@font-face {
    font-family: Proxima Nova;
    font-display: swap;
    src: url(../fonts/proxima-nova--regular/ProximaNova-Regular.woff2) format("woff2"), url(../fonts/proxima-nova--regular/ProximaNova-Regular.ttf) format("truetype"), url(../fonts/proxima-nova--regular/ProximaNova-Regular.woff) format("woff");
}

@font-face {
    font-family: Intro Black Caps;
    font-display: swap;
    src: url(../fonts/intro-black-caps--regular/Intro-Black-Caps.woff2) format("woff2"), url(../fonts/intro-black-caps--regular/Intro-Black-Caps.ttf) format("truetype"), url(../fonts/intro-black-caps--regular/Intro-Black-Caps.woff) format("woff");
}

a,
button,
div,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
ul {
    margin: 0;
    padding: 0;
    border: none
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

*,
:focus {
    outline: none
}

* {
    box-sizing: border-box
}

a:focus {
    outline: none
}

body,
html {
    height: 100%
}

body {
    font-size: 10px;
    min-width: 320px;
    box-sizing: border-box;
    font-family: Proxima Nova, serif
}

body,
main {
    position: relative
}

main {
    height: 100vh;
    overflow: hidden
}

.container {
    max-width: 120em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin: 0 auto
}

@media (max-width: 1600px) {
    .container {
        max-width: 75vw;
        padding-left: .9375vw;
        padding-right: .9375vw
    }
}

.container:after,
.container:before {
    content: "";
    display: table
}

.container:after {
    clear: both
}

.row {
    margin-left: -1em;
    margin-right: -1em
}

@media (max-width: 1600px) {
    .row {
        margin-left: -.625vw;
        margin-right: -.625vw
    }
}

.row:after,
.row:before {
    content: "";
    display: table
}

.row:after {
    clear: both
}

h1 {
    font-family: Intro Black Caps, serif;
    font-size: 2.6em;
    color: #239fff;
    font-weight: 400;
    line-height: 1.38462em
}

@media (max-width: 1600px) {
    h1 {
        font-size: 1.625vw;
        line-height: 2.25vw
    }
}

h2 {
    font-family: Intro Black Caps, serif;
    font-size: 2em;
    color: #239fff;
    font-weight: 400;
    line-height: 1.4em
}

@media (max-width: 1600px) {
    h2 {
        font-size: 1.25vw;
        line-height: 1.75vw
    }
}

p {
    font-family: Proxima Nova, serif;
    font-size: 1.4em;
    color: #383535;
    font-weight: 400;
    line-height: 1.35714em
}

@media (max-width: 1600px) {
    p {
        font-size: 1vw;
        line-height: 1.3vw;

    }
}

.hidden {
    display: none
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes a {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1.2);
        transform: rotate(180deg) scale(1.2)
    }

    to {
        -webkit-transform: rotate(1turn) scale(1);
        transform: rotate(1turn) scale(1)
    }
}

@keyframes b {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }

    50% {
        -webkit-transform: rotate(180deg) scale(1.2);
        transform: rotate(180deg) scale(1.2)
    }

    to {
        -webkit-transform: rotate(1turn) scale(1);
        transform: rotate(1turn) scale(1)
    }
}

@-webkit-keyframes c {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes c {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes d {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes d {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes e {
    0% {
        width: 16px
    }

    70% {
        width: 28px
    }

    to {
        width: 16px
    }
}

@keyframes e {
    0% {
        width: 16px
    }

    70% {
        width: 28px
    }

    to {
        width: 16px
    }
}

.socials {
    position: relative
}

.socials__title {
    font-family: Proxima Nova, serif;
    font-size: 1.4em;
    color: #239fff;
    font-weight: 400;
    line-height: 1.35714em;
    margin-bottom: .85714em;
    will-change: transform
}

@media (max-width: 1600px) {
    .socials__title {
        font-size: 14px;
        line-height: 1.1875vw;
        margin-bottom: .75vw
    }
}

.socials ul {
    list-style: none
}

.socials ul li {
    display: inline-block;
    margin-right: 1.8em
}

@media (max-width: 1600px) {
    .socials ul li {
        margin-right: 1.125vw
    }
}

.socials ul li:last-child {
    margin-right: 0
}

.socials ul li:hover svg {
    fill: #239fff
}

.socials ul svg {
    width: 3em;
    height: 3em;
    fill: #239fff;
    transition: all .2s ease-in
}

@media (max-width: 1600px) {
    .socials ul svg {
        width: 1.875vw;
        height: 1.875vw
    }
}

.buy-link {
    position: relative;
    padding-left: 2.3em;
    text-decoration: none
}

@media (max-width: 1600px) {
    .buy-link {
        padding-left: 1.4375vw
    }
}

.buy-link svg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.4em;
    height: 1.4em;
    margin-top: -.7em
}

@media (max-width: 1600px) {
    .buy-link svg {
        width: .875vw;
        height: .875vw;
        margin-top: -.4375vw
    }
}

.buy-link .w-buy-link {
    font-family: Proxima Nova, serif;
    font-size: 1.4em;
    color: #239fff;
    font-weight: 500;
    line-height: 1em
}

@media (max-width: 1600px) {
    .buy-link . {
        font-size: .875vw;
        line-height: .875vw
    }
}

.buy-link:hover span {
    text-decoration: underline
}

.buy-btn {
    display: inline-block;
    width: 16em;
    height: 4.6em;
    border-radius: 100px;
    background-color: #fc5352;
    text-decoration: none;
    text-align: center;
    transition: all .2s ease-in
}

@media (max-width: 1600px) {
    .buy-btn {
        width: 10vw;
        height: 2.875vw
    }
}

.buy-btn span {
    font-family: Proxima Nova, serif;
    font-size: 1.8em;
    color: #fff;
    font-weight: 600;
    line-height: 2.55556em;
    text-transform: uppercase
}

@media (max-width: 1600px) {
    .buy-btn span {
        font-size: 1.125vw;
        line-height: 2.875vw
    }
}

.buy-btn:hover {
    background-color: #ea2b2a
}

.point {
    position: absolute;
    width: 18px;
    height: 18px;
    margin-left: -9px;

}
@media (min-width: 992px) {
    .point {
        -webkit-animation: a 1.8s;
        animation: a 1.8s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        will-change: transform;
    }
}
.point:first-child:after,
.point:first-child:before {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.point:nth-child(2):after,
.point:nth-child(2):before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.point:nth-child(3):after,
.point:nth-child(3):before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.point:nth-child(4):after,
.point:nth-child(4):before {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.point:nth-child(5):after,
.point:nth-child(5):before {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}



.point:after,
.point:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
/*    -webkit-animation: a 1.8s;
    animation: a 1.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    will-change: transform;
    transition: all .2s ease-in*/
}
.point:before {
    z-index: 2;
    width: 10px;
    height: 10px;
    margin-top: 4px;
    margin-left: 4px;
    background-color: #e7fbff;
}
.point:after {
    background: linear-gradient(147deg, #11d1f1, #239fff)
}

.point:after.right {
    left: 0;
    padding-left: 1.4em
}

@media (max-width: 1600px) {
    .point:after.right {
        padding-left: .875vw
    }
}

.point:after.right:before {
    content: "";
    position: absolute;
    left: .9em;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-top-width: .3em;
    border-right-width: .5em;
    border-bottom-width: .3em;
    border-left-width: 0;
    border-color: transparent rgba(242, 254, 239, .75) transparent transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1600px) {
    .point:after.right:before {
        left: .5625vw;
        border-top-width: .1875vw;
        border-right-width: .3125vw;
        border-bottom-width: .1875vw
    }
}

.point:after.left {
    right: 0;
    padding-right: 1.4em
}

@media (max-width: 1600px) {
    .point:after.left {
        padding-right: .875vw
    }
}

.point:after.left:before {
    content: "";
    position: absolute;
    right: .9em;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-top-width: .3em;
    border-left-width: .5em;
    border-bottom-width: .3em;
    border-right-width: 0;
    border-color: transparent transparent transparent rgba(242, 254, 239, .75);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1600px) {
    .point:after.left:before {
        right: .5625vw;
        border-top-width: .1875vw;
        border-left-width: .3125vw;
        border-bottom-width: .1875vw
    }
}

.point-text {
    position: absolute;
    display: none;
    z-index: 2000;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: default
}

.point-text.right {
    margin-left: -8px;
    padding-left: 20px
}

.point-text.left {
    padding-right: 22px
}

.point-text p {
    display: block;
    font-family: Proxima Nova, serif;
    font-size: 1.4em;
    color: #3f3f3f;
    font-weight: 400;
    line-height: 1.14286em;
    padding: .57143em;
    width: 17.85714em;
    background: rgba(242, 254, 239, .75);
    text-align: left
}

@media (max-width: 1600px) {
    .point-text p {
        font-size: .875vw;
        line-height: 1vw;
        padding: .5vw;
        width: 15.625vw
    }
}

.point-text.active {
    display: block
}

.fancybox-overlay {
    background-color: rgba(55, 64, 70, .6)
}

.fancybox-close {
    top: 0;
    right: -40px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: all .2s ease-in
}

.fancybox-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-close:after,
.fancybox-close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 2px;
    margin-top: -1px;
    margin-left: -8px;
    background-color: #fff
}

.fancybox-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-close:hover {
    opacity: .8
}

.fancybox-nav {
    position: absolute;
    top: 50%;
    width: 1.6em;
    height: 2.6em;
    margin-top: -1.3em
}

@media (max-width: 1600px) {
    .fancybox-nav {
        width: 1vw;
        height: 1.625vw;
        margin-top: -.8125vw
    }
}

.fancybox-next {
    right: -3.6em;
    background: url(../img/pages/arrow-right.svg) no-repeat 50% 50%;
    background-size: contain
}

@media (max-width: 1600px) {
    .fancybox-next {
        right: -2.25vw
    }
}

.fancybox-prev {
    left: -3.6em;
    background: url(../img/pages/arrow-left.svg) no-repeat 50% 50%;
    background-size: contain
}

@media (max-width: 1600px) {
    .fancybox-prev {
        left: -2.25vw
    }
}

.nav-arrow {
    position: absolute;
    top: 50%;
    width: 5em;
    height: 5em;
    margin-top: -2em;
    background-color: #ffffff;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: 0 0 7px 1px #b2d9e2;
    box-shadow: 0 0 7px 1px #b2d9e2;
}

@media (max-width: 1600px) {
    .nav-arrow {
        margin-top: -1.25vw
    }
}

.nav-arrow a {
    display: inline-block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    padding: 14px 0;
}
.nav-arrow.active a{
  pointer-events: auto;  
}
.nav-arrow svg {

    width: 2.6em;
    height: 3.6em;
    fill: #239fff
}

@media (max-width: 1600px) {
    .nav-arrow svg {
        height: 1.625vw;
    }
}

.nav-arrow_prev {
    left: -8em
}

@media (max-width: 1600px) {
    .nav-arrow_prev {
        left: -5vw
    }
}

.nav-arrow_next {
    right: -8em
}

@media (max-width: 1600px) {
    .nav-arrow_next {
        right: -5vw
    }
}

/*.nav-arrow.active a {
    pointer-events: auto
}*/

.gallery-popup {
    width: 600px !important;
    height: 600px !important
}

.gallery-popup .fancybox-inner,
.gallery-popup .fancybox-outer,
.gallery-popup .fancybox-skin {
    background-color: #d4fffe;
    width: 600px !important;
    height: 600px !important
}

.gallery-popup .fancybox-inner .fancybox-image,
.gallery-popup .fancybox-outer .fancybox-image,
.gallery-popup .fancybox-skin .fancybox-image {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loader-container {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff
}

.loader-container.active {
    display: block
}

.loader-container .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    border-radius: 50%
}

.loader-container .loader-outer {
    position: absolute;
    border: 4px solid #239fff;
    border-left-color: transparent;
    border-bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: d 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: d 1s cubic-bezier(.42, .61, .58, .41) infinite
}

.loader-container .loader-inner {
    position: absolute;
    border: 4px solid #239fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    border-right: 0;
    border-top-color: transparent;
    -webkit-animation: c 1s cubic-bezier(.42, .61, .58, .41) infinite;
    animation: c 1s cubic-bezier(.42, .61, .58, .41) infinite
}

.header {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 1.6em;
    padding-bottom: .9em;
    background-color: rgba(18, 206, 242, .1)
}

@media (max-width: 1600px) {
    .header {
        padding-top: 1vw;
        padding-bottom: 1vw;
    }
}

.header__left {
    float: left;
    width: 23.16239316239316%
}

.header__middle {
    float: left;
    width: 53.67521367521368%
}

.header__right {
    float: left;
    width: 23.16239316239316%;
    text-align: right
}

/*.header nav {
    padding-top: 2.8em
}*/

.header .item-rec {
    display: none
}

.company-logo {
    display: inline-block;
    width: 5.9em;
    height: 4.8em;
    margin-right: 4em;
    vertical-align: middle
}

@media (max-width: 1600px) {
    .company-logo {
        width: 3.6875vw;
        height: 3vw;
        margin-right: 1.5vw
    }
}

.company-logo svg {
    width: 100%;
    height: 100%
}

.guarantee {
    display: inline-block;
    width: 12em;
    height: 4.8em;
    vertical-align: middle
}

@media (max-width: 1600px) {
    .guarantee {
        width: 7.5vw;
        height: 3vw
    }
}

.guarantee svg {
    width: 100%;
    height: 100%
}

nav .contact-phone,
nav .socials {
    display: none
}

.main-menu {
    list-style: none;
    text-align: justify
}

.main-menu:after {
    content: "";
    display: inline-block;
    width: 100%
}

.main-menu li {
    position: relative;
    display: inline-block;
    padding: 10px 0 5px;
}

.main-menu>li:not(.subtop-menu-item):before {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    bottom: -0.7em;
    height: 3px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #239fff;
    transition: .5s ease-out
}

@media (max-width: 1600px) {
    .main-menu li:before {
        bottom: -1.3125vw;
        height: .1875vw
    }
}

.main-menu li a {
    position: relative;
    font-family: Proxima Nova, serif;
    font-size: 1.4em;
    color: #239fff;
    font-weight: 400;
    line-height: 1em;
    text-decoration: none;
    transition: .5s ease-out
}

@media (max-width: 1600px) {
    .main-menu li a {
        font-size: 0.8vw;
        line-height: 1vw;
    }
}

.main-menu>li.current-menu-item>a,
.main-menu>li:hover>a {
    color: #239fff
}

.main-menu li.current-menu-item:before,
.main-menu li:hover:before {
    width: 100%
}

.contact-phone {
    display: inline-block;
    padding-top: .8em;
    text-align: left
}

@media (max-width: 1600px) {
    .contact-phone {
        padding-top: .5vw
    }
}

.contact-phone__title {
    font-family: Proxima Nova, serif;
    font-size: 1em;
    color: #787878;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: .5em
}

@media (max-width: 1600px) {
    .contact-phone__title {
        font-size: .625vw;
        line-height: .625vw;
        margin-bottom: .3125vw
    }
}

.contact-phone__value {
    font-family: Proxima Nova, serif;
    font-size: 2.2em;
    color: #3f3f3f;
    font-weight: 500;
    line-height: 1em;
    text-decoration: none
}

@media (max-width: 1600px) {
    .contact-phone__value {
        font-size: 1.375vw;
        line-height: 1.375vw
    }
}

.hamburger-box {
    display: none
}

.footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.7em
}

.footer .contact-phone__value,
.footer .contact-phone__title {
    color: #FFF;
}

@media (max-width: 1600px) {
    .footer {
        bottom: 1.0625vw
    }
}

.footer .contact-phone {
    margin: 0;
    color: #FFF;
}

.footer .copyright {
    float: left;
    font-family: Proxima Nova, serif;
    font-size: 1.3em;
    color: #656565;
    font-weight: 400;
    line-height: 1.38462em
}

@media (max-width: 1600px) {
    .footer .copyright {
        font-size: .8125vw;
        line-height: 1.125vw
    }
}

.footer .dev {
    float: right;
    text-align: right;
    font-family: Proxima Nova, serif;
    font-size: 1.3em;
    color: #656565;
    font-weight: 400;
    line-height: 1.38462em
}

@media (max-width: 1600px) {
    .footer .dev {
        font-size: .8125vw;
        line-height: 1.125vw
    }
}

.footer .copyright a {
    font-weight: 500;
    text-decoration: none;
    color: #656565;
    transition: all .2s ease-in
}

.footer .copyright a:hover {
    color: #239fff
}

.footer .socials {
    display: none
}

.first {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 55.3em;
    margin-top: -27.65em
}

@media (max-width: 1600px) {
    .first {
        height: 34.5625vw;
        margin-top: -16.4vw
    }
}

.first__left {
    position: relative;
    z-index: 3;
    float: left;
    width: 26.4957264957265%;
    padding-top: 4.8em
}

@media (max-width: 1600px) {
    .first__left {
        padding-top: 3vw
    }
}

.first__middle {
    display: inline-block;
    width: 47.008547008547%;
    text-align: center
}

.first__middle h1 {
    display: none
}

.first__right {
    position: relative;
    z-index: 3;
    float: right;
    width: 26.4957264957265%;
    padding-top: 12em;
    padding-left: 7.6em
}

@media (max-width: 1600px) {
    .first__right {
        padding-top: 7vw;
        padding-left: 4.75vw
    }
}

.first__text {
    position: relative;
    margin-bottom: 4.2em;
    margin-top: 7em;
}

@media (max-width: 1600px) {
    .first__text {
        margin-bottom: 2.625vw;
        margin-top: 4.5em;
    }
}

.first__text h1 {
    margin-bottom: 1.07692em
}

@media (max-width: 1600px) {
    .first__text h1 {
        margin-bottom: 1.75vw
    }
}

.first__text p {
    margin-bottom: .92857em
}

@media (max-width: 1600px) {
    .first__text p {
        margin-bottom: .8125vw
    }
}

.first__nav-title {
    position: relative;
    font-family: Intro Black Caps, serif;
    font-size: 1.6em;
    color: #239fff;
    font-weight: 400;
    line-height: 1.6875em;
    margin-bottom: 1.25em;
    margin-right: -.4375em
}

@media (max-width: 1600px) {
    .first__nav-title {
        font-size: 1vw;
        line-height: 1.6875vw;
        margin-bottom: 1.25vw;
        margin-right: -.4375vw
    }
}

.first__nav,
.first__nav ul {
    position: relative
}

.first__nav ul {
    margin-bottom: 4.4em;
    list-style: none
}

@media (max-width: 1600px) {
    .first__nav ul {
        margin-bottom: 2.75vw
    }
}

.first__nav ul li {
    margin-bottom: 1.3em
}

@media (max-width: 1600px) {
    .first__nav ul li {
        margin-bottom: .8125vw
    }
}

.first__nav ul li:last-child {
    margin-bottom: 0
}

.first__nav ul a {
    position: relative;
    font-family: Proxima Nova, serif;
    font-size: 1.8em;
    color: #239fff;
    font-weight: 400;
    line-height: 1.38889em;
    text-decoration: underline;
    transition: all .2s ease-in
}

@media (max-width: 1600px) {
    .first__nav ul a {
        font-size: 1.125vw;
        line-height: 1.5625vw
    }
}

.first__nav ul a .arrow {
    position: absolute;
    top: 50%;
    left: calc(100% + 4px);
    height: 1px;
    width: 16px;
    background-color: #3f3f3f;
    transition: all .2s ease-in;
}


.first__nav ul a .arrow:before {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.first__nav ul a .arrow:after,
.first__nav ul a .arrow:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 1px;
    width: 5px;
    background-color: #3f3f3f
}

.first__nav ul a .arrow:after {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.first__nav ul a:hover {
    color: #239fff;
    text-decoration: underline
}

.first__nav ul a:hover .arrow {
    -webkit-animation: e .4s ease-out;
    animation: e .4s ease-out;
    background-color: #239fff
}

.first__nav ul a:hover .arrow:after,
.first__nav ul a:hover .arrow:before {
    background-color: #239fff
}

.first__guarantee {
    position: relative;
    margin-bottom: 4em
}

@media (max-width: 1600px) {
    .first__guarantee {
        margin-bottom: 2.5vw
    }
}

.first__guarantee .icon {
    position: absolute;
    top: 0;
    left: -2.4em;
    width: 1.4em;
    height: 1.4em
}

@media (max-width: 1600px) {
    .first__guarantee .icon {
        left: -1.5vw;
        width: .875vw;
        height: .875vw
    }
}

.first__guarantee .icon svg {
    width: 100%;
    height: 100%
}

.first__buy {
    position: relative;
    text-decoration: none
}

.first__buy svg {
    position: absolute;
    top: 50%;
    left: -2.4em;
    width: 1.4em;
    height: 1.4em;
    margin-top: -.7em
}

@media (max-width: 1600px) {
    .first__buy svg {
        left: -1.5vw;
        width: .875vw;
        height: .875vw;
        margin-top: -.4375vw
    }
}

.first__buy span {
    font-family: Proxima Nova, serif;
    font-size: 1.4em;
    color: #239fff;
    font-weight: 500;
    line-height: 1em
}

@media (max-width: 1600px) {
    .first__buy span {
        font-size: .875vw;
        line-height: .875vw
    }
}

.first__buy:hover span {
    text-decoration: underline
}

.main-photo {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 55em;
    padding: 3.6em;
    border-radius: 50%
}

@media (max-width: 1600px) {
    .main-photo {
        height: 34.375vw;
        padding: 2.25vw
    }
}

.main-photo__img {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    width: 48em;
    height: 48em;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff
}

@media (max-width: 1600px) {
    .main-photo__img {
        width: 30vw;
        height: 30vw
    }
}

.main-photo__img img {
    max-width: 100%;
    border-radius: 50%;
    height: auto;
    min-height: 100%;
}

.main-photo__circ-first {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 55em;
    height: 55em;
    background: linear-gradient(147deg, #11d1f1, #239fff);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 1600px) {
    .main-photo__circ-first {
        width: 34.375vw;
        height: 34.375vw
    }
}

.main-photo__circ-bold {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 95em;
    height: 95em;
    border: 16em solid #e7fbff;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width: 1600px) {
    .main-photo__circ-bold {
        width: 59.375vw;
        height: 59.375vw;
        border-width: 10vw
    }
}

.main-photo__circ-thin {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: .65;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main-photo__circ-thin_1 {
    width: 115em;
    height: 115em
}

@media (max-width: 1600px) {
    .main-photo__circ-thin_1 {
        width: 71.875vw;
        height: 71.875vw
    }
}

.main-photo__circ-thin_2 {
    width: 135em;
    height: 135em
}

@media (max-width: 1600px) {
    .main-photo__circ-thin_2 {
        width: 84.375vw;
        height: 84.375vw
    }
}

.main-photo__circ-thin_3 {
    width: 155em;
    height: 155em
}

@media (max-width: 1600px) {
    .main-photo__circ-thin_3 {
        width: 96.875vw;
        height: 96.875vw
    }
}

.main-photo__circ-thin_4 {
    width: 175em;
    height: 175em
}

@media (max-width: 1600px) {
    .main-photo__circ-thin_4 {
        width: 109.375vw;
        height: 109.375vw
    }
}

.circ-first {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 36em;
    height: 36em;
    border-radius: 50%;
    background: linear-gradient(147deg, #11d1f1, #239fff);
    transition: all .7s ease-in;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@media (max-width: 1600px) {
    .circ-first {
        width: 22.5vw;
        height: 22.5vw
    }
}

.circ-first:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 18em;
    height: 18em;
    border-radius: 50%;
    background: #e7fbff
}

@media (max-width: 1600px) {
    .circ-first:before {
        width: 11.25vw;
        height: 11.25vw
    }
}

.circ-bold {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 55em;
    height: 55em;
    border-radius: 50%;
    background-color: #e7fbff;
    transition: all .5s ease-in
}

@media (max-width: 1600px) {
    .circ-bold {
        width: 34.375vw;
        height: 34.375vw
    }
}

.circ-bold:before {
    content: "";
    position: absolute;
    left: 2.2em;
    top: 12.4em;
    width: 2.5em;
    height: 2.5em;
    border: 5px solid #74c5fc;
    box-sizing: border-box;
    will-change: transform;
    border-radius: 50%
}

@media (max-width: 1600px) {
    .circ-bold:before {
        left: 1.375vw;
        top: 7.75vw;
        width: 1.5625vw;
        height: 1.5625vw
    }
}

.circ-bold:after {
    content: "";
    position: absolute;
    right: 2.2em;
    bottom: 12.4em;
    width: 2.5em;
    height: 2.5em;
    border: 5px solid #74c5fc;
    box-sizing: border-box;
    will-change: transform;
    border-radius: 50%
}

@media (max-width: 1600px) {
    .circ-bold:after {
        right: 1.375vw;
        bottom: 7.75vw;
        width: 1.5625vw;
        height: 1.5625vw
    }
}

.circ-thin {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -3;
    opacity: .65;
    border: 1px solid #e8e8e8;
    border-radius: 50%
}

.circ-thin_1 {
    width: 75em;
    height: 75em
}

@media (max-width: 1600px) {
    .circ-thin_1 {
        width: 46.875vw;
        height: 46.875vw
    }
}

.circ-thin_2 {
    width: 95em;
    height: 95em
}

@media (max-width: 1600px) {
    .circ-thin_2 {
        width: 59.375vw;
        height: 59.375vw
    }
}

.circ-thin_3 {
    width: 115em;
    height: 115em
}

@media (max-width: 1600px) {
    .circ-thin_3 {
        width: 71.875vw;
        height: 71.875vw
    }
}

.circ-thin_4 {
    width: 135em;
    height: 135em
}

@media (max-width: 1600px) {
    .circ-thin_4 {
        width: 84.375vw;
        height: 84.375vw
    }
}

.circ-thin_5 {
    width: 155em;
    height: 155em
}

@media (max-width: 1600px) {
    .circ-thin_5 {
        width: 96.875vw;
        height: 96.875vw
    }
}

.circ-thin_6 {
    width: 175em;
    height: 175em
}

@media (max-width: 1600px) {
    .circ-thin_6 {
        width: 109.375vw;
        height: 109.375vw
    }
}

.irrigator-page .circ-first {
    width: 48em;
    height: 48em;
    background: linear-gradient(147deg, #89f0fe, #b4fff9)
}

@media (max-width: 1600px) {
    .irrigator-page .circ-first {
        width: 30vw;
        height: 30vw
    }
}

.irrigator-page .circ-first:before {
    display: none
}

.brushes .slick-list,
.brushes .slick-track {
    overflow: visible
}

.brushes .container,
.nav-box {
    position: relative
}

.nav-box {
    padding-bottom: 2em
}

@media (max-width: 1600px) {
    .nav-box {
        padding-bottom: 1.25vw
    }
}

.nav-box_main {
    position: relative;
    z-index: 100
}

.nav-box_main:before {
    display: none
}

.nav-box_main .nav {
    padding-top: 6em
}

@media (max-width: 1600px) {
    .nav-box_main .nav {
        padding-top: 3.75vw
    }
}

.nav-box_main .nav__item {
    width: 26em
}

@media (max-width: 1600px) {
    .nav-box_main .nav__item {
        width: 16.25vw
    }
}

.nav-box .indicator {
    position: absolute;
    left: 50%;
    bottom: -1em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 1600px) {
    .nav-box .indicator {
        bottom: -.625vw
    }
}

.nav-box .indicator span {
    display: inline-block;
    font-family: Proxima Nova, serif;
    font-size: 1.4em;
    color: #999;
    font-weight: 400;
    line-height: 1.14286em
}

@media (max-width: 1600px) {
    .nav-box .indicator span {
        font-size: .875vw;
        line-height: 1vw
    }
}

.nav-box .indicator span:nth-child(2) {
    margin-left: .21429em;
    margin-right: .21429em
}

@media (max-width: 1600px) {
    .nav-box .indicator span:nth-child(2) {
        margin-left: .1875vw;
        margin-right: .1875vw
    }
}

.nav {
    padding-top: 3em;
    padding-left: 4em;
    padding-right: 4em;
    text-align: center
}

@media (max-width: 1600px) {
    .nav {
        padding-top: 1.875vw;
        padding-left: 2.5vw;
        padding-right: 2.5vw
    }
}

.nav .active:before,
.nav .slick-current:before {
    background: linear-gradient(270deg, #d6d6d6 2%, #239fff)
}

.nav .active:after,
.nav .slick-current:after {
    background: linear-gradient(90deg, #d6d6d6 2%, #239fff)
}

.nav .active .nav__name,
.nav .slick-current .nav__name {
    color: #239fff
}

.nav .active .nav__dot,
.nav .slick-current .nav__dot {
    background-color: #239fff;
    border-color: #239fff
}

.nav__item {
    position: relative;
    display: inline-block;
    width: 32em;
    height: 6em;
    padding-left: 2.5em;
    padding-right: 2.5em;
    padding-bottom: 2em;
    margin-left: -.3em;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

@media (max-width: 1600px) {
    .nav__item {
        width: 20vw;
        height: 3.75vw;
        padding-left: 1.5625vw;
        padding-right: 1.5625vw;
        padding-bottom: 1.25vw
    }
}

.nav__item:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 50%;
    bottom: 1.5em;
    margin-left: .8em;
    height: 2px;
    margin-top: -1px;
    background: #d6d6d6
}

@media (max-width: 1600px) {
    .nav__item:before {
        bottom: .9375vw;
        margin-left: .5vw
    }
}

.nav__item:after {
    content: "";
    position: absolute;
    right: 50%;
    width: 50%;
    bottom: 1.5em;
    margin-right: .8em;
    height: 2px;
    margin-top: -1px;
    background: #d6d6d6
}

@media (max-width: 1600px) {
    .nav__item:after {
        bottom: .9375vw;
        margin-right: .5vw
    }
}

.nav__item:first-child:after {
    display: none
}

.nav__item:first-child .nav__dot {
    background: none !important;
    border: none
}

.nav__item:first-child .nav__dot:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    width: 1em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    background-color: #239fff
}

@media (max-width: 1600px) {
    .nav__item:first-child .nav__dot:before {
        width: .625vw
    }
}

.nav__item:first-child .nav__dot:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    margin-top: 0;
    width: 1em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    background-color: #239fff
}

@media (max-width: 1600px) {
    .nav__item:first-child .nav__dot:after {
        width: .625vw
    }
}

.nav__item:last-child:before {
    display: none
}

.nav__item:last-child .nav__dot {
    background: none !important;
    border: none
}

.nav__item:last-child .nav__dot:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    width: 1em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    background-color: #239fff
}

@media (max-width: 1600px) {
    .nav__item:last-child .nav__dot:before {
        width: .625vw
    }
}

.nav__item:last-child .nav__dot:after {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    height: 2px;
    margin-top: 0;
    width: 1em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    background-color: #239fff
}

@media (max-width: 1600px) {
    .nav__item:last-child .nav__dot:after {
        width: .625vw
    }
}

.nav__name {
    display: inline-block;
    position: relative;
    height: 100%;
    font-family: Proxima Nova, serif;
    font-size: 1.2em;
    color: #999;
    font-weight: 400;
    line-height: 1.33333em;
    width: 100%;
    text-transform: uppercase;
    text-decoration: none
}

@media (max-width: 1600px) {
    .nav__name {
        font-size: .75vw;
        line-height: 1vw
    }
}

.nav__name a {
    position: absolute;
    display: block;
    z-index: 30;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 5em;
    color: #999;
    text-decoration: none
}

@media (max-width: 1600px) {
    .nav__name a {
        height: 3.125vw
    }
}

.nav__dot {
    position: absolute;
    left: 50%;
    bottom: 1em;
    width: 1.2em;
    height: 1.2em;
    margin-left: -.6em;
    border-radius: 50%;
    pointer-events: none;
    border: 2px solid #d6d6d6
}

@media (max-width: 1600px) {
    .nav__dot {
        bottom: .625vw;
        width: .75vw;
        height: .75vw;
        margin-left: -.375vw
    }
}

.item {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 57em;
    margin-top: -28.5em
}

@media (max-width: 1600px) {
    .item {
        height: 35.625vw;
        margin-top: -17.8125vw
    }
}

.item:after,
.item:before {
    content: "";
    display: table
}

.item:after {
    clear: both
}

.item__left {
    float: left;
    position: relative;
    z-index: 60;
    width: 31.62393162393162%;
    padding-top: 5em;
    padding-right: 8em;
    -webkit-transform: translateZ(2000px);
    transform: translateZ(2000px)
}

@media (max-width: 1600px) {
    .item__left {
        padding-top: 3.125vw;
        padding-right: 5vw
    }
}

.item__middle {
    display: inline-block;
    position: relative;
    width: 36.75213675213676%
}
.item__middle .checker{
    position: absolute;
    width: 67px;
    height: 32px;
    background: #e7fbff;
    border-radius: 20px;
    z-index: 100;
        right: 0;
    top: 0;
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 6px 3px #b7e9f3;
            box-shadow: inset 0px 0px 6px 3px #b7e9f3;
}

.item__middle .checker .on,
.item__middle  .checker-checkbox,
.item__middle .checker-checkbox:checked + label .off,
.item__middle  .checker-checkbox:checked + label + .item-photos .point{
    display: none;
}
.item__middle .checker span{
    font-size: 10px;
    line-height: 32px;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.item__middle  .checker-checkbox:checked + label{
    text-align: right;
}
.item__middle  .checker-checkbox:checked + label .on{
    display: inline-block;
}
.item__middle .checker .off{
    padding-left: 10px
}
.item__middle .checker .on{
    padding-right: 13px
}
.item__middle .checker:before,
.item__middle .checker:after{
    content: '';
    position: absolute;
    display: block;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    top: 2px;
    right: 2px;
    background: linear-gradient(147deg, #11d1f1, #239fff);
}
.item__middle  .checker-checkbox:checked + label{
    background: #ececec;
    -webkit-box-shadow: inset 0px 0px 6px 3px #dadcdc;
            box-shadow: inset 0px 0px 6px 3px #dadcdc;
}
.item__middle  .checker-checkbox:checked + label:before{
    right: auto;
    left: 3px;
    background: linear-gradient(147deg, #e0edef, #6c6f71);
}
.item__middle  .checker-checkbox + label:after{
        width: 16px;
    height: 16px;
    background: #FFF;
        top: 8px;
    right: 8px;
}
.item__middle  .checker-checkbox:checked + label:after{
    right: auto;
    left: 8px;
}
@media (min-width: 992px) {
    .checker{
        display: none;
    }
}
.item__middle .item__name,
.item__middle h1,
.item__middle h2 {
    display: none
}

.item__right {
    float: right;
    position: relative;
    z-index: 100;
    width: 31.62393162393162%;
    margin-top: 5em;
    padding-left: 3.7em
}

@media (max-width: 1600px) {
    .item__right {
        margin-top: 3.125vw;
        padding-left: 2.3125vw
    }
}

.item__info {
    display: none
}

.item__info.active {
    display: block
}

.item__name {
    position: relative;
    font-family: Proxima Nova, serif;
    font-size: 1.7em;
    color: #208aff;
    font-weight: 400;
    line-height: 1.44444em;
    margin-bottom: .61111em
}

@media (max-width: 1600px) {
    .item__name {
        font-size: 1.05vw;
        line-height: 1.625vw;
        margin-bottom: .6875vw
    }
}

.item h1 {
    position: relative;
    margin-bottom: .96154em
}

@media (max-width: 1600px) {
    .item h1 {
        margin-bottom: 1.5625vw
    }
}

.item h2 {
    position: relative;
    margin-bottom: 1em
}

@media (max-width: 1600px) {
    .item h2 {
        margin-bottom: 1.25vw
    }
}

.item__text {
    position: relative;
    max-height: 15em;
    margin-bottom: 2.5em;
    overflow: hidden
}

@media (max-width: 1600px) {
    .item__text {
        max-height: 11vw;
        margin-bottom: 1.5625vw
    }
}

@media (min-width: 1600px) {
    .item__text {
        max-height: 28em;
    }
}

.item__text p {
    margin-bottom: 1.78571em
}

@media (max-width: 1600px) {
    .item__text p {
        margin-bottom: 1.5625vw
    }
}

.item__text p+p {
    margin-top: -1.07143em
}

@media (max-width: 1600px) {
    .item__text p+p {
        margin-top: -.9375vw
    }
}

.item__text p:last-child {
    margin-bottom: 0
}

.item__props {
    position: relative;
    list-style: none
}

.item__props li {
    position: relative;
    padding-left: 2.3em;
    margin-bottom: 1.6em
}

@media (max-width: 1600px) {
    .item__props li {
        padding-left: 1.4375vw;
        margin-bottom: 1vw
    }
}

.item__props li .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.4em;
    height: 1.4em
}

@media (max-width: 1600px) {
    .item__props li .icon {
        width: .875vw;
        height: .875vw
    }
}

.item__props li .icon img,
.item__props li .icon svg {
    width: 100%;
    height: 100%
}

.item__props li p {
    font-weight: 500
}

.item .item-colors {
    width: 45%;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
}

@media (max-width: 1600px) {
    .item .item-colors {}
}

.item .item-colors p {
    margin-bottom: 1.14286em
}

@media (max-width: 1600px) {
    .item .item-colors p {
        margin-bottom: 1vw
    }
}

.item .item-colors__items {
    padding-left: .4em
}

@media (max-width: 1600px) {
    .item .item-colors__items {
        padding-left: .25vw
    }
}

.item .item-colors__item {
    display: inline-block;
    position: relative;
    width: 2em;
    height: 2em;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #d6d6d6
}

@media (max-width: 1600px) {
    .item .item-colors__item {
        width: 1.25vw;
        height: 1.25vw;
    }
}

.item .item-colors__item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2.6em;
    height: 2.6em;
    border: 1px solid #239fff;
    border-radius: 50%;
    transition: all .2s ease-in;
    opacity: 0
}

@media (max-width: 1600px) {
    .item .item-colors__item:before {
        width: 1.625vw;
        height: 1.625vw
    }
}

.item .item-colors__item.active:before {
    opacity: 1
}

.item__wrap {
    position: relative
}

.item .buy-btn {
    margin-bottom: 3.2em
}

@media (max-width: 1600px) {
    .item .buy-btn {
        margin-bottom: 2vw
    }
}

.item .photo-box {
    position: relative;
    height: 57.5em
}

@media (max-width: 1600px) {
    .item .photo-box {
        height: 35.9375vw
    }
}

.kids-page .photo-box:after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 8em;
    left: 5em;
    width: 5.7em;
    height: 6em;
    background: url(../img/pages/pchela.png) 50% 50% no-repeat;
    background-size: contain
}

@media (max-width: 1600px) {
    .kids-page .photo-box:after {
        top: 5vw;
        left: 3.125vw;
        width: 3.5625vw;
        height: 3.75vw
    }
}

.item-rec {
    position: relative;
    display: inline-block;
    padding: .5em;
    margin-left: 3.5em;
    background-color: #fc5352;
    text-align: center;
    border-radius: 6px;
    vertical-align: top;
    transition: all .2s ease-in
}

.item__left .item-rec {
    position: absolute;
    right: 0;
    right: 0;
}

@media (min-width: 1200px) {
    .item__left .item-rec {
        right: 30px;
    }
}

@media (max-width: 1600px) {
    .item-rec {
        padding: .3125vw;
        margin-left: 2.1875vw
    }
}

.item-rec__title {
    font-family: Roboto Condensed;
    font-size: .9em;
    color: #fff;
    font-weight: 400;
    line-height: 1.11111em;
    cursor: default
}

@media (max-width: 1600px) {
    .item-rec__title {
        font-size: .5625vw;
        line-height: .625vw
    }
}

.item-rec__text {
    position: absolute;
    top: 50%;
    left: 0;
    padding-left: 8.5em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: default;
    display: none;
    pointer-events: none;
    transition: all .2s ease-in;
    text-align: left
}

@media (max-width: 1600px) {
    .item-rec__text {
        padding-left: 5.3125vw
    }
}

.item-rec__text p {
    display: block;
    font-family: Proxima Nova, serif;
    font-size: 1.2em;
    color: #3f3f3f;
    font-weight: 400;
    line-height: 1.33333em;
    padding: .66667em;
    width: 22em;
    background: rgba(242, 254, 239, .75)
}

@media (max-width: 1600px) {
    .item-rec__text p {
        font-size: .75vw;
        line-height: 1vw;
        padding: .5vw;
        width: 16.5vw
    }
}

.item-rec:hover {
    background-color: #ea2b2a
}

.item-rec:hover .item-rec__text {
    display: block
}

.item-photos {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 57.2em;
    bottom: 0;
    z-index: 10;
    text-align: center;
    -webkit-transform: translateZ(2000px);
    transform: translateZ(2000px);
    transition: all .2s ease-in;
    pointer-events: none
}

@media (max-width: 1600px) {
    .item-photos {
        height: 35.75vw
    }
}

.item-photos-js,
.item-photos .slick-list,
.item-photos .slick-track {
    height: 100%
}

.item-photos.active {
    opacity: 1;
    pointer-events: auto
}

.item-photos__item {
    height: 100%
}

.item-photos img {
    display: inline-block;
    max-height: 100%;
    width: auto
}

.item-photos__arr {
    position: absolute;
    z-index: 1000;
    top: 50%;
    width: 1.2em;
    height: 2em;
    margin-top: -1em;
    cursor: pointer;
    transition: all .2s ease-in
}

.item-photos .nav-arrow:hover {
    background: #1cb4fa;
}

.item-photos .nav-arrow:hover svg {
    fill: #fff;
}

@media (max-width: 767px) {
    .item-photos__item {
            padding-top: 40px !important;
            padding-bottom: 10px !important;
    }
    .nav-arrow a{
      padding: 9px 0;  
    }
    .item-photos .nav-arrow svg {
        width: 40px;
        height: 34px;
        margin-left: 0;
        left: auto;
    }

    .item-photos .nav-arrow_next svg {
        right: 0;
    }

    .item-photos .nav-arrow_prev svg {
        left: 0;
    }
}

@media (max-width: 991px) {
    .first__left #slogan {
        width: 200px;
        margin: 0 auto;
    }

    .first__text {
        margin-top: 1em;
    }

    .item__left .buy-btn {
        display: none;
    }
    .item .item__middle .buy-btn {
        display: block;
        margin: 0 auto;
    }

    .item .item__middle .item-colors + .buy-btn {
        display: inline-block;
        vertical-align: bottom;
        margin: 0;
    }    

    .item-photos__arr {
        display: none !important;
    }

    .item-photos .nav-arrow {
        display: block;
    }

    .item-photos .nav-arrow_prev {
        left: 0;
    }

    .item-photos .nav-arrow_next {
        right: 0;
    }

}

@media (min-width: 992px) {
    .item-photos .nav-arrow {
        display: none;
    }

    .item .item-colors__items {
        margin-bottom: 15px;
    }
}

@media (max-width: 1600px) {
    .item-photos__arr {
        width: .75vw;
        height: 1.25vw;
        margin-top: -.625vw
    }
}

.item-photos__arr svg {
    width: 100%;
    height: 100%;
    fill: #239fff
}

.item-photos__arr_left {
    left: 0
}

.item-photos__arr_right {
    right: 0
}

.item-photos__arr:hover {
    opacity: .8
}

.attach__content,
.attach__title {
    text-align: center
}

.attach__title {
    position: relative;
    font-family: Proxima Nova, serif;
    font-size: 2em;
    color: #239fff;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 1.8em
}

@media (max-width: 1600px) {
    .attach__title {
        font-size: 1.25vw;
        line-height: 1.75vw;
        margin-bottom: 2.25vw
    }
}

.attach__items {
    position: relative;
    margin-bottom: 3.4em;
    text-align: center
}

@media (max-width: 1600px) {
    .attach__items {
        margin-bottom: 2.125vw
    }
}

.attach__item {
    display: inline-block;
    text-align: center
}

.attach__item .photo {
    position: relative;
    width: 10.6em;
    height: 11em;
    margin-bottom: 0.5em
}

.attach__item.default {
    margin: 0 20%;
}

@media (max-width: 1600px) {
    .attach__item .photo {
        width: 6.625vw;
        height: 8.6875vw;
        margin-bottom: .25vw
    }
}

.attach__item .photo img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: 95%;
}

.attach__item.default .photo {
    height: 9em;

}

.attach__item .point {
    top: 7.5em;
    left: 4.2em
}
.item-photos-js .point.disabled {
    display: none;
}
@media (max-width: 1600px) {
    .attach__item .point {
        top: 4.6875vw;
        left: 2.625vw
    }
}

.attach__item_rot .photo .point {
    top: 5.3em;
    left: 6em
}

@media (max-width: 1600px) {
    .attach__item_rot .photo .point {
        top: 3.3125vw;
        left: 3.75vw
    }
}

.attach__item.cs333 .point {
    top: 9.8em;
    left: 3em
}

@media (max-width: 1600px) {
    .attach__item.cs333 .point {
        top: 6.125vw;
        left: 1.875vw
    }
}

.attach__item.irr .photo {
    width: 19em;
    height: 19.6em
}

@media (max-width: 1600px) {
    .attach__item.irr .photo {
        width: 9.375vw;
        height: 12.25vw
    }
}

.attach__link {
    font-family: Proxima Nova, serif;
    font-size: 1.4em;
    color: #239fff;
    font-weight: 500;
    line-height: 1em;
    text-align: center;
    text-decoration: none
}

@media (max-width: 1600px) {
    .attach__link {
        font-size: .875vw;
        line-height: .875vw
    }
}

.attach__link:hover {
    text-decoration: underline
}

.attach__notice {
    position: relative;
    display: inline-block;
    padding-left: 2.3em;
    margin-bottom: 3.9em;
    text-align: left
}

@media (max-width: 1600px) {
    .attach__notice {
        padding-left: 1.4375vw;
        margin-bottom: 2.4375vw
    }
}

.attach__notice .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.4em;
    height: 1.4em;
    margin-top: -.7em
}

@media (max-width: 1600px) {
    .attach__notice .icon {
        width: .875vw;
        height: .875vw;
        margin-top: -.4375vw
    }
}

.attach__notice .icon img,
.attach__notice .icon svg {
    width: 100%;
    height: 100%
}

.attach__notice span {
    font-family: Proxima Nova, serif;
    font-size: 1.2em;
    color: #3f3f3f;
    font-weight: 400;
    line-height: 1em
}

@media (max-width: 1600px) {
    .attach__notice span {
        font-size: .75vw;
        line-height: .75vw
    }
}

.attach__notice+.attach__secret {
    margin-top: -1.8em
}

@media (max-width: 1600px) {
    .attach__notice+.attach__secret {
        margin-top: -1.125vw
    }
}

.attach__secret {
    position: relative;
    display: inline-block;
    margin-bottom: 2.5em;
    text-align: left;
    white-space: nowrap
}

@media (max-width: 1600px) {
    .attach__secret {
        margin-bottom: 1.5625vw
    }
}

.attach__secret .icon {
    display: inline-block;
    vertical-align: top;
    width: 1.4em;
    height: 1.4em;
    margin-right: 1em
}

@media (max-width: 1600px) {
    .attach__secret .icon {
        width: .875vw;
        height: .875vw;
        margin-right: .625vw
    }
}

.attach__secret .icon img,
.attach__secret .icon svg {
    width: 100%;
    height: 100%
}

.attach__secret a {
    display: inline-block;
    font-family: Proxima Nova, serif;
    font-size: 1.4em;
    color: #239fff;
    font-weight: 400;
    line-height: 1em;
    text-decoration: none;
    vertical-align: top;
    white-space: normal
}

@media (max-width: 1600px) {
    .attach__secret a {
        font-size: .875vw;
        line-height: .875vw
    }
}

.attach__secret a:hover {
    text-decoration: underline
}

.attach__photos {
    position: relative
}

.attach__photo {
    display: inline-block;
    width: 8.6em;
    height: 8.6em;
    margin-right: 2em;
    background-color: #e7fcff;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    transition: all .2s ease-in
}

@media (max-width: 1600px) {
    .attach__photo {
        width: 5.375vw;
        height: 5.375vw;
        margin-right: 1.25vw
    }
}

.attach__photo img {
    display: inline-block;
    max-width: 96%;
    height: auto;
    vertical-align: middle
}

.attach__photo a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none
}

.attach__photo a:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.attach__photo:hover {
    background-color: rgba(35, 159, 255, .15)
}

.attach__video {
    position: relative;
    display: inline-block;
    margin-bottom: 2.5em
}

@media (max-width: 1600px) {
    .attach__video {
        margin-bottom: 1.5625vw
    }
}

.attach__video span {
    display: inline-block;
    font-family: Proxima Nova, serif;
    font-size: 1.8em;
    color: #239fff;
    font-weight: 400;
    line-height: 1.38889em;
    max-width: 12.94444em;
    margin-right: .55556em;
    vertical-align: middle
}

@media (max-width: 1600px) {
    .attach__video span {
        font-size: 1.125vw;
        line-height: 1.5625vw;
        max-width: 14.5625vw;
        margin-right: .625vw
    }
}

.attach__video a {
    display: inline-block;
    text-decoration: none
}

.attach__video svg {
    width: 4em;
    height: 4em;
    fill: #239fff;
    transition: all .2s ease-in;
    vertical-align: middle
}

@media (max-width: 1600px) {
    .attach__video svg {
        width: 2.5vw;
        height: 2.5vw
    }
}

.attach__video svg:hover svg {
    fill: #208aff
}

.kids-page .attach__secret a {
    display: inline-block;
    position: relative
}

.kids-page .attach__secret a:after {
    content: "";
    position: absolute;
    right: -4.64286em;
    top: 50%;
    width: 4em;
    height: 3.57143em;
    margin-top: -1.78571em;
    background: url(../img/pages/nasekomoe.png) 50% 50% no-repeat;
    background-size: contain;
    -webkit-animation: b 2s ease-in-out;
    animation: b 2s ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media (max-width: 1600px) {
    .kids-page .attach__secret a:after {
        right: -4.0625vw;
        width: 3.5vw;
        height: 3.125vw;
        margin-top: -1.5625vw
    }
}

.brush {
    position: relative;
    display: inline-block;
    height: 100%
}
.brush .point{
    left: 49.8%;
}
.brush_cs466 .point,
.brush_cs484 .point{
    left: 50.5%;
}
.brush_cs234 .point,
.brush_cs235 .point,
.brush_cs484 .point_4{
    left: 50.3%;
}

.brush_cs465 .point,
.brush_cs167 .point,
.brush_cs333 .point,
.brush_cs131 .point,
.brush_cs161 .point,
.brush_cs561kids .point,
.brush_cs262 .point {
    left: 49.8%;
}
.brush_cs888 .point_1,
.brush_cs360 .point_1,
.brush_cs360 .point_2,
.brush_cs360 .point_5{
    left: 48%; 
}
.brush_cs888 .point_9{
    left: 49%; 
}
.brush_cs234 .point_1,
.brush_cs235 .point_1,
.brush_cs465 .point_1,
.brush_cs262 .point_1,
.brush_cs888 .point_1,
.brush_cs999 .point_1{
    top: 4%;
}
.brush_cs465 .point_2{
    top: 36%;
}
.brush_cs465 .point_3,
.brush_cs888 .point_2,
.brush_cs999 .point_3{
    top: 86%;
}
.brush_cs466 .point_1,
.brush_cs999 .point_2{
    top: 11%;
}
.brush_cs235 .point_6,
.brush_cs234 .point_6{
    top: 16%;
}
.brush_cs167 .point_1,
.brush_cs466 .point_5,
.brush_cs360 .point_1 {
    top: 7%;
}
.brush_cs167 .point_2,
.brush_csos1 .point_4,
.brush_cs466 .point_3,
.brush_cs360 .point_2  {
    top: 30%;
}
.brush_cs466 .point_2{
    top: 82%;
}
.brush_cs167 .point_3,
.brush_cs888 .point_3,
.brush_cs999 .point_4 {
    top: 66%;
}
.brush_cs167 .point_4,
.brush_cs234 .point_5,
.brush_cs235 .point_5 {
    top: 94%;
}
.brush_cs333 .point_1 {
    top: 5%;
}
.brush_csos1 .point_2 ,
.brush_cs333 .point_2,
.brush_cs262 .point_2,
.brush_cs234 .point_4,
.brush_cs466 .point_4 {
    top: 44%;
}
.brush_cs333 .point_3 {
    top: 49.8%;
}
.brush_csos1 .point_3,
.brush_csos1 .point_5{
    top: 72%;
    left: 49.2%;
}
.brush_csos1 .point_4{
    left: 91.4%;
}
.brush_cs333 .point_4,
.brush_cs235 .point_2 {
    top: 75%;
}
.brush_cs333 .point_5 {
    top: 90%;
}
.brush_cs262 .point_3,
.brush_cs235 .point_4,
.brush_cs484 .point_1,
.brush_cs234 .point_3,
.brush_cs360 .point_3 {
    top: 54%;
}
.brush_cs262 .point_4{
    top: 88%;
}
.brush_cs131 .point_1 {
    top: 4%;
}
.brush_cs131 .point_2,
.brush_cs235 .point_3 {
    top: 44%;
}
.brush_cs131 .point_3,
.brush_cs484 .point_2 {
    top: 64%;
}
.brush_cs131 .point_4,
.brush_cs234 .point_2 {
    top: 80%;
}
.brush_cs161 .point_1 {
    top: 7%;
    left: 46%;
}
.brush_cs161 .point_2 {
    top: 48%;
    left: 46%;
}
.brush_cs161 .point_3,
.brush_csos1 .point_5 {
    top: 86%;
}
.brush_cs233 .point_1,
.brush_cs233 .point_2,
.brush_cs233 .point_3{
    left: 84%;
}
.brush_cs233 .point_1 {
    top: 4%;
}
.brush_cs233 .point_2 {
    top: 40%;
}
.brush_cs233 .point_3,
.brush_cs562junior .point_4 {
    top: 54%;
}
.brush_cs233 .point_4 {
    top: 54%;
    left: 10%
}
.brush_cs233 .point_5 {
    top: 77%;
    left: 10%
}
.brush_cs484 .point_3{
    top: 80.5%;
}
.brush_cs484 .point_5{
    top: 97%;
}
.brush_cs235 .point_7,
.brush_cs360 .point_4{
    top: 94%;
}
.brush_cs561kids .point_1,
.brush_cs562junior .point_1 {
    top: 4%;
}
.brush_csos1 .point_1,
.brush_cs561kids .point_2,
.brush_cs484 .point_4,
.brush_cs562junior .point_2 {
    top: 25%;
}
.brush_cs561kids .point_3 {
    top: 48%;
}
.brush_cs561kids .point_4 {
    top:58%;
}
.brush_cs561kids .point_5 {
    top: 88%;
}
.brush_cs562junior .point {
    left: 48%;
}
.brush_cs562junior .point_3 {
    top: 45%;
}
.brush_cs562junior .point_5 {
    top: 88%;
}
.brush_cs463 .point {
    left: 49%;
}
.brush_cs463 .point_1 {
    top: 10%;
    left: 51%;
}
.brush_cs463 .point_4 {
    top: 6%;
    left: 51%;
}
.brush_cs463 .point_2 {
    top: 28%;
    left: 51%;
}
.brush_cs463 .point_3 {
    top: 88%;
    left: 50%;
}
.brush_cs462 .point{
    left: 49%;
}
.brush_cs462 .point_1 {
    top: 4%;
}
.brush_cs462 .point_2 {
    top: 24%;
}
.brush_cs462 .point_3 {
    top: 54%;
    left: 50%;
}
.brush_cs462 .point_4 {
    top: 88%;
    left: 50%;
}
.brush_cs3easy .point {
    left: 48%;
}
.brush_cs3easy .point_1 {
    top: 20%;
}
.brush_cs3easy .point_2 {
    top: 50%;
}
.brush_cs3easy .point_3 {
    top: 80%;
    left: 49%;
}
.brush_cs3 .point{
    left: 49%;
}
.brush_cs3 .point_1 {
    top: 48%;
}
.brush_cs3 .point_2,
.brush_cs484 .point_6 {
    top: 80%;
}
.brush_cs3 .point_3 {
    top: 90%;
}
.brush_cs2 .point_1 {
    top: 22%;
    left: 49%
}
.brush_cs2 .point_2 {
    top: 85%;
    left: 49%
}
.brush_cs2 .point_3 {
    top: 40%;
    left: 75%;
}
.brush_cs2 .point_4 {
    top: 43%;
    left: 49.3%
}
.brush_cs2 .point_5 {
    top: 55%;
    left: 57%;
}
.brush_os32kids .point_1 {
    top: 5.4%;
    left: 81%;
}
.brush_os32kids .point_2 {
    top: 25%;
    left: 50%;
}
.brush_os32kids .point_3 {
    top: 57%;
    left: 49.5%;
}


.brush_cs485 .point_1 {
    top: 4%;
    left: 49.8%;
}
.brush_cs485 .point_2 {
    top: 40%;
    left: 49.8%;
}
.brush_cs485 .point_3 {
    top: 70%;
    left: 49.8%;
}
.brush_cs485 .point_4 {
    top: 86%;
    left: 49.8%;
}
.brush_cs485 .point_5 {
    top: 58%;
    left: 62%;
}
.brush_cs232 .point_1 {
    top: 3.6em;
    left: 21.5em
}
.brush_cs232 .point_2 {
    top: 24.9em;
    left: 21.5em
}
.brush_cs232 .point_3 {
    top: 41.8em;
    left: 21.5em
}
.brush_cs232 .point_4 {
    top: 51.2em;
    left: 11.8em
}





@media (min-width: 992px) and (max-height:720px) {
    .nav {
        padding-top: 0
    }
}

@media screen and (max-width: 991px) {
    .container {
        max-width: 76.8em;
        max-width: 100vw;
        padding-left: 2.2em;
        padding-left: 2.86458vw;
        padding-right: 2.2em;
        padding-right: 2.86458vw
    }

    main {
        height: auto;
        padding-top: 22.2em;
        padding-top: 25.58333vw;
        padding-bottom: 3em;
        padding-bottom: 3.90625vw
    }

    main.irrigator-page,
    main.sound-page,
    main.kids-page,
    main.rotary-page {
        padding-top: 5.4em;
        padding-top: 14vw;
    }

    h1 {
        font-size: 2.6em;
        font-size: 3.38542vw;
        line-height: 1.38462em;
        line-height: 4.6875vw
    }

    h2 {
        font-size: 2em;
        font-size: 2.60417vw;
        line-height: 1.4em;
        line-height: 3.64583vw
    }

    p {
        font-size: 1.6em;
        font-size: 2.08333vw;
        line-height: 1.5em;
        line-height: 3.125vw
    }
    .socials {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: -2em;
        margin-left: -3.125vw;
        margin-right: -2em;
        margin-right: -3.125vw;
        margin-bottom: 20px;
        background-color: #e7fcff;
        text-align: center
    }

    .socials ul li {
        display: inline-block;
        margin-right: 1.8em;
        margin-right: 2.34375vw
    }

    .socials ul svg {
        width: 3em;
        width: 3.90625vw;
        height: 3em;
        height: 3.90625vw;
        fill: #fff
    }

    .footer .dev a {
        color: #FFF;
    }

    .buy-link {
        padding-left: 2.3em;
        padding-left: 2.99479vw
    }

    .buy-link svg {
        width: 1.6em;
        width: 2.08333vw;
        height: 1.6em;
        height: 2.08333vw;
        margin-top: -.8em;
        margin-top: -1.04167vw
    }

    .buy-link span {
        font-size: 1.4em;
        font-size: 1.82292vw;
        line-height: 1em;
        line-height: 1.82292vw
    }

    .buy-btn {
        display: block;
        width: 16em;
        width: 20.83333vw;
        height: 4.6em;
        height: 5.98958vw
    }

    .buy-btn span {
        font-size: 1.8em;
        font-size: 2.34375vw;
        line-height: 2.55556em;
        line-height: 5.98958vw
    }
    .point-text p {
        font-size: 13px;
        line-height: 130%;
        padding: 5px;
        width: 150px;
    }

    .point-text.right {
        margin-left: -8px;
        padding-left: 20px
    }

    .point-text.left {
        padding-right: 22px
    }

    .header {
        z-index: 300;
        height: 8em;
        height: 10.41667vw;
        padding-top: 1.6em;
        padding-top: 2.08333vw;
        padding-bottom: 1.6em;
        padding-bottom: 2.08333vw;
        background-color: #e7fbff
    }

    .header__left,
    .header__right {
        width: 50%
    }

    .header__middle {
        width: 0
    }

    .header .item-rec {
        position: static;
        display: inline-block;
        width: 7.6em;
        width: 9.89583vw;
        height: auto;
        padding: .35em;
        padding: .45573vw;
        margin-left: 0;
        vertical-align: top;
        margin-right: 3em;
        margin-right: 3.90625vw
    }

    .header .item-rec__title {
        font-size: .9em;
        font-size: 1.17188vw;
        line-height: 1.22222em;
        line-height: 1.43229vw
    }

    .company-logo {
        display: inline-block;
        width: 5.9em;
        width: 7.68229vw;
        margin-right: 4em;
        margin-right: 5.20833vw
    }

    .company-logo,
    .guarantee {
        height: 4.8em;
        height: 6.25vw
    }

    .guarantee {
        width: 12em;
        width: 15.625vw;
    }

    .contact-phone {
        display: inline-block;
        padding-top: .4em;
        padding-top: .52083vw;
        margin-right: 10.2em;
        margin-right: 12.46875vw;
        text-align: left;
        vertical-align: middle
    }

    .contact-phone__title {
        font-size: 1.3em;
        font-size: 1.69271vw;
        line-height: 1em;
        line-height: 1.69271vw;
        margin-bottom: .38462em;
        margin-bottom: .65104vw
    }

    .contact-phone__value {
        font-size: 2.8em;
        font-size: 3.64583vw;
        line-height: .92857em;
        line-height: 3.38542vw
    }

    nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
        opacity: 0;
        pointer-events: none;
        transition: all .2s ease-in
    }

    nav.active {
        opacity: 1;
        pointer-events: auto
    }

    .main-menu {
        padding-top: 5.1em;
        padding-top: 6.64063vw
    }

    .main-menu li {
        display: block;
        padding-left: 6.4em;
        padding-left: 8.33333vw;
    }

    .main-menu li:before {
        display: none
    }

    .main-menu li a {
        font-size: 3.4em;
        font-size: 4.42708vw;
        line-height: 1.11765em;
        line-height: 4.94792vw;
        font-weight: 500;
        color: #3f3f3f
    }

    .hamburger-box {
        display: inline-block;
        width: 3em;
        width: 3.90625vw;
        height: 2.2em;
        height: 2.86458vw
    }

    .hamburger-box .hamburger {
        position: relative;
        display: inline-block;
        z-index: 20;
        width: 100%;
        height: 100%;
        cursor: pointer;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .hamburger-box .hamburger.active {
        position: relative;
        z-index: 30
    }

    .hamburger-box .hamburger.active .hamburger__line:first-child {
        opacity: 0;
        background-color: #239fff
    }

    .hamburger-box .hamburger.active .hamburger__line:nth-child(2) {
        opacity: 0
    }

    .hamburger-box .hamburger.active .hamburger__line:nth-child(3) {
        opacity: 0;
        background-color: #239fff
    }

    .hamburger-box .hamburger.active:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #239fff
    }

    .hamburger-box .hamburger.active:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #239fff
    }

    .hamburger-box .hamburger__line {
        position: absolute;
        width: 100%;
        height: .4em;
        height: .52083vw;
        background-color: #239fff;
        transition: .2s ease-in-out
    }

    .hamburger-box .hamburger__line:first-child {
        top: 0;
        width: 80%
    }

    .hamburger-box .hamburger__line:last-child {
        bottom: 0;
        width: 60%
    }

    .hamburger-box .hamburger:after,
    .hamburger-box .hamburger:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        height: .4em;
        height: .52083vw;
        margin-top: -.2em;
        margin-top: -.26042vw;
        width: 100%;
        background-color: #239fff;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        transition: all .2s ease-in
    }

    .footer {
        position: static;
        padding-top: 2em;
        padding-top: 2.60417vw;
        padding-bottom: 2em;
        padding-bottom: 2.60417vw;
        background-color: rgba(18, 206, 242, .1);
        text-align: center
    }

    .footer .copyright,
    .footer .dev {
        font-size: 1.4em;
        font-size: 1.82292vw;
        line-height: 1.28571em;
        line-height: 2.34375vw;
        margin-top: .35714em;
        margin-top: .65104vw;
        color: #FFF;
    }

    .footer .socials {
        display: inline-block;
        margin-bottom: 15px;
    }

    .fancybox-close {
        right: -5em;
        right: -6.51042vw;
        width: 3em;
        width: 3.90625vw;
        height: 3em;
        height: 3.90625vw
    }

    .fancybox-nav {
        width: 1.6em;
        width: 2.08333vw;
        height: 2.6em;
        height: 3.38542vw;
        margin-top: -1.3em;
        margin-top: -1.69271vw
    }

    .fancybox-next {
        right: -3.6em;
        right: -4.6875vw
    }

    .fancybox-prev {
        left: -3.6em;
        left: -4.6875vw
    }

    .nav-arrow {
        display: none;
    }
    .nav-arrow a{
      padding: 8px 0; 
    }
    .nav-arrow svg {
        width: 50px;
        height: 30px;
    }

    .nav-arrow_prev {
        left: -8em;
        left: -10.41667vw
    }

    .nav-arrow_next {
        right: -8em;
        right: -10.41667vw
    }
}

@media screen and (max-width: 991px) {
    .first {
        position: static;
        height: auto;
        margin-top: 0
    }

    .first__left {
        float: none;
        width: 100%;
        padding-top: 8.5em;
        padding-top: 11.06771vw;
        padding-left: 9.6em;
        padding-left: 12.5vw;
        padding-right: 9.6em;
        padding-right: 12.5vw
    }

    .first__middle {
        width: 100%
    }

    .first__middle h1 {
        display: block;
        margin-bottom: 2.96154em;
        margin-bottom: 10.02604vw;
        padding-left: 2.69231em;
        padding-left: 9.11458vw;
        padding-right: 2.69231em;
        padding-right: 9.11458vw
    }

    .first__right {
        float: none;
        width: 100%;
        padding-top: 0;
        padding-left: 9.6em;
        padding-left: 12.5vw;
        padding-right: 9.6em;
        padding-right: 12.5vw
    }

    .first__text {
        margin-bottom: 4.2em;
        margin-bottom: 5.46875vw
    }

    .first__text h1 {
        display: none
    }

    .first__text p {
        margin-bottom: .5em;
        margin-bottom: 1.04167vw
    }

/*    .first__nav {
        display: none
    }
*/
    .first__nav ul a {
        font-size: 18px;
        line-height: 160%;
    }
    .first__guarantee {
        display: inline-block;
        width: 31.5em;
        width: 41.01563vw;
        margin-bottom: 4em;
        margin-bottom: 5.20833vw
    }

    .first__guarantee .icon {
        left: -2.4em;
        left: -3.125vw;
        width: 1.6em;
        width: 2.08333vw;
        height: 1.6em;
        height: 2.08333vw
    }

    .first__buy {
        margin-top: .4em;
        margin-top: .52083vw;
        float: right
    }

    .first__buy svg {
        left: -2.4em;
        left: -3.125vw;
        width: 1.6em;
        width: 2.08333vw;
        height: 1.6em;
        height: 2.08333vw;
        margin-top: -.7em;
        margin-top: -.91146vw
    }

    .first__buy span {
        font-size: 1.6em;
        font-size: 2.08333vw;
        line-height: 1em;
        line-height: 2.08333vw;
        text-align: left
    }

    .main-photo {
        height: 55em;
        height: 71.61458vw;
        padding: 3.6em;
        padding: 4.6875vw
    }

    .main-photo__img {
        width: 48em;
        width: 62.5vw;
        height: 48em;
        height: 62.5vw
    }

    .main-photo__circ-first {
        width: 55em;
        width: 71.61458vw;
        height: 55em;
        height: 71.61458vw
    }

    .main-photo__circ-bold {
        width: 64em;
        width: 83.33333vw;
        height: 64em;
        height: 83.33333vw;
        border-width: 16em;
        border-width: 20.83333vw
    }

    .main-photo__circ-thin {
        display: none
    }
}

@media screen and (max-width: 991px) {
    .footer {
        position: static;
        padding-top: 4em;
        padding-top: 6.25vw;
        padding-bottom: 0;
        background-color: #43adff;
        text-align: center
    }

    .footer .copyright,
    .footer .dev {
        float: none;
        display: block;
        color: #fff
    }

    .footer .container {
        padding-left: 0;
        padding-right: 0;
    }

    .footer .contact-phone {
        text-align: center
    }

    .footer .dev {
        font-size: 1.6em;
        font-size: 3.0625vw;
        line-height: 1.38462em;
        line-height: 5.625vw;
        padding-top: .76923em;
        padding-top: 3.125vw;
        padding-bottom: .76923em;
        padding-bottom: 3.125vw;
        margin-top: .19231em;
        margin-top: .78125vw;
        background-color: #239fff;
            padding-left: 10px;
    padding-right: 10px;
    }

    .footer .contact-phone__title {
        font-size: 3em;
        font-size: 3.2vw;
        line-height: 1em;
        line-height: 2.6875vw;
        margin-bottom: .4em;
        margin-bottom: 1.875vw;
    }

    .footer .copyright {
        font-size: 2.4em;
        font-size: 3.75vw;
        line-height: 1.5em;
        line-height: 5.625vw;
        margin-top: .20833em;
        margin-top: .78125vw;
        margin-bottom: 15px
    }

    .footer .contact-phone__value {
        font-size: 4.4em;
        font-size: 6.875vw;
        line-height: 1em;
        line-height: 6.875vw;
    }

    .shops .container {
        max-width: 76.8em;
        max-width: 100vw;
        padding-left: 10vw;
        padding-right: 10vw;
    }

    .circ-first {
        width: 36em;
        width: 46.875vw;
        height: 36em;
        height: 46.875vw
    }

    .circ-first:before {
        width: 18em;
        width: 23.4375vw;
        height: 18em;
        height: 23.4375vw
    }

    .circ-bold {
        width: 55em;
        width: 71.61458vw;
        height: 55em;
        height: 71.61458vw
    }

    .circ-bold:after,
    .circ-bold:before {
        display: none;
    }

    .circ-thin {
        display: none
    }

    .irrigator-page .circ-first {
        width: 48em;
        width: 62.5vw;
        height: 48em;
        height: 62.5vw
    }
    .item__left .item-colors{
        display: none;
    }
    .brushes .slick-list,
    .brushes .slick-track {
        overflow: hidden
    }

    .nav-box {
        padding-bottom: 0
    }

    .nav-box_main .nav {
        padding-top: 1em;
        padding-top: 1.30208vw
    }

    .nav-box_main .nav__item {
        width: 25%
    }

    .nav-box .indicator {
        bottom: -1em;
        bottom: -1.30208vw
    }

    .nav-box .indicator span {
        font-size: 1.4em;
        font-size: 1.82292vw;
        line-height: 1.14286em;
        line-height: 2.08333vw
    }

    .nav-box .indicator span:nth-child(2) {
        margin-left: .21429em;
        margin-left: .39063vw;
        margin-right: .21429em;
        margin-right: .39063vw
    }

    .nav {
        padding: 0;
        margin-bottom: 2em;
        margin-bottom: 2.60417vw
    }

    .nav__item {
        width: 33%;
        padding-left: 1em;
        padding-left: 1.30208vw;
        padding-right: 1em;
        padding-right: 1.30208vw;
        padding-bottom: 8em;
        padding-bottom: 10.41667vw
    }

    .nav__item:before {
        bottom: 1.6em;
        bottom: 2.08333vw;
        margin-left: .7em;
        margin-left: .91146vw
    }

    .nav__item:after {
        bottom: 1.6em;
        bottom: 2.08333vw;
        margin-right: .7em;
        margin-right: .91146vw
    }

    .nav__item:first-child .nav__dot:after,
    .nav__item:first-child .nav__dot:before,
    .nav__item:last-child .nav__dot:after,
    .nav__item:last-child .nav__dot:before {
        width: 1em;
        width: 1.30208vw
    }

    .nav__name {
        font-size: 1.2em;
        font-size: 1.5625vw;
        line-height: 1.33333em;
        line-height: 2.08333vw;
        height: 3.75em;
        height: 5.85938vw;
        overflow: hidden
    }

    .nav__name a {
        height: 6.25em;
        height: 9.76563vw
    }

    .nav__dot {
        bottom: 1em;
        bottom: 1.30208vw;
        width: 1.2em;
        width: 1.5625vw;
        height: 1.2em;
        height: 1.5625vw;
        margin-left: -.6em;
        margin-left: -.78125vw
    }

    .item {
        position: static;
        height: auto;
        margin-top: 0
    }

    .item__left {
        float: none;
        width: 100%;
        padding-top: 4em;
        padding-top: 5.20833vw;
        padding-right: 0;
        text-align: center
    }

    .item__left .item__name,
    .item__left h1,
    .item__left h2 {
        display: none
    }

    .item__middle {
        display: inline-block;
        width: 100%
    }

    .item__middle .item__name,
    .item__middle h1,
    .item__middle h2 {
        display: block;
        text-align: center
    }

    .item__middle h1 {
        margin-bottom: 5.3em;
        margin-bottom: 6.90104vw
    }

    .item__right {
        float: none;
        width: 100%;
        margin-top: 9.67188vw;
        padding-bottom: 12em;
        padding-bottom: 15.625vw;
        padding-left: 0
    }

    .item__name {
        font-size: 3.2em;
        font-size: 3.86458vw;
        line-height: 2.27273em;
        line-height: 4.64583vw;
        margin-bottom: .36364em;
        margin-bottom: 1.04167vw
    }

    .item__text {
        height: auto;
        margin-bottom: 2.5em;
        margin-bottom: 3.25521vw
    }

    .item__text h1 {
        margin-bottom: .96154em;
        margin-bottom: 3.25521vw
    }

    .item__text h2 {
        margin-bottom: 1em;
        margin-bottom: 2.60417vw
    }

    .item__text p {
        margin-bottom: 1.5625em;
        margin-bottom: 3.25521vw
    }

    .item__text p+p {
        margin-top: -.9375em;
        margin-top: -1.95313vw
    }

    .item__props {
        display: inline-block;
        width: 20em;
        width: 26.04167vw
    }

    .item__props li {
        padding-left: 2.3em;
        padding-left: 2.99479vw;
        margin-bottom: 1.6em;
        margin-bottom: 2.08333vw;
        text-align: left
    }

    .item__props li .icon {
        width: 1.6em;
        width: 2.08333vw;
        height: 1.6em;
        height: 2.08333vw;
        margin-top: .4em;
        margin-top: .52083vw
    }

    .item .item-rec {
        display: none
    }

    .item .item-colors {}

    .item .item-colors p {
        margin-bottom: 1.14286em;
        margin-bottom: 2.08333vw
    }

    .item .item-colors__items {
        padding-left: .4em;
        padding-left: .52083vw
    }

    .item .item-colors__item {
        width: 3em;
        width: 3.90625vw;
        height: 3em;
        height: 3.90625vw;
    }

    .item .item-colors__item:before {
        width: 3.6em;
        width: 4.6875vw;
        height: 3.6em;
        height: 4.6875vw
    }

    .item .buy-btn {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3.2em;
        margin-bottom: 4.16667vw
    }

    .item .photo-box {
        height: 57.5em;
        height: 74.86979vw
    }

    .kids-page .photo-box:after {
        content: "";
        position: absolute;
        top: 8em;
        top: 10.41667vw;
        left: 20em;
        left: 26.04167vw;
        width: 5.7em;
        width: 7.42188vw;
        height: 6em;
        height: 7.8125vw
    }

    .item-photos {
        height: 57.2em;
        height: 74.47917vw
    }

    .item-photos__arr {
        width: 1.2em;
        width: 1.5625vw;
        height: 2em;
        height: 2.60417vw
    }

    .item-photos__arr_left {
        left: 14.6em;
        left: 19.01042vw
    }

    .item-photos__arr_right {
        right: 14.6em;
        right: 19.01042vw
    }

    .attach {
        position: relative;
        width: 56em;
        width: 72.91667vw;
        height: 56em;
        height: 72.91667vw;
        border-radius: 50%;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .attach:before {
        z-index: -1;
        width: 61em;
        width: 79.42708vw;
        height: 61em;
        height: 79.42708vw;
        background-color: #89ebff
    }

    .attach:after,
    .attach:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%
    }

    .attach:after {
        z-index: -2;
        width: 69em;
        width: 89.84375vw;
        height: 69em;
        height: 89.84375vw;
        background-color: #d4fffe
    }

    .attach__content {
        width: 100%;
        height: 100%;
        padding-top: 4.5em;
        padding-top: 5.85938vw;
        border-radius: 50%;
        background-color: #fff
    }

    .attach__title {
        font-size: 2.4em;
        font-size: 3.125vw;
        line-height: 1.16667em;
        line-height: 3.64583vw;
        margin-bottom: 1.66667em;
        margin-bottom: 5.20833vw
    }

    .attach__items {
        margin-bottom: 3.3em;
        margin-bottom: 4.29688vw
    }

    .attach__item .photo {
        width: 10.5em;
        width: 13.67188vw;
        height: 15.2em;
        height: 19.79167vw;
        margin-bottom: 2em;
        margin-bottom: 2.60417vw
    }

    .attach__item .point {
        top: 7.5em;
        top: 9.76563vw;
        left: 4.2em;
        left: 5.46875vw
    }

    .attach__item_rot .point {
        top: 5.3em;
        top: 6.90104vw;
        left: 6em;
        left: 7.8125vw
    }

    .attach__item.cs333 .point {
        top: 9.8em;
        top: 12.76042vw;
        left: 3em;
        left: 3.90625vw
    }

    .attach__item.irr .photo {
        width: 10em;
        width: 13.02083vw;
        height: 13em;
        height: 16.92708vw
    }

    .attach__link {
        font-size: 1.6em;
        font-size: 2.08333vw;
        line-height: 1em;
        line-height: 2.08333vw
    }

    .attach__notice {
        display: inline-block;
        padding-left: 2.3em;
        padding-left: 2.99479vw;
        margin-bottom: 3.9em;
        margin-bottom: 5.07813vw
    }

    .attach__notice .icon {
        width: 1.4em;
        width: 1.82292vw;
        height: 1.4em;
        height: 1.82292vw;
        margin-top: -.7em;
        margin-top: -.91146vw
    }

    .attach__notice span {
        font-size: 1.4em;
        font-size: 1.82292vw;
        line-height: 1em;
        line-height: 1.82292vw
    }

    .attach__notice+.attach__secret {
        margin-top: -1.8em;
        margin-top: -2.34375vw
    }

    .attach__secret {
        display: block;
        margin-bottom: 2.5em;
        margin-bottom: 3.25521vw;
        text-align: center
    }

    .attach__secret .icon {
        width: 1.4em;
        width: 1.82292vw;
        height: 1.4em;
        height: 1.82292vw;
        margin-right: 1em;
        margin-right: 1.30208vw
    }

    .attach__secret a {
        font-size: 1.4em;
        font-size: 1.82292vw;
        line-height: 1em;
        line-height: 1.82292vw
    }

    .attach__photo {
        width: 8.6em;
        width: 11.19792vw;
        height: 8.6em;
        height: 11.19792vw;
        margin-right: 2em;
        margin-right: 2.60417vw
    }

    .attach__video {
        margin-bottom: 2.5em;
        margin-bottom: 3.25521vw
    }

    .attach__video span {
        font-size: 1.8em;
        font-size: 2.34375vw;
        line-height: 1.38889em;
        line-height: 3.25521vw;
        max-width: 12.94444em;
        max-width: 30.33854vw;
        margin-right: .55556em;
        margin-right: 1.30208vw
    }

    .attach__video svg {
        width: 4em;
        width: 5.20833vw;
        height: 4em;
        height: 5.20833vw
    }

    .kids-page .attach__secret a:after {
        display: none
    }

}

@media screen and (max-width: 767px) {
    body.active {
        overflow: hidden
    }

    .container {
        max-width: 100%;
        padding: 0
    }

    main {
        padding-top: 30vw;
        padding-bottom: 9.375vw;
    }

    main.irrigator-page,
    main.sound-page,
    main.kids-page,
    main.rotary-page {
        padding-top: 9.4em;
        padding-top: 25vw;
    }

    h1,
    h2 {
        line-height: 1.3em;
        line-height: 6.09375vw
    }

    h1,
    h2,
    p {
        font-size: 3em;
        font-size: 4.6875vw
    }

    p {
        line-height: 1.33333em;
        line-height: 6.25vw
    }



    .socials__title {
        line-height: 1.33333em;
        line-height: 6.25vw;
        margin-bottom: 5px;
    }

    .socials ul li {
        margin-right: 4em;
        margin-right: 6.25vw
    }

    .socials ul svg {
        width: 6em;
        width: 9.375vw;
        height: 6em;
        height: 9.375vw;
        fill: #239fff
    }

    .buy-link {
        display: inline-block;
        padding-left: 5em;
        padding-left: 7.8125vw
    }

    .buy-link svg {
        width: 3.4em;
        width: 5.3125vw;
        height: 3.4em;
        height: 5.3125vw;
        margin-top: -1.7em;
        margin-top: -2.65625vw
    }

    .buy-link span {
        font-size: 3em;
        font-size: 4.6875vw;
        line-height: 1em;
        line-height: 4.6875vw
    }

    .buy-btn {
        width: 27.8em;
        width: 43.4375vw;
        height: 8em;
        height: 12.5vw
    }

    .buy-btn span {
        font-size: 3.2em;
        font-size: 5vw;
        line-height: 2.5em;
        line-height: 12.5vw
    }

    .point__text {
        top: 0;
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .point__text p {
        font-size: 2.3em;
        font-size: 3.59375vw;
        line-height: 1.3913em;
        line-height: 5vw;
        padding: .43478em;
        padding: 1.5625vw;
        width: 17.3913em;
        width: 62.5vw
    }

    .point__text.right {
        left: 50%;
        right: auto;
        padding-top: 4.6em;
        padding-top: 7.1875vw;
        padding-left: 0
    }

    .point__text.right:before {
        display: none
    }

    .point__text.left {
        left: 50%;
        right: auto;
        padding-top: 4.6em;
        padding-top: 7.1875vw;
        padding-right: 0
    }

    .point__text.left:before {
        display: none
    }

    .header {
        position: fixed;
        height: 12em;
        height: 18.75vw;
        padding-top: 2.3em;
        padding-bottom: 2.3em;
        padding-left: 2em;
        padding: 3.59375vw 3.125vw;
        /*padding-right: 2em*/
    }

    .header__left {
        width: 90%
    }

    .header__right {
        width: 10%
    }

    .header__right .contact-phone {
        display: none
    }

    .header__right .drawer-list .contact-phone {
        display: block;
        position: absolute;
        top: 5vw;
        left: 10vw;
    }

    .header .item-rec {
        width: 12.2em;
        width: 20.0625vw;
        padding: .5em;
        padding: .78125vw;
        margin-right: 3em;
        margin-right: 4.6875vw
    }

    .header .item-rec__title {
        font-size: 1.4em;
        font-size: 2.1875vw;
        line-height: 1.07143em;
        line-height: 2.5vw
    }

    .company-logo {
        position: relative;
        z-index: 10;
        width: 9.2em;
        width: 14.375vw;
        margin-right: 3em;
        margin-right: 5.25vw
    }

    .company-logo,
    .guarantee {
        height: 7.4em;
        height: 11.5625vw
    }

    .guarantee {
        width: 18em;
        width: 28.125vw;
    }

    .contact-phone {
        padding-top: .8em;
        padding-top: 1.25vw;
        margin-right: 4.2em;
        margin-right: 6.5625vw;
        text-align: center
    }

    .contact-phone__title {
        font-size: 3em;
        font-size: 3.2vw;
        line-height: 1em;
        line-height: 2.6875vw;
        margin-bottom: .4em;
        margin-bottom: 1.875vw;
    }

    .contact-phone__value {
        font-size: 4.4em;
        font-size: 6.875vw;
        line-height: 1em;
        line-height: 6.875vw;
    }

    nav.active {
        position: fixed;
        top: 0;
        bottom: 0
    }

    nav .contact-phone {
        bottom: 0;
        width: 100%;
        height: 13em;
        height: 20.3125vw;
        padding-top: 2.5em;
        padding-top: 3.90625vw;
        background-color: #43adff
    }

    nav .contact-phone,
    nav .socials {
        display: block;
        position: absolute;
        left: 0;
        right: 0
    }

    nav .socials {
        bottom: 13em;
        bottom: 20.3125vw;
        margin-bottom: 0
    }

    .main-menu {
        padding-top: 15em;
        padding-top: 23.4375vw;
        text-align: center
    }

    .main-menu li {
        padding-left: 0;
        margin-bottom: 0
    }

    .main-menu li a {
        font-size: 3.6em;
        font-size: 5.625vw;
        line-height: 1.05556em;
        line-height: 5.9375vw
    }

    .hamburger-box {
        width: 4.2em;
        width: 6.5625vw;
        height: 3.2em;
        height: 5vw;
        margin-top: 1.5em;
        margin-top: 2.34375vw
    }

    .hamburger-box .hamburger__line {
        height: .6em;
        height: .9375vw
    }

    .hamburger-box .hamburger:after,
    .hamburger-box .hamburger:before {
        height: .6em;
        height: .9375vw;
        margin-top: -.3em;
        margin-top: -.46875vw
    }



    .footer .contact-phone {
        display: block;
        margin-bottom: 1.8em;
        margin-bottom: 2.8125vw
    }







    .footer .dev a {
        color: #fff
    }

    .footer .socials {
        display: none
    }

    .fancybox-close {
        right: -5em;
        right: -7.8125vw;
        width: 3em;
        width: 4.6875vw;
        height: 3em;
        height: 4.6875vw
    }
}

@media screen and (max-width: 767px) {
    .first {
        padding-left: 2em;
        padding-left: 3.125vw;
        padding-right: 2em;
        padding-right: 3.125vw
    }

    .first__left {
        padding-top: 2.4em;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .first__middle h1 {
        margin-bottom: .92308em;
        margin-bottom: 3.75vw;
        padding-left: 2.69231em;
        padding-left: 10.9375vw;
        padding-right: 2.69231em;
        padding-right: 10.9375vw
    }

    .first__right {
        padding-left: 0;
        padding-right: 0;
        text-align: left;
        margin: 0 auto;
        width: 80%;
    }

    .first__text {
        margin-bottom: 4.2em;
        margin-bottom: 6.5625vw;
        text-align: center
    }

    .first__text p {
        margin-bottom: .5em;
        margin-bottom: 1.25vw
    }

    .first__guarantee {
        display: inline-block;
        width: 50em;
        width: 78.125vw;
        padding-left: 4.8em;
        padding-left: 7.5vw;
        margin-bottom: 4em;
        margin-bottom: 6.25vw;
        text-align: left
    }

    .first__guarantee .icon {
        left: 0;
        width: 3.2em;
        width: 5vw;
        height: 3.2em;
        height: 5vw
    }

    .first__buy {
        display: inline-block;
        padding-left: 4.8em;
        padding-left: 7.5vw;
        margin-bottom: 6em;
        margin-bottom: 9.375vw;
        margin-top: 0;
        float: none
    }

    .first__buy svg {
        left: 0;
        width: 3.2em;
        width: 5vw;
        height: 3.2em;
        height: 5vw;
        margin-top: -1.6em;
        margin-top: -2.5vw
    }

    .first__buy span {
        font-size: 3em;
        font-size: 4.6875vw;
        line-height: 1em;
        line-height: 4.6875vw
    }

    .main-photo {
        height: 66em;
        height: 90.375vw;
        padding: 3.6em;
        padding: 5.625vw
    }

    .main-photo__img {
        width: 52.4em;
        width: 70.875vw;
        height: 52.4em;
        height: 70.875vw
    }

    .main-photo__img img {
        width: 100%;
        height: auto
    }

    .main-photo__circ-first {
        width: 60em;
        width: 83.75vw;
        height: 60em;
        height: 83.75vw
    }

    .main-photo__circ-bold {
        width: 70em;
        width: 115.375vw;
        height: 70em;
        height: 115.375vw;
        border-width: 16em;
        border-width: 25vw
    }

    .main-photo__circ-thin {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .circ-first {
        width: 32.4em;
        width: 55.5625vw;
        height: 32.4em;
        height: 55.5625vw
    }

    .circ-first:before {
        width: 18em;
        width: 28.125vw;
        height: 18em;
        height: 28.125vw
    }

    .kids-page .circ-first:after {
        top: -2em;
        top: -3.125vw;
        left: 3em;
        left: 4.6875vw;
        width: 5.7em;
        width: 8.90625vw;
        height: 6em;
        height: 9.375vw
    }

    .circ-bold {
        width: 56em;
        width: 85.75vw;
        height: 56em;
        height: 85.75vw
    }


    .circ-bold:after,
    .circ-bold:before {
        display: none;
    }
    .irrigator-page .circ-first {
        width: 48em;
        width: 75vw;
        height: 48em;
        height: 75vw
    }

    .nav-box:before,
    .nav-box_main {
        display: none
    }

    .nav-box .indicator {
        bottom: -1em;
        bottom: -1.5625vw
    }

    .nav-box .indicator span {
        font-size: 2.6em;
        font-size: 4.0625vw;
        line-height: 1em;
        line-height: 4.0625vw
    }

    .nav-box .indicator span:nth-child(2) {
        margin-left: .11538em;
        margin-left: .46875vw;
        margin-right: .11538em;
        margin-right: .46875vw
    }

    .nav {
        padding: 0;
        margin-bottom: 4em;
        margin-bottom: 6.25vw
    }

    .nav-js.disabled .nav__item {
        margin-bottom: 0
    }

    .nav-js.disabled .nav__dot,
    .nav-js.disabled .nav__item:after,
    .nav-js.disabled .nav__item:before {
        display: none
    }

    .nav__item {
        width: 100%;
        height: 11.5em;
        height: 17.96875vw;
        padding-left: 1em;
        padding-left: 1.5625vw;
        padding-right: 1em;
        padding-right: 1.5625vw;
        padding-bottom: 6.5em;
        padding-bottom: 10.15625vw
    }

    .nav__item:before {
        bottom: 1.5em;
        bottom: 2.34375vw;
        margin-left: 1.2em;
        margin-left: 1.875vw
    }

    .nav__item:after {
        bottom: 1.5em;
        bottom: 2.34375vw;
        margin-right: 1.2em;
        margin-right: 1.875vw
    }

    .nav__item:first-child .nav__dot:after,
    .nav__item:first-child .nav__dot:before,
    .nav__item:last-child .nav__dot:after,
    .nav__item:last-child .nav__dot:before {
        width: 2em;
        width: 3.125vw
    }

    .nav__name {
        font-size: 2.5em;
        font-size: 3.90625vw;
        line-height: 1.4em;
        line-height: 5.46875vw;
        height: 2.6em;
        height: 10.15625vw;
        overflow: hidden
    }

    .nav__name a {
        height: 2.2em;
        height: 8.59375vw
    }

    .nav__dot {
        bottom: .6em;
        bottom: .9375vw;
        width: 2em;
        width: 3.125vw;
        height: 2em;
        height: 3.125vw;
        margin-left: -1em;
        margin-left: -1.5625vw
    }

    .item__left {
        float: none;
        width: 100%;
        padding-top: 6em;
        padding-top: 9.375vw;
        padding-left: 2em;
        padding-left: 3.125vw;
        padding-right: 2em;
        padding-right: 3.125vw;
        text-align: center
    }

    .item__left .item__name,
    .item__left h1,
    .item__left h2 {
        display: none
    }

    .item__middle {
        padding-left: 2em;
        padding-left: 3.125vw;
        padding-right: 2em;
        padding-right: 3.125vw
    }

    .item__middle h1,
    .item__middle h2 {
        margin-bottom: 1.7em;
        margin-bottom: 3vw
    }

    .item__right {
        float: none;
        width: 100%;
        margin-top: 16.40625vw;
        padding-bottom: 12em;
        padding-bottom: 18.75vw;
        padding-left: 0
    }

    .item__name {
        font-size: 3.4em;
        font-size: 5vw;
        line-height: 1.18421em;
        line-height: 7.03125vw;
        margin-bottom: .31579em;
        margin-bottom: 1.875vw
    }

    .item__text {
        max-height: 100%
    }

    .item__text h1 {
        margin-bottom: .96154em;
        margin-bottom: 3.90625vw
    }

    .item__text h2 {
        margin-bottom: 1em;
        margin-bottom: 3.125vw
    }

    .item__text p {
        margin-bottom: 1.5625em;
        margin-bottom: 3.90625vw
    }

    .item__text p+p {
        margin-top: -.9375em;
        margin-top: -2.34375vw
    }

    .item__props {
        display: block;
        width: 100%;
        text-align: center
    }

    .item__props li {
        display: inline-block;
        padding-left: 5em;
        padding-left: 7.8125vw;
        margin-bottom: 2.5em;
        margin-bottom: 3.90625vw;
        text-align: left
    }

    .item__props li .icon {
        width: 3.4em;
        width: 5.3125vw;
        height: 3.4em;
        height: 5.3125vw;
        margin-top: .4em;
        margin-top: .625vw
    }

    .item .item-rec {
        display: none
    }

    .item .item-colors {}

    .item .item-colors p {
        margin-bottom: 1em;
        margin-bottom: 4.6875vw
    }

    .item__middle .item-colors p {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .item .item-colors__items {
        padding-left: .4em;
        padding-left: .625vw
    }

    .item .item-colors__item {
        width: 6em;
        width: 9.375vw;
        height: 6em;
        height: 9.375vw;
        border-width: 2px
    }

    .item .item-colors__item:before {
        width: 6.6em;
        width: 10.3125vw;
        height: 6.6em;
        height: 10.3125vw;
        border-width: 2px
    }

    .item .buy-btn {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4.5em;
        margin-bottom: 7.03125vw
    }

    .item .photo-box {
        height: 57.2em;
        height: 89.375vw
    }

    .kids-page .photo-box:after {
        content: "";
        position: absolute;
        top: 8em;
        top: 12.5vw;
        left: 10em;
        left: 15.625vw;
        width: 5.7em;
        width: 8.90625vw;
        height: 6em;
        height: 9.375vw
    }

    .item-photos {
        height: 62.3em;
        height: 97.34375vw
    }

    .item-photos__arr {
        width: 2.4em;
        width: 3.75vw;
        height: 4em;
        height: 6.25vw
    }

    .item-photos__arr_left {
        left: 0
    }

    .item-photos__arr_right {
        right: 0
    }

    .attach {
        position: relative;
        width: 100%;
        height: 78em;
        height: 121.875vw;
        border-radius: 50%;
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .attach:before {
        width: 84em;
        width: 131.25vw;
        height: 84em;
        height: 131.25vw;
        background-color: #fff;
        border-width: 3em;
        border: 4.6875vw solid #89ebff;
        box-sizing: border-box
    }

    .attach:after {
        width: 91em;
        width: 142.1875vw;
        height: 91em;
        height: 142.1875vw;
        background-color: #d4fffe;
        box-sizing: border-box
    }

    .attach__content {
        padding-top: 8.5em;
        padding-top: 13.28125vw;
        background-color: transparent
    }

    .attach__title {
        font-size: 3.8em;
        font-size: 5.9375vw;
        line-height: 1.10526em;
        line-height: 6.5625vw;
        margin-bottom: 1.57895em;
        margin-bottom: 9.375vw
    }

    .attach__items {
        margin-bottom: 3.3em;
        margin-bottom: 5.15625vw
    }

    .attach__item .photo {
        width: 15em;
        width: 23.4375vw;
        height: 20em;
        height: 31.25vw;
        margin-bottom: 3.5em;
        margin-bottom: 5.46875vw
    }

    .attach__item.cs333 .point,
    .attach__item .point,
    .attach__item_rot .photo .point {
        left: 50%;
        top: 50%
    }

    .attach__item.irr .photo {
        width: 15em;
        width: 23.4375vw;
        height: 20em;
        height: 31.25vw
    }

    .attach__link {
        font-size: 3em;
        font-size: 4.6875vw;
        line-height: 1em;
        line-height: 4.6875vw
    }

    .attach__notice {
        display: inline-block;
        padding-left: 3.2em;
        padding-left: 5vw;
        margin-bottom: 3em;
        margin-bottom: 4.6875vw
    }

    .attach__notice .icon {
        width: 2.4em;
        width: 3.75vw;
        height: 2.4em;
        height: 3.75vw;
        margin-top: -1.2em;
        margin-top: -1.875vw
    }

    .attach__notice span {
        font-size: 2.4em;
        font-size: 3.75vw;
        line-height: 1.16667em;
        line-height: 4.375vw
    }

    .attach__notice+.attach__secret {
        margin-top: -1.8em;
        margin-top: -2.8125vw
    }

    .attach__secret {
        display: inline-block;
        margin-bottom: 2.5em;
        margin-bottom: 3.90625vw
    }

    .attach__secret .icon {
        width: 2.4em;
        width: 3.75vw;
        height: 2.4em;
        height: 3.75vw;
        margin-right: 1.5em;
        margin-right: 2.34375vw
    }

    .attach__secret a {
        font-size: 2.4em;
        font-size: 3.75vw;
        line-height: 1.16667em;
        line-height: 4.375vw
    }

    .attach__photo {
        display: none;
        width: 8.6em;
        width: 13.4375vw;
        height: 8.6em;
        height: 13.4375vw;
        margin-right: 2em;
        margin-right: 3.125vw
    }

    .attach__video {
        margin-bottom: 2.5em;
        margin-bottom: 3.90625vw
    }

    .attach__video span {
        font-size: 2.5em;
        font-size: 3.90625vw;
        line-height: 1.4em;
        line-height: 5.46875vw;
        max-width: 16em;
        max-width: 62.5vw;
        margin-right: .4em;
        margin-right: 1.5625vw
    }

    .attach__video svg {
        width: 5em;
        width: 7.8125vw;
        height: 5em;
        height: 7.8125vw
    }

    .brush_cs465_1 {
        top: 8em;
        top: 12.5vw;
        left: 3.4em;
        left: 5.3125vw
    }

    .brush_cs465_2 {
        top: 20.2em;
        top: 31.5625vw;
        left: 3.3em;
        left: 5.15625vw
    }

    .brush_cs465_3 {
        top: 50.5em;
        top: 78.90625vw;
        left: 3.3em;
        left: 5.15625vw
    }

    .brush_cs131_1 {
        top: 3.4em;
        top: 5.3125vw;
        left: 7.5em;
        left: 11.71875vw
    }

    .brush_cs131_2 {
        top: 26.5em;
        top: 41.40625vw;
        left: 7.5em;
        left: 11.71875vw
    }

    .brush_cs131_3 {
        top: 29.8em;
        top: 46.5625vw;
        left: 7.5em;
        left: 11.71875vw
    }

    .brush_cs131_4 {
        top: 43.6em;
        top: 68.125vw;
        left: 7.5em;
        left: 11.71875vw
    }

    .brush_cs333_1 {
        top: 3em;
        top: 4.6875vw;
        left: 5.7em;
        left: 8.90625vw
    }

    .brush_cs333_2 {
        top: 24em;
        top: 37.5vw;
        left: 5.7em;
        left: 8.90625vw
    }

    .brush_cs333_3 {
        top: 29em;
        top: 45.3125vw;
        left: 5.7em;
        left: 8.90625vw
    }

    .brush_cs333_4 {
        top: 41.7em;
        top: 65.15625vw;
        left: 5.7em;
        left: 8.90625vw
    }

    .brush_cs333_5 {
        top: 50.5em;
        top: 78.90625vw;
        left: 1.2em;
        left: 1.875vw
    }

    .brush_cs262_1,
    .brush_cs485_1 {
        top: 3.4em;
        top: 5.3125vw;
        left: 2.7em;
        left: 4.21875vw
    }

    .brush_cs262_2,
    .brush_cs485_2 {
        top: 25em;
        top: 39.0625vw;
        left: 2.7em;
        left: 4.21875vw
    }

    .brush_cs262_3,
    .brush_cs485_3 {
        top: 31em;
        top: 48.4375vw;
        left: 2.7em;
        left: 4.21875vw
    }

    .brush_cs262_4,
    ,
    .brush_cs485_4 {
        top: 49.6em;
        top: 77.5vw;
        left: 2.9em;
        left: 4.53125vw
    }

    .brush_cs232_1 {
        top: 3.6em;
        top: 5.625vw;
        left: 21.5em;
        left: 33.59375vw
    }

    .brush_cs232_2 {
        top: 24.9em;
        top: 38.90625vw;
        left: 21.5em;
        left: 33.59375vw
    }

    .brush_cs232_3 {
        top: 41.8em;
        top: 65.3125vw;
        left: 21.5em;
        left: 33.59375vw
    }

    .brush_cs232_4 {
        top: 51.2em;
        top: 80vw;
        left: 11.8em;
        left: 18.4375vw
    }

    .brush_cs233_1 {
        top: 5.2em;
        top: 8.125vw;
        left: 21.7em;
        left: 33.90625vw
    }

    .brush_cs233_2 {
        top: 21.5em;
        top: 33.59375vw;
        left: 21.9em;
        left: 34.21875vw
    }

    .brush_cs233_3 {
        top: 36.4em;
        top: 56.875vw;
        left: 21.9em;
        left: 34.21875vw
    }

    .brush_cs233_4 {
        top: 47.2em;
        top: 73.75vw;
        left: 2.5em;
        left: 3.90625vw
    }

    .brush_cs233_5 {
        top: 36.4em;
        top: 56.875vw;
        left: 1.4em;
        left: 2.1875vw
    }

    .brush_cs161_1 {
        top: 6.5em;
        top: 10.15625vw;
        left: 2.2em;
        left: 3.4375vw
    }

    .brush_cs161_2 {
        top: 24.2em;
        top: 37.8125vw;
        left: 2.2em;
        left: 3.4375vw
    }

    .brush_cs161_3 {
        top: 50.5em;
        top: 78.90625vw;
        left: 2.4em;
        left: 3.75vw
    }

    .brush_cs562junior_1 {
        top: 2.8em;
        top: 4.375vw;
        left: 2.6em;
        left: 4.0625vw
    }

    .brush_cs562junior_2 {
        top: 11.9em;
        top: 18.59375vw;
        left: 2.6em;
        left: 4.0625vw
    }

    .brush_cs562junior_3 {
        top: 27.3em;
        top: 42.65625vw;
        left: 2.6em;
        left: 4.0625vw
    }

    .brush_cs562junior_4 {
        top: 32.3em;
        top: 50.46875vw;
        left: 2.6em;
        left: 4.0625vw
    }

    .brush_cs562junior_5 {
        top: 45.1em;
        top: 70.46875vw;
        left: 2.6em;
        left: 4.0625vw
    }

    .brush_cs561kids_1 {
        top: 2.8em;
        top: 4.375vw;
        left: 5.4em;
        left: 8.4375vw
    }

    .brush_cs561kids_2 {
        top: 11.9em;
        top: 18.59375vw;
        left: 5.4em;
        left: 8.4375vw
    }

    .brush_cs561kids_3 {
        top: 27.3em;
        top: 42.65625vw;
        left: 5.4em;
        left: 8.4375vw
    }

    .brush_cs561kids_4 {
        top: 32.3em;
        top: 50.46875vw;
        left: 5.4em;
        left: 8.4375vw
    }

    .brush_cs561kids_5 {
        top: 45.1em;
        top: 70.46875vw;
        left: 5.4em;
        left: 8.4375vw
    }

    .brush_cs463_1 {
        top: 5.7em;
        top: 8.90625vw;
        left: 3.6em;
        left: 5.625vw
    }

    .brush_cs463_2 {
        top: 17.8em;
        top: 27.8125vw;
        left: 3.6em;
        left: 5.625vw
    }

    .brush_cs463_3 {
        top: 50.5em;
        top: 78.90625vw;
        left: 3.6em;
        left: 5.625vw
    }

    .brush_cs2_1 {
        top: 3.8em;
        top: 5.9375vw;
        left: 15em;
        left: 23.4375vw
    }

    .brush_cs2_2 {
        top: 10.3em;
        top: 16.09375vw;
        left: 25.4em;
        left: 39.6875vw
    }

    .brush_cs2_3 {
        top: 12.6em;
        top: 19.6875vw;
        left: 25.4em;
        left: 39.6875vw
    }

    .brush_cs2_4 {
        top: 41.6em;
        top: 65vw;
        left: 4.2em;
        left: 6.5625vw
    }
    .brush{
            max-height: 570px;
    }
}

#slogan {
    font-weight: bold;
    font-size: 5vw;
    text-align: center;
    display: block;
    font-family: Intro Black Caps, serif;
    color: #383535;
    margin-bottom: 5px;
}

#slogan strong {
    position: relative;
}

#slogan sup {
    position: absolute;
    right: -15px;
    top: 10px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

#sign_stomat {
    width: 117px;
    height: 100px;
    margin: 5px auto;
    display: block;
}

.item__right #sign_stomat {
    margin: 0 auto 60px;
}

#sign_stomat img {
    max-height: 100%;
}

#slogan__text,
#sign_stomat_text {
    font-family: Proxima Nova, serif;
    font-size: 1em;
    color: #3f3f3f;
    font-weight: 400;
    line-height: 1.33333em;
    padding: .66667em;
    max-width: 767px;
    background: rgba(242, 254, 239, .9);
    position: absolute;
    top: 12vw;
    left: 0;
    cursor: default;
    display: none;
    pointer-events: none;
    text-align: left;
    z-index: 100;
    -webkit-box-shadow: 1px 1px 5px 2px rgba(201, 220, 224, 0.5);
    box-shadow: 1px 1px 5px 2px rgba(201, 220, 224, 0.5);
}

#sign_stomat_text {
    top: 80px;
}

#slogan:hover sup {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    color: red;
}

#slogan:hover+#slogan__text,
#sign_stomat:hover+#sign_stomat_text {
    display: block;
}

.item__right #sign_stomat_text {}

@media (min-width: 768px) {
    #slogan {
        font-size: 4vw;
    }

    #slogan__text {
        top: 18vw;
    }

    .brushes #slogan__text {
        top: 7vw;
        left: 50%;
        width: 600px;
        margin-left: -300px;
    }
}

@media screen and (min-width: 992px) {
    #slogan {
        position: absolute;
        top: -80px;
        font-size: 1.8vw;
        left: 0;
        right: -54vw;
    }

    .item .item__middle .buy-btn,
    .item .item__middle .item-colors {
        display: none;
    }

    .nav-arrow {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .item-photos img {
        max-height: 100%;
    }

    .brushes #slogan {
        right: 0;
    }

    #slogan__text {
        top: -20px;
        width: 46vw;
        left: 13.3vw;
    }

    .brushes #slogan__text {
        top: -20px;
        width: 400px;
        margin-left: -200px;
    }

    #sign_stomat {
        position: absolute;
        right: -80px;
        height: 100px;
        width: 117px;
        top: -90px;
    }

    #sign_stomat_text {
        position: absolute;
        left: auto;
        width: 100%;
        top: 0;
    }

}

@media screen and (min-width: 1200px) {
    #sign_stomat {}
}

@media screen and (min-width: 1600px) {
    #slogan {
        top: -70px;
    }

    #slogan__text {
        width: 31vw;
        left: 21vw;

    }

    #slogan__text p,
    #sign_stomat_text p {
        font-size: 1.1em;
        line-height: 1.1em;
    }

    .brushes #slogan__text {
        top: -30px;
        width: 600px;
        margin-left: -300px;
    }
}

@media screen and (min-width: 1750px) {
    #slogan {
        right: -49vw;
        top: -85px;
    }

    #slogan__text {
        left: 17.5vw;
    }

    .brushes #slogan {
        top: -92px;

    }

    .brushes #slogan__text {
        top: -40px;
        ckei?
    }
}

@media screen and (min-width: 1880px) {
    #slogan {
        right: -44.9vw;
    }

    #slogan__text {
        top: -40px;
        left: 15.2vw;
    }

    #slogan__text p {
        font-size: 1.2em;
        line-height: 1.2em;
    }
}

@media screen and (min-width: 992px) and (max-width: 1400px) and (max-height: 700px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
    }
}

@media screen and (min-width: 992px) and (max-width: 1400px) and (max-height: 600px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.70);
        -moz-transform: scale(0.70);
        -ms-transform: scale(0.70);
        -o-transform: scale(0.70);
        transform: scale(0.70);
    }
}

@media screen and (min-width: 992px) and (max-width: 1400px) and (max-height: 500px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.60);
        -moz-transform: scale(0.60);
        -ms-transform: scale(0.60);
        -o-transform: scale(0.60);
        transform: scale(0.60);
    }
}

@media screen and (min-width: 992px) and (max-width: 1400px) and (max-height: 450px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.50);
        -moz-transform: scale(0.50);
        -ms-transform: scale(0.50);
        -o-transform: scale(0.50);
        transform: scale(0.50);
    }
}

@media screen and (min-width: 1401px) and (max-width: 1600px) and (max-height: 850px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
    }
}

@media screen and (min-width: 1401px) and (max-width: 1600px) and (max-height: 760px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.78);
        -moz-transform: scale(0.78);
        -ms-transform: scale(0.78);
        -o-transform: scale(0.78);
        transform: scale(0.78);
    }
}

@media screen and (min-width: 1401px) and (max-width: 1600px) and (max-height: 700px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }
}

@media screen and (min-width: 1401px) and (max-width: 1600px) and (max-height: 600px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }
}

@media screen and (min-width: 1601px) and (max-width: 1920px) and (max-height: 950px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@media screen and (min-width: 1601px) and (max-width: 1920px) and (max-height: 860px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@media screen and (min-width: 1601px) and (max-width: 1920px) and (max-height: 770px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }
}

@media screen and (min-width: 1601px) and (max-width: 1920px) and (max-height: 700px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }
}

@media screen and (min-width: 1601px) and (max-width: 1920px) and (max-height: 600px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@media screen and (min-width: 1921px) and (max-height: 950px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@media screen and (min-width: 1921px) and (max-height: 850px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@media screen and (min-width: 1921px) and (max-height: 750px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
    }
}

@media screen and (min-width: 1921px) and (max-height: 650px) {

    .first,
    .item.page-content {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6);
    }
}










.region-check-wrapper {
    margin-top: 4.4vw;
    padding: 5px;
}

.region-check-wrapper>a {
    cursor: default;
    line-height: 115%;
    text-align: center;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    width: 100%;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.region-check-wrapper>a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 30px;
    background-image: url(../img/map.svg);
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-right: 7px;
}

.region-check-wrapper.open>a:after {
    background-color: #FFF;
}

.region-check-wrapper a:hover,
.region-check-wrapper a:active,
.region-check-wrapper a:focus {
    text-decoration: none;
}

.region-check-wrapper a>span {
    font-size: 4vw;
    color: #239fff;
    border-bottom: dotted 1px #0079c2;
    vertical-align: middle;
}

.region-check-wrapper.open a>span {
    border-color: transparent;


}

.region-check-wrapper .region-check {
    display: block;
    position: absolute;
    top: 19.5vw;
    left: 15px;
    right: 15px;
    z-index: -1;
    padding: 11vw 15px 20px;
    margin-top: -1px;
    visibility: hidden;
    width: 90%;
    left: 50%;
    margin-left: -45%;
    min-width: 290px;
}

.region-check-wrapper .region-check {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.region-check-wrapper.open .region-check {
    visibility: visible;
    background-color: #FFF;
    border: 1px solid #0079c2;
}

.region-check-wrapper .region-check p {
    font-size: 120%;
    line-height: 140%;
    font-family: 'Roboto', Arial, sans-serif;
    color: #44484b;
}

.region-check-wrapper .region-check span {
    display: block;
    margin: 5% 0;
    color: #44484b;
    font-size: 120%;
    font-weight: bold;
}

.region-check-wrapper button {
    font-size: 3vw;
    text-align: center;
    border: none;
    padding: 3.7% 8%;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.region-check-wrapper button:focus {
    outline: none;
}

.region-check-wrapper .region-check-yes {
    width: 44%;
    background: #21a8fd;
    color: #fff;
}

.region-check-wrapper .region-check-yes:hover,
.region-check-wrapper .region-check-yes:focus {
    background-color: #1a90d0;
}

.region-check-wrapper .region-check-no {
    font-family: 'Roboto', Arial, sans-serif;
    color: #0079c2;
    background-color: transparent;
}

.region-check-wrapper .region-check-no:hover,
.region-check-wrapper .region-check-no:focus {
    text-decoration: underline;
}

.region-slide-block {
    position: fixed;
    z-index: 2000;
    background: rgba(30, 125, 215, 0.9);
    width: 100%;
    top: -750px;
    left: 0;
    color: #fff;
    padding: 15px 10px 25px 20px;
}

.region-slide-block>.container {
    position: relative;
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    -ms-overflow-y: scroll;
    overflow-y: scroll;
    height: 420px;
}

.region-slide-block ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 700px;
    margin: 15px;
    text-align: left;
}

.region-slide-block ul li {
    page-break-inside: avoid;
    break-inside: avoid;
    padding-left: 18px;
    position: relative;
}

.region-slide-block ul li:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
}

.region-slide-block .title {
    font-family: 'Roboto', Arial, sans-serif;
    margin-top: 10px;
}

.region-slide-block button.close {
    right: 0;
    position: absolute;
    top: 0;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    background: #fc5352;
    width: 30px;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.region-slide-block ul li:after {
    content: "";
    display: block;
    opacity: 0;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #f7931d;
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -3px;

}

.region-slide-block ul li:hover:before,
.region-slide-block ul li.active:before {
    border-color: #f7931d;
}

.region-slide-block ul li:hover:after,
.region-slide-block ul li.active:after {
    opacity: 1;
}

.region-slide-block ul li a {
    color: #fff;
    padding: 4px 0;
    display: inline-block;
    font-size: 90%;
    max-width: 140px;
}

.region-slide-block ul li a:hover,
.region-slide-block ul li a:focus,
.region-slide-block ul li a:visited {
    text-decoration: none;
    color: #fff;
}

.region-slide-block button.close:hover {
    color: #d86595;
}

@media (max-width: 768px) {
    #region-check-block {
        text-align: center;
    }

    .region-check-wrapper {
        display: inline-block;
    }
    .region-check-wrapper button{
          padding: 2% 6%;
        -webkit-border-radius: 35px;
        border-radius: 35px; 
    }
    .region-check-wrapper .region-check-yes{
        width: 38%;
    }
    .region-check-wrapper a>span {
        font-size: 3vw;
    }

    .region-check-wrapper .region-check {
        top: 20vw;
        width: 90.5vw
    }

    .region-check-wrapper button,
    .region-check-wrapper .region-check span {
        font-size: 2.5vw;
    }
}

@media (min-width: 992px) {
    .region-check-wrapper>a {
        color: #fff;
    }

    .region-check-wrapper>a:hover {
        color: #0079c2;
    }

    .region-check-wrapper a span {
        border-color: #fff;
    }

    .region-check-wrapper>a:before {
        width: 12px;
        height: 10px;
        margin-right: 0;
    }

    .region-check-wrapper {
        margin-top: 1.6vw;
        padding: 0;
        position: absolute;
    }

    #region-check-block {
        max-width: 75vw;
        padding-left: .9375vw;
        padding-right: .9375vw;
        margin: 0 auto;
        position: relative;

    }

    .region-check-wrapper a>span {
        font-size: 0.8vw;
    }

    .region-check-wrapper>a {
        text-align: left;
        width: 100%;

    }

    .region-check-wrapper .region-check {
        width: 330px;
        top: -0.8vw;
        padding-top: 4vw;
        text-align: center;
        /* left: 0; */
        margin-left: -165px;
        min-width: auto;
    }

    .region-check-wrapper button,
    .region-check-wrapper .region-check span {
        font-size: 1vw;
    }

    .region-slide-block ul {
        height: 370px;
    }

    .region-check-wrapper .region-check-yes {
        width: 12.1vw;
    }

    .region-slide-block ul li a {
        font-size: 1vw;
    }

    .region-slide-block .title {
        font-size: 1vw;
    }
}

@media (min-width: 1200px) {
    .region-check-wrapper>a {
        max-width: 100%;
    }

    .region-check-wrapper .region-check {
        width: 420px;
        margin-left: -210px;
    }

    .region-check-wrapper button {
        padding: 3% 8%;
    }
}

@media (min-width: 1500px) {
    .region-check-wrapper button {
        padding: 2.7% 6%;
        width: 10.5vw;
    }

    .region-check-wrapper .region-check-yes {
        width: 10.5vw;
    }

    .region-check-wrapper button,
    .region-check-wrapper .region-check span {
        font-size: 0.8vw;
    }

    .region-slide-block ul {
        height: 26vw;
    }

    .region-check-wrapper .region-check {
        padding-bottom: 25px;
    }

}

@media (min-width: 1601px) {
    #region-check-block {
        max-width: 120em;
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    .region-check-wrapper a>span {
        font-size: 0.7vw;
    }

    .region-check-wrapper .region-check {
        width: 450px;
        margin-left: -225px;
    }
}


.col-xs-12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.col-xs-6 {
    width: 50%;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}

.col-sm-3,
.col-lg-2,
.col-xs-6  {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.col-xs-6 {
    padding-right: 7px;
    padding-left: 7px;
}
.blue-button {
    font-size: 4vw;
    text-align: center;
    border: none;
    padding: 10px 35px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    background: #21a8fd;
    color: #fff;
}

.text-center {
    text-align: center;
}



/*** page shops**/
main.shops {
    height: auto;
    min-height: 90vh;
}

.shops .image {
    display: inline-block;
    padding: 15px 15px;
    margin-bottom: 15px;
    position: relative;
    border: 1px solid #239fff;
    background-color: #fff;
    width: 100%;
    height: 80px;
    -webkit-background-size: 70%;
    -o-background-size: 70%;
    background-size: 70%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.shops .image:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    top: 0;
    height: 100%;
    background-color: rgba(18, 206, 242, .1);
    -webkit-transition: width 0.7s;
    -moz-transition: width 0.7s;
    -ms-transition: width 0.7s;
    -o-transition: width 0.7s;
    transition: width 0.7s;
    z-index: 0;
}

.shops .image:hover:after {
    width: 100%;
    left: auto;
    right: 0;
}

.shops .image:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.shops h2 {
    text-align: center;
    margin-bottom: 4vw;
    margin-top: 3vw;
}

.more-shops {
    margin-top: 30px;
    display: inline-block;
}

@media (min-width: 640px) {
    .col-xs-12 {
        width: 50%;
    }

    .blue-button {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (min-width: 768px) {
    .col-sm-3 {
        width: 25%;
    }
}

@media (min-width: 992px) {
    .region-slide-block>.container {
        overflow: visible;
    }

    main.shops {
        padding-top: 150px;
        padding-bottom: 40px;
        min-height: 100%;
    }

    main.shops+footer {
        position: relative;
    }

    .shops .image {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .col-lg-2 {
        width: 16.666666%;
    }

    .region-slide-block ul {
        height: 520px;
    }

    .region-slide-block>.container {
        height: 580px;
    }

    .region-slide-block ul li a {
        max-width: 180px;
    }
}

@media (min-width: 1880px) {
    .region-slide-block ul li a {
        font-size: 0.8vw;
    }
}



/******menu******/
.drawer-list {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    transform: translate(100vw, 0);
    -ms-transform: translatex(-100vw);
    box-sizing: border-box;

    padding-top: 85px;
    transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease;
    border-bottom-left-radius: 100vw;
    background-color: #3e444e;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 98;
}

.drawer-list .address {
    position: relative;
    z-index: 10;
    color: #fff;
    text-align: right;
    max-width: 270px;
    float: right;
    padding-right: 2rem;
}

.drawer-list .address a {
    color: #fff;
    padding-right: 0 !important;
}

@media (min-width: 768px) {
    .drawer-list {
        width: 60vw;
    }
}

@media (min-width: 992px) {
    .drawer-list {
        width: 43vw;
    }
}

@media (min-width: 1200px) {
    .drawer-list {
        width: 35vw;
    }

    .drawer-list .address {
        position: absolute;
        right: 0;
        bottom: 1em;
    }
}

.drawer-list ul {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    overflow-x: hidden;
    pointer-events: auto;
    text-align: right;
    padding-right: 1em;
}

.drawer-list .main-menu li {
    list-style: none;
    text-transform: uppercase;
    pointer-events: auto;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transform: translatex(100vw);
    /* ie workaround */
    -ms-transform: translatex(-100vw);
}

.drawer-list .address li {
    list-style: none;
    text-transform: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transform: translatex(100vw);
    /* ie workaround */
    -ms-transform: translatex(-100vw);
    font-size: 0.9em;
}

.drawer-list li a {
    text-decoration: none;
    color: #FEFEFE;
    text-align: center;
    display: block;
    padding: 0.3rem 0.8rem;
    font-size: calc(20px - .5vw);
    display: inline-block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #239fff;
}

.drawer-list .main-menu-dop li {
    transform: translatex(100vw);
    /* ie workaround */
    -ms-transform: translatex(-100vw);
    list-style: none;
}

.drawer-list .main-menu-dop li a {

    font-size: calc(18px - .5vw);
}

.drawer-list .main-menu-dop li a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 30px;
    background-image: url(../img/map.svg);
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-right: 7px;
}

.drawer-list .address li a {
    text-align: right;
    font-size: 0.9em;
}

@media (min-width: 768px) {
    .drawer-list li a {
        text-align: right;
        padding: 0.5rem 0.8rem;
        font-size: 1.2em;
    }
}

@media (min-width: 1200px) {
    .drawer-list .address li a {
        font-size: 1.1em;
    }

    .drawer-list {
        padding-top: 150px;
    }
}

@media (min-width: 1500px) {
    .drawer-list ul {
        padding-right: 3em;
    }

    .drawer-list .address {
        max-width: 350px;
        padding-right: 7rem;
    }
}

.drawer-list .main-menu li a:hover {
    cursor: pointer;
}

input.hamburger {
    display: none;
}

input.hamburger:checked~.drawer-list {
    transform: translatex(0);
    border-bottom-left-radius: 0;
}

input.hamburger:checked~.drawer-list li {
    transform: translatex(0);
}

input.hamburger:checked~.drawer-list .main-menu li:nth-child(1) {
    transition: transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked~.drawer-list .main-menu li:nth-child(2) {
    transition: transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked~.drawer-list .main-menu li:nth-child(3) {
    transition: transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked~.drawer-list .main-menu li:nth-child(4) {
    transition: transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked~.drawer-list .main-menu-dop li:nth-child(1) {
    transition: transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked~.drawer-list .main-menu-dop li:nth-child(2) {
    transition: transform 1s 0.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}


/*input.hamburger:checked ~ .drawer-list li a {
  padding-right: 15px;
}*/
.drawer-list li a:hover {
    text-decoration: underline;
}

input.hamburger:checked~label>i {
    background-color: transparent;
    transform: rotate(90deg);
}

input.hamburger:checked~label>i:before {
    transform: translate(-50%, -50%) rotate(315deg);
}

input.hamburger:checked~label>i:after {
    transform: translate(-50%, -50%) rotate(-315deg);
}

input.hamburger:checked~label {
    background: #FC5352;
}

input.hamburger:checked~label close {
    color: #fff;
    width: 100%;
}

input.hamburger:checked~label open {
    color: transparent;
    width: 0;
}

label.hamburger {
    z-index: 99;
    position: absolute;
    display: block;
    height: 18.75vw;
    width: 35px;
    right: 0;
    background: #20a9fd;
    top: 0;
    width: 18.75vw;
    -webkit-transition: background 0.7s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
}

label.hamburger:hover {
    cursor: pointer;
}

label.hamburger text close,
label.hamburger text open {
    text-transform: uppercase;
    font-size: 0.9em;
    text-align: center;
    position: absolute;
    transform: translateY(7vw);
    text-align: center;
    overflow: hidden;
    transition: width .25s .35s, color .45s .35s;
    left: 0;
    top: 34%;
}

label.hamburger text close {
    color: transparent;
    right: 0;
    width: 0;
    font-size: .8em;
}

label.hamburger text open {
    color: #fff;
    width: 100%;
}

label.hamburger>i {
    position: absolute;
    width: 60%;
    height: 2px;
    top: 40%;
    left: 20%;
    background-color: #fff;
    pointer-events: auto;
    transition-duration: .35s;
    transition-delay: .35s;
}

label.hamburger>i:before,
label.hamburger>i:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    left: 50%;
    background-color: #fff;
    content: "";
    transition: transform 0.35s;
    transform-origin: 50% 50%;
}

label.hamburger>i:before {
    transform: translate(-50%, -10px);
}

label.hamburger>i:after {
    transform: translate(-50%, 10px);
}

@media (min-width: 600px) {
    .region-check-wrapper>a:before {
        width: 30px;
        height: 35px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .region-check-wrapper {
        margin-top: 6.4vw;
    }

    .first__left #slogan {
        width: 370px;
    }

    label.hamburger text close,
    label.hamburger text open {
        font-size: 1.2em;

    }

    label.hamburger>i {
        height: 3px;
    }

    label.hamburger>i:before {
        transform: translate(-50%, -15px);
        height: 3px;
    }

    label.hamburger>i:after {
        transform: translate(-50%, 15px);
        height: 3px;
    }

    .drawer-list .main-menu {
        margin-top: 70px;
    }


    .drawer-list li a {
        font-size: calc(26px - .5vw);
    }

    .drawer-list .main-menu-dop li a {
        font-size: calc(24px - .5vw);
    }
}

@media (min-width: 768px) {
    .region-check-wrapper .region-check p{
        font-size: 2.5vw;
    }
    main{
       padding-top: 20.58333vw; 
    }
    .first__left{
       padding-top: 3vw; 
    }
    .region-check-wrapper{
            margin-top: 3.4vw;
    }
    label.hamburger {
        height: 10.41667vw;
        width: 10.41667vw;
    }

    .drawer-list .contact-phone {
        position: absolute;
        top: 3vw;
        left: 6vw;
    }


    label.hamburger text close,
    label.hamburger text open {
        top: 3%;
    }

    p {
        font-size: 3vw;
        line-height: 4vw;
    }
}

@media (min-width: 992px) {
    p {
        font-size: 1.1vw;
        line-height: 1.3vw;
    }
    .drawer-list,
    label.hamburger {
        display: none;
    }
    .first__text {
        padding-right: 10px;
    }
    .first__left #slogan{
        width: auto;
    }
    .region-check-wrapper>a:before {
    width: 20px;
    height: 20px;
    }
    .region-check-wrapper {
        margin-top: 1.5vw;
    }
    .region-check-wrapper .region-check p {
        font-size: 1vw;
    }
    .main-menu li{
        padding: 10px 0 0;
    }    
    .main-menu li a{
            font-family: Intro Black Caps, serif;
    }
    header .header__left{
        width: 20%;
    }
    header .header__middle{
        width: 56%;
    }
}



.first.page-content .first__middle h1 {
    display: none;
}

.sub-menu {
    position: absolute;
    height: auto;
    min-width: 200px;
    padding: 0;
    margin: 0;
    background: #ffffff;
    border-top: 4px solid #e7fafe;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    top: 70px;
    z-index: 1000;
    box-shadow: 1px 1px 3px 0px #b5b4b4;
}

.sub-menu li {
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #e7fafe;
}

.sub-menu li:hover {
    background: #e7fafe;
}

.sub-menu li a {
    padding: 10px 15px;
    color: #239fff;
}

.main-menu>li:hover>ul {
    display: block;
    opacity: 1;
    visibility: visible;
    top: auto;
}

.subtop-menu-item {
    color: #239fff;
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@keyframes top {
    from {
        top: 35%;
    }

    to {
        top: 7%;
    }
}

@-webkit-keyframes top {
    from {
        top: 35%;
    }

    to {
        top: 7%;
    }
}

.search-holder {
    height: 100%;
    width: 100%;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
}

.search-holder.active {
    visibility: visible;
    z-index: 100000;
}

.search-holder .circle {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #2BADD8;
    clip-path: circle(30px at 50% 50%);
    transition: clip-path .4s ease-in;
    -webkit-transition: clip-path .4s ease-in;
    z-index: 2;
}

.search-holder.active .circle {
    clip-path: circle(100% at 50% 50%);
    transition: clip-path .4s ease-in;
    -webkit-transition: clip-path .4s ease-in;
}

header .main-menu .search-button {
    right: -39px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    width: 30px;
    height: 30px;
    background-color: #18c0f6;
    border-radius: 50%;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU2Ljk2NiA1Ni45NjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2Ljk2NiA1Ni45NjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiPgo8cGF0aCBkPSJNNTUuMTQ2LDUxLjg4N0w0MS41ODgsMzcuNzg2YzMuNDg2LTQuMTQ0LDUuMzk2LTkuMzU4LDUuMzk2LTE0Ljc4NmMwLTEyLjY4Mi0xMC4zMTgtMjMtMjMtMjNzLTIzLDEwLjMxOC0yMywyMyAgczEwLjMxOCwyMywyMywyM2M0Ljc2MSwwLDkuMjk4LTEuNDM2LDEzLjE3Ny00LjE2MmwxMy42NjEsMTQuMjA4YzAuNTcxLDAuNTkzLDEuMzM5LDAuOTIsMi4xNjIsMC45MiAgYzAuNzc5LDAsMS41MTgtMC4yOTcsMi4wNzktMC44MzdDNTYuMjU1LDU0Ljk4Miw1Ni4yOTMsNTMuMDgsNTUuMTQ2LDUxLjg4N3ogTTIzLjk4NCw2YzkuMzc0LDAsMTcsNy42MjYsMTcsMTdzLTcuNjI2LDE3LTE3LDE3ICBzLTE3LTcuNjI2LTE3LTE3UzE0LjYxLDYsMjMuOTg0LDZ6IiBmaWxsPSIjRkZGRkZGIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}

header .main-menu .search-button:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    background-color: #1cb4f9;
    background-size: 15px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.28);
}
.search-holder {
    overflow: hidden;
}
.search-holder .search-suggest {
    width: 100%;
    background-color: transparent;
    height: 60px;
    color: #131617;
    text-align: left;
    border: 0;
    box-shadow: none;
    outline: none;
    transform: translate(0, 55px);
    transition: transform .4s ease;
    font-size: 16px;
    padding: 0 20px;
    opacity: 0;
    visibility: hidden;
}

.search-suggest::-webkit-input-placeholder {
    color: #2BADD8
}

.search-holder.active .search-suggest {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    transition: transform .4s ease, opacity .2s ease;
    -webkit-transition: transform .4s ease, opacity .2s ease;
    transition-delay: .3s;
}

.search-holder.active input[type='submit'] {
    position: absolute;
    height: 100%;
    right: -140px;
    background: #fc5352;
    width: 130px;
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
}

.search-holder form {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    z-index: 10;
    background-color: #2BADD8;
    transition: width .4s ease, background-color .4s ease;
    -webkit-transition: width .4s ease, background-color .4s ease;
}

.search-holder.active form {
    background-color: #fff;
    width: 100%;
    max-width: 80%;
    margin-bottom: 25px;
    transition: width .4s ease, background-color .4s ease;
    -webkit-transietion: width .4s ease, background-color .4s ease;
}
.search-holder a.close + div {
    height: 100%;
    overflow: hidden;
}
.search-holder .form-wrapper {
    position: relative;
    z-index: 10;
    top: 35%;
/*    height: 65%;
    overflow: hidden;*/
}
.search-holder .form-wrapper.result-show{
    top: 7%;
/*    height: 93%;*/
}
.search-holder .close {
    background: #fc5352;
    font-size: 30px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .9s ease, background 0.3s, transform 0.3s;
    -moz-transition: opacity .9s ease, background 0.3s, transform 0.3s;
    -ms-transition: opacity .9s ease, background 0.3s, transform 0.3s;
    -o-transition: opacity .9s ease, background 0.3s, transform 0.3s;
    transition: opacity .9s ease, background 0.3s, transform 0.3s;
}
.search-holder .close i{
    
}
.search-holder .close i:before, .search-holder .close i:after {
    position: absolute;
    display: block;
    width: 55%;
    height: 2px;
    left: 50%;
    background-color: #fff;
    content: "";
    transition: transform 0.35s;
    transform-origin: 50% 50%;
    top: 25px;
}
.search-holder .close i:before {
    transform: translate(-50%, -50%) rotate(315deg);
}

.search-holder .close i:after {
    transform: translate(-50%, -50%) rotate(-315deg);
}
.search-holder .close span{
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    font-size: 12px;
}
.search-holder.active .close {
    opacity: 1;
    cursor: pointer;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    text-decoration: none;
}

.search-holder.active .close:hover {
    text-decoration: none;
    background-color: #F53231;
}
.search-result-item {
    display: block;
    background: #fff;
    padding: 17px 35px;
    -webkit-border-radius: 80px;
            border-radius: 80px;
    margin-bottom: 15px;
    text-decoration: none;
    -webkit-transition: transform 0.3s;
       -moz-transition: transform 0.3s;
        -ms-transition: transform 0.3s;
         -o-transition: transform 0.3s;
            transition: transform 0.3s;
}
.search-result-item  .image {
    display: block;
    width: 50px;
    height: 45px;
    float: left;
    margin-right: 20px;
}
.search-result-item  .image img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}
.search-result-item:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.28);
}
.result-wrapper-title {
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
}
.search-result-item font.notetext{
    color: #0e1315;
}
.search-result-block .search-language-guess{
    color: #FC5352;
}
.page-list{
 list-style: none;
 margin: 0 0 30px 30px;
 display: block;   
 text-align: right;
}
.page-list li {
   display: inline-block;
   margin-right: 15px; 
   vertical-align: middle;
}
.page-list li:not(.nav) a{
        display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #FFF;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    color: #239fff;
    -webkit-box-shadow: 0 0 0 3px #87d6f1;
            box-shadow: 0 0 0 3px #87d6f1;
    -webkit-transition: transform 0.3s;
       -moz-transition: transform 0.3s;
        -ms-transition: transform 0.3s;
         -o-transition: transform 0.3s;
            transition: transform 0.3s;
}
.page-list li:not(.nav) a:hover,
.page-list li.sel a{
-webkit-box-shadow: 0 0 0 3px #fff;
    box-shadow: 0 0 0 3px #fff;
    -webkit-transform: scale(1.25);
       -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
         -o-transform: scale(1.25);
            transform: scale(1.25);
}
.page-list li.sel a {
    color: #131617;
    font-weight: normal;
}
.page-list li.nav {
    display: none;
}
.search-holder .form-wrapper > h2{
    color: #fff;
    margin-left: 40px;
    font-size: 12px;
    margin-bottom: 20px;
}
div[id*='wait_comp_'] {
       left: 50% !important;
    margin-left: -66px !important;
    top: 62% !important;
    z-index: 100000 !important; 
    background: #c1eefd!important;
    border: none!important;
    -webkit-border-radius: 25px !important;
            border-radius: 25px !important;
}
@media (min-width: 1200px) {
    .search-result-item .image{
        width: 8vw;
        height: 4.5vw;
    }
    .search-result-item {
      padding: 20px 40px; 
      margin-bottom: 18px; 
    }
    .search-holder .search-suggest{
       padding: 0 30px;
    }
}

@media (min-width: 1500px) {
    .main-menu > li {
        padding: 15px 0 0;
    }
    .first__right{
        padding-top: 6vw;
    }
    .drawer-list li a {
        padding: 1.6rem;
        font-size: 1.5em;
    }

    body>header .logo img {
        margin-left: 5%;
    }

    label.hamburger {
        right: 5%;
    }
    header .main-menu .search-button{
        width: 36px;
        height: 36px;
        background-size: 14px;
        margin-top: -18px;
        right: -50px;
    }
    .search-result-item {
        margin-bottom: 25px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
}
@media (min-width: 1700px) {
    p {
        font-size: 16px;
        line-height: 20px;
    }
    .company-logo {
        margin-right: 2em;
    }
    .main-menu li a {
        font-size: 1.3em;
    }
    .first__left {
        padding-top: 2vw;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) and (max-height: 650px) {
    .search-holder .form-wrapper.result-show {
        -webkit-transform: scale(0.9);
           -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
             -o-transform: scale(0.9);
                transform: scale(0.9);
    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) and (max-height: 610px) {
    .search-holder .form-wrapper.result-show {
        top: -2%;
        -webkit-transform: scale(0.8);
           -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
             -o-transform: scale(0.8);
                transform: scale(0.8);
    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) and (max-height: 550px) {
    .search-holder .form-wrapper.result-show {
        top: -7%;
        -webkit-transform: scale(0.7);
           -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
             -o-transform: scale(0.7);
                transform: scale(0.7);
    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) and (max-height: 480px) {
    .search-holder .form-wrapper.result-show {
        top: -16%;
        -webkit-transform: scale(0.63);
           -moz-transform: scale(0.63);
            -ms-transform: scale(0.63);
             -o-transform: scale(0.63);
                transform: scale(0.63);
    }

}

@media screen and (min-width: 1200px) and (max-width: 1499px) and (max-height: 800px) {
    .search-holder .form-wrapper.result-show {
        -webkit-transform: scale(0.9);
           -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
             -o-transform: scale(0.9);
                transform: scale(0.9);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1499px) and (max-height: 750px) {

    .search-holder .form-wrapper.result-show {
        top: -2%;
        -webkit-transform: scale(0.8);
           -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
             -o-transform: scale(0.8);
                transform: scale(0.8);
    }
}

@media screen and (min-width: 1200px) and (max-width: 1499px) and (max-height: 680px) {
    .search-holder .form-wrapper.result-show {
        top: -7%;
        -webkit-transform: scale(0.7);
           -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
             -o-transform: scale(0.7);
                transform: scale(0.7);
    }

}

@media screen and (min-width: 1200px) and (max-width: 1499px) and (max-height: 600px) {

    .search-holder .form-wrapper.result-show {
        top: -10%;
        -webkit-transform: scale(0.65);
           -moz-transform: scale(0.65);
            -ms-transform: scale(0.65);
             -o-transform: scale(0.65);
                transform: scale(0.65);
    }
}

@media screen and (min-width: 1500px) and (max-height: 830px) {
    .search-holder .form-wrapper.result-show {
        top: 2%;
        -webkit-transform: scale(0.9);
           -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
             -o-transform: scale(0.9);
                transform: scale(0.9);
    }

}

@media screen and (min-width: 1500px) and (max-height: 750px) {
    .search-holder .form-wrapper.result-show {
        top: -1%;
        -webkit-transform: scale(0.8);
           -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
             -o-transform: scale(0.8);
                transform: scale(0.8);
    }
}

@media screen and (min-width: 1500px) and (max-height: 700px) {
    .search-holder .form-wrapper.result-show {
        top: -5%;
        -webkit-transform: scale(0.7);
           -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
             -o-transform: scale(0.7);
                transform: scale(0.7);
    }
}

@media screen and (min-width: 1500px) and (max-height: 650px) {
    .search-holder .form-wrapper.result-show {
        top: -10%;
        -webkit-transform: scale(0.65);
           -moz-transform: scale(0.65);
            -ms-transform: scale(0.65);
             -o-transform: scale(0.65);
                transform: scale(0.65);
    }

}
.bestsellers {
    margin-bottom: 15px;
}
.bestsellers li{
    min-width: 170px;
    margin-right: 10px;
    background-color: #a0e6fd;
    padding: 5px 10px;
    vertical-align: middle;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: none;
    -webkit-transform: scale(0.4);
       -moz-transform: scale(0.4);
        -ms-transform: scale(0.4);
         -o-transform: scale(0.4);
            transform: scale(0.4);
    opacity: 0;
    -webkit-transition: transform 0.3s, opacity 0.2s;
       -moz-transition: transform 0.3s, opacity 0.2s;
        -ms-transition: transform 0.3s, opacity 0.2s;
         -o-transition: transform 0.3s, opacity 0.2s;
            transition: transform 0.3s, opacity 0.2s;
}
.bestsellers li:first-child{
    -webkit-transition-delay: 0.4s;
       -moz-transition-delay: 0.4s;
        -ms-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
            transition-delay: 0.4s;
}
.bestsellers li:nth-child(2){
    -webkit-transition-delay: 0.5s;
       -moz-transition-delay: 0.5s;
        -ms-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
}
.bestsellers li:nth-child(3){
    -webkit-transition-delay: 0.6s;
       -moz-transition-delay: 0.6s;
        -ms-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
}
.bestsellers li:nth-child(4){
    -webkit-transition-delay: 0.7s;
       -moz-transition-delay: 0.7s;
        -ms-transition-delay: 0.7s;
         -o-transition-delay: 0.7s;
            transition-delay: 0.7s;
}
.bestsellers li:first-child,
.bestsellers li:nth-child(2),
.bestsellers li:nth-child(3){
    display: inline-block;
}
.bestsellers li a,
.bestsellers li small,
.bestsellers li img{
    display: inline-block;
    vertical-align: middle;
}
.bestsellers li img{
    position: absolute;
    left: 10px;
    top: 50%;
    height: 85px;
    width: auto;
    margin-top: -43px;
    -webkit-transform: rotate(10deg);
       -moz-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
         -o-transform: rotate(10deg);
            transform: rotate(10deg);
    -webkit-transition: transform 0.3s;
       -moz-transition: transform 0.3s;
        -ms-transition: transform 0.3s;
         -o-transition: transform 0.3s;
            transition: transform 0.3s;
}
.bestsellers li a{
    display: block;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    padding: 5px 10px 5px 45px;
    position: relative;
    font-weight: bold;
}
.bestsellers li small {
    white-space: nowrap;
    font-weight: normal;
}
.bestsellers li:hover{
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.28);
}
.bestsellers li:hover img{
    -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
        -ms-transform: rotate(0);
         -o-transform: rotate(0);
            transform: rotate(0);
}
@media (min-width: 1500px) {
    .bestsellers li{
        display: inline-block;
    }
}
.search-holder.active .bestsellers li{
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
.animate-listing-photos{
    position: absolute;
    top: 50%;
    left: 65%;
    margin-left: -25px;
    z-index: 1000;
    pointer-events: none;
}
.animate-listing-photos img._360{
    opacity: 0;
    display: block;
    margin: 0 auto;
    -webkit-animation: opacityDelay 3.8s;
   -moz-animation: opacityDelay 3.8s;
     -o-animation: opacityDelay 3.8s;
        animation: opacityDelay 3.8s;
    -webkit-animation-delay: .5s;
       -moz-animation-delay: .5s;
         -o-animation-delay: .5s;
            animation-delay: .5s;
}
.animate-listing-photos img.hand{
    opacity: 0;
    width: 36px;
    height: auto;
    position: relative;
      -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
           -ms-transform: translateX(0);
            -o-transform: translateX(0);
               transform: translateX(0);
        -webkit-animation: moveLeftRight 1.5s;
       -moz-animation: moveLeftRight 1.5s;
         -o-animation: moveLeftRight 1.5s;
            animation: moveLeftRight 1.5s;
        -webkit-animation-delay: 1s;
           -moz-animation-delay: 1s;
             -o-animation-delay: 1s;
                animation-delay: 1s;
    animation-iteration-count: 2;
}
.animate-listing-photos:after{
/*    opacity: 0;
    z-index: -1;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: rgba(234, 43, 42, 0.63);
    position: absolute;
    top: -2px;
    left: -7px;
        -webkit-animation: widthLeftRight 1.5s;
       -moz-animation: widthLeftRight 1.5s;
         -o-animation: widthLeftRight 1.5s;
            animation: widthLeftRight 1.5s;
            -webkit-animation-delay: 1s;
           -moz-animation-delay: 1s;
             -o-animation-delay: 1s;
                animation-delay: 1s;
    animation-iteration-count: 2;*/
}
@keyframes moveLeftRight {
    0% {
        opacity: 1;
       -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
           -ms-transform: translateX(0);
            -o-transform: translateX(0);
               transform: translateX(0);
    }

    100% {
        opacity: 1;
       -webkit-transform: translateX(30px);
          -moz-transform: translateX(30px);
           -ms-transform: translateX(30px);
            -o-transform: translateX(30px);
               transform: translateX(30px);
    }
}

@-webkit-keyframes moveLeftRight {
    0% {
        opacity: 1;
       -webkit-transform: translateX(0);
          -moz-transform: translateX(0);
           -ms-transform: translateX(0);
            -o-transform: translateX(0);
               transform: translateX(0);
    }

    100% {
        opacity: 1;
       -webkit-transform: translateX(30px);
          -moz-transform: translateX(30px);
           -ms-transform: translateX(30px);
            -o-transform: translateX(30px);
               transform: translateX(30px);
    }
}
@keyframes opacityDelay {
    0% {
        opacity: 0;
    }
    90% {
        opacity: 1;
    }    
}
@media (min-width: 992px) {
    .animate-listing-photos{
        display: none;
    }
}