* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-weight: 600;
	font-family: 'ProximaNova-Regular';
	color: #000;
}

html, body {
	overflow-x: hidden;
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;	
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}

.container {
	width: 1170px;
	margin: 0 auto;
	position: relative;
}

/* Header */

header {
	background: url(../img/main-bg.jpg) #aeaca0 center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding-bottom: 165px;
}

.header__top {
	padding-top: 12px;
	padding-bottom: 12px;
	background: rgba(255, 255, 255, 0.7);
	margin-bottom: 195px;
}

.header__logo {
	display: block;
	font-family: 'Gilroy-ExtraBold';
	font-size: 21px;
	text-transform: uppercase;
	text-decoration: none;
	transition: all ease 0.3s;
	line-height: 26px;
}

.header__logo span {
	color: ##000000;
	font-family: 'Gilroy-ExtraBold';
	transition: all ease 0.3s;
}

.header__logo:hover {
	color: #FFBA00;
}

.header__logo:hover span {
	color: #000;
}

.header__menu a {
	font-size: 17px;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	display: block;
	transition: all ease 0.3s;
	line-height: 20px;
	margin-left: 25px;
	margin-right: 25px;
}

.header__menu a:hover,
.header__menu a.active {
	border-color: #FFBA00;
}

.header__contacts_tel {
	font-size: 20px;
	display: block;
	background: url(../img/header-tel-icon.png) left center no-repeat;
	padding-left: 25px;
	text-decoration: none;
	transition: all ease 0.3s;
}

.header__contacts_tel span {
	transition: all ease 0.3s;
}

.header__contacts_callback {
	font-size: 17px;
	display: block;
	text-align: center;
	text-decoration: none;
	border-bottom: 2px dashed #FFBA00;
	margin-left: 25px;
	transition: all ease 0.3s;
}

.header__contacts_tel:hover span,
.header__contacts_callback:hover {
	color: #FFBA00;
}

.header__info {
	width: 100%;
	max-width: 605px;
	margin-bottom: 68px;
}

h1 {
	font-family: 'Gilroy-ExtraBold';
	font-size: 44px;
	margin-bottom: 16px;
}

.header__info p {
	font-size: 20px;
	margin-bottom: 32px;
}

.btn {
	display: block;
	transition: all ease 0.3s;
	cursor: pointer;
	background: #FFBA00;
	border-radius: 3px;
	text-decoration: none;
	outline: none;
	text-align: center;
	line-height: 21px;
	padding-top: 18px;
	padding-bottom: 18px;
	border: 2px solid #FFBA00;
	font-size: 17px;
}

.btn:hover {
	background: transparent;
}

.header__info a {
	width: 315px;
}

.header__info a.btn:hover {
	background: #FFBA00;
}

.header__items.flex {
	justify-content: flex-start;
}

.header__item {
	margin-right: 80px;
	font-size: 17px;
	position: relative;
	padding-left: 33px;
	line-height: 21px;
}

.header__item:last-child {
	margin-right: 0;
}

.header__item:before {
	position: absolute;
	display: block;
	content: "";
	width: 23px;
	height: 23px;
	border-radius: 2px;
	border: 6px solid #FFBB04;
	background: #fff;
	top: -1px;
	left: 0;
	box-sizing: border-box;
}

.navbar-tog {
	display: none;
}



/* Акции */

.sale {
	padding-top: 55px;
	padding-bottom: 32px;
}

.sale__items.flex {
	align-items: stretch;
	position: relative;
	z-index: 2;
}

.sale__item {
	width: 540px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	position: relative;
	z-index: 2;
}

.sale__item-one {
	background: #FFC62B;
	padding-top: 26px;
	padding-right: 10px;
}

.sale__item-one .sale__item_title {
	width: 330px;
	color: #fff;
	background: #EB3838;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 24px;
	line-height: 28px;
	position: relative;
	font-family: 'Gilroy-ExtraBold';
	padding-left: 22px;
}

.sale__item-one .sale__item_title:before {
	position: absolute;
	display: block;
	content: "";
	width: 40px;
	height: 35px;
	box-sizing: border-box;
	border-top: 35px solid #EB3838;
	border-right: 40px solid transparent;
	right: -40px;
	top: 0;
}

.sale__item-one .sale__item_title:after {
	position: absolute;
	display: block;
	content: "";
	width: 40px;
	height: 35px;
	box-sizing: border-box;
	border-bottom: 35px solid #EB3838;
	border-right: 40px solid transparent;
	right: -40px;
	bottom: 0;
}

.sale__item-one .sale__item_percent {
	line-height: 120px;
	text-align: right;
	font-size: 110px;
	color: #EB3838;
	font-family: 'Gilroy-ExtraBold';
}

.sale__item-two {
	position: relative;
	overflow: hidden;
	padding-top: 8px;
	padding-left: 28px;
	padding-right: 160px;
}

.sale__item-two:before {
	position: absolute;
	display: block;
	content: "";
	width: 291px;
	height: 291px;
	left: 327px;
	top: -92px;
	background-color: #FFBA00;
	background-image: url(../img/sale-one.png);
	background-repeat: no-repeat;
	background-position: 15px 79px;
	border-radius: 50%;
	z-index: 1;
}

.sale__item-two .sale__item_img {
	position: absolute;
	width: 291px;
	height: 291px;
	left: -50px;
	bottom: -125px;
	z-index: 1;
}

.sale__item-two .sale__item_img:after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #fff;
	border: 45px solid #FFBA00;
	border-radius: 50%;
	z-index: 1;
}

.sale__item-two .sale__item_img:before {
	position: absolute;
	display: block;
	content: "";
	width: 154px;
	height: 115px;
	top: 55px;
	right: 60px;
	z-index: 2;
	background: url(../img/sale-two.png) center center no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	z-index: 2;
}

.sale__item-two .sale__item_title {
	font-size: 24px;
	line-height: 30px;
	font-family: 'Gilroy-ExtraBold';
	margin-bottom: 8px;
	position: relative;
	z-index: 2;
}

.sale__item-two p {
	position: relative;
	z-index: 2;
	font-size: 17px;
}

/* Почему нас выбирают */

.why {
	padding-top: 33px;
	padding-bottom: 32px;
	position: relative;
}

.why:before {
	position: absolute;
	display: block;
	content: "";
	top: -80px;
	left: 0;
	z-index: 1;
	width: 130px;
	height: 290px;
	background: url(../img/icon-one.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.why:after {
	position: absolute;
	display: block;
	content: "";
	bottom: -30px;
	right: 0;
	background: url(../img/icon-two.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 111px;
	height: 200px;
}

h2 {
	text-align: center;
	margin-bottom: 40px;
	font-family: 'Gilroy-ExtraBold';
	font-size: 36px;
	color: #000;
}

.why__items.flex {
	align-items: stretch;
}

.why__item.flex {
	align-content: center;
	background: #FFFFFF;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	width: 370px;
	margin-bottom: 32px;
	padding: 130px 24px 24px;
	position: relative;
	position: relative;
	z-index: 2;
	height: 216px;
}

.why__item:before {
	position: absolute;
	display: block;
	content: "";
	width: 100px;
	height: 100px;
	top: 16px;
	left: 50%;
	margin-left: -50px;
	background-image: url(../img/why-items.png);
	background-repeat: no-repeat;
}

.why__item-one:before {
	background-position: center top;
}
.why__item-two:before {
	background-position: center -100px;
}
.why__item-three:before {
	background-position: center -200px;
}
.why__item-four:before {
	background-position: center -300px;
}
.why__item-five:before {
	background-position: center -400px;
}
.why__item-six:before {
	background-position: center -500px;
}

.why__item p {
	display: block;
	width: 100%;
	color: #000;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
}

/* До новой кухни всего 4 шага */

.stages {
	padding-top: 32px;
	padding-bottom: 32px;
	position: relative;
	z-index: 2;
}

.stages__items.flex {
	align-items: flex-start;
	position: relative;
}

.stages__items:after {
	position: absolute;
	display: block;
	content: "";
	width: 10000px;
	left: 50%;
	margin-left: -5000px;
	height: 1px;
	background: rgba(255, 186, 0, 0.5);
	top: 60px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255,203,64,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(255,203,64,1);
box-shadow: 0px 0px 5px 0px rgba(255,203,64,1);
}

.stages__item {
	position: relative;
	width: 185px;
	margin-bottom: 32px;
}

.stages__item:before {
	position: absolute;
	display: block;
	content: "";
	width: 90px;
	height: 65px;
	background-image: url(../img/stages-items.png);
	background-repeat: no-repeat;
	z-index: 2;
	top: 38px;
}

.stages__item-one:before {
	background-position: center top;
	left: 5px;
}
.stages__item-two:before {
	background-position: center -65px;
	left: 2px;
}
.stages__item-three:before {
	background-position: center -130px;
	left: 8px;
}
.stages__item-four:before {
	background-position: center -195px;
	left: 30px;
}

.stages__item_number {
	line-height: 111px;
	margin-bottom: 13px;
	color: #FFCB40;
	font-size: 90px;
	font-family: 'Gilroy-ExtraBold';
	position: relative;
	z-index: 1;
}

.stages__item p {
	font-size: 17px;
	color: #000;
}

.stages__order {
	text-align: center;
}

.stages__order a.btn {
	display: inline-block;
	width: 315px;
}

/* Каталог */

.catalog {
	padding-top: 32px;
	padding-bottom: 37px;
	position: relative;
}

.catalog:before {
	position: absolute;
	display: block;
	content: "";
	width: 140px;
	height: 217px;
	background: url(../img/icon-three.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	top: -95px;
	left: 0;
	z-index: 1;
}

.catalog:after {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	bottom: -60px;
	width: 118px;
	height: 245px;
	background: url(../img//icon-four.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}

.catalog__items.flex {
	align-items: stretch;
	position: relative;
	z-index: 2;
}

.catalog__item {
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	overflow: hidden;
	width: 370px;
	margin-bottom: 32px;
	padding-bottom: 18px;
	background: #fff;
}

.catalog__item_img {
	width: 100%;
	height: 215px;
	overflow: hidden;
}

.catalog__item_img img {
	width: 100%;
	height: auto;
	display: inline-block;
	transition: all ease 0.7s;
	cursor: pointer;
}

.catalog__item:hover .catalog__item_img img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.catalog__item_title {
	text-align: center;
	line-height: 25px;
	margin-top: 19px;
	margin-bottom: 10px;
	color: #000;
	font-size: 20px;
	font-family: 'Gilroy-ExtraBold';
}

.catalog__item_button {
	text-align: center;
}

.catalog__item_button a.btn {
	width: 165px;
	display: inline-block;
	padding-top: 11px;
	padding-bottom: 11px;
	font-size: 16px;
}

.catalog__items_show {
	display: none;
}

/* Реализованные проекты */

.portfolio {
	padding-bottom: 32px;
	padding-top: 37px;
	position: relative;
	z-index: 2;
}

.portfolio__slider-wrapper {
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
}

.portfolio__slider_arrows {
	position: absolute;
	width: 100%;
	top: 50%;
	height: 0;
}

.portfolio__slider_arrows div.slick-disabled {
	display: none !important;
}

.portfolio__slider {
	position: relative;
	z-index: 1;
}

.portfolio__item {
	margin-left: 15px;
	margin-right: 15px;
	outline: none;
	border-radius: 3px;
	-webkit-box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,0.1);
box-shadow: inset 2px 2px 10px 0px rgba(0,0,0,0.1);
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 17px;
}

.portfolio__item_img {
	overflow: hidden;
	width: 100%;
	height: 360px;
	margin-bottom: 18px;
	cursor: pointer;
	position: relative;
}

.portfolio__item_img:before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.portfolio__item_img img {
	display: block;
	width: 100%;
	transition: all ease 0.3s;
	position: relative;
	z-index: 1;
}

.portfolio__item:hover .portfolio__item_img img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.portfolio__item p {
	padding-left: 18px;
	padding-right: 18px;
	margin-bottom: 5px;
	font-weight: 400;
	font-size: 17px;
}

.portfolio__item p span {
	font-weight: 600;
}

.portfolio__item p:last-child {
	margin-bottom: 0;
}

.portfolio__slider_arrows,
.catalog-slider__arrows {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -14px;
	z-index: 2;
	left: 0;
}

.catalog-slider__arrows {
	width: calc(100% - 30px);
	left: 15px;
}

.portfolio__slider_arrows div,
.catalog-slider__arrows div {
	width: 14px;
	height: 28px;
	background: url(../img/portfolio-slider-arrow.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	cursor: pointer;
	transition: all ease 0.3s;
	position: absolute;
	top: 0;
}

.portfolio__slider_arrows div:hover,
.catalog-slider__arrows div:hover {
	opacity: 0.6;
}

.catalog-slider__prev-arrow {
	left: 0;
}

.portfolio__slider_prev-arrow {
	left: -10px;
}

.catalog-slider__next-arrow {
	right: 0;
	transform: rotate(180deg) ;
	-webkit-transform: rotate(180deg) ;
	-moz-transform: rotate(180deg) ;
	-o-transform: rotate(180deg) ;
	-ms-transform: rotate(180deg) ;
}

.portfolio__slider_next-arrow {
	right: -10px;
	transform: rotate(180deg) ;
	-webkit-transform: rotate(180deg) ;
	-moz-transform: rotate(180deg) ;
	-o-transform: rotate(180deg) ;
	-ms-transform: rotate(180deg) ;
}

.portfolio__button {
	display: none;
}

/* калькулятор */

.calc-wrapper {
	padding-top: 32px;
	padding-bottom: 33px;
	position: relative;
}

.calc-wrapper:before {
	position: absolute;
	display: block;
	content: "";
	width: 195px;
	height: 130px;
	background: url(../img/icon-five.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	top: 0;
	right: 0;
	z-index: 1;
}

.calc-wrapper .container {
	z-index: 2;
}

.calc-wrapper h2 {
	margin-bottom: 8px;
}

.calc__title_signature {
	text-align: center;
	margin-bottom: 40px;
	font-size: 20px;
}

.calc__title_signature br {
	display: none;
}

.calc {
	width: 100%;
	max-width: 916px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #FFBA00;
	background: #FAFAFA;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	padding: 48px 220px;
	position: relative;
	z-index: 2;
}

.calc__item_title {
	text-align: center;
	margin-bottom: 16px;
	font-size: 17px;
	color: rgba(0, 0, 0, 0.9);
}

.calc__form.flex {
	position: relative;
	align-items: flex-start;
}

.calc__form input {
	position: absolute;
	top: 50%;
	left: -10000px;
	outline: none;
}

.calc__form label {
	display: block;
	width: 90px;
	padding-top: 56px;
	text-align: center;
	font-size: 16px;
	color: #5B5B5B;
	cursor: pointer;
	position: relative;
	-moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.calc__form label::selection,
.calc__material label::selection,
.range-handle::selection,
.calc__size_line span::selection {
	background-color:transparent;
}

.calc__form label::-moz-selection,
.calc__material label::-moz-selection,
.range-handle::-moz-selection,
.calc__size_line span:-moz-selection
{
    background-color:transparent;
}
.calc__form label, .calc__material label, .range-handle, .portfolio__slider_arrows div, .catalog__items_show a, .calc__size_line span
{        
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    /*IE10*/
    -ms-user-select: none;
    user-select: none;
    /*You just need this if you are only concerned with android and not desktop browsers.*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}   

.calc__form input:checked + label {
	color: #000000;
}

#calc-form-block-one {
	position: absolute;
	display: block;
	width: 86px;
	left: 50%;
	margin-left: -43px;
	top: 0;
	height: 22px;
	border: 2px solid #E3E3E3;
	border-radius: 3px;
	z-index: 1;
	background: #fff;
}

.calc__form input:checked + label #calc-form-block-one,
.calc__form input:checked + label #calc-form-block-two,
.calc__form input:checked + label #calc-form-block-three,
.calc__form input:checked + label #calc-form-block-four {
	border-color: #FFBA00;
}

#calc-form-block-two {
	position: absolute;
	z-index: 2;
	display: block;
	height: 24px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-left: 2px solid #E3E3E3;
	border-right: 2px solid #E3E3E3;
	border-bottom: 2px solid #E3E3E3;
	top: 20px;
	width: 22px;
	left: 50%;
	margin-left: -43px;
	background: #fff;
}

#calc-form-block-three {
	position: absolute;
	z-index: 2;
	display: block;
	height: 24px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-left: 2px solid #E3E3E3;
	border-right: 2px solid #E3E3E3;
	border-bottom: 2px solid #E3E3E3;
	top: 20px;
	width: 22px;
	right: 50%;
	margin-right: -43px;
	background: #fff;
}

#calc-form-block-four {
	position: absolute;
	display: block;
	content: "";
	width: 40px;
	height: 18px;
	background: #FFFFFF;
	border: 2px solid #E3E3E3;
	border-radius: 3px;
	left: 50%;
	margin-left: -20px;
	top: 30px;
}

.calc__item-one {
	margin-bottom: 45px;
}

.calc__item-two {
	margin-bottom: 42px;
}

.calc__item-three {
	margin-bottom: 55px;
}

.calc__item-four {
    width: 700px;
    
    margin-left: -37px;
}

.calc__item-four:after {
    content: '';
    
    display: block;
    clear: both;
}

.calc__item-four input[type="tel"] {
    display: block;
    width: 320px;
    margin-left: 0;
    outline: none;
    height: 46px;
    line-height: 42px;
    border-radius: 23px;
    text-align: center;
    background: #fff;
    border: 2px solid #D4D4D4;
    font-size: 16px;
    color: #5B5B5B;
    
    margin-bottom: 18px;
    height: 85px;
    line-height: 85px;
    border-radius: 360px;
    border: 3px solid #D4D4D4;
    font-size: 22px;
    float: left;
}

.calc__item-four button {
    width: 355px;
    
    float: left;
    font-size: 21px;
    margin-left: 22px;
}

.calc__size_block {
	position: relative;
	height: 24px;
}

.calc__size_line {
	position: absolute;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 7px;
	background: #FFFFFF;
	border: 2px solid #E3E3E3; 
	border-radius: 20px;
	top: 8px;
	z-index: 2;
}

.calc__size_line span {
	width: 8%;
	display: block;
	cursor: pointer;
	height: 7px;
}

.calc__size_values {
  margin-left: -3px;
  margin-right: -7px;
  margin-bottom: -30px;
}

.calc__size_values span {
  display: block;
  position: relative;
  z-index: 1;
  line-height: 21px;
  font-size: 17px;
  color: #BABABA;
  width: 22px;
	text-align: center;
	padding-top: 24px;
	top: -24px;

}

.calc__size_values span:before {
	position: absolute;
	display: block;
	content: "";
	width: 2px;
	height: 16px;
	border-radius: 2px;
	background: #BABABA;
	top: 5px;
	left: 50%;
	margin-left: -1px;
}

.calc__material.flex {
	position: relative;
	justify-content: space-around;
}

.calc__material input {
	position: absolute;
	top: 50%;
	left: -10000px;
}

.calc__material label {
	display: block;
	text-align: center;
	padding: 8px 25px;
	line-height: 21px;
	border: 2px solid #E3E3E3;
	color: #3F3F3F;
	font-size: 16px;
	border-radius: 35px;
	margin-bottom: 13px;
	cursor: pointer;
	outline: none;
}

.calc__material input:checked + label {
	color: #000000;
	border-color: #FFBA00;
}

.calc__button {
	text-align: center;
}

.calc__button a.btn {
	display: inline-block;
	width: 235px;
}

/* Создайте кухню по вашим пожеланиям */

.advantages {
	padding-top: 33px;
	padding-bottom: 110px;
	position: relative;
}

.advantages:before {
	position: absolute;
	display: block;
	content: "";
	width: 118px;
	height: 134px;
	background: url(../img/icon-six.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	left: 0;
	bottom: -120px;
}

.advantages h2 {
	width: 500px;
	text-align: left;
	margin-bottom: 42px;
	padding-top: 30px;
	z-index: 2;
	position: relative;
}

.advantages .container {
	z-index: 2;
}

.advantages .container:after {
	position: absolute;
	display: block;
	content: "";
	width: 774px;
	height: 701px;
	background: url(../img/advantages-bg.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	top: 0;
	right: -90px;
	z-index: 1;
}

.advantages__list {
	width: 500px;
	position: relative;
	z-index: 2;
}

.advantages__list p {
	padding-left: 33px;
	margin-bottom: 42px;
	position: relative;
	font-size: 17px;
	color: #000;
}

.advantages__list p:last-child {
	margin-bottom: 0;
}

.advantages__list p:before {
	position: absolute;
	display: block;
	content: "";
	width: 23px;
	height: 23px;
	border-radius: 2px;
	box-sizing: border-box;
	border: 6px solid #FFBB04;
	background: #fff;
	left: 0;
	top: 50%;
	margin-top: -11px;
}

/* Материалы */

.materials {
	padding-top: 110px;
	padding-bottom: 52px;
	position: relative;
	z-index: 2;
}

.materials__items.flex {
	align-items: flex-end;
}

/* Контакыт */

.contacts {
	padding-top: 32px;
	padding-bottom: 140px;
}

.contacts__info {
	width: 470px;
}

.contacts__info h2 {
	margin-bottom: 32px;
	text-align: left;
}

.contacts__items.flex {
	align-items: flex-start;
}

.contacts__item {
	max-width: 335px;
	margin-bottom: 26px;
}

.contacts__item-one,
.contacts__item-three {
	width: 175px;
}

.contacts__item-two,
.contacts__item-four {
	width: 235px;
}

.contacts__item p {
	font-size: 17px;
	color: rgba(0, 0, 0, 0.7);
	margin-bottom: 4px;
}

.contacts__item a,
.contacts__item div {
	font-size: 17px;
	color: #000;
	text-decoration: none;
}

.contacts__item-four p {
	font-size: 16px;
}

.contacts__form {
	background: #FAFAFA;
	border: 8px solid #FFBA00;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	padding: 31px 72px;
	width: 505px;
}

.contacts__form h2 {
	margin-bottom: 16px;
}

.contacts__form p {
	font-size: 17px;
	color: #000;
	margin-bottom: 24px;
	text-align: center;
}

.contacts__form_button {
	text-align: center;
}

.contacts__form_button a.btn {
	width: 100%;
	display: inline-block;
	max-width: 315px;
}

/* Footer */

footer {
	background: #FFBA00;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}

footer p {
	max-width: 100%;
	text-align: center;
	font-size: 15px;
	color: #262626;
}

.up-link {
	position: absolute;
	display: block;
	right: 55px;
	top: -97px;
}

.up-link a {
	display: block;
	width: 57px;
	height: 57px;
	position: relative;
	background: url(../img/arrow.png) #FFBA00 center center no-repeat;
	border-radius: 50%;
	transition: all ease 0.3s;
}

.up-link a:hover {
	transform: scale(1.1);
}

/* Форма вызова дизайнера */

.modal-wrapper {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 100;
}

.modal-block.flex {
	justify-content: center;
	align-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.modal-blackout,
.modal-conf-blackout {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: #5B5B5B;
	opacity: 0.7;
}

.modal {
	width: 386px;
	position: relative;
	z-index: 2;
	max-height: 80vh;
	overflow-y: auto;
	background: #FAFAFA;
	border: 10px solid #FFBA00;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	padding: 45px 40px;
}

.modal__close,
.modal-conf__close {
	width: 12px;
	height: 12px;
	position: absolute;
	cursor: pointer;
	background: url(../img/modal-close.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	top: 10px;
	right: 10px;
}

.modal__title {
	font-size: 17px;
	color: rgba(0, 0, 0, 0.9);
	margin-bottom: 22px;
	text-align: center;
}

.modal input,
.modal__select_title {
	display: block;
	width: 90%;
	margin-left: 5%;
	margin-bottom: 13px;
	outline: none;
	height: 46px;
	line-height: 42px;
	border-radius: 23px;
	text-align: center;
	background: #fff;
	border: 2px solid #D4D4D4;
	font-size: 16px;
	color: #5B5B5B;
}

.modal input::-webkit-input-placeholder {color:#5B5B5B;}
.modal input::-moz-placeholder {color:#5B5B5B;}/* Firefox 19+ */
.modal input:-moz-placeholder {color:#5B5B5B;}/* Firefox 18- */
.modal input:-ms-input-placeholder {color:#5B5B5B;}

.modal input:focus::-webkit-input-placeholder {color:transparent;}
.modal input:focus::-moz-placeholder {color:transparent;}/* Firefox 19+ */
.modal input:focus:-moz-placeholder {color:transparent;}/* Firefox 18- */
.modal input:focus:-ms-input-placeholder {color:transparent;}


.modal input.error {
	border-color: red;
}

.modal input.hide {
	opacity: 1;
	position: absolute;
	width: 0;
	height: 0;
	left: -10000px;
}

.modal-conf {
	padding-top: 11px;
	position: relative;
}

.modal-conf input {
	position: absolute;
	left: -10000px;
	top: 50%;
}

.modal-conf label {
	position: relative;
	width: 225px;
	display: block;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.9);
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	margin-bottom: 24px;
}

.modal-conf label a {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.9);
	text-decoration: none;
	border-bottom: 1px solid #FFBA00;
}

.modal-conf label:before {
	position: absolute;
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	top: 0;
	left: 0;
	border: 3px solid #FFBA00;
	border-radius: 1px;
	z-index: 1;
}

.modal-conf input:checked + label:after {
	position: absolute;
	display: block;
	content: "";
	width: 21px;
	height: 16px;
	box-sizing: border-box;
	background: url(../img/check.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	top: 0px;
	left: 3px;
	z-index: 2;
}

.modal button.btn {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}
#modal-call .modal button.btn {
	padding-top: 10px;
	padding-bottom: 10px;
}

#modal-call-number {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

/* Форма заявки на рассчет стоимости */

.modal__select {
	position: relative;
	margin-bottom: 13px;
}

.modal__select_title {
	position: relative;
	padding-left: 50px;
	padding-right: 50px;
	cursor: pointer;
	margin-bottom: 0;
}

.modal__select_title:after {
	position: absolute;
	display: block;
	content: "";
	box-sizing: border-box;
	right: 23px;
	top: 50%;
	margin-top: -3px;
	width: 14px;
	height: 7px;
	border-top: 7px solid #5B5B5B;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	transition: all ease 0.3s;
}

.modal__select_title.active:after {
	transform: rotate(180deg) ;
	-webkit-transform: rotate(180deg) ;
	-moz-transform: rotate(180deg) ;
	-o-transform: rotate(180deg) ;
	-ms-transform: rotate(180deg) ;
}

.modal__select_block {
	position: absolute;
	z-index: 2;
	top: 46px;
	left: 5%;
	width: 90%;
	display: none;
	border: 2px solid #D4D4D4;
	border-radius: 23px;
	background: #fff;
	overflow: hidden;
}

.modal__select_block input {
	position: absolute;
	top: 50%;
	left: -10000px;
}

.modal__select_block label {
	display: block;
	cursor: pointer;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 18px;
	transition: all ease 0.3s;
}

.modal__select_block label:hover {
	background: #FFBA00;
}

/* Окно "Заявка принята */

.modal-wrapper {
	display: none;
}

#modal-thanks .modal {
	width: 456px;
}

.modal-thanks__title {
	padding-left: 96px;
	background: url(../img/modal-thanks.png) left center no-repeat;
	font-size: 20px;
	color: #000;
	text-align: center;
}

/* Слайдер в каталоге */

.catalog-slider-wrapper {
	width: 913px;
	background: #FAFAFA;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	position: relative;
	z-index: 2;
	max-height: 90vh;
	overflow-y: auto;
	padding: 30px 55px 20px;
	overflow: hidden;
}

.catalog-slider__item {
	outline: none;
}

.catalog-slider__item_img {
	height: 500px;
	text-align: center;
	margin-bottom: 18px;
	max-height: calc(90vh - 153px);
}

.catalog-slider__item_img img {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

.catalog-slider__item_title {
	margin-bottom: 14px;
	text-align: center;
	font-size: 20px;
	color: #000;
	font-family: 'Gilroy-ExtraBold';
	line-height: 24px;
}

.catalog-slider__item_button {
	text-align: center;
}

.catalog-slider__item_button a {
	display: inline-block;
	width: 210px;
	font-size: 16px;
	padding-top: 11px;
	padding-bottom: 11px;
}



/* Политика конфиденциальности */

#modal-conf .modal {
	width: 90%;
	max-width: 916px;
	padding: 30px;
}

#modal-conf .modal p {
	font-size: 17px;
	color: #000;
}

.modal-content {
	max-height: calc(80vh - 80px);
}

input[type=text],
input[type=email],
input[type=tel] {
	 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.navbar-wrapper {
	display: none;
}

.portfolio h2 {
	margin-bottom: 30px;
}

header .container {
    position: relative;
}

.header__form {
    position: absolute;
    right: 0;
    top: 0;
}

.header__form .modal {
    width: 385px;
    
    border: none;
    padding: 50px 54px 55px;
}

.header__form .modal__title {
    font-size: 28px;
    margin-bottom: 23px;
}

.header__form .modal__title .bold {
    font-family: 'Gilroy-ExtraBold';
}

.header__form .modal input {
    width: 100%;
    
    margin-bottom: 7px;
    margin-left: 0;
}

.header__form .modal label {
    margin-bottom: 27px;
    font-size: 15px;
}

.header__form .modal label a {
    font-size: 15px;
}

.header__form .modal button.btn {
    width: 100%;
    
    line-height: 1;
    padding-top: 16px;
    padding-bottom: 16px;
}

.header__form .modal_sended {
    display: none;
}

.header__form.sended .modal__title,
.header__form.sended form {
    display: none;
}

.header__form.sended .modal_sended,
.header__form.sended .modal_sended img {
    display: block;
}

.header__form .modal_sended img {
    width: 64px;
    
    margin: 0 auto 10px;
}

.header__form .modal_sended p {
    font-family: 'Gilroy-ExtraBold';
    text-align: center;
    margin-bottom: 25px;
}

.header__form .modal_sended .left {
    float: left;
}

.header__form .modal_sended .right {
    float: right;
}

.header__form .modal_sended .clearfix:after {
    content: '';
    
    display: block;
    clear: both;
}

.header__form .modal_sended .clearfix a {
    width: 135px;
    height: 115px;
    
    border: 1px dashed rgba(0, 0, 0, .3);
    display: block;
    border-radius: 20px;
}

.header__form .modal_sended .clearfix a + a {
    margin-left: 7px;
}

.header__form .modal_sended .clearfix a span {
    width: 80px;
    
    font-size: 20px;
    text-decoration: underline;
    margin-top: 20px;
}

.header__form .modal_sended .clearfix a:first-child img {
    width: 17px;
    height: auto;
    
    margin-right: 7px;
    margin-left: 12px;
    margin-top: 32px;
}

.header__form .modal_sended .clearfix a:last-child img {
    width: 22px;
    height: auto;
    
    margin-right: 7px;
    margin-left: 12px;
    margin-top: 30px;
}

section.policy {
    padding-top: 70px;
    padding-bottom: 90px;
}

section.policy h1 {
    font-size: 36px;
    margin-bottom: 25px;
}

section.policy h3 {
    font-size: 22px;
    font-family: 'Gilroy-ExtraBold';
}

section.policy p,
section.policy ul li {
    font-size: 18px;
}

section.policy ul li {
    margin-left: 18px;
}

section.policy ul + p,
section.policy p + ul {
    margin-top: 12px;
}

section.policy p + p,
section.policy h3 + ul,
section.policy h3 + p,
section.policy ul + h3,
section.policy ul li + li {
    margin-top: 7px;
}

section.policy p + h3 {
    margin-top: 15px;
}