@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Changa:wght@400;600;700&family=Inter:wght@400;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 {
  --color-light-yellow: #fffcf7;
  --color-yellow: #FFEBBA;
  --color-header: #fefbf2;
  --color-white: #FFF;
  --color-gray: #E6E9EF;
  --color-black: #000100;
  --color-orange: #E96303;
  --color-light-blue: #F3FAFF;
  --color-blue: #D7EDFF;
  --color-dark-blue: #254292;
  --color-green: #34BF1C;
  --color-transparent: transparent;
  --font-family-primary: 'Inter',sans-serif;
  --font-family-secondary: 'Changa',sans-serif;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --font-size-regular: 16px;
  --font-size-verysmall: 0.75em; /* 12px */
  --font-size-small: .875em; /* 14px */
  --font-size-large: 1.125em; /* 18px */
  --font-size-large-x: 1.25em; /* 20px */
  --font-size-button: 18px;
  --font-line-height: 1.5em;

  --font-size-h1: 4em; /* 64px */
  --font-size-h2: 3em; /* 48px */
  --font-size-h2-layer: 2em; /* 32px */
  --font-size-h2-small: 2.5em; /* 40px */
  --font-size-h3: 1.31em; /* 21px */
  --font-size-h4: 1.5em; /* 24px */
  --font-size-h4-large: 1.75em; /* 28px */

  --font-letter-spacing: -1.23px;

  --layout-margin: 12px;
  --layout-margin-large: 16px;
  --layout-min-width: 375px;
  --layout-max-width: 1488px;
  --layout-max-middle-width: 1280px;
  --layout-articles-width: 1330px;
  --header-height: 134px;

  --logo-width: 138px;
  --logo-height: 55px;

  --radius-xs: 8px;
  --radius-s: 10px;
  --radius-m: 15px;
  --radius-l: 25px;
  --radius-xl: 30px;
  --radius-xxl: 40px;
  --transition-easy: .6s;
}

* {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-white);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;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-orange);}
a:hover {text-decoration:underline;color:var(--color-orange);}
h1,h2,h3,h4,p,ul,ol,li,img {margin: 0;padding: 0;display:block;list-style:none;}
h1,h2,h3,h4 {font-weight:var(--font-weight-bold);font-family:var(--font-family-secondary);}
h1,h2,h3,h4 {margin-bottom:calc(2 * var(--layout-margin));}
p {margin-bottom:calc(2.5 * var(--layout-margin));}
h1, h2 {font-size:var(--font-size-h2);line-height:1.16em;}
h3 {font-size: var(--font-size-h3);line-height:1.16em;}
h4 {font-size: var(--font-size-h4);line-height:1.16em;}
b {font-weight:var(--font-weight-semibold);}
strong {font-weight:var(--font-weight-bold);}
table {width: 100%;margin:0;border-spacing: 0;border-collapse: collapse;border: 0;}
table tr td, table tr th {background-clip: padding-box!important;border:0;}
.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);}
.max880 {width:calc(var(--layout-max-width)*.6);}
.inner {padding:var(--layout-margin);margin:0;box-sizing:border-box;width:100%}
.content-page p {font-size:var(--font-size-h3);line-height:1.52em;}
.content-page {width:var(--layout-max-middle-width);margin-left:auto;margin-right:auto;max-width:100%;}

.tacenter {text-align:center!important;}
.taleft {text-align:left!important;}
.taright {text-align:right!important;}
.flex {display:flex;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;}

.col15 {width:15%}
.col20 {width:20%}
.col25 {width:25%}
.col30 {width:30%}
.col33 {width:33.3333%}
.col35 {width:35%;}
.col40 {width:40%;}
.col42 {width:42.5%}
.col45 {width:45%;}
.col50 {width:50%;}
.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;}
.line {display:block;margin:var(--layout-margin);display:block;height:1px;width:calc(100% - (2 * var(--layout-margin)));}

label {display:block;font-size:var(--font-size-regular);line-height:1.7em;font-weight:var(--font-weight-bold);margin-bottom:calc(var(--layout-margin)/2)}
.wpcf7-list-item label {font-weight:var(--font-weight-normal);margin:0;}
.wpcf7-list-item label a {color:var(--color-black);text-decoration:underline;}
.wpcf7-list-item label a:hover {text-decoration:none;}
input, textarea, select {-webkit-appearance: none;-webkit-border-radius: 0;font-family:var(--font-family-primary);padding:var(--layout-margin);line-height:1.3em;font-size:var(--font-size-regular);height:auto;
color:var(--color-black);border-radius:var(--radius-xs);
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-white);resize:none;padding-left:var(--layout-margin-large);padding-right:var(--layout-margin-large);font-weight:var(--font-weight-regular);display: block;box-shadow: none;border:1px solid var(--color-gray);}
input[type="checkbox"], input[type="radio"]{display:none;visibility:hidden;}
input {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
textarea {min-height:110px;}
input:focus, textarea:focus , select:focus {}

button {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-block;padding:calc(var(--layout-margin) * 1.5);padding-left:calc(var(--layout-margin) * 4);padding-right:calc(var(--layout-margin) * 4);text-transform:none;font-weight:var(--font-weight-bold);color:var(--color-white);background:var(--color-orange);border-radius:var(--radius-xl);text-decoration:none;border:0;line-height:1.35em;text-align:center;}
.btn:hover, .button a:hover {background-color:var(--color-dark-blue);color:var(--color-white);text-decoration:none;}

.btnsmall {font-size:var(--font-size-regular);border-radius:var(--radius-l);padding:calc(var(--layout-margin) * 1);padding-left:calc(var(--layout-margin) * 3);padding-right:calc(var(--layout-margin) * 3);line-height:1.5em;}

.button a {background-color:var(--color-dark-blue);}
.button a:hover {background-color:var(--color-orange);}

/* Header */
.fix {position:fixed;min-width:var(--layout-min-width);width:100%;z-index: 99;top:0;left:0;right:0;background:var(--color-header);-webkit-transition-duration:var(--transition-easy);transition-duration:var(--transition-easy);}
.fix:before {background:#8B91A42B;position:absolute;left:50%;bottom:0;transform: translate(-50%,0);content:'';display:block;height:1px;width:calc(var(--layout-max-width) - (4 * var(--layout-margin)));max-width:calc(100% - (4 * var(--layout-margin)))}

.header {min-height:var(--header-height);display:flex;flex-wrap:nowrap;align-items:center;}
.header .inner {display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;}
.header .menu {font-weight:var(--font-weight-bold)}
.header .menu ul li:not(.button) a {color:var(--color-black);text-decoration:none;display:inline-block;font-size:var(--font-size-large)}
.header .menu ul li:not(.button) a:hover, .page:not(.front-page) .header .menu ul li.current-menu-item a, .template-infuze .header .menu ul li.parent-infuze a {color:var(--color-orange);text-decoration:none;}
.header .menu ul {display:flex;flex-wrap:wrap;align-items:center;margin-left:calc(-1.5 * var(--layout-margin));margin-right:calc(-1.5 * var(--layout-margin));}
.header .menu ul li {margin-left:calc(1.5 * var(--layout-margin));margin-right:calc(1.5 * var(--layout-margin));}
.header .menu ul li.button {margin-left:calc(3 * var(--layout-margin));}

.logo {display: block;width: var(--logo-width);height:var(--logo-height);overflow:hidden;text-align:left;text-indent:-9999px;background: url(../img/helloinfuze-logo.svg) no-repeat center center;background-size: contain;z-index: 4;}
.fix .inner {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}

.fix .ic_menu {display:none;}

.section {padding-top:calc(var(--layout-margin) * 4);padding-bottom:calc(var(--layout-margin) * 4);box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;}

/* Breadcrumbs */
.breadcrumbs ul {display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;font-size:var(--font-size-verysmall);line-height:1.5em;margin-left:calc(var(--layout-margin) * -1);margin-right:calc(var(--layout-margin) * -1);}
.breadcrumbs ul li {margin:0;}
.breadcrumbs ul li a {margin:var(--layout-margin);margin-left:calc(var(--layout-margin) * 2);;margin-right:calc(var(--layout-margin) * 2);color:var(--color-black);display:inline-block;}
.breadcrumbs ul li:after {display:inline-block;width:5px;height:9px;background: url(../img/ic_chevron.svg) no-repeat center center;background-size:contain;content:''}
.breadcrumbs ul li:last-child:after {display:none}

/* Promo */
.promo {min-height:calc(100vh - var(--header-height));background-color:var(--color-header);color:var(--color-black);}
.promo:before {width:50%;position:absolute;top:0;right:0;bottom:0;background:var(--color-white);content:'';display:block;}
.promo h1 {font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold);line-height:1.06em;letter-spacing:var(--font-letter-spacing)}
.promo h1 strong {font-weight:var(--font-weight-semibold);color:var(--color-orange);}
.promo h3 {color:var(--color-dark-blue);}
.promo p {font-size:var(--font-size-large);line-height:1.44em;}
.promo img {max-width:100%;width:75%;margin:auto;height:auto;}

/* Benefits */
.benefits {padding-bottom:0;}
.benefits ul {display:flex;flex-wrap:wrap;width:calc(100% + (2 * var(--layout-margin)));margin-left:calc(-1 * var(--layout-margin));margin-right:calc(-1 * var(--layout-margin));line-height:1.25em;}
.benefits ul li {width:calc(33.333% - (2 * var(--layout-margin)));margin-left:var(--layout-margin);margin-right:var(--layout-margin);padding-left:calc(9 * var(--layout-margin));}
.benefits ul li:before {display:block;position:absolute;left:0;top:50%;transform:translate(0,-50%);content:'';width:calc(7 * var(--layout-margin));height:auto;aspect-ratio:84/70;background-position:center center;background-size:contain;background-repeat:no-repeat;}
.benefits ul li:first-child:before {background-image: url(../img/ic_benefits-01.svg)}
.benefits ul li:nth-child(2):before {background-image: url(../img/ic_benefits-02.svg)}
.benefits ul li:nth-child(3):before {background-image: url(../img/ic_benefits-03.svg)}
.benefits ul li strong {display:inline-block;margin-bottom:calc(var(--layout-margin) / 3);}

article {display:block;padding:calc(var(--layout-margin-large) * 2);border-radius:var(--radius-s);background:var(--color-white);margin:var(--layout-margin-large);text-align:left;width:calc(100% - (var(--layout-margin-large) * 2));}
article p.last {margin-bottom:0;}

article .overthumbnail {margin:calc(var(--layout-margin-large) * -2);}
.thumbnail {width:100%;height:auto;aspect-ratio:1/1;background-size:cover;background-position:center center;background-repeat:no-repeat;}

/* List */
.list .overswiper, .vitamins .overswiper {margin-right:calc(var(--layout-margin-large) * -2.75);}
.list .overswiper:before, .vitamins .overswiper:before {width:11.5%;background:var(--color-white);position:absolute;top:0;right:0;bottom:0;z-index:2;content:'';opacity:.6}
.vitamins .overswiper:before {background:var(--color-light-yellow);width:4.5%;}
.list article {background:var(--color-blue);box-shadow: 0 0 var(--layout-margin-large) rgba(0,0,0,.08);border-radius: var(--radius-m);overflow:hidden;min-height:calc(100% - (var(--layout-margin-large) * 2));}
.list article h3 {margin-bottom:.6em;}
.list article .overthumbnail:before, .detail .gallery .overthumbnail:before {display:block;position:absolute;top:0;left:0;right:0;bottom:0;content:'';background:url(../img/img_article-background.svg) no-repeat center center;background-size:cover;}
.list article p.excerpt {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height:3em;}

.labels {position:absolute;top:calc(var(--layout-margin-large) * 2);left:0;float:left;display:block;max-width:100%;}
.labels .label {font-weight:var(--font-weight-bold);border-radius: 0 var(--radius-s) var(--radius-s) 0;padding:var(--layout-margin);padding-left:calc(var(--layout-margin-large) * 2);padding-right:calc(var(--layout-margin-large) * 2);display:inline-block;line-height:1.25em;}

.detail .gallery .labels {top:calc(var(--layout-margin-large) * 4);}
.detail .gallery .labels .label {font-size:var(--font-size-h3);line-height:1.25em;border-radius: 0 var(--layout-margin) var(--layout-margin) 0;padding-left:calc(var(--layout-margin) * 2);padding-right:calc(var(--layout-margin) * 2);}

.articles {display:flex;flex-wrap:wrap;justify-content:flex-start;margin:auto;width:var(--layout-articles-width);max-width:100%;}

/* Feedback */
.feedback, .vitamins {background-color:var(--color-light-yellow)}
.feedback article, .vitamins article {box-shadow: 0 0 calc(var(--layout-margin) / 2) rgba(0,0,0,.1);}
.feedback article {color:var(--color-dark-blue)}
.feedback article cite p {font-size:var(--font-size-large);line-height:var(--font-line-height);}
cite {display:block;font-style:normal;}
.feedback .swiper-container, .list .swiper-container, .vitamins .swiper-container {overflow:hidden;}
.feedback article, .feedback article * {-webkit-transition-duration:var(--transition-easy);transition-duration:var(--transition-easy);}

.stars {margin-bottom:calc(var(--layout-margin) * 2);display:flex;flex-wrap;wrap;align-items:center;justify-content:flex-start;}
.stars span {display:block;width:calc(var(--layout-margin-large) * 1.25);height:calc(var(--layout-margin-large) * 1.25);background:url(../img/ic_star.svg) no-repeat center center;background-size:contain;margin-right:calc(var(--layout-margin) / 6);}
.stars a {color:var(--color-black);text-decoration:underline;display:inline-block;margin-left:var(--layout-margin);}
.stars a:hover {color:var(--color-black);text-decoration:none;}

.feedback .swiper-slide, .list .swiper-slide, .vitamins .swiper-slide {align-items:flex-start;}
.feedback .swiper-slide-active article {background-color:var(--color-yellow);box-shadow:none;}
/* .feedback .swiper-slide-active article p {font-size:var(--font-size-large);line-height:var(--font-line-height);}
.feedback .swiper-slide-active article cite p {font-size:var(--font-size-large-x);line-height:var(--font-line-height);} */

/* Vitamins */
.vitamins article .btn {margin-bottom: calc(var(--layout-margin) * 2);color:var(--color-black);vertical-align:middle;padding-left:calc(var(--layout-margin-large) * 2);padding-right:calc(var(--layout-margin-large) * 2)}
.vitamins article p {font-size:var(--font-size-large);line-height:1.5em;}
.vitamins article p:last-child {margin-bottom:0;}

.thumb {width:calc(var(--layout-margin-large) * 2);height:calc(var(--layout-margin-large) * 2);display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:center center;margin-left:calc(var(--layout-margin-large) * -.5);margin-right:var(--layout-margin);margin-top:calc(var(--layout-margin-large) * -1);margin-bottom:calc(var(--layout-margin-large) * -1);}

.thumb.ic_plus {background-image: url(../img/ic_plus.svg);}
.thumb.ic_interval {background-image: url(../img/ic_interval.svg);}
.thumb.ic_minutes {background-image: url(../img/ic_minutes.svg);}

.border .thumb {width:calc(var(--layout-margin) * 3.75);height:calc(var(--layout-margin) * 3.75);margin-top:calc(var(--layout-margin) * -1.875);margin-bottom:calc(var(--layout-margin) * -1.875);}

.vitamins article .btn, .detail .buttons .btn {display:inline-flex;align-items:center;}

/* Detail */
.detail .bg, .about .bg, .foryou .bg {justify-content: space-between;}
.detail .col50, .about .col50, .foryou .col50 {width:calc(var(--layout-margin-large) * 44);max-width:50%;}
.detail .gallery {border-radius: calc(var(--radius-s) * 2);background:var(--color-blue);width:100%;}
.detail .gallery .overthumbnail:before {background-image: url(../img/img_detail-background.svg)}
.detail .buttons {margin-bottom: calc(var(--layout-margin) * 2);}
.detail .buttonsborder {margin-bottom:var(--layout-margin)}
.detail .buttons .btn {color:var(--color-black);vertical-align:middle;padding-left:calc(var(--layout-margin-large) * 2);padding-right:calc(var(--layout-margin-large) * 2);margin-bottom:calc(var(--layout-margin) / 2);}
.detail .buttons a.btn {background:var(--color-blue);}
.detail .structure {margin-left:calc(var(--layout-margin-large) * 2);margin-right:calc(var(--layout-margin-large) * 2)}

.allcontent:not(.short) {display:none;}
.showmore {text-decoration:underline;font-weight:var(--font-weight-bold);display:inline-block;padding-right:calc(var(--layout-margin-large)*1.4);background: url(../img/ic_toggle-orange.svg) no-repeat right center;background-size: auto calc(var(--layer-margin-large)/2);}
.showmore:hover {text-decoration:none;}

.benefitbox {padding:calc(var(--layout-margin-large) * 4);border-radius:var(--radius-xl);background:var(--color-blue);}
.detail .benefitbox {margin-top:calc(var(--layout-margin) * 2);}
.detail .benefitbox p, .benefitbox ul {font-size:var(--font-size-h3);line-height:1.4em;}
.benefitbox ul {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding-bottom:.7em;padding-top:.7em;}
.benefitbox ul li {margin-bottom:1.4em;padding-left:calc(var(--layout-margin) * 6);width:calc(var(--layout-margin) * 50);max-width:50%;}
.foryou .benefitbox ul li {width:100%;max-width:100%;}
.foryou .benefitbox p {font-size:var(--font-size-h3);line-height:1.4em;}
.benefitbox ul li:before {width:calc(var(--layout-margin)*2);height:calc(var(--layout-margin)*2);content:'';display:block;position:absolute;top:.7em;left:calc(var(--layout-margin)*2);background:url(../img/ic_check.svg) no-repeat center center;background-size:contain;transform:translate(0,-50%)}
.foryou .benefitbox ul li:before {background-image: url(../img/ic_check-orange.svg)}

.pricebox {font-weight:var(--font-weight-bold);display:block;padding:calc(var(--layout-margin-large) * 2);border-radius:var(--radius-s);background:var(--color-light-blue);text-align:left;margin:var(--layout-margin);}
.h3 {font-size:var(--font-size-h3);}
.h2 {font-size:var(--font-size-h2);}

.detail .buttons .border {border: 1px solid var(--color-orange);border-radius:var(--radius-s);background:transparent;font-size:var(--font-size-h3);font-weight:var(--font-weight-regular);padding-left:var(--layout-margin-large);padding-right:var(--layout-margin-large);line-height:1.35em;margin-right:var(--layout-margin);}
.detail .buttons .border:last-child {margin-right:0;}

/* Bonus */
.boxes {display:flex;flex-wrap:wrap;justify-content:flex-start;}
.boxes .box {display:block;padding:calc(var(--layout-margin-large) * 2);border-radius:var(--radius-m);margin:var(--layout-margin-large);text-align:left;width:calc(25% - (var(--layout-margin-large) * 2));background-color:var(--color-yellow);background-repeat:no-repeat;background-size:cover;background-position:center center;}
.boxes .box:nth-child(1), .boxes .box:nth-child(3) {color:var(--color-white);}
.boxes .box:nth-child(1) {background-color:var(--color-dark-blue);}
.boxes .box:nth-child(3) {background-color:var(--color-orange);}
.boxes .box h4 {line-height:1.4em;font-family:var(--font-family-primary);}
.boxes .box img {width:calc(var(--layout-margin-large)*3.125);height:auto;top:calc(var(--layout-margin-large)*1)}

/* Feel */
.front-page .feel {padding-top:0;}
.feel .benefitbox {color:var(--color-dark-blue);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;}
.feel .benefitbox p {font-size:var(--font-size-large);}
.feel .benefitbox h2 {font-size:var(--font-size-h2-small);font-family:var(--font-family-primary);}
.feel .benefitbox p:last-child {margin-bottom:0;}
.feel .benefitbox img {margin-left:auto;margin-right:0;width:auto;max-width:100%;}

/* Places */
.places {z-index:2;margin-bottom:calc(var(--layout-margin) * -8);padding-bottom:0;}
.places h4 {font-size:var(--font-size-h4-large);}
.places .col15 h4 {padding-top:calc(var(--layout-margin)*2);}
.places .col15 a {color:var(--color-black);text-decoration:underline;}
.places .col15 a:hover {text-decoration:none;}
.places .open {color:var(--color-green);font-weight:var(--font-weight-bold);display:block;line-height:1.5em;}

.places .btnsmall {border: calc(var(--layout-margin)/6) solid var(--color-orange);margin-top:var(--layout-margin);}
.places .btnsmall:hover {border-color: var(--color-dark-blue);}
.places .border {background-color:var(--color-transparent);color:var(--color-orange);}
.places .border:hover {color:var(--color-dark-blue);}

.places .box {margin:var(--layout-margin);padding:calc(var(--layout-margin)*2);border:1px solid var(--color-gray);background-color:var(--color-white);border-radius: var(--radius-xs);box-shadow: 0 0 calc(var(--layout-margin)*4) rgba(139, 145, 164, 0.15);display:flex;flex-wrap:wrap;align-items:flex-start;
min-height:calc(100% - (var(--layout-margin)*2));}
.places .overthumbnail {width:calc(100% - (var(--layout-margin)*2));}
.places .thumbnail {aspect-ratio:180/135;border-radius:calc(var(--radius-xs)/2);}
.places ul {display:flex;flex-wrap:wrap;justify-content:flex-start;margin:calc(var(--layout-margin)*-1);width:calc(100%+(var(--layout-margin)*2));line-height:1.5em;}
.places ul li {margin:var(--layout-margin);width:calc(46% - (var(--layout-margin)*2))}
.places ul li:nth-child(even) {width:calc(54% - (var(--layout-margin)*2))}
.places ul strong {font-size:var(--font-size-regular);line-height:1.5em;}
.places .box a:not(.btn) {text-decoration:underline;}
.places .box a:hover {text-decoration:none;}
.places .box h4 {margin-bottom: .5em;}
.places .box p:last-child {margin:0}
.places .openhours {padding-top:calc(var(--layout-margin)*2);padding-right:calc(var(--layout-margin)*2);max-width:100%;}

/* About */
.about .thumbnail {border-radius:var(--radius-m);}
.about p.large, .faq p.large, .process p.large {font-size:var(--font-size-h3);line-height:1.52em;}

/* Process */
.process {padding-top:0;}
.process ol {column-count:2;column-gap:calc(var(--layout-margin) * 4);text-align:left;counter-reset: steps;padding-top:calc(var(--layout-margin) * 2);}
.process ol li {display:inline-block;width:100%;vertical-align:top;padding-top:var(--layout-margin);padding-bottom:var(--layout-margin);padding-left:calc(var(--layout-margin) * 8);counter-increment: steps;}
.process ol li:before {display:block;margin-bottom:var(--layout-margin);font-weight:var(--font-weight-semibold);color:var(--color-dark-blue);content: "Krok "counter(steps) ":"}
.process ol li:after {display:block;width:calc(var(--layout-margin)*3);height:calc(var(--layout-margin)*3);content:'';position:absolute;top:var(--layout-margin);left:calc(var(--layout-margin) * 4);transform:translate(-50%,0);background: url(../img/ic_ol.svg) no-repeat center center;background-size:contain;}
.process ol li ul li {display:block;padding:0;margin:0;padding-left:calc(var(--layout-margin) * 2);margin-bottom:calc(var(--layout-margin) * .5);counter-increment: none;}
.process ol li ul li:after {display:none;}
.process ol li ul li:before {width: calc(var(--layout-margin) / 3);height:calc(var(--layout-margin) / 3);content:'';background:var(--color-black);top:.75em;border-radius:100%;left:var(--layout-margin);transform:translate(-50%,-50%);display:block;position:absolute;}
.process ol li h3 {font-size:var(--font-size-h2-layer);line-height:1.3em;font-family:var(--font-family-primary);margin-bottom:.4em;}
.process ol li h3:before {display:block;width:calc(var(--layout-margin) / 6);height:calc(var(--layout-margin-large)*6.25);position:absolute;top:.65em;left:calc(var(--layout-margin) * -4);content:'';background:var(--color-orange);}
.process ol li:last-child h3:before {display:none}

/* ForYou */
.foryou {padding-bottom:0;}
.foryou .icons h4 {font-size:var(--font-size-large);line-height:1.4em;margin:0;}
.foryou .icons ul {width:calc(var(--layout-margin-large)*31.75);max-width:100%;margin:auto;display:flex;justify-content:flex-start;flex-wrap:wrap;}
.foryou .icons ul li {padding:calc(var(--layout-margin-large)*2);margin:var(--layout-margin);width:calc(50% - (var(--layout-margin)*2));background:var(--color-white);border-radius:var(--radius-m);box-shadow: 0 0 calc(var(--layout-margin)/2) rgba(0,0,0,.1);display:block;}
.foryou .icons ul li img {width:calc(var(--layout-margin-large)*4.75);height:auto;margin:auto;max-width:100%;}

/* FAQ */
.faq {background-color:var(--color-light-yellow);}
.faq ul {text-align:left;padding-top:calc(var(--layout-margin)*2);}
.faq ul li {margin-bottom:calc(var(--layout-margin)*2);background:var(--color-white);border-radius:var(--radius-s);padding:calc(var(--layout-margin)*2);cursor:pointer;box-shadow: 0 0 var(--layout-margin-large) rgba(0,0,0,.08);padding-right:calc(var(--layout-margin)*4);}
.faq ul li h3 {font-family:var(--font-family-primary);font-size:var(--font-size-h4);color:var(--color-dark-blue);}
.faq ul li:not(.active) h3 {margin-bottom:0;display:block;}
.faq ul li:not(.active) * {display:none;}
.faq ul li p:last-child {margin-bottom:0;}
.faq ul li a {color:var(--color-dark-blue);text-decoration:underline;}
.faq ul li a:hover {text-decoration:none;}
.faq ul li h3:before {display:block;width:calc(var(--layout-margin-large)*1.25);height:calc(var(--layout-margin-large)*1.25);content:'';position:absolute;top:50%;right:calc(var(--layout-margin)*-2);background:url(../img/ic_toggle.svg) no-repeat center center ;background-size:contain;transform:translate(0,-50%);-webkit-transition-duration:var(--transition-easy);transition-duration:var(--transition-easy);}
.faq ul li.active h3:before {transform:translate(0,-50%) rotate(180deg);}

select {background: var(--color-white) url(../img/ic_toggle.svg) no-repeat calc(100% - var(--layout-margin)) center;
background-size: calc(var(--layout-margin-large)*1.25)}

/* Txt */
.txt table td, .txt table th {padding:calc(var(--layout-margin)/2);vertical-align:top;}
.txt table td:first-child, .txt table th:first-child {padding-left:0;}
.txt table td:last-child, .txt table th:last-child {padding-right:0;}
.txt table {font-size:calc(var(--font-size-small)/1.6);line-height:1.4em;margin-bottom:1.5em;}
.txt table p:last-child {margin-bottom:0;}
.txt ul {margin-bottom:var(--font-line-height);}
.txt ul li {padding-left:calc(var(--layout-margin)*2)}
.txt ul li:before {height:1px;width:var(--layout-margin);background-color:var(--color-black);content:'';top:.75em;transform:translate(0,-50%);left:0;position:absolute;display:block;}

/* Texture */
.texture {height: 137px;background: url(../img/img-texture.svg) repeat-x center top;background-size: auto 181px;width:100%;margin-top:calc(var(--layout-margin) * 4);}

/* Footer */
.footer {background: var(--color-dark-blue);color:var(--color-white);padding-top:calc(var(--layout-margin) * 8);}
.footer .line {background:#374F98;margin-top:calc(var(--layout-margin) * 8);}
.footer a {color:var(--color-white);}
.footer .logo {background-image: url(../img/helloinfuze-logo-white.svg);margin-bottom:calc(2 * var(--layout-margin));}
.footer p {margin:0;}
.footer p {font-size:var(--font-size-small);}
.footer ul {font-size:var(--font-size-large);}
.footer ul li a {line-height:1.8em;display:inline-block;}
.footer ul li.icon a, .places .icon {padding-left:calc(2.5 * var(--layout-margin));}
.places .icon {display:inline-block;padding-left:calc(2 * var(--layout-margin));}
.footer ul li.icon a:before, .places .icon:before {width:calc(1.66 * var(--layout-margin));height:calc(1.5 * var(--layout-margin));background-size:contain;background-repeat:no-repeat;background-position:center center;content:'';position:absolute;top:50%;left:0;transform:translate(0,-50%);display:block;}
.places .icon:before {width:calc(1.16*var(--layout-margin));height:var(--layout-margin);}
.footer ul li.ic_tel a:before {background-image: url(../img/ic_tel.svg);}
.footer ul li.ic_mail a:before {background-image: url(../img/ic_mail.svg);}
.places .ic_tel:before {background-image: url(../img/ic_tel-orange.svg);}
.places .ic_mail:before {background-image: url(../img/ic_mail-orange.svg);}
.footer h4 {margin-bottom:var(--layout-margin);}

.footer .footer-menu-small ul {font-size:var(--font-size-small);margin-left:calc(var(--layout-margin)*-1);margin-right:calc(var(--layout-margin)*-1);margin-bottom:1em;}
.footer .footer-menu-small ul li {margin-left:var(--layout-margin);margin-right:var(--layout-margin);display:inline-block;}

/* 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(230, 233, 239, .6);}
.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 .over {max-width: 100%;box-sizing: border-box;display: block;padding: 0;margin: auto;padding:0}
.layer .boxlayer {background:var(--color-white);width: auto;max-width:100%;box-sizing: border-box;text-align:center;
  padding:calc(var(--layout-margin-large) * 2);height:auto;max-height:none;border-radius:0;width: calc(var(--layout-margin-large)*46.25);display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;box-shadow: 0 0 var(--layout-margin) rgba(0,0,0,.08);border-radius:0}
.layer .cont {width:100%;display:block;min-height:var(--layout-min-width);}
.layer h2 {font-size:var(--font-size-h2-layer)}
.layer .btn {background-color:var(--color-dark-blue);}
.layer .flexbetween .inner {width:auto;}
.layer .info {font-size:var(--font-size-regular);padding:calc(var(--layout-margin)*2);border-radius:var(--radius-s);background:var(--color-light-blue)}
.layer .info strong {color:var(--color-dark-blue);}

.ic_close {display:block;width:calc(var(--layout-margin) * 3);height:calc(var(--layout-margin) * 3);cursor:pointer;text-align:left;text-indent:-9999px;overflow:hidden;background: url(../img/ic_close.svg) no-repeat center center;background-size:contain;position:absolute;
  top:var(--layout-margin);right: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;}
.swiper-button-disabled {opacity:0;cursor:default!important;}
.swiper-wrapper.disabled {transform: translate3d(0px, 0, 0) !important;}

.ic_prev, .ic_next {width:calc(var(--layout-margin-large) * 2.75);height:calc(var(--layout-margin-large) * 2.75);border-radius:100%;background:var(--color-orange) url(../img/ic_arrow-left.svg) no-repeat center center;background-size:50% auto;display:block;position:absolute;top:50%;left:calc(var(--layout-margin-large) * -2.75);right:auto;transform:translate(0,-50%);z-index:5}
.ic_next {left:auto;right:calc(var(--layout-margin-large) * -2.75);transform:translate(0,-50%) rotate(180deg);}
.list .ic_next, .vitamins .ic_next {right:0;}
.pagination {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.pagination .swiper-pagination-bullet {width:calc(var(--layout-margin-large) * 1.25);height:calc(var(--layout-margin-large) * 1.25);display:block;border-radius:100%;background:var(--color-orange);opacity:.2;-webkit-transition-duration:var(--transition-easy);transition-duration:var(--transition-easy);margin:var(--layout-margin);margin-left:calc(var(--layout-margin-large) / 1.6);margin-right:calc(var(--layout-margin-large) / 1.6);cursor:pointer;}
.pagination .swiper-pagination-bullet-active {opacity:1;}


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

input.wpcf7-not-valid, textarea.wpcf7-not-valid {border-color:var(--color-orange)!important}
.wpcf7-not-valid-tip {font-size: var(--font-size-verysmall)!important;color:var(--color-orange)!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 {margin:0;padding-left:calc(var(--layout-margin-large)*2);}
.wpcf7-acceptance 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 {display: block;content:'';width: var(--layout-margin-large);height:var(--layout-margin-large);border-radius: 1px;position:absolute;top:50%;left:0;box-shadow:none;background:#fff;border:1px solid var(--color-gray);transform:translate(0,-50%)}
.wpcf7-acceptance label .wpcf7-list-item-label:after {opacity:0;border-color:var(--color-dark-blue);background:var(--color-dark-blue) url(../img/ic_check-transparent.svg) no-repeat center center;background-size: 150% auto;}
.wpcf7-acceptance label input:checked ~ .wpcf7-list-item-label:after {opacity:1;}

@media only screen and (max-width:1552px){
  :root {
    --font-size-regular: 12.8px;
    --font-size-button: 14.4px;
    --font-letter-spacing: -0.984px;
    --layout-margin: 9.6px;
    --layout-margin-large: 12.8px;
    --layout-max-width: 1190.4px;
    --layout-max-middle-width: 1024px;
    --layout-articles-width: 1064px;
    --header-height: 107.2px;
    --logo-width: 110.4px;
    --logo-height: 44px;
    --radius-xs: 6.4px;
    --radius-s: 8px;
    --radius-m: 12px;
    --radius-l: 20px;
    --radius-xl: 24px;
    --radius-xxl: 32px;
  }
}

@media only screen and (min-width:1241px){
  .noscroll.opened {overflow-y:auto!important;}
  .mobile {display:none!important;}
}

@media only screen and (max-width:1240px){

:root {
  --header-height: 82.38px;
  --layout-max-width: 560px;
  --layout-max-middle-width: 560px;
  --layout-articles-width: 560px;
}

  .desktop {display:none!important;}
  .header .menu, .list .overswiper:before, .vitamins .overswiper:before {display:none;}
  .detail .col50, .about .col50, .foryou .col50 {max-width:100%;}
  .promo .col50, .benefits .col15, .benefits .col85, .feel .col45, .places .col15, .footer .col60, .footer .col33, .places .col42 {width:100%;}
  .footer .col20 {width:50%;}
  .max880 {width:var(--layout-max-width);}
  .footer .col33 .inner {text-align:center!important;}
  .promo .col50:nth-child(2) {padding-top:calc(var(--layout-margin) * 3);}
  .promo .col50:nth-child(2):before {display:block;width:100vw;position:absolute;top:0;left:50%;bottom:calc(var(--layout-margin) * -5);background:var(--color-white);transform:translate(-50%,0);content:''}
  .promo:before {display:none;}
  .promo {min-height:1px;}
  .benefits ul li {width:calc(100% - (2 * var(--layout-margin)));padding-top:calc(var(--layout-margin)*2);padding-bottom:calc(var(--layout-margin)*2)}
  .benefits h3 {margin-bottom:0;}
  .overswiper {margin:0;width:calc(100vw - (var(--layout-margin-large)*2));left:50%;transform:translate(-50%,0)}
  .overswiper .swiper-container {overflow:visible;}
  .ic_prev {left:calc(var(--layout-margin)*-.5)!important;}
  .ic_next {right:calc(var(--layout-margin)*-.5)!important;}
  .benefitbox {padding:calc(var(--layout-margin-large) * 2)}
  .boxes .box {width:calc(100% - (var(--layout-margin-large) * 2));min-height:1px;}
  .boxes .boxthumb {height:auto;aspect-ratio:1/1;}
  .feel .benefitbox img {max-width:80%;}
  .about {padding-top:0;padding-bottom:0;}
  .footer .col33 .taleft {padding-bottom:0;}
  .footer .col33 .taright {padding-top:0;}
  .footer {padding-top:calc(var(--layout-margin) * 4)}
  .footer .line {margin-top:calc(var(--layout-margin) * 4)}
  .fix .ic_menu {display:block;width:calc(var(--layout-margin) * 3);height:calc(var(--layout-margin) * 3);cursor:pointer;text-align:left;text-indent:-9999px;overflow:hidden;background: url(../img/ic_menu.svg) no-repeat center center;background-size:contain;}
  .opened .fix .ic_menu {background-image: url(../img/ic_close.svg);}
  .header .inner {flex-wrap:wrap;}
  .header .menu {width:100%;}
  .header .menu ul {display:block;padding-top:calc(var(--layout-margin) * 4);padding-bottom:calc(var(--layout-margin) * 4);}
  .header .menu ul li {margin-left:calc(1.5 * var(--layout-margin))!important;}
  .opened .header .menu {display:block;}
  .opened .fix {height:100%;overflow-x:hidden;}
  .header .menu ul li:not(.button) {margin-bottom:calc(var(--layout-margin)*2);}
  .header .menu ul li:not(.button) a {font-size:var(--font-size-large);}
  .layer .col33, .layer .flexbetween .inner {width:100%;}
  .articles .col33 {width:50%;}
  .benefitbox ul li {max-width:100%;}
  .detail .order1 {order:1}
  .detail .order2 {order:2}
  .detail .order3 {order:3}
  .detail, .list, .promo, .txt {padding-top:0;}
  .process ol {column-count:1;}
}

@media only screen and (max-width:500px){
  .places .col35, .places .col65 {width:50%}
  .places ul li {width:calc(100% - (var(--layout-margin)*2))!important;}
  .places .btn {display:inline-flex;margin-left:-50%;justify-content:center;width:150%;transform:translate(-50%,0);left:50%;}
}