* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}

body {
    font-size: 18px;
    color: #212333;
    line-height: 1.8em;
    font-weight: 700;
    background: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
    /*font-family: "Conv_Proxima Nova Alt Bold";*/
    font-family: "proxima-nova-condensed";
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #f13729;
    font-family: "proxima-nova";
    font-weight: 400;
}



.no-padding {
    padding: 0px !important;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1.6em;
    color: #222;
    font-family: "proxima-nova";
    font-weight: 700;
}

input,
button,
select,
textarea {
}

    button:focus {
        outline: none;
    }

p {
    position: relative;
    line-height: 1.8em;
    font-family: "proxima-nova";
    font-weight: 700;
}

.text {
    font-size: 18px;
    color: #7e8597;
}




.strike-through {
    text-decoration: line-through;
}

.img-100 img {
    width: 100%;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    background: #f1eaf5 !important;
    z-index: 9;
    overflow: hidden;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

@media (min-width: 1200px) {
    .container {
        padding: 0px;
    }
}

.tfp-btn {
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.grey-bg {
    background-color: #f5f5f7 !important;
}

.grey-deep-bg {
    background-color: #f3f3f3 !important;
}

.grey-light-bg {
    background-color: #f8f8f8 !important;
}

.gradient-bg {
    background-image: linear-gradient(3deg, #000000 34%, #064e79 100%) !important;
}

.gradient-two-bg {
    background-image: linear-gradient(to top, #537895 0%, #09203f 100%) !important;
}

.image-bg {
    background-repeat: no-repeat;
    background-size: cover;
}

.black-bg {
    background-color: #101010 !important;
}

.black-bg-2 {
    background-color: #1c1c1c !important;
}

.black-bg-3 {
    background-color: #1a1a1a !important;
}

.black-bg-4 {
    background-color: #323239 !important;
}

.tfp-bg {
    background-color: #f13729 !important;
}

.bg-style-two {
    position: relative;
}

    .bg-style-two:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 50%;
        height: 100%;
        background-color: rgb(240, 240, 240);
    }

    .bg-style-two:after {
        position: absolute;
        content: '';
        right: 0px;
        top: 0px;
        width: 50%;
        height: 100%;
        background-color: rgba(240, 240, 240, 0.3);
    }

/* section padding */

.sp-one {
    padding: 100px 0;
}

.sp-two {
    padding: 100px 0 70px;
}

.sp-three {
    padding: 100px 0 50px;
}

.sp-four {
    padding: 100px 0 0px;
}

.sp-five {
    padding: 0px 0 100px;
}

.sp-six {
    padding: 0px 0 70px;
}

.projects-block-one.mix {
    display: none;
}

.projects-block-two.mix {
    display: none;
}

.tfp-color {
    color: #f13729;
}

img {
    display: inline-block;
    max-width: 100%;
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/icons/preloader.svg);
}

/*** Scroll To Top style ***/

.scroll-top {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    font-size: 18px;
    border-radius: 50%;
    z-index: 99;
    display: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #f13729;
    -webkit-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

    .scroll-top span:before {
        font-size: 20px;
    }

    .scroll-top:after {
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        font-size: 18px;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 1;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
        background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    }


/* parallax-one */

.parallax-one {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

    .parallax-one:before {
        position: absolute;
        content: '';
        background: rgba(30, 67, 152, 0.8);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

/* parallax-two */

.parallax-two {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

    .parallax-two:before {
        position: absolute;
        content: '';
        background: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

/* parallax-three */

.parallax-three {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

    .parallax-three:before {
        position: absolute;
        content: '';
        background: rgba(0, 0, 0, 0.05);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }



/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    height: 50px;
    padding: 7px 20px;
    line-height: 30px;
    color: #333333;
    border-radius: 0px;
    border: 1px solid #e5e5e5;
    background: #ffffff;
}

.form-group .ui-button .ui-icon {
    background: none;
    position: relative;
    top: 3px;
    text-indent: 0px;
    color: #333333;
}

    .form-group .ui-button .ui-icon:before {
        font-family: 'FontAwesome';
        content: "\f107";
        position: absolute;
        right: 0px;
        top: 2px !important;
        top: 13px;
        width: 10px;
        height: 20px;
        display: block;
        color: #333333;
        line-height: 20px;
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        z-index: 5;
    }

.ui-widget.ui-widget-content {
    border: 1px solid #e0e0e0;
    font-family: 'Poppins', sans-serif;
}

.ui-menu .ui-menu-item {
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
}

    .ui-menu .ui-menu-item:last-child {
        border: none;
    }

.ui-state-active,
.ui-widget-content .ui-state-active {
    background-color: #f13729;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 24px;
}

.ui-menu-item:hover {
    background-color: #17519d;
}

/* owl controll */

.owl-dots-none .owl-dots {
    display: none;
}

/* style one */

.owl-dot-style-one .owl-dots {
    position: relative;
    text-align: center;
}

    .owl-dot-style-one .owl-dots .owl-dot {
        position: relative;
        display: inline-block;
        margin: 0px 5px;
    }

        .owl-dot-style-one .owl-dots .owl-dot span {
            position: relative;
            display: block;
            width: 10px;
            height: 10px;
            border: 1px solid #f13729;
            transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
        }

        .owl-dot-style-one .owl-dots .owl-dot.active span,
        .owl-dot-style-one .owl-dots .owl-dot:hover span {
            background: #f13729;
            border-color: #f13729;
        }

/* style two */

.owl-dot-style-two .owl-dots {
    position: relative;
    text-align: center;
    line-height: 15px;
}

    .owl-dot-style-two .owl-dots .owl-dot {
        position: relative;
        display: inline-block;
        margin: 0px 5px;
    }

        .owl-dot-style-two .owl-dots .owl-dot span {
            position: relative;
            display: block;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            border: 2px solid #e8e8e8;
            transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
        }

            .owl-dot-style-two .owl-dots .owl-dot span:before {
                position: absolute;
                content: '';
                background: #e8e8e8;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                left: 3px;
                top: 3px;
            }

        .owl-dot-style-two .owl-dots .owl-dot.active span,
        .owl-dot-style-two .owl-dots .owl-dot:hover span {
            background: #f13729;
            border-color: #f13729;
        }

/* style three */

.owl-dot-style-three .owl-dots {
    position: relative;
    text-align: center;
    line-height: 15px;
}

    .owl-dot-style-three .owl-dots .owl-dot {
        position: relative;
        display: inline-block;
        margin: 0px 5px;
    }

        .owl-dot-style-three .owl-dots .owl-dot span {
            position: relative;
            display: block;
            width: 12px;
            height: 12px;
            margin-top: 13px;
            border-radius: 6px;
            background: #d9d9d9;
            transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
        }

        .owl-dot-style-three .owl-dots .owl-dot.active span,
        .owl-dot-style-three .owl-dots .owl-dot:hover span {
            background: #f13729;
            height: 25px;
            margin-top: 0px;
        }

/* owl nav */

.owl-nav-none .owl-nav {
    display: none;
}

.owl-nav-style-one .owl-nav {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

    .owl-nav-style-one .owl-nav .owl-next,
    .owl-nav-style-one .owl-nav .owl-prev {
        position: relative;
        width: 50px;
        height: 50px;
        margin: 0 8px;
        display: inline-block;
        line-height: 50px;
        border: 1px solid #f0f0f0;
        text-align: center;
        font-size: 16px;
        color: #949494;
        border-radius: 50%;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
    }

.owl-nav .icon-rotate {
    transform: rotate(-180deg);
    display: inline-block;
}

.owl-nav-style-one .carousel-outer:hover .owl-nav .owl-next,
.owl-nav-style-one .carousel-outer:hover .owl-nav .owl-prev {
    opacity: 1;
    visibility: visible;
}

.owl-nav-style-one .owl-nav .owl-prev {
    left: 0px;
}

.owl-nav-style-one .owl-nav .owl-next {
    right: 0px;
}

    .owl-nav-style-one .owl-nav .owl-next:hover,
    .owl-nav-style-one .owl-nav .owl-prev:hover {
        color: #f13729;
        border-color: #f13729;
    }

/* nav style tow */
.owl-nav-style-two .owl-nav {
    padding: 0px;
    text-align: center;
    bottom: 100%;
    top: inherit;
    position: absolute;
    left: inherit;
    right: 0;
}

    .owl-nav-style-two .owl-nav .owl-next,
    .owl-nav-style-two .owl-nav .owl-prev {
        position: relative;
        width: 50px;
        height: 50px;
        margin: 0 8px 30px;
        display: inline-block;
        line-height: 46px;
        border: 1px solid #e9e6e6;
        text-align: center;
        font-size: 16px;
        color: #949494;
        border-radius: 50%;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
    }

.owl-nav-style-two .carousel-outer:hover .owl-nav .owl-next,
.owl-nav-style-two .carousel-outer:hover .owl-nav .owl-prev {
    opacity: 1;
    visibility: visible;
}

.owl-nav-style-two .owl-nav .owl-prev {
    left: 0px;
}

.owl-nav-style-two .owl-nav .owl-next {
    right: 0px;
}

    .owl-nav-style-two .owl-nav .owl-next:hover,
    .owl-nav-style-two .owl-nav .owl-prev:hover {
        color: #f13729;
        border-color: #f13729;
    }

/* nav style three */

.owl-nav-style-three .owl-nav {
    padding: 0px;
    top: 50%;
    margin-top: -40px;
    position: absolute;
    left: -45%;
    right: -45%;
}

    .owl-nav-style-three .owl-nav .owl-next,
    .owl-nav-style-three .owl-nav .owl-prev {
        position: relative;
        width: 50px;
        height: 50px;
        line-height: 48px;
        border: 1px solid #fff;
        text-align: center;
        font-size: 24px;
        color: #ffffff;
        border-radius: 50%;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
    }

.owl-nav-style-three .carousel-outer:hover .owl-nav .owl-next,
.owl-nav-style-three .carousel-outer:hover .owl-nav .owl-prev {
    opacity: 1;
    visibility: visible;
}

.owl-nav-style-three .owl-nav .owl-prev {
    left: -25px;
    float: left;
}

.owl-nav-style-three .owl-nav .owl-next {
    right: -25px;
    float: right;
}

    .owl-nav-style-three .owl-nav .owl-next:hover,
    .owl-nav-style-three .owl-nav .owl-prev:hover {
        color: #f13729;
        border-color: #f13729;
    }

/* nav style four */

.owl-nav-style-four .owl-nav {
    padding: 0px;
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

    .owl-nav-style-four .owl-nav .owl-next,
    .owl-nav-style-four .owl-nav .owl-prev {
        position: relative;
        width: 50px;
        height: 50px;
        line-height: 48px;
        text-align: center;
        font-size: 20px;
        color: #b2b2b2;
        border-radius: 50%;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
    }

.owl-nav-style-four .carousel-outer:hover .owl-nav .owl-next,
.owl-nav-style-four .carousel-outer:hover .owl-nav .owl-prev {
    opacity: 1;
    visibility: visible;
}

.owl-nav-style-four .owl-nav .owl-prev {
    left: 45px;
    top: 13px;
    float: left;
}

.owl-nav-style-four .owl-nav .owl-next {
    right: 45px;
    top: 13px;
    float: right;
}

    .owl-nav-style-four .owl-nav .owl-next:hover,
    .owl-nav-style-four .owl-nav .owl-prev:hover {
        color: #f13729;
        border-color: #f13729;
    }


/*** Fancy Box ***/

.fancybox-next span,
.fancybox-prev span {
    background-image: none !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    text-align: center;
}

    .fancybox-next span:before,
    .fancybox-prev span:before {
        content: '';
        position: absolute;
        font-family: 'FontAwesome';
        left: 0px;
        top: 0px;
        font-size: 12px;
        width: 44px !important;
        height: 44px !important;
        line-height: 44px !important;
        background-color: rgba(28, 28, 28, 0.40) !important;
        color: #ffffff;
        visibility: visible;
        transition: all 300ms ease;
        -webkit-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
    }

    .fancybox-next span:before {
        content: '\f178';
    }

    .fancybox-prev span:before {
        content: '\f177';
    }

.fancybox-next:hover span:before,
.fancybox-prev:hover span:before {
    background-color: #ffffff !important;
    color: #000000;
}

.fancybox-type-image .fancybox-close {
    right: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
    background: url(../images/icons/icon-cross.png) center center no-repeat;
    background-color: rgba(17, 17, 17, 0.50) !important;
}

    .fancybox-type-image .fancybox-close:hover {
        background-color: #000000 !important;
    }

.fancybox-type-image .fancybox-skin {
    padding: 0px !important;
}



/* margin */

.m-0 {
    margin: 0px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mx-15 {
    margin: 0 15px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-55 {
    margin-top: 55px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-65 {
    margin-top: 65px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-75 {
    margin-top: 75px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-65 {
    margin-bottom: 65px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-75 {
    margin-bottom: 75px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-55 {
    margin-left: 55px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.ml-65 {
    margin-left: 65px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

.ml-75 {
    margin-left: 75px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mr-55 {
    margin-right: 55px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mr-65 {
    margin-right: 65px !important;
}

.mr-70 {
    margin-right: 70px !important;
}

.mr-75 {
    margin-right: 75px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

/* padding */

.p-0 {
    padding: 0px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-55 {
    padding-top: 55px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-65 {
    padding-top: 65px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-75 {
    padding-top: 75px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-55 {
    padding-bottom: 55px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-65 {
    padding-bottom: 65px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-75 {
    padding-bottom: 75px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-55 {
    padding-left: 55px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pl-65 {
    padding-left: 65px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pl-75 {
    padding-left: 75px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-55 {
    padding-right: 55px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pr-65 {
    padding-right: 65px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pr-75 {
    padding-right: 75px !important;
}

.pr-80 {
    padding-right: 80px !important;
}


@media only screen and (min-width:1200px) {
    .pl-lg-30 {
        padding-left: 30px;
    }
}

#shop-area .showing-result-shorting .ui-selectmenu-button {
    background: #fff !important;
    width: 200px !important;
    border-radius: 0px !important;
    border: 1px solid #f0eef9 !important;
    color: #868298 !important;
    font-size: 15px !important;
    text-transform: capitalize;
    height: 40px !important;
    position: relative;
    transition: all 500ms ease;
}


/*

element css

1- section title
2- button style
3- list style
4- social icon
6- tab style
7- accordion
8- page pagination
9- filter style
10- video-box
11- Progressbar




/*
================================== 
1.section title 
==================================
*/

.sec-title {
    position: relative;
    margin-bottom: 50px;
}

    .sec-title.small {
        margin-bottom: 35px;
    }

    .sec-title h1 {
        font-size: 36px;
        font-weight: 700;
        line-height: 42px;
        color: #222;
    }

    .sec-title.light h1 {
        color: #fff;
    }

    .sec-title h3 {
        font-size: 25px;
        font-weight: 600;
        line-height: 1.1em;
        margin-bottom: 20px;
    }

    .sec-title.light h3 {
        color: #fff;
    }

    .sec-title.light .text {
        color: #7e8597;
    }

    .sec-title.centered {
        text-align: center;
    }

    .sec-title .text {
        margin-top: 15px;
        font-size: 18px;
        color: #7e8597;
        max-width: 960px;
        line-height: 26px;
    }

    .sec-title.centered .text {
        margin: 0 auto;
        margin-top: 15px;
    }

    .sec-title .tfp-btn {
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        background: #f13729;
        padding: 0px 10px;
        margin-bottom: 20px;
    }


    /* Style two */

    .sec-title.style-two {
        margin-bottom: 40px;
    }

.welcome-title {
    text-align: center;
    margin-bottom: 40px;
}

    .welcome-title h3 {
        text-align: center;
        font-size: 24px;
        font-weight: 500;
    }

        .welcome-title h3 span {
            color: #f13729;
        }

/* inner page title */

.inner-page-title {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

    .inner-page-title h4 {
        font-size: 22px;
        color: #000000;
        font-weight: 500;
        line-height: 1.2em;
        text-transform: capitalize;
    }

    .inner-page-title:before {
        position: absolute;
        content: '';
        background: #ddd;
        height: 1px;
        width: 100%;
        bottom: 0;
    }

    .inner-page-title:after {
        position: absolute;
        content: '';
        background: #f13729;
        height: 2px;
        width: 40px;
        bottom: 0;
    }

/*
================================== 
btn Style One 
==================================
*/

.btn-style-one {
    position: relative;
    padding: 16px 60px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background: #f13729;
    letter-spacing: 1px;
    border: 2px solid #f13729;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-one:hover {
        color: #ffffff;
        background: #101010;
        border-color: #101010;
    }

/*Btn Style One*/

.btn-style-two {
    position: relative;
    padding: 16px 55px;
    border-radius: 30px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    background: #f13729;
    letter-spacing: 1px;
    border: 2px solid #f13729;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-two:hover {
        color: #ffffff;
        background: #101010;
        border-color: #101010;
    }

/*Btn Style three*/

.btn-style-three {
    position: relative;
    padding: 16px 55px;
    line-height: 24px;
    color: #f13729;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    background: none;
    letter-spacing: 1px;
    border: 2px solid #f13729;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-three:hover {
        color: #ffffff;
        border-color: #f13729;
        background-color: #f13729;
    }

/*Btn Style four*/

.btn-style-four {
    position: relative;
    padding: 16px 55px;
    line-height: 24px;
    border-radius: 30px;
    color: #f13729;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    background: none;
    letter-spacing: 1px;
    border: 2px solid #f13729;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-four:hover {
        color: #ffffff;
        border-color: #f13729;
        background-color: #f13729;
    }

/*Btn Style five*/

.btn-style-five {
    position: relative;
    padding: 11px 40px;
    line-height: 24px;
    color: #f13729;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    background: #ffffff;
    letter-spacing: 1px;
    border: 2px solid #ffffff;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-five:hover {
        color: #ffffff;
        background: #f13729;
        border-color: #f13729;
    }

/*Btn Style six*/

.btn-style-six {
    position: relative;
    padding: 16px 60px;
    line-height: 24px;
    color: #222;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    letter-spacing: 1px;
    border: 2px solid #ffffff;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-six:hover {
        color: #ffffff;
        background: #f13729;
        border-color: #f13729;
    }

/*Btn Style seven*/

.btn-style-seven {
    position: relative;
    padding: 16px 60px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    background: none;
    letter-spacing: 1px;
    border: 2px solid #fff;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-seven:hover {
        color: #ffffff;
        border-color: #f13729;
        background-color: #f13729;
    }

/*Btn Style eight*/

.btn-style-eight {
    position: relative;
    padding: 16px 55px;
    line-height: 24px;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    background: none;
    letter-spacing: 1px;
    border: 2px solid #fff;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-eight:hover {
        color: #ffffff;
        border-color: #f13729;
        background-color: #f13729;
    }

/*Btn Style nine*/

.btn-style-nine {
    position: relative;
    padding: 16px 60px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background: #1b1b1b;
    letter-spacing: 1px;
    border: 2px solid #1b1b1b;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-nine:hover {
        color: #ffffff;
        background: #f13729;
        border-color: #f13729;
    }

/*Btn Style ten*/

.btn-style-ten {
    position: relative;
    padding: 11px 40px;
    line-height: 24px;
    color: #f13729;
    text-align: center;
    border-radius: 25px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    background: #f7f7f7;
    letter-spacing: 1px;
    border: 2px solid #f7f7f7;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-ten:hover {
        color: #ffffff;
        background: #f13729;
        border-color: #f13729;
    }

/*Btn Style eleven*/

.btn-style-eleven {
    position: relative;
    padding: 16px 60px;
    line-height: 24px;
    color: #222;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    background: none;
    letter-spacing: 1px;
    border: 2px solid #e9e6e6;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-eleven:hover {
        color: #ffffff;
        border-color: #f13729;
        background-color: #f13729;
    }

/*Btn Style twelve*/

.btn-style-twelve {
    position: relative;
    padding: 16px 55px;
    line-height: 24px;
    border-radius: 30px;
    color: #222;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    background: none;
    letter-spacing: 1px;
    border: 2px solid #e9e6e6;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-twelve:hover {
        color: #ffffff;
        border-color: #f13729;
        background-color: #f13729;
    }

/*Btn Style thirteen*/

.btn-style-thirteen {
    position: relative;
    padding: 11px 40px;
    line-height: 24px;
    color: #222;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    background: none;
    letter-spacing: 1px;
    border: 1px solid #ebebeb;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
}

    .btn-style-thirteen:hover {
        color: #ffffff;
        border-color: #f13729;
        background-color: #f13729;
    }

/*Btn Style fourteen*/

.btn-style-fourteen {
    position: relative;
    padding: 12px 40px;
    line-height: 24px;
    border-radius: 25px;
    color: #1a224c;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    background: none;
    letter-spacing: 1px;
    border: 1px solid #e7e7e7;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-fourteen:hover {
        color: #ffffff;
        border-color: #f13729;
        background-color: #f13729;
    }

/*Btn Style fifteen*/

.btn-style-fifteen {
    position: relative;
    padding: 0px 12px;
    line-height: 25px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    background: #f13729;
    border-radius: 12px;
    letter-spacing: 1px;
    border: 2px solid #f13729;
    font-family: 'Poppins', sans-serif;
}

    .btn-style-fifteen:hover {
        color: #f13729;
        background: transparent;
        border-color: #f13729;
    }

/*
================================== 
3.list style
==================================
*/

.list-style-one {
    position: relative;
}

    .list-style-one li {
        position: relative;
        color: #111;
        font-size: 18px;
        font-weight: 400;
        padding-left: 28px;
        margin-bottom: 15px;
    }

        .list-style-one li:before {
            position: absolute;
            content: '\f046';
            left: 0px;
            top: 0px;
            font-size: 16px;
            color: #111;
            font-family: 'Font Awesome 5 Free';
        }

/*List Style Two*/

.list-style-two {
    position: relative;
    margin-bottom: 30px;
}

    .list-style-two li {
        position: relative;
        color: #222;
        font-size: 16px;
        font-weight: 400;
        padding-left: 16px;
        margin-bottom: 6px;
    }

        .list-style-two li:before {
            position: absolute;
            content: "\f105";
            left: 0px;
            top: 0;
            font-family: 'Font Awesome 5 Free';
            color: #f13729;
            font-size: 16px;
        }

/*List Style Three*/

.list-style-three {
    position: relative;
    margin-bottom: 30px;
}

    .list-style-three li {
        position: relative;
        color: #848484;
        font-size: 16px;
        font-weight: 300;
        padding-left: 20px;
        margin-bottom: 6px;
    }

        .list-style-three li:before {
            position: absolute;
            content: '';
            left: 0px;
            top: 10px;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background-color: #f13729;
            font-family: 'Font Awesome 5 Free';
        }

        .list-style-three li:nth-child(2):before {
            background-color: #fd5075;
        }

        .list-style-three li:nth-child(3):before {
            background-color: #11e6a2;
        }

/*List Style four*/

.list-style-four {
    position: relative;
}

    .list-style-four li {
        position: relative;
        margin-bottom: 12px;
        color: #848484;
        font-size: 14px;
        font-weight: 400;
        padding-left: 35px;
        line-height: 2em;
    }

        .list-style-four li i {
            position: absolute;
            left: 0px;
            top: 4px;
            color: #f13729;
            font-size: 22px;
            line-height: 1.2em;
        }

/*List Style five*/

.list-style-five {
    position: relative;
}

    .list-style-five li {
        position: relative;
        color: #ffffff;
        font-size: 16px;
        font-weight: 300;
        padding-left: 28px;
        margin-bottom: 10px;
    }

        .list-style-five li:before {
            position: absolute;
            content: '\f192';
            left: 0px;
            top: 2px;
            font-size: 16px;
            color: #f13729;
            font-family: 'Font Awesome 5 Free';
        }

/*
================================== 
4.social icon
==================================
*/

/* social icon one */

.social-icon-one {
    position: relative;
}

    .social-icon-one li {
        position: relative;
        margin: 0 7px;
        display: inline-block;
    }

        .social-icon-one li a {
            position: relative;
            color: #666;
            font-size: 16px;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .social-icon-one li a:hover {
                color: #f13729;
            }

/*Social Icon Two*/

.social-icon-two {
    position: relative;
}

    .social-icon-two li {
        position: relative;
        margin: 0 7px;
        display: inline-block;
    }

        .social-icon-two li a {
            position: relative;
            color: #f13729;
            font-size: 16px;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .social-icon-two li a:hover {
                color: #f13729;
            }

/*Social Icon Three*/

.social-icon-three {
    position: relative;
}

    .social-icon-three li {
        position: relative;
        margin-right: 10px;
        margin-bottom: 10px;
        display: inline-block;
    }

        .social-icon-three li a {
            position: relative;
            width: 40px;
            height: 40px;
            color: #848484;
            font-size: 16px;
            line-height: 40px;
            text-align: center;
            border-radius: 50%;
            display: inline-block;
            background: #f4f4f4;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .social-icon-three li a:hover {
                color: #ffffff;
                background-color: #f13729;
            }

/*Social Icon Four*/

.social-icon-four {
    position: relative;
}

    .social-icon-four li {
        position: relative;
        margin-right: 10px;
        margin-bottom: 10px;
        display: inline-block;
    }

        .social-icon-four li a {
            position: relative;
            width: 40px;
            height: 40px;
            color: #f13729;
            font-size: 16px;
            line-height: 40px;
            text-align: center;
            border-radius: 50%;
            display: inline-block;
            background: #f4f4f4;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .social-icon-four li a:hover {
                color: #ffffff;
                background-color: #f13729;
            }

/*Social Icon Five*/

.social-icon-five {
    position: relative;
}

    .social-icon-five li {
        position: relative;
        margin-right: 10px;
        margin-bottom: 10px;
        display: inline-block;
    }

        .social-icon-five li a {
            position: relative;
            width: 40px;
            height: 40px;
            color: #848484;
            font-size: 16px;
            line-height: 38px;
            text-align: center;
            border-radius: 50%;
            display: inline-block;
            border: 1px solid #eee;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .social-icon-five li a:hover {
                color: #ffffff;
                background-color: #f13729;
            }

/*Social Icon Six*/

.social-icon-six {
    position: relative;
}

    .social-icon-six li {
        position: relative;
        margin-right: 10px;
        margin-bottom: 10px;
        display: inline-block;
    }

        .social-icon-six li a {
            position: relative;
            width: 40px;
            height: 40px;
            color: #f13729;
            font-size: 16px;
            line-height: 38px;
            text-align: center;
            border-radius: 50%;
            display: inline-block;
            border: 1px solid #eee;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .social-icon-six li a:hover {
                color: #ffffff;
                background-color: #f13729;
            }

/* social icon seven */

.social-icon-seven {
    position: relative;
}

    .social-icon-seven li {
        position: relative;
        margin: 0 7px;
        display: inline-block;
    }

        .social-icon-seven li a {
            position: relative;
            color: #fff;
            font-size: 16px;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .social-icon-seven li a:hover {
                color: #f13729;
            }

/*social icon eight*/

.social-icon-eight {
    position: relative;
}

    .social-icon-eight li {
        position: relative;
        margin-right: 10px;
        margin-bottom: 10px;
        display: inline-block;
    }

        .social-icon-eight li a {
            position: relative;
            width: 40px;
            height: 40px;
            color: #ffffff;
            font-size: 16px;
            line-height: 38px;
            text-align: center;
            border-radius: 50%;
            display: inline-block;
            border: 1px solid #fff;
            -webkit-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .social-icon-eight li a:hover {
                color: #ffffff;
                background-color: #f13729;
                border-color: #f13729;
            }

/* social-icon nine */

.social-icon-nine {
    display: flex;
    flex-wrap: wrap;
}

    .social-icon-nine li {
        margin: 0 7px;
    }

    .social-icon-nine .fa {
        font-size: 16px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

        .social-icon-nine .fa:hover {
            opacity: 0.7;
        }

    .social-icon-nine .fa-facebook {
        background: #3B5998;
        color: white;
    }

    .social-icon-nine .fa-twitter {
        background: #55ACEE;
        color: white;
    }

    .social-icon-nine .fa-google {
        background: #dd4b39;
        color: white;
    }

    .social-icon-nine .fa-linkedin {
        background: #007bb5;
        color: white;
    }

    .social-icon-nine .fa-youtube {
        background: #bb0000;
        color: white;
    }

    .social-icon-nine .fa-instagram {
        background: #125688;
        color: white;
    }

    .social-icon-nine .fa-pinterest {
        background: #cb2027;
        color: white;
    }

    .social-icon-nine .fa-snapchat-ghost {
        background: #fffc00;
        color: white;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }

    .social-icon-nine .fa-skype {
        background: #00aff0;
        color: white;
    }

    .social-icon-nine .fa-android {
        background: #a4c639;
        color: white;
    }

    .social-icon-nine .fa-dribbble {
        background: #ea4c89;
        color: white;
    }

    .social-icon-nine .fa-vimeo {
        background: #45bbff;
        color: white;
    }

    .social-icon-nine .fa-tumblr {
        background: #2c4762;
        color: white;
    }

    .social-icon-nine .fa-vine {
        background: #00b489;
        color: white;
    }

    .social-icon-nine .fa-foursquare {
        background: #45bbff;
        color: white;
    }

    .social-icon-nine .fa-stumbleupon {
        background: #eb4924;
        color: white;
    }

    .social-icon-nine .fa-flickr {
        background: #f40083;
        color: white;
    }

    .social-icon-nine .fa-yahoo {
        background: #430297;
        color: white;
    }

    .social-icon-nine .fa-soundcloud {
        background: #ff5500;
        color: white;
    }

    .social-icon-nine .fa-reddit {
        background: #ff5700;
        color: white;
    }

    .social-icon-nine .fa-rss {
        background: #ff6600;
        color: white;
    }

/* Social-icon Fourteen */

.social-icon-ten {
    display: flex;
    flex-wrap: wrap;
}

    .social-icon-ten li {
        margin: 0 7px;
    }

    .social-icon-ten .fa {
        font-size: 16px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
    }

        .social-icon-ten .fa:hover {
            opacity: 0.7;
        }

    .social-icon-ten .fa-facebook {
        background: #3B5998;
        color: white;
    }

    .social-icon-ten .fa-twitter {
        background: #55ACEE;
        color: white;
    }

    .social-icon-ten .fa-google {
        background: #dd4b39;
        color: white;
    }

    .social-icon-ten .fa-linkedin {
        background: #007bb5;
        color: white;
    }

    .social-icon-ten .fa-youtube {
        background: #bb0000;
        color: white;
    }

    .social-icon-ten .fa-instagram {
        background: #125688;
        color: white;
    }

    .social-icon-ten .fa-pinterest {
        background: #cb2027;
        color: white;
    }

    .social-icon-ten .fa-snapchat-ghost {
        background: #fffc00;
        color: white;
        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }

    .social-icon-ten .fa-skype {
        background: #00aff0;
        color: white;
    }

    .social-icon-ten .fa-android {
        background: #a4c639;
        color: white;
    }

    .social-icon-ten .fa-dribbble {
        background: #ea4c89;
        color: white;
    }

    .social-icon-ten .fa-vimeo {
        background: #45bbff;
        color: white;
    }

    .social-icon-ten .fa-tumblr {
        background: #2c4762;
        color: white;
    }

    .social-icon-ten .fa-vine {
        background: #00b489;
        color: white;
    }

    .social-icon-ten .fa-foursquare {
        background: #45bbff;
        color: white;
    }

    .social-icon-ten .fa-stumbleupon {
        background: #eb4924;
        color: white;
    }

    .social-icon-ten .fa-flickr {
        background: #f40083;
        color: white;
    }

    .social-icon-ten .fa-yahoo {
        background: #430297;
        color: white;
    }

    .social-icon-ten .fa-soundcloud {
        background: #ff5500;
        color: white;
    }

    .social-icon-ten .fa-reddit {
        background: #ff5700;
        color: white;
    }

    .social-icon-ten .fa-rss {
        background: #ff6600;
        color: white;
    }

/*
================================== 
6.tab style
==================================
*/

.default-tabs {
    position: relative;
}

    .default-tabs.style-three {
        border: 1px solid #f4f4f4;
    }

    .default-tabs nav {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        background: #f8f7ee;
        box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
    }

@media only screen and (min-width: 768px) {
    .default-tabs nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        box-shadow: inset -2px 0 3px rgba(203, 196, 130, 0.06);
        z-index: 1;
    }
}

@media only screen and (min-width: 960px) {
    .default-tabs nav {
        position: relative;
        float: none;
        background: transparent;
        box-shadow: none;
    }
}

.default-tabs-navigation {
    width: 360px;
}

    .default-tabs-navigation:after {
        content: "";
        display: table;
        clear: both;
    }

    .default-tabs-navigation li {
        float: left;
    }

    .default-tabs-navigation a {
        position: relative;
        display: block;
        height: 60px;
        width: 60px;
        text-align: center;
        font-size: 12px;
        font-size: 0.75rem;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: 700;
        color: #848484;
        padding-top: 34px;
    }

.no-touch .default-tabs-navigation a:hover {
    color: #29324e;
    background-color: rgba(233, 230, 202, 0.3);
}

.default-tabs-navigation a.selected {
    background-color: #ffffff !important;
    box-shadow: inset 0 2px 0 #f05451;
    color: #29324e;
}

@media only screen and (min-width: 768px) {
    .default-tabs-navigation {
        /* move the nav to the left on medium sized devices */
        width: 80px;
        float: left;
    }

        .default-tabs-navigation a {
            height: 80px;
            width: 80px;
            padding-top: 46px;
        }

            .default-tabs-navigation a.selected {
                box-shadow: inset 2px 0 0 #f13729;
            }

            .default-tabs-navigation a::before {
                top: 22px;
            }
}

@media only screen and (min-width: 960px) {
    .default-tabs-navigation {
        /* tabbed on top on big devices */
        width: auto;
        background-color: #f8f7ee;
        box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
    }

        .default-tabs-navigation a {
            height: 60px;
            line-height: 60px;
            width: auto;
            text-align: left;
            font-size: 15px;
            padding: 0 2.8em 0 4.6em;
        }

            .default-tabs-navigation a.selected {
                box-shadow: inset 0 2px 0 #f05451;
            }

            .default-tabs-navigation a::before {
                top: 50%;
                margin-top: -10px;
                margin-left: 0;
                left: 38px;
            }
}

.default-tabs-content {
    background: #ffffff;
}

    .default-tabs-content li {
        display: none;
        padding: 1.4em;
        border: 1px solid #f0f0f0;
    }

        .default-tabs-content li.selected {
            display: block;
            -webkit-animation: default-fade-in 0.5s;
            -moz-animation: default-fade-in 0.5s;
            animation: default-fade-in 0.5s;
        }

        .default-tabs-content li p {
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1.6;
            color: #848484;
            margin-bottom: 2em;
        }

@media only screen and (min-width: 768px) {
    .default-tabs-content {
        min-height: 480px;
    }

        .default-tabs-content li {
            padding: 2em 2em 2em 7em;
        }
}

@media only screen and (min-width: 960px) {
    .default-tabs-content {
        min-height: 0;
    }

        .default-tabs-content li {
            padding: 3em;
        }

            .default-tabs-content li p {
                font-size: 16px;
            }
}

@-webkit-keyframes default-fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes default-fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes default-fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*
================================== 
7.accordion style 
==================================
*/

.accordion-box {
    position: relative;
}

    .accordion-box .block {
        position: relative;
        border: 1px solid #e9e6e6;
    }

        .accordion-box .block.active-block {
            margin-bottom: 0px;
            border: 2px solid #f13729;
        }

        .accordion-box .block .acc-btn {
            position: relative;
            padding: 35.5px 39px;
            padding-right: 75px;
            font-size: 18px;
            background: #fff;
            cursor: pointer;
            line-height: 1.2em;
            color: #222222;
            font-weight: 600;
            transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -webkit-transition: all 500ms ease;
            font-family: 'Poppins', sans-serif;
        }

            .accordion-box .block .acc-btn .count {
                color: #f13729;
            }

        .accordion-box .block .icon-outer {
            position: absolute;
            right: 40px;
            top: 50%;
            font-size: 30px;
            text-align: center;
            width: 30px;
            border-radius: 50%;
            height: 30px;
            color: #9096a8;
            transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -webkit-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            transform: translateY(-50%);
        }

            .accordion-box .block .icon-outer .icon {
                position: absolute;
                top: 0;
                left: 50%;
                transform: translate(-50%);
                font-size: 12px;
                color: #f13729;
                font-weight: 700;
                font-size: 12px;
                line-height: 30px;
                transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
            }

            .accordion-box .block .icon-outer .icon_plus {
                opacity: 1;
            }

            .accordion-box .block .icon-outer .icon_minus {
                opacity: 0;
                color: #f13729;
            }

        .accordion-box .block .acc-btn.active .icon-outer .icon_minus {
            opacity: 1;
        }

        .accordion-box .block .acc-btn.active .icon-outer .icon_plus {
            opacity: 0;
        }

        .accordion-box .block .acc-btn.active .icon-outer {
            color: #f13729;
        }

        .accordion-box .block .acc-content {
            position: relative;
            display: none;
        }

            .accordion-box .block .acc-content .content-text {
                padding-bottom: 6px;
            }

            .accordion-box .block .acc-content.current {
                display: block;
            }

        .accordion-box .block .content {
            position: relative;
            font-size: 14px;
            padding: 0px 39px 30px;
            padding-right: 90px;
            line-height: 26px;
            margin-top: -15px;
        }

            .accordion-box .block .content p {
                margin-bottom: 20px;
                line-height: 1.8em;
                font-size: 16px;
                color: #848484;
                font-weight: 300;
            }

                .accordion-box .block .content p:last-child {
                    margin-bottom: 0px;
                }

    /*Accordian Style Two*/

    .accordion-box.style-two {
        border: 0px;
    }

        .accordion-box.style-two .block {
            margin-bottom: 10px;
            padding: 0;
        }

            .accordion-box.style-two .block .acc-btn {
                color: #333;
            }

            .accordion-box.style-two .block .content p {
                font-size: 16px;
                line-height: 1.9em;
            }

    /*Accordian Style Three*/

    .accordion-box.style-three {
        position: relative;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 70px;
    }

        .accordion-box.style-three .block {
            padding-left: 0px;
        }

            .accordion-box.style-three .block .acc-btn {
                font-weight: 400;
            }

            .accordion-box.style-three .block .icon-outer {
                right: 0px;
            }

    /*Accordian Style Four*/

    .accordion-box.style-four {
        border: 0px;
    }

        .accordion-box.style-four .block {
            border: 0px;
            padding: 0px;
            margin-bottom: 10px;
        }

            .accordion-box.style-four .block .acc-btn {
                padding: 13px 20px;
                background-color: #f7f7f7;
            }

            .accordion-box.style-four .block .icon-outer .icon {
                font-size: 20px;
                margin-top: -20px;
            }

            .accordion-box.style-four .block .icon-outer {
                right: 30px;
                top: 36px;
            }

            .accordion-box.style-four .block .acc-btn.active .icon-outer .icon_plus {
                opacity: 1;
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                transform: rotate(90deg);
            }

            .accordion-box.style-four .block .content {
                padding: 20px 20px;
                border: 1px solid #f4f4f4;
                border-top: 0px;
            }

    /*Accordian Style Five*/

    .accordion-box.style-five {
        position: relative;
        padding: 0px 30px;
        border: 0px;
        background-color: #f7f7f7;
    }

        .accordion-box.style-five .block {
            padding: 0px 0px;
        }

            .accordion-box.style-five .block:last-child .acc-content {
                padding-bottom: 25px;
            }

            .accordion-box.style-five .block .acc-btn {
                padding-right: 0px;
                padding-left: 40px;
                padding-top: 19px;
                padding-bottom: 19px;
            }

                .accordion-box.style-five .block .acc-btn.active {
                    color: #f13729;
                }

                    .accordion-box.style-five .block .acc-btn.active .icon-outer {
                        background-color: #f13729;
                    }

            .accordion-box.style-five .block .icon-outer {
                left: 0px;
                top: 50%;
                right: auto;
                width: 20px;
                height: 20px;
                color: #ffffff;
                line-height: 21px;
                border-radius: 50%;
                text-align: center;
                margin-top: -10px;
                background-color: #cccccc;
            }

                .accordion-box.style-five .block .icon-outer .icon {
                    left: 0px;
                    top: 19px;
                    width: 20px;
                    height: 20px;
                    color: #ffffff;
                }

            .accordion-box.style-five .block .content {
                background-color: #ffffff;
                margin-top: 0px;
                padding: 25px 40px;
            }

/*
================================== 
8.page pagination
==================================
*/

.page_pagination {
    text-align: center;
    margin-bottom: 50px;
}

    .page_pagination li {
        display: inline-block;
        margin: 0 10px;
    }

        .page_pagination li a {
            display: block;
            text-align: center;
            color: #000000;
            font-size: 18px;
            font-weight: 500;
            font-family: 'Muli', sans-serif;
        }

            .page_pagination li a.active,
            .page_pagination li a:hover {
                color: #f13729;
            }

/*style tow*/

.page_pagination_two {
    text-align: center;
    margin-top: 20px;
}

    .page_pagination_two li {
        display: inline-block;
        margin: 0 4px;
    }

        .page_pagination_two li a {
            width: 55px;
            height: 55px;
            line-height: 55px;
            display: block;
            border-radius: 0px;
            border: 1px solid rgba(229, 229, 229, 0.57);
            text-align: center;
            color: #848484;
            font-size: 18px;
        }

            .page_pagination_two li a.active,
            .page_pagination_two li a:hover {
                color: #fff;
                background: #f13729;
            }

/*style three*/

.page_pagination_three {
    text-align: center;
    margin-bottom: 50px;
}

    .page_pagination_three li {
        display: inline-block;
        margin: 0 4px;
    }

        .page_pagination_three li a {
            width: 55px;
            height: 55px;
            line-height: 55px;
            border-radius: 50%;
            display: block;
            text-align: center;
            background: #f7f8f9;
            color: #333;
            font-size: 18px;
            font-weight: 700;
        }

            .page_pagination_three li a.active,
            .page_pagination_three li a:hover {
                color: #fff;
                background: #f13729;
            }

/*
================================== 
9.filter style
==================================
*/

.filter-tabs {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: 50px;
}

.text-center .filter-tabs {
    justify-content: center;
}

.filter-tabs li {
    position: relative;
    padding: 0;
    margin: 0px 10px 10px;
}

    .filter-tabs li:first-child {
        margin-left: 0px;
    }

    /* .filter-tabs li.active {
    } */

    .filter-tabs li span {
        color: #7e8597;
        font-size: 14px;
        font-weight: 600;
        line-height: 26px;
        font-family: 'Poppins', sans-serif;
        text-transform: uppercase;
        display: block;
        cursor: pointer;
        border: 1px solid #e9e6e6;
        transition: .5s ease;
        padding: 11px 23px;
    }

.filter-tabs.style-2 li span {
    color: #fff;
}

.filter-tabs li:hover span,
.filter-tabs li.active span {
    background: #f13729;
    color: #fff;
    transition: .5s ease;
}

.filter-tabs li span i {
    font-size: 14px;
    margin-right: 5px;
}

.filter-tabs li .count {
    position: absolute;
    right: 10px;
    top: 0;
    transform: translateY(-50%);
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #f13729;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    background: #fff;
    border: 1px solid #edebeb;
    border-radius: 50%;
    opacity: 0;
}

.filter-tabs li.active .count {
    opacity: 1;
}

/* style two */
.filter-tabs-two {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: 40px;
    justify-content: center;
}

    .filter-tabs-two li {
        padding: 0;
        margin: 0px 7px 10px;
    }

        /* .filter-tabs-two li.active {
        } */

        .filter-tabs-two li span {
            color: #464646;
            font-size: 16px;
            font-weight: 400;
            line-height: 26px;
            padding: 8px 25px;
            background: #e6e8eb;
            border-radius: 22px;
            font-family: 'Muli', sans-serif;
            display: block;
            cursor: pointer;
            transition: .5s ease;
        }

        .filter-tabs-two li:last-child span {
            border-right: 0px;
        }

        .filter-tabs-two li:hover span,
        .filter-tabs-two li.active span {
            color: #ffffff;
            background: #f13729;
            border-color: #f13729;
            transition: .5s ease;
        }

        .filter-tabs-two li span i {
            font-size: 14px;
            margin-right: 5px;
        }

/*
================================== 
10.video box
==================================
*/

.video-image-box .image {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.video-image-box img {
    display: block;
    width: 100%;
}

.video-image-box .image .overlay-link {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    display: flex;
    height: 100%;
    font-size: 50px;
    align-items: center;
    justify-content: center;
    z-index: 9;
    color: #f13729;
    text-align: center;
    background: rgba(0, 0, 0, 0.50);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

    .video-image-box .image .overlay-link:hover {
        background: rgba(0, 0, 0, 0.30);
    }

.video-image-box .overlay-link span {
    height: 81px;
    width: 81px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    padding-left: 6px;
}

.video-image-box .ripple,
.video-image-box .ripple:before,
.video-image-box .ripple:after {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 80px;
    width: 80px;
    margin-top: -40px;
    margin-left: -40px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

    .video-image-box .ripple:before {
        -webkit-animation-delay: .9s;
        animation-delay: .9s;
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .video-image-box .ripple:after {
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
    }


/* default video-box */

.default-video-box {
    margin-bottom: 40px;
}

    .default-video-box a {
        color: #fff;
        font-size: 60px;
        position: relative;
        display: inline-block;
    }



    .default-video-box .ripple,
    .default-video-box .ripple:before,
    .default-video-box .ripple:after {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 80px;
        width: 80px;
        margin-top: -40px;
        margin-left: -40px;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
        -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
        -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64);
        -webkit-animation: ripple 3s infinite;
        animation: ripple 3s infinite;
    }

        .default-video-box .ripple:before {
            -webkit-animation-delay: .9s;
            animation-delay: .9s;
            content: "";
            position: absolute;
            right: 0;
            bottom: 0;
        }

        .default-video-box .ripple:after {
            -webkit-animation-delay: .6s;
            animation-delay: .6s;
            content: "";
            position: absolute;
            right: 0;
            bottom: 0;
        }

@-webkit-keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(244, 68, 56, .0);
        box-shadow: 0 0 0 30px rgba(244, 68, 56, .0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
    }
}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 30px rgba(244, 68, 56, .0);
        box-shadow: 0 0 0 30px rgba(244, 68, 56, .0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
    }
}

/* default video-box two */

.default-video-box-two {
    margin-bottom: 40px;
}

    .default-video-box-two a {
        color: #fff;
        font-size: 60px;
        position: relative;
        display: inline-block;
    }



/*
================================== 
 11. Progress bar
==================================
*/

.progress-levels {
    position: relative;
}

.default-section .progress-levels {
    padding-top: 7px;
}

.progress-levels .progress-box h5 {
    font-size: 14px;
    color: #909297;
    margin-bottom: 5px;
}

.progress-levels .progress-box {
    position: relative;
    padding-bottom: 16px;
    padding-top: 10px;
    overflow: hidden;
}

    .progress-levels .progress-box:last-child {
        margin-bottom: 0px;
    }

    .progress-levels .progress-box:last-child {
        margin-bottom: 0px;
    }

    .progress-levels .progress-box .bar {
        position: relative;
        height: 6px;
        background: #e5e5e5;
    }

        .progress-levels .progress-box .bar .bar-innner {
            position: relative;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 10px;
        }

        .progress-levels .progress-box .bar .bar-fill {
            position: absolute;
            left: -100%;
            top: 0px;
            width: 0px;
            height: 6px;
            background: #3648b2;
            -webkit-transition: all 2000ms ease 300ms;
            -o-transition: all 2000ms ease 300ms;
            transition: all 2000ms ease 300ms;
        }

    .progress-levels .progress-box.html .bar .bar-fill {
        background: #ef6267;
    }

    .progress-levels .progress-box.wp .bar .bar-fill {
        background: #ff9924;
    }

    .progress-levels .progress-box.php .bar .bar-fill {
        background: #14dbba;
    }

    .progress-levels .progress-box.animated .bar .bar-fill {
        left: 0px;
    }

    .progress-levels .progress-box .percent {
        position: absolute;
        right: 0;
        top: -30px;
        letter-spacing: 0px;
        font-size: 14px;
        font-weight: 600;
        color: #222;
        font-family: 'Open Sans', sans-serif;
        opacity: 0;
        -webkit-transition: all 2000ms ease 700ms;
        -o-transition: all 2000ms ease 700ms;
        transition: all 2000ms ease 700ms;
    }

    .progress-levels .progress-box.animated .percent {
        opacity: 1;
    }




/*
================================== 
 11. Progress bar
==================================
*/

.progress-levels-two {
    position: relative;
}

    .progress-levels-two .progress-box {
        position: relative;
        padding-bottom: 16px;
        padding-top: 10px;
        overflow: hidden;
        margin: 0 25px;
    }

        .progress-levels-two .progress-box .bar {
            position: relative;
            height: 270px;
            width: 36px;
            background: #fff;
        }

            .progress-levels-two .progress-box .bar .bar-innner {
                position: relative;
                left: 0px;
                top: 0px;
                width: 36px;
                height: 100%;
            }

            .progress-levels-two .progress-box .bar .bar-fill {
                position: absolute;
                left: 0%;
                bottom: 0px;
                width: 36px;
                height: 0px;
                background: #f13729;
                -webkit-transition: all 2000ms ease 300ms;
                -o-transition: all 2000ms ease 300ms;
                transition: all 2000ms ease 300ms;
            }

        .progress-levels-two .progress-box.html .bar .bar-fill {
            background: #ef6267;
        }

        .progress-levels-two .progress-box.wp .bar .bar-fill {
            background: #ff9924;
        }

        .progress-levels-two .progress-box.php .bar .bar-fill {
            background: #14dbba;
        }

        .progress-levels-two .progress-box.animated .bar .bar-fill {
            left: 0px;
        }

        .progress-levels-two .progress-box .percent {
            position: absolute;
            right: 0;
            top: -30px;
            letter-spacing: 0px;
            font-size: 14px;
            font-weight: 600;
            color: #222;
            opacity: 0;
            -webkit-transition: all 2000ms ease 700ms;
            -o-transition: all 2000ms ease 700ms;
            transition: all 2000ms ease 700ms;
        }

        .progress-levels-two .progress-box.animated .percent {
            opacity: 1;
        }



/*** 

====================================================================
  Main Header style
====================================================================

***/

.nav-group, #menuzord ul li, .header-group, .group-header .header {
    float: left;
}

.header-group {
    width: 100%;
}

.header .header-group .logo,
.header .header-group .login,
.cart {
    float: left;
}


.header .logo-home {
    padding: 0px 0;
    float: left;
}

.header .header-group .logo-home img {
    width: auto;
    padding: 0px;
}

.section-onehalf {
    float: left;
    width: 50%;
}

/* Header
-------------------------------------------------------------- */
.header {
    background-color: #fff;
    /* z-index: 99; */
    /* padding: 0px; */
    position: relative;
    /* top: 0; */
    /* right: 0; */
    /* left: 0; */
    z-index: 1030;
    box-shadow: 0px 0px 5px #dedede;
}

.home_menu {
    height: auto
}

.header .logo {
    /* margin-top: 10px; */
    padding: 10px 0;
    width: 200px;
}

    .header .logo img {
        width: 200px;
    }


.header .header-group .login {
    margin-top: 28px;
    float: right;
    display: block;
    border: solid #3a1c88 1px;
    border-radius: 30px;
    padding: 0px 16px;
    font-size: 13px;
    margin-right: 10px;
    letter-spacing: 1.3px;
    color: #38168f;
    font-family: "proxima-nova";
    font-weight: 600;
}


    .header .header-group .login.border-hide {
        border: none;
    }

    .header .header-group .login.border_red {
        border: solid #d80031 1px !important;
    }


    .header .header-group .login a, #menuzord-mobi ul li.added span a {
        background-color: #ec910e;
        display: inline-block;
        padding: 5px 27px 8px 27px;
        border-radius: 2px;
        color: #fff;
    }

        .header .header-group .login a:hover, #menuzord-mobi ul li.added span a:hover {
            background: #1A1A23;
        }

/* Header Fix */
.header.stickytop {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    opacity: 0;
    top: -81px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/*.header.stickytop {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
    opacity: 0;
    top: -81px;
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
         -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}*/



.header.stickybottom {
    opacity: 1;
    top: 0;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
}

.header.stickytop.scroll-head {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    opacity: 0;
    top: -81px;
}

.header.stickybottom.scroll-head {
    opacity: 1;
    top: 0;
    background: rgba( 0,0,0,0.5 );
}

.header.stickytop .logo, .header-style3.header.stickytop .logo {
    margin-top: 0px;
}

.header.stickytop #menuzord > ul > li > a {
    padding: 30px 10px;
    margin-top: 30px;
}


.header.stickytop .header-group .login {
    margin-top: 28px;
}

    .header.stickytop .header-group .login.border-hide {
        border: none;
    }

.header.stickytop .cart {
    padding: 18px 0px 18px;
}


.header.stickytop #menuzord > ul > li:first-child > a {
    padding-left: 0;
}

/* Header Style2 */
.header.header-absolute {
    position: absolute;
    left: 0;
    background-color: transparent;
    width: 100%;
    padding: 0;
}

/* navigation */
.nav-group {
    float: left;
    padding-left: 73px;
    margin-top: -4px;
}

#menuzord {
    float: right;
}

    #menuzord ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #menuzord > ul > li {
        display: inline-block;
    }

        #menuzord > ul > li > a {
            position: relative;
            display: block;
            color: #381790;
            text-decoration: none;
            padding: 31px 10px;
            font-size: 12px;
            letter-spacing: 2px;
            font-family: "Conv_ProximaNova-Regular";
        }

            #menuzord > ul > li > a img {
                padding-right: 10px;
            }

            /*#menuzord > ul > li:first-child > a { padding-left: 0; }
#menuzord > ul > li:last-child > a { padding-right: 0; }*/

            #menuzord > ul > li > a:hover, #menuzord > ul > li.home > a {
                color: #d80031;
            }

.header .group-icon-nav {
    float: right;
}

/* dropdown_menu */
#menuzord ul.dropdown_menu, .cart .subcart, .educa-location > ul > li > ul, .educa-sign-in > ul > li > ul {
    position: absolute;
    top: calc(100% + 0px);
    background: rgba(248,231,231,1);
    background: -moz-linear-gradient(left, rgba(248,231,231,1) 0%, rgba(242,234,243,1) 54%, rgba(241,234,245,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,231,231,1)), color-stop(54%, rgba(242,234,243,1)), color-stop(100%, rgba(241,234,245,1)));
    background: -webkit-linear-gradient(left, rgba(248,231,231,1) 0%, rgba(242,234,243,1) 54%, rgba(241,234,245,1) 100%);
    background: -o-linear-gradient(left, rgba(248,231,231,1) 0%, rgba(242,234,243,1) 54%, rgba(241,234,245,1) 100%);
    background: -ms-linear-gradient(left, rgba(248,231,231,1) 0%, rgba(242,234,243,1) 54%, rgba(241,234,245,1) 100%);
    background: linear-gradient(to right, rgba(248,231,231,1) 0%, rgba(242,234,243,1) 54%, rgba(241,234,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e7e7', endColorstr='#f1eaf5', GradientType=1 );
    z-index: 9999;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    padding: 30px 0;
    left: 0;
    right: 0;
}

.drop_down {
    width: 772px;
    float: left;
    margin-left: 284px;
    max-width: 100%;
}


.drop_down_menu {
    color: #d80031 !important;
    font-size: 16px !important;
    letter-spacing: 0px !important;
    font-family: "proxima-nova" !important;
    font-weight: 700 !important;
    display: block;
    width: 100%;
    border-bottom: solid #bfb0cd 1px;
    padding-bottom: 5px !important;
    padding-left: 0px !important;
    line-height: 36px !IMPORTANT;
}

    .drop_down_menu a {
        line-height: 20px !important;
    }

.mobile_menu {
    width: 100%;
    margin: 0 auto
}

    .mobile_menu .menu_container {
        width: 330px;
        margin: 0 auto
    }

        .mobile_menu .menu_container .logo {
            width: 100%;
        }

        .mobile_menu .menu_container .card_box_icon {
            width: 155px;
            margin-left: 8px;
            box-shadow: 0px 3px 4px #c3c3c3;
            border-radius: 10px;
            margin-bottom: 10px;
            background: #fff;
            text-align: center;
            float: left;
            color: #d80031;
            padding: 5px 0;
            font-size: 13px;
            font-family: "proxima-nova";
            font-weight: 700;
        }


            .mobile_menu .menu_container .card_box_icon a {
                font-weight: 800;
                font-family: "proxima-nova";
                color: #d80031 !important;
                letter-spacing: 0px;
            }





.card_box_icon .linkmb {
    padding: 5px 0;
    display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    color: #d80031;
    font-family: "proxima-nova" !important;
    font-weight: 700 !important;
    letter-spacing: 0px;
    line-height: normal;
}


.mobile_menu .menu_container .card_box_icon .icon_mb {
    width: 40px;
    text-align: center;
    margin-bottom: 1px;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 5px 0;
}


    .mobile_menu .menu_container .card_box_icon .icon_mb .text_mobile {
        font-size: 13px;
        text-align: center;
        font-family: "proxima-nova" !important;
        font-weight: 700 !important;
    }

.mobile_menu .menu_container .nav_menu {
    color: #d80031 !important;
    font-size: 13px !important;
    letter-spacing: 0px !important;
    font-family: "proxima-nova" !important;
    font-weight: 700 !important;
    display: block;
    width: 46%;
    float: left;
    border-bottom: solid #bfb0cd 1px;
    padding-bottom: 5px !important;
    padding-left: 0px !important;
    margin-right: 3px;
    float: left;
    margin-left: 10px;
}

.mobile_menu .menu_container .social-links2 {
    display: block;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    /* position: relative; */
    /* margin-top: 101px; */
    /* margin-bottom: 20px; */
    /* overflow: hidden; */
    float: left;
}

    .mobile_menu .menu_container .social-links2 a {
        position: relative;
        display: inline-block;
        font-size: 20px;
        font-weight: normal;
        color: #f5253e;
        padding: 9px 15px 0 0;
        line-height: 26px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

.mobile_footer_logo {
    /* width: 100%; */
    /* margin: 0 auto; */
    background: #fff;
    /* position: absolute; */
    width: 100%;
    /* left: 0px; */
    padding: 20px;
    /* top: 20px; */
    /* margin-top: -74px; */
    text-align: center;
    margin-bottom: 20px;
    float: left;
    text-align: center;
}

    .mobile_footer_logo .tfp_logo {
        position: relative;
    }


#menuzord ul.dropdown_menu {
    /* border-top: solid #d80031 4px; */
    right: 0;
    left: 0;
}

.menu-large {
    position: static !important;
}




/* right sub-menu */
#menuzord ul.right-sub-menu {
    left: auto;
    right: 0;
}

#menuzord ul li:hover > ul.dropdown_menu, .cart:hover > .subcart, .educa-location > ul > li:hover > ul, .educa-sign-in > ul > li:hover > ul {
    zoom: 1; /* Old IE only */
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    transform-origin: top left;
}

#menuzord ul li ul li {
    margin-left: 0;
    float: left;
    width: 100%;
}

#menuzord ul.dropdown_menu li ul {
    position: absolute;
    left: 0px;
    top: 0 !important;
}

#menuzord ul.dropdown_menu > li {
    border-top: 1px solid #eaeaea;
}

    #menuzord ul.dropdown_menu > li.sub-parent:after {
        content: "\f105";
        font-size: 14px;
        right: 25px;
        top: 11px;
        color: #999999;
    }

#menuzord ul.dropdown_menu li:first-child {
    border-top: none;
}

#menuzord ul.dropdown_menu > li > a {
    display: block;
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: "Conv_ProximaNova-Regular";
    text-decoration: none;
    padding: 0 0 0 20px;
    line-height: 45px;
}

    #menuzord ul.dropdown_menu > li > a:hover {
        color: #d80031;
    }

#menuzord ul.dropdown_menu > li.sub-parent:hover::after {
    right: 18px;
}

/* Mobile navigation */
#menuzord-mobi {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    background: rgba(248,231,231,1);
    background: -moz-linear-gradient(left, rgba(248,231,231,1) 0%, rgba(242,234,243,1) 54%, rgba(241,234,245,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,231,231,1)), color-stop(54%, rgba(242,234,243,1)), color-stop(100%, rgba(241,234,245,1)));
    background: -webkit-linear-gradient(left, rgba(248,231,231,1) 0%, rgba(242,234,243,1) 54%, rgba(241,234,245,1) 100%);
    background: -o-linear-gradient(left, rgba(248,231,231,1) 0%, rgba(242,234,243,1) 54%, rgba(241,234,245,1) 100%);
    background: -ms-linear-gradient(left, rgba(248,231,231,1) 0%, rgba(242,234,243,1) 54%, rgba(241,234,245,1) 100%);
    background: linear-gradient(to right, rgba(248,231,231,1) 0%, rgba(242,234,243,1) 54%, rgba(241,234,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e7e7', endColorstr='#f1eaf5', GradientType=1 );
    z-index: 99999999;
    min-height: 690px;
}

    #menuzord-mobi ul {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        #menuzord-mobi ul li {
            margin: 0;
            position: relative;
            text-align: left;
            border-top: 1px solid #323233;
            cursor: pointer
        }

        #menuzord-mobi ul > li > a {
            text-decoration: none;
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            color: #fff;
        }

        #menuzord-mobi ul.dropdown_menu > li > a {
            padding-left: 30px;
        }

        #menuzord-mobi ul.sub-menu {
            top: 100%;
            left: 0;
            z-index: 2000;
            position: relative;
            background-color: #333333;
        }

    #menuzord-mobi > ul > li > ul > li,
    #menuzord-mobi > ul > li > ul > li > ul > li {
        position: relative;
        border-top: 1px solid #333333;
    }

        #menuzord-mobi > ul > li > ul > li > ul > li a {
            padding-left: 70px !important
        }

    #menuzord-mobi ul.sub-menu > li > a {
        display: block;
        text-decoration: none;
        padding: 0 60px;
        border-top-color: rgba(255,255,255,.1);
    }

    #menuzord-mobi > ul > li > ul > li:first-child a {
        border-top: none;
    }

    #menuzord-mobi ul.sub-menu > li > a:hover,
    #menuzord-mobi > ul > li > ul > li.active > a {
        color: #fff;
    }

    #menuzord-mobi ul li.added {
        text-align: center;
    }

        #menuzord-mobi ul li.added span {
            display: block;
            padding: 18px 0px;
        }

.header.is-sticky .btn-menu {
    margin: 20px 40px;
}

/* Button menu mobile */
.btn-menu {
    display: none;
    position: relative;
    background: transparent;
    cursor: pointer;
    margin: 50px 0;
    width: 30px;
    height: 16px;
    float: right;
    margin-right: 0;
    -webkit-transition: all ease .238s;
    -moz-transition: all ease .238s;
    transition: all ease .238s;
}


    .btn-menu:before,
    .btn-menu:after,
    .btn-menu span {
        background-color: #d80031;
        -webkit-transition: all ease .238s;
        -moz-transition: all ease .238s;
        transition: all ease .238s;
    }

    .btn-menu:before,
    .btn-menu:after {
        content: '';
        position: absolute;
        top: 0;
        height: 2px;
        width: 17px;
        /* left: 0; */
        top: 50%;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        right: 0px;
    }

    .btn-menu span {
        position: absolute;
        width: 17px;
        height: 2px;
        /* left: 0; */
        top: 50%;
        overflow: hidden;
        text-indent: 200%;
        right: 0px;
    }

    .btn-menu:before {
        -webkit-transform: translate3d(0, -7px, 0);
        transform: translate3d(0, -7px, 0);
    }

    .btn-menu:after {
        width: 8px;
        -webkit-transform: translate3d(0, 7px, 0);
        transform: translate3d(0, 7px, 0);
        right: 0px;
        /* float: right; */
        /* left: 0; */
        position: absolute;
        right: 0px;
    }

    .btn-menu.active:after {
        width: 18px;
    }

    .btn-menu.active span {
        opacity: 0;
    }

    .btn-menu.active:before {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }

    .btn-menu.active:after {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }

.btn-dropdown_menu {
    position: absolute;
    right: 60px;
    top: 0;
    font: 20px/50px 'FontAwesome';
    text-align: center;
    cursor: pointer;
    width: 70px;
    height: 44px;
}

    .btn-dropdown_menu:before {
        content: "\f107";
        color: #fff;
    }

    .btn-dropdown_menu.active:before {
        content: "\f106"
    }

.btn-menu {
    display: none
}


/* Banner */


/* .banner_section {
} */

    .banner_section .slider_img {
        width: 100%;
    }

        .banner_section .slider_img img, .banner_section.slider_img img {
            width: 100%;
        }



.banner_box {
    width: 810px;
    max-width: 100%;
    margin: 0 auto;
    background: #3b2180;
    border-radius: 10px;
    position: relative;
    /* top: 500px; */
    /* left: 0px; */
    /* right: 0px; */
    padding: 40px 70px 80px 70px;
    margin-top: -520px;
    left: 50%;
    transform: translateX(-50%);
}


    .banner_box .footer {
        width: 80%;
        margin: 0 auto;
        /* position: relative; */
        /* top: -16px; */
        padding: 50px 0 0 0;
    }

        .banner_box .footer .text-right {
            font-size: 15px;
            color: #fff;
            text-align: left !important;
            line-height: 22px;
            font-family: "proxima-nova";
            font-weight: 400;
        }


    .banner_box .savebox {
        font-size: 57px;
        width: 402px;
        /* height: 122px; */
        margin: 0 auto;
        text-align: center;
        /* margin-top: -80px; */
        /* position: relative; */
        /* top: -114px; */
        color: #fff;
        padding: 17px 0;
        /* font-weight: 700; */
        display: block;
        line-height: 51px;
        margin-top: -110px;
        margin-bottom: 25px;
        position: absolute;
        left: 0px;
        right: 0px;
        font-family: "proxima-nova";
        font-weight: 400;
    }

    .banner_box .sf_cols {
        margin: 0px;
    }


    .banner_box .savebox strong {
        font-family: "proxima-nova";
        font-size: 60px;
        font-weight: 700;
    }



    .banner_box .text {
        margin: 0 auto;
        margin-top: 50px;
        margin-bottom: 0px;
    }

        .banner_box .text p {
            width: 100%;
            font-size: 21px;
            text-align: center;
            color: #fff;
            padding-bottom: 0px;
            margin: 0px;
        }

.card_box {
    width: auto;
    position: relative;
    top: -50px;
}

.card_icon {
    background: #fff;
    padding: 30px 0;
    border-radius: 5px;
    width: 23.5%;
    margin: 210px 5px 0;
}


    .card_icon .link {
        font-size: 16px;
        color: #d80031;
        font-family: "proxima-nova";
        font-weight: 700;
    }

    .card_icon img {
        margin: 0 auto;
        padding-bottom: 10px;
        display: block;
    }

.card_box .card_icon .link {
    font-size: 16px;
    color: #d80031;
}

/* Banner End */


/* Mid footer */

.mid_footer {
    padding: 80px 0 60px;
    background: #f1eaf5;
}

    .mid_footer.inside_page_footer {
        top: 0px !important;
        height: auto !important;
        padding: 50px 0 10px;
    }

    .mid_footer .title {
        font-size: 15px;
        margin-bottom: 10px;
        color: #d80031;
        width: 100%;
        font-weight: 700;
        font-family: "proxima-nova-condensed";
        letter-spacing: 1px;
    }

    .mid_footer .contact {
        margin: 0 auto;
    }

        .mid_footer .contact p, .mid_footer .contact .sfContentBlock.sf-Long-text p {
            width: 100%;
            font-size: 14px;
            font-weight: 500;
            color: #000;
            margin: 0px;
        }

            .mid_footer .contact p a {
                font-size: 13px;
                color: #000;
            }

ul.menu {
    float: left;
}

    ul.menu li {
        list-style: none;
    }

.full_width_menu {
    background: #000;
    height: 300px;
    position: absolute;
    right: 0px;
    /* left: 0; */
    width: 100vw;
}




ul.menu li a {
    font-size: 13px;
    color: #3b2180;
    font-weight: 600;
    display: block;
    padding: 0px 10px;
    text-decoration: none;
    letter-spacing: 1.3px;
    font-family: "proxima-nova";
    line-height: 102px;
}

    ul.menu li a img {
        margin-right: 5px;
    }


.social-links {
    display: inline-block;
}

    .social-links a {
        position: relative;
        display: inline-block;
        font-size: 30px;
        font-weight: normal;
        color: #f5253e;
        padding: 9px 32px 0 0;
        line-height: 26px;
    }


.sf_cols {
    display: block !important;
}

/* Mid footer end */

.slidebanner {
    width: 100%;
    margin: 0 auto;
    background: #000;
    padding: 20px 0;
}

    .slidebanner .iconimg {
        position: relative;
        width: 50px;
        height: 50px;
        margin: 0 auto;
        left: 0px;
        right: 0px;
        /* padding: 20px; */
        background: #000;
        z-index: 1;
        margin-top: -39px;
        text-align: center;
        border-radius: 50%;
        line-height: 40px;
        z-index: 11111;
    }

        .slidebanner .iconimg img {
            width: auto;
            padding: 10px 0;
        }


#basicSlider {
    position: relative;
    height: 175px;
}

    #basicSlider .MS-content {
        white-space: nowrap;
        overflow: hidden;
        margin: 0;
        height: auto;
    }

        #basicSlider .MS-content .item {
            display: inline-block;
            width: auto;
            position: relative;
            vertical-align: top;
            overflow: hidden;
            height: 100%;
            white-space: normal;
            line-height: 50px;
        }

@media (max-width: 991px) {

    #basicSlider .MS-content .item {
        width: 25%;
    }
    .pl-0{ padding-left:15px; }
}

@media (max-width: 767px) {

    #basicSlider .MS-content .item {
        width: 35%;
    }
}

@media (max-width: 500px) {

    #basicSlider .MS-content .item {
        width: 50%;
    }
}

#basicSlider .MS-content .item a {
    line-height: 50px;
    vertical-align: middle;
}

#basicSlider .MS-controls button {
    position: absolute;
}

#basicSlider .MS-controls .MS-left {
    top: 35px;
    left: 10px;
}

#basicSlider .MS-controls .MS-right {
    top: 35px;
    right: 10px;
}


.inner_page-wrapper {
    background: #fff;
}

.inner_page_banner {
    position: relative;
    width: 100%;
    height: 702px;
}

    .inner_page_banner.height_100 {
        height: 1090px !important;
    }

        .inner_page_banner.height_100 img {
            height: 100% !important;
            width: 100%;
        }


.round_btn {
    float: left;
    padding: 4px 40px;
    color: #d80031;
    text-align: center;
    display: block;
    border-radius: 20px;
    letter-spacing: 2PX;
    border: solid #d80031 2px;
    font-size: 13px;
    font-family: "proxima-nova";
    font-weight: 600;
    text-transform: uppercase;
}

    .round_btn:hover {
        color: #d80031;
    }

    .round_btn:focus {
        color: #d80031;
    }



.shop_btn {
    /* padding: 0px 4px; */
    color: #d80031;
    text-align: center;
    display: block;
    border-radius: 20px;
    letter-spacing: 2PX;
    border: solid #d80031 2px;
    font-size: 11px;
    font-family: "proxima-nova";
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 29px;
    width: 106px;
}


    .shop_btn:hover {
        color: #d80031;
    }

    .shop_btn:focus {
        color: #d80031;
    }



.map_btn {
    /* padding: 0px 4px; */
    color: #d80031;
    text-align: center;
    display: block;
    border-radius: 20px;
    letter-spacing: 2PX;
    border: solid #d80031 2px;
    font-size: 11px;
    font-family: "proxima-nova";
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 29px;
    width: 106px;
    float: right;
}


    .map_btn:hover {
        color: #d80031;
    }

    .map_btn:focus {
        color: #d80031;
    }


.copy_btn {
    font-size: 11px;
    border-radius: 5px;
    color: #000;
    border: 2px solid #76358F;
    letter-spacing: 2PX;
    cursor: pointer;
    text-transform: uppercase;
    font-family: "proxima-nova";
    font-weight: 700;
    display: block;
    border-radius: 20px;
    text-align: center;
    margin-top: 20px;
    width: 106px;
}

.learn_btn {
    font-size: 11px;
    border-radius: 5px;
    color: #d80031;
    border: solid #d80031 2px;
    padding: 5px 10px;
    letter-spacing: 1PX;
    cursor: pointer;
    text-transform: uppercase;
    font-family: "proxima-nova";
    font-weight: 700;
    display: block;
    border-radius: 20px;
    text-align: center;
    width: 130px;
    margin: 0 auto;
}

    .learn_btn:hover {
        color: #d80031;
    }


.copy_btn:hover {
    color: #000;
}

.copy_btn:focus {
    color: #000;
}

.code_text_red {
    font-size: 11px;
    color: red;
    width: 100%;
    font-family: "proxima-nova";
    font-weight: 700;
    line-height: initial;
}


.code_text_black {
    font-size: 16px;
    color: #272727;
    width: 100%;
    font-family: "proxima-nova";
    font-weight: 700;
}


.right_section_card {
    width: 333px;
    float: right;
    padding: 25px;
    background: #f6f6f6;
    border-radius: 10px;
    /* height: 445px; */
    /* overflow: hidden; */
    max-width: 100%;
}


    .right_section_card .box4 {
        background: #fff;
        border-radius: 10px;
        padding: 30px 0px;
    }

        .right_section_card .box4 p {
            font-family: "proxima-nova";
            line-height: 22px;
            color: #333;
        }

            .right_section_card .box4 p strong {
                font-weight: 700;
            }


        .right_section_card .box4 span {
            width: 100%;
            text-align: center;
            display: block;
            color: #000;
            line-height: 22px;
        }


.bg_blue {
    background: rgb(51,7,169);
    background: linear-gradient(90deg, rgba(51,7,169,1) 0%, rgba(59,33,128,1) 100%);
}

.inner_page_form {
    width: 870px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    max-width: 100%;
    /* top: -600px; */
    background: #fff;
    padding: 37px 91px 37px 114px;
    margin-top: -581px;
}

    .inner_page_form .form_left {
        padding: 0px;
        width: 313px;
    }

    .inner_page_form .form_right {
        padding: 0px;
    }

        .inner_page_form .form_right .billing_info button {
            width: auto;
            border: solid #d80031 2px;
            text-align: center;
            color: #fff !IMPORTANT;
            padding: 8px 0;
            border-radius: 10px;
            background: #f13729;
            font-size: 16px !IMPORTANT;
            text-transform: uppercase;
            letter-spacing: 0.8px !IMPORTANT;
            background: none;
            font-family: "Conv_ProximaNova-Regular";
        }

        .inner_page_form .form_right .payment_info {
            background: #f1eaf5;
            border-radius: 10px;
            padding: 20px 20px;
            width: 354px;
        }

            .inner_page_form .form_right .payment_info .form-control {
                width: 100% !important;
            }

.title_form {
    font-size: 29px;
    color: #3b2180;
    padding: 0 0 14px;
    width: 305px;
    border-bottom: solid #3b2180 2px;
    max-width: 100%;
    margin: 0px 0 36px;
    font-family: "proxima-nova";
}

.inner_page_form .form_left .form_text {
    font-size: 20px;
    color: #000000;
    padding-bottom: 10px;
    line-height: 30px;
    font-family: "proxima-nova";
    font-weight: 400;
    width: 86%;
}

.inner_page_form .red_color_form {
    color: #e1112a;
    border-bottom: solid #e1112a 1px;
    font-weight: 700;
    font-size: 14px;
    font-family: "proxima-nova";
}


.inner_page_form .form_right .radio_bar {
    width: 100%;
    margin: 0 auto;
}


    .inner_page_form .form_right .radio_bar .radio {
        position: relative;
        padding: 0 0px 0 0px;
        margin-bottom: 12px;
        cursor: pointer;
        font-family: "Conv_ProximaNova-Regular";
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #39139e;
        /* MARGIN-RIGHT: 22px; */
        float: left;
        letter-spacing: 0.5px;
    }


.time_section {
    width: 500px;
    float: right;
    max-width: 100%;
}

    .time_section p {
        line-height: 22px;
        font-family: "proxima-nova";
        font-weight: 400;
        width: 84%;
    }

    .time_section .head {
        font-size: 17px;
        color: #fff;
        letter-spacing: 2px;
        font-family: "proxima-nova";
        font-weight: 600;
    }

    .time_section .head2 {
        font-size: 20px;
        color: #fff;
        letter-spacing: 0.6;
        border-bottom: solid #a289bb 2px;
        margin-top: 50px;
        /* display: block; */
        float: left;
        width: 100%;
        /* text-transform: uppercase; */
        padding-bottom: 15px;
        font-family: "proxima-nova";
        font-weight: 800;
    }


ul.countdown {
    margin: 0px;
    padding: 0px;
    MARGIN-TOP: 30PX;
}

    ul.countdown li {
        float: left;
        font-size: 13px;
        color: #fff;
        text-align: center;
        TEXT-TRANSFORM: uppercase;
        font-family: "Conv_ProximaNova-Regular";
        WIDTH: 25%;
        letter-spacing: 1px;
        TEXT-ALIGN: LEFT;
        font-family: "proxima-nova";
        font-weight: 600;
    }

        ul.countdown li span {
            width: 100%;
            font-size: 34PX;
            font-family: "proxima-nova";
            font-weight: 400;
            PADDING: 0 5px;
            display: inline-block;
        }

        ul.countdown li .colne {
            position: relative;
            top: -39px;
            right: 34px;
            float: right;
            font-size: 30px;
        }


ul.countdown_list {
    margin-left: 50px;
    margin-top: 20px;
    float: left;
}

    ul.countdown_list li {
        list-style: none;
        width: 100%;
        font-size: 16px;
        line-height: 22px;
        color: #fff;
        padding: 7px 0;
        /* font-family: "Conv_ProximaNova-Regular"; */
        font-family: "proxima-nova";
        font-weight: 400;
    }


        ul.countdown_list li::before {
            content: "\2022";
            color: #fff;
            font-weight: bold;
            display: inline-block;
            width: 1em;
            margin-left: -1em;
        }


.text-white {
    color: #fff;
}


/* Hide the browser's default radio button */
.inner_page_form .form_right .radio_bar .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.inner_page_form .form_right .radio_bar .checkround {
    position: absolute;
    top: 6px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #f1eaf5;
    border-color: #9685bb;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
}


/* When the radio button is checked, add a blue background */
.inner_page_form .form_right .radio_bar .radio input:checked .checkround {
    background-color: #f1eaf5;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.inner_page_form .form_right .radio_bar .checkround:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.inner_page_form .form_right .radio_bar .radio input:checked ~ .checkround:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.inner_page_form .form_right .radio_bar .radio .checkround:after {
    left: 2px;
    top: 2px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #3b2180;
}



.inner_page_form .form_right label {
    font-weight: 700;
    font-family: "proxima-nova" !IMPORTANT;
    letter-spacing: 0.5px;
    font-size: 11px !important;
    text-transform: capitalize;
    margin: 0 0 5px;
    color: #d80031;
}


.inner_page_form label abbr {
    color: red;
}

.inner_page_form select {
    line-height: normal;
    height: 38px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 200px;
    border-radius: 6px;
    display: block;
    width: 100%;
    border: 1px solid #c8c8c8;
    background: rgba(255, 255, 255) url(../images/select.png) scroll right 18px center;
    /* color: #131111; */
    padding: 8px 20px 7px 10px;
    margin: 0;
    line-height: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "proxima-nova";
    font-weight: 400;
}

    .inner_page_form select.form-control {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../images/select2.png) no-repeat right;
    }


    .inner_page_form select::-ms-expand {
        display: none;
    }



.inner_page_form .form_right .order_info {
    margin-top: 20px;
    padding-bottom: 40px;
}


/* .inner_page_form .form_right .your-order-info {
} */

    .inner_page_form .form_right .your-order-info ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

        .inner_page_form .form_right .your-order-info ul li {
            font-size: 12px;
            padding: 0 0 0px;
            text-transform: uppercase;
            /* font-weight: 500; */
            LETTER-SPACING: 1PX;
            border-bottom: 1px solid #c2b9d8;
            color: #d80031;
            font-family: "proxima-nova-condensed";
            font-weight: 600;
            font-family: "proxima-nova";
        }

            .inner_page_form .form_right .your-order-info ul li span {
                float: right;
                font-size: 11px;
                COLOR: #1a1818;
            }

.inner_page_form .form_right .billing_info {
    margin: 0 auto;
    border-radius: 10px;
    margin-top: -50px;
    /* position: relative; */
    /* z-index: 999999999999; */
    background: #fff;
}

    .inner_page_form .form_right .billing_info .select-style {
        max-width: 300px;
        overflow: hidden;
        background: url(../images/select2.png) no-repeat right #fff;
        display: block;
        border: 1px solid #c6c6c6;
        border-radius: 5px;
        /*background-position: 121px;*/
    }


    .inner_page_form .form_right .billing_info .RadComboBox .rcbArrowCell a {
        display: block !important;
    }




.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered {
    padding: 4px 7px !important;
    margin: 0 1px;
    font-family: "proxima-nova" !important;
    font-weight: 400 !important;
    font-size: 14px;
}


.RadComboBoxDropDown_Default .rcbHovered {
    background: #ade1f5 !important;
    color: #fff !important;
}


.inner_page_form .rcbReadOnly {
    border-bottom: none !IMPORTANT;
}


.inner_page_form .form_right .billing_info .select-style .RadComboBox.form-control, .select-style .RadComboBox {
    max-width: 100% !important;
    width: 100% !important;
    background: none !important;
    border: none !important;
    height: auto !important;
    padding: 0px !important;
    margin: 0px 0px 3px 0px !important;
    outline: none !important;
}

.inner_page_form .form_right .billing_info .select-style .RadComboBox table td.rcbInputCell {
    background: none;
    height: auto;
    padding: 0px;
}

    .inner_page_form .form_right .billing_info .select-style .RadComboBox table td.rcbInputCell .rcbInput {
        font-size: 15px !important;
        padding: 6px 6px !important;
        height: auto !important;
    }

.inner_page_form .form_right .billing_info .select-style .RadComboBox .rcbReadOnly td.rcbArrowCellRight {
    background: none !important;
    padding: 5px;
}


.inner_page_form .form_right .billing_info .panel-group .panel i {
    float: right;
    padding: 5px 0;
}

.inner_page_form .form_right .billing_info .panel-group .panel a {
    display: block;
    color: #3b2180;
    font-size: 21px;
    letter-spacing: 0.3px;
    width: 30px !important;
    font-family: "proxima-nova";
    font-weight: 700;
}

.RadComboBox_Default .rcbInputCellLeft, .RadComboBox_Default .rcbInputCellRight, .RadComboBox_Default .rcbArrowCellLeft, .RadComboBox_Default .rcbArrowCellRight {
    background: none;
}



.error_text_popup {
    color: #fbd091;
    visibility: visible;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    position: relative;
    float: left;
    letter-spacing: 0.5px;
    font-family: "proxima-nova";
    font-weight: 600;
    padding: 5px 0;
}


.error_text_popup5 {
    color: #fbd091;
    visibility: visible;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    position: relative;
    float: left;
    letter-spacing: 0.5px;
    font-family: "proxima-nova";
    font-weight: 600;
    padding: 5px 0;
}


.inner_page_form .form_right .billing_info .panel-group .required {
    font-size: 11px;
    color: #000;
    font-family: "proxima-nova";
    font-weight: 300;
}

.inner_page_form .form_right .billing_info .panel-body {
    padding: 0px;
    margin: 10px 0;
    width: 100%;
    display: block;
}

ul.billing_field {
    margin: 0px;
}

    ul.billing_field li {
        list-style: none;
        width: 100%;
        display: block;
        color: #dd234d;
        font-size: 14px;
        letter-spacing: 1px;
        padding: 0px 0 0px;
        border-bottom: solid #e6e6e6 1px;
    }

.inner_page_form .form_right .billing_info .cart-item {
    font-size: 12px !IMPORTANT;
    text-align: left;
    color: #dd234d;
    letter-spacing: 0.7px;
    line-height: inherit;
    text-transform: uppercase;
    padding: 18px 0 0 0 !IMPORTANT;
    font-family: "proxima-nova";
    font-weight: 600;
}

.inner_page_form .form_right .billing_info .address {
    font-size: 18px;
    text-align: right;
    /* font-family: "Conv_ProximaNova-Regular"; */
    font-family: "proxima-nova";
    font-weight: 400;
}

    .inner_page_form .form_right .billing_info .address input {
        color: #000;
        font-size: 13px;
    }

        .inner_page_form .form_right .billing_info .address input


        .inner_page_form .form_right .billing_info .address .form-control {
            display: block;
            width: 100% !IMPORTANT;
            height: 35px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            border: 1px solid #ececec;
            border-radius: 0px;
            box-shadow: 0px;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }


.inner_page_form .form_right .billing_info .table tbody tr {
    border-bottom: solid #f2f0f0 1px;
}

.inner_page_form .form_right .billing_info .table tbody th {
    border: none;
    width: 40%;
}

.inner_page_form .form_right .billing_info .table tbody td {
    border: none;
    line-height: inherit;
    width: 60%;
}


.inner_page_form .billing_info .seller {
    font-family: "Conv_ProximaNova-Regular";
    letter-spacing: 0.7px;
    font-size: 12px !IMPORTANT;
    text-transform: capitalize;
    margin: 0 0 5px;
    color: #d80031;
}


.inner_page_form .billing_info .panel-group .panel {
    box-shadow: 0px 0px 5px #c5c5c5;
    margin: 0px;
    padding: 20px;
    /* BORDER-RADIUS: 15PX; */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 354px;
    margin-top: -8px;
}


.inner_page_form .dropdown_sort {
    border: 1px solid #e6e6e6;
    -moz-appearance: none;
    font-family: "Conv_ProximaNova-Regular";
    -webkit-appearance: none;
    color: #3a3a3a;
    font-size: 15px;
    MARGIN-BOTTOM: 20PX;
    height: 50px;
    padding: 2px 20px;
    background: rgba(255, 255, 255) url(../images/select.png) no-repeat scroll right 18px center;
    cursor: pointer;
    WIDTH: 100%;
}

.inner_page_form .billing_info .next_btn {
    width: auto;
    border: solid #d80031 2px;
    text-align: center;
    color: #d80031 !IMPORTANT;
    padding: 8px 0;
    border-radius: 10px;
    font-size: 15px !IMPORTANT;
    text-transform: uppercase;
    letter-spacing: 0.8px !IMPORTANT;
    background: none;
    font-family: "proxima-nova";
    font-weight: 500;
}


.inner_page_form .billing_info .checkbox {
    padding-left: 23px;
    line-height: 20px;
}

    .inner_page_form .billing_info .checkbox label {
        display: inline-block;
        position: relative;
        font-size: 14px;
        padding-left: 10px;
        color: #333;
    }

        .inner_page_form .billing_info .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 20px;
            height: 20px;
            left: 0;
            margin-left: -23px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .inner_page_form .billing_info .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 20px;
            height: 20px;
            left: 0;
            top: 0px;
            margin-left: -20px;
            padding-left: 2px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .inner_page_form .billing_info .checkbox input[type="checkbox"] {
        opacity: 0;
    }

        .inner_page_form .billing_info .checkbox input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .inner_page_form .billing_info .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }

        .inner_page_form .billing_info .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

            .inner_page_form .billing_info .checkbox input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .inner_page_form .billing_info .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .inner_page_form .billing_info .checkbox.checkbox-inline {
        margin-top: 0;
    }

.inner_page_form .billing_info .checkbox-primary input[type="checkbox"]:checked + label::before {
    background: none;
    border-color: #b6a4e8;
}

.inner_page_form .billing_info .checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #4b1ec5;
}


.inner_page_form .billing_info .red_color {
    color: #000;
}

.inner_page_form .billing_info .p-0 {
    padding: 0px !important;
}

.inner_page_form .billing_info .width_150 {
    width: 150px !important;
}

.inner_page_form .billing_info .submit_btn {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    width: 100%;
    display: block;
    font-family: "proxima-nova-condensed";
    font-weight: 700;
    letter-spacing: 0.5px;
    background: #e1112a;
    border-radius: 7px;
    padding: 10px;
}

.footer_menu {
    font-size: 15px;
    color: #e1112a;
    font-weight: 700;
    text-decoration: none;
    width: 100%;
    display: block;
    font-family: "proxima-nova";
    font-weight: 700;
}

    .footer_menu:hover {
        color: #3e2677;
    }



.exp-month {
    width: 110px;
    float: left;
    margin-bottom: 0px;
}

.exp_year {
    width: 110px;
}


.font-10 {
    font-size: 10px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-11 {
    font-size: 11px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-12 {
    font-size: 12px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-13 {
    font-size: 13px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-14 {
    font-size: 14px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-15 {
    font-size: 15px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-16 {
    font-size: 16px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-17 {
    font-size: 17px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-18 {
    font-size: 18px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-19 {
    font-size: 19px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-20 {
    font-size: 20px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-21 {
    font-size: 21px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-22 {
    font-size: 22px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-23 {
    font-size: 23px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-24 {
    font-size: 24px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-25 {
    font-size: 25px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-26 {
    font-size: 26px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-27 {
    font-size: 27px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-28 {
    font-size: 28px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-29 {
    font-size: 29px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-30 {
    font-size: 30px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-31 {
    font-size: 31px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-32 {
    font-size: 32px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}

.font-33 {
    font-size: 33px !important;
    font-family: "proxima-nova";
    font-weight: 400;
}




.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-72 {
    margin-top: 70px !important;
}




.mtb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mtb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mtb-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mtb-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mtb-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.mtb-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.mtb-72 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}


.ptb-10 {
    padding: 10px 0px 10px 0;
}

.ptb-20 {
    padding: 20px 0px 20px 0;
}

.ptb-30 {
    padding: 30px 0px 30px 0;
}

.ptb-40 {
    padding: 40px 0px 40px 0;
}

.ptb-50 {
    padding: 50px 0px 50px 0;
}

.ptb-60 {
    padding: 60px 0px 60px 0;
}

.ptb-70 {
    padding: 70px 0px 70px 0;
}

.ptb-80 {
    padding: 80px 0px 80px 0;
}

.ptb-90 {
    padding: 90px 0px 90px 0;
}

.ptb-100 {
    padding: 100px 0px 100px 0;
}

.font-bold {
    font-family: "proxima-nova";
    font-weight: 600;
}

.font-normal {
    font-family: "proxima-nova";
    font-weight: 600;
}


/* Card */
.login_form {
    position: relative;
    background: #ffffff;
    margin-top: -11px;
    box-sizing: border-box;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

    .login_form:first-child {
        /* background: #fafafa; */
        /* border-radius: 5px 5px 0 0; */
        /*margin: -14px 0px;*/
        /* padding: 0; */
        /* padding: 10px; */
    }

    .login_form .checkbox input[type="checkbox"] {
        opacity: 0;
    }

    .login_form .checkbox {
        padding-left: 45px;
        margin-top: 0px;
    }


        .login_form .checkbox label {
            display: inline-block;
            position: relative;
            font-size: 14px;
            padding-left: 10px;
            color: #333;
            line-height: 22px;
        }

            .login_form .checkbox label::before {
                content: "";
                display: inline-block;
                position: absolute;
                width: 20px;
                height: 20px;
                left: 0;
                margin-left: -23px;
                border: 1px solid #cccccc;
                border-radius: 3px;
                background-color: #fff;
                -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
                -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
                transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            }

            .login_form .checkbox label::after {
                display: inline-block;
                content: "";
                position: absolute;
                width: 20px;
                height: 20px;
                left: 0;
                top: 0px;
                margin-left: -20px;
                padding-left: 2px;
                padding-top: 1px;
                font-size: 11px;
                color: #555555;
                line-height: 22px;
            }

        .login_form .checkbox input[type="checkbox"]:checked + label::before {
            background: none;
            border-color: #b6a4e8;
        }

        .login_form .checkbox input[type="checkbox"]:checked + label::after {
            color: #4b1ec5;
        }

        .login_form .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }


    .login_form .title {
        position: relative;
        z-index: 1;
        border-left: 5px solid #ec2652;
        padding: 10px 0 10px 50px;
        color: #ec2652;
        font-size: 32px;
        font-weight: 600;
        text-transform: uppercase;
    }

    .login_form .input-box {
        position: relative;
        MARGIN-BOTTOM: 0PX;
        height: 85px !important;
    }

        .login_form .input-box input {
            outline: none;
            z-index: 1;
            position: relative;
            background: none;
            width: 84%;
            height: 39px;
            font-family: "Conv_ProximaNova-Regular";
            border: 0;
            color: #212121;
            font-size: 20px;
            /* font-weight: 400; */
            FONT-SIZE: 14PX;
            /* top: 15px; */
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            float: right;
        }

/* .login_img {
} */

    .login_img img {
        width: 100%;
        height: 100%;
    }



.error_text {
    color: #ff1430 !IMPORTANT;
    visibility: visible;
    font-size: 13px;
    display: block;
    /* margin: 16px 0 0; */
    font-weight: normal;
    position: relative;
    /* float: right; */
    float: left;
    /* width: 70%; */
    /* text-align: right; */
    /* z-index: 99999999; */
    top: 3px;
}



.login_form .input-box input:focus ~ label {
    color: #d80031;
    font-family: "Conv_ProximaNova-Regular";
    -webkit-transform: translate(-12%, -50%) scale(0.75);
    transform: translate(-12%, -50%) scale(0.75);
}

.login_form .input-box input:focus ~ .bar:before, .login_form .input-box input:focus ~ .bar:after {
    width: 50%;
}

.login_form .input-box input:valid ~ label {
    color: #d80031;
    -webkit-transform: translate(-12%, -50%) scale(0.75);
    transform: translate(-12%, -50%) scale(0.75);
}

.login_form .input-box label {
    position: absolute;
    top: 0;
    left: 0;
    color: #d80031;
    font-size: 14px !important;
    /* font-weight: 300; */
    line-height: 44px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    LETTER-SPACING: 1.5PX;
    font-family: "proxima-nova-condensed";
    /* text-indent: 17px; */
    padding: 0 18px;
    font-family: "proxima-nova" !IMPORTANT;
    /* font-weight: 700; */
}

.login_form .input-box .bar {
    position: absolute;
    left: 0;
    bottom: 20px;
    background: #eaeaea;
    width: 100%;
    height: 1px;
}

.login_form .forgot {
    color: #e1112a;
    width: 100%;
    float: right;
    font-size: 14px;
    text-align: right;
    margin-top: -5px;
    text-decoration: underline;
    font-family: "proxima-nova";
    font-weight: 600;
}

.btn_red {
    border: solid #d80031 2px;
    text-align: center;
    color: #f5f5f5 !IMPORTANT;
    padding: 8px 21px;
    border-radius: 5px;
    font-size: 15px !IMPORTANT;
    text-transform: uppercase;
    letter-spacing: 0.8px !IMPORTANT;
    background: #d80031;
    width: 100%;
    display: block;
    float: left;
    margin-top: 40px;
}


.full_width {
    width: 100% !important;
    background: none; /*margin-top: -965px !important;*/
}

.modal-open {
    overflow: auto !important;
    padding: 0px !important;
}


.full_width .my_card_box {
    padding: 45px 20px 21px 45px;
    background: #fff url(../images/cardbg.png) center top;
    background-size: cover;
    border-radius: 20px;
    margin-bottom: 10px;
    width: 490px;
    margin-bottom: 16px;
    max-width: 100%;
    height: 280px;
}


.plus {
    width: 39px;
    height: 39px;
    position: absolute;
    /* top: 0; */
    right: 4px;
    display: none;
    bottom: -14px;
}

.owl-carousel .owl-stage-outer {
    overflow: visible !important;
}




.full_width .my_card_box .heading {
    font-size: 23px;
    color: #421792;
    width: 100%;
    font-family: 'Conv_Proxima Nova Alt Bold';
    LETTER-SPACING: 2PX;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.full_width .my_card_box .code {
    font-family: 'Conv_Proxima Nova Alt Bold';
    font-size: 22px;
    color: #d80031;
    letter-spacing: 2px;
}

.full_width .my_card_box .card-content {
    width: 100%;
    margin-top: 50px;
}

.modal-dialog {
    /*width: auto;*/
    top: 106px;
    max-width: 97%;
}

.submit_btn {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: block;
    font-family: "proxima-nova";
    font-weight: 700;
    letter-spacing: 0.5px;
    background: #e1112a;
    border-radius: 7px;
    padding: 5px 35px;
    text-transform: uppercase;
}


.submit_btn5 {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: block;
    font-family: "proxima-nova";
    font-weight: 700;
    letter-spacing: 0.5px;
    background: #e1112a;
    border-radius: 7px;
    padding: 5px 35px;
    text-transform: uppercase;
}

.modal-content {
    position: relative;
    background: rgba(199,0,46,1);
    background: -moz-linear-gradient(45deg, rgba(199,0,46,1) 0%, rgba(208,0,55,1) 31%, rgba(82,1,153,1) 84%, rgba(82,1,153,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(199,0,46,1)), color-stop(31%, rgba(208,0,55,1)), color-stop(84%, rgba(82,1,153,1)), color-stop(100%, rgba(82,1,153,1)));
    background: -webkit-linear-gradient(45deg, rgba(199,0,46,1) 0%, rgba(208,0,55,1) 31%, rgba(82,1,153,1) 84%, rgba(82,1,153,1) 100%);
    background: -o-linear-gradient(45deg, rgba(199,0,46,1) 0%, rgba(208,0,55,1) 31%, rgba(82,1,153,1) 84%, rgba(82,1,153,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(199,0,46,1) 0%, rgba(208,0,55,1) 31%, rgba(82,1,153,1) 84%, rgba(82,1,153,1) 100%);
    background: linear-gradient(45deg, rgba(199,0,46,1) 0%, rgba(208,0,55,1) 31%, rgba(82,1,153,1) 84%, rgba(82,1,153,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7002e', endColorstr='#520199', GradientType=1 );
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: none;
    border-radius: 12px;
    outline: 0;
    box-shadow: none;
    padding: 35px 146px;
    WIDTH: 665PX;
    max-width: 100%;
}


.modal-content2 {
    position: relative;
    background: rgba(50,6,170,1);
    background: -moz-linear-gradient(45deg, rgba(50,6,170,1) 0%, rgba(58,33,128,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(50,6,170,1)), color-stop(100%, rgba(58,33,128,1)));
    background: -webkit-linear-gradient(45deg, rgba(50,6,170,1) 0%, rgba(58,33,128,1) 100%);
    background: -o-linear-gradient(45deg, rgba(50,6,170,1) 0%, rgba(58,33,128,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(50,6,170,1) 0%, rgba(58,33,128,1) 100%);
    background: linear-gradient(45deg, rgba(50,6,170,1) 0%, rgba(58,33,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3206aa', endColorstr='#3a2180', GradientType=1 );
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: none;
    border-radius: 12px;
    outline: 0;
    box-shadow: none;
    padding: 20px 138px;
}


.modal {
    top: 0px;
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.83) !important;
}

.modal-header {
    min-height: 16.42857143px;
    padding: 0px;
    text-align: center;
    color: #fff;
    MAX-WIDTH: 100%;
}

    .modal-header .modal-title {
        color: #fff;
        font-family: "proxima-nova";
        font-weight: 700;
    }

        .modal-header .modal-title .icon {
            text-align: center;
        }


    .modal-header .form-control:focus {
        border-color: none;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.col-form-label {
    letter-spacing: 0.8PX;
    font-size: 10px;
    font-family: "Conv_ProximaNova-Regular";
}


.full_width .form-group {
    border-bottom: solid #cb7cae 2px;
    margin-top: 20px;
}


.border_text {
    line-height: 26px;
}

    .border_text:before {
        content: "";
        position: absolute;
        background: #fff;
        width: 100%;
        height: 2px;
        left: 0px;
        bottom: -8px;
    }

.text3 {
    color: #cb7cae;
}

.full_width .form-control {
    font-size: 13px;
    color: #333;
    font-family: "proxima-nova";
    font-weight: 500;
}

.full_width.ptext {
    font-size: 16px;
    line-height: 22px;
    text-align: right;
}

.send_btn {
    background: none;
    border: solid #fff 2px;
    color: #fff;
    padding: 7px 10px;
    text-align: center;
    width: 90%;
    display: inline-block;
    border-radius: 10px;
    /* margin: 0 auto; */
    /* padding-bottom: 20px; */
    font-size: 15px;
    letter-spacing: 1px;
    /* overflow: hidden; */
    text-align: center;
    text-transform: uppercase;
    font-family: "proxima-nova";
    font-weight: 500;
}

.view_btn {
    background: none;
    border: solid #fff 2px;
    color: #fff;
    padding: 3px 10px;
    text-align: center;
    width: 100%;
    display: inline-block;
    border-radius: 30px;
    /* margin: 0 auto; */
    /* padding-bottom: 20px; */
    font-size: 15px;
    letter-spacing: 1px;
    /* overflow: hidden; */
    text-align: center;
}


    .view_btn:hover {
        color: #fff;
    }


.close {
    float: right;
    font-size: 29px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 7;
    position: absolute;
    right: 20px;
    z-index: 9999;
}

    .close span {
        color: #fff !important;
    }

.submit_btn_myaccount {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: block;
    font-family: "proxima-nova";
    font-weight: 700;
    letter-spacing: 0.5px;
    background: #e1112a;
    border-radius: 7px;
    padding: 5px 35px;
    text-transform: uppercase;
}

.close:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: 8;
}


.border_none {
    border: none !important;
}


/* Keyframes */
@-webkit-keyframes buttonFadeInUp {
    0% {
        bottom: 30px;
        opacity: 0;
    }
}

@keyframes buttonFadeInUp {
    0% {
        bottom: 30px;
        opacity: 0;
    }
}

.sec-title {
    position: relative;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    color: #3b2180;
    font-family: "proxima-nova";
    font-weight: 700;
}


.sec-title2 {
    position: relative;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 700;
    line-height: 42px;
    color: #3b2180;
    font-family: "proxima-nova";
    font-weight: 700;
}

.divider {
    position: relative;
    width: 413px;
    height: 2px;
    background: #3b2180;
}


.red_color {
    color: #d80031 !important;
}


.gry_box {
    background: #e3e3e3;
    padding: 80px;
    height: 311px;
}

.textcontent {
    padding: 30px;
    line-height: 24px;
    font-size: 15px;
    height: 100px;
    font-family: "proxima-nova";
    text-align: center;
    font-weight: 400;
}

.search_section {
    background: #fff;
}

.catetab {
    padding: 6px 10px !IMPORTANT;
    font-family: "proxima-nova";
    font-weight: 500;
}


.search_section .form-control {
    background: #fff;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: none;
    box-shadow: 0px 4px 14px #d2ebff;
    font-size: 14px;
    height: 45px;
    text-indent: 30px;
    font-family: "proxima-nova";
    font-weight: 400;
}


.search_section .input-group {
    width: 100%;
}

    .search_section .input-group .fa-search {
        position: absolute;
        /* top: 14px; */
        left: 0px;
        z-index: 9;
        padding: 15px 18px;
        color: #2c59a0;
    }

.search_section .form-control :placeholder {
    color: #000;
}

.search_section .form-control :-ms-input-placeholder {
    color: #000;
}

.search_section .form-control :-ms-input-placeholder {
    color: #000;
}

.search_section .btn_blue {
    padding: 7px 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    /* display: block; */
    float: left;
    /* margin: 0 0 0 5px; */
    margin-right: 10px;
    background: #3b2180;
    border-radius: 5px;
    font-family: "proxima-nova";
    font-weight: 400;
}

.search_section .btn_blue_search {
    padding: 7px 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    /* display: block; */
    float: left;
    /* margin: 0 0 0 5px; */
    margin-right: 10px;
    background: #3b2180;
    border-radius: 5px;
    font-family: "proxima-nova";
    font-weight: 400;
}


.search_section .btn_blue_search_nearest_store, .btn_blue_full_reatiler_list {
    padding: 7px 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    /* display: block; */
    float: left;
    /* margin: 0 0 0 5px; */
    margin-right: 10px;
    background: #3b2180;
    border-radius: 5px;
    font-family: "proxima-nova";
    font-weight: 400;
}

    .btn_blue_full_reatiler_list:hover, .btn_blue_full_reatiler_list:focus, .btn_blue_full_reatiler_list:visited, .btn_blue_full_reatiler_list:active {
        color: #fff !important;
    }
/* .search_section > .container > .row > .col-md-8 > .search_button_section{
    display: flex; align-items: center; position: initial !important;
}

.search_section > .container > .row > .col-md-8 > .search_button_section > *{
    position: initial !important;
} */


.search_button_section {
    width: auto;
}


.search_section .btn_blue_filter {
    padding: 7px 31px 7px 11px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    /* display: block; */
    float: left;
    /* margin: 0 0 0 5px; */
    margin-right: 10px;
    background: #3b2180 url(../images/filter_icon.jpg) right no-repeat;
    border-radius: 5px;
    font-family: "proxima-nova";
    font-weight: 400;
}


.search_section .btn_gry_bg {
    padding: 7px 20px;
    text-align: center;
    color: #000;
    font-size: 11px;
    /* display: block; */
    float: left;
    /* margin: 0 0 0 5px; */
    margin-right: 10px;
    font-family: "Conv_ProximaNova-Regular";
    background: #f6f6f6;
    border-radius: 5px;
}

.checkbox_search {
    margin-top: 30px;
    width: auto;
}

    .checkbox_search h3 {
        margin-bottom: 20px;
        float: left;
        width: 100%;
    }

.chklist input:checked ~ .checkmark {
    background-color: #fff;
}

.chklist input {
    opacity: 0;
}

.menu_filter {
    margin-top: 26px;
}


.chklist {
    margin-left: 23px;
}

    .chklist label {
        position: relative;
        /* padding-left: 4px; */
        /* padding-right: 15px; */
        cursor: pointer;
        font-size: 12px !important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 12px;
        font-family: "proxima-nova";
        font-weight: 400;
        padding: 6px 5px;
        width: 90%;
        padding-left: 8px;
        line-height: 17px;
        height: 26px;
        margin-bottom: 19px;
    }

.checkbox_search td, th {
    padding: 0 !IMPORTANT;
    width: 250px;
    border: none !IMPORTANT;
}


.chklist label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -23px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.chklist label::after {
    display: inline-block;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0px;
    margin-left: -20px;
    padding-left: 2px;
    padding-top: 0px;
    font-size: 11px;
    color: #555555;
    line-height: 35px;
}

.chklist input[type="checkbox"]:checked + label::before {
    background: none;
    border-color: #b6a4e8;
}

.chklist input[type="checkbox"]:checked + label::after {
    color: #4b1ec5;
}

.chklist input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}


/* The check */
.check {
    display: block;
    position: relative;
    padding-left: 25px;
    padding-right: 15px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    width: 25%;
    font-size: 12px;
    font-family: 'Conv_Proxima Nova Alt Light';
}

    /* Hide the browser's default checkbox */
    .check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-color: #9d90c0;
    border-style: solid;
    border-width: 2px;
    border-radius: 3px;
}



/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
    left: 4px;
    top: 1px;
    width: 6px;
    height: 9px;
    border: solid;
    border-color: #3b2180;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cust-btn {
    /* margin-bottom: 10px; */
    background: none;
    color: #f8204f;
    /* border-width: 4px; */
    border-color: #f8204f;
    border: solid #f8204f 2px;
    padding: 6px 33px;
    font-size: 13px;
    border-radius: 20px;
    margin-top: 30px;
    font-family: "proxima-nova";
    font-weight: 600;
}

.checkbox_search .checkbox label {
    padding-left: 0px;
}

.cust-btn:hover {
    color: #f8204f;
}


.retailers_mid {
    width: 100%;
    float: left;
    border-bottom: solid #e6e6e6 1px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.eapps-instagram-feed-title {
    color: #fff !important;
    padding: 0px 6px 10px !important;
    display: none !IMPORTANT;
}


.retailers_mid .heading_top {
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
    color: #d80031;
    padding: 0px 0 0 0;
    display: block;
}

    .retailers_mid .heading_top a {
        color: #d80031;
    }

    .retailers_mid .heading_top .img_logo {
        float: right;
    }

.retailers_mid .footer_area {
    width: 100%;
    margin: 20px 0 0;
}

.retailers_mid .text_content {
    width: 360px;
    font-size: 18px;
    font-family: "Conv_ProximaNova-Regular";
    line-height: 28px;
    font-family: "proxima-nova";
    font-weight: 400;
    line-height: 23px;
    max-width: 100%;
    margin-top: 10px;
}

.blue_text {
    color: #4e3398;
    font-weight: 400;
}

.pagination_section {
    width: 100%;
    float: left;
    text-align: center;
}

    .pagination_section .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 0px 0 20PX;
        border-radius: 4px;
        font-family: "Conv_ProximaNova-Regular";
    }

        .pagination_section .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 10px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #000;
            text-decoration: none;
            border-bottom: none;
            font-size: 17px;
            height: 35px;
            margin-bottom: 10px;
        }


        .pagination_section .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
            color: #e1112a;
            border-radius: 0px;
            background: none;
            border: none;
            border-bottom: solid #d80031 1px !IMPORTANT
        }

        .pagination_section .pagination > li > a, .pagination > li > span {
            border: none;
        }

            .pagination_section .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
                background: none;
            }


.retailers_right select {
    border: 1px solid #a293ca;
    -moz-appearance: none;
    font-family: "Conv_ProximaNova-Regular";
    -webkit-appearance: none;
    color: #3a3a3a;
    font-size: 16px;
    height: 50px;
    padding: 2px 20px;
    background: rgba(255, 255, 255) url(../images/select.png) no-repeat scroll right 18px center;
    cursor: pointer;
    WIDTH: 100%;
    font-family: "proxima-nova";
    font-weight: 400;
}

.retailers_right .form_right .order_info {
    margin-top: 20px;
    padding-bottom: 40px;
}


/* .retailers_right .form_right .your-order-info {
} */

    .retailers_right .form_right .your-order-info ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

        .retailers_right .form_right .your-order-info ul li {
            font-size: 12px;
            padding: 0 0 7px;
            text-transform: uppercase;
            /* font-weight: 500; */
            LETTER-SPACING: 1PX;
            border-bottom: 1px solid #c2b9d8;
            color: #d80031;
            font-family: 'Conv_Proxima Nova Alt Bold';
        }

            .retailers_right .form_right .your-order-info ul li span {
                float: right;
                font-size: 11px;
                COLOR: #1a1818;
            }

.retailers_right .map {
    width: 100%;
    margin-top: 20px;
    float: left;
}

    .retailers_right .map img {
        width: 100%;
    }



.radio_bar label {
    margin: 0px;
}

.radio_bar .form-control {
    max-width: 300px;
    height: auto;
    padding: 3px 15px;
    outline: none;
}

.radio_bar input[type="radio"] {
    display: none;
}

    .radio_bar input[type="radio"] + label {
        color: #000;
        cursor: pointer;
    }

        .radio_bar input[type="radio"] + label i {
            font-weight: normal;
            font-style: normal;
            padding: 0px 0px 0px 35px;
            display: block;
        }

    .radio_bar input[type="radio"]:checked + label {
        color: #3b2180;
    }

    .radio_bar input[type="radio"] + label span {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: -7px 5px 0 0;
        vertical-align: middle;
        cursor: pointer;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #bfbfbf;
        background: #FFF;
        position: relative;
    }

    .radio_bar input[type="radio"]:checked + label span {
        background: #00aeef;
        border: 1px solid #00aeef;
    }

        .radio_bar input[type="radio"]:checked + label span:before {
            content: "";
            background: #fff;
            width: 6px;
            height: 6px;
            border-radius: 100%;
            position: absolute;
            left: 3px;
            top: 3px;
        }

.radio_bar input[type="checkbox"] {
    display: none;
}

    .radio_bar input[type="checkbox"] + label {
        color: #000;
        cursor: pointer;
    }

        .radio_bar input[type="checkbox"] + label i {
            font-weight: normal;
            font-style: normal;
            padding: 0px 0px 0px 35px;
            display: block;
        }

    .radio_bar input[type="checkbox"]:checked + label {
        color: #000;
    }

    .radio_bar input[type="checkbox"] + label span {
        display: inline-block;
        width: 13px;
        height: 13px;
        margin: -3px 7px 0 0;
        vertical-align: middle;
        cursor: pointer;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #bfbfbf;
        background: #FFF;
        position: relative;
    }

    .radio_bar input[type="checkbox"]:checked + label span {
        background: #00aeef;
        border: 1px solid #00aeef;
    }

        .radio_bar input[type="checkbox"]:checked + label span:before {
            content: "";
            background: url(../images/tick.png) no-repeat 0px 0px;
            width: 7px;
            height: 7px;
            position: absolute;
            left: 2px;
            top: 2px;
        }

.radio_bar input[type="radio"]:not(:checked) + label, .radio_bar input[type="radio"]:checked + label {
    position: relative;
    padding-left: 25px;
    padding-right: 11px;
    cursor: pointer;
    font-size: 15px !IMPORTANT;
    letter-spacing: 0.9px;
    color: #391c86;
    font-family: "proxima-nova" !IMPORTANT;
    font-weight: 500;
}

    .radio_bar input[type="radio"]:not(:checked) + label:after {
        opacity: 0;
        transform: scale(0);
    }

    .radio_bar input[type="radio"]:checked + label:after {
        opacity: 1;
        transform: scale(1);
    }

    .radio_bar input[type="radio"]:not(:checked) + label:before, .radio_bar input[type="radio"]:checked + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0px;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        border: 2px solid #d9b1f0;
        background: none;
        padding: 7px;
    }

    .radio_bar input[type="radio"]:not(:checked) + label:after, .radio_bar input[type="radio"]:checked + label:after {
        content: '';
        position: absolute;
        top: 5px;
        left: 5px;
        font-size: 18px;
        line-height: 0.8;
        color: #000000;
        transition: all .2s;
        font-weight: bold;
        background: #391c86;
        width: 8px;
        height: 8px;
        border-radius: 50%;
    }

.radio_bar input[type="checkbox"]:not(:checked) + label, .radio_bar input[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

    .radio_bar input[type="checkbox"]:not(:checked) + label:after {
        opacity: 0;
        transform: scale(0);
    }

    .radio_bar input[type="checkbox"]:checked + label:after {
        opacity: 1;
        transform: scale(1);
    }

    .radio_bar input[type="checkbox"]:not(:checked) + label:before, .radio_bar input[type="checkbox"]:checked + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 4px;
        width: 17px;
        height: 17px;
        border-radius: 2px;
        border: 1px solid #bfbfbf;
        background: #FFF;
        width: 15px;
        height: 15px;
    }

    .radio_bar input[type="checkbox"]:not(:checked) + label:after, .radio_bar input[type="checkbox"]:checked + label:after {
        content: '\2713';
        position: absolute;
        top: 4px;
        left: 0px;
        font-size: 11px;
        line-height: 0.8;
        color: #00aeef;
        transition: all .2s;
        font-weight: bold;
        background: #ffffff;
        border: 1px solid #00aeef;
        width: 15px;
        height: 15px;
        border-radius: 2px;
        padding-left: 2px;
        padding-top: 3px;
    }
/* End Addition on 21-Sep-2018*/


.form-radio {
    float: left;
    width: 100%;
}



    .form-radio input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-block;
        position: relative;
        background-color: #f2e2fb;
        color: #666;
        top: 7px;
        height: 20px;
        width: 20px;
        border: 0;
        border-radius: 50px;
        cursor: pointer;
        margin-right: 7px;
        outline: none;
    }



    .form-radio label {
        padding-right: 8px;
    }

    .form-radio input:checked::before {
        content: '';
        position: absolute;
        top: 6px;
        left: 6px;
        font-size: 18px;
        line-height: 0.8;
        color: #000000;
        transition: all .2s;
        font-weight: bold;
        background: #391c86;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        transition: all .2s;
    }

    .form-radio input:hover {
        background-color: #f7f7f7;
    }

    .form-radio input:checked {
        background-color: #f1f1f1;
        outline: 0px;
    }

.mycard_bg {
    background: url('/images/default-source/partners-card-site-images/mycard_bg.png?sfvrsn=0') center top;
    background-size: cover;
    padding: 90px 0;
}


.card_bg {
    position: relative;
    top: -34px;
}


.RadDock .rdTable {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}

.mobile_btn_header {
    margin-top: 30px;
    /* float: left; */
    display: block;
    border: solid #d80031 2px;
    border-radius: 30px;
    padding: 0px 8px;
    font-size: 12px;
    margin-right: 10px;
    letter-spacing: 1.2px;
    color: #d80031;
    font-family: "proxima-nova";
    font-weight: 700;
    /* margin: 0 auto; */
    /* margin-left: 120px; */
    margin: 0 auto;
    text-align: center;
    width: 100px;
    /* margin: 20px 0 0; */
    margin-top: 30px;
    position: absolute;
    left: 0px;
    right: 0px;
}

    .mobile_btn_header:hover {
        color: #d80031;
    }


.mobile_footer_section {
    width: 100%;
    margin: 0 auto;
    background: #3b2180;
    padding: 8px 0 0 0;
    position: fixed;
    bottom: 0px;
    z-index: 99999;
}

    .mobile_footer_section::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 65px;
        height: 66px;
        border-radius: 50%;
        background: #3b2180;
        z-index: -999999;
        top: 0px;
        margin-top: -13px;
    }

    .mobile_footer_section ul.mobile_nav_footer {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: -10px;
        padding-top: 10px;
    }

        .mobile_footer_section ul.mobile_nav_footer li {
            list-style: none;
            float: left;
            text-align: center;
        }

            .mobile_footer_section ul.mobile_nav_footer li a {
                font-size: 13px;
                text-align: center;
                padding: 0px 10px;
                font-family: "proxima-nova";
                font-weight: 600;
                color: #fff;
                display: block;
                letter-spacing: 0.9px;
            }

                .mobile_footer_section ul.mobile_nav_footer li a.active {
                    border-bottom: solid #f13729 6px;
                }


            .mobile_footer_section ul.mobile_nav_footer li .img {
                width: 100%;
            }


#grid_700 a {
    color: #555;
    text-decoration: none;
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 17px;
    position: relative;
    top: 10px;
}


.grid_700 {
    height: auto;
    float: left;
    border: 0px solid red;
}

.datatable .form-control {
    width: 100% !IMPORTANT;
}

.star {
    font-family: "proxima-nova";
    font-size: 18px;
    color: #FF3300 !IMPORTANT;
    margin-right: 0px;
}

.smalltext {
    font-size: 13px;
}


.grid_700.datatable .table {
    display: block;
    margin: 0 auto;
    width: 470px;
}


.grid_700 .datatable .submit_btn {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    /* width: 100%; */
    display: block;
    font-family: "proxima-nova-condensed";
    font-weight: 700;
    letter-spacing: 0.5px;
    background: #e1112a;
    border-radius: 7px;
    padding: 10px 25px;
}

.grid_700 .RadComboBox {
    width: 428px !IMPORTANT;
}


.mws-form-message.error {
    background-color: #ffcbca;
    background-image: url(../images/message-error.png);
    border-color: #eb979b;
    color: #9b4449;
    border-radius: 4px;
    padding: 10px;
}

/* .datatable .checkbox {
} */


.grid_700 .datatable td {
    padding: 6px 6px;
    font-size: 14px;
    font-family: "proxima-nova";
    font-weight: 400;
}


.grid_700 p {
    font-size: 17px;
    color: #555;
    font-family: "proxima-nova";
    font-weight: 400;
    line-height: 23px;
}

.grid_700 ul {
    margin: 0px;
    padding-left: 15px;
}


.grid_700 h5 {
    font-size: 26px;
    line-height: 30px;
    color: #E21C40;
    font-weight: bold;
    margin-bottom: 0px;
}


.grid_700 h2 {
    font-size: 20px;
    line-height: 28px;
    color: #763293;
    font-weight: normal;
    margin-top: 0px;
}


.grid_700 h3 {
    font-size: 20px;
    line-height: 28px;
    color: #763293;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 10px;
}

.grid_700 h4 {
    font-size: 20px;
    line-height: 28px;
    color: #763293;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}


.grid_700 ul {
    margin: 0px;
    padding-left: 15px;
}

.grid_700 li {
    list-style-image: url(../images/bullet.png);
    padding-left: 10px;
    margin-bottom: 10px;
    font-family: "proxima-nova";
    font-weight: 400;
    color: #555;
    line-height: 20px;
}

.grid_700 strong {
    font-family: "proxima-nova";
    font-size: 17px;
}


.login_box3 .form_left {
    padding: 0 10px;
    width: 346px;
}

.white_text {
    color: #fff;
    font-family: "proxima-nova";
    font-weight: 500;
}

.white h2 {
    font-family: "proxima-nova";
    font-weight: 600;
    color: #fff;
}


.select-style {
    max-width: 100%;
    overflow: hidden;
    background: url(../images/select2.png) no-repeat right #fff;
    display: block;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    /*background-position: 121px;*/
}


    .select-style .RadComboBox .rcbArrowCell a {
        display: none !important;
    }


    .select-style .rcbReadOnly {
        border-bottom: none !IMPORTANT;
    }


    .select-style .RadComboBox.form-control, .select-style .RadComboBox {
        max-width: 100% !important;
        width: 100% !important;
        background: none !important;
        border: none !important;
        height: auto !important;
        padding: 0px !important;
        margin: 0px 0px 3px 0px !important;
        outline: none !important;
    }

        .select-style .RadComboBox table td.rcbInputCell {
            background: none;
            height: auto;
        }

            .select-style .RadComboBox table td.rcbInputCell .rcbInput {
                font-size: 15px !important;
                padding: 6px 6px !important;
                height: auto !important;
            }

        .select-style .RadComboBox .rcbReadOnly td.rcbArrowCellRight {
            background: none !important;
        }


.select-style5 {
    max-width: 100%;
    overflow: hidden;
    background: url(../images/select2.png) no-repeat right #fff;
    display: block;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    /*background-position: 121px;*/
}


    .select-style5 .RadComboBox .rcbArrowCell a {
        display: none !important;
    }


    .select-style5 .rcbReadOnly {
        border-bottom: none !IMPORTANT;
    }


    .select-style5 .RadComboBox.form-control, .select-style5 .RadComboBox {
        max-width: 100% !important;
        width: 100% !important;
        background: none !important;
        border: none !important;
        height: auto !important;
        padding: 0px !important;
        margin: 0px 0px 3px 0px !important;
        outline: none !important;
    }

        .select-style5 .RadComboBox table td.rcbInputCell {
            background: none;
            height: auto;
        }

            .select-style5 .RadComboBox table td.rcbInputCell .rcbInput {
                font-size: 15px !important;
                padding: 6px 6px !important;
                height: auto !important;
            }

    .select-style5 .RadComboBox_Default .rcbFocused .rcbReadOnly .rcbInput {
        color: inherit;
    }


    .select-style5 .RadComboBox .rcbReadOnly td.rcbArrowCellRight {
        background: none !important;
    }


.select-pcmyaccount {
    max-width: 100%;
    overflow: hidden;
    background: url(../images/select2.png) no-repeat right #fff;
    display: block;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    /*background-position: 121px;*/
}


    .select-pcmyaccount .RadComboBox .rcbArrowCell a {
        display: none !important;
    }


    .select-pcmyaccount .rcbReadOnly {
        border-bottom: none !IMPORTANT;
    }


    .select-pcmyaccount .RadComboBox.form-control, .select-pcmyaccount .RadComboBox {
        max-width: 100% !important;
        width: 100% !important;
        background: none !important;
        border: none !important;
        height: auto !important;
        padding: 0px !important;
        margin: 0px 0px 3px 0px !important;
        outline: none !important;
    }

        .select-pcmyaccount .RadComboBox table td.rcbInputCell {
            background: none;
            height: auto;
        }

            .select-pcmyaccount .RadComboBox table td.rcbInputCell .rcbInput {
                font-size: 15px !important;
                padding: 6px 6px !important;
                height: auto !important;
            }

        .select-pcmyaccount .RadComboBox .rcbReadOnly td.rcbArrowCellRight {
            background: none !important;
        }


.red_text {
    color: #d80031 !important;
}

.retailers_details {
    padding-bottom: 70px;
}

    .retailers_details .breadcrumb {
        background: none;
        padding: 0px;
        border-radius: 0px;
        margin-bottom: 10px;
    }

        .retailers_details .breadcrumb > li a {
            font-size: 11px;
            color: #3b2180;
            font-family: "proxima-nova";
            font-weight: 600;
        }

            .retailers_details .breadcrumb > li a i {
                color: #da103d;
                font-weight: 900;
                padding-right: 5px;
            }

    .retailers_details .left_section {
        width: 100%;
    }

    .retailers_details .right_section {
        width: 100%;
        float: right;
        max-width: 100%;
    }

        .retailers_details .right_section .sec-title {
            font-size: 15px;
            color: #3b2180;
            font-family: "proxima-nova";
            font-weight: 700;
            border-bottom: solid #ececec 1px;
        }

        .retailers_details .right_section .box_area {
            border-bottom: solid #ececec 1px;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }


            .retailers_details .right_section .box_area .heading_top {
                width: 100%;
                margin: 0 auto;
                font-size: 14px;
                color: #d80031;
                padding: 0px 0 0 0;
                display: block;
            }

                .retailers_details .right_section .box_area .heading_top a {
                    color: #d80031;
                    font-weight: 700;
                }

                .retailers_details .right_section .box_area .heading_top .img_logo {
                    float: right;
                    opacity: 0.5;
                }


            .retailers_details .right_section .box_area .text_content {
                font-size: 11px;
                line-height: 28px;
                font-family: "proxima-nova";
                font-weight: 400;
                line-height: 16px;
                max-width: 100%;
                margin-top: 10px;
            }

                .retailers_details .right_section .box_area .text_content a {
                    color: #000;
                }

            .retailers_details .right_section .box_area .footer_area {
                width: 100%;
                margin: 10px 0 0 0;
            }

                .retailers_details .right_section .box_area .footer_area a {
                    font-size: 11px;
                    color: #d80031;
                    font-family: "proxima-nova";
                    font-weight: 600;
                }


    .retailers_details .left_section .logo_left {
        float: left;
        width: 424px;
        max-width: 100%;
    }

    .retailers_details .left_section .right_content {
        float: right;
        width: 100%;
        max-width: 100%;
    }

        .retailers_details .left_section .right_content .left {
            float: left;
            width: 100%;
        }

            .retailers_details .left_section .right_content .left .title_name {
                font-size: 20px;
                line-height: initial;
                color: #d80031;
            }
            /*.retailers_details .left_section .right_content .left .title_name:after{ content: ""; position:absolute; right:0px; background:url(../images/instagram_icon.jpg) no-repeat right; width:18px; height:18px; top: 6px;}*/

            .retailers_details .left_section .right_content .left .text5 {
                font-size: 14px;
                color: #000000;
                line-height: 25px;
                width: 250px;
                font-family: "proxima-nova";
                font-weight: 400;
                padding: 25px 0 0 0;
            }

            .retailers_details .left_section .right_content .left .web {
                font-size: 15px;
                color: #d80031;
                width: 100%;
                margin-top: 30px;
                display: block;
                font-family: "proxima-nova";
                font-weight: 600;
                overflow-wrap: break-word;
            }

            .retailers_details .left_section .right_content .left hr {
                height: 0.3px;
                background: #d6d6d6;
                margin: 40px 0 30px;
            }

            .retailers_details .left_section .right_content .left .map_section {
                width: 100%;
                border-bottom: solid #eee 1px;
                padding-bottom: 25px;
            }

                .retailers_details .left_section .right_content .left .map_section .purple_text {
                    font-size: 15px;
                    color: #3b2180;
                    font-family: "proxima-nova";
                    font-weight: 500;
                }

                .retailers_details .left_section .right_content .left .map_section p {
                    padding: 0px;
                    margin: 0px;
                    font-family: "proxima-nova";
                    font-weight: 400;
                    font-size: 13px;
                }

        .retailers_details .left_section .right_content p {
            padding: 0px;
            margin: 0px;
            font-family: "proxima-nova";
            font-weight: 400;
            font-size: 15px;
            line-height: 20px;
        }

        .retailers_details .left_section .right_content ul {
            margin: 0px;
            padding: 0px;
        }

.retailers_right {
    padding-bottom: 50px;
}

.retailers_details .left_section .right_content ul li {
    list-style: none;
    float: left;
    font-family: "proxima-nova";
    font-weight: 400;
    padding: 0px 11px;
    display: block;
    background: #f1eaf5;
    text-align: center;
    font-size: 13px;
    margin-right: 10px;
    float: left;
    color: #3b2180;
    border-radius: 5px;
    line-height: 23px;
}


.social_iconnew {
    float: right;
}


.countdown_logo_section {
    width: auto;
    margin: 0 auto;
}


a.more2:link, a.more2:active, a.more2:visited {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background-color: #E11D44;
    color: #fff;
    text-align: center;
    padding: 10px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 30px;
}

a.more2:hover {
    background-color: #3A3A3A;
    color: #fff !important;
}


#submenu {
    width: 100%;
    height: 36px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

a.tab:link, a.tab:active, a.tab:visited, a.tab:hover {
    display: inline-block;
    padding: 10px;
    padding-bottom: 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    font-family: 'AmbleBold';
    font-size: 17px;
    border-bottom: 1px solid #fff;
    color: #666;
}

a.taboff:link, a.taboff:active, a.taboff:visited, a.taboff:hover {
    display: inline-block;
    padding: 10px;
    padding-bottom: 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    font-family: 'AmbleBold';
    font-size: 17px;
    color: #666;
    background-color: #f1f1f1;
}

.subhead {
    font-family: 'ChaparralProBold';
    font-size: 25px;
    line-height: 40px;
    color: #76358F;
}

.itemtdhead {
    border-bottom: 3px double #ccc;
    border-top: 1px dashed #ccc;
    font-family: 'ChaparralProBold';
    font-size: 18px;
    background-color: #ffffff;
    height: 40px;
}

.addmore {
    color: #fff;
    text-decoration: none;
    width: 90px;
    height: 30px;
    background-image: url(../images/submit_bg.png);
    text-align: center;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0px;
    font-family: 'ProximaNovaRegular';
    font-size: 14px;
    margin-top: 0;
    cursor: pointer;
}


/*.divCartList_Mobile .item{ width:200px;}

.divCartList_Mobile .owl-item.active{ width:350px !important;}*/



.button_container {
    position: absolute;
    top: 55px;
    right: 60px;
    height: 27px;
    width: 35px;
    cursor: pointer;
    z-index: 100;
    /* transition: opacity .25s ease; */
    /* float: right; */
    /* margin-top: -42px; */
    /* left: 0px; */
}


    .button_container.active .top {
        width: 26px;
        height: 23px;
        background: url(../images/close.jpg) center no-repeat;
        top: -30px;
    }

    .button_container.active .middle {
        opacity: 0;
        width: 26px;
        top: -30px;
        height: 23px;
        background: url(../images/close.jpg) center no-repeat;
    }

    .button_container.active .bottom {
        width: 26px;
        top: -30px;
        height: 23px;
        background: url(../images/close.jpg) center no-repeat;
    }

    .button_container span {
        background: #FF5252;
        /* border: none; */
        height: 38px;
        width: 33px;
        position: absolute;
        top: 40px;
        left: 0;
        transition: all .35s ease;
        cursor: pointer;
        background: #fff url(../images/filter_icon_mobile.jpg) center no-repeat;
        line-height: 10px;
    }

        .button_container span:nth-of-type(2) {
            top: 40px;
        }

        .button_container span:nth-of-type(3) {
            top: 40px;
        }



.title_header {
    background: #d80031;
    position: relative;
    top: 0px;
    left: 0;
    right: 0;
    padding: 24px 0 15px;
    text-align: center;
    color: #fff;
    height: 68px !IMPORTANT;
    font-family: "proxima-nova";
    font-weight: 300;
    font-size: 25px;
}

.overlay .cat {
    font-size: 13px;
    width: 86%;
    max-width: 100%;
    color: #d80031;
    /* margin: 0 auto; */
    display: block;
    font-family: "proxima-nova";
    font-weight: 700;
    letter-spacing: 0.6px;
    line-height: initial;
    padding: 10px 0 10px 0;
    margin: 0 auto;
}



.overlay .drop_down_search {
    width: 100%;
    margin: 0 auto;
    display: block;
    background: #3b2180;
    color: #fff;
    border-radius: 5px;
    padding: 10px 10px;
    font-family: "proxima-nova";
    font-weight: 400;
    font-size: 16px;
}

    .overlay .drop_down_search option {
        width: 90%;
        margin: 0 auto;
        display: block;
        background: #f6f6f6;
        color: #000;
        border-radius: 5px;
        padding: 10px 10px;
        font-family: "proxima-nova";
        font-weight: 400;
        font-size: 16px;
    }






.overlay .apply_filter_btn {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    width: 90%;
    display: block;
    font-family: "proxima-nova";
    font-weight: 600;
    letter-spacing: 1.5px;
    background: #d80031;
    border-radius: 7px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}

.overlay input {
    opacity: 5;
}


.overlay nav {
    background: #ffffff;
    height: 417px;
    overflow: auto;
    /* width: 100%; */
    /* top: 0; */
    /* left: 0; */
    padding: 40px 0;
}

.overlay.open nav {
    pointer-events: auto;
}


.overlay.open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.overlay {
    -webkit-transition: opacity 150ms ease;
    transition: opacity 150ms ease;
    opacity: 0;
    z-index: 2;
    position: absolute;
    right: 0;
    pointer-events: none;
    z-index: 19;
    position: absolute;
    width: 100%;
    max-width: 100%;
    background: #fff;
}

    .overlay ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }


.overlay-menu ul li a {
    position: relative;
    padding: 16px 20px;
    text-decoration: none;
    display: inline-block;
    font-size: 48px;
    line-height: 1.2em;
    color: #000;
}

.pinkText {
    font-size: 24px;
    line-height: 32px;
    color: #DD1D44;
    font-family: "proxima-nova";
    font-weight: 700;
}

    .pinkText span {
        font-family: "proxima-nova";
        font-weight: 700;
        font-style: normal;
        font-size: 17px !IMPORTANT;
    }

/* .test-img {
} */

    .test-img:hover {
        -webkit-filter: grayscale(100%);
        -webkit-transition: .5s ease-in-out;
        -moz-filter: grayscale(100%);
        -moz-transition: .5s ease-in-out;
        -o-filter: grayscale(100%);
        -o-transition: .5s ease-in-out;
        opacity: 0.5;
    }

.test-img {
    width: 100%;
    -webkit-filter: grayscale(0%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
}


.grid_700 a {
    color: #5b3485;
    font-size: 15px;
    font-family: "proxima-nova";
    font-weight: 600;
}

    .grid_700 a:hover {
        color: #F44336;
    }

    .grid_700 a span {
        margin-top: 60px;
        display: block;
        color: #E21C40;
    }

        .grid_700 a span:hover {
            color: #7030a0 !important;
        }

.main-container span {
    margin-top: 0px !important;
    float: left;
}

.main-container .glyphicon {
    top: 9px;
    margin-right: 10px;
}


.PinkTitle {
    font-size: 25px !IMPORTANT;
    line-height: 32px;
    color: #DD1D44 !IMPORTANT;
    font-family: "proxima-nova";
    font-weight: 700 !IMPORTANT;
}

.grid_700 h1 {
    font-size: 36px !IMPORTANT;
    line-height: 40px;
    color: #E21C40;
    font-family: "proxima-nova";
    font-weight: 700 !IMPORTANT;
    margin-bottom: 0px;
}

.grid_700 span {
    color: #555;
    font-family: "proxima-nova";
}


.tablesty table td {
    border: #e2e2e2 1px solid;
    padding: 5px;
    vertical-align: top;
}

.tablesty {
    margin-bottom: 30px;
}

.PinkTitle strong span {
    font-weight: 700;
}


.grid_700 strong {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 17px;
    font-style: normal;
}


.select3 {
    line-height: normal;
    height: 38px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 200px;
    border-radius: 6px;
    display: block;
    width: 100%;
    border: 1px solid #c8c8c8;
    background: rgba(255, 255, 255) url(../images/select.png) scroll right 18px center no-repeat;
    /* color: #131111; */
    padding: 8px 20px 7px 10px;
    margin: 0;
    line-height: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "proxima-nova";
    font-weight: 400;
}



/* .form-radio2 {
} */

    .form-radio2 input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-block;
        position: relative;
        background-color: #f2e2fb;
        color: #666;
        top: 7px;
        height: 20px;
        width: 20px;
        border: 0;
        border-radius: 50px;
        cursor: pointer;
        margin-right: 7px;
        outline: none;
        margin-top: -6px !important;
    }

    .form-radio2 label {
        padding-right: 8px;
    }

    .form-radio2 input:checked::before {
        content: '';
        position: absolute;
        top: 6px;
        left: 6px;
        font-size: 18px;
        line-height: 0.8;
        color: #000000;
        transition: all .2s;
        font-weight: bold;
        background: #391c86;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        transition: all .2s;
    }

    .form-radio2 input:hover {
        background-color: #f7f7f7;
    }

    .form-radio2 input:checked {
        background-color: #f1f1f1;
        outline: 0px;
    }

.chklist3 {
    margin-left: 12px;
}

    .chklist3 input[type='checkbox']:after {
        line-height: 20px;
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-top: -4px;
        margin-left: -8px;
        border-radius: 0.25em;
        background: #fff;
        border: solid #a292f4 1px;
        font-size: 13px;
        text-align: center;
    }

    .chklist3 input[type='checkbox']:checked:after {
        width: 20px;
        height: 20px;
        /* border: 3px solid #00ff00; */
        font-family: 'FontAwesome';
        content: "\f00c";
        color: #4b1ec5;
    }

.check_box_inside {
    width: 100%;
}

    .check_box_inside .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        border: none !important;
    }


    .check_box_inside .checkbox-ml {
        width: auto !important;
    }


    .check_box_inside .chklist {
        margin-left: 24px !IMPORTANT;
    }

        .check_box_inside .chklist label {
            position: relative;
            /* padding-left: 4px; */
            /* padding-right: 15px; */
            cursor: pointer;
            font-size: 14px !important;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-size: 12px;
            font-family: "proxima-nova";
            font-weight: 400;
            padding: 6px 25px 0 4px;
            /* width: 110%; */
            /* padding-left: 4px; */
            line-height: 17px;
            height: 26px;
            margin-bottom: 19px;
            /* margin-right: 20px; */
            /* display: block; */
            margin: 10px 0;
        }

    .check_box_inside .checkbox_search td, th {
        padding: 0 !IMPORTANT;
        width: 250px;
        border: none !IMPORTANT;
    }


    .check_box_inside .chklist label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 0;
        margin-left: -23px;
        border: 1px solid #cccccc;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    }

    .check_box_inside .chklist label::after {
        display: inline-block;
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        left: 0;
        top: 0px;
        margin-left: -20px;
        padding-left: 2px;
        padding-top: 0px;
        font-size: 11px;
        color: #555555;
        line-height: 35px;
    }


    /*.check_box_inside .chklist .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{padding:0px;}*/



    .check_box_inside .chklist input[type="checkbox"]:checked + label::before {
        background: none;
        border-color: #b6a4e8;
    }

    .check_box_inside .chklist input[type="checkbox"]:checked + label::after {
        color: #4b1ec5;
    }

    .check_box_inside .chklist input[type="checkbox"]:checked + label::after {
        font-family: 'FontAwesome';
        content: "\f00c";
    }


    /* The check */
    .check_box_inside .check {
        display: block;
        position: relative;
        padding-left: 25px;
        padding-right: 15px;
        cursor: pointer;
        font-size: 18px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        float: left;
        width: 25%;
        font-size: 12px;
        font-family: 'Conv_Proxima Nova Alt Light';
    }

    /* Hide the browser's default checkbox */
    .check_box_inside .chklist input {
        opacity: 0;
        height: 0px;
    }

    /* Create a custom checkbox */
    .check_box_inside .checkmark {
        position: absolute;
        top: 6px;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #fff;
        border-color: #9d90c0;
        border-style: solid;
        border-width: 2px;
        border-radius: 3px;
    }



a.taboff:link, a.taboff:active, a.taboff:visited, a.taboff:hover {
    display: inline-block;
    padding: 10px;
    padding-bottom: 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    font-family: "proxima-nova";
    font-size: 17px;
    color: #666;
    background-color: #f1f1f1;
    line-height: 24px;
}

a.tab:link, a.tab:active, a.tab:visited, a.tab:hover {
    display: inline-block;
    padding: 10px;
    padding-bottom: 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    font-family: "proxima-nova";
    font-size: 17px;
    border-bottom: 1px solid #fff;
    color: #666;
    line-height: 24px;
}

#submenu {
    width: 100%;
    height: 41px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.subhead {
    font-family: "proxima-nova" !important;
    font-weight: 700 !important;
    font-size: 25px !important;
    line-height: 40px !important;
    color: #76358F !important;
}

.itemtdhead {
    border-bottom: 3px double #ccc !important;
    border-top: 1px dashed #ccc !important;
    font-family: "proxima-nova" !important;
    font-size: 18px !important;
    background-color: #ffffff !important;
    height: 40px !important;
    font-weight: 700 !important;
}

.itemtd {
    border-bottom: 1px dashed #ccc !important;
    height: 30px !important;
    font-size: 14px !important;
    color: #333 !important;
}


.card_accept {
    font-size: 13px;
    font-weight: 700;
    font-family: "proxima-nova" !important;
    float: left;
    text-decoration: none;
    color: green;
    border-right: solid #421792 1px;
    line-height: 12px;
    padding-right: 10px;
    letter-spacing: 0.6px;
    margin-top: 50px;
    border: solid #008017 1px;
    padding: 6px;
}

    .card_accept:hover {
        color: green;
    }


.card_decline {
    font-size: 13px;
    font-weight: 700;
    font-family: "proxima-nova" !important;
    float: left;
    text-decoration: none;
    color: red;
    /* padding-left: 10px; */
    line-height: 13px;
    letter-spacing: 0.6px;
    margin-top: 50px;
    padding: 6px;
    border: solid #e1112a 1px;
    margin-left: 10px;
}

    .card_decline:hover {
        color: red;
    }


.card_not_activated_text {
    position: absolute;
    right: 40px;
    /* top: 0; */
    margin-top: -31px;
    font-size: 14px;
    color: #e1112a;
}


.photo {
    padding: 5px;
    border: 1px solid #ddd;
}

.small {
    font-size: 14px;
    font-family: "proxima-nova" !important;
    font-weight: 700 !IMPORTANT;
}

.stong {
    font-family: "proxima-nova" !important;
    font-weight: 700 !IMPORTANT;
    font-size: 17px !important;
}

.select {
    font-family: "proxima-nova" !important;
    font-size: 12px;
    color: #666666;
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    padding: 5px;
    width: 250px;
    outline: 0px;
}


.itemtd2 {
    border-bottom: 1px dashed #ccc;
}


.button2 {
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: block;
    font-family: "proxima-nova";
    font-weight: 500;
    letter-spacing: 0.5px;
    background: #e1112a;
    border-radius: 7px;
    padding: 8px 11px;
    margin: 4px;
}

    .button2:hover {
        background: #763293;
    }


.web_orders {
    float: right;
    width: 322px;
    max-width: 100%;
}

.head_title {
    font-family: "proxima-nova" !important;
    font-weight: 700 !important;
    font-size: 25px !important;
    line-height: 40px !important;
    float: left;
    color: #76358F !important;
}

.web_orders p {
    float: left;
    padding-right: 10px;
    /* vertical-align: middle; */
    line-height: 43px;
    font-weight: 700;
    font-size: 18px;
}

.web_orders .form-control {
    width: 85px !important;
    float: left;
    margin-right: 10px;
}


.select4 {
    line-height: normal;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 200px;
    border-radius: 6px;
    display: block;
    width: 100%;
    border: 1px solid #c8c8c8;
    background: rgba(255, 255, 255) url(../images/select.png) scroll right 8px center no-repeat;
    /* color: #131111; */
    padding: 6px 20px 7px 10px;
    margin: 0;
    line-height: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "proxima-nova";
    font-weight: 400;
    margin-top: 5px;
}

.big_textnew {
    font-family: "proxima-nova";
    font-size: 17px;
    font-weight: 400;
}


.addmore2 {
    color: #fff;
    text-decoration: none;
    text-align: center;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0px;
    font-family: "proxima-nova";
    font-size: 13px;
    margin-top: 0;
    cursor: pointer;
    background: #444;
    padding: 0px 10px;
    margin-top: 36px;
    font-weight: 400;
}

.form-control4 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 175px;
    max-width: 100%;
}

.archive_right {
    float: right;
    width: 160px;
}

.text_left2 {
    float: left;
    margin-right: 10px;
    font-family: "proxima-nova";
    font-size: 18px;
    padding: 3px 0;
    color: #000 !IMPORTANT;
    font-weight: 700;
}

.sellers_form {
    margin-top: 20px;
}

    .sellers_form .form-group label {
        font-size: 15px;
        font-weight: normal;
        font-family: "proxima-nova";
    }


.perks_img {
    height: 350px;
    width: 100%;
    /* text-align: center; */
    /* margin: 0 auto; */
}



.error_text_login {
    margin-left: 44px;
    font-size: 13px;
    color: red;
    font-family: "proxima-nova";
    font-weight: 500;
}
/*Added By Vikash*/
.closebtn {
    margin-left: 15px;
    font-weight: bold;
    float: right;
    font-size: 30px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

    .closebtn:hover {
        color: black;
    }

.event_table {
    padding-bottom: 40px;
}

.store_area {
    font-size: 18px;
    font-weight: 400;
}

.sfContentBlock.sf-Long-text p {
    margin-bottom: 48px;
}

.text-right.victim-family-violence .sfContentBlock.sf-Long-text p {
    margin-bottom: 0;
}

#divCardList {
    clear: both;
}

/***05 august css start***/
.inner_page_form .form_right.cust_form_right .bdr-with-padding {
    clear: both;
    border-bottom: solid 1px #ececec;
    padding-top: 10px;
    padding-bottom: 10px;
}

.inner_page_form .form_right.cust_form_right .billing_info .cart-item {
    padding: 0 15px !important;
    margin: 0;
    line-height: normal;
    padding-top: 5px !important;
}

.inner_page_form .form_right.cust_form_right .error_text {
    line-height: normal;
}

.inner_page_form .form_right.cust_form_right .form-section {
    margin-bottom: 20px;
}

.inner_page_form .form_right.cust_form_right .billing_info .mobile-padding label.seller {
    line-height: normal;
}


/*----### css for buy a card page (22 July 2022) ###----*/

.alert {
    padding: 10px;
    background-color: #f44336;
    color: white;
    font-size: 15px;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 30px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.radioButtonList label {
    cursor: pointer !important;
    font-family: "Conv_ProximaNova-Regular !important";
    font-size: 14px !important;
    color: #39139e !important;
    padding: 0 12px 0 25px !important;
}

.inner_page_form .form_right label {
    font-family: "Conv_ProximaNova-Regular";
    letter-spacing: 0.5px;
    font-size: 11px;
    text-transform: capitalize;
    margin: 0 0 5px;
    color: #d80031;
}

h4.title {
    border-bottom: 1px solid #c2b9d8;
    display: block;
    color: #3b2180;
    font-size: 21px;
    letter-spacing: 0.3px;
    font-family: "proxima-nova";
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 15px;
}

.inner_page_form select.form-control {
    height: 34px;
    border-radius: 3px;
}

.pc-checkbox label {
    margin-left: 5px !important;
    vertical-align: middle;
    text-transform: none !important;
}

.inner_page_form .form_right .payment_info {
    width: auto;
    padding: 20px 30px;
}

.inner_page_form select.form-control {
    background-color: #fff;
}

.payment_info .select-style .RadComboBox.RadComboBox_Default {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 !important;
    padding: 3px 0px !important;
    font-weight: normal;
    font-size: 13px;
}

.payment_info .select-style .RadComboBox.RadComboBox_Default .rcbActionButton {
    display: none;
}

.payment_info .select-style .RadComboBox.RadComboBox_Default .rcbInner {
    background: none;
    border: 0;
}

.payment_info .select-style .RadComboBox.RadComboBox_Default .rcbInner input {
    font-family: "proxima-nova";
    font-size: 14px;
    color:#555555;
}

.RadComboBoxDropDown_Default .rcbHovered {
    background: #1e90ff !important;
    color: #fff !important;
}

.inner_page_form .form_right .order_info {
    margin-top: 0px;
    padding-bottom: 20px;
}

.inner_page_form {
    padding: 37px 41px 37px;
}

    .inner_page_form .title_form.mobile-title_form {
        width: auto;
    }

    .inner_page_form .sfContentBlock > div {
        margin: auto;
        float: none;
        margin-bottom: 10px;
    }

    .inner_page_form .form_right.cust_form_right {
        margin: auto;
        float: none;
    }

    .inner_page_form .buymore_content_desktop .form_text {
        font-weight: normal;
    }

    .inner_page_form .payment_info #Body_C008_imgCaptcha {
        height: 34px !important;
    }

    .inner_page_form .payment_info .form-group label {
        text-transform: uppercase !important;
        margin-bottom: 5px;
        line-height: normal;
    }

    .inner_page_form .payment_info .row-middle ~ .form-group label {
        line-height: 1.8em;
        margin:5px 0;
    }

    .inner_page_form .payment_info .billing-shipping-divided h4.title {
        margin-top: 10px !important;
        margin-bottom: 0 !important;
    }

    .inner_page_form .payment_info .billing-shipping-divided .form-group label {
        line-height: 20px;
        margin: 0;
        display:block;
        width:100%;
        color: #1a1818;
    }

    .inner_page_form .payment_info .payment-tabs {
        margin: 0 0 15px;
    }

    .inner_page_form .payment_info .payment-tabs li a {
        font-size:15px;
        font-weight: 500;
        border:none;
        line-height:normal;
        background:none;
    }

    .inner_page_form .payment_info .payment-tabs .active a {
        background:none;
        border-bottom:solid 2px #3b2180;
        color: #3b2180;
    }

    .inner_page_form .payment_info .pc-checkbox label {
        margin: 0 6px !important;
        text-transform: uppercase !important;
    }

    .inner_page_form .form_right .order_info {
        padding-bottom: 0;
    }
    .inner_page_form .payment_info h4.title {
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .inner_page_form .payment_info .row-billing h4.title {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .inner_page_form .payment_info .form-group.row-border-bottom {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .inner_page_form .payment_info .submit_btn {
    width: 100%;
    background: #e1112a url(/resources/images/lock-icon.png) no-repeat center left calc(50% - 55px);
    background-size: 20px;
    padding-left: 6rem;
    margin-top: 10px;
    }

    .inner_page_form .payment_info .your-order-info li, .inner_page_form .payment_info .form-group label, .inner_page_form .payment_info .pc-checkbox label, .inner_page_form .payment_info .ul-payment-detail label {
        color: #d80031;
        text-transform: uppercase;
        font-size: 11px !important;
        font-weight: 700 !important;
    }
    .inner_page_form .payment_info .ul-payment-detail li > input{
        margin: 0 5px 0 0
    }
    .inner_page_form .payment_info .ul-payment-detail li > label{
        margin: 0;
        vertical-align: 3px;
    }

    .inner_page_form .payment_info .ul-payment-detail li > .digitalc-label{
        vertical-align: 0;
    }

    .inner_page_form .form_right .payment_info .form-control {
        font-weight: normal;
    }

    .inner_page_form .form_right .payment_info .star {
        line-height: 0;
    }
    .inner_page_form .payment_info .dynamic-select-box .select-style, .inner_page_form .payment_info .dynamic-select-box .form-control{
        margin-top:5px;
    }

.payment_info .submit_btn_next {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: block;
/*    font-family: "proxima-nova";*/
    font-weight: 700;
    letter-spacing: 0.5px;
    background: #e1112a;
    border-radius: 7px;
    padding: 5px 15px;
    text-transform: uppercase;
}

.inner_page_form .payment_info .row-middle.row-billing h4.title {
    margin-bottom: 0;
}

/*----### Top Banner Strip (17 Oct 22) ###----*/

.pc-top-strip {
  background-color:#f15b5b;
  background-image: url(/images/default-source/partners-card-site-images/afloat-icon.jpg), url(/images/default-source/partners-card-site-images/afloat-icon.jpg);
  background-position: left 20px center, right 20px center;
  background-repeat: no-repeat;
  background-size: 34px;
  text-align: center;
  color:#ffffff;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 500;
  padding:15px 60px;
  word-spacing: 2px;
  font-family: 'Inter', sans-serif;
  font-family: 'Lato', sans-serif;
}

.pc-top-strip a{
  color:inherit;
  text-decoration:none;
}

.pc-top-strip img{
  border:0;
  width:80px;
  height: auto;
  display:inline-block;
  margin:0 3px;
  vertical-align:-4px;
}


/*----### 09 Sep 22 ###----*/
    .pearlperks-tbl{
        width: 100%;
        empty-cells: hide;
        border-collapse: collapse;
    }
    .pearlperks-tbl tr td{
        border: solid 1px #cccccc;
        padding: 5px 7px;
        vertical-align: middle;
    }
    .pearlperks-tbl tr td p{
        margin: 0;
    }
    .pearlperks-tbl tr td:empty{
        display: none;
    }
    .pearlperks-tbl tr td:first-child{
        white-space: nowrap;
    }

/*----### 07 Sep 22 ###----*/


/*-- Custom Checkbox for Retailer Box --*/

.chklistRtlr input{
    opacity: 0;
}

.chklistRtlr label {
	position: relative;
	cursor: pointer;
	font-size: 12px !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: "proxima-nova";
	font-weight: 400;
	padding: 7px 5px;
	width: auto;
    top: -2px;
}

.chklistRtlr label::before {
content: "";
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
left: 0;
margin-left: -20px;
border: 1px solid #cccccc;
border-radius: 3px;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.chklistRtlr label::after {
display: inline-block;
content: "";
position: absolute;
width: 20px;
height: 20px;
left: 0;
top: 0px;
margin-left: -18px;
padding-left: 2px;
padding-top: 0px;
font-size: 11px;
color: #555555;
line-height: 35px;
}

.chklistRtlr input[type="checkbox"]:checked + label::before {
background: none;
border-color: #b6a4e8;
}

.chklistRtlr input[type="checkbox"]:checked + label::after {
color: #4b1ec5;
}

.chklistRtlr input[type="checkbox"]:checked + label::after {
font-family: 'FontAwesome';
content: "\f00c";
}

.retailers_box .icontext {
    display: inline-block;
    width: calc(100% - 65px);
    line-height: normal;
    vertical-align: middle;
    margin-left: 3px;
}  

.retailers_box .star-css{
    font-size: 24px; vertical-align: middle; margin-right: 5px;
}

  .payment_info .form-group.partner-card-type {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 10px;
    }

    .payment_info .form-group.partner-card-type .col-form-label {
        margin-bottom: 5px;
    }
  
  .payment_info .form-group.partner-card-type .form-radio input[type="radio"] {
      -webkit-appearance: radio;
      -moz-appearance: radio;
      appearance: radio;
      display: inline-block;
      position: relative;
      background-color: none;
      color: none;
      background: none;
      top: 4px;
      height: 16px;
      width: 16px;
      border: 0;
      margin-right: 5px;
      cursor: pointer;
  }

  .payment_info .form-group.partner-card-type .form-radio label{
    cursor: pointer;
  }

  .payment_info .form-group.partner-card-type .form-radio input::before {
      display: none;
  }

      
    /**--- IPAD CSS ---**/
    @media only screen and (min-width:768px) and (max-width:1199px) {

        .inner_page_form .payment_info .form-group.row-border-bottom {
            margin-top: 0;
            margin-bottom: 0; 
        }

        .inner_page_form .payment_info .form-group.row-border-bottom label {
            margin-top: 4px;
            margin-bottom: 4px;            
        }

        .inner_page_form .payment_info .row-middle ~ .form-group label {
            margin-top: 4px;
            margin-bottom: 0;
        }

        .inner_page_form .payment_info #Body_C008_imgCaptcha {
            display: block;
            margin: 2px auto;
        }
        .inner_page_form .payment_info .submit_btn {
            background-position: center left calc(50% - 60px);
            background-size: 18px;

        }
        .inner_page_form .payment_info h4.title:not(.title-billing){
            margin-top: 5px;
        }

    }

    @media only screen and (min-width:992px) and (max-width:1199px) {
        .inner_page_form .payment_info .form-group.row-border-bottom {
            margin-top: 10px;
            margin-bottom: 10px; 
        }
    }


    /**--- 12 Aug 2022 ---**/

    .header ~ .sf_cols .sfContentBlock{
        margin-bottom: 40px;
    }

    .page-wrapper .shop_online_content .retailers_mid {
        padding-bottom: 10px!important;
    }


    /**--- IPAD CSS ---**/
    @media only screen and (min-width:576px) and (max-width:1024px) {

        .header .header-group .logo-home img {
            width: 280px!important;
        }

    }


    @media only screen and (max-width:1200px) {
        .payment_info .submit_btn_next {
            margin-top:10px;
        }
    }

    @media only screen and (max-width:991px) {

        .page-wrapper .header .sfContentBlock.sf-Long-text .mobile_btn_header {
            left: calc(100% - 150px);
            display: inline-block;
        }

        .page-wrapper .header .nav-group {
            margin-top: 72px !important;
        }

        .header .header-group .logo-home img {
            margin: 0 auto !important;
        }

        .page-wrapper #menuzord-mobi.menuzord {
            position: relative;
        }

        .page-wrapper #menuzord-mobi.menuzord .dropdown_menu .mobile_menu .logo{
            display: none;
        }

        .page-wrapper .header .btn-menu {
            border: solid 10px transparent;
            position: relative;
            margin-top: 90px;
        }

        .search_section .map-mobile {
            top: 54px!important;
        }
        .search_section .input-group {
            width: 100%!important;
        }

        .retailers_box .page-wrapper {
            margin-top: 80px;
            clear: both;
        }

        .retailers_box .fa{
            margin-right: 5px;
        }

        .cat_mobile_display{
            margin-top: 20px;
        }

        .search_section {
            background: #fff;
            position: absolute;
            left: 0;
            right: 0;
            width: 100%;
        }
        .search_section .map-mobile {
            position: absolute;
            top: 16px;
            width: 100%;
        }
        .search_section .mobile_filters {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            z-index: 9898989;
            width: 100%;
            top: -91px;
        }
        .search_section .mobile_filters .button_container {
            top: 55px;
        }

        .header ~ .sf_cols {
            margin-top: 40px;
        }        

        .page-wrapper .sf_colsIn.container.pt-40 {
            padding-top: 20px !important;
        }

        .page-wrapper .login_box3 .login_form .forgot {
             margin-top: auto; 
        }

              
        /*---- Shop Page ----*/

        .header ~ .sf_cols .sfContentBlock {
            margin-bottom: 20px;
        }

        .page-wrapper .shop_online_search {
            top: auto;
            position: relative;
        }

        .page-wrapper .shop_online_search .menu_filter {
            margin: 0;
            padding: 0;
        }

        .page-wrapper .shop_online_search .shop_online .button_container.active {
            top: 55px;
        } 

        .page-wrapper .shop_online_content .shop_btn{
            position: absolute;
            right: 0;
        }

        .page-wrapper .shop_online_content .right_section_card {
            margin: auto;
            float: none;
        }
      
        .page-wrapper .shop_online_content .discount_filter_mobile {
            padding: 0!important;
        }

        .page-wrapper .shop_online_content.ptb-40 {
            padding: 20px!important;
        }


        /*---- After Login Page ----*/

        .page-wrapper #logo + .mobile_view_card_header {
            padding: 2px 3px;
            border-radius: 5px;
            margin-top: 20px;
            display: inline-block;
            margin-left: auto;
            left: calc(100% - 200px);
            width: 150px;
        }
        .page-wrapper .banner_section.mycard_bg{
            margin-top: -40px;
        }
        .retailers_box .retailers_mid img.stardisplay {
            float: none;
        }
        .retailers_box .retailers_mid .text_content {
            width: auto;
            line-height: normal;
            margin-bottom: 12px;
        }

        .pc-top-strip {
             background-position: left 12px center, right 12px center;
        }

    }

    @media only screen and (min-width:576px) and (max-width:768px) {
        .shop_online_content .retailers_mid .img_logo a img {
            float: none;
            margin: auto;
        }

        .right_section_card {
            float: none !important;
            margin: 0 auto;
        }
        .search_section .menu_filter{
            padding: 150px 0 0 0;
        }

        .display_none {
            display: none;
        }

    }

    @media only screen and (min-width:576px) and (max-width:767px) {
        .search_button_section.shop_online .button_container {
            top: -36px;
        }
        .search_section .menu_filter{
            padding: 90px 0 0 0;
        }
        .page-wrapper .shop_online_content .discount_filter_mobile {
            padding: 0!important;
            margin: 0!important;
        }   
        .page-wrapper .search_section.shop_online_search + .shop_online_content.ptb-40{
            padding-top: 5px!important;
        }
        
    }

    
    /**--- Mobile CSS ---**/
    @media only screen and (max-width:575px) {

        .inner_page_form .payment_info .pc-checkbox {
            margin-top: 10px;
            display: block;
        }

        .inner_page_form .buymore_content_mobile {
            margin-top: 1em;
        }

        .inner_page_form .payment_info .form-group.row-border-bottom {
            margin-top: 0;
            margin-bottom: 0;
        }

        .inner_page_form .payment_info .form-group.row-border-bottom label {
            margin-top: 3px;
            margin-bottom: 3px;
        }

        .inner_page_form .payment_info .row-middle ~ .form-group label {
            margin-top: 2px;
            margin-bottom: 0;
        }

        .inner_page_form .payment_info #Body_C008_imgCaptcha {
            display: block;
            margin: 10px auto;
        }
        .inner_page_form .payment_info .submit_btn {
            background-position: center left 80px;
            background-size: 18px;
            padding-left: 5rem;
        }
        .inner_page_form .payment_info h4.title:not(.title-billing){
            margin-top: 5px;
        }

        .page-wrapper .header .sfContentBlock.sf-Long-text .mobile_btn_header {
            float: none;
            left: 50%;
            transform: translate(-50%, -50%);
            margin-top: 40px;
            position: relative;
            display: inline-block;
            text-align: center;
            top: 50%;
        }
        .page-wrapper .header .nav-group {
            margin-top: 0 !important;
        }
        .page-wrapper .header .btn-menu {
            margin-top: 16px;
        }

        .page-wrapper #logo + .mobile_view_card_header {
            left: 50%;
            position: relative;
            transform: translateX(-50%);
        }

        .inner_page_form .payment_info .payment-tabs li a {
            font-size: 14px;
            padding:5px;
        }
        .payment_info .form-group.partner-card-type .form-radio span{
            clear:both;
            display: block;
        }
        .pc-top-strip {
             background-position: left 8px center, right 8px center;
        }     

}

@media only screen and (max-width:360px) {

    .mobile_footer_section ul.mobile_nav_footer li a {
        padding: 6px 6px;
        font-size: 11px;
    }

    .mobile_footer_section ul.mobile_nav_footer li a {
        height: 26px;
    }

}

/**--- PEARL CARD CSS ---**/
.pc-pearl-card-link {
    margin-top: -65px
}
.pc-pearl-card-link a {
    border: solid 1px rgb(42,82,190,0.8);
    padding: 15px;
    line-height: 28px;
    border-image: url('/images/default-source/partners-card-site-images/perks_border_diamonds.png') 15 / 4px round;
}

.pc-pearl-card-link a u {
    text-decoration: none;
}

@media only screen and (max-width:992px) {
    .pc-pearl-card-link {
        margin-top: -60px;
        margin-bottom: 20px!important;
    }
    .time_section .head {
        top: 20px!important;
    }
}

@media only screen and (max-width:575px) {
    .pc-pearl-card-link {
        margin-top: -65px;
        margin-bottom: 30px!important;
    }
    .time_section .head {
        top: -30px!important;
    }
    .pc-pearl-card-link a {
        border: none;
        line-height: normal;
    }
    .pc-pearl-card-link a u {
        text-decoration: underline;
    }
}


/*--- below css is only for firefox ---*/
@-moz-document url-prefix() { 
      .inner_page_form .payment_info .ul-payment-detail li > label {
        margin: 0;
        vertical-align: 1px;
        }
        .payment_info .form-group.partner-card-type .form-radio input[type="radio"] {
            top: 2px;
        }
}

@media screen and (max-width: 600px) {
    .payment_info .form-group.partner-card-type .form-radio label {
        width: 90%
    }
    .mycard_bg{ padding-top: 40px; }
       
    .countdown_mobile ul.countdown{ margin-top: 0px!important;}
}
.download-btn {
    border: solid 1px #fff;
    border-radius: 25px;
    text-align: center;
    padding: 6px 12px;
    color: #fff
}
.download-btn:hover {
    border: solid 1px #fff;
    color: #fff!important;
}

.mb-3 {
    margin-bottom: 15px;
    text-align: right;
}
.check-box-label {
    display: flex;
    column-gap: 10px;
    align-items; width: 100%;
    align-items: flex-start;
}
.check-box-label input[type="checkbox"] { margin-top:7px!important;
}

.quantity-label{ margin-top: 12px!important; line-height: 1.8em; }
.pl-0{ padding-left: 0 }
.pr-0{ padding-right: 0 }
@media only screen and (max-width:767px) {
    .inner_page_form{ margin-top: 0px!important; padding-top: 0px!important;}
    .inner_page_form .form_right .payment_info{ padding: 20px 25px!important; }
    .pl-0{ padding-left:15px; }
    .inner_page_form .row-border-bottom{ margin-bottom: 5px!important }
    .quantity-label{line-height:normal; }
    
}