@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* {box-sizing: border-box; border: none; outline: none; margin: 0; padding: 0; resize: none; text-decoration: none; font-family: "Inter", serif;}
input[type="submit"] {cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
body {display: flex; flex-direction: column; min-height: 100vh;}

::-webkit-input-placeholder {color: #9b9b9b;}
:-moz-placeholder {color: #9b9b9b; opacity:  1;}
::-moz-placeholder {color: #9b9b9b; opacity:  1;}
:-ms-input-placeholder {color: #9b9b9b;}

:root {
	--max-width: 1400px;
	--color-blue: #00a0e3;
	--color-red: #eb3338;
}

.clear {clear: both;}
.body {flex: 1;}

.wrcont {
	max-width: var(--max-width);
	width: 100%;
	padding: 15px;
	margin: 0 auto;
}

header {position: relative; top: 0; left: 0; width: 100%; z-index: 999;}
header:before {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 70%); backdrop-filter: blur(10px);}

.header {position: relative;}
.header > div {display: flex ; align-items: center; justify-content: space-between; gap: 50px;}
.header .logo {}
.header .logo img {display: block; height: 54px; filter: invert(1);}
.header .search {flex: 1; display: flex;}
.header .search label {flex: 1; position: relative;}
.header .search label:before {content: ''; position: absolute; top: 0; left: 10px; bottom: 0; margin: auto; width: 19px; filter: invert(1); opacity: 0.5; background: url(../img/search.svg) no-repeat center / 100%;}
.header .search label input {display: block; width: 100%; background: #3c3c3c; font-size: 14px; padding: 10px 15px 10px 35px; border-radius: 5px; color: #fff;}
.header .search input[type="submit"] {visibility: hidden;}
.header .cont {display: flex ; flex-direction: column; align-items: start; gap: 2px; position: relative; padding-left: 32px;}
.header .cont a {color: #fff; font-weight: 500; font-size: 14px; white-space: nowrap;}
.header .cont span {color: #cfcfcf; font-size: 12px; white-space: nowrap;}
.header .cont:before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 26px; filter: invert(1); opacity: 0.7;}
.header .cont.mail:before {background: url(../img/mail.svg) no-repeat center / 100%;}
.header .cont.phone:before {background: url(../img/phone.svg) no-repeat center / 100%;}
.header .callback {background: var(--color-blue); padding: 10px 18px; font-size: 14px; color: #fff; border-radius: 5px; white-space: nowrap;}
.header .callback:hover {background: var(--color-red); cursor: pointer;}

.menu {position: relative;}
.menu nav {padding: 0; border-top: 1px solid #3c3c3c;}
.menu nav > ul {list-style: none; display: flex; position: relative;}
.menu nav > ul > li.link {}
.menu nav > ul > li.link > a {display: flex; color: #fff; font-size: 14px; padding: 15px; gap: 5px; align-items: center;}
.menu nav > ul > li.link.inner-menu {}
.menu nav > ul > li.link.inner-menu > a:after {content: ''; width: 12px; height: 12px; filter: invert(1); opacity: 0.85; background: url(../img/down.svg) no-repeat center / 100%;}
.menu nav > ul > li.link.inner-menu > a span {display: none; width: 16px; height: 16px; filter: invert(1); opacity: 0.85; background: url(../img/down.svg) no-repeat center / 100%; transform: rotate(-90deg);}
.menu nav > ul > li.link.inner-menu.show > a span {transform: rotate(0deg);}
.menu nav > ul > li.void {flex: 1;}
.menu nav > ul > li.social {display: flex; gap: 10px; align-items: center; padding-right: 15px;}
.menu nav > ul > li.social a {width: 24px;}
.menu nav > ul > li.social a img {display: block; max-width: 100%; max-height: 100%; filter: invert(1); opacity: 0.5;}
.menu nav > ul > li.inner-menu {}
.menu nav > ul > li.inner-menu > div {position: absolute; top: 100%; left: 0; width: 100%; padding-top: 30px; visibility: hidden; opacity: 0;}
.menu nav > ul > li.inner-menu > div > ul {list-style: none; position: relative; border-radius: 5px; overflow: hidden; display: grid ; grid-template-columns: repeat(4, 1fr); gap: 10px 30px; padding: 20px 25px;}
.menu nav > ul > li.inner-menu > div > ul:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2f3030;}
.menu nav > ul > li.inner-menu > div > ul > li {position: relative;}
.menu nav > ul > li.inner-menu > div > ul > li > a {color: #fff; font-size: 14px;}
.menu nav > ul > li.active > a {color: var(--color-blue);}
.menu nav > ul > li.inner-menu > div > ul > li.active > a {color: var(--color-blue);}

.wrbuts {display: flex; align-items: center; gap: 20px;}
.wrbuts .but {padding: 20px 40px; color: #fff; border-radius: 5px; font-size: 16px;}
.wrbuts .but1 {background: var(--color-blue); border: 2px solid var(--color-blue);}
.wrbuts .but1:hover {cursor: pointer; background: var(--color-red); border: 2px solid var(--color-red);}
.wrbuts .but2 {color: var(--color-red); background: #fff; border: 2px solid var(--color-red);}
.wrbuts .but2:hover {cursor: pointer; background: var(--color-red); color: #fff;}

.banner {position: relative;}
.banner .slider {height: 100vh;}
.banner .slider .owl-item {height: 100vh;}
.banner .slider .owl-item .item {height: 100vh; position: relative;}
.banner .slider .owl-item .item:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 60%);}
.banner .slider .owl-item .item img {width: 100%; height: 100%; object-fit: cover;}
.banner .content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex ; align-items: center; z-index: 9; padding-top: 115px;}
.banner .content .info {display: flex ; justify-content: space-between; align-items: center;}
.banner .content .info .main {max-width: 760px;}
.banner .content .info .main h1 {color: #fff; font-size: 54px; text-transform: uppercase; font-weight: 500;}
.banner .content .info .main p {color: #ebebeb; margin: 20px 0; font-size: 18px;}
.banner .wrbuts {margin-top: 80px;}

.stroks {display: flex ; flex-direction: column; gap: 40px; width: 200px;}
.stroks div {font-weight: 300; color: #fff;}
.stroks div b {display: block; font-weight: 500;}

.fblock {}
.fblock .main {}
.fblock .main h1 {font-size: 34px; text-transform: uppercase; font-weight: 500;}
.fblock .main h2 {font-size: 24px; text-transform: uppercase; font-weight: 500; margin-top: 50px;}
.fblock .main p {margin: 20px 0; font-size: 18px;}
.fblock .main ul {margin: 20px 0 20px 16px;}
.fblock .main ul li {font-size: 18px;}

.col {display: flex; flex-direction: column; gap: 60px;}
.bg_white {background: #fff;}
.bg_gray {background: #f5f5f5;}

.block {padding: 60px 0;}
.block.padding-all-0 {padding: 0;}
.block.padding-top-0 {padding-top: 0;}
.block.padding-bottom-0 {padding-bottom: 0;}
.bheader {display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.bheader h2 {font-size: 34px; text-transform: uppercase; font-weight: 500; max-width: 720px;}
.bheader h2 span {color: var(--color-red);}
.bheader p {font-size: 16px; max-width: 320px;}
.bheader.onlyh2 h2 {max-width: 100%;}

.linksgrid {}
.linksgrid .link {height: 240px; border-radius: 5px; overflow: hidden; position: relative; background: #000;}
.linksgrid .link img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.35;}
.linksgrid .link a {position: absolute; top: 30px; left: 30px; color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 500; max-width: 380px; padding-right: 20px; opacity: 1;}
.linksgrid .link p {position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #e7e7e7; font-size: 16px; padding: 30px 30% 30px 30px; backdrop-filter: blur(5px); opacity: 0;}
.linksgrid .link:before {content: ''; position: absolute; z-index: 9; bottom: 30px; left: 30px; width: 35px; height: 35px; border-radius: 5px; background: url(../img/up-right-red.svg) no-repeat center / 22px #fff;}
.linksgrid .link:after {content: ''; position: absolute; z-index: 99; bottom: 30px; left: 30px; width: 35px; height: 35px; border-radius: 5px; background: url(../img/up-right-white.svg) no-repeat center / 22px var(--color-red); opacity: 0;}

.linksgrid.type_1 {display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px;}
.linksgrid.type_1 > .link:nth-of-type(1) {grid-area: 1/1/1/4;}
.linksgrid.type_1 > .link:nth-of-type(2) {grid-area: 1/4/1/7;}
.linksgrid.type_1 > .link:nth-of-type(3) {grid-area: 2/1/2/3;}
.linksgrid.type_1 > .link:nth-of-type(4) {grid-area: 2/3/2/5;}
.linksgrid.type_1 > .link:nth-of-type(5) {grid-area: 2/5/2/7;}
.linksgrid.type_1 > .link:nth-of-type(6) {grid-area: 3/1/3/4;}
.linksgrid.type_1 > .link:nth-of-type(7) {grid-area: 3/4/3/7;}
.linksgrid.type_1 > .link:nth-of-type(8) {grid-area: 4/1/4/3;}
.linksgrid.type_1 > .link:nth-of-type(9) {grid-area: 4/3/4/5;}
.linksgrid.type_1 > .link:nth-of-type(10) {grid-area: 4/5/4/7;}
.linksgrid.type_1 > .link:nth-of-type(11) {grid-area: 5/1/5/4;}
.linksgrid.type_1 > .link:nth-of-type(12) {grid-area: 5/4/5/7;}
.linksgrid.type_1 > .link:nth-of-type(13) {grid-area: 6/1/6/3;}
.linksgrid.type_1 > .link:nth-of-type(14) {grid-area: 6/3/6/5;}
.linksgrid.type_1 > .link:nth-of-type(15) {grid-area: 6/5/6/7;}
.linksgrid.type_1 > .link:nth-of-type(16) {grid-area: 7/1/7/4;}
.linksgrid.type_1 > .link:nth-of-type(17) {grid-area: 7/4/7/7;}

.linksgrid.type_2 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.linksgrid.type_3 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}

.logoblock {display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}
.logoblock .item {display: flex; align-items: center; justify-content: center;}
.logoblock .item img {max-width: 180px; max-height: 80px;}

.graylinks {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.graylinks .link {height: 180px; border-radius: 5px; overflow: hidden; position: relative; background: #e7e7e7;}
.graylinks .link a {position: absolute; top: 30px; left: 30px; color: #000000; text-transform: uppercase; font-size: 16px; font-weight: 500; max-width: 380px; opacity: 1; padding-right: 30%;}
.graylinks .link p {position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #242424; font-size: 16px; padding: 30px 30px 30px 30px; backdrop-filter: blur(5px); background: #dfdfdf; opacity: 0;}
.graylinks .link:after {content: ''; position: absolute; z-index: 99; bottom: 30px; left: 30px; width: 35px; height: 35px; border-radius: 5px; background: url(../img/up-right-white.svg) no-repeat center / 22px var(--color-red); opacity: 1;}

.twocol {display: flex; gap: 50px;}
.twocol > div {flex: 1; position: relative;}

.twocolplus {display: flex; gap: 50px;}
.twocolplus > div {flex: 1;}
.twocolplus.notImages {}

.wrtext {}
.wrtext h2 {font-size: 34px; text-transform: uppercase; font-weight: 500; max-width: 720px;}
.wrtext h3 {font-size: 26px; font-weight: 500; max-width: 720px; margin: 40px 0 15px;}
.wrtext h2 span {color: var(--color-red);}
.wrtext h3 span {color: var(--color-red);}
.wrtext p {font-size: 16px; margin: 20px 0;}
.wrtext p > a {color: #000; text-decoration: underline;}
.wrtext p > a:hover {text-decoration: none;}
.wrtext p img {display: block; width: 100%; height: auto; padding: 5px; background: #fff; border: 1px solid #ddd; border-radius: 3px;}
.wrtext ul {margin: 20px 0; list-style: none;}
.wrtext ul li {margin: 20px 0; padding-left: 20px; position: relative;}
.wrtext ul li:before {content: ''; width: 8px; height: 8px; border-radius: 100%; background: #000; position: absolute; top: 5px; left: 0;}
.wrtext .wrbuts {margin-top: 50px;}
.wrtext.wrtext_white {color: #fff;}
.wrtext.wrtext_white {color: #fff;}
.wrtext.wrtext_white ul li:before {background: #fff;}

.wrimg {position: relative;}
.wrimg img {display: block; width: 100%; height: 100%; border-radius: 5px; position: absolute; top: 0; left: 0; object-fit: cover;}

.gridfototext {display: grid; grid-template-columns: repeat(2, 1fr);}
.gridfototext .img {position: relative; overflow: hidden;}
.gridfototext .img:before {content: ''; display: block; width: 100%; padding-top: 75%;}
.gridfototext .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.gridfototext .txt {position: relative;}
.gridfototext .txt .t {position: absolute; width: calc(50% - 20px); height: calc(50% - 20px); border: 2px solid var(--color-red); padding: 20px;}
.gridfototext .txt .t h3 {font-size: 16px; font-weight: 500; text-transform: uppercase; position: relative;}
.gridfototext .txt .t p {font-size: 15px; color: #2a2a2a; font-weight: 300; margin: 15px 0 0; position: relative;}
.gridfototext .txt .t.t0 {bottom: 10px; left: calc(-50%);}
.gridfototext .txt .t.t1 {top: 10px; left: 20px;}
.gridfototext .txt .t.t2 {top: 10px; right: 0;}
.gridfototext .txt .t.t3 {bottom: 10px; left: 20px;}
.gridfototext .txt .t.t4 {bottom: 10px; right: 0;}
.gridfototext .txt .t.t0:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 70%); backdrop-filter: blur(3px);}

.colpluses {display: flex; gap: 50px;}
.colpluses .item {flex: 1; display: flex; flex-direction: column; align-items: start;}
.colpluses .item:before {content: ''; width: 35px; height: 35px; border-radius: 5px; background: url(../img/check-white.svg) no-repeat center / 22px var(--color-red); margin-bottom: 20px;}
.colpluses .item h3 {font-size: 16px; font-weight: 500; text-transform: uppercase; position: relative;}
.colpluses .item p {font-size: 14px; color: #2a2a2a; font-weight: 300; margin: 15px 0 0; position: relative;}
.colpluses .item ul {font-size: 14px; color: #2a2a2a; font-weight: 300; margin: 5px 0 0 15px;}
.colpluses .item ul li {margin: 5px 0;}

.colplusesmini {display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; margin-top: 50px;}
.colplusesmini .item {flex: 1; display: flex; flex-direction: column; align-items: start;}
.colplusesmini .item:before {content: ''; width: 35px; height: 35px; border-radius: 5px; background: url(../img/check-white.svg) no-repeat center / 22px var(--color-red); margin-bottom: 20px;}
.colplusesmini .item h3 {font-size: 16px; font-weight: 500; text-transform: uppercase; position: relative;}
.colplusesmini .item p {font-size: 14px; color: #2a2a2a; font-weight: 300; margin: 15px 0 0; position: relative;}

.textandbox {display: flex; gap: 60px;}
.textandbox .wrtext {flex: 1;}
.textandbox .boxs {flex: 1.5; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.textandbox .boxs .item {border: 2px solid var(--color-red); padding: 20px;}
.textandbox .boxs .item h3 {font-size: 16px; font-weight: 500; text-transform: uppercase; position: relative;}
.textandbox .boxs .item p {font-size: 15px; color: #2a2a2a; font-weight: 300; margin: 15px 0 0; position: relative;}
.textandbox .boxs .item ul {font-size: 15px; color: #2a2a2a; font-weight: 300; margin: 15px 0 0; position: relative; margin-left: 16px; display: flex; flex-direction: column; gap: 5px;}
.textandbox .boxs .item ul li {}

.textandbox .table {margin-top: 25px;}
.wrtext .table {margin-top: 25px;}

.rightslider {min-width: 50%; max-width: 50%;}
.rightslider > div {min-width: 100%;}
.rightslider .item {display: flex; justify-content: center;}
.rightslider .item img {border-radius: 5px; width: auto; max-width: 100%;}
.rightslider .owl-dots {display: flex; gap: 6px; justify-content: center; margin-top: 20px;}
.rightslider .owl-dots .owl-dot {width: 15px; height: 15px; border-radius: 100%; background: #c7c7c7;}
.rightslider .owl-dots .owl-dot span {display: none;}
.rightslider .owl-dots .owl-dot.active {background: var(--color-blue);}
.rightslider .owl-dots .owl-dot:hover {cursor: pointer;}

.zoomslider {}
.zoomslider .item {}
.zoomslider .item .elem {display: block; padding: 5px; border: 1px solid #c7c7c7;}
.zoomslider .item .elem img {}
.zoomslider .owl-nav {display: flex; justify-content: center; gap: 10px; margin-top: 20px;}
.zoomslider .owl-nav button {width: 36px; height: 36px; background: #c7c7c7!important; border-radius: 100%; display: flex;}
.zoomslider .owl-nav button span {background: url(../img/down.svg) no-repeat 11px 12px / 14px; width: 100%; height: 100%;}
.zoomslider .owl-nav button.owl-prev {}
.zoomslider .owl-nav button.owl-prev span {transform: rotate(90deg);}
.zoomslider .owl-nav button.owl-next {}
.zoomslider .owl-nav button.owl-next span {transform: rotate(-90deg);}

.bgFrom {display: flex; justify-content: space-between; align-items: center; gap: 100px; position: relative; overflow: hidden; border-radius: 5px;}
.bgFrom:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 60%); backdrop-filter: blur(3px); z-index: 9;}
.bgFrom .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.bgFrom .cont {z-index: 99; padding: 100px 50px; flex: 1.5;}
.bgFrom .form {z-index: 99; padding: 50px; flex: 1; display: flex;}
.bgFrom .form > div {position: relative; border-radius: 5px; overflow: hidden; padding: 50px;}
.bgFrom .form > div:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(200 200 200 / 50%); backdrop-filter: blur(3px); z-index: 9;}
.bgFrom .form h3 {z-index: 99; position: relative; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 500;}
.bgFrom .form form {z-index: 99; position: relative; display: flex ; flex-direction: column; gap: 20px; margin-top: 20px;}
.bgFrom .form form label {}
.bgFrom .form form label span {display: block; color: #fff; font-size: 14px; font-weight: 300; margin-bottom: 5px;}
.bgFrom .form form label input {font-size: 18px; padding: 15px 20px; border-radius: 5px; background: #fff; width: 100%;}
.bgFrom .form form input[type="submit"] {background: var(--color-blue); padding: 15px; font-size: 16px; color: #fff; border-radius: 5px;}
.bgFrom .form form input[type="submit"]:hover {background: var(--color-red);}
.bgFrom .form form .checks {display: flex; flex-direction: column; gap: 10px;}
.bgFrom .form form .checks .check {display: flex; gap: 10px;}
.bgFrom .form form .checks .check input {}
.bgFrom .form form .checks .check span {color: #fff; font-size: 12px; font-weight: 300;}
.bgFrom .form form .checks .check span a {color: #fff; text-decoration: underline;}
.bgFrom .form form .checks .check span a:hover {text-decoration: none;}

.table {}
.table table {width: 100%; border-collapse: collapse;}
.table table thead {}
.table table thead tr {}
.table table thead tr th {text-align: left; background: #f1f1f1; border: 1px solid #ddd; padding: 10px;}
.table table tbody {}
.table table tbody tr {}
.table table tbody tr td {border: 1px solid #ddd; padding: 10px;}
.table table tbody tr:nth-child(even) td {background: #fbfbfb;}

.wrImgAndTxt {display: flex ; gap: 50px; padding: 50px; background: #f5f5f5; border-radius: 5px;}
.wrImgAndTxt .imgs {flex: 1;}
.wrImgAndTxt .imgs .big {display: block;}
.wrImgAndTxt .imgs .big img {display: block; width: 100%;}
.wrImgAndTxt .imgs .mini {display: flex; gap: 15px; margin-top: 15px;}
.wrImgAndTxt .imgs .mini a {flex: 1;}
.wrImgAndTxt .imgs .mini a img {display: block; width: 100%; height: 100%; object-fit: cover;}
.wrImgAndTxt .text {flex: 1;}
.wrImgAndTxt .text .wrbuts {}
.bg_gray .wrImgAndTxt {background: #fff;}

.ymaps-layers-pane {
	filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
}

.blockframe {position: relative; border-radius: 5px; overflow: hidden;}
.blockframe iframe {display: block; width: 100%;}
.blockframe .close {width: 18px; position: absolute; top: 15px; right: 15px;}
.blockframe .close:hover {cursor: pointer;}
.blockframe .cont {position: absolute; left: 50px; top: 50px; border-radius: 5px; padding: 35px 50px; max-width: 450px;}
.blockframe .cont:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 75%); backdrop-filter: blur(5px);}
.blockframe .cont > div {position: relative;}
.blockframe .cont p {margin: 15px 0; font-size: 18px; font-weight: 300; line-height: 24px;}
.blockframe .cont p b {font-weight: 400;}
.blockframe .cont p strong {font-weight: 400;}
.blockframe .cont p a {color: inherit;}

.iconpluses {display: grid ; grid-template-columns: repeat(3, 1fr); gap: 50px;}
.iconpluses .item {display: flex; gap: 15px;}
.iconpluses .item .ico {flex: 0 0 64px;}
.iconpluses .item .ico img {display: block; width: 100%;}
.iconpluses .item .txt {}
.iconpluses .item .txt h3 {font-size: 16px; font-weight: 500; text-transform: uppercase;}
.iconpluses .item .txt p {font-size: 14px; color: #2a2a2a; font-weight: 300; margin: 15px 0 0; position: relative;}

.bfotos {}
.bfotos .foto {overflow: hidden;}
.bfotos .foto img {display: block; width: 100%; height: 100%; object-fit: cover;}
.bfotos a {position: relative;}
.bfotos a:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 20%); backdrop-filter: blur(2px); z-index: 9; opacity: 0;}
.bfotos a:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 99; transform: scale(2); background: url(../img/search.svg) no-repeat center / 48px;}
.bfotos a img {}
.bfotos a:hover {}
.bfotos a:hover:before {opacity: 1;}
.bfotos a:hover:after {opacity: 1; transform: scale(1);}
.bfotos a:hover img {transform: scale(1.1);}

.bfotos_x4 {display: grid ; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.bfotos_x3 {display: grid ; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.bfotos_x2 {display: grid ; grid-template-columns: repeat(2, 1fr); gap: 20px;}

.row-reverse {flex-direction: row-reverse;}

.numbinfo {position: relative; border-radius: 5px; overflow: hidden; padding: 50px;}
.numbinfo:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 70%); backdrop-filter: blur(5px); z-index: 9;}
.numbinfo .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.numbinfo .items {position: relative; z-index: 99; display: grid ; grid-template-columns: repeat(4, 1fr); gap: 50px;}
.numbinfo .items .item {text-align: center;}
.numbinfo .items .item .num {color: var(--color-blue); font-size: 42px; font-weight: 700; text-shadow: 2px 2px 3px #303030;}
.numbinfo .items .item .txt {color: #fff; padding: 0 20px; margin-top: 10px;}

.icocol {display: grid ; grid-template-columns: repeat(4, 1fr); gap: 50px;}
.icocol .item {flex: 1;}
.icocol .item .ico {width: 96px; height: 96px; background: var(--color-blue); border-radius: 100%; overflow: hidden; padding: 20px; margin: 0 auto 20px;}
.icocol .item .ico img {display: block; width: 100%; filter: brightness(0) invert(1);}
.icocol .item .txt {text-align: center;}
.icocol .item .txt h3 {font-size: 16px; font-weight: 500; text-transform: uppercase;}
.icocol .item .txt p {font-size: 14px; color: #2a2a2a; font-weight: 300; margin: 15px 0 0; position: relative;}
.icocol .item .txt ul {list-style: none; font-size: 14px; color: #2a2a2a; font-weight: 300;}
.icocol .item .txt ul li {margin: 15px 0 0;}

.colItemRevs {display: flex; justify-content: space-between; gap: 50px;}
.colItemRevs .item {flex: 1; display: flex ; flex-direction: column; justify-content: space-around;}
.colItemRevs .item .text {flex: 1; text-align: center; border: 2px solid #c7c7c7; border-radius: 5px; padding: 15px 20px 55px;}
.colItemRevs .item .text p {font-size: 14px; line-height: 20px; color: #2a2a2a; font-weight: 300; position: relative; margin: 15px 0;}
.colItemRevs .item .foto {width: 96px; height: 96px; border-radius: 100%; overflow: hidden; margin: -48px auto 0; border: 2px solid #c7c7c7;}
.colItemRevs .item .foto img {display: block; width: 100%; height: 100%; object-fit: cover;}
.colItemRevs .item .title1 {font-size: 20px; font-weight: 500; text-transform: uppercase; text-align: center; margin-top: 12px;}
.colItemRevs .item .title2 {font-size: 16px; text-align: center; margin-top: 4px; color: #2a2a2a;}

.elemItems {display: flex; justify-content: space-between; gap: 50px;}
.elemItems .item {flex: 1; color: #000; display: flex ; flex-direction: column; align-items: start;}
.elemItems .item .img {display: block; position: relative; overflow: hidden; width: 100%; border-radius: 5px;}
.elemItems .item .img:before {content: ''; display: block; width: 100%; padding-top: 70%;}
.elemItems .item .img img {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; transform: scale(1.01);}
.elemItems .item .title1 {display: block; font-size: 18px; font-weight: 500; text-transform: uppercase; margin-top: 15px;}
.elemItems .item .title2 {display: block; font-size: 14px; color: #2a2a2a; font-weight: 300; position: relative; margin-top: 5px;}
.elemItems .item .descr {display: block; margin-top: 12px; font-size: 14px;}
.elemItems .item .link {display: block; text-decoration: underline; margin-top: 15px;}
.elemItems a.item .title1:hover {color: var(--color-blue);}
.elemItems a.item .link:hover {text-decoration: none;}
.elemItems a.item .img:hover img {transform: scale(1.04);}

.accordion {display: flex ; flex-direction: column; gap: 20px;}
.accordion .item {border-bottom: 1px solid #e5e5e5;}
.accordion .item .title {display: flex ; justify-content: space-between; padding-bottom: 15px;}
.accordion .item .title h3 {font-size: 18px; font-weight: 500;}
.accordion .item .title:after {content: ''; width: 18px; height: 18px; background: url(../img/plusblue.svg) no-repeat center / 100%;}
.accordion .item .title:hover {cursor: pointer;}
.accordion .item .title:hover:after {cursor: pointer;}
.accordion .item .descr {display: none; padding-bottom: 25px;}
.accordion .item .descr p {font-size: 14px; line-height: 20px; color: #2a2a2a; font-weight: 300; position: relative;}
.accordion .item.show .title:after {transform: rotate(45deg);}
.accordion .item.show .descr {display: block;}

footer {position: relative; margin-top: 30px; padding: 15px 0;}
footer:before {content: ''; background: rgb(0 0 0 / 70%); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.footer-1 {position: relative; display: flex; justify-content: space-between; align-items: center; gap: 30px;}
.footer-1 .info {display: flex; justify-content: space-between; align-items: center; gap: 30px;}
.footer-1 .logo {}
.footer-1 .logo img {display: block; height: 54px; filter: invert(1);}
.footer-1 .slogan {color: #fff; font-size: 16px;}
.footer-1 .social {display: flex; gap: 10px; align-items: center;}
.footer-1 .social a {width: 24px;}
.footer-1 .social a img {display: block; max-width: 100%; max-height: 100%; filter: invert(1); opacity: 0.5;}
.footer-1 .social a:hover img {opacity: 1;}

.footer-2 {position: relative; display: flex; justify-content: space-between; align-items: center; gap: 30px; border-top: 1px solid #3c3c3c;}
.footer-2 span, .footer-2 a {color: #d7d7d7; font-size: 12px; font-weight: 300;}
.footer-2 a:hover {color: var(--color-blue);}

.popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; display: flex ; align-items: center; justify-content: center; visibility: hidden;}
.popup .bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.popup .bg:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 70%); backdrop-filter: blur(10px);}
.popup .cont {position: relative; padding: 30px; margin: 0 15px;}
.popup .cont:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(200 200 200 / 50%); backdrop-filter: blur(3px); z-index: 9; border-radius: 5px;}
.popup .cont img.close_popup {position: absolute; top: -35px; right: -35px;}
.popup .cont img.close_popup:hover {cursor: pointer;}
.popup .cont .title {z-index: 99; position: relative; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 500;}
.popup .cont form {z-index: 99; position: relative; display: flex ; flex-direction: column; gap: 20px; margin-top: 20px;}
.popup .cont form label {}
.popup .cont form label span {display: block; color: #fff; font-size: 14px; font-weight: 300; margin-bottom: 5px;}
.popup .cont form label input {font-size: 18px; padding: 15px 20px; border-radius: 5px; background: #fff; width: 100%;}
.popup .cont form input[type="submit"] {background: var(--color-blue); padding: 15px; font-size: 16px; color: #fff; border-radius: 5px;}
.popup .cont form input[type="submit"]:hover {background: var(--color-red);}
.popup .cont form .checks {display: flex; flex-direction: column; gap: 10px;}
.popup .cont form .checks .check {display: flex; gap: 10px;}
.popup .cont form .checks .check input {}
.popup .cont form .checks .check span {color: #fff; font-size: 12px; font-weight: 300;}
.popup .cont form .checks .check span a {color: #fff; text-decoration: underline;}
.popup .cont form .checks .check span a:hover {text-decoration: none;}
.popup.show {visibility: visible;}
.popup.show .cont {}

.footlinks {display: flex ; flex-direction: column; gap: 2px;}
.footlinks a {}

.agree_cookie {z-index: 999999; background: #000; color: #fff; position: fixed; bottom: 15px; left: 0; right: 0; margin: auto; width: 570px; padding: 20px; border-radius: 50px; display: flex ; justify-content: space-between; align-items: center;}
.agree_cookie .text {}
.agree_cookie .text a {color: #fff; text-decoration: underline;}
.agree_cookie .text a:hover {text-decoration: none;}
.agree_cookie .but {background: #fff; color: #000; padding: 10px 20px; border-radius: 50px;}
.agree_cookie .but:hover {cursor: pointer;}

.linksgrid .link img,
.footer-2 a,
.accordion .item .title:after,
.elemItems .item .title1,
.elemItems .item .img img,
.bfotos a,
.bfotos a img,
.bfotos a:before,
.bfotos a:after,
.zoomslider .owl-nav button,
.zoomslider .owl-nav button span,
.header .callback,
.menu nav > ul > li.social a img,
.wrbuts .but,
.linksgrid .link a,
.linksgrid .link p,
.linksgrid .link:after,
.graylinks .link a,
.graylinks .link p,
input[type="submit"],
.menu nav > ul > li.link a,
.hbut-menu img,
.menu,
.header .search,
.menu nav > ul > li.link.inner-menu > a span,
.anim {
	-moz-transition: 0.2s all ease;
	-o-transition: 0.2s all ease;
	-webkit-transition: 0.2s all ease;
	transition: 0.2s all ease;
}

.lb-number {display: none!important;}

.mobb1 {display: none;}

.hbuts {display: none; justify-content: space-between; align-items: center; gap: 15px;}
.hbut {}
.hbut img {display: block; width: 28px; filter: invert(1);}

.hbut-menu {position: relative;}
.hbut-menu img:nth-child(1) {opacity: 1;}
.hbut-menu img:nth-child(2) {opacity: 0; position: absolute; top: 0; left: 0; transform: rotate(-90deg);}
.hbut-menu.show {}
.hbut-menu.show img:nth-child(1) {transform: rotate(90deg); opacity: 0;}
.hbut-menu.show img:nth-child(2) {transform: rotate(0deg); opacity: 1;}

.breadcrumbs {display: flex; padding-bottom: 5px; overflow: auto; max-width: 100%;}
.breadcrumbs .item {font-size: 12px; display: flex ; align-items: center; font-weight: 300;}
.breadcrumbs .item:after {content: '>'; margin: 0 5px; color: #7e7e7e;}
.breadcrumbs .item:last-of-type:after {display: none;}
.breadcrumbs .item a {white-space: nowrap; color: #7e7e7e;}

.resssearch {display: flex; flex-direction: column; gap: 20px; margin-top: 20px;}
.resssearch div {}
.resssearch div a {color: #000;}
.resssearch div a:hover {color: var(--color-blue);}

.pagination {display: flex; gap: 5px; margin-top: 30px;}
.pagination a {width: 30px; height: 30px; display: flex ; align-items: center; justify-content: center; border: 1px solid #b5b5b5; border-radius: 5px; font-size: 12px; color: #454545;}
.pagination a.active {color: #000; border-color: #000; background: #f3f3f3;}
.pagination a:hover {color: #000; border-color: #000;}

.thk {color: #fff; font-weight: 300;}

.block_126_1553 {}
.block_126_1553 .icocol {grid-template-columns: repeat(3, 1fr);}

.margin-bottom {margin-bottom: 50px;}

.dopTitleInLink {display: block; margin-top: 8px; font-size: 16px; font-weight: 400; font-style: italic;}
.dopTitleInLink span {display: inline-block; background: #00000080; padding: 5px 10px; border-radius: 5px;}

@media (hover: hover) {
    .menu nav > ul > li.link:hover > a {color: var(--color-blue);}
	.menu nav > ul > li.inner-menu > div > ul > li > a:hover {color: var(--color-blue);}
	.menu nav > ul > li.inner-menu:hover > div {
		-moz-transition: 0.2s all ease;
		-o-transition: 0.2s all ease;
		-webkit-transition: 0.2s all ease;
		transition: 0.2s all ease;
		visibility: visible; padding-top: 10px; opacity: 1;
	}
	.menu nav > ul > li.social a:hover img {opacity: 1;}
	
	.zoomslider .owl-nav button:hover {background: var(--color-blue)!important;}
	.zoomslider .owl-nav button:hover span {filter: invert(1);}
	
	.linksgrid .link:hover {cursor: pointer;}
	.linksgrid .link:hover:after {opacity: 1;}
	
	/*
	.linksgrid .link:hover a {opacity: 0;}
	.linksgrid .link:hover p {opacity: 1;}
	*/
	.linksgrid .link:hover img {filter: blur(3px);}
	
	
	.graylinks .link:hover {cursor: pointer;}
	.graylinks .link:hover a {opacity: 0;}
	.graylinks .link:hover p {opacity: 1;}
}




@media (max-width: 1200px){
	header {position: fixed;}
	
	.hbuts {display: flex;}
	
	.menu {position: fixed; right: 0; width: 100%; background: #161617; height: calc(100% - 65px); padding-top: 60px;}
	.menu nav {height: 100%;}
	.menu nav > ul {flex-direction: column; max-height: 100%; overflow: auto;}
	.menu nav > ul > li.link {border-top: 1px solid #3c3c3c;}
	.menu nav > ul > li.link > a {justify-content: space-between;}
	.menu nav > ul > li.link.inner-menu > a:after {display: none;}
	.menu nav > ul > li.link.inner-menu > a span {display: block;}
	.menu nav > ul > li.inner-menu > div {position: relative; display: none; visibility: visible; opacity: 1; padding-top: 0;}
	.menu nav > ul > li.inner-menu > div > ul {grid-template-columns: repeat(1, 1fr); border-radius: 0; padding: 15px;}
	.menu nav > ul > li.social {position: fixed; top: 82px; right: 0;}
	.header .search {position: absolute; top: 76px; left: 15px; z-index: 9; width: 70%;}
	
	.menu {visibility: hidden; opacity: 0; top: 85px;}
	.menu.show {visibility: visible; opacity: 1; top: 65px;}
	
	.header .search {visibility: hidden; opacity: 0; top: 96px;}
	.header .search.show {visibility: visible; opacity: 1; top: 76px;}
	
	.mobb1 {display: block; flex: 1;}
	
	
	.banner .content .info .main h1 {font-size: 42px;}
	.bheader h2 {font-size: 28px;}
	.wrtext h2 {font-size: 28px;}
	.wrtext h3 {font-size: 22px;}
	.fblock .main h1 {font-size: 28px;}
	.fblock .main h2 {font-size: 20px; margin-top: 35px;}
	.header .logo img {height: 30px;}
	.menu nav > ul > li.link > a {font-size: 13px;}
	.header .search label input {font-size: 13px;}
	.header .callback {font-size: 13px;}
	.header .cont a {font-size: 13px;}
	.header .cont span {font-size: 11px;}
	
	.table {font-size: 14px;}
	
	.bgFrom {gap: 50px;}
	.bgFrom .cont {flex: 1;}
	
	.block {padding: 40px 0;}
	.banner .content {padding-top: 66px;}
	.banner .content .info .main h1 {font-size: 36px;}
	.wrbuts .but {padding: 15px 30px;}
	.banner .content .info .main p {font-size: 16px;}
	.blockframe .cont p {font-size: 16px;}
	.textandbox {gap: 50px;}
	.textandbox .boxs {flex: 1;}
	.wrImgAndTxt {padding: 50px 15px;}
	.fblock {padding-top: 90px;}
}

@media (max-width: 1100px){
	.gridfototext .txt .t h3 {font-size: 14px;}
	.gridfototext .txt .t {padding: 15px;}
	.iconpluses {grid-template-columns: repeat(2, 1fr);}
	.block_126_1553 .icocol {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 1000px){
	.graylinks {grid-template-columns: repeat(2, 1fr);}
	.wrtext {flex: 1.5;}
	.gridfototext .txt {position: relative; display: flex ; flex-direction: column; padding: 15px; gap: 15px;}
	.gridfototext .txt .t {position: initial; width: 100%; height: auto;}
	.gridfototext .txt .t.t0:before {display: none;}
	.banner .wrbuts {margin-top: 50px;}
	.colpluses {flex-direction: column; gap: 30px;}
	.colpluses .item {position: relative; padding-left: 50px;}
	.colpluses .item:before {position: absolute; top: 0; left: 0;}
	.colpluses .item p {margin: 10px 0 0;}
	.colplusesmini .item p {margin: 10px 0 0;}
	.bgFrom .form > div {padding: 25px;}
	.header > div {gap: 20px;}
	.table {overflow: auto;}
}

@media (max-width: 900px){
	.block {padding: 30px 0;}
	.logoblock {grid-template-columns: repeat(3, 1fr);}
	.twocol {flex-direction: column;}
	.wrimg {max-height: 320px; overflow: hidden; border-radius: 5px;}
	.wrimg img {height: 100%; object-fit: cover;}
	.textandbox {flex-direction: column;}
	.twocolplus {flex-direction: column; gap: 20px;}
	.rightslider {min-width: 100%; max-width: 100%;}
	.bgFrom .cont {padding: 50px 20px;}
	.bgFrom .form {padding: 50px 20px;}
	.bgFrom {gap: 30px;}
	.wrImgAndTxt {padding: 30px 15px; gap: 20px;}
	.wrtext .wrbuts {margin-top: 30px;}
	.blockframe .cont {left: 15px; top: 15px; padding: 5px 15px;}
	.iconpluses {grid-template-columns: repeat(2, 1fr);}
	.bheader {flex-direction: column; justify-content: start; align-items: start; gap: 10px;}
	.bheader h2 {max-width: 100%;}
	.bheader p {max-width: 100%;}
	.numbinfo {padding: 50px 25px;}
	.icocol {grid-template-columns: repeat(2, 1fr);}
	.icocol .item .txt p {margin: 10px 0 0;}
	.gridfototext .txt .t p {margin: 10px 0 0;}
	.iconpluses .item .txt p {margin: 10px 0 0;}
	.wracc {gap: 20px;}
	.footer-1 .info {flex-direction: column; gap: 15px; align-items: start;}
	.header .logo img {height: 24px;}
	.stroks {display: none;}
}

@media (max-width: 800px){
	.header .cont.mail {display: none;}
	.banner .content .info .main h1 {font-size: 28px;}
	.wrbuts .but {font-size: 14px; padding: 15px 25px;}
	.bheader h2 {font-size: 24px;}
	.wrtext h2 {font-size: 24px;}
	.fblock .main h1 {font-size: 24px;}
	.linksgrid .link a {font-size: 16px;}
	.graylinks .link a {max-width: 100%; padding-right: 15px;}
	.gridfototext {grid-template-columns: 1fr 1.5fr;}
	.colplusesmini {grid-template-columns: repeat(1, 1fr); gap: 30px; margin-top: 30px;}
	.colplusesmini .item {position: relative; padding-left: 50px;}
	.colplusesmini .item:before {position: absolute; top: 0; left: 0;}
	.bgFrom {flex-direction: column;}
	.bgFrom .cont {padding: 50px 20px 0;}
	.bgFrom .form {padding: 0 20px 50px;}
	.wrImgAndTxt {flex-direction: column-reverse; gap: 30px;}
	.linksgrid {display: flex!important; flex-direction: column;}
	.linksgrid .link {height: 180px;}
	.linksgrid .link p {display: none;}
	.linksgrid .link:before {width: 24px; height: 24px; background-size: 14px;}
	.graylinks .link:after {width: 24px; height: 24px; background-size: 14px;}
	.colpluses .item:before {width: 24px; height: 24px; background-size: 14px;}
	.colplusesmini .item:before {width: 24px; height: 24px; background-size: 14px;}
	.graylinks .link p {display: none;}
	.colpluses .item {padding-left: 35px;}
	.colplusesmini .item {padding-left: 35px;}
	.blockframe iframe {height: 480px;}
	.numbinfo .items .item .txt {padding: 0;}
	.colItemRevs {flex-direction: column; gap: 30px;}
	.colItemRevs .item .text {padding: 5px 10px 45px;}
	.colItemRevs .item .title1 {font-size: 16px;}
	.colItemRevs .item .title2 {font-size: 14px;}
	.elemItems {flex-direction: column-reverse; gap: 30px;}
	.elemItems .item .img:before {padding-top: 0; height: 240px;}
	.elemItems .item .title1 {font-size: 16px;}
	.elemItems .item .link {font-size: 14px; margin-top: 10px;}
	.accordion .item .title h3 {font-size: 16px;}
	.accordion .item .title:after {width: 16px; height: 16px;}
	.numbinfo .items {gap: 30px;}
	.footer-1 {flex-direction: column; gap: 20px;}
	.footer-1 .logo img {height: 26px;}
	.footer-1 .slogan {font-size: 12px; text-align: center; display: block; width: 100%;}
	.footer-2 {flex-direction: column; gap: 10px;}
}

@media (max-width: 650px){
	.banner .content .info .main h1 {font-size: 24px;}
	.bheader h2 {font-size: 20px;}
	.bheader p {font-size: 14px;}
	.fblock .main h1 {font-size: 20px;}
	.fblock .main p {font-size: 14px;}
	.fblock .main ul li {font-size: 14px;}
	.wrtext h2 {font-size: 20px;}
	.wrtext p {font-size: 14px;}
	.wrtext ul li {font-size: 14px;}
	.gridfototext .txt .t p {font-size: 14px;}
	.textandbox .boxs .item h3 {font-size: 14px;}
	.textandbox .boxs .item p {font-size: 14px;}
	.banner .content .info .main p {font-size: 14px;}
	.linksgrid .link a {font-size: 14px;}
	.footer-1 .slogan {font-size: 14px;}
	.graylinks {grid-template-columns: repeat(1, 1fr); gap: 10px;}
	.graylinks .link {height: auto;}
	.graylinks .link a {position: initial; padding: 15px 55px 15px 15px; display: block; font-size: 14px;}
	.graylinks .link:after {left: auto; right: 15px; top: 11px;}
	.popup .cont .title {font-size: 16px;}
	.popup .cont form label input {font-size: 14px;}
	.popup .cont form input[type="submit"] {font-size: 14px;}
	.popup .cont form label span {font-size: 12px;}
	.bgFrom .form h3 {font-size: 16px;}
	.bgFrom .form form label input {font-size: 14px;}
	.bgFrom .form form input[type="submit"] {font-size: 14px;}
	.bgFrom .form form label span {font-size: 12px;}
	.blockframe {display: flex ; flex-direction: column-reverse; gap: 10px; overflow: visible;}
	.blockframe .cont {position: initial; padding: 0; margin-top: -25px;}
	.blockframe .cont:before {display: none;}
	.blockframe .cont p {font-size: 14px;}
	.blockframe .cont > div > p:first-child {margin-top: 0;}
	.blockframe .close {display: none;}
	.bfotos_x4 {grid-template-columns: repeat(2, 1fr);}
	.numbinfo .items {grid-template-columns: repeat(2, 1fr); gap: 50px 30px;}
	.header .logo {flex: 0 0 155px; overflow: hidden;}
}

@media (max-width: 600px){
	.header .callback {font-size: 12px;}
	.header .logo {flex: 0 0 32px;}
	.header .logo img {height: 32px;}
	.textandbox .boxs {grid-template-columns: repeat(1, 1fr);}
	.gridfototext {grid-template-columns: repeat(1, 1fr);}
	.gridfototext .txt {padding: 30px 0 0;}
	.gridfototext .img {max-height: 240px; overflow: hidden; border-radius: 5px;}
	.icocol {grid-template-columns: repeat(1, 1fr); gap: 30px;}
	.icocol .item .ico {width: 64px; height: 64px; padding: 15px;}
	.colItemRevs .item .foto {width: 64px; height: 64px;}
	.colItemRevs .item .text {padding: 5px 10px 30px;}
	.colItemRevs .item .foto {margin: -35px auto 0;}
	.iconpluses {grid-template-columns: repeat(1, 1fr); gap: 30px;}
	.iconpluses .item .ico {flex: 0 0 36px; width: 36px;}
	.wrbuts {gap: 10px;}
	.wrbuts .but {padding: 10px 20px;}
	.header .search {width: 60%;}
}

@media (max-width: 500px){
	.mobb1 {display: none;}
	.header > div {gap: 15px;}
	.header .cont a {font-size: 12px;}
	.header .cont span {font-size: 10px;}
	.header .callback {padding: 10px;}
	.logoblock {grid-template-columns: repeat(2, 1fr); gap: 30px;}
	.popup .cont img.close_popup {position: absolute; top: 15px; right: 15px; z-index: 9; width: 15px;}
	.popup {align-items: start; padding: 30px 15px; overflow: auto;}
}

@media (max-width: 440px) {
	.header .logo {flex: 0 0 26px;}
	.header .logo img {height: 26px;}
	.header .cont {padding-left: 0;}
	.header .cont:before {display: none;}
	.logoblock {grid-template-columns: repeat(1, 1fr);}
	.header .search {width: 50%;}
	.block_126_1553 .icocol {grid-template-columns: repeat(1, 1fr);}
}

@media (max-width: 380px) {
	.header > div {gap: 10px;}
	.wrbuts .but {font-size: 12px;}
}

@media (max-width: 750px){
	.agree_cookie {font-size: 14px; width: 340px; padding: 10px 10px 10px 20px; bottom: 25px;}
}

@media (max-width: 500px){
	.agree_cookie {left: auto; right: 15px; font-size: 12px; width: 285px;}
}

@media (max-width: 370px){
	.agree_cookie {font-size: 10px; width: 250px;}
}