* {box-sizing: border-box; border: none; outline: none; margin: 0; padding: 0; resize: none; text-decoration: none; font-family: 'Source Sans Pro';}
body {background: #ebf3f3;}
input[type="submit"] {cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

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

.hidden {overflow: hidden;}
body.hidden:after {content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}

header {position: fixed; z-index: 999; top: 0; left: 0; width: 100%; background: #000;}
.header {max-width: 1200px; padding: 10px 15px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.header .left {display: flex;}
.header .left .mbut {margin-right: 15px;}
.header .center {}
.header .center .logo {}
.header .center .logo img {display: block; height: 36px;}
.header .right {display: flex;}
.header .right .mbut {margin-left: 15px;}
.header .mbut {width: 28px;}
.header .mbut img {display: block; width: 100%;}
.header .mbut:hover {cursor: pointer;}

.mbut_basket {position: relative;}
.mbut_basket > span {position: absolute; top: 0; right: 0;}
.mbut_basket > span > span {background: #3aafb6; font-size: 10px; color: #fff; position: absolute; top: -5px; right: -8px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 100%; padding: 0 1px 2px 0; font-weight: 600; text-shadow: 1px 1px 1px #666666;}

.mmenu {position: relative;}
.mmenu .i1 {}
.mmenu .i2 {position: absolute; top: 0; left: 0; filter: invert(1); opacity: 0; transform: scale(0);}
.mmenu.active {}
.mmenu.active .i1 {opacity: 0; transform: scale(0);}
.mmenu.active .i2 {opacity: 1; transform: scale(1);}

.topmenu {display: none; background: #fff; position: fixed; top: 56px; left: 0; width: 100%; max-height: calc(100% - 56px); overflow: auto;}
.topmenu.show {display: block;}
.topmenu > div {max-width: 1200px; padding: 20px 15px; margin: 0 auto; display: flex; gap: 30px;}
.topmenu .menu {flex: 1;}
.topmenu .menu .title {font-size: 22px; font-weight: 600;}
.topmenu .menu nav {}
.topmenu .menu nav > ul {list-style: none;}
.topmenu .menu nav > ul > li {display: flex; justify-content: start; flex-wrap: wrap; margin-top: 10px; align-items: center;}
.topmenu .menu nav > ul > li > a {color: #222; font-size: 18px;}
.topmenu .menu nav > ul > li > a:hover {text-decoration: underline;}
.topmenu .menu nav > ul > li > .dmenu {margin-left: 5px;}
.topmenu .menu nav > ul > li > .dmenu img {display: block; width: 22px; opacity: 0.7;}
.topmenu .menu nav > ul > li > .dmenu:hover {cursor: pointer;}
.topmenu .menu nav > ul > li > ul {list-style: none; flex-basis: 100%; display: none;}
.topmenu .menu nav > ul > li > ul.show {display: block;}
.topmenu .menu nav > ul > li > ul > li {padding-left: 15px; margin-top: 10px;}
.topmenu .menu nav > ul > li > ul > li > a {color: #222; font-size: 18px;}
.topmenu .menu nav > ul > li > ul > li > a:hover {text-decoration: underline;}

.hSearch {position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 9999; display: none;}
.hSearch.show {display: block;}
.hSearch > div {max-width: 1200px; padding: 20px 15px; margin: 0 auto;}
.hSearch form {display: flex; gap: 30px;}
.hSearch form label {border: 1px solid #b1b1b1; display: flex; align-items: center; flex: 1; gap: 10px; padding: 10px;}
.hSearch form label img {filter: invert(1); opacity: 0.2; width: 32px;}
.hSearch form label input {flex: 1; font-size: 16px;}
.hSearch form input[type="submit"] {background: #000; color: #fff; padding: 10px 40px; font-size: 16px; font-weight: 600; letter-spacing: 0.2px;}
.hSearch form input[type="submit"]:hover {background: #333;}
.hSearch form .cls {display: flex; align-items: center; font-weight: 600; font-size: 18px;}
.hSearch form .cls:hover {color: #333; cursor: pointer;}
.hSearch .info {display: flex; margin-top: 20px;}
.hSearch .info .left {flex: none; width: 280px; padding-right: 40px;}
.hSearch .info .left h2 {font-size: 24px; font-weight: 600; color: #222; margin-bottom: 15px;}
.hSearch .info .left ul {list-style: none; display: flex; flex-direction: column; align-items: start; margin-top: 5px;}
.hSearch .info .left ul li {display: flex; align-items: center; font-size: 18px; color: #444; margin-top: 5px;}
.hSearch .info .left ul li:before {content: ''; width: 24px; height: 24px; background: url(../img/search.svg) no-repeat center / 100%; filter: invert(1); opacity: 0.3; margin-right: 5px;}
.hSearch .info .left ul li:hover {color: #000; cursor: pointer;}
.hSearch .info .left ul li:hover:before {opacity: 0.4;}
.hSearch .info .right {flex: 1;}
.hSearch .info .right h2 {font-size: 24px; font-weight: 600; color: #222; margin-bottom: 20px;}
.hSearch .info .right .catalogItems .item {width: calc(25% - 8px);}

.banner {position: relative; overflow: hidden; padding: 160px 0 80px;}
.banner .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.banner .bg img {display: block; width: 100%; height: 100%; object-fit: cover;}
.banner .bg:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #132c2c; opacity: 0.7;}
.banner .info {position: relative;}
.banner .info h1 {text-align: center; color: #fff; font-size: 64px; font-weight: 600;}
.banner .info p {text-align: center; color: #fff; font-size: 30px;}
.banner .info .bannerSearch {max-width: 840px; padding: 20px; margin: 100px auto 0; background: #ebf3f3;}
.banner .info .bannerSearch h2 {color: #323232; font-size: 18px; font-weight: 700; text-transform: uppercase;}
.banner .info .bannerSearch form {display: flex; margin-top: 18px;}
.banner .info .bannerSearch form label {flex: 1; display: flex; background: #fff; padding: 15px 0;}
.banner .info .bannerSearch form label img {width: 24px; filter: invert(1); opacity: 0.4; margin-left: 15px;}
.banner .info .bannerSearch form label input {flex: 1; background: #fff; padding: 0 15px; font-size: 18px; color: #222;}
.banner .info .bannerSearch form input[type="submit"] {background: #3aafb6; width: 140px; font-size: 18px; color: #fff; font-weight: 500;}
.banner .info .bannerSearch form input[type="submit"]:hover {background: #2fa2a9;}
.banner .info .bannerSearch h3 {margin: 30px 0 10px; color: #626262; font-size: 16px; font-weight: 600;}

.tags {display: flex; flex-wrap: wrap; gap: 5px;}
.tags a {background: #fff; color: #222; padding: 10px; border-radius: 5px; font-size: 14px; font-weight: 500; border: 1px solid #fff;}
.tags a:hover {border-color: #8b989b;}

.sizonsall {max-width: 1200px; padding: 0 15px; margin: 80px auto 0; display: flex; gap: 30px;}
.sizonsall .text {}
.sizonsall .text h2 {color: #323232; font-size: 42px; font-weight: 700; text-transform: uppercase; border-left: 5px solid #3aafb6; padding-left: 15px;}
.sizonsall .text p {font-size: 20px; margin-top: 30px; color: #222; position: relative; padding-left: 40px;}
.sizonsall .text p img {width: 32px; position: absolute; top: 0; left: 0; opacity: 0.7;}
.sizonsall .text p a {color: #108eff;}
.sizonsall .text p a:hover {border-bottom: 1px solid;}
.sizonsall .proc {background: #fff; display: flex; align-items: center; padding: 15px; flex: none; width: 280px;}
.sizonsall .proc img {display: block; width: 100%;}
.sizonsall .counter {width: 220px; flex: none; padding: 15px; background: #fff; display: flex; flex-direction: column; justify-content: space-between;}
.sizonsall .counter img {display: block; width: 100%; height: 130px;}
.sizonsall .counter h3 {color: #323232; font-size: 20px; font-weight: 700; text-align: center; padding: 20px;}
.sizonsall .counter a {display: flex; color: #222; border: 1px solid #ddd; padding: 10px; border-radius: 10px; justify-content: space-between; align-items: center;}
.sizonsall .counter a:after {content: ''; width: 20px; height: 20px; background: url(../img/right.svg) no-repeat center / 100%; opacity: 0.5;}
.sizonsall .counter a:hover {border-color: #8b989b;}
.sizonsall .counter a:hover:after {opacity: 0.7;}

.topItems {max-width: 1200px; padding: 0 15px; margin: 80px auto 0;}
.topItems .line {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.topItems .line h2 {color: #323232; font-size: 26px; font-weight: 700; text-transform: uppercase;}
.topItems .line a {background: #fff; padding: 15px 25px; border: 1px solid #ddd; color: #222; font-size: 14px; font-weight: 500; display: flex; align-items: center;}
.topItems .line a:after {content: ''; width: 20px; height: 20px; background: url(../img/right.svg) no-repeat center / 100%; opacity: 0.5; margin-left: 15px;}
.topItems .line a:hover {border-color: #8b989b;}
.topItems .line a:hover:after {opacity: 0.7;}

.catalogItems {display: flex; flex-wrap: wrap; gap: 10px; }
.catalogItems .item {background: #fff; width: calc(16.66% - 8.5px); padding: 15px; border: 1px solid #f3f3f3; border-radius: 5px;}
.catalogItems .item .img {margin-bottom: 10px; position: relative;}
.catalogItems .item .img img {max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.catalogItems .item .img:after {content: ''; display: block; width: 100%; padding-top: 100%;}
.catalogItems .item a {color: #5e5e5e; font-size: 14px; display: block; height: 36px; overflow: hidden;}
.catalogItems .item .price {display: block; margin-top: 2px; color: #000;}
.catalogItems .item .price .old {color: red; text-decoration: line-through; opacity: 0.7;}
.catalogItems .item .price .now {font-weight: 600; font-size: 22px;}
.catalogItems .item:hover {box-shadow: 0 2px 2px 2px #cadadb; cursor: pointer;}

.catalogBlock {max-width: 1200px; padding: 0 15px; margin: 80px auto 0; display: flex; justify-content: space-between; gap: 40px;}
.catalogBlock a {flex: 1; position: relative; height: 480px; overflow: hidden;}
.catalogBlock a img {display: block; width: 100%; height: 100%; object-fit: cover;}
.catalogBlock a:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #132c2c; opacity: 0.7;}
.catalogBlock a span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; display: flex; align-items: center; justify-content: center; text-transform: uppercase; color: #fff; font-size: 46px; font-weight: 600;}
.catalogBlock a:hover img {transform: scale(1.06);}

.wrblack {background: #000; overflow: hidden; margin: 80px 0 0; padding-bottom: 80px; overflow: hidden;}
.wrwhite {background: #fff; overflow: hidden; margin: 80px 0 0; padding-bottom: 80px; overflow: hidden;}

.bannerTelegram {max-width: 1200px; padding: 0 15px; margin: 80px auto 0;}
.bannerTelegram a {display: block; width: 100%;}
.bannerTelegram a img {display: block; width: 100%;}
.bannerTelegram a .mob {display: none;}

.podborki {max-width: 1200px; padding: 0 15px; margin: 80px auto 0; display: flex; gap: 20px;}
.podborki .left {width: 60%; display: flex; flex-wrap: wrap; gap: 20px;}
.podborki .left a {flex: 1;}
.podborki .left a:first-child {min-width: 100%;}
.podborki .right {width: 40%; display: flex; flex-direction: column; gap: 20px;}
.podborki .right a {flex: 1;}
.podborki a {position: relative; color: #000; overflow: hidden;}
.podborki a img {display: block; width: 100%; height: 100%; object-fit: cover;}
.podborki a .info {position: absolute; bottom: 0; left: 0; padding: 15px; background: #fff; max-width: 200px; width: 100%;}
.podborki a .info .name {display: block;}
.podborki a .info .price {display: block; font-size: 20px; font-weight: 700;}
.podborki a .info .count {display: block; color: #3aafb6; font-weight: 400; font-size: 18px; display: none;}
.podborki a:hover img {transform: scale(1.06);}

.popular {max-width: 1200px; padding: 0 15px; margin: 80px auto 0;}
.popular .line {text-align: center; margin: 0 auto 30px; max-width: 760px; position: relative; overflow: hidden;}
.popular .line .ps {font-size: 90px; font-weight: 900; color: #3aafb6; transform: scale(1.2,2); opacity: 0.2; width: 100%; height: 100px;}
.popular .line .ps:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #ebf3f3 5%, transparent);}
.popular .line h2 {color: #323232; font-size: 42px; font-weight: 700; text-transform: uppercase; position: relative;}
.popular .line p {font-size: 18px; color: #424242; margin-top: 10px;}

.seeall {max-width: 860px; margin: 40px auto 0; display: flex; align-items: center; justify-content: center;}
.seeall div {margin-right: 30px;}
.seeall div h3 {font-size: 34px; font-weight: 400; font-style: italic;}
.seeall div p {}
.seeall a {background: #000; color: #fff; padding: 15px 25px; display: flex; align-items: center;}
.seeall a:after {content: ''; width: 20px; height: 20px; background: url(../img/right.svg) no-repeat center / 100%; filter: invert(1); margin-left: 15px;}
.seeall a:hover {background: #353535;}

.citiSmart {max-width: 1200px; padding: 0 15px; margin: 80px auto 0;}
.citiSmart h2 {color: #323232; font-size: 42px; font-weight: 700; text-transform: uppercase; text-align: center; position: relative;}
.citiSmart h2:after {content: ''; display: block; width: 180px; height: 3px; background: #000; margin: 8px auto;}
.citiSmart .elems {display: flex; text-align: center; gap: 40px;}
.citiSmart .elems div {margin-top: 40px;}
.citiSmart .elems div h3 {font-size: 24px; font-weight: 600; color: #222;}
.citiSmart .elems div p {font-size: 18px; margin-top: 10px; color: #222;}

.presents {display: flex; gap: 40px; margin-top: 80px;}
.presents .video {flex: 1; width: 60%; position: relative;}
.presents .video .preview {display: block; width: 100%; height: 100%; object-fit: cover;}
.presents .video .info {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; background: linear-gradient(0deg, #132c2c, transparent, #132c2c);}
.presents .video .info h3 {color: #fff; text-transform: uppercase; font-size: 34px; padding: 0 15px; text-align: center;}
.presents .video .info h3 span {color: #3aafb6;}
.presents .video .info img {width: 64px;}
.presents .video .info p {font-size: 26px; color: #fff; font-weight: 100; padding: 0 15px; text-align: center;}
.presents .video:hover {}
.presents .pretg {width: 40%; background: #000; overflow: hidden; position: relative; padding: 30px; display: flex; flex-direction: column;}
.presents .pretg .telega {position: absolute; top: 50px; right: -60px; opacity: 0.2; transform: rotate(-25deg);}
.presents .pretg h3 {color: #fff; font-size: 48px; text-transform: uppercase; font-weight: 600; border-left: 5px solid #3aafb6; padding-left: 15px; position: relative;}
.presents .pretg p {color: #fff; font-size: 22px; position: relative; font-weight: 300; margin-top: 30px;}
.presents .pretg .line {flex: 1; position: relative; display: flex; align-items: end; justify-content: start;}
.presents .pretg .line {}
.presents .pretg .line a {background: #3aafb6; display: flex; align-items: center; padding: 15px; color: #fff; font-size: 18px;}
.presents .pretg .line a img {width: 24px; margin-right: 10px;}
.presents .pretg .line a:hover {background: #2fa2a9;}
.presents .pretg .line .cp {color: #3aafb6; font-size: 28px; font-weight: 400; line-height: 26px; margin-left: 15px;}

.bladr {background: #000; text-align: center; margin-top: 80px; padding: 40px 15px;}
.bladr h2 {color: #fff; font-size: 34px; font-style: italic; font-weight: 300;}
.bladr p {color: #c7c7c7; display: flex; align-items: center; justify-content: center; font-size: 18px; margin-top: 10px;}
.bladr p img {width: 24px; margin-right: 5px; filter: invert(1); opacity: 0.7;}
.bladr > a {background: #3aafb6; color: #fff; display: block; width: 240px; margin: 25px auto 0; padding: 15px 25px; text-align: center;}
.bladr > a:hover {background: #2fa2a9;}
.bladr p a {color: #fff; text-decoration: underline;}
.bladr p a:hover {text-decoration: none;}

.mt0 {margin-top: 0!important;}

.garant {display: flex; gap: 30px; max-width: 1200px; padding: 0 15px; margin: 80px auto 0;}
.garant > div {flex: 1;}
.garant .info {display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.garant .info .ico {background: #3aafb6; border-radius: 100%; padding: 50px; max-width: 200px;}
.garant .info .ico img {display: block; width: 100%;}
.garant .info h2 {color: #fff; font-weight: 600; font-size: 30px; margin-top: 30px;}
.garant .info p {margin-top: 10px; font-size: 22px; font-weight: 300; color: #bdbdbd;}
.garant .img {}
.garant .img img {display: block; width: 100%;}

.presentVideo {max-width: 1200px; padding: 0 15px; margin: 80px auto 0;}
.presentVideo h2 {color: #ffffff; font-size: 42px; font-weight: 700; text-transform: uppercase; text-align: center;}
.presentVideo p {font-size: 18px; color: #c5c5c5; text-align: center; max-width: 760px; margin: 10px auto 0;}
.presentVideo video {margin: 40px auto 0; max-width: 680px; width: 100%; display: block;}
.presentVideo a {background: #fff; display: flex; width: 340px; justify-content: space-between; padding: 15px 25px; color: #000; font-size: 18px; align-items: center; margin: 40px auto 0;}
.presentVideo a:after {content: ''; width: 20px; height: 20px; background: url(../img/right.svg) no-repeat center / 100%; margin-left: 15px;}
.presentVideo a:hover {}

.revs {display: flex; gap: 20px; max-height: 1800px; overflow: hidden; max-height: 780px; overflow: hidden;}
.revs > div {flex: 1; display: flex; flex-direction: column; gap: 20px;}
.revs > div:nth-child(2n) {padding-top: 100px;}
.revs a {}
.revs a img {display: block; width: 100%;}

.countItemsTg {max-width: 1200px; padding: 0 15px; margin: 80px auto 0; display: flex; gap: 50px; align-items: center;}
.countItemsTg .img {flex: 1;}
.countItemsTg .img img {display: block; width: 100%;}
.countItemsTg .txt {flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center;}
.countItemsTg .txt h2 {font-size: 34px; font-style: italic; font-weight: 400;}
.countItemsTg .txt p {font-size: 22px; font-weight: 300; color: #242424; margin: 20px 0 35px;}
.countItemsTg .txt a {background: #3aafb6; display: flex; align-items: center; padding: 15px; color: #fff; font-size: 18px;}
.countItemsTg .txt a img {width: 24px; margin-right: 10px;}
.countItemsTg .txt a:hover {background: #2fa2a9;}

footer {overflow: hidden;}
footer .wrb {background: #000; overflow: hidden; padding: 40px 0;}
footer .line {max-width: 1200px; padding: 0 15px; margin: auto; display: flex; justify-content: space-between; align-items: center;}
footer .line .logo {}
footer .line .logo img {display: block; height: 48px;}
footer .line .adr {color: #c7c7c7; font-size: 16px; display: flex; align-items: center; margin-left: 50px;}
footer .line .adr img {width: 28px; margin-right: 8px; filter: invert(1); opacity: 0.7;}
footer .line .adr span {}
footer .line .adr span a {color: #fff; text-decoration: underline;}
footer .line .adr span a:hover {text-decoration: none;}
footer .line .f1 {flex: 1;}
footer .line .tg {display: flex; align-items: center; background: #fff; color: #000; font-size: 28px; font-weight: 600; padding: 10px 15px; border-radius: 5px;}
footer .line .tg img {display: block; width: 28px; margin-right: 10px;}
footer .line .tg:hover {background: #f2f2f2;}
footer nav {max-width: 1200px; padding: 0 15px; margin: 40px auto 0; display: flex; justify-content: space-between; gap: 30px;}
footer nav > div {flex: 1; border-right: 1px solid #424242; padding-right: 20px;}
footer nav .title {color: #fff; text-transform: uppercase; font-size: 22px; font-weight: 600;}
footer nav ul {}
footer nav ul li {margin-top: 5px;}
footer nav ul li a {font-size: 18px; color: #dbdbdb;}
footer nav ul li a:hover {text-decoration: underline;}
footer .wbg {background: #222;}
footer .wbg > div {max-width: 1200px; margin: auto; display: flex; padding: 40px 15px; align-items: center; gap: 50px;}
footer .wbg .copyright {color: #fff; font-weight: 300; opacity: 0.5;}
footer .wbg .f1 {flex: 1;}
footer .wbg .menu {display: flex; gap: 20px;}
footer .wbg .menu a {color: #fff; font-weight: 300; opacity: 0.5;}
footer .wbg .menu a:hover {opacity: 1;}
footer .wbg .socs {display: flex; gap: 10px; padding-left: 20px;}
footer .wbg .socs a {}
footer .wbg .socs a img {display: block; width: 24px;}

.braedcrumbs {max-width: 1200px; padding: 0 15px; margin: 68px auto 15px; list-style: none; display: flex; overflow: auto; gap: 20px;}
.braedcrumbs li {position: relative;}
.braedcrumbs li:after {content: ''; width: 14px; height: 6px; background: url(../img/down.svg) no-repeat center / 100%; position: absolute; transform: rotate(-90deg); top: 8px; right: -16px; opacity: 0.5;}
.braedcrumbs li:last-child:after {display: none;}
.braedcrumbs li a {color: #454545; font-size: 14px; font-weight: 600; white-space: nowrap;}
.braedcrumbs li a:hover {text-decoration: underline;}

.page {background: #fff; padding: 12px 0 50px;}
.page > div {max-width: 1200px; padding: 0 15px; margin: 0 auto;}
.page h1 {font-size: 32px; color: #222; font-weight: 600;}

.pageCatalog {padding-top: 30px; display: flex;}

.filter {flex: none; width: 250px; margin-right: 30px;}

.wrpc {flex: 1;}
.wrpc .catalogItems .item {width: calc(20% - 8.5px);}

.imgload {position: relative;}
.imgload:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/loading.gif) no-repeat center; z-index: 9;}
.imgload img {opacity: 0; position: relative; z-index: 99;}
.imgload img.loaded {opacity: 1;}

.itemText {max-width: 1200px; padding: 40px 15px; margin: 0 auto;}
.itemText h2 {}
.itemText h3 {}
.itemText p {font-size: 18px; color: #222; margin: 15px 0;}
.itemText ul {}
.itemText ul li {}

.showMoreItems {text-align: center; border: 1px solid #858585; padding: 15px; font-size: 18px; font-weight: 600; margin-top: 30px; position: relative;}
.showMoreItems:hover {cursor: pointer; border-color: #222;}
.showMoreItems:after {content: '';}
.showMoreItems.loading {border-color: #f5f5f5;}
.showMoreItems.loading:after {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/loading.gif) no-repeat center #fff;}
.showMoreItems.hide {display: none;}

.showMoreItems_new {text-align: center; border: 1px solid #858585; padding: 15px; font-size: 18px; font-weight: 600; margin-top: 30px; position: relative;}
.showMoreItems_new:hover {cursor: pointer; border-color: #222;}
.showMoreItems_new:after {content: '';}
.showMoreItems_new.loading {border-color: #f5f5f5;}
.showMoreItems_new.loading:after {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/loading.gif) no-repeat center #fff;}
.showMoreItems_new.hide {display: none;}

.pagination {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 50px;}
.pagination a {border: 1px solid #dbdbdb; color: #222; font-size: 14px; padding: 5px 8px;}
.pagination a:hover {border-color: #000;}
.pagination a.active {background: #000; border-color: #000; color: #fff;}

.page {}
.page .tags {margin: 100px 0 0;}
.page .tags a {border-color: #dfdfdf;}
.page .tags a:hover {border-color: #707070;}

.itemPage {background: #fff;}
.itemPage > div {max-width: 1200px; padding: 15px 15px; margin: 0 auto; display: flex; justify-content: space-between; gap: 50px;}
.itemPage .left {width: 50%;}
.itemPage .left img {display: block; width: 100%;}
.itemPage .right {width: 50%;}
.itemPage h1 {font-size: 32px; color: #222; font-weight: 600;}
.itemPage .text {margin: 15px 0; border-top: 1px solid #ebf3f3; padding: 15px 0 0; color: #424242; line-height: 22px;}
.itemPage .text h2 {font-size: 24px; font-weight: 600; margin-bottom: 8px;}
.itemPage .text .tg {display: block; color: #000; border: 1px solid #000; text-align: center; padding: 12px 15px 14px; margin: 15px 0 0; border-radius: 5px; font-size: 18px;}
.itemPage .text .tg:hover {background: #000; color: #fff;}
.itemPage.MT {margin-top: 56px; padding-top: 15px;}

.moreItemsCatalog {max-width: 1200px; padding: 50px 15px; margin: 0 auto;}
.moreItemsCatalog h2 {font-size: 32px; color: #222; font-weight: 600; margin-bottom: 20px;}

.propertyTypes {}
.propertyTypes .property {margin: 15px 0; border-top: 1px solid #ebf3f3; padding: 15px 0 0;}
.propertyTypes .property .title {font-size: 22px;}
.propertyTypes .property .selectors {display: flex; padding-bottom: 10px; flex-wrap: wrap; gap: 10px; margin-top: 10px;}
.propertyTypes .property .selectors .item div {font-size: 16px; border: 1px solid #9b9b9b; padding: 8px 18px 10px; border-radius: 20px; color: #424242;}
.propertyTypes .property .selectors .item div.active {background: #000; border-color: #000; color: #fff;}
.propertyTypes .property .selectors .item div:hover {cursor: pointer; border-color: #000;}
.propertyTypes .property .selectors .item div.noisset {opacity: 0.25;}

.sizetext {font-size: 18px; color: #8b8b8b; display: block; margin: 5px 0;}
.sizetable {margin: 0 0 5px;}
.sizetable span {font-size: 18px; font-weight: 600; border-bottom: 1px solid #000;}
.sizetable span:hover {border-bottom: 1px solid transparent; cursor: pointer;}

.sizeTable {position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; padding: 60px 15px; backdrop-filter: blur(2px);}
.sizeTable.show {display: flex;}
.sizeTable .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}
.sizeTable .cont {position: relative; background: #fff; padding: 15px 20px; overflow: auto; max-height: 100%; width: 100%; max-width: 420px;}
.sizeTable .cont h2 {font-size: 22px; font-weight: 600;}
.sizeTable .cont p {margin: 10px 0;}
.sizeTable .cont .table {margin-top: 12px; margin-bottom: 25px;}
.sizeTable .cont .table table {width: 100%; border-collapse: collapse;}
.sizeTable .cont .table table tr {}
.sizeTable .cont .table table tr td {border: 1px solid #ddd; padding: 2px 5px;}
.sizeTable .cont .table table tr:hover td {background: #eee;}
.sizeTable .cont video {width: 100%; margin: 25px 0 15px;}
.sizeTable .close {position: absolute; top: 5px; right: 5px; width: 20px;}
.sizeTable .close:hover {cursor: pointer;}

.selectTabs {}
.selectTabs .tabs {display: flex; background: #f7f7f7; border-radius: 5px; padding: 5px;}
.selectTabs .tabs div {flex: 1; text-align: center; margin: 5px; background: #eee; border-radius: 3px; color: #a3a3a3;}
.selectTabs .tabs div.active {background: #3aafb6; color: #000;}
.selectTabs .tabs div:hover {cursor: pointer; color: #6a6a6a;}
.selectTabs .elems {display: flex; flex-wrap: wrap; padding: 5px;}
.selectTabs .elems label {white-space: nowrap; width: calc(25% - 6px); text-align: center; display: none; background: #f5f5f5; border-radius: 5px; margin: 3px; padding: 3px 0; position: relative; overflow: hidden;}
.selectTabs .elems label.show {display: block;}
.selectTabs .elems label input {display: none;}
.selectTabs .elems label input:checked ~ .check {display: block;}
.selectTabs .elems label .check {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #3aafb6; display: none;}
.selectTabs .elems label .value {font-size: 14px; display: block; position: relative; z-index: 9; color: #505050;}
.selectTabs .elems label:hover {color: #000; background: #e1e1e1; cursor: pointer;}
.selectTabs .elems label.active {}

.garpu {position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; padding: 60px 15px; backdrop-filter: blur(2px);}
.garpu .cls {position: absolute; top: 5px; right: 5px; width: 20px;}
.garpu .cls:hover {cursor: pointer;}
.garpu.show {display: flex;}
.garpu .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}
.garpu .cont {position: relative; background: #fff; padding: 15px 20px; overflow: auto; max-height: 100%; width: 100%; max-width: 420px;}
.garpu .cont h2 {font-size: 22px; font-weight: 600;}
.garpu .cont p {margin: 10px 0;}
.garpu .cont p a {text-decoration: underline; color: #000;}
.garpu .cont p a:hover {text-decoration: none;}

.wrprice {background: #ebf3f3; display: flex; align-items: center; padding: 20px 25px; border-radius: 5px; margin: 30px 0;}
.wrprice .price {font-size: 28px; margin-right: 30px;}
.wrprice .price span {font-size: 36px; font-weight: 600;}
.wrprice .addToBasket {flex: 1; text-align: center; background: #3aafb6; color: #fff; border-radius: 5px; padding: 15px 15px; font-size: 18px; font-weight: 600; position: relative; overflow: hidden;}
.wrprice .addToBasket:hover {cursor: pointer; background: #2fa2a9;}
.wrprice .addToBasket:after {content: 'Товар в корзине'; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #000; background: #98e3b6; z-index: 9; display: flex; align-items: center; justify-content: center;}
.wrprice .addToBasket.added {}
.wrprice .addToBasket.added:after {opacity: 1;}
.wrprice .addToBasket.added:hover {}
.wrprice .no {font-size: 20px; font-weight: 600;}

.tableBasketItemsMail {display: none;}
.tableBasketItemsTG {display: none;}

.tableBasket {width: 100%; border-collapse: collapse; margin-top: 20px;}
.tableBasket tr {}
.tableBasket tr td {border: 1px solid #ebebeb; padding: 10px;}
.tableBasket tr th {border: 1px solid #ebebeb; padding: 10px; text-align: left; font-weight: 500; font-weight: 600;}
.tableBasket .img {}
.tableBasket .img a {display: block; width: 60px; height: 60px; position: relative;}
.tableBasket .img a:after {content: ''; display: block; width: 100%; padding-top: 100%;}
.tableBasket .img a img {max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.tableBasket .name {width: 100%;}
.tableBasket .name a {color: #000; font-weight: 600;}
.tableBasket .name .t {color: #000; font-weight: 600;}
.tableBasket .name .proption {color: #454545;}
.tableBasket .name .proption div {}
.tableBasket .count {}
.tableBasket .count div {display: flex; align-items: center; justify-content: space-between;}
.tableBasket .count div img {max-width: 20px;}
.tableBasket .count div img:hover {cursor: pointer;}
.tableBasket .count div span {white-space: nowrap; margin: 0 15px; font-weight: 600;}
.tableBasket .cost {font-weight: 600; white-space: nowrap;}
.tableBasket .del {}
.tableBasket .del img {max-width: 20px;}
.tableBasket .del img:hover {cursor: pointer;}

.basketButs {display: flex; justify-content: end; align-items: center; margin-top: 20px;}
.basketButs .basketOrderBut {background: #3aafb6; color: #fff; font-size: 24px; padding: 10px 30px 12px; border-radius: 5px; display: none;}
.basketButs .basketOrderBut:hover {cursor: pointer; background: #2fa2a9;}
.basketButs .txt {flex: 1; padding-right: 30px;}
.basketButs .txt p {color: #444;}

.basketForm {display: block;}
.basketForm .wrb {display: flex; justify-content: space-between; gap: 50px;}
.basketForm .block {flex: 1; margin-top: 20px; display: flex; flex-direction: column; align-items: start;}
.basketForm .block.f2 {flex: 2;}
.basketForm h2 {font-size: 22px; font-weight: 400;}
.basketForm .lit {display: flex; align-items: center; margin-top: 10px; width: 100%;}
.basketForm .lit .title {font-weight: 600;}
.basketForm .lit .star {color: red; font-weight: 600;}
.basketForm .lit input {flex: 1; font-size: 16px; border: 1px solid #b9b9b9; padding: 5px 8px; border-radius: 3px; margin-left: 15px;}
.basketForm .lir {margin-top: 10px; position: relative;}
.basketForm .lir input {display: block; position: absolute; top: 5px; left: 1px; opacity: 0;}
.basketForm .lir .radio {display: inline-block; width: 14px; height: 14px; border: 1px solid #b9b9b9; position: relative; top: 2px; margin-right: 2px; border-radius: 100%;}
.basketForm .lir .radio:after {content: ''; width: 8px; height: 8px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #454545; border-radius: 100%; opacity: 0;}
.basketForm .lir input:checked ~ .radio {border-color: #454545;}
.basketForm .lir input:checked ~ .radio:after {opacity: 1;}
.basketForm .lir .text {}
.basketForm .lir .text .title {font-weight: 600;}
.basketForm .lir .text .title .priceplus {color: #3aafb6;}
.basketForm .lir .text .descr {display: block; margin-left: 19px; color: #7a7a7a;}

.blgreen {background: #e2f5e2; border-radius: 10px; padding: 5px 20px 10px; display: block; margin: 20px 0 40px;}

.br {height: 20px;}

.dopDostInfo {display: none; flex-direction: column; align-items: start; padding-left: 18px; width: 100%;}
.dopDostInfo.show {display: flex;}
.dopInfoTxt {display: block; margin-left: 70px; color: #7a7a7a; margin-top: 6px; font-size: 14px;}

.formBasketButs {display: flex; justify-content: end; gap: 30px; margin-top: 40px;}
.formBasketButs .back {display: flex; align-items: center; background: #eee; font-size: 18px; padding: 10px 30px 12px; border-radius: 5px; color: #666; display: none;}
.formBasketButs .back img {height: 17px; margin-right: 5px; opacity: 0.5;}
.formBasketButs .back:hover {cursor: pointer; background: #e7e7e7; color: #505050;}
.formBasketButs .back:hover img {opacity: 0.7;}
.formBasketButs input[type="submit"] {background: #3aafb6; color: #fff; font-size: 24px; padding: 10px 30px 12px; border-radius: 5px;}
.formBasketButs input[type="submit"]:hover {background: #2fa2a9;}

.btext {font-size: 24px; margin: 10px 0;}

.pageSearch {padding-top: 70px;}
.pageSearch .catalogItems {margin-top: 10px;}
.notfound_text {margin: 5px 0; font-size: 22px;}

.wrTIL {display: flex; flex-direction: column; gap: 15px;}
.textIcoLine {display: flex; align-items: start;}
.textIcoLine img {width: 32px; margin-right: 15px;}
.textIcoLine div {}
.textIcoLine h3 {color: #000; font-size: 20px; font-weight: 600; margin-bottom: 3px;}
.textIcoLine p {}
.textIcoLine .more {text-decoration: underline;}
.textIcoLine .more:hover {text-decoration: none; cursor: pointer;}

.butShowFilters {display: none; background: #05a3a4; color: #fff; padding: 5px 10px 6px; border-radius: 3px; margin-top: 10px; font-weight: 300; letter-spacing: 0.3px; font-size: 14px;}
.butShowFilters img {flex: none; width: 12px; margin-right: 8px;}

.filters {}
.filters form {display: flex; flex-direction: column;}
.filters .field {margin-bottom: 15px; flex: 1;}
.filters .field .title {display: block; font-size: 20px; margin-bottom: 3px; font-weight: 600;}
.filters .field .inps {display: flex;}
.filters .field .inps label {position: relative; border: 1px solid #d9d9d9; padding: 5px 8px; border-radius: 3px; overflow: hidden; display: flex; margin-right: 5px; flex: 1;}
.filters .field .inps label:last-of-type {margin-right: 0;}
.filters .field .inps label .pre {font-weight: 300; margin-right: 5px;}
.filters .field .inps label input {font-size: 16px; width: 100%; flex: 1;}
.filters .field .selects {}
.filters .field .selects label {}
.filters .field .selects label select {border: 1px solid #d9d9d9; padding: 5px 8px; border-radius: 3px; font-size: 16px; width: 100%;}
.filters .field .selects label select option {}
.filters .submit {display: block; margin-top: 30px;}
.filters .submit input {background: #05a3a4; border: 1px solid #05a3a4; color: #ffffff; padding: 8px; font-size: 18px; border-radius: 3px; width: 100%; letter-spacing: 0.4px;}
.filters .submit input:hover {background: #049495; border-color: #049495;}

.filters .mob {display: none; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #efefef;}
.filters .mob .title {font-size: 24px; font-weight: 600;}
.filters .mob .close {width: 24px;}

.filters.show {display: block;}

.wr_select_checkbox {display: flex; justify-content: start; margin-top: 5px;}
.wr_select_checkbox label {display: flex; align-items: center;}
.wr_select_checkbox label input {display: none;}
.wr_select_checkbox label .check {width: 16px; height: 16px; border: 1px solid #ddd; margin-right: 5px; border-radius: 3px; position: relative;}
.wr_select_checkbox label .check:after {content: ''; position: absolute; top: 3px; left: 2px; width: 8px; height: 3px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg);}
.wr_select_checkbox label .value {letter-spacing: 0.3px;}
.wr_select_checkbox label input:checked {}
.wr_select_checkbox label input:checked ~ .check {background: #05a3a4; border-color: #05a3a4;}
.wr_select_checkbox label input:checked ~ .check:after {}
.wr_select_checkbox label:hover {cursor: pointer;}

.p404 {display: flex; flex-direction: column; align-items: center; text-align: center; padding: 150px 0;}
.p404 > div {}
.p404 > div h1 {font-size: 82px;}
.p404 > div p {}
.p404 > div p a {display: inline-block; background: #000; color: #fff; padding: 10px 15px 12px; margin-top: 50px;}
.p404 > div p a:hover {background: #282828;}

.innerPage {}
.innerPage > div {max-width: 1200px; padding: 0 15px; margin: 0 auto;}
.innerPage h2 {font-size: 24px; font-weight: 600; margin: 30px 0 0;}
.innerPage h3 {font-size: 24px; font-weight: 600; margin: 30px 0 0;}
.innerPage p {font-size: 18px; color: #222; margin: 15px 0;}
.innerPage p img {display: block; width: 100%; height: auto;}
.innerPage p a {color: #246aef;}
.innerPage p a:hover {text-decoration: underline;}
.innerPage ul {}
.innerPage ul li {}
.innerPage video {display: block; width: 100%; height: auto; margin: 20px 0;}

.pageBgNone {background: none;}

.pageColImg {}
.pageColImg > div {display: flex;}
.pageColImg > div .content {width: 70%; padding-right: 30px;}
.pageColImg > div .img {width: 30%;}
.pageColImg > div .img img {display: block; width: 100%;}

.pageColTxt {}

.w100 {width: 100%!important; padding-right: 0!important;}

.innerPageOplata {padding-bottom: 0!important;}

.paycard {padding: 0 0 50px; background: #fff;}
.paycard > div {align-items: center;}
.paycard p {font-size: 24px; font-weight: 400; letter-spacing: 0.25px; line-height: 38px; color: #454545; margin: 20px 0;}
.paycard p a {color: #000;}
.paycard p strong {color: #000; font-weight: 700;}

.itemPage .text .tg,
.pagination a,
.showMoreItems,
.showMoreItems_new,
.mmenu .i1,
.mmenu .i2,
input[type="submit"],
.tags a,
.sizonsall .counter a,
.topItems .line a,
.catalogItems .item,
.catalogBlock a img,
.sizonsall .counter a:after,
.topItems .line a:after,
.podborki a img,
.seeall a,
.presents .pretg .line a,
.bladr > a,
.wrprice .addToBasket,
.anim {
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.basketbuts {display: flex;}
.basketbuts .butOrderPay {font-size: 22px; background: #358fb8; color: #fff; padding: 10px 20px 12px; border-radius: 5px; margin-right: 10px;}
.basketbuts .butOrderPay:hover {cursor: pointer; background: #2177be;}

.itemImgs {}
.itemImgs .big {}
.itemImgs .mini {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-top: 20px;}
.itemImgs .mini div {border: 2px solid transparent; padding: 10px 20px; border-radius: 10px; display: flex; align-items: center; justify-content: center;}
.itemImgs .mini div.active {border: 2px solid #1c1c1c;}
.itemImgs .mini div:hover {cursor: pointer;}
.itemImgs .mini div img {display: block; width: 100%; border-radius: 10px;}

.itemSlider {display: none;}
.itemSlider .owl-dots {display: flex; justify-content: center;}
.itemSlider .owl-dots .owl-dot {width: 8px; height: 8px; background: #838383; border-radius: 100%; margin: 0 3px;}
.itemSlider .owl-dots .owl-dot.active {background: #000;}





@media (max-width: 1250px) {
	.sizonsall .proc {width: 200px;}
	.sizonsall .counter {width: 200px;}
	.banner .info h1 {font-size: 48px;}
	.catalogBlock {gap: 15px;}
}

@media (max-width: 1020px) {
	.sizonsall .text p img {top: -4px;}
	.sizonsall .text p {font-size: 18px;}
	.catalogBlock a span {font-size: 36px;}
	.sizonsall .text h2 {font-size: 36px;}
	.presents .pretg h3 {font-size: 36px;}
	.sizonsall {gap: 15px;}
	.sizonsall .proc {width: 180px;}
	.sizonsall .counter {width: 180px;}
	.garant .info .ico {padding: 30px; max-width: 150px;}
	footer .wbg > div {gap: 20px;}
	.revs {max-height: 680px;}
	.wrpc .catalogItems .item {width: calc(25% - 8.5px);}
	.filters .submit input {font-size: 16px;}
	.wr_select_checkbox label .value {font-size: 14px;}
	.filters .field .inps label .pre {font-size: 14px;}
	.filters .field .inps label input {font-size: 14px;}
	.filters .field .title {font-size: 18px;}
	.filter {width: 220px; margin-right: 20px;}
	.podborki a .info .name {font-size: 14px;}
	.podborki a .info .price {font-size: 14px;}
	.bladr {margin: 40px auto 0;}
	.presents {margin: 40px auto 0;}
	.catalogBlock {margin: 40px auto 0;}
	.sizonsall {margin: 40px auto 0;}
	.topItems {margin: 40px auto 0;}
	.popular {margin: 40px auto 0;}
	.podborki {margin: 40px auto 0;}
	.countItemsTg {margin: 40px auto 0;}
	.wrblack {margin: 40px auto 0; padding-bottom: 40px;}
	.bannerTelegram {margin: 40px auto 0;}
	.wrwhite {margin: 40px auto 0; padding-bottom: 40px;}
	.citiSmart {margin: 40px auto 0;}
	.presentVideo {margin: 40px auto 0;}
	.presents .pretg .line a {font-size: 16px; padding: 8px 10px;}
	.presents .pretg .line .cp {font-size: 18px; font-weight: 600; line-height: 20px;}
	.topmenu .menu .title {font-size: 18px;}
	.topmenu .menu nav > ul > li > a {font-size: 16px;}
	
}

@media (max-width: 970px) {
	.catalogItems .item {width: calc(25% - 8.5px);}
	footer .wbg {font-size: 14px;}
	footer nav ul li a {font-size: 16px;}
	footer .line .tg {font-size: 22px;}
	footer .line .logo img {height: 42px;}
	.page h1 {font-size: 24px;}
	.itemPage h1 {font-size: 24px;}
	.sizetext {font-size: 16px;}
	.wrprice .price span {font-size: 32px;}
	.wrprice .price {font-size: 22px;}
	.textIcoLine h3 {font-size: 18px;}
	.propertyTypes .property .selectors {gap: 5px;}
	.moreItemsCatalog h2 {font-size: 26px;}
	.presentVideo h2 {font-size: 28px;}
	.popular .line h2 {font-size: 28px;}
	.citiSmart h2 {font-size: 28px;}
	.presents .pretg h3 {font-size: 28px;}
	.popular .line p {font-size: 16px;}
	.presentVideo p {font-size: 16px;}
	.citiSmart .elems div h3 {font-size: 20px;}
	.citiSmart .elems div p {font-size: 16px;}
	.presents .video .info h3 {font-size: 28px;}
	.countItemsTg .txt h2 {font-size: 28px;}
	.sizonsall .text h2 {font-size: 28px;}
	.bladr h2 {font-size: 28px;}
	.seeall div h3 {font-size: 28px;}
	.presents .video .info p {font-size: 22px;}
	.bladr p {font-size: 18px;}
	.presents .pretg p {font-size: 18px; margin-top: 20px;}
	.podborki .left a {flex: auto;}
	.topItems .catalogItems .item {width: calc(33% - 8.5px);}
	.countItemsTg .txt p {font-size: 18px; margin: 15px 0 25px;}
	.hSearch .info .left h2 {font-size: 20px;}
	.hSearch .info .right h2 {font-size: 20px;}
	.hSearch .info .left ul li {font-size: 16px;}
	.hSearch .info .left {width: 180px; padding-right: 20px;}
}

@media (max-width: 940px) {
	.garant .info .ico {padding: 20px; max-width: 120px;}
	.garant .info h2 {font-size: 24px; margin-top: 20px;}
	.garant .info p {margin-top: 5px; font-size: 18px;}
}

@media (max-width: 900px) {
	.presents .pretg .line {flex-direction: column; align-items: start; margin-top: 25px;}
	.presents .pretg .line .cp {margin-left: 0; margin-top: 20px;}
	.bladr p img {display: none;}
	.pageColImg > div .content {width: 50%;}
	.pageColImg > div .img {width: 50%;}
}

@media (max-width: 880px) {
	footer .line .tg {font-size: 18px;}
	footer .line .adr {font-size: 14px;}
	footer nav ul li a {font-size: 14px;}
	footer nav .title {font-size: 18px;}
	footer .line .logo img {height: 34px;}
	footer .line .tg img {width: 22px; margin-right: 8px;}
	footer .wbg > div {flex-direction: column; align-items: start; gap: 10px;}
	footer .wbg .socs {padding-left: 0; margin-top: 15px;}
	.popular .line .ps {height: 60px;}
	.banner .info h1 {font-size: 36px;}
	.banner .info p {font-size: 24px;}
	.banner {padding: 120px 0 50px;}
	.banner .info .bannerSearch {margin: 70px auto 0;}
	.citiSmart .elems {flex-wrap: wrap; margin-top: 30px;}
	.citiSmart .elems div {width: calc(50% - 25px); margin-top: 0;}
	.popular .line .ps:after {display: none;}
	.popular .line .ps {display: none;}
}

@media (max-width: 820px) {
	.filters .field .title {font-size: 16px;}
	.filters {display: none; position: fixed; top: 0; left: 0; padding: 15px; background: #fff; z-index: 999; width: 100%; height: 100%; overflow: auto;}
	.filters .mob {display: flex;}
	.pageCatalog {flex-direction: column; padding-top: 0;}
	.butShowFilters {display: flex;}
	.filter {width: 100%; margin-right: 0; display: flex; margin-bottom: 15px;}
	.basketButs .basketOrderBut {font-size: 18px;}
	.formBasketButs input[type="submit"] {font-size: 18px;}
	.basketForm form {margin-top: 20px;}
	.basketForm .block {margin-top: 0;}
	.basketForm .wrb {gap: 20px; flex-direction: column;}
	.formBasketButs {gap: 15px; justify-content: center;}
	.basketButs .txt p {color: #444; font-size: 14px; margin: 0 0 10px;}
	.sizonsall {flex-wrap: wrap;}
	.sizonsall .counter {width: calc(50% - 7.5px);}
	.sizonsall .counter img {height: 60%;}
	.sizonsall .proc {display: none;}
	.sizonsall .text {margin-bottom: 30px;}
	.presents {gap: 15px;}
}

@media (max-width: 760px) {
	footer nav {flex-direction: column;}
	footer nav > div {padding-right: 0; border-right: 0;}
	footer .line {flex-direction: column; align-items: start;}
	footer .line .adr {margin: 20px 0 25px 0;}
	.itemText p {font-size: 16px;}
	.itemText ul {font-size: 16px;}
	.itemText ul li {font-size: 16px;}
	.itemText ol {font-size: 16px;}
	.itemText ol li {font-size: 16px;}
}

@media (max-width: 720px) {
	.itemPage > div {flex-direction: column;}
	.itemPage .left {width: 100%;}
	.itemPage .right {width: 100%;}
	.revs {flex-wrap: wrap;}
	.revs > div {flex: auto; width: 30%;}
	.tableBasket tr td {padding: 10px;}
	.tableBasket .name .proption div {font-size: 14px;}
	.catalogBlock a span {font-size: 28px;}
	.podborki .left {width: 50%;}
	.podborki .right {width: 50%;}
	.countItemsTg {gap: 20px;}
	.hSearch .info {display: none;}
	.hSearch form {gap: 15px;}
	.hSearch form .cls {font-size: 16px;}
	.hSearch form input[type="submit"] {font-size: 16px;}
	.hSearch form label input {font-size: 16px;}
	.itemImgs {display: none;}
	.itemSlider {display: block;}
}

@media (max-width: 700px) {
	.catalogBlock {flex-direction: column;}
	.catalogBlock a {flex: auto; height: 280px;}
	.seeall {flex-direction: column;}
	.seeall div {margin-right: 0; text-align: center; margin-bottom: 20px;}
	.countItemsTg {flex-direction: column;}
	.presents {flex-direction: column;}
	.presents .video {width: 100%;}
	.presents .pretg {width: 100%;}
}

@media (max-width: 650px) {
	.catalogItems .item {width: calc(50% - 5px);}
	.wrpc .catalogItems .item {width: calc(50% - 5px);}
	.popular {margin: 30px auto 0;}
	.garant {flex-direction: column;}
	.garant .img {display: none;}
	.garant {margin: 60px auto 0;}
	.presentVideo {margin: 60px auto 0;}
	.presentVideo h2 {font-size: 24px;}
	.popular .line h2 {font-size: 24px;}
	.tableBasket tr:first-child {display: none;}
	.tableBasket tr {display: flex; margin-bottom: 15px; flex-wrap: wrap; border: 1px solid #ebebeb;}
	.tableBasket .img {display: flex; justify-content: center; width: 140px;}
	.tableBasket .name {width: calc(100% - 140px);}
	.tableBasket .count {width: 140px;}
	.tableBasket .cost {flex: 1;}
	.tableBasket .del {display: flex;}
	.trTotalCost {border: none!important;}
	.trTotalCost th {border: none!important; background: #f7f7f7;}
	.trTotalCost .img {display: none;}
	.trTotalCost .count {display: none;}
	.trTotalCost .del {display: none;}
	.trTotalCost .cost {text-align: right;}
	.basketForm .lit .title {font-size: 14px;}
	.basketForm .lir .text .title {font-size: 14px;}
	.basketForm h2 {font-size: 20px;}
	.basketButs {margin-top: 0;}
	.formBasketButs {margin-top: 30px;}
	.basketButs {flex-direction: column;}
	.basketButs .txt {padding-right: 0; text-align: center;}
	.basketButs .basketOrderBut {margin-top: 5px;}
	.banner .info .bannerSearch form input[type="submit"] {font-size: 16px;}
	.banner .info .bannerSearch form label input {font-size: 16px;}
	.catalogBlock a {height: 220px;}
	.topItems .catalogItems .item {width: calc(50% - 5px);}
	.podborki {gap: 15px;}
	.podborki .left {gap: 15px;}
	.podborki .right {gap: 15px;}
	.citiSmart .elems {gap: 15px; margin-top: 25px;}
	.citiSmart .elems div {width: calc(50% - 7.5px);}
	.topmenu > div {flex-direction: column;}
	.infodost .img {display: none;}
	.infodost .count {display: none;}
	.infodost .del {display: none;}
	.infodost .cost {display: flex; align-items: center;}
}

@media (max-width: 620px) {
	.podborki {flex-direction: column;}
	.podborki .left {width: 100%;}
	.podborki .right {width: 100%;}
	.citiSmart .elems div {width: 100%;}
	.hSearch form {gap: 10px;}
	.hSearch form .cls {font-size: 14px;}
	.hSearch form input[type="submit"] {font-size: 14px; width: 80px; text-align: center; padding: 0;}
	.hSearch form label input {font-size: 14px;}
	.hSearch form label {padding: 5px; gap: 5px;}
	.hSearch form label img {width: 24px;}
	.hSearch form label input {width: 100%;}
	.pageColImg > div {flex-direction: column;}
	.pageColImg > div .content {width: 100%; padding-right: 0;}
	.pageColImg > div .img {width: 100%; margin-top: 20px;}
	.innerPage h2 {font-size: 20px;}
	.paycard p {font-size: 20px; letter-spacing: 0; line-height: 32px;}
}

@media (max-width: 550px) {
	.wrprice .addToBasket {font-size: 16px; font-weight: 500;}
	.popular .line .ps {font-size: 48px; height: 48px;}
	.presentVideo a {width: 300px; padding: 12px 15px; font-size: 16px;}
	.formBasketButs .back img {display: none;}
	.banner .info h1 {font-size: 32px;}
	.banner .info p {font-size: 20px; margin-top: 5px;}
	.bannerTelegram a .desc {display: none;}
	.bannerTelegram a .mob {display: block;}
}

@media (max-width: 450px) {
	.header .center .logo img {height: 24px;}
	.braedcrumbs {margin: 62px auto 15px;}
	.basketButs .basketOrderBut {font-size: 16px;}
	.formBasketButs input[type="submit"] {font-size: 16px; padding: 10px 15px 12px;}
	.formBasketButs .back {font-size: 16px; padding: 10px 15px 12px;}
}

@media (max-width: 350px) {
	.basketButs .basketOrderBut {font-size: 14px;}
	.formBasketButs input[type="submit"] {font-size: 14px;}
	.formBasketButs .back {font-size: 14px;}
}