@font-face {font-family: 'Ubuntu-Regular';src: url('../fonts/Ubuntu-Regular.eot');src: local('Ubuntu Regular'), local('Ubuntu-Regular'),url('../fonts/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Ubuntu-Regular.woff') format('woff'),url('../fonts/Ubuntu-Regular.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Ubuntu-Light';src: url('../fonts/Ubuntu-Light.eot');src: local('Ubuntu Light'), local('Ubuntu-Light'),url('../fonts/Ubuntu-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Ubuntu-Light.woff') format('woff'),url('../fonts/Ubuntu-Light.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'Ubuntu-LightItalic';src: url('../fonts/Ubuntu-LightItalic.eot');src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'),url('../fonts/Ubuntu-LightItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Ubuntu-LightItalic.woff') format('woff'),url('../fonts/Ubuntu-LightItalic.ttf') format('truetype');font-weight: 300;font-style: italic;}
@font-face {font-family: 'Ubuntu-Medium';src: url('../fonts/Ubuntu-Medium.eot');src: local('Ubuntu Medium'), local('Ubuntu-Medium'),url('../fonts/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Ubuntu-Medium.woff') format('woff'),url('../fonts/Ubuntu-Medium.ttf') format('truetype');font-weight: 500;font-style: normal;}
@font-face {font-family: 'Ubuntu-Italic';src: url('../fonts/Ubuntu-Italic.eot');src: local('Ubuntu Italic'), local('Ubuntu-Italic'),url('../fonts/Ubuntu-Italic.eot?#iefix') format('embedded-opentype'),url('../fonts/Ubuntu-Italic.woff') format('woff'),url('../fonts/Ubuntu-Italic.ttf') format('truetype');font-weight: normal;font-style: italic;}
@font-face {font-family: 'Ubuntu-Bold';src: url('../fonts/Ubuntu-Bold.eot');src: local('Ubuntu Bold'), local('Ubuntu-Bold'),url('../fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Ubuntu-Bold.woff') format('woff'),url('../fonts/Ubuntu-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;}
@font-face {font-family: 'Ubuntu-BoldItalic';src: url('../fonts/Ubuntu-BoldItalic.eot');src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'),url('../fonts/Ubuntu-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Ubuntu-BoldItalic.woff') format('woff'),url('../fonts/Ubuntu-BoldItalic.ttf') format('truetype');font-weight: bold;font-style: italic;}
@font-face {font-family: 'Ubuntu-MediumItalic';src: url('../fonts/Ubuntu-MediumItalic.eot');src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'),url('../fonts/Ubuntu-MediumItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/Ubuntu-MediumItalic.woff') format('woff'),url('../fonts/Ubuntu-MediumItalic.ttf') format('truetype');font-weight: 500;font-style: italic;}

html {
margin:0;
padding:0;
height:100%;
}
body {
background:#fff;
margin:0;
font-family: 'Ubuntu-Regular'; 
padding:0;
height:100%;
}
ol, ul {
    list-style: inside none disc;
}

a {
    color: inherit;
    text-decoration: none;
}
img{
border:0;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p {}
#wrapers{
width:1170px;
min-width:1170px;
margin:0 auto;
padding:0 10px;
height: auto !important;
    min-height: 100%;
    overflow: hidden;
}



#menu{
	position:fixed;
	float:left;
	width:100%;
	background:#000 ;
	color:#fff;
	z-index:999;
	height:55px;
}
.menu{
	float:left;
	width:100%;
	margin:10px 0 0;
}
.lf_mob_menu {
    float: left;
    width: 950px;
}
.rg_mob_menu {
    float: right;
    width: 190px;
}
.rg_mob_menu a {
    padding: 13px 0 0;
    font-size: 22px;
    float: right;
}
.wi100{}

nav a, nav:before, nav div:before {
	display: inline-block;
	padding: 15px 0;
    font-size: 18px;
	font-family: 'Ubuntu-Regular'; 
	color: #fff;
	cursor: pointer; /* курсор в виде руки, обязателен для Opera Mini */
}
nav a {
	color: #fff;
    padding: 15px 48px;
    font-size: 18px;
	font-family: 'Ubuntu-Regular'; 
}
nav a:hover {
	text-decoration:underline;
}
@media (max-width: 767px) { /* для экранов, меньше 800px, см про адаптивную вёрстку */
  nav a, nav:before, nav div:before {
    width: 100%; /* пункты меню растягиваются на всю ширину блока */
  }
  nav:before {
    content: "Меню";
  }
  nav:focus:before {
    content: none;
  }
  nav:focus div:before {
    content: "свернуть меню";
	color:#000;
  }
  nav:not(:focus) div:not(:active) { /* магия кнопки "меню", благодаря чему навигация скрывается/появляется по щелчку */
    display: none;
  }
}


.mobiln_menu{
	background:#000000;
	z-index:999;
	color:#fff;
	float:left;
	width:100%;
}
.mobiln_menu .rg_mob_menu {
    display: none;
}
.mobiln_menu.fixed .rg_mob_menu {
    display: block;
}
.header {
	background: #fff;
	*display: flex;
	align-items: center;
	justify-content: center;
	font-size: 50px;
}
.fixed {
	width:100%;
	position:fixed;
	background:#000000;
  
}

.header  .mob_der_cont{
	display:none;
}
.header.fixed  .mob_der_cont{
	display:block;
}
.header.fixed  .topnav.sadfas{
	display:none;
}

#header{
	background: url("../img/fon.jpg") no-repeat;
	float:left;
	width:100%;
	height:800px;
	padding-top:10px;
}
.sect1{
	padding:25px 0 100px;
	float:left;
	width:100%;
	color:#fff;
	
	display: flex;
    justify-content: center;
}
.logo{
	float:left;
	margin-right: 20px;
	width: 460px;
}
.logo img{
	width: 100%;
}
.adress{
	float: left;
	width: 225px;
	text-align: center;
	padding: 45px 5px 0;
}
.adress p{
	color:#a3a3a3;
	font-size:17px;
	font-family: 'Ubuntu-Medium';
}
.adress p span{
	display: block;
	color:#a3a3a3;
	font-size:14px;
	font-family: 'Ubuntu-Light';
}
.ms{}
.sxema{}
.tel{	
	padding:40px 0 0;
	float:right;
	width:210px;	
	text-align:center;
}
.tel a{
	font-family: 'Ubuntu-Bold';
	font-size:22px;
}
.tel_menu{
	float:right;
	font-size: 23px;
	color: #fff;
	font-family: 'Ubuntu-Bold';
}
.telefon{
	background: url("../img/tel.png") no-repeat center left;
	padding-left: 25px;
	background-size: 14px;
}
.soc{}
.soc img{
	margin: 10px 10px 5px;
}
.coss{}
span.mail{
	font-family: 'Ubuntu-Light';
	font-size:18px;
	color:#a2a2a2;
	background: url("../img/mail.png") no-repeat center left;
	padding-left:30px;
}
.bl_lf{
	float:left;
	width:100%;
}
.bl_lf h1{
	font-family: 'Ubuntu-Bold';
	font-size:45px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	padding-bottom:50px;
}
.slider{}
.slick-prev.slick-arrow, .slick-next.slick-arrow {
    border: none;
	border-radius:0;
}
.slick-slide {
    opacity: 0.4;
}
.slick-slide.slick-current.slick-active.slick-center, .slick-slide.slick-current.slick-active, .slick-slide.slick-active {
    opacity: 1;
}
.slid_preim {
    float: left;
    width: 100%;
}
.preimush{
	box-shadow: 0 0 15px rgba(29,29,29,.1);
	padding: 20px 10px;
	margin: 1%;
	border-radius: 9px;
	height: 126px;
	background: #fff;
	width: 31%;
	float: left;	
}
.preimush_img {
    float: left;
    width: 75px;
	height: 86px;
}
.preimush_img img {
    width: 70px;
    height: 70px;
    border: 5px solid #ffffff;
    margin: 0 20px 0 0;
    display: block;
   
}
.preimush_name{
	font-family: 'Ubuntu-Bold';
	font-size: 16px;
	margin-bottom: 5px;
	margin-left: 40px;
}
.preimush_name span{
	color:#dadada;
	font-size:16px;
	font-family: 'Ubuntu-Regular';	
}
.preimush_desc{
	font-size:15px;
	font-family: 'Ubuntu-Light';
	color:#292929;
}
#tui{
	background: #ededed url("../img/uslugi.png") no-repeat bottom center;
	float:left;
	width:100%;
	padding:70px 0 80px;
	*background-image:linear-gradient(to bottom, #dcdcdc 0%, #ffffff 50px);
}
#tui h2{}
.green{
	font-family: 'Ubuntu-Bold';
	text-transform:uppercase;
	font-size:35px;
	text-align:center;
	color:#000;
	margin-bottom:55px;
}
.blk{
	float:left;
	width:48%;
	margin:1%;
	background: #fff;
	padding: 40px;
	text-align:center;
	box-shadow: 0 0 15px rgba(29,29,29,.2);
}
.blk_img{
	float: left;
	width: 100%;
}
.blk_img img{
	width: 100%;
}
.blk_name{
	float: left;
	width: 100%;
	font-size:20px;
	font-family: 'Ubuntu-Bold';
	color:#000;
	padding: 20px 0 30px;
}
.blk_name a{}
.blk_desc{
	float: left;
	width: 100%;
	margin: 0;
}
.blk_desc a{}
.more{
	background:#474744;
	float: left;
	color:#fff;
	font-size:18px;
	padding:10px 0;
	width:50%;
	text-align:center;
	display: block;
}
.more2{
	background:#dfac34;
	float: left;
	color:#fff;
	font-size:18px;
	padding:10px 0;
	width:50%;
	text-align:center;
	display: block;
}
.more:hover, .more2:hover{
	text-decoration:underline;
}
#maps{
	float:left;
	width:100%;
	padding:60px 0;
}
.map_lf{
	float:left;
	width:48%;
	margin:1%;
}
.map_lf p{
	font-size:16px;
	padding-left:40px;
	margin-bottom:15px;
}
.map_lf p a{}
.fot_tel{}
#usluga1, #usluga2, #usluga3, #usluga4{}
#usluga1 p, #usluga2 p, #usluga3 p, #usluga4 p{
	text-align: center;
	float: left;
	width: 100%;
	margin: 0;
}
#usluga1 p a, #usluga2 p a, #usluga3 p a, #usluga4 p a{
	font-size: 14px;
	text-align: center;
	background: #dfac34;
	padding: 10px 20px;
	font-family: 'Ubuntu-Bold';
	color: #fff;
	margin: 20px 0;
	display: inline-block;
}
#usluga1 h2, #usluga2 h2, #usluga3 h2, #usluga4 h2{
	text-align:center;
}
.potrfolio{
	float:left;
	width:100%;
}
.potrfolio li{
	float:left;
	list-style:none;
	width:23%;
	margin:1%;
}
.potrfolio li img{
	width: 100%;
}



#totop{
	width: 50px;
	text-align: center;
	position: fixed;
	bottom: 80px;
	right: 0;
	cursor: pointer;
	display:none;
	z-index: 99;
}
#totop img{}


@media (min-width:768px){
	.mobile_line{
		display	:none;
	}
	.displ_tel_menu{
		display:none;
	}
	#head_mob{
		display:none;
	}
	.mail_soc_mob{
		display:none;
	}
}
@media (min-width:481px){
	.mail_soc_mob{
		display:none;
	}
}
@media (min-width:0px) and (max-width:767px){
	.mobile_line{
		display	:block;
	}
	.displ_tel_menu{
		display:block;
	}
	#head_mob{
		display:block;
	}
}

.mobile_line{
	position: fixed;
	right: 0;
	left: 0;
	z-index: 15;
	bottom: 0px;
}
.mobile_line ul{}
.mobile_line ul li{
	list-style:none;
	float:left;
	width:33.333%;
	text-align:center;
	font-size:12px;
}
.mobile_line ul li a{
	float: left;
	width: 100%;
	padding: 18px 0;
}
.mobile_line ul li:first-child a{
	color: #fff;
	background: #42c642;
}
.mobile_line ul li:nth-child(2n) a{
	color: #fff;
	background: #7360f2
}
.mobile_line ul li:nth-child(3n) a{
	color: #000;
	background: #fbdd5c;
}
.mob_ico_wtsp{
	background: url("../img/watsapp.png") center left no-repeat;
	background-size:15px;
	padding-left:20px;
}
.mob_ico_viber{
	background: url("../img/viber.png") center left no-repeat;
	background-size:15px;
	padding-left:20px;
}
.mob_ico_tel{
	background: url("../img/tel.png") center left no-repeat;
	background-size:8px;
	padding-left:14px;
}


.form_zglvk{
	font-family: 'Ubuntu-Bold';
	font-size: 28px;
	color:#000;
}
.form_zglvk span{
	font-family: 'Ubuntu-Bold';
	font-size: 28px;
	color:#000000;
}
.form_dscrp{
	font-family: 'Ubuntu-Light';
	font-size: 16px;
	color:#000;
}
.formas2 input{
	border:#b4b4b4 1px solid;
	border-radius:9px;
	padding:14px 10px 13px 30px;
	background:#fff;
	color:#b4b4b4;
	font-family: 'Ubuntu-Regular';
	font-size:12px;
	margin:7px 2% 7px 0;
	width:31%;
	float:left;
}
.formas2 input.form_control{}
.formas2 input.btn{
	border:#000000 1px solid;	
	border-radius:9px;
	padding:12px 10px 12px 30px;
	background:#000000;
	color:#fff;
	font-family: 'Ubuntu-Bold';
	text-transform:uppercase;
	font-size:14px;
	margin:7px 1%;
	width:31%;
	float:left;
	text-align:center;
	cursor:pointer;
}
.persn{
	color:#a6a6a8;
	display: inline-block;
	margin-top:10px;
	font-size:14px;
}




































@media (min-width:992px) and (max-width:1199px){
	body {
		min-width: auto;
	}
	#wrapers{
		width:962px;
		min-width:962px;
	}
	#header {
		height: 700px;
	}
	.logo {
		margin-right: 20px;
		width: 250px;
	}
	.adress {
		width: 225px;
		padding-top:15px;
	}
	.tel {
		padding: 5px 0 0;
	}
	.bl_lf {
		width: 65%;
	}
	.bl_lf h1 {
		font-size: 34px;
	}	
	.lf_mob_menu {
		width: 745px;
	}
	nav a {
		padding: 15px 30px;
	}
}
@media (min-width:768px) and (max-width:991px){
	body {
		min-width: auto;
	}
	#wrapers{
		width:748px;
		min-width:748px;
		padding:0 10px;
	}
	#header {
		height: 700px;
	}
	.logo {
		margin-right: 15px;
		width: 240px;
	}
	.adress {
		width: 225px;
		padding-top:5px;
	}
	.adress p {
		font-size: 15px;
	}
	.tel {
		padding: 5px 0 0;
	}
	.tel a {
		font-size: 18px;
	}
	.telefon {
		padding-left: 15px;
		background-size: 11px;
	}
	.bl_lf {
		width: 70%;
	}
	.bl_lf h1 {
		font-size: 30px;
	}	
	.lf_mob_menu {
		width: 530px;
	}
	nav a {
		padding: 15px 8px;
	}
	.blk_name {
		font-size: 16px;
	}
	.more {
		font-size: 15px;
	}
	.more2 {
		font-size: 15px;
	}
}
@media (min-width:481px) and (max-width:767px){
	body {
		min-width: auto;
	}
	#wrapers{
		width:100%;
		min-width:461px; 
		padding:0 10px; 
	}	
	#header {
		height: 700px;
	}
	#head_mob {
		background: #0f0;
		color: #fff;
		padding:15px 0;
		position: fixed;
		float: left;
		width: 100%;
		color: #fff;
		z-index: 999;
	}
	#menu {
		display: none;
	}
	.tel_menu {
		display: none;
	}
	.mob_logo{
		float:left;
		width:35%;
	}
	.mob_logo img{
		max-width:150px;
	}
	.mob_mail_soc{
		float:left;
		text-align:center;
		width:33%;
	}
	.mob_tel{
		float:left;
		width:31%;
		text-align:right;
		font-size: 18px;
	}
	.sect1 {
		padding: 25px 0 100px;
		display: block;
	}
	.logo {
		margin: 15px 15px 0 0;
		width: 220px;
	}
	.adress {
		width: 225px;
		float: right;
		padding-top:5px;
	}
	.adress p {
		font-size: 15px;
	}
	.tel {
		padding: 5px 0 0;
		width:100%;
	}
	.tel a {
		font-size: 18px;
	}
	.telefon {
		padding-left: 15px;
		background-size: 11px;
	}
	.bl_lf {
		width: 100%;
	}
	.bl_lf h1 {
		font-size: 30px;
	}	
	.lf_mob_menu {
		width: 260px;
	}
	nav a {
		padding: 15px 8px;
	}
	.blk_name {
		font-size: 16px;
		height: 60px;
		padding: 10px 0 0;
	}
	.blk {
		width: 48%;
		margin: 1%;
		padding: 20px;
	}
	.more {
		font-size: 15px;
		width: 100%;
	}
	.more2 {
		font-size: 15px;
		width: 100%;
	}
	.preimush {
		padding: 30px 10px;
		margin: 15px 15px;
		height: 150px;
	}
	#tui {
		padding: 50px 0 80px;
	}
	.green {
		font-size: 25px;
		margin-bottom: 40px;
	}
	.potrfolio li {
		width: 31%;
	}
	.map_lf p {
		font-size: 14px;
		padding-left: 0px;
		margin-bottom: 15px;
	}
}
@media (min-width:120px) and (max-width:480px){
	body {
		min-width: auto;
	}
	#wrapers{
		width:100%;
		min-width:300px; 
		padding:0 10px;  
	}
	#header {
		height: 735px;
		padding-top: 10px;
	}
	
	#head_mob {
				display:none;
		background: url(../img/fon.jpg) no-repeat;
		color: #fff;
		padding:5px 0;
		position: fixed;
		float: left;
		width: 100%;
		color: #fff;
		z-index: 999;
	}
	#menu {
		display: none;
	}
	.menu {
		margin: 0;
	}
	.tel_menu {
		display: none;
	}
	.mob_logo{
		display: none;
	}
	.mob_logo img{
	display: none;
	}
	.mob_mail_soc{
		display: none;
	}
	.mob_tel{
		display: none;
	}
	.sect1 {
		padding: 10px 0 50px;
		display: block;
	}
	.logo {
		margin: 0;
		width: 100%;
		text-align:center;
	}
	.logo img{
		width:auto;
		height:80px;
	}
	.adress {
		width: 100%;
		float: left;
		padding: 5px 0;
	}
	.adress p {
		font-size: 15px;
	}
	.tel {
		padding: 5px 0 0;
		width:100%;
	}
	.tel a {
		font-size: 18px;
	}
	.telefon {
		padding-left: 15px;
		background-size: 11px;
	}
	.bl_lf {
		width: 100%;
	}
	.bl_lf h1 {
		font-size: 18px;
	}	
	.lf_mob_menu {
		width: 100%;
	}
	nav a {
		padding: 15px 8px;
	}
	.blk_name {
		font-size: 16px;
		height: 60px;
		padding: 10px 0 0;
	}
	.blk {
		width: 100%;
		margin: 1% 0;
		padding: 20px;
	}
	.more {
		font-size: 15px;
		width: 100%;
	}
	.more2 {
		font-size: 15px;
		width: 100%;
	}
	.preimush {
		padding: 25px 10px;
		margin: 15px 7px;
		height: 230px;
		text-align: center;
	}
	.preimush_img {
		float: left;
		width: 100%;
		text-align: center;
	}
	.preimush_img img {
		margin: 0 auto;
	}
	.preimush_name {
		font-size: 14px;
		margin-bottom: 12px;
		margin-left: 0;
	}
	#tui {
		padding: 50px 0 80px;
	}
	.green {
		font-size: 25px;
		margin-bottom: 40px;
	}
	.potrfolio li {
		width:100%;
	}
	.map_lf p {
		font-size: 14px;
		padding-left: 0px;
		margin-bottom: 15px;
	}
	#usluga1 h2, #usluga2 h2, #usluga3 h2, #usluga4 h2 {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.form_zglvk {
		font-size: 20px;
		text-align: center;
	}
	.form_zglvk span {
		font-size: 16px;
	}
	.form_dscrp {
		font-size: 14px;
		text-align: center;
	}
	.formas2 input {
		margin: 7px 0 7px 0;
		width: 100%;
	}
	.formas2 input.btn{
		margin: 7px 0 7px 0;
		width: 100%;
	}

	
	
	
	.preimush_name {
		font-size: 18px;
	}
	.preimush_name span {
		font-size: 15px;
	}
	.preimush_desc {
		font-size: 14px;
	}
	.map_lf {
		float: left;
		width: 100%;
		text-align: center;
		margin-bottom:30px;
	}
	.map_lf p {
		font-size: 16px;
		padding-left: 0;
		margin-bottom: 15px;
	}
	
	.mobiln_menu.fixed .lf_mob_menu {
		width: auto;
		display:block;
	}
	.mobiln_menu .lf_mob_menu nav:before{
		float:left;
		width:100%;
		text-align:center;
	}
	.mobiln_menu.fixed .lf_mob_menu nav:before{
		float:left;
		width: 143px;
		text-align:left;
		padding: 15px 0;
		font-size: 15px;
	}
	.mobiln_menu.fixed .lf_mob_menu nav:focus div:before{
		padding: 15px 0;
		font-size: 15px;
		color:#000;
	}
	.mobiln_menu.fixed .rg_mob_menu {
		position: absolute;
		right: 10px;
	}
	.mobiln_menu.fixed .rg_mob_menu a {
		padding: 13px 0 0;
		font-size: 18px;
	}
	
}


@media (min-width:120px) and (max-width:480px){
	
	
}