* {
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    text-decoration: none;
    color: inherit;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
ul {list-style: none;}

html, body {height: 100%;}

body {
	background: #fff;
    font: 14px/1.8 'Open Sans', sans-serif;
    color: #5e5e5e;
    overflow-x: hidden;
}
.float {transition: all 0.3s ease;}
.float.active {transform: translateX(280px);}
.alignleft {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.alignright {
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
}
.aligncenter {margin:  0 auto;}

img {
    max-width: 100%;
    height: auto;
}

:root {
    --akcent-c: #ff2300;
}

a:hover {color: var(--akcent-c);}

.d-flex {display: flex;}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.d-none {display: none !important;}

.sum-price {
	display: flex;
	align-items: center;
}
.sum-price .amount {
	overflow: hidden;
    text-indent: -300px;
    display: inline-block;
}
.sum-price .amount .woocommerce-Price-currencySymbol {
	text-indent: 0;
    display: block;
    margin-left: 5px;
    float: right;
}

.row {
	display: flex;
	flex-wrap: wrap;
}
.col-2 > div,
.col-2 > ul,
.col-2 > li {width: 50%;}

.col-3 > div,
.col-3 > ul,
.col-3 > li {width: 33.3333%;}

.col-4 > div,
.col-4 > ul,
.col-4 > li {width: 25%;}

.col-5 > div,
.col-5 > ul,
.col-5 > li {width: 20%;}

.col-6 > div,
.col-6 > ul,
.col-6 > li {width: 16.6666%;}

.col-7 > div,
.col-7 > ul,
.col-7 > li {width: 14.2857%;}

.svg-icon {
    height: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    z-index: -999999;
}

.preloader {position: relative;}
.preloader:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,0.9) url(../img/preloader.svg) no-repeat center;
	background-size: 50px;
}

.success {position: relative;}
.success:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,0.9) url(../img/ic-check.svg) no-repeat center;
	background-size: 100px;
}

/*  POPUP
------------------------------------------------- */
.popup-overlay {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.8);
	z-index: 9991;
	display: none;
}

.popup {
	max-width: 500px;
	width: 100%;
    background: #fff;
    padding: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9992;
    display: none;    
}

.popup-overlay.active,
.popup.active {
	display: block;
	animation: opacity 0.3s linear forwards;
}


/*  POPUP-CONSULTATION
------------------------------------------------- */
.popup-title {
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	margin-bottom: 35px;
	text-transform: uppercase;
	font-weight: 400;
}

.popup .ajax-form {
	display: flex;
	flex-direction: column;
}

.ajax-form input[type="tel"],
.ajax-form input[type="email"],
.ajax-form textarea {
	padding: 15px 60px 15px 15px;
    font-size: 15px;
    margin-bottom: 25px;
    border: 1px solid #c3c3c3;
    color: #888;
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.ajax-form input[type="tel"] {
	background: url(../img/ic-tel.svg) no-repeat right 20px center;
	background-size: 25px;
}
.ajax-form input[type="email"] {
	background: url(../img/ic-email.svg) no-repeat right 20px center;
	background-size: 25px;
}

.ajax-form textarea {
	min-height: 90px;
	padding-right: 15px;
	resize: none;
}

.ajax-form textarea::placeholder,
.ajax-form input[type="tel"]::placeholder,
.ajax-form input[type="email"]::placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #888;
}

.popup .ajax-form .group {
	display: flex;
	justify-content: flex-end;
}

.popup .ajax-form .popup-close {
	margin-right: 10px;
}

.popup .ajax-form .popup-close {
	display: flex;
	align-items: center;
	padding: 10px 25px;
    border-radius: 5px;
    text-transform: uppercase;
	border: 1px solid #ded7d7;
    font-size: 13px;
    transition: all 0.3s;
}

.popup .ajax-form .popup-close:hover {
	background: #59575b;
    color: #fff;
}

/*  POPUP-COMPLECTATION
------------------------------------------------- */
.popup-complectation .ajax-form {
	margin-top: 20px;
}

.popup-complectation p {
	margin: 5px 0;
}

/*  POPUP-COMMERCIAL
------------------------------------------------- */
.popup-commercial .ajax-form {
	margin-top: 35px;
}

.popup-commercial .ajax-form .group {
	margin-top: 35px;
}

@keyframes opacity {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.center {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 15px;
}

/* button */
.btn {
	background: var(--akcent-c);
	padding: 10px 25px;
	border-radius: 5px;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	transition: all 0.3s;
}
.btn:hover {
	background: #59575b;
	color: #fff;
	cursor: pointer;
}
.btn svg {
	width: 15px;
	height: 15px;
	fill: #8f8f8f;
	vertical-align: middle;
	margin-left: 10px;
}
.btn.gray {
	color: #666;
	background: #ebebeb;
}
.btn.gray:hover {background: #dcdcdc;}

/*  HEADER 
------------------------------------------------- */
.head-line {
	display: flex;
	align-items: center;
	padding-top: 10px;
}
.drop {
	position: relative;
	z-index: 2;
	font-size: 13px;
}
.drop-btn {
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s;
}
.drop-btn:hover {color: var(--akcent-c);}
.drop-btn svg {
	width: 12px;
    height: 12px;
    transform-origin: center;
    transform: rotate(-90deg);
    margin-left: 10px;
    transition: all 0.3s;
    fill: #59585b;
}
.drop-btn:hover svg {fill: var(--akcent-c);}
.drop.open .drop-btn svg {
	transform: rotate(90deg);
}
.drop .drop-content {
	display: none;
	max-height: 0;
	position: absolute;
	top: 100%;
	left: 0;
	overflow: hidden;
}
.drop.open .drop-content {
	display: block;
	animation: height 0.5s forwards linear;
}
@keyframes height {
	0% {max-height: 0;}
	100% {max-height: 400px;}
}

.head-line .drop {
	margin-left: auto;
	margin-right: 30px;
}
.head-line .drop-content {
    min-width: 250px;
    margin-top: 10px;
    background: #fff;
    box-shadow: 2px 2px 15px rgb(0 0 0 / 10%);
    padding: 20px;
    border-top: 1px solid #e2e2e2;
}
.head-line .drop-content .title {
	color: #4a4a4a;
    font-size: 12px;
    margin-bottom: 10px;
    display: block;
    font-weight: 700;
}
.head-line .drop-content a {
	color: #888;
    margin-bottom: 5px;
    display: block;
    transition: all 0.3s;
}
.head-line .drop-content a:hover {color: var(--akcent-c);}
.form-phone {
	margin-top: 10px;
}
.form-phone input[type="tel"] {
	border: 1px solid #e8e7e7;
    padding: 10px;
    display: block;
    width: 100%;
}
.form-phone .group {
	margin-top: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.form-phone .close {
	cursor: pointer;
	transition: all 0.3s;
}
.form-phone .close:hover {color: var(--akcent-c);}
.form-phone button[type="submit"] {
	background: #e8e6e6;
	padding: 8px 15px;
	color: #656363;
	transition: all 0.3s;
	cursor: pointer;
}
.form-phone button[type="submit"]:hover {
	color: #fff;
	background: var(--akcent-c);
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	box-shadow: 5px 5px 10px rgb(0 0 0 / 5%);
	border-bottom: 1px solid #e2e0e0;
	background: #fff;
	z-index: 999;
	transition: all 0.3s ease;
}
.header.active {transform: translateX(280px);}
.is-logge .header {top: 32px;}

.btn-burger {
	display: none;
	width: 20px;
	height: 20px;
	margin-right: 30px;
	background: url(../img/icon/ic-burger.svg) no-repeat center;
	cursor: pointer;
}
.btn-burger:hover {opacity: 0.6;}
.logo {
	display: block;
	width: 150px;
	height: 50px;
	background: url(../img/logo.png) no-repeat center 0px;
	background-size: contain;
	transition: all 0.3s ease;
	position: relative;
	top: -25px;
}

.nav > ul {display: flex;}
.nav > ul > li + li {padding-left: 30px;}
.nav > ul > li {
	position: relative;
}
.nav > ul > li > a {
	position: relative;
	text-transform: uppercase;
	font-weight: 500;
	padding: 18px 0;
	display: block;
	transition: all 0.3s ease;
}
.nav > ul > li > a:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: var(--akcent-c);
	transition: transform 0.3s ease;
	transform: scale(0);
}
.nav > ul > li > a:hover {color: var(--akcent-c);}
.nav > ul > li > a:hover:after {transform: scale(1);}

.sub-menu {
	display: none;
	position: absolute;
	background: #ffffff;
    color: #727272;
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 5%);
    padding-bottom: 10px;
    padding-top: 10px;
}
.sub-menu > li > a {
	display: block;
    padding: 8px 0 8px 30px;
    font-size: 12px;
    line-height: 17px;
    transition: all 0.3s;
}
.sub-menu > li > a:hover {
    padding-left: 40px;
    color: var(--akcent-c);
}

@keyframes sub-menu {
	0% {top:170%}
	100% {top:100%}
}

.nav > ul > li:hover .sub-menu {
	display: block;
	animation: sub-menu .3s;
	z-index: 10;
}

.logged-in .header {
	top: 32px;
}

/*  MENU-MOB 
------------------------------------------------- */
.menu-mob {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	max-width: 280px;
	width: 100%;
	background: #fff;
	transform: translateX(-280px);
	transition: all 0.3s ease;
	z-index: 9999999;
	overflow: hidden;
}
.menu-mob.active {transform: none;}

.menu-mob .wrap {
	overflow-y: auto;
	height: 100vh;
}

.menu-mob .wrap::-webkit-scrollbar {width: 4px;}
.menu-mob .wrap::-webkit-scrollbar-thumb {  
	background: #eee;
	border-radius: 2px;
}

.menu-mob .overflow {overflow: hidden;}

.nav-mob {
	padding: 30px 0;
	transition: all 0.3s ease;
}
.nav-mob.active {transform: translateX(-280px);}

.nav-mob li > a {position: relative;}
.nav-mob li > a:before {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	background: #000;
	top: 0;
	left: 0;
	opacity: 0;
	transform: scale(0);
	transition: all 0.3s ease;
}
.nav-mob li:hover > a:before {
	opacity: 1;
	transform: scale(1);
	background: var(--akcent-c);
}

.menu-mob li a {
	display: block;
	padding: 10px 20px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 20px;
	transition: all 0.3s ease;
}
.menu-mob li a:hover {color: var(--akcent-c);}

.menu-mob .drops ul li a {
	font-weight: normal;
	text-transform: none;
}

.menu-mob li.show .drops {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	padding: 30px 0;
	z-index: 0;
	opacity: 0;
	transition: all 0.3s ease;
}
.menu-mob li.show .drops.active {
	z-index: 22;
	opacity: 1;
}

.menu-mob li.show > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.menu-mob li.show > a:after {
	content: '';
	width: 9px;
	height: 15px;
	background-image: url(../img/icon/ic-next.svg);
}

.menu-mob li.back-menu > a {
	display: flex;
	align-items: center;
}
.menu-mob li.back-menu > a:after {
	content: '';
	width: 9px;
	height: 15px;
	margin-right: 20px;
	background-image: url(../img/icon/ic-prev.svg);
	order: -1;
}
.menu-mob li.back-menu:hover > a:before {display: none;}

/*************************
*******PAGE-CATEGORY******
**************************/

.breadcrumbs {margin-bottom: 25px;}
.breadcrumbs a {color: var(--akcent-c);}
.breadcrumbs a:hover {text-decoration: underline;}

.container-content {padding-top: 30px;}
.container-content h1 {
	margin-bottom: 25px;
	font-weight: normal;
}

.container-content .wrap {display: flex;}

.sidebar {
	width: 25%;
	min-width: 240px;
	height: 100%;
	padding-right: 25px;
	position: sticky;
	top: 120px;
}

.btn-filters {
	display: none;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	margin-bottom: 30px;
	color: #000;
	border: 1px solid #D9D9D9;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
}
.btn-filters:hover {background: #faf9f9;}

.btn-filters .first {display: none;}
.btn-filters.active .first {display: block;}
.btn-filters.active .thwo {display: none;}

.filters h4 {
	text-transform: uppercase;
	font-weight: bold;
}

.sidebar-filter ul {
	padding: 15px 0;
	border-bottom: 1px solid #f2f2f2;
}

.sidebar-filter ul li a {
	padding: 5px 15px;
	display: inline-flex;
	align-items: center;
}

.sidebar-filter ul li a:after {
	content: '';
	display: none;
	width: 15px;
    height: 15px;
    fill: #8f8f8f;
    margin-left: 25px;
    background: url(../img/icon/ic-arr.svg) no-repeat;
    background-size: 15px;
}
.sidebar-filter ul li a:hover,
.sidebar-filter ul li.chosen a {
	background: #ECECEC;
	color: #FE5A00;
}
.sidebar-filter ul li.chosen a {color: #5c5c5c;}
.sidebar-filter ul li a:hover:after {display: block;}
.sidebar-filter ul li.chosen a:after {
	content: '';
	width: 10px;
    height: 10px;
    margin-left: 25px;
    background: url(../img/icon/cross.png) no-repeat;
    display: block;
}
.sidebar-filter ul li.chosen a:hover {color: var(--akcent-c);}
.sidebar-filter ul li .count {display: none;}

.content {width: 75%;}

.product-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}

.product {
	color: #6A6A6A;
	padding: 10px;
}

.product .image {
	display: block;
    height: 250px;
}
.product .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.product .bottom {
	display: flex;
	flex-direction: column;
	padding: 15px;
	transition: all 0.3s ease;
}
.product .inner:hover .bottom {background: #eeeeee;}

.product .bottom .flex {align-items: flex-start;}

.product .bottom h2 {
	font-size: 15px;
	font-weight: 500;
    text-transform: uppercase;
	margin-right: 10px;
}
.product .bottom span {font-size: 15px;}

.product .bottom a {
	display: flex;
	align-items: center;
	opacity: 0;
	margin-left: auto;
	transition: all 0.3s ease;
}
.product .bottom svg {
	width: 15px;
	height: 15px;
	fill: #8f8f8f;
	margin-left: 25px;
}
.product .inner:hover .bottom a {opacity: 1;}
.product .bottom a:hover {color: var(--akcent-c);}
.product .bottom a:hover svg {fill: var(--akcent-c);}

.description-wrap {
	line-height: 25px;
	margin-top: 30px;
}

.description-wrap p {margin: 15px 0;}
.description-wrap h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 15px 0;
	line-height: 30px;
}

.description-wrap ul {padding-left: 20px;}
.description-wrap ul li {list-style: disc;}

.description-wrap ul li span {
	color: #fe5a00;
	font-style: italic;
	font-weight: 600;
}

/*************************
*******PAGE-PROJECTS******
**************************/
.projects {padding-top: 30px;}
.projects .wrap {
	display: flex;
	margin-bottom: 100px;
}

.projects-image {width: 60%;}
.woocommerce-main-image.zoom {
	margin-bottom: 15px;
	display: block;
}
.woocommerce-product-gallery__image + .woocommerce-product-gallery__image {margin-top: 15px;}
.projects-image a {display: block;}
.projects-image a + a {margin-top: 15px;}
.projects-image img {
	display: block;
	width: 100%;
}

.summary {
	padding-left: 30px;
	position: sticky;
	height: 100%;
	top: 150px;
	max-width: 40%;
	flex-grow: 1;
}

.summary h1 {
	line-height: 35px;
    font-size: 20px;
    font-weight: normal;
    margin-top: 25px;
}

.summary .nav-btn {
	display: flex;
	justify-content: flex-end;
}

.nav-btn a {
    padding: 5px 15px;
    height: 35px;
    border: 1px solid #ddd;
    font-size: 12px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}
.nav-btn a svg {
	width: 12px;
    height: 12px;
    transition: all 0.3s;
}
.nav-btn a:hover {
	color: var(--akcent-c);
	background: #fefcfc;
}
.nav-btn a[rel="next"] svg {
	margin-left: 10px;
	transform-origin: center;
	transform: rotate(180deg);
}
.nav-btn a:first-child {margin-right: 10px;}
.nav-btn a:hover svg {fill: var(--akcent-c);}
.summary .prev:after {background-image: url(../img/icon/ic-prev.svg);}
.summary .next:after {
	background-image: url(../img/icon/ic-next.svg);
	margin-left: 10px;
}

.summary ul {margin: 30px 0;}
.summary ul li {padding: 5px 0;}

.custom-attributes li {
	display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 300;
    padding: 0 !important;
}
.custom-attributes .value {
	font-weight: 500;
    color: #000;
    margin-left: 5px;
}

.icon-tick {
	display: flex;
	align-items: flex-start;
	margin: 25px 0;
	font-size: 13px;
	/* text-transform: uppercase; */
}
.icon-tick svg {
	width: 20px;
	height: 20px;
	min-width: 20px;
	margin-right: 10px;
}

.summary .price {
	color: #7F7F7F;
    font-size: 30px;
    font-weight: 700;
}
.summary .price span:nth-child(1) {font-size: 16px;}
.summary .price span:nth-child(2) {font-size: 30px;}

.summary .group-btn {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 20px 0;
}
.summary .group-btn a {
	line-height: 25px;
	font-size: 13px;
    border-bottom: 1px dashed #1883D7;
    color: #1883D7;
    font-weight: 400;
    transition: all 0.3s ease;
}
.summary .group-btn a:hover {
	color: var(--akcent-c);
	border-color: transparent;
}

.projects .product .bottom {
	display: block;
	text-align: center;
}
.projects .product .bottom a {
	display: block;
	position: relative;
	opacity: 1;
	font-size: 16px;
	text-transform: uppercase;
}

.projects .product .bottom a:after {
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0;
}
.projects .product:hover .bottom a:after {opacity: 1;}

.projects .product .bottom h2 {font-weight: normal;}
.projects .product .bottom span {
	font-weight: normal;
	/* display: block; */
	color: #7F7F7F;
	margin-top: 5px;
}

.box-title {margin-bottom: 30px;}
.box-title h3 {
	font-size: 25px;
	font-weight: normal;
	color: #59585b;
	line-height: 28px;
}
.box-title a:hover {color: var(--akcent-c);}

.projects .product-wrap {margin-bottom: 50px;}
.projects .product-wrap:last-child {margin-bottom: 0;}

/*************************
*******PAGE-TECHNOLOGY******
**************************/
.page-technology .content {
	padding-right: 40px;
}

.page-technology .sidebar {
	padding-right: 0;
	min-width: 260px;
}
.page-technology .sidebar h5 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
}
.labels li {margin-top: 10px;}

.labels li a {
	display: inline-block;
    padding: 5px 20px;
    border-radius: 30px;
    border: 2px solid #000;
    font-size: 13px;
    white-space: nowrap;
}

.labels li a:hover {
	color: var(--akcent-c);
	border-color: var(--akcent-c);
}

.page-technology .content p {
	margin: 30px 0;
	line-height: 20px;
}

/*************************
*******PAGE-TECHNOLOGY******
**************************/
.contacts .wrap {display: flex;}
.contacts .addres {padding-right: 50px;}
.contacts .addres .item {
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}
.contacts h1 {
	text-align: center;
	margin: 30px 0 50px 0;
}

.contacts .addres {line-height: 25px;}
.contacts .addres .item a {text-decoration: underline;}
.contacts .addres .item a:hover {color: var(--akcent-c);}

.contacts .addres p {
	color: var(--akcent-c);
	font-style: italic;
}

.contacts .map {width: 60%;}
.contacts .map iframe {
	width: 100%;
	height: 500px;
}

/*  PAGE HOME 
------------------------------------------------- */
.box {padding-top:  150px;}

/*  PAGE 
------------------------------------------------- */
.page-style {
	display: flex;
	flex-direction: column;
}
.term-description {order: 1;}
.page-style p + p {margin-top: 25px;}

.page-style > h2 {
	font-weight: normal;
	font-size: 20px;
	margin: 25px 0;
}

.page-style > ul {
	margin-top: 25px;
	margin-bottom: 25px;
}
.page-style > ul > li {
	padding-left: 20px;
	position: relative;
}
.page-style > ul > li:before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #5e5e5e;
	position: absolute;
	top: 10px;
	left: 0;
}
.page-style a {color: var(--akcent-c);}
.page-style a:hover {text-decoration: underline;}

/*  PAGE CATEGORY
------------------------------------------------- */
.page-archive .product-wrap .product {
	width: 50%;
}
.page-archive .content {
	display: flex;
	flex-direction: column;
}
.term-description {
	order: 1;
	padding: 30px 0;
}
.term-description h3 {
	margin: 25px 0;
    font-weight: 500;
    font-size: 16px;
}
.term-description h2 {
	margin: 25px 0;
    font-weight: 500;
    font-size: 20px;
}
.term-description em {
	color: var(--akcent-c);
	font-weight: 500;
}
.term-description ol,
.term-description ul {
	margin-left: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.term-description ul li {
	position: relative;
	padding-left: 25px;
}
.term-description ul li:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #000;
	position: absolute;
	top: 10px;
	left: 0;
}
.term-description p + p {margin-top: 25px;}

/*  FOOTER 
------------------------------------------------- */
.footer {
	margin-top: 50px;
	padding-bottom: 30px;
}

.footer .center{
	padding-top: 50px;
	border-top: 1px solid #DCE0E0;
}
.footer-menu li a:hover {color: var(--akcent-c);} 

.textwidget iframe {width: 100%;}


/* ---------------------------------------------- */
/*               MEDIA QUERI                      */
/* ---------------------------------------------- */
@media screen and (max-width: 1100px) {
	/* header */
	.logo {
		width: 150px;
		height: 60px;
	}
	.nav li + li {padding-left: 20px;}
	.sub-menu li + li {padding-left: 0 !important;}

	.contacts .map iframe {height: 370px;}
}

@media screen and (max-width: 991px) {
	.hide-991 {display: none !important;}
	.show-991 {display: block !important;}

	.box {padding-top: 120px;}

	/* header */
	.header {
		display: flex;
		justify-content: space-between;
		padding: 10px 0;
	}
	.header .head-line {
		order: 1;
		padding-top: 0;
	}

	.header .center {
		justify-content: flex-start;
		margin: 0;
	}
	.btn-burger {display: block;}
	
	.header .logo {top: 0;}

	.nav {
		width: 300px;
		position: fixed;
		display: none;
		top: 0;
		left: -300px;
		bottom: 0;
		background: #fff;
		transition: all 0.3s;
		flex-direction: column;
		display: flex;	
		overflow: hidden;
		padding: 20px;
		box-shadow: 0 0 30px rgba(0,0,0,.1);
		z-index: 10;
	}
	.nav .overlay {
		position: fixed;
		top: 0;
		right: 0;
		left: 300px;
		bottom: 0;
		background: rgba(0,0,0,.8);
		z-index: 9991;
		display: none;
		opacity: 0;
		cursor:  url(../img/close-cursor.png) 4 12, auto;
	}
	
	.open-menu .nav {left: 0;}
	.open-menu .nav .overlay {
		display: block;
    	animation: opacity 0.3s 0.3s linear forwards;
	}
	.open-menu .nav:after {
		display: block;
    	animation: opacity 0.3s linear forwards;
	}

	.nav .menu {
		display: block;
		margin-top: 20px;
	}
	.nav > ul > li + li {padding-left: 0;}
	.nav > ul > li > a {
		font-size: 16px;
		line-height: 1.3;
		padding: 5px 0;
	}
	.nav > ul > li > a:after {display: none;}

	.nav-phones {
		margin-top: auto;
	}
	.nav-phones > a {
		color: #888;
		font-size: 13px;
		margin-bottom: 5px;
		display: block;
	}
	.nav-phones > a:hover {color: var(--akcent-c);}
	.nav-phones .btn {
		color: #fff;
		text-align: center;
		margin-top: 20px;
	}
	.nav-phones .btn:hover {color: #fff;}

	/* container-content */
	.container-content .wrap {flex-direction: column;}
	.container-content .content {
		width: 100%;
		padding-right: 0;
	}
	.container-content h1 {margin-bottom: 20px;}

	.sidebar {
		width: 100%;
		padding-right: 0;
		position: static;
	}

	.btn-filters {display: block;}

	.contacts h1 {margin: 30px 0}
	.contacts .wrap {flex-direction: column;}
	.contacts .addres {padding-right: 0;}
	.contacts .map {
		width: 100%;
		order: -1;
		margin-bottom: 30px;
	}
	.labels {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -10px;
	}
	.labels li {margin-left: 10px;}

	.product-wrap .product {width: 50%;}
}

@media screen and (max-width: 768px) {
	.box {padding-top: 80px;}

	.breadcrumbs {margin-top: 80px;}

	h1 {
		font-size: 23px;
		line-height: 25px;
	}

	/* header */
	.header {padding: 5px 0;}
	.header .logo {
		width: 110px;
		height: 40px;
	}
	.header.fixed .logo {
		width: 110px;
		height: 40px;
	}

	/* container-content */
	.product-wrap {margin: -5px;}
	.product {padding: 5px;}

	.product .bottom h2,
	.product .bottom a,
	.product .bottom span {
		font-size: 13px;
	}

	.projects .wrap {
		flex-direction: column;
		margin-bottom: 50px;
	}
	.projects-image {width: 100%;}

	.summary {
		order: -1;
		position: static;
		margin-bottom: 50px;
		max-width: 100%;
		padding-left: 0;
	}

	.projects .product-wrap .product {width: 50%;}

	.box-title {margin-bottom: 20px;}
	.box-title h3 {font-size: 18px;}

	.page-technology .content p {margin: 15px 0;}

	.footer .center {flex-wrap: wrap;}
	.footer .footer-menu {width: 50%;}
}

@media screen and (max-width: 650px) {
	/* HEADER */
	.header {min-height: 51px;}
	.header .center > .logo {
		width: 100px;
		height: 35px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.head-line .btn {display: none;}
	.head-line .drop {margin-right: 0;}
	.drop .drop-content {
		left: inherit;
		right: 0;
		margin-top: 7px;
	}
	.drop-btn > span,
	.drop-btn > span + svg {display: none;}
	.drop-btn .d-none {
		width: 36px;
		height: 35px;
		display: block !important;
		margin-bottom: 0;
		transform: none !important;
		margin-left: 0;
		margin-right: -9px;
	}

	.container-content h1 {text-align: center;}

	h1 {
		font-size: 20px;
		line-height: 23px;
	}

	.btn-filters {font-size: 13px;}

	.center {padding: 0 20px;}

	.center.box {padding-top: 80px;}

	.product-wrap .product {width: 100%;}
	.projects .product-wrap .product {width: 100%;}
	.page-archive .product-wrap .product {width: 100%;}

	.box-title {
		flex-direction: column;
		text-align: center;
		margin-bottom: 10px;
	}
	.box-title h3 {font-size: 15px;}
	.box-title a {
		margin-top: 5px;
		font-size: 13px;
	}

	.summary .nav-btn {
		justify-content: center;
		margin-bottom: 15px;
	}

	.summary .price span:nth-child(2) {font-size: 20px;}

	.summary .btn {
		width: 100%;
		text-align: center;
	}

	.contacts .map iframe {height: 250px;}

	.footer .footer-menu {width: 100%;}
	.footer .footer-menu + .footer-menu {margin-top: 20px;}

	.popup {
		padding: 30px 20px;
	}

	.popup-title {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
	}

	.popup input[type="tel"] {
		padding: 10px;
		font-size: 15px;
		margin-bottom: 15px;
	}

	.popup .ajax-form textarea {
		min-height: 80px;
		padding: 10px;
		margin-bottom: 15px;
		font-size: 13px;
	}

	.popup .ajax-form .group {flex-direction: column;}

	.popup .ajax-form .popup-close {
		margin-right: 0;
		justify-content: center;
	}
	.popup .ajax-form .btn {
		font-size: 13px;
		height: 45px;
		margin-top: 15px;
	}
}