@charset "utf-8";
/*body{overflow: hidden;}
article,footer{display: none;}*/
#header { margin-top:-70px; display: none;transition-duration: 1s; animation-name: slidein; /*opacity: 0;overflow: hidden; height: 0;*/}
@media screen and (max-width:660px){#header { margin-top:-70px;}}
@media screen and (max-width:515px){#header { margin-top:-70px;}}
#index_header_fon_h {background-color:rgba(0,0,0,1); background-image: url(/tmp/img/bg3.svg); background-size: 7px;  /*padding-bottom: 1000px;*/}
#index_header_fon_h {/*position: fixed; top: 0;left: 0; z-index: 1;*/ width: 100%; height: 100%;display: table;} 

#index_header_fon{ background-image: url(/tmp/img/vb_logo_new_round_web.svg); background-position: 50% 50%; background-size: 25%; background-repeat: no-repeat;}

#index_header_fon{ display: table-cell; vertical-align:middle;}

#index_header { height: 850px; text-align: center; background-image: url(/tmp/img/index/fon5.jpg); background-repeat: no-repeat; background-size:cover; background-position: left top; border-bottom: 1px solid #000;}
#index_header{ opacity:0;}
/*
#index_header_fon {transition-duration:3s; animation-name: slidein;}
#index_header{transition-duration: 1s; animation-name: slidein;}

body{background-color: #000;}*/
#index_header div{max-width:1500px; margin:0px auto 0 auto; text-align: center; padding-top: 200px;}
#index_header div p{text-transform: uppercase;  color:#000; margin: 0 0 0 50%;font-style: italic; text-shadow: 1px 1px 20px #fff; font-weight:bold; line-height: 130px;transform:scale(0);
	/*transition-duration: 1s; animation-name: slidein;*/ }
#t1, #t2, #3{ opacity: 0;/*transition-duration: .5s; animation-name:slidein;*/}
#index_header div #t1{font-size: 60px;}
#index_header div #t2{font-size: 50px;}
#index_header div #t3{font-size: 85px;}


@media screen and (max-width:1500px){#index_header{height: 750px;}}
@media screen and (max-width:1400px){
	#index_header{height: 650px;}
	#index_header div{ padding-top: 150px;}
	#index_header div p{line-height: 100px;}
	#index_header div #t1{font-size: 50px;}
	#index_header div #t2{font-size: 40px;}
	#index_header div #t3{font-size: 75px;}
	}
@media screen and (max-width:1200px){
	#index_header{height: 600px;}
	#index_header div p{ line-height: 80px;}
	}
@media screen and (max-width:1100px){
	#index_header{height: 500px;}
	#index_header div{ padding-top: 100px;}
	#index_header div #t1{font-size: 40px;}
	#index_header div #t2{font-size: 35px;}
	#index_header div #t3{font-size: 60px;}
	}
@media screen and (max-width:1000px){
	#index_header div p{ line-height: 70px;}
	#index_header div #t1{font-size: 30px;}
	#index_header div #t2{font-size: 28px;}
	#index_header div #t3{font-size: 50px;}
	}
@media screen and (max-width:900px){
	#index_header_fon{ background-size: 70%;}
	#index_header{height: 400px;}
	#index_header div #t1{font-size: 20px;}
	#index_header div #t2{font-size: 18px;}
	#index_header div #t3{font-size: 30px;}
	}
@media screen and (max-width:700px){
	#index_header{height: 300px;}
	#index_header div{ padding-top: 50px;}
	#index_header div p{ line-height: 50px;}
	}
@media screen and (max-width:660px){
	#index_header div{ padding-top: 70px;}
	}
@media screen and (max-width:515px){
	#index_header{height: 250px;}
	#index_header div{ padding-top: 50px;}
	#index_header div p{ line-height: 40px;}
	#index_header div #t1{font-size: 18px;}
	#index_header div #t2{font-size: 14px;}
	#index_header div #t3{font-size: 20px;}
	}
@media screen and (max-width:440px){
	#index_header{height: 200px; background-position: 50% 50%;}
	#index_header_fon{ background-size: 80%;}
	#index_header div p {margin: 0 auto 0 20%;}
	#index_header div{ padding-top: 50px;}
	#index_header div p{ line-height: 40px;}
	#index_header div #t1{font-size: 18px;}
	#index_header div #t2{font-size: 14px;}
	#index_header div #t3{font-size: 20px;}
	}
@media screen and (max-width:330px){
	#index_header{height: 150px;}
	#index_header div{ padding-top: 30px;}
	#index_header div p{ line-height: 25px;}
	#index_header div #t1{font-size: 14px;}
	#index_header div #t2{font-size: 11px;}
	#index_header div #t3{font-size: 18px;}	
	
	}

.i_div_1{ padding:20px 0;}
.i_div_1 h4{font-size: 25px; margin: 40px auto; text-align: center;}
.i_div_1 .text{float: left; width: 75%;}
.i_div_1 .img { float: right; width: 20%;}
.i_div_1 p{font-size: 18px; text-align: justify; margin: 0 10px 40px 10px;}
.i_div_1 .img img{width: 100%;transition-duration: 1s;}
.i_div_1:hover img{} 
@media screen and (max-width:820px){.i_div_1 p{font-size: 16px;}}
@media screen and (max-width:600px){
.i_div_1 h4{font-size: 18px;}	
.i_div_1 p{font-size: 14px;}
.i_div_1 .text{float:inherit; width: 100%;}
.i_div_1 .img { float:inherit; width: calc(100% - 20px); padding: 0 10px;}
}
@media screen and (max-width:400px){
.i_div_1 h4{font-size: 16px;}	
.i_div_1 p{font-size: 13px;}	
}

	
.i_div_2 {background: url(/tmp/img/index/fon_l_div_2.png) no-repeat 0 0, #f5f5f5 url(/tmp/img/index/fon_r_div_2.png) no-repeat 100% 100%;width: 100%; margin:0px; padding: 20px 0 40px 0; }
.i_div_2 .clear_both{clear:both; margin: 0px;}
.i_div_2 h4{font-size: 25px;text-align: center; }
.i_div_2 img{float: left; margin:20px 20px 0 10px; width: 25%; transition-duration: 1s;}
.i_div_2:hover img{} 
.i_div_2 ol{ float: right; width: 67%;  margin: 0;padding: 0;}
.i_div_2 li{font-size: 25px; margin: 25px 0px}
.i_div_2 li{list-style: none; padding: 0px;}
.i_div_2 li span{border: 2px solid #333;border-radius: 22px;display: inline-block;text-align: center;margin: 5px 10px 5px -50px;line-height: 40px;width: 40px;height: 40px;}
@media screen and (max-width:600px){
	.i_div_2 img{float:inherit; margin:0 10px; width: calc(100% - 20px);}
	.i_div_2 ol{ float:inherit;  width: calc(100% - 40px); margin:0  0 0 40px;}
}

@media screen and (max-width:1020px){
	.i_div_2 li{font-size: 20px; }	
}
@media screen and (max-width:830px){
	.i_div_2 li{ font-size: 18px;margin: 5px 0px }
	.i_div_2 li span{border: 1px solid #67374c;border-radius: 16px;margin: 5px 10px 5px -30px;line-height: 20px;width: 20px;height: 20px;}
}

@media screen and (max-width:450px){
	.i_div_2 li{ font-size: 14px;margin: 2px 0px 0 10px }
	.i_div_2 li span{border: 1px solid #67374c;border-radius: 14px;margin: 5px 5px 5px -30px;line-height: 15px;width: 15px;height: 15px;}

}
@media screen and (max-width:400px){
	.i_div_2 h4{font-size: 18px;}
	.i_div_2 li{ font-size: 13px; }
	.i_div_2 li span{border: 1px solid #67374c;border-radius: 14px;margin: 5px 5px 5px -30px;line-height: 15px;width: 15px;height: 15px;}

}
/**/
.i_div_3 { /*background: url(/tmp/img/index/fon_l_div_2.png) no-repeat 0 0, #f5f5f5 url(/tmp/img/index/x.png) no-repeat 100% 100%;*/ background-color: #f5f5f5; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 20px 0; }
.i_div_3 h4{font-size: 25px;text-align: center; }
.i_div_3 img{float:left; margin-right: 5px; width: 34%;transition-duration: 1s;}
.i_div_3 .text{float: left; width: 65%;}
.i_div_3:hover img{} 
.i_div_3 p{font-size: 17px; text-align: justify; margin: 0 10px 40px 10px;}
@media screen and (max-width:600px){.i_div_3 img{float:inherit; margin:0 10px; width: calc(100% - 20px);}}
@media screen and (max-width:600px){.i_div_3 .text{float:inherit; width: 100%;}}
@media screen and (max-width:400px){
.i_div_3 h4{font-size: 16px;}	
.i_div_3 p{font-size: 13px;}	
}


/*--- slider ----*/
.i_div_5 {/*background: url(/tmp/img/index/fon_l_div_2.png) no-repeat 0 0, #f5f5f5 url(/tmp/img/index/fon_r_div_2.png) no-repeat 100% 100%;width: 100%;*/}
.i_div_5{ text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 50px 0 90px 0; }
.i_div_5 h4{font-size: 30px;text-transform: uppercase; margin: 0 auto; padding: 0 0 40px 0;}
@media screen and (max-width:500px){
	.i_div_5 h4{ font-size: 20px;}
}
@media screen and (max-width:400px){
.i_div_5 h4{font-size: 14px;}		
}

#slider_i{position:relative;min-height:300px; max-width: 790px; text-align: center; margin: 0 auto;background:url(/tmp/img/loading.gif)50% 100px no-repeat; background-size: 100px;}
#sl_k_l,#sl_k_r{width:29px;height:59px;position:absolute;z-index:1;top:50%;transform:translate3d(0%,-50%,0);cursor:pointer;}
#sl_k_l{background:url(tmp/img/index/comment/l.png);left:2%;}
#sl_k_r{background:url(tmp/img/index/comment/r.png);right:2%;}
	
#slider_i .comment{ display: inline-block;}
#slider_i .comment img{ width: 300px; height: 300px; border-radius: 150px;}	
@media screen and (max-width:500px){
	#slider_i .comment img{ width: 200px; height: 200px;}
}
#slider_i .comment b {display: block;font-size: 20px; margin: 10px 0;}
#slider_i .comment p {display: block; color: #000; font-size: 17px; margin: 0 10%; text-align:justify;}
#slider_i .comment i {font-size: 15px; font-weight: bold; float: right;}
#slider_i .comment i a{color: #555;}

@media screen and (max-width:400px){
#slider_i .comment b{font-size: 16px;}	
#slider_i .comment p{font-size: 13px;}
#slider_i .comment i {font-size: 12px;
}
	
#kol_el_i{display: none;width:230px;position:absolute;z-index:5;bottom:17px;left:50%;margin-left:-115px;text-align:center;cursor:pointer;}
#kol_el_i div{width:40px;height:9px;margin:0 3px;background:#fff;display:inline-block;border-radius:9px;transition:.3s linear;}
#kol_el_i div:hover{background:#555;}
@keyframes i_an{from{opacity:0;}to{opacity:1;}}
@keyframes i_an1{from{opacity:0;}to{opacity:1;}}	
.anim{animation:i_an 1s;}
.anim1{animation:i_an1 1s;}
.act_i{background:#555!important;}
/*--- slider ----*/