﻿@font-face {
    font-family:RobotoRegular;
    src: local("RobotoRegular"),
         url(../fonts/RobotoRegular.ttf);
}
@font-face {
    font-family:RobotoLight;
    src: local("RobotoLight"),
         url(../fonts/RobotoLight.ttf);
}
@font-face {
    font-family:RobotoBold;
    src: local("RobotoBold"),
         url(../fonts/RobotoBold.ttf);
}
@font-face {
    font-family:RobotoBlack;
    src: local("RobotoBlack"),
         url(../fonts/RobotoBlack.ttf);
}
@font-face {
    font-family:RobotoMedium;
    src: local("RobotoMedium"),
         url(../fonts/RobotoMedium.ttf);
}
@font-face {
    font-family:RobotoItalic;
    src: local("RobotoItalic"),
         url(../fonts/RobotoItalic.ttf);
}

body, html{
	font-family:RobotoRegular;
	background:#fff;
	line-height:1.4;
	min-width:300px;
	font-size:14px;
	color:#232222;
	background:#fff;
}
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
*:focus {outline: none;}
a{color:#28a3ab;}
a:hover, .g-no-href{text-decoration:none;}
img{max-width:100%;height:auto;}
input, textarea, select{font-family:RobotoRegular; font-size:14px;}
input[type=text],textarea, select{
	width:100%;
	height:45px;
	padding:0px 20px;
	color:#6f6f6f;
	border:2px solid #e4e2e2;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
textarea{
	resize:none;
	height:100px;
	padding:13px;
}
.form-button{
	height:45px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}


.g-text{font-size:14px;}
.g-text p{margin:15px 0px;}
.g-text h1{font-size:22px;font-family:RobotoBold;}
.g-text b{font-family:RobotoBold;}
.g-text ul{padding-left: 20px;}
.g-text li{list-style-type: disc;}


/*Общие стили*/
.g-align-center{
	width:100%;
	max-width:1090px;
	margin:0 auto;	
	position:relative;
	padding:0px 13px;
}
.g-block{
	display:block;
}
.g-inline-block{
	display:inline-block;
}
.g-none{
	display:none;
}
.g-pointer{
	cursor:pointer;
}
.g-uppercase{
	text-transform:uppercase;
}
.g-relative{
	position:relative;
}

/*Фkекс стили*/
.g-mob-flex {
	display:-webkit-box;
	display:-webkit-flex;
	display:-webkit-flexbox;
	display:-moz-flex;
	display:-moz-box;
	display:-ms-flexbox;
	flex-wrap: wrap;
	display:flex;
}
.g-vertical-center {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.g-vertical-top {
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.g-vertical-bot {
    -webkit-align-items: flex-end;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
.g-vertical-between{
	align-content: space-between;
}
.g-w-al-center{
	justify-content: center;		
}
.g-w-al-right{
	justify-content: flex-end;		
}
.g-w-al-between{
	justify-content: space-between;
}


/*Шрифты*/
.g-bold{
	font-family:RobotoBold;
}
.g-bold-2{
	font-family:RobotoBlack;
}
.g-medium{
	font-family:RobotoMedium;
}
.g-italic{
	font-family:RobotoItalic;
}

.g-margin-5{
	height:5px;
}
.g-margin-10{
	height:10px;
}
.g-margin-15{
	height:15px;
}
.g-margin-20{
	height:20px;
}
.g-margin-25{
	height:25px;
}
	
/*Цвет*/
.g-t-white{
	color:#fff;
}
.g-t-gray{
	color:#6f6f6f;
}
.g-t-black{
	color:#000;
}
.g-t-red{
	color:#fe0505;
}

/*Выравнивание*/
.g-al-center{
	text-align:center;
}
.g-al-right{
	text-align:right;
}
.g-al-left{
	text-align:left;
}

.g-transition{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;	
}

.g-button{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;	
	text-decoration:none;
	cursor:pointer;	
	display:inline-block;
	border:none;
}
.g-button_yellow{
	color:#000;
	background-color:#fad951;
}
.g-button_yellow:hover{
	background:#f8b516;
}

.g-title-border{
	position:relative;
	padding-bottom:10px;
}
.g-title-border:before{
	position:absolute;
	left:50%;
	bottom:5px;
	width:160px;
	height:2px;
	margin-left:-80px;
	background:#fad951;
	content:"";
}
.g-marker-icon{
	padding-left: 25px;
    background: url(../images/marker.svg) no-repeat left 0px;
}
.g-graphik-icon{
	padding-left: 25px;
    background: url(../images/graphik.svg) no-repeat left 0px;
}

.error{
	border-color:#f00 !important;
}

.header .g-align-center{
	padding-top:20px;
	padding-bottom:20px;
}
.header__center{
	padding:15px 0px;
}
.header__center__item{
	text-align:center;
}
.header__center__item:first-child div{
	padding-bottom:10px;
}
.header__menu{
	display:none;
	position:absolute;
	top:100%;
	left:0px;
	width:100%;
	background:#fff;
	z-index:1;
	padding:0px 20px 10px 20px;
}
.header__menu__link{
	color:#000;
	text-decoration:none;
	padding:4px 0px;
	display:block;
}	
.header__right__button-blcok{
	padding:5px 0px;
}
.header__right__mob-menu{
	padding-top:15px;
}
.header__right__mob-menu div{
	background:url('../images/menu.svg') left center no-repeat;
	padding:5px 0px 5px 50px;
}

.home-banner__item{
	background:url('../images/banner.jpg') center no-repeat;
	background-size: cover;
	padding:30px 0px;
}
.home-banner__text{	
	text-shadow:2px 2px 4px rgba(0,0,0,0.3);
	line-height:1.4;
	text-align:center;
}
.home-banner__button-block{
	padding-top:20px;
}
.home-banner__button{
	padding:10px 30px;
}
.home-banner__form{
	padding-top:30px;	
}
.home-banner__form form{
	background:rgba(255,255,255,0.8);
	width:100%;
	max-width:450px;
	padding:20px 30px;
}
.home-block{
	padding-top:30px;
}
.step__title{
	padding-bottom:20px;
}
.step__list__item{
	padding-bottom:20px;
}
.step__list__item__count{
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin-bottom:5px;
	background:#fad951;
}

.variants{
	background-color: #f6f6f6;
}
.variants__list{
	padding-top: 20px;
}
.variants__list__item{
	padding: 10px 0px;
}
.variants__list__shead{
	cursor: pointer;
	padding-left:27px;
	background-image: url(../images/sp-passive.svg);
	background-repeat: no-repeat;
	background-position: 0px center;
}
.variants__list__item .active .variants__list__shead{
	background-image: url(../images/sp-active.svg);
}
.variants__list__shead span{
	text-decoration: underline;
	color:#000;

}
.variants__list__sbody{
	display: none;
	padding: 7px 0px 7px 35px;
}
.variants__list__sbody p{
	padding:3px 0px;
}
.variants__button-block{
	padding:15px 0px 20px 0px;
}
.variants__button{
	border:2px solid #a8a6a6;
	padding:10px 20px;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
}

.catalog{}
.catalog a{
	text-decoration:none;
}
.catalog__content{
	padding-top: 20px;
}
.catalog__content__image{
	padding:2px 0px;
}
.catalog__content__image:hover .catalog__content__text{
	opacity:1;
}
.catalog__content__text{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.7);
	opacity:0;
}
.advantages__item{
	padding-bottom:20px;
}
.advantages__list{
	padding-top:20px;
}
.home-text__item{
	background:url('../images/home-text-fon.jpg') no-repeat;
	height:99px;
}

.zamer{		
	margin-top:40px;
	padding-top:1px;
}
.zamer__fon{
	background:#fad951;
}
.zamer .g-align-center{
	padding:0px;
}
.zamer__left{
	width:100%;
	height:290px;
	margin-top:-40px;
	background:url('../images/zamer.png') center no-repeat;
	background-size:auto 290px;
}
.zamer__right{
	padding:15px 0px 20px 0px;
	background:#f6f6f6;
}
.zamer__right__text{
	padding:10px 0px;
	line-height:1.7;
}
.zamer__button{
	border:2px solid #000;
	height:50px;
	width:280px;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
}

.home-text__item{
	padding-left:35px;
	margin-bottom:15px;
}
.home-text__button-block{
	padding:15px 0px 20px 0px;
}
.home-text__button{
	width:230px;
	height:50px;
	border:2px solid #8c8989;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
}
.home-text__button:hover{
	background:#fad951;
}

.work{
	background:#f6f6f6;
}
.work__list{
	padding:20px 0px 20px 0px;
}
.work__item{
	padding-bottom:20px;
}

.comments__list{
	padding:20px 0px 40px 0px;
}
.comments__item{
	padding:0px 30px;
}
.comments__item__author{
	padding-top:15px;
}

.map-home .g-align-center{
	z-index:1;
}
.map-home__info-block{
	width:100%;
	max-width:350px;
	position:absolute;
	left:0px;
	height:410px;
	padding:0px 13px;
}
.map-home__info{
	background:#fff;
	padding:15px;
}
.map-home__info__content{
	padding:13px 0px;
}
.map-home__info__content div{
	padding:2px 0px;
}
.map-home__button{
	background:#fff;
	border:2px solid #3e3e3d;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	width:180px;
	height:45px;
}
.map-home__button:hover{
	background:#fad951;
}

.footer{
	border-top:2px solid #8c8989;
	padding:25px 0px;
	background:#4c4c50;
}

.frame-tur{
	z-index:2;
	width:100%;
    height:100%;
    top:0px;
    left:0px;
	background: rgba(0, 0, 0, 0.8);	
	position:fixed;
	display:none;
}
.frame-tur>div{
	width:100%;
    height:100%;	
}
.frame-tur__close{
    color: #fff;
    font-size: 50px;
	cursor:pointer;
}

.leave-block-display{
	display:none;
}
.leave-block{
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.7);
    z-index: 999;
	padding:13px;
}
.leave-block__content{
	width:100%;
	max-width:1130px;
	background:#fff;
	position:relative;
	padding:25px 20px 20px 20px;
}
.leave-block__close{
	font-size:30px;
	top:10px;
	right:10px;
	cursor:pointer;
	position:absolute;
	height:17px;
	line-height:17px;
}
.leave-block__text{
	text-align:center;
}
.leave-block__text img{
	display:none;
}
.leave-block__text__title{
	padding-bottom:5px;
}
.leave-block__text__button{
	padding-top:10px;
}
.leave-block__text__button input[type=button]{
	border: 2px solid #000;
    height: 45px;
    width: 190px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}
.leave-block__work{
	padding-top:20px;
}
.leave-block__work__title{
	padding-bottom:5px;
}
.leave-block__work__title span{
	text-decoration:underline;
}
.leave-block__work__item{
	padding:3px 0px;
}
.leave-block__work__item__align{
	width:100%;
	max-width:350px;
}
.leave-block__work__item img{
	width:50px;
	display:block;
}
.leave-block__work__item__text{
	padding-left:15px;
}
