sup {font-size: 60%; vertical-align: top; line-height: 100%;}
body {color: #2E363E; font-family: 'Open Sans', sans-serif;}

.orange {color: #F78434;}

/*============ WRAPPER ============*/
section, header, footer {width: 100%; margin: 0 auto;}
.content {width:  100%; overflow: hidden;}
.wrap {width: 96%; max-width:  1110px; margin: 0 auto; position: relative;}
.w100 {max-width: 100%;}
/*.ls5 {letter-spacing: 0.05em;}
.ls10 {letter-spacing: 0.1em;}
.ls15 {letter-spacing: 0.15em;}*/
.button {display: inline-block; border: 0.12em solid #F78434;  background: #F78434; border-radius: 1.8em; padding: 0.6em 1.2em; color: #fff; text-align: center; transition: all 0.3s;cursor: pointer;}
.button:hover {background: #fff; color: #F78434;}

#hidden-content {text-align: center; width: 80%; max-width: 880px;padding: 3.5em 3%; position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.1); background: #fff; border-radius: 1em;}
#hidden-content .fancybox-close-small {font-size: 22px; padding: 0; top: 1em; right: 1em; width: 1.2em; height: 1.2em;background: url(../img/icons/close.svg) 50% 50%; background-size: 100%; color: #fff;}
#hidden-content .fancybox-close-small svg {display: none;}
#hidden-content img {margin: 0 auto; min-width: 40px; width: 6%;}
#hidden-content p {padding-top: 2%; max-width: 540px; margin: 0 auto;}

header {position: fixed; top: 0; z-index: 50; background: #fff; box-shadow: 0 0.5em 1em rgba(0,0,0,0.1);}
header .wrap {padding: 1em 0;}

header .logo {display: inline-block; width: 16%; min-width: 100px;}
header .logo img {width: 100%;}
header a {color: #2E363E; margin-right: 1.5em;}
header a:hover {color: #F78434;}
header .button {padding: 0.5em 2.4em;}

header .menu-icon {display:  none; cursor: pointer; width: 1.5em; height: 1.2em; position: relative; cursor: pointer; transition: all 0.25s linear 0s;}
header .menu-icon div {position: absolute; width: 100%; height: 0.22em; background-color: #F78434; border-radius: 0.25em; transition: all 0.15s linear 0.1s;}
header .menu-icon div:nth-child(1) {top: 0em;}
header .menu-icon div:nth-child(2) {top: 0.51em;}
header .menu-icon div:nth-child(3) {top: 1em;}

header .menu-icon.open {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
header .menu-icon.open div:nth-child(1) {-webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0.51em;}
header .menu-icon.open div:nth-child(2) {opacity: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0.51em;}
header .menu-icon.open div:nth-child(3) {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 0.51em;}

.main-slider {padding: calc(10px + 3%) 0;}
.main-slider .owl-item .item {width: 100%;}
.main-slider .owl-item .item .text {position: relative; text-align: left; z-index: 1; width: 50%; padding:0 2% 0 0.5%;}
.main-slider .owl-item .item .text h2 {text-shadow: 0 0.10em 0.10em rgba(0,0,0,0.3); padding-bottom: 0.6em;}
.main-slider .owl-item .item .text p {text-shadow: 0 0.10em 0.12em rgba(0,0,0,0.3);}
.main-slider .owl-item .item .text ul {list-style-type: disc;}
.main-slider .owl-item .item .text ul li {margin: 0.5em 0 0.5em 1.5em;}
.main-slider .owl-item .item .text .button {margin-top: calc(1em + 5%); padding: 1rem 3rem;}
.main-slider .owl-item .item .img {width: 44%; position: relative; z-index: 2;}
.main-slider .owl-item .item .img .poster {width: 100%; border-radius: 2.5em 2.5em 2.5em 0;}
.main-slider .owl-item .item .img .pack {width: 50%; transform: translate(-30%,-50%);position: absolute; top: 50%; left: 0;}

.main-slider .owl-theme .owl-dots {position: absolute; bottom: 10%; right: 5%;}
.main-slider .owl-carousel .owl-nav button.owl-next, .main-slider .owl-carousel .owl-nav button.owl-prev {position: absolute; top: 50%; outline: none; opacity: 0.3; transition: all 0.2s;}
.main-slider .owl-carousel .owl-nav button.owl-next:hover, .main-slider .owl-carousel .owl-nav button.owl-prev:hover {opacity: 1; background: url(../img/nav.svg) no-repeat 50% 50%; background-size: 100%;}
.main-slider .owl-carousel .owl-nav button.owl-prev {display: block; content: ''; left: -7%; width: 2.5%; height: 6%; transform: translate(0,-50%); background: url(../img/nav.svg) no-repeat 50% 50%; background-size: 100%;}
.main-slider .owl-carousel .owl-nav button.owl-next {display: block; content: ''; right: -7%; width: 2.5%; height: 6%; transform: rotate(180deg) translate(0,50%);background: url(../img/nav.svg) no-repeat 50% 50%; background-size: 100%;}
.owl-carousel.owl-theme .owl-dots .owl-dot span {background: #E5E5E5;}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-carousel.owl-theme .owl-dots .owl-dot:hover span {background: #39425D;}
.owl-carousel.owl-theme .owl-dots .owl-dot span {width: 0.7em; height: 0.7em; margin: 0.5em 0.7em;}

.main1 {padding: calc(10px + 3%) 0; overflow: hidden;}

.main1 .text {width: 48%; position: relative; z-index: 2; background: #fff; padding-left: 5%;}
.main1 .text h3 {padding-bottom: 0.6em; /*letter-spacing: 0.04em;*/}
.main1 .text p {max-width: 76%; /*letter-spacing: 0.07em;*/}
.main1 .eff-slider {width: 48%; position: relative;z-index: 1;}
.main1 .eff-slider img {position: relative; z-index: 2;}
.main1 .eff-slider .plashka {position: absolute; z-index: 3; width: 60%; min-width: 240px;top: 3%; right: -5%; background: #fff; padding: 0.7em 0.8em; border-radius: 3em; box-shadow: 0.1em 0.3em 0.8em rgba(0,0,0,0.1);}
.main1 .eff-slider .plashka p {width:  calc(100% - 4.1em); text-align: left;}
.main1 .eff-slider .plashka .ico {width: 3.3em; height: 3.3em; background: #F78434; border-radius: 50%;}
.main1 .eff-slider .plashka .ico img {width: 60%;}
.main1 .eff-slider .owl-item .img {position: relative; opacity: 0; transform: translate(-130%,0) scale(0.8); transition: translate,opacity,scale 0.3s,0.3s,0.8s; width: 90%; box-shadow: 0 0 0.8em rgba(0,0,0,0.1);}
/*.main1 .eff-slider .owl-item .img:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 1;}*/
.main1 .eff-slider .owl-item.active .img {opacity: 0.6; transform: translate(0%,0) scale(1.0);}
.main1 .eff-slider .owl-item.active.center .img {opacity: 1; transform: translate(0%,0)}

.main1 .owl-carousel .owl-stage-outer {overflow: visible; width: 100%;}
.main1 .owl-carousel .owl-item {justify-content: center;}
.main1 .owl-carousel .owl-nav button.owl-next, .main1 .owl-carousel .owl-nav button.owl-prev {position: absolute; display: block; width: 6%; height: 6%; top: 80%; outline: none; opacity: 1; background: url(../img/nav-arrow.svg) no-repeat 50% 50%; background-size: 100%; z-index: 100; transition: transform 0.2s;}
.main1 .owl-carousel .owl-nav button.owl-prev {right: 20%;}
.main1 .owl-carousel .owl-nav button.owl-next {right: 10%; transform: rotate(180deg);}
.main1 .owl-carousel .owl-nav button.owl-next:hover {transform: rotate(180deg) scale(1.5);} 
.main1 .owl-carousel .owl-nav button.owl-prev:hover {transform: scale(1.5);}

.owl-carousel .owl-nav button.owl-prev span {display: none;}
.owl-carousel .owl-nav button.owl-next span {display: none;}
.owl-carousel .owl-stage {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row;}
.owl-carousel .owl-item {float: unset; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;}

.main2 {padding: calc(10px + 6%) 0; background: rgba(134,218,237,0.1);}
.main2 .desc {padding: 5% 5% 7% 5%;}
.main2 .block div {width: 48%; padding: 7% 5%; background: #fff; border-radius: 2.5em; box-shadow: 0 0.8em 1.5em rgba(0,0,0,0.05);}
.main2 .block div:nth-child(1) {background: #F78434; color: #fff;}
.main2 .block div .px42 {/*letter-spacing: 0.02em;*/ padding: 0.2em 0 0.5em;}
.main2 .block div .ico {margin: 0 auto; min-width: 50px; width: 10%;}

.main3 {padding: calc(10px + 6%) 0 calc(10px + 5%); overflow: hidden;}
.main3 h2 {padding-bottom: calc(0.5em + 5%);}
.main3 .block div {width: 46%;}
.main3 .block p {padding-bottom: calc(0.5em + 5%); }
.main3 h3 {padding: 6% 0 calc(0.5em + 12%);}
.main3 .block ul {list-style-type: none; margin-left: 1.2em; width: 65%}
.main3 .block ul li {position: relative; margin: 0 0 calc(0.8em + 5%);}
.main3 .block ul li:before {content: ''; position: absolute; left: 0; top: 0; transform: translate(-1.5em, 0.4em); width: 0.5em; height: 0.5em; border-radius: 50%; background: #F78434;}
.main3 .block .pack .box {width: 90%; margin: 0 auto; position: relative; z-index: 2;}
.main3 .block .pack .box-bg {width: 100%; margin: 0 auto; position: absolute; z-index: 1; top: 20%;}
.main3 .block .button {padding: 1.4em 1.2em; border-radius: 2.8em;}


.stars-review {padding: calc(10px + 6%) 0; background: rgba(134,218,237,0.10);}
.stars-review h2 {padding-bottom: calc(0.5em + 5%);}
.stars-review .face-slider {position: relative;}
.stars-review .face-slider img {border-radius: 50%; cursor: pointer; transition: transform 0.2s; padding: 10%;}
.stars-review .face-slider img:hover {transform: scale(1.15);}

.resp.owl-carousel .owl-nav button.owl-next, .resp.owl-carousel .owl-nav button.owl-prev {display: block; content: ''; width: 0.5em; height: 1.4em; position: absolute; top: 50%; outline: none; opacity: 0.3; transition: all 0.2s; background: url(../img/nav.svg) no-repeat 50% 50%; background-size: 100%;}
.resp.owl-carousel .owl-nav button.owl-next:hover, .resp.owl-carousel .owl-nav button.owl-prev:hover {opacity: 1;}
.resp.owl-carousel .owl-nav button.owl-prev {left: -4%; transform: translate(0,-50%);}
.resp.owl-carousel .owl-nav button.owl-next {right: -4%; transform: rotate(180deg) translate(0,50%);}
.resp.owl-carousel .owl-dots {position: absolute; top: 100%; transform: translate(-50%, 20%); left: 50%;}
.resp.owl-carousel.owl-theme .owl-dots .owl-dot span {width: 0.35em; height: 0.35em; margin: 0.25em 0.35em;}

.rev-box {max-width: 1140px; padding: 0.2em}
.rev-box img {width: 35%;}
.rev-box .text {width: 62%;}
.rev-box .text p {padding:  0.5em 0}


.about1 {padding: calc(10px + 5%) 0; overflow: hidden;}
.about1 h2 {width: 48%; padding-left: 8%;}
.about1 .carousel {width: 48%;}
.about1 .carousel .square-block {position: relative; width: 100%; padding-top: 100%; animation: rotation-cw 40s infinite linear;}
.about1 .carousel .round-1 {position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 0.1em solid #7AE3F1; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.about1 .carousel .round-2 {position: absolute; width: 75%; height: 75%; border-radius: 50%; border: 0.1em solid #7AE3F1; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.about1 .carousel .b6 {position: absolute; left: 13%; top: 50%; width: 13%; animation: rotation-ccw 40s infinite linear;}
.about1 .carousel .b12 {position: absolute; left: 90%; top: 80.5%; width: 14%; transform: translate(-50%,-50%); animation: rotation-ccw 40s infinite linear;}
.about1 .carousel .ellipse-1 {position: absolute; left: 11%; top: 81%; width: 8%; animation: rotation-ccw 40s infinite linear;}
.about1 .carousel .ellipse-2 {position: absolute; left: 40%; top: 1%; width: 8%; animation: rotation-ccw 40s infinite linear;}
.about1 .carousel .ellipse-3 {position: absolute; left: 87.5%; top: 50%; width: 8%; animation: rotation-ccw 40s infinite linear;}
.about1 .carousel .ing {width: 16%; height: 16%; border-radius: 50%; transform: translate(-50%,-50%); background: #FEA042; animation: rotation-ccw 40s infinite linear; transition: all 1s;}
.about1 .carousel .ing img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 170%; transition: all 1s; cursor: pointer;}
.about1 .carousel .ing img.ele {top: 50%; left: 50%; transform: translate(-50%,-60%); width: 160%;}
.about1 .carousel .pos1 {position: absolute;top: 22%; left: 9%;}
.about1 .carousel .pos2 {position: absolute;top: 14%; left: 85%;}
.about1 .carousel .pos3 {position: absolute;top: 86%; left: 44%;}
.about1 .carousel .pos-center {position: absolute; top: 50%; left: 50%; z-index: 1;}
.about1 .carousel .pos-center.ing {width: 50%;height: 50%;  box-shadow: 0 0.3em 0.3em rgba(0,0,0,0.2); background: rgba(130,227,242,0); z-index: 2;}
.about1 .carousel .ing:before {content: '';opacity: 0; position: absolute; border: 0.1em solid rgba(230,255,255,1); top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: linear-gradient(60deg, rgba(130,227,242,1) 0%, rgba(245,255,255,1) 100%); transition: opacity 1s;}
.about1 .carousel .pos-center.ing:before {opacity: 1;}
.about1 .carousel .pos-center.ing img {width: 110%;pointer-events: none;-o-pointer-events: none;-webkit-pointer-events: none; cursor: default;}
.about1 .carousel .pos-center.ing img.jen {transform: translate(-50%,-60%);}
.about1 .carousel .pos-center.ing img.vit {transform: translate(-50%,-55%); width: 125%;}

.about1 .carousel .ing a {opacity: 0; pointer-events: none;-o-pointer-events: none;-webkit-pointer-events: none; transform: translate(-50%,-90%) scale(0.2); width: 250%; background: #50C0EA; position: absolute; top: 100%; left: 50%; text-align: center; padding: 1.2em 0; border-radius: 0.8em; color: #fff; transition: opacity, transform 0.2s, 0.6s;}
.about1 .carousel .pos-center.ing a {opacity: 1; pointer-events: auto;-o-pointer-events: auto;-webkit-pointer-events: auto; transform: translate(-50%,-90%) scale(1) ; width: 85%;}
.about1 .carousel .ing a p {transform: scale(0.2);transition: transform 1s;}
.about1 .carousel .pos-center.ing a p {transform: scale(1);}

.about-test {padding: calc(10px + 5%) 0; overflow: hidden;}
.about-test h2 {width: 48%; padding-left: 8%;}
.about-test .carousel {position: relative; width: 48%;}
.about-test .carousel .square-block {position: relative; width: 100%; padding-top: 100%; background: #fff;}
.about-test .carousel .round-1 {position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 0.1em solid #7AE3F1; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.about-test .carousel .round-2 {position: absolute; width: 75%; height: 75%; border-radius: 50%; border: 0.1em solid #7AE3F1; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.about-test .carousel .ing {position: absolute; width: 16%; height: 16%; border-radius: 50%; background: #FEA042; transition: all 1s;}
.about-test .carousel .pos1 {top: 22%; left: 9%;}

.about-test .carousel .ing .box {position: absolute; width: 100%; height: 100%; top: 0; left: 0;background: #aa98d0;}
.about-test .carousel .ing.var3 .box {background: #98d0b1;}

.about-test .carousel .pos-center {top: 50%; left: 50%; width: 50%;height: 50%; z-index: 2;}


.anim-cw {animation: rotation-cw2 40s infinite linear;}
.anim-ccw {animation: rotation-ccw2 40s infinite linear;}

@keyframes rotation-cw2 {
  from {transform: rotate(0);}
  to {transform: rotate(360deg);}
}

@keyframes rotation-ccw2 {
  from {
    -webkit-transform: translate(-50%,-50%) rotate(0);
       -ms-transform: translate(-50%,-50%) rotate(0);
           transform: translate(-50%,-50%) rotate(0);
  }
  to {
    -webkit-transform: translate(-50%,-50%) rotate(-360deg);
       -ms-transform: translate(-50%,-50%) rotate(-360deg);
           transform: translate(-50%,-50%) rotate(-360deg);
  }
}



@keyframes rotation-cw {
  from {transform: rotate(0);}
  to {transform: rotate(360deg);}
}
@keyframes rotation-ccw {
  from {transform: translate(-50%,-50%) rotate(0);}
  to {transform: translate(-50%,-50%) rotate(-360deg);}
}






.about2 {padding: calc(10px + 6%) 0; background: #F3FBFD;}
.about2 h2 {width:  100%; padding-bottom: calc(0.5em + 3%);}
.about2 p {width: 46%; /*letter-spacing: 0.08em;*/}

.about3 {padding: calc(10px + 6%) 0;}
.about3 .block {width: 49%; border-radius: 2.5em; overflow: hidden; margin: 1% 0;}
.about3 .block .w100 {width: 100%; height: 100%; object-fit: cover;}
.about3 .block.day {background: #F78434; color: #fff;}
.about3 .block.night {background: #fff; box-shadow: 0 0.5em 1em rgba(0,0,0,0.1); }
.about3 .item {padding: 1em 2em 0;}
.about3 .item p {width: 100%; padding: 0 1em 1em; text-align: center; line-height: 140%;}
.about3 .item .svg {width: 10%; margin: 0 auto 1em; min-width: 40px;}

.about4 {padding: calc(10px + 6%) 0; overflow: hidden;}
.about4 h2 {width: 100%; padding-bottom: calc(0.5em + 3%);}
.about4 .item { padding: 2.5em; border-radius: 1em;}
.about4 .item .text {width: 54%; padding-left: 1.5em;}
.about4 .item .text p {padding: 0.5em 0; text-align: left;}
.about4 .item img {width: 38%; border-radius: 50%;}
.about4 .owl-carousel .owl-stage-outer {overflow: visible;}
.about4 .owl-carousel.owl-drag .owl-item { opacity: 0.6; transform: translate(0,10%) scale(0.9); transition: all 0.5s;}
.about4 .owl-carousel.owl-drag .owl-item .item {border: 0.1em solid #E2EAF2; border-radius: 2em; filter: blur(0.3em); transition: all 0.5s; height: 100%; margin: 0 1%;}
.about4 .owl-carousel.owl-drag .owl-item.center {opacity: 1; transform: translate(0,0) scale(1);filter: blur(0em);}
.about4 .owl-carousel.owl-drag .owl-item.center .item {filter: blur(0em); box-shadow: 0 4em 2.5em -3em rgba(0,0,0,0.1);}

.about4 .owl-carousel .owl-nav button.owl-next {width: 2em; height: 2em; position: absolute; top: 50%; outline: none; filter: grayscale(100%) brightness(1.5); transition: filter 0.2s; background: url(../img/nav3-next.svg) no-repeat 50% 50%; background-size: 98%;}
.about4 .owl-carousel .owl-nav button.owl-prev {width: 2em; height: 2em; position: absolute; top: 50%; outline: none; filter: grayscale(100%) brightness(1.5); transition: filter 0.2s; background: url(../img/nav3-prev.svg) no-repeat 50% 50%; background-size: 98%;}
.about4 .owl-carousel .owl-nav button.owl-next:hover, .about4 .owl-carousel .owl-nav button.owl-prev:hover {filter: grayscale(0%) brightness(1);}
.about4 .owl-carousel .owl-nav button.owl-prev {left: 0; transform: translate(-45%,-50%);}
.about4 .owl-carousel .owl-nav button.owl-next {right: 0; transform: translate(40%, -50%);}


.item-pop {display: none; padding: 2.5em; border-radius: 1em; width: 50%; min-width: 700px; background: #fff;}
.item-pop .text {width: 54%; padding-left: 0;}
.item-pop .text p {padding: 0.5em 0; text-align: left;}
.item-pop img {width: 38%; border-radius: 50%;}


.about5 {padding: calc(10px + 6%) 0; background: #F3FBFD;}
.about5 h2 {width: 100%; padding-bottom: calc(0.5em + 5%);}
.about5 .flex div {width: 30%;}
.about5 .flex div p {padding: 0.6em 0;}
.about5 .flex div p span {display: block;}
.about5 .flex div img {margin: 0 auto 1em; width: 4.5em;}

.about6 {padding: calc(10px + 6%) 0;}
.about6 img {width: 45%; border-radius: 3em 3em 0 3em;}
.about6 .text {width: 45%}
.about6 .text ul {padding-top: 10%; list-style-type: none; margin-left: 1.2em; }
.about6 .text ul li {position: relative; margin: 0 0 1.5em;}
.about6 .text ul li:before {content: ''; position: absolute; left: 0; top: 0; transform: translate(-1.5em, 0.4em); width: 0.5em; height: 0.5em; border-radius: 50%; background: #F78434;}

.about7 {padding: calc(10px + 6%) 0;background: #F3FBFD;}
.about7 h2 {width: 100%; padding-bottom: calc(0.5em + 5%);}
.about7 .flex div {width: 31.5%; border-radius: 0.3em;border: 0.2em solid #E2EAF2; background: #fff; padding: 4% 3%;}
.about7 .flex img {padding-bottom: 1.5em; width: 4em;}
.about7 .button {display: inline-block; position: relative; left: 50%; transform: translate(-50%,0); margin: 5% auto 0; padding: 1.5em 3em; border-radius: 3em;}

.manual1 {padding: calc(10px + 3%) 0 calc(10px + 6%);}
.manual1 .text {width: 52%; padding-right: 3%;}
.manual1 .text p {padding: 2em 0 0;}
.manual1 .img {width: 44%; position: relative;}
.manual1 .img .bottle {width: 100%; border-radius: 2.5em 2.5em 2.5em 0;}
.manual1 .img .pack {width: 50%; transform: translate(-30%,-50%);position: absolute; top: 50%; left: 0;}

.manual2 {padding: calc(10px + 6%) 0; background: #F3FBFD;}
.manual2 .list {position: relative; transition: all 0.3s;}
.manual2 .list:first-child {width: 48%;}
.manual2 .list:last-child {width: 44.15%;}
.manual2 .list img {width: 100%;}
.manual2 .list:before {content: ''; position: absolute; top: 0;left: 0; width: 100%; height: 100%; background: #70D0F1; opacity: 0; transition: all 0.3s; cursor: pointer;}
.manual2 .list:after {content: ''; position: absolute; top: 50%;left: 50%; opacity: 0; transition: all 0.5s; width: 6em; height: 6em; border-radius: 50%; background: url(../img/icons/zoom.svg); background-size: 100%; transform: translate(-50%,-50%) scale(0.5); box-shadow: 0 0.5em 1em rgba(0,0,0,0.3); cursor: pointer;}
.manual2 .list:hover:before {opacity: 0.5; }
.manual2 .list:hover:after {opacity: 1; transform: translate(-50%,-50%) scale(1);}
.manual2 .list:hover {box-shadow: 0 0 2em rgba(0,0,0,0.2);}

.manual3 {padding: calc(10px + 6%) 0 calc(10px + 4%);}
.manual3 h2 {width: 100%; padding-bottom: calc(0.5em + 5%);}
.manual3 .flex .pack {width: 35%; box-shadow: 0 0.5em 1em rgba(0,0,0,0.03), 0 5em 4em -3em rgba(0,0,0,0.06); padding: 1.5em 0;}
.manual3 .flex .pack img {margin: 0 auto 1em; width: 100%;}
.manual3 .flex .pack p {padding: 0.5em 1.5em}


.blog1 {padding: calc(10px + 3%) 0;}
.blog1 .owl-item .item {width: 100%;}
.blog1 .owl-item .item .text {position: relative; text-align: left; width: 52%;}
.blog1 .owl-item .item .text .button {margin-top: 2.5em; padding: 1em 3em;}
.blog1 .owl-item .item .img {width: 44%; position: relative; z-index: 2;}
.blog1 .owl-item .item .img img {width: 100%; border-radius: 2.5em 2.5em 2.5em 0;}
.blog1 .owl-theme .owl-dots {position: absolute; bottom: 10%; right: 5%;}

.blog1 .owl-carousel .owl-nav button.owl-next, .blog1 .owl-carousel .owl-nav button.owl-prev {position: absolute; top: 50%; outline: none; opacity: 0.3; transition: all 0.2s;}
.blog1 .owl-carousel .owl-nav button.owl-next:hover, .blog1 .owl-carousel .owl-nav button.owl-prev:hover {opacity: 1; background: url(../img/nav.svg) no-repeat 50% 50%; background-size: 100%;}
.blog1 .owl-carousel .owl-nav button.owl-prev {display: block; content: ''; left: -7%; width: 2.5%; height: 6%; transform: translate(0,-50%); background: url(../img/nav.svg) no-repeat 50% 50%; background-size: 100%;}
.blog1 .owl-carousel .owl-nav button.owl-next {display: block; content: ''; right: -7%; width: 2.5%; height: 6%; transform: rotate(180deg) translate(0,50%);background: url(../img/nav.svg) no-repeat 50% 50%; background-size: 100%;}

.blog2 {padding: calc(10px + 5%) 0; background: #F3FBFD;}
.blog2 h2 {width: 100%; padding-bottom: calc(0.5em + 3%);}
.blog2 p {width: 45%;}

.blog-posts {padding: calc(10px + 5%) 0;}
.blog-posts .wrap {row-gap: 3em; column-gap: 2em;}
.blog-posts .post {position: relative; color: #2E363E; display: block; width: calc(100% / 3 - (4 / 3) * 1em); overflow: hidden; border-radius: 0.5em;  padding-bottom: 5em; transition: all 0.3s; }
.blog-posts .post:hover {box-shadow: 0 0 0.5em rgba(0,0,0,0.2); transform: scale(.96);}
.blog-posts .post img {width: 100%; padding-bottom: 1em;}
.blog-posts .post p {padding: 0.5em 1.5em;}
.blog-posts .post .link {display: inline-block; white-space: nowrap; font-weight: 700;position:absolute; left: 50%; bottom: 1.5em; transform: translate(-50%,0); padding: 0.6em 1em; text-align: center; border-radius: 1em; border: 0.1em solid #FEA64A; color: #FEA64A; transition: all 0.3s;}
.blog-posts .post .link:hover {color: #fff; background: #FEA64A;}

.bigpost {padding: padding: calc(10px + 5%) 0;}
.bigpost .content_post {width: 85%; margin: 0 auto; position: relative; z-index: 2; }
.bigpost p {padding: 1em 0;}
.bigpost h2 {padding: 1.5em 0 0.4em 0;}
.bigpost .poster {margin-top: calc(10px + 3%); border-radius: 2.5em 2.5em 2.5em 0;}
.bigpost .info {margin: -6em auto 5em; border-radius: 1em; box-shadow: 0 0.5em 1.5em rgba(0,0,0,0.05); background: #fff; padding: 3.2em;}
.bigpost .info ul {list-style-type: disc; color: #6D7280; margin: 2em 0 0 1.2em;}
.bigpost .info ul li {margin: 1em 2.5em 1em 0; padding-left: 0.6em;}
.bigpost .wide_picture {margin: 5% 0; border-radius: 1em;}
.bigpost .quote {background: #F3FBFD; border-left: 0.2em solid #F78434; padding: 0.8em 0.8em 0.8em 2em; margin: 1em auto;}

.post-list a.view_all {color: #272343;}
.post-list a.view_all:hover {text-decoration: underline;}
.post-list .owl-stage-outer {padding: 2em 0;}
.post-list .post-carousel .post {position: relative; width: 100%; height: 100%; color: #2E363E; display: block; width: 100%; overflow: hidden; border-radius: 0.5em;  padding-bottom: 2.5em; transition: all 0.3s; }
.post-list .post-carousel .post:hover {box-shadow: 0 0 0.5em rgba(0,0,0,0.2); transform: scale(.95);}
.post-list .post-carousel .post img {width: 100%; padding-bottom: 0.5em;}
.post-list .post-carousel .post p {padding: 0.5em 1.5em;}
.post-list .post-carousel .post div {display: inline-block; white-space: nowrap; font-weight: 700;position:absolute; left: 50%; bottom: 1.5em; transform: translate(-50%,0); padding: 0.6em 1em; text-align: center; border-radius: 1em; border: 0.1em solid #FEA64A; color: #FEA64A; transition: all 0.3s;}
.post-list .post-carousel .post div:hover {color: #fff; background: #FEA64A;}
.post-list .owl-carousel .owl-nav button.owl-next, .bigpost .owl-carousel .owl-nav button.owl-prev {position: absolute; top: 50%; outline: none; opacity: 0.3; transition: all 0.2s;}
.post-list .owl-carousel .owl-nav button.owl-next:hover, .bigpost .owl-carousel .owl-nav button.owl-prev:hover {opacity: 1; background: url(../img/nav.svg) no-repeat 50% 50%; background-size: 100%;}
.post-list .owl-carousel .owl-nav button.owl-prev {display: block; content: ''; left: -5%; width: 2.5%; height: 6%; transform: translate(0,-50%); background: url(../img/nav.svg) no-repeat 50% 50%; background-size: 100%;}
.post-list .owl-carousel .owl-nav button.owl-next {display: block; content: ''; right: -5%; width: 2.5%; height: 6%; transform: rotate(180deg) translate(0,50%);background: url(../img/nav.svg) no-repeat 50% 50%; background-size: 100%;}

.online1 {padding: calc(10px + 3%) 0 ;}
.online1 .text {width: 52%; padding-right: 3%;}
.online1 .img {width: 44%; position: relative;}
.online1 .img img {width: 100%; border-radius: 2.5em 2.5em 2.5em 0;}
.online1 a {color: #F78434; text-decoration: underline;}
.online1 a:hover {text-decoration: none;}
.online1 a.phone{text-decoration: none;}

.contact1 {padding: calc(10px + 3%) 0 ;}
.contact1 .text {position: absolute; width: 58%; padding: 13% 3% 13% 9%; left: 0; z-index: 2; background: #fff; border-radius: 1.5em 1.5em 0 1.5em; box-shadow: 0 0 0.8em rgba(0,0,0,0.1);}
.contact1 .text h1 {padding-bottom: 0.5em;}
.contact1 .img {width: 48%; position: relative;}
.contact1 .img img {width: 100%; border-radius: 2.5em 2.5em 2.5em 0;}
.contact1 .link {color: #2E363E;}
.contact1 .link:hover {color: #F78434;}

.err {padding: calc(10px + 3%) 0;}
.err .wrap {column-gap: 6%;}
.err img {width: 55%; margin: 0 auto 2em;}
.err p {width: 100%;}
.err a {margin-top: 4em; width: 31%; padding: 0.9em 1.2em}
.err a.home {background: #fff; color: #F78434;}
.err a.home:hover {background: #F78434; color: #fff;}

/*** FOOTER ***/

.apteka {padding: calc(10px + 5%) 0;}
.apteka h2 {padding-bottom: calc(0.5em + 2%);}
.apteka .apteka-carousel .item {width: 100%;}
.apteka .apteka-carousel .item img {padding: 8%; transition: transform 0.3s;}
.apteka .apteka-carousel .item img:hover {transform: scale(0.90); }

.formblock {padding: calc(10px + 3%) 0 calc(10px + 5%) 0;}
.formblock .zakaz {width: 46%;}
.formblock .zakaz .title {padding-bottom: 1em;}
.formblock .zakaz .uslovie {padding-top: 6%;}
.formblock .img {width: 46%; position: relative;}
.formblock .img .pack {position: absolute; left: 0; top: 50%; transform: translate(-45%,-50%); width: 75%;}
.formblock .img .girl {width: 100%; border-radius: 2.5em 2.5em 2.5em 0;}
.formblock .orderForm {width: 70%;}

.orderForm input {width: 100%; margin: 0.3em auto 1em; border: 0.05px solid #F2F6FA; background: #F2F6FA; border-radius: 1.5em; padding: 1.05em 0; outline: none; text-indent: 2em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.orderForm button {margin: 0.3em auto; border-radius: 1.8em; padding: 0.9em 0; width: 100%; outline: none;}

form .overlay-btn {position: absolute; top: 0; left: 0; right:0; bottom:0; display: none;}
form .button:disabled {opacity: 0.6;}
form .button:disabled:hover {background: #F78434; color: #fff}
form .call-privacy {padding: calc(10px + 1%) 0; color: #7E868E;}
form .call-privacy a {color: #7E868E;  display: inline; margin: 0; text-decoration: underline; }
form .call-privacy a:hover {text-decoration: none; }

.checkbox-custom {opacity: 0; position: absolute; display: none;}   
.checkbox-custom + .checkbox-custom-label:before {content: ''; background: #fff; border: 2px solid #F78434; cursor: pointer; display: inline-block; vertical-align: middle; width: 1.1em; height: 1.1em; border-radius: 0.4em; margin-right: 1em; text-align: center; transition: all 0.3s;}
.checkbox-custom + .checkbox-custom-label.attension:before {content: ''; background: #fff; border: 2px solid #ff0000; cursor: pointer; box-shadow: 0 0 10px #ff0000;}
.checkbox-custom:checked + .checkbox-custom-label:before {content: ''; background: #F78434 url(../img/check.svg) no-repeat 50% 50%; background-size: 90%;}

footer {padding: calc(5px + 2%) 0; box-shadow: 0 -0.2em 1em rgba(0,0,0,0.1);}
footer .wrap {position: relative; gap: 2%}
footer .logo {width: 12%; min-width: 120px;}
footer .logo img {width: 100%}
footer p {width: 50%;}
footer .social {width: 3.5%; min-width: 30px;}
footer .social img {width: 100%;}
footer .phone {color: #2E363E; width: calc(28% - 40px);}
footer .phone:hover {color: #F78434;}

#privacy {padding: 3%; width: 100%;}
#privacy p {padding: 1em 0;}

.fancybox-slide--iframe .fancybox-content {
    width  : 980px!important;
    height : 90%!important;
    max-width  : 100%;
    max-height : 90%;
    margin: 0;
}

@media (max-width: 1900px) {
.px10 {font-size: 10px;}
.px12 {font-size: 12px;}
.px14 {font-size: 14px;}
.px16 {font-size: 16px;}
.px18 {font-size: 18px;}
.px20 {font-size: 20px;}
.px22 {font-size: 22px;}
.px24 {font-size: 24px;}
.px28 {font-size: 28px;}
.px35 {font-size: 35px;}
.px42 {font-size: 42px;}
.px44 {font-size: 44px;}
.px48 {font-size: 48px;}


}

@media screen and (max-width: 1280px) {
.px48 {font-size: calc((100vw - 280px)/(1280 - 280) * (48 - 24) + 24px);}
.px44 {font-size: calc((100vw - 280px)/(1280 - 280) * (44 - 22) + 22px);}
.px42 {font-size: calc((100vw - 280px)/(1280 - 280) * (42 - 22) + 22px);}
.px35 {font-size: calc((100vw - 280px)/(1280 - 280) * (35 - 20) + 20px);}
.px28 {font-size: calc((100vw - 280px)/(1280 - 280) * (28 - 20) + 20px);}
.px24 {font-size: calc((100vw - 280px)/(1280 - 280) * (24 - 18) + 18px);}
.px22 {font-size: calc((100vw - 280px)/(1280 - 280) * (22 - 18) + 18px);}
.px20 {font-size: calc((100vw - 280px)/(1280 - 280) * (20 - 18) + 18px);}
.px18 {font-size: calc((100vw - 280px)/(1280 - 280) * (18 - 16) + 16px);}
.px16 {font-size: calc((100vw - 280px)/(1280 - 280) * (16 - 14) + 14px);}
.px14 {font-size: calc((100vw - 280px)/(1280 - 280) * (14 - 11) + 11px);}
.px12 {font-size: calc((100vw - 280px)/(1280 - 280) * (12 - 8) + 8px);}
.px10 {font-size: calc((100vw - 280px)/(1280 - 280) * (10 - 8) + 8px);}

.main-slider .owl-carousel {padding: 0 4%;}
.main-slider .owl-carousel .owl-nav button.owl-prev {left: -2%;}
.main-slider .owl-carousel .owl-nav button.owl-next {right: -2%;}

.blog1 .owl-carousel {padding: 0 4%;}
.blog1 .owl-carousel .owl-nav button.owl-prev {left: -2%;}
.blog1 .owl-carousel .owl-nav button.owl-next {right: -2%;}

.resp.owl-carousel {padding: 0 1em;}
.resp.owl-carousel .owl-nav button.owl-prev {left: 0%;}
.resp.owl-carousel .owl-nav button.owl-next {right: 0%;}

.about4 .owl-carousel {padding: 0 1em;}
.about4 .owl-carousel .owl-nav button.owl-prev {left: 0; transform: translate(0%,-50%);}
.about4 .owl-carousel .owl-nav button.owl-next {right: 0; transform: translate(0%, -50%);}
.about4 .owl-carousel .owl-stage-outer {overflow: hidden; }
.about4 .owl-carousel.owl-drag .owl-item .item {filter: blur(0);}
}

@media screen and (max-width: 1140px) {
  header .button {display: none;}
  .about4 .item .text {padding-left: 0; width: 60%;}
  .about4 .item img {width: 36%;}
}


@media screen and (max-width: 840px) {
  header .menu-icon {display:  block;}
  header .logo {width: 35%; max-width: 150px;}
  header nav {position: absolute; flex-wrap: wrap; gap:0;width: 105%; max-width: 400px; text-align: center; left: 102.041%; top: 100%; z-index: 100; transition: transform 0.5s;}
  header nav a:nth-child(1) {border-top: 1px solid #ccc;}
  header nav a {display: block; margin-right: 0; border-left: 4px solid #fff; border-bottom: 1px solid #ccc; background: rgba(255,255,255,1); width: 100%; padding: 4% 4% 4% 8%; transition: all 0.2s;}
  header nav a:hover {border-left: 4px solid #ff7324; border-bottom: 1px solid #ccc; color: #ff7324;}
  header nav.open {transform: translate(-100%,0);}
  header .phone {font-size: calc((100vw - 280px)/(840 - 280) * (22 - 14) + 14px);}
  header nav.px16 {font-size: calc((100vw - 280px)/(840 - 280) * (20 - 16) + 16px);}

.main-slider .owl-item .item .text {width: 60%;}
.main-slider .owl-item .item .img {width: 38%;}
.main-slider .owl-carousel .owl-stage {align-items:flex-start; -webkit-align-items: flex-start; -ms-flex-align: start;}

.main1 {padding: calc(10px + 5%) 0;}
.main1 .eff-slider {display: none;}
.main1 .text {width: 100%;}
.main1 .text p {max-width: 100%;}

.main3 .block div {width: 48%;}
.main3 .block ul {width: calc(100% - 2em); margin-left: 2em;}
.main3 .block p {padding-right: 0;}
.main3 .block .button {position: relative; left: 50%; transform: translate(-50%,0);}

.about1 h2 {width: 100%; text-align: center; padding: 0 0 3%; order: 1;}
.about1 .carousel {margin: 6% auto 0; max-width: 400px; width: 85%; order: 2;}

.about-test h2 {width: 100%; text-align: center; padding: 0 0 3%; order: 1;}
.about-test .carousel {margin: 6% auto 0; max-width: 400px; width: 85%; order: 2;}

.about3 .wrap {justify-content: center; }
.about3 .block {width: 100%; max-width: 540px; margin: 1em auto;}
.about3 .block.day {padding: 3%;}
.about3 .block.night {padding: 3%; order: 4}

.about4 .item { padding: 1em; border-radius: 0.2em;}
.about4 .owl-carousel .owl-stage {align-items:flex-start; -webkit-align-items: flex-start; -ms-flex-align: start;}
.about4 .item .text {width: 100%; order: 2; }
.about4 .item .text p {text-align: center;}
.about4 .item img {width: 50%; max-width:  150px;order: 1; margin: 0 auto;}

.manual1 .text {width: 60%;}
.manual1 .img {width: 38%;}

.manual3 .flex {row-gap: 2em;}
.manual3 .flex .pack {width: 100%; display: flex; justify-content:  space-between; align-items: center;}
.manual3 .flex .pack img {width: 30%;}
.manual3 .flex .pack .text {width: 66%; text-align: left;}

.blog1 .owl-item .item .text {width: 60%;}
.blog1 .owl-item .item .img {width: 38%;}

.blog2 p {width: 100%; text-align: center;}
.blog-posts .post {width: calc(100% / 2 - (4 / 2) * 1em); padding-bottom: 2%;}
.blog-posts .post .link {display: none;}

.post-list .post-carousel .post {position: relative; border: 1px solid #efefef;padding-bottom: 0; text-align: center; padding-bottom: 0;}
.post-list .post-carousel .post:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);}
.post-list .post-carousel .post div {display: none;}
.post-list .post-carousel .post img {padding: 0;}
.post-list .post-carousel .post p {padding: 0 0.3em 1em; position: absolute; bottom: 0; width: 100%; line-height: 110%; text-align: center; }
.post-list .post-carousel .post p.px16 {display: none;}
.post-list .post-carousel .post p.px18 {font-size: calc((100vw - 280px)/(840 - 280) * (16 - 10) + 10px);}


.formblock .zakaz {width: 60%;}
.formblock .orderForm {width: 85%;}
.formblock .img {width: 36%}

footer .logo {display: none;}
footer .phone {display: none;}
footer p {width: calc(96% - 30px);}

}

@media screen and (max-width: 720px) {
.rev-box {padding: 1em;}
.rev-box img {width: 80%; max-width: 240px; margin: 0 auto 1em; border-radius: 50%;}
.rev-box .text {width: 100%;}
.rev-box .text p {text-align: center; }

.about5 .flex {row-gap: 2em;}
.about5 .flex div {width: 100%; border: 0.2em solid #E2EAF2; border-radius: 1em; padding: 5%; margin: 0 auto; background: #fff; box-shadow: 0 4em 2.5em -3em rgba(0,0,0,0.1);}

.about6 img {width: 100%; max-width: 420px; margin: 0 auto 5%;}
.about6 .text {width: 100%; max-width: 420px; margin: 5% auto 0;}
.about6 .text h2 {text-align: center;}
.about6 .text ul li:before {transform: translate(-1em,0.4em);}

.item-pop { padding: 1em; border-radius: 1em; width: 96%; min-width: auto;}
.item-pop .text {width: 100%; padding-left: 0; order: 2;}
.item-pop .text p {padding: 0.5em 0; text-align: center;}
.item-pop img {width: 40%; max-width: 200px; border-radius: 50%; order: 1; margin: 0 auto 5%;}


}

@media screen and (max-width: 640px) {
#hidden-content {width: 96%; max-width: 500px;}
#hidden-content .fancybox-close-small {font-size: calc((100vw - 280px)/(640 - 280) * (22 - 12) + 12px);}

.main-slider .owl-item .item {justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: end;}
.main-slider .owl-item .item .text {width: 100%; order: 2; text-align: center;}
.main-slider .owl-item .item .img {width: 70%; order: 1; margin-bottom: 5%;}
.main-slider .owl-item .item .img .pack {width: 65%;transform: translate(-60%,-50%);}
.main-slider .owl-item .item .text .mob {display: none;}
.main-slider .owl-theme .owl-dots {bottom: 0; right: unset; left: 50%; transform: translate(-50%,100%);}
.main-slider .owl-theme {padding-bottom: 5%;}

.main2 .block div {width: 100%; max-width: 480px; margin: calc(1em + 2%) auto;}

.main3 .block div {width: 100%; text-align: center;}
.main3 .block .pack {width: 80%;margin: 0 auto; max-width: 320px;}
.main3 .block ul {text-align: left;}
.main3 h3 {padding: 2% 0 calc(0.5em + 8%);}

.about1 .carousel .ing a {font-size: calc((100vw - 280px)/(640 - 280) * (20 - 10) + 10px);}
.about2 p {width: 100%; letter-spacing: 0em; padding: 0.5em; text-align: center;}
.about3 .owl-carousel .owl-stage {align-items: flex-start; align-content: flex-start;}
.about3 .item {padding: 1em 0 0;}

.about4 .owl-carousel.owl-drag .owl-item {transform: translate(0,0%) scale(1);}
.about4 .owl-carousel .owl-nav button.owl-next {width: 1em; height: 1em; transform: translate(-45%,-50%);}
.about4 .owl-carousel .owl-nav button.owl-prev {width: 1em; height: 1em; transform: translate(35%,-50%);}
.about4 .owl-carousel.owl-drag .owl-item {transform: translate(0,0) scale(1);}
.about4 .owl-carousel.owl-drag .owl-item .item {filter: blur(0);}

.about7 .flex div img {margin: 0 auto;}
.about7 .flex div {width: 100%; text-align: center; max-width: 420px; margin: 1em auto;}

.blog-posts .post {width: 100%; padding-bottom: 0; box-shadow: 0 0 0.5em rgba(0,0,0,0.2); display: flex; justify-content: space-between; align-items: center;}
.blog-posts .post img {width: 45%;padding: 0; object-fit: cover; height: 100%}
.blog-posts .post .txt{width: 51%;}
.blog-posts .post p {padding-left: 0;}
.blog-posts .post:hover {box-shadow: 0 0 0.5em rgba(0,0,0,0.2); }

.post-list p {width: 100%; text-align: center;}
.post-list .view_all {margin: 0 auto;}

.bigpost .info {margin: 2em auto 0; padding: 0; box-shadow: none;}
.bigpost .info ul {margin-top: 1.5em;}
.bigpost .info ul li {margin-top: 0;}
.bigpost .quote {font-size: calc((100vw - 280px)/(640 - 280) * (20 - 12) + 12px);}
.bigpost p.px18 {font-size: calc((100vw - 280px)/(640 - 280) * (16 - 12) + 12px);}

.formblock .zakaz {width: 100%; max-width: 400px; order: 2; text-align: center; margin: 6% auto 0;}
.formblock .orderForm {width: 100%;}
.formblock .img {width: 100%; order: 1; display: flex; justify-content: flex-end; align-items: center;}
.formblock .img .girl {width: 70%;}
.formblock .img .pack {width: 65%; left: 50%; transform: translate(-95%,-50%);}

form .call-privacy {justify-content:center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;}

}

@media screen and (max-width: 540px) {
  .wrap {width: 90%;}
header nav {width: 112%;left: 106%;}
.manual1 .wrap {justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center;}
.manual1 .text {width: 100%; text-align: center; order: 1}
.manual1 .img {width: 60%; margin-top: calc(1em + 3%); transform: translate(15%,0%); order: 2;}
.manual1 .img .pack {width: 65%;transform: translate(-50%,-50%);}

.online1 .text {width: 100%; order: 1; text-align: center;}
.online1 .img {width: 90%; order: 2; max-width: 300px; margin: 5% auto 0;}

.contact1 .text {position: relative; top: unset; left: unset; transform: unset; width: 100%; box-shadow: none; text-align: center; padding: 5% 0 10%;}
.contact1 .img {width: 100%;}
.contact1 .img img {object-fit: cover; width: 100%; height: 60vw;}

.blog1 .owl-item .item {position: relative; height: 100%;}
.blog1 .owl-item .item .text {width: 100%; text-align: center; z-index: 2; padding: 5em 3%;}
.blog1 .owl-item .item .img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; z-index: 1; opacity: 0.3}
.blog1 .owl-item .item .img img {object-fit: cover; width: 100%; height: 100%; border-radius: 1em;}
.blog1 .owl-theme .owl-dots {bottom: 0; right: unset; left: 50%; transform: translate(-50%,50%);}
.blog1 .owl-theme {padding-bottom: 5%;}

.blog-posts .wrap {row-gap: 1em;}
.blog-posts .post img {width: 35%;}
.blog-posts .post .txt{width: 63%; text-align: center;}
.blog-posts .post .txt p:nth-child(2) {display: none;}
.blog-posts .post .txt p {font-size: calc((100vw - 280px)/(540 - 280) * (16 - 10) + 10px);}

.err a {width: 45%; margin-top: 2.5em;}

}

@media screen and (max-width: 360px) {
  .lh120 {line-height: 100%;}
  .lh140 {line-height: 120%;}
  .lh160 {line-height: 140%;}
  .lh180 {line-height: 140%;}
  /*.ls10 {letter-spacing: 0em;}
  .ls5 {letter-spacing: 0em;}*/

  .px16 {font-size: calc((100vw - 280px)/(360 - 280) * (15 - 12) + 12px);}
  .px18 {font-size: calc((100vw - 280px)/(360 - 280) * (16 - 14) + 14px);}

  .resp.owl-carousel.owl-theme .owl-dots .owl-dot span {width: 0.3em; height: 0.3em; margin: 0 0.15em;}
  .post-list .post-carousel .post p.px18 {font-size: calc((100vw - 280px)/(360 - 280) * (16 - 14) + 14px);}

  .err a {font-size: calc((100vw - 280px)/(360 - 280) * (16 - 12) + 12px); margin: 4em 0 3em;}
}

@media (min-width: 1900px) {
.px10 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (20 - 10) + 10px);}
.px12 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (24 - 12) + 12px);}
.px14 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (28 - 14) + 14px);}
.px16 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (32 - 16) + 16px);}
.px18 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (36 - 18) + 18px);}
.px20 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (40 - 20) + 20px);}
.px22 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (44 - 22) + 22px);}
.px24 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (48 - 24) + 24px);}
.px28 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (56 - 28) + 28px);}
.px35 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (70 - 35) + 35px);}
.px42 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (84 - 42) + 42px);}
.px44 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (88 - 44) + 44px);}
.px48 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (96 - 48) + 48px);}

#hidden-content {width: 100%; max-width: 45%;}   
#hidden-content p {max-width: 60%;}
#hidden-content .fancybox-close-small {font-size: calc((100vw - 1900px)/(3840 - 1900) * (44 - 22) + 22px);}

.wrap {max-width: 58%; width: 100%;}

.rev-box {max-width: 60%; padding: 0.2em}
.fancybox-slide--iframe .fancybox-content {width: 60%!important;height : 90%!important;}
}