@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&display=swap');
/* CSS Document */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

:root {
  --view-scale: 1;
  --default-unit: calc(100vw / 134);

  --color-section: #F4F4F4;
  --color-dark-section: #181717;
  --color-white: #FFF;
  --color-red: #B90A0E;
  --color-yellow: #EDB61F;
  --color-black: #181717;
  --color-gray: #F4F4F4;
  --color-darkgray: #E9E9E9;
  --color-transparent: transparent;
  --color-placeholder: #BABABA;

  --font-family-primary: 'Inter',sans-serif;
  --font-family-secondary: 'Oswald',sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --font-line-height: 1.5em; /* 24px */
  --font-size-regular: calc((var(--default-unit)*1.333)*var(--view-scale)); /* 16px */
  --font-size-button: calc((var(--default-unit)*1.333)*var(--view-scale)); /* 16px */
  --font-size-small: .75em; /* 12px */
  --font-size-normal: .875em; /* 14px */
  --font-size-medium: 1.125em; /* 18px */
  --font-size-large: 2em; /* 32px */
  --font-size-h1: 5.5em; /* 88px */
  --font-size-h2: 4.5em; /* 72px */
  --font-size-h3: 3em; /* 48px */
  --font-size-h4: 2em; /* 32px */
  --font-size-h5: 1.75em; /* 28px */

  --layout-min-width: 375px;
  --layout-margin: calc(var(--default-unit)*var(--view-scale));
  --layout-max-width: calc((var(--default-unit)*111)*var(--view-scale)); /* 1332px */
  --header-height: calc((var(--default-unit)*7.3333)*var(--view-scale)); /* 88px */

  --logo-width: calc((var(--default-unit)*13.1666)*var(--view-scale)); /* 158px */

  --radius-normal: calc((var(--default-unit)*.666)*var(--view-scale)); /* 8px */

  --transition-easy: .6s;
}

select::-ms-expand{display:none;}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 var(--color-black);}
select::-ms-value {background: none;color:var(--color-black);}
select * {color:var(--color-black)}
::-webkit-input-placeholder {color:var(--color-placeholder)}
:-moz-placeholder {color:var(--color-placeholder)}
::-moz-placeholder {color:var(--color-placeholder)}
:-ms-input-placeholder {color:var(--color-placeholder)}
::-ms-input-placeholder {color:var(--color-placeholder)}
::placeholder {color:var(--color-placeholder)}

* {position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: none;box-sizing:border-box;}
body,html {max-width:100%;min-width:var(--layout-min-width);overflow-x:hidden;text-align:center;font-family:var(--font-family-primary);font-size:var(--font-size-regular);line-height:var(--font-line-height);margin:0;padding:0;background:var(--color-section);color:var(--color-black);font-weight:var(--font-weight-regular);min-height:100vh;letter-spacing: 0;font-style:normal;}
.noscroll {overflow:hidden!important;}
.page {max-width:100%;width:100%;margin:0;z-index:2;padding:0;overflow:hidden;}
.page:not(.front-page) {padding-top:var(--header-height);}
a {text-decoration:none;-webkit-transition-duration:var(--transition-easy);transition-duration:var(--transition-easy);cursor:pointer;color:var(--color-black);}
a:hover {text-decoration:underline;color:var(--color-black);}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,img {margin: 0;padding: 0;display:block;list-style:none;}
h1,h2,h3,h4,h5 {font-weight:var(--font-weight-bold);font-family: var(--font-family-secondary);}
h1 {font-size:var(--font-size-h1);line-height:1em;margin-bottom:.4em}
h2 {font-size:var(--font-size-h2);line-height:1em;margin-bottom:.6em;}
h3 {font-size: var(--font-size-h3);line-height:1em;margin-bottom:.6em;}
h4 {font-size: var(--font-size-h4);line-height:1em;margin-bottom:.6em;}
h5 {font-size: var(--font-size-h5);line-height:1em;margin-bottom:.6em;}
h6 {font-size:var(--font-size-regular);line-height:var(--font-line-height);font-weight:var(--font-weight-medium);}
.excerpt {font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-red)!important;margin-bottom:calc(var(--layout-margin)*2);}

p {margin-bottom:var(--font-line-height);word-wrap: break-word;}

b {font-weight:var(--font-weight-semibold);}
strong {font-weight:var(--font-weight-bold);}
small {display:inline-block;font-size:var(--font-size-small);line-height:var(--font-line-height);}
.clear {display:block;content:'';clear:both;float:none;}
.bg {box-sizing: border-box;width: var(--layout-max-width);max-width:100%;margin:auto;padding:var(--layout-margin);}
.inner {padding:var(--layout-margin);margin:0;box-sizing:border-box;width:100%}

.tacenter {text-align:center!important;}
.taleft {text-align:left!important;}
.taright {text-align:right!important;}
.flex {display:flex!important;flex-wrap:wrap;}
.flexright {justify-content:flex-end;}
.flexleft {justify-content:flex-start;}
.flexcenter {align-items:center;}
.flextop {align-items:flex-start;}
.flexbottom {align-items:flex-end;}
.flexbetween {justify-content:space-between;}
.flexspacearound {justify-content:space-around;}


.col15 {width:15%}
.col20 {width:20%}
.col25 {width:25%}
.col30 {width:30%}
.col33 {width:33.3333%}
.col35 {width:35%;}
.col40 {width:40%;}
.col45 {width:45%;}
.col50 {width:50%;}
.col55 {width:55%;}
.col60 {width:60%;}
.col65 {width:65%;}
.col66 {width:66.6666%;}
.col70 {width:70%;}
.col75 {width:75%;}
.col80 {width:80%;}
.col85 {width:85%;}
.col100 {width:100%;}

.tag {display: block;position:absolute;top:calc(-1 * var(--header-height));left:0;width:0;height:0;}
.abs {display: block;position:absolute;top:0;left:0;bottom:0;right:0;}

label {display:block;font-weight:var(--font-weight-bold);line-height:var(--font-line-height);margin-bottom:0;color:var(--color-red);font-size:var(--font-size-normal);text-transform:uppercase;}
input, textarea, select {-webkit-appearance: none;-webkit-border-radius: 0;font-family:var(--font-family-primary);padding:calc(var(--layout-margin)*1);line-height:1.2em;font-size:var(--font-size-regular);height:auto;
color:var(--color-white);border-radius:0;
box-sizing: border-box;width:100%;outline:none;margin:0;-webkit-transition-duration: var(--transition-easy);transition-duration: var(--transition-easy);background-color:var(--color-transparent);resize:none;padding-left:0;padding-right:0;font-weight:var(--font-weight-medium);display: block;box-shadow: none;border:0;
border-bottom:calc(var(--layout-margin)/4) solid #4F4F4F;}

select {background: url(../img/ic_toggle.svg?v1) no-repeat calc(100% - var(--layout-margin)) center;background-size: calc(var(--layout-margin)*2) auto;padding-right:calc(var(--layout-margin)*4);}

input[type="checkbox"], input[type="radio"]{display:none;visibility:hidden;}
input, select {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
textarea {min-height:calc(var(--layout-margin)*10);height:calc(var(--layout-margin)*10)}
input:focus, textarea:focus , select:focus {border-color:var(--color-white)}


button {font-family:var(--font-family-primary);cursor:pointer;outline:none;text-align:center;-webkit-appearance: none;box-sizing: border-box;text-decoration:none;-webkit-transition-duration: var(--transition-easy);transition-duration: var(--transition-easy);-webkit-border-fit:border !important; -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -webkit-box-align: start;
        -webkit-border-fit: lines;
        -webkit-margin-collapse: discard;border:0;}

.btn, .button a {font-size:var(--font-size-button);display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;padding:calc(var(--layout-margin)*1);padding-left:calc(var(--layout-margin)*2);padding-right:calc(var(--layout-margin)*2);font-weight:var(--font-weight-bold);color:var(--color-white);background:var(--color-red);border-radius:var(--radius-normal);text-decoration:none;border:calc(var(--layout-margin)/6) solid var(--color-red);line-height:var(--font-line-height);text-align:center;}
a.btn:hover, button.btn:hover, .button a:hover {background-color:var(--color-yellow);color:var(--color-red);text-decoration:none;border-color:var(--color-yellow)}

.btnblack {background-color:var(--color-black);border-color:var(--color-black)}

.btnborder {background:none;color:var(--color-red)}

.arrow:after, .close:after, .phone:after, .msg:after, .like:before {display:block;margin:auto;margin-left:var(--layout-margin);content:'';width:calc(var(--layout-margin)*1.666);height:calc(var(--layout-margin)*1.666);background: url(../img/ic_arrow-yellow.svg) no-repeat center center;background-size:contain;}
.arrow:hover:after, .btnborder:after {background-image: url(../img/ic_arrow-red.svg);}
.close:after {background-image: url(../img/ic_close.svg)}
.phone:after {background-image: url(../img/ic_phone.svg?v1)}
.msg:after {background-image: url(../img/ic_message.svg?v1)}
.cart:after {background-image: url(../img/ic_cart.svg)}
.dots:after {background-image: url(../img/ic_dots.svg)}
.like:before {background-image: url(../img/ic_like.svg?v1);margin-left:0;margin-right:var(--layout-margin);}

/* Header */
.fix {position:fixed;min-width:var(--layout-min-width);width:100%;z-index: 99;top:0;left:0;right:0;background:var(--color-transparent);-webkit-transition-duration:var(--transition-easy);transition-duration:var(--transition-easy);}
.scroll .fix {box-shadow: 0 var(--layout-margin) calc(var(--layout-margin)*4) rgba(0,0,0,.1);background-color:var(--color-black);}

.header {min-height:var(--header-height);display:flex;flex-wrap:wrap;align-items:center;padding:0;}
.header .main-menu ul {display:flex;align-items:center;flex-wrap:wrap;justify-content:center;margin-left:calc(var(--layout-margin)*-2);margin-right:calc(var(--layout-margin)*-2);}
.header .main-menu ul li {margin-left:calc(var(--layout-margin)*2);margin-right:calc(var(--layout-margin)*2);}
.header .main-menu ul li a {text-decoration:none;display:inline-flex;align-items:center;}
.header .main-menu ul li:not(.button) a {color:var(--color-white);font-weight:var(--font-weight-bold);text-transform:uppercase;}
.header .main-menu ul li:not(.button) a:hover {text-decoration:none;color:var(--color-yellow)}

.header .main-menu ul li.ic_offer a:before, .header .main-menu ul li.ic_star a:before {display:block;margin:auto;margin-right:var(--layout-margin);content:'';width:calc(var(--layout-margin)*1.333);height:calc(var(--layout-margin)*1.333);background: url(../img/ic_menu.svg) no-repeat center center;background-size:contain;}
.header .main-menu ul li.ic_star a:before {background-image: url(../img/ic_star.svg)}

.header .main-menu ul li.ic_ig a {display:block;width:calc(var(--layout-margin)*1.66);height:calc(var(--layout-margin)*1.66);text-align:left;overflow:hidden;text-indent:-9999px;background: url(../img/ic_ig.svg) no-repeat center center;background-size:contain;}

.header .main-menu ul li ul {display:none;position:absolute;top:100%;left:0;right:auto;padding:var(--layout-margin);background:var(--color-black);transform:translate(0,0);margin:0;border-radius: 0 var(--radius-normal) var(--radius-normal) var(--radius-normal);padding-left:calc(var(--layout-margin)*2);padding-right:calc(var(--layout-margin)*2);}
.header .main-menu ul li ul li {text-align:left;margin:0;}
.header .main-menu ul li ul li a {white-space:nowrap;display:inline-block;text-transform:none!important;padding:calc(var(--layout-margin)/3)}
.header .main-menu ul li:hover ul {display:block;}
.header .main-menu ul li ul li a:before {display:none!important;}

.logo {display: flex;flex-wrap:nowrap;align-items:center;justify-content:center;width: var(--logo-width);height:auto;aspect-ratio:158/40;overflow:hidden;text-align:left;background: url(../img/logo-levnezciny.svg) no-repeat center center;background-size: contain;z-index: 4;text-indent:-9999px;overflow:hidden;}


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

.fix .ic_menu {display:none;}

.callback {width:100vh;position:fixed;height:0;top:50%;left:100%;transform:translate(-50%,-50%) rotate(-90deg);z-index:9999;justify-content:center;}
.callback.rating {left:0;transform:translate(-50%,-50%) rotate(90deg)}
.callback .btn {transform:translate(0,-100%);border-radius:var(--radius-normal) var(--radius-normal) 0 0;margin-left:var(--layout-margin);margin-right:var(--layout-margin)}
.callback .btn:hover {background-color:var(--color-black);border-color:var(--color-black)}
.callback .msg:hover {color:var(--color-yellow);background-color:var(--color-red);border-color:var(--color-red)}

.callback .red {display:inline-block;color:var(--color-red);margin-right:var(--layout-margin);}
.callback.rating .btn {transform:translate(0,-100%) rotate(180deg);border-radius: 0 0 var(--radius-normal) var(--radius-normal);}

.content {min-height:calc(100vh - var(--header-height))}
.section, .footer {padding:0;margin:0;box-sizing:border-box;display:block;padding-top:calc(var(--layout-margin)*4);padding-bottom:calc(var(--layout-margin)*4);}
.dark {color:var(--color-white);background: linear-gradient(to bottom, rgba(24,23,23,1) 0%,rgba(36,34,34,1) 100%);}
.dark a {color:var(--color-white);}
.dark p {color:var(--color-placeholder);}
.thumbnail {background-repeat:no-repeat;background-size:cover;background-position:center center;}
.section p:last-child, .footer p:last-child {margin-bottom:0!important;}

/* Promo */
.promo {min-height:100vh;padding-top:var(--header-height);color:var(--color-white);}
.promo .thumbnail {opacity:.66}
.promo .bg {margin:auto;z-index:5}
.promo p {font-weight:var(--font-weight-medium);font-size:var(--font-size-medium);margin-bottom:2em;}
.promo h1 strong {display:inline-flex;transform:rotate(-3.84deg);}
.promo h1 strong:before, .compare h3:before {display:block;position:absolute;top:0;bottom:calc(var(--layout-margin)*-1.5);left:calc(var(--layout-margin)*-1.5);right:calc(var(--layout-margin)*-1.5);border-radius:var(--radius-normal);background-color:var(--color-red);content:'';z-index:-1}

.promo .col100 ul {display:flex;flex-wrap:wrap;justify-content:flex-start;background: linear-gradient(to top, rgba(24,23,23,1) 0%,rgba(36,34,34,1) 100%);margin-top:calc(var(--layout-margin)*2);border-radius:var(--radius-normal);overflow:hidden;}
.promo .col100 ul li {padding:calc(var(--layout-margin)*3);width:25%;border-left:calc(var(--layout-margin)/6) solid var(--color-black);}
.promo .col100 ul li:before {position:absolute;bottom:0;left:0;width:50%;background-color:var(--color-yellow);height:calc(var(--layout-margin)/2);content:'';display:block;opacity:0;}
.promo .col100 ul li:first-child {border:0;}
.promo .col100 ul li:hover {background-color:var(--color-red);}
.promo .col100 ul li:hover:before {opacity:1}
.promo .col100 ul li p {margin-bottom:0;font-size:var(--font-size-regular);}
.promo .col100 ul li:hover p {color:var(--color-white);}
.promo .icon {display:block;margin-bottom:calc(var(--layout-margin)*1.5);width:calc(var(--layout-margin)*3.333);aspect-ratio:1/1;height:auto;background-repeat:no-repeat;background-size:contain;background-position:center center;filter:brightness(5);opacity:.3}
.promo .col100 ul li:hover .icon {opacity:1;filter:none;}

.promo:before, .promo:after {z-index:3;position:absolute;top:0;left:0;right:0;bottom:0;content:'';display:block;background: linear-gradient(to right, rgba(24,23,23,1) 0%,rgba(24,23,23,0) 50%,rgba(24,23,23,0) 75%,rgba(24,23,23,0.5) 100%);}
.promo:after {bottom:0;background: linear-gradient(to bottom, rgba(24,23,23,1) 0%,rgba(24,23,23,0) 15%,rgba(24,23,23,0) 50%,rgba(24,23,23,0.8) 100%);}

.qanda {width:50%;position:absolute;top:var(--header-height);bottom:0;right:0;width:50%;}

/* Items */
.front-page .offer h2 {margin-bottom:0;}
.items {margin-left:calc(var(--layout-margin)*-1);margin-right:calc(var(--layout-margin)*-1);}
.item {padding:calc(var(--layout-margin)*2);width:calc(100%/4);}
.item .desc {text-align:left;}
.item h4 {color:var(--color-red)}
.item h4 {margin-bottom:.3em}
.item h5 {line-height:1.2em;}
.item p {margin-bottom:1em;}
.item .overimg, .variants .overimg {display:block;width:80%;aspect-ratio:1/1;height:auto;margin:auto;margin-bottom:var(--layout-margin)}

.prices h3 {color:var(--color-red);margin-bottom:.3em}
.prices h5 {color:#4F4F4F;text-decoration:line-through;margin-bottom:.3em;}

.variants ol {display:flex;flex-wrap:wrap;margin-left:calc(var(--layout-margin)*-.5);margin-right:calc(var(--layout-margin)*-.5);padding-top:calc(var(--layout-margin)*.5);padding-bottom:calc(var(--layout-margin)*.5)}
.variants ol li {margin:calc(var(--layout-margin)/2);border:calc(var(--layout-margin)/6) solid #4F4F4F33;border-radius:var(--radius-normal);padding:calc(var(--layout-margin)*1.333);width:calc((100%/3) - (var(--layout-margin)*1));display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;}
.variants ol li:hover {border-color:#4F4F4F}
.variants ol li .title {display:block;width:calc(100% - (var(--layout-margin)*5));}
.variants .overimg {width:calc(var(--layout-margin)*4);margin:auto;margin-left:0;margin-right:var(--layout-margin);}

.overswiper {width:100%;height:auto;margin:0;aspect-ratio:1/1;overflow:hidden;}
.overswiper .swiper-slide {overflow:hidden;}
.labelsale, .labelrating {position:absolute;top:0;left:0;width:calc(var(--layout-margin)*19);height:calc(var(--layout-margin)*23);display:block;background: url(../img/ic_label-01.svg) no-repeat center center;background-size:contain;z-index:9}
.pics {display:flex;flex-wrap:wrap;justify-content:flex-start;margin-left:calc(var(--layout-margin)*-.5);margin-right:calc(var(--layout-margin)*-.5);padding-top:calc(var(--layout-margin)/2);}
.labelrating {background-image: url(../img/ic_label-02.svg)}
.pics .pix {cursor:pointer;}
.pics .pic {margin:calc(var(--layout-margin)/2);width:calc(20% - var(--layout-margin));height:auto;aspect-ratio:1/1;border:calc(var(--layout-margin)/6) solid #4F4F4F33;border-radius:var(--radius-normal);display:flex;align-items:center;flex-wrap:wrap;justify-content:center;overflow:hidden;}
.pics .pic p:before {display:block;width:calc(var(--layout-margin)*1.33);height:calc(var(--layout-margin)*1.33);content:'';background: url(../img/ic_camera.svg) no-repeat center center;background-size:contain;margin:auto;margin-bottom:calc(var(--layout-margin)/2);}

.topline {padding-top:calc(var(--layout-margin)*2);margin-top:var(--layout-margin);border-top:calc(var(--layout-margin)/6) solid #4F4F4F33;}
.topline ul {margin-left:calc(var(--layout-margin)*-1);margin-right:calc(var(--layout-margin)*-1);}
.topline ul li {display:inline-block;margin-left:var(--layout-margin);margin-right:var(--layout-margin);color:var(--color-placeholder);}

.stars {display:inline-flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;margin-bottom:var(--layout-margin)}
.stars span {width:calc(var(--layout-margin)*1.66);height:auto;margin:0;aspect-ratio:1/1;background: url(../img/ic_star.svg) no-repeat center center;background-size:contain;margin-left:calc(var(--layout-margin)/6);}
.stars span.half {background-image: url(../img/ic_halfstar1.svg)}
.dark .stars span.half {background-image: url(../img/ic_halfstar.svg)}
.item .stars span {width:calc(var(--layout-margin)*1.33);}

.allfiltervalues {justify-content:center;padding-top:var(--layout-margin);padding-bottom:var(--layout-margin);}
.allfiltervalues li.active {font-weight:var(--font-weight-bold);}
.checkitem:not(.visibleitem), .hide {display:none!important;}

.ulvalues {display:block;padding:var(--layout-margin);margin:var(--layout-margin);background:var(--color-darkgray);width:calc(25% - (var(--layout-margin)*2.33));border-radius:var(--radius-normal);text-align:left;z-index:7;cursor:pointer;padding-right:calc(var(--layout-margin)*4);padding-left:calc(var(--layout-margin)*1.33)}
.ulvalues:hover {z-index:9}
.ulvalues span, .ulvalues strong {display:block;}
.ulvalues strong.valstar {display:flex;align-items:center;justify-content:flex-start;}
.ulvalues strong.valstar:before {display:block;width:calc(var(--layout-margin)*1.66);height:auto;aspect-ratio:1/1;content:'';background: url(../img/ic_star-red.svg) no-repeat center center;background-size:contain;margin-right:calc(var(--layout-margin)/3);}

.ulvalues:before {position:absolute;top:50%;right:calc(var(--layout-margin)*1.33);content:'';display:block;width:calc(var(--layout-margin)*1.33);height:calc(var(--layout-margin)*1.33);background: url(../img/ic_toggle-red.svg) no-repeat center center;background-size:contain;transform:translate(0,-50%);z-index:10}
.ulvalues:hover:before {transform:translate(0,-50%) rotate(180deg)}

.ulvalues.active strong {display:none!important}
.ulvalues ul {display:none;}
.ulvalues.active ul {display:block;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;height:var(--font-line-height);width:100%;}
.ulvalues.active ul li {display:none;}
.ulvalues.active ul li.active {display:inline;}
.ulvalues .overul {border-top:1px solid transparent;font-size:var(--font-size-medium);line-height:1.5em;margin-top:calc(var(--layout-margin)/6);}
.ulvalues:hover .overul {border-color:#4F4F4F20;}

.ulvalues:hover ul {text-overflow:none!important;overflow:none!important;white-space:wrap!important;height:auto!important;position:absolute;top:0;left:calc(var(--layout-margin)*-1.33);right:calc(var(--layout-margin)*-4);display:block!important;padding:var(--layout-margin);background:var(--color-darkgray);width:auto!important;
border-radius: 0 0 var(--radius-normal) var(--radius-normal);padding-left:calc(var(--layout-margin)*1.33);padding-right:calc(var(--layout-margin)*1.33);}
.ulvalues:hover ul li {display:block!important;}
.ulvalues:hover ul li:hover {color:var(--color-red)}

.single-product:before {height:var(--header-height);position:absolute;top:calc(var(--header-height)*-1);left:0;right:0;content:'';display:block;background: var(--color-black);}

/* Compare */
.compare .overimg img {margin:auto;margin-bottom:calc(var(--layout-margin)*-11);margin-top:var(--layout-margin)}
.compare h2 {word-spacing: 100vw;margin-bottom:0;}
.compare h3 {color:var(--color-white);display:inline-flex;transform:rotate(-3.84deg);margin-bottom:2em;}
.compare ul:first-child h3 {transform:rotate(3.84deg);}
.compare h3:before {bottom:calc(var(--layout-margin)*-1);left:calc(var(--layout-margin)*-1);right:calc(var(--layout-margin)*-1);}
.compare ul {width:35%;}
.compare ul li {padding:calc(var(--layout-margin)*1.5);border: calc(var(--layout-margin)/6) solid var(--color-darkgray);border-top:0;}
.compare ul li:first-child {border:0;}
.compare ul li:nth-child(2) {border: calc(var(--layout-margin)/6) solid var(--color-darkgray);border-radius: var(--radius-normal) var(--radius-normal) 0 0}
.compare ul li:last-child {border-radius: 0 0 var(--radius-normal) var(--radius-normal)}
.compare ul li:nth-child(even) {background-color:var(--color-darkgray);}
.compare ul li:first-child img {width:70%;position:absolute;bottom:0;left:50%;transform:translate(-50%,0);}
.compare ul li:first-child br {display:none!important;}

/* How */
.how .thumbnail {background-size:contain;}
.how ul {display:flex;flex-direction:column;}
.how ul li {width:25%;text-align:left;margin-top:var(--layout-margin);margin-bottom:var(--layout-margin);}
.how ul li h4 {color:var(--color-red);}
.how ul li h5 {padding-bottom:calc(var(--layout-margin)*2)}
.how ul li h5:after, .how ul li h5:before {display:block;position:absolute;bottom:0;left:0;right:0;height:calc(var(--layout-margin)/2);border-radius:var(--radius-normal);content:'';background:#4F4F4F;}
.how ul li h5:after {background:var(--color-yellow);width:15%;right:auto;}
.how ul li:first-child h5:after {left:auto;right:0;}
.how ul li:nth-child(2) h5:after {left:15%;right:15%;width:70%;}
@media only screen and (min-width:768px){
.how ul li:first-child {order:2;margin-left:auto;margin-right:0;}
.how ul li:nth-child(2) {order:3;margin-left:5%;}
.how ul li:last-child {order:1}
}
.how h2 {margin-bottom:0;}

/* Service */
.service {border-bottom:calc(var(--layout-margin)/6) solid var(--color-darkgray);}
.page:not(.front-page) .service {border:0;border-top:calc(var(--layout-margin) / 6) solid var(--color-darkgray);}
.service .col40 img {max-width:95%;margin:0;}
.service ul {margin:calc(var(--layout-margin)*-3);width:calc(100% + (var(--layout-margin)*6));display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;}
.service ul li {margin:calc(var(--layout-margin)*3);width:calc(50% + (var(--layout-margin)*-6));}
.service ul li:before {display:block;position:absolute;top:-5%;right:0;width:30%;height:100%;content:'';background: url(../img/ic_check.svg) no-repeat top center;background-size:contain;}
.service ul li img {width:calc(var(--layout-margin)*3.333);height:auto;}
.service .col40 ol li img {width:calc(var(--layout-margin)*4);max-width:calc(var(--layout-margin)*4);height:auto;margin-bottom:-1em}

.service ol h6 {font-size:var(--font-size-medium);font-weight:var(--font-weight-bold)}

/* FAQ */
.faq .col33 img {max-width:140%;height:auto;width:auto;margin:auto;margin-left:-20%;margin-right:-20%;}
.faq ul li, .qanda ul li {display:block;margin:calc(var(--layout-margin)*3);margin-left:0;margin-right:0;padding:var(--layout-margin);border-radius:var(--radius-normal);background:var(--color-black);color:var(--color-white);width:60%;padding-top:calc(var(--layout-margin)/2);padding-bottom:calc(var(--layout-margin)/2);cursor:pointer;}
.faq ul li:before, .qanda ul li:before {display:block;width:var(--layout-margin);height:var(--layout-margin);position:absolute;bottom:calc(var(--layout-margin)*-1);left:var(--layout-margin);content:'';background:var(--color-black);transform: skew(0deg, -45deg) translate(0,-50%)}
.faq ul li:hover, .faq ul li:hover:before {background-color:var(--color-red)}
.faq .part1 ul li:nth-child(even) {margin-left:auto;margin-right:0;}
.faq .part2 ul li:nth-child(odd) {margin-left:auto;margin-right:0;}
.faq .part2 ul li:before {left:auto;right:var(--layout-margin);transform: skew(0deg, 45deg) translate(0,-50%)}
.faq ul li:not(.active) p {display:none;}

.qanda {z-index:4}
.qanda ul {position:static;}
.qanda ul li {width:auto;display:inline-block;position:absolute;top:0;left:0;color:var(--color-white)!important;}
.qanda ul li:nth-child(2) {left:auto;right:20%;top:20%;transform:translate(0,-50%);}
.qanda ul li:last-child {top:40%;left:45%;transform:translate(-50%,0);}

/* Gallery */
@media only screen and (min-width:768px){
  .gallery {padding-top:0;padding-bottom:0;}
}
.gallery .inner {padding:calc(var(--layout-margin)*2);}
.gallery .photo {height:102%;width:102%;margin:-1%;}
.gallery .col25, .gallery .col50 {min-height:30vw;overflow:hidden;}
.gallery .galleryitem {cursor:pointer;}
.gallery .col25 {display:flex;align-items:center;}

/* Contact */
.contact .overimg img {max-width:140%;margin-left:-40%;margin-right:0;width:auto;height:auto;}
.contact .form {width:90%;margin:0;}
.layer .form {width:100%;}

.hidden {display:none!important;}

/* Footer */
.footer {background:var(--color-black) url(../img/img_footer.jpg) no-repeat center center;background-size:cover;color:var(--color-placeholder);}
.footer .logo {margin:auto;margin-bottom:var(--layout-margin);}

/* Swiper */
.swiper-container {width:100%;height:100%;display:flex;}
.swiper-wrapper {position: relative;display: flex;flex-direction: row;}
.swiper-slide {position: relative;width: 100%;height:100%;align-items: center;display: flex; justify-content: center;flex-shrink: 0;}

/* Layer */
.layer {display: none;position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow-x:hidden;z-index:999;min-width:var(--layout-min-width);background: rgba(0,0,0,.8);}
.layer.opened {display: flex;justify-content:center;align-items:center;}
.layer .closelayer {position:fixed;top:0;left:0;bottom:0;right:0;display:block;width:100%;height:100%;}
.layer .ic_close {height:calc(var(--layout-margin) * 3);width:calc(var(--layout-margin) * 3);position:absolute;top:calc(var(--layout-margin) * 1);right:calc(var(--layout-margin) * 1);background: url(../img/ic_close.svg) no-repeat center center;background-size: contain;display: block;text-align:left;overflow:hidden;text-indent:-9999px;cursor:pointer;}

.layer .over {max-width: 100%;box-sizing: border-box;display: block;padding: 0;margin: auto;padding:0}
.layer .boxlayer {width: auto;max-width:100%;box-sizing: border-box;text-align:center;padding:calc(var(--layout-margin) * 4);height:auto;max-height:none;border-radius:0;width: calc(var(--layout-max-width) * .66);
display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;box-shadow: 0 0 calc(var(--layout-margin) * 3) rgba(0,0,0,.2);border-radius:var(--radius-normal);min-width:var(--layout-min-width);}
.layer .cont {width:100%;display:block;min-height:var(--layout-min-width);}

.layer .overimg {width:100%;height:100%;display: flex;justify-content:center;align-items:center;max-width:100%;max-height:100%;}
.layer .swiper-container {overflow:hidden;}
.layer .swiper-container img {max-width:100%;max-height:100%;height:auto;width:auto;margin:auto;}
.layer .swiper-container .overimg {width:100%;height:100%;display: flex;}

.ic_next, .ic_prev {width:calc(var(--layout-margin)*3);height:calc(var(--layout-margin)*3);cursor:pointer;overflow:hidden;}
.ic_next:after, .ic_prev:after {display:block;top:0;left:0;right:0;bottom:0;content:'';position:absolute;background: url(../img/ic_arrow-red.svg) no-repeat center center;background-size: contain;}
.ic_prev:after {transform: rotate(180deg);}

.layer .ic_prev, .layer .ic_next {position:absolute;top:50%;transform:translate(0,-50%)}
.layer .ic_prev {left:var(--layout-margin);}
.layer .ic_next {right:var(--layout-margin);}

/* Spinner */
.spinner {width: calc(var(--layout-margin) * 4);height:calc(var(--layout-margin) * 4);margin:auto;border-radius: calc(var(--layout-margin) * 4);border: calc(var(--layout-margin) / 3) solid var(--color-gray);box-sizing:border-box;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.spinner:after {display:block;width:calc(var(--layout-margin) * 4);height:calc(var(--layout-margin) * 4);border-radius: calc(var(--layout-margin) * 4);border: calc(var(--layout-margin) / 3) solid transparent;border-top-color:var(--color-cyan);content:'';position:absolute;top:50%;left:50%;box-sizing:border-box;margin-left:calc(var(--layout-margin) * -2);margin-top:calc(var(--layout-margin) * -2);animation: spin 3s linear infinite;}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}

/* Similar */
.similar {padding-top:calc(var(--layout-margin)*4);margin-top:calc(var(--layout-margin)*-4)}
.similar ul {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:calc(var(--layout-margin)*-2)}
.similar ul li {margin:calc(var(--layout-margin)*2)}
.similar ul li a {display:inline-block;opacity:.4}
.similar ul li a:hover {opacity:1}


@media only screen and (min-width:768px){
  .noscroll.opened {overflow-y:auto!important;}
  .mobile {display:none!important;}
  .promo .thumbnail {background-attachment: fixed;}
}


@media only screen and (max-width:767px){
  :root {
    --default-unit: calc(100vw / 40);
  }

  .desktop {display:none!important;}
  .fix .header {padding-top:0;padding-bottom:0;}
  .opened .fix {height:100%;overflow-x:hidden;background-color:var(--color-black);}
  .fix .ic_menu {display:block;width:calc(var(--layout-margin)*4);height:calc(var(--layout-margin)*4);overflow:hidden;text-align:left;overflow:hidden;text-indent:-9999px;background: url(../img/ic_menu.svg) no-repeat center center;background-size:contain;cursor:pointer;}
  .opened .fix .ic_menu {background-image:url(../img/ic_close.svg);}
  .header .main-menu {display:none;padding-top:calc(var(--layout-margin)*5);padding-bottom:calc(var(--layout-margin)*5);}
  .header .main-menu ul {display:block;}
  .header .main-menu ul li:not(.button) {margin:0;font-size:calc(var(--font-size-regular)*1.1);line-height:var(--font-line-height);margin-bottom:calc(var(--layout-margin)*2);}
  .header .main-menu ul li.button {padding-top:var(--layout-margin);margin:0;}
  .opened .header .main-menu {display:block;width:100%;}

	.header .main-menu ul li ul {display:block;position:relative;top:auto;left:auto;margin:0;transform:none;}
	.header .main-menu ul li ul li {text-align:center;margin:0!important;}

  .section, .footer {padding-top:calc(var(--layout-margin)*2);padding-bottom:calc(var(--layout-margin)*2)}
  .promo {padding-top:var(--header-height);padding-bottom:0;}
  .gallery {padding-bottom:0;}
  .gallery .taleft {text-align:center!important;}
  .promo .col50 {width:100%;}

  .faq .col33, .contact .col50, .service .col40, .service .col60, .how ul li, .gallery .col25:nth-child(2), .gallery .col50, .deal .col50, .deal .col45, .item, .layer .col50 {width:100%}
  .contact .col25, .gallery .col25, .gallery .col50.second {width:50%;}
  .gallery .col25, .gallery .col50 {min-height:50vw;}
  .faq ul li {width:80%;}
  .service ul {margin:0;width:100%;}
  .service ul li {margin:var(--layout-margin);margin-left:0;margin-right:0;width:100%;}
  .promo .col100 ul {margin-left:calc(var(--layout-margin)*-1);margin-right:calc(var(--layout-margin)*-1);width:calc(100% + (var(--layout-margin)*2));margin-bottom:calc(var(--layout-margin)*-1)}
  .promo .col100 ul li {width:50%;border-bottom:calc(var(--layout-margin)/6) solid var(--color-black);}
  .promo .col100 ul li:nth-child(odd) {border-left:0;}
  .promo .col100 ul li:nth-last-child(1), .promo .col100 ul li:nth-last-child(2) {border-bottom:0;}
  .how .thumbnail {position:relative;width:100%;height:auto;aspect-ratio:20/15;margin-bottom:calc(var(--layout-margin)*-4);}
  .ulvalues {width:calc(100% - (var(--layout-margin)*2.33))}
  .variants ol li {width:calc(100% - (var(--layout-margin)*1))}
  .prices, .btns {width:100%;}
  .prices {margin-bottom:calc(var(--layout-margin)*2)}

  .compare .flexspacearound {justify-content:center;}
  .compare ul {width:100%;}
  .compare ul li:first-child {padding-top:60vw;}
  .compare .overimg {display:none;}
  .contact .form {width:100%}
  .contact .tel24, .layer .tel24 {display:block;padding-top:var(--layout-margin)}
  .header .main-menu ul li.ic_ig a {margin-left:auto;margin-right:auto;}
	.similar {padding-top:calc(var(--layout-margin)*2);margin-top:calc(var(--layout-margin)*-2)}

}

input.wpcf7-not-valid, textarea.wpcf7-not-valid {border-color:var(--color-red)!important}
.wpcf7-not-valid-tip {font-size: var(--font-size-small)!important;color:var(--color-red)!important;display: inline-block;padding-top:calc(var(--layout-margin) / 3);padding-bottom:0;}
.wpcf7 form .wpcf7-response-output {margin:0!important;padding:var(--layout-margin)!important;border:0!important;text-align:left;}

.wpcf7-list-item {display:block;margin:0;}
.wpcf7-acceptance label, .wpcf7-checkbox label {margin:0;padding-left:calc(var(--layout-margin)*2.5);font-weight:var(--font-weight-regular);text-transform:none;font-size:var(--font-size-regular);color:var(--color-white)}
.wpcf7-acceptance label .wpcf7-list-item-label, .wpcf7-checkbox label .wpcf7-list-item-label {display: block;position:static;cursor:pointer;}
.wpcf7-acceptance label .wpcf7-list-item-label:before, .wpcf7-acceptance label .wpcf7-list-item-label:after, .wpcf7-checkbox label .wpcf7-list-item-label:before, .wpcf7-checkbox label .wpcf7-list-item-label:after {display: block;content:'';width: calc(var(--layout-margin)*1.5);height:calc(var(--layout-margin)*1.5);border-radius: calc(var(--radius-normal)/2);position:absolute;top:50%;left:0;box-shadow:none;background:var(--color-transparent);border:1px solid #4F4F4F;transform:translate(0,-50%)}
.wpcf7-acceptance label .wpcf7-list-item-label:after, .wpcf7-checkbox label .wpcf7-list-item-label:after {opacity:0;border-color:var(--color-red);background: var(--color-red) url(../img/ic_check-yellow.svg) no-repeat center center;background-size: 80% auto}
.wpcf7-acceptance label input:checked ~ .wpcf7-list-item-label:after, .wpcf7-checkbox label input:checked ~ .wpcf7-list-item-label:after {opacity:1;}

.wpcf7-checkbox .wpcf7-list-item {margin-top:calc(var(--layout-margin)/1.5);}

#wpadminbar, .otgs-development-site-front-end {display: none!important;}
#wpadminbar {text-align:left;}
#wpadminbar ul {display: inline-block;}