@charset "utf-8";
@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/Cera-Pro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/Cera-Pro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/Cera-Pro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* 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-white: #fff;
  --color-dark-blue: #03033d;
  --color-dark-blue-secondary: #161654;
  --color-blue:#171753;
  --color-cyan: #00b0b9;
  --color-gray: #f8fbfc;
  --color-transparent: transparent;
  --font-family-primary: 'Cera Pro',sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  --font-size-regular: 20px;
	--font-size-verysmall: .6em; /* 12px */
  --font-size-small: .8em; /* 16px */
  --font-size-button: 18px;
  --font-line-height: 1.5em;

  --font-size-h1: 4.4em; /* 88px */
  --font-size-h2: 3.6em; /* 72px */
  --font-size-h3-large: 2em; /* 40px */
  --font-size-h3: 1.6em; /* 32px */
  --font-size-h4: 1.2em; /* 24px */
  --font-size-h5: 1em; /* 20px */
  --letter-spacing: .04em;

  --layout-margin: 12px;
  --layout-min-width: 375px;
  --layout-max-width: 1448px;
  --header-height: 120px;

  --logo-width: 266px;
  --logo-height: 31px;

  --radius-s: 5px;
  --radius-m: 10px;
  --radius-xl: 25px;
  --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-dark-blue);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;}
.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-cyan);}
a:hover {text-decoration:underline;color:var(--color-cyan);}
h1,h2,h3,h4,h5,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-primary);}
h1,h2,h3,h4,h5 {margin-bottom:calc(2 * var(--layout-margin));}
p, .layer .details ul, .layer .details ol {margin-bottom:calc(2.5 * var(--layout-margin));}
.layer .details ul li, .layer .details ol li {padding-left:calc(2 * var(--layout-margin));margin-bottom:calc(var(--layout-margin) / 2)}
.layer .details ul li:before, .layer .details ol li:before {display:block;width:calc(var(--layout-margin) / 2);height:calc(var(--layout-margin) / 2);border-radius:100%;background-color:var(--color-cyan);content:'';position:absolute;top:.75em;transform:translate(0,-50%);left:calc(var(--layout-margin) / 2);}
.layer .details ol {counter-reset: section;}
.layer .details ol li {counter-increment: section;}
.layer .details ol li:before {width:calc(2 * var(--layout-margin));height:auto;top:0;transform:none;left:0;color:var(--color-cyan);content: counter(section) ".";background:none;font-weight:var(--font-weight-bold);}
h1 {font-size:var(--font-size-h1);line-height:1.16em;}
h2, .single h1 {font-size:var(--font-size-h2);line-height:1.16em;}
.single h1 {text-align:center!important;}
h3 {font-size: var(--font-size-h3);line-height:1.16em;}
h4 {font-size: var(--font-size-h4);line-height:1.16em;margin-bottom:var(--layout-margin);}
h5 {font-size: var(--font-size-h5);line-height:1.16em;color:var(--color-cyan);margin-bottom:var(--layout-margin);}
b {font-weight:var(--font-weight-medium);}
strong {font-weight:var(--font-weight-bold);}
.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;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%;}
.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)));}
.dark {color:var(--color-dark-blue)!important;}
.minh {min-height:100%}

.form {margin:calc(var(--layout-margin)*-1)}
label {display:block;font-size:var(--font-size-small);line-height:1.7em;font-weight:var(--font-weight-bold);margin-bottom:calc(var(--layout-margin)/2)}
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-white);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-dark-blue);resize:none;padding-left:var(--layout-margin);padding-right:var(--layout-margin);font-weight:var(--font-weight-medium);display: block;box-shadow: none;border:0;border-bottom:2px solid #252574;border-radius:var(--radius-s);}
input[type="checkbox"], input[type="radio"]{display:none;visibility:hidden;}
input {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
textarea {min-height:calc(var(--layout-margin)*10);height:calc(var(--layout-margin)*12);}
input:focus, textarea:focus , select:focus {border-color:var(--color-cyan);}

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

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

.more {display: inline-flex;font-weight:var(--font-weight-medium);color:var(--color-cyan);text-transform:uppercase;letter-spacing:var(--letter-spacing);align-items:center;}
.more:after {margin:0;width:calc(var(--layout-margin)*2);height:calc(var(--layout-margin)*2);content:'';display:block;background: url(../img/ic_arrow.svg) no-repeat center center;background-size:contain;}
.more.bellow:after {transform:rotate(90deg);}
.more:hover {text-decoration:none;}

/* Header */
.fix {position:fixed;min-width:var(--layout-min-width);width:100%;z-index: 99;top:0;left:0;right:0;background:transparent;-webkit-transition-duration:var(--transition-easy);transition-duration:var(--transition-easy);}
.scroll .fix, .page:not(.front-page) .fix {background-color:var(--color-dark-blue);}

.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-medium);font-size:var(--font-size-button);}
.header .menu ul li a {color:var(--color-white);text-decoration:none;display:inline-block;text-transform:uppercase;}
.header .menu ul li a:hover {color:var(--color-cyan);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));}

.logo {display: block;width: var(--logo-width);height:var(--logo-height);overflow:hidden;text-align:left;text-indent:-9999px;background: url(../img/beznoska-logo.png) 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) * 6);padding-bottom:calc(var(--layout-margin) * 6);box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;}
.section.white {color:var(--color-white);background-color:var(--color-dark-blue);}

.box {padding:calc(var(--layout-margin)*4);border-radius:var(--radius-m);width:100%;display:block;}
.thumbnail {background-size:cover;background-position:center center;background-repeat:no-repeat;display:block;}

/* Promo */
.promo {min-height:100vh;padding-top:var(--header-height);background-color:var(--color-dark-blue-secondary);color:var(--color-white);}
.promo img {max-width:100%;width:75%;margin:auto;height:auto;}
.promo p:last-child, .studies p:last-child {margin-bottom:0!important;}
.promo .col100 {padding-top:calc(var(--layout-margin)*4);}
.promo article, .studies article {width:calc(100% - (var(--layout-margin)*2));min-height:calc(100% - (var(--layout-margin)*2));padding:calc(var(--layout-margin)*3);display:block;text-align:left;border-radius:var(--radius-m);background-color:var(--color-dark-blue);margin:var(--layout-margin);padding-right:17%;overflow:hidden;}
.promo article p, .magazine article p, .studies article p {margin-bottom:var(--layout-margin);}
.promo .overthumbnail, .studies .overthumbnail {position:absolute;top:0;left:50%;bottom:0;right:0;}
.promo .overthumbnail .thumbnail, .studies .overthumbnail .thumbnail {opacity:.85}
.promo .overthumbnail:after, .magazine .overthumbnail:after, .studies .overthumbnail:after {display:block;position:absolute;top:0;left:0;right:0;bottom:0;background: linear-gradient(to right, rgba(3,3,61,1) 0%,rgba(3,3,61,0) 100%);content:''}

/* Why */
.why ul:not(.tabs) {display:flex;flex-wrap:wrap;justify-content:center;margin-left:calc(var(--layout-margin)*-1);margin-right:calc(var(--layout-margin)*-1)}
.why ul:not(.tabs) li {padding:calc(var(--layout-margin)*3);border-radius:var(--radius-m);background:var(--color-gray);text-align:center;margin:var(--layout-margin);width:calc(33.333% - (var(--layout-margin)*2));}
.why ul:not(.tabs) li p:last-child {margin-bottom:0}
.why ul:not(.tabs) li img {margin:auto;margin-bottom:calc(var(--layout-margin)*-1);}

.why .overthumbnail {margin-bottom:calc(var(--layout-margin)*-12);}
.why .overthumbnail img, .replacement .overthumbnail img, .phases .overthumbnail img {max-width:100%;margin:auto;width:auto;height:auto;}
.why .overthumbnail img {margin:0;}

.who ul:not(.tabs) li {width:calc(25% - (var(--layout-margin)*2));}

.nomar {padding-top:0!important;}

@keyframes heliAnim01 {
  from {top:0;right:-10%;}
  to {top:100%;right:110%;}
}
.ic_heli-01, .ic_heli-02 {display:block;position:absolute;top:0;right:0;width:5%;height:auto;aspect-ratio:84/64;z-index:4;background: url(../img/ic_heli.png) no-repeat center center;background-size:contain;animation-name: heliAnim01;animation-duration: 40s;animation-iteration-count: infinite;animation-timing-function: linear;}

@keyframes heliAnim02 {
  from {top:0;left:-10%;}
  to {top:100%;left:110%;}
}
.ic_heli-02 {transform:rotateY(180deg);right:auto;animation-name: heliAnim02;animation-duration: 50s;animation-iteration-count: infinite;animation-timing-function: linear;}

@keyframes car01Anim {
  from {top:4%;right:20%;}
  to {top:26%;right:37%;}
}
.ic_car-01 {aspect-ratio:50/29;width:3.7%;height:auto;position:absolute;top:4%;right:20%;display:block;background: url(../img/ic_car-01.png) no-repeat center center;background-size:contain;z-index:3;animation-name: car01Anim;animation-duration: 20s;animation-iteration-count: infinite;mix-blend-mode:multiply}

@keyframes car02Anim {
  from {top:73%;left:37%;}
  to {top:42%;left:60%;}
}
.ic_car-02 {aspect-ratio:50/27;width:3.7%;height:auto;position:absolute;top:73%;left:37%;display:block;background: url(../img/ic_car-02.png) no-repeat center center;background-size:contain;z-index:3;animation-name: car02Anim;animation-duration: 15s;animation-iteration-count: infinite;mix-blend-mode:multiply}

/* Replacement */
.replacement ol {display:flex;flex-wrap:wrap;justify-content:center;margin-left:calc(var(--layout-margin)*-1);margin-right:calc(var(--layout-margin)*-1);counter-reset: num;}
.replacement ol li {padding:calc(var(--layout-margin)*3);text-align:center;margin:var(--layout-margin);width:calc(25% - (var(--layout-margin)*2));counter-increment: num;}
.replacement ol li:after {display:block;position:absolute;top:calc((var(--layout-margin)*3) + 19px);left:0;right:0;height:3px;background-color:var(--color-gray);content:'';z-index:1;left:calc(var(--layout-margin)*-1);right:calc(var(--layout-margin)*-1)}
.replacement ol li:before {position:relative;display:block;width:40px;height:40px;border-radius:100%;background-color:var(--color-cyan);color:var(--color-white);font-weight:var(--font-weight-medium);line-height:40px;text-align:center;margin:auto;margin-bottom:calc(var(--layout-margin)*2);content: counter(num)'.';z-index:2}

.replacement ol li:first-child:after {left:50%;}
.replacement ol li:last-child:after {right:50%;}
.replacement ol li p:last-child {margin-bottom:0;}

.replacement ul li {padding-left:88px;margin-bottom:calc(var(--layout-margin)*2);}
.replacement ul li img {position:absolute;top:50%;left:0;width:70px;height:auto;margin:0;transform:translate(0,-50%);}
.replacement .col50 .btn {position:absolute;top:88%;left:50%;transform:translate(-50%,-50%);}
.replacement {padding-bottom:0!important;}

/* Indication */
.indication .overthumbnail img {width:auto;max-width:95%;margin:auto;height:auto;margin-left:0;}
.indication h4 {display:flex;width:100%;align-items:center;}
.indication h4 img {margin-right:var(--layout-margin);}
.indication .description {position:absolute;bottom:0;left:0;width:95%;text-align:right;padding:calc(var(--layout-margin)*3)}
.indication .description h2 {margin-bottom:0;color:var(--color-cyan);}

/* Studies */
.studies article {background-color:var(--color-dark-blue-secondary);}
.studies article h3 {margin-bottom:var(--layout-margin)}
.studies article img.img_icon {margin-bottom:calc(var(--layout-margin)*6)}
.studies .overthumbnail {left:10%;}
.studies .overthumbnail:after {background: linear-gradient(to right, rgba(22,22,84,1) 0%,rgba(22,22,84,0) 100%);}
.studies .overthumbnail .thumbnail {opacity:.6}
.studies .col100 {padding-top:19%;}

/* Testimonials */
.testimonials {border-bottom: 2px solid var(--color-gray);}
.testimonials ul li h5 {display:inline-flex;align-items:center;color:var(--color-dark-blue);}
.testimonials ul li h5 img {width:auto!important;height:auto!important;margin:0!important;margin-right:var(--layout-margin)!important;}

/* Phases */
.phases {padding-top:0!important;}
.phases h3 {font-size:var(--font-size-h3-large);}
.phases .overthumbnail {margin-left:25%;}
.phases .tab {width:100%;}
.phases .tab:not(.active) {display:none!important;}

.tabs {display:inline-flex;max-width:100%;font-weight:var(--font-weight-medium);color:var(--color-cyan);margin-bottom:calc(var(--layout-margin) * 3)}
.tabs li {padding:var(--layout-margin);border: calc(var(--layout-margin) / 4) solid var(--color-blue);padding-left:calc(var(--layout-margin) * 2);padding-right:calc(var(--layout-margin) * 2);cursor:pointer;}
.tabs li.active {color:var(--color-white);background-color:var(--color-blue);}

.tabs li:first-child {border-top-left-radius: 1.5em;border-bottom-left-radius: 1.5em}
.tabs li:last-child {border-top-right-radius: 1.5em;border-bottom-right-radius: 1.5em}

.testimonials .tabs li {border-color:var(--color-gray);}
.testimonials .tabs li.active {background-color:var(--color-gray);color:var(--color-dark-blue)}
.testimonials .tab-articles li:not(.active) {display:none;}

/* Magazine */
.magazine article {width:calc(25% - (var(--layout-margin)*2));padding:calc(var(--layout-margin)*3);display:block;text-align:left;border-radius:var(--radius-m);background-color:var(--color-gray);margin:var(--layout-margin);overflow:hidden;}
.magazine article:not(.active) {display:none;}
.magazine article:first-child {width:calc(50% - (var(--layout-margin)*2));}
.magazine article:first-child h4 {font-size:var(--font-size-h3);}
.articles {margin-bottom:calc(var(--layout-margin)*2)}
.magazine article .overthumbnail {margin:calc(var(--layout-margin)*-3);display:block;aspect-ratio:1/1.2;height:auto;}
.magazine article:first-child .overthumbnail {aspect-ratio: 1.8/1;}
.magazine article .overthumbnail:after {background: linear-gradient(to bottom, rgba(248,251,252,0) 50%,rgba(248,251,252,1) 100%);}
.magazine .label {position:absolute;top:calc(var(--layout-margin)*2);left:calc(var(--layout-margin)*2);display:block;float:left;background-color:var(--color-cyan);color:var(--color-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-small);padding-left:calc(var(--layout-margin)*.75);padding-right:calc(var(--layout-margin)*.75);border-radius:var(--radius-s);z-index:3;text-transform:uppercase;}

/* Contact */
.contact .box {background:var(--color-blue);}
.contact h3 {font-size:var(--font-size-h3-large);margin-bottom:0;}
.contact img {max-width:100%;width:auto;margin:0;height:auto;}
.contact img.img_icon {margin-bottom:var(--layout-margin);}
.contact .box {min-height:100%;}
.contact .minh {display:flex;}
.contact .box .flex img {margin-right:calc(var(--layout-margin)*2)}

.contactform, .studies {background-image: url(../img/img_contactform.jpg);background-repeat: no-repeat;background-position: center center;background-size:cover;}
.studies {background-image: url(../img/img_studies.jpg)}

/* Footer */
.footer {background-color:var(--color-dark-blue);color:var(--color-white);padding-top:calc(var(--layout-margin) * 6);padding-bottom:calc(var(--layout-margin) * 6);}
.footer p {margin-bottom:0;}
.footer .backin {display:inline-flex;align-items:center;justify-content:flex-end;}
.footer .backin:before {display:block;width:calc(var(--layout-margin)*24.16);height:auto;aspect-ratio: 290/41;background: url(../img/ani-footer.gif) no-repeat center center;background-size:contain;content:'';}
.footer p a {color:var(--color-white);text-decoration:underline}
.footer p a:hover {color:var(--color-white);text-decoration:none;}

/* 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;}

/* 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 {float:left;height:calc(var(--layout-margin) * 4);width:calc(var(--layout-margin) * 4);position:absolute;top:calc(var(--layout-margin) * 1.5);right:calc(var(--layout-margin) * 1.5);background: var(--color-dark-blue) url(../img/ic_close.svg) no-repeat center center;background-size: calc(var(--layout-margin) * 3) auto;display: block;text-align:left;overflow:hidden;text-indent:-9999px;cursor:pointer;border-radius:100%;}
.layer .ic_close:hover {background-color:var(--color-blue);}

.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) * 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-m);min-width:var(--layout-min-width);}
.layer .cont {width:100%;display:block;min-height:var(--layout-min-width);}
.layer .excerpt, .single .excerpt {color:var(--color-cyan);font-weight:var(--font-weight-medium);}

/* 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);
    }
}

#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-cyan)!important}
.wpcf7-not-valid-tip {font-size: var(--font-size-verysmall)!important;color:var(--color-cyan)!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)*2);font-weight:var(--font-weight-regular);}
.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);height:var(--layout-margin);border-radius: 1px;position:absolute;top:50%;left:0;box-shadow:none;background:var(--color-transparent);border:1px solid var(--color-white);transform:translate(0,-50%)}
.wpcf7-acceptance label .wpcf7-list-item-label:after {opacity:0;border-color:var(--color-cyan);background:var(--color-cyan);}
.wpcf7-acceptance label input:checked ~ .wpcf7-list-item-label:after {opacity:1;}


@media only screen and (min-width:1201px){
  .noscroll.opened {overflow-y:auto!important;}
  .mobile {display:none!important;}
  .single .bg {width: calc(var(--layout-max-width) / 1.45);}
}

@media only screen and (max-width:1440px){
:root {
  --font-size-regular: 12px;
  --font-size-button: 10px;

  --layout-margin: calc(12px*0.8);
  --layout-max-width: calc(1448px*0.8);
  --header-height: calc(120px*0.8);

  --logo-width: calc(266px*0.8);
  --logo-height: calc(31px*0.8);

}

	.why ul li img, .replacement ul li img {width:45px;}
  .replacement ul li {padding-left:56px;}
  .studies article img.img_icon {width:calc(32px * .8);}
}

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

:root {
  --layout-max-width: 560px;
  --header-height: 56px;

  --logo-width: calc(266px * .8);
  --logo-height: 24px;

  --font-size-h1: var(--font-size-h2);
  --layout-margin: 8px;

  --radius: 8px;
  --radius-xl: 25px;
}

  .desktop {display:none!important;}
  .header .menu, .list .overswiper:before, .vitamins .overswiper:before {display:none;}
  .promo .col50, .footer .col50, .indication .col50, .replacement .col50, .replacement .col25, .contact .col50, .phases .col50, .phases .col25 {width:100%;}
  .promo {min-height:1px;}
  .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 {background-color:var(--color-dark-blue);}
  .opened .fix .ic_menu {background-image: url(../img/ic_close.svg);}
  .header .inner {flex-wrap:wrap;}
  .header .menu {width:100%;font-size:var(--font-size-h3-large);line-height:1.5em;font-weight:var(--font-weight-bold);flex-wrap:wrap;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height));}
  .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;}
	.header .menu ul li a {text-transform:none;}
  .opened .header .menu {display:flex;}
  .opened .fix {height:100%;overflow-x:hidden;}
  .header .menu ul li {margin-bottom:calc(var(--layout-margin)*2);}
  .footer .taleft, .footer .taright {text-align:center!important;}
  .section {min-height:1px;}
  .order1 {order:1}
  .order2 {order:2}
  .order3 {order:3}
  .why:not(.who) ul:not(.tabs) {margin:0;}
  .why:not(.who) ul:not(.tabs) li {width:100%;margin-left:0;margin-right:0;}
  .who ul:not(.tabs) li, .replacement ol li {width:calc(50% - (var(--layout-margin)*2));}
	.replacement ul {margin-left:calc(var(--layout-margin)*-1);margin-right:calc(var(--layout-margin)*-1);display:flex;flex-wrap:wrap;}
	.replacement ul li {padding-left:0;margin:var(--layout-margin);width:calc(50% - (var(--layout-margin)*2));display:block;text-align:center;}
	.replacement ul li img {position:relative;margin:auto;transform:none;margin-bottom:var(--layout-margin);top:0;}
  .contact .form .col50 {width:50%;}
  .indication .overthumbnail img {margin:auto;}
  .magazine article {width:calc(50% - (var(--layout-margin)*2));}
  .magazine article:first-child {width:calc(100% - (var(--layout-margin)*2));}
  .studies .col100 {padding-top:25%;}
  .indication .overthumbnail img {max-width:100%;}
  .indication .description {width:100%;}
}

@media only screen and (max-width:420px){
	.contact .form .col50 {width:100%;}
}