body {
    padding: 0px;
    margin: 0px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
}

ul, li {
    padding: 0px;
    margin: 0px;
    display: block;
}

h1, h2, h3, h4, h5, h6, p {
    padding: 0px;
    margin: 0px;
}

a, a:hover, a:focus {
    text-decoration: none;
    transition: all 0.3s ease;
    outline: 0;
}

section {
    width: 100%;
    clear: both;
}

.full-width {
    width: 100%;
    clear: both;
}

.p-t-b-70 {
    padding-bottom: 70px;
    padding-top: 70px;
}

.p-t-b-95 {
    padding-bottom: 95px;
    padding-top: 95px;
}

.p-t-60-b-40 {
    padding-bottom: 40px;
    padding-top: 60px;
}

.p-t-60 {
    padding-top: 60px;
}

.p-t-100 {
    padding-top: 100px;
}

.pad-l-r-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.p-t-40-b-40 {
    padding-bottom: 40px;
    padding-top: 40px;
}

.p-l-60 {
    padding-left: 100px;
}

.bdr-r1 {
    border-right: #1a5998 1px solid;
}

.bdr-l1 {
    border-left: #003365 1px solid;
}

.pad-l-r-01 {
    padding-left: 0px;
    padding-right: 0px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-20 {
    padding-top: 20px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-t-113 {
    margin-top: 113px !important;
}

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

.alertInline {
    display: none !important
}

.alert-error {
    background-color: #f13e4b;
    padding: 10px 20px;
    margin-bottom: 10px;
    color: #fff;
}

header .btn-header {
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 20px;
    color: #181818;
    margin-top: 9px;
}

    header .btn-header:hover {
        background: #ccc;
        color: #000;
        border: 1px solid #fff;
    }

header .btn-white {
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 20px;
    color: #181818;
    margin-top: 9px;
    background: #fff;
}

    header .btn-white:hover {
        color: #f84821;
    }

header .btn-orange {
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 20px;
    color: #181818;
    margin-top: 9px;
    background: #f84821;
}

    header .btn-orange:hover {
        color: #fff;
    }

/*.header--stick {
    z-index: 4;
}*/

p {
    color: #333333;
    line-height: 27px;
    font-size: 18px;
}


.mid-main1 {
    width: 100%;
    margin: 70px 0;
}

.inner-bg { /*background:url(../img/inner-bg.jpg) no-repeat center top!important; background-size:100% 100%!important;*/
}



heading-orange {
    text-align: center;
}

    heading-orange h2 {
        color: #41b0ff;
        font-size: 40px;
        text-transform: uppercase;
        font-weight: 700;
        position: relative;
        margin-bottom: 20px;
        padding-bottom: 30px;
    }

    heading-orange::after {
        content: "";
        position: absolute;
        transform: translate(-50%, 0%);
        background: url(../img/heading-blu-after.html);
        width: 106px;
        height: 17px;
        left: 50%;
        bottom: 0px;
    }

    heading-orange p {
        color: #999999;
        font-weight: 700;
        font-size: 20px;
        line-height: 34px;
    }

.orange-bg {
    background: #f84821;
}

.orange-text {
    color: #f84821;
}

.blue-bg {
    background: #41b0ff;
}

.blue-text {
    color: #41b0ff;
}

.white-bg {
    background: #fff;
}

.gyar-bg {
    background: #d8d8d8;
}

.white-text {
    color: #fff;
}

.yellow-text {
    color: #d3b300 !important;
}

.ba {
    color: #ffce00;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 40s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0% {
        background-color: #f13e4b;
    }

    10% {
        background-color: goldenrod;
    }

    20% {
        background-color: blue;
    }

    30% {
        background-color: green;
    }

    40% {
        background-color: navy;
    }

    50% {
        background-color: orangered;
    }

    60% {
        background-color: purple;
    }

    70% {
        background-color: sienna;
    }

    80% {
        background-color: red;
    }

    90% {
        background-color: yellow;
    }

    100% {
        background-color: yellow;
    }
}

/* Standard syntax */
@keyframes example {
    0% {
        background-color: #f13e4b;
    }

    10% {
        background-color: goldenrod;
    }

    20% {
        background-color: blue;
    }

    30% {
        background-color: green;
    }

    40% {
        background-color: navy;
    }

    50% {
        background-color: orangered;
    }

    60% {
        background-color: purple;
    }

    70% {
        background-color: sienna;
    }

    80% {
        background-color: red;
    }

    90% {
        background-color: yellow;
    }

    100% {
        background-color: yellow;
    }
}



.show header {
    background: url(../img/banner1.jpg) no-repeat center top;
}

.inner-bg header {
    background: url(../img/banner1.jpg) no-repeat center top;
}

.top-row {
    width: 100%;
    background: #494b58;
    color: #fff;
    clear: both;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0;
    z-index: 5;
    padding: 8px 0px;
}

.top-left {
    padding: 0px;
}

    .top-left a {
        font-size: 13px;
        color: #ffdb40;
        text-decoration: none;
    }

        .top-left a:hover {
            color: #fff;
            text-decoration: none;
        }

.top-right {
    padding: 0px;
}

    .top-right ul {
        float: right;
        margin: 0 10px 0 0;
    }

        .top-right ul li {
            list-style: none;
            margin: 0 15px 0 0;
            padding: 0;
            display: inline-block;
        }

            .top-right ul li a {
                font-size: 13px;
                color: #fff;
                text-decoration: none;
            }

                .top-right ul li a:hover {
                    color: #ffdb40;
                    text-decoration: none;
                }

            .top-right ul li:last-child {
                margin: 0 !important;
            }

header {
    width: 100%;
    clear: both;
    /* position: relative; */
    left: 0px;
    top: 36px;
    width: 100%;
    /*z-index: 5;*/
    padding: 25px 0 0 0px;
    background: #fff;
    box-shadow: 0px 0px 5px #AFACAC;
}

    header .logo {
        margin: 0 0 5px 0;
    }

.logo 3 {
    display: none;
}

.admin header .navbar-default .navbar-nav > li > a {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    padding: 12px 7px;
    text-transform: inherit;
}

.header.affix {
    background: #fff;
    z-index: 9999;
    top: 0;
    box-shadow: 0px 0px 5px #AFACAC;
}

    .header.affix .navbar-default .navbar-nav > li > a {
        color: #000;
    }

        .header.affix .navbar-default .navbar-nav > li > a:hover {
            color: #ffbf0e;
        }

    .header.affix .navbar-default .navbar-nav > li .bt1 {
        background: #264075;
        color: #fff;
    }

        .header.affix .navbar-default .navbar-nav > li .bt1:hover {
            color: #000;
            background: #ffbf0e;
        }

    .header.affix .navbar-default .navbar-nav > li .bt2:hover {
        color: #fff;
    }

.input-group .form-control {
    border: 0px;
    background: #f2f2f2;
    border-radius: 20px 20px 20px 20px;
}

.input-group-btn button {
    border-top: #e5e5e5 1px solid;
    border-right: #ededed 1px solid;
    border-bottom: #f2f2f2 1px solid;
    border-left: 0px;
    background: #f2f2f2;
    border-radius: 20px 20px 20px 20px;
}

    .input-group-btn button .btn-default {
        color: #191919;
    }

.tab-menu01 {
    display: none !important;
}

.top-text-main {
    float: left;
    width: 100%;
}

.top-text {
    float: left;
    margin-right: 40px;
    display: table;
    height: 100%;
}

    .top-text .ico {
        float: left;
        width: 43px;
        height: 43px;
        border-radius: 180px;
        text-align: center;
        border: #5ac0f6 2px solid;
        display: table;
        margin: 0 8px 0 0;
    }

        .top-text .ico span {
            display: table-cell;
            vertical-align: middle;
        }

    .top-text .text {
        float: left;
        display: table;
        height: 100%;
    }

        .top-text .text span {
            display: table-cell;
            vertical-align: middle;
        }

        .top-text .text h3 {
            color: #494b58;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 500;
            padding: 0;
            margin: 0;
        }

            .top-text .text h3 small {
                text-transform: capitalize;
                color: #494b58;
                font-size: 14px;
            }

        .top-text .text p {
            color: #8e8e8e;
            font-size: 12px;
            padding: 0;
            margin: 0;
            line-height: 20px;
        }

.top-text-main .cart {
    float: right;
    background: #fcd21b;
    color: #000;
    font-size: 14px;
    padding: 12px 14px;
    margin-top: 0px;
    border-radius: 3px;
}

.navi-row {
    background: #1E9167;{{
    cartDataCount}} </
    div></a>
    --%>;
    /* width: 100%; */
    /* margin: 20px 0 0 0; */
}

header .cate-menu {
    float: left;
}

    header .cate-menu a {
        color: #fff;
        font-size: 14px;
        background: #3fb2ee;
        width: 150px;
        padding: 8px 18px;
        display: inline-block;
    }

    header .cate-menu > .dropdown-toggle {
        padding: 16px 18px;
    }

    header .cate-menu a:hover {
        color: #000;
        background: #fad015;
    }

header .dropdown-menu {
    background: #3fb2ee !important;
    color: #fff !important;
    border-radius: 0 !important;
    border: 0;
    width: 250px;
    margin-top: -1px;
    max-height: 380px;
    overflow-y: auto;
}

    header .dropdown-menu > li > a {
        color: #fff !important;
        display: block;
        width: 100%;
    }

        header .dropdown-menu > li > a:hover {
            color: #000 !important;
        }

header .navbar-default {
    background: none;
    border: none;
    margin: 0;
    float: left;
    clear: both;
}

header .nav {
    padding: 0;
    margin: 0;
}

header .navbar-default .navbar-nav > li > a {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    padding: 15px 18px;
    text-transform: uppercase;
}

header .navbar-default .navbar-nav > .new {
    position: relative;
}

    header .navbar-default .navbar-nav > .new:before {
        float: left;
        width: 23px;
        height: 14px;
        background: url(../img/new1.png) no-repeat left top;
        position: absolute;
        top: -8px;
        left: 50%;
        transform: translate(-50%);
        content: '';
        z-index: 5;
    }

header .navbar-default .navbar-nav > .new1 {
    position: relative;
}

    header .navbar-default .navbar-nav > .new1:before {
        float: left;
        width: 23px;
        height: 14px;
        background: url(../img/new2.png) no-repeat left top;
        position: absolute;
        top: -8px;
        left: 50%;
        transform: translate(-50%);
        content: '';
        z-index: 5;
    }

header .navbar-default .navbar-nav > .active > a, header .navbar-default .navbar-nav > .active > a:focus, header .navbar-default .navbar-nav > .active > a:hover {
    color: #ffbf0e;
    background: none !important;
}

header .navbar-default .navbar-nav > li > a:focus, header .navbar-default .navbar-nav > li > a:hover {
    color: #ffbf0e;
}

header .navbar-nav {
    width: 100%;
    text-align: left;
}

    header .navbar-nav > li {
        float: none;
        display: inline-block;
    }

.navbar {
    min-height: inherit;
}

header .navbar-default .navbar-nav > li .bt1 {
    color: #000;
    border-radius: 180px;
    padding: 8px 20px;
    margin: 0 3px !important;
    background: #fff;
}

    header .navbar-default .navbar-nav > li .bt1:hover, header .navbar-default .navbar-nav > li .bt2:hover {
        color: #fff;
        background: #002668;
    }

header .navbar-default .navbar-nav > li .bt2 {
    color: #000;
    border-radius: 180px;
    padding: 8px 20px;
    margin: 0 3px !important;
    background: #ffbf0e;
}



header .navbar-default .navbar-nav > li > a:focus, header .navbar-default .navbar-nav > li:hover ul li a {
    color: #ffbf0e;
}

    header .navbar-default .navbar-nav > li > a:focus, header .navbar-default .navbar-nav > li:hover ul li a:hover {
        color: #ffbf0e;
        background: none !important;
    }

header .navbar-default .navbar-collapse {
    padding-right: 0;
}

header .navbar-default .navbar-nav > li i {
    margin-right: 5px;
}

.input-group .form-control {
    border: 0px;
    background: #f2f2f2;
    border-radius: 20px 20px 20px 20px;
}

.input-group-btn button {
    border-top: #e5e5e5 1px solid;
    border-right: #ededed 1px solid;
    border-bottom: #f2f2f2 1px solid;
    border-left: 0px;
    background: #f2f2f2;
    border-radius: 20px 20px 20px 20px;
}

    .input-group-btn button .btn-default {
        color: #191919;
    }

.tab-menu01 {
    display: none !important;
}


.fade-carousel {
    position: relative;
    /* height: 104vh;*/
}

    .fade-carousel .carousel-inner .item {
        /* height: 100vh;*/
    }

    .fade-carousel .carousel-indicators > li {
        background-color: #f39c12;
        border-color: #f39c12;
        opacity: .7;
    }

        .fade-carousel .carousel-indicators > li.active {
            opacity: 1;
        }

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 40%;
    z-index: 6;
    color: #fff;
    width: 50%;
    padding: 0 50px 0 0;
    text-align: left;
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

    .hero h1 {
        font-size: 64px;
        font-weight: 300;
        margin: 0 0 10px 65px;
        padding: 0;
        color: #000;
        text-transform: uppercase;
    }

        .hero h1 span {
            color: #fff;
            background: #8869c9;
            font-weight: 500;
            padding: 0 12px;
            position: relative;
            height: 89px;
        }

            .hero h1 span:before {
                position: absolute;
                content: '';
                left: -19px;
                top: 0;
                bottom: 0;
                border-top: 89px solid transparent;
                border-bottom: 0px solid transparent;
                border-right: 19px solid #8869c9;
            }

            .hero h1 span:after {
                position: absolute;
                content: '';
                right: -19px;
                top: 0px;
                bottom: 0;
                border-bottom: 91px solid transparent;
                border-top: 0px solid transparent;
                border-left: 19px solid #8869c9;
            }

    .hero h2 {
        font-size: 84px;
        font-weight: 600;
        margin: 0 0 10px 0;
        padding: 0;
        color: #000;
        text-transform: uppercase;
    }

    .hero h3 {
        font-size: 39px;
        font-weight: 300;
        margin: 0 0 10px 90px;
        padding: 0;
        color: #000;
    }

        .hero h3 span {
            color: #bf4e79;
            font-weight: 500;
        }

    .hero p {
        font-size: 25px;
        font-weight: 400;
        margin: 0 0 10px 0;
        text-transform: none;
        color: #fff;
        display: block;
    }

    .hero a {
        padding: 0;
        color: #000;
        text-shadow: none;
        font-size: 25px;
        text-transform: uppercase;
        font-weight: 400;
        float: right;
        position: relative;
    }

        .hero a:after {
            background: #000;
            width: 20px;
            height: 2px;
            content: '';
            right: -25px;
            bottom: 9px;
            position: absolute;
        }

        .hero a:hover {
            color: #bf4e79;
        }

            .hero a:hover:after {
                background: #bf4e79;
            }

    .hero hgroup {
        display: block;
        margin-bottom: 35px;
    }


.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
    -moz-transition: 2s all ease-in-out .1s;
    -ms-transition: 2s all ease-in-out .1s;
    -o-transition: 2s all ease-in-out .1s;
    transition: 2s all ease-in-out .1s;
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}


/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-3 {
    height: 600px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.fade-carousel .slides .slide-1 {
    background-image: url('../images/Banner (3).jpeg');
}

.fade-carousel .slides .slide-2 {
    background-image: url('../images/Banner (2).jpeg');
}
.fade-carousel .slides .slide-4 {
    background-image: url('../images/Banner (4).jpeg');
}

.fade-carousel .slides .slide-3 {
    background-image: url('../images/Banner (1).jpeg');
}

.carousel .carousel-indicators {
    bottom: 230px;
}

#bs-carousel .carousel-indicators {
    position: absolute;
    top: 40%;
    left: inherit;
    right: 5px !important;
    width: 20px;
}



.carousel-indicators li, .carousel-indicators li.active {
    margin: 4px;
    border-radius: 50%;
    border-color: transparent;
}

.carousel-indicators li {
    background: #3fb2ee !important;
    border: 0;
}

    .carousel-indicators li.active {
        background: #8869c9 !important;
        border: 0;
    }

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px) {
    /*    .hero { width: 980px; }*/
}

@media screen and (max-width: 640px) {
    .hero h1 {
        font-size: 4em;
    }
}





.midpart {
    width: 100%;
    position: relative;
}



.add {
    width: 100%;
    padding: 25px 0;
}

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

.add01 img:first-child {
    margin-bottom: 22px;
}

.add figure {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}

    .add figure:hover + span {
        bottom: -36px;
        opacity: 1;
    }



.add figure {
    position: relative;
    float: left;
}

    .add figure::before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .add figure:hover::before {
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}







/*..........Our Product..........*/
.product {
    width: 100%;
    padding: 70px 0 100px 0;
    text-align: center;
    position: relative;
    clear: both;
    margin: 35px 0;
    background: #eff6fc;
}

.pro-in {
    position: relative;
    z-index: 4;
    padding: 0 0 0px 0;
}
/*.product:before {width:100%; height:106px; position:absolute; background:url(../img/pro-before.png) no-repeat left top; background-size:100% 100%; content:''; top:-30px; left:0;}*/

.product:after {
    float: right;
    width: 100%;
    position: absolute;
    bottom: -2px;
    right: 0;
    z-index: 0;
    background: url(../img/pro-aftr.png) no-repeat left top;
    background-size: 100% 100%;
    height: 64px;
    content: '';
}

.section-heading {
    padding: 30px 0 20px !important;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px !important;
}

.product h2 {
    font-size: 42px;
    color: #000;
    padding: 0;
    margin: 0;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
}

    .product h2 a {
        font-size: 42px;
        color: #000;
        padding: 0;
        margin: 0;
        font-weight: 300;
        text-align: center;
        text-transform: uppercase;
    }

.product small {
    font-size: 21px;
    display: block;
    color: #000;
    font-weight: 300;
    padding: 0;
    text-transform: uppercase;
}

.pro-page {
    margin: 0;
    padding: 0;
}

    .pro-page:after {
        display: none;
    }

.pro-all {
    padding: 40px 0 0 0;
}

.pro-page .img-box { /*margin:5px;*/
}

.product .item {
    padding: 5px !important;
    display: inline-block;
}

.product .pro {
    border: 1px solid #eef0ef;
    border-radius: 2px;
    background: #fff;
    position: relative;
    margin-bottom: 30px;
}

.product .img-box {
    width: 100%;
    position: relative;
    padding: 20px 20px 0 20px;
}

.product img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    margin: 0 auto;
}

.product .thumb-content {
    padding: 20px 0 0 0;
    position: relative;
}

    .product .thumb-content .pro-bt {
        background: #fff;
        width: 120px;
        margin:;
        display: inline-block;
        border-radius: 25px;
        padding: 8px 22px;
        color: #000;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: -28px;
        display: none;
    }

        .product .thumb-content .pro-bt:hover {
            background: #ffbf0e;
        }

.pro-ico {
    position: absolute;
    top: 80px;
    width: 35px;
    float: right;
    right: 10px;
    z-index: 4;
    display: none;
}

    .pro-ico a {
        width: 35px;
        height: 35px;
        text-align: center;
        padding: 10px 0 0 0;
        margin: 5px 0 !important;
        vertical-align: middle;
        display: block;
        background: #f2f2f2;
        border-radius: 150px;
    }

        .pro-ico a:hover {
            background: #fad015;
        }

.product .pro:hover .pro-ico {
    display: block;
}

.pro-cart {
    position: absolute;
    width: 35px;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    z-index: 4;
    display: none;
}

    .pro-cart a {
        width: 40px;
        height: 40px;
        text-align: center;
        padding: 7px 0 0 0;
        margin: 5px 0 !important;
        vertical-align: middle;
        display: block;
        background: #f2f2f2;
        border-radius: 150px;
    }

        .pro-cart a:hover {
            background: #fad015;
        }

        .pro-cart a i {
            font-size: 16px;
            color: #000;
        }

.product .pro:hover .pro-cart {
    display: block;
}

.product .slider {
    padding: 25px 0 0 0;
}


.product .rate {
    padding: 20px 20px 5px;
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #46b1ce;
}

    .product .rate span {
        padding: 0 15px 0 0;
        color: #999;
        text-decoration: line-through;
    }

.product .item a {
    font-size: 18px;
    margin: 10px 0 9px 0;
    color: #4a4a4a;
    font-weight: 400;
    display: block;
}

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

.product .item a span {
    font-size: 13px;
    display: block;
    color: #6c6d6c;
}

.carousel .carousel-control.left i {
    margin-left: -3px;
}

.carousel .carousel-control.left i {
    margin-right: -3px;
}

.slick-dots {
    bottom: -40px !important;
}

    .slick-dots li, .slick-dots li.active {
        width: 15px !important;
        height: 15px !important;
        margin: 4px;
        border-radius: 50%;
        border-color: transparent;
    }

    .slick-dots li {
        background: #c9c7c8 !important;
        border: #fff 3px solid !important;
    }

        .slick-dots li:hover {
            background: #fff !important;
            border: #002668 3px solid !important;
        }

    .slick-dots .slick-active {
        background: #fff !important;
        border: #002668 3px solid !important;
    }

    .slick-dots li button {
        display: none !important;
    }

.pro-page {
    margin: 0;
    padding: 60px 0;
}

    .pro-page .pro {
        margin: 13px 0;
    }

    .pro-page .pro-ico a {
        padding: 7px 0 0 0;
    }

    .pro-page .pro-cart a {
        padding: 10px 0 0 0;
    }

.story {
    width: 100%;
    padding: 0px;
}

    .story h2 {
        font-size: 42px;
        color: #000;
        padding: 0;
        margin: 0 0 20px 0;
        font-weight: 600;
        text-align: left;
        text-transform: uppercase;
        position: relative;
        /* left: -165px; */
    }

        .story h2:after {
            position: absolute;
            background: url(../img/story-hd.png) no-repeat;
            content: "";
            width: 151px;
            height: 5px;
            bottom: -10px;
            left: 9%;
        }

    .story p {
        font-size: 14px;
        color: #343333;
        font-weight: 300;
        margin: 0 0 5px 0;
        padding: 0;
    }

.story-text {
    padding: 0 45px 0 45px;
    /* background-color: red; */
}

    .story-text a {
        font-size: 15px;
        color: #252525;
        font-weight: 400;
        padding: 9px 25px;
        border: #000000 1px solid;
        display: inline-block;
        margin-top: 5px;
    }

        .story-text a:hover {
            color: #fff;
            border: #000000 1px solid;
            background: #252525;
        }

.story-in {
    padding: 120px 0 30px 0;
}



.full-slide {
    width: 100%;
    /* padding: 60px 0 0 0; */
}

    .full-slide .carousel-indicators {
        position: absolute;
        bottom: 0;
    }

        .full-slide .carousel-indicators li {
            border: #000 1px solid;
            border-radius: 0;
        }

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


.steps {
    width: 100%;
    padding: 60px 0;
    background: #eff6fc;
}

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

.comp-main {
    width: 100%;
    padding: 30px 0;
    margin-bottom: 40px;
    background: #fff;
}

    .comp-main img {
        float: left;
    }

.comp-text {
    float: left;
    width: 60%;
    padding: 10px 0 0 12px;
}

    .comp-text span {
        font-size: 22px;
        color: #000;
        font-weight: 400;
        margin: 0 0 5px 0;
        padding: 0;
    }

    .comp-text p {
        font-size: 14px;
        color: #6d6d6d;
        font-weight: 300;
        margin: 0;
        padding: 0;
        line-height: 18px;
    }




/*.about {
     width: 100%; 
    padding: 40px;
    margin: 40px;
    text-align: center;
    border: 2px solid orange;
    margin-top: 60px;
}*/

    .about h2 {
        font-size: 42px;
        color: #000;
        padding: 0;
        margin: 0 0 20px 0;
        font-weight: 600;
        text-align: center;
        position: relative;
        margin-top: -63px;
        background-color: white;
    }

        .about h2:after {
            position: absolute;
            background: url(../img/story-hd.png) no-repeat;
            content: "";
            width: 151px;
            height: 5px;
            bottom: -10px;
            left: 50%;
            transform: translate(-50%);
        }

    .about p {
        font-size: 14px;
        color: #343333;
        font-weight: 400;
        margin: 0 0 5px 0;
        padding: 0;
    }

.about-text {
    padding: 50px 45px 0 45px;
}

    .about-text a {
        font-size: 15px;
        color: #252525;
        font-weight: 400;
        padding: 9px 25px;
        border: #000000 1px solid;
        display: inline-block;
        margin-top: 5px;
    }



/*..........Our Product..........*/
.recharge {
    width: 100%;
    padding: 70px 0 0px 0;
    text-align: center;
    position: relative;
    clear: both; /*margin:35px 0; */
    background: #eff6fc;
}

    .recharge h2 {
        font-size: 42px;
        color: #000;
        padding: 0;
        margin: 0;
        font-weight: 300;
        text-align: center;
        text-transform: uppercase;
    }

    .recharge ul {
        margin: 45px auto 0 auto;
        padding: 0;
    }

        .recharge ul li {
            display: inline-block;
            margin: 5px;
            padding: 0;
        }

            .recharge ul li a {
                background: #fff;
                border: #eaeeed 2px solid;
                border-radius: 4px;
                padding: 20px;
                text-align: center;
                width: 133px;
                height: 121px;
                float: left;
                font-size: 15px;
                color: #000;
                font-weight: 400;
            }

                .recharge ul li a img {
                    margin: 0 auto 10px auto;
                    display: block;
                }

                .recharge ul li a:hover {
                    background: #fad015;
                    border: #e5bd0d 2px solid;
                }

                .recharge ul li a:focus, .recharge ul li .active {
                    background: #fad015;
                    border: #e5bd0d 2px solid;
                }

    .recharge .rc-left {
        float: left;
        width: 100%;
        margin: 50px 0 0 0;
    }

        .recharge .rc-left .list {
            width: 100%;
            margin-bottom: 10px;
            text-align: left;
        }

            .recharge .rc-left .list label {
                font-size: 15px;
                color: #516e86;
                font-weight: 400;
                margin-bottom: 5px;
                display: block;
            }

            .recharge .rc-left .list input, .recharge .rc-left .list select {
                width: 80%;
                background: #fff;
                border: #eaeeed 2px solid;
                border-radius: 4px;
                padding: 9px 10px;
                font-size: 15px;
                color: #777777;
                font-weight: 400;
            }

            .recharge .rc-left .list small {
                font-size: 15px;
                color: #516e86;
                font-weight: 400;
                margin-bottom: 5px;
                display: block;
            }

            .recharge .rc-left .list .amount {
                width: 130px;
                background: #fff url(../img/rupees.png) no-repeat left 10px center;
                border: #eaeeed 2px solid;
                border-radius: 4px;
                padding: 9px 20px;
                font-size: 15px;
                color: #000;
                font-weight: 400;
            }

            .recharge .rc-left .list [type="submit"] {
                background: #fad015;
                color: #000;
                border: 0;
                padding: 12px 30px;
                font-size: 15px;
                border-radius: 8px;
                margin: 10px 0;
                font-weight: 400;
                width: 220px;
                transition: all 0.5s ease;
            }

                .recharge .rc-left .list [type="submit"]:hover {
                    background: #000;
                    color: #fad015;
                }

.maxl {
    margin: 10px 0;
}

.inline {
    display: inline-block !important;
}

    .inline + .inline {
        margin-left: 10px;
    }

.radio {
    color: #999;
    font-size: 15px;
    position: relative;
    margin: 0;
}

    .radio span {
        position: relative;
        padding-left: 20px;
        color: #676767;
    }

        .radio span:after {
            content: '';
            width: 17px;
            height: 17px;
            border: 2px solid;
            position: absolute;
            left: 0;
            top: 1px;
            border-radius: 100%;
            -ms-border-radius: 100%;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            box-sizing: border-box;
            -ms-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

    .radio input[type="radio"] {
        cursor: pointer;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

        .radio input[type="radio"]:checked {
            color: #516e86;
        }

            .radio input[type="radio"]:checked + span:before {
                content: '';
                width: 9px;
                height: 9px;
                position: absolute;
                background: #516e86;
                left: 4px;
                top: 5px;
                border-radius: 100%;
                -ms-border-radius: 100%;
                -moz-border-radius: 100%;
                -webkit-border-radius: 100%;
            }

.rc-right {
    background: url(../img/rc-bg.png) no-repeat center center;
    width: 100%;
    margin: 50px 0 0 0;
}









.orderSummary {
    background: #fff;
}

    .orderSummary h4 {
        font-size: 19px;
        color: #d9b40d;
        padding: 0;
        margin: 0 0 15px 0;
        text-transform: uppercase;
    }

.payment-inos {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    border: #ddd 1px solid;
}

.payment-summary {
    background: #fff;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

    .payment-summary h4 {
        font-size: 19px;
        color: #d9b40d;
        padding: 0;
        margin: 0 0 15px 0;
        text-transform: uppercase;
    }

.orderSummarydetails {
    line-height: 21px;
    padding: 10px;
    overflow: auto;
    max-height: 500px;
    margin-bottom: 0px;
}

    .orderSummarydetails h2 {
        margin: 0px 0 10px 10px;
    }

.totalChecktDtls {
    padding: 10px;
    border: #ddd 1px solid;
    float: left;
    width: 100%;
}

    .totalChecktDtls strong {
        color: #d9b40d;
        float: right;
    }

.scrollSummry {
    max-height: 350px;
    overflow-y: auto;
}

    .scrollSummry::-webkit-scrollbar {
        width: 5px;
        background-color: #f2f2f2;
    }

    .scrollSummry::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(256,256,256,.1);
        background-color: #aaa;
    }

.orderSummarydetails .orderItem {
    border: #ddd 1px dashed;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding: 10px;
}

    .orderSummarydetails .orderItem:nth-child(even) {
        background: #fafafa;
    }

.totalAmount {
    font-size: 16px;
    width: 80%;
}

.total-amt {
    width: 400px;
    float: right;
    margin: 0 15px 0 0;
}

.NetPayableAmount {
    padding: 10px 10px;
    background: #eca939;
    font-size: 18px;
    float: left;
    width: 100%;
    line-height: 20px;
    color: #fff;
    margin-top: 10px;
}

    .NetPayableAmount strong {
        color: #fff;
        font-size: 20px;
        line-height: 28px;
    }

    .NetPayableAmount br {
        display: none;
    }

.bgBlockSearch {
    background: #DEF9FF;
    padding: 15px;
    margin-bottom: 15px;
}

    .bgBlockSearch table.myGroup tr td {
        padding: 5px;
    }

.itemPro {
    width: 120px;
    float: left;
    border: 1px dashed #ddd;
    padding: 8px;
    text-align: center;
}

    .itemPro img {
        max-width: 90%;
        height: 120px;
    }

.proDesSumry {
    margin-left: 135px;
}

    .proDesSumry span {
        text-transform: uppercase;
        color: #d9b40d;
        font-size: 17px;
    }

    .proDesSumry h6 {
        background-color: #00b6d9;
        font-size: 16px;
        font-weight: normal;
        margin-top: 0px;
        padding: 3px 6px;
        color: #fff;
    }

    .proDesSumry ul li {
        padding-left: 5px;
    }

        .proDesSumry ul li:nth-child(odd) {
            background: #fafafa;
        }

.orderItem:nth-child(even) .proDesSumry ul li:nth-child(odd) {
    background: #fff;
}

.pd10px {
    padding: 10px;
}

.checkoutTblBlock {
    border: 10px solid #eca939;
    color: #000;
}

    .checkoutTblBlock tr td {
        background: #fff;
    }

    .checkoutTblBlock tr th {
        background: #fafafa;
    }


.blockShippingAdd {
    background: #fff;
    padding: 20px 15px 10px 15px;
}

.blockForm {
    background: #fff;
    padding: 15px 20px;
    color: #000;
    margin: 20px 0;
}

    .blockForm h2 {
        margin-bottom: 15px;
        overflow: hidden;
        text-transform: uppercase;
        color: #fff;
        font-size: 15px;
        font-weight: normal;
        background: #f4cd1a;
        padding: 8px 10px;
    }

        .blockForm h2 span {
            display: block;
            float: left;
            padding: 7px 15px;
            background: #fff;
        }


    .blockForm .boxForm {
        padding-left: 1%;
        margin-bottom: 10px;
        overflow: hidden;
        width: 48%;
        float: left;
        margin-right: 1.5%;
    }

    .blockForm label {
        display: block;
        font-weight: normal;
    }

        .blockForm label.col-sm-4 {
            text-align: right;
        }

    .blockForm input[type="text"], .blockForm select, .blockForm textarea {
        border-color: #ddd;
        margin-bottom: 10px;
    }

.Order-btn {
    background: #f4cd1a none repeat scroll 0 0 !important;
    border: 1px solid #182d6b !important;
    border-radius: 4px !important;
    color: #fff !important;
    display: inline-block !important;
    font-size: 16px !important;
    padding: 8px 25px 8px 15px !important;
    text-decoration: none !important;
    transition: all 0.3s ease 0s !important;
    text-transform: uppercase !important;
}

    .Order-btn:hover {
        background: #000000 none repeat scroll 0 0 !important;
        border: 1px solid #000 !important;
    }

.cartSec table {
    background: #fff;
}

.chack-main {
    width: 100%;
    float: left;
    margin-bottom: 70px;
}

.menu-account-menu-container marquee h3 {
    font-size: 19px;
}







/*..........Contact Us..........*/
.contact-section {
    padding: 0;
    margin: 0;
    position: relative;
    background: #eff6fc;
}
    /*.contact-section:before {width:179px; height:307px; position:absolute; background:url(../img/pro-before.png) no-repeat left top; content:''; top:25px; left:50px;}*/

    .contact-section:after {
        float: right;
        width: 307px;
        position: absolute;
        bottom: 10px;
        right: 50px;
        z-index: 0;
        background: url(../img/abt-aftr.html) no-repeat left top;
        height: 179px;
        content: '';
    }


    .contact-section .contact-type {
        background: #28cdec none repeat scroll 0 0;
        color: #fff;
        font-weight: 400;
        padding: 20px 20px 70px;
    }

    .contact-section .contact-form .contact-form-box {
        float: left;
    }

.form-group {
    margin-bottom: 20px;
}

.contact-form {
    padding: 50px 0 0 0;
}

.cont-frm {
    padding: 50px;
    width: 80%;
    margin: 0 10%;
    text-align: center;
    position: relative;
    z-index: 5;
}

    .cont-frm label {
        color: #6f6f6f;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .cont-frm h2 {
        color: #0f3661;
        font-size: 42px;
        margin-bottom: 8px;
        text-align: center;
    }

    .cont-frm small {
        color: #0f3661;
        font-size: 18px;
        margin-bottom: 20px;
        text-align: center;
        display: inline-block;
    }


    .cont-frm input[type="text"], .cont-frm input[type="email"], .cont-frm input[type="password"], .cont-frm select, .cont-frm textarea {
        background: #fff none repeat scroll 0 0;
        color: #6f6f6f;
        display: block;
        font-size: 16px;
        font-weight: 400;
        padding: 15px 22px;
        transition: all 500ms ease 0s;
        width: 100%;
        border: 2px solid #e1e1e1;
        border-radius: 5px;
    }

        .cont-frm input:focus, .cont-frm select:focus, .cont-frm textarea:focus {
            border-color: #ffbf0e;
            background: #f7fbff;
        }

    .cont-frm input[type="submit"] {
        padding: 12px 20px;
        font-size: 18px;
        line-height: 20px;
        border-radius: 180px;
        background: #0f3661;
        border: 0;
        color: #fff;
        margin-top: 20px;
    }

        .cont-frm input[type="submit"]:hover {
            background: #ffbf0e;
            color: #fff;
        }





/****************************************footer**************************************************/
footer {
    background: #3c5569;
    width: 100%;
    padding: 0;
}

.footer1 {
    padding-bottom: 60px;
    float: left;
    width: 100%;
}

    .footer1 .input-group .form-control {
        border-radius: 3px 0 0 3px !important;
        width: 80% !important;
        border: 0 !important;
        height: 42px;
    }

    .footer1 .input-group-btn button {
        border-radius: 0 3px 3px 0 !important;
        background: #ef8642;
        border: 0 !important;
        height: 42px;
        color: #fff;
    }

        .footer1 .input-group-btn button:hover {
            background: #a4c73a;
            color: #fff;
        }

    .footer1 p {
        color: #000000;
        font-size: 15px;
        padding-bottom: 8px;
    }

        .footer1 p span {
            color: #a4c73a;
        }

footer .widget {
    display: block;
    margin-bottom: 30px;
}

.abt-copnay p {
    color: #585858;
    font-size: 15px;
    line-height: 22px;
    padding-top: 20px;
}

footer .link-list {
    margin: 0;
    padding: 0;
}

    footer .link-list li {
        line-height: 27px;
        list-style: outside none none;
        position: relative;
    }

        footer .link-list li a {
            color: #000000;
            font-size: 15px;
            font-weight: 400;
            padding: 0;
        }

            footer .link-list li a:hover {
                color: #ffbf0e;
            }

@keyframes hvr-wobble-bottom {
    16.65% {
        transform: skew(-12deg);
    }

    33.3% {
        transform: skew(10deg);
    }

    49.95% {
        transform: skew(-6deg);
    }

    66.6% {
        transform: skew(4deg);
    }

    83.25% {
        transform: skew(-2deg);
    }

    100% {
        transform: skew(0deg);
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        transform: skew(-12deg);
    }

    33.3% {
        transform: skew(10deg);
    }

    49.95% {
        transform: skew(-6deg);
    }

    66.6% {
        transform: skew(4deg);
    }

    83.25% {
        transform: skew(-2deg);
    }

    100% {
        transform: skew(0deg);
    }
}

footer .link-list li {
    box-shadow: 0 0 1px transparent;
    display: block;
    transform: perspective(1px) translateZ(0px);
    transform-origin: 100% 0 0;
    vertical-align: middle;
}

    footer .link-list li:hover, footer .link-list li:focus, .footer .link-list li:active {
        animation-duration: 1s;
        animation-iteration-count: 1;
        animation-name: hvr-wobble-bottom;
        animation-timing-function: ease-in-out;
    }

footer h4 {
    color: #ffffff;
    float: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 42px;
    margin: 0 0 0px 0;
    width: 100%;
}


.f-left {
    float: left;
}

.add-ftr {
    padding: 25px 0;
    border-bottom: #e1e1e1 1px solid;
}

    .add-ftr .box {
        width: 100%;
        background: url(../img/line.html) repeat-y right top;
        padding: 10px 0;
        display: inline-block;
    }

    .add-ftr .bg-none {
        background: none;
    }

    .add-ftr .ico {
        float: left;
        width: 82px;
        height: 82px;
        border-radius: 180px;
        background: #ffbf0e;
        margin: 0 10px 0 0;
        text-align: center;
        display: table;
    }

        .add-ftr .ico span {
            display: table-cell;
            vertical-align: middle;
        }

    .add-ftr .text {
        float: left;
        width: 73%;
        padding: 13px 0 0 0;
    }

    .add-ftr h3 {
        font-size: 23px;
        color: #1e1f23;
        padding: 0;
        margin: 0;
        font-weight: 400;
        position: relative;
    }

    .add-ftr small {
        font-size: 14px;
        color: #393a40;
        font-weight: 400;
        margin: 0;
    }

        .add-ftr small span {
            display: block;
        }



footer .widget ul {
    float: left;
}



.news-ltr img {
    margin-top: 10px;
}

.new-ltr p {
    color: #b2b2b2;
    font-size: 13px;
    margin-bottom: 13px;
}

.input-group {
    width: 90%;
    display: inline-block;
}

footer .form-control {
    border: #e9e9e9 2px solid;
    background: #fff url(../img/msg.html) no-repeat right 20px center;
    border-radius: 180px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #7b7b7b;
    font-size: 13px;
}

.new-ltr .btn {
    border-radius: 150px;
    background: #ffbf0e;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 35px;
    margin: 8px 0 0 0;
}

    .new-ltr .btn:hover {
        background: #000;
        color: #fff;
    }

.other-links {
    float: left;
    text-align: left;
    width: 100%;
}

    .other-links li {
        display: block;
        line-height: 22px;
    }

        .other-links li a {
            color: #b2b2b2;
        }

            .other-links li a:hover {
                color: #ffbf0e;
            }

.subfooter {
    color: #b2b2b2;
    text-align: center;
    padding: 25px 0;
    width: 100%;
    border-top: #7d8c9a 1px solid;
}

    .subfooter .ft-right a {
        font-size: 13px;
        padding: 0 10px;
    }

    .subfooter p {
        color: #000000;
        font-size: 15px;
        font-weight: 300;
        text-align: center;
        position: relative;
    }

    .subfooter a {
        color: #9facb4;
        font-weight: 300;
    }

        .subfooter a:hover {
            color: #ffbf0e;
        }

    .subfooter .ft-left {
        text-align: left;
    }

    .subfooter .ft-right {
        text-align: right;
        text-transform: uppercase;
        font-size: 14px;
        margin: 5px 0 0 0;
    }

.effect5 {
    position: relative;
}

    .effect5::before, .effect5::after {
        background: #777 none repeat scroll 0 0;
        bottom: 35px;
        box-shadow: 0 35px 20px #777;
        content: "";
        left: 25px;
        max-width: 300px;
        position: absolute;
        top: 80%;
        transform: rotate(-8deg);
        width: 50%;
        z-index: -1;
    }

    .effect5::after {
        left: auto;
        right: 25px;
        transform: rotate(8deg);
    }

.footer-social {
    text-align: center;
    /* padding: 8px; */
    clear: both;
    /* width: 200px; */
    /* position: absolute; */
    top: -55px;
    left: 50%;
    /* transform: translate(-50%); */
    /* background: #3c5569; */
}

    .footer-social i {
        color: #000000;
        font-size: 16px;
        padding: 10px 13px;
        text-align: center;
        margin-right: 3px;
        /* border: 0; */
        border-radius: 10px;
        /* background: white; */
        color: white;
    }

    .footer-social a {
        width: 40px;
        height: 40px;
        float: left;
        margin: 0 6px 0 0;
        text-align: center;
        border-radius: 180px;
        padding: 3px 0 0 0;
        /* border: #7f8f9c 1px solid; */
    }

        .footer-social a:hover {
            /* border: #a4c73a 1px solid; */
        }

            .footer-social a:hover i {
                color: #fff;
            }






/* Page Info */
.pageInfoBg {
    padding: 150px 0 80px 0;
    background: url(../img/banner1.jpg) no-repeat center top;
    background-size: cover;
    position: relative;
    margin: 0;
}

    .pageInfoBg .cover {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color:;
    }

.pageTitle h1 {
    font-size: 40px;
    line-height: normal;
    color: #fff;
    font-weight: 600;
}

    .pageTitle h1 span {
        font-size: 35px;
        line-height: normal;
        color: #fff;
        font-weight: 700;
    }

.pageTitle .generalBorder {
    display: block;
    margin: 0px auto 0px auto;
    height: 2px;
    opacity: 1;
    width: 80px;
    padding: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.pageTitle:hover .generalBorder {
    width: 90px;
}




.breadcrumb {
    background: none;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}

    .breadcrumb li a {
        color: #e68200;
    }

    .breadcrumb li.active {
        color: #fff;
    }

.bdr-b1 {
    border-bottom: #3a3a3a 1px solid;
    padding-bottom: 15px;
}

.tr-right {
    text-align: left;
    text-transform: uppercase;
}

    .tr-right li {
        display: inline-block;
    }

        .tr-right li:after {
            content: "|";
            padding: 0 8px;
        }

        .tr-right li:last-child:after {
            display: none;
        }

.view-btn {
    display: inline-block !important;
    margin: 10px 0 19px 0 !important;
    color: #ffffff !important;
}

.product .pro-in .four-item .slick-dots {
    display: none !important;
}

.referNearn {
    margin: 0px 0 0px;
}

.refer-box {
    text-align: center;
    margin-top: 30px;
}

    .refer-box .refer-img {
        width: 150px;
        height: 150px;
        text-align: center;
        margin: 0 auto;
        border: 1px solid #fff;
        border-radius: 100px;
        line-height: 150px;
        position: relative;
    }

        .refer-box .refer-img > span {
            position: absolute;
            color: #fff;
            background: #3fb2ee;
            width: 50px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            left: -10px;
            top: -10px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 20px;
        }

        .refer-box .refer-img > img {
            width: 80px;
        }

    .refer-box strong {
        display: block;
        text-transform: uppercase;
        margin: 25px 0 10px;
        color: #f7dc2d;
        font-size: 20px;
        font-weight: 500;
    }

    .refer-box p {
        color: #fff;
        font-size: 16px;
        line-height: 22px;
    }

.rechargeSection {
    padding-top: 50px;
}

.proCode {
    padding: 15px 0 0;
    font-size: 18px;
}

.blu-btn {
    padding: 12px 20px;
    font-size: 18px;
    line-height: 20px;
    border-radius: 180px;
    background: #0f3661;
    border: 0;
    color: #fff;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 20px;
}

label {
    font-weight: 400;
    text-transform: uppercase;
}

.headline h4 {
    color: #000;
    margin-bottom: 5px;
    font-weight: 600;
}

.member-area {
    background: rgba(63, 178, 238, 0.84);
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 70px;
    margin-bottom: 60px;
}

    .member-area .contents {
        margin: -40px 0;
        padding: 50px;
    }

        .member-area .contents h2 {
            font-size: 25px;
            font-weight: 400;
            margin-bottom: 20px;
        }

        .member-area .contents p {
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 20px;
        }

    .member-area .field {
        margin-bottom: 15px;
    }

.member-info {
    color: #fff;
}

    .member-info h2 {
        color: #fff;
        margin-bottom: 30px;
    }

    .member-info p {
        color: #fff;
    }

    .member-info .btn-info {
        color: #fff;
        background: transparent;
        border: 1px solid #fff;
    }

        .member-info .btn-info:hover {
            color: #000;
            background: #fff;
            border: 1px solid #fff;
        }

.tbl {
    display: table;
    width: 100%;
    height: 100%;
}

    .tbl .tbl-cell {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

.d-flex {
    display: flex;
}

.field input[type="text"], .field input[type="password"] {
    height: auto;
    padding: 12px;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
}

.btn-black {
    background: #494b58;
    color: #fff;
    font-size: 16px;
    padding: 12px 14px;
    border-radius: 3px;
    border: #494b58 1px solid;
    transition: all 0.5s ease;
}

    .btn-black:hover {
        background: #fff;
        color: #494b58;
    }

.btn-blue {
    background: #3fb2ee;
    color: #fff;
    font-size: 14px;
    padding: 12px 16px;
    border-radius: 3px;
    border: #3fb2ee 1px solid;
    transition: all 0.5s ease;
}

    .btn-blue:hover {
        background: #fff;
        color: #3fb2ee;
    }

.productSec.catalogueInn .productWrapper div[class*="col-md-"] {
    display: inline-block;
    vertical-align: top;
    margin-left: -3px;
    float: none;
}




.proName {
    font-size: 15px;
    margin: 0px 0 5px 0;
    color: #141b28;
    font-weight: 300;
    display: block;
    padding: 15px 0 0;
}

.proPrice {
    font-size: 16px;
    padding: 2px 0;
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
}

.proCode {
    font-size: 15px;
    margin: 0px 0 5px 0;
    color: #141b28;
    font-weight: 300;
    display: block;
}

    .proCode strong {
        font-size: 16px;
        font-weight: 400;
    }

.proBuyNow .btn-info {
    background-color: #3fb2ee;
    border-color: #3fb2ee;
    color: #fff;
    border-radius: 50px;
    font-size: 18px;
    margin: 10px 0 9px 0;
    font-weight: 300;
    display: inline-block;
}

    .proBuyNow .btn-info:hover {
        background-color: #15274a;
        border-color: #15274a;
        color: #fff;
    }

.productWrapper div[class*="col-md-"] {
    display: inline-block;
    float: none;
    vertical-align: top;
    margin-right: -4px;
}

.cat-desc {
    margin-bottom: 30px;
    color: #85b82d;
    position: relative;
    padding-bottom: 15px;
}

    .cat-desc::after {
        position: absolute;
        content: "";
        left: 50%;
        bottom: 0;
        background: #85b82d;
        width: 100px;
        height: 2px;
        transform: translate(-50%, 0);
    }

    .cat-desc p {
        font-size: 22px;
    }

.sub-sidebar {
    text-align: left;
}

    .sub-sidebar .ss-box {
        border: 1px solid #e6e6e6;
        margin-bottom: 20px;
        padding: 10px;
    }

        .sub-sidebar .ss-box h3 {
            background: #494b58;
            color: #fff;
            font-size: 18px;
            padding: 12px 15px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

    .sub-sidebar ul {
    }

        .sub-sidebar ul li {
        }

        .sub-sidebar ul li {
            margin: 10px 0;
        }

            .sub-sidebar ul li a {
                font-size: 14px;
                font-weight: 300;
                color: #666;
                display: block;
                position: relative;
                left: 20px;
            }

                .sub-sidebar ul li a:hover {
                    color: #000;
                }

                .sub-sidebar ul li a:before {
                    content: "\f101";
                    font-family: FontAwesome;
                    position: absolute;
                    left: -17px;
                    top: 0px;
                }

.blu-btn {
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    background: #15274a;
    padding: 13px 35px;
    border-radius: 180px;
    display: inline-block;
    transition: all 0.5s ease;
}

    .blu-btn:hover {
        background: #3c5569 !important;
        color: #fff;
    }

.blu-btn-small {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    background: #15274a;
    padding: 10px 25px;
    border-radius: 180px;
    display: inline-block;
    transition: all 0.5s ease;
    border: 1px solid #15274a;
}

    .blu-btn-small:hover {
        background: #3c5569 !important;
        color: #fff;
        border: 1px solid #3c5569;
    }

.sky-btn-small {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    background: #3c5569;
    padding: 10px 25px;
    border-radius: 180px;
    display: inline-block;
    transition: all 0.5s ease;
    border: 1px solid #3c5569;
}

    .sky-btn-small:hover {
        background: #15274a !important;
        border: 1px solid #15274a;
        color: #fff;
    }

.d-block {
    display: block;
}

.cart-section {
    position: relative;
    width: 100%;
    padding: 120px 0 80px 0;
    background: url(../img/wel-bg.html) no-repeat left center, url(../img/aftr.html) no-repeat right top 110px;
    margin: 0;
    background-color: #eef7ff;
}

.shopCartQty .qtyText {
    float: left;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    background: #fff;
    padding: 10px 25px;
    border-radius: 180px;
    display: inline-block;
    transition: all 0.5s ease;
    border: 1px solid #c9d5e0;
    margin-right: 20px;
}

.shopCartQty {
    margin-top: 10px;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.responsive-div {
    width: 1140px;
}




.pro-page {
    margin: 0;
    padding: 90px 0;
    position: relative;
}

    .pro-page .pro .thumb-content a {
        font-size: 18px;
        margin: 10px 0 9px 0;
        color: #4a4a4a;
        font-weight: 400;
        display: block;
    }


        .pro-page .pro .thumb-content a span {
            font-size: 13px;
            display: block;
            color: #6c6d6c;
        }



.product-dt {
    padding: 80px 0;
}

.proDtlBig h1 {
    background: url(../img/hd1.html) no-repeat left bottom;
    color: #000;
    font-size: 27px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 5px 0px 15px 0px;
    text-transform: uppercase;
    font-weight: 600;
}

.warrenty {
    border-radius: 2px;
    color: #000;
    display: inline-block;
    padding: 0 5px;
    margin-top: 20px;
}


.pro-dec {
    float: left;
    width: 100%;
}

    .pro-dec .panel-group {
        width: 100%;
    }

.proDtlBig ul li {
    margin-bottom: 5px;
}

.proDtlBig .price {
    color: #d9b40d;
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px;
}

.proDtlBig .save {
    color: #d9b40d;
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px;
}

.proDtlBig .priceDp {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
}

.proDtlBig ul li.ProPV span {
    color: #d9b40d;
    font-size: 16px;
    font-weight: 700;
}

.proDtlBig .btn-buynow {
    float: left;
    margin-left: 15px;
}

.btn-buynow a.addtoCart {
    background: #f4cd1a none repeat scroll 0 0;
    border: 0;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 10px 25px 6px 15px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
}

    .btn-buynow a.addtoCart:hover {
        background: #000 none repeat scroll 0 0;
        border: 0;
    }









    .btn-buynow a.addtoCart .fa {
        font-size: 26px;
        vertical-align: middle;
    }

.proDtlBig h3 {
    color: d9b40d;
    font-size: 16px;
    margin: 0 0 7px;
    text-transform: uppercase;
    width: 100%;
    float: left;
}

.proDtlBig hr {
    width: 100%;
    float: left;
}


.proDtlBig p {
    line-height: 20px;
    float: left;
    font-size: 13px;
    color: #807e7e;
}

.qtyTextBox {
    float: left;
    width: 100px;
}

    .qtyTextBox input[type="text"] {
        border: 1px solid #e1e1e1;
        height: 42px;
        margin-left: 5px;
        min-width: auto;
        padding: 7px 10px;
        width: 60px;
        border-radius: 4px;
    }

.qtyText {
    margin-bottom: 5px;
}

.itemDesName {
    color: #000;
    font-size: 15px;
    margin-bottom: 7px;
}

.shopCartQty .qtyText {
    float: left;
}

a.changeQty {
    background: #ffbf0e none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
    padding: 0 10px;
}

    a.changeQty .fa {
        border: 0 none;
        font-size: 20px;
        margin-top: 5px;
    }

    a.changeQty:hover {
        background: #273246 none repeat scroll 0 0;
        color: #fff;
    }

a.removeItem {
    background: #daf7f3 none repeat scroll 0 0;
    border-radius: 3px;
    color: #273246;
    display: inline-block;
    height: 35px;
    line-height: 34px;
    margin-left: 10px;
    padding: 0 10px;
    text-align: center;
    width: 36px;
}

    a.removeItem:hover {
        background: #273246 !important;
        color: #fff;
    }

.shopCartPrice {
    line-height: 25px;
}

    .shopCartPrice ul li span {
        color: #de8d02;
    }

.add-cart {
    padding: 70px 0;
    width: 100%;
    position: relative;
}

    .add-cart:after {
        float: left;
        width: 310px;
        position: absolute;
        top: 10px;
        right: 0;
        z-index: 0;
        background: url(../img/story-right.html) no-repeat left top;
        height: 529px;
        content: '';
        z-index: 0;
    }

.cartSec {
    position: relative;
    z-index: 2;
}

.cartrow {
    position: relative;
    z-index: 2;
}

.cartSec th {
    text-transform: uppercase;
    background: url(../images/tabl-bg.html) repeat-x left bottom;
    color: #fff;
    padding-left: 10px;
    font-weight: 400;
}

#CPH1_gvShopCart tr th {
    padding: 12px;
    border: #d8dbe2 2px dashed !important;
    color: #000;
}

.shopCartPrice ul li {
    font-size: 14px;
    line-height: 22px;
}

    .shopCartPrice ul li span {
        font-weight: bold;
        color: #000;
    }

.cartSec table {
    background: #fff none repeat scroll 0 0;
}

tr.PagerStyle td {
    background: #fff none repeat scroll 0 0 !important;
    border: 0 none !important;
}

tr.PagerStyle tbody tr td {
    padding-left: 2px !important;
}

    tr.PagerStyle tbody tr td span, tr.PagerStyle tbody tr td a {
        border: 1px solid #e1e1e1;
        display: block;
        padding: 6px 12px;
    }

        tr.PagerStyle tbody tr td span:hover, tr.PagerStyle tbody tr td a:hover {
            background: #3c8d3f none repeat scroll 0 0;
            color: #fff;
            text-decoration: none;
        }

    tr.PagerStyle tbody tr td span {
        background: #8dc041 none repeat scroll 0 0;
        border-color: #8dc041 !important;
        color: #fff;
    }

.ttlPayble .table {
    border: 0 none;
}

td.netAmountCart {
    border: #ccc 1px solid !important;
    color: #3a3a3a;
    font-size: 16px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    background: #fff;
}

    td.netAmountCart b {
        color: #000;
        font-weight: normal;
        margin-right: 10px;
    }

    td.netAmountCart input[type="submit"], input[type="button"] {
        margin-top: 0;
    }

.BtnsSec {
    margin-top: 15px;
    float: right;
    width: 369px;
    text-align: right;
}

    .BtnsSec .add-pro {
        width: 130px;
        display: inline-block;
    }

    .BtnsSec .text-or {
        width: 50px;
        text-align: center;
        padding-top: 4px;
        display: inline-block;
    }

    .BtnsSec .cart-login {
        width: 83px;
        display: inline-block;
    }

.cartTbl {
    background: #fff none repeat scroll 0 0;
}

.BtnsSec input[type="submit"] + span {
    float: inherit;
    font-size: inherit;
    font-style: inherit;
    margin: inherit;
}

.BtnsSec input {
    background: #ffbf0e;
    padding: 4px 20px;
    border-radius: 100px;
    color: #fff;
    border: 0;
    font-size: 14px;
}

    .BtnsSec input:hover {
        background: #273246;
        color: #fff;
    }

.BtnsSec a {
    background: #273246;
    padding: 4px 20px;
    border-radius: 100px;
    color: #fff;
    border: 0;
    font-size: 14px;
}

    .BtnsSec a:hover {
        background: #ffbf0e;
        color: #ffff;
    }

.OurCommerce {
    padding: 50px 0;
}


.main-img01 {
    width: 100%;
    height: auto;
    float: left;
    border: #ddd 1px solid;
    margin-bottom: 12px;
    text-align: center;
}

    .main-img01 img {
        width: 390px;
        height: 420px;
    }

.qty {
    font-size: 20px;
}

.proDtlBig p {
    font-size: 15px;
    color: #333;
    margin-bottom: 10px;
}


.alertHide {
    display: none !important;
}

.orderSummary {
    background: #fff;
}

    .orderSummary h4 {
        font-size: 19px;
        color: #d9b40d;
        padding: 0;
        margin: 0 0 15px 0;
        text-transform: uppercase;
    }

.payment-inos {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    border: #ddd 1px solid;
}

.payment-summary {
    background: #fff;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

    .payment-summary h4 {
        font-size: 19px;
        color: #d9b40d;
        padding: 0;
        margin: 0 0 15px 0;
        text-transform: uppercase;
    }


.orderSummarydetails h2 {
    margin: 0px 0 10px 10px;
}

.totalChecktDtls {
    padding: 10px;
    border: #ddd 1px solid;
    float: left;
    width: 100%;
}

    .totalChecktDtls strong {
        color: #d9b40d;
        float: right;
    }

.scrollSummry {
    max-height: 350px;
    overflow-y: auto;
}

    .scrollSummry::-webkit-scrollbar {
        width: 5px;
        background-color: #f2f2f2;
    }

    .scrollSummry::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(256,256,256,.1);
        background-color: #aaa;
    }

.orderSummarydetails .orderItem {
    border: #ddd 1px dashed;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding: 10px;
}

    .orderSummarydetails .orderItem:nth-child(even) {
        background: #fafafa;
    }

.totalAmount {
    font-size: 16px;
    width: 80%;
}

.total-amt {
    width: 400px;
    float: right;
    margin: 0 15px 0 0;
}

.NetPayableAmount {
    padding: 10px 10px;
    background: #eca939;
    font-size: 18px;
    float: left;
    width: 100%;
    line-height: 20px;
    color: #fff;
    margin-top: 10px;
}

    .NetPayableAmount strong {
        color: #fff;
        font-size: 20px;
        line-height: 28px;
    }

    .NetPayableAmount br {
        display: none;
    }

.bgBlockSearch {
    background: #DEF9FF;
    padding: 15px;
    margin-bottom: 15px;
}

    .bgBlockSearch table.myGroup tr td {
        padding: 5px;
    }

.itemPro {
    width: 120px;
    float: left;
    border: 1px dashed #ddd;
    padding: 8px;
    text-align: center;
}

    .itemPro img {
        max-width: 90%;
        height: 120px;
    }

.proDesSumry span {
    text-transform: uppercase;
    color: #d9b40d;
    font-size: 17px;
}

.proDesSumry h6 {
    background-color: #00b6d9;
    font-size: 16px;
    font-weight: normal;
    margin-top: 0px;
    padding: 3px 6px;
    color: #fff;
}

.proDesSumry ul li {
    padding-left: 5px;
}

    .proDesSumry ul li:nth-child(odd) {
        background: #fafafa;
    }

.orderItem:nth-child(even) .proDesSumry ul li:nth-child(odd) {
    background: #fff;
}

.pd10px {
    padding: 10px;
}

.checkoutTblBlock {
    border: 10px solid #eca939;
    color: #000;
}

    .checkoutTblBlock tr td {
        background: #fff;
    }

    .checkoutTblBlock tr th {
        background: #fafafa;
    }


.blockShippingAdd {
    background: #fff;
    padding: 20px 15px 10px 15px;
}

.blockForm {
    background: #fff;
    padding: 15px 20px;
    color: #000;
    margin: 20px 0;
}

    .blockForm h2 {
        margin-bottom: 15px;
        overflow: hidden;
        text-transform: uppercase;
        color: #fff;
        font-size: 15px;
        font-weight: normal;
        background: #f4cd1a;
        padding: 8px 10px;
    }

        .blockForm h2 span {
            display: block;
            float: left;
            padding: 7px 15px;
            background: #fff;
        }


    .blockForm .boxForm {
        padding-left: 1%;
        margin-bottom: 10px;
        overflow: hidden;
        width: 48%;
        float: left;
        margin-right: 1.5%;
    }

    .blockForm label {
        display: block;
        font-weight: normal;
    }

        .blockForm label.col-sm-4 {
            text-align: right;
        }

    .blockForm input[type="text"], .blockForm select, .blockForm textarea {
        border-color: #ddd;
        margin-bottom: 10px;
    }

.Order-btn {
    background: #f4cd1a none repeat scroll 0 0 !important;
    border: 1px solid #182d6b !important;
    border-radius: 4px !important;
    color: #fff !important;
    display: inline-block !important;
    font-size: 16px !important;
    padding: 8px 25px 8px 15px !important;
    text-decoration: none !important;
    transition: all 0.3s ease 0s !important;
    text-transform: uppercase !important;
}

    .Order-btn:hover {
        background: #000000 none repeat scroll 0 0 !important;
        border: 1px solid #000 !important;
    }

.cartSec table {
    background: #fff;
}

.chack-main {
    width: 100%;
    float: left;
    margin-bottom: 70px;
}

.menu-account-menu-container marquee h3 {
    font-size: 19px;
}




.pro-page {
    margin: 0;
    padding: 90px 0;
    position: relative;
}

    .pro-page .pro .thumb-content a {
        font-size: 18px;
        margin: 10px 0 9px 0;
        color: #4a4a4a;
        font-weight: 400;
        display: block;
    }


        .pro-page .pro .thumb-content a span {
            font-size: 13px;
            display: block;
            color: #6c6d6c;
        }



.product-dt {
    padding: 80px 0;
    background: #eef7ff;
}


.warrenty {
    border-radius: 2px;
    color: #000;
    display: inline-block;
    padding: 0 5px;
    margin-top: 20px;
}


.pro-dec {
    float: left;
    width: 100%;
}

    .pro-dec .panel-group {
        width: 100%;
    }

.proDtlBig ul li {
    margin-bottom: 5px;
}

.proDtlBig .price {
    color: #d9b40d;
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px;
}

.proDtlBig .save {
    color: #d9b40d;
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px;
}

.proDtlBig .priceDp {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
}

.proDtlBig ul li.ProPV span {
    color: #d9b40d;
    font-size: 16px;
    font-weight: 700;
}

.proDtlBig .btn-buynow {
    float: left;
    margin-left: 15px;
}










.btn-buynow a.addtoCart .fa {
    font-size: 26px;
    vertical-align: middle;
}

.proDtlBig h3 {
    color: d9b40d;
    font-size: 16px;
    margin: 0 0 7px;
    text-transform: uppercase;
    width: 100%;
    float: left;
}

.proDtlBig hr {
    width: 100%;
    float: left;
}


.proDtlBig p {
    line-height: 20px;
    float: left;
    font-size: 13px;
    color: #807e7e;
}

.qtyTextBox {
    float: left;
    width: 100px;
}

    .qtyTextBox input[type="text"] {
        border: 1px solid #e1e1e1;
        height: 42px;
        margin-left: 5px;
        min-width: auto;
        padding: 7px 10px;
        width: 60px;
        border-radius: 4px;
    }

.qtyText {
    margin-bottom: 5px;
}

.itemDesName {
    color: #000;
    font-size: 15px;
    margin-bottom: 7px;
}

.shopCartQty .qtyText {
    float: left;
}

a.changeQty {
    background: #ffbf0e none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
    padding: 0 10px;
}

    a.changeQty .fa {
        border: 0 none;
        font-size: 20px;
        margin-top: 5px;
    }

    a.changeQty:hover {
        background: #273246 none repeat scroll 0 0;
        color: #fff;
    }

a.removeItem {
    background: #daf7f3 none repeat scroll 0 0;
    border-radius: 3px;
    color: #273246;
    display: inline-block;
    height: 35px;
    line-height: 34px;
    margin-left: 10px;
    padding: 0 10px;
    text-align: center;
    width: 36px;
}

    a.removeItem:hover {
        background: #273246 !important;
        color: #fff;
    }

.shopCartPrice {
    line-height: 25px;
}

    .shopCartPrice ul li span {
        color: #de8d02;
    }

.add-cart {
    padding: 70px 0;
    width: 100%;
    position: relative;
}

    .add-cart:after {
        float: left;
        width: 310px;
        position: absolute;
        top: 10px;
        right: 0;
        z-index: 0;
        background: url(../img/story-right.html) no-repeat left top;
        height: 529px;
        content: '';
        z-index: 0;
    }

.cartSec {
    position: relative;
    z-index: 2;
}

.cartrow {
    position: relative;
    z-index: 2;
}

.cartSec th {
    text-transform: uppercase;
    background: url(../images/tabl-bg.html) repeat-x left bottom;
    color: #fff;
    padding-left: 10px;
    font-weight: 400;
}

#CPH1_gvShopCart tr th {
    padding: 12px;
    border: #d8dbe2 2px dashed !important;
    color: #000;
}


.shopCartPrice ul li span {
    font-weight: bold;
    color: #000;
}

.cartSec table {
    background: #fff none repeat scroll 0 0;
}

tr.PagerStyle td {
    background: #fff none repeat scroll 0 0 !important;
    border: 0 none !important;
}

tr.PagerStyle tbody tr td {
    padding-left: 2px !important;
}

    tr.PagerStyle tbody tr td span, tr.PagerStyle tbody tr td a {
        border: 1px solid #e1e1e1;
        display: block;
        padding: 6px 12px;
    }

        tr.PagerStyle tbody tr td span:hover, tr.PagerStyle tbody tr td a:hover {
            background: #3c8d3f none repeat scroll 0 0;
            color: #fff;
            text-decoration: none;
        }

    tr.PagerStyle tbody tr td span {
        background: #8dc041 none repeat scroll 0 0;
        border-color: #8dc041 !important;
        color: #fff;
    }

.ttlPayble .table {
    border: 0 none;
}

td.netAmountCart {
    border: 3px dashed #d8dbe2 !important;
    color: #3a3a3a;
    font-size: 16px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    background: #fff;
}

    td.netAmountCart b {
        color: #000;
        font-weight: normal;
        margin-right: 10px;
    }

    td.netAmountCart input[type="submit"], input[type="button"] {
        margin-top: 0;
    }

.BtnsSec {
    margin-top: 15px;
    float: right;
    width: 369px;
    text-align: right;
}

    .BtnsSec .add-pro {
        width: 130px;
        display: inline-block;
    }

    .BtnsSec .text-or {
        width: 50px;
        text-align: center;
        padding-top: 4px;
        display: inline-block;
    }

    .BtnsSec .cart-login {
        width: 83px;
        display: inline-block;
    }

.cartTbl {
    background: #fff none repeat scroll 0 0;
}

.BtnsSec input[type="submit"] + span {
    float: inherit;
    font-size: inherit;
    font-style: inherit;
    margin: inherit;
}

.BtnsSec input {
    background: #ffbf0e;
    padding: 4px 20px;
    border-radius: 100px;
    color: #fff;
    border: 0;
    font-size: 14px;
}

    .BtnsSec input:hover {
        background: #273246;
        color: #fff;
    }

.BtnsSec a {
    background: #273246;
    padding: 4px 20px;
    border-radius: 100px;
    color: #fff;
    border: 0;
    font-size: 14px;
}

    .BtnsSec a:hover {
        background: #ffbf0e;
        color: #ffff;
    }

.OurCommerce {
    padding: 50px 0;
}


.main-img01 {
    width: 100%;
    height: auto;
    float: left;
    border: #ddd 1px solid;
    margin-bottom: 12px;
    text-align: center;
}

    .main-img01 img {
        width: 390px;
        height: 420px;
    }

.qty {
    font-size: 20px;
}

.proDtlBig p {
    font-size: 15px;
    color: #333;
    margin-bottom: 10px;
}


.alertHide {
    display: none !important;
}



.product-dt {
    padding: 80px 0;
    background: #eef7ff;
}

    .product-dt:before {
        width: 100%;
        height: 142px;
        background: url(../img/info-shad.html) no-repeat center top;
        position: absolute;
        content: '';
        top: -85px;
        left: 0;
        background-size: 100% 85px;
        z-index: 6;
    }

.proDtlBig {
    margin-bottom: 30px;
    padding: 0 0 0 35px;
}

.warrenty {
    color: #8f8f8f;
    padding: 0;
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

    .warrenty span {
        color: #333;
        font-weight: 600;
    }

.proDtlBig ul {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 30px;
    padding: 10px 15px;
    border-radius: 5px;
    margin-top: 20px;
}

.pro-dec {
    float: left;
    width: 100%;
    margin-top: 30px;
}

    .pro-dec .panel-group {
        width: 100%;
    }

        .pro-dec .panel-group .panel-default {
            border-color: #3fb2ee;
        }

            .pro-dec .panel-group .panel-default .panel-heading {
                color: #fff;
                background-color: #3fb2ee;
                border-color: #3fb2ee;
            }

.proDtlBig ul li {
    margin-bottom: 0px;
}

.ProPV {
    padding: 5px;
}

.bb-e6 {
    border-bottom: 1px solid #e6e6e6;
}

.proDtlBig .price {
    color: #8f8f8f;
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
}

    .proDtlBig .price span {
        color: #79aa25;
        margin-left: 10px;
    }

        .proDtlBig .price span::before {
            content: "|";
            margin-right: 10px;
            color: #ccc;
        }

.proDtlBig .save {
    color: #79aa25;
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px;
}

.proDtlBig .priceDp {
    color: #333;
    font-size: 30px;
    font-weight: 600;
    /*margin-top: 10px;*/
}

    .proDtlBig .priceDp span {
        font-size: 14px;
        color: #ff5722;
        font-weight: 400;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        margin-left: 10px;
    }

.proDtlBig ul li.ProPV span {
    color: #3fb2ee;
    font-size: 16px;
    font-weight: 700;
}

.proDtlBig .btn-buynow {
    float: left;
    margin-left: 15px;
}

.btn-buynow a.addtoCart {
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    background: #3fb2ee;
    padding: 13px 35px;
    border-radius: 180px;
    display: block;
}

    .btn-buynow a.addtoCart:hover {
        background: #000 !important;
        color: #fff;
    }

    .btn-buynow a.addtoCart .fa {
        font-size: 26px;
        vertical-align: middle;
    }

.proDtlBig h3 {
    color: 79aa25;
    font-size: 16px;
    margin: 0 0 7px;
    text-transform: uppercase;
    width: 100%;
    float: left;
}

.proDtlBig hr {
    margin: 0;
    border-top: 1px solid #ccc;
}


.proDtlBig p {
    line-height: 20px;
    float: left;
    font-size: 13px;
    color: #807e7e;
}

.qtyTextBox {
    float: left;
    width: 100px;
}

    .qtyTextBox input[type="text"] {
        border: 1px solid #e1e1e1;
        margin-left: 5px;
        min-width: auto;
        padding: 14px 10px;
        border-radius: 4px;
        width: 60px;
    }

.qtyText {
    margin-bottom: 5px;
}

.itemDesName {
    color: #000;
    font-size: 15px;
    margin-bottom: 7px;
}

.shopCartQty .qtyText {
    float: left;
}

a.changeQty {
    background: #85b82d none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
    padding: 3px 10px 0 10px;
}

    a.changeQty .fa {
        border: 0 none;
        font-size: 20px;
        margin-top: 5px;
    }

    a.changeQty:hover {
        background: #16b7cb none repeat scroll 0 0;
        color: #fff;
    }

a.removeItem {
    background: #16b7cb none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 35px;
    line-height: 34px;
    margin-left: 10px;
    padding: 0 10px;
    text-align: center;
    width: 36px;
}

    a.removeItem:hover {
        background: #85b82d;
    }

.shopCartPrice {
    line-height: 25px;
}

    .shopCartPrice ul li span {
        color: #de8d02;
    }

.add-cart {
    padding: 70px 0;
    width: 100%;
    position: relative;
    background: #eef7ff;
}

    .add-cart:before {
        width: 100%;
        height: 142px;
        background: url(../img/info-shad.html) no-repeat center top;
        position: absolute;
        content: '';
        top: -85px;
        left: 0;
        background-size: 100% 85px;
        z-index: 6;
    }

    .add-cart:after {
        float: left;
        width: 310px;
        position: absolute;
        top: 10px;
        right: 0;
        z-index: 0;
        background: url(../img/story-right.html) no-repeat left top;
        height: 529px;
        content: '';
        z-index: 0;
    }

.cartSec {
    position: relative;
    z-index: 2;
}

.cartrow {
    position: relative;
    z-index: 2;
}

.cartSec th {
    text-transform: uppercase;
    background: url(../images/tabl-bg.html) repeat-x left bottom;
    color: #fff;
    padding-left: 10px;
    font-weight: 400;
}

#CPH1_gvShopCart tr th {
    padding: 12px;
    border: #ccc 1px solid !important;
    color: #fff;
    background: #15274a;
}


.shopCartPrice ul li span {
    font-weight: bold;
    color: #000;
}

.cartSec table {
    background: #fff none repeat scroll 0 0;
}

tr.PagerStyle td {
    background: #fff none repeat scroll 0 0 !important;
    border: 0 none !important;
}

tr.PagerStyle tbody tr td {
    padding-left: 2px !important;
}

    tr.PagerStyle tbody tr td span, tr.PagerStyle tbody tr td a {
        border: 1px solid #e1e1e1;
        display: block;
        padding: 6px 12px;
    }

        tr.PagerStyle tbody tr td span:hover, tr.PagerStyle tbody tr td a:hover {
            background: #3c8d3f none repeat scroll 0 0;
            color: #fff;
            text-decoration: none;
        }

    tr.PagerStyle tbody tr td span {
        background: #8dc041 none repeat scroll 0 0;
        border-color: #8dc041 !important;
        color: #fff;
    }

.ttlPayble .table {
    border: 0 none;
}

td.netAmountCart {
    border: #ccc 1px solid !important;
    color: #3a3a3a;
    font-size: 16px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    background: #fff;
}

    td.netAmountCart b {
        color: #000;
        font-weight: normal;
        margin-right: 10px;
    }

    td.netAmountCart input[type="submit"], input[type="button"] {
        margin-top: 0;
    }

.BtnsSec {
    margin-top: 15px;
    float: right;
    width: 369px;
    text-align: right;
}

    .BtnsSec .add-pro {
        width: 130px;
        display: inline-block;
    }

    .BtnsSec .text-or {
        width: 50px;
        text-align: center;
        padding-top: 4px;
        display: inline-block;
    }

    .BtnsSec .cart-login {
        width: 83px;
        display: inline-block;
    }

.cartTbl {
    background: #fff none repeat scroll 0 0;
}

.BtnsSec input[type="submit"] + span {
    float: inherit;
    font-size: inherit;
    font-style: inherit;
    margin: inherit;
}

.BtnsSec input {
    background: #85b82d;
    padding: 4px 20px;
    border-radius: 100px;
    color: #fff;
    border: 0;
    font-size: 14px;
}

    .BtnsSec input:hover {
        background: #16b7cb;
        color: #fff;
    }

.BtnsSec a {
    background: #16b7cb;
    padding: 4px 20px;
    border-radius: 100px;
    color: #fff;
    border: 0;
    font-size: 14px;
}

    .BtnsSec a:hover {
        background: #85b82d;
    }

.OurCommerce {
    padding: 50px 0;
}


.main-img01 {
    width: 100%;
    height: auto;
    float: left;
    border: #ddd 1px solid;
    margin-bottom: 12px;
    text-align: center;
}

    .main-img01 img {
        width: 390px;
        height: 420px;
    }

.qty {
    font-size: 20px;
}

.proDtlBig p {
    font-size: 15px;
    color: #333;
    margin-bottom: 10px;
}


.alertHide {
    display: none !important;
}

.orderSummary {
    background: #fff;
}

    .orderSummary h4 {
        font-size: 19px;
        color: #79aa25;
        padding: 0;
        margin: 0 0 15px 0;
        text-transform: uppercase;
    }

.payment-inos {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    border: #ddd 1px solid;
}

.payment-summary {
    background: #fff;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

    .payment-summary h4 {
        font-size: 19px;
        color: #79aa25;
        padding: 0;
        margin: 0 0 15px 0;
        text-transform: uppercase;
    }


.orderSummarydetails h2 {
    margin: 0px 0 10px 10px;
}

.totalChecktDtls {
    padding: 10px;
    border: #ddd 1px solid;
    float: left;
    width: 100%;
}

    .totalChecktDtls strong {
        color: #79aa25;
        float: right;
    }

.scrollSummry {
    max-height: 350px;
    overflow-y: auto;
}

    .scrollSummry::-webkit-scrollbar {
        width: 5px;
        background-color: #f2f2f2;
    }

    .scrollSummry::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(256,256,256,.1);
        background-color: #aaa;
    }

.orderSummarydetails .orderItem {
    border: #ddd 1px dashed;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding: 10px;
}

    .orderSummarydetails .orderItem:nth-child(even) {
        background: #fafafa;
    }

.totalAmount {
    font-size: 16px;
    width: 80%;
}

.total-amt {
    width: 400px;
    float: right;
    margin: 0 15px 0 0;
}

.NetPayableAmount {
    padding: 10px 10px;
    background: #494b58;
    font-size: 18px;
    float: none;
    width: 100%;
    line-height: 20px;
    color: #fff;
    margin-top: 0px;
}

    .NetPayableAmount strong {
        color: #fff;
        font-size: 20px;
        line-height: 28px;
    }

    .NetPayableAmount br {
        display: none;
    }

.bgBlockSearch {
    background: #DEF9FF;
    padding: 15px;
    margin-bottom: 15px;
}

    .bgBlockSearch table.myGroup tr td {
        padding: 5px;
    }

.itemPro {
    width: 120px;
    float: left;
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

    .itemPro img {
        max-width: 90%;
        height: 120px;
    }

.proDesSumry span {
    text-transform: uppercase;
    color: #79aa25;
    font-size: 17px;
}

.proDesSumry h6 {
    background-color: #00b6d9;
    font-size: 16px;
    font-weight: normal;
    margin-top: 0px;
    padding: 3px 6px;
    color: #fff;
}

.proDesSumry ul li {
    padding-left: 5px;
}

    .proDesSumry ul li:nth-child(odd) {
        background: #fafafa;
    }

.orderItem:nth-child(even) .proDesSumry ul li:nth-child(odd) {
    background: #fff;
}

.pd10px {
    padding: 10px;
}

.checkoutTblBlock {
    border: 10px solid #eca939;
    color: #000;
}

    .checkoutTblBlock tr td {
        background: #fff;
    }

    .checkoutTblBlock tr th {
        background: #fafafa;
    }


.blockShippingAdd {
    background: #fff;
    padding: 20px 15px 10px 15px;
}

.blockForm {
    background: #fff;
    padding: 10px;
    color: #000;
    margin: 0px 0;
}

    .blockForm h2 {
        margin-bottom: 15px;
        overflow: hidden;
        text-transform: uppercase;
        color: #fff;
        font-size: 15px;
        font-weight: normal;
        background: #494b58;
        padding: 8px 10px;
    }

        .blockForm h2 span {
            display: block;
            float: left;
            padding: 7px 15px;
            background: #fff;
        }


    .blockForm .boxForm {
        padding-left: 1%;
        margin-bottom: 10px;
        overflow: hidden;
        width: 48%;
        float: left;
        margin-right: 1.5%;
    }

    .blockForm label {
        display: block;
        font-weight: normal;
    }

        .blockForm label.col-sm-4 {
            text-align: right;
        }

    .blockForm input[type="text"], .blockForm select, .blockForm textarea {
        border-color: #ddd;
        margin-bottom: 10px;
    }

.Order-btn {
    background: #ffc400 none repeat scroll 0 0 !important;
    border: 1px solid #182d6b !important;
    border-radius: 4px !important;
    color: #fff !important;
    display: inline-block !important;
    font-size: 16px !important;
    padding: 8px 25px 8px 15px !important;
    text-decoration: none !important;
    transition: all 0.3s ease 0s !important;
    text-transform: uppercase !important;
}

    .Order-btn:hover {
        background: #000000 none repeat scroll 0 0 !important;
        border: 1px solid #000 !important;
    }

.cartSec table {
    background: #fff;
}

.chack-main {
    width: 100%;
    float: left;
    margin-bottom: 70px;
}

.bb-e6 {
    border-bottom: 1px solid #e6e6e6;
}

.ProPV {
    padding: 5px;
}

td.netAmountCart {
    border: #ccc 1px solid !important;
    color: #3a3a3a;
    font-size: 16px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    background: #fff;
}

    td.netAmountCart b {
        color: #000;
        font-weight: normal;
        margin-right: 10px;
    }

    td.netAmountCart input[type="submit"], input[type="button"] {
        margin-top: 0;
    }

.blu-btn-small {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    background: #15274a;
    padding: 10px 25px;
    border-radius: 180px;
    display: inline-block;
    transition: all 0.5s ease;
    border: 1px solid #15274a;
}

.sky-btn-small {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    background: #3c5569;
    padding: 10px 25px;
    border-radius: 180px;
    display: inline-block;
    transition: all 0.5s ease;
    border: 1px solid #3c5569;
}

.mb-0 {
    margin-bottom: 0;
}

.blockForm input[type="text"], .blockForm input[type="password"], .blockForm select, .blockForm textarea {
    height: auto;
    padding: 12px;
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
}

.blockForm textarea {
    resize: none;
}