@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
@import "../404-error.html";
@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@200;400&display=swap);

/*@font-face {
    font-family: 'fontopoFONTOPO-Regular';
    src: url('../fonts/fontopoFONTOPO-Regular.ttf') format('truetype');
}*/
/*
=====================================================================================================================================================
DEFAULT STYLE
=====================================================================================================================================================
*/
/*.deliver {
    width: 100%;
}*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

body, html, form, section {
    height: 100%;
}
/*html, body {
    height: 100%;
    display: flex;
    flex-direction: column;
}*/

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: 'Mulish', sans-serif;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    background: #e5e5e5;
    padding-top: 149px;
    overflow-x: hidden;
    overflow-y: scroll;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.text-white {
    color: #fff !important;
}

a {
    color: #000;
    /*color: #002365;*/
    text-decoration: none;
}

    a:hover, a:focus {
        color: #333;
        text-decoration: none;
        /*background: rgba(228, 217, 217, 0.40) !important;*/
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

p {
    margin: 0 0 15px
}

body {
    opacity: 0
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #f07d10;
    border-color: #f07d10;
}
/*
=====================================================================================================================================================
COMMON STYLE
=====================================================================================================================================================
*/
/* GO To Top Style  */
.scrollup {
    position: fixed;
    bottom: 30px;
    right: 0;
    display: none;
    z-index: 1;
    font-size: 20px;
    padding: 0;
}

.scrollup {
    -webkit-animation: slideInRight 300ms ease;
    -moz-animation: slideInRight 300ms ease;
    -ms-animation: slideInRight 300ms ease;
}

a.scrollup {
    background: #ed6802;
    color: #fff;
    padding: 3px 6px;
    text-decoration: none;
}

    a.scrollup:hover {
        background: #ed6802;
    }


/* Clear Styles */
.clear {
    clear: both;
}

.spacer1 {
    clear: both;
    width: 100%;
    height: 10px;
}

.spacer2 {
    clear: both;
    width: 100%;
    height: 20px;
}

.spacer3 {
    clear: both;
    width: 100%;
    height: 30px;
}

.spacer4 {
    clear: both;
    width: 100%;
    height: 40px;
}

.spacer5 {
    clear: both;
    width: 100%;
    height: 50px;
}


/* Spacing, Border, Shadow Styles */

.no-border {
    border: none !important
}

.no-border-l {
    border-left: none !important;
}

.no-border-r {
    border-right: none !important;
}

.no-border-t {
    border-top: none !important;
}

.no-border-b {
    border-bottom: none !important;
}

.border-t {
    border-top: 1px solid #ccc !important
}

.border-b {
    border-bottom: 1px solid #ccc !important
}

.no-border-rad {
    border-radius: 0px !important
}

.no-shadow {
    box-shadow: none !important
}

.no-margin {
    margin: 0 !important;
}

.no-margin-r {
    margin-right: 0 !important;
}

.no-margin-l {
    margin-left: 0 !important;
}

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

.no-margin-t {
    margin-top: 0 !important;
}

.no-margin-x {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.no-margin-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

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

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

.marg-ftr-t {
    margin-top: 20px !important;
}

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

.no-pad-l {
    padding-left: 0 !important;
}

.no-pad-r {
    padding-right: 0 !important;
}

.no-pad-t {
    padding-top: 0 !important;
}

.no-pad-b {
    padding-bottom: 0 !important;
}

.no-pad-x {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-pad-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

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

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

.pad-t-nav {
    padding-top: 10px !important;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0 5px;
    list-style: none;
}
/* Hr Line Style  */
hr.solid {
    border: 0;
    border-top: 1px solid #ccc;
}

hr.dotted {
    border: 0;
    border-top: 1px dotted #666;
    background: #292929;
}

hr.dashed {
    border: 0;
    border-top: 1px dashed #ccc;
    background: #fff;
}

hr.double {
    border: 0;
    border-top: 1px dashed #ccc;
    background: #999;
}


.err {
    font-size: 12px;
    color: #c80000;
    display: block;
    clear: both;
    float: left;
    padding: 3px 5px 15px 0;
}


.errmsg {
    float: left;
    font-size: 12px;
    color: #fff;
    position: absolute;
    left: 0;
    top: -22px;
    z-index: 9;
    background: #c80000;
    padding: 2px 5px;
}

    .errmsg:before {
        content: "";
        position: absolute;
        left: 5px;
        bottom: -5px;
        border-top: 5px solid #c80000;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
    }

.list-inline li {
    margin-bottom: 5px !important;
}

.list li::before {
    content: "";
    background: url('../images/list.png') no-repeat;
}

.ship .list-inline li {
    margin-bottom: 0px !important;
}

.list-unstyled li {
    margin-bottom: 7px !important;
}

.red {
    color: #c80000;
}

/*  Transition style */
a, .btn {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.delay-06s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.delay-07s {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.delay-08s {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.delay-09s {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.delay-15s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.delay-25s {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: block !important!;
    text-align: left;
    vertical-align: middle;
}

.modal-body .header-search {
    background: #fff;
    float: right;
    margin-top: 0px;
    font-size: 12px !important;
    height: 30px;
    vertical-align: middle;
}

.modal-header {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #ccc;
}

/* Social Media Style */

ul.social_media {
    margin: 0px;
    padding: 10px 0px 10px 0px;
    width: 100%;
}

    ul.social_media li {
        display: inline-block;
        list-style-type: none;
        list-style-image: none;
        padding: 0px;
        /*margin: 0 0px 10px 5px;*/
        border: none;
        vertical-align: top;
    }

        ul.social_media li a {
            display: block;
            font-size: 18px;
            background: transparent;
            transition: none .6s ease-in-out;
            -webkit-transition: none .6s ease-in-out;
            -moz-transition: none .6s ease-in-out;
            -o-transition: none .6s ease-in-out;
            -ms-transition: none .6s ease-in-out;
        }

            ul.social_media li a:hover {
                display: block;
            }

    ul.social_media .fa {
        padding: 0px;
        margin: 0px;
        font-weight: 300;
        color: #646464;
        width: 44px !important;
        height: 44px !important;
        line-height: 44px !important;
        text-align: center;
        border: 1px solid #3e3e3e;
    }

        ul.social_media .fa:hover {
            color: #fff
        }

.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
}

    .fa-facebook:hover {
        background: #3b5998;
    }

    .fa-google:hover {
        background: #3f85f4;
    }

    .fa-google-plus:hover {
        background: #d13f2d;
    }

    .fa-linkedin:hover {
        background: #0275b5;
    }

    .fa-youtube:hover {
        background: #ce332d;
    }

    .fa-youtube-play:hover {
        background: #ce332d;
    }

    .fa-tumblr:hover {
        background: #274152;
    }

    .fa-twitter:hover {
        background: #4dc8f1;
    }

    .fa-pinterest:hover {
        background: #cb2028;
    }

    .fa-instagram:hover {
        background: #3e739d;
    }



/*  Parallax Image CSS */
.parallax-container {
    min-height: 300px;
    width: 100%;
}

.parallax-banner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0px 0;
    margin: 0px;
    overflow: hidden;
    clear: both;
    float: left;
    z-index: 0;
}


/*  Breadcrumbs */
.breadcrumbs_panel {
    padding: 0px 0 6px;
    margin: 5px 0px -1px 0;
    /*border-bottom: 1px solid #e5e5e5;*/
}

.breadcrumb {
    padding: 15px 0px 0px 0px !important;
    margin: 0 !important;
    background-color: transparent !important;
}

    .breadcrumb li {
        padding: 0;
        margin: 0;
        list-style: none;
        font-size: 13px;
    }

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

    .breadcrumb a {
        color: #222;
        text-decoration: none;
        padding: 0;
    }

        .breadcrumb a:hover {
            color: #222;
            text-decoration: none;
        }

    .breadcrumb h1 {
        display: inline-block;
        font-size: 14px;
        color: #222;
    }

.bcstaticpanel {
    border-top: 1px solid #e5e5e5 !important;
    text-align: center;
}

.bcstatic {
    padding: 8px 10px !important;
}
/* Google Map  */
.map-container {
    width: 100%;
    height: 300px;
    border: 0px;
    float: left;
    padding: 0;
    margin: 0;
}

    .map-container iframe {
        width: 100%;
        height: 100%;
        border: 0px;
        pointer-events: none;
    }


/*  Form Control / Btn */
.form-control, .btn {
    border-radius: 0px;
    resize: none;
}



/*  Bootsratp Grid of 5 */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    width: 100%;
    float: left;
}

@media (min-width: 768px) {
    .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
        width: 100%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/*  Table Heads bg 
.th {
    background: #00b1ef;
}

.tch {
    background: #d1cccc;
    color: #fff;
}

.tc {
    background: #fbfbfb;
}*/

/*  btn-outline */
.btn-outline {
    background: none;
    border: 1px solid #cccccc !important;
}

    .btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active, .open > .dropdown-toggle.btn-outline {
    }

    .btn-outline:active, .btn-outline.active {
        box-shadow: none;
    }

    .btn-outline.btn-sm {
        border-radius: 0px;
    }


/*  fa width */
.fa-20 {
    width: 20px;
    text-align: center;
}

.fa-25 {
    width: 25px;
    text-align: center;
}

.fa-30 {
    width: 30px;
    text-align: center;
}

/*  text responsive align */
@media (max-width: 768px) {
}

@media (min-width: 992px) {
    .text-md-right {
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .text-md-right {
        text-align: right;
    }
}

.specs {
    height: 100%;
}

.prod_specs {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .prod_specs li:nth-child(1) {
        width: 22%;
    }

    .prod_specs li:nth-child(2) {
        width: 38%;
    }

    .prod_specs li:nth-child(3) {
        width: 38%;
    }

#product-details .prod_specs li .form-control {
    z-index: 0;
    width: 250px;
    margin-top: 5px;
}

#product-details .prod_specs .lang {
    z-index: 0;
    width: 140px;
    margin-top: 5px;
}

#product-details .prod_specs .opt {
    z-index: 0;
    width: 267px;
    margin-top: 5px;
}


.fa-arrow-up {
    margin-right: 0 !important;
}

.fa-search {
    margin-right: 0 !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 0) {
    ::i-block-chrome, .container {
        width: 1345px !important;
    }

    @media (min-width:1200px) {
        /*.container {
            width: 1200px !important;
        }*/

        .specs {
            height: 208px !important;
            white-space: nowrap;
        }
    }

    @media only screen and (min-width:1280px) {
        /*.container {
            width: 1260px !important;
        }*/

        .specs {
            height: 100% !important;
        }
    }

    @media only screen and (min-width:1366px) {
        /*.container {
            width: 1300px !important;
        }*/

        .specs {
            height: 108px !important;
        }
    }


    @media only screen and (min-width: 1360px) and (max-width:1440px) {
        /*.container {
            width: 1345px !important;
        }*/

        .specs {
            height: 308px !important;
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 0) and (max-width:2048px) and (min-width: 1920px) {
        /*.container {
            width: 1600px !important;
        }*/

        .specs {
            height: 100%;
        }
    }


    @media only screen and (max-width:485px) and (min-width:320px) {
        .container {
            width: 100% !important;
        }

        .h4, h4 {
            font-size: 1rem;
            margin-top: 10px !important;
        }
    }

    @media (min-width: 1600px) {
        .container {
            width: 1700px !important;
        }
    }

    /*
=====================================================================================================================================================
HEADING STYLE
=====================================================================================================================================================
*/

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: inherit;
        font-weight: 400;
        line-height: 1.1;
        color: inherit;
        padding: 0;
        margin: 0;
    }

        .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
            font-weight: 300;
            line-height: 1;
            color: #777
        }

    .h1, .h2, .h3, h1, h2, h3 {
        margin-top: 0px;
        /*margin-bottom: 10px*/
    }

        .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
            font-size: 65%
        }

    .h4, .h5, .h6, h4, h5, h6 {
        margin-top: 0px;
        margin-bottom: 10px
    }

        .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
            font-size: 75%
        }

    .h1, h1 {
        font-weight: 600;
        font-size: 26px;
        color: #323232;
    }

    .h2, h2 {
        font-size: 1.5rem;
    }

    .h3, h3 {
        font-size: 18px
    }

    .h4, h4 {
        font-size: 1rem
    }

    .h5, h5 {
        font-size: 14px
    }

    .h6, h6 {
        font-size: 12px
    }


    .heading {
        text-align: left;
        position: relative;
        display: flow-root;
        margin: 30px;
        float: left;
    }

        .heading h2, .heading h1 {
            text-transform: none;
            font-weight: 600;
            font-size: 28px;
            /*word-break: break-all;*/
            /*COLOR: #0087c8*/
        }

        .heading:after {
            content: "";
            position: absolute;
            width: 50px;
            border-bottom: 5px solid #f07d10;
            height: 10px;
            left: 3px;
            /*bottom: -3px;
            margin-left: -60px;*/
			padding-top:25px;/*18.11.24*/
        }

    /*  .heading:before {
            content: "";
            position: absolute;
            width: 100px;
            border-top: 1px solid #646464;
            height: 5px;
            left: 50%;
            bottom: 0;
            margin-left: -50px
        }
        
        .heading:after {
            content: "";
            position: absolute;
            width: 50px;
            border-bottom: 1px solid #646464;
            height: 5px;
            left: 50%;
            bottom: 0;
            margin-left: -25px
        }*/

    .heading-top {
        text-align: center;
        position: relative;
        display: inline-block;
        margin: 0px auto 0px;
        float: none;
    }

        .heading-top h2, .heading-top h1 {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 23px !important;
            padding: 0 0px !important;
            word-break: break-all;
            margin-bottom: 0px;
        }

        .heading-top:before {
            content: "";
            position: absolute;
            width: 0;
            border-top: none;
            height: 0;
            left: 0;
            bottom: 0;
            margin-left: 0
        }

        .heading-top:after {
            content: "";
            position: absolute;
            width: 0;
            border-bottom: none;
            height: 0;
            left: 0;
            bottom: 0;
            margin-left: 0
        }

    .heading-sec {
        text-align: center;
        position: relative;
        display: inline-block;
        margin: 20px auto 20px;
        float: none;
    }

        .heading-sec h2, .heading-sec h1 {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 18px;
            padding: 0 230px !important;
            word-break: break-all;
        }

        .heading-sec:before {
            content: "";
            position: absolute;
            width: 100px;
            border-top: 1px solid #646464;
            height: 5px;
            left: 50%;
            bottom: 0;
            margin-left: -50px
        }

        .heading-sec:after {
            content: "";
            position: absolute;
            width: 50px;
            border-bottom: 1px solid #646464;
            height: 5px;
            left: 50%;
            bottom: 0;
            margin-left: -25px
        }


    .heading.heading-inverse h2, .heading.heading-inverse h1 {
        color: #fff;
    }

    .home-row {
        margin-top: 30px;
        margin-bottom: 30px;
    }



    .btn_exp {
        padding: 5px 35px;
        font-size: 20px;
        background: #f27f14 !important;
        border-color: #f27f14 !important;
        color: #fff !important;
    }

    .btn_blackban {
        padding: 5px 15px;
        font-size: 25px;
        background: rgb(43, 42, 41) !important;
        border-color: rgb(43, 42, 41) !important;
        color: #fff !important;
    }

    .btn_black {
        background-color: #000;
        -webkit-border-radius: 10px;
        border-radius: 0px;
        border: none;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-family: Arial;
        font-size: 13px;
        text-align: center;
        text-decoration: none;
        height: 25px;
        padding: 5px 10px !important;
    }

    .btn_blink {
        background-color: #004A7F;
        -webkit-border-radius: 10px;
        border-radius: 0px;
        border: none;
        color: #000;
        cursor: pointer;
        display: inline-block;
        font-family: Arial;
        font-size: 13px;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        -webkit-animation: glowing 1500ms infinite;
        -moz-animation: glowing 1500ms infinite;
        -o-animation: glowing 1500ms infinite;
        animation: glowing 1500ms infinite;
    }

    @-webkit-keyframes glowing {
        0% {
            background-color: #f0a704;
            -webkit-box-shadow: 0 0 3px #eabf47;
        }

        50% {
            background-color: rgb(255, 247, 178);
            -webkit-box-shadow: 0 0 40px rgb(255, 247, 178);
        }

        100% {
            background-color: #f0a704;
            -webkit-box-shadow: 0 0 3px #eabf47
        }
    }

    @-moz-keyframes glowing {
        0% {
            background-color: #f0a704;
            -webkit-box-shadow: 0 0 3px #eabf47
        }

        50% {
            background-color: rgb(255, 247, 178);
            -moz-box-shadow: 0 0 40px rgb(255, 247, 178);
        }

        100% {
            background-color: #f0a704;
            -webkit-box-shadow: 0 0 3px #eabf47
        }
    }

    @-o-keyframes glowing {
        0% {
            background-color: #f0a704;
            -webkit-box-shadow: 0 0 3px #eabf47
        }

        50% {
            background-color: rgb(255, 247, 178);
            box-shadow: 0 0 40px rgb(255, 247, 178);
        }

        100% {
            background-color: #f0a704;
            -webkit-box-shadow: 0 0 3px #eabf47
        }
    }

    @keyframes glowing {
        0% {
            background-color: #f6fa00;
            box-shadow: 0 0 3px #B20000;
        }

        50% {
            background-color: #f0a704; /*rgb(255, 247, 178);*/
            /*box-shadow: 0 0 40px rgb(255, 247, 178);*/
        }

        100% {
            background-color: #f6fa00;
            /*#B20000;*/
            box-shadow: 0 0 3px #eabf47
        }
    }
    /*
=====================================================================================================================================================
WRAPPER
=====================================================================================================================================================
*/
    .wrapper {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: left;
        float: none;
    }

    .wrapper {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -0px;
    }
    /* the bottom margin is the negative value of the footer's height */
    .footer {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .footer, .push {
        min-height: 0px;
        clear: both; /* .push must be the same height as .footer */
    }

    .margin-t {
        margin-top: 2px;
    }

    .paypal-logo {
        font-family: Verdana, Tahoma;
        font-weight: bold;
        font-size: 17px;
    }

        .paypal-logo i:first-child {
            color: #253b80;
        }

        .paypal-logo i:last-child {
            color: #179bd7;
        }

    .paytm-logo {
        font-family: fontopoFONTOPO-Regular !important;
        font-weight: bold;
        font-size: 18px;
    }

        .paytm-logo i:first-child {
            color: #052d6d;
            font-style: normal;
        }

        .paytm-logo i:last-child {
            color: #01b5ec;
            font-style: normal;
        }
    /*
=====================================================================================================================================================
HEADER STYLE
=====================================================================================================================================================
*/
    /*  Header Top */
    header {
        background: rgb(248, 248, 248);
    }

    .header-top {
        padding: 0px 0px;
        background: RGB(67, 66, 66);
        color: #fff;
    }


    /*  Header middle */
    .header-middle .white-stripe {
        display: -webkit-inline-box;
        width: 100%;
        margin-bottom: 0;
    }

        .header-middle .white-stripe li:first-child {
            width: 20%;
            margin: 0px 15px 0 8px;
        }

        .header-middle .white-stripe li:nth-child(n+2) {
            width: 57%;
            margin: 0px 0px 0;
        }

        .header-middle .white-stripe li:last-child {
            width: 23%;
            margin: 0 !important;
        }

    .header-middle .logo {
        padding: 10px 0;
        margin: 0;
    }

        .header-middle .logo h1 {
            line-height: 0px !important;
            padding: 0px 0;
            margin: 0;
        }

        .header-middle .logo img {
            max-width: 100%;
            height: 50px; /*60px*/
            -moz-transition: height 0.6s;
            transition: height 0.6s;
        }

    /*  Header Right */
    .hdr-list {
        text-align: center;
    }

        .hdr-list > ul {
            display: block;
            padding: 0;
            margin: 0;
        }


            .hdr-list > ul > li {
                position: relative;
                list-style: none;
                padding: 0;
                margin: 0 0 0 1px;
                display: inline-block;
                border-left: none !important;
            }

            .hdr-list > ul > .header-minicart {
                width: 100%;
            }

    .hdr-class {
        padding-top: 4px;
        padding-left: 26px;
    }

    @media screen and (min-width: 1700px) {
        .hdr-class {
            padding-top: 4px;
            padding-left: 96px;
        }
    }

    .border-l {
        border-left: 1px solid #ccc;
    }

    .border-r {
        border-right: 1px solid #ccc;
    }

    .hdr {
        padding: 8px;
        text-align: center;
    }

    .fa-class {
        /*padding: 15px 0px;*/
        font-size: 25px;
        display: flex;
         align-items: center; 
        vertical-align: middle;
        
    }
    /*.cart .hdr-list > ul > li {
            width:90% !important;
        }*/
    .fa-key {
        margin-right: 0px !important;
    }

    .fa-user {
        margin-right: 0 !important;
    }

    .wsmenu-list > .pull-right > .hdr-list > ul > li > a {
        color: #FFF;
        line-height: 16px;
        text-align: left;
        padding: 14px 9px 14px 14px;
        margin: 0px;
    }

    .wsmenu > .wsmenu-list > .pull-right > .hdr-list > ul > > li > .navtext {
        line-height: 16px;
        text-align: right;
        padding: 5px 20px;
        margin: 0px;
    }

    .hdr-list > ul > li > a {
        display: block;
        padding: 0 10px;
        color: #fff;
        line-height: 28PX;
        position: relative;
        text-decoration: none;
        FONT-SIZE: 14PX
    }

    .hdr-top > ul > li > a {
        display: block;
        padding: 0 10px;
        color: #fff;
        line-height: 25PX;
        position: relative;
        text-decoration: none;
        FONT-SIZE: 12PX
    }


    .hdr-top > ul > li + li:before {
        content: "";
        position: absolute;
        left: -2px;
        right: 1px;
        top: 50%;
        margin-top: -7px;
        width: 2px;
        height: 12px;
        background: #fff;
        display: block;
        -webkit-transition: all .50s ease;
        -moz-transition: all .50s ease;
        -ms-transition: all .50s ease;
        -o-transition: all .50s ease;
        transition: all .50s ease;
    }
}


/*.hdr-list ul > li span.head {
        padding-left: 10px;
    }*/

.hdr-list ul > li > a:hover {
    color: #000;
    background: rgba(228, 217, 217, 0.11);
}

.hdr-list ul > li:hover > a {
    color: #000;
    background: rgba(228, 217, 217, 0.40);
}

.hdr-list li.dropdown > a {
    padding-right: 25px;
}

    .hdr-list li.dropdown > a:after {
        position: absolute;
        top: 15px;
        right: 0px;
        display: block;
        content: "\f107";
        font-family: 'FontAwesome';
        -webkit-transition: all .50s ease;
        -moz-transition: all .50s ease;
        -ms-transition: all .50s ease;
        -o-transition: all .50s ease;
        transition: all .50s ease;
    }

.hdr-list li.dropdown:hover > a:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.hdr-list .dropdown-menu {
    background: #fff;
    color: #323232;
    border-radius: 0;
    top: auto;
    margin-top: -2px;
    min-width: 100px;
    border: 1px solid #d6d6d6 !important;
}

.hdr-list .dropdown-login {
    width: 280px !important;
    padding: 15px !important;
    font-size: 13px;
}

    .hdr-list .dropdown-login .form-control {
        font-size: 13px;
    }


.hdr-list ul .dropdown-menu {
    padding: 0;
    margin: 0;
}

    .hdr-list ul .dropdown-menu li {
        border-bottom: 1px solid #f5f5f5;
    }

        .hdr-list ul .dropdown-menu li a {
            padding: 10px;
            box-shadow: none;
        }

            .hdr-list ul .dropdown-menu li a:hover {
                background: transparent;
            }

@media (max-width:992px) {
    body {
        padding-top: 130px;
    }

    .hdr-list ul > li span.head {
        display: none !important;
    }
}

.a-unordered-list {
    list-style: disc !important;
}

@media (max-width:767px) {
    body {
        padding-top: 120px;
    }

    .header-middle .col-sm-3, .header-top .col-sm-9 {
        padding: 0;
    }

    .header-middle .logo {
        text-align: center;
    }

    .hdr-list > ul {
        border-top: none;
    }

    .hdr-list ul > li span.head {
        display: inline-block !important;
    }

    .hdr-list > ul > li > a {
        line-height: 40px;
        padding: 0 15px;
    }

    .hdr-list {
        text-align: left;
        background: #fff;
    }

        .hdr-list .dropdown-menu.dropdown-login {
            right: 50% !important;
            left: auto !important;
            margin-right: -90px;
        }
}




@media (min-width: 992px) {
    .top-nav-collapse .header-middle .logo {
        padding: 5px 0;
        margin: 0;
    }

        .top-nav-collapse .header-middle .logo img {
            /*height: 50px;*/
        }

    .top-nav-collapse .hdr-list > ul > li > a {
        line-height: 35px;
    }

    .top-nav-collapse .header-search { /*margin-top:7px;*/
    }
}



/*  Header Menu */
.header-menu {
    background: #0083c9;
}

    .header-menu .container {
        position: relative;
    }
/*.header-menu .col-md-9 { position:static !important;    }*/

/* Navbar */
.navbar {
    border: 0px !important;
    border-radius: 0px !important;
}

.navbar, .navbar-nav {
    border: none !important;
    margin-bottom: 0px !important;
    z-index: 99999;
}




.nav > li > a {
    font-size: 14px;
    color: #333;
    display: block !important;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 300;
}

.nav li:hover > a {
    color: #f8cd00 !important;
    background: transparent !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    color: #f8cd00 !important;
    background: transparent !important;
}

/* Active Class */
.nav > li.active > a, .nav > li.active > a:hover {
    color: #f8cd00 !important;
    background: transparent !important;
}

.nav > li.active:hover > a {
    color: #f8cd00 !important;
    background: transparent !important;
}

/* All Cat Class */
.navbar-nav > .liviewall {
    width: 100%;
    background: #000 !important;
}

    .navbar-nav > .liviewall > a {
        width: 100%;
        text-align: center;
    }

/*.img-menu { border:2px solid #fff; padding:1px; box-shadow: 0px 0px 3px #646464;}*/
/*.img-menu {  -webkit-filter: grayscale(100%);  filter: grayscale(100%);}*/

@media (min-width: 992px) {
    .navbar-nav {
        width: 100%;
    }

    .nav > li > a {
        font-size: 14px;
        display: inline-block !important;
        border-bottom: 0px;
        text-decoration: none;
        text-transform: uppercase;
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }
    /*.nav > li.dropdown > a::after{ content:"\f107"; font-family: fontawesome;  padding: 0 5px;   }*/
    .nav > li > a {
        color: #fff;
    }

    .nav > li.dropdown > a {
        padding-right: 30px;
    }

        .nav > li.dropdown > a:after {
            position: absolute;
            top: 0;
            line-height: 52px;
            right: 11px;
            display: block;
            content: "\f107";
            font-family: 'FontAwesome';
            -webkit-transition: all .50s ease;
            -moz-transition: all .50s ease;
            -ms-transition: all .50s ease;
            -o-transition: all .50s ease;
            transition: all .50s ease;
        }

    .nav > li.dropdown:hover > a:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}



@media (min-width: 992px) {
    .dropdown .dropdown-menu {
        visibility: hidden !important;
        opacity: 0 !important;
        display: block;
        border: 0;
        /*
        border-width: 0px 1px 1px;*/
    }
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        visibility: visible !important;
        opacity: 1 !important;
        -webkit-animation: fadeIn 300ms ease;
        -moz-animation: fadeIn 300ms ease;
        -ms-animation: fadeIn 300ms ease;
    }
}

/* Dropdown Menu */
.menu-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    padding: 5px 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
    font-size: 14px;
    text-align: left;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

    .menu-dropdown > li > a {
        display: block;
        padding: 10px 15px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

ul.menu-dropdown li {
    border-bottom: 1px solid #ccc;
}

    ul.menu-dropdown li:last-child {
        border-bottom: none;
    }

    ul.menu-dropdown li a {
        font-weight: 600;
        color: #333;
        text-wrap: normal;
        line-height: normal;
        padding: 10px 15px;
        text-decoration: none;
    }

        ul.menu-dropdown li a:hover {
            color: #204f08;
            background: #f5f5f5;
        }

.nav > li.active ul.menu-dropdown li a {
    color: #333;
}

.navbar-nav .menu-dropdown {
    width: auto;
    border-radius: 0px;
    min-width: 200px;
    padding: 0px !important;
}

.has-dropdown .menu-dropdown li a {
    font-weight: normal !important;
    white-space: normal;
}

.has-dropdown:hover .menu-dropdown {
    display: block !important;
    padding: 0px;
    border: 0px;
    width: 258px;
}

/* First Level Dropdown Menu */
.nav > li.has-dropdown a {
    padding-right: 30px !important;
}

.nav > li.has-dropdown > a:after {
    position: absolute;
    top: auto;
    right: 11px;
    display: inline-block;
    content: "\f107";
    font-family: 'FontAwesome';
    -webkit-transition: all .50s ease;
    -moz-transition: all .50s ease;
    -ms-transition: all .50s ease;
    -o-transition: all .50s ease;
    transition: all .50s ease;
}

.nav > li.has-dropdown:hover > a:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (min-width: 992px) {
    /* nav dropdown First level */
    .menu-dropdown {
        display: none !important;
        -webkit-animation: fadeInDown 300ms ease;
        -moz-animation: fadeInDown 300ms ease;
        -ms-animation: fadeInDown 300ms ease;
    }
}

@media (max-width:992px) {
    .nav > li {
        border-bottom: 1px solid #ccc;
    }

        .nav > li > a {
            line-height: normal !important;
            color: #333;
            width: 100%;
            display: block;
        }

    .navbar-nav .open .menu-dropdown > li > a {
        padding: 5px 15px !important;
    }

    .menu-dropdown {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (min-width: 992px) {
    #navbar {
        display: inline-block;
        float: right;
        -webkit-transition: margin 0.6s;
        -moz-transition: margin 0.6s;
        transition: margin 0.6s;
    }

    .nav > li > a {
        line-height: 25px !important;
        margin: 0px 10px;
        display: block;
    }

    .nav > li.active a {
        color: #fff;
    }

    .nav li:hover > a {
        color: #fff;
    }

    .nav > li > a:hover, .nav > li > a:focus {
        background: transparent !important;
        color: #fff;
    }
}

@media (max-width:991px) {
    .navbar-header {
        padding: 0px 0 0;
        width: 100% !important;
    }

    header {
        background: #fff;
    }

    .navbar-header .logo img {
        width: 70%;
    }

    .navbar-nav > li {
        border-bottom: 1px solid #ccc;
    }

    .nav > li > a {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width:1025px) {
    .nav > li > a {
        font-size: 16px;
    }
}





/*  Header Search */
.header-search { /*background:#fff;*/
    float: right; /*margin-top:15px;*/
    font-size: 12px !important;
    padding: 18px 0;
    width: 100%;
}

    .header-search .input-group {
        border: 0px !important;
    }

    .header-search .search-dd {
        position: absolute;
        width: auto !important;
        background: #ddd;
    }

    .header-search .search-txt {
        width: 85% !important;
    }

#form-wrapper {
    width: 100%;
    height: 50px;
    margin: 10px 0; /*15px*/
}

.nav-list {
    padding: 9px 25px 9px 5px;
    position: relative;
    float: left;
    border: 1px solid #ACACAC;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #DDD;
}

    .nav-list:hover {
        background-color: #c4c4c4;
    }

#dropdown {
    visibility: visible;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}

.arrow {
    border-style: solid;
    border-width: 4px 4px 0px;
    border-color: #a0a0a0 transparent transparent;
    border-top: 4px solid #a0a0a0;
    width: 0px;
    height: 0px;
    font-size: 0px;
    line-height: 0;
    position: absolute;
    right: 8px;
    top: 20px;
}

.current-selection {
    display: inline-block;
    font-size: 14px;
}

.in-wrap {
    overflow: hidden;
    height: 100%;
}

#search-box {
    width: 100%;
    height: 50px;
    border: 1px solid #ACACAC;
    /*border-left: none;*/
    border-right: none;
    line-height: 25px;
    font-size: 15px;
    padding-left: 10px;
}

.go-button {
    float: right;
    height: 100%;
    border: 1px solid #ACACAC;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin: 0;
    padding: 0 15px;
    background: #f07d10;
    color: #fff;
}



.header-search .input-group-addon {
    background: #002365;
    border-radius: 0px;
    border: 0px !important;
    padding: 9px 8.5px;
}

    .header-search .input-group-addon .fa {
        color: #fff;
        font-size: 16px;
        margin-right: 0px !important;
    }

    .header-search .input-group-addon a {
        color: #fff;
        text-decoration: none;
        margin-left: 2px;
    }

.header-search .form-control {
    font-size: 12px !important;
    float: left;
}


.ban-strip {
    background: #fff;
    padding: 0px 0px;
    text-align: center;
}

    .ban-strip a {
        color: #333 !important;
    }

        .ban-strip a:hover {
            color: #333;
        }

    .ban-strip .container .col-sm-4 {
    }

    .ban-strip h5 {
        font-size: 18px;
        color: #333;
        vertical-align: middle;
        margin: 0;
        border: 1px solid #646464;
        padding: 20px 0px;
    }

        .ban-strip h5 .fa, .ban-strip h5 .lnr {
            margin-right: 15px;
            font-size: 30px;
            font-weight: normal;
            vertical-align: middle;
        }


/*
=====================================================================================================================================================
FOOTER STYLE
=====================================================================================================================================================
*/
footer {
    font-size: 13px;
    font-weight: normal;
    background: #fff;
}


/*  Footer Top */
.footer-top {
    background: #e5e5e5; /*rgb(0, 10, 27);*/
    /*padding: 15px 0px 3px;*/
    text-align: center;
    /*background: -moz-linear-gradient(-45deg, #ed6802 0%, #ed8c2f 50%, #ee8c2f 50%, #e09f61 100%);
        background: -webkit-linear-gradient(-45deg, #ed6802 0%,#ed8c2f 50%,#ee8c2f 50%,#e09f61 100%);
        background: linear-gradient(135deg, #ed6802 0%,#ed8c2f 50%,#ee8c2f 50%,#e09f61 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6802', endColorstr='#e09f61',GradientType=1 );*/
    background: url(../images/bg-subscribe.jpg) no-repeat;
    background-size: cover;
}

    .footer-top a {
        color: #fff !important;
        font-size: 16px;
    }

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

    .footer-top .container .col-sm-4 {
    }

    .footer-top h5 {
        font-size: 18px;
        color: #333;
        vertical-align: middle;
        margin: 0;
        border: 1px solid #646464;
        padding: 20px 0px;
    }

        .footer-top h5 .fa, .footer-top h5 .lnr {
            margin-right: 15px;
            font-size: 30px;
            font-weight: normal;
            vertical-align: middle;
        }

/*  Footer Bottom */
.footer-middle {
    background: rgb(238, 238, 238);
    padding: 15px 0px;
}

.footer a {
    color: #ccc;
}

    .footer a:hover {
        color: #fff;
    }
/*  Footer Bottom */
.footer-bottom {
    background: #fff;
    padding: 15px 0px;
    box-shadow: inset 0px 1px 10px #fff;
}

.footer-bottom {
    color: #000;
}

    .footer-bottom a {
        color: #000;
    }

        .footer-bottom a:hover {
            color: #333;
        }

    .footer-bottom h3 {
        font-size: 16px;
        font-weight: 700 !important;
        padding: 0px;
        margin: 0;
        color: #000;
        text-transform: uppercase;
        line-height: 30px;
        vertical-align: middle;
    }

ul.ftr_links {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 13px;
}

    ul.ftr_links li {
        padding: 3px 0px;
    }

footer address {
    line-height: 20px;
}

/*  Footer Copyright */
.footer-copy {
    padding: 15px 0px 10px 0;
    color: #000;
}

ul.ftr_copy {
    padding: 0;
    margin-top: 15px;
    list-style: none;
    font-size: 15px;
    line-height: 35px;
}

    ul.ftr_copy li {
        padding: 0 5px 0 0;
        display: inline-block;
        font-weight: 800;
    }

        ul.ftr_copy li:first-child:before {
            content: "";
            padding-right: 0px;
        }

        ul.ftr_copy li:before {
            content: "|";
            padding-right: 5px;
        }

.footer-copy .social_media {
    text-align: right;
}

.footer-copy ul.social_media .fa {
}

/*  Footer Subscribe */
.footer-subscribe {
    font-size: 12px !important;
    float: right;
    width: 50%;
}

    .footer-subscribe a {
        text-decoration: none;
    }

    .footer-subscribe .input-group {
        /*margin-top: 10px;*/
        width: 100%;
        display: -webkit-inline-box
    }

    .footer-subscribe .input-group-addon {
        background: #555;
        border-radius: 0px;
        border-color: #555;
        height: 34px;
    }

        .footer-subscribe .input-group-addon .lnr {
            color: #fff;
            font-size: 14px;
        }

    .footer-subscribe .form-control {
        font-size: 12px !important;
        color: #333;
        background: #eeeeee;
        border-color: #3e3e3e;
        height: 35px !important;
    }


@media (max-width:991px) {
    .footer-bottom .col-md-3 {
        border-bottom: 1px solid #3e3e3e;
        margin-bottom: 10px;
    }

    .footer-bottom {
        padding: 15px 0px 10px 0;
    }

    footer address {
        margin-bottom: 10px
    }

    ul.ftr_links {
        margin: 0 0 10px 0px;
    }

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

        ul.ftr_links > li:before {
            padding: 0 5px;
            color: #ccc;
            content: "|\00a0";
        }

    ul.ftr_copy {
        line-height: 25px;
        margin: 0 0 10px 0px;
    }

    .footer-copy .social_media {
        text-align: left;
        color: #fff;
    }
}

.link_nav {
}
/*
=====================================================================================================================================================
HOME BODY STYLE
=====================================================================================================================================================
*/
#visual-wrapper .tp-banner-container {
    max-width: 1920px;
    margin: 0 auto;
    float: none;
}

}

#visual-section {
    position: relative;
    width: 100%;
    background: #00274a url(../404-error.html)no-repeat top center;
    background-size: cover;
    background-attachment: fixed
}

    #visual-section .tp-banner-container {
        max-width: 1600px;
        margin: 0 auto
    }




/*  Product Box */
.prod_box {
    display: block;
    text-decoration: none;
    position: relative;
    /*margin-bottom: 15px;*/
}

.prod_box {
    -webkit-animation: fadeInUp 1000ms ease;
    -moz-animation: fadeInUp 1000ms ease;
    -ms-animation: fadeInUp 1000ms ease;
    -webkit-transition: all .50s ease;
    -moz-transition: all .50s ease;
    -ms-transition: all .50s ease;
    -o-transition: all .50s ease;
    transition: all .50s ease;
}

    .prod_box:hover {
        box-shadow: 0px 5px 5px #666;
    }

    .prod_box figure {
        text-align: center;
    }

        .prod_box figure img {
            max-width: 100%;
            position: relative;
            z-index: 0;
            /*border: 1px solid #e7e7e7;*/
        }

    .prod_box figcaption {
        padding: 5px 6px;
        background: rgba(255,255,255,0.3);
        position: relative;
        text-align: left;
        /*border: 1px solid #e7e7e7;*/
        -webkit-transition: all .300s ease;
        -moz-transition: all .300s ease;
        -ms-transition: all .300s ease;
        -o-transition: all .300s ease;
        transition: all .300s ease;
        COLOR: #ed6802;
    }

        .prod_box figcaption h2 {
            color: #000;
            font-weight: 600;
            line-height: normal;
            margin: 0;
            height: 22px;
            line-height: 25px;
            font-size: 19px;
        }

    .prod_box a {
        text-decoration: none;
        color: #ffffff;
    }

    .prod_box figcaption:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: scaleY(0);
        transform-origin: top center;
        background: #fff;
        z-index: -1;
        transition: transform 0.3s;
    }

    .prod_box:hover figcaption:after {
        transform: scaleY(1);
    }




    .prod_box .prod_price {
        font-size: 18px;
        color: #323232;
    }

        .prod_box .prod_price .strikethrough {
            font-size: 14px;
            text-decoration: line-through;
            color: #000;
            margin-left: 10px;
        }

    .prod_box .prod_cart {
        text-align: right;
    }

        .prod_box .prod_cart a {
            color: #000;
            background: transparent !important;
        }

            .prod_box .prod_cart a .fa-heart:before {
                content: "\f004";
                color: #ed6802;
            }

            .prod_box .prod_cart a:hover {
                color: #fff;
                background: #f27f14 !important;
            }

            .prod_box .prod_cart a:focus {
                color: #fff;
                background: #f27f14 !important;
            }

            .prod_box .prod_cart a:active {
                color: #fff;
                background: #f27f14;
            }

            .prod_box .prod_cart a .fa {
                margin-right: 0 !important;
            }

ul.list-table {
    padding: 0;
    margin: 0;
    list-style: none;
    display: table;
    width: 100%;
}

    ul.list-table li {
        padding: 0;
        margin: 0;
        list-style: none;
        display: table-cell;
        width: auto;
        vertical-align: middle;
    }

.pic_wrap {
    position: relative;
    background: #fff;
    overflow: hidden;
}

    .pic_wrap img {
        margin: 0 auto;
        width: 100%;
    }


.prod_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

    .prod_overlay .prod_mask {
        position: absolute;
        opacity: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        /*background: #eb691ee0;*/
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .prod_overlay .lnr {
        position: absolute;
        width: 50px;
        height: 50px;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -25px;
        opacity: 0;
        font-size: 50px;
        color: #fff;
        z-index: 9;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

.prod_box:hover .prod_mask {
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.prod_box-item:hover {
    background: rgba(0, 0, 0, 0.5);
    /*background: #eb691ee0;*/
    opacity: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.slider-item .heart {
    margin-left: 85px;
}

.prod_box:hover .lnr {
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    opacity: 1;
}


.gridi-panel {
    background-color: #fff;
    border-radius: 15px;
}

.gridi {
    display: grid;
    grid-template-columns: repeat(auto-fit, 295px);
    gap: 10px;
    justify-content: center;
}

    .gridi .item {
        position: relative;
        /*height: 19rem;*/
        background-color: lightGrey;
        overflow-y: hidden;
        box-shadow: 0.1rem 0.1rem 1rem rgba(0, 0, 0, 0.1);
        /*margin-bottom: 20px;*/
    }

        .gridi .item h3 {
            margin: 0;
            display: block;
            background-color: #eb691e;
            padding: 1rem;
            transform: translate3d(0, -145%, 0);
            transition: transform 300ms;
            color: #fff;
            text-align: center;
        }

        .gridi .item a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

            .gridi .item a:hover ~ .item__overlay, .item a:focus ~ .item__overlay {
                transform: translate3d(0, 0, 0);
            }

                /*.item a:hover ~ .item__overlay h3, .item a:focus ~ .item__overlay h3 {
                    transform: translate3d(0, 0, 0);
                }*/

                .gridi .item a:hover ~ .item__overlay .item__body, .item a:focus ~ .item__overlay .item__body {
                    opacity: 1;
                }

    .gridi img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

    .gridi .item__overlay {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        position: absolute;
        width: 100%;
        top: 0;
        transition: transform 300ms;
        background-color: #eb691ee0;
        transform: translate3d(0, 100%, 0);
    }

    .gridi .item__body {
        flex-grow: 1;
        /*padding: 1rem;*/
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity 500ms 100ms;
    }

        .gridi .item__body p {
            color: #fff;
            margin: 30px 14px;
            font-size: 30px;
            font-weight: 600;
            text-align: center;
            vertical-align: middle;
        }

            .gridi .item__body p button {
                margin-top: 15px;
            }



.item .item__overlay:before {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
}

.item .item__overlay:after {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
}

.item:hover .item__overlay:before {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.item:hover .item__overlay:after {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}


.item .item__overlay:before, .item .item__overlay:after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
}
/* 
/* 03. =preloader
/* =================================================================== */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.46);
    z-index: 9999999;
    height: 100%;
}

.no-js #preloader,
.oldie #preloader,
.ie9 #preloader {
    display: none;
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    padding: 0;
}

    #loader:before {
        content: "";
        border-top: 11px solid rgba(255, 255, 255, 0.2);
        border-right: 11px solid rgba(255, 255, 255, 0.2);
        border-bottom: 11px solid rgba(255, 255, 255, 0.2);
        border-left: 11px solid #ed6802;
        -webkit-animation: load 1.1s infinite linear;
        animation: load 1.1s infinite linear;
        display: block;
        border-radius: 50%;
        width: 60px;
        height: 60px;
    }

@-webkit-keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}




/*  Prod Flags / Ribbon */
.ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

    .ribbon span {
        font-size: 10px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        line-height: 20px;
        transform: rotate(45deg);
        width: 100px;
        display: block;
        background: #79A70A;
        background: linear-gradient(#F70505 0%, #8F0808 100%);
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 19px;
        right: -21px;
    }

        .ribbon span::before {
            content: '';
            position: absolute;
            left: 0px;
            top: 100%;
            z-index: -1;
            border-left: 3px solid #8F0808;
            border-right: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #8F0808;
        }

        .ribbon span::after {
            content: '';
            position: absolute;
            right: 0%;
            top: 100%;
            z-index: -1;
            border-right: 3px solid #8F0808;
            border-left: 3px solid transparent;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #8F0808;
        }

#colorstar {
    color: #ee8b2d;
}


.evaluation {
    margin-left: 30px;
}

.style_list {
    list-style: disc;
    padding: 0 25px;
}

textarea.form-control {
    height: auto;
    padding: 10px 15px;
}
/*
=====================================================================================================================================================
TESTIMONIALS
=====================================================================================================================================================
*/
/*  Testimonials Panel */
.tm-parallax-img {
    background: rgba(0,0,0,0.8)
}

ul.tm_slider {
    padding: 0;
    margin: 0 0 50px 0px;
}

    ul.tm_slider li {
        padding: 0;
        margin: 0;
        list-style: none;
        vertical-align: top;
        border: 1px solid #646464;
    }

    ul.tm_slider .tm_box {
        padding: 20px;
        color: #fff;
        text-align: left;
    }

    ul.tm_slider .tm_box {
        -webkit-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

        ul.tm_slider .tm_box:hover {
            background: #fff;
            box-shadow: 0 0px 5px 0px #646464;
            color: #333;
        }

.tm_box .tm_data {
    padding: 30px 0px 10px;
    position: relative;
    text-decoration: none !important;
    z-index: 9;
}

    .tm_box .tm_data:before, .tm_box .tm_data:after {
        font-size: 72px;
        line-height: 72px;
        color: #a6959c;
        position: absolute;
        z-index: 0;
    }

    .tm_box .tm_data:before {
        content: "\“";
        left: 0px;
        top: -10px;
    }

    .tm_box .tm_data:after {
        content: "\“";
        bottom: 0px;
        right: 0px;
        line-height: 0px;
    }

.tm_box .tm_name h4 {
    font-size: 18px;
    line-height: 22px !important;
    margin: 10px 0 !important;
}


.tm_box a {
    text-decoration: none !important;
}

#tm_wrapper .bx-wrapper {
    margin: 0 auto 60px !important;
}

    #tm_wrapper .bx-wrapper .bx-pager, #tm_wrapper .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -40px;
        width: 100%;
    }

        #tm_wrapper .bx-wrapper .bx-pager.bx-default-pager a {
            background: transparent !important;
            border: 2px solid #fff;
            width: 13px;
            height: 13px;
            margin: 0 3px;
            -moz-border-radius: 13px;
            -webkit-border-radius: 13px;
            border-radius: 13px;
        }

            #tm_wrapper .bx-wrapper .bx-pager.bx-default-pager a:hover,
            #tm_wrapper .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #fff !important;
            }

ul.tm_list {
    padding: 0;
    margin: 0 0 50px 0px;
}

    ul.tm_list li {
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
        list-style: none;
        vertical-align: top;
        border-bottom: 1px solid #e7e7e7;
    }

        ul.tm_list li:last-child {
            border-bottom: none;
        }

    ul.tm_list > .tm_box {
        padding: 20px;
        color: #646464 !important;
        text-align: left;
    }

    ul.tm_list .tm_box {
        -webkit-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
    }

        ul.tm_list .tm_box:hover {
        }

/*
=====================================================================================================================================================
BODY STYLE
=====================================================================================================================================================
*/
#body {
    padding-top: 0px;
    padding-bottom: 0px;
}

    #body .body_left {
    }

    #body .body_right {
        min-height: 350px;
    }


    #body .prod_details_left {
    }

    #body .prod_details_right {
        padding: 0px 0px 0 0px;
    }


@media (max-width:767px) {
    #body .prod_details_right {
        padding: 0px;
    }
}


.section-pic {
    height: 200px;
    margin-bottom: 10px;
}

.content_wrapper {
    border: 1px solid #e7e7e7;
    padding: 20px;
    min-height: 350px;
    background: #fff;
}

/*
=====================================================================================================================================================
LEFT PANEL
=====================================================================================================================================================
*/


.body_left .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 0px;
}

.body_left .panel-heading {
    padding: 10px 20px;
    border-bottom: none !important;
    border-radius: 0px;
    font-size: 18px;
}

.body_left .panel-body {
    padding: 10px 10px;
}

.body_left .section-head {
    padding: 10px 20px;
}

    .body_left .section-head h1 {
        font-size: 18px;
        color: #fff;
        margin: 0;
    }

.body_left .dealer-body {
    padding: 15px !important;
    font-size: 13px;
}


ul.leftmenu {
    text-align: left;
    padding: 0;
    margin: 10px 0 5px 0 !important;
}

    ul.leftmenu > li {
        padding: 0 0 10px 20px;
        margin: 0 0 10px 0;
        list-style: none;
        border-bottom: 1px solid #e8e8e8;
        position: relative;
    }

        ul.leftmenu > li:before {
            content: "\f105";
            font-family: FontAwesome;
            float: left;
            position: absolute;
            left: 4px;
        }

        ul.leftmenu > li.active:before {
            content: "\f101";
            color: #000
        }

    ul.leftmenu a, ul.leftmenu a:hover {
        text-decoration: none !important;
        color: #333;
    }

.user-name {
    font-size: 16px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    padding-left: 40px;
    border-bottom: 2px solid #ccc;
}

    .user-name span {
        display: block;
    }

    .user-name .fa {
        font-size: 20px;
        margin-left: -30px;
        float: left;
    }

/*------  Accordian  --------*/
.panel_trigger_cat {
    overflow: hidden;
    text-transform: none;
    display: block;
}

    .panel_trigger_cat > a {
        color: #1b285b;
        font-weight: 600;
        padding: 10px 10px 0px !important;
        font-size: 16px;
        border-top: 1px solid #e8e8e8;
        text-decoration: none;
        display: block;
        position: relative;
        outline: none;
        padding: 5px 40px 0px 5px;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
    }

        .panel_trigger_cat > a:hover {
            color: #cea654;
        }

    .panel_trigger_cat.active > a {
        color: #1b285b;
    }

        .panel_trigger_cat.active > a:after {
            content: "\f068";
            font-family: FontAwesome;
        }

/*.panel_trigger_cat > a:after {
        content: "\f067";
        font-family: FontAwesome;
        float: right;
        font-size: 14px;
    }*/


.panel-title > a {
    display: block;
    position: relative;
}

/*.panel-title > a:before {
        content: "\f105";  fa-chevron-down 
        font-family: 'FontAwesome';
        position: relative;
        right: 0;
    }

    .panel-title > a[aria-expanded="true"]:before {
        content: "\f107";  fa-chevron-up 
    }*/


.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    /*color: #808080;
    font-weight: 300;
    font-size: 0.9em;*/
}

#LangFilter li {
    padding-bottom: 5px;
}

.panel_trigger {
    overflow: hidden;
    text-transform: none;
    display: block;
    font-size: 16px;
}

    .panel_trigger > a {
        color: #cea654;
        font-weight: 600;
        padding: 10px 10px 0 !important;
        font-size: 16px;
        border-top: 1px solid #e8e8e8;
        text-decoration: none;
        display: block;
        position: relative;
        outline: none;
        padding: 5px 40px 0px 5px;
        -webkit-transition: color 0.2s ease-in-out;
        -moz-transition: color 0.2s ease-in-out;
        -o-transition: color 0.2s ease-in-out;
        -ms-transition: color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out;
    }

        .panel_trigger > a:hover {
            color: #cea654;
        }

    .panel_trigger.active > a {
        color: #1b285b;
    }

        .panel_trigger.active > a:after {
            content: "\f068";
            font-family: FontAwesome;
        }

    .panel_trigger > a:after {
        content: "\f067";
        font-family: FontAwesome;
        float: right;
        font-size: 14px;
    }

.panel_content {
    background: #fff;
    padding: 0px;
    margin-top: 5px;
}

.footer-top #box-with-image {
    /*border: 5px solid red;*/
    /* display: block; */
    background-image: url(../images/BSP_Rating_Review.png);
    background-size: contain;
    background-repeat: no-repeat;
    /*width: 100%;*/
    /*max-height: 225px !important;*/
}

.footer-top .panel {
    /*margin-bottom: 20px;*/
    background-color: transparent !important;
    border: 0px solid transparent;
    /* border-radius: 4px; */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.footer-top .panel-default > .panel-heading {
    /*color: #fff;
    background-color: rgb(67, 66, 66);
    border-color: #e4e5e7;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;*/
    padding: 0px;
    margin-top: 1px;
}

    .footer-top .panel-default > .panel-heading a {
        display: block;
        /*padding: 20px 15px;*/
        padding: 13px 55px;
        font-weight: 600;
        font-size: 20px;
    }

.bg-green {
    padding: 0px;
    background: #00943f;
    height: 310px;
}

.ratings {
    font-size: 50px;
    color: #fff;
    padding: 60px;
    font-weight: 800
}

.thumb-image {
    border: 1px solid #ccc;
}
/*.footer-top .panel-default > .panel-heading a:after {
            content: "";
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            float: right;
            transition: transform .25s linear;
            -webkit-transition: -webkit-transform .25s linear;
        }*/
.footer-top .panel-default > .panel-heading a[aria-expanded="true"] {
    /*background-color: rgb(67, 66, 66);*/
}

/*.footer-top .panel-default > .panel-heading a[aria-expanded="true"]:after {
                content: "\2212";
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .footer-top .panel-default > .panel-heading a[aria-expanded="false"]:after {
            content: "\002b";
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }*/

.footer-top .accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0;
}

    .footer-top .accordion-option .title {
        font-size: 20px;
        font-weight: bold;
        float: left;
        padding: 0;
        margin: 0;
    }

    .footer-top .accordion-option .toggle-accordion {
        float: right;
        font-size: 16px;
        color: #6a6c6f;
    }

        .footer-top .accordion-option .toggle-accordion:before {
            content: "Expand All";
        }

        .footer-top .accordion-option .toggle-accordion.active:before {
            content: "Collapse All";
        }

.footer-top .panel-group {
    /* margin-bottom: 20px; */
    /*margin: 175px auto 0;*/
    margin-bottom: 0px;
    /*margin-top: -48px;*/
}

.footer-top .show {
    display: block !important;
    background: #fff !important;
    position: absolute;
    z-index: 999;
    webkit-box-shadow: 0px 5px 33px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 33px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 33px -8px rgba(0,0,0,0.75);
}

.footer-top .panel-body {
    padding: 15px;
    height: 360px;
    overflow-y: scroll;
}

    .footer-top .panel-body p {
        color: #000;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 10px;
    }

        .footer-top .panel-body p img {
            margin-bottom: 10px;
            width: 22%;
        }

#button {
    margin: 150px auto 40px;
    height: 35px;
    background: #333;
    color: #fff;
}

    #button:hover {
        color: #fff !important;
        background: #000;
    }
/*
=====================================================================================================================================================
DETAILS PAGE
=====================================================================================================================================================
*/
#product-details {
}

.prod_grid > .col-sm-6 {
    margin-bottom: 10px;
}


#product-details .details_border {
    border: 1px solid #e7e7e7;
    padding: 20px;
    min-height: 350px;
    background: #fff;
}

#product-details .form-control, #product-details .btn {
    z-index: 0;
}

#product-details .form-control {
    margin-top: 5px !important;
}


.prod_details_right .prod_price {
    font-size: 24px;
    padding: 5px 0px;
    color: #000000;
    margin-bottom: 15px;
}

    .prod_details_right .prod_price .strikethrough {
        text-decoration: line-through;
        font-size: 16px;
        color: #000;
        margin: 0 0px;
        margin-left: 15px;
    }

    .prod_details_right .prod_price .save_price {
        font-size: 12px;
        color: #646464;
        margin: 0 0px;
        display: block;
    }



.pro-qty {
    text-align: left;
    padding: 0;
    margin: 0 0 0px 0;
    float: left;
}

    .pro-qty > li {
        padding: 0 20px 5px 0;
        margin: 0;
        list-style: none;
        vertical-align: top;
    }

    .pro-qty > .qty_input {
        width: 140px;
    }

    .pro-qty > .size_input {
        width: 180px;
    }

        .pro-qty > .qty_input .form-control, .pro-qty > .size_input .form-control {
            font-size: 15px !important;
        }


.btn-dark {
    color: #fff;
    background-color: #1b285b;
    border-color: #1b285b;
}

    .btn-dark:focus, .btn-dark.focus {
        color: #1b285b;
        background-color: #cea654;
        border-color: #cea654;
    }

    .btn-dark:hover {
        color: #1b285b;
        background-color: #cea654;
        border-color: #cea654;
    }

.width200 {
    width: 200px !important;
    vertical-align: middle;
}

.price_col {
    margin-bottom: 15px;
}

    .price_col .input-group-addon {
        background: transparent;
    }

#product-details .btn {
    z-index: 0;
    width: 100%;
    padding: 6px 0px;
}

#product-details .zoom-pic img {
    width: 100%;
    max-width: 100%;
    height: auto;
    float: left;
    /*border: 1px solid #ddd !important;*/
}

#product-details .zoom-pic {
    float: left;
    border: 1px solid #e3e1e1;
    padding: 0px;
    position: relative;
    margin-bottom: 00px;
    width: 100%;
    height: 100%;
    margin-top: -35px;
}

    #product-details .zoom-pic .icon-zoom {
        position: absolute;
        bottom: 10px !important;
        right: 10px;
        z-index: 0;
        font-size: 18px;
    }

#product-details .zoom-thumb-panel {
    padding: 0px;
    position: relative;
    width: 90px;
    margin-right: 15px;
    height: 100%;
}

#product-details ul.zoom-thumbs {
    padding: 0;
    margin: 0px;
    list-style: none;
}

    #product-details ul.zoom-thumbs li {
        list-style: none;
        padding: 0;
        margin: 0px;
    }

        #product-details ul.zoom-thumbs li img {
            max-width: 100%;
            display: block;
            padding: 0;
            margin: 0px;
        }

    #product-details ul.zoom-thumbs a {
        border: 1px solid #ccc;
        display: block;
    }

        #product-details ul.zoom-thumbs a.active {
            border: 1px solid #000;
        }

.zoom-thumb-panel .bx-wrapper .bx-prev {
    left: 22px;
    top: auto;
    bottom: -30px;
    background: none !important;
}

    .zoom-thumb-panel .bx-wrapper .bx-prev:before {
        content: "\f107";
        font-family: FontAwesome;
        color: #777;
        font-size: 50px;
    }

.zoom-thumb-panel .bx-wrapper .bx-next {
    right: 22px;
    /*top: auto;
    bottom: -30px;*/
    top: -42px;
    bottom: auto;
    background: none !important;
}

    .zoom-thumb-panel .bx-wrapper .bx-next:before {
        content: "\f106";
        font-family: 'FontAwesome';
        color: #777;
        font-size: 50px;
    }

.zoom-thumb-panel .bx-wrapper .bx-controls-direction a {
    text-align: center;
    text-decoration: none;
    text-indent: 0px !important;
    z-index: 99 !important;
}


.table-specs table, .table-specs2 table {
    width: 100%;
}

    .table-specs table thead, .table-specs2 table thead {
        width: 100%;
        background: #e7e7e7;
        color: #646464;
    }

    .table-specs table td:first-child {
        width: 40%;
    }


.panel-specs .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.panel-specs .panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.panel-specs .panel-title {
    font-size: 14px;
}

    .panel-specs .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

.panel-specs .more-less {
    float: right;
    color: #212121;
}

.panel-specs .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}


/*
=====================================================================================================================================================
Events
=====================================================================================================================================================
*/


ul.events_list {
    padding: 0;
    margin: 0 0 30px 0;
}

    ul.events_list > li {
        padding: 20px;
        margin: 0 0 30px 0;
        list-style: none;
        background: #fff;
        border: 1px solid #e7e7e7;
        vertical-align: top;
    }



    ul.events_list .list-inline li {
        margin-bottom: 10px !important;
    }

    ul.events_list .list-unstyled li {
        margin-bottom: 10px !important;
    }

@media (max-width:991px) {
    ul.events_list .list-unstyled li {
        display: inline-block;
        margin-right: 5px;
    }
}


/*
=====================================================================================================================================================
FAQS
=====================================================================================================================================================
*/

ul.faqs_list {
    padding: 0;
    margin: 0 0 30px 0;
}

    ul.faqs_list > li {
        padding: 15px 0;
        margin: 0 0 15px 0;
        list-style: none;
        border-bottom: 1px solid #e7e7e7;
        vertical-align: top;
    }

        ul.faqs_list > li:last-child {
            border: none;
        }

/*
=====================================================================================================================================================
NEWS
=====================================================================================================================================================
*/


.news-search {
    border: 1px solid #ccc;
}

    .news-search .form-control {
        box-shadow: none !important;
        border: 0px !important;
    }

    .news-search .input-group-addon {
        background: #fff;
        border: 0px !important;
    }


ul.news_list {
    padding: 0;
    margin: 0 0 30px 0;
    width: 100%;
}

    ul.news_list > li {
        padding: 0 0 0px 0;
        margin: 0 0 0px 0;
        width: 100%;
        list-style: none;
        border-bottom: 1px solid #e7e7e7;
        vertical-align: top;
        display: table;
    }

        ul.news_list > li:last-child {
            border-bottom: none;
        }

.news_col1, .news_col2, .news_col3 {
    display: table-cell;
    vertical-align: top;
    padding: 12px 10px;
}

.news_col1 {
    width: 150px;
}

.news_col2 {
    width: 100% auto;
}

.news_col3 {
    width: 130px;
}

ul.news_list h2 {
    font-size: 18px;
    line-height: normal;
    margin: 0;
}

.news_col1 .fa {
    margin-right: 8px;
}

ul.news_list > li > a {
    text-decoration: none;
}

    ul.news_list > li > a:hover {
        text-decoration: none;
    }

ul.news_list .news_hd {
    background: #e7e7e7;
    font-weight: bold;
}


ul.news_list .list-inline li {
    margin-bottom: 10px !important;
}

ul.news_list .list-unstyled li {
    margin-bottom: 0px !important;
}

@media (max-width:767px) {

    ul.news_list .news_hd {
        display: none;
    }

    .news_col1, .news_col2, .news_col3 {
        display: block;
        vertical-align: top;
        padding: 5px 10px;
    }

    ul.news_list > li {
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
    }

    ul.news_list .list-unstyled li {
        display: inline-block;
        margin-right: 5px;
    }
}



/*
=====================================================================================================================================================
CUSTOMIZE
=====================================================================================================================================================
*/



#customize_home .checkbox.checkbox-primary.checkbox-inline {
    text-align: center;
    width: 100%;
    display: block;
}

#customize_home .checkbox-inline.text-center ul {
    text-align: center;
    width: 100%;
    display: block;
    margin: 0px 0px 10px;
    font-size: 18px;
}

#customize_home .checkbox-inline li {
    padding-right: 25px !important;
}

#customize_home .checkbox label::before,
#customize_home .checkbox label::after {
    margin-top: 6px;
}




.photo-upload {
    width: 100%;
    padding: 0;
    margin: 0px;
    float: left;
    text-align: center;
}

ul.add-photo {
    padding: 0;
    margin: 0;
}

    ul.add-photo li {
        list-style: none;
        list-style-type: none;
        width: 150px;
        height: 150px;
        padding: 0;
        margin: 0px 10px 10px 10px;
        display: inline-block;
        vertical-align: top;
    }

        ul.add-photo li img {
            float: left;
            padding: 0;
            margin: 0;
            max-width: 100%;
        }

        ul.add-photo li .lnr {
            font-size: 40px;
        }

    ul.add-photo .inactive {
        opacity: 0.4;
    }

        ul.add-photo .inactive:hover {
            opacity: 0.7;
        }

    ul.add-photo .active {
        opacity: 1;
    }

    ul.add-photo .thumb-holder {
        width: 150px;
        height: 150px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        background: #ccc;
        box-shadow: 0px 0px 8px #ccc;
        position: relative;
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
    }

        ul.add-photo .thumb-holder span {
            display: block;
            padding: 3px 0px;
        }

    ul.add-photo li:hover .thumb-holder > .remove-photo {
        display: block;
        z-index: 99;
    }

    ul.add-photo .remove-photo {
        position: absolute;
        top: 5px;
        right: 5px;
        display: none;
        cursor: pointer;
    }

.photo_upload_control {
    cursor: pointer;
    display: block;
    position: absolute !important;
    top: 30px !important;
    left: 0 !important;
    /* start of transparency styles */
    opacity: 0;
    -moz-opacity: 0;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    filter: alpha(opacity:0);
    /* end of transparency styles */
    z-index: 2; /* bring the real upload interactivity up front */
    width: 150px;
    height: 120px;
}


/*
=====================================================================================================================================================
SITEMAP
=====================================================================================================================================================
*/

ul.sitemap {
    padding: 0;
    margin: 0 0 0 20px;
}

    ul.sitemap li {
        padding: 0px;
        margin: 5px 0px;
    }

ul.sitemap_list {
    padding: 0;
    margin: 0 0 0 20px;
}

    ul.sitemap_list > li {
        padding: 0px;
        margin: 5px 0px;
        list-style: square;
        vertical-align: top;
    }

    ul.sitemap_list ul {
        padding: 0px;
        margin: 0px 0px 20px 0px;
        display: block;
        font-size: 13px;
    }

        ul.sitemap_list ul li {
            width: 30%;
            margin: 5px 0px 0 10px;
            display: inline-block;
            position: relative;
            vertical-align: top;
        }

            ul.sitemap_list ul li:before {
                color: #ccc;
                content: "-\00a0";
                position: absolute;
                left: -10px;
            }

    ul.sitemap_list .sitemap_head {
        font-weight: bold;
    }

@media (max-width:767px) {
    ul.sitemap_list ul li {
        width: 48%;
    }
}

@media (max-width:480px) {
    ul.sitemap_list ul li {
        width: 100%;
    }
}


/*
=====================================================================================================================================================
POP OUT CONTENT
=====================================================================================================================================================
*/

.popup-heading {
    background: #fff;
    color: #000;
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
}

    .popup-heading h1 {
        font-size: 24px;
        color: #000;
        margin: 0;
    }

.popup-content {
    padding: 15px;
    display: block;
}




/*
=====================================================================================================================================================
FORM
=====================================================================================================================================================
*/

.verification_box {
    display: table;
    max-width: 250px;
    float: left;
    margin-bottom: 10px;
}

.captcha_code {
    width: 80px;
    padding: 3px 2px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.captcha_img {
    width: 140px;
    display: table-cell;
    vertical-align: top;
}

.captcha_refresh {
    width: auto;
    display: table-cell;
    padding: 3% 2%;
    text-align: right;
    vertical-align: middle;
}

.form_captcha {
    width: 100px !important;
    padding: 5px !important;
    border-radius: 0px;
}


/*------  Checkbox  --------*/
.panel_content .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

.checkbox {
    padding-left: 20px;
}

    .checkbox table {
        padding-left: 0px;
        text-align: left;
    }

        .checkbox table td {
            padding: 5px 0px;
            text-align: left;
        }

.checkbox {
    padding-left: 10px;
}

    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 8px !important;
        line-height: normal;
        font-size: 16px;
    }

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

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 14px;
            height: 14px;
            left: 0;
            top: 0;
            margin-top: 2px;
            margin-left: -15px;
            padding-left: 2px;
            padding-top: 2px;
            font-size: 12px;
            color: #555555;
        }

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

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

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

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

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

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

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

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

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

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}


/*------  Radio  --------*/
.radio {
    padding-left: 20px;
}

    .radio table {
        padding-left: 0px;
        text-align: left;
    }

    .radio td {
        padding-right: 20px;
        display: inline-block;
        width: auto;
    }

        .radio td label {
            padding-left: 20px;
        }

            .radio td label:before, .radio td label:after {
                margin-left: 00px;
            }

    .radio label {
        display: inline-block;
        position: relative;
        padding-left: 5px !important;
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"] {
        opacity: 0;
    }

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

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

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

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }

    .radio.radio-inline {
        margin-top: 0;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

.input-group {
    position: relative;
    display: -webkit-box;
    border-collapse: separate;
}

/* Cart Header Mini */
.cart .hdr-list li.dropdown > a {
    /*padding-right: 25px;*/
}

.cart .hdr-list .dropdown-login {
    width: 450px !important;
    padding: 10px !important;
    font-size: 13px;
}

.cart .hdr-list > ul {
    list-style: none;
}

    .cart .hdr-list > ul > li > a {
        display: flex;
        /*display: block;*/
        padding: 0 8px;
        color: #323232;
        line-height: 40px;
        position: relative;
        text-decoration: none;
        width: 100%;
        height: 70px;
        text-align: right;
        padding: 15px 15px;
        /*background-image: url('../images/secure.png');*/
        background-repeat: no-repeat;
        background-position: 30px 22px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

.cart .hdr-list li.dropdown > a:after {
    position: absolute;
    top: 0;
    right: 10px;
    display: none;
    content: "\f107";
    font-family: 'FontAwesome';
    -webkit-transition: all .50s ease;
    -moz-transition: all .50s ease;
    -ms-transition: all .50s ease;
    -o-transition: all .50s ease;
    transition: all .50s ease;
}

.cart .hdr-list > ul > li > a .icon {
    background: url('../images/mini-cart.png');
    background-repeat: no-repeat;
    background-size: 40px; /*50px*/
    height: 50px;
    width: 50px;
    margin: -1px 0 0 10px;
    display: block;
    /*float: right;*/
    float: left;
}

.cart .hdr-list > ul > li > a .cart_total.no_items {
    font-size: 14px;
    color: #888;
    text-transform: capitalize;
    font-style: italic;
    font-weight: 400;
    padding: 32px 0 0;
}

.cart .hdr-list > ul > li > a .cart_total {
    /*display: contents;*/
    line-height: 100%;
    color: #0087c8;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 0 0 0;
}

.cart .hdr-list > ul > li > a .cart_items {
    /*display: block;
    line-height: 100%;
    font-weight: 500;
    font-size: 12px;
    color: #505050;
    margin-top: -10px;*/
    display: inline-block;
    height: 22px;
    min-width: 22px;
    font-weight: 700;
    font-size: 12px;
    border-radius: 100%;
    background-color: #ffe589;
    text-align: center;
    line-height: 19px;
    position: absolute;
    border: 1px solid #fff;
    left: 8px;
    top: 14px;
    color: #373737;
}

.minicart-wrapper a.close {
    display: none;
}

.mini-products-list li {
    margin-bottom: 0px;
    clear: both;
}

.header-minicart .minicart-wrapper {
    clear: both;
    position: relative;
}

.header-minicart .mini-products-list {
    padding: 0;
    padding-top: 0px;
}

    .header-minicart .mini-products-list li.last {
        border: none;
        width: 100% !important;
    }

    .header-minicart .mini-products-list li {
        padding: 0;
        border-bottom: 1px solid #DDDDDD;
        position: relative;
    }

ul#cart-sidebar > li.item > div {
    float: left;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
}

    ul#cart-sidebar > li.item > div.product_name {
        width: 60%;
        overflow: hidden;
    }

    ul#cart-sidebar > li.item > div.product_qty {
        width: 13%;
    }

    ul#cart-sidebar > li.item > div.product_price {
        width: 20%;
        font-weight: 700;
    }

    ul#cart-sidebar > li.item > div.product_remove {
        width: 7%;
    }

        ul#cart-sidebar > li.item > div.product_remove a {
            text-decoration: none !important;
            opacity: 0.3;
        }

.header-minicart .minicart-actions {
    background: #FFF;
    border-top: 1px solid #DDD;
}

.header-minicart .minicart-actions {
    padding: 9px 4px 8px;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.cart .button {
    white-space: normal;
}

.header-minicart .minicart-actions .cart-link {
    text-decoration: none;
    width: 167px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0;
}

.header-minicart .minicart-actions .button {
    font-size: 16px;
}

    .header-minicart .minicart-actions .button.checkout-button {
        width: 237px;
        padding: 0px;
        height: 40px;
        line-height: 40px;
        display: inline-block;
    }

.header-minicart .minicart-actions .checkout-button {
    min-width: 145px;
}

.cart .button, button, .button-primary, .button-set {
    background: #eb691e;
    color: white;
    display: inline-block;
    padding: 7px 15px;
    border: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

.cart .button-standard {
    background: transparent !important;
    color: #eb691e !important;
    border: 1px solid #eb691e !important;
}

/* Cart Header Mini */
/* Home Catogories */
#cat-gallery .item {
    text-align: center;
    display: block;
    background-color: transparent;
    border: 1px solid transparent;
}

    #cat-gallery .item img {
        /*border: 1px solid #e7e7e7;
        padding: 3px;*/
    }

#ga-gallery {
    float: left;
    position: relative;
    width: 640px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    margin: 0 10px 10px;
}

    #ga-gallery .item {
        text-align: center;
        display: block;
        background-color: transparent;
        border: 1px solid transparent;
    }

        #ga-gallery .item img {
            -webkit-transition: 0.4s ease;
            transition: 0.4s ease;
        }

.ga-gallery-inner:hover .item img {
    /*-webkit-transform: scale(1.08);
    transform: scale(1.08);
    margin-bottom:10px;*/
}
/*float box*/
*:focus {
    outline: none;
}

.form-control1 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 25px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

@media (min-width:1205px) {
    .float_box1 {
        top: 180px;
        z-index: 9999;
    }
}

@media (min-width:640px) {
    .float_box {
        width: 300px;
        min-height: 210px;
        height: auto;
        background-color: #FFF;
        position: fixed;
        right: -300px;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
    }

        .float_box:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 15px;
        }

    .float_box1 {
        top: 285px;
        z-index: 99;
    }

    .float_box1_open {
        right: 0px;
    }

    .float_box2_open {
        right: 0px;
    }

    .float_box3_open {
        right: 0px;
    }

    .float_box4_open {
        right: 0px;
    }

        .float_box1_open .float_button, .float_box2_open .float_button, .float_box3_open .float_button, .float_box4_open .float_button {
            background: #eb691e;
        }

    .float_button {
        width: 228px;
        line-height: 40px;
        position: absolute;
        left: -125px;
        top: 41%;
        text-align: center;
        font-weight: 400;
        color: #FFF;
        cursor: pointer;
        font-size: 15px;
        text-transform: uppercase;
        background: #f07d10;
        transform: rotate(-90deg);
        border-radius: 5px 5px 0 0;
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
    }

    .float_button {
    }

        .float_button:hover {
            background: #f07d10;
        }

    .float_data {
        padding: 7px 10px;
        color: #333;
        border: 1px solid #DDD;
        border-right: none;
        min-height: 46px;
        -webkit-box-shadow: 0px 5px 33px -8px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 5px 33px -8px rgba(0,0,0,0.75);
        box-shadow: 0px 5px 33px -8px rgba(0,0,0,0.75);
    }

        .float_data h2 {
            color: #044679;
        }

    a.float_button {
        text-decoration: none;
        color: #fff;
    }

    .float_box .form-group input {
    }

        .float_box .form-group input::-webkit-input-placeholder {
            color: #999;
        }

        .float_box .form-group input::-moz-placeholder {
            color: #999;
        }

        .float_box .form-group input:-ms-input-placeholder {
            color: #999;
        }

        .float_box .form-group input:-moz-placeholder {
            color: #999;
        }
}

.float_box .form-group textarea {
    resize: none;
}

.float_box label {
    font-size: 10pt;
    font-weight: normal;
    display: none;
}

.float_box .form-group {
    margin-bottom: 10px;
}

/*.float_box .btn {
            background: #DDD;
        }*/

@media (max-width:640px) {
    .float_button {
        margin-bottom: 0;
        color: #FFF;
        background: #eb691e;
        padding: 8px;
    }

    .float_box {
        padding: 15px;
        background: #FAFAFA;
    }

    .float_data {
        border: #eb691e 1px solid;
        padding: 10px;
    }
}

@media (min-width:480px) and (max-width:640px) {
    .float_box .col-2 {
        width: 50%;
        float: left;
        padding: 10px;
    }

    .float_box .col-1 {
        width: 100%;
        padding: 10px;
    }
}

.fancybox-opened .fancybox-title {
    visibility: visible;
    width: 100%;
    height: 100%;
    left: 0%;
    right: auto;
    top: 0;
}

    .fancybox-opened .fancybox-title a {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

/*float box*/

/* Sidebar */
/*submenu*/
.btn-sidebars {
    padding: 5px;
    background: #323232;
    color: #fff;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

ul.sidebars {
    text-align: left;
    padding: 0px;
    margin: 0 0 5px 0 !important;
    border: 1px solid rgb(217, 218, 218);
    /*background: rgb(235, 236, 236);*/
    overflow-y: scroll;
    max-height: 500px;
    position: fixed;
    width: 21%;
}

    ul.sidebars > li {
        padding: 12px 0 12px 24px;
        /*margin: 0 0 6px 0;*/
        list-style: none;
        border-bottom: 1px solid rgb(217, 218, 218);
        position: relative;
        /*height: 34px;*/
        font-size: 14px;
    }

        ul.sidebars > li:last-child {
            border-bottom: 0;
        }

        ul.sidebars > li:hover {
            background-color: #ed6802;
            color: #fff;
            font-size: 15px;
        }

            ul.sidebars > li:hover a {
                color: #fff;
            }
    /*ul.sidebars > li:before {
            content: "\f096";
            font-family: FontAwesome;
            float: left;
            position: absolute;
            left: 4px;
        }

        ul.sidebars > li.active:before {
            content: "\f046";
        }*/
    ul .sidebars a {
        text-decoration: none !important;
    }

    /*ul.sidebars > li > a:hover {
        text-decoration: none !important;
        color: #fff;
    }*/

    ul.sidebars > li.active {
        font-weight: 600;
        background-color: #f27f14;
        color: #fff;
        font-size: 15px;
    }

        ul.sidebars > li.active a {
            font-weight: 600;
            /*background-color: #f27f14;*/
            color: #fff;
            /*padding: 6px 5px 0px;*/
        }

    ul.sidebars > a > li {
        padding: 5px 0 0px 10px;
        list-style: none;
        border-bottom: 1px solid rgb(217, 218, 218);
        position: relative;
        height: 34px;
        font-size: 14px;
    }

    ul.sidebars > a.active > li {
        font-weight: 600;
        background-color: #f27f14 !important;
        color: #fff;
    }

    ul.sidebars > a:hover > li {
        text-decoration: none !important;
        color: #fff;
        background-color: #f27f14 !important;
    }

.subcat_gal {
    max-width: 226px;
    max-height: 281px;
    box-shadow: inset 1px 1px 40px 0 rgba(0, 0, 0, 0.45);
    border: 2px solid #fff;
    /*border-right: 2px solid #fff;*/
    margin: 5% auto 0 auto;
    /*background: url(http://ianfarb.com/wp-content/uploads/2013/10/nicholas-hodag.jpg);*/
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
}

    .subcat_gal .item p {
        /*margin: 10px 0;*/
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        background: #f07d10;
        /*padding: 20px 0px;*/
        padding: 5px 0px;
        text-align: center;
        margin: 0px;
    }

    .subcat_gal img {
        width: 100%;
    }

#cat-gallery {
    float: left;
    position: relative;
    width: 310px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    margin: 0 10px 10px;
}


    #cat-gallery .item p {
        /*margin: 10px 0;*/
        color: #fff;
        font-weight: 600;
        font-size: 20px;
        background: #f07d10;
        padding: 20px 0px;
        text-align: center;
    }

#cats-gallery {
    float: left;
    position: relative;
    width: 33%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 15px;
}

    #cats-gallery img {
        width: 100%;
    }

    #cats-gallery .item p {
        /*margin: 10px 0;*/
        color: #fff;
        font-weight: 600;
        font-size: 20px;
        background: #f07d10;
        padding: 20px 0px;
    }

.cats-gallery-inner:hover .item img {
    /*-webkit-transform: scale(1.05);
    transform: scale(1.05);
    margin-bottom: 10px;*/
}

#more-gallery {
    float: left;
    position: relative;
    width: 15.7%;
    height: auto;
    margin: 0 auto;
    padding-top: 10px;
    overflow: hidden;
    margin: 0 5px;
    border: 1px solid #f07d10;
}

    #more-gallery .item {
        text-align: center;
        display: block;
        background-color: transparent;
        border: 1px solid transparent;
    }

        #more-gallery .item img {
            border: 1px solid #e7e7e7;
            padding: 3px;
        }

        #more-gallery .item p {
            margin: 15px 0;
            color: #f07d10;
            font-weight: 600;
            font-size: 14.5px;
            height: 40px;
        }

.overlay-text {
    position: absolute;
    bottom: 110px;
    background: rgb(40, 39, 38);
    /* background: rgb(0 131 201); */
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: white;
    font-size: 20px;
    padding: 10px;
    font-weight: 600;
    text-align: center;
}

.prod_box-item:hover .overlay-text {
    opacity: 1;
}
/*#cat-gallery .item p::after {
        position: absolute;
        top: 0;
        line-height: 52px;
        right: 11px;
        display: block;
        content: "\f105";
        font-family: 'FontAwesome';
        -webkit-transition: all .50s ease;
        -moz-transition: all .50s ease;
        -ms-transition: all .50s ease;
        -o-transition: all .50s ease;
        transition: all .50s ease;
    }*/
.overlay-text {
    text-align: left;
}

#ga-gallery .ga-gallery-inner .item h3 {
    /*margin: 15px 0;*/
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    background: #f07d10;
    padding: 20px 0px;
}
/* Home Catogories */

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #002365;
    border-color: #002365;
}

.breadcrumb > li + li:before {
    padding: 0 8px;
    color: #333;
    content: "\f105" !important;
    font-family: 'FontAwesome' !important;
    font-size: 10px;
}

.product.product-details .product-options {
    /*padding-top: 30px;*/
    padding: 30px 15px 10px;
    margin-bottom: 15px;
    border-top: 1px solid #DADADA;
    margin-top: 15px;
    line-height: normal;
}

.product-options .size-option {
    margin-bottom: 15px;
}


.heart {
    color: #ffffff;
    font-size: 30px;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    padding: 0px;
    margin-left: 35px;
    text-align: right;
    cursor: pointer;
    top: 3px;
    padding-right: 5px;
    padding-top: 1px;
}

.heart-active {
    color: #F07D10;
}

.heart:hover {
    color: #F07D10;
    background-color: #f9f9f9;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease-in-out;
}

.wish {
    padding: 5px;
    padding-top: 15px;
    margin-right: 3px;
    width: 50px;
    margin-left: -24px;
    height: 50px;
    background-color: #fff;
    color: #5C7CFA;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
    /*-ms-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;*/
}

.wish {
    color: #C50707;
}


#toast, #toast-cart {
    margin-top: 150px;
    /*padding: 1px;*/
    padding: 13px 8px 15px 8px;
    position: fixed;
    width: 250px;
    height: 50px;
    top: 10px;
    left: 80%;
    transform: translate(-50%);
    background-color: #00943F;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    z-index: 9999;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    visibility: hidden;
    opacity: 0;
    -ms-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 0 !important;
}

    #toast span, #toast-cart span {
        bottom: 100px;
    }

    #toast.show, #toast-cart.show {
        visibility: visible;
        animation: fadeInOut 3s;
        top: -50px;
    }

@keyframes fadeInOut {
    5%, 95% {
        opacity: 1;
        top: 50px
    }

    15%, 85% {
        opacity: 1;
        top: 30px
    }
}

.ship-option > li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 6px;
    vertical-align: top;
}

    .ship-option > li:last-child {
        margin-right: 0px;
    }

    .ship-option > li > a {
        display: block;
        border: 1px solid #DADADA;
        font-weight: 700;
        padding: 2px 7px 0px 8px;
    }

    .ship-option > li.active a {
        color: #ed6802;
        border-color: #ed6802;
    }

.size_lbl {
    margin-right: 30px;
}

.size_chrt {
    margin-right: 15px;
}

.size-option > li {
    display: inline-block;
    /*margin-right: 28px;*/
    margin-bottom: 6px;
    margin-top: 6px;
    vertical-align: top;
    line-height: 30px;
}

    .size-option > li:last-child {
        margin-right: 0px;
    }

    .size-option > li > a {
        display: block;
        border: 1px solid #DADADA;
        font-weight: 700;
        padding: 6px 20px 4px 20px;
        background: transparent;
        color: #555
    }

        .size-option > li > a:hover {
            text-decoration: none
        }

    .size-option > li.active a {
        color: #fff;
        border-color: #ed6802;
        background: #ed6802;
    }

.color-option > li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 6px;
    vertical-align: top;
}

    .color-option > li:last-child {
        margin-right: 0px;
    }

    .color-option > li > a:hover {
        text-decoration: none
    }

    .color-option > li > a {
        display: block;
        /*width: 20px;
        height: 35px;*/
    }

    .color-option > li.active a {
        -webkit-box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 3px #ed6802;
        box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 3px #ed6802;
    }

.qty-input {
    display: inline-block;
}

    .qty-input .input {
        width: 90px;
        margin-left: 20px;
    }

.input {
    width: 80%;
    height: 39px;
    padding: 0px 15px;
    border: none;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 5px transparent;
    box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 5px transparent;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    font-size: 16px;
    color: #000;
}

.co-title {
    margin-bottom: 7px;
}

.desc {
    list-style: disc;
    margin-left: 15px;
}

.detail-price {
    color: #999;
    font-size: 13px;
    font-weight: 700;
}

    .detail-price span {
        color: #000;
        font-size: 28px;
        font-weight: 600;
    }

    .detail-price .mrp {
        color: red;
        font-size: 18px;
        font-weight: 500;
        margin-left: 20px;
    }

    .detail-price .save-price {
        /*font-size: 20px;*/
        font-weight: 600;
        margin-left: 20px;
    }

    .detail-price .save-price1 {
        color: #04b139;
        /*font-size: 20px;*/
        font-weight: 600;
        margin-left: 20px;
    }


    .detail-price small {
        margin-left: 15px;
    }

.save-price span {
    color: #B12704 !important;
    font-size: 13px;
    font-weight: 600;
}

/* Rating Widget */

fieldset, label {
    margin: 0;
    padding: 0;
}

.user-rev .rev {
    padding: 20px 0;
}

#reviews p, .blog-post-area .single-blog-post p {
    text-align: justify;
}

#reviews form span input {
    width: 100%;
    margin-bottom: 0px;
}

    #reviews form span input:last-child {
        margin-left: 0;
    }

#reviews ul {
    background: #FFFFFF;
    border: 0 none;
    list-style: none outside none;
    margin: 0 0 5px;
    padding: 0;
}

    #reviews ul li {
        display: inline-block;
    }

        #reviews ul li a {
            color: #696763;
            display: block;
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
            padding-right: 15px;
        }

            #reviews ul li a i {
                color: #ed6802;
                /*padding-right: 8px;*/
            }

            #reviews ul li a:hover {
                background: #fff;
                color: #ed6802;
            }

            #reviews ul li a .fa-user {
                margin-right: .5rem !important;
            }

#reviews p {
    color: #363432;
}

#reviews form span {
    display: block;
}

    #reviews form span input {
        background: #F0F0E9;
        border: 0 none;
        color: #A6A6A1;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        outline: medium none;
        padding: 8px;
        width: 48%;
    }

        #reviews form span input:last-child {
            margin-left: 3%;
        }

#reviews textarea {
    background: #F0F0E9;
    border: medium none;
    color: #A6A6A1;
    height: 195px;
    margin-bottom: 5px;
    margin-top: 15px;
    outline: medium none;
    padding-left: 10px;
    padding-top: 15px;
    resize: none;
    width: 99.5%;
}

#reviews button {
    background: #ed6802;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.review-block {
    background-color: #FAFAFA;
    border: 1px solid #EFEFEF;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 15px;
}

.review-block-name {
    font-size: 12px;
    margin: 10px 0;
}

.review-block-date {
    font-size: 12px;
}

.review-block-rate {
    font-size: 13px;
    margin-bottom: 15px;
}

.review-block-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}

.review-block-description {
    font-size: 13px;
}

body {
    /*margin: 20px;*/
}

h1 {
    font-size: 1.5em;
    /*margin: 10px;*/
}

.text-cont {
    border: 1px solid #ed6702;
    padding: 20px 15px;
    margin: 25px 15px;
    height: 375px;
}

    .text-cont h3 {
        line-height: 25px;
    }

.form-horizontal {
    margin: 20px 15px;
}


.text-red {
    color: red;
}

.accordion p a {
    border: none;
}

    .accordion p a::after {
        font-family: 'FontAwesome';
        content: none;
        position: absolute;
        float: right;
        right: 1rem;
        font-size: 1rem;
        color: #333;
        padding: 5px;
        width: 35px;
        height: 35px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #333;
        text-align: center;
    }

    .accordion p a.active::after {
        font-family: 'FontAwesome';
        content: '\f068';
        color: #0083c9;
        border: 1px solid #0083c9;
    }

.accordion a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 1rem 3rem 1rem 1rem;
    color: #333;
    font-size: 1.15rem;
    font-weight: 700;
    border-bottom: 1px solid #e5e5e5;
}

    .accordion a:hover,
    .accordion a:hover::after {
        cursor: pointer;
        color: #0083c9;
    }

        .accordion a:hover::after {
            border: 1px solid #0083c9;
        }

    .accordion a.active {
        color: #0083c9;
        border-bottom: 1px solid #0083c9;
    }

    .accordion a::after {
        font-family: 'FontAwesome';
        content: '\f067';
        position: absolute;
        float: right;
        right: 1rem;
        font-size: 1rem;
        color: #333;
        padding: 5px;
        width: 35px;
        height: 35px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #333;
        text-align: center;
    }

    .accordion a.active::after {
        font-family: 'FontAwesome';
        content: '\f068';
        color: #0083c9;
        border: 1px solid #0083c9;
    }

.accordion .content {
    opacity: 0;
    padding: 0 1rem;
    max-height: 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    clear: both;
    -webkit-transition: all 0.2s ease 0.15s;
    -o-transition: all 0.2s ease 0.15s;
    transition: all 0.2s ease 0.15s;
}

    .accordion .content p {
        font-size: 1rem;
        font-weight: 300;
    }

    .accordion .content.active {
        opacity: 1;
        padding: 1rem;
        max-height: 100%;
        -webkit-transition: all 0.35s ease 0.15s;
        -o-transition: all 0.35s ease 0.15s;
        transition: all 0.35s ease 0.15s;
    }

.rating-block .padding-bottom-7 {
    display: inline-block;
    float: left;
}
/*============================================================
BACKGROUND COLORS
============================================================*/
.db-bk-color-one {
    background-color: #0083c9;
}

.db-bk-color-two {
    background-color: #46A6F7;
}

.db-bk-color-three {
    background-color: #47887E;
}

.db-bk-color-six {
    background-color: #F59B24;
}

.db-bk-color-sixs {
    background-color: #ed6802;
}
/*============================================================
PRICING STYLES
==========================================================*/
.db-padding-btm {
    padding-bottom: 50px;
}

.db-button-color-square {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.50);
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

    .db-button-color-square:hover {
        color: #fff;
        background-color: rgba(0, 0, 0, 0.50);
        border: none;
    }


.db-pricing-eleven {
    margin-bottom: 30px;
    margin-top: 50px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    color: #fff;
    line-height: 30px;
}

    .db-pricing-eleven ul {
        list-style: none;
        margin: 0;
        text-align: center;
        padding-left: 0px;
    }

        .db-pricing-eleven ul li {
            padding-top: 20px;
            padding-bottom: 20px;
            cursor: pointer;
            font-size: 28px;
        }

            .db-pricing-eleven ul li i {
                margin-right: 5px;
            }


    .db-pricing-eleven .price {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 20px 20px 20px 20px;
        font-size: 21px;
        font-weight: 600;
        color: #FFFFFF;
    }

        .db-pricing-eleven .price small {
            color: #B8B8B8;
            display: block;
            font-size: 12px;
            margin-top: 22px;
        }

    .db-pricing-eleven .type {
        background-color: #da0b0b;
        padding: 30px 0px;
        font-weight: 700;
        text-transform: capitalize;
        font-size: 35px;
    }

    .db-pricing-eleven .pricing-footer {
        padding: 20px;
    }

.db-attached > .col-lg-4,
.db-attached > .col-lg-3,
.db-attached > .col-md-4,
.db-attached > .col-md-3,
.db-attached > .col-sm-4,
.db-attached > .col-sm-3 {
    padding-left: 15px;
    padding-right: 15px;
}

.db-pricing-eleven.popular {
    margin-top: 10px;
}

    .db-pricing-eleven.popular .price {
        padding-top: 80px;
    }

.about_title {
    font-size: 40px;
    padding: 15px 0;
}

.text-orange {
    color: #ed6702;
}

.text-black {
    color: #000;
}



.services-container {
    background: #ddd;
    padding: 10px;
}

.services-title {
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    color: #ecf0f1;
}

.services-border {
    width: 150px;
    height: 2px;
    background: #81d4fa;
    margin: 30px auto;
}

.services-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.services-content--box {
    max-width: 14.33%;
    padding: 10px;
    margin: 0 60px;
    text-align: center;
    color: #ecf0f1;
    cursor: pointer;
    margin-bottom: 15px;
}

    .services-content--box:hover .services-content__icon {
        background: #81d4fa08;
        color: #ecf0f1;
    }

    .services-content--box:hover .services-content__title {
        border-color: #81d4fa;
    }

.services-content__icon {
    display: inline-block;
    width: 150px;
    height: 150px;
    /* border: 3px solid #81d4fa; */
    /* transform: rotate(45deg); */
    margin: 16px 0 15px;
    transition: 0.3s linear;
    /* color: #81d4fa; */
    /* border-radius: 40px; */
}

    .services-content__icon i {
        line-height: 70px;
        transform: rotate(-45deg);
        font-size: 20px;
    }

.services-content__title {
    font-sie: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 12px;
    border-bottom: 1px solid transparent;
    transition: 0.25s ease-out;
    color: #fafafa;
}

.services-content__desc {
    font-size: 15px;
    color: #000;
}

.inner-width {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
    overflow: hidden;
}

.lightbox-container {
    min-width: 500px;
    min-height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -80%);
    border-radius: 15px;
    background-color: #eceff1;
    transition: transform 0.25s ease-out;
    display: none;
}

.lightbox:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}

.lightbox:target .lightbox-container {
    display: block;
}

.lightbox:target:before {
    display: block;
}

.lightbox-content {
    padding: 25px;
}

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

.lightbox-btn {
    background-color: #039be5;
    color: #eeeeee;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
}

    .lightbox-btn:hover {
        color: #eeeeee;
        background-color: #0277bd;
        cursor: pointer;
    }

.lightbox-submit {
    background-color: #039be5;
    color: #eeeeee;
}

    .lightbox-submit:hover {
        color: #eeeeee;
        background-color: #0277bd;
        cursor: pointer;
    }

.lightbox-close {
    display: inline-block;
    float: right;
}

@media screen and (max-width: 960px) {
    .services-content--box {
        max-width: 45%;
    }
}

@media screen and (max-width: 768px) {
    .services-content--box {
        max-width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .services-content--box {
        max-width: 100%;
    }
}

.credentials {
    border-radius: 10px;
    border: 2px solid #eb691e;
    float: left;
    margin: 0;
    padding: 5px;
    text-align: center;
    width: 100%;
    height: 250px;
}

    .credentials em {
        color: #ff5000;
        font-size: 100px;
        padding: 25px 50px 25px 77px;
        /* margin: 0 auto; */
        justify-content: center;
    }

    .credentials fa {
        margin-right: 0 !important;
    }

    .credentials h1 {
        font: 700 27px Roboto,Helvetica,Arial,sans-serif;
        padding: 10px 0;
        text-transform: uppercase;
    }

.section_visual {
    width: 100%;
    height: 300px;
    position: relative;
}

.section_visual_home {
    width: 100%;
    height: auto;
    position: relative;
}

.section_pic {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: center !important;
}

.pic_contact {
    background: url(../images/Contact_Banner.jpg) no-repeat;
    background-size: cover;
}

textarea {
    overflow: auto;
    padding-top: 15px !important;
}
/*.body_content {
    padding: 30px;
    background: #fff;
    margin-top: -50px;
    position: relative;
    z-index: 9;
    -webkit-box-shadow: 0px 3px 10px 2px rgba(33,33,33,0.2);
    -moz-box-shadow: 0px 3px 10px 2px rgba(33,33,33,0.2);
    box-shadow: 0px 3px 10px 2px rgba(33,33,33,0.2);
}*/


/* Coupon */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 22;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 160px;
    border-right: 1px solid #ccc !important;
}

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #ed6802;
        display: block;
        transition: 0.3s;
    }

        .sidenav a:hover {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 110px;
        right: 35px;
        font-size: 36px;
        margin-left: 50px;
    }

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

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

.scale {
    position: relative;
    min-height: 100%;
    margin-bottom: 30px;
}

.loading {
    width: 160px;
    height: 160px;
    border-radius: 150px;
    border: 15px solid #0083c9;
    border-top-color: rgba(0,0,0,0.3);
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -80px;
    animation: loading 1.2s linear infinite;
    -webkit-animation: loading 1.2s linear infinite;
    z-index: 999;
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

html {
    height: 100%;
}

/*body {
    background: #000;
    background: linear-gradient(#7D57C9, rgba(0, 0, 0, 0) 90%), linear-gradient(-45deg, #4DA2D6 25%, #000 75%) !important;
    background: -webkit-linear-gradient(#7D57C9, rgba(0, 0, 0, 0) 90%), -webkit-linear-gradient(-45deg, #4DA2D6 25%, #000 75%) !important;
}*/

.couponlist {
    padding-left: 40px;
    padding-right: 75px;
    /*padding-top: 80px;*/
    width: 475px;
}

._3sxJM {
    position: relative;
    min-height: calc(100vh - 200px);
}

._1p3XG {
    border: 1px solid #e9e9eb;
    padding: 15px 0 15px 15px;
    margin-bottom: 30px;
}

._1aSpx {
    color: #000000;
    font-weight: 600;
    margin: 0 0 10px;
    font-size: 16px;
    text-transform: uppercase;
}

.KVykS {
    position: relative;
    padding-bottom: 24px;
}

.-QmN- {
    padding: 0 15px 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px dashed #a9abb2;
}

._1hryr:last-child .-QmN- {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

._2fpj9, ._3x0ey {
    display: -ms-flexbox;
    display: flex;
}

._2fpj9 {
    min-width: 121px;
    height: 35px;
    border: 1px solid #daceb7;
    background-color: #fffae6;
    -ms-flex-align: center;
    align-items: center;
}

._2fpj9, ._3x0ey {
    display: -ms-flexbox;
    display: flex;
}

._2Vb6W {
    margin-bottom: 5px;
}

._2prG7 {
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    padding: 0 15px;
}

._3AmpP {
    position: absolute;
    top: -1px;
    left: -3.5px;
    -ms-transform-origin: center;
    transform-origin: center;
    -ms-transform: scaleX(.7);
    transform: scaleX(.7);
}

    ._3AmpP:before {
        top: 0;
        border: 5px solid transparent;
        border-top: 5px solid #daceb7;
    }

    ._3AmpP:after, ._3AmpP:before {
        content: "";
        position: absolute;
        left: 0;
        box-sizing: border-box;
        width: 10px;
        height: 10px;
    }

    ._3AmpP:after {
        top: -2px;
        border: 5px solid transparent;
        border-top: 5px solid #fff;
    }

._3ohAi {
    position: absolute;
    bottom: -1px;
    left: -3.5px;
    -ms-transform-origin: center;
    transform-origin: center;
    -ms-transform: scaleX(.7);
    transform: scaleX(.7);
}

    ._3ohAi:before {
        bottom: 0;
        border: 5px solid transparent;
        border-bottom: 5px solid #daceb7;
    }

    ._3ohAi:after, ._3ohAi:before {
        content: "";
        position: absolute;
        left: 0;
        box-sizing: border-box;
        width: 10px;
        height: 10px;
    }

    ._3ohAi:after {
        bottom: -2px;
        border: 5px solid transparent;
        border-bottom: 5px solid #fff;
    }

.v0d5B {
    color: #3e4152;
    font-size: 16px;
    font-weight: 500;
}

.mFwvW {
    color: #686b78;
    font-size: 14px;
    margin-top: 0;
}

._1KzVF, ._2lope {
    font-weight: 600;
    cursor: pointer;
}

._1KzVF {
    width: 100%;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border: none;
    line-height: 50px;
    font-size: 14px;
    height: 50px;
    padding: 0 2rem;
    color: #fff;
    letter-spacing: 0;
    border: 1px solid #fc8019;
    margin-top: 26px;
    line-height: 36px;
    width: auto;
    height: 36px;
    padding: 0 15px;
    outline: none;
    min-width: 120px;
    background: #fc8019;
}

._3dmIW {
    margin-top: 0px !important;
    margin-left: 50px;
}

/****** Style Star Rating Widget *****/
.form-rating .star-rating {
    /*border: solid 1px #ccc;*/
    display: inline-flex;
    flex-direction: row-reverse;
    font-size: 3rem !important;
    justify-content: space-around;
    padding: 0 0em;
    text-align: center;
    width: 5em;
}

.star-rating {
    /*border: solid 1px #ccc;*/
    display: inline-flex;
    flex-direction: row-reverse;
    font-size: 1.5em;
    justify-content: space-around;
    padding: 0 0em;
    text-align: center;
    width: 4em;
}

    .star-rating input {
        display: none;
    }

    .star-rating label {
        color: #ccc;
        cursor: pointer;
    }

    .star-rating :checked ~ label {
        color: #f90;
    }

    .star-rating label:hover,
    .star-rating label:hover ~ label {
        color: #fc0;
    }

.rating {
    border: none;
    float: left;
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        margin: 5px;
        font-size: 1.25em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #ddd;
        float: right;
    }

    /***** CSS Magic to Highlight Stars on Hover *****/

    .rating > input:checked ~ label, /* show gold star when clicked */
    .rating:not(:checked) > label:hover, /* hover current star */
    .rating:not(:checked) > label:hover ~ label {
        color: #FFD700;
    }
        /* hover previous stars in list */

        .rating > input:checked + label:hover, /* hover current star when changing rating */
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
        .rating > input:checked ~ label:hover ~ label {
            color: #FFED85;
        }

/*ITEMS!!!*/
.alternative .items img {
    margin-bottom: 10px;
    vertical-align: top;
    position: relative;
    left: 22px;
    width: 150px;
}

.alternative .items {
    width: auto;
    margin: 5px;
    /*display: inline-block;*/
    display: inline-block;
}

.alternative .item {
    vertical-align: top;
    /*width: 150px;
    height: 225px;*/
    margin-right: 30px;
    /*background: #FEFEFE;*/
    display: inline-block;
    /*border-radius: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.06);*/
}

.item {
    /*border: 1px solid #f07d10;*/
}

.info h3 {
    text-align: center;
    /* margin-bottom: 5px; */
    padding: 10px;
    /*border: 1px solid #f07d10;*/
    /* margin-right: 5px; */
    font-size: 15px;
}

.info h5 {
    position: relative;
    bottom: 10px;
    text-align: center;
    margin-top: 20px;
    font-weight: 700;
    margin-left: 35px;
}

.descroption {
    margin: 0;
    text-align: center;
    font-size: 11px;
    font-style: italic;
    color: grey;
    font-family: sans-serif;
    margin-left: 40px;
}

.icon-btn.main-btn, .icon-btn.primary-btn {
    width: 49px;
    height: 49px;
    line-height: 47px;
    text-align: center;
    padding: 0px;
    border: 1px solid #e7e7e7;
    background: transparent;
    color: red;
}

.button, button, .button-primary, .button-set {
    background: #eb691e;
    color: white;
    display: inline-block;
    padding: 7px 15px;
    border: 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

.footer-subscribe .input-group-addon button {
    background: #555 !important;
    border-radius: 0px;
    border-color: #3e3e3e;
    height: 21px !important;
    color: inherit;
    padding: 0;
    border: 0;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: unset;
    padding: 0px 12px !important;
}

.footer-subscribe .input-group-addon button {
    padding: 0px 12px !important;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #eee;
    border: none !important;
    border-radius: 0px;
}

.add-to-cart {
    background: #eb691e;
    color: white;
    display: inline-block;
    padding: 7px 15px;
    border: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 8px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    height: 35px;
}

/* Like Slider */
ul.like_list {
    text-align: left;
    padding: 0;
    margin: 0;
}

    ul.like_list > li {
        padding: 5px;
        margin: 0;
        list-style: none;
        display: inline-block;
    }



.items_container .bx-wrapper {
    margin: 0 auto 30px !important;
}

    .items_container .bx-wrapper .bx-prev {
        left: 6px !important;
        box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3);
        background-color: hsl(219, 100%, 20%);
        padding: 20px 0 60px;
    }



        .items_container .bx-wrapper .bx-prev:before {
            content: "\f104";
            font-family: 'FontAwesome';
            color: #fff !important;
            font-size: 30px;
        }

    .items_container .bx-wrapper .bx-next {
        right: 5px;
        box-shadow: 1px 2px 10px -1px rgba(0,0,0,.3);
        background-color: hsl(219, 100%, 20%);
        padding: 20px 0 60px;
    }

        .items_container .bx-wrapper .bx-next:before {
            content: "\f105";
            font-family: 'FontAwesome';
            color: #fff !important;
            font-size: 30px;
            margin-left: 5px;
        }

    .items_container .bx-wrapper .bx-controls-direction a {
        text-align: center;
        text-decoration: none;
        text-indent: 0px !important;
        z-index: 99 !important;
    }

    .items_container .bx-wrapper .bx-prev:hover, .items_container .bx-wrapper .bx-next:hover {
        background: #333 !important;
    }

.items_container .bx-controls-direction a.disabled {
    display: block !important;
    opacity: 0.3;
    cursor: not-allowed;
}

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

/*.prod_details_right a {
    border: 1px Solid #eb691e;
    color: white;
    display: inline-block;
    padding: 15px 30px;
    border: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 16px;
}*/

/* Cart Css */
#checkout-form {
    margin-bottom: 15px;
}

.section-title {
    position: relative;
    margin-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px solid #DADADA;
    margin-left: 0;
}

    .section-title .title {
        display: inline-block;
        margin-top: 15px;
        /* margin-left: 0; */
        font-size: 23px;
        text-transform: uppercase;
    }

.shiping-methods {
    margin-bottom: 30px;
}

.deliver {
    border-right: 1px solid #F07D10;
}

    .deliver:last-child {
        border-right: 0;
    }

.delivery .title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
}

.delivery .name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px;
}

.delivery .phone {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
}

.delivery .email {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.delivery .address {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
}

/*-- shopping cart table --*/

.shopping-cart-table > tbody > tr > td, .shopping-cart-table > tbody > tr > th, .shopping-cart-table > tfoot > tr > td, .shopping-cart-table > tfoot > tr > th, .shopping-cart-table > thead > tr > td, .shopping-cart-table > thead > tr > th {
    padding: 15px 0px;
    /*vertical-align: middle;*/
    border-top: 1px solid #DADADA;
}

.shopping-cart-table > thead > tr > th {
    color: #30323A;
    text-transform: uppercase;
    border-bottom: 1px solid #DADADA;
    padding-top: 0;
    padding-bottom: 7px;
}

.shopping-cart-table > tbody > tr:last-child > td {
    border-bottom: 1px solid #DADADA;
}

.shopping-cart-table > tfoot > tr > td, .shopping-cart-table > tfoot > tr > th {
    color: #30323A;
    border-top: 0px
}

    .shopping-cart-table > tfoot > tr > td:not(.empty), .shopping-cart-table > tfoot > tr > th:not(.empty) {
        padding: 15px;
        background-color: #F6F7F8;
        border: 1px solid #DADADA;
    }

.shopping-cart-table > tbody > tr > .details > a {
    font-size: 15px;
    font-weight: normal;
}

.shopping-cart-table > tbody > tr > .thumb > img {
    width: 60px;
}

.shopping-cart-table > tbody > tr > .qty .input {
    width: 90px;
}

.shopping-cart-table > tbody > tr > .price {
    font-size: 15px;
}

.shopping-cart-table > tbody > tr > .total {
    font-size: 15px;
}

.shopping-cart-table > tfoot > tr > .sub-total {
    font-size: 18px;
}

.shopping-cart-table > tfoot > tr > .total {
    font-size: 24px;
    color: #1b6dc1;
}

.bor-right {
    border-left: 1px dashed #ccc;
}

.shipping h2 {
    font-size: 16px;
    font-weight: 700;
    margin: 15px 0 5px;
}

.shipping select {
    max-width: 100%;
    height: 30px;
    display: block;
    border: 1px solid silver;
}

    .shipping select.validation-failed {
        border-color: #df280a;
    }

    .shipping select #shipping-zip-form .label {
        display: inline-block;
        max-width: 100%;
        /* margin-bottom: 5px; */
        font-weight: normal;
    }

.shipping .shipping-desc {
    display: none;
}

.shipping .buttons-set {
    border: none;
    margin: 0;
    padding: 0;
}

.shipping .form-list:after {
    content: '';
    display: table;
    clear: both;
}

.shipping .form-list li {
    /*float: left;*/
    margin: 5px 2% 10px 0;
}

.shipping .form-list .shipping-country {
    width: 37%;
}

.shipping .form-list .shipping-region {
    width: 41%;
}

.shipping .form-list .shipping-postcode {
    margin-right: 0;
    width: 18%;
}

    .shipping .form-list .shipping-postcode input {
        margin-top: 4px;
    }

.shipping .form-list .input-box {
    padding-top: 0;
}

.shipping .form-list input {
    height: 30px;
    margin-top: 0px;
}

.shipping .form-list label {
    font-family: 'Hind', sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    white-space: nowrap;
    margin-bottom: 0px
}

.shipping .sp-methods {
    padding: 10px 0 0;
    text-align: left;
}

    .shipping .sp-methods dd {
        margin-bottom: 10px;
    }

    .shipping .sp-methods label {
        font-size: 12px;
        font-style: italic;
        min-width: 100px;
    }

        .shipping .sp-methods label span {
            font-family: 'Hind', sans-serif;
            font-weight: bold;
            font-style: normal;
        }

.shipping #co-shipping-method-form .buttons-set .button {
    float: left;
    margin-left: 0;
}

.shipping #co-shipping-method-form .sp-methods dd label {
    border: 1px solid #cccccc;
    background-color: #ececec;
    min-width: 220px;
}

    .shipping #co-shipping-method-form .sp-methods dd label:hover {
        background-color: #dbdbdb;
    }

@media only screen and (max-width: 770px) {
    .shipping .shipping-form .form-list > li.shipping-region {
        width: 50%;
    }

    .shipping .shipping-form .form-list > li.shipping-postcode {
        width: 45%;
        margin-left: 5%;
        margin-right: 0;
    }

    .shipping .shipping-form .form-list > li.shipping-btn-action {
        width: 45%;
        float: right;
        margin: -10px 0 0 0;
    }

    .shipping .shipping-form .form-list > li label {
        display: block;
    }

    .shipping .shipping-form .form-list > li input,
    .shipping .shipping-form .form-list > li select {
        width: 100%;
    }
}

.cart-shop .cart-totals {
    text-align: right;
}

    .cart-shop .cart-totals:after {
        content: '';
        display: table;
        clear: both;
    }

    .cart-shop .cart-totals table {
        font-family: inherit;
        font-size: 16px;
        margin-bottom: 20px;
        text-transform: capitalize;
        width: 100%;
    }

    .cart-shop .cart-totals .price {
        font-size: 16px;
        font-weight: bold;
    }

    .cart-shop .cart-totals table td {
        padding: 2px 0px;
    }

        .cart-shop .cart-totals table td:first-child {
            padding-right: 10px;
            /*min-width: 120px;*/
            float: left;
        }

        .cart-shop .cart-totals table td:nth-child(2n+1) {
            padding-right: 10px;
            /*min-width: 120px;*/
            float: left;
        }

.input-box {
    display: flex;
}

    .input-box input {
        max-width: 100%;
        border: 1px solid #e7e7e7;
    }

.discount-bottom {
    float: left;
    padding: 15px 8px 15px 15px;
}

    .discount-bottom .input-group-addon {
        background: #ed6802 !important;
        border-radius: 0px;
        padding: 0px !important;
        width: 40% !important;
        font-size: 14px !important;
        font-weight: normal;
        line-height: 1;
        color: #fff;
        text-align: center;
        background-color: #eee;
        border: none !important;
        border-radius: 0px;
        height: 41px;
    }

        .discount-bottom .input-group-addon button {
            background: #ed6802 !important;
            border-radius: 0px;
            /*padding: 6px 12px !important;*/
            /*width: 20% !important;*/
            font-size: 14px !important;
            font-weight: normal;
            line-height: 1;
            color: #fff;
            text-align: center;
            background-color: #eee;
            border: none !important;
            border-radius: 0px;
        }

        .discount-bottom .input-group-addon a {
            color: #fff;
            padding: 0;
        }

    .discount-bottom .form-control {
        display: block;
        width: 75%;
        height: 41px;
        height: 41px;
        padding: 6px 15px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

#coupon {
    float: left;
    width: 72%;
    /*padding: 15px 8px 0 0;*/
}

    /*#coupon .input-group-addon {
        background: #ed6802 !important;
        border-radius: 0px;
        padding: 0px !important;
        width: 40% !important;
        font-size: 14px !important;
        font-weight: normal;
        line-height: 1;
        color: #fff;
        text-align: center;
        background-color: #eee;
        border: none !important;
        border-radius: 0px;
        height: 41px;
    }*/
    #coupon .form-control {
        height: 45px;
    }

    #coupon .input-group-addon {
        padding: 2px 25px;
        font-size: 20px;
        font-weight: normal;
        line-height: 1;
        color: #fff !important;
        text-align: center;
        background-color: #eb691e;
        border: 1px solid #ccc;
        border-radius: 0px;
        height: 45px;
    }

        #coupon .input-group-addon a {
            color: #fff !important;
        }

    #coupon .discount-bottom .input-group-addon button {
        background: #ed6802 !important;
        border-radius: 0px;
        /*padding: 6px 12px !important;*/
        /*width: 20% !important;*/
        font-size: 14px !important;
        font-weight: normal;
        line-height: 1;
        color: #fff;
        text-align: center;
        background-color: #eee;
        border: none !important;
        border-radius: 0px;
    }

    #coupon .discount-bottom .input-group-addon a {
        color: #fff;
        padding: 0;
    }

    #coupon .discount-bottom .form-control {
        display: block;
        width: 75%;
        height: 41px;
        height: 41px;
        padding: 6px 15px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

.coupon_code {
    font-weight: bold;
}

.cart-shop .cart-totals-wrapper .first-bar {
    margin-bottom: 10px;
}

.cart-shop .cart-totals-wrapper .second-bar {
    margin-bottom: 10px;
}

.cart-shop .cart-totals-wrapper .foot-bar {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0 0;
    font-size: 18px;
    height: 55px;
    font-weight: 700;
}

.cart-shop .list-inline {
    margin-top: 10px;
}

.cart-shop .cart-totals table tbody tr:last-child td,
.cart-shop .cart-totals table tbody tr:last-child th {
    padding-bottom: 10px;
}

.cart-shop .cart-totals table tfoot {
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

    .cart-shop .cart-totals table tfoot td {
        font-size: 24px;
        padding: 2px 5px;
        vertical-align: top;
    }

    .cart-shop .cart-totals table tfoot strong span,
    .cart-shop .cart-totals table tfoot span.price {
        font-family: 'Hind', sans-serif;
    }

    .cart-shop .cart-totals table tfoot strong {
        font-weight: 400;
    }

@media only screen and (max-width: 600px) {
    .cart-totals {
        text-align: right;
    }
}

@media only screen and (max-width: 770px) {
    .cart-shop .cart-totals table tfoot td {
        font-size: 18px;
    }
}

.discount-form:after,
#giftcard-form:after {
    content: '';
    display: table;
    clear: both;
}

#discount-coupon-form,
.cart-shop .giftcard {
    width: 100%;
}

    #discount-coupon-form h2,
    .cart-shop .giftcard h2 {
        display: none;
    }

    #discount-coupon-form label,
    .cart-shop .giftcard label {
        font-family: 'Hind', sans-serif;
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        text-transform: uppercase;
        min-width: 105px;
        display: inline-block;
        margin-right: 10px;
    }

    #discount-coupon-form .field-wrapper,
    .cart-shop .giftcard .field-wrapper {
        display: inline-block;
    }

    #discount-coupon-form .validation-advice,
    .cart-shop .giftcard .validation-advice {
        display: inline;
    }

    #discount-coupon-form .button-wrapper,
    .cart-shop .giftcard .button-wrapper {
        display: inline-block;
        vertical-align: bottom;
    }

        #discount-coupon-form .button-wrapper > button,
        .cart-shop .giftcard .button-wrapper > button {
            float: left;
        }

    #discount-coupon-form .input-text,
    .cart-shop .giftcard .input-text {
        border-radius: 0;
        height: 30px;
        margin: 4px 10px 0 0;
        width: 190px;
    }

    .cart-shop .giftcard p {
        margin-bottom: 7px;
    }

    .cart-shop .giftcard .check-gc-status {
        float: left;
        padding: 0px;
    }

        .cart-shop .giftcard .check-gc-status > span > span {
            font-size: 14px;
            text-transform: none;
        }


.cart-shop .button-standard {
    background: transparent;
    color: #ed6802;
    border: 1px solid #ed6802;
    display: inline-block;
    padding: 12px 5px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    /* height: 45px; */
}

.btn-proceed-checkout {
    background: #ed6802;
    color: white;
    display: inline-block;
    padding: 12px 25px;
    border: 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

.button-coupon {
    background: #ed6802;
    color: white;
    display: inline-block;
    padding: 7px 15px;
    border: 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

* ============================================ *
* Checkout - One Page
* ============================================ */
.checkout-onepage-index .col-right,
.checkout-onepage-index .col-left {
    display: none;
}

.checkout-onepage-index .col-main {
    width: auto;
    float: none;
}

@media only screen and (min-width: 980px) {
    .checkout-onepage-index .col-main {
        float: left;
        width: 68.75%;
        padding-right: 20px;
    }

    .checkout-onepage-index .col-right,
    .checkout-onepage-index .col-left {
        width: 31.25%;
        display: block;
    }

    .checkout-onepage-index .col-right {
        padding-left: 0;
    }
}

.opc select {
    width: 365px;
}

.checkout-types li button {
    /*font-size: 13px;
    font-weight: bold;*/
    /*height: 35px;*/
}

.button-standard {
    background: transparent;
    color: #ed6802;
    border: 1px solid #ed6802;
    /*height: 45px;*/
}

/*.button, button, .button-primary, .button-set {
    background: #1b6dc1;
    color: white;
    display: inline-block;
    padding: 7px 15px;
    border: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}*/
.container .cart-shop .cart-table tbody tr td a.product-image {
    margin: 0;
    border: 0;
    padding: 2px;
}

.product-image, .no-touch .product-img-box .product-image:not(.zoom-available):hover {
    position: relative;
    display: block;
    border: 1px solid #ededed;
}

.desktop-only {
    margin-top: -10px;
}

#checkout-form {
    margin-bottom: 15px;
}

.mobile-only {
    padding: 10px;
}

.marg-t {
    margin-top: 40px;
}

.form-group {
    margin-bottom: 15px !important;
    font-size: 18px;
}

    .form-group label {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 3px;
    }

    .form-group span {
        color: red;
    }

.benefits {
    line-height: 25px;
    letter-spacing: 1px;
    font-size: 15px;
    list-style: disc;
    margin: 0 10px 10px;
}

.icon-btn.main-btn, .icon-btn.primary-btn {
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    padding: 0px;
    border: none;
}

.danger {
    color: red;
    border-color: red !important;
}

.main-btn {
    color: #30323A;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 6px transparent;
    box-shadow: 0px 0px 0px 1px #DADADA inset, 0px 0px 0px 6px transparent;
}

.main-btn, .primary-btn {
    display: inline-block;
    padding: 15px 18px;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    text-align: -webkit-center;
}

/* Billing Shipping CSS */
.bill_ship .section-title .title {
    display: inline-block;
    text-transform: capitalize;
}

.bill_ship .section-title {
    position: relative;
    margin-bottom: 5px;
    margin-top: 0;
    border-bottom: 1px solid #DADADA;
}

.bill_ship .ship .section-title {
    position: relative;
    margin-bottom: 5px !important;
    margin-top: 0;
    border-bottom: 1px solid #DADADA;
}

.bill_ship .title {
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 700;
}

.bill_ship input, select, textarea {
    max-width: 100%;
}

.bill_ship .shiping .section-title {
    position: relative;
    margin-bottom: 5px;
    margin-top: 0;
    border-bottom: 1px solid #DADADA;
}

.bill_ship .shiping .font-weak {
    font-size: 15px;
    vertical-align: middle;
}

.bill_ship .shiping ul {
    margin-bottom: 0px;
}

.bill_ship .shiping .foot-bar {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0 0;
    font-size: 18px;
    height: 55px;
    font-weight: 700;
}

.bill_ship .button, button, .button-primary, .button-set {
    background: #eb691e;
    color: white;
    display: inline-block;
    padding: 7px 15px;
    border: 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

/* PopUp CSS */
.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/* footer footnotes */
footer ol {
    border-top: 1px solid #eee;
    margin-top: 40px;
    padding-top: 15px;
    padding-left: 20px;
}

/* Bootstrap Docs */
.bs-example {
    position: relative;
    padding: 45px 15px 15px;
    margin: 0 -15px 15px;
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px 0;
    -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
}

    .bs-example:after {
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 12px;
        font-weight: 700;
        color: #959595;
        text-transform: uppercase;
        letter-spacing: 1px;
        content: "Example";
    }

.bs-example-padded-bottom {
    padding-bottom: 24px;
}

@media (min-width: 768px) {
    .bs-example {
        margin-right: 0;
        margin-left: 0;
        background-color: #fff;
        border-color: #ddd;
        border-width: 1px;
        border-radius: 4px 4px 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.bs-example + .code {
    margin: -15px -15px 15px;
    border-width: 0 0 1px;
    border-radius: 0;
}

@media (min-width: 768px) {
    .bs-example + .code {
        margin-top: -16px;
        margin-right: 0;
        margin-left: 0;
        border-width: 1px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }
}
/* CodeMirror Bootstrap Theme */
.cm-s-bootstrap .cm-comment {
    font-style: italic;
    color: #999988;
}

.cm-s-bootstrap .cm-number {
    color: #F60;
}

.cm-s-bootstrap .cm-atom {
    color: #366;
}

.cm-s-bootstrap .cm-variable-2 {
    color: #99F;
}

.cm-s-bootstrap .cm-property {
    color: #99F;
}

.cm-s-bootstrap .cm-string {
    color: #DD1144;
}

.cm-s-bootstrap .cm-keyword {
    color: #069;
}

.cm-s-bootstrap .cm-operator {
    color: #555;
}

.cm-s-bootstrap .cm-qualifier {
    color: #0A8;
}

.modal-dialog {
    width: auto !important;
    margin: 30px auto 0;
}

.msg {
    width: 100%;
    text-align: center;
    font-size: 13px;
}

/*-- Filter list --*/

.filter-list {
    margin-bottom: 0px;
}

    .filter-list > li {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 5px;
        /* padding-bottom: 10px; */
        padding-top: 5px;
    }

        .filter-list > li:last-child {
            margin-right: 0px;
        }

    .filter-list li a {
        position: relative;
        padding: 0px 5px 0px 20px;
        background: #ddd;
    }

        .filter-list li a:before {
            content: "\f00d";
            font-family: FontAwesome;
            position: absolute;
            left: 4px;
            top: 5px;
            line-height: 12px;
            font-size: 9px;
            color: #FFF;
            background: #30323A;
            width: 12px;
            text-align: center;
            border-radius: 50%;
            height: 12px;
        }

.lang_fill {
    margin: 15px;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #ed6802 !important;
    border-color: #ed6802 !important;
}




.records {
    margin-top: 15px;
}

hr {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    border: 0;
    border-top: 1px solid #f07d10;
}

.a-box {
    display: block;
    border-radius: 4px;
    border: 1px #ddd solid;
    background-color: #fff;
}

    .a-box.first-desktop-address-tile {
        border-style: dashed;
        height: 284px;
        width: 36%;
        border-width: 2px;
        box-sizing: border-box;
        border-color: #C7C7C7;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

.a-spacing-none, .a-ws .a-ws-spacing-none {
    margin-bottom: 0 !important;
}

.a-section {
    margin-bottom: 22px;
}

.a-inline-block, .aok-inline-block {
    display: inline-block;
}

.address-plus-icon {
    background: url('../images/add.png') left center no-repeat;
    width: 50px;
    height: 50px;
}

.normal-desktop-address-tile {
    height: 285px;
    /*width: 33%;*/
    border-width: 1px;
    box-sizing: border-box;
    border-color: #C7C7C7;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);
    border-style: solid;
}

.a-padding-none {
    padding: 0 !important;
}

.a-box .a-box-inner {
    border-radius: 4px;
    position: relative;
    padding: 14px 18px;
}

.edit {
    color: blue;
}

.delete {
    color: red;
}

.default-section {
    height: 40px;
    border-bottom: 1px solid #C7C7C7;
    padding: 10px;
    padding-top: 7px;
    background-color: #efecec;
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.a-section {
    margin-bottom: 22px;
}

.edit-address-desktop-link {
    position: absolute;
    bottom: 20px;
    left: 22px;
}

.address-section-with-default {
    padding: 10px;
}

.a-section:last-child {
    margin-bottom: 0;
}

.address {
    /*display: -webkit-inline-box;*/
}

.add {
    width: 33%;
    margin: 15px 0;
}

.shipping-text {
    margin-bottom: 25px;
}
/* Shopping Cart */
/*.cart-table {
    width: 100%;
    padding: 0px;
    border-collapse: collapse;
}

    .cart-table tfoot td {
        font-weight: bold;
    }

    .cart-table .tch {
        font-size: 20px;
        font-weight: bold;
    }


 
.subtotal {
    font-size: 18px;
    font-weight: 500;
}
.qty-box {
    max-width: 110px;
}

    .qty-box .input-group-addon {
        background: transparent;
        border: 0px;
    }

    .qty-box .qty_input {
        padding: 0px;
        text-align: center;
    }

    .qty-box .qty_input_sm {
        max-width: 50px;
        margin: 0 auto;
        font-size: 12px;
    }

.cart_pic, .cart_details {
    display: table-cell;
    vertical-align: top;
}

.cart_pic {
    width: 80px;
}

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

.cart_details {
    padding: 0px 10px;
}

    .cart_details h2 {
        line-height: 20px;
        font-size: 15px;
         
    }

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


    .cart_details a {
        text-decoration: none;
    }



@media only screen and (max-width: 800px) {
    .cartcol1 {
        text-align: left;
        width: 100%;
    }

    .resp-table td.cartcol1 {
        padding-left: 0% !important;
    }

    .cart-table td {
        border: 0px !important;
    }

    .cart-table tr {
        border-bottom: 2px solid #ddd !important;
    }

    .cartcol2 {
        text-align: left;
        width: 100%;
    }

    .cartcol3 {
        text-align: left;
        width: 100%;
    }

    .cartcol4 {
        text-align: left;
        width: 100%;
    }

    .colhide {
        display: none !important;
    }

    .couponcode {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
   
}*/
.right-menu {
    margin-right: -70px;
}

@media only screen and (max-width:992px) {
    /* Force table to not be like tables anymore */
    .resp-table table, .resp-table thead, .resp-table tbody, .resp-table tfoot, .resp-table th, .resp-table td, .resp-table tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .resp-table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .resp-table tr {
        border: 1px solid #eee;
        margin-bottom: 15px;
    }

    .resp-table td {
        /* Behave like a "row" */
        border: none;
        padding: .30rem;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 40% !important;
        white-space: normal;
        text-align: left;
    }

        .resp-table td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 35%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /* Label the data */
        .resp-table td:before {
            content: attr(data-title);
        }

    .resp-table a {
        display: inline-block;
    }

    .resp-table .fa {
        display: inline-block;
    }
}
/* Shopping Cart */
.cart-table {
    width: 100%;
    padding: 0px;
    border-collapse: collapse;
}

    .cart-table tfoot td {
        font-weight: bold;
        padding: 10px !important;
    }

    .cart-table .tch {
        font-size: 20px;
        font-weight: bold;
    }


.cartcol1 {
    text-align: left;
    width: 40%;
}

.cartcol2 {
    text-align: center;
    width: 10%;
    font-size: 14px;
}

.cartcol3 {
    text-align: center;
    width: 8%;
    font-size: 14px;
}

.cartcol4 {
    text-align: right;
    width: 12%;
    font-size: 14px;
}

.qty-box {
    max-width: 110px;
}

    .qty-box .input-group-addon {
        background: transparent;
        border: 0px;
    }

    .qty-box .qty_input {
        padding: 0px;
        text-align: center;
    }

    .qty-box .qty_input_sm {
        max-width: 50px;
        margin: 0 auto;
        font-size: 12px;
    }

.cart_pic, .cart_details {
    display: table-cell;
    vertical-align: top;
}

.cart_pic {
    width: 80px;
}

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

.cart_details {
    padding: 0px 10px;
}

    .cart_details h2 {
        font-size: 16px;
    }

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


    .cart_details a {
        text-decoration: none;
    }

.lead {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 800px) {
    .cartcol1 {
        text-align: left;
        width: 100%;
    }

    .resp-table td.cartcol1 {
        padding-left: 0% !important;
    }

    .cart-table td {
        border: 0px !important;
    }

    .cart-table tr {
        border-bottom: 2px solid #ddd !important;
        margin-bottom: 0;
    }

    .cartcol2 {
        text-align: left;
        width: 100%;
    }

    .cartcol3 {
        text-align: left;
        width: 100%;
    }

    .cartcol4 {
        text-align: left;
        width: 100%;
    }

    .colhide {
        display: none !important;
    }

    .couponcode {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
}

.prod_box figcaption .prod-caption {
    padding: 15px 0px;
}

.prod_box figcaption p {
    margin: 0 0px 0;
}

.prod_box figcaption h2 {
    font-size: 15px;
}

.prod_box figcaption h1 {
    font-size: 30px;
}

.prod_box figcaption a .prod_cart_sp {
    color: #333;
    text-decoration: none;
    font-size: 25px;
}

.prod_box figcaption .prod-price {
    font-weight: 600;
    font-size: 16px;
}

    .prod_box figcaption .prod-price .strikethrough {
        text-decoration: line-through;
        font-size: 14px;
        color: rgb(255, 247, 178);
        margin-left: 15px;
    }

.prod_box figcaption a {
    color: #333;
    text-decoration: none;
}

.a-grid-top.a-fixed-left-grid-inner > .a-fixed-left-grid-col, .a-grid-top.a-fixed-right-grid-inner > .a-fixed-right-grid-col, .a-grid-top.a-row > div.a-column {
    vertical-align: middle;
}

.imagezoomView {
    left: 470px !important;
}

.contents {
    position: relative;
    width: 100%;
    max-width: 620px;
    margin: auto;
    overflow: hidden;
    /*margin-top:10px;*/
    /*margin-bottom:10px;*/
}

    .contents .content-overlay {
        background: #f07d10;
        position: absolute;
        height: 99%;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        /* box-shadow */
        -webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 10px;
        -moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
        box-shadow: rgba(0,0,0,0.8) 0 0 10px;
        /*border: 1px solid #fff;*/
        /*border-radius: 10px;*/
        /*-webkit-box-shadow: 0px 8px 41px 12px rgba(148,146,148,1);
        -moz-box-shadow: 0px 8px 41px 12px rgba(148,146,148,1);
        box-shadow: 10px 10px 45px 10px rgba(0,0,0,0.75);*/
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

.subcat_gal .content-overlay {
    background: rgb(240, 125, 16);
    text-align: center;
    padding: 45px 0 60px 0;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    height: 100%;
}

.subcat_gal:hover img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.subcat_gal:hover {
    -webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 10px;
    -moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
    box-shadow: rgba(0,0,0,0.8) 0 0 10px;
    /*box-shadow: 0px 5px 5px #666;
    border-radius: 10px -webkit-box-shadow: -2px 3px 28px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 3px 28px 0px rgba(0,0,0,0.75);
    box-shadow: -2px 3px 28px 0px rgba(0,0,0,1)*/;
}

#cat-gallery .contents .content-overlay {
    height: 97% !important;
}

.contents:hover .content-overlay {
    opacity: 1;
}

.content-image {
    width: 100%;
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}



.contents:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    background: transparent !important;
}

.content-details p {
    color: #fff;
    font-size: 0.8em;
    background: transparent !important;
    padding: 0;
}

.fadeIn-bottom {
    top: 80%;
}

.fadeIn-top {
    top: 20%;
}

.fadeIn-left {
    left: 20%;
}

.fadeIn-right {
    left: 80%;
}

.filter {
    width: 90%;
    margin: 20px 0;
    font-family: 'Whitney', sans-serif;
}

    .filter p {
        padding: 0 10px;
        margin: 0;
    }

    .filter p, .filter li {
        font-weight: bold;
        line-height: 35px;
        font-size: 12px;
    }

    .filter .title {
        color: #fff;
        background-color: #1ba0eb;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px;
        border-radius: 3px 3px 0 0;
    }

    .filter .title_items {
        color: #333;
        border: 1px solid rgb(217, 218, 218);
        background: rgb(235, 236, 236) !important;
        cursor: pointer;
        position: relative;
        background-color: #fff;
        border-bottom: 1px solid #e4effd;
        -moz-transition: linear 0.2s background-color;
        -o-transition: linear 0.2s background-color;
        -webkit-transition: linear 0.2s background-color;
        transition: linear 0.2s background-color;
    }

        .filter .title_items:hover {
            background-color: #000 currentColor:#fff;
        }

        .filter .title_items.active + ul + .title_items {
            border-top: 1px solid #e4effd;
        }

        .filter .title_items:after {
            position: absolute;
            top: auto;
            right: 11px;
            display: inline-block;
            content: "\f105";
            font-family: 'FontAwesome';
            -webkit-transition: all .50s ease;
            -moz-transition: all .50s ease;
            -ms-transition: all .50s ease;
            -o-transition: all .50s ease;
            transition: all .50s ease;
        }

        /*.filter .title_items.active:after {
        height: 5px;
        width: 5px;
        right: 14px;
        margin-top: -2.5px;
    }

    .filter .title_items:before, .filter .title_items:after {
        content: "";
        position: absolute;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-color: #0d0000;
        -moz-transition: linear 0.3s all;
        -o-transition: linear 0.3s all;
        -webkit-transition: linear 0.3s all;
        transition: linear 0.3s all;
    }*/

        /*.filter .title_items:before {
        height: 5px;
        width: 13px;
        top: 50%;
        right: 10px;
        margin-top: -2.5px;
    }

    .filter .title_items:after {
        height: 13px;
        width: 5px;
        top: 50%;
        right: 14px;
        margin-top: -6.5px;
    }*/

        .filter .title_items .active {
            background-color: #000 !important;
        }

    .filter ul {
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        padding: 0;
        margin: 0;
    }

        .filter ul li {
            height: 0;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            opacity: 0;
            color: #333;
            border: 1px solid rgb(217, 218, 218);
            background-color: #ebecec;
            -moz-transition: linear 0.2s all;
            -o-transition: linear 0.2s all;
            -webkit-transition: linear 0.2s all;
            transition: linear 0.2s all;
        }

            .filter ul li:nth-child(odd) {
                -moz-transform: scale(0.5) translateX(-150px);
                -ms-transform: scale(0.5) translateX(-150px);
                -webkit-transform: scale(0.5) translateX(-150px);
                transform: scale(0.5) translateX(-150px);
            }

            .filter ul li:nth-child(even) {
                -moz-transform: scale(0.5) translateX(150px);
                -ms-transform: scale(0.5) translateX(150px);
                -webkit-transform: scale(0.5) translateX(150px);
                transform: scale(0.5) translateX(150px);
            }

            .filter ul li.visible {
                height: 36px;
                filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                opacity: 1;
                -moz-transform: scale(1) translateX(0);
                -ms-transform: scale(1) translateX(0);
                -webkit-transform: scale(1) translateX(0);
                transform: scale(1) translateX(0);
            }

.visible {
    display: block;
}

.invisible {
    display: none;
}

.filter ul li:last-child label {
    border-bottom: none;
}

.filter ul li:nth-child(1) label:before, .filter ul li:nth-child(1) label:after {
    border-color: #5db6e2;
}

.filter ul li:nth-child(2) label:before, .filter ul li:nth-child(2) label:after {
    border-color: #c0a2f1;
}

.filter ul li:nth-child(3) label:before, .filter ul li:nth-child(3) label:after {
    border-color: #f7a238;
}

.filter ul li:nth-child(4) label:before, .filter ul li:nth-child(4) label:after {
    border-color: #f6d04d;
}

.filter ul li:nth-child(5) label:before, .filter ul li:nth-child(5) label:after {
    border-color: #40c9a1;
}

.filter ul li:nth-child(6) label:before, .filter ul li:nth-child(6) label:after {
    border-color: #ea8b8b;
}

.filter ul li:nth-child(7) label:before, .filter ul li:nth-child(7) label:after {
    border-color: #fe8ae0;
}

.filter ul li:nth-child(8) label:before, .filter ul li:nth-child(8) label:after {
    border-color: #abb6d2;
}

.filter ul li:hover {
    background: #f7a238;
}

.filter ul li a {
    padding: 5px 7px;
    color: #333;
}

.filter input[type="radio"] {
    display: none;
}

    .filter input[type="radio"]:checked + label:after {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

.filter label {
    margin: 0 15px;
    display: block;
    cursor: pointer;
    position: relative;
    padding: 0 10px 0 25px;
    border-bottom: 1px solid #ddebfd;
}

    .filter label:before {
        content: "";
        height: 10px;
        width: 10px;
        top: 50%;
        left: 0;
        margin-top: -9px;
        position: absolute;
        border-width: 3px;
        border-style: solid;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .filter label:after {
        content: "";
        top: 50%;
        left: 5px;
        margin-top: -4px;
        position: absolute;
        border-width: 3px;
        border-style: solid;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -moz-transition: linear 0.2s all;
        -o-transition: linear 0.2s all;
        -webkit-transition: linear 0.2s all;
        transition: linear 0.2s all;
    }

@media only screen and (max-width:2048px) and (min-width:1920px) {
    .filter ul {
        left: 367px;
    }
}

@media only screen and (max-width:2048px) and (min-width:1200px) {
    .filter ul {
        -moz-transition-property: all;
        -o-transition-property: all;
        -webkit-transition-property: all;
        transition-property: all;
        -moz-transition-timing-function: linear;
        -o-transition-timing-function: linear;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
        position: absolute;
        top: 20px;
        left: 292px;
        width: 275px;
        text-transform: none;
        /*background: #38105d;*/
        z-index: 1;
    }
}


/* Media Css */
@media only screen and (max-width:1024px) and (min-width:900px) {
    .heading-sec h2, .heading-sec h1 {
        font-size: 19px;
    }

    #ga-gallery {
        width: 47.5%;
    }

    #cat-gallery {
        width: 22.5%;
    }

    #more-gallery {
        width: 23%;
    }

    ul.counter_bar li {
        margin: 0 6px 10px;
        vertical-align: middle;
        width: 32%;
    }

    .alternative .items {
        width: 100%;
        margin: 5px;
        display: inline-block;
    }
}

.right {
    float: right;
}

@media only screen and (max-width:1280px) and (min-width:1200px) {
    .text-cont {
        border: 1px solid #ed6702;
        padding: 20px 15px;
        margin: 25px 15px;
        height: 375px;
    }

    .db-pricing-eleven .price {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 20px 20px 20px 20px;
        font-size: 20px;
        font-weight: 600;
        color: #FFFFFF;
    }

    .db-pricing-eleven ul li {
        padding-top: 20px;
        padding-bottom: 20px;
        cursor: pointer;
        font-size: 20px;
    }

    .alternative .items {
        width: auto;
        margin: 5px 56px;
        display: inline-block;
    }

    .col-sm-offset-1 {
        margin-left: 0%;
    }

    #ga-gallery {
        width: 570px;
    }

    #cat-gallery {
        width: 275px;
    }


    ul.counter_bar li {
        list-style: none;
        display: block;
        padding: 10px 10px;
        margin: 0 10px 10px;
        vertical-align: middle;
        font-size: 16px;
        color: #000;
        background: #fff;
        float: left;
        width: 100%;
        position: relative;
        width: 31.6%;
    }
}

@media only screen and (max-width:2048px) and (min-width:1920px) {
    #ga-gallery {
        width: 48%;
    }

    #cat-gallery {
        width: 23%;
    }

    .db-pricing-eleven .price {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 20px 20px 20px 20px;
        font-size: 26px;
        font-weight: 600;
        color: #FFFFFF;
    }

    #cat-gallery .contents .content-overlay {
        height: 82% !important;
    }

    .btn_blackban {
        padding: 5px 50px;
        font-size: 34px;
        background: rgb(43, 42, 41) !important;
        border-color: rgb(43, 42, 41) !important;
        color: #fff !important;
    }

    /*ul.counter_bar li h2 {
        font-size: 81px;
    }

    ul.counter_bar li i.numscroller {
        font-size: 75px;
    }

    ul.counter_bar li h2 span {
        font-size: 40px;
    }*/
}

@media only screen and (max-width:1024px) {
    #ga-gallery {
        width: 47.5%;
    }

    #cat-gallery {
        width: 22.5%;
    }

    #more-gallery {
        width: 23%;
    }

    /*ul.counter_bar li {
        margin: 0 6px 10px;
        vertical-align: middle;
        width: 32%;
    }*/
}

@media only screen and (max-width: 800px) and (min-width:768px) {
    .footer-subscribe .input-group {
        margin-top: 10px;
        width: 85%;
        display: -webkit-inline-box;
    }

    .col-sm-offset-1 {
        margin-left: 0;
    }

    .address {
        display: block;
    }

    .add {
        width: 100%;
        margin: 10px 0px;
    }

    .a-box.first-desktop-address-tile {
        border-style: dashed;
        height: 266px;
        width: 720px;
        border-width: 2px;
        box-sizing: border-box;
        border-color: #C7C7C7;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    .right-menu {
        margin-right: 0;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 40%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;
    }

    .breadcrumbs_panel {
        padding: 10px 0 10px;
        margin: 10px 0px 10px 0;
        border-bottom: 1px solid #e5e5e5;
        background: beige;
    }

    #ga-gallery {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
        margin: 0 0px 0px;
    }

        #ga-gallery .ga-gallery-inner .item h3 {
            margin: 15px 0;
            color: #f07d10;
            font-weight: 600;
            font-size: 30px;
        }

    #cat-gallery {
        float: left;
        position: relative;
        width: 48.5%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
        margin: 0 5px 0px;
    }

        #cat-gallery .item p {
            margin: 10px 0;
            color: #f07d10;
            font-weight: 600;
            font-size: 26px;
        }

    #more-gallery {
        float: left;
        position: relative;
        width: 48.5%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
        margin: 0 5px 10px;
    }

        #more-gallery .item p {
            margin: 15px 0;
            color: #f07d10;
            font-weight: 600;
            font-size: 24.5px;
            height: 40px;
        }

    /*ul.counter_bar li {
        margin: 0 0px 10px;
        vertical-align: middle;
        width: 100%;
    }*/
}

@media only screen and (max-width: 640px) and (min-width:600px) {
    .footer-subscribe .input-group {
        margin-top: 10px;
        width: 85%;
        display: -webkit-inline-box;
    }

    .col-sm-offset-1 {
        margin-left: 0;
    }

    .address {
        display: block;
    }

    .add {
        width: 100%;
        margin: 10px 0px;
    }

    .a-box.first-desktop-address-tile {
        border-style: dashed;
        height: 266px;
        width: 720px;
        border-width: 2px;
        box-sizing: border-box;
        border-color: #C7C7C7;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    .right-menu {
        margin-right: 0;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 40%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;
    }

    .breadcrumbs_panel {
        padding: 10px 0 10px;
        margin: 10px 0px 10px 0;
        border-bottom: 1px solid #e5e5e5;
        background: beige;
    }

    #ga-gallery {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
        margin: 0 0px 0px;
    }

        #ga-gallery .ga-gallery-inner .item h3 {
            margin: 15px 0;
            color: #f07d10;
            font-weight: 600;
            font-size: 30px;
        }

    #cat-gallery {
        float: left;
        position: relative;
        width: 48.3%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
        margin: 0 5px 0px;
    }

        #cat-gallery .item p {
            margin: 10px 0;
            color: #f07d10;
            font-weight: 600;
            font-size: 20px;
        }

    #more-gallery {
        float: left;
        position: relative;
        width: 48.3%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
        margin: 0 5px 10px;
    }

        #more-gallery .item p {
            margin: 15px 0;
            color: #f07d10;
            font-weight: 600;
            font-size: 24.5px;
            height: 40px;
        }

    /*ul.counter_bar li {
        margin: 0 0px 10px;
        vertical-align: middle;
        width: 100%;
    }*/
}

.side-spec {
    padding-top: 70px;
}

.tc {
    background-color: #f7f7f7;
    font-size: 18px;
}

.submenu-size {
    font-size: 16.5px;
}

@media only screen and (max-width:480px) and (min-width:320px) and (-webkit-min-device-pixel-ratio: 0) {
    .header-middle {
        background: #eee;
    }

        .header-middle .logo img {
            width: 100%;
            height: 100%;
        }

    .footer-subscribe {
        font-size: 12px !important;
        float: none;
        width: 90%;
    }

    ul.social_media .fa {
        width: 44px !important;
        height: 44px !important;
        line-height: 44px !important;
    }

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

    .subcat_gal {
        max-width: 226px;
        height: 196px;
        box-shadow: none;
    }

    .mobile-log {
        margin: 4px 0px;
    }



    .hdr-list .dropdown-menu {
        background: #fff;
    }



    .hdr-list .dropdown-menu {
        background: #fff;
        background-attachment: fixed;
        color: #323232;
        border-radius: 0;
        top: auto;
        margin-top: -2px;
        min-width: 100px;
        border: 1px solid #d6d6d6 !important;
    }

    .dropdown-menu {
        /*min-width: 99% !important;*/
        margin-left: -110px !important;
        min-width: 170px !important;
        padding: 0;
    }
    /*.btn-log {
        padding: 12px 35px 12px 25px !important;
    }
    .btn-log .fa{
        margin-left: -7px !important;
    }*/
    li .dropdown > a:after {
        position: absolute;
        top: 15px;
        left: 90% !important;
        display: block;
        content: "\f107";
        font-family: 'FontAwesome';
        -webkit-transition: all .50s ease;
        -moz-transition: all .50s ease;
        -ms-transition: all .50s ease;
        -o-transition: all .50s ease;
        transition: all .50s ease;
    }

    .hdr-list li.dropdown > a:after {
        position: absolute;
        top: 15px;
        right: 20px !important;
        display: block;
        content: "\f107";
        font-family: 'FontAwesome';
        -webkit-transition: all .50s ease;
        -moz-transition: all .50s ease;
        -ms-transition: all .50s ease;
        -o-transition: all .50s ease;
        transition: all .50s ease;
    }

    .hdr-list > ul > li {
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0 0 0 1px;
        display: inline-block;
        border-bottom: 1px solid #ccc !important;
    }

    .hdr-list ul > li span.head {
        display: inline-block !important;
    }

    .wsmenu-list > .pull-right > .hdr-list > ul > li > a {
        color: #000;
    }

    .wsmobileheader {
        left: 0;
    }

    .hdr-list > ul > li {
        width: 100%;
    }

    .zoomContainer {
        display: none !important;
    }

    #product-details .prod_specs .lang {
        z-index: 0;
        width: 100%;
        margin-top: 5px;
    }

    .prod_specs li {
        width: 100%;
    }

    #product-details .prod_specs .opt {
        z-index: 0;
        width: 100%;
        margin-top: 5px;
    }

    #product-details .prod_specs li .form-control {
        z-index: 0;
        width: 345px;
        margin-top: 5px;
    }

    #product-details .form-control {
        margin-top: 5px !important;
        width: 298px;
    }

    .services-content--box {
        max-width: 100%;
        padding: 10px;
        margin: 0 50px;
        text-align: center;
        color: #ecf0f1;
        cursor: pointer;
        margin-bottom: 15px;
    }

    .about_title {
        font-size: 30px;
        padding: 15px 0;
    }

    .db-pricing-eleven {
        margin-bottom: 15px;
        margin-top: 30px;
        text-align: center;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5);
        color: #fff;
        line-height: 30px;
    }

    .right {
        float: none
    }

    .text-cont {
        height: auto;
    }

    body {
        overflow-x: hidden;
        overflow-y: scroll;
        padding-top: 105px !important;
    }

    .col-sm-6 {
        width: 100%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 40% !important;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;
    }

    .records {
        margin-top: 15px;
        margin-bottom: 15px;
        /*width: 25%;*/
    }

    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 15px 0;
        border-radius: 4px;
    }

    .header-search .search-dd {
        width: 13% !important;
    }

    .right-menu {
        margin-right: 0px;
    }

    .header-search .search-txt {
        width: 77% !important;
    }

    .address {
        display: block;
    }

    .heading-sec h2, .heading-sec h1 {
        padding: 0 60px !important;
    }

    .add {
        width: 100%;
        margin: 10px 0px;
    }

    .a-box.first-desktop-address-tile {
        width: 100% !;
    }

    .side-spec {
        padding-top: 0px;
        margin: 0 auto;
    }

    .tabs {
        margin: 0 5px;
    }

    .header-search {
        /* background: #fff; */
        float: right;
        /* margin-top: 15px; */
        font-size: 12px !important;
        padding: 5px 0 10px;
        width: 325px;
    }
    /*.-QmN- {
        padding: 0 0px 35px 60px;
    }*/
    .couponlist {
        padding-right: 0;
        padding-left: 120px;
        width: 450px;
    }

    .discount-bottom {
        float: left;
        padding: 15px 0px 15px 119px;
        width: 79%;
    }

    ._1aSpx {
        color: #7e808c;
        font-weight: 600;
        margin: 0 0 28px 60px;
        font-size: 12px;
        text-transform: uppercase;
    }

    .header-middle .logo {
        padding: 5px 0 0;
        margin: 0;
    }

    #more-gallery {
        /*float: none;*/
        width: 46%;
        /*margin: 0 !important;*/
    }

    .heading {
        margin: 30px 0;
    }


        .heading h2, .heading h1 {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 20px;
            /*padding: 0 25px;*/
            word-break: break-all;
        }

        .alternative .heading h2, .heading h1 {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 17px;
            /*padding: 0 70px;*/
            word-break: break-all;
        }

    #ga-gallery {
        width: auto;
    }

    #cat-gallery {
        width: auto;
    }

        #cat-gallery .item p {
            margin: 10px 0;
            color: #ffffff;
            font-weight: 600;
            font-size: 19px;
        }

    .nav > li > a {
        border-bottom: 1px solid #e7e7e7;
    }

    .nav > li.dropdown > a:after {
        position: absolute;
        top: -5px;
        line-height: 52px;
        right: 0;
        display: block;
        content: "\f107";
        font-family: 'FontAwesome';
        -webkit-transition: all .50s ease;
        -moz-transition: all .50s ease;
        -ms-transition: all .50s ease;
        -o-transition: all .50s ease;
        transition: all .50s ease;
    }

    .hdr-list .dropdown-menu.dropdown-login {
        right: -50% !important;
        left: -45% !important;
        margin-right: -90px;
    }

    .breadcrumbs_panel {
        display: none;
    }

    .mob-submenu {
        margin-top: 20px;
        margin-bottom: 5px;
    }

    #offcanvas-subtoggle {
        margin-right: 0px;
        margin-top: inherit;
        /*position: fixed !important;*/
        margin-bottom: 20px !important;
        z-index: 999 !important;
    }

    .navbar-toggle {
        padding: 0;
    }

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

    .submenu-size-mar {
        margin-top: 5px;
    }

    #product-details {
        margin-top: 10px;
    }

    .footer-subscribe .input-group {
        margin-top: 0px;
    }

    .mob {
        display: inline-table !important;
    }

    .thumb img {
        width: 50px;
    }

    .shopping-cart-table > tbody > tr > td, .shopping-cart-table > tbody > tr > th, .shopping-cart-table > tfoot > tr > td, .shopping-cart-table > tfoot > tr > th, .shopping-cart-table > thead > tr > td, .shopping-cart-table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

    #product-details .zoom-thumb-panel {
        padding: 0px;
        position: relative;
        width: auto;
        margin-right: 15px;
        height: 100%;
    }

    #search-box {
        height: 35px;
    }

    #form-wrapper {
        margin: 0px 0 8px 0;
        height: 35px;
    }

    .alternative .items {
        width: auto;
        margin: 5px 50px;
        display: inline-block;
    }
}

@media only screen and (min-width: 768px) {
    .wsmenu > .wsmenu-list > li > .navtext > span + span {
        /*margin-left: 21px;*/
    }

    .wsmenu > .wsmenu-list > li > .navtexts {
        padding: 17px 10px 17px 10px !important;
    }
}

.btn.btn-slide-6 {
    background: #f07d10;
    box-shadow: inset 0 0 0 50px #0083c9;
    border: 1px solid #0083c9;
    color: #fff;
    padding: 13px 55px;
    font-weight: 600;
    font-size: 20px;
    /* border-radius: 100em !important; */
}

    .btn.btn-slide-6:hover {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        box-shadow: inset 0 0 0 0 #0083c9;
        border: 1px solid #f07d10;
    }

.btn.btn-shop {
    background: #f07d10;
    box-shadow: inset 0 0 0 50px #0083c9;
    border: 1px solid #0083c9;
    color: #fff;
    padding: 6px 15px;
    font-weight: 600;
    font-size: 15px;
    border-radius: 8px !important;
}

    .btn.btn-shop:hover {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        box-shadow: inset 0 0 0 0 #0083c9;
        border: 1px solid #f07d10;
    }





/* - Sub-banner Style  //---------------- */
.sub-banner img {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    width: 100%;
}

.sub-banner-block .sub-banner:hover img {
    opacity: 0.6;
}

.sub-banner {
    position: relative;
    overflow: hidden;
    background: #1b2839;
    margin-bottom: -7px !important;
    display: inline-block;
    max-width: 100%;
}

    .sub-banner:hover:before {
        top: 50%;
        bottom: 50%;
        transition: all 0.6s ease 0s;
        -moz-transition: all 0.6s ease 0s;
        -webkit-transition: all 0.6s ease 0s;
        -o-transition: all 0.6s ease 0s;
        background-color: rgba(255, 255, 255, 0.5);
    }

    .sub-banner:before, .sub-banner:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: all 0.6s ease 0s;
        -moz-transition: all 0.6s ease 0s;
        -webkit-transition: all 0.6s ease 0s;
        -o-transition: all 0.6s ease 0s;
    }

    .sub-banner:hover:after {
        left: 50%;
        right: 50%;
        transition: all 0.6s ease 0s;
        -moz-transition: all 0.6s ease 0s;
        -webkit-transition: all 0.6s ease 0s;
        -o-transition: all 0.6s ease 0s;
        background-color: rgba(255, 255, 255, 0.5);
    }

    .sub-banner:before, .sub-banner:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: all 0.6s ease 0s;
        -moz-transition: all 0.6s ease 0s;
        -webkit-transition: all 0.6s ease 0s;
        -o-transition: all 0.6s ease 0s;
    }

    .sub-banner .sub-banner-detail {
        background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
        color: #1b2839;
        position: absolute;
        text-align: center;
        left: 50%;
        bottom: 10px;
        padding: 15px 0;
        width: calc(100% - 50px);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .sub-banner .sub-banner-detail .sub-banner-title {
            margin: 0px 0px 10px 0px;
            font-size: 20px;
            color: #fff;
            line-height: 30px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            line-height: 28px;
        }

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

.sub-banner .sub-banner-detail .sub-banner-subtitle {
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
    font-size: 20px;
    margin-top: 15px;
}

.sub-banner .sub-banner-detail .sub-banner-type {
    color: #727272;
    font-style: italic;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sub-banner.sub-banner3 .sub-banner-detail .sub-banner-type {
    text-transform: none;
}

.sub-banner.sub-banner5 .sub-banner-detail .sub-banner-type, .sub-banner.sub-banner7 .sub-banner-detail .sub-banner-type {
    color: #ff3030;
}

.sub-banner .sub-banner-detail .offer {
    color: #282828;
    font-size: 50px;
    font-weight: 700;
}

.sub-banner-subtitle span {
    color: #ff3030;
}

.sub-banner .sub-banner-detail .sub-banner-title span.color {
    color: #bababa;
    line-height: 32px;
}

.sub-banner .sub-banner-detail .sub-banner-title span {
    font-weight: 300;
}

.sub-banner .sub-banner-detail span.line {
    background: #5b5b5b;
    height: 1px;
    width: 90px;
    display: inline-block;
    margin: 30px 0 25px 0;
}

.sub-banner3 .sub-banner-detail span.line {
    margin: 50px 0;
}

.small-banner:hover img {
    opacity: 0.6;
}

/* Sub Menu Product part */
.sub-menu-slider .product-item {
    display: inline-block;
    max-width: 100%;
}

.sub-menu-slider .product-image {
    max-width: 100%;
}

.sub-menu-slider .pro_cat {
    min-height: auto !important;
}

.sub-menu-slider .product-item-name a {
    display: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.home-marg {
    margin: 0 30px;
}

.view-btn {
    margin-top: 30px;
    margin-right: 40px;
}

@media screen and (max-width: 767px) {
    .sub-banner .sub-banner-detail .sub-banner-title {
        font-size: 20px;
    }
}

@media (min-width: 1500px) {
    .gridi {
        grid-template-columns: repeat(auto-fit, 395px);
    }

        .gridi .item h3 {
            transform: translate3d(0, -100%, 0);
        }

        .gridi .item__body p {
            margin: 90px 0;
        }

    #more-gallery {
        width: 16%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 480px) and (min-width: 320px) {
    .gridi-panel {
        margin: 0 0px !important;
    }

    .gridi {
        grid-template-columns: repeat(auto-fit, 155px);
    }

        .gridi .item h3 {
            /*transform: translate3d(0, -130%, 0);*/
            font-size: 14px;
            padding: 3px;
            transform: translate3d(0, -100%, 0);
        }

        .gridi .item__body p {
            margin: 0px 0px;
            font-size: 15px;
        }

            .gridi .item__body p .btn.btn-shop {
                font-size: 11px;
            }

    .home-marg {
        margin: 0px;
    }

    .view-btn {
        margin-right: 12px;
        padding: 3px 10px !important;
        font-size: 12px !important;
    }

    #more-gallery {
        margin: 5px 5px !important;
    }
}

/*@media screen and (min-width: 767px) {*/
#items_container {
    position: relative;
    /*padding: 30px 0px;*/
}

.items_container .bx-wrapper .bx-prev, .items_container .bx-wrapper .bx-next {
    background: #f07d10 !important;
    padding: 10px;
    border-radius: 50px;
}

.items_container .bx-wrapper .bx-prev {
    /*right: 45px !important;
    left: auto;*/
    right: 0 !important;
    left: 92% !important;
}

    .items_container .bx-wrapper .bx-prev:before {
        content: "\f104";
        color: #000;
        font-size: 20px;
        line-height: 20px;
    }

.items_container .bx-wrapper .bx-next {
    right: 5px;
}

    .items_container .bx-wrapper .bx-next:before {
        content: "\f105";
        color: #000;
        font-size: 20px;
        line-height: 20px;
    }

.items_container .bx-wrapper .bx-controls-direction a {
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    text-indent: 0px !important;
    /*top: -19px;*/
    top: -55px;
    z-index: 99 !important;
}

.items_container .bx-controls-direction a.disabled {
    display: none !important;
    opacity: 0;
    cursor: not-allowed;
}

@media (min-width: 1500px) {
    .items_container .bx-wrapper .bx-prev {
        left: 94% !important;
    }
}

@media (max-width:480px) {
    ul.prod_slider {
        margin: 50px 0 00px 0px;
    }

    .items_container .bx-wrapper .bx-controls-direction a {
        top: -70px !important;
    }

    .items_container .bx-wrapper .bx-next {
        right: 100% auto;
        left: 85% !important;
        margin: 0 auto;
    }

    .items_container .bx-wrapper .bx-prev {
        right: 100% auto;
        left: 55% !important;
        margin: 0 auto;
    }

    .heart {
        font-size: 20px;
        width: 30px;
        height: 30px;
        margin-left: 5px;
        padding-top: 3px;
        top: 8px;
    }

    #toast {
        left: 60%;
    }
}

.slider-item {
    width: 100% !important;
}
/*}*/


/* Site Services Features Block css Star */
.ser-feature-block {
    background: #f7f7f7 none repeat scroll 0 0;
    padding: 20px;
}

.feature-box {
    border-right: 1px solid #e1e1e1;
}

.service-box:last-child .feature-box {
    border-right: none;
}

.feature-detail {
    display: inline-block;
    padding-left: 15px;
    padding-top: 15px;
}

.ser-feature-block .feature-icon {
    background: url('../images/Strip.png') no-repeat scroll 0 0;
    color: #737373;
    height: 50px;
    width: 60px;
    float: left;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}

.ser-feature-block .service-box .ser-title {
    font-size: 20px;
    font-weight: 600;
    color: #1b2839;
    display: inline-block;
    /*float: left;*/
    text-transform: uppercase;
}

.ser-subtitle {
    /*float: left;*/
    margin-left: 10px;
}

.ser-feature-block .feature-box:hover .ser-title {
    color: #ff3030;
    cursor: pointer;
}

.ser-feature-block .feature-box:hover .ser-subtitle {
    color: #ff3030;
}

.feature-box .feature-icon.feature1 {
    background-position: 0 4px;
}

.feature-box .feature-icon.feature2 {
    background-position: 0 -118px;
}

.feature-box .feature-icon.feature3 {
    background-position: 0 -245px;
}

.feature-box .feature-icon.feature4 {
    background-position: 0 -376px;
}

.feature-box:hover .feature-icon.feature1 {
    background-position: 0 -54px;
}

.feature-box:hover .feature-icon.feature2 {
    background-position: 0 -183px;
}

.feature-box:hover .feature-icon.feature3 {
    background-position: 0 -310px;
}

.feature-box:hover .feature-icon.feature4 {
    background-position: 0 -445px;
}

@media only screen and (min-width: 1200px) and (max-width: 1769px) {
    .ser-feature-block .service-box .ser-title {
        float: none;
    }

    .ser-subtitle {
        float: none;
        margin-left: 0;
        font-size: 14.2px;
    }

    .ser-feature-block .feature-icon {
        display: inline-block;
        float: none;
        margin-left: 0;
    }

    .feature-detail {
        padding-left: 0;
        padding-top: 0;
    }
}

@media (max-width: 1199px) {
    .ser-feature-block {
        -webkit-background-size: cover;
        background-size: cover;
    }

    .ser-feature-block {
        text-align: left;
    }

        .ser-feature-block .feature-box {
            display: inline-block;
            text-align: left;
            border-right: none;
            margin: 20px 0;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ser-feature-block .service-box .ser-title {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .ser-feature-block {
        padding: 0;
    }

    .service-box {
        border-bottom: 1px solid #e1e1e1;
        text-align: center;
    }

        .service-box:last-child {
            border: medium none;
        }

            .service-box:last-child .feature-box {
                padding-bottom: 0;
            }

    .ser-feature-block .feature-icon {
        margin-left: 0;
        float: left;
    }

    .ser-feature-block .feature-icon {
        display: inline-block;
        margin-left: 0;
    }
}

@media (max-width: 500px) {
    .ser-feature-block .feature-box {
        padding-left: 0;
        text-align: center;
    }

    .ser-feature-block .feature-icon {
        display: inline-block;
        float: none;
        margin-left: 0;
    }

    .feature-detail {
        width: 100%;
        padding-top: 0;
        padding-left: 0;
        display: block;
    }

    .ser-subtitle {
        float: none;
    }
}

@media (max-width: 419px) {
    .ser-feature-block .feature-box .ser-subtitle {
        font-size: 12px;
        letter-spacing: 0;
    }
}
/* Site Services Features Block css end */

/*counter*/
.ser-counter-block {
    background: #000a1b none repeat scroll 0 0;
    padding: 20px;
}

ul.counter_bar {
    width: 100%;
    padding: 0;
    margin: 0px 0px;
    color: #545454;
}

    ul.counter_bar li {
        list-style: none;
        display: block;
        padding: 10px 10px;
        margin: 0px 18px 10px;
        vertical-align: middle;
        font-size: 16px;
        color: #000;
        background: transparent;
        float: left;
        width: 100%;
        position: relative;
        width: 29%;
        border-right: 2px solid #f07d10 !important;
    }

        ul.counter_bar li:nth-child(3) {
            border-right: 0px !important;
        }

        ul.counter_bar li .fa {
            font-size: 62px;
            color: #fff;
            /*float: left;*/
            display: inline-block;
            bottom: 20px;
            right: 10px;
            margin-left: 20px;
        }

        ul.counter_bar li .plus {
            float: right;
            font-size: 32px;
            color: #0087c8;
            position: relative;
            bottom: 0px;
            top: 8px;
            margin-left: 15px;
        }

        ul.counter_bar li h2 {
            float: left;
            font-size: 32px;
            color: #0087c8;
            position: relative;
            display: inline-block;
            margin-right: 15px;
        }

            ul.counter_bar li h2 span {
                padding-top: 5px;
                width: 100%;
                display: block;
                text-transform: none;
                color: #f07d10;
                font-size: 22px;
                font-weight: 600;
            }

        ul.counter_bar li i.numscroller {
            display: inline-block;
            font-style: normal;
            font-weight: bolder;
            font-size: 40px;
            padding: 0;
            /*font-family: cursive;*/
        }
/*ul.counter_bar {
    width: 100%;
    padding: 0;
    margin: 0px 0px;
    color: #545454;
}

    ul.counter_bar li {
        list-style: none;
        display: block;
        
        margin: 10px;
        vertical-align: middle;
        font-size: 16px;
        
        float: left;
        width: 100%;
        position: relative;
        border-bottom: 1px solid #ccc;
    }

        ul.counter_bar li:nth-child(3) {
            border-bottom: 0px;
        }

        ul.counter_bar li .fa {
            font-size: 62px;
            color: #fff;
            float: left;
            display: inline-block;
          
            bottom: 20px;
            right: 10px;
            margin-left: 20px;
        }

        ul.counter_bar li .plus {
            float: right;
            font-size: 32px;
            color: #0087c8;
            position: relative;
            bottom: 0px;
            top: 8px;
            margin-left: 15px;
        }

        ul.counter_bar li h2 {
            float: right;
            font-size: 32px;
            color: #0087c8;
            position: relative;
            display: inline-block;
            margin-right: 15px;
        }

            ul.counter_bar li h2 span {
                padding-top: 5px;
                width: 100%;
                display: block;
                text-transform: none;
                color: #f07d10;
                font-size: 22px;
                font-weight: 600;
            }

        ul.counter_bar li i.numscroller {
            display: inline-block;
            font-style: normal;
            font-weight: bolder;
            font-size: 40px;
            padding: 0;
            font-family: cursive;
        }*/
/*counter*/

.subscribe {
    margin-top: 58px;
    /*margin-bottom: 65px;*/
}

.subscribe-text h2 {
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    /*line-height: 3em;*/
    letter-spacing: 0px;
    color: #000;
    margin: 0;
}

.subscribe-text span {
    font-size: 25px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 4em; /*line-height: 1.4em;*/
    letter-spacing: 0px;
    margin: 0 0 0 5px;
    color: #000;
}

.subscribe input[type=email] {
    width: 385px;
    border-style: solid;
    border-width: 0 0 1px;
    padding: 0 0 20px;
    transition: all ease-out .3s;
    background: transparent;
    margin-top: 15px;
    margin-right: 40px;
    border-bottom: 1px solid #000;
}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: #000 !important;
}

input:-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000 !important;
}

input::-moz-placeholder, textarea:-ms-input-placeholder { /* Mozilla Firefox 19+ */
    color: #000 !important;
}

input:-ms-input-placeholder, textarea::-webkit-input-placeholder { /* Internet Explorer 10+ */
    color: #000 !important;
}

.panel-default > .panel-heading {
    padding: 12px 5px 12px 12px;
    list-style: none;
    position: relative;
    font-size: 14px;
    color: #000;
    /*color: #002365;*/
    background: #fff;
}

.panel-group {
    text-align: left;
    padding: 0px;
    margin: 0 0 5px 0 !important;
}

.border {
    border: 1px solid rgb(217, 218, 218) !important;
}

.panel-default {
    border-color: transparent !important;
}

.panel-title {
    font-size: 15px;
}

.panel-body {
    padding: 0px;
}

.sidebars {
    position: fixed;
    width: 21%;
}

ul.sub-sidebars {
    text-align: left;
    padding: 0px;
    margin: 0 0 5px 0 !important;
}

    ul.sub-sidebars > li {
        padding: 8px 0 8px 30px;
        /*margin: 0 0 6px 0;*/
        list-style: none;
        border-bottom: 1px solid rgb(217, 218, 218);
        position: relative;
        /*height: 34px;*/
        font-size: 14px;
    }

        ul.sub-sidebars > li:hover {
            background-color: #ed6802;
            color: #fff;
            font-size: 15px;
        }

            ul.sub-sidebars > li:hover a {
                color: #fff;
            }

    ul .sub-sidebars a {
        text-decoration: none !important;
    }


    ul.sub-sidebars > li.active {
        font-weight: 600;
        background-color: #f27f14;
        color: #fff;
        font-size: 15px;
    }

        ul.sub-sidebars > li.active a {
            font-weight: 600;
            /*background-color: #f27f14;*/
            color: #fff;
            /*padding: 6px 5px 0px;*/
        }

    ul.sub-sidebars > a > li {
        padding: 5px 0 0px 10px;
        list-style: none;
        border-bottom: 1px solid rgb(217, 218, 218);
        position: relative;
        height: 34px;
        font-size: 14px;
    }

    ul.sub-sidebars > a.active > li {
        font-weight: 600;
        background-color: #f27f14 !important;
        color: #fff;
    }

    ul.sub-sidebars > a:hover > li {
        text-decoration: none !important;
        color: #fff;
        background-color: #f27f14 !important;
    }

.cls-collapse collapsed .fa-minus {
    content: "\f056";
}


/*collapse*/
.collapse {
    display: none;
}

.cls-collapse.collapsed .fa-minus {
    display: none;
}

.cls-collapse.collapsed .fa-plus {
    display: inline-block;
}

.cls-collapse .fa-plus {
    display: none;
}

.collapse.in {
    display: block;
}

/*
 * Scroll STYLE 4
 */

.style-4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5 !important;
}

.style-4::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5 !important;
}

.style-4::-webkit-scrollbar-thumb {
    background-color: #0083c9 !important;
    border: 2px solid #0083c9 !important;
}

/*zoom*/
.show {
    width: 100%;
    height: auto;
    border: 1px solid #f07d10;
    padding: 10px 0px;
    z-index: 9999;
}

#show-img {
    width: 650px;
    height: 650px;
}

.small-img {
    /*width: 610px;*/
    height: 70px;
    margin-top: 10px;
    /*margin-left: 10px;*/
    position: relative;
    /*left: 25px;*/
}
    /*10 Apr 2021*/
    .small-img .icon-left, .small-img .icon-right {
        /*width: 12px;
        height: 24px;*/
        width: 36px;
        height: 36px;
        cursor: pointer;
        position: absolute;
        /*top: 0;*/
        top: -700px;
        bottom: 0;
        /*margin: auto -10px;*/
        margin: auto -45px;
    }
    /*10 Apr 2021*/
    .small-img .icon-left {
        transform: rotate(180deg)
    }

    .small-img .icon-right {
        right: 0;
    }

        .small-img .icon-left:hover, .small-img .icon-right:hover {
            opacity: .5;
        }

.small-container {
    width: 600px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .small-container div {
        width: 800%;
        position: relative;
    }

    .small-container .show-small-img {
        width: 70px;
        height: 70px;
        margin-right: 3px;
        margin-left: 3px;
        cursor: pointer;
        float: left;
        border: solid 1px #ccc;
    }

        .small-container .show-small-img:last-of-type {
            margin-right: 0;
        }

@media only screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 480px) and (min-width: 320px) {
    .small-container {
        width: 300px;
    }

    ul.counter_bar li {
        margin: 0 0px 10px;
        vertical-align: middle;
        width: 100%;
        padding: 10px 1px;
        border-right: 0 !important;
    }

        ul.counter_bar li .fa {
            float: right;
        }
}

@media (min-width: 1500px) {
    .small-container {
        width: 750px;
    }
}

.filter-ddl {
    margin: 20px 0;
}

    .filter-ddl strong {
        font-size: 20px;
    }

    .filter-ddl .form-control {
        height: 40px;
        padding: 6px 0px 6px 12px;
        margin-bottom: 10px;
        font-size: 20px;
    }

.img-detail {
    padding: 12px;
}

.short-desc {
    padding: 12px 0px;
}

.addtocart .btn.btn-slide-6 {
    padding: 10px 55px;
}

.item__add {
    font-size: 14px;
    font-weight: var(--fw-sb);
    text-align: center;
    border: 1px solid #0083c9;
    padding: 5px 7px;
    width: -webkit-fill-available;
    height: 50px;
    color: #fff;
    background: #0083c9;
}

.item__wishlist {
    height: 50px;
    font-size: 25px;
    font-weight: var(--fw-sb);
    text-align: center;
    padding: 8px 0px;
    color: #fff;
    cursor: pointer;
    background: #0083c9;
}

    .item__wishlist:hover {
        /*color: #F07D10;*/
        background: #F07D10;
        /*border:1px solid #0083c9;*/
    }

.cart_btns {
    /* padding: 5px; */
    width: 100%;
    /*margin-top: 10px;*/
}

.product-listing-details .quantity-counter {
    display: -webkit-box;
    display: flex;
    /*-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;*/
    width: 40px;
    margin-left: 25%;
}

.quantity-counter {
    display: -webkit-box;
    display: flex;
    /*-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;*/
    width: 40px;
}

    .quantity-counter .value {
        border: 1px solid #adadad;
        border-radius: 0;
        margin: 2px 0;
        padding: 4px;
        text-align: center;
        -moz-appearance: textfield;
        /*width: inherit;*/
        width: 65px;
        height: 50px;
        font-size: 25px;
    }

        .quantity-counter .value::-webkit-outer-spin-button, .quantity-counter .value::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    .quantity-counter .increment,
    .quantity-counter .decrement {
        border: 0;
        background: transparent;
        cursor: pointer;
        border-radius: 0;
        background: #0083c9;
        color: #fff;
        height: 50px;
        margin-top: 2px;
        font-size: 26px;
        padding: 0px 20px 5px !important;
        line-height: 30px;
    }

    .quantity-counter button, .button-primary, .button-set {
        background: #eb691e;
        color: white;
        display: inline-block;
        padding: 0px 15px !important;
        border: 0;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 19px;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        white-space: nowrap;
    }

.header-minicart .add-to-cart-button--total-savings, .cart-summary-delivery .add-to-cart-button--total-savings {
    color: #0b6f3a;
    font-size: 18px;
    font-weight: 600;
}

.add-to-cart-button .cart-summary__price-details {
    margin-top: 10px !important;
}

.header-minicart .add-to-cart-button .cart-summary__price-details {
    padding-bottom: .208375rem;
}

.header-minicart .add-to-cart-button .add-to-cart-button--total-savings {
    color: #0b6f3a;
    margin-left: -20px;
}

.header-minicart .add-to-cart-button .cart-summary--price {
    margin-left: -30px;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px !important;
    font-size: 18px !important;
    line-height: 1.3333333 !important;
}

.dropdown-menu {
    margin: 0;
    min-width: 178px;
    padding: 0;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background: #f07d10;
        color: #fff;
        font-weight: 700;
        font-size: 15px;
    }

    .dropdown-menu > li > a {
        padding: 7px 20px;
        border-bottom: 1px solid #ccc !important;
    }

    .dropdown-menu > li:last-child > a {
        border-bottom: 0 !important;
    }

.generic {
    font-size: 16px;
    text-align: justify;
}




/*About Page*/
.bg-light {
    background: transparent; /*#f3f3f3 !important*/
}
/*Circle and Icon Style*/
.icon-cricle {
    width: 130px;
    padding-top: 0;
    height: 130px;
    padding-left: 10px;
    line-height: 120px;
    border-radius: 100%;
    border: 5px solid #fff;
    float: none;
    margin: auto;
    margin-bottom: 15px;
    background: #f07d10; /* Old browsers */
    /*background: -moz-linear-gradient(left, rgb(240, 125, 16) 0%,#0083c9 100%);  
    background: -webkit-linear-gradient(left, rgb(240, 125, 16) 0%,#0083c9 100%);  
    background: linear-gradient(to right, rgb(240, 125, 16) 0%,#0083c9 100%); / 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c42230', endColorstr='#323b74',GradientType=1 );
    */
}

.icon-50 {
    width: 50px;
}

.icon-70 {
    width: 60px;
}

.icon-80 {
    width: 60px;
}

.mt-n5, .my-n5 {
    margin-top: -3rem !important;
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}

.mb-2, .my-2 {
    margin-bottom: 1rem !important;
}

.mt-5, .my-5 {
    margin-top: 3rem !important;
}

.pb-5, .py-5 {
    /*padding-bottom: 3rem !important;*/
}

.pt-5, .py-5 {
    /*padding-top: 3rem !important;*/
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.bg-white {
    background-color: #fff !important;
}

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

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

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important;
}

.h-100 {
    height: 200px !important;
    color: #000;
}

    .h-100 h2 {
        line-height: 23px;
        color: #000;
        font-size: 20px;
    }

    .h-100 h5 {
        line-height: 20px;
        color: #000;
    }

@media screen and (max-width: 768px) {
    .h-100 {
        height: 180px !important;
        margin-bottom: 60px;
    }

    .colwidth {
        width: 100% !important;
    }
}

.cont-info {
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 240px;
}

    .cont-info h2 {
        margin-bottom: 10px;
        font-weight: 700;
        color: #f07d10;
    }

    .cont-info .lead {
        margin-bottom: 5px !important;
        font-weight: 500 !important;
    }


.colwidth {
    width: 40% !important;
}

.colwidthmid {
    margin-left: 1.5%;
    width: 50% !important;
}

.height-bulk-parent {
    height: 460px;
}

.height-bulk {
    height: 150px;
}

.item-inner {
    background: #fff;
    /*text-align: center;*/
    padding: 20px;
    /*-webkit-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.07);
        box-shadow: 0 0px 25px rgba(0, 0, 0, 0.07);*/
    border-radius: 20px;
    /*border: 5px solid rgba(0, 32, 96, 0.63);*/
    /*margin-bottom: 30px;*/
    border: 1px solid rgb(240 125 16);
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
    display: flex;
    align-items: center;
}

    .item-inner:hover {
        border: 0;
        background: #0083c9;
        box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.2);
        -webkit-transition: all .5s ease 0;
        transition: all .5s ease 0;
        transition: all 0.5s ease 0s;
    }

        .item-inner:hover .item-inner, .item-inner:hover span.icon {
            background: #fff;
            border-radius: 10px;
            -webkit-transition: all .5s ease 0;
            transition: all .5s ease 0;
            transition: all 0.5s ease 0s;
        }

        .item-inner:hover h6, .item-inner:hover p, .item-inner:hover li {
            color: #fff;
            -webkit-transition: all .5s ease 0;
            transition: all .5s ease 0;
            transition: all 0.5s ease 0s;
        }



    .item-inner .feature_box_col_one {
        background: rgba(247, 198, 5, 0.20);
        color: #0083c9;
    }

    .item-inner p {
        font-size: 15px;
        line-height: 26px;
    }

    .item-inner h6 {
        line-height: 32px;
        margin-bottom: 20px;
        color: #2f2f2f;
        font-size: 23px;
    }

.mb-bulk-4 {
    margin-bottom: 30px;
    margin-top: 18px;
}

/*login and register*/

.main-container {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

    .main-container a {
        text-decoration: none;
    }

    .main-container .login-wrapper {
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 172px 6px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 172px 6px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 172px 6px rgba(0,0,0,0.2);
        /*width: 100%;*/
        /*max-width: 900px;
            min-height: 520px;*/
        display: flex;
    }

        .main-container .login-wrapper .form-wrapper {
            min-width: 55%;
            display: flex;
            flex-direction: column;
        }

            .main-container .login-wrapper .form-wrapper .form-header {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                padding: 15px;
                margin-top: 15px;
                font-weight: 900;
            }

                .main-container .login-wrapper .form-wrapper .form-header .fa-arrow-left,
                .main-container .login-wrapper .form-wrapper .form-header .register-link,
                .main-container .login-wrapper .form-wrapper .form-container .forgot-pass {
                    color: #686b72;
                }

            /* Estilos del formulario y sus mensajes */
            .main-container .login-wrapper .form-wrapper .form-container {
                padding: 0px 60px;
            }

                .main-container .login-wrapper .form-wrapper .form-container .form-messages {
                    text-align: left;
                    line-height: 20px;
                    margin-bottom: 30px;
                }

                    .main-container .login-wrapper .form-wrapper .form-container .form-messages h2 {
                        margin-bottom: 5px;
                        /*margin-top: 50px;*/
                        /*  font-size: 20px; */
                        margin-left: 0;
                        /*font-weight: 600;*/
                    }

.form-text {
    width: 100%;
    margin-bottom: 15px;
    height: 55px !important;
    /*background-color: #eeeeee;*/
    border: 1px solid #eeeeee;
    padding: 10px;
}

.text-danger {
    font-size: 15px !important;
}

.main-container .login-wrapper .form-wrapper .form-container .form input:focus, select:focus {
    outline: 2px solid #4694a8;
}

.main-container .login-wrapper .form-wrapper .form-container .form a {
    display: block;
}

.form-button {
    width: 100%;
    display: block;
    padding: 15px 15px !important;
    font-size: 20px !important;
}

.forgot-pass {
    text-align: right;
    font-weight: 900;
    margin-bottom: 30px;
    margin-right: 10px;
    font-size: 16px;
    float: right;
}

.main-container .login-wrapper .form-wrapper .form-container .form .login-button {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 50px;
    background-color: #4694a8;
    color: #fff;
    text-align: center;
}

.main-container .login-wrapper .form-wrapper .form-container .separator {
    border: 2px solid #f07d10;
    margin-bottom: 35px;
}

/* Otras opciones de login */
.main-container .login-wrapper .form-wrapper .form-container .login-options {
    margin: 20px 20px;
    text-align: center;
}

    .main-container .login-wrapper .form-wrapper .form-container .login-options .login-text {
        margin-bottom: 15px;
        font-size: 20px;
    }

.main-container .login-wrapper .form-wrapper .form-container .login-icons {
    font-size: 20px;
}

    .main-container .login-wrapper .form-wrapper .form-container .login-icons .fa-facebook-square,
    .main-container .login-wrapper .form-wrapper .form-container .login-icons .fa-google,
    .main-container .login-wrapper .form-wrapper .form-container .login-icons .fa-twitter {
        color: #4694a8;
        padding: 0px 10px;
    }

.spacer-here {
    margin-bottom: 280px;
}

.main-container .image-wrapper {
    background-image: url('../images/Login.jpg');
    /*background-image: url('../images/Login1.jpg');*/
    background-position: center;
    background-size: cover;
    display: flex;
    height: auto;
    flex-direction: column;
    justify-content: flex-end;
}

    .main-container .image-wrapper .image {
        text-align: center;
        display: flex;
        justify-content: center;
        padding: 0 70px 235px 40px;
    }

        .main-container .image-wrapper .image h2 {
            font-size: 35px;
            font-weight: 600;
            margin-bottom: 25px;
            color: #fff;
            margin-top: 25px;
        }

        .main-container .image-wrapper .image p {
            font-size: 18px;
            font-weight: 600;
            color: #fff;
        }

    .main-container .image-wrapper .image-message {
        color: #fff;
        line-height: 20px;
        padding: 50px 70px 70px 40px;
        display: flex;
        flex-direction: row;
    }

        .main-container .image-wrapper .image-message .image-hr-container {
            margin: 5px 20px;
        }

            .main-container .image-wrapper .image-message .image-hr-container .image-hr {
                border: 1px solid #e8e9ea;
                min-width: 30px;
            }

        .main-container .image-wrapper .image-message .image-text h2 {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 15px;
        }

@media only screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 480px) and (min-width: 320px) {
    .main-container .login-wrapper .form-wrapper .form-container {
        padding: 0px 10px;
    }

    .section-title .title {
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 20px;
    }

    #coupon {
        width: 87%;
    }

    .subscribe {
        margin-top: 25px;
    }

    .subscribe-text h2 {
        font-size: 35px;
    }

    .subscribe p label {
        margin-bottom: 10px;
    }

    .subscribe-text span {
        font-size: 18px;
        line-height: 0.4em;
    }

    .subscribe input[type=email] {
        width: 340px;
    }

    .main-container .login-wrapper .form-wrapper .form-container .form input, select {
        height: 40px !important;
    }
}


.input-group-prepend {
    margin-right: -1px;
}

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 0.90rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0rem;
}

.input-group .form-control {
    width: 93%;
}

.Click-here {
    cursor: pointer;
}

.custom-model-main {
    text-align: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; /* z-index: 1050; */
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear, z-index 0.15;
    -o-transition: opacity 0.15s linear, z-index 0.15;
    transition: opacity 0.15s linear, z-index 0.15;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto;
}

.model-open {
    z-index: 99999;
    opacity: 1;
    overflow: hidden;
}

.custom-model-inner {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    display: inline-block;
    vertical-align: middle;
    width: 600px;
    margin: 30px auto;
    max-width: 97%;
}

.custom-model-wrap {
    display: block;
    width: 100%;
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
}

.model-open .custom-model-inner {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    z-index: 999;
}

.model-open .bg-overlay {
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
}

.bg-overlay {
    background: rgba(0, 0, 0, 0);
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
}

.close-btn {
    position: absolute;
    right: -20px;
    top: -14px;
    cursor: pointer;
    padding: 0px 12px 4px 13px;
    border-radius: 50px;
    border: 2px solid #fff;
    z-index: 99;
    font-weight: 900;
    background: #000;
    font-size: 25px;
    color: #fff;
}

@media screen and (min-width:800px) {
    .custom-model-main:before {
        content: "";
        display: inline-block;
        height: auto;
        vertical-align: middle;
        margin-right: -0px;
        height: 100%;
    }
}

@media screen and (max-width:799px) {
    .custom-model-inner {
        margin-top: 45px;
    }
}

@media only screen and (max-width:480px) and (min-width:320px) and (-webkit-min-device-pixel-ratio: 0) {

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 87%;
        margin-bottom: 0;
    }
}

/*Sitemap*/
ul.sitemap {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
    width: 100%;
    float: left;
    display: block;
}

    ul.sitemap img {
        padding-right: 5px;
    }

    ul.sitemap span {
        font-weight: 600;
    }

    ul.sitemap li {
        padding: 8px 0px;
        margin: 0px 0px 0px 0px;
        list-style: none;
        width: 100%;
        display: block;
        text-transform: uppercase;
    }

        ul.sitemap li a {
            text-decoration: none;
            color: #666;
        }

            ul.sitemap li a:hover {
                text-decoration: underline;
                color: #333;
            }

    ul.sitemap ul {
        padding: 0 0 10px 0;
        margin: 0px 0 10px 0;
        width: 100%;
        float: left;
        display: block;
        border-bottom: 1px solid #ccc;
    }

        ul.sitemap ul li {
            padding: 7px 0px 7px 23px;
            margin: 0px 10px 0px 15px;
            list-style: disc;
            display: inline-block;
            width: 30%;
            text-transform: none;
            vertical-align: top;
        }

            ul.sitemap ul li a {
                text-decoration: none;
            }

            ul.sitemap ul li:before {
                content: "-";
                float: left;
                margin-left: -15px;
            }

            ul.sitemap ul li a {
                text-decoration: none;
                color: #666;
            }

                ul.sitemap ul li a:hover {
                    text-decoration: underline;
                    color: #333;
                }

@media (max-width:640px) {
    ul.sitemap li {
        border-bottom: 1px solid #ccc;
    }

    ul.sitemap ul {
        padding: 10px 0 10px 0;
    }

        ul.sitemap ul li {
            width: 96%;
            border-bottom: none;
        }
}

/*Sitemap*/

/* preloader
    /* =================================================================== */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.46);
    z-index: 9999999;
    height: 100%;
}

.no-js #preloader,
.oldie #preloader,
.ie9 #preloader {
    display: none;
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    padding: 0;
}

    #loader:before {
        content: "";
        border-top: 11px solid rgba(255, 255, 255, 0.2);
        border-right: 11px solid rgba(255, 255, 255, 0.2);
        border-bottom: 11px solid rgba(255, 255, 255, 0.2);
        border-left: 11px solid #ed6802;
        -webkit-animation: load 1.1s infinite linear;
        animation: load 1.1s infinite linear;
        display: block;
        border-radius: 50%;
        width: 60px;
        height: 60px;
    }

@-webkit-keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*10 Apr 2021*/
@media (max-width:786px) {
    .small-img .icon-left, .small-img .icon-right {
        width: 25px;
        height: 25px;
        top: -465px;
        margin: auto -23px;
    }
}

@media (min-width:786px) {

    .detail-right-width {
        width: 48%;
    }
}

/*10 Apr 2021*/
.img-strip {
    position: relative;
}

.top-left {
    position: absolute;
    top: 18px;
    font-size: 23px;
    left: 10%;
    letter-spacing: 2.3px;
    font-weight: 900;
}

@media (min-width: 1600px) {
    .top-left {
        left: 13%;
        font-size: 32px;
    }
}

.image-title {
    color: black;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    width: 100%
}