@charset "utf-8";
/* CSS Document */
body{margin: 0; padding: 0; font-family: robotoregular;}


@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }
	
	

*{margin: 0,0; padding: 0}
.holder{position: fixed; margin-left: auto; margin-right: auto; width: 100%;  top:10; z-index: 100;  } 
.holder_fix{ margin-left: auto; margin-right: auto; width: 100%;  top:10; z-index: 100  }  
.container{ width:1200px; height: 115px;   margin-left: auto; margin-right: auto;   }
.logo{width: 155px; height: 115px; float: left; }
.menu{width: 1000px; height: 40px; float: right;    }

#navbar{width: 980px; height: 40px; border-radius: 6px;  float: right;   background: #FDFCFC;   }
#navbar li{width: 140px; height: 40px; list-style: none; float: left;  }
 
li >a {display: block; color: #070707; line-height: 40px; text-align: center;  
	font-family:  robotoregular  ;  font-size: 16px; text-decoration: none;}
li >a:hover{background: #E41316;  color: #F7F0F0 ;       }
ul ul {display: none;   }
ul li:hover >ul{display: block; z-index: 100;  }
li ul li {width: 180px; height: 40px; display: block;  background: #C8C6C6;  float: left; border-bottom:  #706C6C 1px solid;   }


.slider{overflow: hidden;     margin: auto;    }
.slider figure div {width: 20%; float: left; }
.slider figure img{width: 100%; float: left; }
.slider figure {position: relative; width: 500%; margin: 0; left: 0; animation: 30s slidy infinite; z-index: -99999; }

@keyframes slidy { 
	
	0% {	left: 0%; }

	10% {	left: 0%; }
	
	12% {	left: -100%; }
	
	22% {	left: -100%; }
	
	24% {	left: -200%; }
	
	34% {	left: -200%; }
	
	36% {	left: -300%; }
	
	46% {	left: -300%; }
	
	48% {	left: -400%; }
	
	58% {	left: -400%; }
	
	60% {	left: -300%; }
	
	70% {	left: -300%; }
	
	72% {	left: -200%; }
	
	82% {	left: -200%; }

	84% {	left: -100%; }
	 
	94% {	left: -100%; }
	
	96% {	left: -0%; }
	
	}

.img_slider{ margin-left: auto; margin-right: auto;  width: auto; height: 250px;}
	
.marquee {width: 1300px; margin-left: auto; margin-right: auto; padding-top: 14px; }


.footer {width: 100%; margin-left: auto; margin-right: auto; height: 200px; background: #221717; position: relative;float: left;}

.holder_2 { width: 1300px; height: 160px;  margin: 0 auto; padding-top: 20px; }  

.address{width: 300px; height: 120px; font-family: robotoregular;  font-size: 16px; color: white; float: left;}
 
.social { width: 280px; height: 100px;   float: right;     }
.social ul{ margin: 0; padding: 0; float: left; transform: translate(0%, 0%);}
.social ul li{list-style: none; float: left; margin: 10px; width: 70px; height: 70px; background: #D9D5D5; line-height: 70px; text-align: center; 
border-radius: 50%; position: relative; overflow: hidden;font-size: 40px; color: #262626; z-index: 1; transition: .5s ease-in-out;}
.social ul li:before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: -100%; background:  #ccc; z-index: -1; border-radius: 50%; 
transform: scale(0); transition: .3s ease-in-out;}

.social ul li:after{content: ''; width: 50%; height: 100%; position: absolute; right: -100%; top:0; background: rgb(255.255.255.3);transition: .5s ease-in-out;
transition-delay: .5s;}
.social ul li:hover:before{left:0; transform: scale(.9)}
.social ul li:hover:after {right: 0%; }
.social ul li:nth-child(1):before {background: #3b5999;}
.social ul li:nth-child(2):before {background: #cd201f;}
.social ul li:nth-child(3):before {background: #e4405f;}
.social ul li.fa {color: #ccc;}
.social ul li:hover .fa {color: #fff;}


.link{width: 300px; float: left; font-family: robotoregular; font-size: 18px; margin-left: 60px;   padding-top: 30px; text-decoration: none; color:white; }


.link_v{width: 300px; height: 675px; float: left; font-family: robotoregular; font-size: 16px; text-decoration: none; background:#F8A7A8; margin-right: 30px;
		border-radius: 0px  10px 10px 0px;  }
.link_v ul{width: 290px; list-style: none; margin: 0px; float: left;  }
.link_v ul li{  padding:0px 0px 0px 10px; position: relative; width: 285px; border-bottom: 1px  red solid; border-left:5px red solid; }
.link_v ul li a:hover{ display: block; background: #840D0F ; color:white; width: 285px; border-radius: 0px  10px 0px 0px;}
.link_v ul li a{text-align: left; text-decoration: none; }
.link_v i {margin-right:15px; color: red; font-size: 20px; padding-left: 25px;}
 
.active{display: block; background: #840D0F ; color:white; width: 285px; border-radius: 0px  10px 0px 0px;}

.phone{width: 300px; float: left; font-family: robotoregular; font-size: 22px; margin-left: 60px;  padding-top: 30px; text-decoration: none; color:white; }

.copy{font-family: robotoregular; font-size: 12px; color: darkgray; float: left; width: 500px; height: 35px; clear: both;}

.by{font-family: robotoregular; font-size: 12px; color: darkgray; float: right; width: 300px; height: 35px;  }

.text_right{text-align: right;  }