/* Start:/libs/fullpage/jquery.fullpage.min.css?15115354883732*/
/*!
 * fullPage 2.9.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}
/*# sourceMappingURL=jquery.fullpage.min.css.map */

/* End */


/* Start:/css/main.css?1582008170115022*/
@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url("../fonts/HelveticaNeueCyr-Thin.eot#iefix") format('embedded-opentype'), url("../fonts/HelveticaNeueCyr-Thin.otf") format('opentype'), url("/web/20211203094739im_/http://aertalcream.kz/assets/fonts/HelveticaNeueCyr-Thin.woff") format('woff'), url("../fonts/HelveticaNeueCyr-Thin.ttf") format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url("/web/20211203094739im_/http://aertalcream.kz/assets/fonts/HelveticaNeueCyr-Light.eot#iefix") format('embedded-opentype'), url("/web/20211203094739im_/http://aertalcream.kz/assets/fonts/HelveticaNeueCyr-Light.otf") format('opentype'), url("/web/20211203094739im_/http://aertalcream.kz/assets/fonts/HelveticaNeueCyr-Light.woff") format('woff'), url("/web/20211203094739im_/http://aertalcream.kz/assets/fonts/HelveticaNeueCyr-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;	
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    overflow-x: hidden
}

body {
    font: normal 17px Arial, sans-serif;
    color: #000;
    line-height: 1.5;
    overflow-x: hidden
}

h1 {
    font: 100 90px 'HelveticaNeueCyr', sans-serif;
    letter-spacing: .025em
}
.kz-font {
    font-family: HelveticaNeue,Arial,Helvetica,sans-serif !important;
    letter-spacing: .025em
}
.kz-title {
	margin-top:60px !important;
}
h2,
h1.sh {
    font: 100 50px 'HelveticaNeueCyr', sans-serif;
    letter-spacing: .025em
}

h3 {
    font: 100 40px 'HelveticaNeueCyr', sans-serif
}

h4,
main.article .article-content h2,
#instruction .instruction-text h2 {
    font: 300 25px 'HelveticaNeueCyr', sans-serif
}
.active-nav {
	background: #b53b81;
	color: white;
	margin-left: 10px;
	margin-right: 10px;
}
.active-nav:hover{
	background: #b53b81cc;
}
.active-nav a:hover{
	color: white;
}
.hover:hover{
	color: #b53b81 !important;
}
.kz {
	margin-right: 0px;
}
.header-kz{
	padding-bottom: 40px !important;
}
.uppercase {
    text-transform: uppercase
}

.hidden {
    display: none !important
}

@media screen and (min-width:759px) {
    .only-mobile {
        display: none !important
    }
}

a {
    text-decoration: none;
    color: inherit
}

ul {
    list-style: none
}

.category {
    letter-spacing: .12em
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 105px;
    z-index: 100;
    padding-left: 35px;
    padding-right: 35px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-size: 13px;
    transition: background-color .5s, height .5s;
}

header a.logo {
    padding-top: 12px;
}

header a.logo img {
    vertical-align: middle;
    width: 48px;
    height: auto
}

header a.logo .text.white {
    display: none
}

header a.logo svg {
    width: 116.39999999999999px;
    height: 44.4px;
    vertical-align: middle;
    fill: #000;
    transition: fill .5s linear
}

header ul {
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase
}

header li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 80px;
}

header li svg {
    margin-right: 5px;
    width: 15px;
    height: 15px;
    fill: #b73782
}

header li a {
    padding: 15px 0
}

header li.current,
header li:hover {
    position: relative;
    color: #b73782;
}

header li.current:after,
header li:hover:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #b73782
}

header .menu-button {
    position: absolute;
    opacity: 0;
    width: 33px;
    height: 24px;
    z-index: 10;
    top: 50%;
    margin-top: -12px;
    right: 35px;
}

header .menu-button span {
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #b73782;
    transition: transform .1s, top .1s .2s;
}

header .menu-button span:nth-child(1) {
    top: 0%
}

header .menu-button span:nth-child(2) {
    top: 50%
}

header .menu-button span:nth-child(3) {
    top: 100%
}

header .menu.mobile {
    font: 300 35px 'HelveticaNeueCyr', sans-serif;
    color: #b73782;
}

header .menu.mobile .menu-button {
    opacity: 1;
    transition: opacity 1s;
    cursor: pointer;
}

header .menu.mobile .menu-button span {
    background-color: #b73782
}

header .menu.mobile .navbar {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.95);
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

header .menu.mobile .navbar ul {
    text-transform: none;
    display: block
}

header .menu.mobile .navbar li {
    margin-left: 0;
    -ms-flex-pack: center;
    justify-content: center;
}

header .menu.mobile .navbar li svg {
    margin-right: 10px;
    width: 23px;
    height: 23px;
    fill: #b73782
}

header .menu.opened .navbar {
    display: -ms-flexbox;
    display: flex
}

header .menu.opened .menu-button span {
    transition: top .1s, transform .1s .2s;
}

header .menu.opened .menu-button span:nth-child(1) {
    top: 50%;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .menu.opened .menu-button span:nth-child(2) {
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

header .menu.opened .menu-button span:nth-child(3) {
    top: 50%;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

header.white-bg {
    background-color: #fff;
    height: 87px;
    box-shadow: 0 4px 7px 0 rgba(59, 59, 59, 0.05);
}

header.white-bg a.logo .text.white {
    display: none !important
}

header.white-bg a.logo .text.black {
    display: inline !important
}

header.white-bg a.logo svg {
    fill: #000 !important
}

.disclaimer {
    margin-top: 40px;
}

.disclaimer .container {
    padding-left: 40px;
    padding-right: 40px
}

.disclaimer img {
    width: 100%;
}

.disclaimer img.mobile {
    display: none
}
/* 
footer {
    height: 115px;
}

footer .container {
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

footer .comp-and-nav {
    width: 66.66666666666667%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

footer .comp-name {
    color: #7d7d7d
}

footer .logo {
    text-align: right
}

footer ul {
    display: -ms-flexbox;
    display: flex
}

footer li {
    margin: 0 20px
}

footer a {
    color: #b73782;
    text-decoration: underline
} */

.scrollup-button {
    position: fixed;
    bottom: 55px;
    right: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 98px;
    height: 51px;
    border-radius: 51px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.88);
    box-shadow: 2.5px 4.33012702px 9px 0 rgba(0, 0, 0, 0.15);
    z-index: 60;
    transition: background-color .3s;
}

.scrollup-button span {
    font-size: 12px;
    color: #505050;
    letter-spacing: .12em;
    margin-top: 5px
}

.scrollup-button:hover {
    background-color: #fff
}

.popup-spec {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 200;
}

.popup-spec .content {
    width: 578px;
    background-color: #fff;
    padding: 45px 70px;
    text-align: center
}

.popup-spec .warning {
    font-weight: 300;
    color: #b73782;
    font-family: 'HelveticaNeueCyr';
    font-size: 35px;
    line-height: 1.3;
    letter-spacing: .08em;
    margin-bottom: 25px
}

.popup-spec p {
    color: #505050;
    margin: 15px 0;
    font-size: 17px;
    line-height: 1.5
}

.popup-spec .enter {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 220px;
    height: 50px;
    color: #000;
    font-size: 15px;
    letter-spacing: .12em;
    background-color: #ffcc1a;
    border-radius: 50px
}

.popup-spec .leave {
    color: #b73782;
    font-size: 15px;
    letter-spacing: .01em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    text-decoration: underline;
    cursor: pointer
}

body.main header {
    color: #fff;
}

body.main header a.logo .text.white {
    display: inline
}

body.main header a.logo .text.black {
    display: none
}

body.main header a.logo svg {
    fill: #fff
}

body.main header li svg {
    fill: #fff
}

body.main header li:hover svg {
    fill: #b73782
}

body.main .half {
    position: absolute;
    top: 0;
    bottom: 0;
}

body.main .half.sport {
    left: 0;
    right: 50%;
    background: linear-gradient(to bottom, transparent, transparent 80%, rgba(183, 55, 130, 0.5)), linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/half_pattern.png"), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/sport_poster.jpg") 62% 50%/cover;
}

body.main .half.sport:before {
    background-color: #b73782
}

body.main .half.sport:after {
    background-color: rgba(183, 55, 130, 0.7)
}

body.main .half.home {
    right: 0;
    left: 50%;
    background: linear-gradient(to bottom, transparent, transparent 80%, rgba(27, 175, 76, 0.5)), linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/half_pattern.png"), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/home_poster.jpg") 62% 50%/cover;
}

body.main .half.home:before {
    background-color: #1baf4c
}

body.main .half.home:after {
    background-color: rgba(27, 175, 76, 0.7)
}

.middle {
    position: absolute;
    width: 465px;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -232.5px;
    z-index: 30;
    text-align: center;
}

.middle .next-slide {
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -80px;
    margin-top: -130px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    font-size: 18px;
}

.middle .next-slide img {
    margin-top: 15px
}

.middle .next-slide:before,
.middle .next-slide:after {
    content: '';
    position: absolute;
    border-radius: 50%
}

.middle .next-slide:before {
    top: -18px;
    left: -18px;
    right: -18px;
    bottom: -18px;
    background-color: rgba(255, 255, 255, 0.2)
}

.middle .next-slide:after {
    top: -40px;
    left: -40px;
    right: -40px;
    bottom: -40px;
    background-color: rgba(255, 255, 255, 0.1)
}

.middle .next-slide .animation {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.middle .next-slide:hover .first-circle {
    animation: waves 1.5s ease-in-out infinite
}

.middle .next-slide:hover .second-circle {
    animation: waves 1.5s ease-in-out .375s infinite
}

.middle .pack {
    position: absolute;
    bottom: 135px;
    left: 0;
    right: 0;
}

.middle .pack img {
    max-width: 390px
}

.middle .learn-more {
    position: absolute;
    bottom: 90px;
    left: 125px;
    right: 125px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 38px;
    color: #fff;
    font-size: 13px;
    line-height: 38px;
}

.middle .learn-more:hover {
    background-color: #b73782;
    border-color: #fff
}

.middle .footnote {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 13px
}

.hash-tag {
    position: absolute;
    width: 50vw;
    bottom: 90px;
    text-align: center;
    font: 300 40px 'HelveticaNeueCyr', sans-serif;
    color: #fff;
    transition: font-size .8s, width .8s;
    z-index: 20;
}

.hash-tag a {
    pointer-events: none
}

.hash-tag.sport {
    left: 0
}

.hash-tag.home {
    right: 0
}

.video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0;
    overflow: hidden;
    left: 0;
    right: 0;
    transition: opacity .8s;
}

.video-container video {
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
}

min-width: 100%;

.video-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.video-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.video-container:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6px
}

.video-container.sport:before {
    background: linear-gradient(to bottom, transparent, transparent 80%, rgba(183, 55, 130, 0.5)), linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/half_pattern.png")
}

.video-container.sport:after {
    background-color: #b73782
}

.video-container.home:before {
    background: linear-gradient(to bottom, transparent, transparent 80%, rgba(27, 175, 76, 0.5)), linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/half_pattern.png")
}

.video-container.home:after {
    background-color: #1baf4c
}

#first-screen h1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 135px;
    text-align: center;
    color: #fff;
    z-index: 40
}

#first-screen .half {
    transition: all .8s;
}

#first-screen .half:before,
#first-screen .half:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

#first-screen .half:before {
    height: 6px
}

#first-screen .half:after {
    top: 0;
    opacity: 0;
    transition: opacity .8s
}

#first-screen .hover-block {
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(50% - 465px / 2);
    z-index: 50;
}

#first-screen .hover-block.sport {
    left: 0
}

#first-screen .hover-block.home {
    right: 0
}

#first-screen.sport-hover .half.sport {
    right: 180px;
    background-position-x: 50%;
    opacity: 0
}

#first-screen.sport-hover .half.home {
    left: calc(100% - 180px);
}

#first-screen.sport-hover .half.home:after {
    opacity: 1
}

#first-screen.sport-hover .hash-tag.home {
    width: 180px;
    font-size: 25px
}

#first-screen.sport-hover .video-container.sport {
    opacity: 1
}

#first-screen.home-hover .half.sport {
    right: calc(100% - 180px);
    background-position-x: 50%;
}

#first-screen.home-hover .half.sport:after {
    opacity: 1
}

#first-screen.home-hover .half.home {
    left: 180px;
    opacity: 0
}

#first-screen.home-hover .hash-tag.sport {
    width: 180px;
    font-size: 25px
}

#first-screen.home-hover .video-container.home {
    opacity: 1
}

.second-screnn-wrapper {
    position: relative;
    margin-bottom: 60px;
    height: 100vh
}

body.mobile-version .second-screnn-wrapper {
    height: auto
}

.half.why {
    left: 0;
    right: 50%;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/half_pattern.png"), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/sport_poster_blur.jpg") 62% 50%/cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    overflow: hidden;
}

.half.why h2,
.half.why .advantages {
    margin-left: 90px
}

.half.why .advantages {
    width: 480px;
    line-height: 1.8;
}

.half.why .advantages-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 40px;
}

.half.why .advantages-item .icon {
    margin-top: -5px;
    margin-right: 25px
}

.half.why .main-props {
    position: absolute;
    left: 0;
    right: 0;
    height: 565px;
    bottom: -435px;
    background: linear-gradient(to top right, #b73782, rgba(183, 55, 130, 0.98));
    cursor: pointer;
}

.half.why .main-props .content {
    width: 550px;
    padding-right: 75px;
    margin-left: 90px
}

.half.why .main-props .icon {
    margin-right: 40px;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.half.why .main-props .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 130px;
}

.half.why .main-props .title .icon {
    padding-top: 8px;
    animation: moving 3s linear infinite;
}

.half.why .main-props .title .icon .down {
    display: none
}

.half.why .main-props .main-advantages {
    line-height: 1.5;
}

.half.why .main-props .main-advantages-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px
}

.half.why.props h2 {
    position: absolute;
    bottom: 605px
}

.half.why.props .advantages {
    visibility: hidden
}

.half.why.props .main-props {
    bottom: 0;
}

.half.why.props .main-props .title .icon .down {
    display: inline
}

.half.why.props .main-props .title .icon .up {
    display: none
}

.half.how-to-use {
    right: 0;
    left: 50%;
    background: linear-gradient(to right, transparent, transparent 50%, #fff 50%, #fff), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/wave_pattern.png");
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

.half.how-to-use h3 {
    text-align: center;
    margin-bottom: 10px
}

.half.how-to-use .how-to-use-steps {
    width: 480px;
    position: relative;
    left: 50%;
    margin-left: -185px;
    line-height: 1.5;
}

.half.how-to-use .how-to-use-steps .step {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
}

.half.how-to-use .how-to-use-steps .step .icon {
    margin-right: 45px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-height:1000px) {
    .half.how-to-use .how-to-use-steps .step {
        margin-top: 40px
    }
}

@media screen and (min-height:1050px) {
    .half.how-to-use .how-to-use-steps .step {
        margin-top: 50px
    }
}

@media screen and (min-height:1100px) {
    .half.how-to-use .how-to-use-steps .step {
        margin-top: 60px
    }
}

#second-screen img.tube {
    position: absolute;
    width: 340px;
    height: auto;
    bottom: 40px;
    left: -170px;
}

@media (min-width:1600px) and (min-height:1000px) {
    #second-screen img.tube {
        width: 380px;
        left: -190px;
        bottom: 30px
    }
}

@media (min-width:1600px) and (min-height:1100px) {
    #second-screen img.tube {
        width: 410px;
        left: -205px;
        bottom: 20px
    }
}

#second-screen img.horizontal-tube {
    display: none
}

#second-screen .learn-more-button {
    position: absolute;
    bottom: 0;
    width: 234px;
    height: 130px;
    left: -117px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

#second-screen .learn-more-button a {
    height: 40px;
    line-height: 40px;
    border: 1px solid #b73782;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-size: 13px;
    letter-spacing: .12em;
}

#second-screen .learn-more-button a:hover {
    background-color: rgba(183, 55, 130, 0.8);
    color: #fff;
    border-color: #fff
}

#second-screen .instruction-button {
    position: absolute;
    bottom: 0;
    right: 35px;
    height: 130px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    letter-spacing: .12em;
}

#second-screen .instruction-button a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #b73782;
}

#second-screen .instruction-button a img {
    margin-right: 20px;
    width: 37px;
    height: 37px
}

#second-screen .instruction-button a:hover {
    text-decoration: underline
}

#second-screen .seo .container {
    padding-left: 40px;
    padding-right: 40px
}

#third-screen {
    background: linear-gradient(to right, transparent 23%, #fff 23%), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/article_pattern.png");
    font-size: 15px;
}

#third-screen .container {
    padding-left: 40px;
    padding-right: 40px
}

#third-screen h2 {
    padding-top: 95px;
    text-align: center;
    letter-spacing: .025em
}

#third-screen .theme-filter {
    margin: 25px auto;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e4e1e0;
    width: 376px;
    height: 53px;
    padding: 3px;
    border-radius: 53px;
}

#third-screen .theme-filter .theme {
    height: 100%;
    padding-left: 50px;
    padding-right: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    font: 300 20px 'HelveticaNeueCyr', sans-serif;
    cursor: pointer
}

#third-screen .theme-filter [data-theme-name="sport"].active {
    background-color: #b73782;
    color: #fff
}

#third-screen .theme-filter [data-theme-name="home"].active {
    background-color: #1baf4c;
    color: #fff
}

#third-screen .articles .articles-slider.sport a.article .category {
    background-color: #b73782
}

#third-screen .articles .articles-slider.sport .slick-dots li.slick-active button {
    background-color: #b73782
}

#third-screen .articles .articles-slider.home a.article .category {
    background-color: #1baf4c
}

#third-screen .articles .articles-slider.home .slick-dots li.slick-active button {
    background-color: #1baf4c
}

#third-screen .articles .articles-slide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -20px;
    margin-right: -20px;
    outline: none
}

#third-screen .articles a.article {
    margin-left: 20px;
    margin-right: 20px;
    outline: none;
}

#third-screen .articles a.article .thumbnail {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

#third-screen .articles a.article .text {
    padding: 15px 0;
    overflow: hidden
}

#third-screen .articles a.article .title {
    font: 300 25px 'HelveticaNeueCyr', sans-serif;
    margin-bottom: 15px
}

#third-screen .articles a.article .content {
    font-size: 15px;
    color: #272727
}

#third-screen .articles a.article .category {
    position: absolute;
    padding: 12px 20px;
    color: #fff;
    bottom: 0;
    left: 0;
    font-size: 13px
}

#third-screen .articles a.article[data-type="large"] {
    width: calc(50vw - 60px);
}

#third-screen .articles a.article[data-type="large"] .thumbnail {
    padding-top: 59.0909%
}

#third-screen .articles a.article[data-type="large"] .category {
    left: 50%
}

#third-screen .articles a.article[data-type="large"] .text {
    width: 50%;
    margin-left: auto
}

#third-screen .articles a.article[data-type="vertical"] {
    width: calc(25vw - 50px);
}

#third-screen .articles a.article[data-type="vertical"] .thumbnail {
    padding-top: 125.8065%
}

#third-screen .articles a.article[data-type="small"] {
    width: calc(25vw - 50px);
}

#third-screen .articles a.article[data-type="small"] .thumbnail {
    padding-top: 62.9032%
}

#third-screen .articles a.article[data-theme="sport"] .category {
    background-color: #b73782
}

#third-screen .articles a.article[data-theme="home"] .category {
    background-color: #1baf4c
}

#third-screen .articles a.article:hover .text {
    text-decoration: underline
}

#third-screen .articles .slick-dots li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    height: 10px;
    width: 50%;
    background-color: transparent;
    margin: 0;
}

#third-screen .articles .slick-dots li button {
    display: block;
    height: 1px;
    width: 100%;
    padding: 0;
    background-color: #e5e5e5;
}

#third-screen .articles .slick-dots li button:before {
    display: none
}

#third-screen .articles .slick-dots li.slick-active button {
    background-color: #b73782;
    height: 5px;
    border-radius: 10px/5px
}

#third-screen .other-articles-button {
    display: block;
    margin: 40px auto 60px;
    width: 220px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border: 1px solid #ffcc1a;
    border-radius: 50px;
}

#third-screen .other-articles-button:hover {
    background-color: rgba(255, 204, 26, 0.4)
}

.seo .container {
    display: -ms-flexbox;
    display: flex
}

.seo-item {
    position: relative;
    width: 50%;
    padding-left: 30px;
    padding-right: 60px;
}

.seo-item:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 2px;
    background-color: #ffcc1a
}

.seo-item .title,
.seo-item h6 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: normal
}

.seo-item .content {
    color: #7d7d7d
}

.seo-item ul {
    margin-bottom: 5px;
}

.seo-item ul li {
    position: relative;
    padding-left: 20px;
}

.seo-item ul li:before {
    content: '–';
    position: absolute;
    top: 0;
    left: 0
}

.footnote-block {
    margin-top: 20px;
}

.footnote-block .container {
    padding-left: 40px;
    padding-right: 40px
}

.footnote-block .footnote {
    margin-bottom: 10px;
    font-size: 13px;
    color: #7d7d7d
}

@media (min-width:1381px) and (min-height:761px) {
    @keyframes waves {
        0% {
            transform: scale(.9);
            opacity: 1
        }

        100% {
            transform: scale(1.5);
            opacity: 0
        }
    }
}

@media (max-width:1380px) and (min-height:761px) {
    @keyframes waves {
        0% {
            transform: scale(.9);
            opacity: 1
        }

        100% {
            transform: scale(1.6);
            opacity: 0
        }
    }
}

@media (max-height:760px) {
    @keyframes waves {
        0% {
            transform: scale(.9);
            opacity: 1
        }

        100% {
            transform: scale(1.9);
            opacity: 0
        }
    }
}

@keyframes moving {
    0% {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-5px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(5px)
    }

    100% {
        transform: translateY(0)
    }
}

#about-section .cream-block {
    position: relative;
    margin-bottom: 110px;
}

#about-section .cream-block:after {
    content: '';
    display: block;
    clear: both
}

#about-section .half.pack {
    position: absolute;
    bottom: 0;
    height: 100vh;
    left: 0;
    right: 50%;
    background: linear-gradient(to right, #f5f5f5, #f5f5f5 50%, transparent 50%, transparent), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/article_pattern.png");
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width:1021px) {
    #about-section .half.pack.fixed {
        position: fixed;
        top: 0
    }
}

#about-section .half.pack .bagel {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 420px;
    height: 420px;
    margin-top: -210px;
    margin-left: -210px
}

#about-section .half.pack .tube {
    position: relative;
    width: 304px;
    z-index: 10
}

#about-section .half.pack .horizontal-tube {
    display: none
}

#about-section .half.about-cream {
    float: right;
    width: 50%;
    padding: 200px 80px 60px 100px;
    color: #7d7d7d;
    letter-spacing: .01em;
}

#about-section .half.about-cream h2,
#about-section .half.about-cream h1.sh {
    margin-bottom: 10px;
    color: #000
}

#about-section .half.about-cream .short-description {
    font-size: 20px
}

#about-section .half.about-cream .buttons {
    margin: 50px 0 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#about-section .half.about-cream .buttons .instruction,
#about-section .half.about-cream .buttons .where-to-buy {
    margin-bottom: 10px
}

#about-section .half.about-cream .buttons .instruction {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #b73782;
    font-size: 13px;
    margin-right: 45px;
}

#about-section .half.about-cream .buttons .instruction img {
    margin-right: 10px;
    height: 50px;
    width: 50px
}

#about-section .half.about-cream .buttons .instruction:hover {
    text-decoration: underline
}

#about-section .half.about-cream .buttons .where-to-buy {
    height: 50px;
    line-height: 50px;
    color: #000;
    background-color: #ffcc1a;
    border-radius: 50px;
    padding: 0 30px;
    font-size: 15px;
}

#about-section .half.about-cream .buttons .where-to-buy:hover {
    background-color: #f1be0c
}

#about-section .half.about-cream h4,
#about-section .half.about-cream h2 {
    font-size: 20px;
    color: #000;
    margin-top: 40px;
    margin-bottom: 35px;
    position: relative;
    font-weight: normal;
    font-family: 'Arial', sans-serif;
    line-height: 1.5;
}

#about-section .half.about-cream h4:after,
#about-section .half.about-cream h2:after {
    content: '';
    display: block;
    width: 73px;
    height: 2px;
    margin-top: 10px;
    background-color: #ffcc1a
}

#about-section .half.about-cream ul li {
    margin-bottom: 15px;
}

#about-section .half.about-cream ul li:before {
    content: '-';
    display: inline-block;
    padding-right: 12px
}

#about-section .half.about-cream p {
    margin-bottom: 10px
}

#about-section .half.about-cream table {
    border: none;
    border-collapse: collapse;
}

#about-section .half.about-cream table td {
    padding-bottom: 20px;
    vertical-align: top;
    border: none;
}

#about-section .half.about-cream table td:first-child {
    padding-right: 20px
}

#about-section .cream-block .article {
    margin-left: -160px;
    margin-right: -80px;
    margin-top: 35px;
    margin-bottom: -5px;
    display: -ms-flexbox;
    display: flex;
    height: 190px;
    background-color: #ffcc1a;
}

@media screen and (min-width:641px) {
    #about-section .cream-block .article {
        position: relative;
        left: 200%;
        transition: left .6s
    }

    #about-section .cream-block .article.slide {
        left: 0
    }
}

#about-section .cream-block .article[data-type="vertical"] {
    height: 285px
}

#about-section .cream-block .article .thumbnail {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 270px;
    background-size: cover;
    background-position: top center
}

#about-section .cream-block .article .category {
    position: absolute;
    padding: 12px 20px;
    color: #fff;
    bottom: 0;
    left: 0;
    font-size: 13px;
    background-color: #b73782
}

#about-section .cream-block .article .text {
    padding-left: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #272727;
}

#about-section .cream-block .article .text>div {
    width: 280px
}

#about-section .cream-block .article .article-theme {
    font-size: 13px;
    color: #505050
}

#about-section .cream-block .article .article-title {
    font: 300 24px/1.25 'HelveticaNeueCyr', sans-serif;
    color: #000;
    margin: 5px 0
}

#about-section .seo {
    padding-left: 40px;
    padding-right: 40px
}

body.where-to-buy header a.logo .text.white {
    display: inline
}

body.where-to-buy header a.logo .text.black {
    display: none
}

body.where-to-buy header a.logo svg {
    fill: #fff
}

#where-to-buy {
    position: relative;
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
}

#where-to-buy .half {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

#where-to-buy .half.picture {
    position: relative;
    background: url("/web/20211203094739im_/http://aertalcream.kz/assets/img/where_to_buy.jpg") 30% 50%/cover;
}

#where-to-buy .half.picture .bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    background: #1baf4c;
    overflow: hidden;
}

#where-to-buy .half.picture .bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200%;
    background: url("/web/20211203094739im_/http://aertalcream.kz/assets/img/where_to_buy_blur.jpg") 30% 50%/cover;
    opacity: .3
}

#where-to-buy .half.picture .bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("/web/20211203094739im_/http://aertalcream.kz/assets/img/wave_pattern2.png");
    opacity: .15
}

#where-to-buy .half.picture h1 {
    position: static;
    width: 410px;
    text-align: left;
    opacity: 0;
    color: #fff;
    z-index: 40;
}

@media screen and (min-width:1019px) {
    #where-to-buy .half.picture h1 {
        transition: opacity 1.5s 1s
    }
}

#where-to-buy .half.picture h1:after {
    content: '';
    display: block;
    margin-top: 40px;
    width: 74px;
    height: 4px;
    background-color: #ffcc1a
}

#where-to-buy .half.picture:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -ms-transform-origin: right;
    transform-origin: right;
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

@media screen and (min-width:1019px) {
    #where-to-buy .half.picture:after {
        transition: transform 3s
    }
}

#where-to-buy .half.drugstores .content {
    width: 540px;
    text-align: center
}

#where-to-buy .half.drugstores .title {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 65px;
    opacity: 0;
    -ms-transform: translateY(40px);
    transform: translateY(40px);
}

@media screen and (min-width:1019px) {
    #where-to-buy .half.drugstores .title {
        transition: opacity 2s, transform 1s
    }
}

#where-to-buy .half.drugstores li {
    margin-top: 40px;
    opacity: 0;
    -ms-transform: translateY(40px);
    transform: translateY(40px);
}

@media screen and (min-width:1019px) {
    #where-to-buy .half.drugstores li:nth-child(1) {
        transition: opacity 1s 1.2s, transform .8s 1.2s
    }

    #where-to-buy .half.drugstores li:nth-child(2) {
        transition: opacity 1s 1.4s, transform .8s 1.4s
    }

    #where-to-buy .half.drugstores li:nth-child(3) {
        transition: opacity 1s 1.6s, transform .8s 1.6s
    }
}

#where-to-buy .half.drugstores a {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 360px;
    height: 100px;
    border: 1px solid #ffcc1a;
    border-radius: 100px;
}

#where-to-buy .half.drugstores a img {
    max-width: 200px
}

body.where-to-buy header {
    top: -105px;
    opacity: 0;
}

@media screen and (min-width:1019px) {
    body.where-to-buy header {
        transition: opacity 1.5s 1.5s, top 1s 1s, background-color .5s, height .5s
    }
}

body.where-to-buy header li.current:after {
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: left;
    transform-origin: left;
}

@media screen and (min-width:1019px) {
    body.where-to-buy header li.current:after {
        transition: transform 1s 2s
    }
}

body.where-to-buy .seo,
body.where-to-buy .disclaimer,
body.where-to-buy footer {
    position: relative;
    background-color: #fff;
    z-index: 50
}

body.where-to-buy .seo {
    padding-top: 100px;
    padding-left: 40px;
    padding-right: 40px;
}

body.where-to-buy .seo .container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start
}

body.where-to-buy .seo-item {
    margin-bottom: 35px
}

body.where-to-buy .disclaimer {
    margin-top: 0;
    padding-top: 40px
}

body.where-to-buy.loaded header {
    top: 0;
    opacity: 1;
}

body.where-to-buy.loaded header li.current:after {
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

body.where-to-buy.loaded #where-to-buy .half.picture h1 {
    opacity: 1
}

body.where-to-buy.loaded #where-to-buy .half.picture:after {
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

body.where-to-buy.loaded #where-to-buy .half.drugstores .title {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0)
}

body.where-to-buy.loaded #where-to-buy .half.drugstores li {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0)
}

#articles-section {
    width: 1360px;
    margin: 125px auto 0;
}

#articles-section h2,
#articles-section h1.sh {
    text-align: center
}

#articles-section .filters {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 40px auto 35px
}

#articles-section .filter-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

#articles-section .filter-wrapper .label {
    line-height: 53px;
    font-size: 13px;
    color: #7d7d7d
}

#articles-section .filter-wrapper .filter {
    display: -ms-flexbox;
    display: flex;
}

#articles-section .filter-wrapper .filter.theme-filter {
    margin-left: 20px;
    border: 2px solid #ebebeb;
    border-radius: 45px;
}

#articles-section .filter-wrapper .filter.theme-filter [data-theme-name="all"].active {
    background-color: #ffcc1a
}

#articles-section .filter-wrapper .filter.theme-filter [data-theme-name="sport"].active {
    background-color: #b73782;
    color: #fff
}

#articles-section .filter-wrapper .filter.theme-filter [data-theme-name="home"].active {
    background-color: #1baf4c;
    color: #fff
}

#articles-section .filter-wrapper .filter.theme-filter .filter-item.active {
    pointer-events: none
}

#articles-section .filter-wrapper .filter.tag-filter {
    width: 675px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#articles-section .filter-wrapper .filter.tag-filter .filter-item {
    margin-left: 15px;
    background-color: #ebebeb;
}

#articles-section .filter-wrapper .filter.tag-filter .filter-item.active {
    background-color: #ffcc1a;
}

#articles-section .filter-wrapper .filter.tag-filter .filter-item.active:first-child {
    pointer-events: none
}

#articles-section .filter-wrapper .filter-item {
    height: 45px;
    margin: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
    border-radius: 45px;
    font: 300 20px 'HelveticaNeueCyr', sans-serif;
    cursor: pointer
}

#articles-section .articles {
    position: relative;
}

#articles-section .articles a.article {
    position: absolute;
}

#articles-section .articles a.article .thumbnail {
    position: relative;
    background-size: cover;
    background-position: center top
}

#articles-section .articles a.article .text {
    padding: 10px 0;
    overflow: hidden;
    font: 300 25px/1.35 'HelveticaNeueCyr', sans-serif;
    margin-bottom: 40px;
    letter-spacing: .01em
}

#articles-section .articles a.article .category {
    position: absolute;
    padding: 12px 20px;
    color: #fff;
    bottom: 0;
    left: 0;
    font-size: 13px
}

#articles-section .articles a.article[data-type="large"] {
    width: 660px;
}

#articles-section .articles a.article[data-type="large"] .thumbnail {
    height: 387.5px
}

#articles-section .articles a.article[data-type="large"] .category {
    left: 350px
}

#articles-section .articles a.article[data-type="large"] .text {
    width: 310px;
    margin-left: auto
}

#articles-section .articles a.article[data-type="vertical"] {
    width: 310px;
}

#articles-section .articles a.article[data-type="vertical"] .thumbnail {
    height: 387.5px
}

#articles-section .articles a.article[data-type="small"] {
    width: 310px;
}

#articles-section .articles a.article[data-type="small"] .thumbnail {
    height: 193.75px
}

#articles-section .articles a.article[data-theme="sport"] .category {
    background-color: #b73782
}

#articles-section .articles a.article[data-theme="home"] .category {
    background-color: #1baf4c
}

#articles-section .articles a.article:hover .text {
    text-decoration: underline
}

.more-articles {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 250px;
    height: 50px;
    border: 2px solid #ffcc1a;
    border-radius: 50px;
    cursor: pointer;
    margin: 0 auto 65px;
    font-size: 15px;
}

.more-articles img {
    margin-right: 15px;
    width: 18px;
    height: auto
}

#about-cream {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("../images/about_cream_bg.jpg") center/cover;
    color: #fff;
    padding: 35px;
}

#about-cream .text {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 500px;
    margin-right: 165px
}

#about-cream .content {
    margin: 20px 0 40px;
    line-height: 1.8
}

#about-cream .buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 445px
}

#about-cream .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 218px;
    height: 50px;
    border: 1px solid #fff;
    font-size: 15px;
    border-radius: 50px;
}

#about-cream .button.where-to-buy {
    width: 200px;
    background-color: #fff;
    color: #000
}

#about-cream .images {
    max-width: 512px;
}

#about-cream .images img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

#about-cream .images img:nth-child(2) {
    margin-top: -30px;
    margin-bottom: -70px
}

main.article {
    background: linear-gradient(to left, transparent 320px, #fff 320px), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/article_pattern.png");
}

main.article .article-image {
    position: relative;
    margin-top: 100px;
    height: 38.88888888888889vw;
    background-size: cover;
    background-position: center;
    color: #fff;
}

main.article .article-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3)
}

main.article .article-image .container {
    position: absolute;
    margin-left: 210px;
    bottom: 70px;
    left: 0;
    width: 880px;
    z-index: 10;
}

main.article .article-image .container .tag {
    margin: 0
}

main.article .tag {
    margin-bottom: 30px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 40px;
    text-align: center;
    font-size: 13px;
}

main.article .tag.home {
    background-color: #1baf4c
}

main.article .tag.sport {
    background-color: #b73782
}

main.article .article-content {
    position: relative;
    padding-top: 35px;
}

main.article .article-content .container {
    margin-left: 210px;
    width: 675px
}

main.article .article-content .breadcrumb {
    position: relative;
    margin-bottom: 55px;
    color: #505050;
    font-size: 13px;
    letter-spacing: .01em;
    line-height: 1.34;
}

@media screen and (min-width:641px) {
    main.article .article-content .breadcrumb {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

main.article .article-content .breadcrumb .separator {
    padding: 0 12px
}

main.article .article-content .breadcrumb a:hover {
    text-decoration: underline
}

@media screen and (min-width:641px) {
    main.article .article-content .breadcrumb:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 35%;
        background: linear-gradient(to left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0))
    }
}

main.article .article-content h2,
main.article .article-content h1.sh {
    margin-bottom: 30px
}

main.article .article-content img,
main.article .article-content video {
    margin: 45px 0 45px -40px;
    width: 740px
}

main.article .article-content h4,
main.article .article-content h2 {
    margin: 40px 0 30px
}

main.article .article-content p,
main.article .article-content ul {
    margin-bottom: 25px;
    color: #808080;
    line-height: 1.8
}

main.article .article-content ul {
    list-style: disc;
    padding-left: 15px;
}

main.article .article-content ul li {
    margin-bottom: 20px
}

main.article .article-content .quote {
    position: relative;
    padding: 10px 0;
    font-size: 20px;
    font-style: italic;
    line-height: 1.5;
}

main.article .article-content .quote:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -40px;
    width: 2px;
    background-color: #ffcc1a
}

main.article .article-container {
    position: absolute;
    right: 40px;
}

main.article .article-container.article1 {
    top: 110px
}

main.article .article-container.article2 {
    top: 635px
}

main.article .article-container.about-cream {
    bottom: 50px
}

main.article .article {
    display: block;
    width: 310px;
}

main.article .article .thumbnail {
    position: relative;
    height: 190px;
    background-size: cover;
    background-position: center top
}

main.article .article .text {
    padding: 10px 0
}

main.article .article .article-title {
    font: 300 24px 'HelveticaNeueCyr', sans-serif;
    line-height: 1.25;
    margin-bottom: 10px
}

main.article .article .category {
    position: absolute;
    padding: 12px 20px;
    color: #fff;
    bottom: 0;
    left: 0;
    font-size: 13px
}

main.article .article .content {
    font-size: 15px;
    color: #7d7d7d
}

main.article .article[data-type="vertical"] {
    width: $col;
}

main.article .article[data-type="vertical"] .thumbnail {
    height: 380px
}

main.article .article[data-theme="sport"] .category {
    background-color: #b73782
}

main.article .article[data-theme="home"] .category {
    background-color: #1baf4c
}

.slick-dots li {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #e5e5e5;
    margin: 0 15px;
}

.slick-dots li.slick-active {
    background-color: #b73782
}

.slick-dots li button {
    display: none
}

.other-articles {
    margin-top: 150px;
    margin-bottom: 80px;
}

.other-articles h3 {
    margin-left: 170px;
    margin-bottom: 50px
}

.other-articles .container {
    margin-left: 20px;
    margin-right: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.other-articles .container:after {
    content: '';
    display: block;
    clear: both
}

.other-articles .container .article {
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
}

.other-articles .container .article .thumbnail {
    height: 14vw
}

#about-section .half.pack img {
    position: relative;
    z-index: 10;
    width: 100%
}

#about-section .half.pack .tablets {
    max-width: 678px
}

#about-section .half.pack .powder {
    max-width: 539px
}

main.spec .other-articles {
    margin-top: 95px;
}

main.spec .other-articles h3 {
    text-align: center;
    margin-left: 0
}

main.spec .other-articles .container .article .thumbnail {
    position: relative;
    background-size: cover;
    background-position: center top
}

main.spec .other-articles .container .article .text {
    padding: 10px 0
}

main.spec .other-articles .container .article .category {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 12px 18px;
    background-color: #ffcc1a;
    font-size: 13px;
    color: #1b1b1b;
}

main.spec .other-articles .container .article .category img {
    vertical-align: top;
    margin-right: 10px;
    width: 12px
}

main.spec .other-articles .container .article .category span {
    display: inline-block;
    line-height: 1
}

main.spec .other-articles .container .article .article-title {
    font: 300 20px/1.25 'HelveticaNeueCyr', sans-serif;
    margin-bottom: 10px
}

main.spec .other-articles .container .article .article-author {
    font-size: 15px;
    letter-spacing: .01em;
    color: #969696
}

main.spec .other-articles .container .article:hover .category span {
    border-bottom: 1px solid #000
}

main.spec .other-articles .container .article:hover .article-title {
    text-decoration: underline
}

.other-products {
    padding: 40px;
    padding-top: 50px;
    background-color: #b73782;
    margin-bottom: 50px;
    color: #fff;
}

.other-products h3 {
    text-align: center;
    letter-spacing: .025em;
    margin-bottom: 30px
}

.other-products .container {
    display: -ms-flexbox;
    display: flex
}

.other-products .product {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
}

.other-products .product img {
    width: 50%;
    padding: 0 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.other-products .product .text {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    padding: 0 20px
}

.other-products .product .title {
    font: 300 35px/1.25 'HelveticaNeueCyr', sans-serif;
    margin-bottom: 20px
}

.other-products .product:hover .title {
    text-decoration: underline
}

#spec {
    margin-top: 105px;
}

#spec .products {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#spec .product {
    width: 50%;
    height: 21.428571428571427vw;
    display: -ms-flexbox;
    display: flex;
}

#spec .product.main {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

#spec .product.main h2,
#spec .product.main h1.sh {
    margin-bottom: 15px
}

#spec .product.main p {
    font-size: 20px;
    color: #505050
}

#spec .product.main h2,
#spec .product.main h1.sh,
#spec .product.main p {
    width: 410px
}

#spec .product .half {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

#spec .product .half.img {
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
}

#spec .product .half.img img {
    position: relative;
    max-width: 100%
}

#spec .product .half.img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("/web/20211203094739im_/http://aertalcream.kz/assets/img/article_pattern_black.png");
    opacity: .07
}

#spec .product .half.text {
    position: relative;
    padding: 45px;
}

#spec .product .half.text:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -8.25px;
    width: 0;
    height: 0;
    border-width: 16.5px;
    border-style: solid;
    border-color: transparent
}

#spec .product.cream .text {
    background-color: #ffcc1a;
}

#spec .product.cream .text:after {
    right: 100%;
    border-right-color: #ffcc1a
}

#spec .product.cream:hover .img {
    background: #ffcc1a
}

#spec .product.tablets .text {
    background-color: #1baf4c;
    color: #fff;
}

#spec .product.tablets .text:after {
    left: 100%;
    border-left-color: #1baf4c
}

#spec .product.tablets:hover .img {
    background: #1baf4c
}

#spec .product.powder .text {
    background-color: #b73782;
    color: #fff;
}

#spec .product.powder .text:after {
    left: 100%;
    border-left-color: #b73782;
    z-index: 10
}

#spec .product.powder:hover .img {
    background: #b73782
}

#spec .product .product-title {
    margin-bottom: 15px;
    font: 300 35px/1.25 'HelveticaNeueCyr', sans-serif;
    letter-spacing: .025em
}

#spec .product:hover .product-title {
    text-decoration: underline
}

#faq {
    margin-top: 105px;
    padding-top: 70px;
}

#faq .faq-block {
    position: relative;
    overflow: hidden;
    margin-bottom: 90px;
}

#faq .faq-block:after {
    content: '';
    display: block;
    clear: both
}

#faq .faq-block h1.sh,
#faq .faq-block .description {
    margin-left: 90px;
    margin-right: 120px
}

#faq .faq-block h1.sh {
    margin-bottom: 15px;
    color: #000
}

#faq .faq-block .description {
    font-size: 17px
}

#faq .faq-block .ask-question {
    display: none
}

#faq .faq-block .questions {
    margin-top: 50px
}

#faq .faq-block .question {
    padding: 45px 0;
}

#faq .faq-block .question:nth-child(odd) {
    background-color: #f7f7f7
}

#faq .faq-block .question .content {
    position: relative;
    margin-left: 40px;
    margin-right: 140px;
    padding-left: 50px;
}

#faq .faq-block .question .content:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background-color: #ffcc1a
}

#faq .faq-block .question h2.title {
    font-family: "Arial", sans-serif;
    font-weight: normal;
    margin-left: 0;
    margin-right: 0
}

#faq .faq-block .question .title {
    color: #000;
    font-size: 20px;
    margin-bottom: 15px
}

#faq .faq-block .question .answer {
    font-size: 15px;
}

#faq .faq-block .question .answer .part2 {
    display: none
}

#faq .faq-block .question .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #b73782;
    cursor: pointer;
    margin-top: 25px;
    margin-left: 35.5px;
    font-size: 13px;
    letter-spacing: .12em;
}

#faq .faq-block .question .button .arrow {
    position: relative;
    width: 9px;
    height: 6px;
    margin-right: 45.5px;
}

#faq .faq-block .question .button .arrow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#faq .faq-block .question .button .hide {
    display: none
}

#faq .faq-block .question.expanded .part2 {
    display: inline
}

#faq .faq-block .question.expanded .button .show {
    display: none
}

#faq .faq-block .question.expanded .button .hide {
    display: block
}

#faq .half.questions-block {
    float: left;
    width: 50%;
    color: #7d7d7d;
    letter-spacing: .01em
}

#faq .half.form-block {
    position: absolute;
    bottom: 0;
    min-height: 700px;
    height: 100vh;
    width: 50%;
    right: 0;
    background: linear-gradient(135deg, #ffcc1a 20%, #1baf4c 60%);
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width:761px) {
    #faq .half.form-block.fixed {
        position: fixed;
        top: 0
    }
}

#faq .half.form-block .left-side,
#faq .half.form-block .close-form {
    display: none
}

#faq .half.form-block .question-mark {
    position: absolute;
    top: 105px;
    bottom: 0;
    right: 0;
    z-index: 10;
    opacity: .1;
    text-align: right;
}

#faq .half.form-block .question-mark img {
    height: 100%
}

#faq .half.form-block .content {
    position: relative;
    width: 520px;
    padding-top: 50px;
    z-index: 20
}

#faq .half.form-block h4 {
    letter-spacing: .04em;
    line-height: 1.8
}

#faq .half.form-block h3 {
    letter-spacing: .025em
}

#faq .half.form-block .fields {
    margin: 35px 0
}

#faq .half.form-block .field {
    margin-bottom: 30px;
}

#faq .half.form-block .field .input-wrapper {
    position: relative
}

#faq .half.form-block .field .error-label,
#faq .half.form-block .field .error-message {
    position: absolute;
    font-size: 12px;
    letter-spacing: .01em;
    font-style: italic;
    display: none
}

#faq .half.form-block .field .error-label {
    bottom: 20px;
    right: 15px;
    color: #f00
}

#faq .half.form-block .field .error-message {
    bottom: -25px;
    right: 10px;
    padding: 8px 12px;
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.3);
}

#faq .half.form-block .field .error-message:before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 30px;
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #fff
}

#faq .half.form-block .field.error input,
#faq .half.form-block .field.empty input,
#faq .half.form-block .field.error textarea,
#faq .half.form-block .field.empty textarea {
    border: 1px solid #f00
}

#faq .half.form-block .field.error .error-label,
#faq .half.form-block .field.empty .error-label,
#faq .half.form-block .field.error .error-message,
#faq .half.form-block .field.empty .error-message {
    display: block
}

#faq .half.form-block button {
    font: inherit;
    background-color: #ffcc1a;
    color: #000;
    letter-spacing: .12em;
    padding: 15px 45px;
    border-radius: 50px;
    cursor: pointer;
    border: none;
    outline: none
}

#faq .half.form-block input,
#faq .half.form-block textarea {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
    font: inherit;
    color: #000;
    border: none;
    outline: none;
    resize: none
}

#faq .half.form-block label {
    font-size: 15px;
    font-style: italic
}

#faq .seo {
    padding-left: 40px;
    padding-right: 40px
}

.form-success {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 120;
}

.form-success .content {
    text-align: center;
    position: relative;
    padding: 45px 90px 50px;
    background-color: #fff;
    border-radius: 10px
}

.form-success .title {
    font: 100 50px 'HelveticaNeueCyr', sans-serif;
    letter-spacing: .025em;
    margin: 15px 0
}

.form-success p {
    font-size: 20px
}

.form-success .close-button {
    position: absolute;
    top: 22px;
    right: 22px;
    cursor: pointer;
    width: 26px;
    height: 26px;
}

.form-success .close-button:before,
.form-success .close-button:after {
    content: '';
    width: 33.800000000000004px;
    height: 2px;
    background-color: #000;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform-origin: center;
    transform-origin: center
}

.form-success .close-button:before {
    -ms-transform: rotate(-45deg);
    transform: rotateZ(-45deg)
}

.form-success .close-button:after {
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg)
}

#instruction .instruction-block {
    position: relative
}

#instruction .anchors-block {
    float: left;
    width: 360px;
}

#instruction .anchors-block .current-anchor {
    display: none
}

#instruction .anchors-block .anchors {
    position: absolute;
    bottom: 0;
    width: 360px;
    padding-top: 110px;
    background: url("/web/20211203094739im_/http://aertalcream.kz/assets/img/article_pattern.png");
    height: 100vh;
    overflow-y: auto
}

#instruction .anchors-block .anchors.fixed {
    position: fixed;
    top: 0
}

#instruction .anchors-block .anchor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
    text-decoration: underline;
}

#instruction .anchors-block .anchor:hover {
    text-decoration: none
}

#instruction .anchors-block .anchor.active {
    position: relative;
    text-decoration: none;
    background-color: #fff;
}

#instruction .anchors-block .anchor.active:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    background-color: #ffcc1a
}

#instruction .instruction-text {
    margin-left: 360px;
    padding-left: 100px;
    padding-top: 150px;
    padding-right: 240px;
    padding-bottom: 90px;
    color: #7d7d7d;
    letter-spacing: .01em;
}

#instruction .instruction-text h2,
#instruction .instruction-text h1.sh {
    margin-bottom: 10px;
    color: #000
}

#instruction .instruction-text .short-description {
    font-size: 20px
}

#instruction .instruction-text a.instruction {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #b73782;
    font-size: 13px;
    margin: 30px 0;
}

#instruction .instruction-text a.instruction img {
    margin-right: 10px;
    height: 50px;
    width: 50px
}

#instruction .instruction-text a.instruction:hover {
    text-decoration: underline
}

#instruction .instruction-text .description {
    font-size: 15px;
    max-width: 960px
}

#instruction .instruction-text h4,
#instruction .instruction-text h2 {
    font-size: 20px;
    color: #000;
    margin-top: 35px;
    margin-bottom: 25px;
    position: relative;
    font-weight: normal;
    font-family: 'Arial', sans-serif;
    line-height: 1.5;
}

#instruction .instruction-text h4:after,
#instruction .instruction-text h2:after {
    content: '';
    display: block;
    width: 73px;
    height: 2px;
    margin-top: 10px;
    background-color: #ffcc1a
}

#instruction .instruction-text h5 {
    font-weight: normal;
    font-size: 17px;
    margin-bottom: 10px
}

#instruction .instruction-text ul {
    padding-left: 20px;
}

#instruction .instruction-text ul li {
    margin-bottom: 15px;
    list-style: disc
}

#instruction .instruction-text p {
    margin-bottom: 10px
}

#instruction .instruction-text table {
    border: none;
    border-collapse: collapse;
}

#instruction .instruction-text table td {
    padding-bottom: 20px;
    border: none;
}

#instruction .instruction-text table td:first-child {
    padding-right: 20px;
    vertical-align: top
}

#instruction .instruction-text table td:last-child {
    vertical-align: bottom
}

#instruction .instruction-text b {
    color: #000
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden
}

#error-block {
    height: 100vh;
}

#error-block .half {
    position: relative;
    height: 100%;
    width: 50%;
    float: left;
    display: -ms-flexbox;
    display: flex;
    padding: 0 40px;
}

#error-block .half.banner {
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #b73782;
}

#error-block .half.banner:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    background-image: url("/web/20211203094739im_/http://aertalcream.kz/assets/img/article_pattern_black.png");
    opacity: .07
}

#error-block .half.banner .error-code {
    position: relative;
    color: #fff;
    font: 100 365px 'HelveticaNeueCyr', sans-serif;
    letter-spacing: .04em;
    padding-left: .04em
}

#error-block .half.banner .img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

#error-block .half.banner .img-wrapper img {
    width: 320px
}

#error-block .half.text {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

#error-block .half.text .info {
    font-family: 'HelveticaNeueCyr', sans-serif;
    margin-bottom: 60px;
    padding-left: 40px
}

#error-block .half.text .info-code {
    font-size: 25px;
    color: #898d91;
    font-weight: 300
}

#error-block .half.text .info-label {
    font-size: 40px;
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: 300
}

#error-block .half.text p {
    font-size: 16px;
    font-weight: 300
}

#error-block .half.text .nav {
    font-size: 13px;
}

#error-block .half.text .nav .column {
    width: 50%;
    float: left;
}

#error-block .half.text .nav .column:first-child {
    padding-left: 40px
}

#error-block .half.text .nav .column li {
    margin-bottom: 20px;
}

#error-block .half.text .nav .column li:hover a {
    text-decoration: underline
}

@media screen and (max-width:1380px) {
    #error-block .half {
        padding: 0 30px;
    }

    #error-block .half.banner .img-wrapper img {
        width: 250px
    }

    #error-block .half.banner .error-code {
        font-size: 280px
    }

    #error-block .half.text .info {
        padding-left: 15px
    }

    #error-block .half.text .nav .column {
        width: auto;
    }

    #error-block .half.text .nav .column:first-child {
        padding-left: 15px
    }

    #error-block .half.text .nav .column:last-child {
        padding-right: 30px;
        float: right
    }
}

@media screen and (max-width:1020px) {
    #error-block {
        height: auto;
    }

    #error-block .half {
        width: 100%;
        height: auto;
    }

    #error-block .half.banner {
        height: 436px;
    }

    #error-block .half.banner .img-wrapper img {
        width: 200px
    }

    #error-block .half.text {
        padding-top: 50px;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    #error-block .half.text .nav {
        padding-right: 60px;
    }

    #error-block .half.text .nav .column {
        width: 100%;
    }

    #error-block .half.text .nav .column:first-child,
    #error-block .half.text .nav .column:last-child {
        clear: both;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:640px) {
    #error-block .half.banner {
        height: 677px;
        padding-top: 160px;
    }

    #error-block .half.banner .img-wrapper {
        top: 160px;
    }

    #error-block .half.banner .img-wrapper img {
        width: 250px
    }

    #error-block .half.text {
        display: block;
    }

    #error-block .half.text .info {
        padding-left: 0
    }

    #error-block .half.text .info-code {
        font-size: 30px
    }

    #error-block .half.text .info-label {
        font-size: 56px;
        margin-top: 30px;
        margin-bottom: 20px
    }

    #error-block .half.text p {
        font-size: 26px
    }

    #error-block .half.text .nav {
        padding-right: 0;
        font-size: 16px;
    }

    #error-block .half.text .nav .column {
        float: left;
        width: 50%;
        clear: none !important
    }
}

@media screen and (max-height:760px) {
    h3 {
        font-size: 30px
    }

    h2,
    h1.sh {
        font-size: 40px
    }

    .middle .next-slide {
        width: 100px;
        height: 100px;
        margin-left: -50px;
        margin-top: -80px;
        font-size: 14px
    }

    .middle .pack {
        bottom: 125px;
    }

    .middle .pack img {
        height: 17vh
    }

    #second-screen .learn-more-button {
        height: 100px
    }

    #second-screen .instruction-button {
        height: 100px
    }

    #second-screen img.tube {
        width: 288px;
        left: -144px;
        bottom: 23px
    }

    .half.how-to-use .how-to-use-steps {
        margin-left: -145px;
    }

    .half.how-to-use .how-to-use-steps .step {
        margin-top: 10px;
    }

    .half.how-to-use .how-to-use-steps .step .icon {
        width: 100px;
        height: auto
    }

    .half.why .main-props {
        height: 490px;
        bottom: -390px;
    }

    .half.why .main-props .title {
        height: 100px
    }

    .half.why.props h2,
    .half.why.props h1.sh {
        bottom: 510px
    }
}

@media screen and (max-height:660px) {
    #first-screen h1 {
        top: 85px;
        font-size: 55px
    }

    .middle .pack {
        bottom: 100px
    }

    .middle .next-slide {
        margin-top: -100px
    }

    #second-screen img.tube {
        bottom: 30px;
        width: 220px;
        left: -110px
    }
}

@media screen and (max-width:1380px) {
    body {
        font-size: 15px
    }

    .disclaimer .container {
        padding-left: 30px;
        padding-right: 30px
    }

    footer .container {
        padding-left: 30px;
        padding-right: 30px
    }

    #first-screen h1 {
        font-size: 65px
    }

    h2,
    h1.sh {
        font-size: 40px
    }

    h3 {
        font-size: 32px
    }

    .middle .next-slide {
        width: 140px;
        height: 140px;
        margin-left: -70px;
        margin-top: -110px
    }

    .middle .pack img {
        max-width: 330px
    }

    .hash-tag {
        font-size: 32px;
        padding: 0 30px;
    }

    .hash-tag.sport {
        text-align: left
    }

    .hash-tag.home {
        text-align: right
    }

    #first-screen.home-hover .hash-tag.sport {
        text-align: center
    }

    #first-screen.sport-hover .hash-tag.home {
        text-align: center
    }

    .half.why {
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 30px;
    }

    .half.why h2,
    .half.why h1.sh,
    .half.why .advantages {
        margin-left: 0
    }

    .half.why .advantages {
        width: 390px
    }

    .half.why .main-props .content {
        padding-left: 30px;
        margin-left: 0;
        width: 510px
    }

    .half.why .main-props .icon {
        margin-right: 10px
    }

    .half.how-to-use .how-to-use-steps {
        width: 370px;
        margin-left: -150px;
    }

    .half.how-to-use .how-to-use-steps .step {
        margin-top: 20px;
    }

    .half.how-to-use .how-to-use-steps .step .icon {
        width: 120px;
        height: auto;
        margin-right: 30px
    }

    #second-screen img.tube {
        width: 260px;
        left: -130px;
        bottom: 70px
    }

    #second-screen .seo .container {
        padding-left: 30px;
        padding-right: 30px
    }

    #second-screen .footnote-block .container {
        padding-left: 30px;
        padding-right: 30px
    }

    #third-screen .container {
        padding-left: 30px;
        padding-right: 30px
    }

    #third-screen .articles .articles-slide {
        margin-left: -15px;
        margin-right: -15px
    }

    #third-screen .articles a.article {
        margin-left: 15px;
        margin-right: 15px;
    }

    #third-screen .articles a.article[data-type="large"] {
        width: calc(50vw - 45px)
    }

    #third-screen .articles a.article[data-type="vertical"] {
        width: calc(25vw - 37.5px)
    }

    #third-screen .articles a.article[data-type="small"] {
        width: calc(25vw - 37.5px)
    }

    #third-screen .articles a.article .title {
        font-size: 22px
    }
}

@media screen and (max-width:1020px) {
    header .menu {
        font: 300 35px 'HelveticaNeueCyr', sans-serif;
        color: #b73782;
    }

    header .menu .menu-button {
        opacity: 1;
        cursor: pointer
    }

    header .menu .navbar {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.95);
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
    }

    header .menu .navbar ul {
        text-transform: none;
        display: block
    }

    header .menu .navbar li {
        margin-left: 0;
        -ms-flex-pack: center;
        justify-content: center;
    }

    header .menu .navbar li svg {
        margin-right: 10px;
        width: 23px;
        height: 23px;
        fill: #b73782
    }

    .half.how-to-use {
        padding-left: 90px;
        padding-right: 90px;
    }

    .half.how-to-use .how-to-use-steps {
        width: auto;
        margin: 0 auto;
        text-align: center;
        position: static;
    }

    .half.how-to-use .how-to-use-steps .step {
        display: block;
    }

    .half.how-to-use .how-to-use-steps .step .icon {
        margin-right: 0
    }

    .half.why {
        padding-right: 110px;
        background-position-x: 32%;
    }

    .half.why .advantages {
        width: auto;
    }

    .half.why .advantages-item {
        display: block
    }

    .half.why .main-props .content {
        width: auto
    }

    #second-screen img.tube {
        bottom: 150px;
        width: 340px;
        left: -170px
    }

    #second-screen .learn-more-button {
        width: 180px;
        left: -90px
    }

    #third-screen .articles a.article[data-type="vertical"] {
        width: calc(33.33vw - 40px)
    }

    #third-screen .articles a.article[data-type="small"] {
        width: calc(33.33vw - 40px)
    }

    #third-screen .articles a.article[data-type="large"] {
        width: calc(66.66vw - 50px)
    }

    #third-screen .articles a.article:nth-child(4) {
        display: none
    }

    #third-screen .articles a.article[data-type="large"]~a.article:nth-child(3) {
        display: none
    }

    footer .comp-and-nav {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }

    footer .comp-name {
        -ms-flex-order: 2;
        order: 2
    }

    footer nav {
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 10px
    }

    footer li:first-child {
        margin-left: 0
    }
}

body.mobile-version {
    font-size: 30px;
}

body.mobile-version header {
    height: 205px;
}

body.mobile-version header a.logo {
    padding-top: 0;
}

body.mobile-version header a.logo img {
    width: 78px;
    margin-right: 20px
}

body.mobile-version header a.logo svg {
    width: 205px;
    height: 80px
}

body.mobile-version header .menu-button {
    width: 66px;
    height: 48px;
    margin-top: -36px;
    right: 30px;
}

body.mobile-version header .menu-button span {
    height: 6px
}

body.mobile-version header.white-bg {
    height: 169px
}

body.mobile-version h2,
body.mobile-version h1.sh {
    font-size: 56px
}

body.mobile-version section {
    position: relative
}

body.mobile-version.main .half {
    position: static
}

body.mobile-version .middle {
    position: static;
    width: auto;
    margin: 0;
}

body.mobile-version .middle .pack,
body.mobile-version .middle .learn-more,
body.mobile-version .middle .footnote {
    position: static
}

body.mobile-version .middle .next-slide {
    position: relative;
    margin: 80px auto 100px;
    left: 0;
    width: 246px;
    height: 246px;
    font-size: 32px;
}

body.mobile-version .middle .next-slide img {
    width: 37px
}

body.mobile-version .middle .pack {
    margin-bottom: -50px;
}

body.mobile-version .middle .pack img {
    max-width: 515px;
    width: 80.46875vw;
    height: auto
}

body.mobile-version .middle .learn-more {
    display: inline-block;
    padding: 0 60px;
    width: 410px;
    height: 80px;
    font-size: 26px;
    letter-spacing: .12em;
    line-height: 80px
}

body.mobile-version .middle .footnote {
    margin-top: 20px;
    font-size: 24px
}

body.mobile-version .video-container,
body.mobile-version .hash-tag {
    display: none
}

body.mobile-version #first-screen {
    padding-bottom: 30px;
    background: url("/web/20211203094739im_/http://aertalcream.kz/assets/img/half_pattern.png"), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/screen1_mobile.jpg") center/cover;
    padding-left: 30px;
    padding-right: 30px;
}

body.mobile-version #first-screen h1 {
    position: static;
    padding-top: 200px;
    font-size: 64px
}

body.mobile-version #first-screen .half,
body.mobile-version #first-screen .hover-block {
    display: none
}

body.mobile-version #second-screen .half.why {
    position: relative
}

body.mobile-version #second-screen img.tube {
    display: none
}

body.mobile-version #second-screen img.horizontal-tube {
    display: block;
    max-width: 100%
}

body.mobile-version #second-screen .learn-more-button {
    position: static;
    margin: 0 auto;
    width: 450px;
    height: 200px;
}

body.mobile-version #second-screen .learn-more-button a {
    height: 79px;
    line-height: 79px;
    font-size: 26px
}

body.mobile-version #second-screen h2,
body.mobile-version #second-screen h1.sh {
    padding-right: 0
}

body.mobile-version #second-screen .instruction-button {
    position: static;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 26px;
}

body.mobile-version #second-screen .instruction-button a img {
    width: 70px;
    height: 70px
}

body.mobile-version .half.why {
    position: relative;
    display: block;
    padding-right: 30px;
    padding-top: 115px;
    padding-bottom: 220px;
}

body.mobile-version .half.why .advantages-item {
    display: -ms-flexbox;
    display: flex;
    margin-top: 90px;
}

body.mobile-version .half.why .advantages-item .icon {
    width: 84px;
    height: 84px;
    margin-top: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

body.mobile-version .half.why .main-props {
    height: 820px;
    bottom: -670px;
}

body.mobile-version .half.why .main-props .icon {
    margin-right: 30px;
    width: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

body.mobile-version .half.why .main-props .content {
    padding-right: 30px
}

body.mobile-version .half.why .main-props .title {
    height: 150px;
}

body.mobile-version .half.why .main-props .title h3 {
    font-size: 50px
}

body.mobile-version .half.why .main-props .title .icon img {
    width: 48px
}

body.mobile-version .half.why.props h2,
body.mobile-version .half.why.props h1.sh {
    position: static
}

body.mobile-version .half.why.props .main-props {
    bottom: 0
}

body.mobile-version .half.how-to-use {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 90px;
}

body.mobile-version .half.how-to-use h3 {
    font-size: 60px;
    letter-spacing: .025em;
    padding: 0 30px
}

body.mobile-version .half.how-to-use .how-to-use-steps {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 0 !important;
}

body.mobile-version .half.how-to-use .how-to-use-steps .step {
    margin-top: 45px !important;
}

body.mobile-version .half.how-to-use .how-to-use-steps .step .icon {
    width: 232px !important;
    height: 232px !important
}

body.mobile-version #third-screen {
    background: #fff;
}

body.mobile-version #third-screen h2,
body.mobile-version #third-screen h1.sh {
    padding-left: 30px;
    padding-right: 30px
}

body.mobile-version #third-screen .theme-filter {
    margin: 45px auto 70px;
    height: 83px;
    width: 537px;
}

body.mobile-version #third-screen .theme-filter .theme {
    padding-left: 65px;
    padding-right: 65px;
    font-size: 32px
}

body.mobile-version #third-screen .articles .container {
    display: block
}

body.mobile-version #third-screen .articles a.article {
    width: 100% !important;
}

body.mobile-version #third-screen .articles a.article:nth-child(2),
body.mobile-version #third-screen .articles a.article:nth-child(3) {
    display: none
}

body.mobile-version #third-screen .articles a.article .thumbnail {
    height: 59.375vw !important;
    padding-top: 0 !important
}

body.mobile-version #third-screen .articles a.article .category {
    left: 0 !important;
    padding: 20px 45px;
    font-size: 26px
}

body.mobile-version #third-screen .articles a.article .text {
    width: 100% !important;
    padding: 30px 0
}

body.mobile-version #third-screen .articles a.article .title {
    font-size: 44px
}

body.mobile-version #third-screen .articles a.article .content {
    font-size: 30px
}

body.mobile-version #third-screen .other-articles-button {
    margin: 80px auto 100px;
    width: 440px;
    height: 98px;
    line-height: 98px;
    font-size: 30px
}

body.mobile-version .seo .container {
    display: block
}

body.mobile-version .seo-item {
    margin-bottom: 30px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

body.mobile-version .seo-item:before {
    display: none
}

body.mobile-version .seo-item .title,
body.mobile-version .seo-item h6 {
    font-size: 26px
}

body.mobile-version .seo-item .content {
    font-size: 20px
}

body.mobile-version .disclaimer {
    margin-top: 90px;
}

body.mobile-version .disclaimer img.desktop {
    display: none
}

body.mobile-version .disclaimer img.mobile {
    display: block
}

body.mobile-version footer {
    position: relative;
    padding-top: 34px;
    margin-top: 30px;
    font-size: 24px;
    height: 230px;
}

body.mobile-version footer nav {
    position: absolute;
    top: 0;
    left: 30px;
    right: 30px
}

body.mobile-version footer .logo img {
    width: 172px
}

body.mobile-version .scrollup-button {
    display: none
}

@media screen and (max-width:1380px) {
    #about-section .half.about-cream {
        padding: 120px 30px 40px 45px
    }

    #about-section .cream-block .article {
        margin-right: -30px;
        margin-left: -90px;
    }

    #about-section .cream-block .article .text {
        padding-right: 30px
    }

    #about-section .seo {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:1020px) {
    #about-section .cream-block {
        margin-bottom: 30px;
    }

    #about-section .cream-block .article {
        margin-left: -90px;
        margin-right: -95px
    }

    #about-section .half.pack {
        height: auto;
        position: relative;
    }

    #about-section .half.pack .tube {
        width: 280px
    }

    #about-section .half.about-cream {
        width: auto;
        padding: 60px 95px 40px 120px
    }
}

body.mobile-version #about-section .half.pack {
    padding-left: 30px;
    padding-right: 30px;
}

body.mobile-version #about-section .half.pack .tube {
    display: none
}

body.mobile-version #about-section .half.pack .horizontal-tube {
    display: block;
    max-width: 93%;
    position: absolute;
    top: 50%;
    left: 50%;
    padding-top: 205px;
    padding-bottom: 70px;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body.mobile-version #about-section .half.pack .bagel {
    position: static;
    padding: 205px 0 70px;
    height: auto;
    width: 80%;
    margin: 0
}

body.mobile-version #about-section .half.about-cream {
    padding: 50px 30px 0;
    float: none;
}

body.mobile-version #about-section .half.about-cream .short-description {
    font-size: 30px
}

body.mobile-version #about-section .half.about-cream .buttons {
    display: block;
}

body.mobile-version #about-section .half.about-cream .buttons .instruction {
    font-size: 26px;
    margin-right: 0;
    margin-bottom: 50px;
}

body.mobile-version #about-section .half.about-cream .buttons .instruction img {
    width: 98px;
    height: 98px
}

body.mobile-version #about-section .half.about-cream .buttons .where-to-buy {
    display: inline-block;
    height: 100px;
    line-height: 100px;
    padding: 0 105px;
    font-size: 30px
}

body.mobile-version #about-section .half.about-cream h4,
body.mobile-version #about-section .half.about-cream h2 {
    font-size: 30px;
}

body.mobile-version #about-section .half.about-cream h4:after,
body.mobile-version #about-section .half.about-cream h2:after {
    height: 3px;
    width: 147px
}

body.mobile-version #about-section .half.about-cream .content {
    font-size: 26px
}

body.mobile-version #about-section .half.about-cream table td {
    width: 50%;
    display: block;
    float: left;
    word-wrap: break-word
}

body.mobile-version #about-section .cream-block .article {
    margin-left: -30px;
    margin-right: -30px;
    display: block;
    height: auto !important;
    padding: 30px;
    background-color: #ffcc1a;
}

body.mobile-version #about-section .cream-block .article .thumbnail {
    width: 100%;
    height: 59vw
}

body.mobile-version #about-section .cream-block .article .text {
    padding: 20px 0 0 0;
}

body.mobile-version #about-section .cream-block .article .text>div {
    width: auto
}

body.mobile-version #about-section .cream-block .article .text .article-theme {
    font-size: 26px
}

body.mobile-version #about-section .cream-block .article .text .article-title {
    font-size: 48px
}

body.mobile-version #about-section .cream-block .article .category {
    font-size: 26px;
    letter-spacing: .12em;
    padding: 20px 45px
}

@media screen and (max-height:730px) {
    #where-to-buy .half.drugstores .title {
        margin-bottom: 30px
    }

    #where-to-buy .half.drugstores .content {
        padding-top: 100px
    }

    #where-to-buy .half.drugstores li {
        margin-top: 20px
    }
}

@media screen and (max-height:550px) {
    #where-to-buy .half.drugstores li a {
        width: 280px;
        height: 70px;
    }

    #where-to-buy .half.drugstores li a img {
        max-width: 130px
    }
}

@media screen and (max-width:1380px) {
    #where-to-buy .half.picture h1 {
        font-size: 70px;
        width: 320px
    }

    #where-to-buy .half.drugstores {
        padding-left: 50px;
        padding-right: 50px;
    }

    #where-to-buy .half.drugstores li {
        margin-top: 35px
    }
}

@media screen and (max-width:1020px) {
    #where-to-buy {
        position: static;
        height: auto;
        display: block;
    }

    #where-to-buy .half {
        width: auto;
    }

    #where-to-buy .half.picture {
        height: 438px
    }

    #where-to-buy .half.drugstores {
        padding-top: 35px
    }

    body.where-to-buy .seo {
        margin-top: 0
    }
}

body.mobile-version #where-to-buy .half.picture {
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 30px;
    height: 660px;
}

body.mobile-version #where-to-buy .half.picture .bg {
    width: 56.25%
}

body.mobile-version #where-to-buy .half.picture h1 {
    padding-top: 0;
    font-size: 80px;
}

body.mobile-version #where-to-buy .half.picture h1:after {
    width: 150px;
    height: 9px
}

body.mobile-version #where-to-buy .half.drugstores {
    padding-left: 30px;
    padding-right: 30px;
}

body.mobile-version #where-to-buy .half.drugstores .title {
    font-size: 36px
}

body.mobile-version #where-to-buy .half.drugstores a {
    width: 580px;
    height: 160px;
    max-width: 100%;
}

body.mobile-version #where-to-buy .half.drugstores a img {
    max-width: 320px;
    width: 320px
}

body.mobile-version.where-to-buy .seo {
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (max-width:1380px) {
    #articles-section {
        width: 970px;
    }

    #articles-section .filter-wrapper {
        display: block;
    }

    #articles-section .filter-wrapper .filter.theme-filter {
        margin-left: -8px
    }

    #articles-section .filter-wrapper .filter.tag-filter {
        width: 575px;
    }

    #articles-section .filter-wrapper .filter.tag-filter .filter-item:first-child {
        margin-left: -8px
    }

    #articles-section .filter-wrapper .filter-item {
        padding: 0 20px
    }

    #articles-section .articles a.article .text {
        font-size: 20px;
        margin-bottom: 30px
    }

    #articles-section .articles a.article[data-type="large"] {
        width: 470px;
    }

    #articles-section .articles a.article[data-type="large"] .thumbnail {
        height: 275px
    }

    #articles-section .articles a.article[data-type="large"] .category {
        left: 250px
    }

    #articles-section .articles a.article[data-type="large"] .text {
        width: 220px
    }

    #articles-section .articles a.article[data-type="vertical"] {
        width: 220px;
    }

    #articles-section .articles a.article[data-type="vertical"] .thumbnail {
        height: 275px
    }

    #articles-section .articles a.article[data-type="small"] {
        width: 220px;
    }

    #articles-section .articles a.article[data-type="small"] .thumbnail {
        height: 137.5px
    }

    #about-cream .text {
        width: 480px;
        margin-right: 55px
    }

    main.spec .other-articles {
        margin-top: 55px
    }
}

@media screen and (max-width:1020px) {
    #articles-section {
        width: 720px;
    }

    #articles-section .filters {
        display: block
    }

    #articles-section .filter-wrapper {
        display: -ms-flexbox;
        display: flex;
    }

    #articles-section .filter-wrapper .filter.theme-filter {
        margin-left: 5px;
        margin-bottom: 20px
    }

    #articles-section .filter-wrapper .filter.tag-filter {
        width: auto;
    }

    #articles-section .filter-wrapper .filter.tag-filter .filter-item {
        margin-left: 8px;
    }

    #articles-section .filter-wrapper .filter.tag-filter .filter-item:first-child {
        margin-left: 8px
    }

    #articles-section .articles a.article .text {
        margin-bottom: 30px
    }

    #articles-section .articles a.article[data-type="large"] {
        width: 220px;
    }

    #articles-section .articles a.article[data-type="large"] .thumbnail {
        height: 137.5px
    }

    #articles-section .articles a.article[data-type="large"] .category {
        left: 0
    }

    #articles-section .articles a.article[data-type="large"] .text {
        width: auto
    }

    #about-cream .text {
        width: 330px
    }

    #about-cream .buttons {
        display: block;
        width: auto
    }

    #about-cream .button.where-to-buy {
        width: 218px;
        margin-top: 20px
    }
}

body.mobile-version #articles-section {
    width: auto;
    margin-top: 205px;
    padding-left: 30px;
    padding-right: 30px;
}

body.mobile-version #articles-section h2,
body.mobile-version #articles-section h1.sh {
    text-align: left
}

body.mobile-version #articles-section .filter-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 35px;
}

body.mobile-version #articles-section .filter-wrapper .label {
    font-size: 24px;
    letter-spacing: .1em
}

body.mobile-version #articles-section .filter-wrapper .filter {
    margin: 0;
}

body.mobile-version #articles-section .filter-wrapper .filter.tag-filter {
    margin-left: -8px;
}

body.mobile-version #articles-section .filter-wrapper .filter.tag-filter .filter-item {
    margin-bottom: 20px
}

body.mobile-version #articles-section .filter-wrapper .filter-item {
    font-size: 30px;
    height: 69px;
    padding-left: 35px;
    padding-right: 35px
}

body.mobile-version #articles-section .articles {
    height: auto !important;
}

body.mobile-version #articles-section .articles a.article {
    position: static;
    width: auto !important;
}

body.mobile-version #articles-section .articles a.article[data-type="large"] .thumbnail {
    height: 60vw
}

body.mobile-version #articles-section .articles a.article[data-type="vertical"] .thumbnail {
    height: 115vw
}

body.mobile-version #articles-section .articles a.article[data-type="small"] .thumbnail {
    height: 60vw
}

body.mobile-version #articles-section .articles a.article .category {
    font-size: 26px;
    padding: 25px 40px
}

body.mobile-version #articles-section .articles a.article .text {
    font-size: 40px
}

body.mobile-version .more-articles {
    width: 580px;
    height: 100px;
    font-size: 30px;
}

body.mobile-version .more-articles img {
    width: 36px;
    margin-right: 40px
}

body.mobile-version #about-cream {
    display: block;
    background: #b73782 url("/web/20211203094739im_/http://aertalcream.kz/assets/img/about_cream_bg_mobile.png") bottom/contain no-repeat;
}

body.mobile-version #about-cream .text {
    width: auto;
    margin-right: 0
}

body.mobile-version #about-cream h3 {
    font-size: 64px
}

body.mobile-version #about-cream .button {
    width: auto !important;
    height: 98px;
    font-size: 30px;
    letter-spacing: .12em;
}

body.mobile-version #about-cream .button.where-to-buy {
    margin-top: 40px
}

body.mobile-version #about-cream .images {
    margin: 100px auto
}

body.mobile-version main.spec .other-articles {
    margin-top: 50px
}

@media screen and (max-width:1380px) {
    main.article {
        background: linear-gradient(to left, transparent 212px, #fff 212px), url("/web/20211203094739im_/http://aertalcream.kz/assets/img/article_pattern.png");
    }

    main.article .article-image .container {
        margin-left: 30px;
        width: 716px
    }

    main.article .article-content .container {
        margin-left: 30px
    }

    main.article .article-content img,
    main.article .article-content video {
        margin-left: 0;
        width: 680px
    }

    main.article .article-content h4,
    main.article .article-content h2 {
        margin-bottom: 20px
    }

    main.article .article-content .quote {
        margin-left: 40px
    }

    main.article .article-content .article-container {
        right: 30px
    }

    main.article .article {
        width: 220px;
    }

    main.article .article .thumbnail {
        height: 135px
    }

    main.article .article .article-title {
        font-size: 20px
    }

    main.article .other-articles {
        margin-top: 80px;
        margin-bottom: 45px;
    }

    main.article .other-articles h3 {
        margin-left: 30px;
        margin-bottom: 35px
    }

    main.article .other-articles .container {
        margin-left: 15px;
        margin-right: 15px;
    }

    main.article .other-articles .container .article {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:1020px) {
    main.article {
        background: #fff;
    }

    main.article .article-image {
        height: 55.078125vw;
    }

    main.article .article-image .container {
        bottom: 40px
    }

    main.article .article-content .container {
        margin-right: 30px;
        width: auto
    }

    main.article .article-content img,
    main.article .article-content video {
        margin: 10px 0;
        width: 100%
    }

    main.article .article-container {
        position: static;
        margin: 35px 0;
    }

    main.article .article-container .article {
        display: -ms-flexbox;
        display: flex;
        width: auto;
        height: 25vw;
        background-color: #ffcc1a;
    }

    main.article .article-container .article .thumbnail {
        height: 100%;
        width: 40vw
    }

    main.article .article-container .article .text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 320px;
        margin-left: 35px
    }

    main.article .article-container .article .article-title {
        font-size: 24px
    }

    main.article .article-container.about-cream .article {
        background-color: #f1f1f1
    }

    main.article .other-articles .container .article {
        width: 33.333333333333336%;
    }

    main.article .other-articles .container .article .thumbnail {
        height: 19vw
    }

    main.article .other-articles .container .article:nth-child(4) {
        display: none
    }
}

body.mobile-version main.article .article .article-title {
    font-size: 40px
}

body.mobile-version main.article .article .category {
    padding: 25px 40px;
    font-size: 26px
}

body.mobile-version main.article .article-image {
    margin-top: 205px;
}

body.mobile-version main.article .article-image .container {
    width: auto;
    margin-left: 0;
    bottom: 0;
}

body.mobile-version main.article .article-image .container h2,
body.mobile-version main.article .article-image .container h1.sh {
    display: none
}

body.mobile-version main.article .article-image .tag {
    font-size: 26px;
    letter-spacing: .12em;
    padding: 25px 40px;
    height: auto
}

body.mobile-version main.article .article-content .breadcrumb {
    font-size: 26px;
}

body.mobile-version main.article .article-content .breadcrumb .wrap {
    display: block;
    white-space: nowrap
}

body.mobile-version main.article .article-content .breadcrumb .title {
    position: relative;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: linear-gradient(to left, rgba(192, 192, 192, 0.3) 10%, #505050 50%);
    -webkit-background-clip: text;
    color: transparent;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    body.mobile-version main.article .article-content .breadcrumb .title {
        background: none;
        color: #505050
    }
}

body.mobile-version main.article .article-content .tag {
    display: none
}

body.mobile-version main.article .article-content img,
body.mobile-version main.article .article-content video {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px)
}

body.mobile-version main.article .article-container .article .text {
    width: auto;
    margin-right: 30px
}

body.mobile-version main.article .article-image {
    height: 60vw
}

body.mobile-version main.article .article-content {
    font-size: 26px;
}

body.mobile-version main.article .article-content .quote {
    font-size: 26px;
    margin-left: 20px;
}

body.mobile-version main.article .article-content .quote:before {
    left: -20px
}

body.mobile-version main.article .article-content h4,
body.mobile-version main.article .article-content h2 {
    font-size: 40px
}

body.mobile-version main.article .article-container .article {
    display: block;
    margin-left: -30px;
    margin-right: -30px;
    padding: 30px;
    height: auto;
}

body.mobile-version main.article .article-container .article .thumbnail {
    width: 100%;
    height: 56vw
}

body.mobile-version main.article .article-container .article .text {
    margin-left: 0;
    padding: 30px 0 0
}

@media screen and (max-width:640px) {
    main.article .other-articles .container .article {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    main.article .other-articles .container .article .thumbnail {
        height: 59vw
    }
}

@media screen and (max-width:1380px) {
    #faq {
        padding-top: 40px;
    }

    #faq .faq-block {
        margin-bottom: 80px;
    }

    #faq .faq-block .question .content {
        margin-left: 30px;
        margin-right: 30px
    }

    #faq .faq-block .question .button {
        margin-left: 25.5px
    }

    #faq .half.form-block .content {
        width: 455px
    }

    #faq .seo {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:1020px) {
    .popup-bg {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 150
    }

    .form-success {
        z-index: 250
    }

    #faq .faq-block h2,
    #faq .faq-block h1.sh,
    #faq .faq-block .description {
        margin-left: 60px;
        margin-right: 90px
    }

    #faq .faq-block .question .content {
        padding-left: 30px
    }

    #faq .faq-block .question .button .arrow {
        width: 9px;
        margin-right: 25.5px
    }

    #faq .half.questions-block {
        width: auto;
        margin-right: 192px
    }

    #faq .half.form-block {
        right: -50%;
    }

    #faq .half.form-block .left-side {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
        left: -192px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font: 100 32px 'HelveticaNeueCyr', sans-serif;
        letter-spacing: .05em;
        color: #fff;
        background: linear-gradient(135deg, #ffcc1a, #1baf4c);
        cursor: pointer
    }

    #faq .half.form-block .close-form {
        position: absolute;
        top: 45px;
        left: 30px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: #000;
        cursor: pointer
    }

    #faq .half.form-block .close-button {
        position: relative;
        width: 20px;
        height: 20px;
        margin-right: 12px;
    }

    #faq .half.form-block .close-button:before,
    #faq .half.form-block .close-button:after {
        content: '';
        width: 28px;
        height: 2px;
        background-color: #000;
        border-radius: 2px;
        position: absolute;
        top: 50%;
        right: 0;
        -ms-transform-origin: center;
        transform-origin: center
    }

    #faq .half.form-block .close-button:before {
        -ms-transform: rotate(-45deg);
        transform: rotateZ(-45deg)
    }

    #faq .half.form-block .close-button:after {
        -ms-transform: rotate(45deg);
        transform: rotateZ(45deg)
    }

    #faq .half.form-block .question-mark {
        display: none
    }

    #faq .half.form-block.opened {
        width: 512px;
        right: 0;
        z-index: 200;
    }

    #faq .half.form-block.opened .left-side {
        display: none
    }

    #faq .half.form-block.opened .question-mark {
        display: block
    }
}

body.mobile-version #faq {
    margin-top: 205px;
}

body.mobile-version #faq .half.questions-block {
    margin-right: 0
}

body.mobile-version #faq .half.form-block {
    display: none;
    position: fixed;
    width: auto !important;
    left: 0;
    right: 0;
    height: auto;
    top: 105px;
    bottom: 0;
    border-radius: 20px;
}

body.mobile-version #faq .half.form-block .left-side {
    display: none
}

body.mobile-version #faq .half.form-block .content {
    width: 580px;
    margin-top: 40px
}

body.mobile-version #faq .half.form-block label {
    font-size: 20px;
    display: block
}

body.mobile-version #faq .half.form-block button {
    width: 100%;
    font-size: 24px
}

body.mobile-version #faq .half.form-block .close-form {
    top: 30px;
    right: 30px;
    font-size: 24px;
    -ms-flex-pack: end;
    justify-content: flex-end
}

body.mobile-version #faq .half.form-block .fields {
    margin-top: 20px
}

body.mobile-version #faq .half.form-block .field {
    margin-bottom: 20px;
    font-size: 24px
}

body.mobile-version #faq .half.form-block.opened {
    display: -ms-flexbox;
    display: flex
}

body.mobile-version #faq h4 {
    font-size: 30px
}

body.mobile-version #faq h3 {
    font-size: 40px
}

body.mobile-version #faq .faq-block h1.sh,
body.mobile-version #faq .faq-block h2,
body.mobile-version #faq .faq-block .description {
    margin-left: 30px;
    margin-right: 30px
}

body.mobile-version #faq .faq-block h1.sh,
body.mobile-version #faq .faq-block h2 {
    margin-bottom: 30px
}

body.mobile-version #faq .faq-block .description {
    font-size: 30px
}

body.mobile-version #faq .faq-block .ask-question {
    display: block;
    text-align: center;
    letter-spacing: .12em;
    line-height: 98px;
    color: #000;
    background-color: #ffcc1a;
    cursor: pointer;
    border-radius: 98px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 60px;
    margin-bottom: 100px
}

body.mobile-version #faq .faq-block .question .content {
    padding-left: 50px
}

body.mobile-version #faq .faq-block .question .title {
    font-size: 34px
}

body.mobile-version #faq .faq-block .question .answer {
    font-size: 30px;
}

body.mobile-version #faq .faq-block .question .answer .part1 {
    display: none
}

body.mobile-version #faq .faq-block .question .button {
    display: none;
    font-size: 26px;
    margin-left: 21px;
}

body.mobile-version #faq .faq-block .question .button .arrow {
    width: 18px;
    height: 12px
}

body.mobile-version #faq .faq-block .question.expanded .part1,
body.mobile-version #faq .faq-block .question.expanded .part2 {
    display: inline
}

body.mobile-version #faq .faq-block .question.expanded .button {
    display: -ms-flexbox !important;
    display: flex !important
}

body.mobile-version #faq .seo {
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (max-width:1380px) {
    main.spec .other-articles h3 {
        width: 512px;
        margin-left: auto;
        margin-right: auto
    }

    main.spec .other-articles .container {
        margin-left: 15px;
        margin-right: 15px;
    }

    main.spec .other-articles .container .article {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:1020px) {
    #spec .product {
        width: 100%;
        height: 300px;
    }

    #spec .product.main {
        text-align: center;
        height: 200px;
    }

    #spec .product.main h1.sh,
    #spec .product.main h2,
    #spec .product.main p {
        width: auto
    }

    #spec .product.powder .half.img {
        -ms-flex-order: 0;
        order: 0;
        background: url("/web/20211203094739im_/http://aertalcream.kz/assets/img/article_pattern.png");
    }

    #spec .product.powder .half.img:before {
        display: none
    }

    #spec .product.powder .half.img img {
        max-width: 240px
    }

    #spec .product.powder .half.text {
        -ms-flex-order: 1;
        order: 1;
    }

    #spec .product.powder .half.text:after {
        left: -33px;
        border-left-color: transparent;
        border-right-color: #b73782
    }

    main.spec .other-articles {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    main.spec .other-articles .container .article {
        width: 33.333333333333336%;
    }

    main.spec .other-articles .container .article .thumbnail {
        height: 18.75vw
    }
}

body.mobile-version #spec {
    margin-top: 205px;
}

body.mobile-version #spec .product .product-title {
    font-size: 50px
}

body.mobile-version #spec .product .description {
    display: none
}

body.mobile-version #spec .product.main {
    height: auto;
    text-align: left;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 40px 30px;
}

body.mobile-version #spec .product.main p {
    font-size: 30px
}

body.mobile-version main.spec .other-articles h3 {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
    text-align: left;
    font-size: 56px
}

body.mobile-version main.spec .other-articles .container .article {
    width: 100%;
    margin-bottom: 70px;
}

body.mobile-version main.spec .other-articles .container .article .thumbnail {
    height: 59.375vw
}

body.mobile-version main.spec .other-articles .container .article .category {
    font-size: 26px;
    padding: 22px 25px;
}

body.mobile-version main.spec .other-articles .container .article .category img {
    width: 26px;
    display: inline
}

body.mobile-version main.spec .other-articles .container .article .article-title {
    font-size: 40px
}

body.mobile-version main.spec .other-articles .container .article .article-author {
    font-size: 26px
}

body.mobile-version main.spec .more-articles {
    display: none
}

@media screen and (max-width:1380px) {
    .other-products {
        padding: 30px;
        padding-top: 40px;
    }

    .other-products .product .title {
        font-size: 30px
    }
}

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

    #about-section .half.pack .powder,
    #about-section .half.pack .tablets {
        padding-top: 40px;
        padding-bottom: 40px
    }

    main.spec #about-section .other-articles .container .article:nth-child(4) {
        display: none
    }

    .other-products .container {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .other-products .product {
        display: block;
    }

    .other-products .product img,
    .other-products .product .text {
        width: 100%;
        padding: 0 40px
    }

    .other-products .product .text br {
        display: none
    }

    .other-products .product.tablets img {
        margin-bottom: 30px
    }
}

body.mobile-version #about-section .half.pack .powder,
body.mobile-version #about-section .half.pack .tablets {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-top: 205px;
    padding-bottom: 70px;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body.mobile-version .other-products h3 {
    font-size: 64px
}

body.mobile-version .other-products .container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

body.mobile-version .other-products .product {
    width: auto;
    padding-right: 0;
    margin-bottom: 90px;
}

body.mobile-version .other-products .product .title {
    font-size: 60px
}

body.mobile-version main.spec #about-section .other-articles .container .article:nth-child(4) {
    display: block
}

@media screen and (max-width:1380px) {
    #instruction .anchors-block {
        width: 256px;
    }

    #instruction .anchors-block .anchors {
        width: 256px
    }

    #instruction .anchors-block .anchor {
        padding-left: 30px;
        padding-right: 20px
    }

    #instruction .instruction-text {
        margin-left: 256px;
        padding-left: 40px;
        padding-top: 105px;
        padding-right: 60px;
        padding-bottom: 110px
    }
}

@media screen and (max-width:1020px) {
    #instruction .anchors-block {
        width: 205px;
    }

    #instruction .anchors-block .anchors {
        width: 205px
    }

    #instruction .instruction-text {
        margin-left: 205px;
        padding-right: 30px;
    }

    #instruction .instruction-text table td:last-child {
        vertical-align: top
    }
}

body.mobile-version #instruction .anchors-block {
    position: fixed;
    top: 205px;
    transition: top .5s;
    left: 0;
    padding: 0;
    background: none;
    width: 100%;
    height: auto;
    z-index: 50;
    padding: 3px;
    background-color: #ffcc1a;
}

body.mobile-version #instruction .anchors-block .current-anchor {
    height: 105px;
    font-size: 26px;
    padding-left: 30px;
    padding-right: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

body.mobile-version #instruction .anchors-block .anchors {
    display: none;
    width: 100%;
    padding-top: 0;
    margin: 0 !important;
    min-height: 1px;
    position: static;
    background: #fff;
    font-size: 26px;
    background-color: #fff;
    height: 500px;
    overflow: auto;
}

body.mobile-version #instruction .anchors-block .anchors a.active {
    background-color: #f2f2f2
}

body.mobile-version #instruction .anchors-block.scrolled {
    top: 169px
}

body.mobile-version #instruction .anchors-block.opened .anchors {
    display: block
}

body.mobile-version #instruction .instruction-text {
    margin-top: 274px;
    margin-left: 0;
    padding-left: 30px;
    padding-right: 30px;
}

body.mobile-version #instruction .instruction-text .short-description {
    font-size: 30px
}

body.mobile-version #instruction .instruction-text a.instruction {
    font-size: 26px;
}

body.mobile-version #instruction .instruction-text a.instruction img {
    margin-right: 20px;
    height: 100px;
    width: 100px
}

body.mobile-version #instruction .instruction-text .description {
    font-size: 26px
}

body.mobile-version #instruction .instruction-text h4,
body.mobile-version #instruction .instruction-text h2 {
    font-size: 30px;
}

body.mobile-version #instruction .instruction-text h4:after,
body.mobile-version #instruction .instruction-text h2:after {
    height: 3px;
    width: 147px
}

body.mobile-version #instruction .instruction-text h5 {
    font-size: 28px
}

@media screen and (max-width:1380px) and (min-width:761px) and (max-height:760px) {
    .middle .next-slide {
        width: 100px;
        height: 100px;
        margin-left: -50px
    }

    #second-screen img.tube {
        bottom: 40px;
        width: 220px;
        left: -110px
    }
}

@media screen and (max-width:1020px) and (min-width:640px) {
    .why {
        padding-bottom: 130px
    }
}

@media screen and (max-width:1020px) and (max-height:885px) {
    .half.how-to-use .how-to-use-steps {
        margin-bottom: 100px;
    }

    .half.how-to-use .how-to-use-steps .step {
        margin-top: 10px;
    }

    .half.how-to-use .how-to-use-steps .step .icon {
        width: 100px
    }
}

@media screen and (max-width:1020px) and (max-height:800px) and (min-width:641px) {
    #first-screen h1 {
        font-size: 55px
    }

    #second-screen img.tube {
        bottom: 30px
    }

    .half.how-to-use {
        padding-left: 50px;
        padding-right: 50px;
    }

    .half.how-to-use .how-to-use-steps .step {
        display: -ms-flexbox;
        display: flex
    }

    .half.why .advantages-item {
        display: -ms-flexbox;
        display: flex;
        margin-top: 10px
    }
}

@media screen and (max-width:1380px) and (max-height:730px) {
    #where-to-buy .half.drugstores li {
        margin-top: 20px
    }
}

@media screen and (max-width:1020px) and (max-height:730px) {
    #where-to-buy .half.drugstores .content {
        padding-top: 0
    }
}

/*# sourceMappingURL=../_sourcemaps/main.css.map */

.block-manual__buttons {
    padding: 20px 0;
}

.block-manual__item--filter {
    font-size: 0;

    position: relative;

    text-align: center;
}

.block-manual__title {
    font-size: 50px;

    text-align: center;

    color: #023b7c;
}

.block-manual__title--agreement {
    padding-bottom: 60px;
}

.block-manual__box-title {
    font-size: 22px;
    line-height: 1.2;

    padding-bottom: 6px;

    color: #023b7c;
}

.block-manual__box-text {
    font-size: 16px;
    line-height: 1.4;

    color: #3b3b3b;
}

.block-manual__box {
    padding-bottom: 30px;
}

.block-manual__box-text p a {
    color: #023b7c;
}

.block-manual__box:last-child {
    padding-bottom: 0;
}

.block-manual__item-inner {
    display: block;

    box-sizing: border-box;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px;
}

.block-manual__content {
    display: none;
}

.uteka-widget {
    position: relative;
    height: 100%;
    height: 575px;
}

.uteka-widget iframe {
    border: none;
    width: 100%;
    height: calc(100% - 57px);
}

.uteka-widget__header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    background: #EBF3FE;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
    height: 57px;
}

.uteka-widget__title {
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
}

.uteka-widget__logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
}

.uteka-widget__logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.block-widget {
    position: absolute;
    top: 0;
    right: 59px;
    height: 100%;
    width: calc(100% - 344px);
}

.block-widget--hide {
    pointer-events: none;
}

@media (max-width: 1053px) {
    .block-widget {
        height: calc(100% - 97px);
        width: calc(100% - 176px);
    }
	 .header-main--inner .header-main__bar{
		    width: 38px !important;
    
	}
	#main-nav > ul > li > a {
		font-size: 22px;
	}
	#main-nav > ul{
		margin:0;
	}
	.header-main--inner .header-main__bar--2{
    top: 12.5px !important;
	}
	#header > div > div.header-main__menu-button > label > div > span.header-main__bar.header-main__bar--3{display:none;}
	#header > div > div.header-main__menu-button > label > div > span.header-main__bar.header-main__bar--4{top:25px;}
}


@media (max-width: 1020px) {
	.header-main__logo{
		width: 100px !important;
	}
    .uteka-widget {
        margin-top: 40px;
    }
	#about-section .half.pack{
		margin-top: 113px;
	}
	main.article .article-image .container{
		width: 100%;
   padding-right: 20px;
	}
	.other-products .container{
		   align-items: end;
	}
}

@media (max-width: 768px) {
    .uteka-widget__header {
        justify-content: flex-end;
    }
	.spec .other-articles .container .article{
		min-width:250px;
		width: 50%;
	}
	.spec .other-articles .container{
		justify-content: center;
	}
	#articles-section .articles a.article{
		position: initial !important;
	}
	#articles-section{
		width: 100%;
    padding: 15px;
	}
	 #about-cream{
		margin-top: 250px;
		     flex-wrap: wrap;
	}
}
@media (max-width: 760px) {
	#faq .half.form-block{
		display: none;
	}
	#faq .half.questions-block{
		width: 100%;
	}
	.footer-main--inner.footer-main{
		font-size: 12px !important;
	}
}
@media (max-width: 550px) {
    .spec .other-articles .container .article{
		min-width:250px;
		width: 100% ;
	}
	#instruction .other-products .description{
		display: none !important;
	}
	#about-section .half.pack{
		height: 500px;
	}
	.spec .description{
		display: none;
	}
	#spec .product.powder .half.img img{
		width: 100%;
	}
	main.spec .other-articles h3{
		width: 90%;
	}
	main.article .article-content .article-container{
		display: none;
	}
	
}
@media (max-width: 500px) {
	#instruction .instruction-block .instruction-text .description > table > tbody > tr{
		display: flex !important;
		flex-wrap: wrap;
	}
	#instruction .anchors-block{ display: none;
	}
	#instruction .instruction-text{ margin:0;}
	#about-cream{flex-wrap: wrap; }
	#about-cream .text{ width:100%;}
}
@media (max-width: 450px) {
	body > main > section > div.article-image > div{
		display: none;
	}
	#about-section .half.pack{
		height: 294px;
	}
	#about-section .half.pack .bagel{
		    width: 200px;
		height: 200px;
    position: absolute;
 
		top: 284px;
    left: 70%;
	}
	#articles-section .filter-wrapper{
		width: 100%;
    flex-wrap: wrap;
	}
	#articles-section .filter-wrapper .label{
		width: 100%;
	}
	#articles-section .filter-wrapper .filter-item {
    padding: 12px;
}
	#about-section .half.pack .tube{
		display: none !important;
	}
	#about-section .half.pack img{
		display: block !important;
    width: 90%;
    margin-top: 33px;
	}
	#about-section .half.about-cream{
		padding: 15px;
	}
	.seo-item{
		width: 100%;
	}
	#about-section > div.seo > div{
		flex-wrap: wrap;
	}
}
@media (max-width: 400px) {
    .uteka-widget__title {
        font-size: 18px;
    }
	#spec .product .product-title{
		font-size: 20px;
	}
}

/* End */


/* Start:/local/templates/airtal/css/style.css?158200902729496*/
@font-face{font-family:HelveticaNeue;font-style:normal;src:url(/web/20211203094739im_/http://aertalcream.kz/assets/fonts/HelveticaNeue-Light.woff2) format("woff2"),url(/web/20211203094739im_/http://aertalcream.kz/assets/fonts/HelveticaNeue-Light.woff) format("woff");font-weight:300;font-display:swap;}@font-face{font-family:HelveticaNeue;font-style:normal;src:url(/web/20211203094739im_/http://aertalcream.kz/assets/fonts/HelveticaNeue.woff2) format("woff2"),url(/web/20211203094739im_/http://aertalcream.kz/assets/fonts/HelveticaNeue.woff) format("woff");font-weight:400;font-display:swap;}body,html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{min-width:320px;margin:0;padding:0;font-family:HelveticaNeue,Arial,Helvetica,sans-serif}body.main{padding-top:75px;font-weight:300}body.faq,body.spec{padding-top:0}body.articles{padding-top:9px}main.article .article-image{margin-top:85px!important}.no-scroll{overflow:hidden;height:100%}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}main{overflow:hidden}.container-main{margin:0 auto;max-width:1280px;padding-left:70px;padding-right:70px}.container-main--extended{max-width:1800px;padding-left:0;padding-right:0}.container-main--extended .title{padding-left:70px;padding-right:70px}.main .title{font-weight:300;font-size:39px;line-height:108.6%;text-align:center}.header-main__menu-checkbox--hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.header-main__hamburger{margin:0 auto;width:39px;height:26px;position:relative}.header-main__bar{padding:0;width:39px;height:1px;background-color:#000;display:block;transition:all .2s ease-in-out;position:absolute}.header-main__bar--1{top:0;transform-origin:5%}.header-main__bar--2,.header-main__bar--3{top:12.5px}.header-main__bar--3{right:0}.header-main__bar--4{bottom:0;transform-origin:5%}.header-main__menu-checkbox:checked+label>.header-main__hamburger>.header-main__bar--1{transform:rotate(45deg);height:1px;width:39px}.header-main__menu-checkbox:checked+label>.header-main__hamburger>.header-main__bar--3{transform:rotate(45deg);height:1px;background-color:transparent}.header-main__menu-checkbox:checked+label>.header-main__hamburger>.header-main__bar--2{transform:rotate(-45deg);height:1px;background-color:transparent}.header-main__menu-checkbox:checked+label>.header-main__hamburger>.header-main__bar--4{transform:rotate(-45deg);height:1px;width:39px}.header-main{width:100%;position:fixed;z-index:100;background:#fff;padding-top:13px;padding-bottom:20px;top:0}.header-main__logo{width:181px;height:61px;position:relative;top:3px}.header-main__nav{font-size:16px;font-weight:300}.header-main__link:active,.header-main__link:hover{color:#19a449}.header-main__list{margin:0;padding:0;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%;-ms-flex-align:center;align-items:center;max-width:870px}.header-main__item{padding-left:10px;padding-right:10px}.header-main__container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.header-main__menu-button{position:absolute;top:30px;right:40px;display:none}.main{
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */}.main html{line-height:1.15;-webkit-text-size-adjust:100%}.main body{margin:0}.main main{display:block}.main h1{font-size:2em;margin:.67em 0}.main hr{box-sizing:content-box;height:0;overflow:visible}.main pre{font-family:monospace,monospace;font-size:1em}.main a{background-color:transparent}.main abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.main b,.main strong{font-weight:bolder}.main code,.main kbd,.main samp{font-family:monospace,monospace;font-size:1em}.main small{font-size:80%}.main sub,.main sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.main sub{bottom:-.25em}.main sup{top:-.5em}.main img{border-style:none}.main button,.main input,.main optgroup,.main select,.main textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}.main button,.main input{overflow:visible}.main button,.main select{text-transform:none}.main [type=button],.main [type=reset],.main [type=submit],.main button{-webkit-appearance:button}.main [type=button]::-moz-focus-inner,.main [type=reset]::-moz-focus-inner,.main [type=submit]::-moz-focus-inner,.main button::-moz-focus-inner{border-style:none;padding:0}.main [type=button]:-moz-focusring,.main [type=reset]:-moz-focusring,.main [type=submit]:-moz-focusring,.main button:-moz-focusring{outline:1px dotted ButtonText}.main fieldset{padding:.35em .75em .625em}.main legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}.main progress{vertical-align:baseline}.main textarea{overflow:auto}.main [type=checkbox],.main [type=radio]{box-sizing:border-box;padding:0}.main [type=number]::-webkit-inner-spin-button,.main [type=number]::-webkit-outer-spin-button{height:auto}.main [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.main [type=search]::-webkit-search-decoration{-webkit-appearance:none}.main ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.main details{display:block}.main summary{display:list-item}.main [hidden],.main template{display:none}.main .applications__img{left:0;background-size:cover;background-position:50%;transition:.5s;filter:brightness(80%)}.main .applications__img--1{background-repeat:no-repeat;background-size:auto 100%;background-position:right calc(80% + 190px) top 0}.main .applications__img--2{background-repeat:no-repeat;background-size:auto 140%;background-position:-14px 69%}.main .applications__img--3{background-repeat:no-repeat;background-size:auto 195%;background-position:-20px 45%}.main .applications__title{line-height:1.1;margin:22px auto}.main .applications__text{display:-ms-flexbox;display:flex;height:100%;width:324px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative;color:#fff;font-weight:300;text-align:center;transform:skewX(20deg)}.main .applications__text-title{font-size:34px;font-weight:300}.main .applications__text-content{font-size:22px;padding:36px 0 50px;padding:0}.main .applications__text-link-container{text-align:center}.main .applications__text-content,.main .applications__text-link-container{max-height:0;overflow:hidden;opacity:0}.main .applications__text-link{font-size:18px;line-height:22px;color:#000;background:#fff;display:inline-block;vertical-align:middle;border-radius:5px;padding:11px 53px 12px}.main .applications__block:hover .applications__text-content,.main .applications__block:hover .applications__text-link-container{max-height:none;padding:auto;height:auto;opacity:1;transition:opacity .4s ease-in-out}.main .applications__block{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:33.333%;height:380px;transform:skewX(-20deg);transform-origin:100% 80%;transition:.4s ease-in-out;overflow:hidden}.main .applications__block--1{overflow:visible;background-color:#249d41;width:30%}.main .applications__block--2{background-color:#c3017c;width:36.666666%}.main .applications__block--3{overflow:visible;background-color:#f8cc46}.main .applications__tablet-br{display:none}.main .applications__blocks{position:relative;display:-ms-flexbox;display:flex;overflow:hidden;height:380px;background:linear-gradient(90deg,#249d41 0,#249d41 51%,#f8cc46 0,#f8cc46 81%,#f8cc46)}.main .applications__img{pointer-events:none;position:absolute;top:0;left:-41px;right:0;margin:0 auto;width:200%;height:100%;transform:skewX(20deg);transition:.4s ease-in-out}.main .applications__img--1{background-image:url(/web/20211203094739im_/http://aertalcream.kz/assets/img/block1.png)}.main .applications__img--2{background-image:url(/web/20211203094739im_/http://aertalcream.kz/assets/img/block2.png)}.main .applications__img--3{background-image:url(/web/20211203094739im_/http://aertalcream.kz/assets/img/block3.png)}.main .causes__title{margin:74px 0 102px 210px}.main .causes__image-tube{height:665px;width:238px;position:absolute;top:-200px;left:80px}.main .causes__image-tube--vertical{display:block;max-width:none;max-height:100%}.main .causes__image-tube--horizontal{display:none;max-height:100%;width:auto}.main .causes__wrapper{position:relative;text-align:center;margin-bottom:110px}.main .causes__list{margin:0;padding:0;list-style:none;font-size:18px;font-weight:300;display:-ms-flexbox;display:flex;margin:0 0 0 270px;-ms-flex-pack:justify;justify-content:space-between}.main .causes__item{position:relative;width:34%;max-width:260px;text-align:center;padding-top:125px}.main .causes__item:after{content:"";width:100px;height:100px;position:absolute;top:0;left:0;right:0;margin:0 auto;background-size:contain;background-position:50%;background-repeat:no-repeat}.main .causes__item--pill:after{background-image:url(../assets/img/Group1321326111.png)}.main .causes__item--molecule:after{background-image:url(../assets/img/Group1321326110.png)}.main .causes__item--pharmacy:after{background-image:url(/web/20211203094739im_/http://aertalcream.kz/assets/img/icon-pharmacy.png)}.main .causes__instruction{display:inline-block;vertical-align:middle;font-size:18px;line-height:22px;background-color:#b53b81;border-radius:5px;padding:10px 31px 12px;color:#fff;min-width:205px;margin-top:65px;margin-left:270px}.main .use{background-image:url(/web/20211203094739im_/http://aertalcream.kz/assets/img/bg-use.png)}.main .use__container{padding:1px 0}.main .use__title{margin:43px auto}.main .use__list{margin:0;padding:0;list-style:none;margin:104px 0 44px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.main .use__item{-ms-flex:1;flex:1;max-width:33%;text-align:center;font-size:22px;font-weight:300}.main .use__item:last-child{max-width:34%}.main .use__item-text{margin-top:50px}.main .use__img-wrapper{position:relative;width:218px;height:218px;margin:0 auto}.main .use__img-container{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;border:1px solid #c4c4c4}.main .use__img-container img{display:block;max-width:none;height:100%}.main .use__number{position:absolute;top:0;left:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:55px;height:55px;background-color:#1ba54a;color:#fff;font-size:32px;border-radius:50%}.main .articles__title{margin:57px auto;padding:0 70px}.main .articles__selectors{margin:0;padding:0;list-style:none;max-width:652px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin:68px auto 54px}.main .articles__selector{width:202px;background-color:#f7f7f7;text-align:center;border-radius:4px;font-size:18px}.main .articles__selector label{display:block;padding-top:12px;padding-bottom:14px;cursor:pointer}.main .articles__item{display:none;-ms-flex-wrap:wrap;flex-wrap:wrap}.main .articles__block-content{overflow:hidden;position:relative;width:346px;margin:0 15px 30px;border-radius:5px}.main .articles__list{padding:0;margin:0}.main .articles__link-container{text-align:center;margin-top:3px;margin-bottom:105px}.main .articles__full-list-link{display:inline-block;vertical-align:middle;font-size:18px;line-height:22px;border:1px solid #ccc;border-radius:5px;padding:11px 40px 12px}.main .articles__block-img{position:absolute;top:0;left:0;width:100%;height:100%}.main .articles__block-img img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%;max-width:none;font-family:"object-fit: cover; object-position: center;"}.main .articles__block-title{margin:0;font-weight:300;font-size:22px;line-height:105.1%}.main .articles__block-hash-tag{font-size:14px;font-weight:300;position:absolute;top:-35px;left:0;padding-left:29px}.main .articles__text-wrapper{position:absolute;bottom:0;left:0;width:100%;color:#fff;padding:23px 29px 30px}.main .articles__block-link{display:none;font-size:18px;font-weight:300;border:1px solid #fff;border-radius:5px;padding:7px 50px;margin-top:30px;margin-bottom:5px}.main .articles__block--big .articles__block-content{min-height:364px}.main .articles__block--middle .articles__block-content{min-height:275px}.main .articles__block--small{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}.main .articles__block--small .articles__block-content{min-height:174px}.main .articles__block-content:hover .articles__block-hash-tag{top:-7px}.main .articles__block-content:hover .articles__block-link{display:inline-block}.main .articles__block--small .articles__block-content:hover .articles__block-hash-tag{top:-4px}.main .articles__block--small .articles__block-content:hover .articles__block-link{margin-top:10px}.main .articles__block--small .articles__block-content:hover .articles__text-wrapper{padding-bottom:10px}.main .articles__item--sport .articles__text-wrapper{background-color:rgba(181,59,129,.8)}.main .articles__item--sport .articles__block-content:hover .articles__text-wrapper{background:linear-gradient(0deg,rgba(181,59,129,.8),rgba(181,59,129,.8) 60%,rgba(181,59,129,0))}.main .articles__checkbox--sport:checked~.articles__selectors .articles__selector--sport{background-color:#b53b81;color:#fff}.main .articles__checkbox--sport:checked~.articles__list .articles__item--sport{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.main .articles__item--home .articles__text-wrapper{background-color:rgba(27,175,76,.8)}.main .articles__item--home .articles__block-content:hover .articles__text-wrapper{background:linear-gradient(0deg,rgba(27,175,76,.8),rgba(27,175,76,.8) 60%,rgba(27,175,76,0))}.main .articles__checkbox--home:checked~.articles__selectors .articles__selector--home{background-color:#1baf4c;color:#fff}.main .articles__checkbox--home:checked~.articles__list .articles__item--home{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.main .articles__item--life .articles__text-wrapper{background-color:rgba(248,204,70,.8)}.main .articles__item--life .articles__block-content:hover .articles__text-wrapper{background:linear-gradient(0deg,rgba(248,204,70,.8),rgba(248,204,70,.8) 60%,rgba(248,204,70,0))}.main .articles__checkbox--life:checked~.articles__selectors .articles__selector--life{background-color:#f8cc46;color:#000}.main .articles__checkbox--life:checked~.articles__list .articles__item--life{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.main .prices__title{margin-bottom:40px}.main .uteka-widget-overlay{position:absolute;top:0;left:280px;width:calc(100% - 335px);height:100%}.main .uteka-widget-overlay--none{display:none}.main .uteka-widget{position:relative;height:575px;max-width:1800px}.main .uteka-widget iframe{border:none;width:100%;height:calc(100% - 57px)}.main .uteka-widget__header{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:0 16px;background:#ebf3fe;box-shadow:0 1px 0 rgba(0,0,0,.1);height:57px}.main .uteka-widget__title{font-size:24px;font-family:Arial,Helvetica,sans-serif}.main .uteka-widget__logo{position:absolute;top:0;bottom:0;left:16px}.main .uteka-widget__logo img{position:absolute;top:0;bottom:0;margin:auto;max-width:none}.main .pharmacies__title{max-width:920px;margin:0 auto;font-weight:300;font-size:39px;line-height:42px;text-align:center;padding-top:101px}.main .pharmacies__list{padding:0;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;max-width:940px;margin:0 auto;padding-top:57px}.main .pharmacies__item{padding:20px 15px}.main .pharmacies__link--pulilu img{width:142px;height:36px}.main .pharmacies__link--apteka img{width:69px;height:69px}.main .pharmacies__link--eapteka img{width:205px;height:54px}.disclaimer{margin-top:92px;margin-bottom:18px}.disclaimer__image--desktop{max-width:1105px;width:100%;display:inline-block}.disclaimer__image--mobile{display:none;width:100%}.disclaimer__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.disclaimer__image-container{display:inline-block;text-align:left}.footer-main{background:#f7f7f7;font-size:14px;font-weight:300;padding:65px 0}.footer-main nav ul{margin:0;padding:0;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:0;margin-right:20px}.footer-main nav ul:first-child{margin-left:0}.footer-main nav ul:last-child{margin-right:0}.footer-main nav ul li{margin-bottom:10px}.footer-main nav ul a{text-decoration:underline}.footer-main__container{display:-ms-flexbox;display:flex;position:relative}.footer-main__text-container{margin-left:100px;margin-right:160px}.footer-main__note a{color:#707070;text-decoration:underline}.footer-main__comp-name{margin-bottom:22px}.footer-main__logo img{max-width:none}.footer-main--inner.footer-main{background:#f7f7f7;font-size:14px;font-weight:300;padding:65px 0}.footer-main--inner.footer-main nav ul{margin:0;padding:0;list-style:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:0;margin-right:0}.footer-main--inner.footer-main nav ul li{margin-bottom:10px}.footer-main--inner.footer-main nav ul a{text-decoration:underline}.footer-main--inner.footer-main .footer-main__container{display:-ms-flexbox;display:flex;position:relative}.footer-main--inner.footer-main .footer-main__text-container{margin-left:100px;margin-right:160px}.footer-main--inner.footer-main .footer-main__note a{color:#707070;text-decoration:underline}.footer-main--inner.footer-main .footer-main__comp-name{margin-bottom:22px}.footer-main--inner.footer-main .footer-main__logo img{max-width:none}@media only screen and (min-width:600px) and (max-width:767px){.main .use__img-wrapper{width:162px;height:162px}}@media (min-width:1240px){.main .applications__block{position:relative}.main .applications__block:hover{width:40%}.main .applications__block:hover .applications__img{transform:skewX(20deg) scale(1.15)!important;opacity:.8}.main .applications__block:hover .applications__text-content{padding-top:43px}.main .applications__block:hover .applications__text{padding-top:20px}.main .applications__block:hover .applications__text-link-container{padding-top:43px}}@media only screen and (max-width:1267px) and (min-width:735px){.main .articles__block--small{margin-top:-86px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}.main .articles__block--small .articles__block-content{height:174px}.main .articles__block--small .articles__block-content:nth-child(2){height:264px}.main .articles__block--small .articles__block-content:nth-child(2):hover .articles__block-hash-tag{top:-7px}.main .articles__block--small .articles__block-content:nth-child(2):hover .articles__block-link{margin-top:30px}.main .articles__block--small .articles__block-content:nth-child(2):hover .articles__text-wrapper{padding-bottom:30px}}@media (max-width:1240px) and (min-width:768px){.main .applications__title{margin-bottom:40px}.main .applications__blocks{height:234px}.main .applications__block{position:relative;height:234px;-webkit-tap-highlight-color:transparent}.main .applications__block--1{width:26%}.main .applications__block--2{width:39%}.main .applications__tablet-br{display:block}.main .applications__block:hover .applications__text-content,.main .applications__block:hover .applications__text-link-container{max-height:0;opacity:0}.main .applications__block--hover{width:40%}.main .applications__block--hover:hover .applications__text-content,.main .applications__block--hover:hover .applications__text-link-container{max-height:none;opacity:1}.main .applications__block--hover .applications__img{transform:skewX(20deg) scale(1.1)!important;opacity:.8}.main .applications__block--hover .applications__text{padding-top:7px}.main .applications__block--hover .applications__text-content{padding-top:17px;padding-bottom:15px;font-size:16px;opacity:1;max-height:none}.main .applications__block--hover .applications__text-link-container{padding-top:0;opacity:1;max-height:none}}@media (max-width:1100px){.no-scroll-menu{position:fixed;top:0;left:0;width:100%;overflow:hidden;height:100%}}@media only screen and (max-width:1100px){body{padding-top:75px}main.article .article-image{margin-top:123px!important}.header-main__logo{width:100px;height:39px}.header-main__nav{display:none}.header-main__link{font-size:28px;line-height:1.2;font-size:22px;font-weight:300}.header-main__list{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;max-height:130px;margin:70px 0 60px;max-height:none;margin:50px 0 60px}.header-main__item{padding-left:0;padding-right:0;margin:5px 0}.header-main__container{-ms-flex-direction:column;flex-direction:column;padding-left:30px;padding-right:30px}.header-main__menu-button{display:block;top:20px;right:30px}.header-main--inner{padding-top:25px;padding-bottom:17px}.header-main--inner .header-main__logo{width:169px;height:89px}.header-main--inner .header-main__container{padding-left:18px;padding-right:18px}.header-main--inner .header-main__menu-button{display:block;top:41px;right:43px}.header-main--inner .header-main__hamburger{width:55px;height:38px}.header-main--inner .header-main__bar{width:55px}.header-main--inner .header-main__bar--2,.header-main--inner .header-main__bar--3{top:17px}.header-main--inner .header-main__menu-checkbox:checked+label>.header-main__hamburger>.header-main__bar--1,.header-main--inner .header-main__menu-checkbox:checked+label>.header-main__hamburger>.header-main__bar--4{width:57px;height:1px}.header-main--inner .header-main__link{font-size:41px}.header-main--inner .header-main__item{margin:9px 0}.header-main--inner .header-main__list{margin:72px 0 60px}}@media (max-width:1024px){.main .pharmacies__title{padding-top:85px;font-size:35px;line-height:38px}.main .pharmacies__list{padding-top:33px}.main .disclaimer{margin-top:62px}}@media only screen and (max-width:1024px){.container-main{padding-left:30px;padding-right:30px}.container-main--extended{padding-left:0;padding-right:0}.container-main--extended .title{padding-left:30px;padding-right:30px}.main .title{font-size:35px}.main .applications__text-title{font-size:28px}.main .applications__text-content{font-size:18px;padding:6px 0 10px}.main .causes__title{margin-left:0}.main .causes__image-tube{width:auto;height:158px;position:relative;top:0;left:0;text-align:center}.main .causes__image-tube--vertical{display:none}.main .causes__image-tube--horizontal{display:inline-block}.main .causes__list{margin-left:0;font-size:16px}.main .causes__instruction{margin-left:0}.main .use__item{font-size:19px}}@media (max-width:767px){.main .prices__container.container--extended{padding:0}.main .prices__title{margin-bottom:40px}.main .uteka-widget iframe{border-bottom:1px solid #e7e7e7}.main .uteka-widget__header{-ms-flex-pack:end;justify-content:flex-end;height:28px}.main .uteka-widget__title{font-size:12px}.main .uteka-widget__logo{left:10px}.main .uteka-widget__logo img{height:16px}}@media only screen and (max-width:767px){.container-main{padding-left:10px;padding-right:10px}.main .applications__title{margin-top:10px;margin-bottom:35px}.main .applications__text{margin-left:20px;padding-left:0;text-align:left;width:45%}.main .applications__text-title{font-size:23px}.main .applications__block:hover .applications__text-content,.main .applications__block:hover .applications__text-link-container,.main .applications__text-content,.main .applications__text-link-container{display:none}.main .applications{padding-bottom:3px}.main .applications__blocks{height:auto;-ms-flex-direction:column;flex-direction:column;transform:none;background:transparent}.main .applications__block{position:relative;margin-bottom:15px;width:100%;height:110px;border-radius:5px;transform:none;-ms-flex-pack:start;justify-content:flex-start}.main .applications__block--2{-ms-flex-pack:end;justify-content:flex-end}.main .applications__img{top:0;left:0;width:100%;height:100%;transform:none}.main .applications__img--1{background-size:248px auto;background-position:calc(100% + 67px) 3px}.main .applications__img--2{transform:scaleX(-1)!important;background-size:auto 160px;background-position:calc(100% - -88px) -32px}.main .applications__img--3{background-repeat:no-repeat;background-size:auto 215px;background-position:calc(100% - -169px) -53px}.main .applications__text{margin-left:17px;transform:none}.main .applications__text--2{margin-left:0;margin-right:17px}.main .applications__text-title{margin-top:-3px}.main .articles__block-content{width:329px}.disclaimer{margin-top:50px}.footer-main{padding:20px 0}.footer-main nav ul{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer-main nav ul li{margin-right:20px}.footer-main nav ul li:first-child{margin-left:0}.footer-main nav ul li:last-child{margin-right:0}.footer-main__container{-ms-flex-direction:column;flex-direction:column;padding-left:25px;padding-right:20px}.footer-main__text-container{margin-left:40px;margin-right:25px;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-left:0;margin-right:0}.footer-main__note br{display:none}.footer-main__note{margin-bottom:20px;margin-top:15px}.footer-main__comp-name{margin-bottom:14px}.footer-main__logo img{width:85px;height:40px}.footer-main__logo{position:absolute;bottom:12px;right:20px}.footer-main--inner.footer-main{padding:40px 0;font-size:25px}.footer-main--inner.footer-main nav ul{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer-main--inner.footer-main nav ul li{margin-right:37px;margin-bottom:28px}.footer-main--inner.footer-main nav ul li:first-child{margin-left:0}.footer-main--inner.footer-main nav ul li:last-child{margin-right:0}.footer-main--inner.footer-main .footer-main__container{-ms-flex-direction:column;flex-direction:column;padding-left:45px;padding-right:45px}.footer-main--inner.footer-main .footer-main__text-container{margin-left:40px;margin-right:25px;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-left:0;margin-right:0}.footer-main--inner.footer-main .footer-main__note br{display:none}.footer-main--inner.footer-main .footer-main__note{margin-bottom:35px;margin-top:21px;line-height:38px}.footer-main--inner.footer-main .footer-main__comp-name{margin-bottom:14px;line-height:38px}.footer-main--inner.footer-main .footer-main__logo img{width:150px;height:auto}.footer-main--inner.footer-main .footer-main__logo{position:absolute;bottom:18px;right:29px}}@media only screen and (max-width:734px){.main .articles__block--small .articles__block-content:hover .articles__block-hash-tag{top:-7px}.main .articles__block--small .articles__block-content:hover .articles__block-link{margin-top:30px}.main .articles__block--small .articles__block-content:hover .articles__text-wrapper{padding-bottom:30px}}@media (max-width:600px){.main .disclaimer{margin-top:26px}.main .pharmacies__title{font-size:22px;line-height:108.6%;max-width:290px;padding-top:35px}.main .pharmacies__list{display:block;padding-top:29px}.main .pharmacies__item{padding-top:23px;padding-bottom:23px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.main .pharmacies__link--pulilu img{width:129px;height:32px}.main .pharmacies__link--apteka img{width:55px;height:55px}.main .pharmacies__link--eapteka img{width:173px;height:44px}}@media only screen and (max-width:600px){.container-main--extended{padding-left:10px;padding-right:10px}.main .title{font-size:22px!important;padding-left:20px;padding-right:20px}.header-main__hamburger{width:30px;height:20px}.header-main__bar--2,.header-main__bar--3{top:9.5px}.header-main__bar,.header-main__menu-checkbox:checked+label>.header-main__hamburger>.header-main__bar--1,.header-main__menu-checkbox:checked+label>.header-main__hamburger>.header-main__bar--4{width:30px}.main .causes__title{margin:50px 0 20px}.main .causes__image-tube{height:120px}.main .causes__wrapper{margin-bottom:65px}.main .causes__list{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-size:18px}.main .causes__item{margin-bottom:50px;width:auto}.main .causes__instruction{margin-top:15px;margin-left:0}.main .use__list{-ms-flex-direction:column;flex-direction:column;margin-top:60px;margin-bottom:0}.main .use__item-text{margin-top:37px}.main .use__item{max-width:none;margin-bottom:60px}.main .use__item:last-child{max-width:none}.main .articles__title{margin-bottom:40px}.main .articles__selectors{-ms-flex-direction:column;flex-direction:column;margin-top:0;margin-bottom:30px}.main .articles__selector{margin-bottom:15px}.main .articles__block-content{width:300px;-ms-flex-preferred-size:300px;flex-basis:300px}.main .articles__link-container{margin-top:15px;margin-bottom:60px}.main .articles__block img{width:100%;height:100%}.main .articles__block--big .articles__block-content{min-height:300px}.disclaimer__container{-ms-flex-align:baseline;align-items:baseline}.disclaimer{margin-top:30px;margin-bottom:70px}.disclaimer__image--desktop{display:none}.disclaimer__image--mobile{display:inline-block}}
/* End */


/* Start:/local/templates/airtal/styles.css?15771102289*/
.quote {}
/* End */
/* /libs/fullpage/jquery.fullpage.min.css?15115354883732 */
/* /css/main.css?1582008170115022 */
/* /local/templates/airtal/css/style.css?158200902729496 */
/* /local/templates/airtal/styles.css?15771102289 */

/*
     FILE ARCHIVED ON 09:47:39 Dec 03, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:04:54 Jan 22, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.929
  exclusion.robots: 0.054
  exclusion.robots.policy: 0.031
  esindex: 0.019
  cdx.remote: 12.142
  LoadShardBlock: 493.868 (3)
  PetaboxLoader3.datanode: 147.928 (4)
  PetaboxLoader3.resolve: 441.46 (3)
  load_resource: 131.687
*/