@font-face {
    font-family: 'HarmoniaSansProCyrBlack';
    src: url('../fonts/HarmoniaSansProCyrBlack.eot');
    src: url('../fonts/HarmoniaSansProCyrBlack.eot') format('embedded-opentype'),
         url('../fonts/HarmoniaSansProCyrBlack.woff2') format('woff2'),
         url('../fonts/HarmoniaSansProCyrBlack.woff') format('woff'),
         url('../fonts/HarmoniaSansProCyrBlack.ttf') format('truetype'),
         url('../fonts/HarmoniaSansProCyrBlack.svg#HarmoniaSansProCyrLight') format('svg');
}
@font-face {
    font-family: 'HarmoniaSansProCyrBold';
    src: url('../fonts/HarmoniaSansProCyrBold.eot');
    src: url('../fonts/HarmoniaSansProCyrBold.eot') format('embedded-opentype'),
         url('../fonts/HarmoniaSansProCyrBold.woff2') format('woff2'),
         url('../fonts/HarmoniaSansProCyrBold.woff') format('woff'),
         url('../fonts/HarmoniaSansProCyrBold.ttf') format('truetype'),
         url('../fonts/HarmoniaSansProCyrBold.svg#HarmoniaSansProCyrLight') format('svg');
}
@font-face {
    font-family: 'HarmoniaSansProCyrLight';
    src: url('../fonts/HarmoniaSansProCyrLight.eot');
    src: url('../fonts/HarmoniaSansProCyrLight.eot') format('embedded-opentype'),
         url('../fonts/HarmoniaSansProCyrLight.woff2') format('woff2'),
         url('../fonts/HarmoniaSansProCyrLight.woff') format('woff'),
         url('../fonts/HarmoniaSansProCyrLight.ttf') format('truetype'),
         url('../fonts/HarmoniaSansProCyrLight.svg#HarmoniaSansProCyrLight') format('svg');
}

@font-face {
    font-family: 'HarmoniaSansProCyrRegular';
    src: url('../fonts/HarmoniaSansProCyrRegular.eot');
    src: url('../fonts/HarmoniaSansProCyrRegular.eot') format('embedded-opentype'),
         url('../fonts/HarmoniaSansProCyrRegular.woff2') format('woff2'),
         url('../fonts/HarmoniaSansProCyrRegular.woff') format('woff'),
         url('../fonts/HarmoniaSansProCyrRegular.ttf') format('truetype'),
         url('../fonts/HarmoniaSansProCyrRegular.svg#HarmoniaSansProCyrLight') format('svg');
}
sup {font-size: 60%; vertical-align: top; line-height: 100%;}

/*============ WRAPPER ============*/
section, header, footer {width: 100%; margin: 0 auto;}
.content {width:  100%; overflow: hidden;}
.wrap {width: 96%; max-width:  1200px; margin: 0 auto; position: relative;}
/* Text & font style */
/* Colors style */
.pink {color: #ff3aae;}
.blue {color: #363e42;}
.blue2 {color: #00b4d2;}
.bir {color: #00aab7;}
.bir2 {color: #00d1e1;}
.black {color: #282828;}
.white {color: #ffffff;}
.orange {color: #ff7324;}
.grey {color: #99b0b1;}
.dgrey {color: #464449}
.green {color: #70a300;}
.lgreen {color: #99bd23;}
.red {color: #ee432d;}
.yellow {color: #fff296;}

.hrbl {font-family: 'HarmoniaSansProCyrBlack';}
b,.hrb {font-family: 'HarmoniaSansProCyrBold';}
.hrr {font-family: 'HarmoniaSansProCyrRegular';}
.hrl {font-family: 'HarmoniaSansProCyrLight';}

.w100 {width: 100%}
/*============ SECTION'S ============*/
.button {display: block; background: #ff7324; color: #fff; text-transform: uppercase; text-align: center; transition: all 0.3s; cursor: pointer;}
.button:hover {background: #ff4800;}
.button img {padding-left: 10px;}
.zvezda {font-size: 60%; line-height: 100%; vertical-align: top;}

#hidden-content {width: 100%; max-width: 680px; padding: calc(1em + 3%) calc(0.5em + 4%); position: relative; background: #fff;}
#hidden-content .desc {padding-bottom: 30px;}
#hidden-content .forma {width: 100%; }
.fancybox-slide>* {padding: 0;}
#hidden-content input {background: #fff;}
#hidden-content .btn {display: block; width: 100%; color: #fff; max-width: 400px; text-align: center; transition: filter 0.2s;
    width: 100%; border-radius: 40px; box-shadow: 0 7px 0 #55ae3b; border: 0; margin: 10px auto 0; line-height: 72px; height: 72px; border: 0; outline: none; cursor: pointer;  transition: filter 0.2s;
    background-color: #96e033;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYmFmZjVkIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM3MmMxMDkiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(186, 255, 93)),color-stop(1, rgb(114, 193, 9)));
    /* Android 2.3 */
    background-image: -webkit-linear-gradient(top,rgb(186, 255, 93) 0%,rgb(114, 193, 9) 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom,rgb(186, 255, 93) 0%,rgb(114, 193, 9) 100%);
    background-image: -ms-linear-gradient(top,rgb(186, 255, 93) 0%,rgb(114, 193, 9) 100%);
}
#hidden-content .btn:hover {-webkit-filter: contrast(1.15); filter: contrast(1.15);}

#success-send {width: 100%; max-width: 580px; color: #fff; font-weight: bold; line-height: 120%; text-align: center; font-size: 32px; padding: calc(30px + 3%) 5%; position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    background: #ff7324;
}
#success-send .fancybox-close-small {background: transparent;}

.fancybox-button.fancybox-close-small {}


.sticker {border: 0; border-radius: 50%; background-color: #ff4e51;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmYyYTdjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmZjcxMjYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(255, 42, 124)),color-stop(1, rgb(255, 113, 38)));
background-image: -webkit-linear-gradient(top,rgb(255, 42, 124) 0%,rgb(255, 113, 38) 100%);
background-image: linear-gradient(to bottom,rgb(255, 42, 124) 0%,rgb(255, 113, 38) 100%);
background-image: -ms-linear-gradient(top,rgb(255, 42, 124) 0%,rgb(255, 113, 38) 100%);}

body {background: #fff; color: #363e42; font-family: 'HarmoniaSansProCyrRegular';}

header {background: #fff; padding: calc(10px + 1%) 0;}
header .logo {width: 18%; min-width: 150px;}
header nav {width: 60%;}
header nav a {color: #363e42; transition: color 0.2s;}
header nav a:hover {color: #ff7324;}
header nav .btn {display: block; border: 0.08em solid #363e42; padding: 0.2em 0.6em; border-radius: 2em; transition: all 0.2s;}
header nav .btn:hover {border: 0.08em solid #ff7324; background: #ff7324; color: #fff;}

.block1 {background: url('../images/bg1.jpg') 50% 0% no-repeat; background-size: cover; }
.block1 .wrap {padding: 3% 0 0%; z-index: 3;}
.block1 .title {max-width: 80%; width: 100%; z-index: 2; order:  1;}
.block1 .orderForm {margin-top: 5%; max-width: 36%; width: 100%; padding: 3%; background: #fff; border-radius: 2em; box-shadow: 0em 2em 3em rgba(0,0,0,0.3);z-index: 2;order: 3;}
.block1 .orderForm .pack {padding-top: 5%;}
.block1 .orderForm .arr {position: absolute; right: -5%; top: 20%; transform: translate(100%,0); width: 18%;}
.block1 .orderForm .uslovie {position: absolute; bottom: -2em; left:50%; transform: translate(-50%,0); color: #fff; width: 100%;}
.orderForm button {border: 0; margin: 0.3em auto; border-radius: 1.3em; padding: 0.7em 0; width: 100%; outline: none;}
.block1 .wood {position: absolute; width: 100%; bottom: 0; height: 100%; background: url(../images/wood.png) no-repeat 50% 100%; background-size: 100%; z-index: 1;}

.block1 .box {margin-top: 5%; width: 64%; min-width: 540px; transform: translate(0,-3%); order: 2}
.block1 .box .shtamp {width: 50%; margin: 0 8% 4% 0; }
.block1 .box .sticker {position: absolute; bottom: 10%; right: 75%; transform: rotate(-15deg) translate(40%,-20%); width: 11vw; height: 11vw; min-width: 220px; min-height: 220px; z-index: 2;}

.block2 {padding: calc(10px + 3%) 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDBiMWJmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMGMwY2YiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjMwNSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMGMwY2YiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(0, 177, 191)),color-stop(0.305, rgb(0, 192, 207)),color-stop(1, rgb(0, 192, 207)));background-image: -webkit-repeating-linear-gradient(top,rgb(0, 177, 191) 0%,rgb(0, 192, 207) 30.5%,rgb(0, 192, 207) 100%);background-image: repeating-linear-gradient(to bottom,rgb(0, 177, 191) 0%,rgb(0, 192, 207) 30.5%,rgb(0, 192, 207) 100%); background-image: -ms-repeating-linear-gradient(top,rgb(0, 177, 191) 0%,rgb(0, 192, 207) 30.5%,rgb(0, 192, 207) 100%); }
.block2 .block {background: rgba(255,255,255,0.17); padding: calc(10px + 3%); margin-bottom: calc(10px + 3%);}
.block2 .block .flag {width: 15%;}
.block2 .block .txt {width: 80%;}
.block2 .block ul {padding-top: calc(20px + 2%);}
.block2 .block ul li {background: url(../images/check3.png) no-repeat 0 50%; background-size: 1em; width: auto; padding: calc(10px + 1%) 0 calc(10px + 1%) 1.5em;}

.block2 .formula {padding-top: calc(10px + 3%);}
.block2 .formula .info {width: 30%;}
.block2 .formula .info .pack {display: none;}
.block2 .formula .info ul li {margin-top: 1em; padding: 0 0 0 1em; background: url(../images/li.png) no-repeat 0 0.2em; background-size: 0.5em;}
.block2 .formula .box {width: 40%;}
.block2 .formula .box img {transform: translate(-8%,0);}

.block3 {background: #fff url(../images/bg3.jpg) no-repeat 50% 50%; background-size: 100%; padding: calc(30px + 3%) 0;}
.block3 .title {padding-bottom: calc(15px + 3%);}
.block3 .desc {padding: 4%;}
.block3 .txt {width: 48%;}

.block3 .txt p {padding: 0.25em 0;}
.block3 .txt li {margin: 1em 0; background: url(../images/li3.png) no-repeat 0 0.2em; background-size: 1em; padding: 0 0 0 1.5em;}
.block3 .img {width: 48%;}

.block3 .button {display: inline-block; transform: translate(-50%,0); margin: calc(30px + 3%) 0 0 50%; border: 0; border-radius: 2em; padding: 0.8em 1.2em; outline: none;}

.linebg {padding: calc(10px + 3%) 0; background: url(../images/bg6.jpg) no-repeat 50% 50%; background-size: cover;}

.block4 {background: #fbfcfe url(../images/bg4.jpg) no-repeat 50% 0; background-size: 100%;}
.block4 .wrap {padding: calc(15px + 3%) 0;}
.block4 .title {padding-bottom: 1.5em;}
.block4 .img {width: 22%;}
.block4 .txt {width: 60%; padding-left: 4%; position: relative; z-index: 2;}
.block4 .txt .refresh {padding-left: 3em; background: url(../images/refresh.png) no-repeat 0 50%; background-size: 2em;}
.block4 .txt .pack {display: none;}
.block4 .txt .desc {padding: 0.8em 0;}
.block4 ul {padding-top: calc(10px + 2%);}
.block4 ul li {background: url(../images/li2.png) no-repeat 0 0.1em; background-size: 0.5em; padding: 0.1em 0 0.1em 1em; margin-bottom: 1em;}
.block4 .girl {position: absolute; bottom: 0; right: 0%; width: 30%; z-index: 1;}

.block4 .sticker {position: absolute; bottom: 5%; right: 25%; transform: translate(50%,0); width: 10vw; height: 10vw; min-width: 180px; min-height: 180px; z-index: 2;}
.block4 .pack .girl {display: none;}
.block4 .pack .sticker {display: none;}
.block4 .arrow {display: none;}

.block5 {background: #f1f2f6 url(../images/bg5.jpg) no-repeat 50% 100%; padding: calc(15px + 3%) 0; background-size: 100%;}
.block5 .title {padding-bottom: 1.5em;}
.block5 .img {width: 22%;}
.block5 .txt {width: 60%; padding-left: 4%; position: relative; z-index: 2;}
.block5 .refresh {padding-left: 3em; background: url(../images/refresh.png) no-repeat 0 50%; background-size: 2em;}
.block5 ul {padding-top: 1em;}
.block5 ul li {background: url(../images/li2.png) no-repeat 0 0.1em; background-size: 0.5em; padding: 0.1em 0 0.1em 1em; margin-bottom: 1em;}
.block5 .txt .desc {padding: 0.8em 0;}
.block5 .txt .pack {display: none;}
.block5 .sticker {position: absolute; bottom: 5%; right: 25%; transform: translate(50%,0); width: 10vw; height: 10vw; min-width: 180px; min-height: 180px; z-index: 2;}
.block5 .proverka {position: absolute; text-align: right; top: 40%; left: 100%; transform: translate(10%,-150%); width: 9em; text-shadow: 0 0 1em rgba(255,255,255,0.8);}
.block5 .proverka:before {content:''; position: absolute; width: 30%; padding-top: 30%; left: 0; bottom: 0; transform: translate(-15%, 65%);background: url(../images/arr.png) no-repeat; background-size: 100%;}
.block5 .arrow {display: none;}

.block6 {background: #fff; padding: calc(10px + 4%) 0;}
.block6 .list {padding: calc(10px + 5%) 0;}
.block6 .list li {width: 23%;}
.block6 .list li img {width: 40%; margin: 0 auto 1em;}
.block6 .info {padding-bottom: calc(10px + 3%) ;}
.block6 .info img {width: 48%;}
.block6 .info .text {width: 48%;}
.block6 .info .text .hr {width: 20%; height: 2px; background: #363e42; margin: 1em 0; }

.block7 {background: url('../images/bg6.jpg') 50% 50%; padding: calc(10px + 2%) 0; background-size: cover;}
.block7 .block {background: #fff; padding: calc(10px + 3%);}
.block7 .block .txt {width: 78%}
.block7 .block .txt .title {margin-bottom: 0.5em; padding: 0.15em 0 0.15em 1.5em; background: url(../images/check.png) no-repeat 0 50%; background-size: 1.2em;}
.block7 .block .ico {width: 20%}
.block7 .block .ico img {margin: 0 auto; width: 80%;}

.block8 {background: #fff; padding: calc(10px + 4%) 0;}
.block8 .effect {margin-top: calc(10px + 3%); border: 0.1em dashed #ff7324; border-radius: 0.8em; padding: 1.5em;}
.block8 .arrow {margin: calc(10px + 3%) auto; width: 4%; min-width: 40px;}

.block8 .flag {background: #f6f7f8; border: 1px solid #e7e9f0; padding: calc(10px + 2%);  gap: 2% }
.block8 .flag .img {flex: 1 1 18%;}
.block8 .flag p {flex: 2 2 60%;}

.block8 .ingr {margin-top: calc(10px + 5%); position: relative; padding-bottom: 3%;}

.block8 .ingr .txt {width: 60%;}
.block8 .ingr .txt .name {margin-bottom: 1.2em;}
.block8 .ingr .txt ul {padding-left: 6%; display: inline-block;}
.block8 .ingr .txt ul li {padding: 0.4em 0 0.4em 1.5em; background: url(../images/check2.png) no-repeat 0 50%; background-size: 1em;}
.block8 .ingr .txt ul li.shtamp {position: absolute; left: 100%; top: 50%; width: 8vw; transform: translate(20%,-50%); padding: 0; background: none;}
.block8 .ingr .box {position: absolute; z-index:0; width: 40%; top: 50%; transform: translate(0,-50%);}
.block8 .ingr .box .num {position: absolute; width: 14%;}

.block8 .ingr.i4 .box {right: 0px; }
.block8 .ingr.i4 .box .num {right: 0; top: 0;}

.block8 .ingr.i1 .box {left: 0;}
.block8 .ingr.i1 .box .num {left: 0; top: 0;}

.block8 .ingr.i2 .box {right: 0;}
.block8 .ingr.i2 .box .num {right: 0; top: 50px;}

.block8 .ingr.i3 .box {left: 0px;}
.block8 .ingr.i3 .box .num {left: 0; top: 30px;}

.block8 .ingr.i5 .box {right: 0px;}
.block8 .ingr.i5 .box .num {right: 0; top: -20px;}

.block8 .title2 {padding-top: 1.5em;}
.block8 .desc2 {padding: 1em 0;}

.block8 .button {display: inline-block; transform: translate(-50%,0); margin: 1.5em 0 0 50%; border: 0; border-radius: 2em; padding: 0.8em 1.2em; outline: none;}

.block11 {background: url(../images/bg6.jpg) 50% 50%; background-size: cover; padding: calc(10px + 3%) 0;}
.block11 ul li {flex: 1 1 calc(95% / 6);}
.block11 ul li img {width: 34%; margin: 0 auto 1em;}


.block10 {background: url(../images/bg7.jpg) no-repeat 30% 50%; background-size: cover; padding: calc(10px + 3%) 0;}

.block10 .title {padding-bottom: calc(10px + 3%);}

.block10 .ruller img {width: 30%;}
.block10 .ruller .text {width: 60%;}
.block10 .ruller .text p {padding: 0.15em 0;}

.block10 .about {padding: calc(10px + 3%) 0}
.block10 .about .txt {width: 50%;}
.block10 .about .txt p {padding: 0.3em 0; text-shadow: 1px 1px rgba(255,255,255,0.5);}
.block10 .about .box {width: 46%;}
.block10 .about .box .sticker {position: absolute; color: #fff; bottom: 0; right: 0; transform: translate(0,-60%); width: 8vw; height: 8vw; min-width: 160px; min-height: 160px; z-index: 2;}

.block10 .button {display: inline-block; transform: translate(-50%,0); margin: calc(30px + 3%) 0 0 50%; border: 0; border-radius: 2em; padding: 0.8em 1.2em; outline: none;}

.block12 {background: url('../images/bg8.jpg') 50% 50% no-repeat; background-size: cover; padding: calc(10px + 3%) 0;}
.block12 .box {background: #fff; padding: 3%;}
.block12 .box .title {padding: 0.5em 0 1.5em 0;}
.block12 .info .ava {width: 30%;}
.block12 .info .ava img {width: 100%;border-radius: 50%;}
.block12 .info .txt {width: 64%;}
.block12 .info .txt p {padding-bottom: 1em;}
.block12 .quote {text-indent: 2em; margin-top: calc(10px + 4%);}
.block12 .quote img {display: inline-block; width: 1.4em;}
.block12 .quote img:first-child {padding-right: 0.3em;}
.block12 .quote img:last-child {vertical-align: top; padding: 0.2em 0 0 0.3em;}
.block12 .video {position: relative; width: 80%; margin: calc(10px + 3%) auto; }
.block12 .video .responsive {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.block12 .video .responsive iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.block12 .sign {margin: 0px calc(10px + 2%) 0 0;}
.block12 .sign img {width: 24%; transform: translate(0,12%);}

.block13 {background: url(../images/bg6.jpg) 50% 50%; background-size: cover; padding: calc(10px + 3%) 0;}
.block13 ul li {width: 20%;}
.block13 ul li img {margin: 0 auto 1em; width: 52%;}

.block14 {background: url(../images/bg9.jpg) no-repeat 50% 0 #fff; background-size :cover; padding: calc(10px + 3%) 0;}
.block14 .title {padding-bottom: calc(10px + 3%);}


.block14 .research li {width: 20%;}
.block14 .research li img {margin: 0 auto 1em; width: 52%;}
.block14 .research li .hr {width: 30%; height: 0.1em; min-height: 2px; background: #ff7324; margin: 0.8em auto;}

.block14 .foot {margin: calc(10px + 5%) auto; padding: calc(10px + 3%);box-shadow: -1.2vw 1.2vw 3vw rgba(0,0,0,0.12); background: url(../images/pic1.jpg) no-repeat 20% 50%; background-size: cover;}
.block14 .foot .shtamp {position: absolute; background: url(../images/shtamp3.png) no-repeat 50% 50%; background-size: 100%; width: 35%; padding-top: 18%; right: 0%; top: 50%; transform: translate(10%,-50%);}
.block14 .talia {padding: calc(10px + 3%); box-shadow: -1.2vw 1.2vw 3vw rgba(0,0,0,0.12); background: url(../images/pic2.jpg) no-repeat 50% 50%; background-size: cover;}
.block14 .talia .shtamp {position: absolute; background: url(../images/shtamp4.png) no-repeat; background-size: 100%; width: 30%; padding-top: 14%; left: 100%; top: 50%; transform: translate(-40%,-50%);}

.block14 .list li {padding: 0.5em 0 0.5em 2em; background: url(../images/check2.png) no-repeat 0 50%; background-size: 1.2em;}
.block14 .text {width: 50%;}
.block14 .text p {padding-bottom: 1em;}

.block15 {background: url(../images/bg10.jpg) no-repeat 50% 50%; background-size: cover;}
.block15 .wrap {padding: calc(10px + 3%) 0;}
.block15 .title {width:  80%; padding-bottom: calc(10px + 3%);}
.block15 .box  {background: #fff; padding: calc(10px + 3%); width: 60%;}
.block15 .box p {padding: 0.25em 0;}
.block15 .box .shtamp {position: absolute; right: 0; bottom: 0;background: url(../images/shtamp5.png) no-repeat; width: 18%; padding-top: 18%;background-size: 100%; transform: translate(-15%,-15%);}
.block15 .girl {position: absolute; right: 0; bottom: 0px;background: url(../images/girl.png) no-repeat 50% 100%; background-size: 100%; width: 30%; padding-top: 60%; z-index: 100;}
.block15 .button {display: inline-block; margin-top: calc(10px + 3%); border: 0; border-radius: 2.2em; padding: 0.6em 1em; outline: none;}

.block16 {background: #fff url(../images/bg11.jpg) no-repeat 50% 50%; background-size:cover; padding: calc(10px + 3%) 0;}
.block16 .title {padding-bottom: calc(10px + 3%);}
.block16 .swiper-slide .rev {background: #f3f4f6; padding: calc(10px + 3%); margin: 3% 0;width: 74%;}
.block16 .swiper-slide .rev p.h1 {padding-bottom: 0.5em;}
.block16 .swiper-slide .rev .name {padding:1em 0;}
.block16 .swiper-slide .rev:before {content: ''; position: absolute; background: url(../images/quote.png) no-repeat; background-size: 100%; width: 6%; height: auto; padding-top: 5%; top: 0; left: 0; transform: translate(50%,-30%);}
.block16 .swiper-slide .rev:after {content: ''; position: absolute; background: url(../images/quote2.png) no-repeat; background-size: 100%; width: 6%; height: auto; padding-top: 5%; bottom: 0; right: 0; transform: translate(-50%, 30%); }
.block16 .swiper-slide .rev .arr {position: absolute; background: url(../images/rev-arrow.png) no-repeat; background-size: 100%; width: 2.5%; padding-top: 8%; height: auto; right: 0; top: 10%; transform: translate(100%,0);}
.block16 .swiper-slide .img {width: 24%;}
.block16 .swiper-slide .img img {width:  100%}
.block16 .swiper-slide .img img:first-child {margin-bottom: 8px;}
.block16 .rate {width: 15%; min-width: 128px;}
.swiper {padding-bottom: 1em;}
.swiper-slide {padding: 0 3%}
.swiper-button-prev {left: 0px; width: auto; height: auto; }
.swiper-button-next {right: 0px; width: auto; height: auto;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: inherit; color: #ff7324; font-weight: bold; transition: transform 0.2s; padding: 0.1em;}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {transform: scale(0.8);}
.swiper-pagination-bullet {width: 0.8em; height: 0.8em;background: #ff7324 ;}

.block16 .desc {width:80%; margin: 1em auto;}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.3em; bottom: 0;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}

.block17 {background: url('../images/bg12.jpg') 50% 0% no-repeat; background-size: cover;}
.block17 .wrap {padding: 5% 0 1%;}
.block17 .title {max-width: 60%; width: 100%; z-index: 2; }
.block17 .title h2 {width:  60%;}
.block17 .orderForm {max-width: 36%; margin-left: 4%;width: 100%; padding: 3%; background: #fff; border-radius: 2em; box-shadow: 0em 2em 3em rgba(0,0,0,0.3);z-index: 2;}
.block17 .orderForm .pack {padding-top: 5%;}
.block17 .orderForm .arr {position: absolute; right: -5%; top: 20%; transform: translate(100%,0); width: 18%;}
.block17 .orderForm .uslovie {position: absolute; bottom: -2em; left:50%; transform: translate(-50%,0); color: #fff; width: 100%;}
.block17 .wood {position: absolute; width: 100%; bottom: 0; height: 100%; background: url(../images/wood.png) no-repeat 50% 100%; background-size: 100%; z-index: 1;}
.block17 .box {position: relative; padding-top: 10%; width: 100%; min-width: 540px; transform: translate(5%,0);}
.block17 .box .sticker {position: absolute; bottom: 10%; left: 0%; transform: rotate(-15deg) translate(40%,-20%); width: 11vw; height: 11vw; min-width: 220px; min-height: 220px; z-index: 2;}

.orderblock {background: #E9E9E9  url(../images/bg10.jpg) no-repeat 20% 50%; background-size: cover; display: none;}
.orderblock .wrap {padding: calc(5% + 1.5em) 0 5%;}
.orderblock .orderForm {margin: 0 auto;max-width: 800px; width: 100%; padding: 1.5em 5%; background: #fff; border-radius: 2em;}
.orderblock .orderForm .pack {padding-top: 5%;}
.orderblock .orderForm .arr {position: absolute; right: -5%; top: 20%; transform: translate(100%,0); width: 18%;}
.orderblock .uslovie {color: #666; width: 100%; text-align: center; padding-top: 1.5em; text-shadow: 0 0 1em rgba(255,255,255,1);}
.orderblock .px58 {font-size: 58px;}
.orderblock .px40 {font-size: 40px;}

.block18 {background: #fff; padding: calc(10px + 3%) 0 0;}
.block18 .sec16_block {width: 48%;}
.block18 .sec16_block.p1 {background: #E9E9E9; padding: 0.6em;}
.block18 .sec16_block_l_inner {border: solid 0.3em #fff; background-color: #E9E9E9; padding: 0.8em;}
.block18 .button {display: inline-block; margin: 0.8em auto; border-radius: 1.3em; padding: 0.7em 1em; outline: none;}
.block18 .icons {padding-top: 1em;}
.block18 .icons .icons_item {width: 45%; margin: 3% 0;}
.block18 .icons .icons_item img {width: 12%;}
.block18 .icons .icons_item p {width: 88%; padding-left:1em;}

.block19 {padding: 3% 0;}
.block19 .bad {transform: scale(1, 2); font-family: 'Oswald', sans-serif; opacity: 0.2; }
.block19 .result {transform: scale(1, 2); font-family: 'Oswald', sans-serif; opacity: 0.2; padding: 1em 0 0.2em;}

.yved{min-width: 320px; position: fixed; right: 1%; top: 3%; width: 20%; color: white; padding: 2%; font-weight: bold; display: none; z-index: 999; box-shadow: 0.2em 0.2em 1em -0.2em rgb(41, 41, 41); background: #4ec5e0; border-radius: 10px;}



@media (max-width: 1900px) {
.px16 {font-size: 16px;}
.px22 {font-size: 22px;}
.px26 {font-size: 26px;}
.px30 {font-size: 30px;}
.px34 {font-size: 34px;}
.px40 {font-size: 40px;}
.px44 {font-size: 44px;}
.px50 {font-size: 50px;}
.px58 {font-size: 58px;}
.px72 {font-size: 71px;}
}

@media screen and (max-width: 1480px) {
.orderForm .arr {display: none;}
}

@media screen and (max-width: 1400px) {
.px72 {font-size: calc((100vw - 280px)/(1400 - 280) * (71 - 12) + 12px);}
.px44.result {font-size: calc((100vw - 280px)/(1400 - 280) * (44 - 9) + 9px);}
.block5 {background: #f1f2f6 url(../images/bg5.jpg) no-repeat 80% 100%; background-size: cover;}

}

@media screen and (max-width: 1280px) {
.px58 {font-size: calc((100vw - 280px)/(1280 - 280) * (58 - 12) + 12px);}
.px44 {font-size: calc((100vw - 280px)/(1280 - 280) * (44 - 20) + 20px);}
.px40 {font-size: calc((100vw - 280px)/(1280 - 280) * (40 - 20) + 20px);}
.px34 {font-size: calc((100vw - 280px)/(1280 - 280) * (34 - 18) + 18px);}
.px30 {font-size: calc((100vw - 280px)/(1280 - 280) * (30 - 18) + 18px);}
.px26 {font-size: calc((100vw - 280px)/(1280 - 280) * (26 - 18) + 18px);}
.px22 {font-size: calc((100vw - 280px)/(1280 - 280) * (22 - 18) + 18px);}


header nav {width: 70%; max-width: 720px;}

.box .sticker .px30 {font-size: calc((100vw - 280px)/(1280 - 280) * (30 - 12) + 12px);}
.box .sticker .px22 {font-size: calc((100vw - 280px)/(1280 - 280) * (22 - 8) + 8px);}
.box .sticker .px16 {font-size: calc((100vw - 280px)/(1280 - 280) * (16 - 6) + 6px);}

.block1 .orderForm {display: none;}
.block1 .box {width: 70%; min-width: auto; position: relative;}
.block1 .box .shtamp {position: absolute; right: 66%; top: 0; margin: 0; width: 35%;}
.block1 .box .sticker {width: 18vw; height: 18vw;min-width: 100px; min-height: 100px;}

.block5 .proverka {display: none;}
.block14 .research {max-width: 960px; margin: 0 auto;}
.block14 .research li {width: 30%; margin: 2em 1.5%}
.block14 .research li img {width: 90%; max-width: 150px;}
.block14 .research li .hr {margin: 0.4em auto;}
.block17 {background-position: 25% 0;}
.block17 .wrap {padding: 5% 0 0;}
.block17 .title {max-width: 100%; width: 100%; text-align: center;}
.block17 .box {width: 80%; max-width: 800px; min-width: auto; margin: 0 auto}
/*.block17 .box {position: absolute; width: calc(100vw - 480px); min-width: 640px; max-width: 860px; right: calc(50% + 240px); bottom: 0; transform: translate(40%,0);}
*/
.block17 .orderForm {display: none; margin: 2em 0 0; max-width: 480px; width: 50%;}
.block17 .box .sticker {min-width: 100px; min-height: 100px; width: 17vw; height: 17vw; left: 100%; bottom: 3%; transform: rotate(-15deg) translate(-80%,-20%);}

.orderblock {display: block;}

.yved{width: 30%; max-width: 320px; min-width: 180px;}
.yvedw.px22 {font-size: calc((100vw - 280px)/(1280 - 280) * (22 - 12) + 12px);}
}


@media screen and (max-width: 1154px) {
.block2 .formula .info {width: 35%;}
.block2 .formula .box {width: 25%;}
.block15 .title {width: 100%; text-align: center;}
}

@media screen and (max-width: 960px) {
header nav.flex-between {justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: end;}
header nav .link {display: none;}
/*.block2{background: linear-gradient(180deg, rgba(18,206,221,0) 0%, rgba(18,186,201,0.5) 50%, rgba(2,148,156,1) 100%);}
*/
.block2 {background: url(../images/calif.jpg) no-repeat 50% 50%; background-size: cover;}
.block2 .block {background: transparent; margin: 0; padding-bottom: 0;}

.block2 .block .flag {display: none;}
.block2 .block .txt {width: 100%; color: #fff}
.block2 .formula {display: none;}
.block2 .block .flex {position: relative; z-index: 3;}
.block2 .formula .info {width: 100%; max-width: 480px; display: flex; justify-content:space-between; align-items:center; margin: calc(10px + 2%) auto;}
.block2 .formula .info .pack {display: block; flex: 1 1 150px;}
.block2 .formula .info .txt {flex: 2 2 800px; padding-left: calc(10px + 3%)}
.block2 .formula .box {display: none;}

.block3 .img {width: 100%;order: 1; margin-bottom: calc(10px + 3%);}
.block3 .txt {width: 100%;order: 2;}

.block6 .info img {width: 100%; margin-bottom: calc(10px + 3%);}
.block6 .info .text {width: 100%; text-align: center;}
.block6 .info .text .hr {width: 30%; height: 1px; margin: 1em auto;}

.block10 {background: #fcfcfc;}
.block10 .ruller img {width: auto; max-width: 80%;}
.block10 .ruller .text {max-width: 640px; width: 100%; text-align: center;}
.block10 .about .txt {width: 100%; order: 2}
.block10 .about .box {order: 1; width: 95%; max-width: 420px;margin:  0 auto;}
.block10 .about .box .sticker {width: 18vw; height: 18vw;min-width: auto; min-height: auto;}
.block10 .sticker .px22 {font-size: calc((100vw - 280px)/(960 - 280) * (22 - 6) + 6px);}
.block10 .sticker .px26 {font-size: calc((100vw - 280px)/(960 - 280) * (26 - 8) + 8px);}
.block10 .sticker .px40 {font-size: calc((100vw - 280px)/(960 - 280) * (40 - 14) + 14px);}

.block11 ul {max-width: 640px; margin: 0 auto;}
.block11 ul li {flex: 1 1 calc(95% / 3); padding: 1em 0;}

.block13 ul li {width: 30%; margin: 1em 1.5%;}
.block14 .foot:before {content: ''; position: absolute; top: 0;left: 0; width: 100%;height: 100%; background: rgba(242,247,251,0.7);}
.block14 .foot .shtamp {transform: translate(0%,-50%); width: 30%;}

.block14 .text {width: 100%; text-shadow: 1px 1px rgba(255,255,255,0.6);}
.block14 .talia {background-position: 100% 50%; background-size: cover;}
.block14 .talia:before {content: ''; position: absolute; top: 0;left: 0; width: 100%;height: 100%; background: rgba(242,247,251,0.8);}
.block14 .talia .shtamp { transform: translate(-100%,-50%);}

.block18 .sec16_block {width: 100%; max-width: 720px; margin: calc(5px + 2%) auto;}
.block18 .sec16_block .title {text-align: center;}
}

@media screen and (max-width: 840px) {
.block3 {background: #fff url(../images/bg3-m.jpg) repeat-y 50% 100%; background-size: 100%;}

.block4 {background: #fff;}
.block4 .img {display: none;}
.block4 .txt {width: 100%;padding-left: 0; }
.block4 .txt .info {display: flex; justify-content: space-between; padding: calc(10px + 3%) 0 0; align-items:  center;}
.block4 .txt .pack {display: flex; flex:  1 1 100px;}
.block4 .txt .desc {flex: 2 2 700px; padding: 0 0 0 5%;}
.block4 .txt .desc p {max-width: 400px;}
.block4 .girl {width: 40%;}
.block4 .sticker {width: 22vw; height: 22vw;min-width: auto; min-height: auto;}
.block4 .sticker .px16 {font-size: calc((100vw - 280px)/(840 - 280) * (16 - 6) + 6px);}
.block4 .sticker .px26 {font-size: calc((100vw - 280px)/(840 - 280) * (26 - 8) + 8px);}
.block4 .sticker .px34 {font-size: calc((100vw - 280px)/(840 - 280) * (34 - 12) + 12px);}

.block5 .img {display: none;}
.block5 .txt {width: 100%;padding-left: 0; }
.block5 .txt .info {display: flex; justify-content: space-between; padding: calc(10px + 3%) 0 0; align-items:  center;}
.block5 .txt .pack {display: flex; flex:  1 1 100px;}
.block5 .txt .desc {flex: 2 2 700px; padding: 0 0 0 5%;}
.block5 .txt .desc p {max-width: 400px;}
.block5 .sticker {width: 22vw; height: 22vw;min-width: auto; min-height: auto;}
.block5 .refresh {width: 80%}
.block5 .sticker .px22 {font-size: calc((100vw - 280px)/(840 - 280) * (22 - 6) + 6px);}
.block5 .sticker .px26 {font-size: calc((100vw - 280px)/(840 - 280) * (26 - 8) + 8px);}
.block5 .sticker .px50 {font-size: calc((100vw - 280px)/(840 - 280) * (50 - 14) + 14px);}

.block14 .research li {width: 47%; margin: 1em 1.5%; display: flex; align-items: center;}
.block14 .research li img {width: 30%; margin: 0;}
.block14 .research li .txt {width: calc(70% - 1em);}

.block16 .swiper-slide .img {order: 1; width: 100%; display: flex; justify-content: center;}
.block16 .swiper-slide .rev {order: 2; width: 100%;}
.block16 .swiper-slide .rev .arr {display: none;}

.orderblock .px58 {font-size: calc((100vw - 280px)/(840 - 280) * (58 - 26) + 26px);}
.orderblock .px40 {font-size: calc((100vw - 280px)/(840 - 280) * (40 - 18) + 18px);}
}

@media screen and (max-width: 720px) {
.block6 .list li {width: 45%; margin: calc(5px + 2%) auto;}
.block7 .block .ico {display: none;}
.block7 .block .txt {width: 100%;}
.block8 .flag .img {width: 45%; max-width: 200px;}
.block8 .flag p {flex: unset; width: 100%; text-align: center; padding-top: 1em}
.block12 .video {width: 100%;}
.block14 .research {max-width: 360px;}
.block14 .research li {width: 100%; margin:1em auto;}
.block15 .girl {display: none;}
.block15 .box {width: 100%; background: rgba(255,255,255,0.9);}

}

@media screen and (max-width: 640px) {    
.block2 .block .txt {text-align: center;}

.block4 .txt .refresh {padding-left: 0; background: none; text-align: center;}
.block4 .txt .info {flex-wrap: wrap;}
.block4 .txt .pack {position:  relative; display: block; flex: unset; width: 100%; max-width: 480px; margin: 0 auto;}
.block4 .txt .pack .box {width: 40%; position: relative; z-index: 2; margin: 1em auto; transform: translate(-50%,0);}
.block4 .girl {display: none;}
.block4 .sticker {display: none;}
.block4 .pack .girl {display: block; width: 65%; z-index: 1; transform: translate(-10%,0);}
.block4 .pack .sticker {display: flex; left: 50%; right: auto; bottom: 40%; transform: translate(-50%,50%);}
.block4 .txt .desc {flex: unset; padding: 1.5em 0 1em 0; text-align: center;}
.block4 .txt .desc p {max-width: 100%}
.block4 ul {margin: 0 auto; max-width: 360px; border: 0.1em dashed #ff7324; border-radius: 0.8em; padding: 1em 0.5em; text-align: center;}
.block4 ul li {background: none; margin: 0; padding: 0.5em 0}
.block4 .arrow {display:  block; margin: 0 auto 1em auto; width: 8%; max-width: 30px;}

.block5 {background: #f1f2f6; overflow: hidden;}
.block5 .txt .refresh {padding-left: 0; background: none; text-align: center; width: 100%; position: relative; z-index: 2;}
.block5 .txt .info {flex-wrap: wrap;}
.block5 .txt .pack {position:  relative; display: block; flex: unset; width: 100%; max-width: 480px; margin: 0 auto;}
.block5 .txt .pack .box {width: 40%; position: relative; z-index: 2; margin: 1em auto; transform: translate(-50%,0);}
.block5 .sticker {display: none;}
.block5 .pack .girl {position: absolute; right: 0; top: 0;display: block; width: 100%; z-index: 1; transform: translate(20%,-5%);}
.block5 .pack .sticker {display: flex; left: 50%; right: auto; bottom: 40%; transform: translate(-50%,50%); }
.block5 .txt .desc {flex: unset; padding: 1.5em 0 1em 0; text-align: center; position: relative; z-index: 2;}
.block5 .txt .desc p {max-width: 100%}
.block5 ul {margin: 0 auto; max-width: 360px; border: 0.1em dashed #ff7324; background: rgba(255,255,255,0.6); border-radius: 0.8em; padding: 1em 0.5em; text-align: center;}
.block5 ul li {background: none; margin: 0; padding: 0.5em 0}
.block5 .arrow {display:  block; margin: 0 auto 1em auto; width: 8%; max-width: 30px;}


.block8 .ingr .txt {width: 100%; padding: 1em;}
.block8 .ingr .box {width: 70%; opacity: 0.3;}
.block8 .ingr .box .num {display: none;}
.block8 .ingr .txt ul li.shtamp {display: none;}
.block8 .ingr {padding-bottom: 0;}
.block12 {background: #eee;}
}

@media screen and (max-width: 540px) {
.lh180 {line-height: 140%;}

.block10 .about .box .sticker {width: 30vw; height: 30vw;min-width: auto; min-height: auto; max-width: 140px; max-height: 140px;}
.block10 .sticker .px26 {font-size: calc((100vw - 280px)/(540 - 280) * (22 - 14) + 14px);}
.block10 .sticker .px40 {font-size: calc((100vw - 280px)/(540 - 280) * (34 - 20) + 20px);}

.block12 .quote {text-indent: 1em;}
.block12 .info .ava {width: 65%; max-width: 200px; margin: 0 auto calc(5px + 3%);}
.block12 .info .txt {width: 100%;}
.block12 .sign img {width: 38%;}
.block13 ul li {width:  47%;}
.block14 .foot .shtamp {display: none;}
.block14 .talia .shtamp {display: none;}
.block14 .foot {background: rgba(242,247,251,1); text-align: center;}
.block14 .talia {background: rgba(242,247,251,1); text-align: center;}
.block14 .list li {padding-left: 0; background: none;}

}

@media screen and (max-width: 480px) {
.px58 {font-size: calc((100vw - 280px)/(480 - 280) * (28 - 16) + 16px);}
.block1 {background-position: 30% 0;}
.block1 .wrap {padding: 8% 0 0%;}
.block1 .wood {background-size: 160%;}
.block1 .title {width: 70%;}
.block1 .box {width: 100%; transform: translate(0,0%);}
.block1 .box .shtamp {width: 50%; position: relative; top: auto; right: auto; transform: translate(-18%,0); margin-bottom: 1em;}
.block1 .box .sticker {min-width: auto; min-height: auto; width: 24vw; height: 24vw; right: 65%;}
.block2 .formula .info .pack {flex: 1 1 100px;}
.block2 .formula .info ul li {margin-top: 0.5em; padding: 0 0 0 0.6em; background: url(../images/li.png) no-repeat 0 0.25em; background-size: 0.3em;}
.block8 .ingr .box {width: 95%}
.block17 .box {width: 100%}
.block17 .wrap {padding: 8% 0 0%;}
.block17 .wood {background-size: 160%;}
.block17 .box .sticker {min-width: 80px; min-height: 80px; width: 24vw; height: 24vw; right: 65%; left: auto; transform: rotate(-15deg) translate(40%,-20%);}
.block18 .icons .icons_item {width: 100%; align-items:center; -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;}
.block18 .icons .icons_item img {width: calc(20px + 3%);}
.block18 .icons .icons_item p {width: calc(97% - 20px - 1em);}

}
@media screen and (max-width: 360px) {
.block7 .block .txt {text-align: center;}
.block7 .block .txt .title {background: none; padding: 0; color: #ff7324;}
.block13 ul {max-width: 360px; margin: 0 auto;}
.block13 ul li {width: 100%; margin: 0.4em 0; display: flex; align-items: center; justify-content: space-between;}
.block13 ul li img {width: calc(30px + 10%); margin: 0; }
.block13 ul li p {width: calc(90% - 30px - 1em);text-align: left;}
.block14 .research li .hr {margin: 0.4em auto;}
.block15 .box .shtamp{display: none;}
.block15 .box {text-align: center;}

}
@media (min-width: 1900px) {
.px16 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (32 - 16) + 16px);}
.px22 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (44 - 22) + 22px);}
.px26 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (52 - 26) + 26px);}
.px30 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (60 - 30) + 30px);}
.px34 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (68 - 34) + 34px);}
.px40 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (80 - 40) + 40px);}
.px44 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (88 - 44) + 44px);}
.px50 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (100 - 50) + 50px);}
.px58 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (116 - 58) + 58px);}
.px72 {font-size: calc((100vw - 1900px)/(3840 - 1900) * (142 - 71) + 71px);}

.wrap {max-width: 65%; width: 100%;}
#hidden-content {width: 35%; max-width: 100%; min-width: 680px;}
}