/*---navigation + action img---*/
.action-navigation-top {
    position: relative;
    height: 500px;
    background-position: center center;
    background-size: cover; -webkit-background-size: cover;
    margin-top: -45px;
}
.action-navigation-top .text-inner-page {
    position: relative;
    height: 284px;
}
.action-logo {
    position: absolute;
    left: 0; bottom: 20px;
}
.action-menu {
    height: 58px; width: 100%;
    margin-bottom: 51px;
    background: #f1f2f2;
    padding-top: 19px;
    text-align: center;
    position: relative;
}
.action-menu .container { position: relative }
.action-menu ul { margin: 0; }
.action-menu li {
    font-size: 14px;
    letter-spacing: 1px;
    margin-right: 18px; margin-left: 18px;
}
.action-menu li a {
    border-bottom-color: transparent;
    color: #000;
}
.action-menu li a:hover { border-bottom-color: #000; }
.action-menu li.active, .action-menu li.active a {
    color: #ec087a;
    border-bottom-color: #ec087a;
}
.action-menu li.active:after { display: none }
.action-menu .s-box-sh {
    position: absolute;
    white-space: nowrap;
    right: 70px; top: -4px
}
.action-menu .s-box-sh .label-text { color: #fff; }
.action-menu .s-box-sh .s-box { display: inline-block; }
.wrn-content + .action-menu { margin-top: 66px; }
@media screen and (max-width: 1050px) { /*for 768*/
    .action-navigation-top { height: 277px; }
    .action-navigation-top .text-inner-page { height: auto; }
    .action-logo { display: none; }
    .action-menu {
        height: 60px;
        padding-top: 19px;
        margin-bottom: 41px;
    }
    .action-menu li {
        font-size: 17px;
        margin-right: 19px; margin-left: 19px;
    }
    .action-menu .s-box-sh { display: none }
    .wrn-content + .action-menu { margin-top: 51px; }
}
@media screen and (max-width: 760px) { /*for 420*/
    .action-navigation-top {
        height: 152px;
        margin-top: -39px;
    }
    .action-menu {
        padding: 0;
        height: auto;
        margin-top: 0; margin-bottom: 34px;
        background: none;
    }
    .action-menu .nav-header {
        margin-bottom: 0;
        padding-bottom: 22px; padding-top: 22px;
        background: #f1f2f2;
    }
    .action-menu li {
        font-size: 17px;
        margin-right: 0; margin-left: 0;
        margin-bottom: 3px;
    }
    .action-menu li a:hover {
        border-bottom: 2px solid #000;
        margin-bottom: -2px;
    }
    .action-menu li.active a {
        border-bottom: 2px solid #ec087a;
        margin-bottom: -2px;
    }
    .wrn-content + .action-menu { margin-top: 71px; }
}


/*---action header---*/
.action-header { max-width: 980px; }
.action-header h1 {
    line-height: 1.2;
    font-size: 20px;
    margin-bottom: 20px; margin-top: 0;
}
.title-action {
    line-height: 1.2;
    font-size: 28px;
    margin-top: 3px;
    font-weight: 700;
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    text-transform: uppercase;
    padding-top: 10px;
}
/*.action-header h1:last-child { margin-bottom: 0 }*/
.action-header-thanks {
    max-width: 715px;
    padding-top: 46px;
    margin-bottom: 38px;
}
.action-header-thanks h1 {
    margin-bottom: 11px;
    text-transform: none;
    font-weight: 400;
    font-size: 24px;
}
.action-header-thanks .big-text {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.375;
}
    @media screen and (max-width: 1050px) { /*for 768*/
        .action-header h1, .title-action {
            line-height: 1.175;
        }
    }
    @media screen and (max-width: 760px) { /*for 420*/
        .action-header { margin-bottom: 0; }
        .action-header h1, .email {
            line-height: 1.2;
            margin-bottom: 20px;
        }
        h1 + .big-text, h2 + .big-text { margin-top: 6px; }
        .title-action {
            margin-bottom: 44px;
            font-size: 22px;
        }
        .title-mob-center {
            text-align: center;
        }
    }

.visible-xs-btn { display: none !important; }
    @media screen and (max-width: 760px) { /*for 420*/
        .visible-xs-btn {
            display: block !important;
            margin-bottom: 40px; margin-top: -5px;
        }
    }

/*---action top info---*/
.action-info {
    margin-bottom: 70px;
    padding-top: 32px; padding-bottom: 36px;
    background: #f1f2f2;
}
.action-block p + .btn-group-vertical,
.action-content-text + .btn-group-vertical {
    margin-top: 52px;
}
.action-block .btn-group-vertical {
    display: block;
    width: 100%;
}
.action-block .btn-group-vertical .btn { margin-bottom: 19px; }
.action-block .btn-group-vertical .btn:last-child { margin-bottom: 0 }
.action-info .info-box {
    padding-top: 8px; padding-bottom: 20px;
}
.action-info .info-box:last-child { padding-bottom: 0 }
.info-box {
    line-height: 1.2;
    font-weight: 400;
}
.info-box .ico { float: left }
.info-box .text-box {
    margin-left: 47px;
    font-size: 12px;
}
.info-box label {
    font-weight: 400;
    margin: 0;
    font-size: 17px;
}
.info-box .ico-location-big {
    margin-top: -4px; margin-left: 4px;
}
.item-name {
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
    font-weight: 700;
    font-size: 16px;
    display: block;
    letter-spacing: -0.5px;
    line-height: 1.1;
    margin-bottom: 3px;
}
.open .item-name, .open .text-pink,
.info-box .ico-location, .info-box .ico-product {
    z-index: 5;
    position: relative;
}
.white-dropdown-menu {
    background: #fff;
    top: -8px; left: -11px;
    width: 310px;
    padding-top: 81px;
    font-family: 'Roboto', Arial, Verdana, sans-serif;
    font-weight: 400;
    font-size: 17px;
    z-index: 4;
    padding-left: 35px; padding-bottom: 45px;
}
.white-dropdown-menu li { padding-bottom: 5px; }
.white-dropdown-menu li .ico-location-small {
    margin-right: 9px; margin-top: 5px;
}
.white-dropdown-menu li a {
    font-family: 'Roboto', Arial, Verdana, sans-serif;
    font-weight: 400;
}
.white-dropdown-menu:after {
    display: none;
}
.action-block  {
    padding-bottom: 33px;
    margin-bottom: 33px;
}
.action-block-btn {
    padding-bottom: 45px;
}
.btn-bottom.text-center { letter-spacing: -0.3em }
.btn-bottom.text-center .col-md-6 .btn { letter-spacing: 1.8px }
.btn-bottom.text-center .col-md-6 {
    display: inline-block;
    float: none;
}
.text-inner-col h3 {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 16px;
}
.text-inner-col p, .text-inner-col {
    font-size: 15px;
    line-height: 1.2;
    word-break: break-word;
}
@media screen and (max-width: 1050px) { /*for 768*/
    .action-info {
        padding-bottom: 30px; padding-top: 30px;
        margin-bottom: 52px;
    }
    .action-block p + .btn-group-vertical,
    .action-content-text + .btn-group-vertical {
        margin-top: 37px;
    }
    .action-block .btn-group-vertical .btn {
        margin-bottom: 23px;
    }
    .action-block {
        padding-bottom: 18px;
        margin-bottom: 34px;
    }
    .action-block-btn {
        padding-bottom: 33px;
        margin-bottom: 23px;
    }
    .white-dropdown-menu {
        left: -7px;
        width: 247px;
        padding-top: 68px;
        font-size: 14px;
        padding-left: 31px;
        padding-bottom: 21px;
    }
    .white-dropdown-menu li .ico-location-small {
        margin-right: 9px;
        margin-top: 2px;
    }
    .white-dropdown-menu li a { padding-left: 31px; }

    .text-inner-col h3 {
        margin-bottom: 29px; margin-top: -4px;
    }
    .text-inner-col, .text-inner-col p { line-height: 1.6; }
    .s-box-sh .s-box ul { margin-bottom: 17px; }
}

@media screen and (max-width: 760px) { /*for 420*/
    .action-info {
        margin-bottom: 45px;
        padding-top: 44px; padding-bottom: 54px;
    }
    .action-info .info-box {
        padding-top: 0; padding-bottom: 30px;
    }
    .info-box .ico-location-big {
        margin-top: -5px; margin-left: 3px;
    }
    .info-box .text-box { margin-left: 50px; }
    .info-box label {
        font-size: 17px;
        margin-bottom: 2px;
    }
    .item-name { margin-bottom: 4px; }
    .action-block {
        padding-bottom: 25px;
        margin-bottom: 36px;
    }
    .action-block-btn {
        padding-bottom: 19px;
        margin-bottom: -1px;
        border-bottom: none;
    }
    .action-block p + .btn-group-vertical,
    .action-content-text + .btn-group-vertical {
        margin-top: 61px;
    }
    .action-block .btn-group-vertical .btn { margin-bottom: 26px; }
    .action-img { margin-bottom: 20px; }
    .btn-large {
        height: 50px;
        font-size: 17px;
        padding: 14px;
    }
    .btn-border-pink.btn-large { padding: 12px 14px; }
    .btn-border-pink.btn-large .ico-arrow-right {
        top: 17px; right: 13px;
    }
    .btn-bottom .btn { margin-bottom: 15px; }
    .white-dropdown-menu {
        top: -10px;
        width: 310px;
        padding-top: 76px; padding-bottom: 41px;
        font-size: 17px;
        padding-left: 31px;
    }
    .white-dropdown-menu li { padding-bottom: 4px; }
    .white-dropdown-menu li a { padding-left: 41px; }
    .white-dropdown-menu li .ico-location-small { margin-top: 4px; }

    .s-box-sh .s-box ul { margin-bottom: 4px; }

    .text-inner-col h3 {
        margin-bottom: 18px; margin-top: 0;
    }
}


/*---action img carusel---*/
/* .swiper-img { padding-top: 20px; } */
.swiper-img .swiper-wrapper {
    padding-bottom: 75px;
    text-align: center;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0; left: 0;
    width: 100%;
}
.swiper-pagination-bullet {
    width: 20px; height: 20px;
    border: 1px solid #ec087a;
    margin-left: 7px !important; margin-right: 7px !important;
    opacity: 1;
    background: #fff;
    position: relative;
}
.swiper-pagination-bullet-active:after {
    width: 10px; height: 10px;
    background: #ec087a;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
    position: absolute;
    content: '';
    top: 4px; left: 4px;
}
@media screen and (max-width: 1050px) { /*for 768*/
    .swiper-img .swiper-wrapper { padding-bottom: 57px; }
    .swiper-img { padding-top: 0 }
}

@media screen and (max-width: 760px) { /*for 320*/
    .swiper-img .swiper-wrapper { padding-bottom: 20px; }
}


/*---Report---*/
.nav-report {
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 63px; margin-top: -2px;
    font-family: 'Roboto Condensed', Arial, Verdana, sans-serif;
}
.nav-report li {
    height: 40px;
    line-height: 18px;
    display: inline-block;
    white-space: nowrap;
}
.nav-report li a {
    display: inline-block;
    width: 220px; height: 100%;
    color: #000;
    padding-top: 9px;
    border: 2px solid #3fe9d1;
    border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px;
    position: relative;
    cursor: pointer;
}
.nav-report li.active a, .nav-report li.check-li a { background: #3fe9d1; }
.nav-report li .dot {
    color: #3fe9d1;
    position: relative;
    padding-left: 11px; padding-right: 11px;
    display: inline-block;
    vertical-align: top;
    margin: 12px 9px 0 9px;
    font-size: 16px;
}
.nav-report li:last-child .dot { display: none; }
.nav-report li .dot:after, .nav-report li .dot:before {
    content: '•';
    color: #3fe9d1;
    position: absolute;
    right: 0; top: 0;
    display: inline-block;
    vertical-align: top;
}
.nav-report li .dot:before {
    left: 0; right: auto;
}
.nav-report li .check-ico {
    position: absolute;
    width: 15px; height: 15px;
    background: url("/img/icons.png") 0 -114px no-repeat;
    content: '';
    top: 11px; left: 11px;
}
@media screen and (max-width: 1050px) { /*for 768*/
    .nav-report {
        font-size: 12px;
        margin-bottom: 59px; margin-top: 21px;
    }
    .nav-report li { height: 37px; }
    .nav-report li a {
        padding-top: 7px;
        width: 200px;
    }
    .nav-report li .dot {
        padding-left: 10px; padding-right: 10px;
        margin: 9px 6px 0 6px;
    }
    .nav-report li.check-li a:after, .nav-report li.active a:after { top: 9px; }
}
@media screen and (max-width: 850px) {
    .nav-report li a { width: 180px; }
}
@media screen and (max-width: 760px) { /*for 420*/
    .nav-report {
        font-size: 14px;
        padding-left: 27px; padding-right: 27px;
        display: block;
        margin-top: 24px; margin-bottom: 67px;
    }
    .nav-report li {
        display: block;
        height: 50px; width: 100%;
        margin: 0 auto 15px auto;
        max-width: 313px;
    }
    .nav-report li a {
        padding-top: 16px;
        width: 100%;
        border-radius: 26px; -moz-border-radius: 26px; -webkit-border-radius: 26px;
    }
    .nav-report li .dot { display: none; }
    .nav-report li.check-li a:after, .nav-report li.active a:after {
        top: 16px; left: 18px;
    }
}


/*---monster + text---*/
.img-monster {
    margin-top: 20px; margin-bottom: 32px;
}
.img-text-monster .big-text { max-width: 530px; }
.img-monster1 img { margin-left: -30px; }
.img-monster2 img { margin-left: 22px; }
.img-monster3 { margin-top: 0; margin-bottom: 24px; }
.img-monster3:last-child { margin-top: 0; margin-bottom: 32px; }
@media screen and (max-width: 1050px) { /*for 768*/
    .img-text-monster { padding-bottom: 20px; }
    .img-text-monster .big-text { max-width: 410px; }
    .img-monster {
        margin-top: 24px; margin-bottom: 28px;
    }
    .img-monster1 img {
        width: 104px; height: 151px;
        margin-left: -20px;
    }
    .img-monster2 {
        margin-top: 12px; margin-bottom: 21px;
    }
    .img-monster2 img {
        width: 144px; height: 176px;
        margin-left: 32px;
    }
}
@media screen and (max-width: 760px) { /*for 420*/
    .img-text-monster { padding-bottom: 35px; }
    .img-text-monster .big-text { max-width: 320px; }
    .img-text-monster1 .big-text br { display: block }
    .img-monster {
        margin-top: 27px; margin-bottom: 28px;
    }
    .img-monster1 img {
        width: 107px; height: 157px;
        margin-left: -20px;
    }
    .img-monster2 {
        margin-top: 20px; margin-bottom: 25px;
    }
    .img-monster2 img {
        width: 135px; height: 161px;
        margin-left: 22px;
    }
}


/*---thanks page---*/
.text-inner-thanks {
    background: #f4f5f5;
    padding-top: 59px;
    margin-bottom: 59px;
}
.text-inner-thanks .row { margin-left: -10px; margin-right: -10px; }
.text-inner-thanks .number-list {
    margin-top: 47px;
    max-width: none;
}
.text-inner-thanks .promo-block-list__item {
    padding-left: 10px; padding-right: 10px;
    margin-bottom: 8px;
}
.text-inner-thanks .promo-block-list__text h4 {
    margin-bottom: 10px;
    font-size: 24px;
}
.text-inner-thanks .promo-block-list__text p {
    line-height: 1.43;
    font-size: 14px;
    letter-spacing: normal;
}
.text-inner-thanks .action-header-thanks {
    padding-top: 0;
    margin-bottom: 25px;
}
.text-inner-thanks .action-block-thanks .text-box {
    margin-bottom: 66px;
    padding-left: 15px; padding-right: 15px;
}
.text-inner-thanks .action-block-thanks {
    margin-bottom: 0;
}
.action-block-thanks .text-condensed,
.action-block-thanks .block-margin-bottom {
    margin-bottom: 55px;
}
.action-block-thanks .text-box-full {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
    margin: 0 auto;
}

    @media screen and (max-width: 1050px) { /*for 768*/
        .text-inner-thanks .row { margin-left: auto; margin-right: auto; }
        .text-inner-thanks .number-list { max-width: 800px; }
        .text-inner-thanks .promo-block-list__item {
            padding-left: 12px; padding-right: 12px;
            margin-bottom: 28px;
            width: 50%; float: left;
        }
    }
    @media screen and (max-width: 760px) { /*for 420*/
        .text-inner-thanks .promo-block-list__item {
            padding-left: 0; padding-right: 0;
            margin-bottom: 28px;
            width: 100%; float: none;
        }
        .text-inner-thanks .promo-block-list__text {
            margin-left: 0;
            text-align: center;
        }
    }
.action-block-thanks {
    max-width: 1052px;
    text-align: center;
    margin-bottom: 37px;
}
.action-block-thanks row {
    margin-top: 10px;
}

.action-block-thanks .col-md-6,
.action-block-thanks .col-md-4 {
    display: inline-block;
    float: none;
    letter-spacing: normal;
    vertical-align: top;
}
.action-block-thanks .col-md-6 {
    max-width: 430px;
}
.action-block-thanks .img-box {
    width: 80px; height: 80px;
    background: #2febd1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 19px;
}
.action-block-thanks .img-box .ico { background-size: 209px auto; }
.action-block-thanks .text-box {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33;
    padding-right: 35px; padding-left: 35px;
    max-width: 400px;
    margin: 0 auto;
}
    @media screen and (max-width: 1050px) {
        .action-block-thanks .text-box {
            font-size: 14px;
            padding-right: 0; padding-left: 0;
        }
    }
    @media screen and (max-width: 760px) {
        .action-block-thanks {
            margin-top: 28px;
        }
        .action-block-thanks .col-md-4 {
            margin-bottom: 28px;
        }
        .action-block-thanks .col-md-4:last-child {
            margin-bottom: 0;
        }
        .action-block-thanks .text-box {
            font-size: 18px;
            max-width: 400px;
            margin-left: auto; margin-right: auto;
        }
    }




/*---bottom sticker---*/
.wrn-img {
    background: #fff;
    position: fixed;
    bottom: 0;  left: 0;
    z-index: 10;
    width: 100%;
    text-align: center;
    padding-left: 25px; padding-right: 25px;
}

.action-content-text td {
    border: none !important;
}

.ol-custom {
    padding-left: 15px;
}

.ol-custom li {
    padding-left: 15px;
    padding-bottom: 20px;
}

.ol-custom-bold {
    padding-left: 5px;
    counter-reset: item;
}

.ol-custom-bold > li {
    margin: 0;
    padding: 0 0 0 2em;
    text-indent: -1em;
    list-style-type: none;
    counter-increment: item;
    padding-bottom: 20px;
}

.ol-custom-bold > li:before {
    display: inline-block;
    width: 1em;
    padding-right: 1em;
    font-weight: bold;
    text-align: right;
    content: counter(item) ".";
}

body .city-dropdown {
    padding-left: 20px;
}

body .city-dropdown li a {
    padding-left: 0;
    text-transform: lowercase;
}

body .city-dropdown li a:first-letter {
    text-transform: capitalize;
}

.link-to-instruction {
    display: inline-block;
    font-size: 12px;
}

.upload_screen_important {
    color: darkorange;
    display: inline-table;
    position: absolute;
    top: 36%;
    left: 25%;
    font-size: 80%;
}

.promo-img-box {
    display: block;
    padding-bottom: 10px;
}

.promo-img-box img {
    display: block;
    margin: 0 auto;
}