@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&subset=cyrillic,latin);

.hlp-nav-panel-mobile {
	width: 240px;
	background-color: rgb(50,50,50);
}

.hlp-nav-mobile {
	margin-top: 8%;
}

.section-1 {
	padding-top: 0%;
	padding-bottom: 0%;
	background-color: rgba(237, 237, 237, 1);
}

.section-1 > .hlp-section-content {
	padding-top: 1%;
	padding-bottom: 1%;
}

.row-1 {
	margin-top: 0px;
}

.row-1 > .hlp-col {
	margin-bottom: 0px;
}

.image-1 {
	width: 40%;
}

.text-1 {
	width: 94%;
	margin-bottom: 5px;
	padding-left: 12%;
	text-align: left;
	font-size: 20px;
	font-size: 1.25rem;
	background-size: 24px;
	background-image: url(../images/konv.svg);
	background-position: 0% 58%;
}
.text-111 {
	width: 94%;
	margin-bottom: 5px;
	padding-left: 12%;
	text-align: left;
	font-size: 20px;
	font-size: 1.25rem;
	background-size: 24px;
	background-image: url(../images/time.svg);
	background-position: 0% 58%;
}


.text-2 {
	padding-left: 12%;
	padding-bottom: 5px;
	text-align: left;
	font-size: 20px;
	font-size: 1.25rem;
	background-size: 25px;
	background-image: url(../images/tel.svg);
	background-position: 0% 7%;
}
.text-22 {
	padding-left: 12%;
	text-align: left;
	font-size: 20px;
	font-size: 1.25rem;
	background-size: 35px;
	background-image: url(../images/wa.svg);
	background-position: 0% 7%;
	padding-bottom: 5px;
}


.section-2 > .hlp-section-content {
	min-height: 58vh;
	padding-top: 1px;
	padding-bottom: 1px;
}

.block-1 {
	position: relative;
	z-index: 200;
	margin-top: 9%;
}

.text-3 {
	width: 53%;
	float: left;
	margin-bottom: 2%;
	text-align: left;
	font-size: 79px;
	font-size: 4.94rem;
	font-weight: 700;
	color: rgb(255, 255, 255);
	text-shadow: rgb(0, 0, 0) 0px 0px 16px;
}

.row-2 {
	width: 54%;
	float: left;
	margin-top: 0px;
}

.row-2 > .hlp-col {
	margin-bottom: 0px;
}

.image-2 {
	width: 9%;
	float: left;
	margin-top: 3px;
}

.text-4 {
	width: 91%;
	margin-left: auto;
	text-align: left;
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 700;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	text-shadow: rgb(0, 0, 0) 0px 0px 15px;
}

.image-3 {
	width: 40%;
	margin-left: 612px;
}

.slider-1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	min-height: 5vh;
	padding-left: 0px;
	padding-right: 0px;
	background-size: cover;
	background-image: none;
	background-position: center top;
}

.slider-1 .hlp-slider-item {
	min-height: 58vh;
}

.block-7 {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	background-size: cover;
	background-image: url(../images/kvadrat_brusch_prestig-.jpg);
}

.block-8 {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	background-size: cover;
	background-image: url(../images/1.jpg);
}

.block-6 {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	background-size: cover;
	background-image: url(../images/03-06-7468633_4.jpg);
	background-position: center bottom;
}

.hlp-slider-s1 .hlp-slider-bullet.flex-active {
	background: rgba(0,0,0,0.9);
}

.section-3 {
	padding-top: 0%;
	padding-bottom: 0%;
}

.section-3 > .hlp-section-content {
	padding-top: 3%;
	padding-bottom: 1%;
}

.text-5 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
}

.row-3 {
	margin-top: 3%;
}

.image-4 {
	width: 45%;
	float: left;
}

.text-6 {
	width: 54%;
	margin-top: 38px;
	margin-left: auto;
	text-align: left;
	font-size: 18px;
	font-size: 1.13rem;
}

.section-4 {
	padding-top: 0%;
	padding-bottom: 0%;
	background-size: cover;
	background-attachment: fixed;
	transition: transform 10ms linear;
	background-image: url(../images/kvadrat_brusch_prestig-.jpg);
	background-position: center top;
}

.section-4 > .hlp-section-content {
	padding-top: 3%;
	padding-bottom: 3%;
}

.text-7 {
	/*position: absolute;
	top: 3%;
	left: 0px;
	z-index: 100;
	width: 100%;
	*/
	margin-left: auto;
	font-size: 29px;
	font-size: 1.81rem;
	font-weight: 700;
}

.text-8 {
	/*position: absolute;
	top: 39%;
	left: 0px;
	z-index: 100;
	width: 100%;
	*/
	margin-left: auto;
	font-size: 29px;
	font-size: 1.81rem;
	font-weight: 700;
}
p.text-8 {
	padding: 15px 0;
}

.image-5 {
	padding-top: 1%;
	padding-bottom: 4%;
	padding-left: 10%;
	padding-right: 10%;
	background-color: rgba(255, 255, 255, 0.76);
}

.block-4 {
	margin-top: 6%;
	margin-bottom: 3%;
	padding-top: 3%;
	background-color: rgba(255, 255, 255, 0.76);
}

.text-9 {
	width: 96%;
	padding-bottom: 2%;
	font-size: 29px;
	font-size: 1.81rem;
	font-weight: 700;
}

.row-4 {
	width: 74%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.row-4 > .hlp-col {
	margin-bottom: 4%;
}

.image-6 {
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	transition: all 0.7s ease 0s;
}

.image-6:hover {
	transform: scale(0.9, 0.9);
}

.text-10 {
	font-size: 20px;
	font-size: 1.25rem;
}

.section-5 {
	background-size: cover;
	background-color: transparent;
	background-position: center center;
	background-image: url(../images/fon3.jpg);
}

.section-5 > .hlp-section-content {
	min-height: 41vh;
	padding-top: 1px;
}

.text-11 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	padding-bottom: 7px;
	font-size: 30px;
	font-size: 1.88rem;
	color: rgb(255, 255, 255);
	background-color: rgba(95, 51, 38, 1);
}

.slider-2 {
	min-height: 5vh;
	margin-top: 7%;
	padding-left: 0px;
	padding-right: 0px;
}

.slider-2 .hlp-slider-item {
	min-height: 26vh;
}

.block-5 {
	min-height: 50vh;
	padding-top: 4%;
	padding-bottom: 3%;
	padding-left: 3%;
	padding-right: 3%;
	background-color: rgba(255, 255, 255, 0.76);
	border-radius: 7px;
}

.image-7 {
	width: 200px;
	float: left;
	margin-top: 5px;
	margin-left: 28px;
	background-color: transparent;
	border: 2px solid rgba(95, 51, 38, 1);
	border-radius: 500px;
}

.text-12 {
	width: 575px;
	margin-top: 12px;
	margin-left: 289px;
	text-align: left;
	line-height: 1.75;
	font-weight: 700;
	font-style: italic;
	color: rgb(120, 120, 120);
}

.text-13 {
	width: 554px;
	margin-top: 15px;
	margin-left: 296px;
	text-align: right;
	font-weight: 700;
	font-style: italic;
	color: rgb(120, 120, 120);
}

.section-6 > .hlp-section-content {
	min-height: 400px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.map-1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	min-height: 400px;
}

.section-7 {
	background-color: rgba(211, 211, 211, 1);
}

.section-7 > .hlp-section-content {
	padding-top: 1px;
	padding-bottom: 1px;
}

.row-5 {
	margin-top: 4%;
	margin-bottom: 4%;
}

.row-5 > .hlp-col {
	margin-bottom: 0px;
}

.image-8 {
	width: 36%;
	margin-left: auto;
	margin-right: 6%;
}

.row-6 {
	margin-top: 0px;
}

.row-6 > .hlp-col {
	margin-bottom: 0px;
}

.text-14 {
	padding-left: 7%;
	text-align: left;
	background-size: 24px;
	background-image: url(../images/konv.svg);
	background-position: 0% 44%;
}

.text-15 {
	padding-left: 7%;
	text-align: left;
	background-size: 24px;
	background-image: url(../images/tel.svg);
}
table, th, th, td {
	border-collapse: collapse;
    border: 2px solid #000;
}

span.small {
    font-size: 8pt;
}

table.price {
	margin: 0 auto;
	font-weight: 600;	
}

.price td {
	min-width: 130px;
	padding: 5px 0;
}

.br-t-n {
	border-top: none;
}

.br-b-n {
	border-bottom:none;
}

.bg-c-r {
	background-color: #dedede;
}

div.image-5 {
	padding-right:0; 
	padding-left:0; 
}

.discount {
    background: red;
    width: 77.5%;
    margin: 15px auto;
    color: #fff;
    font-size: 2rem;
}

.discount span {
    font-weight: 700;
}

.order {
    width: 88.5%;
    text-align: right;
}

.price_mobile {
	display:none;
}

@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {

	.image-1 {
		width: 43%;
	}

	.section-2 > .hlp-section-content {
		min-height: 460px;
	}

	.text-3 {
		padding-bottom: 2%;
		font-size: 63px;
		font-size: 3.94rem;
	}

	.image-3 {
		margin-top: 0px;
		margin-left: auto;
		margin-right: 0px;
	}

	.slider-1 {
		min-height: 45.7px;
	}

	.slider-1 .hlp-slider-item {
		min-height: 460px;
	}

	.section-3 > .hlp-section-content {
		padding-bottom: 2%;
	}

	.row-3 {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	.text-6 {
		width: 63%;
		margin-top: 30px;
		margin-left: auto;
		margin-right: 0px;
		font-size: 16px;
		font-size: 1rem;
	}

	.text-7 {
		top: 3%;
	}

	.text-8 {
		top: 35%;
		left: 0px;
		margin-left: auto;
		margin-right: 0px;
	}

	.row-4 {
		width: 81%;
	}

	.image-6 {
		width: 124px;
		margin-bottom: 10%;
		padding-bottom: 0%;
	}

	.text-10 {
		font-size: 16px;
		font-size: 1rem;
	}

	.text-12 {
		width: 63%;
	}

	.text-13 {
		width: 62%;
		margin-left: auto;
		margin-right: 0px;
	}

}

@media screen and (max-width: 799px), screen and (max-device-width: 799px) {

	.text-1 {
		padding-left: 15%;
		font-size: 15px;
		font-size: 0.94rem;
	}

.text-111 {
		padding-left: 15%;
		font-size: 15px;
		font-size: 0.94rem;
	}


	.text-2 {
		padding-left: 15%;
		font-size: 15px;
		font-size: 0.94rem;
	}
	.text-22 {
		padding-left: 15%;
		font-size: 15px;
		font-size: 0.94rem;
	}


	.section-2 > .hlp-section-content {
		min-height: 371px;
	}

	.block-1 {
		width: 95%;
		margin-left: 4%;
	}

	.text-3 {
		margin-bottom: 4%;
		padding-bottom: 0%;
		font-size: 44px;
		font-size: 2.75rem;
	}

	.text-4 {
		font-size: 24px;
		font-size: 1.5rem;
	}

	.image-3 {
		width: 43%;
		margin-left: 356.906px;
	}

	.slider-1 .hlp-slider-item {
		min-height: 371px;
	}

	.block-7 {
		background-size: cover;
		background-image: url(../images/kvadrat_brusch_prestig-.jpg);
	}

	.block-8 {
		background-size: cover;
		background-image: url(../images/1.jpg);
	}

	.section-3 > .hlp-section-content {
		padding-bottom: 1%;
	}

	.row-3 > .hlp-col {
		min-height: 0px;
		margin-bottom: 5px;
	}

	.block-3 {
		min-height: 0px;
	}

	.image-4 {
		width: 34%;
		margin-top: 0px;
		margin-left: 42px;
	}

	.text-6 {
		margin-top: 36px;
		margin-left: auto;
		margin-right: 0px;
	}

	.section-4 > .hlp-section-content {
		padding-top: 5%;
	}

	.text-7 {
		top: 4%;
		font-size: 23px;
		font-size: 1.44rem;
	}

	.text-8 {
		top: 36%;
		font-size: 23px;
		font-size: 1.44rem;
	}

	.text-9 {
		font-size: 25px;
		font-size: 1.56rem;
	}

	.row-4 {
		width: 80%;
	}

	.image-6 {
		width: 107px;
	}

	.text-10 {
		font-size: 15px;
		font-size: 0.94rem;
	}

	.section-5 {
		padding-top: 0%;
		padding-bottom: 0%;
	}

	.section-5 > .hlp-section-content {
		padding-top: 4%;
		padding-bottom: 4%;
	}

	.text-11 {
		font-size: 25px;
		font-size: 1.56rem;
	}

	.block-5 {
		padding-top: 4%;
		padding-bottom: 3%;
		padding-right: 4%;
	}

	.image-7 {
		margin-top: 1px;
		margin-left: 6px;
	}

	.text-12 {
		width: 62%;
		margin-left: 237px;
		font-size: 14px;
		font-size: 0.88rem;
	}

	.text-13 {
		width: 59%;
		margin-left: auto;
		margin-right: 0px;
		font-size: 14px;
		font-size: 0.88rem;
	}

	.text-14 {
		padding-left: 10%;
		font-size: 14px;
		font-size: 0.88rem;
	}

	.text-15 {
		padding-left: 10%;
		font-size: 14px;
		font-size: 0.88rem;
	}
	
		table, th, th, td {
	border-collapse: collapse;
    border: 1px solid #000;
}
	
	table.price {
		margin: 0 auto;
	}
	
	span.small {
    font-size: 0.3rem;
	}
	
	.price td {
		min-width: 105px;
	}
	
	.price td {
	padding: 1px 0;
	}
	
	.discount {
    width: 90.5%;
    margin: 10px auto;
    font-size: 0.75rem;
	}
	
	.order {
		font-size: 0.5rem;
	}

}

@media screen and (max-width: 599px), screen and (max-device-width: 599px) {

	.image-1 {
		width: 63%;
	}

	.text-1 {
		font-size: 14px;
		font-size: 0.88rem;
		background-size: 21px;
	}
	.text-111 {
		font-size: 14px;
		font-size: 0.88rem;
		background-size: 21px;
	}

	.text-2 {
		font-size: 14px;
		font-size: 0.88rem;
		background-size: 22px;
	}
	.text-22 {
		font-size: 14px;
		font-size: 0.88rem;
		background-size: 22px;
	}


	.section-2 > .hlp-section-content {
		min-height: 258px;
	}

	.block-1 {
		width: 95%;
		margin-left: 4%;
	}

	.text-3 {
		font-size: 33px;
		font-size: 2.06rem;
	}

	.text-4 {
		font-size: 16px;
		font-size: 1rem;
	}

	.image-3 {
		width: 43%;
		margin-top: 0px;
		margin-left: auto;
		margin-right: 0px;
	}

	.slider-1 {
		min-height: 45.7px;
	}

	.slider-1 .hlp-slider-item {
		min-height: 258px;
	}

	.text-5 {
		font-size: 16px;
		font-size: 1rem;
	}

	.image-4 {
		width: 38%;
		margin-top: 0px;
		margin-left: 7%;
	}

	.text-6 {
		width: 60%;
		margin-top: 13%;
		margin-left: auto;
		margin-right: 0px;
		font-size: 14px;
		font-size: 0.88rem;
	}

	.text-7 {
		font-size: 16px;
		font-size: 1rem;
	}

	.text-8 {
		top: 35%;
		font-size: 16px;
		font-size: 1rem;
	}

	.image-5 {
		padding-top: 6%;
	}

	.text-9 {
		margin-bottom: 1%;
		padding-top: 0%;
		padding-bottom: 2%;
		font-size: 18px;
		font-size: 1.13rem;
	}

	.image-6 {
		width: 69px;
		margin-bottom: 5%;
	}

	.text-10 {
		font-size: 13px;
		font-size: 0.81rem;
		line-height: 1.23;
	}

	.text-11 {
		padding-top: 7px;
		padding-bottom: 10px;
		font-size: 18px;
		font-size: 1.13rem;
	}

	.block-5 {
		padding-left: 10%;
		padding-right: 10%;
	}

	.image-7 {
		width: 152px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.text-12 {
		width: 100%;
		margin-top: 10px;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 13px;
		font-size: 0.81rem;
	}

	.text-13 {
		margin-top: 15px;
		margin-left: auto;
		margin-right: 0px;
		font-size: 13px;
		font-size: 0.81rem;
	}

	.section-6 > .hlp-section-content {
		min-height: 300px;
	}

	.map-1 {
		min-height: 300px;
	}

	.image-8 {
		width: 63%;
		margin-top: 0px;
		margin-bottom: 5%;
		margin-left: auto;
		margin-right: 6%;
	}

	.row-6 > .hlp-col {
		min-height: 0px;
		margin-bottom: 10px;
	}

	.text-14 {
		width: 100%;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 13%;
		background-size: 21px;
		background-position: 0% 59%;
	}

	.text-15 {
		width: 100%;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 13%;
		background-size: 21px;
	}
	
		div.image-5 {
		padding: 5px 0 15px 0;

	}
	
	table, th, th, td {
	border-collapse: collapse;
    border: 1px solid #000;
}
	
	table.price {
		font-size: 0.5rem;
		margin: 0 auto;
	}
	
	span.small {
    font-size: 0.3rem;
	}
	
	.price td {
		min-width: 60px;
	}
	
	.price td {
	padding: 1px 0;
	}
	
	.discount {
    width: 90.5%;
    margin: 10px auto;
    font-size: 0.75rem;
	}
	
	.order {
		font-size: 0.5rem;
	}
	
	

}

@media screen and (max-width: 429px), screen and (max-device-width: 429px) {

	.section-1 > .hlp-section-content {
		padding-top: 5%;
	}

	.image-1 {
		width: 54%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 15px;
	}

	.text-1 {
		width: 57%;
		margin-bottom: 4px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 11%;
	}
	.text-111 {
		width: 57%;
		margin-bottom: 4px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 11%;
	}


	.text-2 {
		width: 57%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 11%;
	}
	.text-22 {
		width: 57%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 11%;
	}

	.block-1 {
		width: 96%;
		margin-left: 3%;
		margin-right: 3%;
	}

	.text-3 {
		width: 100%;
		padding-bottom: 12px;
		font-size: 32px;
		font-size: 2rem;
	}

	.row-2 {
		width: 100%;
		margin-bottom: -31px;
	}

	.text-4 {
		width: 90%;
	}

	.image-3 {
		width: 79%;
		margin-top: 178px;
		margin-left: auto;
		margin-right: auto;
	}

	.slider-1 {
		min-height: 45.7px;
		padding-left: 0%;
		padding-right: 0px;
	}

	.slider-1 .hlp-slider-item {
		min-height: 360px;
	}

	.section-3 > .hlp-section-content {
		padding-top: 1%;
	}

	.text-5 {
		width: 78%;
		margin-top: -5px;
		margin-left: auto;
		margin-right: auto;
	}

	.row-3 {
		width: 283px;
		margin-left: auto;
		margin-right: auto;
	}

	.image-4 {
		width: 41%;
		margin-top: 0px;
		margin-left: 0px;
	}

	.text-6 {
		width: 75%;
		margin-top: 17px;
		margin-left: auto;
		margin-right: 0px;
		font-size: 12px;
		font-size: 0.75rem;
	}

	.text-7 {
		top: 4%;
		width: 100%;
		font-size: 12px;
		font-size: 1.25rem;
		padding:15px 0;
	}

	.text-8 {
		top: 34%;
		width: 100%;
		font-size: 12px;
		font-size: 1.25rem;
	}

	.image-5 {
		width: 260px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 4%;
		padding-left: 2%;
		padding-right: 2%;
	}

	.block-4 {
		width: 340px;
		margin-left: auto;
		margin-right: auto;
	}

	.text-9 {
		font-size: 14px;
		font-size: 0.88rem;
	}

	.row-4 {
		width: 265px;
	}

	.image-6 {
		width: 55px;
	}

	.text-10 {
		font-size: 10px;
		font-size: 0.63rem;
		line-height: 1.1;
	}

	.section-5 > .hlp-section-content {
		padding-top: 6%;
		padding-bottom: 6%;
	}

	.text-11 {
		padding-top: 7px;
		padding-bottom: 8px;
		font-size: 16px;
		font-size: 1rem;
		line-height: 0.94;
	}

	.block-5 {
		width: 260px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 6%;
		padding-right: 6%;
	}

	.image-7 {
		width: 124px;
		
	}

	.text-12 {
		font-size: 12px;
		font-size: 0.75rem;
		line-height: 1.58;

	}

	.text-13 {
		font-size: 12px;
		font-size: 0.75rem;
	}

	.section-7 > .hlp-section-content {
		min-height: 0px;
	}

	.row-5 > .hlp-col {
		min-height: 0px;
	}

	.image-8 {
		width: 42%;
		margin-bottom: 3%;
		margin-left: auto;
		margin-right: auto;
	}

	.row-6 {
		margin-left: auto;
		margin-right: auto;
	}

	.row-6 > .hlp-col {
		margin-bottom: 5px;
	}

	.text-14 {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10%;
		font-size: 12px;
		font-size: 0.75rem;
		background-size: 18px;
	}

	.text-15 {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10%;
		font-size: 12px;
		font-size: 0.75rem;
		background-size: 18px;
	}
	
	div.image-5 {
		padding: 5px 0 15px 0;
		width: 340px;
		
	}
	
	table, th, th, td {
	border-collapse: collapse;
    border: 1px solid #000;
	}

	.price {
		display:none;
	}
	
	.price_mobile {
		display: table;
		margin: 0 10px;
		
	}
	.paving-stone td {
		min-width: 65px
	}
	.park-curb {
		font-size: 0.87rem;
	}
	.park-curb td{
		min-width: 65px;
		padding: 5px 0;
	}
	
	

}
#cookie_note{
    display: none;
    position: fixed;
    bottom: 15px;
    left: 50%;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 20px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}

#cookie_note p{
    margin: 0;
    font-size: 0.9rem;
    text-align: left;
    color: black;
}

.cookie_accept{
    width:20%;
}
@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
    }
}

@media (max-width: 575px){
    #cookie_note.show{
        display: block;
        text-align: left;
    }
}