@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap&subset=cyrillic,cyrillic-ext');

/* Reset style */
html{color:#000; background:#F5F5F5;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
/* END Reset style */

body {
	margin:0;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	color:#666;
	font-size:14px;
	font-weight:300;
	height: 100%;
}

a:link, a:visited, a:hover{color:#F15A24;}
/* Main */
	.main{
		width:1020px;
		margin:0 auto;
		background:#fff;
		box-shadow: #b3b3b3 0px 0px 10px;
		-webkit-box-shadow: #b3b3b3 0px 0px 10px;
		-moz-box-shadow: #b3b3b3 0px 0px 10px;
		margin-top:30px;
	}
	.top{position:relative; height:110px; background:#fff; color:#666;}
	a.logo:link, a.logo:visited, a.logo:hover {position:absolute; top:40px; left:40px; text-decoration:none;}
	.logo img{float:left; height:28px;}
	.logo b{color:#666; font-weight:normal; display:inline-block; font-size:14px; margin:6px 0 0 30px;}
	.contacts{position:absolute; top:15px; width:395px; right:20px; font-size:14px;}
	.contacts a:link, .contacts a:visited, .contacts a:hover{color:#666; text-decoration:none;}
	.contacts a:hover{text-decoration:underline;}
	.contacts .cmail{background:#fff url(../img/mail.png) no-repeat left center; margin-top:32px; padding-left:23px; float:left;}
	.contacts .ctell{padding-left:19px; margin-left:190px;}
	.contacts .ctell b{
		display:inline-block;
		font-size:16px;
		color:#f05a23;
		font-weight:bold;
		line-height:36px;
		padding:0 25px;
		box-shadow: 0 0 8px 3px #d0dce0;
		border-radius:3px;
		background:#fff;
		margin:0 0 10px 0;
	}
	
	.menu{background:#272727; font-size:15px; margin:0 40px 20px 40px; border-top: 4px solid #A8A8A8;}
	.menu ul li{display:inline-block; color:#fff; font-size:16px; border-left:1px solid #393939; text-align:center; position:relative;}
	.menu a:link, .menu a:visited{color:#fff; text-decoration:none; padding:9px 23px 9px 23px; display:inline-block;}
	.menu a:hover{background:#393939;}
	.menu a:link.menu_active, .menu a:visited.menu_active, .menu a.menu_active:hover{background:#393939; border-top:4px solid #F15A24; margin-top:-4px;}
	.menu ul li ul{display:none; position:absolute; top:36px; left:0px; background:#393939;}
	.menu ul li:hover ul{display:inline-block;}
	.menu ul li ul li{display:block; white-space: nowrap; text-align:left; border-bottom:1px solid #00A651;}
	.menu ul li ul li a:link, .menu ul li ul li a:visited {display:inline-block; padding:3px 5px 3px 8px; min-width:130px;}
	
	.slide_c{position:relative; margin:0px 0 30px 40px; background:#fff url(../img/shad.png) no-repeat bottom center; padding-bottom:33px;}
	.slide{width:940px; height:380px; overflow:hidden; position:relative;}
	.slide img{position:absolute; left:0; top:0; min-width:940px;}
	.btnext{position:absolute; right:12px; top:50%; margin-top:-50px;}
	.btprev{position:absolute; left:0; top:50%; margin-top:-50px; margin-left:-30px;}
	.btprev:hover, .btnext:hover{ cursor:pointer; opacity:0.8;}
	.slider_title{position:absolute; left:0; bottom:60px; background:url(../img/op.png); border-left:6px solid #F15A24; color:#fff; font-size:15px; padding:20px 25px 20px 25px; }
	.txtslide{margin:0 40px; position:relative;}
	.txtslide .txtcol{width:33.33%; margin:0; float:left; vertical-align:top; padding-bottom:40px;}
	.txtslide .txtcol b{color:#444; font-size:16px; display:block; padding:0 0 10px 0;}
	.txtslide .txtcol p{font-size: 12px; line-height: 20px;}
	.soc_group{position:absolute; right:0; top:198px; text-align:right;}
	.soc_group img{margin-bottom:5px;}
	.soc_group img:hover{opacity:0.8; cursor:pointer;}
	hr{clear:both; border:0; border-top:1px dotted #ccc; padding:20px 0 0 0; margin:0px 40px 10px 40px;}
	
	/* Social */
	.shared_menu{margin:0 0 20px 40px;}
	.googlepl{margin:10px 0 0 0;}
	.social_btn{display:inline-block; width:32px; height:32px; background:url(../img/social.jpg) no-repeat top left; margin-right:5px;}
	.social_btn:hover{cursor:pointer; opacity:0.7;}
	.soc_vk{background-position:0 0;}
	.soc_fb{background-position:-32px 0;}
	.soc_tw{background-position:-64px 0;}
	.soc_od{background-position:-96px 0;}
	.soc_mr{background-position:-128px 0;}
	.soc_tb{background-position:-160px 0;}
	.soc_bg{background-position:-192px 0;}
	.soc_lj{background-position:-224px 0;}
	
	.content{padding:10px 40px 40px 40px; min-height:300px; line-height:160%; background:#fff url(../img/cont.jpg) no-repeat left top; color:#666; font-size:16px;}
		.content h1{text-transform:uppercase; text-align:center; font-size:23px; font-weight:bold; margin:5px 0 15px 0; color:#000;}
		.content h2{font-size:16px; text-transform:uppercase; text-align:center; font-weight:700; padding-top:10px; margin:5px 0 15px 0; color:#f05a23;}
			.content h2:first-child{text-transform:initial;}
		.content h3{font-size:16px; text-align:center; font-weight:400; margin:5px 0 15px 0; color:#f05a23;}
		.content h4{font-size:16px; text-align:center; font-weight:400; margin:5px 0 15px 0; color:#f05a23;}
		.content p{margin:5px 0 15px 0;}
		.content p b, .content p strong{font-weight:400;}
		.content p.img{padding:20px 0 20px 0;}
		
	.nui_images_container{
		margin: 0 0 0 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		.lifs_photo_i{
			-ms-flex: 0 0 25%;
			flex: 0 0 25%;
			max-width: 25%;
			height:160px;
			overflow:hidden;
		}
	.lifs_photo_i a:link,
	.lifs_photo_i a:visited{
		display:inline-block;
		margin:10px 5px;
	}
	.lifs_photo_i img{
		width:100%;
	}
		
	.futer{color:#fff; background:#000; padding:0 40px;}
		.f1{width:20%; display:inline-block; padding:20px 0; float:left}
		.f2{width:60%; text-align:center; display:inline-block; padding:20px 0; float:left}
		.f4{width:20%; display:inline-block; padding:20px 0; text-align:right;}
			.f4 img{height:32px;}
		.futer a:link, .futer a:visited, .futer a:hover {color:#fff;}
		.futer a.idea:link, .futer a.idea:visited{opacity:1;}
		.futer a.idea:hover {opacity:0.9;}
		.clear{clear:both;}
		.futercont{
			padding: 0 0 0 25px;
			background:url(../img/fmob.svg) no-repeat 0 50%;
			background-size:24px;
			display:inline-block;
			font-size:13px;
		}
		.futercont b{margin:0 8px;}
	
	
	.l_slider_c{padding:0 40px; }
	.l_slider{display:flex; width:100%; /* height:380px; */ overflow:hidden; white-space:nowrap;}
	.l_slider_i{position:relative; display:flex; overflow:hidden;}
	.l_slider_i span{
		position: absolute;
		left: 0;
		bottom: 60px;
		background:rgba(0,0,0,0.8);
		border-left: 6px solid #F15A24;
		color: #fff;
		font-size: 15px;
		padding: 20px 25px 20px 25px;
	}
	.l_slider_i img{width:100%;}
	.slick-dots{bottom:15px;}
	.slick-dots li button:before{font-size:16px; opacity: .48; color:white;}
	.slick-dots li.slick-active button:before {
		opacity:1;
		color:white;
	}
	.clear{clear:both;}
	.txtcol_c{background:#000; box-shadow: 0 0 8px 3px #d0dce0; min-height:149px; color:#f05a23; margin:0 1%; border-radius:6px; padding:14px; text-align:center;}
	.txtslide .txtcol b{color:#f05a23; font-weight:700; font-size:23px;}
	.txtslide .txtcol p{font-size:13px;}
	.slidebtn{padding:0 40px 30px 40px;}
	.slidebtn a:link,
	.slidebtn a:visited{
		height:37px;
		line-height:37px;
		color:#fff;
		background:#f05a23;
		display:inline-block;
		width:100%;
		text-align:center;
		text-decoration:none;
		border-radius:3px;
		font-size: 16px;
		font-weight:700;
		box-shadow: 0 0 8px 3px #d0dce0;
	}
	.soc_group_c{
		text-align:center; 
		font-size:14px;
		color:#cccccc;
		font-weight:300;
		padding:0 0 30px 0;
	}
	.soc_group_insta{
		padding:0 0 0 33px;
		margin:0 24px;
		height:20px;
		line-height:20px;
		background:url(../img/insta.svg) no-repeat 0 50%;
		background-size:19px;
		display:inline-block;
		cursor:pointer;
	}
	.soc_group_face{
		padding:0 0 0 33px;
		margin:0 24px;
		height:20px;
		line-height:20px;
		background:url(../img/face.svg) no-repeat 0 50%;
		background-size:19px;
		display:inline-block;
		cursor:pointer;
	}
	.content img{max-width:100%;}
	.m_menu_btn img{height:28px;}
	.m_menu_btn{
		display:none;
		height:28px;
		position:absolute;
		top:16px;
		right:15px;
		z-index:98;
	}
	
	.futer_map{
		position:relative;padding-bottom:56.25%;//padding-top:25px;height:0;
	}
	.futer_map iframe{
		position:absolute;top:0;left:0;width:100%;height:100%;
	}
		
@media (max-width: 1042px){
	.main{width:initial; margin:0;}
	.l_slider{height:initial;}
	.lifs_photo_i{
		height:15vw;
	}
}
@media (max-width: 911px){
	.contacts .cmail{display:none;}
}
@media (max-width: 811px){
	.f1,.f2,.f4{width:100%; text-align:center;}
}
@media (max-width: 695px){
	a.logo:link, a.logo:visited, a.logo:hover{
		top:16px;
		left:15px;
	}
	.contacts{position:static; width:initial; padding:70px 0 0 0;}
	.contacts .ctell{padding:0 15px; margin:0; font-size:0;}
	.contacts .ctell b{padding:0; width:48%; text-align:center;}
	.contacts .ctell b:first-child{margin-right:4%;}
	.menu{position:fixed; opacity:0; top:0; right:-100%; width:100%; margin:0; border:0; height:100%; z-index:97;
	-webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;}
	.main.active .menu{opacity:1; right:0;}
	.menu a:link, .menu a:visited{display:block; text-align:center; font-size:24px; margin:5px 0;}
	.menu a:first-child{
		margin-top:70px !important;
	}
	.l_slider_c{margin-top:0; padding: 0 15px;}
		.top{margin-bottom:10px;}
	.l_slider_i span{margin:0; border:0; bottom:0; top:initial; width:98%; padding:0 1%; text-align:center; font-weight:300; font-size:13px; height:23px; line-height:23px; }
	.slick-dots {
		bottom: 30px;
	}
	.slick-dotted.slick-slider {
		margin-bottom:18px;
	}
	.slidebtn {
		padding: 0 15px 15px 15px;
	}
	.txtslide .txtcol{width:100%;}
	.txtslide {
		margin: 0 15px;
	}
	.txtcol_c{margin:0; min-height:initial; padding-bottom:25px;}
	.content {
		padding:10px 15px 40px 15px;
	}
	.shared_menu {
		margin: 0 15px 20px 15px; text-align:center;
	}
	.m_menu_btn{display:inline-block;}
	.lifs_photo_i{
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
		height:23vw;
	}
}
@media (max-width: 518px){
	a.logo:link, a.logo:visited, a.logo:hover{
		width:80%;
		font-size:0;
	}
	.logo img{
		height:initial;
		width:45%;
	}
	.logo b{
		margin:-3px 0 0 5%;
		width:50%;
		display:inline-block;
	}
	.futer{padding:0 15px;}
	.futercont{background-position:0 0;}
	.futercont b:last-child {
		display:block;
		width:100%;
		line-height:26px;
	}
	.lifs_photo_i{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		height:29vw;
	}
}
@media (max-width: 385px){
	.logo b{font-size:12px;}
}