@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=cyrillic');

* {
  font-family: 'Roboto Condensed', Tahoma, Geneva, arial, sans-serif;
}
body {
  position: relative;
	-webkit-font-smoothing: antialiasing;
	-webkit-overflow-scrolling: touch;
  background: #f1f1f1;
  }
a:focus {
  outline: 0;
  border-color: transparent;
  }
a:hover {
  cursor: pointer;
  }
 sup,
 sub {
	font-size: 0.75em; 
	}
.bg-fff {
	background-color: #fff;
}
.color-fff {
	color: #fff;
	}
.color-ddd {
	color: #ddd;
	}
.color-555 {
	color: #555;
	}
.color-777 {
	color: #777;
	}
.color-f30 {
	color: #f30;
	}
.color-blue {
	color: #00add2;
	}
.color-111 {
	color: #111;
	}
.b, .strong {
	font-weight: bold;
	}
.line-height-1 {
	line-height: 1;
}
.cols-1 {
	width: 98%;
}
.cols-2 {
	width: 48%;
}
.cols-3 {
	width: 32.5%;
}
.cols-4 {
	width: 24%;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}


	
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
    margin: auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
 /*   border: 1px solid #f0f0f0; */
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size:0.8rem;
    line-height:1.15rem;
    margin:0;
    padding:4px 5px;
}
figure.wp-block-image > img {
	width: 100%;
	max-width: 100%;
}
.wp-block-quote {
    margin: 20px 0
}

.wp-block-quote cite,.wp-block-quote footer {
    color: #6c7781;
    font-size: 13px;
    margin-top: 1em;
    position: relative;
    font-style: normal
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
    border-left: 4px solid #000;
    padding-left: 1em
}

.wp-block-code {
    padding: .8em 1.6em;
    border: 1px solid #e2e4e7;
    border-radius: 4px
}

.wp-block-code,.wp-block-preformatted pre {
    font-family: Menlo,Consolas,monaco,monospace;
    font-size: 14px;
    color: #23282d
}

.wp-block-pullquote {
    border-top: 4px solid #555d66;
    border-bottom: 4px solid #555d66;
    color: #40464d
}

.wp-block-pullquote cite,.wp-block-pullquote footer {
    color: #40464d;
    text-transform: uppercase;
    font-size: 13px
}

.wp-block-separator {
    border: none;
    border-bottom: 2px solid #8f98a1;
    margin: 1.65em auto
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 100px
}

.wp-block-table {
    overflow-x: auto;
    display: block;
    border-collapse: collapse;
    width: 100%
}
.wp-block-table tbody {
    width: 100%;
    display: table;
    min-width: 240px
}
.wp-block-table td,.wp-block-table th {
    padding: .5em;
    border: 1px solid currentColor
}
@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
@keyframes editor_region_focus {
    0% {
        box-shadow: inset 0 0 0 0 #33b3db
    }

    to {
        box-shadow: inset 0 0 0 4px #33b3db
    }
}
.wp-block-video figcaption {
    margin-top: .5em;
    color: #6c7781;
    text-align: center;
    font-size: 13px
}
img.emoji {
	width: 24px; 
	height: auto;
}
.bb-1 {
	border-bottom: 1px solid #eee;
	}
	
.no-br br {
	display: none;
}



.header__block {
	position: sticky;
    top: 0;
	color: #fff;
	background: #383A3B;
	z-index: 20;
	}
	.header__left {
		position: relative;
		/* background: #fff; */
		}
		.header__left:before {
			content: "";
			position: absolute;
			right: 0;
			height: 100%;
			width: 1000px;
			background: #f8f9fb;
			}
		.header__left .logo-city-block {
			position: relative;
			width: 100%;
			height: 100%;
			padding: 19px 0 21px 0;
			z-index: 5;
			}





		.logo-city-block {
		  line-height: 1;
		  }
		  .logo-city-block > .row {
			display: flex;
			align-items: center;
			}
		  .logo {
			font-size: 1px;
			line-height: 0;
			text-align: center;
			}
		  .logo .logo-colored {
			--color-1: #517e2d;
			--color-2: #69a836;
			--color-3: #406427;
			width: 60px;
			height: 40px;
			}
			.logo .logo-colored:hover {
			  --color-1: #517e2d;
			  --color-2: #69a836;
			  --color-3: #8bd053;
			  }
		  .logo-description {
			font-size: 1px;
			line-height: 0;
			text-align: left;
			}
			.logo-description-colored {
			  width: 155px;
			  height: 20px;
			  fill: #69a836;
			  }
		  .city-selector {
			font-size: 14px;
			color: #ccc;
			text-decoration: none;
			}
			.city-selector:hover {
			  color: #fff;
			  opacity: 0.95;
			  text-decoration: none;
			  }
			  .city-selector > span {
				display: inline-block;
				position: relative;
				padding-right: 16px;
				}
			  .city-selector > span:after {
				content: '';
				position: absolute;
				right: 0;
				top: 35%;
				display: inline-block;
				width: 0;
				height: 0;
				border: 6px solid transparent;
				border-right-width: 4px;
				border-left-width: 4px;
				border-top-color: currentColor;
				}
			#city-form {
			  padding-bottom: 14px;
			  }
			.item-city {
			  display: block;
			  padding: 3px 0;
			  }
			  .item-city-input {
				display: none;
				opacity: 0;
				}
			  .item-city-label {
				display: inline-block;
				margin: 0;
				color: #333;
				border-bottom: 1px dotted currentColor;
				cursor: pointer;
				}
				.item-city-label:hover {
				  border-bottom-style: solid;
				  }
				.item-city.checked .item-city-label,
				.item-city.checked .item-city-label:hover {
				  font-weight: bold;
				  border-bottom-color: transparent;
				  }


	.header__right {
		
		}
		.mobile-menu-wrapper {
			display: flex;
			width: 100%;
			justify-content: space-between;
			}
		.header__right ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			}
			.header__right ul li {
				align-self: center;
				list-style-type: none;
				height: 100%;
				margin: 0;
				padding: 0;
				}
				.header__right ul li a {
					display: flex;
					align-items: center;
					height: 100%;
					padding-left: 21px; 
					padding-right: 21px;
					color: #fff;
					text-decoration: none;
					line-height: 1;
					}
				.header__right ul.header__menu li:first-of-type a {
					padding-left: 35px;
					}
					.header__right ul li a:hover,
					.header__right ul li a:focus {
						background: #69a836;
						}
					.menu-btn i {
						display: none;
						text-transform: uppercase;
						font-style: normal;
						}
				.head-tel {
					font-size: 24px;
					white-space: nowrap;
					}
			.display-on-mobile-menu {
				display: none;
				}
			.header__right ul li a.soc-link {
				padding-left: 14px;
				padding-right: 14px;
				}
				.soc-link svg {
					width: 28px;
					height: 28px;
					}	 
					.soc-vk svg { 
						fill: #2787F5;
						}
					.soc-viber svg { 
						fill: #1a9c0f;
						width: 24px;
						height: 24px;
						}
					.soc-whatsapp svg { 
						fill: #1a9c0f;
						}
					.soc-insta svg { 
						fill: #6C27B3;
						width: 24px;
						height: 24px;
						}
						.soc-insta:hover svg,
						.soc-insta:focus svg,
						.soc-viber:hover svg,
						.soc-viber:focus svg {
							filter: brightness(9999);
							}
						.soc-viber:hover svg,
						.soc-viber:focus svg,
						.soc-whatsapp:hover svg, 
						.soc-whatsapp:focus svg { 
							fill: #fff;
							}
								
					a.target-burger, 
					.burger-close {
						white-space: nowrap;
						display: inline-block;
						-webkit-transition: all .5s ease;
						-moz-transition: all .5s ease;
						-o-transition: all .5s ease;
						transition: all .5s ease;
						}
						a.target-burger ul.buns, 
						.burger-close ul.buns {
							position: relative;
							display: inline-block;
							vertical-align: middle;
							width: 2rem;
							height: 1.125rem;
							list-style: none;
							padding: 0;
							margin: -2px 0 0 0;
							}
							a.target-burger ul.buns li.bun, .burger-close ul.buns li.bun {
								position: absolute;
								right: 0;
								width: 100%;
								height: 2px;
								background-color: #fff;
								margin-top: 0;
								}
							a.target-burger ul.buns li.bun:first-child, .burger-close ul.buns li.bun:first-child {
								top: 0;
								}
							a.target-burger ul.buns li.bun:nth-child(2) {
								top: calc(50% - 1px);
								right: 0;
								}
							a.target-burger ul.buns li.bun:last-child, .burger-close ul.buns li.bun:last-child {
								bottom: 0;
								width: 75%;
								}
							a.target-burger .target-burger-description {
								display: inline-block;
								vertical-align: middle;
								text-transform: uppercase;
								font-weight: 300;
								font-size: 1.5rem;
								margin-left: .5rem;
								color: #fff;
								}
						a.target-burger.toggled ul.buns li.bun:first-child, 
						.burger-close ul.buns li.bun:first-child {
							top: 50%;
							-webkit-transform: rotate(45deg);
							-moz-transform: rotate(45deg);
							-ms-transform: rotate(45deg);
							-o-transform: rotate(45deg);
							transform: rotate(45deg);
							}
						a.target-burger.toggled ul.buns li.bun:nth-child(2) {
							top: 50%;
							-webkit-transform: rotate(-45deg);
							-moz-transform: rotate(-45deg);
							-ms-transform: rotate(-45deg);
							-o-transform: rotate(-45deg);
							transform: rotate(-45deg);
							}
						a.target-burger.toggled ul.buns li.bun:last-child, 
						.burger-close ul.buns li.bun:last-child {
							opacity: 0;
							}
					
					
			body.toggled {
				position: relative;
				overflow: hidden;
				}
				body.toggled .header__block	{
					position: initial;
					}			
					body.toggled .header__right {
						position: fixed;
						top: 0;
						right: 0;
						bottom: 0;
						flex-flow: column nowrap;
						width: 100%;
						height: 100vh;
						color: #fff;
						background: #383A3B;
						z-index: 50;
						}
					
					
					
					
					 
					
	.slide {
		width: 100%;
		min-height: calc(100vh - 84px);
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		}			
		.slide-container {
			padding-top: 75px;
			padding-bottom: 75px;
			font-weight: 300;
			}		
			.slide-container .slide-content	{
				color: #fff;
				background: rgba(35,37,38,0.9);	
				}
			
			.slider-text.hide,
			.slider-calc.hide {
				display: none;
				-webkit-transition: all .5s ease;
				-moz-transition: all .5s ease;
				-o-transition: all .5s ease;
				transition: all .5s ease;
				}
				.slider-calc .fieldset-cf7mls button {
					border-radius: 0;
					font-weight: 400;
					text-transform: uppercase;
					}
				.slider-calc .fieldset-cf7mls button.cf7mls_back {
					color: #fff;
					background: transparent;
					box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35) inset;
					}
					.cf7mls_bar_style_navigation_horizontal_squaren.cf7mls_bar_style_text_vertical, .cf7mls_bar_style_navigation_horizontal_round.cf7mls_bar_style_text_vertical {
						margin-top: 14px;
						margin-bottom: 0;
						}
						.slider-calc form.wpcf7-form ul.cf7mls_progress_bar > li:not(.active):before {
							background: transparent;
							box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35) inset;
							}
						.slider-calc .cf7mls_progress_bar li:not(.active) .cf7_mls_count_step {
							color: #fff;
							}
				.slider-calc fieldset[data-cf7mls-order="0"] .cf7mls-btns {
					text-align: center;
					}
					.slider-calc .fieldset-cf7mls[data-cf7mls-order="0"] .cf7mls_next {
						float: initial;
						}
						.slider-calc input[type="email"] {
							padding: 7px 14px;
							}
						.slider-calc form.cf7mls input.wpcf7-form-control.wpcf7-submit {
							float: none;
							border: 0;
							border-radius: 0;
							}
				
			.slide-container h1,
			.slide-container h2 {
				font-weight: 300;
				margin-bottom: 0;
				}
			.slide-container .icons-block {
				border-left: 1px solid #ddd;
				}	
				.slide-container .icon-block {
					display: flex;
					flex-flow: row nowrap;
					align-items: center;
					margin: 7px 0;
					}
					
					.slide-container .icon-block .icon-simbol svg {
						width: 36px;
						height: 36px;
						fill: currentColor;
						margin-right: 14px;
						margin-left: 3px;
						}	
					.slide-container .icon-block .icon-simbol svg.icon-tapemeasure {
						width: 42px;
						height: 42px;
						stroke: #fff;
						stroke-width: 7px;
						margin-right: 11px;
						margin-left: 0px;
						}
					.botton-link {
						display: inline-block;
						vertical-align: middle;
						padding: 7px 14px;
						text-decoration: none;
						color: #fff;
						border: 1px solid rgba(255, 255, 255, 0.35);
						}
						.botton-link:hover,
						.botton-link:focus {
							color: #406427;
							background: #fff;
							border: 1px solid #fff;
							}
						.icon-arrownext {
							width: 24px;
							height: 18px;
							fill: currentColor;
							}		
					
			.carcanopies-type {
				display: flex;
				flex-flow: column;
				justify-content: flex-end;
				position: relative;
				color: #fff;
				background-position: center;
				background-size: cover;
				background-repeat: no-repeat;
				}	
				.carcanopies-type:before {
					content: "";
					display: block;
					padding-top: 45%;
					max-height: 280px;
					}	
				.carcanopies-type .type-title {
					padding: 14px 50px;
					font-size: 2rem;
					line-height: 1;
					text-transform: uppercase;
					font-weight: 300;
					}
				.carcanopies-type .type-description {
					padding: 14px 14px 14px 50px;
					}
					.carcanopies-type .description-text {
						font-size: 0.875rem;
						}
					.carcanopies-type .description-price {
						
						
						}
						.carcanopies-type .description-price i {
							display: inline-block;
							vertical-align: middle;
							font-style: normal;
							margin-right: 14px;
							}
						.carcanopies-type .buy-link {
							text-transform: uppercase;
							}
					
					
					.carcanopies-type.green .type-title {background: rgba(81,126,45, 0.65);}
					.carcanopies-type.green .type-description {background: rgba(81,126,45, 1);}
					.carcanopies-type.blue .type-title {background: rgba(45,55,126, 0.65);}
					.carcanopies-type.blue .type-description {background: rgba(45,55,126, 1);}
					.carcanopies-type.red .type-title {background: rgba(170,56,56, 0.65);}
					.carcanopies-type.red .type-description {background: rgba(170,56,56, 1);}
					.carcanopies-type.cian .type-title {background: rgba(0,126,145, 0.65);}
					.carcanopies-type.cian .type-description {background: rgba(0,126,145, 1);}
					
		
		
			

		.catalog-item {
			display: flex;
			flex-flow: column nowrap;
			height: 100%;
			background: #fff;
			outline: 1px solid #f5f5f5;
			}
			.catalog-item-thmb {
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				}
			.catalog-item-title {
				padding: 21px 14px 14px 14px;
				font-size: 1.5rem;
				line-height: 1.15;
				text-transform: uppercase;
				}
			.catalog-item-description {
				margin-top: auto;
				padding: 0 14px 21px 14px;
				}
				.catalog-item-description .characteristic {
					color: #777;
					}
				.catalog-item-description .characteristic i {
					font-style: normal;
					color: #0b66cd;
					}
			.catalog-item-price {
				padding: 14px 14px 14px 14px;
				border-top: 1px solid #ddd;
				}
				.catalog-item-price .buy-link.botton-link,
				.buy-link {
					color: rgba(80,126,45, 1);
					border-color: rgba(80,126,45, 0.8)
					}
				.carcanopies-type .buy-link.botton-link {
					color: #fff;
					border-color: rgba(255,255,255, 0.8)
					}
					.catalog-item-price .buy-link.botton-link:hover,
					.catalog-item-price .buy-link.botton-link:focus,
					.buy-link:hover,
					.buy-link:focus {
						color: #fff;
						border-color: rgba(80,126,45, 1);
						background-color: rgba(80,126,45, 1);
						}
					
		.visualizations-block:hover .visualization-link:not(:hover) {
			filter: grayscale(.85);
			}

		a.visualization-link {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 2px 4px 2px;
			text-decoration: none;
			color: #fff;
			}

		.visualization-link.min-height {
			height: 200px;
			}

		.visualization-link.max-height {
			height: 250px;
			}

		.visualization-link.full-height {
			height: 454px;
			}

		.visualization-link > img {
			position: absolute;
			object-fit: cover;
			height: 100%;
			z-index: 0;
			}

		.visualization-link > i {
			position: relative;
			display: block;
			padding: 14px;
			font-style: normal;
			opacity: 0;
			color: #fff;
			background: rgba(0,0,0,.6);
			border: 1px solid #fff;
			text-shadow: 1px 1px 0 #000;
			z-index: 5;
			}

		a.visualization-link:hover {
			text-decoration: none;
			}

			.visualization-link:hover>i {
				opacity: 1;
				}		
		




	.aboutus__block {
		position: relative;
		color: #fff;
		overflow: hidden;
		color: #fff;
		min-height: 500px;
		}
		.aboutus__block:before {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: url(/wp-content/uploads/21-1024x683.jpg) center top no-repeat #383A3B;
			background-size: cover;
			/*
			-webkit-filter: blur(2px);
			filter: blur(2px);
			*/
			z-index: 1;
			}
		.aboutus__block:after {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(7,11,42, 0.8);
			z-index: 2;
			}
		.aboutus__block > .container {
			position: relative;
			z-index: 5;
			}
			.aboutus-imglink {
				display: block;
				background-repeat: no-repeat;
				background-position: center center;
				background-size: cover;
				}
			.aboutus-imglink.full-height {
				
				}
			.aboutus-imglink.half-height {
				height: calc(50% - 2px);
				margin-bottom: 5px;
				margin-left: 5px;
				}
		
			.aboutus-ul {
				padding: 0;
				margin: 0;
				}
				.aboutus-ul h2 {
					font-weight: 300;
					}
				.aboutus-ul li {
					position: relative;
					list-style-type: none;
					padding-left: 72px;
					margin-bottom: 28px;
					font-weight: 300;
					}
				.aboutus-ul li:last-of-type {
					margin-bottom: 0;
					}
					.aboutus-ul li svg {
						position: absolute;
						top: 0;
						left: 0;
						width: 50px;
						height: 50px;
						fill: #fff;
						}
					.aboutus-ul li svg.icon-aboutus-3 {
						stroke-width: 4px;
						stroke: black;
						}
					.aboutus-ul li strong {
						display: block;
						color: rgb(0,195,225);
						font-size: 1.5rem;
						font-weight: 300;
						line-height: 1;
						text-transform: uppercase;
						}
						
						
				
		.garantee-container {
			position: relative;
			min-height: 50vw;
			}

			.garantee-bg {
				position: absolute;
				width: 400px;
				height: 400px;
				z-index: 0;
				}
				.garantee-bg img {
					width: 40vw;
					height: 40vw;
					object-fit: cover;
					border-radius: 1000px;
					}
			.garantee-text {
				position: relative;
				z-index: 2;
				}
				.garantee-dog {
					position: relative;
					top: 100px;
					}
					.garantee-dog img {
						width: 90%;
						outline: 21px solid #f1f1f1;
						}
				.garantee-items h3 {
					text-transform: uppercase;
					margin-bottom: 28px;
					font-weight: 300;
					}
					.garantee-text-item {
						margin-bottom: 28px;
						}
						.garantee-text-item i {
							display: block;
							font-style: normal;
							font-size: 36px;
							font-weight: 300;
							text-transform: uppercase;
							line-height: 1;
							color: rgba(0,161,185, 1);
							}


				
						
					
		.map-pane {
			position: relative;
			width:100%; 
			height:400px;
			}
			.map-legend-bg {
				position: absolute;
				top: 0px;
				right: 0px;
				bottom: 0;
				display: block;
				min-width: 300px;
				max-width: 450px;
				padding: 14px; 
				overflow-x: hidden;
				overflow-y: auto;
				background: rgba(56, 58, 59, 1);
				z-index: 15;
			}
			.map-legend {
				padding: 14px 21px;
				color: #fff;
				background: rgba(56, 58, 59, 1);
				}
			.map-legend-title {
				position: relative;
				padding-bottom: 7px;
				margin-bottom: 21px;
				font-size: 32px;
				color: #fff;
				text-align: center;
				}
				/*
				.map-legend-title:after {
					content: '';
					position: absolute;
					left: calc(50% - 25px);
					bottom: 0;
					display: inline-block;
					width: 50px;
					height: 3px;
					background: #ffbc00;
					}
				*/
			.map-legend-subtitle {
				font-size: 24px;
				}	
				.map-legend-phone a {
					text-decoration: none;
					color: #fff;
					}	
				.map-legend-phone a:hover,
				.map-legend-phone a:focus {
					text-decoration: none;
					color: #fff;
					}
				.map-legend-phone i {
					font-style: normal;
					color: #fff;
					}

			.icon-location,
			.icon-phone,
			.icon-worktime {
				display: inline-block;
				fill: #ffbc00;
				vertical-align: middle;
				}
				.map-legend .icon-location	{
					width: 26px;
					height: 35px;
					}
				.map-legend .icon-phone	{
					width: 31px;
					height: 31px;
					}
				.map-legend .icon-worktime	{
					width: 31px;
					height: 31px;
					margin-top: 5px;
					}
					
			ul.foot__menu__btn {
				display: flex;
				flex-flow: row nowrap;
				justify-content: space-between;
				padding: 0;
				margin: 0;
				list-style-type: none;
				}
				ul.foot__menu__btn li {
					margin-right: 7px;
					}



		.footer__block {
			background: rgba(56, 58, 59, 1);
			}
			.footer__block a {
				color: #fff;
				text-decoration: none;
				}
				.footer__block a:hover {
					color: #69A836;
					text-decoration: none;
					}	
					.footer__block .logo-description-colored {
						width: 155px;
						}
					
					
	.ul-positive {
		padding-left: 0;
		}			
		.ul-positive li {
			position: relative;
			list-style-type: none;
			padding-left: 21px;
			margin-bottom: 7px;
			}
			.ul-positive li:before {
				content: '+';
				position: absolute;
				left: 0;
				top: 0;
				color: #0b66cd;
				}

		
					
			
		html .pswp__caption__center	{
			text-align: center;
		}
			
		html .owl-carousel .owl-video-tn {
			background-size: cover;
			}
			.catalog-item-thmb {
				height: 250px;
				}
				.owl-nav {
					position: absolute;
					top: calc(50% - 20px);
					right: 0px;
					left: 0px;
					z-index: 5;
					color: #69a836;
					}
					.owl-nav .owl-prev {
						position: absolute;
						left: 10px;
						opacity: 0.85;
						}
					.owl-nav .owl-next {
						position: absolute;
						right: 10px;
						opacity: 0.85;
						}
						.owl-nav .owl-prev:hover,
						.owl-nav .owl-next:hover {
							opacity: 1;
							}
						.owl-nav .owl-prev > span,
						.owl-nav .owl-next > span {
							display: block;
							font-size: 36px;
							padding: 0 16px 5px 16px;
							line-height: 1;
							background: #fff;
							border-radius: 100px;
							}
					
		#order-parameters > .row {
			margin-top: -1rem;
			padding-top: 1rem;
			border-bottom: 1px dashed #ddd;
			background-color: #FAF9FA;
			}
			#order-parameters > .row img {
				max-width: 100%;
				max-height: 150px;
				}
			#order-parameters > .row .h5 {
				color: #00a1ff;
				}
		#order-parameters .show-parameters-list {
			font-size: 0.8rem;
			}
			#order-parameters .show-parameters-list > span {
				display: inline-block;
				vertical-align: top;
				width: 48%;
				padding-right: 1%;
				color: #1ac308;
				}
				#order-parameters .show-parameters-list > span:before {
					content: '\2714';
					margin-right: 3px;
					}


		.modal-header {
			text-transform: uppercase;
			font-weight: 300;
			letter-spacing: 1px;
			font-size: 18px;
			color: #fff;
			background: #383A3B;
			}
		.modal-footer {
			font-size: 0.75rem;
			}
		.close {
			cursor: pointer;
			opacity: 0.8;
			}
			.close:hover {
				opacity: 1;
				}
			.close svg {
				width: 1rem;
				height: 1rem;
				fill: currentColor;
				stroke: #383A3B;
				}

		
		


		.wpcf7 div.wpcf7-response-output {
			font-size: .85em;
			margin: 1rem 0 0;
			}

			.wpcf7 .aftersend-hide.hide-on {
				display: none;
				}

			.wpcf7 .aftersend-hide.hide-on + div.wpcf7-response-output {
				margin-top: 0;
				}

			.wpcf7 div.wpcf7-mail-sent-ok {
				background-color: #e7fbd6;
				}

			.wpcf7 div.wpcf7-validation-errors,.wpcf7 div.wpcf7-acceptance-missing {
				color: #c00;
				border: 1px solid #c00;
				background-color: #ffecec;
				}

			.wpcf7-form > p:last-of-type {
				margin-bottom: 0;
				}

			.wpcf7-form label {
				cursor: pointer;
				}

			.wpcf7-form .file-upload > .file-upload-area-hidden > span {
				display: block;
				width: .1px;
				height: .1px;
				opacity: 0;
				overflow: hidden;
				position: absolute;
				z-index: -1;
				}

			.wpcf7-form .file-upload label {
				display: inline-block;
				padding-top: 5px;
				}

			.wpcf7-form .file-upload br {
				display: none;
				}

			.wpcf7-form .file-upload .btn-upload {
				display: inline-block;
				vertical-align: middle;
				padding: 7px 14px;
				color: #fff;
				background-color: #57a01d;
				margin-right: 21px;
				}

			.wpcf7-form .file-upload .btn-upload:hover {
				background-color: #517e2d;
				}

			.wpcf7-form .file-upload .btn-upload > svg {
				width: 17px;
				height: 16px;
				margin-right: 7px;
				fill: currentColor;
				}

			.wpcf7-form .file-upload .files-not-empty {
				color: #479a04;
				}

			.wpcf7-form .file-upload a[data-toggle=popover] {
				position: relative;
				}

			.wpcf7-form .file-upload .moreinfo {
				position: absolute;
				top: -2px;
				border-radius: 2rem;
				}

			.form-group {
				margin-bottom: 1rem;
				font-weight: 300;
				}
				input.wpcf7-form-control,
				textarea.wpcf7-form-control {
					border-radius: 0;
					}
				input.wpcf7-form-control:hover,
				input.wpcf7-form-control:focus,
				textarea.wpcf7-form-control:hover,
				textarea.wpcf7-form-control:focus {
					border-radius: 0;
					outline: 0;
					box-shadow: none;
					}
				textarea.wpcf7-form-control {
					height: 5em;
					}
				span.wpcf7-not-valid-tip {
					font-size: 0.75rem;
					line-height: 1;
					}
			[type="submit"] {
				padding: 7px 28px;
				text-transform: uppercase;
				font-weight: 300;
				letter-spacing: 1px;
				color: #fff;
				background: #00a1ff;
				}
				[type="submit"]:hover,
				[type="submit"]:focus {
					color: #fff;
					background: #57a01d;
					}

		/* quiz */
		form.wpcf7-form ul.cf7mls_progress_bar {
			opacity: 0.95;
			padding-left: 0;
			}
			form.wpcf7-form ul.cf7mls_progress_bar > li {
				color: #fff;
				}
				form.wpcf7-form ul.cf7mls_progress_bar > li:not(.active):before {
					background: #aaa;
					}
			form.wpcf7-form .fieldset-cf7mls {
				text-align: center;
				}
				form.wpcf7-form .fieldset-cf7mls-wrapper {
					padding-top: 35px;
					}
				
			form.wpcf7-form .cf7mls_next.action-button, 
			form.wpcf7-form .cf7mls_back.action-button, 
			form.wpcf7-form .fieldset-cf7mls .wpcf7-form-control.wpcf7-cf7mls_preview_step {
				padding-left: 21px;
				padding-right: 21px;
				margin-top: 35px;
				}

			.display-child-as-block > span,
			.display-child-as-block > .wpcf7-list-item {
				display: block;
				font-size: 1.2rem;
				}

			form.wpcf7-form .fieldset-cf7mls:last-child .cf7mls_back { 
				display: none;
				}


		#radiobutton-fences-types {
			display: flex;
			flex-flow: row wrap;
			}
			#radiobutton-fences-types .wpcf7-list-item {
				width: 33%;
				padding: 7px;
				margin: 0;
				}
				#radiobutton-fences-types .wpcf7-list-item label {
					display: flex;
					flex-flow: column wrap;
					margin: 0;
					background: #FBFDFA;
					}
					#radiobutton-fences-types .wpcf7-list-item .wpcf7-list-item-label {
						position: relative;
						display: block;
						padding-bottom: 7px;
						color: #333;
						}				
						#radiobutton-fences-types .wpcf7-list-item .wpcf7-list-item-label:before {
							content: '';
							order: -1;
							display: block;
							width: 100%;
							height: 100px;
							background-position: center center;
							background-color: transparent;
							background-repeat: no-repeat;
							background-size: contain;
							}
						#radiobutton-fences-types .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label:before {	
							background-image: url(img/radiobutton-fences-types/001.jpg);
							}
						#radiobutton-fences-types .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label:before {	
							background-image: url(img/radiobutton-fences-types/002.jpg);
							}
						#radiobutton-fences-types .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label:before {	
							background-image: url(img/radiobutton-fences-types/003.jpg);
							}
						#radiobutton-fences-types .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label:before {	
							background-image: url(img/radiobutton-fences-types/004.jpg);
							}
						#radiobutton-fences-types .wpcf7-list-item:nth-child(5) .wpcf7-list-item-label:before {	
							background-image: url(img/radiobutton-fences-types/005.jpg);
							}
						#radiobutton-fences-types .wpcf7-list-item:nth-child(6) .wpcf7-list-item-label:before {	
							background-image: url(img/radiobutton-fences-types/006.jpg);
							}
							
						#radiobutton-fences-types .wpcf7-list-item .wpcf7-list-item-label:after {
							content: '\2714';
							position: absolute;
							top: 12px;
							left: 7px;
							display: block;
							padding: 7px 9px;
							font-size: 16px;
							line-height: 1;
							color: #fff;
							background: #ccc;
							border-radius: 100em;
							}
				#radiobutton-fences-types .wpcf7-list-item input[type="radio"] {
					display: none;
					visibility: hidden;
					opacity: 0;
					}
					#radiobutton-fences-types .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label {
						color: #57a01d;
						}
						#radiobutton-fences-types .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label:after {
							background: #57a01d;
							}





/*
		#wpcf7-f3702-p1938-o1,
		.main-quiz-block .wpcf7 {
			display: block;
			color: #fff;
			background: url(/wp-content/uploads/Depositphotos_64936375_original-rezkost-18-18-1-1200x801.jpg) center center no-repeat transparent;
			background-size: cover;
			}
			#wpcf7-f3702-p1938-o1 form.wpcf7-form,
			.main-quiz-block .wpcf7  form.wpcf7-form {
				padding: 50px 21px; 
				display: block;
				background: rgba(0,0,0,0.55);
				}
				#wpcf7-f3702-p1938-o1 form.wpcf7-form .wpcf7-form-control-wrap,
				.main-quiz-block .wpcf7 form.wpcf7-form .wpcf7-form-control-wrap {
					display: inline-block;
					text-align: left;
					}
				#wpcf7-f3702-p1938-o1 form.wpcf7-form h2,
				.main-quiz-block .wpcf7  form.wpcf7-form h3,
				#wpcf7-f3702-p1938-o1 form.wpcf7-form label,
				.main-quiz-block .wpcf7  form.wpcf7-form label {
					text-shadow: 1px 1px 0 #292929, 0 0 3px #333; 
					}
				#wpcf7-f3702-p1938-o1 form.wpcf7-form a[data-toggle="popover"],
				.main-quiz-block .wpcf7  form.wpcf7-form a[data-toggle="popover"] {
					color: #ccc;
					}

				#wpcf7-f3702-p1938-o1 form.wpcf7-form .user-email,
				#wpcf7-f3702-p1938-o1 label.display-child-as-block,
				.main-quiz-block .wpcf7  form.wpcf7-form .user-email,
				.main-quiz-block .wpcf7  label.display-child-as-block {
					text-align: left;
					vertical-align: middle;
					}
					#wpcf7-f3702-p1938-o1 form.wpcf7-form .user-email input,
					.main-quiz-block .wpcf7 form.wpcf7-form .user-email input {
						position: relative;
						background-color: #fff;
						border: 1px solid #777;
						padding: 10px 14px;
						top: 1px;
						border-radius: 3px;
						}
				#wpcf7-f3702-p1938-o1 form.wpcf7-form input[type="submit"], 
				.main-quiz-block .wpcf7  form.wpcf7-form input[type="submit"] {
					color: #fff;
					background-color: #27ae60;
					vertical-align: middle;
					margin-top: 18px;
					}
				#wpcf7-f3702-p1938-o1 form.wpcf7-form.invalid input[type="submit"],
				.main-quiz-block .wpcf7  form.wpcf7-form.invalid input[type="submit"] {
					margin-top: 0px;
					}

			.contact-page input.wpcf7-form-control.wpcf7-submit {
				padding-top: 4px;
				padding-bottom: 4px;
				}
*/				
				
				
				
				
				
				
				
				
				
				
				
				
				


@media (max-width: 399.98px) {
	body:not(.toggled) .header__left{width: 50%;}
	body:not(.toggled) .header__right {width: 50%; justify-content: flex-end;}
	body:not(.toggled) .mobile-menu-wrapper {display: none;}
	body.toggled .mobile-menu-wrapper .header__menu__btn {flex-flow: row wrap;}
	body.toggled .mobile-menu-wrapper .header__menu__btn .head-tel-block {order: -1; width: 100%;}
	body.toggled .mobile-menu-wrapper .header__menu__btn .head-tel {padding-left: 14px; padding-right: 14px;}
}	
			
@media (max-width: 575.98px) {
	.header__left:before {background: #383A3B;}
	.logo {}
	.logo .logo-colored {width: 30px; height: 30px;}
	.logo-description-colored {width: 100%;}
	.logo-text {font-size: 0.875rem; color: #fff;}
	.slide {background-position: center -125px;}
	.slide-container .icons-block {display: flex; flex-flow: column wrap; border: 0;}
	body.toggled .mobile-menu-btn .menu-btn {width: 100%; text-align: right;}
	body.toggled .menu-btn {display: flex; justify-content: space-between; align-items: center; padding: 21px; background: #2d2f30;}
	body.toggled .menu-btn i {display: inline-block; font-size: 1.25rem; font-weight: 300; letter-spacing: 1px;}
	body.toggled .menu-btn .target-burger.toggled {padding: 0;}
	body .menu-mobile.target-burger:focus {background: transparent;}
	body.toggled .menu-mobile.target-burger.toggled .target-burger-description {display: none;}
	body.toggled .mobile-menu-wrapper {flex-flow: column wrap; justify-content: initial; padding: 21px;}
	.header__menu {display: none;}
	body.toggled .header__menu {display: block;}
	body.toggled .header__menu li {height: initial;}
	body.toggled .header__menu li a,
	body.toggled .header__menu li a:first-of-type {display: inline-block; padding: 14px; font-size: 1.25rem;}
	body.toggled .mobile-menu-wrapper .header__menu__btn {margin-top: 50px; flex-flow: row wrap;}
	body.toggled .mobile-menu-wrapper .header__menu__btn .head-tel-block {order: -1; width: 100%;}
	body.toggled .mobile-menu-wrapper .header__menu__btn .head-tel {padding-left: 14px; padding-right: 14px; margin-right: 7px;}
	body.toggled .display-on-mobile-menu {display: block;}
	body:not(.toggled) .mobile-menu-wrapper .header__menu__btn li:not(.head-tel-block) {display: none;}
	body:not(.toggled) .head-tel {font-size: 18px;}
	
	.aboutus-block .col-12:last-child {order: -1;}
	.aboutus-imglink.full-height {display: none;}
	.aboutus-imglink.half-height {width: 50%; height: 100px;}
	.garantee-bg,
	.garantee-dog {display: none;}
	
	.map-legend-bg {position: initial; width: 100%; max-width: initial;}
}


@media (min-width: 576px) and (max-width: 767.98px) {
	.header__left:before {background: #383A3B;}
	.logo {padding-left: 0; font-size: 0.75rem;}
	.logo .logo-colored {width: 30px; height: 30px;}
	.logo-description-colored {width: 100%;}
	.logo-text {font-size: 0.75rem; color: #fff;}
	.slide-container .icons-block {display: flex; flex-flow: row nowrap; border: 0;}
	.slide-container .icons-block .icon-block + .icon-block {margin-left: 21px;}
	body.toggled .mobile-menu-btn .menu-btn {width: 100%; text-align: right;}
	body.toggled .menu-btn {display: flex; justify-content: space-between; align-items: center; padding: 21px; background: #2d2f30;}
	body.toggled .menu-btn i {display: inline-block; font-size: 1.25rem; font-weight: 300; letter-spacing: 1px;}
	body.toggled .menu-btn .target-burger.toggled {padding: 0;}
	body .menu-mobile.target-burger:focus {background: transparent;}
	body.toggled .menu-mobile.target-burger.toggled .target-burger-description {display: none;}
	body.toggled .mobile-menu-wrapper {flex-flow: column wrap; justify-content: initial; padding: 21px;}
	.header__menu {display: none;}
	body.toggled .header__menu {display: block;}
	body.toggled .header__menu li {height: initial;}
	body.toggled .header__menu li a,
	body.toggled .header__menu li a:first-of-type {display: inline-block; padding: 14px; font-size: 1.25rem;}
	body.toggled .mobile-menu-wrapper .header__menu__btn {margin-top: 50px;}
	body.toggled .display-on-mobile-menu {display: block;}
	body:not(.toggled) .mobile-menu-wrapper .header__menu__btn li:not(.head-tel-block) {display: none;}
	body.toggled .mobile-menu-wrapper .header__menu__btn .head-tel-block {order: -1;}
	body.toggled .mobile-menu-wrapper .header__menu__btn .head-tel {padding-left: 14px; padding-right: 14px; margin-right: 7px;}
	
	.aboutus-block .col-12:last-child {order: -1;}
	.aboutus-imglink.full-height {display: none;}
	.aboutus-imglink.half-height {width: 50%; height: 100px;}
	.garantee-bg,
	.garantee-dog {display: none;}
	.garantee-items {display: flex; flex-flow: row wrap;}
	.garantee-items h3 {width: 100%;}
	.garantee-text-item {width: 50%;}
}


@media (min-width: 768px) and (max-width: 991.98px) {
	.logo-description-colored {width: 100%;}
	.slide-container .icons-block {display: flex; flex-flow: row nowrap; border: 0;}
	.slide-container .icons-block .icon-block + .icon-block {margin-left: 21px;}
	.header__right ul li a.head-tel {font-size: 18px;}
	body.toggled .mobile-menu-btn .menu-btn {width: 100%; text-align: right;}
	body.toggled .menu-btn {display: flex; justify-content: space-between; align-items: center; padding: 21px; background: #2d2f30;}
	body.toggled .menu-btn i {display: inline-block; font-size: 1.25rem; font-weight: 300; letter-spacing: 1px;}
	body.toggled .menu-btn .target-burger.toggled {padding: 0;}
	body .menu-mobile.target-burger:focus {background: transparent;}
	body.toggled .menu-mobile.target-burger.toggled .target-burger-description {display: none;}
	body.toggled .mobile-menu-wrapper {flex-flow: column wrap; justify-content: initial; padding: 21px;}
	.header__menu {display: none;}
	body.toggled .header__menu {display: block;}
	body.toggled .header__menu li {height: initial;}
	body.toggled .header__menu li a,
	body.toggled .header__menu li a:first-of-type {display: inline-block; padding: 14px; font-size: 1rem;}
	body.toggled .mobile-menu-wrapper .header__menu__btn {margin-top: 50px;}
	body.toggled .display-on-mobile-menu {display: block;}
	body.toggled .mobile-menu-wrapper .header__menu__btn .head-tel-block {order: -1;}
	body.toggled .mobile-menu-wrapper .header__menu__btn .head-tel {padding-left: 14px; padding-right: 14px; margin-right: 7px;}
	.garantee-dog img {width: 80%;}
	
	.h-md-100 {height: 100%;}
	
}


@media (min-width: 992px) and (max-width: 1199.98px) {
	.logo-description-colored {width: 100%;}
	.garantee-dog img {width: 90%;}
	.text-hidden {text-transform: capitalize;}
	.header__right ul li a {padding-left: 14px; padding-right: 14px;}
	.header__right ul li a.soc-link {padding-left: 7px; padding-right: 7px;}
	.header__right ul li a.head-tel {font-size: 18px;}
	
	.h-md-100 {height: 100%;}
	
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
	.head-tel-block {order: -1;}
	.header__right ul li a.head-tel {font-size: 1rem; }
	
	.h-md-100 {height: 100%;}
	
}


@media (min-width: 1400px) {
	
	.h-md-100 {height: 100%;}
	
	
}