@media screen and (max-width: 1023px){
    .container-mob{
        max-width: 520px;
    }
}

/*--- header ---*/
.header{
    padding: 8px 0px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    z-index: 106;
}
.header__logo{
    float: left;
}
.header__wr-phone{
    float: right;
    margin-top: 3px;
    line-height: 0;
    text-align: left;
}
.header__wr-phone-number{
    display: block;
    font: 14px/16px "Gilroy-Bold";
}
.header__wr-phone-number:hover,
.header__wr-phone p:hover{color: #00b9bf;}
.header__wr-phone-call{
    display: inline-block;
    border-bottom: 1px dashed #D3D3D3;
    cursor: pointer;
}
.header__wr-phone-number:hover{border-bottom-color: #00b9bf;}
.header__free-call{
    font: 10px/12px "Gilroy-Regular";
    color: #666666;
}
@media screen and (max-width: 1023px){
    .header{
        position: relative;
        padding: 15px 0px;
        height: 56px;
        line-height: 0px;
        text-align: center;
    }
    .header__logo{margin-top: 2px;}
    .header__wr-phone{margin-top: 0px;}
    .header__wr-phone-number:hover,
    .header__wr-phone p:hover{color: inherit;}
}
/*--- /header ---*/


/* ----- main-screen ----- */
.main-screen{
    position: relative;
    overflow: hidden;
    background: #F2F2F2;
}
.main-screen .container{
    position: relative;
    height: 100%;
}
.main-screen__title {
    color: #2196F3;
}
.main-screen__img {
    display: block;
    width: 100%;
}
.main-screen .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.main-screen__banner{
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
.main-screen__logo{
    position: relative;
    margin-left: 102px;
    z-index: 1;
}
.main-screen__content{
    position: absolute;
    bottom: 80px;
    left: 142px;
    width: 500px;
}
@media screen and (max-width: 1279px){
    .main-screen__logo{margin-left: 0px;}
    .main-screen__content{left: 40px;}
}
@media screen and (max-width: 1023px){
   .main-screen__logo{
        position: absolute;
        bottom: 24px;
        left: 16px;
        width: 152px;
   }
}
/* /----- main-screen ----- */


/* ----- pillow-height ----- */
.pillow-height__wr-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.pillow-height__item {
    position: relative;
    width: 448px;
}
.pillow-height__item:nth-child(1) {
    z-index: 3;
}
.pillow-height__item:nth-child(2) {
    z-index: 2;
}
.pillow-height__item:nth-child(3) {
    z-index: 1;
}
.pillow-height__item:nth-child(2),
.pillow-height__item:nth-child(3) {
    margin-left: -170px;
}
.pillow-height__item img {
    display: block;
    width: 100%;
}
.pillow-height__item-content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.pillow-height__item-content-wr {
    margin: 0px auto;
    padding: 56px 0px 24px;
    width: 170px;
    height: 100%;
    text-align: center;
}
.pillow-height .color-blue {
    color: #2196F3;
}
@media screen and (max-width: 1023px){
   .pillow-height__wr-item {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .pillow-height__item {
        max-width: 488px;
        width: 100%;
    }
    .pillow-height__item-content-wr {
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 28px 0px 0px 0px;
        height: auto;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
    .pillow-height__item:nth-child(2),
    .pillow-height__item:nth-child(3) {
        margin-left: 0px;
    }
}
/* /----- pillow-height ----- */


/* ----- effect ----- */
.effect {
    background: #F2F2F2;
}
.effect__wr-img {
    position: relative;
}
.effect__wr-img img {
    display: block;
    width: 100%;
}
.effect__wr-dots {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.72);
    cursor: pointer;
}
.effect__wr-dots.hover,
.effect__wr-dots:hover {
    width: 48px;
    height: 48px;
    background: rgba(255,255,255,1);
}
.effect__wr-dots:nth-child(1) {
    top: 71px;
    left: 50%;
    margin-left: -80px;
}
.effect__wr-dots:nth-child(2) {
    top: 50%;
    left: 50%;
    margin-left: 70px;
    margin-top: -65px;
}
.effect__wr-dots:nth-child(3) {
    top: 50%;
    left: 50%;
    margin-left: -95px;
    margin-top: 25px;
}
.effect__wr-dots:nth-child(4) {
    bottom: 94px;
    left: 50%;
    margin-left: 54px;
}
.effect__dots {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.effect__wr-dots.hover .effect__dots,
.effect__wr-dots:hover .effect__dots {
    width: 24px;
    height: 24px;
}
.effect__wr-dots:nth-child(1) .effect__dots {
    background: #2196F3;
}
.effect__wr-dots:nth-child(2) .effect__dots {
    background: #BA68C8;
}
.effect__wr-dots:nth-child(3) .effect__dots {
    background: #FFD54F;
}
.effect__wr-dots:nth-child(4) .effect__dots {
    background: #fe0066;
}
.effect .tab {
    position: relative;
    padding: 16px 16px 16px 52px;
    width: 100%;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid transparent;
}
.effect .tab.hover,
.effect .tab:hover {
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
    border: 1px solid #CCCCCC;
}
.effect .tab:after {
    content: "";
    position: absolute;
    top: 22px;
    left: 22px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
.effect .tab.blue:after {
    background: #2196F3;
}
.effect .tab.purple:after {
    background: #BA68C8;
}
.effect .tab.yellow:after {
    background: #FFD54F;
}
.effect .tab.pink:after {
    background: #fe0066;
}
.effect .tab + .tab {
    margin-top: 16px;
}
.effect .row-tabs {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media screen and (max-width: 1023px){
    .effect__wr-img img {
        margin: 0px auto;
        max-width: 288px;
    }
    .effect__wr-dots {
        width: 24px;
        height: 24px;
    }
    .effect__dots {
        width: 12px;
        height: 12px;
    }
    .effect__wr-dots:hover .effect__dots {
        width: 12px;
        height: 12px;
    }
    .effect__wr-dots:hover {
        width: 24px;
        height: 24px;
        background: rgba(255,255,255,0.72);
    }
    .effect .tab:hover {
        border: 1px solid transparent;
    }
    .effect__wr-dots.active .effect__dots{
        width: 20px;
        height: 20px;
    }
    .effect__wr-dots.active {
        width: 40px;
        height: 40px;
        background: rgba(255,255,255,1);
    }
    .effect .tab {
        display: none;
    }
    .effect .tab:first-child {
        display: block;
    }
    .effect .tab + .tab {
        margin-top: 0px;
    }
    .effect__wr-dots:nth-child(1) {
        top: 50px;
        margin-left: -47px;
    }
    .effect__wr-dots:nth-child(2) {
        margin-left: 36px;
        margin-top: -40px;
    }
    .effect__wr-dots:nth-child(3) {
        margin-left: -48px;
        margin-top: -48px;
    }
    .effect__wr-dots:nth-child(4) {
        margin-left: 14px;
        top: 94px;
    }
    .effect .wr-tab {
        margin-top: -100px;
    }
}
/* /----- effect ----- */


/*--- product ---*/
.card__wr-price .card__price {
    display: inline-block;
    vertical-align: middle;
    color: #fe0066;
}
.card__wr-price .card__old-price{
    display: inline-block;
    margin-left: 13px;
    vertical-align: middle;
    color: #666666;
    text-decoration: line-through;
    -webkit-text-decoration-color: #fe0066;
    text-decoration-color: #fe0066;
}
.product .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.product__wr-img img{
    display: block;
    width: 100%;
}
.product__content{
    display: inline-block;
    padding: 0px 80px;
    line-height: normal;
    vertical-align: middle;
}
.product__name {
    color: #2196F3;
}
.product__content .btn{width: 228px;}
@media screen and (max-width: 1279px){
    .product__content{padding: 0px 16px;}
}
@media screen and (max-width: 1023px) {
    .product__content{
        display: block;
        padding: 0px 0px;
    }
    .product__content .btn{
        font: 16px/24px "Gilroy-Bold";
        height: 48px;
        width: 100%;
    }
}
/* /----- product ----- */


/*--- footer ---*/
.footer{
    padding: 32px 0px;
    background: #F6F6F6;
}
.footer__logo{
    float: left;
    width: 152px;
    height: 40px;
    background: url(/local/templates/landings/base/img/svg/logo-big-gray.svg) no-repeat center;
}
.footer__info{float: right;}
.footer__info-item{
    display: inline-block;
    margin-left: 21px;
    vertical-align: middle;
}
.footer__social ul li{
    display: inline-block;
    vertical-align: top;
}
.footer__social ul li + li{margin-left: 13px;}
.footer__social ul a{
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #999999;
}
.footer__social ul a:hover{background: #666666;}
.footer__social ul a img{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px){
   .footer{
        padding: 24px 0px;
        line-height: 0px;
        text-align: center;
    }
   .footer__logo{display: none;}
   .footer__info{
        float: none;
        display: -ms-flexbox;
        -js-display: flex;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .footer__info-copyright{margin-bottom: 8px;}
    .footer__info-item{
        display: block;
        margin-left: 0px;
        width: 100%;
    }
}
/*--- /footer ---*/

.bg{
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    z-index: 106;
}
.popup__submit-application,
.popup__call-back{
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    padding: 40px 32px 48px;
    max-width: 384px;
    -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    background: #FFFFFF;
    -webkit-box-shadow: 0px 14px 25px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 14px 25px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    z-index: 107;
}
.popup__submit-application .btn,
.popup__call-back .btn{width: 100%;}
.popup__close{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px;
    width: 40px;
    height: 40px;
    background: url(/local/templates/landings/base/img/svg/cancel-popup.svg) no-repeat center;
    cursor: pointer;
}
.popup__close:hover{background: url(/local/templates/landings/base/img/svg/cancel.svg) no-repeat center;}
.popup__submit-application .wr-input,
.popup__call-back .wr-input{width: 100%;}

.popup__wr-thanks{
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    padding: 40px 32px 48px;
    max-width: 360px;
    -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    background: #FFFFFF;
    -webkit-box-shadow: 0px 14px 25px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 14px 25px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    z-index: 107;
}
@media screen and (max-width: 1023px){
    .popup__submit-application,
    .popup__wr-thanks,
    .popup__call-back{
        top: 0px;
        left: 0px;
        padding: 40px 16px 48px;
        max-width: 100%;
        width: 100%;
        height: 100%;
        -webkit-transform: none;
                -ms-transform: none;
            transform: none;
        border-radius: 0px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* -----popup----- */
.popup-show{display: block !important;}
.popup-overlay{
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 104;
}
.popup-area-cancel{z-index: 110;}

.popup .popup__wrp-label{
    position: relative;
    margin-bottom: 24px;
}
.popup .popup__wrp-label > *{float: left;}
.popup .popup__label{
    margin-top: 8px;
    margin-right: 16px;
    width: 120px;
    line-height: inherit;
}
.popup .popup__label span{color: #F44336;}
.popup .popup__input{width: 253px;}
.popup .popup__hint{
    margin-top: 4px;
    margin-left: 16px;
    width: 75px;
}
.popup__input-error{border-color: #F44336 !important;}
.popup__input-error ~ .wr-input__error-txt{display: block;}
.popup__error-message{
    display: none;
    position: absolute;
    top: 44px;
    left: 157px;
    font: 12px/16px "Gilroy-Regular";
    color: #F44336;
}

.popup__thank{
    padding: 40px 32px 48px;
    width: 662px;
    height: 324px;
}


.popup__become-member{
    padding: 40px 32px 48px;
    width: 622px;
}
.popup__become-member .select,
.popup__become-member .wr-input{
    width: 272px;
}
.popup__terms{
    margin-left: 136px;
    width: 320px;
}
@media (max-width: 1023px) {
    .popup__thank,
    .popup__become-member{
        top: 0px;
        left: 0px;
        padding: 40px 16px 48px;
        width: 100%;
        height: 100%;
        -webkit-transform: none;
                -ms-transform: none;
            transform: none;
        border-radius: 0px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .popup__label,
    .popup__hint{display: none;}
    .popup__become-member .select,
    .popup__become-member .wr-input{width: 100%;}
    .popup__terms,
    .popup .btn{
        margin-left: 0px;
        width: 100%;
    }
}
/* -----/popup----- */