@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&subset=cyrillic');

html,*
{
margin:0;
padding:0;
box-sizing:border-box;
white-space:normal;
}

body
{
margin:0;
padding:0;
border:none;
font-family: Roboto, Arial, sans-serif;
font-style: normal;
font-size:13px;
line-height: 1;
color: #212121;
min-width:1246px;
position:relative;
background:#1d3d56
}

div
{
margin:0px;
padding:0px;
background-repeat:no-repeat!important;
background-attachment:scroll;
text-align:left;
}

div,i,b,span,a
{
background-repeat:no-repeat;
}

p
{
text-indent: 0px;
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
padding:0px;
}

a
{
text-decoration:none;
cursor:pointer;
}

a:link,a:visited
{
color:#212121;
}

a:hover,a:active
{
color:#212121;
}


* { _noFocusLine: expression(this.hideFocus=true); } 
::-moz-focus-inner {border:0;}                    
:focus {outline:none;}   

*.unselectable
{
-moz-user-select: -moz-none;
-khtml-user-select: none;
-o-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}

form
{
margin:0px;
padding:0px;
display:block;
}

.clear
{
clear:both;
display:block;
}

img
{
border:none;
margin:0;
padding:0;
display:block;
}

.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-pagination{text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#84bed7;}

.swiper_wrap_1,.swiper_wrap_1 .swiper-slide,.swiper_wrap_2,.swiper_wrap_2 .swiper-slide
{
	height:970px;
}
.swiper-slide
{
background-position:top center!important;

}

.mparent
{
	position:relative;
	padding-right:17px;
}

.mparent>i
{
	
    top: 1px;
    right: 0px;

    position: absolute;

    border: solid #FFF;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    vertical-align: middle;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
 transition: all 0.3s;

}

.mparent.active>i
{
	    border-color: #FF9000;
}

#top
{
	position:absolute;
	left:0px;
	right:0px;
	text-align:center;
	z-index:2;
	background: rgba(28, 61, 86);
	background: rgba(28, 61, 86, 0.8);
	height:130px;
} 

#top .wrapper2
{
	padding-top:34px;

}

.msub
{
	
	    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -9px;
    
    top: 100%;
    
    transition: all 0.3s;
    
    color: #212121;
    z-index: 1;
display:block;
	padding-top:17px;
}

.msub1
{
	display:block;
	    padding: 9px 20px 9px 20px;
		background: #fff;
		box-shadow: 0px 0px 20px #ddd;
}

#menu .msub a
{
	display:block;
	 color: #212121;
	 padding-bottom:7px;
	 padding-top:7px;
	 white-space:nowrap;
	 transition:all 0.3s;
	
}

#menu .msub a:hover
{
color:#FF9000;	
}

.mparent:hover .msub
{
opacity:1;
visibility:visible;
}

.mparent:hover i
{
transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	
	width: 0!important; 
  height: 0!important; 
  padding:0px!important;
	border-top:none!important;
	 border-left: 8px solid transparent!important;
  border-right: 8px solid transparent!important;
  border-bottom: 8px solid #fff!important;
  
	    top: 25px!important;
    right: 50%!important;
	margin-right:3px!important;
	z-index:6;
}



#menu>span
{
	
	display:inline-block;
	float:left;
	margin-right:26px;

}

#menu a,#menu .mparent>span.likea 
{
	color:#fff;
	font-size:16px;
	display:inline-block;

	font-weight:400;
}

#menu a.active,#menu .mparent>span.likea.active
{
	color:#FF9000;
}

#opt
{
color: #fff;
cursor:pointer;
    font-size: 16px;
    display: inline-block;
    float: left;
    
    font-weight: 400;
    margin-left: 49px;
   
   padding-left:34px;
   
    position: relative;
    top: -3px;
   
}

#opt span
{
	border-bottom:1px dashed;
	display:inline-block;
	line-height:22px;
}


#opt i
{
	position:absolute;
	left:0px;
	top:3px;

	color:#fff;
	display:block;
	text-align:center;
	
	border-radius:100%;
}

#opt i:before
{
content: '';
    position: absolute;
    left: 6px;
    top: 6px;
    width: 3px;
    height: 12px;
    background: #FF9000;
    display: block;
    transform: rotate(-43deg);
}

#opt i:after
{
content: '';
    position: absolute;
    left: 16px;
    top: -3px;
    width: 3px;
    height: 22px;
    background: #FF9000;
    display: block;
    transform: rotate(45deg);
}







#lang
{
color: #fff;
cursor:pointer;
    font-size: 16px;
    display: inline-block;
    float: left;
    
    font-weight: 400;
    margin-left: 33px;
   
   padding-left:34px;
   
    position: relative;
    top: -3px;
   
}

#lang span
{
	border-bottom:1px dashed;
	display:inline-block;
	line-height:20px;
}





.wrapper
{
	max-width:1246px;
	margin:0px auto;
	position:relative;
}

.wrapper2
{
	margin-left:10px;
	margin-right:10px;
	position:relative;
}


.wrapper6
{
	max-width:1246px;
	margin:0px auto;
	position:relative;
}

.wrapper7
{
	margin-left:10px;
	margin-right:10px;
	position:relative;
}

#top0
{
	top:90px;
	position:absolute;
	left:0px;
	right:0px;
	
	height: 165px;
	overflow:hidden;
}

#top1
{
	position:absolute;
	left:0px;
	right:0px;
	top:3px;
	
	background:#fff;
	
	
height: 120px;

background-image: linear-gradient(180deg, #FFFFFF 0%, #EBEBEB 100%);


font-size: 18px;
color: #212121;


}

#tel
{
	position:absolute;
	right:7px;
	top:31px;
	color:#fff;
	font-size:24px;
	padding-left:31px;
	padding-right:21px;
	font-weight:300;
}

#tel1
{
	position:absolute;
	left:0px;
	top:1px;
}

#tel2 
{
	position:absolute;
	right:0px;
	top:6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    vertical-align: middle;
	 transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#logo
{
	position:absolute;
	left:23px;
	top:36px;
}

#logo img
{
	width:240px;
}


#top2_1
{
	
	left:288px;
	
}

#top2_2
{
	
	right:0px;
	
}

.top2
{
display:block;
width:468px;
bottom:-3px;
top:-3px;
position:absolute;
cursor:pointer;
}

.top2:hover span
{
color:#FF9000;
}


.top2.active
{
	cursor:default;
	background:#fff;
	box-shadow:0px 4px 25px  rgba(0,0,0,0.25);
}

.top21
{
	background:#FF9000;
	height:8px;
	position:absolute;
	left:288px;
	width:468px;
	display:block;
	bottom:-8px;
	opacity:0;
	visibility:hidden;
	transition:all 0.3s;
}



.top22
{
	background:#FF9000;
	height:8px;
	position:absolute;
	right:0px;
	width:470px;
	display:block;
	bottom:-8px;
	opacity:0;
	visibility:hidden;
		transition:all 0.3s;
}

.top21.active,.top22.active
{
	opacity:1;
	visibility:visible;
}

.top2 svg
{
	position:absolute;
	left:50px;
	top:22px;
}

.top2 span
{
	position:absolute;
	top:34px;
	
	left:168px;
	display:block;
	line-height:1.26;
	
	transition:all 0.3s;
	
}

.top2.active span
{
color: #212121!important;
}

.top2 i
{
display: block;
    font-style: italic;
    font-weight: 300;
    font-size: 15px;
    padding-top: 17px;
}

.sw1
{
	position:absolute;
	right:61px;
	width:680px;
	height:513px;
	top:327px;
}

.sw1 svg
{
	position:absolute;
	left:0px;
	top:0px;
}

.sw2
{
	position:relative;
font-weight: 300;
font-size: 50px;
color: #FFFFFF;
} 

.sw6 
{
	position:relative;
font-weight: 300;
font-size: 19px;
color: #FFFFFF; 
margin-left: 71px;
    margin-right: 0px;
	margin-top:37px;
	padding-bottom:10px;    line-height: 1.5!important;
}

.sw3
{
	position:relative;
font-size: 30px;
color: #FFFFFF;
line-height: 1.4!important;
    font-weight: 300;
}

.sw4
{
	position:relative;
font-weight: 300;
font-size: 80px;
color: #FFFFFF; 
}

.gradient
{
background: #FF5C00;	
background: linear-gradient(100.38deg, #FFA800, 40%, #FF6A00 95.3%);
cursor:pointer;
position:relative;
transition:all 0.3s;
}

.gradient:hover
{
	opacity:0.9!important;
}


.gradient:active
{
top:1px;
}


a.sw5
{
	
position:relative;
font-size: 16px;
text-align: center;
color: #FFFFFF;

display:block;
width: 287px;
height: 50px;

border-radius: 25px;
}

a.sw5 span
{
	display:block;
	position:relative;
top: 15px;
    font-weight: 300;
}

.sw5:hover
{
	

}

.sw2
{
	margin-top:66px;
}
.sw3
{
	margin-top:37px;
	line-height:1.2;
}
.sw4
{
	margin-top:7px;
}
.sw5
{
	
	margin-top:50px;
}

.sw2,.sw3,.sw4,.sw5
{
	margin-left:71px;
	margin-right:0px;
}

.style2 svg path
{
	fill:#FF5C00;
}

.style2 .sw5
{
	background:#1C3D56;
}


.style3 svg path
{
	fill:#777;
}

#usl0
{
	height:66px;
}

.title
{
	    z-index: 1;
    position: relative;
	font-size:30px;
	color:#fff;
	line-height:1.3;
	text-align:center;
	font-weight:400;
}

#usl2
{
	height:50px;
}

#usl1
{
	position:relative;
}

#usl3
{
position:absolute;
left:0px;
top:-71px;
font-weight:600;
font-size: 300px;
color:rgba(255, 255, 255, 0.03);

}

#usl4
{
	clear:both;
	height:30px;
}

.usl
{
position:relative;
float:left;
width:20%;
}

.usl_border1,.usl_border2,.usl_border3,.usl_border4,.usl_border5
{
background:rgb(52,80,102);
position:absolute;
}

#usl1
{
	margin-left:13px;
	margin-right:13px;
	height:433px;
}

.usl_border1
{
left:13px;
top:38px;
bottom:0px;
width:2px;
}

.usl_border2
{
right:13px;
top:38px;
bottom:0px;
width:2px;
}

.usl_border3
{
left:13px;
right:13px;
bottom:0px;
height:2px;
}

.usl_border4
{
left:13px;
width:26px;
top:38px;
height:2px;
}

.usl_border5
{
right:13px;
width:26px;
top:38px;
height:2px;
}

.usl
{
	text-align:center;
}

.usl_title td
{
	text-align:center;
	font-size:18px;
	line-height:1.3;
	color:#FF9000;
}

.usl_title
{
	text-align:center;
	color:#FF9000;
	text-align:center;
	padding-top:5px;
	padding-bottom:11px;
	font-size:18px;
	line-height:1.3;
	margin-left:20px;
	margin-right:20px;
	white-space:normal;
}

.usl_title table
{
	width:100%;
}
.usl_title td
{
	height:50px;
	vertical-align:middle;
}

.usl_title1
{
	text-align:center;
	color:#fff;
	font-size:24px;
	font-weight:300;
	padding-bottom:20px;
}

.usl_title1 sup
{
	font-size:13px;
	
}

.usl_title1 span
{
	font-size:35px; 
	font-weight:400;
	
}

.usl_title2
{
	text-align:center;
	color:#fff;
	padding-bottom:15px;
	
	margin-left: 26px;
    margin-right: 26px;
    font-size: 15px;
    line-height: 23px;
	
	
}

.usl
{
	height:255px;
	transition:all 0.3s;
}

.usl_button
{

text-align:center;
	
position:relative;
font-size: 16px;
text-align: center;
color: #FFFFFF;
transition:all 0.3s;
margin:0px auto;
margin-top:12px;
margin-bottom:10px;

width: 175px;
height: 50px;

visibility:hidden;
opacity:0;
border-radius: 25px;
}

.usl_button span
{
	display:block;
	position:relative;
top: 15px;
    font-weight: 300;
}


.usl svg
{
	position:relative;
	transition:all 0.3s;
	top:0px;
}

.usl:hover
{
	height:321px;
}

.usl:hover svg
{
	top:-25px;
	transition:all 0.3s;
}


.usl:hover .usl_button
{
visibility:visible;
opacity:1;
}

.usl .usl_border1,.usl .usl_border2,.usl .usl_border4,.usl  .usl_border5
{
transition:all 0.3s;
}



.usl:hover  .usl_border1,.usl:hover  .usl_border2,.usl:hover  .usl_border4,.usl:hover  .usl_border5
{
top:13px;
transition:all 0.3s;
}

.parallax
{
	position:relative;
}

#fon_n
{
	z-index:1;
	position:relative;
}


.parallax>div {
	position:relative;
	padding-top:60px;
	padding-bottom:60px;
	
	background-position:center center;
	background-repeat:no-repeat;
	
}

.parallax-1:after
{
content:'';
position:absolute;
left:0px;
top:0px;
bottom:0px;
right:0px;
background: rgba(28, 61, 86);
background: rgba(28, 61, 86, 0.8);
}

.prem1
{
	margin-left:13px;
	margin-right:13px;
}


.prem {
    position: relative;
    float: left;
    width: 33%;
	width: calc(100%/3);
}

#fon_n
{
padding-left: 13px;
padding-right: 13px;
position:relative;
overflow:hidden;

}

.prem
{
	padding-top:48px;
}

.prem1
{
	text-align:center;
}

.prem_title
{
	text-align:center;
	color:#FF9000;
	
	padding-top:5px;
	padding-bottom:11px;
	font-size:18px;
	line-height:1.3;
	
	white-space:normal;
}

.prem_title table
{
	width:100%;
}
.prem_title td
{
	height:50px;
	vertical-align:middle;
	font-size:18px;
	line-height:1.3;
	color:#FF9000;
	text-align:center;
}

#prem3
{
position:absolute;
left:0px;
top:-71px;
font-weight:600;
font-size: 200px;
color:rgba(255, 255, 255, 0.03);

}

.prem_desc
{
	color:#fff;
	font-size:16px;
	line-height:1.5;
	font-weight:300;
	text-align:center;
}

.prem_desc1
{
	color:#fff;
	font-size:16px;
	line-height:1.5;
	font-weight:400;
	text-align:center;
	padding-top:23px;
	padding-bottom:4px;
	
}

.prem_desc1 a
{
	cursor:pointer;
	color:#FF9000;
	border-bottom:1px solid;
}

.prem_desc2
{
	color:#fff;
	font-size:16px;
	line-height:1.5;
	font-weight:500;
	text-align:center;
	font-style:italic;
	padding-top:20px;
}

.prem_desc3
{
	color:#fff;
	font-size:16px;
	line-height:1.5;
	font-weight:300;
	text-align:center;
	padding-top:20px;
}


.prem_desc3 div
{
	color:#fff;
	font-size:21px;
	line-height:1.5;
	font-weight:500;
	text-align:center;
	display:block;
	padding-top:3px;
}


.prem_desc4
{
	color:#fff;
	font-size:16px;
	line-height:1.2;
	font-weight:500;
	text-align:center;
	padding-top:22px;
	
	
}

#ta 
{
	padding-top:12px!important;
	padding-bottom:12px!important;
	display:block!important;text-align:center!important;
	font-weight: 300!important;
	font-size:16px!important;
	top:0px!important;
	    padding-right: 0px!important;
}

.prem_desc3 div
{
	padding-top:10px!important;
}
.prem_desc4 span
{
	
	font-weight:500;
	font-size:25px;
	
	padding-right:3px;
	position:relative;
	top:1px;
}

.prem_desc4 i
{
	font-style:normal;
	font-weight:300;
	
}
    


.prem_desc4 .b1
{
	height:15px;
}

.prem_desc4 .b2
{
	height:6px;
}

.prem_desc4 .b3
{
	height:2px;
}

#works
{
	
	background:#fff;
	padding-top:58px;
	position:relative;
	overflow:hidden;
}

#works .title
{
color: #212121;
}

#works3
{
position:absolute;
right:0px;
top:15px;
font-weight:600;
font-size: 300px;
color:#f6f7f9;

}

#works1
{
	text-align:center;
	position:relative;
	z-index:3;
}

#works4
{
	height:48px;
}

#works1>span
{
	display:inline-block;
	color:#757575;
	margin-left:10px;
	margin-right:10px;
	font-weight:400;
	font-size:18px;
	cursor:pointer;
	padding-left:19px;
	padding-right:19px;
	position:relative;
	vertical-align:middle;
	transition:all 0.3s;
}

#works1>span.active
{
	color:#212121!important;

	cursor:default!important;
	}
	
#works1>span:after
{
	content:'';
	position:absolute;
	display:block;
	left:0px;
	
	background:#ff9000;
	
	top:26px;

	transition:all 0.3s;
	
	visibility:hidden;
	opacity:0;
	width:0px;
	height:0px;
}

#works1>span.active:after
{
	visibility:visible;
	opacity:1;
	width:100%;
	height:4px;
}

#works1 a
{
	display:inline-block;
	vertical-align:middle;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    
    width: 160px;
    height: 36px;
    border-radius: 25px;
	
	margin-left:29px;
	margin-right:29px;
	
	
	
}

#works1 a span {
    display: block;
    position: relative;
    top: 9px;
    font-weight: 300;
	color:#fff;
}

#works1>span span
{
	position:relative;
	z-index:2;
}

#works1>span.nonactive>i
{
	box-shadow:0px 0px 10px #ddd;
	background:#fff;
	top:-10px;
	bottom:-12px;
	left:-10px;
	right:-10px;
	display:block;
	position:absolute;
	visibility:hidden;
	opacity:0;
	transition:all 0.3s;
}

#works1>span.nonactive:hover>i
{
	visibility:visible;
	opacity:1;
}

#works1>span.nonactive:hover
{
	color:#212121!important;
    
}

#works2
{
	position:relative;
	z-index:3;
	padding-top:44px;
	text-align:center;
	font-size:0;
	
    overflow: hidden;
}



.clear
{
clear:both;	
}

.work
{
	font-size:0;
	width:33.333333%;
    width: calc(100%/3);
   
	position:relative;
display: block;
float:left;
}

.work img
{
	width:100%;
	    
   
}

.work1
{
	opacity:0;
	visibility:hidden;
content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(28, 61, 86);
    background: rgba(28, 61, 86, 0.8);
	transition:all 0.3s;
	
	color:#fff;
}

.work:hover .work1
{
	opacity:1;
	visibility:visible;
}
.work table
{
	width:100%;
}

.work td
{
	text-align:center;
}

.work2
{
	text-align:center;
	margin-left:20px;
	margin-right:20px;
	font-weight:300;
	font-size:16px;
	line-height:1.5;
	color:#fff;
	margin-bottom:30px;
}

.work span {
	position:relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
	cursor:pointer;
    color: #FFFFFF;
	font-weight:300;
    padding-left:40px;
	padding-right:40px;
	padding-top:8px;
	padding-bottom:10px;
    border-radius: 25px;
	border:2px solid #FF9000;
	font-size:16px;
}

.work span:hover
{
background: #FF5C00;
background: linear-gradient(100.38deg, #FFA800, 40%, #FF6A00 95.3%);
}

.work span:active
{
	top:1px;
}



.phoneslist
{
	opacity:0;
	visibility:hidden;
	position:absolute;
	left:-19px;
	right:-16px;
	top:-16px;
	background:#fff;
	transition:all 0.3s;
	box-shadow:0px 0px 20px #ddd;
	color:#212121;
	z-index:1;
	padding:16px 20px 10px 50px;
}

#tel:hover .phoneslist
{
	display:block;
	opacity:1;
	visibility:visible;
}
.phoneslist svg
{
	position:absolute;
	top:16px;
	left:5px;
}

.tel
{
	display:block;
	margin-bottom:20px;
}

#tel3
{
	    position: absolute;
    right: 7px;
    top: 25px;
    border: solid #FF9000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    vertical-align: middle;
    transform: rotate(-45deg);
    -webkit-transform: rotate(225deg);
}

#news
{
	
	background:#f6f7f9;
	padding-top:58px;
	position:relative;
	clear:both;
}

.newbreak1
{
	clear:both;
	height:46px;
}

.newbreak2
{
	text-align:center;
}

.newbreak3
{
	height:56px;
}

#news .title
{
	position:relative;
	z-index:2;
color: #212121;
}

#news3
{
position:absolute;
right:0px;
top:-23px;
font-weight:600;
font-size: 300px;
color:#f0f1f3;

}

#news4
{
	height:48px;
}

.new
{
	display:block;
	width:388px;
	
	float:left;
	margin-right:30px;
	z-index:1;
	position:relative;
	background:#fff;
	padding-bottom:25px;
	transition:all 0.3s;
}

.new img
{
width:100%;
}

.new3
{
	margin-right:0px!important;
}

.new_title
{
	margin-top:23px;
	
	font-size:18px;
    color: #757575;
	line-height:1.2;
	padding-bottom:18px;
}

.new_desc
{
	font-size:14px;
    color: #757575;
	line-height:1.6;
}

.new_title,.new_desc
{
padding-left:25px;
padding-right:25px;
}

.button
{
position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
   
    font-weight: 400;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 12px;
    border-radius: 25px;
    border: 2px solid #FF9000;
    font-size: 16px;
}

.button:hover
{
color:#fff;
background: #FF5C00;
background: linear-gradient(100.38deg, #FFA800, 40%, #FF6A00 95.3%);
}











.new_image1
{
	opacity:0;
	visibility:hidden;
content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(28, 61, 86);
    background: rgba(28, 61, 86, 0.8);
	transition:all 0.3s;
	
	color:#fff;
}

.new_image:hover .new_image1
{
	opacity:1;
	visibility:visible;
}
.new_image1 table
{
	width:100%;
}


.new_image img,.new_image
{
	position:relative;
	width:388px;
	height:276px;
}
.new_image1 td
{
	width:388px;
	text-align:center;
	height:276px;
	vertical-align:middle;
}

.new_image1 span,.new_image1 a {
	position:relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
	cursor:pointer;
    color: #FFFFFF;
	font-weight:300;
    padding-left:40px;
	padding-right:40px;
	padding-top:8px;
	padding-bottom:10px;
    border-radius: 25px;
	border:2px solid #FF9000;
	font-size:16px;
}

.new_image1 span:hover,.new_image1 a:hover
{
background: #FF5C00;
background: linear-gradient(100.38deg, #FFA800, 40%, #FF6A00 95.3%);
}

.new_image1 span:active
{
	top:1px;
}

.new:hover
{
	box-shadow:0px 0px 25px #ddd;
}



table
{
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
}

#vs_body
{
	padding-top:15px;
	 height: 85px;
	text-align:center;
}

#vs_body input
{
width:250px;
    font-family: Roboto, Arial, sans-serif;
    font-style: normal;
    outline: none!important;
    resize: none;
	    margin: 0px auto;
color:#212121;
    display: block;
    padding-left: 17px!important;
    padding-right: 17px!important;
    padding-top: 11px!important;
    padding-bottom: 15px!important;
    border-radius: 7px!important;
    font-size: 14px!important;
    border: 1px solid #ddd;
	transition: all 0.3s;
    box-shadow: 0px 0px 6px #ddd;
    line-height: normal!important;
	
}

#vs_body input.vs_error
{
	border-color:red;
	box-shadow: 0px 0px 6px red;
}

#vs_overlay
{
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
   
    z-index: 1000;
   
    background: #999;
	background:rgba(0,0,0,0.5);
	
	    -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
}

#vs_form
{
	
    z-index: 1002;
   
    -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
  position: absolute;
  left: 50%;
background:#fff;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}




@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}




@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
	visibility:visible;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
	visibility:hidden;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
	visibility:visible;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
	visibility:hidden;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}




@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
	visibility:visible;
  }

  to {
    opacity: 0;
	visibility:hidden;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
	visibility:visible;
  }

  to {
    opacity: 0;
	visibility:hidden;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

#vs_title
{
	padding-bottom:20px;
	color:#212121;
	padding-top:15px;
	    font-size: 22px;
		line-height:1.5;
		text-align:center;
}

.vs_title2
{
	
    font-size: 14px;
    color: #757575;
	text-align:center;
   line-height:1.5;
   padding-top:15px;
   padding-bottom:20px;
}


 #vs_form
 {
	  border-radius: 3px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
 }

#vs_form_in
{

}



#vs_form_in1
{
	margin-left:20px;
	margin-right:20px;
}

.swiper_wrap_vs1
{
	padding-left:35px;
	padding-right:35px;
	padding-bottom:10px;
}

.swiper_wrap_vs1 img
{
	width:100%;
	height:400px;
}

.swiper_wrap_vs1 .swiper-slide
{
	height:auto!important;
}





.swiper-button-next {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);

    border: solid #FF9000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 13px;
	
	position: absolute;
    right: 26px;
    top: 45%;
	z-index:1;
	
	cursor:pointer;
}

.swiper-button-prev {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);

    border: solid #FF9000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 13px;
	
	position: absolute;
    left: 26px;
    top: 45%;
	z-index:1;
	
	
	cursor:pointer;
}


.swiper-button-prev:active,.swiper-button-next:active
{
	margin-top:1px;
}


#vs_close {
    position: absolute;
    bottom: 100%;
    left: 100%;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
}

#vs_close:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 2px;
    margin: -1px 0 0 -12px;
    background: #fff;
}

#vs_close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 24px;
    margin: -12px 0 0 -1px;
    background: #fff;
}

#vs_close:hover {
    transform: rotate(225deg);
}







#catalog
{
	
	background:#fff;
	padding-top:58px;
	position:relative;
	clear:both;
}

#catalog .title
{
	position:relative;
	z-index:2;
color: #212121;
}

#catalog3
{
    position: absolute;
    left: 0px;
    top:-18px;
    font-weight: 600;
    font-size: 300px;
    color: #f8f9fb;

}

#catalog4
{
	height:85px;
}


.catalog0
{
	width:245px;
	float:left;
}

.catalog0_1,.catalog0_2,.catalog0_3
{
	margin-right:82px;
}

.catalog0 img
{
	width:200px;
	    margin: 0px auto;
}



.catalog1_break
{
	height:40px;
}

.catalog1
{
	margin-bottom:20px;
	
   position:relative;
}

.catalog4
{
	font-size: 14px;
    line-height: 1.3;
}

.catalog2
{
	
    font-size: 14px;
	line-height:1.3;
	padding-right:30px;
	position:relative;
}

.catalog2>a
{
	color: #757575;
	white-space:normal;
	transition:all 0.3s;
	
}

.catalog4>a
{
	color: #757575;
	white-space:normal;
}

.catalog4>a
{
	padding-top:9px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	display:block;
}

.catalog4>a:hover
{
	color:#fff;
	background:#2d5166;
}

.catalog1:hover .catalog2>a
{
	    color: #000;
}

.catalog1:hover .catalog2>i *
{
	    background: #000;
}

.catalog31
{
	background:#fff;
	box-shadow:0px 0px 20px #ddd;
	padding:6px 0px 7px 0px;
}

.catalog3
{
	visibility:hidden;
	opacity:0;
	position:absolute;
	left:-20px;
	top:100%;
	padding-top:3px;
	right:-20px;
	transition:all 0.3s;
}


.catalog1:hover
{
	z-index:6;
}

.catalog1:hover .catalog3
{
	   visibility:visible;
	opacity:1;
	
}

.catalog2>i
{
	position:absolute;
	right:0px;
	top:50%;
	height:6px;
	width:10px;
	margin-top:-3px;
	display:block;
transition:all 0.3s;
}

.catalog1:hover .catalog2>i
{
transform: rotate(90deg);
}

.catalog2>i span
{
	width:7px;
	transform:rotate(45deg);
	height:2px;
	position:absolute;
	right:0px;
	top:0px;
	background:#757575;
	display:block;
	transition:all 0.3s;
}

.catalog2>i i
{
	width:7px;
	transform:rotate(-45deg);
	height:2px;
	position:absolute;
	right:0px;
	bottom:0px;
	display:block;
	background:#757575;
	transition:all 0.3s;
}

.catalogbreak
{
	clear:both;
	height:60px;
}

.error
{
	border-color:red!important;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.animated
{
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}



@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

.animated_delay
{
	 -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.vs_send_wrap,.vs_send_wrap_after
{
text-align:center;
padding-top:20px;
}

.vs_send_wrap>span,#vs_close1 {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    width: 250px;
    height: 50px;
    border-radius: 25px;
    position: relative;
    z-index: 1;
}

.vs_send_wrap>span span,#vs_close1 span {
    display: block;
    position: relative;
    top: 16px;
    font-weight: 400;
    color: #fff;
}


.vs_send_wrap>span span a,#vs_close1 span a{

    color: #fff;
}

#footer
{
	
	height:156px;
	margin-top:-156px;
	
	position:relative;
	z-index:20;
	
		
	background: #FF6000;
	
	
}



#footer a,#footer>span
{
	width:20%;
	cursor:pointer;
	height:156px;
	float:left;
	display:block;
	
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	position:relative;
	overflow:visible;
transition:all 0.5s;
	
	
}

#footer a:hover,#footer>span:hover
{
	

 background: rgba(255,255,255,0.2);
	
	
}

#footer,#footer *
{
white-space:nowrap;
}

#footer a.two1
{
	border-left:none;
}

#footer a.one2
{
	border-right:none;
}


#footer a span,#footer>span span
{
	position:relative;
	padding-left:30%;
	display:block;
	top:50%;
	color:#fff;
	font-size:21px;
	line-height:1.35;
}

#footer a.one span
{
margin-top:-17px;
}


#footer a.two span,#footer span.two span
{
margin-top:-32px;
}

#footer a.two3 img,#footer span.two3 img
{
margin-top:-1px;
}

#footer a img,#footer>span img
{
    width: 50px;
    position: absolute;
    left: 15%;
    top: 33%;
    margin-left: -24px;
}


html, body {
    min-height: 100%;
    height: 100%;
    
}

#wrap {
    height: auto!important;
    min-height: 100%;
    position: relative;
}

#rasp {
    height: 156px;
    clear: both;
}





#menu>span {
   
    display: inline-block;
    float: left;
    margin-right: 28px;
    
}

#menu a {
    color: #fff;
    font-size: 15px;
    display: inline-block;
   
    font-weight: 400;
}

#tel {
   
    top: 31px;
    
    font-size: 20px;
    padding-left: 31px;
    padding-right: 23px;
    font-weight: 400;
}

#tel1
{
	top:0px;
	left:-5px;
}

#tel3
{
	top:23px;
	    right: 16px
}

#tel2 {

    right: 0px;
    top: 2px;
}

.phoneslist svg {
   
    top: 16px;
	    left: 13px;

}

#opt 
{
font-size: 15px;  
    margin-left: 31px;
}

#opt span 
{
 line-height: 20px;
}

#opt i
{
    top: 2px;
}

#opt i:before {
    content: '';
    position: absolute;
    left: 6px;
    top: 8px;
    width: 2px;
    height: 9px;
    background: #FF9000;
    display: block;
    transform: rotate(-43deg);
}

#opt i:after {
    content: '';
    position: absolute;
    left: 16px;
    top: -1px;
    width: 2px;
    height: 20px;
    background: #FF9000;
    display: block;
    transform: rotate(45deg);
}

#opt.active span
{
	color: #FF9000;
}




@media (max-width: 1580px)
{


#footer a span,#footer>span span {
   
    font-size: 18px;
    line-height: 1.4;
}

#footer a.two span,#footer span.two span {
    margin-top: -26px;
}

#footer a.one span,#footer span.one span {
    margin-top: -14px;
}

}

@media (max-width: 1347px)
{
	
#footer a,#footer>span
{
	text-align:center;
}
	
#footer a img,#footer>span img {
    width: 50px;
   position:static;
   margin:0px auto;
   margin-top:16px!important;
}

#footer a span,#footer>span span {
    position: absolute;
    padding:0px;
    top:110px;
	left:0px;
	right:0px;
	text-align:center;
}

}