.variations.style__radio li:hover span.radio_styled,
.variations.style__radio li.is-selected span.radio_styled,
.variations.style__radio li.is-selected-nt span.radio_styled {
    border-color: #56cfe1;
}

.kalles-default-distance > .container,
.type_collection_list > .container,
.kalles-otp-01__featured-collection-2,
.kalles-otp-01__promotion {
    margin: 0 auto 40px !important;
}

.kalles-section_type_featured_blog {
    background-color: #ffffff;
}

    .kalles-section_type_featured_blog > .container {
        margin: 0 auto 85px;
    }

.kalles-otp-01__feature {
    margin: 0 auto 90px;
}

.kalles-otp-01__promotion .nt_promotion h3,
.kalles-otp-01__promotion .nt_promotion h4 {
    color: #ffffff
}

.kalles-otp-01__promotion .nt_promotion > a:after {
    background-color: #000000;
    opacity: 1.0;
    background: linear-gradient( 0deg, rgba(33, 33, 33, 0) 43.38%, rgba(33, 33, 33, 0.63) 100%);
}

.kalles-otp-01__promotion .item__position {
    padding-top: 100.631579%;
}

.kalles-section__type_instagram_shop {
    background-color: #ffffff !important;
}

/* ==========================================================================
*! spin
========================================================================== */
.spin-position__01 {
    transform: translate(-39%, -39%);
    top: 39%;
    left: 39%;
}

.spin-position__02 {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.spin-position__03 {
    transform: translate(-67%, -32%);
    top: 32%;
    left: 67%
}

.spin-position__04 {
    transform: translate(-44%, -98%);
    top: 98%;
    left: 44%
}

.spin-position__05 {
    transform: translate(-79%, -28%);
    top: 28%;
    left: 79%
}

.spin-position__06 {
    transform: translate(-48%, -66%);
    top: 66%;
    left: 48%
}

.spin-position__07 {
    transform: translate(-42%, -66%);
    top: 66%;
    left: 42%
}

.spin-position__08 {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.spin-position__09 {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

/* ==========================================================================
*! shipping info
========================================================================== */
.kalles-section__type_shipping {
    background-color: #ffffff !important;
}

    .kalles-section__type_shipping > .container {
        margin: 50px auto 0;
    }

    .kalles-section__type_shipping .use_border_true .nt_shipping:after {
        border-color: #dddddd
    }

    .kalles-section__type_shipping .icon {
        color: #9e9e9e
    }

    .kalles-section__type_shipping .content {
        color: #878787
    }

        .kalles-section__type_shipping .content h3 {
            color: #222222;
            font-family: 'Alegreya Sans', sans-serif;
        }

/* ==========================================================================
* age verify section
========================================================================== */
.popup_age_wrap {
    position: relative;
    overflow: hidden;
    margin: 30px auto;
    padding: 30px;
    width: 100%;
    max-width: 500px;
    background-color: #56cfe1;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .popup_age_wrap:before {
        content: '';
        opacity: 0.28;
        position: absolute;
        background: #000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 40;
        pointer-events: none;
    }

    .popup_age_wrap.mfp-with-anim.tc > * {
        position: relative;
        z-index: 50;
    }

    .popup_age_wrap h4 {
        color: #fff;
        font-weight: 500;
        font-size: 40px;
        margin-top: 0;
        margin-bottom: 20px;
    }

.age_verify_buttons {
    margin-top: 25px;
    margin-bottom: -10px;
}

    .age_verify_buttons > a {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
        padding: 12px 20px;
        font-weight: 500;
        text-transform: uppercase;
        background-color: #fff;
        color: #999;
        display: inline-block;
        transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease;
    }

        .age_verify_buttons > a.age_verify_allowed {
            color: #fff;
            background-color: #007e91;
        }

        .age_verify_buttons > a:hover {
            background-color: #f6f6f8;
        }

        .age_verify_buttons > a.age_verify_allowed:hover {
            background-color: #035f6d;
        }

.age_date_of_birth {
    margin: 25px -5px -10px;
}

    .age_date_of_birth > .col-12 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .age_date_of_birth select {
        margin-bottom: 10px;
        color: #222;
        border: 0;
        background-color: #fff;
        text-align: center;
        border-radius: 2px;
        box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    }

.active_forbidden .age_verify_txt,
.active_forbidden .age_date_of_birth,
.active_forbidden .age_verify_buttons {
    display: none
}

.age_verify_txt_error {
    -webkit-animation: ani-fadeIn .6s ease;
    animation: ani-fadeIn .6s ease;
}

.active_forbidden .age_verify_txt_error {
    display: block
}

@media (min-width: 768px) {
    .popup_age_wrap {
        padding: 60px;
    }
}

/* ==========================================================================
*! footer
========================================================================== */
.footer__top a:hover {
    color: white;
    font-size: 11px;
    font-family: 'Gotham', sans-serif;
    TEXT-TRANSFORM: uppercase;
    LETTER-SPACING: 2PX;
}

.footer__top .signup-newsletter-form, .footer__top .signup-newsletter-form input.input-text {
    background-color: transparent;
}

    .footer__top .signup-newsletter-form input.input-text {
        color: #878787
    }

    .footer__top .signup-newsletter-form .submit-btn {
        background-color: #222222
    }

.footer__top .widget-title {
    color: #FF9800;
    font-family: 'Poppins' !important;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Gotham', sans-serif;
    TEXT-TRANSFORM: uppercase;
}

.footer__top a:not(:hover) {
    color: #ffffff;
    font-size: 13px;
    font-family: 'Poppins';
    TEXT-TRANSFORM: uppercase;
    font-weight: 500;
}

.footer__top .signup-newsletter-form {
    border-color: #878787
}

.footer__top .nt_bg_overlay:after {
    background-color: #000000;
    opacity: 0.0
}

.footer__top_wrap {
    background-image: url(/FrontLayout/assets/footer.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
    color: #dfdfdf;
}

.footer__bot_wrap a:hover {
    color: #56cfe1
}

.footer__bot_wrap {
    background-color: #1a1a1a;
    color: #c1c0c0;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 17px;
}

.footer__bot a:not(:hover) {
    color: #FF9800;
}

.header__mid .css_h_se {
    min-height: 70px;
}

.nt_menu > li > a {
    height: 40px;
    font-family: 'Poppins';
    TEXT-TRANSFORM: uppercase;
}

.tp_se_cdt1 {
    /* background: url(../../assets/bgg.jpg); */
    background-size: contain;
    padding: 100px 0 10px;
}

.tp_se_cdt2 {
    padding: 60px 0 60px;
    .variations.style__radio li:hover span.radio_styled, .variations.style__radio li.is-selected span.radio_styled, .variations.style__radio li.is-selected-nt span.radio_styled

{
    border-color: #56cfe1;
}

.kalles-default-distance > .container,
.type_collection_list > .container,
.kalles-otp-01__featured-collection-2,
.kalles-otp-01__promotion {
    margin: 0 auto 40px !important;
}

.kalles-section_type_featured_blog {
    background-color: #ffffff;
}

    .kalles-section_type_featured_blog > .container {
        margin: 0 auto 85px;
    }

.kalles-otp-01__feature {
    margin: 0 auto 90px;
}

.kalles-otp-01__promotion .nt_promotion
h3,
.kalles-otp-01__promotion .nt_promotion h4 {
    color: #ffffff
}

.kalles-otp-01__promotion .nt_promotion >
a:after {
    background-color: #000000;
    opacity: 1.0;
    background: linear-gradient( 0deg, rgba(33, 33, 33, 0) 43.38%, rgba(33, 33, 33, 0.63) 100%);
}

.kalles-otp-01__promotion .item__position {
    padding-top: 100.631579%;
}

.kalles-section__type_instagram_shop {
    background-color: #ffffff !important;
}

/* ==========================================================================
*! spin
========================================================================== */
.spin-position__01 {
    transform: translate(-39%, -39%);
    top: 39%;
    left: 39%;
}

.spin-position__02 {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.spin-position__03 {
    transform: translate(-67%, -32%);
    top: 32%;
    left: 67%
}

.spin-position__04 {
    transform: translate(-44%, -98%);
    top: 98%;
    left: 44%
}

.spin-position__05 {
    transform: translate(-79%, -28%);
    top: 28%;
    left: 79%
}

.spin-position__06 {
    transform: translate(-48%, -66%);
    top: 66%;
    left: 48%
}

.spin-position__07 {
    transform: translate(-42%, -66%);
    top: 66%;
    left: 42%
}

.spin-position__08 {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.spin-position__09 {
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

/* ==========================================================================
*! shipping info
========================================================================== */
.kalles-section__type_shipping {
    background-color: #ffffff !important;
}

    .kalles-section__type_shipping > .container {
        margin: 50px auto 0;
    }

    .kalles-section__type_shipping .use_border_true .nt_shipping:
    after {
        border-color: #dddddd
    }

    .kalles-section__type_shipping .icon {
        color: #9e9e9e
    }

    .kalles-section__type_shipping .content {
        color: #878787
    }

        .kalles-section__type_shipping .content
        h3 {
            color: #222222;
            font-family: 'Alegreya Sans', sans-serif;
        }

/* ==========================================================================
* age verify section
========================================================================== */
.popup_age_wrap {
    position: relative;
    overflow: hidden;
    margin: 30px auto;
    padding: 30px;
    width: 100%;
    max-width: 500px;
    background-color: #56cfe1;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .popup_age_wrap:
    before {
        content: '';
        opacity: 0.28;
        position: absolute;
        background: #000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 40;
        pointer-events: none;
    }

    .popup_age_wrap.mfp-with-anim.tc > * {
        position: relative;
        z-index: 50;
    }

    .popup_age_wrap
    h4 {
        color: #fff;
        font-weight: 500;
        font-size: 40px;
        margin-top: 0;
        margin-bottom: 20px;
    }

.age_verify_buttons {
    margin-top: 25px;
    margin-bottom: -10px;
}

    .age_verify_buttons >
    a {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
        padding: 12px 20px;
        font-weight: 500;
        text-transform: uppercase;
        background-color: #fff;
        color: #999;
        display: inline-block;
        transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease;
    }

        .age_verify_buttons >
        a.age_verify_allowed {
            color: #fff;
            background-color: #007e91;
        }

        .age_verify_buttons >
        a:hover {
            background-color: #f6f6f8;
        }

        .age_verify_buttons >
        a.age_verify_allowed:hover {
            background-color: #035f6d;
        }

.age_date_of_birth {
    margin: 25px -5px -10px;
}

    .age_date_of_birth > .col-12 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .age_date_of_birth
    select {
        margin-bottom: 10px;
        color: #222;
        border: 0;
        background-color: #fff;
        text-align: center;
        border-radius: 2px;
        box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    }

.active_forbidden .age_verify_txt,
.active_forbidden .age_date_of_birth,
.active_forbidden .age_verify_buttons {
    display: none
}

.age_verify_txt_error {
    -webkit-animation: ani-fadeIn .6s ease;
    animation: ani-fadeIn .6s ease;
}

.active_forbidden .age_verify_txt_error {
    display: block
}

@media (min-width: 768px) {
    .popup_age_wrap {
        padding: 60px;
    }
}

/* ==========================================================================
*! footer
========================================================================== */
.footer__top
a:hover {
    color: white;
    font-size: 11px;
    font-family: 'Gotham', sans-serif;
    TEXT-TRANSFORM: uppercase;
    LETTER-SPACING: 2PX;
}

.footer__top .signup-newsletter-form, .footer__top .signup-newsletter-form
input.input-text {
    background-color: transparent;
}

    .footer__top .signup-newsletter-form
    input.input-text {
        color: #878787
    }

    .footer__top .signup-newsletter-form .submit-btn {
        background-color: #222222
    }

.footer__top .widget-title {
    color: #ffffff;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Gotham', sans-serif;
    TEXT-TRANSFORM: uppercase;
    LETTER-SPACING: 3PX;
}

.footer__top
a:not(:hover) {
    color: #e5e5e5;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 11px;
    font-family: 'Gotham', sans-serif;
    TEXT-TRANSFORM: uppercase;
    LETTER-SPACING: 2PX;
}

.footer__top .signup-newsletter-form {
    border-color: #878787
}

.footer__top .nt_bg_overlay:
after {
    background-color: #000000;
    opacity: 0.0
}

.footer__top_wrap {
    background-color: #222222;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
    color: #dfdfdf;
}

.footer__bot_wrap
a:hover {
    color: #56cfe1
}

.footer__bot_wrap {
    background-color: #1a1a1a;
    color: #c1c0c0;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 17px;
}

.footer__bot
a:not(:hover) {
    color: #878787
}

.header__mid .css_h_se {
    min-height: 70px;
}

.nt_menu >
li > a {
    height: 40px;
    font-family: 'Poppins';
    TEXT-TRANSFORM: uppercase;
}

.tp_se_cdt1 {
    /* background: url(../../assets/bgg.jpg); */
    background-size: contain;
    padding: 100px 0 10px;
}

.tp_se_cdt2 {
    background-size: contain;
    padding: 60px 0 60px;
    background-image: url(../images/backbg.jpg) !important;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
    .kalles-default-distance > .container,
    .type_collection_list > .container,
    .kalles-section_type_featured_blog > .container,
    .kalles-otp-01__feature,
    .kalles-otp-01__featured-collection-2,
    .kalles-otp-01__promotion {
        margin: 0 auto 60px !important;
    }
}

;
background-image: url(../images/backbg.jpg);
background-size: cover;
}

@media only screen and (max-width: 767px) {
    .kalles-default-distance > .container,
    .type_collection_list > .container,
    .kalles-section_type_featured_blog > .container,
    .kalles-otp-01__feature,
    .kalles-otp-01__featured-collection-2,
    .kalles-otp-01__promotion {
        margin: 0 auto 60px !important;
    }
}
