.page-wrapper {
    min-height: 100vh;
    align-items: flex-start;
}

.page-inner,
.page-container {
    width: 100%;
}

@media (min-width: 992px) {
    .page-container {
        max-width: 880px;
    }
}

/******** MAIN COMPONENTS ********/
.dropdown-menu {
    border-radius: 0;
    border: none;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.29);
    top: 20px !important;
    font-size: 14px;
}

.dropdown-item:focus, .dropdown-item:hover {
    background: none;
    opacity: 0.8;
}

.dropdown-menu button {
    margin: 10px 0;
}


/******** COMPONENTS STATES ********/

.btn-primary {
    background: #3399cd;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    background: #287ba5;
}

.btn.btn-primary:not(:disabled):hover,
.btn.btn-primary:not(:disabled):focus,
.btn.btn-primary:not(:disabled):active {
    background: #287ba5;
    color: #fff;
}


.btn--disabled {
    opacity: 0.35;
}


/******************************************* NEW HEADER 1  /****************************************** */
.page-header--extended {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px 12px 27px;
}


@media (min-width: 530px) {
    .page-header--extended {
        padding: 22px 25px;
    }
}

@media (min-width: 768px) {
    .page-header a {
        font-size: 22px;
    }

    .page-header--extended {
        padding: 20px 30px 20px 33px;
    }
}

.hamburger-button {
    background: url("../img/icons/hamburger-menu.svg") no-repeat;
    width: 30px;
    height: 16px;
}

.hamburger-button:active,
.hamburger-button:focus {
    outline: none;
}

.hamburger-button.is-opened {
    background: url("../img/icons/close-icon.svg") no-repeat;
    background-size: 100% 100%;
}

.info-bar {
    display: flex;
    justify-content: space-between;
    height: 33px;
    border-bottom: 1px solid #fff;
}

@media (min-width: 768px) {
    .info-bar {
        justify-content: flex-end;
    }
}

.info-bar p {
    white-space: nowrap;
}

.show-md-mobile,
.show-lg-mobile {
    display: none;
}

@media (min-width: 375px) {
    .info-bar p {
        display: none;
    }

    .info-bar .show-md-mobile {
        display: block;
    }
}

@media (min-width: 530px) {

    .info-bar .show-md-mobile {
        display: none;
    }

    .info-bar .show-lg-mobile {
        display: block;
    }
}

.info-bar__right {
    background: #3E8E11;
    color: #fff;
    font-style: italic;
    font-size: 15px;
    padding: 0 17px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.info-bar__right span {
    margin: 0 3px;
}

@media (min-width: 530px) {
    .info-bar__right {
        padding: 0 30px;
    }
}

@media (min-width: 768px) {
    .info-bar__right {
        padding: 0 44px;
    }
}

.info-bar__left {
    padding: 0 22px;
    height: 100%;
    display: flex;
    align-items: center;
}

@media (min-width: 530px) {
    .info-bar__left {
        padding: 0 24px;
    }
}

.info-bar__left p {
    color: #50A221;
    font-weight: 500;
    margin-bottom: 0;
    position: relative;
    font-size: 14px;
    padding-left: 20px;
}

.info-bar__left p:before {
    content: '';
    background: #50A221;
    border-radius: 50%;
    left: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    display: inline-block;
    position: absolute;
    animation: pulse 1s alternate infinite;
}

@keyframes pulse {
	0% {
		opacity: 0;
	}

	70% {
        opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.category-boxes--extended {
    padding: 0;
    position: relative;
}

.category-boxes--extended .container {
    max-width: 100%;
}

.category-boxes--extended .container {
    padding: 0 20px;
}


@media (min-width: 530px) {
    .category-boxes--extended .container {
        padding: 0 30px;
    }
}

.category-boxes--extended:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to right, rgba(248, 80, 50, 0) 40%, rgba(31, 31, 31, 1) 100%);
}

.category-boxes__item {
    text-align: center;
}

.category-boxes__item strong {
    font-size: 16px;
    margin-bottom: 2px;
}

.category-boxes__item span {
    font-size: 12px;
}

@media (min-width: 530px) {
    .category-boxes__item strong {
        font-size: 20px;
    }

    .category-boxes__item span {
        font-size: 14px;
    }
}

.category-boxes__item:nth-child(1) strong,
.category-boxes__item:nth-child(2) strong,
.category-boxes__item:nth-child(3) strong {
    text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.90);
}

@media (min-width: 375px) {
    .category-boxes__item:nth-child(3) {
        margin-right: 25px;
    }
}

@media (min-width: 530px) {
    .category-boxes__item:nth-child(3) {
        margin-right: 7vw;
    }
}

@media (min-width: 768px) {
    .category-boxes__item:nth-child(1) {
        padding-left: 10vw;
    }
}

@media (min-width: 1100px) {

    .category-boxes__item:nth-child(1) strong,
    .category-boxes__item:nth-child(2) strong,
    .category-boxes__item:nth-child(3) strong {
        text-shadow: none;
        font-weight: 300;
    }

    .category-boxes__item:nth-child(1) {
        padding-left: 6vw;
    }

    .category-boxes__item:nth-child(3) {
        margin-right: 140px;
    }
}

.online strong {
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 3px;
}

@media (min-width: 530px) {
    .online strong {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .online strong {
        font-size: 20px;
        white-space: nowrap;
    }

    .online strong br {
        display: none;
    }
}

@media (min-width: 1100px) {
    .online {
        padding-right: 3vw;

    }

    .online strong {
        font-size: 22px;
    }
}

main {
    min-height: 400px;
}

/******************************************* NEW HEADER 2  /****************************************** */
.category-boxes--hasColor {
    background: #087DAF;
    height: 54px;
}

@media (min-width: 530px) {
    .category-boxes--hasColor {
        height: 60px;
    }
}

.category-boxes__item span {
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
}

.category-boxes--hasColor:after {
    display: none;
}

.info-bar--v2 .info-bar__right {
    background: #132030;
}

.category-boxes--hasColor .category-boxes__item strong {
    text-shadow: none;
    font-weight: 500;
}

.category-boxes--hasColor .category-boxes__item.online strong {
    font-weight: 300;
}

@media (min-width: 370px) {

    .category-boxes--hasColor .container {
        padding-right: 0;
    }

    .category-boxes--hasColor .category-boxes__item.online {
        background: rgba(5, 101, 142, 0.35);
        font-weight: 400;
        height: 100%;
        padding: 0 22px;
    }

    .category-boxes--hasColor .category-boxes__item:nth-child(3) {
        margin-right: 5px;
    }
}

@media (min-width: 530px) {
    .category-boxes--hasColor .category-boxes__item.online {
        padding: 0 36px;
    }

    .category-boxes--hasColor .category-boxes__item strong {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .page-header__right {
        display: flex;
        align-items: center;
    }

    .page-header__right p {
        margin-bottom: 0;
        margin-right: 30px;
        font-size: 14px;
        color: #50A221;
        padding-left: 18px;
        position: relative;
        line-height: 1;
    }

    .page-header__right p:before {
        content: '';
        background: #50A221;
        border-radius: 50%;
        left: 0;
        top: 0;
        width: 12px;
        height: 12px;
        display: inline-block;
        position: absolute;
        animation: pulse 1s alternate infinite;
    }

    .category-boxes--hasColor .category-boxes .container {
        justify-content: flex-end;
    }

    .category-boxes--hasColor .category-boxes__item.online {
        background: #132030;
    }

    .category-boxes--hasColor .online strong {
        white-space: initial;
        margin-top: 0;
    }

    .category-boxes--hasColor .online br {
        display: block;
    }

    .category-boxes--hasColor .category-boxes__item.provider {
        padding: 0 33px;
        min-width: 168px;
        border-left: 1px solid #fff;
    }

    .category-boxes--hasColor .category-boxes__item.provider strong {
        font-weight: 300;
        line-height: 1;
    }

    .category-boxes--hasColor .category-boxes__item:nth-child(1),
    .category-boxes--hasColor .category-boxes__item:nth-child(2),
    .category-boxes--hasColor .category-boxes__item:nth-child(3) {
        margin: 0;
        padding: 0 3.5vw;
    }

    .category-boxes--hasColor .category-boxes__item:nth-child(1) {
        padding-left: 0;
    }
}

@media (min-width: 1100px) {
    .category-boxes__item span {
        font-size: 14px;
    }

    .category-boxes--hasColor .category-boxes__item.provider {
        min-width: 329px;
        height: 60%;
        display: flex !important;
        align-items: center;
    }

    .category-boxes--hasColor .category-boxes__item.provider br {
        display: none;
    }

    .category-boxes--hasColor .category-boxes__item.online {
        padding: 0 52px;
        min-width: 196px;
    }

    .category-boxes--hasColor .category-boxes__item:nth-child(1),
    .category-boxes--hasColor .category-boxes__item:nth-child(2),
    .category-boxes--hasColor .category-boxes__item:nth-child(3) {
        margin: 0;
        padding: 0 0 0 52px;
    }

    .category-boxes--hasColor .category-boxes__item:nth-child(1) {
        padding-left: 0;
    }

    .category-boxes--hasColor .category-boxes__item:nth-child(3) {
        padding-right: 50px;
    }
}


/******************************************* NEW SIDEBAR VERSION  /****************************************** */
.banner-side {
    display: none;
}

@media (min-width: 768px) {

    .main-content {
        display: flex;
        justify-content: space-between;
    }

    .banner-side {
        display: block;
        background: url("../img/right-sidebar-bg.png") no-repeat;
        background-position: 50% 120px;
        background-size: cover;
        max-height: 568px;
        min-height: 540px;
        width: 186px;
        position: relative;
        margin-bottom: 45px;
    }

    .banner-side:before {
        content: '';
        background: linear-gradient(to bottom, rgba(21, 33, 49, 1) 70%, rgba(248, 80, 50, 0) 100%);
        height: 70%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .banner-side__content {
        position: absolute;
        width: 100%;
        z-index: 100;
    }

    .banner-side__top-text {
        color: #fff;
        font-style: italic;
        text-align: center;
        padding: 8px 0;
        font-size: 15px;
    }

    .banner-side__text-with-bg {
        background: #087DAF;
        font-size: 16px;
        padding: 16px 15px;
        text-align: center;
        font-weight: 300;
        color: #fff;
        border-top: 1px solid #fff;
    }

    .banner-side__list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    .banner-side__list li {
        margin-top: 13px;
        text-align: center;
        display: flex;
        flex-direction: column;
    }

    .banner-side__list li strong {
        font-weight: 500;
        color: #fff;
        font-size: 18px;
    }

    .banner-side__list li span {
        color: #6d757f;
        font-family: 'Roboto Condensed', sans-serif;
        text-transform: uppercase;
        font-size: 12px;
    }
}

@media (min-width: 1024px) {
    .banner-side {
        width: 373px;
        background-position: 50% 50px;
    }

    .banner-side:before {
        height: 35%;
        background: linear-gradient(to bottom, rgba(21, 33, 49, 1) 80%, rgba(248, 80, 50, 0) 100%);
    }

    .banner-side__text-with-bg {
        font-size: 22px;
        padding: 10px 70px;
        line-height: 1.3;
    }

    .banner-side__list {
        flex-direction: row;
        justify-content: space-around;
        padding: 0 25px;
    }
}

/********************************************** ACCESS ACOUNT ***********************************************/
.page--access-account .page-content {
    margin: 0 auto;
}

.page--access-account .btn.btn-primary {
    background: #3399cd;
}

.content-top-box {
    background: #EFEFEF;
    text-align: center;
    padding: 12px 30px;
    color: #000;
}

.content-top-box p {
    margin: 0 auto 0 auto;
    max-width: 250px;
    width: 100%;
}

@media (min-width: 530px) {
    .content-top-box {
        margin: 18px auto 17px auto;
        padding: 24px 0;
        border-radius: 10px;
        max-width: 440px;
    }

    .content-top-box p {
        max-width: 100%;
    }
}

@media (min-width: 767px) {
    .page--access-account .page-content {
        flex: 1 0 auto;
    }

    .content-top-box {
        margin-top: 0;
        max-width: 100%;
        width: calc(100% - 50px);
        margin-bottom: 30px;
    }
}

.content-account__header {
    text-align: center;
    padding-top: 30px;
    margin-bottom: 20px;
}

@media (min-width: 530px) {
    .content-account__header {
        padding-top: 0;
    }

    .content-account {
        max-width: 305px;
        margin: 0 auto;
    }
}

.content-account__header h1 {
    font-size: 28px;
    line-height: 1.35;
    font-weight: 400;
    margin-bottom: 5px;
}

.content-account__header .small-info {
    color: #4CAF50;
    font-size: 12px;
    font-style: italic;
}

.page--access-account .page-footer .copyright {
    margin-top: 60px;
}

.page--access-account .content-bottom-box {
    font-size: 16px;
    text-align: center;
    padding: 40px 0 30px 0;
    border-bottom: 1px solid #dfdfdf;
}

.page--access-account .content-bottom-box p {
    margin-bottom: 0;
    font-size: 14px;
}

.page--access-account .content-bottom-box a {
    text-decoration: underline;
}

.content-bottom-box img {
    border-radius: 8px;
}

.account-form .form-group {
    margin-bottom: 22px;
}

.account-form input {
    background: transparent;
}

@media (min-width: 767px) {
    .content-account__header h1 {
        font-size: 32px;
    }

    .account-form input {
        height: 38px;
    }

    .account-form label {
        top: 9px;
        font-size: 14px;
    }
}

@media (min-width: 767px) {
    .page--access-account .hero {
        display: none;
    }
}


/********************************************** GIFT  ***********************************************/

/********************************************** SHIPPING  ***********************************************/
.page--shipping .btn-primary {
    background: #007FC1;
}

.page--shipping .done-text img {
    margin-right: 10px;
}

.page--shipping .done-text .btn:hover {
    background-color: #287b31;
}

.page--shipping .content-shipping__footer {
    padding: 37px 0;
    text-align: center;
    font-size: 14px;
}

.page--shipping .btn-primary {
    background: #3399cd;
    width: auto;
    padding: 0 30px;
}

.page--shipping .btn-secondary {
    background: #f9e0a7;
    color: #000;
    border-radius: 5px;
    font-size: 16px;
    height: 46px;
    padding: 0 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 2px #000000;
}


@media (min-width: 767px) {
    .page--shipping .content-shipping {
        padding-top: 64px;
    }

    .page--shipping .content-shipping__header h1 {
        font-size: 34px;
        margin-bottom: 35px;
    }

    .page--shipping .content-shipping>.container {
        max-width: 382px;
    }
}

@media (min-width: 1200px) {
    .page--shipping .btn-primary {
        font-size: 22px;
    }

    .page--shipping .content-shipping__header h1 {
        font-size: 42px;
    }
}


/********************************************** SHIPPING  ***********************************************/
.page--success .content-bottom-box {
    font-size: 14px;
    text-align: center;
    padding: 32px 0 30px 0;
    border-bottom: 1px solid #dfdfdf;
}

.page--success .copyright {
    margin-top: 40px;
}

.page--success .btn-primary {
    background: #3e8e11;
}

.page--success .btn.btn-primary:hover {
    background-color: #287b31;
}

.page--success .content-success {
    padding-top: 38px;
    text-align: center;
}

.page--success .content-success img {
    margin: 0 auto;
}

.content-success__header {
    padding-top: 15px;
    margin-bottom: 25px;
}

.content-success__header h1 {
    font-size: 18px;
    font-weight: 300;
    color: #3E8E11;
    line-height: 2.1;
}

.content-success__header h1 strong {
    font-size: 25px;
    line-height: 1.45;
    font-weight: 500;
}

.content-success__box {
    background: #EDEDED;
    padding: 16px 30px;
    font-size: 14px;
    margin-bottom: 26px;
}

.content-success__box .box-row {
    display: flex;
    margin-bottom: 4px;
}

.content-success__box .box-row:last-child {
    margin-bottom: 0;
}

.content-success__box .box-row .box-left {
    width: 101px;
    font-weight: 700;
    text-align: left;
    margin-right: 25px;
}

.content-success__box .box-row .box-right {
    white-space: nowrap;
}

.content-success__box .box-row:nth-child(1) .box-right {
    font-weight: 700;
    font-size: 18px;
}

.content-success__box .btn-secondary {
    background: #B4B4B4;
    color: #fff;
    height: 23px;
    margin-left: 10px;
    border-radius: 5px;
}

@media (min-width: 530px) {
    .content-success__box {
        margin: 0 auto;
        max-width: 390px;
        margin-bottom: 26px;
    }
}

@media (min-width: 1024px) {
    .page--success .content-success {
        padding-top: 60px;
    }

    .content-success__header {
        margin-bottom: 40px;
        padding-top: 25px;
    }

    .content-success__box {
        max-width: 515px;
        padding: 25px 0 25px 110px;
        margin-bottom: 35px;
    }

    .content-success__box .box-row:last-child {
        margin-top: 0;
    }
}

/********************************************** MEMBERS  ***********************************************/
.page--members .page-footer .copyright {
    margin-top: 60px;
}

@media (min-width: 767px) {
    .page--members .page-footer .copyright {
        margin-top: 30px;
    }      
}

.page--members .content-members__top-text {
    padding: 16px;
    text-align: center;
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid #dedede;
}

.page--members .content-members__box-title {
    font-weight: 300;
    margin: 28px 0;
    font-size: 16px;
    text-align: center;
}

@media (min-width: 767px) {
    .page--members .content-members__box-title {
        font-size: 20px;
        margin: 34px 0;
    }

    .content-members__box-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0 29px;
        margin-bottom: 25px;
    }
}

.page--members .form--members {
    background: #D2E5F1;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.6);
    padding: 30px 21px;
    text-align: center;
}

@media (min-width: 375px) {
    .page--members .form--members {
        max-width: 333px;
        margin: 0 auto;
    }
}

@media (min-width: 530px) {
    .page--members .form--members {
        max-width: 421px;
    }
}

@media (min-width: 767px) {
    .page--members .form--members {
        padding: 30px 28px;
    }
}

.page--members .form--members h2 {
    font-weight: 300;
    font-size: 36px;
}

@media (min-width: 767px) {
    .page--members .form--members {
        max-width: 338px;
        width: 100%;
        border-radius: 10px;
    }

    .page--members .form--members h2 {
        font-size: 32px;
        margin-bottom: 8px;
    }
}

.page--members .form--members p {
    font-size: 14px;
    margin-bottom: 25px;
}

.page--members .form--members .forgot-link {
    text-align: center;
    color: #3970C2;
    text-decoration: underline;
    display: block;
    font-size: 14px;
    margin-top: 23px;
}

.page--members .form--members input {
    background: #fff;
    width: 100%;
    padding: 0 22px;
}

@media (min-width: 767px) {
    .page--members .form--members input {
        height: 38px;
    } 
}

.page--members .form--members .btn-primary {
    background: #2a94ca;
}

.page--members .content-bottom-box {
    text-align: center;
    padding: 36px 0 60px 0;
    border-bottom: 1px solid #dedede;
}

.page--members .content-bottom-box p {
    margin-bottom: 20px;
    font-size: 14px;
}

.page--members .content-bottom-box .btn-primary {
    background: #E0E0E0;
    max-width: 236px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    height: 46px;
}


@media (min-width: 767px) {
    .page--members .content-bottom-box--alignRight {
        padding-left: 25px;
        padding-bottom: 0;
        border: none;
        margin-bottom: 27px;
    }

    .page--members .content-bottom-box--alignRight .btn-primary {
        max-width: 202px;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.36);
    }

    .page--members .content-bottom-box--alignRight img {
        border-radius: 8px;
        margin-top: 31px;
    }
}


@media (min-width: 1024px) {
    .page--members .content-members .container {
        max-width: 755px;
    }

    .page--members .content-members__box-wrapper {
        max-width: 670px;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 20px;
    }

    .page--members .content-bottom-box--alignRight {
        padding-left: 46px;
    }
}


/********************************************** VERIFICATION  ***********************************************/
.logo-bar {
    padding: 0 30px;
    display: flex;
    align-items: center;
}

.logo-bar h1 {
    padding-left: 11px;
    color: #0185C0;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.5;
}

@media (min-width: 530px) {
    .logo-bar {
        justify-content: center;
        margin-bottom: 30px;
    }
}

.content-verification .container {
    padding: 0 30px;
}

@media (min-width: 530px) {
    .content-verification .container {
        max-width: 100%;
    }
} 

@media (min-width: 767px) {
    .content-verification .container {
        max-width: 430px;
        padding: 0;
    }
} 

@media (min-width: 1023px) {
    .content-verification .container {
        max-width: 544px;
    }
} 

.content-verification__header {
    text-align: center;
    padding-top: 12px;
    margin-bottom: 20px;
}

.content-verification__header h1 {
    font-size: 22px;
    font-weight: 300;
    line-height: 1.4;
}

.content-verification__header strong {
    font-weight: 600;
    font-size: 32px;
}

.content-verification__header p {
    margin-bottom: 0;
    font-size: 14px;
    text-align: left;
    line-height: 1.35;
}

@media (min-width: 530px) {
    .content-verification__header p {
        font-size: 12px;
    }
}

@media (min-width: 1023px) {
    .content-verification__header {
        margin-bottom: 30px;
    }
}

.contact-type  {
    display: flex;
    margin-bottom: 16px;
}

.contact-type .type-item {
    cursor: pointer;
    border-radius: 10px; 
    padding: 8px 15px;
    width: 50%;
    white-space: nowrap;
}

.contact-type .type-item .offer-check,
.contact-type .type-item label {
    cursor: pointer;
}

@media (min-width: 530px) { 
    .contact-type {
        justify-content: center;
    }
    .contact-type .type-item {
        width: auto;
        max-width: 150px;
        font-size: 14px;
        margin: 0 15px;
    } 
}

.contact-type .type-item label {
    line-height: 1;
    margin-bottom: 0;
}

.contact-type .type-item--active {
    border: 1px dashed #000;
    font-weight: 700;
}

.content-verification .btn-primary {
    background: #3399cd;
    text-transform: uppercase;
}

.content-verification .statement {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 36px;
}

.content-verification .statement img {
    max-width: 27px;
}

.content-verification .statement h2 {
    font-size: 14px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.content-verification__box {
    background: #ECECEC;
    padding: 21px 0;
    margin-bottom: 16px;
}

@media (min-width: 530px) { 
    .content-verification__box {
        max-width: 440px;
        margin: 0 auto;
        margin-bottom: 21px;
    }

    .content-verification__box .container {
        max-width: 308px;
        padding: 0;
    }
}

@media (min-width: 1024px) {
    .content-verification__box {
        max-width: 623px;
        padding: 17px 0;
    }
}

.content-verification__box label {
    position: static;
    background: none;
    color: #000;
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 14px;
}

.content-verification__box input {
    font-size: 15px;
    flex: 1 0 auto;
    cursor: text;
}

.content-verification__box .precode {
    text-align: center;
    font-weight: 700;
    color: #000;
    width: 92px;
}

.content-verification__bottom {
    margin-bottom: 35px;
}

@media (min-width: 530px) { 
    .content-verification__bottom {
        max-width: 308px;
        margin: 0 auto 35px auto;
    }
}

.content-verification__bottom p {
    font-size: 10px;
    color: #005291;
    text-align: center;
}

.content-verification__bottom img {
    margin-right: 7px;
    display: inline-block;
}

.content-verify__info {
    padding-bottom: 35px;
    border-bottom: 1px solid #dedede;
}

.content-verify__info p {
    font-size: 12px;
    line-height: 1.45;
    margin: 0;
}

@media (min-width: 1023px) {
    .content-verify__info { 
        max-width: 430px;
        margin-left: auto;
        margin-right: auto;
    }
}

.page--verification .page-footer .copyright {
    margin-top: 50px;
}


/* checkbox new version */

.contact-type .offer-check {
    position: static;
    padding-left: 20px;
}

.contact-type .offer-check label {
    width: 100%;
    height: auto;
    border: none;
}

.contact-type .offer-check label:before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #EAEAEA;
    border: 1px solid #c3c3c3;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 2px;
}

.contact-type .offer-check input:checked + label:after {
    left: -14px;
    top: 8px;
}

@media (min-width: 530px) { 
    .contact-type .offer-check label:before {
        top: 1px;
    }
    .contact-type .offer-check input:checked + label:after {
        top: 7px;
    }
}


/********************************************** VERIFICATION CODE  ***********************************************/
.content-verification__header--code {
    padding-top: 15px;
    text-align: center;
}

.content-verification__header--code h1 {
    font-size: 16px;
    line-height: 1.5;
}

.content-verification__header--code h1 strong {
    font-size: 16px;
}

.content-verification__header--code h2 {
    font-weight: 700;
    margin-bottom: 10px;
}

.content-verification__header--code p {
    text-align: center;
    font-weight: 500;
}

.content-verification__box--code input.digit-input {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 22px;
    height: 46px;
}

.content-verification__box--code label {
    color: #989191;
    font-size: 16px;
    position: absolute;
    font-weight: 300;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

@media (min-width: 530px) {
    .content-verification__box input.digit-input {
           height: 38px;
           font-size: 16px;
           max-width: 250px;
           margin-left: auto;
           margin-right: auto;
    }
}

@media (min-width: 1024px) {
    .content-verification__box--code {
        padding: 25px 0;
    }
}

.content-verification__restart {
    text-align: center;
    padding-bottom: 43px;
}

.content-verification__restart p {
    font-size: 14px;
}

.content-verification__restart .btn-primary {
    background: #F7D891;
    color: #000;
    font-size: 16px;
    max-width: 236px;
    height: 46px;
    text-transform:none;
    font-weight: 400;
}

.content-verification__restart .btn.btn-primary:hover {
    background: #c6c6c6;
    color: #000;
}


/********************************************** GIFT CODE  ***********************************************/
@media (min-width: 767px) { 
    .content-gift--v2  {
        padding-top: 50px;
    }
}

@media (min-width: 1024px) {
    .content-gift--v2  {
        padding-top: 70px;
    }
} 

.content-gift--v2 .container {
    padding: 0 25px;
}

.content-gift--v2 .gift-price-badge {
    max-width: 262px;
    margin: 40px auto 30px auto;
}

.content-gift--v2 .gift-bottom p {
    font-style: italic;
    padding: 0 15px;
    font-size: 18px;
    line-height: 1.3;
}

.content-gift--v2 .gift-shipping-box {
    margin: 30px 0;
}

.content-gift--v2 .gift-shipping-box p {
    margin-bottom: 0;
}

.content-gift--v2 .btn-holder .btn-gift:hover {
    background: #2d8736;
}

.content-gift--v2 .btn-holder .btn-no:hover {
    background: #8a8a8a;
}

@media (min-width: 767px) {
    .content-gift--v2 .gift-bottom p {
        margin-top: 40px;
    }
}

@media (min-width: 530px) {
   .content-gift--v2 .content-gift__header h1 {
       font-size: 34px;
   } 

    .content-gift--v2 .container {
        max-width: 100%;
        padding: 0 37px;
    }

    .content-gift--v2 .btn-holder .btn-no {
        font-size: 18px;
    }

     .content-gift--v2 .btn-holder .btn {
         height: 69px;
     }
}

@media (min-width: 767px) {
    .content-gift--v2 .btn-holder .btn {
         height: 63px;
         max-width: 190px;
         margin: 0 20px;
    }

    .content-gift--v2 .btn-holder {
        justify-content: center;
    }
}

@media (min-width: 1024px) {
    .content-gift--v2 .content-gift__header h1 {
       font-size: 42px;
       font-weight: 300
   } 
}

.gift-slider {
    margin: 15px 0 15px 0;
    padding: 0 13px;
}

@media (min-width: 767px) {
    .gift-slider {
        padding: 0 45px;
        margin-bottom: -15px;
    }
}

@media (min-width: 767px) { 
    .content-gift__body {
        display: flex;
        justify-content: space-between;
        max-width: 100%;
        align-items: center;
        margin-bottom: 50px;
        padding-top: 15px;
    }

    .content-gift__body .gift-shipping-box {
         margin: 0;
    }

    .content-gift__body .gift-price-badge {
        flex: 1 1 auto;
        margin-top: 0;
        margin-bottom: 0;
        height: 46px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
}


.gift-slider .gift-item {
    max-width: 136px;
    margin-bottom: 15px;
}

.gift-slider .gift-item img {
    width: 100%;
    height: 133px;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: block;
    margin-bottom: -12px;
}

.gift-slider .gift-item .gift-item__title {
    height: 20px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
    background: #000;
    padding: 5px 10px;
    line-height: 1;
    font-weight: 300;
    margin-bottom: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
    z-index: 10;
}

.gift-slider .gift-item .gift-item__title strong {
    font-weight: 600;
}

.gift-slider .gift-item .gift-item-title__big {
    text-transform: uppercase;
    font-weight: 500;
}

.gift-slider.swiper-container {
    width: 100%;
    height: 340px;
}

 .gift-slider .swiper-slide {
      height: calc((100% - 50px) / 2);
}

.gift-slider-wrapper {
    position: relative;
}

.swiper-pagination {
    z-index: 2000;
}

.swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #EDEDED;
    border: 1px solid #cecece;
    position: relative;
    opacity: 1
}

.swiper-pagination-bullet-active:before {
    content: '';
    background: #929292;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.swiper-button-next, .swiper-button-prev {
    display: none;
    z-index: 1000;
    width: 35px;
    height: 38px;
    top: 150px;
}

.swiper-button-next {
    right: 60px;
}

.swiper-button-prev {
    left: 60px;
}

.swiper-button-prev:after {
    content: '';
    display: block;
    background: url("../img/left-arrow.svg") no-repeat;
    width: 35px;
    height: 38px;
}

.swiper-button-next:after {
    content: '';
    display: block;
    background: url("../img/right-arrow.svg") no-repeat;
    width: 35px;
    height: 38px;
}

@media (min-width: 1024px) { 
    .swiper-button-next, .swiper-button-prev {
        display: block;
    }
    .content-gift--v2 .gift-bottom {
        max-width: 510px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1024px) {
    .content-gift--v2 .gift-price-badge {
        margin: 0 60px 0 0;
    }

    .content-gift--v2 .content-gift__body {
        justify-content: center;
    }

    /* slider */
    .gift-slider  {
        max-width: 590px;
        padding: 0;
        margin: 0 auto;
    }
}