body {
    background: #F6F6F6;
}
.container {
    max-width: 100%;
}
@media screen and (max-width: 1023px){
    .container-mob{
        max-width: 520px;
    }
}


/* ----- gift-certificate ----- */
.gift-certificate {
    background: #BEE0E2;
}
.gift-certificate .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.gift-certificate__wr-img img {
    display: block;
    margin: 0px auto;
    width: 100%;
}
.gift-certificate__wr-text {
    padding: 40px 32px 48px;
    width: 460px;
    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;
}
.gift-certificate__wr-btn * {
    display: inline-block;
    vertical-align: middle;
}
.gift-certificate__wr-btn .promotion-rules__btn {
    display: inline;
}
.gift-certificate__wr-btn .promotion-rules__wr-btn {
    margin-left: 12px;
    max-width: 186px;
}
@media screen and (max-width: 1023px){
    .gift-certificate {
        background: #FFFFFF;
    }
    .gift-certificate__wr-img {
        background: #BEE0E2;
    }
    .gift-certificate__wr-img img {
        max-width: 100%;
        width: 100%;
    }
    .gift-certificate__wr-text {
        padding: 0px;
        width: 100%;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-radius: 0px;
    }
    .gift-certificate__wr-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .gift-certificate__wr-btn * {
        width: 100%;
    }
    .gift-certificate__wr-btn .promotion-rules__wr-btn {
        margin-left: 0px;
        max-width: 100%;
        text-align: center;
    }
}
/* /----- gift-certificate ----- */

.list__numbered-name {
    position: relative;
    display: block;
    padding-left: 23px;
    font: 16px/24px "Gilroy-Regular";
}
.list__numbered-number {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font: 16px/24px "Gilroy-Regular";
}


/*--- footer ---*/
.footer{
    padding: 32px 0px;
    text-align: center;
    background: #F6F6F6;
}
.footer__social ul li{
    display: inline-block;
    vertical-align: top;
}
.footer__social ul li + li{margin-left: 5px;}
.footer__social ul a{
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #BBBBBB;
}
.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%);
}
.footer__info-item {
    line-height: 0;
}
/*--- /footer ---*/

.promotion-rules__bg,
.bg{
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    z-index: 108;
}
.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: 108;
}
.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: 108;
}
@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;
}

.popup__wr-promotion-rules {
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 130;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

}
.popup__promotion-rules {
    position: relative;
    top: 0px;
    left: 0px;
    display: inline-block !important;
    margin: 32px 0;
    padding: 40px 80px 80px 64px;
    max-width: 880px;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-overflow-scrolling: touch;

}
.promotion-rules__bg {
    display: block;
}
@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__promotion-rules {
        position: fixed;
        top: 0px;
        left: 0px;
        margin: 0px;
        padding: 40px 16px 80px;
        max-width: 100%;
        height: 100%;
        border-radius: 0px;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        background: #ffffff;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}
/* -----/popup----- */