*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a,
a:hover {
    text-decoration: none;
    color: #4073cb;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
}

input {
    outline: none;
    border-width: 0;
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}

input[type=search] {
    background-size: 100%;
    background-position: 50% 50%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../img/search_gray.png);
    padding: 9px 10px 9px 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .2s;
    width: 25px;
    height: 25px;
    color: transparent;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=search]:focus {
    width: 200px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    padding-left: 32px;
    color: #000;
    background-color: #fff;
    cursor: auto;
    background-size: 20px;
    background-position: 5% 50%;
}

input:-moz-placeholder {
    color: transparent;
}

input::-webkit-input-placeholder {
    color: transparent;
}

body {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.2;
    background-color: #fff;
    color: #4073cb;
}








/*page__promo*/

.wrapper {
    overflow: hidden;
    position: relative;
    height: 100vh;
    max-width: 100vw;
    min-height: 568px;
    background-color: #f3f3f3;
}

.wrapper.active {
    height: 100vh;
    overflow: hidden;
}

.page__promo .container {
    width: 100%;
    padding: 0 20px;
}

.main {
    padding: 20px 0 60px;
    position: relative;
    z-index: 3;
    display: inline-block;
    overflow: hidden;
}

.main.main__question{
  background: #f3f3f3; /* Old browsers */
  background: -moz-linear-gradient(top, #f3f3f3 0%, #edeef2 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f3f3f3 0%,#edeef2 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f3f3f3 0%,#edeef2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



.main.instr__main{
  padding-bottom: 0;
}

.page__promo .logo {
    max-width: 150px;
    margin-bottom: 20px;
}

.content {
    color: #2b68d5;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px;
}

.text {
    font-size: 16px;
    font-weight: 700;
    width: 53%;
}

.product {
    width: 65%;
    position: relative;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 350px;
    max-height: 350px;
}

.product::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.product__item {
    position: absolute;
    content: '';
    display: block;
    top: -50px;
    right: 30px;
    width: 70%;
}

.product__round {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.product__item img {
    position: relative;
    z-index: 2;
}

.snot {
    position: absolute;
    display: block;
    top: 10%;
    left: -10%;
    width: 70%;
    height: 70%;
    z-index: 1;
    background-image: url(../img/snot.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.close {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    right: 0;
    padding: 20px 20px 0 0;
    width: 110px;
    height: 360px;
    background-image: url(../img/close_bg.png);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    text-align: right;
}

.close__btn {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 3;
}

.close__btn::before,
.close__btn::after {
    position: absolute;
    content: '';
    display: block;
    transform: rotate(-45deg);
    top: 50%;
    left: 50%;
    width: 30px;
    height: 5px;
    margin-top: -3px;
    margin-left: -15px;
    background-color: #2b68d5;
    transition: all 0.25s ease-out;
}

.close__btn::after {
    transform: rotate(-135deg);
}

.footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 200px;
    z-index: 2;
}

.bush1 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bush1.png);
    background-position: 0% 50%;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

.bush2 {
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bush2.png);
    background-position: 100% 50%;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}

.bush3 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 40px;
    width: 100%;
    height: 100%;
    background-image: url(../img/wave.png);
    background-position: 50% 0%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
}

.rabbits {
    position: absolute;
    left: 20px;
    top: 55px;
    width: 90px;
    height: 90px;
    background-image: url(../img/rabbits.png);
    background-position: 50% 50%;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 3;
}

.bush4 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 120px;
    height: 120px;
    background-image: url(../img/bush4.png);
    background-position: 100% 0%;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 3;
}

.hide {
    display: none;
}

/*page__promo*/


/*page__main*/

.page__main .wrapper {
    min-height: 100vh;
    height: auto;
    width: auto;
}

.page__main .wrapper.active {
    height: 100%;
}

.logo {
    width: 100px;
    display: inline-block;
}

.header {
    position: fixed;
    right: 0;
    left: 0;
    margin: auto;
    background-color: #fff;
    z-index: 5;
    width: 100%;
}

.header.active {
    position: fixed;
    z-index: 5;
}

.header.active .header__inner--container {
    padding-top: 5px;
    padding-bottom: 5px;
}

.header__inner {
    background-color: #f3f3f3;
    transition: .2s;
}

.header__inner--container {
    padding-top: 20px;
    padding-bottom: 20px;
    transition: .2s;
}

.header__bar {
    background-color: #fff;
    position: relative;
    padding: 1.5vh 0;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .05);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .05);
}

.header__bar--item {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    font-size: 3.5vw;
}

.header__bar--item:hover {
    text-decoration: none;
}

.bar--icon {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.header__bar--item:nth-child(1) .bar--icon {
    background-image: url(../img/market.png);
}

.header__bar--item:nth-child(2) .bar--icon {
    background-image: url(../img/chat.png);
}

.header__bar--item:nth-child(3) .bar--icon {
    background-image: url(../img/search.png);
}

.header__bar .row {
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
}

.header__search--mob {
    position: absolute;
    display: none;
    bottom: -250px;
    min-height: 250px;
    padding-top: 50px;
    font-size: 20px;
    width: 100%;
    background: #ffffff;
    z-index: 1;
}

.form__input--wrapper {
    margin-bottom: 40px;
    border-radius: 3px;
    border-bottom: 1px solid #4073cb;
}

.form__mob--close {
    color: #ccc;
    font-size: 18px;
    display: block;
    text-align: center;
}

.header__search--mob.active {
    display: block;
}

.form__mob input {
    text-align: center;
    width: 100%;
    padding: 10px;
    color: #4073cb;
    border-radius: 1px;
}

.form__mob input:-moz-placeholder {
    color: #ccc;
}

.form__mob input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 16px;
}

.form__mob--btn {
    display: block;
    text-align: center;
    margin: auto;
    color: #fff;
    border: none;
    background-color: #4073cb;
    padding: 10px 20px 12px;
    border-radius: 50px;
    outline: none;
    margin-bottom: 20px;
}

.header__menu {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 100vh;
    padding: 120px 0 20px;
    z-index: -1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.header__menu::before {
    position: absolute;
    content: '';
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: .5s;
    z-index: 0;
}

.header__menu.open {
    z-index: 4;
    position: relative;
}

.header__menu.open::before {
    top: 0;
}

.header .row {
    align-items: center;
}

.header__right {
    text-align: right;
}

.menu {
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    margin: 0px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.menu span {
    display: block;
    position: absolute;
    height: 3px;
    width: 18px;
    background: #2b68d5;
    opacity: 1;
    left: 50%;
    -webkit-transform: rotate(0deg) translateX(-50%);
    -moz-transform: rotate(0deg) translateX(-50%);
    -o-transform: rotate(0deg) translateX(-50%);
    transform: rotate(0deg) translateX(-50%);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.menu span:nth-of-type(1) {
    top: 10px;
}

.menu span:nth-of-type(2),
.menu span:nth-of-type(3) {
    top: 18px;
}

.menu span:nth-of-type(4) {
    top: 26px;
}

.menu.open span:nth-of-type(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.menu.open span:nth-of-type(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
    width: 24px;
}

.menu.open span:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 8px;
    width: 24px;
}

.menu.open span:nth-of-type(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
.menu__list{
    text-align: left;
    margin-bottom: 30px;
}
.menu__title{
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
    padding-left: 40px;
    position: relative;
}
.menu__title::before{
  position: absolute;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}

.menu__title--icon{
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  background-image: url(../img/arrow-down.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-position:50%50%;
  background-repeat: no-repeat;
  transition: .5s;
}
.menu__list.open .menu__title--icon{
    transform: rotate(-180deg);
}
.accordion .default .submenu {
    display: block;
}
.submenu {
    display: none;
}

.menu__title--1::before{
  background-image: url(../img/menu-icon-1.png);
}
.menu__title--2::before{
  background-image: url(../img/menu-icon-2.png);
}
.menu__title--3::before{
  background-image: url(../img/menu-icon-3.png);
}
.menu__title--4::before{
  background-image: url(../img/menu-icon-4.png);
}
.menu__title--5::before{
  background-image: url(../img/menu-icon-5.png);
}


.menu__item {
    font-size: 14px;
    position: relative;
    color: #2b68d5;
    margin-bottom: 10px;
    opacity: 0;
    display: block;
}

.menu__item.active {
    opacity: 1
}

.menu__item:before {
    content: '';
    height: 0;
    left: 30%;
    position: absolute;
    top: 0;
    transition-duration: 0.5s;
    width: 100%;
    z-index: 1;
}

.menu__item:hover,
.menu__item:active {
    text-decoration: none;
    color: #fff;
}


.menu__item-text {
    position: relative;
    z-index: 1;
}
.menu__item-text::before{
    position: absolute;
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: -5px;
    margin: auto;
    width: 2px;
    height: 100%;
    transition: .5s;
    background-color: #4073cb;
    transform: scale(0);
}
.menu__item-text:hover::before {
    transform: scale(1);
}

.menu__bottom--item{
  text-align: left;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
}

.page__main .main {
    padding-top: 80px;
    display: block;
}

.main__sick {
    padding-bottom: 0;
}

.text__rules{
  line-height: 1.4;
  font-size: 3.5vw;
  margin-bottom: 3vh;
}

.title__text--big{
  font-weight: 700;
  font-size: 5vw;
  margin-bottom: 5vh;
}

.text__rules--title{
  font-size: 4vw;
  font-weight: 700;
}

.text__rules:last-child{
  margin-bottom: 0;
}

.main__text{
  padding: 50px 0;
}

.page__main .main.active {
    padding-top: 50px;
}

.page__main .main.hidden {
    display: none;
}
footer.footer.hidden {
    display: none;
}


.main__tabs {
    background-color: #fff;
    padding: 25px 0 0;
}

.main__tabs .row {
    justify-content: space-around;
    text-align: center;
}

.tab {
    display: inline-block;
    padding: 25px 20px 25px 60px;
    font-weight: 600;
    position: relative;
}

.tab::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    width: 40px;
    height: 40px;
    background-image: url(../img/adult_icon.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.tab:nth-child(2)::before {
    background-image: url(../img/duck_icon.png);
}

.tab.active {
    background-color: #f3f3f3;
    border-radius: 30px 30px 0 0;
}

.tab .tab__after,
.tab .tab__before {
    position: absolute;
    display: none;
    bottom: 0;
    right: 100%;
    width: 25px;
    height: 100%;
    background-color: #f3f3f3;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.tab .tab__after {
    left: 100%;
    right: auto;
}

.tab.active div {
    display: block;
}

.tab__before--inner,
.tab__after--inner {
    position: absolute;
    display: block;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 0 50px 0px;
    background-color: #fff;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.tab__after--inner {
    border-radius: 0 0 0px 50px;
}

.main__content {
    padding: 50px 0 40px;
}

.tab__el {
    border-radius: 10px;
    width: 100%;
    margin-bottom: 30px;
    display: block;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 10px 3px rgba(85, 94, 102, .25);
    -moz-box-shadow: 0px 2px 10px 3px rgba(85, 94, 102, .25);
    box-shadow: 0px 2px 10px 3px rgba(85, 94, 102, .25);
}

.tab__el--outer {
    position: relative;
    height: 0;
    padding-top: 60%;
}

.tab__el--inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    min-height: 160px;
    transition: .4s;
}

.tab__el--inner::after {
    position: absolute;
    content: '';
    display: block;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.tab__el--inner-1-1::after {
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/tab1-1_pic.png);
    background-position: 100% 100%;
}

.tab__el--inner-1-2::after {
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/tab1-2_pic.png);
    background-position: 100% 100%;
}

.tab__el--inner-2-1::after {
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/tab2-1_pic.png);
    background-position: 100% 100%;
}

.tab__el--inner-2-2::after {
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/tab2-2_pic.png);
}

.tab__el--inner-2-3::after {
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/tab2-3_pic.png);
    background-position: 100% 100%;
}

.tab__el--inner-1-1 {
    background-color: rgba(173, 55, 46, .9);
}

.tab__el-1-1 {
    background-image: url(../img/tab11.jpg);
}

.tab__el--inner-1-2 {
    background-color: rgba(22, 142, 178, .9);
}

.tab__el-1-2 {
    background-image: url(../img/tab12.jpg);
}

.tab__el-1-3 {
    background-image: url(../img/tab13.jpg);
}

.tab__el--inner-2-1 {
    background-color: rgba(73, 124, 213, .9);
}

.tab__el-2-1 {
    background-image: url(../img/tab21.jpg);
}

.tab__el--inner-2-2 {
    background-color: rgba(217, 172, 48, .9);
}

.tab__el-2-2 {
    background-image: url(../img/tab23.jpg);
}

.tab__el--inner-2-3 {
    background-color: rgba(74, 126, 219, .9);
}

.tab__el-2-3 {
    background-image: url(../img/tab23.jpg);
}

.tab__el--inner-2-3 .tab__el--title {
    max-width: 70%;
}

.tab__el--title {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    font-size: 4.1vw;
    line-height: 1.2;
}

.tab__list {
    border-top: 1px solid #dcdcdc;
}

.tab__list--item {
    padding: 35px 0 35px 50px;
    border-bottom: 1px solid #dcdcdc;
    color: #b1b1b1;
    font-size: 3.5vw;
    position: relative;
    line-height: 1.3;
    font-weight: 500;
}

.tab__list--item::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 45px;
    height: 45px;
    background-image: url(../img/tab_list.png);
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.tab__list--item-11::before {
    background-position: 0 0px;
}

.tab__list--item-12::before {
    background-position: 0 -40px;
    -webkit-background-size: 105%;
    background-size: 105%;
}

.tab__list--item-13::before {
    background-position: 0 -75px;
}

.tab__list--item-14::before {
    background-position: 0px -115px;
}

.tab__list--item-22::before {
    background-position: 0px -155px;
}

.tab__list--item-23::before {
    background-position: 0px -197px;
}

.tab__list--item-24::before {
    background-position: 0px -276px;
}

.tab__list--item-25::before {
    background-position: 0px -235px;
}

.order__col:nth-child(1) {
    padding-right: 5px;
}

.order__col:nth-child(2) {
    padding-left: 5px;
}

.order__item {
    background-color: #fff;
    border-radius: 10px;
    padding: 110px 5px 10px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    font-size: 3.7vw;
    position: relative;
    display: block;
    min-height: 195px;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(158, 158, 158, 1);
    -moz-box-shadow: 0px 3px 10px 0px rgba(158, 158, 158, 1);
    box-shadow: 0px 3px 10px 0px rgba(158, 158, 158, 1);
}

.order__item::before {
    position: absolute;
    content: '';
    display: block;
    top: 35px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 40px;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.order .order__col:nth-of-type(1) .order__item::before {
    background-image: url(../img/logo_apteka.png);
}

.order .order__col:nth-of-type(2) .order__item::before {
    background-image: url(../img/pin.png);
}

footer.footer {
    position: relative;
    max-height: inherit;
    z-index: 3;
}

.footer__warning {
    text-transform: uppercase;
    color: #a3a3a3;
    text-align: center;
    font-weight: 200;
    font-size: 11px;
    margin: 10px 0;
}

.warning__fixed {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    background-color: #fff;
    color: #a3a3a3;
    font-size: 3vw;
    padding: 5px;
    font-weight: 200;
}

.warning__fixed.hidden {
    display: none;
}

.footer__main {
    background-color: #dfdfdf;
    padding: 30px 0;
}

.footer__text-1 {
    text-align: center;
    color: #808080;
    line-height: 1.3;
    margin-bottom: 20px;
    font-size: 11px;
}

.footer__text-1 p {
    display: block;
}

.footer__text-1-1 {
    text-transform: uppercase;
}

.footer__text-2 {
    color: #b2b2b2;
    font-size: 11px;
    text-align: center;
    margin-bottom: 20px;
    display: block;
}

.footer__text-2:hover {
    color: #b2b2b2;
}

.footer__text-3 {
    text-align: center;
    color: #808080;
    font-size: 11px;
    margin-bottom: 0;
}

.footer--sick {
    background-color: #dfe3f1;
}

.footer--virus{
    background-color: #d8dced;
}

.medor__logo {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0px;
    margin-left: 2px;
    width: 60px;
}

.sick__for {
    padding: 6vh 0 24vh;
    position: relative;
    background-color: #f3f3f3;
    background-image: url(../img/wave4.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}

.sick__for.why__for{
  background-image: url(../img/wave22.png);
}
.sick__for.sick__for--pressure{
  background-image: none;
  padding-bottom: 0;
}
/*.sick__for--pressure .buy__after{
  margin-bottom: -4px;
}
.sick__bg-8 .buy__after {
  margin-bottom: -4px;
}*/
.buy__after--bush{
  position: absolute;
  width: 20%;
  bottom: 95%;
  right: 2%;
  z-index: -1;
}
.buy__after--bush.buy__after--bush-2{
  width: 30%;
  bottom: 28%;
  right: 10%;
}
.buy__after--tree-2{
    position: absolute;
    width: 13%;
    bottom: 15%;
    right: 30%;
    z-index: -1;
}
.buy__after--bush.buy__after--bush-4{
  width: 20%;
  bottom: 25%;
  right: 25%;
}
.instr__top{
    padding: 6vh 0 24vh;
    position: relative;
    background-color: #f3f3f3;
    background-image: url(../img/wave14.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}
.sick__for.sick__bg-6{
    padding: 6vh 0 10vh;
}
.sick__for.sick__bg-3{
  padding: 6vh 0;
}
.sick__for.sick__bg-5{
  padding: 6vh 0;
}
.sick__title {
    position: relative;
}

.title__text {
    font-size: 6vw;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 4vh;
}
.title__text.sick__list--title,
.why__how .title__text.sick__list--title{
    font-size: 5vw;
}

.why__how .title__text.sick__list--title{
  margin-bottom: 10vh;
  position: relative;
  display: inline-block;
}

.why__how .title__text.sick__list--title::after{
  position: absolute;
  content: '';
  display: block;
  bottom: -15px;
  right: -40px;
  width: 30px;
  height: 30px;
  transform: rotate(-90deg);
  background-image: url(../img/video-arrow.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.age {
    position: absolute;
    left: 115%;
    top: -10px;
    color: #000;
    width: 33%;
    transition: .2s;
}

.age__inner {
    position: relative;
    height: 0;
    padding-top: 100%;
}

.age__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    font-weight: 900;
    font-size: 5vw;
    color: #4073cb;
}

.age__content::before{
  position: absolute;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-image: url(../img/age-stamp.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 80000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 80000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 80000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
}
.age__content.age__content--kids::before{
  background-image: url(../img/age-stamp-2.png);
}

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

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

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

.kids__pic {
    width: 50%;
    top: 25vh;
    right: 0;
    position: absolute;
    z-index: 10;
    text-align: right;
}
.subtitle{
  margin-bottom: 5vh;
}
.sick__subtitle {
    font-size: 3.7vw;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 3vh;
}
.sick__text{
  font-size: 3.3vw;
  line-height: 1.5;
  margin-bottom: 3vh;
}
.sick__list{
  position: relative;
  z-index: 3;
}
.sick__item {
    margin-bottom: 5vh;
    font-size: 3.5vw;
    line-height: 1.5;
    color: #2b68d5;
}
.sick__item--sub .sick__item--text{
  font-size: 4vw;
}
.sick__item--text-sub{
  font-size: 3.5vw;
  margin-bottom: 0;
}
.sick__item--sub .sick__icon--content{
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.sick__item--sub .sick__icon--content img{
  max-width: 100%;
}

.sick__item:nth-child(1) {
    margin-right: 50%;
}
.sick__bg-3 .sick__item:nth-child(1) {
    margin-right: 0%;
}
.sick__bg-5 .sick__item:nth-child(1) {
    margin-right: 0%;
}
.sick__icon {
    width: 40%;
    margin-bottom: 2vh;
}

.sick__icon--inner {
    position: relative;
    height: 0;
    padding-top: 100%;
}

.sick__icon--content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
}

.sick__icon--content img {
    margin-left: 50%;
    margin-top: 50%;
    max-width: 70%;
    transform: translate(-50%, -50%);
}

.sick__link {
    font-weight: 600;
    text-decoration: underline;
}

.sick__link:hover {
    text-decoration: none;
}

.sick__how {
  background-color: #ecedf2;
  padding-bottom: 24vh;
  position: relative;
  background-image: url(../img/wave6.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  z-index: 10;
}
.sick__how.why__how {
    background-image: url(../img/wave23.png);
    padding-top: 5vh;
}
.sick__how.operations__bottom{
  padding-bottom: 0;
  background-image: none;
}
.sick__how.sick__bg-8{
  padding: 0;
  background-image: none;
}
.instr__bottom{
  background-color: #ecedf2;
  padding: 6vh 0;
  position: relative;
  z-index: 3;
}
.instr__title{
  font-size: 8vw;
  font-weight: 700;
}
.instr__text{
  font-size: 3.5vw;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 2.5vh;
}
.instr__list{
  font-size: 3.5vw;
  font-weight: 500;
  line-height: 1.3;
}
.instr__item{
  margin-bottom: 1vh;
}
.instr__item:last-child{
  margin-bottom: 0;
}
.instr__block{
  margin-bottom: 2.5vh;
}
.instr__block--title{
  font-weight: 700;
  font-size: 3.5vw;
  line-height: 1.4;
  margin-bottom: 1vh;
}
.instr__block--text{
  font-size: 3.3vw;
  line-height: 1.4;
  margin-bottom: 0;
}
.instr__footer{
  background-color: #ecedf2;
}
.sick__how.sick__bg-4{
  padding-top: 6vh;
  padding-bottom: 30%;
  background-image: url(../img/wave9.png);
}
.sick__how.sick__bg-6{
  padding-top: 6vh;
  padding-bottom: 30%;
  background-image: url(../img/wave11.png);
}
.sick__how.sick__bg-7{
  padding-top: 5vh;
  padding-bottom: 100%;
  background-image: url(../img/wave13.png);
}
.message__outter {
    border-radius: 15px;
    padding: 0;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
}
.sick__virus .message__outter{
  margin-bottom: 15vh;
}
.message__outter--middle{
  margin-bottom: 10vh;
}
.why__how .message__outter{
  margin-top: 20vh;
}
.message__outter--middle .message__author{
  left: 105%;
  top: -30%;
  transform: rotateY(180deg);
}
.message__outter--middle .message__from{
  transform: rotateY(180deg) rotate(90deg);
  left: 96%;
  top: 30%;
}
.message__outter.message--bottom-2{
    margin-bottom: 40%;
}
.sick__bg-4 .message__outter,
.sick__bg-6 .message__outter,
.sick__bg-7 .message__outter{
  margin-bottom: 35%;
}
.message {
    background-color: #fff;
    border-radius: 15px;
    padding: 6vh 4vw 3vh;
    position: relative;
}

.message--first {
    margin-top: -20vh;
    margin-bottom: 30vh;
}

.message__i--outter {
    position: absolute;
    left: 7%;
    top: -22px;
    width: 20%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
}

.message__i--ratio {
    padding-top: 100%;
    height: 0;
    position: relative;
}

.message__i--content {
    border-radius: 50%;
    background-color: #2b68d5;
    display: block;
    font-size: 11vw;
    font-weight: 600;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.message__text {
    font-size: 5vw;
    font-weight: 700;
    line-height: 1.2;
}

.message--small .message__text{
  font-size: 4vw;
}

.message__link {
    text-decoration: underline;
    font-size: 4vw;
}
.message__link.message__link--spec{
  text-decoration: none;
}
.message__link.message__link--spec span{
  text-decoration: underline;
}

.message__link:hover {
    text-decoration: none;
}

.message__from {
    position: absolute;
    z-index: -1;
    top: 96%;
    left: 5vw;
    width: 20%;
    height: 25%;
    background-image: url(../img/message_author.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}

.message--bottom .message__from {
    left: auto;
    right: 5vw;
    transform: rotateY(180deg);
}
.message__outter--above.message--bottom .message__from{
    transform: rotate(180deg);
    top: -24%;
}


.message__author {
    width: 45%;
    position: absolute;
    display: inline-block;
    left: -35%;
    top: 100%;
}

.message--bottom .message__author {
    left: auto;
    right: -35%;
    transform: rotateY(180deg);
}

.message__outter--above.message--bottom .message__author{
    top: -80%;
}
.message__outter--above.message--bottom .message__text{
    font-size: 4vw;
}

.message__author--inner {
    position: relative;
    height: 0;
    padding-top: 100%;
}

.message__author--content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0%;
}

.download{
  font-size: 0; 
  text-align: left;
  margin: 7vh 0px 8vh;
}
.download__part{
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.download__part:first-child{
  margin-right: 4vw;
}
.sick__button--link.download__link{
  padding: 3vw 3vw 3vw 9vw;
  line-height: 1;
  max-width: 100%;
  display: block;
  font-size: 3.5vw;
}
.sick__button--link.download__link::before{
  width: 3vw;
  background-image: url(../img/arrow-download.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.sick__button {
  padding: 5vh 0;
  text-align: center;
  background-color: #dfe3f1;
}

.sick__button.sick__button--virus{
    background-color: #d8dced;
}
.sick__button.instr__button{
  background-color: #ecedf2;
}

.sick__button.text__button{
  background-color: #f3f3f3;
}

.sick__button .message__outter{
    text-align: left;
}

.main__question .sick__button {
    background-color: #edeef2;
}

.instr__bottom--text{
  font-size: 3.5vw;
  line-height: 1.4;
  margin-bottom: 12vh;
}

.instr__table--title{
  font-weight: 700;
  font-size: 5vw;
  margin-bottom: 6vh;
}

.instr__table{
  border-radius: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
}

.instr__table--row{
  display: table;
}

.instr__table--row:first-child .instr__table--cell{
  padding: 20px 10px 10px;
}

.instr__table--row:last-child .instr__table--cell{
  padding: 10px 10px 20px;
}

.instr__table--cell{
  display: table-cell;
  width: 33.33%;
  vertical-align: middle;
  font-size: 3vw;
  padding: 10px;
}

.instr__table--cell:first-child{
  font-weight: 700;
}

.instr__table--cell:nth-child(2){
  background-color: #f8f9fb;
}

.instr__table--cell:nth-child(2),
.instr__table--cell:last-child{
  text-align: center;
  position: relative;
}

.instr__table--text{
  display: inline-block;
  text-align: left;
  position: relative;
  padding-left: 5vw;
  color: #b2b2b2;
  font-weight: 400;
  font-size: 2.5vw;
}

.instr__table--text::before{
  position: absolute;
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 1vw;
  margin: auto;
  width: 2vw;
  height: 100%;
  background-image: url(../img/arrow-download.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.sick__button--link {
    border-radius: 50px;
    background-color: #fff;
    padding: 2vh 5vw 2vh 19vw;
    display: inline-block;
    text-align: left;
    max-width: 75%;
    font-size: 3.1vw;
    line-height: 1.5;
    position: relative;
    transition: .2s;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
}

.sick__button--link::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: 10%;
    margin: auto;
    width: 12%;
    height: 100%;
    background-image: url(../img/market-2.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sick__button--link:hover {
    color: #fff;
    background-color: #4073cb;
}

.sick__button--link:hover::before {
    background-image: url(../img/market-white-2.png);
}

.sick__how--title {
    position: relative;
    margin-bottom: 15vh;
}

.sick__how--title.operations-part{
  margin-bottom: 2vh;
}
.sick__bg-8 .sick__how--title {
    margin-bottom: 0;
}
.sick__bg-4 .sick__how--title{
  margin-bottom: 5%;
}
.sick__bg-6 .sick__how--title,
.sick__bg-7 .sick__how--title{
  margin-bottom: 5%;
}
.sick__how--product {
    position: absolute;
    left: 80%;
    bottom: -10vh;
    width: 50vw;
    z-index: 0;
}

.sick__how--product::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    background-image: url(../img/snot.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    z-index: -1;
}

.sick__how--product img {
    max-height: 200%;
}

.sick__how .title__text {
    font-size: 7vw;
    margin-bottom: 3vh;
}

.sick__how .sick__subtitle {
    font-weight: 600;
}

.seasons {
    font-size: 0;
    margin-bottom: 20%;
}

.seasons__item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 30vw;
    position: relative;
}

.seasons__item::before {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 400%;
    background-image: url(../img/autemn.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 0% 50%;
    background-repeat: no-repeat;
}

.seasons__item:last-child::before {
    background-image: url(../img/spring.png);
}

.seasons__item:first-child {
    margin-bottom: 30%;
}

.seasons__title {
    font-size: 6vw;
    font-weight: 700;
    margin: 0;
}

.seasons__text {
    font-size: 5vw;
    margin: 0;
}

.use__lenght {
    line-height: 1.5;
    margin-bottom: 14%;
}

.use__lenght--item {
    font-size: 3.5vw;
    margin: 0;
}

.dose {
    border-radius: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
    padding: 10% 3vw 8%;
    margin-bottom: 25%;
    position: relative;
}
.blot{
    position: absolute;
    top: 100%;
    background-image: url(../img/blot.svg);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    left: 0;
    right: 0;
    margin: auto;
    width: 300px;
    height: 300px;
    
    z-index: -1;
}
.blot__inner{
    text-align: center;
    transform: rotate(25deg);
}
.blot__injection{
    display: inline-block;
    background-image: url(../img/product-injection.svg);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 120px;
    width: 100%;
}
.blot__product{
    display: inline-block;
    background-image: url(../img/product-icon.svg);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 180px;
    width: 100%;
}
.sick__bg-4 .dose{
  padding: 8% 3vw;
}
.sick__bg-7 .dose{
  margin-bottom: 0;
}

.dose__content {
    opacity: .5;
}

.dose__title {
    font-weight: 700;
    font-size: 9vw;
    margin-bottom: 10%;
}
.sick__bg-4 .dose__title,
.sick__virus .dose__title{
  margin-bottom: 6%;
}
.dose__item {
    margin-bottom: 10%;
}

.dose__item:last-child {
    margin-bottom: 0;
}

.dose__item--title {
    font-size: 7vw;
    font-weight: 700;
    margin: 0;
    margin-bottom: 4%;
}

.dose__item--text {
    font-weight: 500;
    margin: 0;
    font-size: 4vw;
}

.main.buy__main{
  padding-bottom: 0;
}

.buy__top{
    padding: 10% 0 20%;
    background-image: url(../img/wave18.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}

.buy__btn--list{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-evenly;
  text-align: center;
}

.buy__btn{
  background-color: #fff;
  display: inline-block;
  transition: .2s;
  padding: 2vw;
  font-weight: 400;
  font-size: 3.5vw;
  border-radius: 50px;
  cursor: pointer;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
}

.buy__btn.active,
.buy__btn:hover{
  background-color: #4073cb;
  color: #fff;
}

.buy__btn:first-of-type{
  margin-right: 4vw;
}

.buy__bottom{
  padding: 5vh 0 0;
  position: relative;
  background-color: #ecedf2;
  margin-bottom: -5px;
}

.buy__logo{
  width: 60%;
  margin: 0 auto 10%;
  text-align: center;
}
.buy__logo a{
    border: 1px solid #4073cb;
    border-radius: 50px;
    padding: 2vw 10vw;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    min-height: 10vh;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
}

.buy__logo:last-child{
  margin-bottom: 0;
}

.buy__note{
    font-size: 4vw;
    font-weight: 600;
    text-align: center;
}

.buy__after{
  position: relative;
  bottom: -4px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}

.buy__after.buy__after--under{
    z-index: 9;
}
.sick__notice--text{
  color: #d5ccce;
  font-size: 3vw;
  margin: 0;
}

.virus__top{
  background-color: #f3f3f3;
  padding: 6vh 0px 0;
}
.virus__bottom {
    margin-top: 0px;
    position: relative;
    z-index: 10;
    padding-top: 10vh;
}

.sick__for.virus__block{
  background-color: #edeef2;
  padding: 0;
  background-image: none;
}

.sick__how.sick__virus{
    background-color: #dfe3f1;
    padding-top: 6vh;
    padding-bottom: 0;
    background-image: none;
}

.school__main{
  padding-bottom: 0;
}

.school{
  padding: 6vh 0 0;
  position: relative;
}

.school__content{
  background-color: #edeef2;
  padding-bottom: 5vh;
  position: relative;
  z-index: 10;
  min-height: 700px;
}

.school__main .sick__button{
  background-color: #edeef2;
}

.school__footer{
  background-color: #edeef2;
}

.school__tabs{
  font-size: 0;
}

.school__tab{
  font-size: 3vw;
  padding: 2vw 1.5vh;
  background-color: #fff;
  border-radius: 50px;
  margin-right: 2vw;
  margin-bottom: 2vh;
  display: inline-block;
  transition: .2s;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  cursor: pointer;
}
.school__tab.active,
.school__tab:hover{
  color: #fff;
  background-color: #4073cb;
}

.school__list{
  font-size: 0;
  margin-top: -4vh;
  transition: 1s;
  position: relative;
}

.article__list{
  background-color: #edeef2;
}

.advice{
  margin-top: 30px;
  padding: 2vh 3vw 40vh;
  background-color: #c1d6ef;
  border-radius: 10px;
  background-image: url(../img/advice.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.advice__title{
  display: inline-block;
  font-size: 3.5vw;
  background-color: #2b68d5;
  border-radius: 50px;
  color: #fff;
  padding: 1vh 3vw;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4vh;
}

.advice__text{
  color: #2b68d5;
  font-size: 4vw;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 4vh;
  display: none;
}
.advice__text.active{
	display: block;
}

.advice__link{
  display: inline-block;
  font-weight: 700;
  font-size: 4.5vw;
  position: relative;
}

.advice__link::after{
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 105%;
  width: 4vw;
  height: 100%;
  background-image: url(../img/preview-arrow.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  transition: .2s;
}

.advice__link:hover::after{
  transform: translateX(10px);
}

.school__count{
  font-size: 0;
  display: none;
  margin-top: 5vh;
}

.school__count.active{
  display: block;
}

.school__number{
  font-size: 4vw;
  font-weight: 400;
  display: inline-block;
  margin-right: 4vw;
  color: #88b1f0;
  cursor: pointer;
}

.school__number.active{
  color: #2b68d5;
}

.school__list.hidden{
  opacity: 0;
  transition: 1s;
}

.school__item{
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}


.school__item.preview__show .school__ratio--title{
  display: none;
}

.school__item.big{
  display: inline-block;
  width: 100%;
  margin-bottom: 4vh;
  position: relative;
}

.school__list .big:last-of-type{
  margin-bottom: 8vh;
}

.school__ratio {
    position: relative;
    height: auto;
    border: none;
    padding-top: 0;
    border-radius: 10px;
    overflow: hidden;
    display: block;
    transition: .2s;
}

.school__ratio--content {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: .2s;
    display: block;
}

.school__ratio--content::after{
  position: absolute;
  content: '';
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  opacity: .8;
  background: -moz-linear-gradient(top, transparent 0%, #000000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, transparent 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.school__ratio--blur{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  filter: blur(4px);
  top: 0;
  left: 0;
  opacity: 0;
  transition: .2s;
}

.school__item img{
  display: none;
}

.school__item.big img{
  display: block;
}

.school__item.big .school__ratio{
  padding-top: 70%;
  height: 0;
}

.school__item.big .school__ratio--content{
  position: absolute;
}

.school__item.big .school__ratio--content::after{
  display: block;
}

.school__ratio--title{
  font-weight: 700;
  line-height: 1.4;
  color: #4073cb;
  font-size: 4vw;
  position: relative;
  bottom: 0px;
  left: 0px;
  padding: 0 4vw 0 0;
  z-index: 2;
  width: 100%;
}

.school__item.big .school__ratio--title{
  position: absolute;
  font-size: 4vw;
  padding: 0 4vw 1.5vh;
  color: #fff;
}

.school__item img{
  display: none;
}

.school__preview{
  display: none;
}

.preview__show .school__preview{
    display: block;
}

.preview__title{
  font-weight: 700;
  font-size: 5vw;
  margin-bottom: 2vh;
  padding-top: 2vh;
}

.preview__text{
  font-size: 4vw;
  margin-bottom: 2vh;
}

.preview__link{
  font-weight: 700;
  font-size: 4vw;
  position: relative;
  
}

.preview__link:hover::after{
  transform: translateX(10px);
}

.preview__link::after{
  position: absolute;
  content: '';
  display: block;
  bottom: 15%;
  left: 110%;
  width: 10%;
  height: 70%;
  background-image: url(../img/preview-arrow.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  transition: .2s;
}

.article__content{
  padding: 6vh 0 0;
}

.article__top{
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 10vh 5vw;
  margin-bottom: 4vh;
  border-radius: 10px;
}

.article__top .school__ratio--blur{
  opacity: 1;
  filter: blur(9px) brightness(60%);
}

.article__top .school__ratio--blur img{
  width: 100%;
  margin-top: -25%;
}

.article__top--title{
  font-size: 5vw;
  font-weight: 700;
  color: #fff;
  display: inline-block;
  text-align: center;
  position: relative;
  line-height: 1.2;
}

.article__text{
  font-size: 4vw;
  line-height: 1.5;
}
.article__text p{
  margin-bottom: 1vh;
}

.article__text h3{
  margin: 3vh 0 1vh;
  font-size: 5vw;
}

.article__content .buy__after{
  z-index: 0;
}

.pagination li {
  display: inline-block;
  padding: 5px;
}

.sick__subtitle--icon{
    position: relative;
    padding-left: 14vw;
}

.question__subs{
  font-size: 0;
  margin-bottom: 5vh;
}

.sick__subtitle{
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.question__button{
  display: inline-block;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

.question__button button{
  background-color: #fff;
  border-radius: 50px;
  padding: 2vh 5vw;
  border: none;
  color: #4073cb;
  font-weight: 400;
  font-size: 7vw;
  display: inline-block;
  transition: .2s;
  cursor: pointer;
  outline: none;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
}

.question__button button:hover{
    color: #fff;    
    background-color: #4073cb;  
}

.sick__subtitle--icon::before{
  content: '';
  position: absolute;
  display: block;
  background-image: url(../img/menu-icon-4.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 0% 50%;
  width: 12vw;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.question__top{
  font-weight: 400;
  font-size: 0;
  margin-bottom: 2vh;
  cursor: pointer;
  position: relative;
}

.question__item.special .question__top{
  font-weight: 700;
}

.question__icon{
  vertical-align: top;
  position: relative;
  display: inline-block;
  width: 3%;
  height: 1px;
  margin-top: 1.5vh;
  background-color: #4073cb;
}
.question__item.special .question__icon{
  display: none;
}
.guestion__digit{
  display: block;
  position: absolute;
  left: -20px;
  top: 20px;
  border-radius: 50%;
  background-color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 30px;
  text-align: center;
  z-index: 1;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
}
.guestion__arrow{
  display: block;
  position: absolute;
  right: 20px;
  top: 25px;
  width: 20px;
  height: 27px;
  z-index: 1;
  background-image: url(../img/question-arrow.png);
  -webkit-background-size: 100%;
  background-size: 100%;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  transition: .2s;
}
.question__item.special.open .guestion__arrow{
  background-position: 100% 0%;
}
.question__icon--minus{
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  transform: rotate(90deg);
  background-color: #4073cb;
  transition: .2s;
}


.question__item.open .question__icon--minus{
  transform: rotate(0deg);
}
.question__title{
  font-size: 5vw;
  vertical-align: top;
  display: inline-block;
  width: 97%;
  padding-left: 2%;
}
.question__item.special .question__title{
  background-color: #fff;
  border-radius: 10px;
  padding: 3vh 15vw 3vh 8vw;
  position: relative;
  margin-left: 5%;
  width: 95%;
  line-height: 1.4;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
}
.question__item.special{
  margin-bottom: 5vh;
}
.question__bottom{
  padding-left: 5%;
  line-height: 1.5;
  display: none;
  margin-bottom: 4vh;
}
.question__bottom--title{
  font-size: 4vw;
  font-weight: 700;
}
.question__bottom--text{
  font-size: 4vw;
}

.question__list #content{
  margin-bottom: 5vh;
}

.page_link{
  font-size: 5vw;
  margin-right: 5vw;
  color: #88b1f0;
}
.page_link:last-child{
  margin-right: 0;
}

.page_link.active_page{
  color: #4073cb;
}

.question__outter{
  display: none;
  transition: .2s;
}

.question__outter.active{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  top: 0;
  left: 0;
  z-index: 6;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}


.question__form{
  display: none;
}

.question__form.active{
  border-radius: 10px;
  display: block;
  background-color: #fff;
  background-image: url(../img/question-bg.png);
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  margin: auto;
  width: 80%;
  max-width: 600px;
  padding: 3vh 3vw;
}

.response{
  display: none;
}

.response.active{
  border-radius: 10px;
  display: block;
  text-align: center;
  background-color: #fff;
  background-image: url(../img/response-bg.png);
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  margin: auto;
  width: 80%;
  max-width: 500px;
  padding: 3vh 3vw;
}

.question__form--title{
  font-weight: 700;
  font-size: 5vw;
  margin-bottom: 7vh;
}

.form__field{
  margin-bottom: 7vh;
  width: 100%;
  position: relative;
}

.form__field:last-child{
  margin-bottom: 3vh;
}

.input{
  width: 100%;
  display: block;
  width: 100%;
  color: #2b68d5;
  border-radius: 0 !important;
  font-size: 16px;
  height: 30px;
  font-weight: 300;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #e9ebef;
  outline: none;
}

.form-bar {
    position: relative;
    display: block;
    width: 100%;
}

.form-bar:before, .form-bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 0;
    position: absolute;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    background-color: #2b68d5;
}

.form-bar:before {
    left: 50%;
}

.form-bar:after {
    right: 50%;
}

.form__field.active .form-bar:before{
  width: 50%;
}

.form__field.active .form-bar:after{
  width: 50%;
}

.float-label {
    left: 0;
    top: 0px;
    font-size: 4vw;
    pointer-events: none;
}

.form__field:last-of-type .float-label{
  top: 0;
}

label {
  position: absolute;
  color: #2b68d5;
  font-weight: 600;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.input:focus ~ .float-label, 
.input:valid ~ .float-label {
    top: -16px;
    font-size: 12px;
}

.form__bottom{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}
.checkbox{
  display: inline-block;
  font-size: 2.5vw; 
  position: relative;
}
.form__button{
  display: inline-block;
}

.checkbox label {
    font-weight: 500;
    line-height: 2;
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding-left: 0;
    cursor: pointer;
}

.checkbox input[type='checkbox'] {
    height: 0;
    width: 0;
    opacity: 0;
}

.checkbox .chk-span {
    vertical-align: middle;
    border: 3px solid #4073cb;
    border-radius: 50%;
    color: #4073cb;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    width: 14px;
    margin: 0 5px 0 0;
    outline-color: #4073cb;
    padding: 0;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 1;
}

.contact_btn{
  background-color: #4073cb;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 2vw;
  font-size: 4vw;
  cursor: pointer;
}

.checkbox .chk-span.checked {
    top: -2px;
    border-radius: 0;
    border-left: 2px solid #4073cb;
    border-bottom: 4px solid #4073cb;
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
    -webkit-transform: rotate(-45deg) scaleY(0.5);
    -moz-transform: rotate(-45deg) scaleY(0.5);
    -ms-transform: rotate(-45deg) scaleY(0.5);
    -o-transform: rotate(-45deg) scaleY(0.5);
    transform: rotate(-45deg) scaleY(0.5);
}

.response__title{
  font-size: 5vw;
  margin-bottom: 3vh;
  font-weight: 700;
}

.response__text{
  font-weight: 700;
  font-size: 3.5vw;
  margin-bottom: 3vh;
}

.response__close{
  width: 30px;
  height: 30px;
  background-image: url(../img/response-close.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  cursor: pointer;
}

.why__video{
  position: relative;
}

.why__video--outter{
  min-height: 50vh;
  position: relative;
}

.why__video--outter .video{
  width: 100%;
  display: none;
}

.why__video--outter.active .video{
  display: block;
}

.why__video--cover{
  position: relative;
}

.why__video--cover.hidden{
  display: none;
}

.video__play{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #fff;
  background-image: url(../img/play.png);
  -webkit-background-size: 40%;
  background-size: 40%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  transition: .2s;
  cursor: pointer;
}
.video__play:hover{
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -o-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}

.immunitet__list{
	counter-reset: immunitet;
	margin-bottom: 6vh;
}

.immunitet__item{
	position: relative;
	padding-left: 8vw;
	margin-bottom: 4vh;
	font-size: 3.5vw;
	font-weight: 500;
}

.immunitet__item::before{
	position: absolute;
	counter-increment: immunitet;
  content: counter(immunitet);
	display: block;
	top: -5px;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 3.5vw;
	font-weight: 700;
	color: #fff;
	border-radius: 50%;
	background-color: rgba(43, 105, 213, 1);
	-webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
}

.sick__subtitle--spec{
	font-weight: 700;
	display: block;
	margin-bottom: 1vh;
}

.immunitet__text{
  line-height: 1.4;
  font-size: 3.5vw;
}

.proof__item{
	margin-bottom: 8vh;
}

.proof__from{
	font-size: 4vw;
	font-weight: 700;
	margin-bottom: 2vh;
}
.proof__title{
	font-weight: 700;
	font-size: 6vw;
	margin-bottom: 2vh;
}
.proof__authors{
	font-size: 4vw;
	font-weight: 700;
	margin-bottom: 3vh;
}

.proof__text{
	font-size: 4vw;
	margin-bottom: 3vh;
}

.proof__link{
	background-color: #fff;
	position: relative;
	display: inline-block;
	font-size: 4vw;
	padding: 3vw 5vw 3vw 10vw;
	font-weight: 500;
	border-radius: 50px;
	transition: .2s;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(43, 105, 213, 0.1);
}
.proof__link::after{
	position: absolute;
	content: '';
	display: block;
	top: 0;
	bottom: 0;
	left: 10%;
	margin: auto;
	width: 15%;
	height: 50%;
	background-image: url(../img/pdf.svg);
	-webkit-background-size: contain;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.proof__link:hover{
	background-color: #4073cb;
	color: #fff;
}

.proof__link:hover::after{
	background-image: url(../img/pdf-white.svg);
}