body {
    /*font-family: "Marcellus", serif;*/
    font-family: "Raleway", sans-serif;
}
@media (max-width: 980px) {
    html, body {overflow-x: hidden !important;}
}

        body a {
            -moz-transition-duration: 0.5s;
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            -ms-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

            body a:hover {
                text-decoration: none;
            }

    .header-top {
        padding: 2px 0;
        box-shadow: 0px 1px 4px #f4f4f4;
    }

    /* .header-top .socials img,.header-top .actions img {height: 30px;}*/

    .align-center {
        align-items: center;
    }

    .align-bottom {
        align-items: flex-end;
    }

    .justify-right {
        justify-content: flex-end;
    }

    .justify-center {
        justify-content: flex-end;
    }

    .justify-content-center {
        justify-content: center;
    }

    .header-top .actions a {
        color: #000;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 14px;
    }

        .header-top .actions a:hover {
            color: #000;
        }

    .navigation {
        background: #fff;
        padding-top: 5px;
    }

    .dropdown-menu {
        margin: 0;
        background: #000;
        background-blend-mode: multiply;
        /*mix-blend-mode: multiply;*/
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
        min-width: 150px;
        padding-top: 0;
        border: none;
        border-radius: 0;
    }

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: #fff;
    }

    /*
.dropdown:hover .dropdown-menu {display: block;}
@media (max-width: 980px) {
    .dropdown:hover .dropdown-menu {display: inherit;}
}
*/

    .dropdown:hover .dropdown-menu::before {
        content: "";
        display: block;
        border-width: 0 25px 13px 25px;
        border-color: transparent transparent #ed1c24 transparent;
        background-blend-mode: multiply;
        mix-blend-mode: multiply;
    }

    /* .dropdown:hover {
  -webkit-transition-delay: 3s;
} */

    .dropdown-toggle::after {
        display: none;
    }

    .navbar,
    .navbar-brand {
        font-size: 14px;
        text-transform: uppercase;
    }

    .navbar,
    .navbar-expand-lg,
    .navbar-light,
    .bg-light {
        background-color: transparent !important;
    }

        .navbar-light .navbar-nav .nav-link {
            color: white;
            /* padding-top: 0;padding-bottom: 5px;*/
        }

            .navbar-light .navbar-nav .nav-link:hover {
                color: #ff0000;
            }

    .dropdown-menu {
        text-align: center;
    }

    .navbar-nav,
    .mr-auto {
        flex: 1;
        margin: auto !important;
        display: flex;
        justify-content: space-between;
    }

        .navbar-nav .dropdown-item {
            color: #fff;
            border-bottom: 1px solid #fff;
            padding-left: 20px;
        }

            .navbar-nav .dropdown-item:last-of-type {
                border: none;
            }

            .navbar-nav .dropdown-item:hover {
                background: transparent;
                color: #ff0000;
            }

        .navbar-nav .star-item {
            background-image: url(../images/static/star-bg.jpg);
            display: block;
            height: 37px;
            margin-left: -10px;
            margin-right: -10px;
        }

    .star-item img {
        height: 37px;
    }

    .big-product {
        height: 400px;
        background-size: cover;
        color: #fff;
    }

        .big-product h1 {
            color: #fff;
            font-weight: bold;
            font-size: 72px;
        }

        .big-product p {
            font-size: 24px;
        }

        .big-product .button {
            border: 1px solid #90989e;
            background: rgba(0, 0, 0, 0.9);
            color: #fff;
            padding: 10px 20px;
            font-weight: bold;
            display: inline-block;
        }

            .big-product .button:hover {
                background: #000;
            }

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

        p.colors .color {
            width: 18px;
            height: 18px;
            /*border-radius: 50%;*/
            border: 2px solid #fff;
            display: inline-block;
            margin-right: 2px;
            position: relative;
            top: 5px;
        }

    .best-sellers {
        padding: 45px 0;
    }

        .best-sellers h2 {
            font-size: 30px;
            color: #000;
        }

        .best-sellers h3 {
            font-size: 30px;
            color: #9e9e9e;
            font-weight: bold;
        }

        .best-sellers h4, .best-sellers h4 a, .best-sellers h4 a:link, .best-sellers h4:visited {
            font-size: 16px;
            text-overflow: ellipsis;
            overflow: hidden;
           /* height: 65px; *//*white-space: nowrap;*/
            color: #000;
            text-decoration: none;
            text-align: center;
            min-height: 38px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

            .best-sellers h4 a:hover {
                color: #888;
                text-decoration: none;
            }

    @media (max-width: 980px) {
        .best-sellers h4, .best-sellers h4 a, .best-sellers h4 a:link, .best-sellers h4:visited {
            height: auto
        }

        ;
    }

    .best-sellers .stars img {
        width: 22px;
    }

    .best-sellers span.sale {
        font-size: 18px;
        font-weight: bold;
        text-decoration: line-through;
    }

    .best-sellers span.sale-label {
        font-size: 15px;
        font-weight: bold;
        background: #ff0000;
        color: #fff;
        display: inline-block;
        padding: 3px;
        margin-left: 5px;
        position: relative;
        top: -2px;
    }

    .best-sellers h5.price {
        font-weight: bold;
        font-size: 26px;
    }

    .best-sellers .actions a {
        font-size: 16px;
        font-weight: 500;
        color: #000;
        border: 1px solid #666;
        padding: 5px 15px;
    }

        .best-sellers .actions a:hover {
            color: #000;
            border: 1px solid #888;
        }

    .about {
        padding: 60px 0 30px 0;
    }

    .policies a {
        font-size: 20px;
        font-weight: 500;
        color: #bbbbbb;
        border: 2px solid #bbbbbb;
        padding: 5px 15px;
    }

        .policies a:hover {
            color: #000;
            border: 2px solid #000;
        }

    .ribbon-red {
        background: #c3c3c3;
        padding: 5px 0;
        color: #fff;
        font-size: 18px;
    }

    .ribbon-blue {
        background: #000;
        padding: 5px 0;
        color: #fff;
        font-size: 18px;
    }

        .ribbon-blue p {
            margin-bottom: 0
        }

    .footer {
        height: auto;
        background: #f7f7f7;
        padding: 80px 0 20px 0;
    }

        .footer, .footer p, .footer a, .footer a:link, .footer a:visited {
            font-size: 14px;
            color: #000;
        }

    .flex-column {
        flex-direction: column;
    }


    .bigstar {
        position: absolute;
        right: 0;
        margin-top: -445px;
    }

    @media (max-width: 767px) {
        .mobile-center {
            text-align: center !important;
        }

        .header-top .socials {
            margin-bottom: 10px;
        }

        .header-top .actions {
            margin-top: 5px;
        }

        button.navbar-toggler {
            /* border: 1px solid #fff !important; */
            margin-bottom: 5px;
        }

        .navigation {
            background: gray;
        }

        .big-product {
            height: 110px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 0 0;
        }

            .big-product h1 {
                display: none;
            }

        .best-sellers .col-sm-4 {
            margin-bottom: 30px;
        }

        .stars {
            margin-bottom: 10px;
        }

        .bigstar {
            display: none;
        }

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

        .footer div {
            height: auto;
        }

        .footer img {
            display: none;
        }

        .footer p {
            font-size: 14px;
            color: #000;
            margin-top: 10px;
        }
    }

    .product-main {
        flex-direction: column;
        justify-content: space-between;
    }

        .product-main h1 {
            font-weight: bold;
            font-size: 72px;
            color: #000;
        }

        .product-main h2 {
            font-weight: bold;
            font-size: 42px;
            color: #ed1c24;
        }

        .product-main h3 {
            font-weight: 43px;
            text-transform: capitalize;
        }

        .product-main p {
            font-size: 24px;
        }

        .product-main .sale-price {
            font-size: 34px;
            font-weight: bold;
            text-decoration: line-through;
        }

        .product-main .sale-label {
            text-decoration: none;
            background: #ff0000;
            font-size: 24px;
            color: #fff;
            font-weight: bold;
            margin-left: 5px;
            display: inline-block;
            line-height: 24px;
            padding: 5px 10px;
            position: relative;
            top: -3px;
        }

        .product-main .colors {
            font-size: 20px;
        }

    .zoomer {
        display: inline-block;
        font-weight: 600;
        color: #fff;
        background: #000;
        font-size: 20px;
        line-height: 20px;
        padding: 7.5px 15px;
        position: relative;
        top: -36px;
    }

    .product-details h3 {
        font-size: 42px;
        text-transform: uppercase;
    }

    .product-details p {
        font-size: 15px;
    }

    .product-details .read-more {
        display: inline-block;
        font-weight: 600;
        color: #fff;
        background: #000;
        font-size: 20px;
        line-height: 20px;
        padding: 7.5px 15px;
    }

    .product-details .summary::after {
        content: " ";
        background: -moz-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
        background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
        background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        width: 100%;
        display: block;
        position: relative;
        top: -57px;
        min-height: 35px;
    }

    .product-details .main-price {
        font-size: 1.2rem;
        font-weight: bold;
    }

        .product-details .main-price:not(:first-child) {
            display: none
        }

    .product-details .add-button {
        font-size: 16px;
        font-weight: normal;
        color: #fff;
        background: #000;
        line-height: 20px;
        padding: 10px 20px;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

        .product-details .add-button:hover {
            background: #444;
        }

    .product-details .details-wrapper {
        /*box-shadow: rgb(0 0 0 / 25%) 0px 105px 80px -45px;*/
        font-size: 24px;
        border-radius: 30px;
        margin-top: 30px;
    }

    .product-details .tech-details {
        padding: 25px;
    }

    .product-details {
        padding-bottom: 30px;
    }

    .others {
        background-image: -moz-linear-gradient( 90deg, rgb(87, 87, 87) 0%, rgb(0, 0, 0) 100% );
        background-image: -webkit-linear-gradient( 90deg, rgb(87, 87, 87) 0%, rgb(0, 0, 0) 100% );
        background-image: -ms-linear-gradient( 90deg, rgb(87, 87, 87) 0%, rgb(0, 0, 0) 100% );
        padding: 30px 15px;
        max-height: 313px;
        margin-bottom: 40px;
    }

        .others img {
            -webkit-box-shadow: -3px -5px 15px 15px rgba(0, 0, 0, 0.47);
            -moz-box-shadow: -3px -5px 15px 15px rgba(0, 0, 0, 0.47);
            box-shadow: -3px -5px 15px 15px rgba(0, 0, 0, 0.47);
        }

        .others h5 {
            display: inline-block;
            color: #fff;
            font-weight: bold;
            font-size: 42px;
            position: relative;
            top: -50%;
        }

    .hide {
        display: none
    }

    .details {
        padding: 50px 0;
    }

        .details iframe {
            width: 100%;
        }

    .vb-hidden {
        visibility: hidden
    }

    .ribbon-blue a, .ribbon-blue a:link, .ribbon-blue a:visited {
        text-decoration: none;
        color: #fff;
    }

    .modal-header {
        background: #ddd;
        color: #000;
        font-size: 16px;
        padding: .5rem .5rem .3rem .5rem;
    }

    .modal-footer button {
        border: 1px solid #ccc;
    }

    button.close {
        color: #fff;
        opacity: 1;
    }

        button.close:hover {
            color: #fff;
            opacity: 1;
        }

    .modal-header, modal-content, .btn {
        border-radius: 0;
    }

    .cursorPointer {
        cursor: pointer
    }

    /*loading animation start*/
    .spinner {
        width: 100%;
        position: relative;
        text-align: center;
    }

    #basketTotal .spinner {
        width: 50px;
        position: absolute;
        right: 51px;
    }

    button.close {
        color: #000;
    }

    .spinner > div {
        width: 10px;
        height: 10px;
        background-color: #000;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

    @-webkit-keyframes sk-bouncedelay {
        0%, 80%, 100% {
            -webkit-transform: scale(0)
        }

        40% {
            -webkit-transform: scale(1.0)
        }
    }

    @keyframes sk-bouncedelay {
        0%, 80%, 100% {
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        40% {
            -webkit-transform: scale(1.0);
            transform: scale(1.0);
        }
    }
    /*loading animation end*/

    .selectColor {
        cursor: pointer;
        box-shadow: 0px 0px 1px #666;
        -moz-box-shadow: 0px 0px 1px #666;
        -webkit-box-shadow: 0px 0px 1px #666;
    }

        .selectColor.selected {
            box-shadow: 0px 0px 3px #000;
            -moz-box-shadow: 0px 0px 3px #000;
            -webkit-box-shadow: 0px 0px 3px #000;
        }

    #basketList a, #basketList a:link, #basketList a:visited {
        text-decoration: none;
        color: #000
    }

    #basketList i {
        font-size: 16px;
        line-height: 16px;
        color: #000
    }

    .basketGroup {
        margin: 0;
        padding: 10px;
        border-bottom: 1px solid #000;
        font-size: 14px;
    }

    .w-80 {
        width: 80% !important;
    }

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

    .pointer {
        cursor: pointer
    }

    .buttonSuccess {
        color: #fff;
        background-color: #000 !important;
        ;
        font-weight: 500;
        border: 0 none !important;
    }

        .buttonSuccess:hover {
            color: #fff;
            background-color: #333 !important;
        }

    .buttonReturnShop {
        color: #000;
        background-color: #e8e8e8 !important;
        font-weight: 400;
        font-size: 14px;
        border: 0 none !important;
    }

        .buttonReturnShop:hover {
            background-color: #f3f3f3 !important;
        }

    input.qty-minus, input.qty-plus {
        background: #dedede;
        border: 2px solid #dedede;
        padding: 0 5px;
        font-weight: bold;
    }

    .pad05 {
        padding: 0 5px;
    }

    .pad010 {
        padding: 0 10px;
    }

    .basketListWrapper {
        padding: 15px
    }

    @media (max-width: 992px) {
        .basketListWrapper {
            overflow-x: scroll;
        }

        #basketList {
            width: auto; /* overflow-x:scroll */
        }

            #basketList .col-sm-4 {
                width: 20%;
            }

            #basketList .col-sm-3 {
                width: 20%;
            }

            #basketList .col-sm-2 {
                width: 25%;
            }

            #basketList .col-sm-10 {
                width: 75%;
            }

            #basketList .col-sm-1 {
                width: 10%;
            }

        .basketGroup {
            margin-top: 5px;
            padding-top: 0;
        }

        .forgetPass, .loginBox h4, loginAlert {
            text-align: center;
        }

        .p5_forMobile{padding:5px !important;}
        .w_100_forMobile{width:100% !important;}
        .w_50_forMobile{width:50% !important;}
        .w_auto_forMobile {width: auto !important;}
       .fLeft_forMobile{float:left !important;}
        .pad05_forMobil {padding: 0 5px;}
    }

    .loginAlert {
        color: red
    }

    .userLoginWrapper .userLoginBox {
        background-color: #f5f5f5;
        border: 1px solid #fff;
    }

    .loginBoxGrabber {
        padding: 0px 0 20px 0;
                font-size: 14px;

    }

    .loginBox {
        margin: auto;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(85,85,85,.5);
        border-radius: 6px;
        padding: 15px
    }

        .loginBox h4 {
            font-size: 18px;
            line-height: 18px;
            margin: 0;
            padding: 10px 0
        }

    .form-control:focus {
        border-color: #666;
        outline: 0;
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
    }

    .loginBox input::-webkit-input-placeholder {
        color: #444;
        font-size: 14px;
    }

    .loginBox input::-moz-placeholder {
        color: #444;
        font-size: 14px;
    }

    .loginBox input:-ms-input-placeholder {
        color: #444;
        font-size: 14px;
    }

    .loginBox input:-moz-placeholder {
        color: #444;
        font-size: 14px;
    }

    .showHidePwd {
        position: absolute;
        right: 15px;
        top: 13px;
        z-index: 2;
        color: #555;
        font-size: 14px;
        cursor: pointer;
    }

        .showHidePwd span:nth-child(2) {
            display: none
        }

    .loginBox .form-control {
        height: inherit;
        padding: .6rem .75rem;
    }

    .forgetPass {
        padding: 0;
        text-align: right;
    }

    .button2 {
        width: 100%;
        height: inherit;
        padding: .6rem .75rem;
    }

    .button3 {
        width: 100%;
        height: inherit;
        padding: .6rem .75rem;
        background: #fff;
        color: #0a59f8
    }

        .button3:hover, .button3:focus {
            border-color: #000;
        }

    .userLoginBox .dropdown-item {
        padding: 8px 5px;
        font-size: 14px;
        line-height: 14px;
    }

        .userLoginBox .dropdown-item:nth-child(2) {
            margin-top: 15px
        }


    .userMenu a, .userMenu a:link, .userMenu a:visited {
        font-size: 18px;
        color: #fff;
        line-height: 25px;
    }

    .hide {
        display: none
    }

    .space1px {
        clear: both;
        float: none;
        height: 1px;
        width: 100%;
    }

    .space5px {
        clear: both;
        float: none;
        height: 5px;
        width: 100%;
    }

    .space10px {
        clear: both;
        float: none;
        height: 10px;
        width: 100%;
    }

    .space15px {
        clear: both;
        float: none;
        height: 15px;
        width: 100%;
    }

    .space20px {
        clear: both;
        float: none;
        height: 20px;
        width: 100%;
    }

    .space30px {
        clear: both;
        float: none;
        height: 30px;
        width: 100%;
    }

    .space40px {
        clear: both;
        float: none;
        height: 40px;
        width: 100%;
    }

    .space50px {
        clear: both;
        float: none;
        height: 50px;
        width: 100%;
    }

    .space60px {
        clear: both;
        float: none;
        height: 60px;
        width: 100%;
    }

    .bordersolid {
        clear: both;
        float: none;
        border-bottom: 2px solid #777;
        margin: 10px 0;
        width: 100%
    }

    .bordersolid2 {
        clear: both;
        float: none;
        border-bottom: 2px solid #ddd;
        margin: 10px 0;
        width: 100%
    }

    .bordersolid3 {
        clear: both;
        float: none;
        border-bottom: 2px solid #ddd;
        margin: 5px 0;
        width: 100%;
        clear: both;
        float: none;
        border-bottom: 2px solid #ddd;
        margin: 5px 0;
        width: 100%
    }

    .bordersolid4 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ed1c24;
        margin: auto;
        width: 90%
    }

    .bordersolid5 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ddd;
        margin: auto;
        width: 60%
    }

    .bordersolid5_2 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ddd;
        margin: 10px 0;
        width: 60%
    }

    .bordersolid6 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ddd;
        margin: 5px 0;
        width: 100%
    }

    .bordersolid6_2 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ddd;
        margin: 10px 0;
        width: 100%
    }

    .bordersolid7 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ed1c24;
        margin: 30px auto;
        width: 100%
    }

    .bordersolid8 {
        clear: both;
        float: none;
        border-bottom: 1px solid #45c3d3;
        margin: auto;
        width: 100%
    }

    .bordersolid8_2 {
        clear: both;
        float: none;
        border-bottom: 1px solid #bfbfbf;
        margin: 5px auto;
        width: 100%
    }

    .bordersolid9 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ddd;
        margin: 20px auto;
        width: 60%
    }

    .bordersolid10 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ddd;
        margin: 20px auto;
        width: 100%
    }

    .myDetails .col-2, .myDetails .col-3 {
        text-align: left;
        padding-left: 0;
        float: left;
    }

    .myDetails .col-9 {
        float: left;
    }

    @media (max-width: 767px) {
        .myDetails c.ol-2, .myDetails .col-3 {
            text-align: left;
        }

        .myDetails .col-9 {
            text-align: left;
            padding-left: 0
        }
    }

    .footer0 {
        background: #f3f3f3;
    }

    .footermenu {
        text-align: center;
        padding: 2px 0;
    }

        .footermenu a, .footermenu a:link, .footermenu a:visited {
            color: #000;
            text-decoration: none;
            font-size: 14px;
            padding: 5px;
            display: inline-block;
            -moz-transition: all .2s ease-in;
            -webkit-transition: all .2s ease-in;
            -o-transition: all .2s ease-in;
            transition: all .2s ease-in;
        }

            .footermenu a:hover {
                color: #999;
                -moz-transition: all .2s ease-in;
                -webkit-transition: all .2s ease-in;
                -o-transition: all .2s ease-in;
                transition: all .2s ease-in;
            }

    .videos {
        padding: 0;
        margin: 0;
    }

        .videos li {
            float: left;
            width: 22%;
            margin: 1%;
            min-height: 250px;
            display: flow-root;
        }

    @media (max-width: 767px) {
        .videos li {
            float: left;
            width: 100%;
            margin: 1% 0;
            min-height: 250px;
            display: flow-root;
        }
    }

    .foto {
        min-height: 200px;
    }

    .videos li a, .videos li a:link, .videos li a:visited {
        font-size: 16px;
    }

    .videos h3 {
        font-size: inherit;
        margin: 5px 0
    }

    .easein0ms {
        -moz-transition: all 0s ease-in;
        -webkit-transition: all 0s ease-in;
        -o-transition: all 0s ease-in;
        transition: all 0s ease-in;
    }

    .easein1ms {
        -moz-transition: all 0.1s ease-in;
        -webkit-transition: all 0.1s ease-in;
        -o-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
    }

    .easein2ms {
        -moz-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .easein3ms {
        -moz-transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

    .boxshadow1 {
        -moz-box-shadow: 0 0 6px #333;
        -webkit-box-shadow: 0 0 6px #333;
        box-shadow: 0 0 6px #333
    }

    .boxshadow2 {
        -moz-box-shadow: 0 0 8px #aaa;
        -webkit-box-shadow: 0 0 8px #aaa;
        box-shadow: 0 0 8px #aaa
    }

    .boxshadow3 {
        -moz-box-shadow: 0 3px 5px #ccc;
        -webkit-box-shadow: 0 3px 5px #ccc;
        box-shadow: 0 3px 5px #ccc
    }

    .boxshadow4 {
        -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
        0 0 20px rgba(0, 0, 0, 0.8)
    }

    .boxshadow5 {
        -moz-box-shadow: 0 5px 5px #666;
        -webkit-box-shadow: 0 5px 5px #666;
        box-shadow: 0 5px 5px #666;
    }

    .productBox {
        box-shadow: 0 0 5px #aaa;
        margin-bottom: 25px;
        padding: 15px;
        -moz-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

        .productBox:hover, .productBox:focus {
            -moz-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

    .pagination {
        display: block;
        list-style: none;
        padding: 0;
        margin: 5px 0;
        overflow: hidden;
        margin: 40px 0 0;
        text-align: center
    }

        .pagination a {
            border: 1px solid #eaeaea;
            border-radius: 5px;
            padding: 3px 8px;
            text-decoration: none;
            color: #4ba6c3
        }

            .pagination a.active, .pagination a:hover {
                background-color: #4ba6c3;
                color: #fff
            }


    #pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin: 40px 0;
    }

        #pagination ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex
        }

            #pagination ul li {
                color: #fff;
                display: flex
            }

                #pagination ul li a {
                    background-color: #000;
                    padding: 5px 10px;
                    border: 2px solid #000;
                    border-right: 0
                }

                #pagination ul li.active a {
                    background-color: #f3f3f3;
                    color: #000;
                }

                #pagination ul li:first-child a {
                    border-radius: 5px 0 0 5px
                }

                #pagination ul li:last-child a {
                    border-radius: 0 5px 5px 0;
                    border-right: 2px solid #000
                }

        #pagination a:hover {
            cursor: pointer;
        }


    .cform .row {
        padding: 5px 0
    }

    .btn-primary, .btn-primary:focus, .btn-primary:hover {
        background-position: 0 0;
        background-image: none !important;
        border: 0 none
    }

    .buton1, .buton2, .buton3, .buton4, .buton5, .buton6, .buton7, .buton8 {
        padding: 2px 6px;
        color: #fff !important
    }

    .buton1 {
        margin: auto;
        background-color: #192251;
        color: #fff !important;
        padding: 12px;
        font-family: 'PostScriptum';
        font-size: 26px;
        letter-spacing: 1px;
        text-transform: uppercase;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0
    }

        .buton1:hover, .buton1:focus, .buton1:hover {
            background-color: #2f42a6;
            color: #fff !important
        }

    .buton2 {
        margin: auto;
        background-color: #000;
        color: #fff !important;
        padding: 10px;
        width: 100%;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0
    }

        .buton2:hover, .buton2:focus, .buton2:hover {
            background-color: #333;
            color: #fff !important
        }

    .buton3 {
        margin: 10px auto 0;
        background: none;
        border: 0 none !important;
        border-top: 1px solid #fff !important;
        color: #fff !important;
        padding: 5px 25px;
        font-size: 14px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }

        .buton3:hover, .buton3:focus, .buton3:hover {
            background: none !important;
            color: #ccc !important;
            border-top: 1px solid rgba(0,0,0,0) !important;
        }

    .btn-primary.buton3:focus, .btn-primary.buton3:hover {
        background-color: none !important;
        background-position: 0 !important
    }

    #html_element > div {
        margin: auto
    }

    textarea {
        resize: none;
        min-height: 100px;
    }

    #UpdateEnews {
        clear: both;
        float: none;
        text-align: center;
        color: #000;
        font-size:14px;
    }

    #UpdateContact {
        text-align: center
    }

    .UpdateY-ic {
        background-color: #f79623;
        padding: 10px 0 10px 5px;
        color: #fff;
        margin: 10px 0 0;
        font-size: 16px;
        text-align: center
    }

    .UpdateY-ic-error {
        height: auto;
        overflow: hidden;
        margin: 8px 0;
        padding: 10px;
        border: 1px solid #BBB;
        color: #fff;
        font-size: 16px;
        background-color: #9e9e9e;
        text-align: center
    }


    .card, .card-header {
        border-radius: 0 !important
    }

    .best-sellers span.sale, .product-main .sale-price {
        display: none;
    }

    .accordion > .card > .card-header {
        border: none;
    }

    .accordion > .card {
        border: none;
    }

        .accordion > .card > .card-header i.fa-angle-down {
            display: none;
        }

        .accordion > .card > .card-header.collapsed {
            background: #fff;
            cursor: pointer;
            padding: 0.3rem 1.25rem 0.2rem 1.25rem;
            background: -moz-linear-gradient(left, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 71%, rgba(0,0,0,0) 87%);
            background: -webkit-linear-gradient(left, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 71%,rgba(0,0,0,0) 87%);
            background: linear-gradient(to right, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 71%,rgba(0,0,0,0) 87%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=1 );
        }

            .accordion > .card > .card-header.collapsed i.fa-angle-up {
                display: none;
            }

            .accordion > .card > .card-header.collapsed i.fa-angle-down {
                display: contents;
            }

        .accordion > .card > .card-header .btn-link {
            color: #000;
            padding-top: 0;
            padding-bottom: 5px;
            font-size: 16px;
            font-weight: normal;
            text-align: left
        }

            .accordion > .card > .card-header .btn-link:hover, .accordion > .card > .card-header .btn-link:visited,
            .accordion > .card > .card-header .btn-link:active, .accordion > .card > .card-header .btn-link:focus {
                text-decoration: none;
            }

    .accordion > .card {
        margin-bottom: 5px; /*box-shadow: 1px 1px 0px #999;*/
    }

    .accordion .card-body, .accordion .card-header {
        background: -moz-linear-gradient(left, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 71%, rgba(0,0,0,0) 87%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 71%,rgba(0,0,0,0) 87%);
        background: linear-gradient(to right, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 71%,rgba(0,0,0,0) 87%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=1 );
    }

    .accordionDetail > .card > .card-header {
        background: #f3f3f3;
        cursor: pointer
    }

        .accordionDetail > .card > .card-header i.fa-angle-down {
            display: none;
        }

        .accordionDetail > .card > .card-header.collapsed {
            background: #fff
        }

            .accordionDetail > .card > .card-header.collapsed i.fa-angle-up {
                display: none;
            }

            .accordionDetail > .card > .card-header.collapsed i.fa-angle-down {
                display: contents;
            }

        .accordionDetail > .card > .card-header .btn-link {
            color: #000;
            padding: 0 0 5px 0;
            font-size: 16px;
            font-weight: normal;
            text-align: left
        }

            .accordionDetail > .card > .card-header .btn-link:hover, .accordionDetail > .card > .card-header .btn-link:visited,
            .accordionDetail > .card > .card-header .btn-link:active, .accordionDetail > .card > .card-header .btn-link:focus {
                text-decoration: none;
            }

    .accordionDetail .card-header {
        padding: 0.25rem 1rem;
        margin-bottom: 0px;
        border: 0 none
    }

    .accordionDetail .card {
        margin-bottom: 5px;
    }

    .accordionDetail .card-body {
        padding: 10px 25px;
        font-size: 16px;
        color: #666;
        background: none
    }

    .accordionDetail .card-body {
    }

        .accordion .card-body,
        .accordion .card-body p,
        .accordion .card-body span,
        .accordion .card-body a, .accordion .card-body a:link, .accordion .card-body a:visited .accordion .card-body,
        .accordionDetail .card-body,
        .accordionDetail .card-body p,
        .accordionDetail .card-body span,
        .accordionDetail .card-body a, .accordionDetail .card-body a:link, .accordionDetail .card-body a:visited {
            font-size: 14px;
        }

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

    .numberSkuUpc {
        min-height: 48px;
    }

    .navbar-light .navbar-toggler {
        background: #fff;
    }

    .nomobile {
        display: block !important
    }

    .nodesk {
        display: none !important
    }
    /******************************************************************************/
    @media (max-width: 1171px) {
        .nomobile {
            display: none !important
        }

        .nodesk {
            display: block !important
        }

        .notablet {
            display: none !important
        }
    }

    @media (max-width: 980px) {
        .nomobile {
            display: none !important
        }

        .nodesk {
            display: block !important
        }

        .notablet {
            display: block !important
        }

        .detail-price {
            width: 100%;
            text-align: center;
            clear: both;
            float: none;
        }

        .mobil_w100 {
            width: 100%
        }
    }

    .menuList .nav-item.dropdown i.fa-angle-up {
        display: contents;
    }

    .menuList .nav-item.dropdown i.fa-angle-up {
        display: none;
    }

    @media (max-width: 980px) {
        .iamrobotSpace {
            display: none !important
        }

        .menuList .nav-item.dropdown i.fa-angle-down {
            display: contents;
        }

        .menuList .nav-item.dropdown.show i.fa-angle-up {
            display: contents;
        }

        .menuList .nav-item.dropdown.show i.fa-angle-down {
            display: none;
        }
    }

    .productImageList {
        height: 400px;
        outline: 1px solid white;
        outline-offset: -10px;
    }

   /* .productBox .productImageList {
        display: none
    }*/

    .prInCategories .productImageList {
        height: 250px;
    }
    /*.productBox img {max-height: 230px;}*/
    .bold {
        font-weight: bold;
    }

    .padTop8 {
        padding-top: 8px;
    }

    .padTop3 {
        padding-top: 3px;
    }

    .payBoxLeft, .payBoxright {
        padding: 10px 15px;
        font-weight: bold;
        margin-bottom: 10px; /*background: #000;color: #fff;*/
    }
    /*.payBoxright {background: #efbd42}*/
    /*.panel.panel-primary{border:1px solid #000;}*/
    .panel.panel-success {
        border: 1px solid #999;
    }

    .paymentWrapper .panel {
        min-height: 400px
    }

    @media (max-width: 980px) {
        .paymentWrapper .panel {
            min-height: inherit
        }
    }

    .viewHide {
        display: none
    }

    table, tr, td, tbody {
        width: 100%;
    }

    .detailImage {
        border: 1px solid #9e9e9e;
    }

    .fancybox-infobar {
        display: none !important
    }


    @media (min-width: 980px) {
        .menuList {
            display: table !important;
            table-layout: fixed !important;
        }

            .menuList li {
                display: table-cell !important;
                float: left;
                padding-right: 15px;
            }
    }

    .menuList .dropdown-toggle, .menuList .nav-item a {
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        font-family: 'Lato', sans-serif;
    }

    .menuList .dropdown-toggle, .menuList .nav-item a {
        padding-top: 5px;
    }

    .navigation {
        padding: 1px; /*border-top: 1px solid #000;border-bottom: 1px solid #000;*/
    }

    .dropdown-item {
        padding: 0.5rem 1.5rem;
    }

    a.dropdown-item {
        font-size: 13px !important;
    }

    .navbar-nav .dropdown-item {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .upper {
        text-transform: uppercase
    }

    .bold {
        font-weight: bold;
    }

    i.fa-credit-card {
        position: absolute;
        right: 35px;
        top: 10px;
        font-size: 18px;
    }

    a.basketLink2 {
        font-size: 14px;
        color: #666;
        text-decoration: none;
    }

    .paymentSendButton {
        background-color: #000;
    }

        .paymentSendButton:hover, .paymentSendButton:focus {
            background-color: #333;
        }

    .header-top0 i {
        margin-left: 5px;
        font-size: 20px;
        color: #000;
    }

    .footerSocial i {
        margin-left: 5px;
        font-size: 20px;
        color: #fff;
    }

    .header-top0 i, .footerSocial i {
        margin-left: 5px;
        font-size: 20px;
        color: #000;
    }

    .header-top0 {
        background: #f4f4f4;
        padding: 13px 0 8px 0;
    }

    .h0Left, .h0Left a, .h0Left:link, .h0Left:visited, .h0Left i {
        font-size: 14px
    }

    .footer .adress, .footer .adress a, .footer .adress a:link, .footer .adress a:visited {
        color: #000
    }
    /*mega menu start*/
    nav.navbar {
        width: 100%
    }

    .nav-link {
        padding: 0.2rem 1rem;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: #000;
    }

        .navbar-dark .navbar-nav .nav-link:hover {
            color: #666;
        }

    .navbar .dropdown-menu div[class*="col"] {
        margin-bottom: 1rem
    }

    .navbar .dropdown-menu {
        border: none;
        background-color: #fbfbfb
    }

    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
        color: #666;
    }

    @media screen and (min-width: 992px) {
        .navbar {
            padding-top: 0;
            padding-bottom: 0
        }

            .navbar .nav-item {
                padding: .1rem;
                margin: 0 .25rem
            }

            .navbar .dropdown {
                position: static
            }

            .navbar .dropdown-menu {
                width: 100%;
                left: 0;
                right: 0;
                top: 30px;
                display: block;
                visibility: hidden;
                opacity: 0;
                transition: visibility 0s,opacity .3s linear
            }

            .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
                display: block;
                visibility: visible;
                opacity: 1;
                transition: visibility 0s,opacity .2s linear
            }

            .navbar .dropdown-menu {
                border: 1px solid rgba(0,0,0,.15);
                background-color: #fff
            }

        .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
            color: #000;
        }
    }

    .dropdown-menu {
        padding: 20px
    }

    .dropMenuWrapper > ul.nav {
        display: block
    }

    .dropMenuWrapper ul li a, .dropMenuWrapper ul li a:link, .dropMenuWrapper ul li a:visited {
        color: #000 !important;
        font-size: 14px;
    }
        /*.dropMenuWrapper ul li a:before{content:"�"}*/
        .dropMenuWrapper ul li a, .dropMenuWrapper ul li a:link, .dropMenuWrapper ul li a:visited {
            color: #000 !important;
            font-size: 14px;
        }

            .dropMenuWrapper ul li a:hover {
                color: #9b9b9b !important
            }

    .dropMenuWrapper ul li {
        width: 50%;
        float: left;
        margin: 2px 0 !important;
        text-align: left;
    }

    .dropMenuWrapper i.fa-circle {
        font-size: 5px;
        position: relative;
        top: -3px;
        color: #000;
    }

    .subBottom {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .subBottomText {
        font-size: 12px;
    }
    /*mega menu end*/

    /*slider shower start*/
    @media (max-width: 980px) {
    }

    .slideshow-container {
        position: relative;
        display: block;
        width: 100%;
        margin: 2px 0
    }

        .slideshow-container .slideshow {
            width: 100%;
            padding: 0;
            position: relative;
            margin: 0
        }

            .slideshow-container .slideshow > li {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                padding: 0;
                display: block;
                margin: 0
            }

                .slideshow-container .slideshow > li:first-child {
                    position: static;
                    z-index: 100
                }

                .slideshow-container .slideshow > li img {
                    max-width: 100%;
                    width: 100%
                }

    .slideshow-pager {
        text-align: center;
        width: 100%;
        z-index: 115;
        position: absolute;
        bottom: 0;
        top: auto;
        overflow: hidden;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none
    }

        .slideshow-pager span {
            font-family: arial;
            width: 44px;
            height: 44px;
            display: inline-block;
            color: #DDD;
            cursor: pointer
        }

            .slideshow-pager span:before {
                content: '';
                display: block;
                width: 16px;
                height: 16px;
                left: 50%;
                top: 50%;
                margin-left: -8px;
                margin-top: -8px;
                border-radius: 1px;
                background-color: #FFF;
                position: relative
            }

            .slideshow-pager span.cycle-pager-active:before, .slideshow-pager span:hover:before {
                background-color: #000
            }

        .slideshow-pager > * {
            cursor: pointer
        }

    .slideshow-next, .slideshow-prev {
        position: absolute;
        top: 0;
        width: 15%;
        max-width: 80px;
        height: 100%;
        opacity: .6;
        z-index: 110;
        cursor: pointer;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none
    }

        .slideshow-next:before, .slideshow-prev:before {
            content: '';
            width: 0;
            height: 0;
            font-size: 0;
            position: absolute;
            border-style: solid;
            display: block;
            margin-top: -15px
        }

        .slideshow-next:hover, .slideshow-prev:hover {
            opacity: 1
        }

        .slideshow-next.disabled, .slideshow-prev.disabled {
            opacity: .5;
            filter: alpha(opacity=50);
            cursor: default
        }

    .slideshow-prev {
        left: 8px
    }

        .slideshow-prev:before {
            border-width: 15px 15px 15px 0;
            border-color: transparent #FFF transparent transparent;
            top: 50%;
            left: 10px
        }

        .slideshow-prev:hover:before {
            border-color: transparent #000 transparent transparent
        }

    .slideshow-next {
        right: 8px
    }

        .slideshow-next:before {
            border-width: 15px 0 15px 15px;
            border-color: transparent transparent transparent #FFF;
            top: 50%;
            right: 10px
        }

        .slideshow-next:hover:before {
            border-color: transparent transparent transparent #000
        }

    .sliderTextWrapper {
        position: absolute;
        bottom: 0;
        width: 100%;
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        padding: 20px 0 5px 0;
    }

        .sliderTextWrapper .main-title {
            font-size: 26px;
            line-height: 30px;
            color: #000;
            text-align: center;
        }

    .slideshow-pager {
        display: none !important;
    }

    .sliderTextWrapper .container {
        width: 1140px;
    }

    @media (max-width: 980px) {
        .sliderTextWrapper .main-title {
            font-size: 14px;
            line-height: 14px;
            position: relative;
            z-index: 999;
            padding-left: 20px;
            padding-right: 20px;
            background: #fff;
        }

        .slideshow-container .slideshow {
            overflow: inherit !important;
        }

        .sliderTextWrapper {
            position: absolute;
            padding: 4px 0 5px 0;
            bottom: -5px;
        }

            .sliderTextWrapper .container {
                width: 100%;
            }
    }
    /*slider shower end*/



    .button2 {
        width: 100%;
        height: inherit;
        padding: .6rem .75rem;
    }

    .button3 {
        width: 100%;
        height: inherit;
        padding: .6rem .75rem;
        background: #fff;
        color: #0a59f8
    }

        .button3:hover, .button3:focus {
            border-color: #000;
        }

    .userLoginBox .dropdown-item {
        padding: 8px 5px;
        font-size: 14px;
        line-height: 14px;
    }

        .userLoginBox .dropdown-item:nth-child(2) {
            margin-top: 15px
        }

        .welcomeUser {
            padding: 15px 5px 5px 5px;
            font-size: 13px;
            line-height: 13px;
            color: #fff;
        }
        
        .userMenu a, .userMenu a:link, .userMenu a:visited {
            font-size: 14px;
            color: #fff;
            line-height: 14px;
            text-transform: inherit;
        }
    
    .hide {
        display: none
    }

    .space1px {
        clear: both;
        float: none;
        height: 1px;
        width: 100%;
    }

    .space5px {
        clear: both;
        float: none;
        height: 5px;
        width: 100%;
    }

    .space10px {
        clear: both;
        float: none;
        height: 10px;
        width: 100%;
    }

    .space15px {
        clear: both;
        float: none;
        height: 15px;
        width: 100%;
    }

    .space20px {
        clear: both;
        float: none;
        height: 20px;
        width: 100%;
    }

    .space30px {
        clear: both;
        float: none;
        height: 30px;
        width: 100%;
    }

    .space40px {
        clear: both;
        float: none;
        height: 40px;
        width: 100%;
    }

    .space50px {
        clear: both;
        float: none;
        height: 50px;
        width: 100%;
    }

    .space60px {
        clear: both;
        float: none;
        height: 60px;
        width: 100%;
    }

    .uppercase, .upper {
        text-transform: uppercase
    }

    .lowercase, .lower {
        text-transform: lowercase
    }

    .bold {
        font-weight: bold;
    }

    .space1px {
        clear: both;
        float: none;
        height: 1px
    }

    .space5px {
        clear: both;
        float: none;
        height: 5px
    }

    .space10px {
        clear: both;
        float: none;
        height: 10px
    }

    .space15px {
        clear: both;
        float: none;
        height: 15px
    }

    .space20px {
        clear: both;
        float: none;
        height: 20px
    }

    .space30px {
        clear: both;
        float: none;
        height: 30px
    }

    .space40px {
        clear: both;
        float: none;
        height: 40px
    }

    .space50px {
        clear: both;
        float: none;
        height: 50px
    }

    .space60px {
        clear: both;
        float: none;
        height: 60px
    }

    .easein1ms {
        -moz-transition: all 0.1s ease-in;
        -webkit-transition: all 0.1s ease-in;
        -o-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
    }

    .easein2ms {
        -moz-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

    .easein3ms {
        -moz-transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

    .boxshadow1 {
        -moz-box-shadow: 0 0 6px #333;
        -webkit-box-shadow: 0 0 6px #333;
        box-shadow: 0 0 6px #333
    }

    .boxshadow2 {
        -moz-box-shadow: 0 0 8px #aaa;
        -webkit-box-shadow: 0 0 8px #aaa;
        box-shadow: 0 0 8px #aaa
    }

    .boxshadow3 {
        -moz-box-shadow: 0 3px 5px #ccc;
        -webkit-box-shadow: 0 3px 5px #ccc;
        box-shadow: 0 3px 5px #ccc
    }

    .boxshadow4 {
        -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
        0 0 20px rgba(0, 0, 0, 0.8)
    }

    .boxshadow5 {
        -moz-box-shadow: 0 5px 5px #666;
        -webkit-box-shadow: 0 5px 5px #666;
        box-shadow: 0 5px 5px #666;
    }

    .vcenter {
        display: flex;
        align-items: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-line-pack: center;
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .vcenter_left {
        display: flex;
        align-items: left;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-line-pack: center;
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
    }


    .bordersolid {
        clear: both;
        float: none;
        border-bottom: 2px solid #777;
        margin: 10px 0;
        width: 100%
    }

    .bordersolid2 {
        clear: both;
        float: none;
        border-bottom: 2px solid #ddd;
        margin: 10px 0;
        width: 100%
    }

    .bordersolid3 {
        clear: both;
        float: none;
        border-bottom: 2px solid #ddd;
        margin: 5px 0;
        width: 100%;
    }

    .bordersolid4 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ddd;
        margin: 10px 0;
        width: 100%;
    }

    .bordersolid5 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ddd;
        margin: auto;
        width: 60%
    }

    .bordersolid5_2 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ddd;
        margin: 10px 0;
        width: 60%
    }

    .bordersolid6 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ddd;
        margin: 5px 0;
        width: 100%
    }

    .bordersolid6_2 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ddd;
        margin: 10px 0;
        width: 100%
    }

    .bordersolid7 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ed1c24;
        margin: 30px auto;
        width: 100%
    }

    .bordersolid8 {
        clear: both;
        float: none;
        border-bottom: 1px solid #45c3d3;
        margin: auto;
        width: 100%
    }

    .bordersolid8_2 {
        clear: both;
        float: none;
        border-bottom: 1px solid #bfbfbf;
        margin: 5px auto;
        width: 100%
    }

    .bordersolid9 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ddd;
        margin: 20px auto;
        width: 60%
    }

    .bordersolid10 {
        clear: both;
        float: none;
        border-bottom: 1px solid #ddd;
        margin: 20px auto;
        width: 100%
    }

    .opacity100 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

    .opacity9 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        filter: alpha(opacity=90);
        -moz-opacity: .9;
        -khtml-opacity: .9;
        opacity: .9
    }

    .opacity8 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80);
        -moz-opacity: .8;
        -khtml-opacity: .8;
        opacity: .8
    }

    .opacity7 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        filter: alpha(opacity=70);
        -moz-opacity: .7;
        -khtml-opacity: .7;
        opacity: .7
    }

    .opacity6 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        filter: alpha(opacity=60);
        -moz-opacity: .6;
        -khtml-opacity: .6;
        opacity: .6
    }

    .opacity5 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        filter: alpha(opacity=50);
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }

    .opacity4 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
        -moz-opacity: .4;
        -khtml-opacity: .4;
        opacity: .4
    }

    .opacity3 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        filter: alpha(opacity=30);
        -moz-opacity: .3;
        -khtml-opacity: .3;
        opacity: .3
    }

    .opacity2 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
        filter: alpha(opacity=20);
        -moz-opacity: .2;
        -khtml-opacity: .2;
        opacity: .2
    }

    .opacity0 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=00);
        filter: alpha(opacity=00);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0
    }

    .opacity90 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        filter: alpha(opacity=90);
        -moz-opacity: .9;
        -khtml-opacity: .9;
        opacity: .9
    }

    .opacity60 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        filter: alpha(opacity=60);
        -moz-opacity: .6;
        -khtml-opacity: .6;
        opacity: .6
    }

    .opacity50 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        filter: alpha(opacity=50);
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }

    .opacity40 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
        -moz-opacity: .4;
        -khtml-opacity: .4;
        opacity: .4
    }

    .opacity30 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        filter: alpha(opacity=30);
        -moz-opacity: .3;
        -khtml-opacity: .3;
        opacity: .3
    }

    .opacity20 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20!important);
        filter: alpha(opacity=20) !important;
        -moz-opacity: .2 !important;
        -khtml-opacity: .2 !important;
        opacity: .2 !important
    }

    .opacity10 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10!important);
        filter: alpha(opacity=10) !important;
        -moz-opacity: .1 !important;
        -khtml-opacity: .1 !important;
        opacity: .1 !important
    }

    .opacity0 {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=00);
        filter: alpha(opacity=00);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0
    }


    .catImg {
        overflow: hidden;
        padding: 0;
    }

    .catAbsoluteBox {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 0;
        margin-right: 15px;
        padding-top: 40px;
        width: 100%;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    }

    .catTitle, .catTitle a, .catTitle a:link, .catTitle a:visited {
        color: #fff;
        font-size: 32px;
        line-height: 34px;
        text-shadow: 1px 1px 2px #000
    }

        .catTitle a:hover {
            color: #dedede;
            text-shadow: 1px 1px 5px #000
        }

    .homeCatBox {
        padding: 5px;
    }

    li {
        list-style: none;
    }

    .productBox .price {
        margin-top: 0;
        font-size: 18px;
    }

        .productBox .price:not(:first-child) {
            display: none
        }


    .go-top {
        position: fixed;
        width: 40px;
        height: 20px;
        bottom: 25px;
        right: 55px;
        background: url("/images/static/go-top.png") no-repeat 0 -20px;
        display: none;
        cursor: pointer
    }

        .go-top:hover {
            background: url("/images/static/go-top.png") no-repeat 0 0;
        }

    .copyRight {
        font-size: 12px;
        color: #aaa
    }

    iframe {
        width: 100%
    }

    .dsBoxes {
        padding: 0 0 0 1.2rem;width: 100%;
        max-width: 100%;
    }

        .dsBoxes .addBasket {
            margin-left: 0.5rem;
        }

    @media (max-width: 980px) {
        .dsBoxes {
            padding: 0;
            margin-bottom: 10px;
            text-align: center
        }

            .dsBoxes .linkButton, .dsBoxes .addBasket {
                width: 70%;
                display: block;
                margin: auto;
            }
    }

    .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 10;
        background: #fff;
        z-index: 999
    }

    @media (max-width: 992px) {
        .sticky {
            top: 0px
        }
    }

    .prDTitle {
        font-size: 1.5rem
    }

    .breadCrumb, .breadCrumb a, .breadCrumb a:link, .breadCrumb a:visited {
        font-size: 14px;
        text-decoration: none;
        color: #666;
    }

        .breadCrumb a:hover {
            color: #000;
        }

    .detailPageW1, .detailPageW2 {
        border: 1px solid #dedede;
        padding: 5px 10px !important;
        position: relative;
    }

    .detailPageW1 {
        margin-top: 8px;
    }

    .barcode {
        padding: 0;
    }

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

    .detailTime {
        font-size: 12px;
        padding: 5px 0;
        color: #666;
    }

    .col-sm-5.detailPageBasketOptions {
        padding: 15px 0;
    }

    .col-md-12.detailFours {
        padding: 20px;
    }

    .detailFours .icon {
        color: #333;
        font-size: 22px;
        text-align: center;
        padding: 5px;
    }

    .detailFours .tit {
        text-align: center;
        color: #333;
        padding: 5px;
        font-size: 14px;
    }

        .detailFours .tit span {
            color: #777;
            font-size: 12px;
        }

    #similar-carousel .owl-nav {
        display: none !important
    }

    .owl-carousel .owl-stage {
        padding-top: 5px;
    }

    .border1 {
        outline: 1px solid white;
        outline-offset: -4px;
    }

    .border2 {
        outline: 1px solid white;
        outline-offset: -10px;
    }

    .alertify .ajs-header {
        background-color: #f3f3f3 !important;
    }

    #modalbox_basket .modal-header h4 {
        font-size: 1.3rem;
        padding-left: 15px;
        margin-bottom: 5px;
    }

    #modalbox_basket .modal-footer .btn {
        font-size: 14px
    }

    .discountAlert {
        color: #ff1200;
        font-size: 15px;
    }

    .price del {
        color: #999;
        margin-right: 5px;
    }

        .price del.fDetail {
            font-size: 18px
        }

    .basketButtonWrapper {
        position: relative;
        top: -2px;
            padding: 0
    }

    .bgNewColors {
        background: #f7f7f7;
        margin: 30px 0;
        padding: 30px 0;
    }

    .hBigTitle {
        font-size: 2rem;
    }

    .product-label {
        background: #c29958;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        top: 30px;
        right: 30px;
        line-height: 1;
        min-width: 46px;
        padding: 4px 12px;
        position: absolute;
        text-align: center;
        text-transform: capitalize;
        z-index: 3
    }

        .product-label span {
            display: block;
            margin-top: -1px
        }
    /*.product-label.discount{background-color:#222}*/

    figure.snip0015 {
        color: #000;
        position: relative;
        overflow: hidden;
        margin: 0;
        width: 100%;
        background: #fff;
        text-align: center
    }

        figure.snip0015 * {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        figure.snip0015 img {
            opacity: 1;
            width: 100%;
            -webkit-transition: opacity .35s;
            transition: opacity .35s
        }

        figure.snip0015 figcaption {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 3em;
            width: 100%;
            height: 100%
        }

            figure.snip0015 figcaption::before {
                position: absolute;
                top: 50%;
                right: 30px;
                bottom: 50%;
                left: 30px;
                border-top: 1px solid rgba(255,255,255,0.8);
                border-bottom: 1px solid rgba(255,255,255,0.8);
                content: '';
                opacity: 0;
                background-color: #fff;
                -webkit-transition: all .4s;
                transition: all .4s;
                -webkit-transition-delay: .6s;
                transition-delay: .6s
            }

        figure.snip0015 h2, figure.snip0015 p {
            margin: 0 0 5px;
            opacity: 0;
            -webkit-transition: opacity 0.35s,-webkit-transform .35s;
            transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform .35s
        }

        figure.snip0015 h2 {
            word-spacing: -.15em;
            font-weight: 300;
            text-transform: uppercase;
            -webkit-transform: translate3d(0%,50%,0);
            transform: translate3d(0%,50%,0);
            -webkit-transition-delay: .3s;
            transition-delay: .3s
        }

            figure.snip0015 h2 span {
                font-weight: 800
            }

        figure.snip0015 p {
            font-weight: 400;
            -webkit-transition-delay: 0;
            transition-delay: 0
        }

        figure.snip0015 a {
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            position: absolute;
            color: #fff
        }

        figure.snip0015:hover img {
            opacity: .20
        }

        figure.snip0015:hover figcaption h2 {
            opacity: 1;
            -webkit-transform: translate3d(0%,0%,0);
            transform: translate3d(0%,0%,0);
            -webkit-transition-delay: .3s;
            transition-delay: .3s
        }

        figure.snip0015:hover figcaption p {
            opacity: .9;
            -webkit-transition-delay: .6s;
            transition-delay: .6s
        }

        figure.snip0015:hover figcaption::before {
            background: rgba(255,255,255,0.2);
            top: 30px;
            bottom: 30px;
            opacity: 1;
            -webkit-transition-delay: 0;
            transition-delay: 0
        }

    .hidediv {
        width: 100%;
        display: none;
        position: absolute;
    }

    .hidebox {
        background-color: rgba(255,255,255,.8);
        text-align: center;
        margin-left: 0;
        outline: 5px solid rgba(255,255,255,.8);
        border: 1px solid #ccc;
    }

        .hidebox p {
            width: 100%;
            text-align: center;
            color: #000
        }

    .hidediv_detail {
        width: 100%;
        display: none;
        position: absolute;
    }

    .hidebox_detail {
        background-color: rgba(255,255,255,.8);
        text-align: center;
        margin-left: 0;
        outline: 5px solid rgba(255,255,255,.8);
        border: 1px solid #ccc;
    }

        .hidebox_detail p {
            width: 100%;
            text-align: center;
            color: #000
        }

    .testimonal {
        background: url(/images/static/testimonials-bg.jpg) no-repeat center center;
        background-size: cover;
        width: 100%;
        height: 509px;
    }

    .enews input {
        background: #f3f3f3;
        border: none;
        padding: 6px 10px 6px 10px;
        color: #000;
        font-style: italic;
        height: 40px;
        min-width: 400px;
    }
    @media (max-width: 980px) {
        .enews input {
            min-width: inherit;
        }
    }

    .enews button {
        width: 34px;
        background: #fff;
        color: #192251;
        margin-left: -41px;
        height: 36px;
        border: 1px solid #dbdbdb
    }

    .enews input::-webkit-input-placeholder {
        font-size: 14px
    }

    .enews input:hover, .enews input:focus, .enews input:focus-visible {
        border: 1px solid #f3f3f3;
        outline: 1px solid #dbdbdb
    }

    #basketTotal {
        font-size: 14px;
    }

    .prInCategories .dsBoxes {
        padding: 0 5px;
        flex: 0 0 100%;
        max-width: 100%
    }

    .best-sellers .prInCategories .actions a {
        width: 100%;
        display: block;
        margin: 3px 0;
        text-align: center
    }

    .prInCategories select {
        font-size: 13px;
    }

    .articleSub {
        display: none
    }
    /*for loadMore() in js*/

    .listCat, .listCat a, .listCat a:link, .listCat a:visited {
        text-decoration: none;
        color: #000;
        font-size: 13px
    }

    .listCatSub, .listCatSub a, .listCatSub a:link, .listCatSub a:visited {
        text-decoration: none;
        color: #666;
        font-size: 13px
    }

        .listCat a.active, .listCatSub a.active {
            color: #dda753;
            font-weight: 500;
        }

    .modalText {
        font-size: 13px;
    }

    .btn.disabled, .btn:disabled {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }
    /*.btn.disabled, .btn:disabled {opacity: .4;}*/

    .odemetipi {
        min-height: 18px;
        text-align: left;
        padding: 5px 15px;
        margin: 0;
        width: auto;
        font-size: 15px;
        font-weight: normal;
        cursor: pointer;
        text-align: center;
    }

    .odemetipibg2 {
        color: #fff;
        background: #9E9E9E;
        opacity: .5;
    }

    .odemetipibg1 {
        color: #fff;
        background: #d8a83c;
    }

    .paymentWrapper {
        font-size: 14px;
    }

        .paymentWrapper input::-webkit-input-placeholder {
            color: #aaa;
            font-size: 14px;
        }

    .moneyOrder {
        display: none
    }

    .contract, a.contract, a.contract:link, a.contract:visited {
        text-decoration: none;
        color: #d8a83c;
        font-size: 14px;
        font-weight: 500;
    }

        a.contract:hover {
            color: #000
        }

    /*checkbox start*/
    input[type='checkbox'] {
        margin-top: -30px;
    }

    input[type='checkbox'] {
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeSpeed;
        width: 18px;
        height: 18px;
        margin: 0;
        margin-right: 5px;
        display: block;
        float: left;
        position: relative;
        cursor: pointer;
        margin-bottom: 5px;
    }

        input[type='checkbox']:after {
            content: "";
            vertical-align: middle;
            text-align: center;
            line-height: 18px;
            position: absolute;
            cursor: pointer;
            height: 19px;
            width: 19px;
            left: -1px;
            top: -1px;
            font-size: 14px;
            -webkit-box-shadow: inset 0 1px 1px #d8a83c, 0 1px 0 #d8a83c;
            -moz-box-shadow: inset 0 1px 1px #d8a83c, 0 1px 0 #d8a83c;
            box-shadow: inset 0 1px 1px #d8a83c, 0 1px 0 #d8a83c;
            background: #fff;
            border: 1px solid #d8a83c;
        }

        input[type='checkbox']:checked:after {
            background: #d8a83c;
            content: '\2714';
            color: #fff;
        }
    /*checkbox end*/


    #slider-container {
        width: 100%;
    }

    .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
        color: #000;
    }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #333;
}

.detailPageColorStaticText, .detailPageColorName{font-size:14px;}
.searchButtonWrapper {text-align: right;padding-right: 0;}
#modalbox_search .bg-success{background: #000 !important;}

.catListShowHideButton{display:none}
label{font-size: 13px;}
@media (max-width: 980px) {
    #navbarSupportedContent{width:100%}
    .navbar-dark .navbar-toggler{color:#000;border-color:#000;position:absolute;right:0;top:-67px}
    .header-top0{display:none}
    .navbar{padding:0 1rem}
    .dropMenuWrapper ul li{width:100%}
    .testimonal{height:auto}
    .copyRight{margin:10px 0}
    .go-top {right: 0px;}
    .detailFours .icon{width:50%;float:left;}
    .footer {padding: 40px 0 20px 0;}
    .searchButtonWrapper{text-align:left;padding-left: 20px;}
    .basketButtonWrapper{padding:0}
    .listCat,.listCatSub{display:none;}

  .catListShowHideButton{display:block;}
  .catListShowHideButton{font-size:14px;}
    .catListShowHideButton i{font-size:12px;}
    .catListShowHideButton i.fa-minus{display:none;}
    .panel.panel-primary{border: 1px solid #999;}
}



.pagingData .producktName {height: 52px}
/*.productBox {min-height:551px}
@media (max-width: 980px) {
    .pagingData .producktName {height: auto}
}
*/

.prodHeight1{height:55px;}
..productBox{padding: 15px 15px 0px 15px;}
#pagingData .producktName{height: 55px;}
@media (max-width: 980px) {
#pagingData .producktName, .prodHeight1{height: auto;}
}

.totalProduct{visibility: hidden;}
#loadMore{opacity: 0;}

.fltr-itm{border:1px solid #ddd;padding:3px 25px 3px 5px;width:auto;float:left;position:relative;cursor: pointer;margin-right: 10px;}
.fltr-itm2{border:1px solid #ddd;padding:3px 25px 3px 5px;width:auto;float:left;position:relative;cursor: pointer;margin-right: 10px;}
.fltr-color{font-size:13px;width:auto;float:left}
.fltr-close{font-size:14px;float:right;position:absolute;top:3px;right:1px;background:#ddd;border-radius:100%;width: 18px;height: 18px;}
.fltr-close span{text-align:center;position:absolute;top:-1px;left: 6px;font-size: 12px;}
    
.crp {font-size: 14px;cursor: pointer; display: none;}
.sbTitle{font-size: 14px;font-weight: bold;}
.sbTitle2{font-size: 14px;font-weight: normal;}
.createPriceList{padding-top: 5px;}
.best-sellers.ProductsCategoriesList{padding: 10px 0}

#modalbox_start{top: 20%;}
#modalbox_start .modal-body{padding: 0;}
#modalbox_start button.close{position: absolute;z-index: 9;right: 10px;top: 7px;background: #000;color: #fff;padding: 10px;font-weight: normal;font-size: 16px;}
#modalbox_start .mr{padding-top: 50px;padding-left: 0;}
#modalbox_start .mdLogo{margin-left: 52px;}
@media (max-width: 980px) {
    #modalbox_start{top: 0;}
    #modalbox_start .mr{padding:50px 15px;width: 100%;max-width: 100%;flex: 0 0 100%;}
}

.searchButtonWrapper a {float: right;}
@media (max-width: 980px) {
    .searchButtonWrapper a {float: left;}
}
.userMenu{padding: 0;}
.userLoginBox {position: relative;top: -4px;}
.btn-primary{color: #fff;background-color: #000;border-color: #000;}
.btn-primary:hover{color: #fff;background-color: #333;border-color: #333;}
.forgetPass a, .forgetPass a:link, .forgetPass a:visited {color: #000;font-size: 14px};
.btn-primary:focus{color:#fff;background-color:#000;border-color:#000}
.myOrderListsTitle{font-size:14px;font-weight:700;padding-top:5px;padding-bottom:5px}
.myOrderLists{padding:10px 20px;border:1px solid #ddd;margin:3px 0;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;}
.myOrderLists:hover{background:#f7f7f7; border:1px solid #f7f7f7; -moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;}
@media (max-width: 980px) {
    .myOrderLists > .row > div {padding:2px 15px;}
}
.myOrderLists a,.myOrderLists a:link, .myOrderLists a:visited{text-decoration:none; font-size:14px;color:#000;}
.myOrderLists a:hover{color:#666;}

::-moz-selection {background: #f3f3f3;color: #000;text-shadow: none}
::selection {background: #dedede;color:#000;text-shadow: none}

.paymentWrapper0{position:absolute;width:100%;z-index:2}
.paymentWrapper0BG{position:absolute;width:100%;background:#fff;opacity:.85}
.paymentWrapper0FormBox {margin: 0 auto;width: 50%;display: block;}
@media (max-width: 980px) {
.paymentWrapper0FormBox {width: 100%;}
}
.paymentWrapper0 .button2, .paymentWrapper0 .button3{width: 100%;height: inherit;padding: 9px 0;font-size: 13px}
.paymentWrapper0 .loginBox{box-shadow: 0 1px 5px 0 rgb(85 85 85 / 50%);}
#modalbox_basket .buttonSuccess{display: none;}
.whatsapp_static{position: fixed;bottom: 25px;right: 30px;z-index: 999;}


/*coloring*/
/* .sticky {background: #377a28;}
.header-top {box-shadow: 0px 1px 4px #000000;} */
/* laci:
#377a28
red:
#e13821
 */
.header-top0, .headerDark{background: #fff;}
.header-top {padding:0;box-shadow:none;}
.header-top.sticky .logo{height:80px;}
.header-top0,.header-top0 i, .header-top0 a{color: #000 !important;}
.header-top .actions a {color: #fff !important;}
.header-top0 a:hover,.header-top0 a:link, .header-top0:visited,
.nav-link:focus, .nav-link:hover, .nav-link:visited {color: #000 !important}
.listCatSub .nav-link:focus, .listCatSub .nav-link:hover, .listCatSub .nav-link:visited {color: #666 !important}
.colorRed{color:#e13821 !important}
.nav-link {padding: 0.5rem 1rem;}
.navbar .dropdown-menu{top:50px}
.header-top.sticky .rightBox i{font-size: 16px;color: #377a28;}
.header-top.sticky .userMenu{background-color:#e13821 !important;padding: 0;margin: 5px 0;}
.header-top.sticky .userMenu a,.header-top.sticky .userMenu a:link, .header-top.sticky .userMenu:visited {color: #000 !important;line-height: 20px}
.header-top.sticky .userMenu a, .header-top.sticky .userMenu a:link, .header-top.sticky .userMenu:visited {color: #000 !important;}
.header-top.sticky .userMenu .dropdown-item:focus, .header-top.sticky .userMenu .dropdown-item:hover {background-color: #377a28;}
#modalbox_start button.close {background: #377a28;}
#basketTotal {font-size: 16px; color: #fff;}
.dropMenuWrapper ul li a:hover,.dropMenuWrapper ul li a:focus {color: #fff !important;background: #377a28;}
.dropMenuWrapper i.fa-circle {color: #377a28 !important;}
.header-top .actions a {font-size: 15px;font-weight: 450;}
li.ProductCategoriesSubList{min-height: 65px;}
.dropMenuWrapper ul li a, .dropMenuWrapper ul li a:link, .dropMenuWrapper ul li a:visited {padding: 8px 5px !important;}
#modalbox_search .bg-success {background: #377a28 !important;}
.testimonalPText{background: #377a28;padding: 30px;color: #fff;}
.footer0 {background: #377a28;border-bottom: 2px solid #e13821;}
.footermenu a, .footermenu a:link, .footermenu a:visited { color: #fff;}
.footermenu a:hover {color: #999;}
.footer { background: #000000;}
.footer .adress, .footer .adress a, .footer .adress a:link, .footer .adress a:visited,
.footer h5 {color: #ffffff;}
.text-white {color: #ffffff !important;}
.footer, .footer p, .footer a, .footer a:link, .footer a:visited {font-size: 14px;color: #fff !important;}
@media (min-width: 980px) {
    .slideshow-container .slideshow > li, .slideshow-container .slideshow > li img,
    .slideshowWrapper, .slideshow{height: 550px !important;}
}
.breadCrumb, .breadCrumb a, .breadCrumb a:link, .breadCrumb a:visited {font-size: 15px;text-decoration: none;color: #000;font-weight: 500;}
.detailPageW1, .detailPageW2 {border: none;}
.barcode, .barcode span {font-size: 18px;}
.product-details .main-price {font-size: 1.5rem;font-weight: bold;}
.accordionDetail > .card > .card-header, .accordionDetail > .card > .card-header.collapsed{background: #377a28;}
.accordionDetail > .card > .card-header .btn-link{color: #fff;padding: 5px 0;}
.accordion .card-body, .accordion .card-body p, .accordion .card-body span, .accordion .card-body a, 
.accordion .card-body a:link, .accordion .card-body a:visited .accordion .card-body, .accordionDetail .card-body, 
.accordionDetail .card-body p, .accordionDetail .card-body span, .accordionDetail .card-body a, 
.accordionDetail .card-body a:link, .accordionDetail .card-body a:visited
{font-size: 15px;}
.product-details .add-button{background-color: #377a28;}
.product-details .add-button:hover {background: #e13821;}

.headerDark{padding: 0;}
.headerDark .nav-link:focus, .headerDark .nav-link:hover
/*, .headerDark .nav-link:visited */
{color: #fff !important;background-color: #e13821 !important;}
.headerDark .actions a {color: #fff !important;}
.headerDark i{font-size: 16px;color: #fff !important;}
.headerDark .actions a {color: #fff !important;}
.slideshow-container{margin-top: 0;}
.header-top .actions a {
    font-size: 13px;
    font-weight: 600;
    font-family: "Open Sans", Arial, Tahoma;
    text-transform: uppercase;
    letter-spacing: -0.25px;
    padding: 15px 20px;
    text-decoration: none;
    transition: 0.3s linear;}

.productImageList {height:300px;outline:none;outline-offset:none;}
.border2 {outline:none;outline-offset:none;}
.best-sellers .actions a{padding: 10px 5px;}
.best-sellers .dsBoxes {padding: 0;}
.best-sellers .actions a{background-color: #377a28;}
.productBox .price {margin-top: 0;font-size: 18px;font-weight: bold;}
.prodHeight1 {padding: 0;}
.best-sellers .actions a {background-color: #377a28;color: #fff;}
.best-sellers .actions a:hover {color: #fff;background-color: #e13821;border-color: #e13821;}
.product-label {background-color: #377a28}
.basketButtonWrapper{top: 6px !important;}
.basketButtonWrapper a{padding: 5px !important;}

.navbar-toggler{border:none !important;}
.navbar-toggler i{font-size:20px ;}
@media (max-width: 980px) {
    .navbar-dark .navbar-toggler {
        top: -55px;
    }
}

.paymentSendButton,
.button2,.button3 {color: #fff;background-color: #377a28;border-color: #377a28;}
.paymentSendButton:hover {background-color: green;border-color:green;}
input[type='checkbox']:after{
    background: #fff;
    border: 1px solid #377a28;
}
input[type='checkbox']:checked:after {
    background: #377a28;
    content: '\2714';
    color: #fff;
}
.contract, a.contract, a.contract:link, a.contract:visited {
    color: #377a28;
    font-size: 14px;
    font-weight: 500;
}
.odemetipibg1 {color: #fff;background: #377a28;}
.owl-nav.disabled, .owl-dots.disabled{display: none;}

.dropMenuWrapper .nav-link {font-weight:400 !important;}


.spinner > div {background-color: #fff;}
#basketList .spinner > div {background-color: #000;}


body {
    font-family: "Open Sans", Arial, Tahoma;
}

                            .header-top.sticky{background-color: #377a28;}
.logo-footer-left{height: 100px;}
.sliderTextWrapper {display: none;}
.bgNewColors {background: #f7f7f7;margin: 0;padding: 10px 0;}
.header-top .actions .dropMenuWrapper h6 a{color:#000 !important;padding-left: 5px;}

    .product-details .sendpost {
        font-size: 16px;
        font-weight: normal;
        color: #fff;
        background: #377a28;
        line-height: 20px;
        padding: 10px 20px;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

        .product-details .sendpost:hover {
            background: #e13821;
        }

.footermenu{display: none;}