*{
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
}

body{
    font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 14px;
	background-color: #ffffff;
	position: relative;
}

a {
	text-decoration: none;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.container {
	padding: 0 15px;
	max-width: 1024px;
	margin: 0 auto;
}

.scrolloff {
	pointer-events: none;
}

.send-error {
	display: none;
	font-family: 'Fira Sans Condensed';
	font-size: 16px;
	color: #d83f13;
}

.send-success {
	display: none;
	font-family: 'Fira Sans Condensed';
	font-size: 16px;
	color: #61D20C;
}
	

/*
*************** Header ***************
*/

.header {
	padding: 10px 0;
	text-align: justify;
	font-size: 0;
	position: relative;
}

.header__logo {
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px 0 0;
}

.header__logo img {
	width: 205px;
	height: 80px;
}

.header__address {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 35px;
	left: 27%;
	font-size: 14px;
	color: #919191;
}

.header__address span {
	display: block;
	margin: 0 auto;
	text-align: left;
}

.header__block_right {
	float: right;
	padding: 0px 0;
}

.callback__phone {
	display: inline-block;
/*	vertical-align: middle; */
	vertical-align: bottom;
	color: #131313;
	font-size: 18px;
	background-size: contain;
	line-height: 1;
	text-align: center;
	margin: 0 30px 0 0;
}

.callback__phone_icon {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 10px 0 0;
    background: url(../img/phone.png) no-repeat;
    background-size: contain;
    line-height: 1;
    float: left;
}

.callback__button {
	display: inline-block;
	vertical-align: middle;
	border: solid 2px rgb(216, 63, 19);
	font-size: 12px;
	font-family: "Fira Sans Condensed";
	color: rgb(73, 73, 73);
	text-transform: uppercase;
	line-height: 1.2;
	text-align: center;
	padding: 8px 31px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	margin-top: 5px;
}

.callback__button:hover {
	cursor: pointer;
	background: rgb(216, 63, 19);
	transition: ease 0.3s all;
	color: #ffffff;
}



/*
*************** Top ***************
*/


.top__title {
	position: absolute;
	text-align: justify;
	width: 700px;
	color: #000000;
	font-size: 45px;
    	top: 37%;
	text-transform: uppercase;
}

.asociation {
	position: absolute;
	background: #f2ca06;
	width: 150px;
	padding: 15px;
	-webkit-border-top-left-radius: 40px;
	-webkit-border-top-right-radius: 40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-topright: 40px;
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
	bottom: 0;
	left: calc((100vw - 138px)/2);
}

.asociation__logo {
	width: 55px;
	height: 55px;
	float: left;
}

.asociation__url {
	color: #171e02;
	display: block;
	font-family: 'Fira Sans Condensed';
	font-size: 16px;
	padding: 35px 0 0 60px;
}

.asociation__title {
	font-family: 'Fira Sans Condensed';
	font-size: 14px;
	padding: 3px 0 0;
}



/*
*************** Slogan ***************
*/

.background_red {
  background-color: rgb(216, 63, 19);
  padding: 35px 0;
}

.page-slogan {
	font-size: 32px;
	color: #ffffff;
	text-align: center;
}



/*
*************** Features ***************
*/

.section-title_features {
	font-family: 'Fira Sans Condensed';
	font-size: 32px;
	color: #5c5d61;
	text-align: center;
	padding: 45px 0 0;
}

.features__list {
	padding: 70px 0;
	text-align: center;
}

.features__list li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.features__item {
	color: #5c5d61;
	width: 215px;
	font-size: 22px;
}

.features__line span {
	display: block;
	width: 100px;
	height: 1px;
	background: #f2ca06;
}



/*
*************** Catalogue ***************
*/

.catalogue__image {
	width: 100%;
	margin: 0 0 40px;
}

.background_yellow {
	background: #f2ca06;
}
.background_gray {
	background: #d3d3d3;
}

.catalogue-table {
	font-size: 22px;
	color: #615d60;
	text-align: left;
	width: 100%;
}

.catalogue-table td {
	padding: 15px 35px;
}

.text-align_center {
	text-align: center;
}

.catalogue-table__item_border-bot {
	border-bottom: solid 1px #af9626;
	font-size: 16px;
}

.catalogue-table__item_border-right {
	border-right: solid 1px #af9626;
}

.callback__button_catalogue,
.callback__button_product {
	display: block;
	margin: 5px 0 0;
	font-family: 'Fira Sans Condensed';
	text-align: center;
	padding: 20px;
	font-size: 26px;
	color: #ffffff;
	background: #d83f13;
}

.call-form:hover {
	cursor: pointer;
}



/*
*************** Product ***************
*/

.section-title_product {
	font-family: 'Fira Sans Condensed';
	text-align: center;
	color: #333333;
	font-size: 22px;
	padding: 35px 0 20px;
}

.product__item {
	background: #ebebeb;
	padding: 15px 10px;
}

.product__image {
	float: left;
	background: #ffffff;
	margin: 0 20px 0 0;
	width: 45%;
}

.product__image img {
	width: 100%;
}

.product__properties_item {
	display: block;
	padding: 5px 0 10px;
	color: #5f5f5f;
}

.product__properties_item span {
	display: inline-block;
	vertical-align: middle;
	width: 115px;
	font-family: 'Fira Sans Condensed';
	font-size: 13px;
	margin: 0 10px 0 0;
	color: #333333;
}

.product__properties_item:first-child > span {
	width: 40px;
	margin: 0;
}

.product__colors {
	display: inline-block;
	vertical-align: middle;
	text-align: justify;
}

.product__colors_item {
	display: inline-block;
	padding: 0 1px;
	font-family: 'Fira Sans Condensed';
	font-size: 11px;
	width: 49px;
	text-align: center;
}

.product__colors_item span {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

.product__colors_white {
	background-color: #ffffff;
}
.product__colors_beige {
	background-color: #A79690;
}
.product__colors_blue {
	background-color: #51C0ED;
}
.product__colors_yellow {
	background-color: #FEBB18;
}
.product__colors_green {
	background-color: #61D20C;
}
.product__colors_red {
	background-color: #E43B3B;
}
.product__colors_gray {
	background-color: #7E7E7E;
}
.product__colors_brown {
	background-color: #593226;
}
.product__colors_black {
	background-color: #010101;
}

.product__devider {
	height: 1px;
	background: #bfbfbf;
	margin: 10px 10px 10px 0;
}

.product__diplomas {
	padding: 20px 0;
	text-align: center;
}

.product__diplomas_item {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
}

.product__diplomas_item img {
	width: 120px;
}

.callback__button_product {
	text-transform: uppercase;
}



/*
*************** Reviews ***************
*/

.section-title_reviews {
	font-family: 'Fira Sans Condensed';
	font-size: 30px;
	text-align: center;
	padding: 65px 0;
}

.reviews__list {
	text-align: center;
	padding: 0 0 50px;
}

.reviews__img {
	width: 192px;
}

.reviews__item {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px;
	width: 28%;
	min-width: 245px;
	text-align: center;
	padding: 0 0 20px;
}

.reviews__title {
	font-family: 'Fira Sans Condensed';
	font-size: 16px;
	padding: 20px 0;
}

.reviews__text {
	font-family: 'Fira Sans Condensed';
	font-size: 15px;
	text-align: left;
	color: #333333;
}



/*
*************** Dealer ***************
*/


.section-title_dealer {
  font-size: 26px;
  font-family: "Fira Sans Condensed";
  color: #202020;
  text-align: center;
}

.section-title_dealer span {
	font-size: 32px;
	font-family: "Fira Sans Condensed";
}

.dealer__list {
	padding: 50px 0;
	text-align: center;
	font-size: 0;
	position: relative;
}

.dealer__list li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.dealer__item {
	color: #202020;
	width: 200px;
	font-size: 20px;
	width: 25%;
	min-width: 200px;
}

.dealer__item span {
	display: block;
	height: 95px;
	width: 120px;
	margin: 20 auto 15px;
}

.dealer__line {
	position: absolute;
	top: 120px;
}

.dealer__line span {
	display: block;
	width: 70px;
	height: 1px;
	background: #d83f13;
}

.dealer__line:nth-child(2) {
	left: 21%;
}

.dealer__line:nth-child(4) {
	left: 48%;
}

.dealer__line:nth-child(6) {
	left: 71%;
}



/*
*************** Tax ***************
*/

.tex {
	background: #ffd41a;
	padding: 35px 0;
	text-align: center;
}

.tex__logo {
	width: 180px;
}

.tex__description {
	color: #333333;
	font-size: 24px;
	text-align: left;
	padding: 30px 0;
}

.tex__devider_left {
	height: 5px;
	background: url(../img/left_line.png);
	background-size: cover;
}

.tex__devider_right {
	height: 5px;
	background: url(../img/right_line.png);
	background-size: cover;
}



/*
*************** Discount ***************
*/

.discount {
	padding: 0 0 50px;
}

.section-title_discount {
  font-size: 24px;
  font-family: "Fira Sans Condensed";
  color: #5c5d61;
  text-align: center;
  padding: 50px 0;
}

.discount_left {
	float: left;
	width: 40%;
}

.discount__photo {
	display: block;
	width: 300px;
	margin: 0 auto;
}

.discount_right {
	float: right;
	width: 60%;
}

.discount__form {
	width: 400px;
	padding: 20px;
	margin: 0 auto;
}

.discount__form input {
	font-size: 22px;
	color: #615d60;
	width: 100%;
	padding: 15px 7px;
	border-bottom: solid 1px #615d60;
	margin: 0 0 10px;
}

.discount__form input:focus {
	outline: none;
}


.discount__form input::-webkit-input-placeholder {
	font-size: 22px;
	color: #615d60;
}
.discount__form input::-moz-placeholder {
	font-size: 22px;
	color: #615d60;
}
.discount__form input:-ms-input-placeholder {
	font-size: 22px;
	color: #615d60;
}
.discount__form input:-moz-placeholder {
	font-size: 22px;
	color: #615d60;
}

.discount__form input[type="submit"] {
	font-size: 24px;
	font-family: "Fira Sans Condensed";
	background: #ffffff;
	border: solid 2px #ffd41a;
	text-transform: uppercase;
	margin: 30px 0 0;
}

.discount__form input[type="submit"]:hover {
	cursor: pointer;
	background: #ffd41a;
	transition: ease 0.3s all;
}



/*
*************** Delivery ***************
*/

.section-title_delivery {
	font-size: 26px;
	font-family: "Fira Sans Condensed";
	color: #333333;
	padding: 0 0 70px;
	text-align: center;
	text-transform: uppercase;
}

.delivery-cost {
	border: solid 6px #ebebeb;
	border-bottom: none;
	padding: 30px 15px;
}

.delivery-cost__title {
	font-family: "Fira Sans Condensed";
	font-size: 18px;
	padding: 0 0 20px;
}

.delivery-cost__text {
	font-size: 18px;
}

.text-color_red {
	color: #d83f13;
}

.delivery-cost__description {
	font-family: "Fira Sans Condensed";
	font-size: 14px;
	padding: 20px 0 0;
}

.delivery-details {
	background: url(../img/delivery.png) center no-repeat;
	background-size: contain;
	padding: 0px 0;
	margin: 0 0 20px;
}

.delivery-details__time {
	float: left;
	text-align: left;
	width: 50%;
}

.delivery-details__free {
	float: right;
	text-align: right;
	width: 50%;
}

.delivery-details__title {
	font-family: "Fira Sans Condensed";
	font-size: 20px;
	padding: 0 0 15px;
}

.delivery-details__text {
	width: 380px;
}

.delivery-details__free .delivery-details__text {
	float: right;
}



/*
*************** Footer ***************
*/

.footer {
	text-align: center;
	padding: 20px 0;
}

/*.footer__block_right {
	float: center;
}
*/



/*
*************** Callback form ***************
*/

.overlay {
	display: none;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}

.error {
	font-style: italic;
	color: #d83f13;
}

.callback__form {
	display: none;
	width: 32%;
	max-width: 600px;
	min-width: 300px;
	padding: 20px;
	position: fixed;
	top: 10%;
	left: calc((100% - 0.32*(100vw))/2);
	background: #ffffff;
	z-index: 15;
}

.show {
	display: block;
	transition: ease 0.5s all;
}

.callback__title {
	font-size: 26px;
	color: #d83f13;
	text-align: center;
	padding: 0 0 20px;
}

.callback__form input {
	font-size: 16px;
	color: #615d60;
	width: 100%;
	padding: 15px 7px;
	border-bottom: solid 1px #615d60;
	margin: 0 0 10px;
}

.callback__form input:focus {
	outline: none;
}

.callback__form input::-webkit-input-placeholder {
	font-family: 'Fira Sans Condensed';
	font-size: 14px;
	color: #615d60;
}
.callback__form input::-moz-placeholder {
	font-family: 'Fira Sans Condensed';
	font-size: 14px;
	color: #615d60;
}
.callback__form input:-ms-input-placeholder {
	font-family: 'Fira Sans Condensed';
	font-size: 14px;
	color: #615d60;
}
.callback__form input:-moz-placeholder {
	font-family: 'Fira Sans Condensed';
	font-size: 14px;
	color: #615d60;
}

.callback__form input[type="submit"] {
	font-size: 24px;
	font-family: "Fira Sans Condensed";
	background: #d83f13;
	border: solid 2px #d83f13;
	margin: 30px 0 0;
	color: #ffffff;
}

.callback__form input[type="submit"]:hover {
	cursor: pointer;
	background: #ffffff;
	transition: ease 0.3s all;
	color: #333333;
}



/*
*************** Adaptive styles ***************
*/


@media (max-width: 1200px) {
	.product__colors {
		display: block;
		padding: 10px 0 0;
		text-align: left;
	}
	.product__colors li {
		margin: 0 0 5px;
	}
}
	
@media (max-width: 1024px) {
	.header__logo {
		margin: 0 25px 10px;
	}
	.header__address {
		position: initial;
		margin: 0 0 10px;
	}
	.header__block_right {
		padding: 10px 0;
	} 
	.callback__button,
	.callback__phone {
		display: block;
		width: 192px;
		margin: 0 auto 10px;
	}
	.top__title {
		right: calc((100vw - 350px)/2);
		top: 70px;
	}
	.features__list li {
		display: block;
		margin: 5px auto;
	}
	.features__line span {
		width: 2px;
		height: 60px;
		margin: 0 auto;
	}
	.dealer__list li.dealer__item {
		width: 50%;
		padding: 0 40px;
	}
	.dealer__list li.dealer__line {
		display: none;
	}
	.reviews__item {
		width: 80%;
	}
	.delivery-details {
		background: url(../img/delivery.png) center right no-repeat;
		background-size: contain;
	}
	.delivery-details__time {
		float: none;
		text-align: left;
		width: 50%;
	}
	.delivery-details__free {
		float: none;
		text-align: left;
		width: 50%;
	}
	.delivery-details__text {
		width: 100%;
	}
	.product__diplomas_item {
		margin: 10px 10px 0 0;
	}
}

@media (max-width: 796px) {
	.header {
		text-align: center;
	}
	.header__logo {
		display: block;
		margin: 0 0 10px;
	}
	.header__block_right {
		float: none;

	}
	.head-section {
		height: 300px;
	}
	.top__title {
		display: none;
	}
	.catalogue-table {
		font-size: 12px;
	}
	.catalogue-table td {
		padding: 5px 5px;
	}
	.catalogue-table__item_border-bot {
		font-size: 12px;
	}
	.dealer__list li.dealer__item {
		display: block;
		margin: 0 auto;
		width: 300px;
	}
	.discount_left {
		display: none;
	}
	.discount_right {
		float: none;
		width: auto;
	}
	.discount__form {
		width: 300px;
	}
	.delivery-details {
		background: #ffffff;
		padding: 20px;
	}
	.delivery-details__time {
		width: 100%;
		max-width: 400px;
		margin: 0 0 20px;
	}
	.delivery-details__free {
		width: 100%;
		max-width: 400px;
	}
	.product__image {
		float: none;
		background: #ffffff;
		margin: 0;
		width: 100%;
	}
	.callback__form {
		width: 300px;
		top: 10%;
		left: calc((100% - 300px)/2);
	}
}