/*
  Theme Name: emart - Laravel Multi-Vendor Ecommerce Advanced CMS
  Theme URL: https://mediacity.co.in/emart/
  Author: Media City
  Author URI: https://mediacity.co.in
  Creation Date: 01/07/2020
  Description: A default stylesheet for emart - Laravel Multi-Vendor Ecommerce Advanced CMS.
  Version: 1.0
*/

 @media (max-width: 767px){
    .sharesmallscreen{
        display: block;
    }
 }


.width200px{
    width: 200px;
}

.btmText{
    bottom:-5px;position:relative;left:-15px;text-align: right;
}

.display-inline-flex{
    display: inline-flex;
}

.text-white{
    color:#fff;
}

.canvaslogin{
    position:absolute;margin:0;padding:0;
}

.notiheadergrey{
    width:100%;padding: 15px;border-bottom: 1px solid grey;
}

.notiheaderlightgrey{
    background:#EDF2FA;width:100%;padding: 20px;border-bottom: 1px solid lightgrey;
}

.max-height360{
    max-height:360px;
}

.display-inline{
    display: inline-flex;
}

.font-size-10{
    font-size:10px;
}

.font-size-12{
    font-size:12px;
}

.font-size-14{
    font-size:14px;
}

.margin-left-5{
    margin-left:5px;
}

.font-size-18{
    font-size:18px;
}

.font-size-20{
    font-size:20px;
}

.font-size-25{
    font-size:25px;
}

.dc{
    margin-top:5px;border-top: 1px solid #EEE;
}

.abg{
    background: #0F6CB2;
}

.margin-top-15{
    margin-top: 15px;
}

.margin-top-35{
    margin-top: 35px;
}

.margin-minus-top15{
    margin-top: -15px;
}

.margin-top-22{
    margin-top: 22px;
}

.margin-15{
    margin:15px;
}

.margin-left-0{
    margin-left: 0px;
}

.margin-left-35{
    margin-left:35px;
}

.display-none{
    display: none;
}

.padding15{
    padding: 15px;
}

.padding5P{
    padding: 5px;
}

#pro-title{
    color: #fff;
}

.sq{
    list-style-type:square;
}

.avarbox{
    border-radius: 0.3em; border: solid 1px #D7D7D4; cursor:pointer;font-weight: thin;
}

.avarbox2{
    padding:3px 8px; border-radius: 0.3em; border: solid 1px #aea8a8; cursor:pointer;font-weight: bold;
}

.margin-left15{
        margin-left: 15px;
}

.margin-left-minus-15{
        margin-left: 15px;
}

.margin-left-0{
    margin-left: 0;
}

.margin-left-8{
    margin-left: 8px;
}

.section-random{
    margin-top:-18px;border-radius: 0em;
}

.pad3px8x{
    padding:3px 8px;
}

.margin-top-minus-5{
    margin-top: -15px;
}

.top-text{
    position: relative;
    top: -20px;
}

.dropdown-cart-one .dropdown-toggle::after,
.cnt-account .dropdown-toggle::after {
    display: none;
}
.margin-left8{
    margin-left: 8px;
}

.margin-left25{
    margin-left: 25px;
}

.color147ED2{
    color: #147ED2;
}

.color111{
    color: #111 !important;
}

.color-white{
    color: #FFF !important;
}

.colorred{
    color: #FF0000 !important;
}

.margin-top8{
    margin-top: 8px;
}

.text-orange{
    color: orange;
}

.text-red{
    color: red;
}

.width100{
    width:100%;
}

.z-index99{
    z-index: 99999999;
}

.color000{
    color:#000;
}

.text-justify{
    text-align: justify;
}

.font-size10{
    font-size: 10px;
}

.font-size14{
    font-size: 14px;
}

.font-size16{
    font-size: 16px;
}

.font-weight400{
    font-weight: 400;
}

.font-weight500{
    font-weight: 500;
}

.font-weight600{
    font-weight: 600;
}

.font-size25{
    font-size: 25px;
}

.text-green{
    color: green;
}

.star-ratings-css {
    unicode-bidi: bidi-override;
    color: #c5c5c5;
    font-size: 25px;
    height: 25px;
    width: 100px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    text-shadow: 0 1px 0 #a2a2a2
}

.star-ratings-css-top {
    color: #e7711b;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden
}

.star-ratings-css-bottom {
    padding: 0;
    display: block;
    z-index: 0
}

.star-ratings-sprite {
    font-size:0;height:21px;line-height:0;overflow:hidden;
        text-indent:-999em;width:110px;margin:0 auto;clear:both}
        .star-ratings-sprite-rating {
            background-position:0 100%;
            float:left;height:21px;
            display:block
        }
        .click-view-one,
        .click-view-two{
            margin-left:15px;
        }
        .rowbox small{
            font-size:13px;
        }
        .bg-white{
            border-top-left-radius:.5em;
            border-top-right-radius:.5em;
            background-color:#fff;
            margin-bottom:5px;
            margin-top: 5px;
        }
        .bg-white2{
            border-top-left-radius:1em;
            border-top-right-radius:1em;
            background-color:#fff;
            padding:15px;
            margin-top:10px;
        }
        .user_header{
            background-color:#fdd922;
            border-top-left-radius:.5em;
            border-top-right-radius:.5em;
        }
        .user_m{
            padding:15px;
            margin-bottom:-15px;
            margin-top:10px;
        }
        .user_m::first-letter{
            text-transform:uppercase;
        }
        .user_m2{
            padding:8px 8px;
            margin-bottom:-15px;
        }
        .mnu_user a {
            color:#000;
            padding: 0;
            -webkit-transition:all.5s ease;
            -ms-transition:all.5s ease;
            -o-transition:all.5s ease;
            -moz-transition:all.5s ease;
            transition:all.5s ease;
        }
        .mnu_user {
            margin-top: 15px;
        }
        .mnu_user li {
            padding:12px 20px 12px;
            -webkit-transition:all.5s ease;
            -ms-transition:all.5s ease;
            -o-transition:all.5s ease;
            -moz-transition:all.5s ease;
            transition:all.5s ease;
        }
        .mnu_user li:hover {
            background: #157ed2;
            padding: :12px 10px 12px;
        }
        .mnu_user li:hover a {
            color: #fff;
        }
            .required{
                color:red
                }
                .gap{
                    margin-top:15px
                }
            .user-photo{
                max-height:150px;
                border-radius:50%;
                margin-top:25px;
                transition:1s all;
            }
            .user-photo:hover{
                box-shadow:2px 3px 5px grey;
                transition:1s all
            }
            .search{
                position:relative
            }
            .fa-eye-slash,
            .search.fa-eye{
                position:absolute;
                top:35px;right:7px;
                font-size:15px
            }
            .bg-primary {
                    background-color: #157ed2;
            }
  
    .txt {
        border-radius: 0;
        padding: 10px
    }
    .alert-primary {
        background-color: #fdd922;
        color: #111;
        text-align: center;
        font-weight: 300;
        margin-top: 5px
    }
    .alert-error {
        background-color: #e71818;
        color: #fff;
        text-align: center;
        font-weight: 300;
        margin-top: 5px
    }
    .alert-error2 {
        background-color: #e71818;
        color: #fff;
        text-align: center;
        font-weight: 300;
        margin-top: 5px;
        padding: 18px;
        border-radius: .2em
    }
    .alert-error2>a {
        color: #fff;
        transition: 1s all
    }
    .alert-error2>a:hover {
        color: #eee;
        text-decoration: underline;
        transition: 1s all
    }
    .my-order-one {
        margin-bottom: 18px
    }
    .featured-product.nav-tabs {
        border-bottom: none
    }
    .featured-product.nav-tabs>li {
        display: block;
        padding: 6px 0;
        margin: 0;
        text-align: left
    }
    .featured-product.nav>li>a {
        padding: 0
    }
    .featured-product.tab-content {
        padding-left: 0
    }
    .featured-product.nav-tabs>li.active>a:focus,
    .featured-product.nav-tabs>li.active>a:hover,
    .featured-product.nav-tabs>li>a,
    .featured-product.nav-tabs>li>a:focus
    .featured-product.nav-tabs>li.active>a,
    .featured-product.nav-tabs>li>a:hover {
        font-size: 16px;
        color: #666;
        cursor: pointer;
        background-color: #fff;
        border: none;
        border-bottom-color: transparent
    }
    
    .wizard-card.picture-container {
        position: relative;
        cursor: pointer;
        text-align: center;
        margin-left: -100px
    }
    .wizard-card.picture {
        width: 106px;
        height: 106px;
        background-color: #d8d1c9;
        border: 4px solid transparent;
        color: #fff;
        border-radius: 50%;
        margin: 5px auto;
        overflow: hidden;
        transition: all.2s;
        -webkit-transition: all.2s
    }
    .wizard-card.picture:hover {
        border-color: #fdd922
    }
    .wizard-card.picture-src {
        width: 100%
    }
    .wizard-card[data-color=azure].picture:hover {
        border-color: #fdd922
    }
    .wizard-card.picture input[type=file] {
        cursor: pointer;
        display: block;
        height: 100%;
        left: 0;
        opacity: 0 !important;
        position: absolute;
        top: 0;
        width: 100%
    }
    .wizard-card.wizard-header {
        padding: 5px;
        position: relative;
        border-radius: 3px 3px 0 0;
        z-index: 3;
        margin-top: -15px
    }
    .btn.btn-fill,
    .navbar.navbar-nav>li>a.btn.btn-fill {
        color: #fff;
        opacity: 1;
        margin-top: 15px
    }
    .btn-previous {
        margin-top: 15px
    }
    .check {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 0;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee
    }
    .check:hover input~.checkmark {
        background-color: #ccc
    }
    .check input:checked~.checkmark {
        background-color: #2196f3
    }
    .checkmark:after {
        content: "";
        position: absolute;
        display: none
    }
    .check input:checked~.checkmark:after {
        display: block
    }
    .check.checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .radioL {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 14px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .radioL input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }
    .cus_radio {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
        border-radius: 50%
    }
    .radioL:hover input~.cus_radio {
        background-color: #ccc
    }
    .radioL input:checked~.cus_radio {
        background-color: #2196f3
    }
    .cus_radio:after {
        content: "";
        position: absolute;
        display: none
    }
    .radioL input:checked~.cus_radio:after {
        display: block
    }
    .radioL.cus_radio:after {
        top: 9px;
        left: 9px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fff
    }
    .dropdown-my {
        background-color: transparent;
        border: none;
        color: #eee
    }
    .cart-product-name-info {
        padding: 0;
        vertical-align: top
    }
    .carttable {
        width: 100%;
        padding: 15px
    }
    .carttable th,
    td {
        vertical-align: top;
        padding: 15px
    }
    .rat {
        margin: 15px auto;
        max-width: 728px
    }
    .rat ul {
        list-style: none;
        padding: 0
    }
    .rat li {
        display: inline-block;
        font-size: 30px;
        color: #ccc;
        cursor: pointer
    }
    .rat li.active,
    .rat li.hover {
        color: orange
    }
    .rat ul.hover li.active:not(.hover) {
        color: #ccc
    }
    .info-feed {
        background-color: #fdd922;
        border: 1px solid #fdd922;
        color: #000
    }
    .feed-head {
        background-color: #157ed2;
        border: 1px solid #157ed2;
        color: #fff;
        border-radius: 10px 10px 0 0
    }
    .slick-next:before,
    .slick-prev:before {
        color: #000
    }
    .dropdown-menu.menu {
        width: 400px !important;
        height: 410px;
        overflow-y: scroll
    }
    .aj {
        background-color: #d3d3d3;
        padding: 8px
    }
    .aj:hover {
        background: #d3d3d3;
        padding: 8px
    }
    #currency {
        border-right: 1px solid rgba(255, 255, 255, .3);
        line-height: 12px;
        margin-right: 10px
    }
    .cnt-block select {
        position: relative;
        width: 50px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: 0 0;
        color: rgba(255, 255, 255, .8);
        border: none;
        outline: 0;
        font-size: 14px;
        padding: 5px 0;
        margin: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
        text-transform: capitalize
    }
    .cnt-block select option {
        margin: 40px;
        background: rgba(255, 255, 255, 1);
        color: #333;
        text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
        border-radius: 3px
    }
    .cnt-block select option {
        background: rgba(255, 255, 255, 1);
        color: #333
    }
    .cnt-block select option:checked {
        background-color: #fff !important;
        color: #0f6cb2 !important
    }
    .header-nav-smallscreen.sidebar.side-menu nav.nav>li>a.collapsed::after,
    .sidebar.side-menu nav.nav>li>a.collapsed:after,
    .sidebar.side-menu nav.nav>li>ul.nav>.side-sub-list.dropdown.menu-item>a.collapsed:after,
    .sidebar.side-menu nav.nav>li>ul.nav>.side-sub-list.dropdown.menu-item>a:after {
        transform: rotate(0)
    }
    .header-nav-smallscreen.sidebar.side-menu nav.nav>li>a::after,
    .sidebar.side-menu nav.nav>li>a:after,
    .sidebar.side-menu nav.nav>li>ul.nav>.side-sub-list.dropdown.menu-item>a.collapsed:after,
    .sidebar.side-menu nav.nav>li>ul.nav>.side-sub-list.dropdown.menu-item>a:after {
        transform: rotate(90deg)
    }
    .sidebar.side-menu nav.nav>li label {
        font-weight: 400
    }
    .search-cat-box select {
        position: relative;
        width: 110px;
        height: 56px;
        color: #a0a0a0;
        font-size: 14px;
        border: none;
        outline: 0;
        font-size: 14px;
        padding: 0 15px 0 3px;
        margin: 0;
        -webkit-border-radius: 999px 0 0 999px;
        -moz-border-radius: 999px 0 0 999px;
        cursor: pointer;
        border-right: 1px solid #e0e0e0;
        text-transform: capitalize;
        display: inline-block;
        line-height: 56px;
        background: #f6f6f6;
        border-radius: 10px 0 0 10px
    }
    .search-cat-box select option {
        margin: 40px;
        background: rgba(255, 255, 255, 1);
        color: #333;
        text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
        border-radius: 3px
    }
    .search-cat-box select option {
        background: rgba(255, 255, 255, 1);
        color: #333
    }
    .search-cat-box select option:checked {
        background-color: #fff !important;
        color: #0f6cb2 !important
    }
    .main-header.top-search-holder.search-area.search-button:focus,
    .search-area input:focus {
        outline: -webkit-focus-ring-color auto 0
    }
    .mnu_user li a i {
        padding-right: 15px
    }
    .modal-header.close:focus {
        outline: -webkit-focus-ring-color auto 0
    }
    .filters-container select,
    .lbl-cnt select {
        position: relative;
        width: auto;
        color: #333;
        font-size: 14px;
        border: none;
        outline: 0;
        font-size: 14px;
        margin: 0;
        padding: 0 15px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        cursor: pointer;
        border: 1px solid #e0e0e0;
        text-transform: capitalize;
        display: inline-block;
        background: 0 0;
        border-radius: 0
    }
    .filters-container select option,
    .lbl-cnt select option {
        margin: 40px;
        background: rgba(255, 255, 255, 1);
        color: #333;
        text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
        border-radius: 3px
    }
    .filters-container select option,
    .lbl-cnt select option {
        background: rgba(255, 255, 255, 1);
        color: #333
    }
    .filters-container select option:checked,
    .lbl-cnt select option:checked {
        background-color: #fff !important;
        color: #0f6cb2 !important
    }
    .menu-banner-img {
        position: relative
    }
    .menu-banner {
        position: absolute;
        top: 65px;
        left: 53px
    }
    .menu-banner-top {
        background-color: #fdd922;
        border-radius: 40px;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        padding: 10px;
        width: 180px;
        text-align: center;
        color: #108bea
    }
    .menu-banner-heading {
        font-size: 40px;
        font-weight: 700
    }
    .menu-banner-heading span {
        font-size: 36px;
        font-weight: 400;
        display: block
    }
    .menu-banner a.menu-banner-link,
    .navbar-nav.open.menu-banner a.menu-banner-link {
        font-size: 18px;
        background: 0 0 !important;
        border: none;
        color: #ff7878 !important
    }
    .navbar-nav.open.menu-banner a:after {
        display: none !important
    }
    a:focus {
        outline: 0
    }
    .more-info-tab.nav-tabs>li.active>a,
    .more-info-tab.nav-tabs>li.active>a:focus,
    .more-info-tab.nav-tabs>li.active>a:hover {
        border: none
    }
    .no-display {
        display: none
    }
    .no-rating {
        color: #aaa
    }
    .wrapper {
        position: relative;
        margin: 0 auto;
        overflow: hidden;/*
        padding: 5px;
        height: 25px;*/
        margin-right: 50px
    }
    .list {
        position: absolute;
        right: 0;
        left: 0;
        min-width: 3000px;
        margin-left: 12px;
        margin-top: 0
    }
    .list li {
        display: table-cell;
        position: relative;
        text-align: center;
        cursor: grab;
        cursor: -webkit-grab;
        vertical-align: middle
    }
    .scroller {
        text-align: center;
        cursor: pointer;
        display: none;
        padding: 7px;
        padding-top: 11px;
        white-space: no-wrap;
        vertical-align: middle
    }
    .scroller-right {
        float: right;
        margin-top: 5px;
        margin-right: 50px
    }
    .scroller-left {
        float: left;
        margin-top: 5px
    }
    .pagination>li>a,
    .pagination>li>span {
        color: #666;
        font-size: 14px;
        line-height: 10px;
        padding-right: 7px;
        padding-left: 7px;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent
    }
    .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover,
    .pagination>li>a:hover,
    .pagination>li>span:hover {
        color: #0f6cb2;
        background-color: transparent;
        border-color: transparent
    }
    .pagination>.disabled>a,
    .pagination>.disabled>a:focus,
    .pagination>.disabled>a:hover,
    .pagination>.disabled>span,
    .pagination>.disabled>span:focus,
    .pagination>.disabled>span:hover {
        color: #fff;
        cursor: not-allowed;
        background-color: #ddd;
        opacity: .5;
        border-color: transparent
    }
    .pagination>li:first-child>a,
    .pagination>li:first-child>span,
    .pagination>li:last-child>a,
    .pagination>li:last-child>span {
        color: #fff;
        background-color: #ddd;
        border-color: transparent
    }
    .pagination>li:first-child>a:hover,
    .pagination>li:first-child>span:hover,
    .pagination>li:last-child>a:hover,
    .pagination>li:last-child>span:hover {
        background-color: #0f6cb2
    }
    .category-product.cart.action ul li.add-to-cart:focus,
    .category-product.cart.action ul li.add-to-cart:hover {
        background: 0 0
    }
    .cart-row {
        margin-bottom: 15px
    }
    .slider-range {
        margin-bottom: 30px
    }
    .slider-range.ui-widget-header {
        border: none;
        background: #c3c3c3;
        height: 6px
    }
    .slider-range.ui-widget-content,
    .slider-range.ui-widget.ui-widget-content {
        border: none;
        background: #f1f1f1;
        height: 6px
    }
    .slider-range.ui-state-default,
    .slider-range.ui-widget-content.ui-state-default {
        border: 5px solid #0f6cb2;
        border-radius: 50%
    }
    .ui-slider.ui-slider-handle {
        width: 1.6em;
        height: 1.6em
    }
    .ui-slider-horizontal.ui-slider-handle {
        top: -.6em
    }
    .ui-slider.ui-slider-handle:focus {
        outline: 0
    }
    input.slider-range-text {
        border: none;
        font-size: 15px;
        font-weight: 500;
        color: #fe5252;
        line-height: 1;
        padding: 10px;
        width: 50%;
        display: inline-block;
        float: left;
        margin-top: 15px
    }
    input.slider-range-text:focus {
        outline: 0;
        cursor: default
    }
    .search-form-list {
        margin-bottom: 15px
    }
    input.search-text {
        color: #333;
        position: relative;
        z-index: 5;
        transition: z-index.8s, width.5s, background.3s ease, border.3s;
        height: 35px;
        width: 0;
        margin: 0;
        padding: 5px 0 5px 40px;
        box-sizing: border-box;
        font-size: 14px;
        cursor: pointer;
        border-radius: 30px;
        border: 1px solid transparent;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MDMuODY2LDQ3Ny45NzRMMzYwLjk1OCwzMzUuMDUyYzI4LjcyNS0zNC41NDQsNDYuMDE3LTc4LjkxMiw0Ni4wMTctMTI3LjMzNiAgYzAtMTEwLjA4NC04OS4yMjctMTk5LjMxMi0xOTkuMzEyLTE5OS4zMTJDOTcuNTk5LDguNDAzLDguMzUxLDk3LjYzMSw4LjM1MSwyMDcuNzE1YzAsMTEwLjA2NCw4OS4yNDgsMTk5LjMxMiwxOTkuMzEyLDE5OS4zMTIgIGM0OC40MzUsMCw5Mi43OTItMTcuMjkyLDEyNy4zMzYtNDYuMDE3bDE0Mi45MDgsMTQyLjkyMkw1MDMuODY2LDQ3Ny45NzR6IE0yOS4zMzEsMjA3LjcxNWMwLTk4LjMzNCw3OS45ODctMTc4LjMzMiwxNzguMzMyLTE3OC4zMzIgIGM5OC4zMjUsMCwxNzguMzMyLDc5Ljk5OCwxNzguMzMyLDE3OC4zMzJzLTgwLjAwNywxNzguMzMyLTE3OC4zMzIsMTc4LjMzMkMxMDkuMzE4LDM4Ni4wNDcsMjkuMzMxLDMwNi4wNSwyOS4zMzEsMjA3LjcxNXoiIGZpbGw9IiMzNzQwNEQiLz48L3N2Zz4=)no-repeat left 9px center transparent;
        background-size: 14px;
        float: right;
        clear: both
    }
    input.search-text:focus {
        z-index: 3;
        width: 100%;
        border: 1px solid #d3d3d3;
        background-color: #fff;
        outline: 0;
        cursor: auto;
        padding-right: 10px
    }
    input.search-submit {
        position: relative;
        z-index: 4;
        top: 0;
        left: 5px;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        border-radius: 30px;
        cursor: pointer;
        background: 0 0
    }
    input.search-text::-webkit-search-cancel-button {
        cursor: pointer
    }
    .brand-list-check.form-check-input {
        margin-right: 15px;
        border: 1px solid #000;
        background-color: #fff
    }
    .brand-list-check.form-check-label {
        font-weight: 600;
        font-size: 13px;
        vertical-align: middle;
        padding-left: 30px
    }
    .brand-list-check {
        display: block;
        position: relative;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 12px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .brand-list-check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 10px;
        width: 0
    }
    .checkmark {
        position: absolute;
        height: 15px;
        width: 15px;
        background-color: #fff;
        border: 1px solid #000
    }
    .brand-list-check:hover input~.checkmark {
        background-color: #fff
    }
    .brand-list-check input:checked~.checkmark {
        background-color: #2196f3;
        border: 1px solid #2196f3
    }
    .checkmark:after {
        content: "";
        position: absolute;
        display: none
    }
    .brand-list-check input:checked~.checkmark:after {
        display: block
    }
    .brand-list-check.checkmark:after {
        left: 4px;
        top: 2px;
        width: 5px;
        height: 7px;
        border: 1px solid #fff;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .brand-list-check2 .form-check-input {
        margin-right: 30px;
        border: 1px solid #000;
        background-color: #fff
    }
    .brand-list-check2 .form-check-label2 {
        font-weight: 600;
        font-size: 13px;
        vertical-align: middle;
        padding-left: 30px
    }
    .brand-list-check2 {
        display: block;
        position: relative;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 12px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .brand-list-check2 input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 10px;
        width: 0
    }
    .brand-list-check2:hover input~.checkmark {
        background-color: #fff
    }
    .brand-list-check2 input:checked~.checkmark {
        background-color: #2196f3;
        border: 1px solid #2196f3
    }
    .brand-list-check2 input:checked~.checkmark:after {
        display: block
    }
    .brand-list-check2 .checkmark:after {
        left: 4px;
        top: 2px;
        width: 5px;
        height: 7px;
        border: 1px solid #fff;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .heading-title span {
        font-weight: 400
    }
    .cart-product-name-info.reviews {
        font-size: 11px;
        color: #aaa
    }
    .shopping-cart.cart-product-name-info.cart-product-info span span {
        color: #111
    }
    .cart-product-quantity.quant-input input {
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #f2f2f2;
        box-sizing: border-box;
        font-size: 15px;
        height: 35px;
        left: 0;
        padding: 0 20px 0 18px;
        position: absolute;
        top: 0;
        width: 70px;
        z-index: 1
    }
    .cart-product-quantity {
        margin-top: 25px
    }
    .cart-product-quantity.quant-input {
        display: inline-block;
        height: 35px;
        position: relative;
        width: 70px
    }
    .cart-product-quantity.quant-input.arrows {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }
    .cart-product-quantity.quant-input.arrows.arrow {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        text-align: center;
        width: 40px
    }
    .cart-product-quantity.quant-input.arrows.arrow {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        text-align: center;
        width: 40px
    }
    .cart-price.price-box.price {
        color: #ff7878;
        font-size: 30px;
        font-weight: 600;
        line-height: 50px
    }
    .cart-price.price-box.price-strike {
        color: #aaa;
        font-size: 24px;
        font-weight: 300;
        line-height: 50px;
        text-decoration: line-through;
        vertical-align: top;
        margin-left: 4px
    }
    .cart-price.romove-item a {
        font-size: 14px;
        color: #666
    }
    .cart-price.romove-item a i {
        font-size: 18px
    }
    .cart-price {
        text-align: right
    }
    .cart-price ul li {
        display: inline-block;
        padding: 0 10px;
        border-right: 1px solid #666
    }
    .cart-price ul li:last-child {
        padding-right: 0;
        border-right: 1px solid transparent
    }
    .shopping-cart-block {
        margin-bottom: 25px
    }
    .shopping-cart-block hr {
        border: 1px solid #eee
    }
    .shoppingcart-mainblock {
        margin-bottom: 15px
    }
    .single-product.favorite-button.btn-primary {
        -webkit-transition: all.5s linear 0s;
        -moz-transition: all.5s linear 0s;
        -o-transition: all.5s linear 0s;
        transition: all.5s linear 0s
    }
    .single-product.favorite-button.btn-primary:hover {
        background: #0f6cb2
    }
    .btn-info {
        background: #108bea;
        border: 0;
        transition: 1s;
        padding: 4px 10px;/*
        margin: 16px 20px 0 0;*/
    }
    .blog-post-image {
        margin-bottom: 15px;
    }
    .latest-blog.btn-info {
        margin: 20px 20px 0 0
    }
    .btn-info:hover {
        background: #0f6cb2;
        transition: 1s
    }
    .filterdimage {
        position: relative;
        -webkit-filter: grayscale(70%);
        filter: grayscale(70%)
    }
    .pro-img-box {
        opacity: .4
    }
    .oottext {
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        padding: 15px 10px;
        width: 70%;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(68, 68, 68, .2);
        color: red;
        transform: translate(0, -150%);
        border-radius: .2em;
        text-transform: uppercase
    }
    .oottext2 {
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        padding: 15px 10px;
        width: 70%;
        z-index: 11;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(68, 68, 68, .2);
        color: green;
        transform: translate(0, -150%);
        border-radius: .2em;
        text-transform: uppercase
    }
    .control-group i {
        color: #000
    }
    .star-ratings-css {
        unicode-bidi: bidi-override;
        color: #c5c5c5;
        font-size: 25px;
        height: 25px;
        width: 100px;
        margin: 0 auto;
        position: relative;
        padding: 0;
        text-shadow: 0 1px 0 #a2a2a2
    }
    .star-ratings-css-top {
        color: #e7711b;
        padding: 0;
        position: absolute;
        z-index: 1;
        display: block;
        top: 0;
        left: 0;
        overflow: hidden
    }
    .star-ratings-css-bottom {
        padding: 0;
        display: block;
        z-index: 0
    }
    .star-ratings-sprite {
        background: url(images/star-rating-sprite.png)repeat-x;
        font-size: 0;
        height: 14px;
        line-height: 0;
        overflow: hidden;
        text-indent: -999em;
        width: 70px;
        margin: 0 auto
    }
    .star-ratings-sprite-rating {
        background: url(images/star-rating-sprite.png)repeat-x;
        background-position: 0 100%;
        float: left;
        height: 14px;
        display: block
    }
    div.image-zoom div.box {
        border-color: grey;
        border-style: outset
    }
    div.image-zoom div.popup {
        border-color: purple;
        border-style: inset
    }
    div.image-zoom div.thumbnail {
        border-color: maroon;
        border-style: outset
    }
    .slider {
        width: 50%;
        margin: 100px auto
    }
    .slick-slide {
        margin: 0 10px
    }
    .slick-slide img {
        width: 100%
    }
    .slick-next:before,
    .slick-prev:before {
        color: #108bea;
        position: relative
    }
    .slick-next {
        right: 10px;
        top: 150px
    }
    .slick-prev {
        z-index: 2;
        left: 10px;
        top: 150px
    }
    .slick-slide {
        transition: all ease-in-out.3s;
        opacity: .2
    }
    .slick-active {
        opacity: .8
    }
    .shopping-cart.cart-shopping-total {
        background: 0 0
    }
    .cart-grand-total,
    .cart-sub-total {
        padding: 10px;
        font-size: 16px
    }
    .cart-grand-total {
        margin-top: 10px;
        background-color: #f2f3f7;
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        font-weight: 700;
        font-size: 18px
    }
    .cart-shopping-total.value-left {
        text-align: left
    }
    .cart-shopping-total.value-right {
        text-align: right
    }
    .cart-shopping-total.checkout-btn {
        margin-top: 10px;
        width: 100%;
        padding: 12px 0;
        font-size: 16px;
        font-weight: 500
    }
    .cart-checkout-btn {
        margin-bottom: 20px
    }
    .cart-checkout-btn .checkout-btn {
        width: 100%;
        margin-top: 10px;
    }
    .cart-checkout-btn form {
        margin-bottom: 0
    }
    .nogrid-left {
        padding-left: 0
    }
    .pincode-input {
        height: 43px;
        z-index: 1;
        margin-bottom: 10px
    }
    .text-rev {
        margin: 0 15px 15px
    }
    .addtocartcus {
        background: 0 0;
        color: #fff;
        padding: 0 6px;
        margin: 0 3px;
        border-radius: 999px;
        line-height: 0
    }
    .cursor {
        cursor: pointer
    }
    ul.ui-autocomplete {
        z-index: 1100
    }
    .border-box {
        border: 2px dashed #908e8e;
        font-weight: 500;
        font-size: 14px;
        transition: 1s all
    }
    .activedef {
        background: #157ed2;
        padding: 15px;
        color: #eee;
        border-bottom: 1px solid #eee
    }
    .activedef2 {
        border: 2px dashed #157ed2;
        height: 250px;
        margin-left: 50px;
        margin-top: 15px;
        padding: 55px;
        font-weight: 500;
        font-size: 14px;
        transition: 1s all
    }
    .border-box.border-box2:hover {
        border: 2px dashed #157ed2;
        transition: 1s all
    }
    .deflabel {
        position: absolute;
        top: 2px;
        right: 2px;
        font-weight: 500
    }
    .editlabel {
        position: absolute;
        right: 40px;
        bottom: 5px;
        cursor: pointer;
        height: 31px
    }
    .delbtn {
        position: absolute;
        bottom: 5px;
        right: 5px;
        cursor: pointer
    }
    .pro-des-one {
        margin-left: 121px
    }
    .boxqty {
        border: 1px dashed #d3d3d3;
        height: auto;
        padding: 5px;
        text-align: center;
        position: relative;
        top: 50px
    }
    .preL {
        background-color: rgba(255, 255, 255, .8);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed;
        z-index: 99999
    }
    .loaderT {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/loading.svg);
        background-repeat: no-repeat;
        background-position: center
    }
    .paypal-buy-now-button {
        display: inline-flex;
        position: relative;
        background: #ffc439;
        border-radius: 5px;
        border: 1px solid #dc911d;
        box-shadow: inset 0 1px 0 0 #ffd699;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-weight: 700;
        font-size: 12px;
        padding: 0 23px;
        height: 42px;
        justify-content: center;
        align-items: center;
        color: #000;
        text-decoration: none;
        cursor: pointer
    }
    .paypal-buy-now-button:before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        right: -1px;
        border-radius: 5px;
        background: linear-gradient(to bottom, #ffaf00 0, #dc911d 100%);
        z-index: 1
    }
    .paypal-buy-now-button:after {
        content: "";
        border-radius: 4px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #ffc439;
        box-shadow: inset 0 1px 0 0 #ffd699;
        z-index: 1
    }
    .paypal-buy-now-button span {
        padding-top: 3px;
        padding-right: 7px;
        text-shadow: 0 1px 0 #ffd699;
        z-index: 2
    }
    .paypal-buy-now-button svg {
        -webkit-filter: drop-shadow(0 1px 0 #fff);
        filter: drop-shadow(0 1px 0 #fff);
        z-index: 2
    }
    .creditCardForm {
        max-width: 700px;
        background-color: #fff;
        overflow: hidden;
        color: #4c4e56
    }
    .creditCardForm label {
        width: 100%;
        margin-bottom: 10px
    }
    .creditCardForm.heading h1 {
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        color: #4c4e56
    }
    .creditCardForm.payment {
        float: left;
        font-size: 18px;
        padding: 10px 25px;
        margin-top: 20px;
        position: relative
    }
    .creditCardForm.payment.form-group {
        float: left;
        margin-bottom: 15px
    }
    .creditCardForm.payment.form-control {
        line-height: 40px;
        height: auto;
        padding: 0 16px
    }
    .creditCardForm.owner {
        width: 63%;
        margin-right: 10px
    }
    .creditCardForm.CVV {
        width: 35%
    }
    .creditCardForm #card-number-field {
        width: 100%
    }
    .creditCardForm #expiration-date {
        width: 49%
    }
    .creditCardForm #credit_cards {
        width: 50%;
        margin-top: 25px;
        text-align: right
    }
    .creditCardForm #pay-now {
        width: 100%;
        margin-top: 25px
    }
    .creditCardForm.payment.btn {
        width: 100%;
        margin-top: 3px;
        font-size: 24px;
        background-color: #2ec4a5;
        color: #fff
    }
    .creditCardForm.payment select {
        padding: 10px
    }
    .transparent {
        opacity: .2
    }
    ol.progtrckr {
        margin: 0;
        padding: 0;
        list-style-type: none
    }
    ol.progtrckr li {
        display: inline-block;
        text-align: center;
        line-height: 3.5em
    }
    ol.progtrckr[data-progtrckr-steps="2"]li {
        width: 49%
    }
    ol.progtrckr[data-progtrckr-steps="3"]li {
        width: 33%
    }
    ol.progtrckr[data-progtrckr-steps="4"]li {
        width: 24%
    }
    ol.progtrckr[data-progtrckr-steps="5"]li {
        width: 19%
    }
    ol.progtrckr[data-progtrckr-steps="6"]li {
        width: 16%
    }
    ol.progtrckr[data-progtrckr-steps="7"]li {
        width: 14%
    }
    ol.progtrckr[data-progtrckr-steps="8"]li {
        width: 12%
    }
    ol.progtrckr[data-progtrckr-steps="9"]li {
        width: 11%
    }
     ol.progtrckr li {
        width: 25%;
     }
    ol.progtrckr li.progtrckr-done {
        color: #000;
        border-bottom: 4px solid #9acd32;
        
    }
    ol.progtrckr li.progtrckr-todo {
        color: silver;
        border-bottom: 4px solid silver
    }
    ol.progtrckr li:after {
        content: "\00a0\00a0"
    }
    ol.progtrckr li:before {
        position: relative;
        bottom: -2.5em;
        float: left;
        left: 50%;
        line-height: 1em
    }
    ol.progtrckr li.progtrckr-done:before {
        content: "\2713";
        color: #fff;
        background-color: #9acd32;
        height: 2.2em;
        width: 2.2em;
        line-height: 2.2em;
        border: none;
        border-radius: 2.2em
    }
    ol.progtrckr li.progtrckr-todo:before {
        content: "\039F";
        color: silver;
        background-color: #fff;
        font-size: 2.2em;
        bottom: -1.2em
    }
    .closef {
        font-size: 18px;
        color: #428bca;
        position: relative;
        top: -15px
    }
    .bell-badge {
        position: absolute;
        top: -2px;
        right: 10px;
        text-align: center;
        border-radius: 50%;
        font-weight: 600;
        font-size: 9px;
        padding: 2px 4px;
        line-height: .9;
        background-color: rgba(255, 0, 0, .9)
    }
    .list-inline>li {
        display: inline
    }
    .top-container {
        background-color: #f1f1f1;
        padding: 30px;
        text-align: center
    }
    .sticky {
        position: fixed;
        top: 0;
        width: 100%
    }
    .sticky+.content {
        padding-top: 102px
    }
    .navbarBlue {
        background: rgba(15, 108, 178, 1);
        border: 1px solid rgba(15, 108, 178, 1);
        box-shadow: 0 0 15px grey;
        height: 50px;
    }
    .btn-cart {
        background-color: #fdd923;
        border-radius: 0;
        color: #000;
        height: 50px;
        display: block;
        margin: -41px -32px 0 0;
    }
    .quant-input {
            margin: -9px -51px;
    }
    /*.navbar-brand {
        height: 17px
    }*/
    .btn-cart-oos {
        background-color: red;
        border-radius: 0;
        color: #fff;
        height: 50px;
        margin-top: -41px;
        margin-right: -32px;
    }
    .qty-section {
        width: 51px;
        height: 50px;
        text-align: center;
        border: none;
        border-radius: 0
    }
    .navbar-default.navbar-brand {
        color: #fff
    }
    .navbar-default.navbar-brand:hover {
        color: #ecebeb
    }
    .btn_search {
        margin-left: 0;
        border: 0;
        -webkit-appearance: none;
        border-radius: 0;
        height: 42px;
        vertical-align: middle
    }
    .pro-brand {
        border: 2px solid #eee;
        border-radius: .1em;
        width: 30px
    }
    .price-box-border {
        border-top: 1px solid #eee
    }
    .overlay-image {
        position: absolute;
        background-image: url(../images/color-overlay.png);
        width: 27px;
        height: 27px;
        top: -2px;
        left: 0;
        mix-blend-mode: multiply;
        background-size: cover
    }
    .overlay-deactive {
        opacity: 0
    }
    .varcolor i {
        font-size: 19px
    }
    .color-options ul li {
        font-size: 14px;
        display: inline-block;
        margin-right: 5px;
        margin-left: 6px;
        color: #000;
        top: -5px;
        vertical-align: top
    }
    .color-options ul li a {
        color: #000;
        border-radius: 50%;
        position: relative
    }
    .color {
        padding: 1px 2px 0;
        border: solid 1px #9a9a9a;
        border-radius: 50%;
        background-color: #fff;
        position: relative
    }
    .color-options img.active {
        opacity: 0;
        display: none
    }
    .ankit {
        font-size: 16px;
        cursor: pointer;
        position: relative
    }
    .card-custom {
        background: #fff;
        border-radius: 2px;
        display: inline-block;
        height: 250px;
        margin: 10px 0;
        position: relative;
        width: 100%
    }
    .card-1 {
        box-shadow: 0 0 1px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .24);
        transition: all.3s cubic-bezier(.25, .8, .25, 1)
    }
    .card-1:hover {
        box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
    }
    .card-1>.user-header {
        background: rgba(253, 217, 34, 0);
        border-bottom: 1px solid #eee;
        padding: 15px
    }
    .card-1:hover>.user-header {
        background: #fdd922;
        border-bottom: none;
        transition: all 1s cubic-bezier(.25, .8, .25, 1)
    }
    .card-1:hover>.activedef {
        background: #fdd922;
        border-bottom: none;
        color: #111;
        transition: all 1s cubic-bezier(.25, .8, .25, 1)
    }
    .address-modal {
        height: 90px
    }
    .radioContainer {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .radioContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }
    .radiocheckmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee
    }
    .radioContainer:hover input~.radiocheckmark {
        background-color: #ccc
    }
    .radioContainer input:checked~.radiocheckmark {
        background-color: #2196f3
    }
    .radiocheckmark:after {
        content: "";
        position: absolute;
        display: none
    }
    .radioContainer input:checked~.radiocheckmark:after {
        display: block
    }
    .radioContainer.radiocheckmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .pro-img {
        position: absolute;
        top: 20px;
        left: 16px;
        object-fit: scale-down;
        max-width: 100px;
        max-height: 100px
    }
    .cart-img {
        position: absolute;
        top: 0;
        left: 15px;
        object-fit: scale-down;
        max-width: 100px;
        max-height: 100px
    }
    .wish-img {
        top: 0;
        left: 15px;
        object-fit: scale-down;
        max-width: 150px;
        max-height: 150px
    }
    .top_cat_header {
        background-color: #ff7878;
        border-top-left-radius: .5em;
        border-top-right-radius: .5em
    }
    .cat_title {
        padding: 15px;
        margin-bottom: 6px;
        color: #fff
    }
    .store_header {
        background-color: #fdd922;
        padding: 15px
    }
    .know_more {
        cursor: pointer
    }
    .input-group.form-control {
        position: static
    }
    .zoomLens {
        max-width: 50px;
        max-height: 50px
    }
    .ui-menu img {
        width: 40px;
        height: 40px;
        object-fit: scale-down
    }
    .ui-menu li span {
        font-size: 15px;
        padding: 0 0 10px 10px;
        margin: 0 0 10px 0 !important;
        white-space: nowrap;
        width: 100%
    }
    .footericon {
        font-size: 25px
    }
    .card-body {
        padding: 15px
    }
    .card-body p {
        font-size: 14px
    }
    .address {
        background: #fff;
        border-radius: 2px;
        display: inline-block;
        height: 200px;
        margin: 1rem;
        position: relative;
        width: 100%
    }
    .address-1 {
        box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
        transition: all.3s cubic-bezier(.25, .8, .25, 1)
    }
    .address-1:hover {
        box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
    }
    .address-1>.user-header {
        background: rgba(253, 217, 34, 0);
        border-bottom: 1px solid #eee;
        padding: 15px
    }
    .address-1>.active {
        background: #157ed2;
        border-bottom: 1px solid #eee;
        padding: 15px;
        color: #fff
    }
    .address-1:hover>.user-header {
        background: #fdd922;
        border-bottom: none;
        transition: all 1s cubic-bezier(.25, .8, .25, 1)
    }
    .address-body {
        padding: 15px
    }
    .address-1:hover>.activedef {
        background: #fdd922;
        border-bottom: none;
        color: #111
    }
    .m-8-no {
        top: 23px;
        left: 62px
    }
    .bg-white2 .table td {
        padding: 30px 0
    }
    .bg-white2 .table-hover th,
    .bg-white2 .table-striped th {
        padding: 8px 30px;
        border-top: none;
    }
    .bg-white2 .table-hover td,
    .bg-white2 .table-striped td,
    .bg-white2 .table-striped-one td {
        padding: 30px
    }
    .full-order-block a {
        font-size: 14px
    }
    .full-order-block small {
        font-size: 13px
    }
    .full-order-block {
        margin-left: 10px
    }
    .couponbox {
        color: green;
        padding: 5px;
        position: relative;
        top: 50px;
        right: 45px;
        border: 1px solid green;
    }
    .full-order-main-block.couponbox {
        top: 45px;
        left: -51px
    }
    .applied-block.couponbox {
        top: 57px;
        margin-left: -50px
    }
    .info-label {
        padding: 8px 15px
    }
    .cancel-label {
        padding: 4px 10px;
        margin-top: -3px
    }
    .refund-label {
        margin-top: -3px;
        padding: 8px
    }
    .author-discription {
        padding: 31px 35px 31px 35px;
        border: solid 1px #e1e1e1
    }
    .blog-detail-block.author-name {
        font-size: 22px;
        font-family: Nunito, sans-serif;
        margin-bottom: 10px;
        color: #000
    }
    .blog-detail-block.author-name a {
        color: #000
    }
    .blog-detail-block.author-name a:hover {
        color: #000
    }
    .author-date {
        font-size: 14px;
        margin-top: 5px
    }
    .author-date a {
        color: #606060
    }
    .author-date a:hover {
        color: #251aff
    }
    .author-discription p {
        color: #606060;
        margin-bottom: 15px
    }
    .author-reply {
        font-size: 14px;
        color: #454545;
        font-weight: 700
    }
    .author-reply a {
        color: #454545
    }
    #details-container {
        position: absolute;
        float: left;
        width: 500px;
        height: 500px;
        clear: both
    }
    #details-container img {
        object-fit: fill
    }
    .single-product-gallery-item img {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .keycol {
        background: #F8F8F8;
        padding: 8px;
        border: 1px solid #DDD;
        height: 50px
    }
	.card-header {
		background: #F8F8F8;
	}
    .keyval {
        padding: 8px;
        border: 1px solid #eee;
        height: 50px
    }
    .pdes {
        padding: 30px
    }
    .logo-slider img {
        object-fit: scale-down
    }
    .keyhead {
        padding: 8px;
        border: 1px solid #eee;
        font-weight: 600
    }
    .keyval2 {
        padding: 8px;
        height: 220px;
        border: 1px solid #eee
    }
    .pricetaxbox {
        position: relative;
        top: 20px
    }
    .finaltotalbox {
        position: relative;
        top: 8px;
        line-height: 25px;
        border-top: 1px dashed#111
    }
    .pro-img2 {
        position: relative;
        object-fit: scale-down;
        max-width: 100px;
        max-height: 80px;
        width: 100%;
    }
    .pro-img3 {
        position: absolute;
        left: 16px;
        object-fit: scale-down;
        max-width: 100px;
        max-height: 100px
    }
    .m-8 {
        position: relative;
        top: 8px;
        left: 25px
    }
    .m-l-8 {
        position: relative;
        left: 8px
    }
    .rowbox {
        border: 1px solid #eee;
        padding: 8px 5px 15px 8px;
        height: 118px;
        margin-bottom: 15px
    }
    .btn-paypal {
        background: #003087;
        color: #fff
    }
    .btn-paypal:hover {
        background: #001587;
        color: #fff !important
    }
    .btn-instamojo {
        background: #4e4e91;
        color: #fff
    }
    .btn-instamojo:hover {
        color: #fff;
        background: #564e91 !important
    }
    .nav-tabs>.active>a,
    .nav-tabs>.active>a:focus,
    .nav-tabs>.active>a:hover {
        color: #191717;
        cursor: default;
        background-color: #fff;
        border: none;
        text-transform: uppercase;
        border-bottom: 3px solid #108bea;
        font-weight: 600
    }
    
    .nav-tabs>li>a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
        color: #555;
        font-weight: 600;
        padding: 15px
    }
    .nav-tabs>li>a:hover {
        border-bottom: 3px solid #108beab5;
        font-weight: 600;
        color: #555;
        padding: 15px
    }
    .nav>li>a:focus,
    .nav>li>a:hover {
        text-decoration: none;
        background-color: transparent
    }
    .row.no-pad {
        margin-right: 0;
        margin-left: 0
    }
    .row.no-pad>[class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }
    .order-accordion {
        margin-bottom: 25px
    }
    .order-accordion.panel-heading {
        padding: 0
    }
    .order-accordion.panel {
        border: none
    }
    .order-accordion.panel-title>a:before {
        float: right !important;
        font-family: FontAwesome;
        content: "\f068";
        padding: 12px 15px;
        background: #157ed2;
        color: #fff;
        margin: 5px;
        border-radius: 4px
    }
    .order-accordion.panel-title>a.collapsed:before {
        float: right !important;
        content: "\f067"
    }
    .order-accordion.panel-title>a:active,
    .order-accordion.panel-title>a:focus,
    .order-accordion.panel-title>a:hover {
        text-decoration: none
    }
    .order-accordion.collapseOne {
        -webkit-transition: all.5s ease;
        -ms-transition: all.5s ease;
        -o-transition: all.5s ease;
        -moz-transition: all.5s ease;
        transition: all.5s ease
    }
    .cart-product-info.color-options ul li {
        top: 0;
        font-size: 1px
    }
    .bg-white2-one.user_m2 {
        margin-bottom: -8px;
        margin-top: -2px
    }
    .blog-search {
        margin-bottom: 10px
    }
    @media (min-width: 767px) and (max-width: 1300px) {
        /*.btn-info {
            margin: 16px 20px 0 0;
        }*/
    }
    @media (max-width: 1250px) {
        .search-cat-box select {
            padding: 0 0 0 3px;
            width: 85px;
        }
        .blog-page .blog-post p {
            padding-top: 0;
        }
        .mnu_user li {
           width: 100%;
        }
        .mnu_user {
            margin-top: 0;
        }
        .order-accordion {
            margin-bottom: 10px;
            margin-top: 10px;
        }
    }
    @media(max-width:1200px) {
        .cart-product-info.color {
            padding: 2px 3px
        }
        .search-cat-box select {
            height: 38px;   
        }
    }
    @media(min-width:760px)and(max-width:1030px) {
        .search-cat-box select {
            height: 40px;
            padding: 0 7px 4px
        }
        .main-header.top-search-holder.search-area.search-field {
            height: 38px;
            width: 100%
        }
        .main-header.top-search-holder.search-area.btn-default {
            height: 40px
        }
        .nogrid-left {
            padding-left: 15px
        }
        .nogrid-left-one {
            padding: 0;
            margin-top: -20px
        }
        .m-8 {
            left: -92px
        }
        .bg-white2 .btn-success {
            margin: 0 0 5px 5px
        }
    }
    @media (max-width: 1030px) {
        .user_m {
                margin-top: 0;
        }
        .order-accordion .panel {
          border-radius: 10px 10px 0 0;
        }
    }
    @media(max-width:992px) {
        .boxqty-block {
            height: 70px
        }
        .boxqty {
            top: 10px
        }
        .nogrid-left-one {
            margin-top: -27px
        }
        .bell-badge {
            top: -5px;
            right: 96px
        }
    }
    @media(min-width:760px)and(max-width:992px) {
        .search-cat-box select {
            padding: 0 0 0 13px
        }
        .cnt-block select {
            padding: 0;
            height: 36px;
            width: 56px
        }
        .scroller {
            padding: 0 0 0 8px
        }
        .search-cat-box select {
            padding: 0 0 0 3px;
        }
    }
    @media(max-width:767px) {
        .latest-blog.btn-info {
            margin: 15px 10px 0 0
        }
        .address-1:hover {
            box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
        }
        .list-unstyled-one.dropdown-menu.menu {
            width: 325px !important
        }
        .btn-cart {
            margin: 0 0 0 5px;
            border-radius: 4px;
            width: 150px;
            height: 48px;
        }
        .creditCardForm #credit_cards,
        .creditCardForm #expiration-date,
        .creditCardForm.CVV,
        .creditCardForm.owner {
            width: 100%
        }
        .creditCardForm #credit_cards {
            text-align: left
        }
        .modal-content {
            border-radius: 15px 15px 0 0;
            z-index: 99999
        }
        .price-box.cart-product-grand-total.cart-product-sub-total {
            margin-bottom: 15px;
            margin-left: 80px;
        }
        .cart-product-info {
            margin-bottom: 10px;
        }

        .bell-badge {
            right: 6px;
        }
    }
    @media(max-width:767px)and(min-width:490px) {
        .search-cat-box select {
            height: 38px;
            padding: 0 15px 0 13px
        }
    }
    @media(min-width:580px)and(max-width:700px) {
        .cnt-block select {
            width: 37px;
            padding: 10px 2px
        }
        .quant-input {
            margin: 32px 0 0
        }
    }
    @media(min-width:576px)and(max-width:700px) {
        .search-cat-box select {
            height: 38px;
            width: 150px;
            padding: 0 15px 0 12px
        }
        .cnt-block select {
            width: 70px
        }
    }
    @media(max-width:576px) {
        
        .btn-cart-oos {
            border-radius: 4px;
            height: 48px;
            margin-top: 0;
            margin-right: 0;
            margin-left: 5px;
        }

        .card-1:hover,
        .card-1 {
            box-shadow: none;
        }
        /*.btn-info {
            margin-top: 15px;
            margin-right: 10px;
        }*/
        .bg-white2 .btn-success {
            margin: 0 0 10px 5px
        }
        .search-cat-box select {
            width: 65px;
            height: 39px;
            padding: 0 5px 0 10px;
            z-index: 99
        }
        .scroller-right {
            margin-right: 0;
            margin-top: -7px
        }
        .wrapper {
            margin: 0 0 10px 0
        }
        .list-unstyled-one.animate-dropdown-one a {
            z-index: 99999
        }
        .list-unstyled-one.animate-dropdown-one {
            z-index: 99999
        }
        .animate-dropdown.animate-dropdown-one a {
            z-index: 99999
        }
        .animate-dropdown.animate-dropdown-one {
            z-index: 99999
        }
        .cnt-block select {
            color: #000
        }
        .quant-input {
            /*display: none*/
        }
        .navbarBlue {
            height: 65px
        }
        #billingForm.required {
            padding: 10px 5px;
            box-shadow: none;
            margin: 0
        }
        .oottext {
            padding: 10px;
            width: 100%;
            z-index: 111
        }
        .feature-product-main-block.oottext {
            font-size: 13px
        }
        .zoomContainer,
        .zoomLens,
        .zoomTint,
        .zoomWindowContainer {
            display: none
        }
        .text-rev {
            margin: 0
        }
        .carttable th,
        td {
            padding: 10px
        }
        .cart-product-name-info {
            margin-top: -5px
        }
        .nogrid-left {
            padding-left: 15px
        }
        .shoppingcart-mainblock .nogrid-left-one {
            padding-left: 0;
            padding-right: 0;
        }
        .shopping-cart-block {
            margin-bottom: 0
        }
        .cart-grand-total,
        .cart-sub-total {
            padding: 0 10px 5px
        }
        .cart-shopping-total.checkout-btn {
            margin: 10px 0 0
        }
        .cart-checkout-btn form {
            margin-bottom: 0
        }
        .cart-price.price-box.price {
            font-size: 20px
        }
        .cart-price.price-box.price-strike {
            font-size: 18px
        }
        .cart-product-name-info.text-right {
            text-align: left;
            margin-left: 28px
        }
        .color-options ul li {
            font-size: 1px;
            top: 0
        }
        .romove-item.cart-price.text-right ul li {
            border: 1px solid #f1f1f1;
            padding: 7px 4px 8px;
            margin-top: -5px
        }
        .cart-product-quantity {
            margin: 10px 0 0
        }
        .cart-price {
            text-align: left;
            margin-top: -6px
        }
        .cart-product-description {
            margin-top: 12px
        }
        .cart-row {
            margin-bottom: 0
        }
        .bg-white2 .btn-primary {
            margin-bottom: 5px;
        }
        .my-order-one.panel-default>.panel-heading {
            padding: 10px 15px
        }
        .my-order-one.panel-footer {
            padding: 10px 12px 49px
        }
        .my-order-one.pull-right {
            float: left !important;
            margin-right: 49px
        }
        .click-view-one {
            margin-bottom: 8px
        }
        .romove-item ul li {
            padding: 8px;
            border: 1px solid #f2f2f2;
            margin-right: 5px
        }
        .romove-item ul li:last-child {
            padding: 8px;
            border: 1px solid #f2f2f2
        }
        .cart-shopping-total.checkout-btn {
            padding: 6px 10px;
            font-size: 13px
        }
        .cart-price.romove-item a,
        .cart-price.romove-item a i {
            font-size: 13px
        }
        .rowbox.m-8 {
            top: 22px;
            left: -26px
        }
        .rowbox.applied-block {
            top: 8px
        }
        .address {
            display: block;
            height: auto;
            margin: 0 0 10px
        }
        .click-view-two {
            margin-left: 0;
            margin-bottom: 25px
        }
        .boxqty {
            top: 10px
        }
        .couponbox {
            top: 9px
        }
        .my-order-one.panel-body {
            padding: 15px 15px 5px
        }
        .rowbox {
            height: 200px;
            padding: 8px 5px 8px 8px;
        }
        .bg-white2 .filed-block td {
            padding: 4px 11px;
            width: 0;
            text-align: center
        }
        .bg-white2 .table-striped-two td,
        .bg-white2 .table-striped-two th {
            padding: 10px
        }
        .bg-white2 .table-hoverone td,
        .bg-white2 .table-hoverone th {
            padding: 10px 5px
        }
        .rowbox  .m-8 {
                left: 57px;
            }
        }
    }
    @media(max-width:400px) {
        .bg-white2 .btn-primary {
            margin-bottom: 8px;
            margin-left: 0
        }
        .my-order-one.panel-default>.panel-heading {
            padding: 10px 15px 65px
        }
    }
    @media(min-width:768px)and(max-width:1024px) {
        .list-unstyled-one.bell-badge {
            right: 99px
        }
    }
    @media(min-width:800px)and(max-width:1024px) {
        .list-unstyled-one.bell-badge {
            right: 149px
        }
    }
    @media(min-width:1024px)and(max-width:1366px) {
        .list-unstyled-one.bell-badge {
            right: 125px
        }
    }
    @media(min-width:383px)and(max-width:400px) {
        .bell-badge {
            right: 5px
        }
    }
    @media (max-width: 350px) {
        .btn-cart {
        width: 112px;
        }
    }
    .tabs-left {
        border-bottom: none;
        border-right: 1px solid #ddd;
        margin-left: -12px
    }
    .tabs-left>li {
        float: none;
        margin: 0
    }
    .tabs-left>li.active>a,
    .tabs-left>li.active>a:focus,
    .tabs-left>li.active>a:hover {
        border-bottom-color: #ddd;
        border-right-color: transparent;
        background: #108bea;
        color: #fff;
        border: none;
        border-radius: 0;
        margin: 0;
        padding: 15px
    }
    .nav-tabs>li>a:hover {
        line-height: 1.42857143;
        border: 1px solid transparent;
        background: #f5f5f5;
        padding: 15px
    }
    .tabs-left>li.active>a::after {
        content: "";
        position: absolute;
        top: 10px;
        right: -10px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #108bea;
        display: block;
        width: 0
    }
    @media(max-width:600px) {
        .tabs-left>li a {
            padding: 15px 5px 15px 0
        }
        .tabs-left>li.active>a,
        .tabs-left>li.active>a:focus,
        .tabs-left>li.active>a:hover {
            padding: 15px 5px 15px 0
        }
        .nav-tabs>li>a:hover {
            padding: 15px 5px 15px 0
        }
        .cnt-home.notify-alert {
            right: 5px;
            z-index: 9999;
            width: 345px
        }
        .jp-card.jp-card-back,
        .tab-content.jp-card.jp-card-front {
            width: 100%
        }
    }
    .paypal-buy-now-button {
        display: inline-flex;
        position: relative;
        background: #ffc439;
        border-radius: 5px;
        border: 1px solid #dc911d;
        box-shadow: inset 0 1px 0 0 #ffd699;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-weight: 700;
        font-size: 12px;
        padding: 0 23px;
        height: 42px;
        justify-content: center;
        align-items: center;
        color: #000;
        text-decoration: none;
        cursor: pointer
    }
    .paypal-buy-now-button:before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        right: -1px;
        border-radius: 5px;
        background: linear-gradient(to bottom, #ffaf00 0, #dc911d 100%);
        z-index: 1
    }
    .paypal-buy-now-button:after {
        content: "";
        border-radius: 4px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #ffc439;
        box-shadow: inset 0 1px 0 0 #ffd699;
        z-index: 1
    }
    .paypal-buy-now-button span {
        padding-top: 3px;
        padding-right: 7px;
        text-shadow: 0 1px 0 #ffd699;
        z-index: 2
    }
    .paypal-buy-now-button svg {
        -webkit-filter: drop-shadow(0 1px 0 #fff);
        filter: drop-shadow(0 1px 0 #fff);
        z-index: 2
    }
    .insta-buy-now-button {
        display: inline-flex;
        position: relative;
        background: #4e4e91;
        border-radius: 5px;
        border: 1px solid #4e4e91;
        box-shadow: inset 0 1px 0 0 #040466;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-weight: 700;
        font-size: 12px;
        padding: 0 23px;
        height: 42px;
        justify-content: center;
        align-items: center;
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }
    .insta-buy-now-button img {
        display: inline-block;
        height: 20px;
        object-fit: scale-down;
        position: relative;
        left: 8px
    }
    .payu-buy-now-button {
        display: inline-flex;
        position: relative;
        background: #5cb85c;
        border-radius: 5px;
        border: 1px solid #5cb85c;
        box-shadow: inset 0 1px 0 0 #2a642a;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-weight: 700;
        font-size: 12px;
        padding: 0 23px;
        height: 42px;
        justify-content: center;
        align-items: center;
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }
    .payu-buy-now-button img {
        width: 35px;
        display: inline-block;
        object-fit: scale-down;
        position: relative;
        left: 8px
    }
    .cod-buy-now-button {
        display: inline-flex;
        position: relative;
        background: #0f6cb2;
        border-radius: 5px;
        border: 1px solid #0f6cb2;
        box-shadow: inset 0 1px 0 0 #071b2a;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-weight: 700;
        font-size: 12px;
        padding: 0 23px;
        height: 42px;
        justify-content: center;
        align-items: center;
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }
    .cod-buy-now-button i {
        font-size: 33px;
        position: relative;
        left: 8px
    }
    input.razorpay-payment-button {
        color: #fff;
        background-color: #157ED2;
        padding: 10px 80px;
        font-weight: 600;
        font-size: 15px;
        border: 1px solid transparent;
        border-radius: 5px
    }
    .preloaderpro {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background-image:url('{{  url('images/loading.svg') }}');
        background-size: 120px 120px;
        background-repeat: no-repeat;
        background-color: rgba(255, 255, 255, .8);
        background-position: center
    }
    .m-55 {
        margin-left: -55px
    }
    .blackcolor {
        color: #000
    }
    .text-center {
        text-align: center
    }
    .gitlab {
        background: #fc6d26
    }
    .paytm-buy-now-button {
        display: inline-flex;
        position: relative;
        background: #00baed;
        border-radius: 5px;
        border: 1px solid #00baed;
        box-shadow: inset 0 1px 0 0 #00baed;
        font-family: 'Helvetica Neue', Arial, sans-serif;
        font-weight: 700;
        font-size: 12px;
        padding: 0 23px;
        height: 42px;
        justify-content: center;
        align-items: center;
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }
    .paytm-buy-now-button img {
        width: 35px;
        display: inline-block;
        object-fit: scale-down;
        position: relative;
        left: 8px
    }
    .modal-header {
        display: block;
    }
    a.pull-right.btn.btn-info {
        color: #FFF;
    }
    .left-15 {
        position: relative;
        left: 15px;
        top: -10px
    }
    .cursor-pointer {
        cursor: pointer;
        text-align: right;
    }

    .section-random2{
        margin-top:-32px;
        border-radius: 0em;
    }

    .eyeCy{
        position:relative;
    }
    .eyeCy .fa-eye{
        position:absolute;
        top:36px;
        right:7px;
        font-size:15px
    }
    .position-relative {
        position: relative;
    }
    .z-index11 {
        z-index: 11;
    }
    .inline-flex {
        display: inline-flex;
        vertical-align: top;
    }
    .brand-list-check .form-check-label {
        margin-left: 30px;
    }
    .padding0 {
        padding: 0;
    }
    .padding-left0 {
        padding-left: 0;
    }
    .height0 {
        height: 0;
    }
    .backgroundcover {
        background-size: cover;
    }
    .margin-left-15 {
        margin-left: 15px
    }
    .text-right {
        text-align: right;
    }
    .height25 {
        height: 25;
    }
    .margin-top-3 {
        margin-top: 3px;
    }
    .notifications-menu .dropdown-menu {
        width: 325px;
    }


  .background-two {
    background: #0F6CB2;
  }
  .provarbox {
    cursor:pointer;
    border:1px solid #D7D7D4;
    border-radius:0.2em;
    margin-right:10px
  }
  .provarbox .box-image {
    height:60px;
    margin-top:5px;
    margin-bottom:5px;
  }
 .cart-price .price-box .price {
    color: #FF7878;
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
 }
.cart-price .price-box .price-strike {
    color: #AAA;
    font-size: 24px;
    font-weight: 300;
    line-height: 50px;
    text-decoration: line-through;
    vertical-align: top;
    margin-left: 10px;
}  
.value-right {
    text-align: right;
}
.cart-product-quantity .quant-input input {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #F2F2F2;
    box-sizing: border-box;
    font-size: 15px;
    height: 35px;
    left: 0;
    padding: 0 20px 0 18px;
    position: absolute;
    top: 0;
    width: 70px;
    z-index: 1;
}

.pincoderesponsesuccess{
    position: relative;top: 5px;color:#108BEA;
}

.pincodeinvalid{
    position: relative;top: 5px;color:red;
}

.blockVar{
    position: relative;left: -10px;bottom: 10px;
}
@media (min-width: 1200px) {
    .pull-right.btn.btn-info {
     margin: 15px 20px 0 0; 
    }
}
@media (max-width: 992px) {
    .oottext2 {
      transform: translate(0, 50%);
    }
    .author-discription {
        padding: 10px 0;
        border: solid 1px transparent; 
    }
    .author-name a {
        font-size: 1.25rem;
    }
} 
@media (max-width: 576px) {
    .oottext2 {
        width: 100%;
      transform: translate(0, 50%);
    }
    input.razorpay-payment-button {
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }
    .nav-pills .nav-link {
        padding: 4px;
        margin-bottom: 5px;
    }
    .full-order-block {
        margin-left: 0;
    }
    .view-full-order-page .user_m2 {
        padding: 0;
        height: 90px;
    }
    .view-full-order-page .user_m2 .btn-danger {
        margin-top: 10px;
    }
    .cart-product-quantity .quant-input input {
        border: 1px solid #000;
        left: 10px;
    }
}


.left-4{
    left: 4px;
}

.preL{
   background-color: rgba(0,0,0,0.7);
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   position: fixed;
   z-index: 99999999999;
}

.preloader3 {
   display: block;
   margin:0 auto;
   top: 0;
   left: 0;
   width: 20%;
   height: 100%;
   z-index: 99999999999;
   background-image: url('../images/preloadadmin.svg');
   background-repeat: no-repeat; 
   background-position: center;
}

#cat .card-body {
    padding: 0 11px;
}
.radioL {
    margin-left: 16px;
}
.vehicle {
    top: 217px;
    left: 38px;
}
.wizard-navigation ul li {
    text-align: center;
    padding: 12px 0;
    border-bottom: 3px solid transparent;
}
.wizard-navigation .nav-tabs>li>:hover {
    border-bottom: 3px solid #157ED2;
    font-weight: 600;
    color: #555;
    padding: 12px;
    background-color: transparent;
}
.wizard-footer .btn-wd {
    color: #FFF;
}
@media (max-width: 992px) {
    .wizard-footer .pull-right {
        float: right!important;
    }
    .wizard-footer .btn.btn-fill {
        margin-top: 5px;
    }
    .wizard-footer .btn-primary {
        padding: 11px;
    }
    .wizard-navigation .nav-tabs>li>a {
        margin-right: 0;
        padding: 0;
    }
}
.nav-tabs>li>a:hover {    
    background: #F8F8F8;
}
.btn-link {    
    color: #333;
}
.btn-link:hover {
    color: #157ED2;
    text-decoration: none;
}

.notification-menu{
    max-height: 230px;
    overflow: auto;
}

@media (min-width: 1200px) and (max-width: 1550px) {
    .btn-cart-oos {
        margin-top: -53px;
    }
}

.nav-outer .links li {
    display: block;
}

.exo-menu{
    width: 100%;
    float: left;
    list-style: none;
    position:relative;
    background: #23364B;
}
.exo-menu > li {    display: inline-block;float:left;}
.exo-menu > li > a{
    color: #ccc;
    text-decoration: none;
    text-transform: uppercase;
    border-right: 1px #365670 dotted;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}
.exo-menu > li > a.active,
.exo-menu > li > a:hover,
li.drop-down ul > li > a:hover{
    background:#009FE1;
    color:#fff;
}
.exo-menu i {
  float: left;
  font-size: 18px;
  margin-right: 6px;
  line-height: 20px !important;
}
li.drop-down,
.flyout-right,
.flyout-left{position:relative;}
li.drop-down:before {
  content: "\f103";
  color: #fff;
  font-family: FontAwesome;
  font-style: normal;
  display: inline;
  position: absolute;
  right: 6px;
  top: 20px;
  font-size: 14px;
}
li.drop-down>ul{
    left: 0px;
    min-width: 230px;

}
.drop-down-ul{display:none;}
.flyout-right>ul,
.flyout-left>ul{
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #365670;
  }

li.drop-down>ul>li>a,
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
    color: #fff;
    display: block;
    padding: 20px 22px;
    text-decoration: none;
    background-color: #365670;
    border-bottom: 1px dotted #547787;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
    border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/
.flyout-mega-wrap {
    top: 0;
    right: 0;
    left: 100%;
    width: 100%;
    display:none;
    height: 100%;
    padding: 15px;
    min-width: 742px;

}
h4.maintitle.mega-title {
  color:#eee;
  margin-top: 0px;
  font-size: 14px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
 }
.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus{
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}
/*mega menu*/

.mega-menu {
  left: 0;
  right: 0;
  padding: 15px;
  display:none;
  padding-top: 0;
  min-height: 100%;

}
h4.maintitle.mega-title {
  color: #111;
  margin-top: 0px;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
  padding-top: 15px;
  }
 .mega-menu ul li a {
  line-height: 25px;
  font-size: 100%;
  display: block;
}
ul.stander li a {
    padding: 3px 0px;
    display: block;
}

ul.description li {
    line-height: 8px;
    display: block;
}

ul.description li span {
    color: #ccc;
    font-size: 90%;
}
a.view-more{
  border-radius: 1px;
  margin-top:15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}
a.view-more:hover{
    color:#fff;
    background:#0DADEF;
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
/*Blog DropDown*/
.Blog{
    left:0;
    display:none;
    color:#fefefe;
    padding-top:15px;
    background:#547787;
    padding-bottom:15px;
}
.Blog .blog-title{
    color:#fff;
    font-size:15px;
    text-transform:uppercase;

}
.Blog .blog-des{
    color:#ccc;
    font-size:90%;
    margin-top:15px;
}
.Blog a.view-more{
    margin-top:0px;
}
/*Images*/
.Images{
    left:0;
    width:100%;
    display:none;
    color:#fefefe;
    padding-top:15px;
    background:#547787;
    padding-bottom:15px;
}
.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{
    background-color: #fff;
    box-shadow: 0px 7px 20px #80808066;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.blog-drop-down >a:hover+.Blog,
li.drop-down>a:hover +.drop-down-ul,
.images-drop-down>a:hover +.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap{
    display:block;
    max-width: 100%;
}
/*responsive*/
 @media (min-width:767px){
    .exo-menu > li > a{
    display:block;
    padding: 20px 22px;
 }
.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
        position:absolute;
        top: 51px;
        z-index: 999;
}
 .flyout-right>ul{
    left: 100%;
    }
    .flyout-left>ul{
    right: 100%;
}
 }
@media (max-width:767px){

    .exo-menu {
        min-height: 58px;
        background-color: #23364B;
        width: 100%;
    }
    
    .exo-menu > li > a{
        width:100% ;
        display:none ;
    
    }
    .exo-menu > li{
        width:100%;
    }
    .display.exo-menu > li > a{
      display:block ;
        padding: 20px 22px;
    }
    
.mega-menu, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
        position:relative;
}

}
a.toggle-menu{
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
}

.banner-img{
    max-width: 100%;
    max-height: 645px;
}

.w150{
    width: 150px;
}

ul .description li{
    font-weight: 600;
}

.f3efef{
    background: #f2f3f7;
}

.playicon{
    color : #bbbbbb;
    font-size: 11px !important;
}