
/* START: GENERAL */

html {
    font-family: "Fira Sans",sans-serif;
    -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
}

p {
    color: #fff;
}



body {
    /* background: #e5e5e5; */
    background-color: black;
    background: url(../images/bg-texture.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: white;
}


input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select {
    height: 38px;
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: middle;
    /*border-radius: 3px;
    border: 1px solid transparent;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-top: none;
    border-bottom: 1px solid #DDD;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;*/
}

h4 blockquote {
    color: rgba(240, 240, 240, 1);
    font-size: 20px;
    font-weight: 400;
}

blockquote {
    padding: 10px 10px;
    margin: 0 0 16px;
    border-left: 2px solid rgba(153, 153, 153, .7);
    border-radius: 5px 0px 5px 0px;
    background-color: rgba(255, 255, 255, .11);
    font-size: 20px;
    font-weight: 400;
    color: #ccc;
    text-align: left;
}

/* END: GENERAL */

@media (min-width: 991px) and (max-width:1200px) {
    .container {
        max-width: 99%;
    }
}

.page-title h1 {
    font-size: 23px;
    font-weight: normal;
}

.title, .page-title, .page-title h1, .topic-block-title h2, .news-title, .poll-options li > label, .estimate-shipping label, .checkout-attributes label {
    color: #fff !important;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.store-search-box .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.search-box-text {
    background: #ccc;
    color: #fff;
    background-color: #f1f3f5;
}

#small-search-box-form .btn {
    background: #ccc;
    border-left: 0;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
}

#small-searchterms {
    border-right: 0;
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px;
    padding-left: 15px;
}


.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0;
}

.content-container {
    max-width: 1200px;
    margin: auto;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 5px 5px 5px 5px;
    padding-top: 10px;
    /* color: #999; */
    /* color: white; */
    color: #ccc;
    min-height: 364px;
    padding: 20px;
}

    .content-container h1, .content-container h2, .content-container h3, .content-container h4, .content-container h5 {
        color: #ccc;
    }

    .content-container a {
        color: rgba(250, 250, 255, 1);
        text-decoration: underline;
    }

    .content-container h1 {
        font-size: 32px !important;
        margin-top: 15px;
        margin-bottom: 10px;
        text-align: left;
    }

.white-block {
    width: 100%;
    height: 100%;
    background-color: rgba(79, 100, 112, .75);
    padding: 15px 10px 15px 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    /*display: table-cell;*/
}

.grey-block {
    width: 100%;
    height: 100%;
    background-color: rgba(64, 107, 127, .25);
    padding: 15px 10px 15px 10px;
    margin-bottom: 10px;
    border-radius: 0px 0px 0px 0px;
    /*display: table-cell;*/
}

.white-block, .grey-block {
    color: #ccc;
}

.pink-block {
    width: 100%;
    background-color: rgba(100, 10, 12, .8);
    padding: 10px;
    border-radius: 0px 0px 0px 0px;
}


.tr-block {
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    padding: 10px;
    border-radius: 0px 0px 0px 0px;
}

.white-block p, .grey-block p, .pink-block p, .red-block p, .darkblue-block p, .darkgrey-block p {
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
}

.pink-block h4, .red-block h4 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 8px;
}

.darkblue-block {
    width: 100%;
    height: 100%;
    background-color: rgba(24, 67, 87, .25);
    padding: 15px 10px 15px 10px;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
    /display: table-cell;
    /
}

.darkgrey-block {
    height: 100%;
    width: 100%;
    background-color: rgba(180, 220, 255, .17);
    padding: 15px 10px 15px 10px;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
    /display: table-cell;
    /
}


.red-block {
    background-color: rgba(64, 10, 12, .8);
    padding: 10px;
    border-radius: 5px 5px 5px 5px;
}





.darkbrown-block p, .lightgold-block p, .darkgold-block p, .gold-block p {
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
}

.darkbrown-block h3, .lightgold-block h3, .darkgold-block h3, .gold-block h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: #ffffff !important;
        
}


.lightgold-block {
    width: 100%;
    height: 100%;
    background-color: rgba(232, 178, 130, .69);
    font-color: (252,235,217, 1);
    padding: 15px 10px 15px 10px;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
}

.darkgold-block {
    width: 100%;
    height: 100%;
    background-color: rgba(155, 114, 87, .69);
    font-color: (252,235,217, 1);
    padding: 15px 10px 15px 10px;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
}

.gold-block {
    width: 100%;
    height: 100%;
    background-color: rgba(202, 158, 103, .95);
    font-color: (252,235,217, 1);
    padding: 15px 10px 15px 10px;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px;
}

.darkbrown-block {
    width: 100%;
    height: 100%;
    background-color: rgba(92, 75, 59, .95);
    font-color: (252,235,217, 1);
    padding: 15px 10px 15px 10px;
    margin-bottom: 10px;
    border-radius: 8px;
}



.sidebar-content {
    margin-top: -15px;
}

.content-container [class*="-block"] h2 {
    font-size: 27px !important;
    margin-top: 15px;
    margin-bottom: 10px;
}

.content-container [class*="-block"] h1 {
    font-size: 32px !important;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: left;
}

.content-container [class*="-block"] h4 {
    font-size: 20px !important;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: left;
}

.content-container [class*="-block"] h3 {
    font-size: 23px;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: left;
}


/* HEADER */



@media (min-width: 372px) {
    .header-bottom {
        /*padding-top: 46px;*/
    }
}

.navbar-top .container {
    padding-left: 0;
    padding-right: 0;
}

.navbar-top ul li a, .navbar-top ul li a span {
    font-size: 14px;
    text-transform: none;
}

    .navbar-top ul li a:hover, .navbar-top ul li a:focus, .navbar-top ul li a:hover span, .navbar-top ul li a:focus span {
        text-decoration: none;
        color: #fff;
    }

#topcartlink {
    background-color: transparent !important;
    padding-right: 0;
}

@media (min-width:992px) {
    #topcartlink {
        display: inline-block;
        width: auto;
        margin: 0;
        padding: 0 18px;
    }
}

.top-menu-container {
    margin-bottom: 18px;
}

.breadcrumb {
    /*margin: 0 0 10px;
    background-color: transparent;
    padding: 5px 10px;*/
    /*float: right;*/
    /*float:left;*/
}

    .breadcrumb li * {
        display: inline-block;
        margin: 0 5px;
        font-size: 14px;
        line-height: 14px;
    }

.breadcrumb {
    margin: 0;
    background-color: transparent;
    padding: 0;
    color: #ccc;
}

    .breadcrumb a, .breadcrumb a:hover {
        color: #fff;
        text-decoration: underline;
    }


    .breadcrumb ul {
        margin-bottom: 0 !important;
        color: #ccc;
    }

.contacts-top-info li:not(:first-child) {
    display: inline-block;
}


/*.dropdown:hover .dropdown-menu {
    display: block;
}*/
.main-menu.navbar {
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    background-color: rgba(0, 0, 0, .4) !important;
    border-top: 1px solid #bb181f;
    border-bottom: 1px solid #bb181f;
    border-top: 1px solid rgba(187, 24, 31, .9);
    border-bottom: 1px solid rgba(187, 24, 31, .1);
    border-radius: 0 0 0 0;
    padding: 0;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    /*overflow: hidden;*/
    background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(50,50,50,0.8)), to(rgba(80,80,80,0.2)), color-stop(.5,#333333) );
}

.main-menu .nav .nav-item a {
    padding: 15px 15px;
    font-size: 17px;
    line-height: 18px;
    font-family: "Fira Sans", "Arial Black", Gadget, sans-serif;
    color: #999;
    color: white;
    text-decoration: none;
    border-bottom: 3px solid transparent;
}

.main-menu .nav .dropdown-menu {
    /*width: 250px;*/
    border: none;
    background: rgba(0, 0, 0, .8);
    margin-top: 0 !important;
    border-radius: 0 !important;
    min-width: 200px;
}

.main-menu .dropdown-menu .show > .dropdown-toggle::after {
    transform: rotate(-90deg);
}

.main-menu .dropdown-item:focus, .main-menu .dropdown-item:hover {
    /*color: rgba(187, 24, 31, .9) !important;*/
    text-decoration: none;
    background-color: transparent !important;
    border-bottom: 3px solid rgba(187,24,31,.5);
}

.main-menu .nav .nav-item a:hover, .main-menu .nav .nav-item a:focus {
    /*color: rgba(187, 24, 31, .9) !important;*/
    border-bottom: 3px solid rgba(187,24,31,.5);
}

.main-menu .nav .nav-item a:hover, .main-menu .nav .nav-item a:focus {
    /*color: rgba(187, 24, 31, .9) !important;*/
    border-bottom: 3px solid rgba(187,24,31,.5);
}

/* FOOTER */
.footer {
    background-color: rgba(0, 0, 0, .4) !important;
    clear: both;
}

.footer-block.follow-us {
    display: none !important;
}
/* BUTTONS */
.btn-nice {
    /*width: 100%;*/
    background-color: #f1f1f1;
    border-radius: 3px;
    font-weight: 500;
    color: #8c8c8c;
    text-transform: uppercase;
    transition: all .2s ease;
    border-radius: 0;
}

    .btn-nice:hover, .btn-nice:focus {
        background-color: #eebe00;
        color: #fff;
        border-radius: 0;
    }

/* TOPIC PAGE */
.topic-page .page-body {
    text-align: left;
    /*line-height: 22px;*/
}

.topic-page p {
    text-align: left;
}


/* HOME PAGE */

/*.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    background: rgba(187, 24, 31, 1)
    !important;
    cursor: default;
}

.flex-control-paging li a {
    background:#ccc !important;
}*/

.flexslider {
    border: 0 !important;
    margin-bottom: 0 !important;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 11px !important;
    text-align: center;
}

.home-page .topic-block-title {
    display: none !important;
}

.content-container .content .row {
    margin-bottom: 10px;
    overflow: hidden;
    height: 100%;
    min-height: 100%;
}


/* PRODUCT BOX */

.item-box .product-title a, .item-box .product-title a:hover, .item-box .product-title a:focus {
    color: #fff;
    text-decoration: underline;
    text-align: left;
}

.item-box .price {
    margin: 0 5px 0 0;
    font-size: 16px;
    color: #ccc;
}

.item-box .product-title {
    font-size: 20px;
    min-height: 28px;
    margin: 0 0 5px;
}

.home-page .product-grid .item-box, .product-details-page .product-grid .item-box, .shopping-cart-page .product-grid .item-box {
    width: 32%;
    margin: 0 0.5% 50px;
}

.product-box-add-to-cart-button-x {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    height: calc(2.25rem + 2px);
}

.home-page .topic-block {
    margin: 0 0 20px;
}


/* SHOP PAGE */

.overview .product-price, .variant-overview .product-price {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.product-no-reviews, .product-reviews-overview {
    margin: 0 0 25px;
    color: #fff;
}

.content-container-newsbar {
    /*max-width: 1200px;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 10px;
    background-color: rgba(50, 120, 50, .8);
    background-color: rgba(24, 67, 87, .25);
    border-radius: 5px 5px 5px 5px;
    padding: 15px 25px;
    color: #999;
    color: white;
    color: white;
    min-height: 40px;*/
}

    .content-container-newsbar h3 {
        color: #fff;
        font-size: 18px;
    }


.block .tags li a, .product-tags-all-page li a {
    float: left;
    line-height: 30px;
    color: #ccc;
}

    .block .tags li a:hover, .block .tags li a:focus {
        color: #fff;
    }

.block .view-all a {
    display: inline-block;
    padding: 10px 15px;
    font-size: 16px;
    color: #ccc !important;
}


.block .list .active > a, .block .list a:hover, .block .list a:focus {
    color: #97c300;
    color: #fff;
    text-decoration: underline;
}


.block .list a {
    display: inline-block;
    position: relative;
    padding: 5px 0;
    font-size: 16px;
    color: #ccc;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.cat-lists .block {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(187, 24, 31, .1);
    /*background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(50,50,50,0.8)), to(rgba(80,80,80,0.2)), color-stop(.5,#333333) );*/
}


.block .list li {
    padding: 0px 0 0px 15px;
}

.list .cat-toggle {
    position: absolute;
    right: 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

    .list .cat-toggle::before {
        content: "";
        position: absolute;
        right: 4px;
        top: 11px;
        width: 11px;
        height: 3px;
        background: #3f4759;
    }

    .list .cat-toggle::after {
        content: "";
        position: absolute;
        right: 4px;
        top: 11px;
        width: 11px;
        height: 3px;
        background: #3f4759;
        transform: rotate(90deg);
    }

.list li a {
    font-size: 16px;
    padding: 4px 4px;
    line-height: 20px;
}

.cat-lists .list {
    list-style-type: none !important;
    list-style: none !important;
}

.page.category-page {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 5px 5px 5px 5px;
    padding: 19px;
}

.page.recently-added-products-page, .page.recently-viewed-products-page {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 5px 5px 5px 5px;
    padding: 19px;
}

.category-page .breadcrumb {
    float: right;
}

@media (max-width: 768px) {
    .category-page .breadcrumb {
        float: none;
        display: none;
    }
}


.category-page .content-container-newsbar a, .category-page .content-container-newsbar a:hover {
    color: #fff;
    text-decoration: underline;
}

.pager li a, .pager li span {
    display: block;
    min-width: 35px;
    height: 35px;
    border: 1px solid #ddd;
    background-color: #eee;
    padding: 8px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    color: #444;
}

    .pager li a:hover {
        background-color: #5cb85c;
        border-color: #4cae4c;
        color: #fff;
        text-decoration: none;
    }

.pager li.next-page a:hover {
    border: 1px solid #ddd;
    background-color: #eee;
}

.pager li span {
    border-color: transparent;
    background-color: #4ab2f1;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.pager {
    margin: 0 0 20px;
    margin-top: 25px;
}

.page.search-page {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 5px 5px 5px 5px;
    padding: 19px;
}

/*.page-title span::after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 19px;
    height: 1px;
    background: #fff !important;
    z-index:9999999999999999;
}*/
.page-title {
    min-height: 20px;
    margin: 0 0 5px;
    border-bottom: 0;
    padding: 0;
    text-align: left;
}

.product-selectors {
    margin: 0 0 20px;
    border-top: 0;
    border-bottom: 0;
    padding: 0px 0;
    background-color: rgba(64, 107, 127, .25);
    border-radius: 5px 5px 5px 5px;
}


/* product box */

.p-picture a img {
    width: 100%;
    object-fit: cover;
    height: 253px;
    border-radius: 8px;
}


.p-picture {
    margin-top: 15px;
}


.product-item .product-title a, .product-item .product-title a:hover, .product-item .product-title a:focus {
    color: #fff;
    text-decoration: underline;
    font-size: 20px;
}

.product-item .price {
    margin: 0 5px 0 0;
    font-size: 16px;
    color: #ccc;
}

.product-item .input-group {
    width: 100px !important;
    float: right;
}

.category-grid .product-item .row .col, .search-results .product-item .row .col {
    margin-bottom: 10px;
}

.item-box-x {
    margin-bottom: 30px;
}

.sub-category-item .title a, .sub-category-item .title a:hover, .sub-category-item .title a:focus {
    color: #fff;
    text-decoration: underline;
}

.sub-category-grid .item-box {
    margin-bottom: 2px;
}

.product-grid {
    /*margin-top: 35px;*/
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    position: relative;
    display: block;
}


/* product details page */

#terms-of-service-warning-box p {
    color: #444;
}


.overview .add-to-cart-button, .variant-overview .add-to-cart-button {
    height: 43px;
    border: none;
    background-color: #4ab2f1;
    padding: 0 24px;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .overview .add-to-cart-button:hover, .variant-overview .add-to-cart-button:hover {
        background-color: #218838;
        border-color: #1e7e34;
    }

.product-no-reviews a:hover {
    color: #fff;
}

.product-details-page .attributes label {
    color: #fff;
}

.product-details-page .giftcard label {
    color: #fff;
}

.product-details-page .old-product-price label {
    margin-bottom: 0;
}

.product-details-page .product-price label {
    margin-bottom: 0;
}


.product-details-page .short-description {
    color: #fff;
}

.product-details-page .full-description, .product-details-page .full-description p, .product-details-page .full-description span {
    background-color: transparent !important;
    color: #fff !important;
    font-size: 14px !important;
}

.product-details-page .product-essential .gallery .picture img {
    position: relative;
}

.product-details-page .product-essential .gallery .picture::before {
    content: "";
    display: block;
    padding-top: 0;
}

.product-details-page .product-name h1 {
    margin-bottom: 0;
}

.product-details-page .overview .product-name {
    margin-bottom: 0px;
    border-bottom: 0;
}

/* shopping cart */

.shopping-cart-page .selected-checkout-attributes {
    float: right;
    max-width: 395px;
    margin: 15px 0;
    color: #fff;
}

.shopping-cart-page .checkout-attributes .option-list label {
    color: #444 !important;
}

.shopping-cart-page .common-buttons input:first-child {
    background-color: #4ab2f1;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .shopping-cart-page .common-buttons input:first-child:hover, .shopping-cart-page .common-buttons input:first-child:focus {
        background-color: #248ece;
        background-color: #218838;
        border-color: #1e7e34;
    }

.cart-footer .checkout-button {
    display: inline-block;
    min-width: 160px;
    border: none;
    background-color: #4ab2f1;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background-color: #5cb85c;
    border-color: #4cae4c;
    font-weight: 500;
}

    .cart-footer .checkout-button:hover, .cart-footer .checkout-button:focus {
        background-color: #218838;
        border-color: #1e7e34;
        font-weight: 500;
    }

.cart-total .order-total {
    font-size: 18px;
    color: #218838;
}

.cart th, .data-table th, .forum-table th {
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: transparent;
    /*background-color: rgba(0,0,0,0.4);*/
    /*background-color: rgba(100, 10, 12, .8);*/
    padding: 10px;
    white-space: nowrap;
    color: #444;
    font-weight: normal;
}

.cart td, .data-table td, .forum-table td {
    min-width: 50px;
    border-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-color: transparent rgba(255, 255, 255, .11) rgba(255, 255, 255, .11);
    border-right-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    background-color: #fff;
    /*background-color: rgba(0,0,0,0.4);*/
    padding: 10px;
    /*color: #444;*/
    border-right: 0px solid #fff;
    border-left: 0px solid #fff;
    /*background-color: rgba(0,0,0,0.4);*/
}

.shopping-cart-page .common-buttons {
    margin: 0 0 60px;
    background-color: #f6f6f6;
    /*background-color: rgba(0,0,0,0.4);*/
    padding: 20px;
    font-size: 0;
    background-color: rgba(79, 100, 112, .75);
    background-color: rgba(255, 255, 255, .11);
}

.cart .product a, .data-table .product a, .data-table .info a {
    font-weight: bold;
    /*color: #fff;*/
}

.cart td, .data-table td, .forum-table td {
    /*color: #fff;*/
}

    /*.shopping-cart-page .common-buttons input:first-child {
    background-color: #97c300;
    
}*/

    .cart td.subtotal, .data-table td.total {
        white-space: nowrap;
        /*color: #fff;*/
        font-weight: 600;
    }

.cart-footer .cart-collaterals {
    min-width: 250px;
    max-width: 300px;
    margin: 0;
}

@media (max-width: 1000px) {
    /*.cart td.unit-price, .cart td.subtotal, .cart td.quantity {
        display: block !important;
        vertical-align: middle;
    }*/

    .cart td.unit-price label, .cart td.subtotal label, .cart td.quantity label {
        vertical-align: baseline;
    }

    .cart td.remove-from-cart {
        margin-bottom: 0 !important;
    }

    .shopping-cart-page .common-buttons {
        background-color: transparent !important;
    }

    .cart .sku {
        display: none !important;
    }
}

.shopping-cart-page .product .attributes {
    margin: 0 !important;
}

.shopping-cart-page .cart .product .edit-item a {
    font-weight: normal;
    color: #4cae4c;
}


@media (max-width: 768px) {
    .cart .product-picture {
        display: none !important;
    }

    .cart .product {
        min-width: 100px;
    }
}




/* CHECKOUT PAGE */

.checkout-page .ship-to-same-address .selector {
    font-weight: bold;
    color: #fff;
}


.opc .step-title {
    margin: 0 0 1px;
    overflow: hidden;
    background-color: #f6f6f6;
    border-left: 2px solid rgba(153, 153, 153, .7);
    border-bottom: 1px solid rgba(187, 24, 31, .7);
    border-radius: 5px 0px 5px 0px;
    border-bottom: 1px solid rgba(187, 24, 31, .4);
    background-color: rgba(255, 255, 255, .11);
    font-size: 20px;
    font-weight: 600;
    color: #ccc;
}


.opc .allow .step-title {
    background-color: #4ab2f1;
    cursor: pointer;
    border-left: 2px solid rgba(153, 153, 153, .7);
    border-bottom: 1px solid rgba(187, 24, 31, .7);
    border-radius: 5px 0px 5px 0px;
    border-bottom: 1px solid rgba(187, 24, 31, .4);
    background-color: rgba(255, 255, 255, .11);
    font-size: 20px;
    font-weight: 600;
    color: #ccc;
}

.opc .back-link a {
    display: inline-block;
    margin: 0 0 0 -15px;
    background: url('../images/back-button.png') left center no-repeat;
    padding: 0 0 0 18px;
    color: #fff;
}

.checkout-page label {
    margin-bottom: 0 !important;
    color: #fff;
}


.opc .back-link a:hover {
    display: inline-block;
    margin: 0 0 0 -15px;
    background: url('../images/back-button.png') left center no-repeat;
    padding: 0 0 0 18px;
    color: #fff;
}

.opc .allow .step-title .number {
    background-color: rgba(0,0,0,0.4);
    border-right-color: black;
}

.checkout-page label {
    margin-bottom: 0 !important;
}

#checkout-step-confirm-order .title, #checkout-step-confirm-order label {
    color: #444 !important;
}

.order-details-page .title {
    color: #444 !important;
}

.order-details-page .order-overview ul li, .order-details-page .order-number {
    color: #fff !important;
}

.order-details-page .page-title h1 {
    border-bottom: 0;
}

.order-details-page .section.products .title {
    color: #fff !important;
}

.order-details-page .selected-checkout-attributes {
    margin: 30px 0;
    color: #fff;
}

.footer-powered-by a {
    font-weight: bold;
    color: #fff !important;
}

.footer-lower {
    max-width: 980px;
    padding: 25px 20px;
}

.footer-upper {
    max-width: 980px;
    padding: 35px 30px;
}

.product-grid .title {
    margin: 0 0 30px;
    border-bottom: 0;
    padding: 0 0 15px;
    font-size: 30px;
    font-weight: normal;
    color: #444;
}

/* LOGIN PAGE */

.login-page .new-wrapper .text {
    margin: 0 0 30px;
    border-top: 1px solid #e6e6e6;
    background-color: transparent;
    padding: 30px;
    line-height: 22px;
    color: #fff !important;
}

.login-page .returning-wrapper {
    /*width: 49%;*/
}

.login-page .new-wrapper {
    /*float: right;*/
    /*width: 49%;*/
    margin: 0;
}

.login-page .title {
    margin: 0 0 15px;
    font-size: 20px;
    color: #444 !important;
}

@media only screen and (max-width: 768px) {
    .login-page .returning-wrapper {
        float: none;
        width: 100%;
    }

    .login-page .new-wrapper {
        float: none;
        width: 100%;
    }
}

.login-page .new-wrapper .title strong {
    color: #fff;
}

.login-page .new-wrapper .text {
    border-top: 0;
    margin: 0;
    padding: 0;
    min-height: 100px;
}

.login-page .topic-block-title {
    min-height: 30px;
    margin: 0 0 5px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px;
    font-size: 16px;
    border-bottom: 0;
}

    .login-page .topic-block-title h2 {
        font-size: 22px;
        border-bottom: 0;
    }


/* Registration page */

/*.registration-page blockquote { margin-bottom:0;}*/

.registration-page .form-fields {
    /*background-color: rgba(255, 255, 255, .11);*/
}

.registration-page .inputs label {
    /*color:#fff;
    font-weight:600;*/
}


/* Account Page */
.account-page .form-fields {
    position: relative;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px 15px;
    color: #444;
}

.account-page .page-title h1 {
    /*padding: 10px 10px;
    margin: 0 0 16px;
    margin: 0 0 20px;
    border-left: 2px solid rgba(187, 24, 31, .7);
    border-left: 2px solid rgba(153, 153, 153, .7);
    border-bottom: 1px solid rgba(187, 24, 31, .7);
    border-radius: 5px 0px 5px 0px;
    border-bottom: 1px solid rgba(187, 24, 31, .4);
    background-color: rgba(255, 255, 255, .11);*/
    font-size: 20px;
    font-weight: 400;
    color: #ccc;
    text-align: left;
}

.account-page .product-review-item .review-text {
    margin: 0 0 15px;
    line-height: 22px;
    color: #fff;
}

.address-list-page .button-2, .order-list-page .button-2 {
    display: inline-block;
    margin: 0 0 0 10px;
    border: none;
    padding: 0 0 0 18px;
    font-size: 12px;
    color: #fff;
}

.address-list-page .address-item label {
    margin-bottom: 0;
}
/*.footer .block .block-title {
    color: #fff;
    font-family: Oswald;
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase;
    margin: 15px 0;
}

.footer .block .block-body ul li.title {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}

.footer .block .block-body ul li, .footer .block .block-body ul li a {
    list-style-type: none;
    color: #a8a8a8;
    font-size: 14px;
}*/
.footer .block ul li.title {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}


.footer .list li {
    text-align: left;
}


    .footer .list li span {
        font-size: 14px;
        margin-bottom: 10px;
        padding: 4px 4px;
        line-height: 20px;
        color: #a8a8a8;
    }

    .footer .list li a, .footer .list li a:hover, .footer .list li a:visited {
        color: #fff;
        font-size: 14px;
        padding-bottom: 6px;
    }


    .footer .list li.title span {
        color: #fff;
        font-size: 18px;
    }

    .footer .list li.title {
        margin-bottom: 10px;
    }



.item-grid .product-title {
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    width: 220px;
}

.home-page .item-grid .product-title, shopping-cart-page .item-grid .product-title {
    width: 240px;
}

.category-page .item-grid .product-title, .search-results .item-grid .product-title, .recently-viewed-products-page .item-grid .product-title, .recently-added-products-page .item-grid .product-title {
    width: 235px;
}

.link-rss {
    display: block;
    float: right;
    margin: 10px 10px 0;
}

.contacts-top-info {
    margin-bottom: 0;
}

    .contacts-top-info li {
        display: inline-block;
        color: #a8a8a8;
    }

        .contacts-top-info li:not(:first-child) {
            margin: 0 6px;
        }

.mini-shopping-cart {
    color: #444;
}

    .mini-shopping-cart .name {
        margin: 7px 0 5px;
        font-size: 14px;
    }

        .mini-shopping-cart .name a, .mini-shopping-cart .name a:hover {
            color: #4cae4c;
        }


    .mini-shopping-cart input[type="button"] {
        display: inline-block;
        border: none;
        background-color: #4ab2f1;
        padding: 10px 20px;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

        .mini-shopping-cart input[type="button"]:hover {
            background-color: #218838;
            border-color: #1e7e34;
        }

.cart .product a:hover {
    color: #4cae4c;
    text-decoration: underline;
}



/* mobile menu */
@media (max-width: 575px) {
    .navUp li a span.fa {
        margin-right: 2px;
        margin-left: 0;
    }

    #topcartlink {
        display: block;
        width: auto;
        max-width: 400px;
        margin: 10px auto 0;
        background-color: #f6f6f6;
        padding: 0 20px;
        padding-right: 20px;
    }
}

@media (max-width: 992px) { /*SDA*/
    .header-links .nav-item .nav-link {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        padding-right: 9px !important;
        padding-left: 9px !important;
        align-items: center !important;
        align-self: center !important;
    }
}

@media (max-width: 992px) {
    .header-links .nav-item {
        min-height: 51px !important;
        height: 51px !important;
        align-items: center !important;
        align-self: center !important;
        display: flex;
    }

    #topcartlink {
        display: block;
        width: auto;
        max-width: 400px;
        margin: 0;
        background-color: #f6f6f6;
        padding: 0;
        /*padding-top:5px;*/
    }

        #topcartlink a {
            background: none;
        }

        #topcartlink > div > a {
            background-color: #007bff;
            margin-left: 0;
            color: #fff;
            /*padding: 11px;*/
            min-height: 51px;
        }

    .header-links .nav-link .fa {
        padding-left: 0px;
        font-size: 22px;
    }
}


#mobile-menu-opener {
    position: absolute;
    left: 12px;
    top: 5px;
}

#mobile-menu-opener {
    width: 33px;
    height: 40px;
    margin-top: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.mobile-menu-button {
    width: 58px;
    background: #007bff;
}



#mobile-menu-opener span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

    #mobile-menu-opener span:nth-child(1) {
        top: 0px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }

    #mobile-menu-opener span:nth-child(2) {
        top: 9px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }

    #mobile-menu-opener span:nth-child(3) {
        top: 18px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }


@media (max-width: 992px) {
    .nav-t .container {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }

    .header-logo a img {
        max-width: 85%;
        opacity: 1;
        text-align: center;
        display: block;
        margin: 0 auto;
        margin-top: 6px;
    }
}

@media (max-width: 575px) {
    .navbar .container {
        width: 100%;
    }
}

.nav-t li {
    display: inline-block;
    margin: 0;
}


.nav-t {
    border-bottom: 1px solid rgba(187, 24, 31, .9);
}










@media (max-width: 992px) {
    /*SDA*/
    #mobile-collapsing-menu .navbar-nav {
        flex-wrap: nowrap;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: -1px;
        /*height: calc(100vh - 102px);*/
    }

    .top-menu-container {
        margin-bottom: 2px;
    }
}

@media (max-width: 767px) {
    #mobile-collapsing-menu .navbar-nav {
        flex-wrap: nowrap;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

#mobile-collapsing-menu .nav-item:first-child {
    border-top: 1px solid #9da6b2;
}

#mobile-collapsing-menu .nav-item {
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #9da6b2;
}

    #mobile-collapsing-menu .nav-item.dropdown {
        padding-right: 15px;
    }

#mobile-collapsing-menu.show .nav-item.dropdown .fa-angle-down {
    top: 1px;
    position: absolute;
    right: 2px;
    transform: rotate(270deg);
    align-items: center;
    font-size: 28px;
    display: flex;
    align-self: center;
    justify-content: center;
    color: rgb(89, 96, 99);
    transition: all .3s;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 1001;
    cursor: pointer;
}


#mobile-collapsing-menu .nav-item .nav-link {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
}

#mobile-collapsing-menu .dropdown-toggle::after {
    border: 0;
}

#mobile-collapsing-menu .sublist-toggle {
    border-left: 0;
}

#mobile-collapsing-menu .dropdown-menu {
    top: 52px;
    border-radius: 0;
    position: fixed;
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    opacity: 0;
    left: 200%;
    transition: all .5s ease-in-out;
    width: calc(100% - 2px);
    z-index: -1;
    right: unset;
}


@media (max-width: 991px) {
    .after-top {
        /*padding-top: 52px;*/
    }
}

.sublist-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    border-left: 0;
    background: none; /* url('../images/toggle-black.png') center no-repeat;*/
    padding: 15px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}

#mobile-menu-opener.show span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -2px;
    left: 3px;
}


#mobile-menu-opener.show span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#mobile-collapsing-menu.show {
    left: 0px;
}


#mobile-menu-opener.show span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 3px;
}

#mobile-collapsing-menu .dropdown-menu {
    top: 52px;
    border-radius: 0;
    position: fixed;
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    opacity: 0;
    left: 200%;
    transition: all .5s ease-in-out;
    width: calc(100% - 2px);
    z-index: -1;
    right: unset;
}


@media (max-width: 992px) {
    /*SDA*/
    #mobile-collapsing-menu .dropdown-menu.show {
        opacity: 1;
        left: 0;
        width: 100%;
        z-index: 9999;
        overflow-y: auto;
        overflow-x: hidden;
        height: calc(100vh - 51px);
    }
}

@media (max-width: 767px) {
    #mobile-collapsing-menu .dropdown-menu.show {
        opacity: 1;
        left: 0;
        width: 100%;
        z-index: 9999;
        overflow-y: auto;
        overflow-x: hidden;
    }
}



#mobile-collapsing-menu.show .nav-item.dropdown .fa-times {
    top: -3px;
    font-size: 22px;
    position: absolute;
    right: 1px;
    transform: rotate(270deg);
    align-items: center;
    display: flex;
    align-self: center;
    justify-content: center;
    color: rgb(89, 96, 99);
    transition: all .3s;
    padding: 17px;
    z-index: 1001;
    cursor: pointer;
}

#mobile-collapsing-menu .dropdown .nav-item:first-of-type {
    background-color: rgb(223, 225, 226);
    font-weight: 700;
}


#mobile-collapsing-menu .dropdown-menu.sublist .nav-item:first-of-type {
    background-color: rgb(223, 225, 226);
}


#mobile-collapsing-menu .nav-item {
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #9da6b2;
}

#mobile-collapsing-menu .dropdown-menu li {
    display: inline-flex;
    width: 100%;
}

#mobile-collapsing-menu .dropdown-menu .nav-link {
    width: 100%;
}

#mobile-collapsing-menu .navbar-light .navbar-nav .nav-item:first-of-type .nav-link {
    padding-left: 0;
}

#mobile-collapsing-menu .nav-item {
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #9da6b2;
}

    #mobile-collapsing-menu .nav-item .nav-link {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 18px;
    }



.footer-info {
    margin-left: 20px;
}


@media (max-width: 991px) {
    .container {
        width: 100%;
        max-width: 98%;
    }
}


.ui-dialog-content .page-body p {
    color: #444;
}

.dropdown-menu.my-account-menu {
    position: absolute;
    transform: translate3d(0px, 38px, 0px);
    top: 0px;
    left: auto;
    will-change: transform;
    right: 0px;
    text-align: center;
}

.dropdown-menu.my-shop-cart-menu {
    position: absolute;
    transform: translate3d(0px, 38px, 0px);
    top: 0px;
    left: auto;
    will-change: transform;
    right: 0px;
    min-width: 280px;
}


/* Mini Shopping Cart */
@media (max-width: 992px) {
    /*SDA*/
    .mini-shopping-cart {
        padding: 12px;
        text-align: left;
        font-size: 12px;
    }

        .mini-shopping-cart .count {
            padding: 5px 0 15px;
            color: #444;
        }

        .mini-shopping-cart .items {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            margin: 0 0 20px;
        }

        .mini-shopping-cart .item {
            overflow: hidden;
            padding: 10px 0;
        }

        .mini-shopping-cart .picture {
            float: left;
            width: 70px;
            text-align: center;
        }

            .mini-shopping-cart .picture + .product {
                margin: 0 0 0 80px;
            }

        .mini-shopping-cart .name {
            margin: 7px 0 0 0;
            font-size: 12px;
        }

            .mini-shopping-cart .name a, .mini-shopping-cart .name a:hover {
                color: #4cae4c;
            }

        .mini-shopping-cart .picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            max-width: 100%;
        }

        .mini-shopping-cart .picture a::before {
            content: "";
            display: block;
            padding-top: 100%;
        }

        .mini-shopping-cart .picture a {
            display: block;
            position: relative;
            overflow: hidden;
        }

        .mini-shopping-cart .totals {
            margin-bottom: 10px;
            font-size: 14px;
        }

        .mini-shopping-cart .buttons {
            margin: 0 0 5px;
        }

    #topcartlink a {
        padding: 0;
    }

    .header-links span, .mini-shopping-cart a {
        display: inline-block;
        font-size: 12px;
        line-height: 20px;
        text-transform: uppercase;
    }

        .mini-shopping-cart a:hover {
            color: #4cae4c;
        }

    .header-links .nav-link .fa {
        padding-top: 11px;
        color: #ccc;
        font-size: 18px;
    }


    #topcartlink .nav-link .fa {
        padding-left: 0px;
        font-size: 18px;
        padding-top: 15px;
    }

    #topcartlink > div > a {
        background-color: rgba(0, 0, 0, .4) !important;
        margin-left: 0;
        color: #fff;
        padding: 11px;
        min-height: 51px;
    }

    .mobile-menu-button {
        width: 58px;
        background: rgba(100, 10, 12, .8);
    }

    .nav-t .dropdown-toggle:after {
        color: #ccc;
    }

    .flex-direction-nav .flex-prev {
        opacity: 0 !important;
        /*left: 10px;*/
    }

    .header-links .nav-item .nav-link {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
        align-items: center !important;
        align-self: center !important;
    }

    .header-links a:hover {
        color: #4cae4c;
    }
}

.nav-t.bg-light {
    background-color: rgba(0, 0, 0, .4) !important;
}

.nav-t {
    border-top: 1px solid rgba(187, 24, 31, .9) !important;
    border-bottom: 1px solid rgba(187, 24, 31, .1);
}

#mobile-collapsing-menu .nav-item {
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #9da6b2;
    background: #ccc;
}

#mobile-menu-opener span {
    background-color: #ccc !important;
}

@media (max-width: 991px) {
    .sub-category-grid .title {
        text-align: left;
    }

    .category-page .page-title h1 {
        text-align: left;
    }
}



.eu-cookie-bar-notification {
    position: fixed;
    bottom: 0;
    width: 99%;
    padding: 15px;
    background: #eee;
    border-top: 1px solid #dfe1e2;
    z-index: 9999;
    /*background-color: rgba(0, 0, 0, .4) !important;*/
    padding-bottom: 20px !important;
    display: flex;
    justify-content: space-between;
    border-radius: 5px 5px 5px 5px;
}

.eu-cookie-bar-notification-wrapper {
    display: flex;
    justify-content: center;
}

.eu-cookie-bar-notification .content {
    display: inline-flex;
}

.eu-cookie-bar-notification .text {
    /*       padding-bottom: 15px;*/
    color: #000;
    display: flex;
    align-items: center;
}

.eu-cookie-bar-notification .ok-button {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border: 0;
    height: 38px;
    margin-right: 10px;
    padding: 0 10px 0 10px;
    border-radius: 4px;
    cursor: pointer;
}

.eu-cookie-bar-notification .close-button {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    transition: transform .28s ease-in-out;
    border-color: rgb(255, 255, 255);
}

    .eu-cookie-bar-notification .close-button:hover {
        transform: rotate(90deg);
    }

    .eu-cookie-bar-notification .close-button:before {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 15px;
        bottom: 0;
        width: 30px;
        height: 0;
        border-top: 1px solid rgba(0,0,0,0.5);
        transform: rotate(45deg);
        transform-origin: center;
    }

    .eu-cookie-bar-notification .close-button:after {
        content: "";
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 15px;
        bottom: 0;
        width: 30px;
        height: 0;
        border-top: 1px solid rgba(0,0,0,0.5);
        transform: rotate(-45deg);
        transform-origin: center;
    }

.eu-cookie-bar-notification .buttons-more a {
    color: #000;
    text-decoration: underline;
}

    .eu-cookie-bar-notification .buttons-more a:hover {
        color: #000;
        text-decoration: underline;
    }

@media (min-width: 576px) {
    .eu-cookie-bar-notification {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .eu-cookie-bar-notification {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .eu-cookie-bar-notification {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .eu-cookie-bar-notification {
        max-width: 1140px;
    }
}

@media (min-width: 1200px) {
    .eu-cookie-bar-notification {
        max-width: 1230px;
    }
}

.product-tags-list a:hover {
    color: #fff;
    text-decoration: underline;
}

.content-container h2 {
    font-size: 1.6rem;
}

.contact-page .button-1, .email-a-friend-page .button-1, .apply-vendor-page .button-1 {
    min-width: 140px;
    border: none;
    background-color: #5cb85c;
    border-color: #4cae4c;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

    .contact-page .button-1:hover, .email-a-friend-page .button-1:hover, .apply-vendor-page .button-1:hover {
        background-color: #218838;
        border-color: #1e7e34;
    }


.checkout-page .button-1 {
    display: inline-block;
    min-width: 140px;
    border: none;
    background-color: #4ab2f1;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    background-color: #5cb85c;
}

    .checkout-page .button-1:hover {
        display: inline-block;
        min-width: 140px;
        border: none;
        background-color: #4ab2f1;
        padding: 10px 30px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
        background-color: #218838;
        border-color: #1e7e34;
    }


.registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1 {
    min-width: 140px;
    border: none;
    background-color: #4ab2f1;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .registration-page .button-1:hover, .registration-result-page .button-1:hover, .login-page .button-1:hover, .password-recovery-page .button-1:hover, .account-page .button-1:hover, .return-request-page .button-1:hover {
        background-color: #218838;
        border-color: #1e7e34;
    }


.login-page .returning-wrapper .buttons {
    background-color: #fff;
    padding: 30px 0;
    background-color: rgba(0, 0, 0, .4) !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.login-page .returning-wrapper .form-fields {
    border-top: 3px solid rgba(153, 153, 153, .7);
    overflow: hidden;
    padding: 30px 15px 0;
    background-color: rgba(0, 0, 0, .4) !important;
}

.login-page .returning-wrapper .inputs label {
    width: 110px;
    color: #ccc;
}

.login-page .title strong {
    font-weight: normal;
    color: #ccc;
}

.login-page .returning-wrapper .inputs.reversed * {
    display: inline-block;
    width: auto;
    margin: 5px;
    font-size: 14px;
    color: #ccc;
}

.login-page .returning-wrapper .inputs.reversed a, .login-page .returning-wrapper .inputs.reversed a:hover {
    color: #fff;
    text-decoration: underline;
}

.login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="email"], .login-page .returning-wrapper input[type="password"] {
    width: 360px;
    border-radius: 4px;
}

.external-authentication {
    margin: 0;
    overflow: hidden;
    text-align: center;
}


.advanced-search.no-bg {
    background-color: transparent !important;
    /* background-color: #f6f6f6 !important; */
    box-shadow: none;
    margin-top: 0;
}

.advanced-search {
    margin: 30px 0 0;
}

    .advanced-search .search-btn .btn {
        color: #fff;
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

        .advanced-search .search-btn .btn:hover, .advanced-search .search-btn .btn:focus {
            color: #fff;
            background-color: #1e7e34;
            border-color: #1c7430;
        }

.search-long .search-btn .btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    height: 44px;
}

.search-long .advance-btn:hover {
    border-color: transparent;
}

.advanced-search .search-long .advance-btn {
    font-weight: 300;
    color: #616161;
    line-height: 0;
    width: 100%;
}

.search-long .advance-btn {
    background: #fff;
}

    .search-long .advance-btn:hover {
        border-color: transparent;
    }

.advanced-search .search-long .advance-btn {
    font-weight: 300;
    color: #616161;
    line-height: 0;
    width: 100%;
}

.search-long .advance-btn {
    background: #fff;
}

.search-long div:not(.dropdown-menu) {
    display: table-cell !important;
    vertical-align: middle;
}

.search-long div:not(.dropdown-menu) {
    /*display: table-cell !important;
    vertical-align: middle;*/
    /*border-top-left-radius: 999px;
    border-bottom-left-radius: 999px;*/
}

.advanced-search .form-control {
    font-size: 14px;
    line-height: 1.42857;
    margin: 0;
    font-weight: 300;
    text-transform: inherit;
    text-align: left;
}

.advanced-search .form-control {
    height: 38px;
    width: 100%;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400;
    color: #959595;
    /* padding: 6px 12px; */
    padding: 8px;
    line-height: 1.42857143;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border: 1px solid #cccccc;
    margin-left: 30px;
}

.search-long .input-icon {
    width: 10000px;
    padding-left: 2px;
}

.search-long .search {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-right: 0;
    border-radius: 4px 0 0 4px;
}

/*section {
    background: #f7f3f7;
    border-bottom: 1px solid #ededed;
}*/

.advanced-search .advance-btn .fa {
    float: inherit;
    font-size: 15px;
    position: relative;
    margin-right: 6px;
}

.search-long .advance-btn {
    background: #fff;
}

    .search-long .advance-btn:focus {
        box-shadow: 0 0 0 0 !important;
    }

.search-long .search input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
}


.advanced-search .input-icon:before {
    color: #959595;
    text-align: center;
    /* font-family: "fontello"; */
    height: 43px;
    width: 40px;
    line-height: 43px;
    position: absolute;
    font-family: "Font Awesome 5 Free" !important;
    left: 19px;
    top: 0;
    z-index: 1;
    font-weight: 900;
}

.advanced-search .input-search:before {
    content: '\f002';
    font-weight: 900;
}


.top-widget .image-wrapper {
    float: none;
    display: inline-block;
    position: relative;
    margin-left: -25px;
}

    .top-widget .image-wrapper::before {
        content: '';
        position: absolute;
        display: block;
        border: 5px solid;
        border-color: transparent #a8a8a8 transparent #a8a8a8;
        border-radius: 50%;
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        z-index: 2;
        -webkit-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        border-left: 0;
    }

.top-widget .sign-ico {
    color: #fff;
    font-size: 35px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
}

.top-widget .font-icon::before {
    border: 2px solid #a8a8a8;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.top-widget .info-content {
    padding-left: 15px;
}

.top-widget .info-head {
    /*color: #465168;*/
    font-weight: 600;
    text-align: center;
}

.top-widget .info-body {
    text-align: left;
    font-weight: 300;
    /*color: #637783;*/
}


.header-links.header-left li:first-child {
    margin-left: 0;
}

.block-blog-archive .number, .post-title, .news-title, .blog-posts .buttons .read-comments, .blog-posts .buttons .read-comments, .blog-page .tags label, .blogpost-page .tags label {
    color: #fff;
}

.post-body {
    /*background-color: rgba(255, 255, 255, .11);*/
    /*padding: 7px;*/
}


.contact-page .form-fields {
    background-color: rgba(0, 0, 0, .4) !important;
    border-top: 3px solid rgba(153, 153, 153, .7);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.contact-page .inputs label {
    color: #ccc;
}

.center-1 {
    margin: 0 0 50px;
}

.fb-btn {
    padding-top: 12px;
}


.newsletter label {
    margin-bottom: 0;
}

.newsletter-subscribe-button {
    float: left;
    height: 36px;
    border: none;
    background-color: #4ab2f1;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .newsletter-subscribe-button:hover {
        background-color: #218838;
        border-color: #1e7e34;
    }

@media (max-width: 769px) {
    .footer-block.customer-service .title, .footer-block.my-account .title {
        margin: 0 0 1px;
        background: #4ab2f1 url('../images/toggle-white.png') right center no-repeat;
        padding: 10px 15px;
        font-size: 20px;
        color: #fff;
        cursor: pointer;
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .footer-block .list {
        display: none;
        margin: 0 0 20px;
        background-color: #fff;
        padding: 10px 15px;
        background-color: rgba(255, 255, 255, .11);
        color: #ccc;
    }
}

.footer {
    background-color: rgba(0, 0, 0, .4) !important;
    clear: both;
    border-top: 1px solid rgba(187, 24, 31, .9);
    border-top: 1px solid rgba(187, 24, 31, .1);
    /*background: url(../images/bg-s-page.jpg) center center;*/
}

    .footer .f-banner {
        margin-right: 15px;
    }

    .footer .f-logo {
        margin-right: 15px;
    }

.footer-upper {
    border-bottom: 1px solid rgba(153, 153, 153, .7);
}

.follow-us .social ul {
    margin: 0 0 30px;
    border-bottom: 1px solid rgba(153, 153, 153, .7);
    padding: 0 0 30px;
    font-size: 0;
}




.checkout-page .edit-address label {
    color: #777;
    display: block;
    text-align: left;
}

.checkout-page .edit-address {
    max-width: 505px;
    margin: 0 auto;
}

.order-completed .details strong {
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}

.registration-page .fieldset {
    max-width: 610px;
    margin: 0 auto;
    border-top: 3px solid rgba(153, 153, 153, .7);
    /*background-color: rgba(0, 0, 0, .4) !important;*/
}

.registration-page .form-fields {
    background-color: rgba(0, 0, 0, .4) !important;
    border-top: 0;
}

.registration-page .inputs label {
    color: #ccc;
    /*font-weight: 600;*/
    display: inline-block;
    text-align: left;
    width: 140px;
}

.registration-page .buttons {
    text-align: center;
    padding-bottom: 30px;
    background-color: rgba(0, 0, 0, .4) !important;
    padding-top: 0;
    max-width: 610px;
    margin: 0 auto;
}

.registration-page .inputs input[type="text"], .registration-page .inputs input[type="email"], .registration-page .inputs input[type="tel"], .registration-page .inputs input[type="password"], .registration-page .inputs select {
    min-height: 40px;
    border-radius: 4px;
}

.registration-page blockquote {
    max-width: 610px;
    margin: 0 auto;
    border-bottom-right-radius: 0;
}

.ui-autocomplete {
    border-radius: 20px !important;
}


.overview .product-name {
    margin: 0 0 25px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(153, 153, 153, .7);
}


.prod-desc-ovr {
    display: none;
}



.product-item .prod-cnt:hover .prod-desc-ovr {
    display: block;
    background-color: rgba(22, 22, 22, .6);
    border-bottom: 1px solid rgba(187, 24, 31, .29);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 20px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    color: #fff;
}

    .product-item .prod-cnt:hover .prod-desc-ovr a {
        color: #fff;
    }

.item-box-x .product-item .prod-cnt:hover .prod-desc-ovr {
    right: 15px;
    left: 15px;
}

.not-found-page .topic-block-body p strong {
    color: #fff;
}


.remove-from-cart label {
    margin-bottom: 0;
}

.flyout-cart.show {
    display: block !important;
}



@media (max-width: 991px) {
    /*SDA*/
    .flyout-cart {
        display: block;
    }
}


.mobile-header-logo img {
    height: 40px;
}

#dialog-notifications-success p {
    color: #444;
}

.product-essential {
    margin: 0 0 10px;
    border-bottom: 0px solid #ddd;
    padding: 0 0 10px;
}

.product-collateral {
    margin: 0 0 35px;
}

.product-essential .gallery {
    margin-bottom: 10px;
}

.product-reviews-page .form-fields {
    max-width: 600px;
    margin: 0 auto;
}

.product-reviews-page .inputs label {
    display: inline-block;
    width: 100px;
    margin: 0 10px 0 0;
    text-align: right;
}

.product-review-item .review-text {
    margin: 0 0 15px;
    line-height: 22px;
    color: #fff;
}

.product-review-item .review-info label {
    margin-bottom: 4px;
}

.product-review-item .review-info {
    color: #ccc;
}

.product-review-item .review-content {
    padding: 20px 10px;
    background-color: rgba(0, 0, 0, .4) !important;
}


.write-review .review-rating div.name-description {
    width: 100px;
    min-width: 100px;
    margin: 0 5px 0 0;
    text-align: right;
}

.product-reviews-page .page-title h1 {
    font-size: 20px;
    font-weight: normal;
}

.product-reviews-page .title {
    margin: 0 0 20px;
    font-size: 16px;
    color: #444;
}

.product-review-item .review-item-head {
    border-top: 1px solid rgba(187, 24, 31, .1);
    overflow: hidden;
    background-color: #f6f6f6;
    padding: 10px;
    background-color: rgba(0, 0, 0, .4) !important;
    /*background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(50,50,50,0.8)), to(rgba(80,80,80,0.2)), color-stop(.5,#333333) );
    border-bottom: 1px solid rgba(187, 24, 31, .1);*/
}

.product-review-item .review-title {
    max-width: 1050px;
    color: #fff;
}

.write-review .review-rating div {
    display: inline-block;
    margin: 0px;
    cursor: default;
    vertical-align: middle;
    font-size: 14px;
    height: 17px;
}


/* News */

.news-list-page .news-items .news-item {
    margin: 0 0 30px;
    margin-top: 0px;
    background-color: rgba(0, 0, 0, .4);
    padding-bottom: 15px;
    margin-top: 15px;
    /*border-radius: 8px;*/
}

.news-list-homepage {
    margin: 20px 0 75px;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 5px 5px 5px 5px;
    padding-bottom: 25px;
}

    .news-list-homepage .news-title {
        text-decoration: underline;
        padding-bottom: 0;
    }

    .news-list-homepage .view-all a, .news-list-homepage .view-all a:hover {
        color: #fff;
        text-decoration: underline;
    }

.post-date, .news-date {
    display: block;
    margin: 0 0 15px;
    background-color: #f6f6f6;
    padding: 10px;
    font-style: italic;
    color: #fff;
    background-color: transparent;
}

.news-list-page .news-title {
    color: #fff;
    /*border-left: 2px solid rgba(153, 153, 153, .7);*/
    border-top-left-radius: 10px;
    text-decoration: underline;
}

.blog-posts .buttons .read-more, .news-items .buttons .read-more {
    display: inline-block;
    border: none;
    background-color: #4ab2f1;
    padding: 10px 20px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .blog-posts .buttons .read-more:hover, .news-items .buttons .read-more:hover {
        background-color: #218838;
        border-color: #1e7e34;
        /*background: #365899;
        border: 1px solid #365899;
        background: #202124;
        border: 0;
        border-top: 1px solid rgba(187,24,31,.5);*/
    }

.comment-title {
    margin: 0 0 15px;
    font-size: 16px;
    color: #fff;
}

.comment-time {
    min-height: 40px;
    margin: 0;
    background-color: #f6f6f6;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: normal;
    color: #444;
}

    .comment-time label {
        margin-bottom: 0;
    }

.comment-title {
    margin: 0;
    font-size: 16px;
    color: #fff;
}

.comment-body {
    padding: 20px;
    padding-top: 5px;
}

.new-comment .button-1 {
    border: none;
    background-color: #4ab2f1;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .new-comment .button-1:hover {
        background-color: #218838;
        border-color: #1e7e34;
    }


/* Blog Posts */
.post-title {
    display: inline-block;
    padding: 20px 10px;
    padding-left: 10px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding-left: 0;
    text-decoration: underline;
}

    .post-title:hover {
        color: #fff;
        text-decoration: underline;
    }

.blog-page .tags a, .blogpost-page .tags a {
    display: block;
    color: #fff;
    text-decoration: underline;
}

.blog-page .post {
    background-color: rgba(0, 0, 0, .4);
    padding: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    margin-top: 20px;
}

.blog-posts .buttons .read-comments:hover {
    color: #fff;
}

.blogpost-page .post-body {
    background-color: rgba(255, 255, 255, .11);
    padding: 7px;
    background-color: rgba(0, 0, 0, .4);
    padding: 15px;
    border-radius: 10px;
}

    .blogpost-page .post-body p:first-child {
        margin-top: 0;
    }

.news-item-page .news-body {
    background-color: rgba(255, 255, 255, .11);
    padding: 7px;
    background-color: rgba(0, 0, 0, .4);
    padding: 15px;
    /*border-radius: 10px;*/
}

.product-item .price.old-price {
    text-decoration: line-through !important;
}


@media (max-width:768px) {
    nav {
        max-width: 100%;
        padding-left: -15px;
        padding-right: -15px;
    }
}


.product-filters {
    /*display: table;
    width: 100%;
    margin: -20px 0 20px;*/
    border-bottom: 0;
}


.new-lines {
    /*white-space: pre-line;*/
}


/* SIDEBAR BLOCKS */

@media (min-width: 992px) {
    .side-2 {
        float: left;
        width: 25%;
    }
}

@media (min-width: 992px) {
    .center-2 {
        float: right;
        width: 73%;
    }
}

@media (min-width: 992px) {
    .block .listbox {
        display: block;
        border-bottom: none;
    }


    .bl-rw-products .cat-lists .block, .bl-popular-tags .cat-lists .block {
        background-color: rgba(255, 255, 255, .11) !important;
        /*border-left: 2px solid rgba(153, 153, 153, .7);*/
        padding-top: 0;
        padding-bottom: 0;
    }

    .bl-cats blockquote {
        border-left: 1px solid rgba(187, 24, 31, .9);
        background-color: rgba(0, 0, 0, .6);
        color: #fff;
    }

    .bl-cats .listbox {
        padding-top: 0px;
        padding-bottom: 2px;
    }

    .bl-cust-nav blockquote {
        border-left: 1px solid rgba(187, 24, 31, .9);
        background-color: rgba(0, 0, 0, .6);
    }

    .bl-cust-nav .listbox {
        padding-top: 0px;
        padding-bottom: 2px;
    }
}


@media (min-width: 481px) {
    .item-box .prices {
        min-height: 20px;
    }
}

.item-box-x .prices {
    min-height: 20px;
}


.shopping-cart-page .checkout-attributes {
    float: none;
    max-width: 100%;
    width: 100%;
    margin: -30px 0 15px;
    /*margin-bottom:0;*/
}

.text-al-r {
    /*text-align:right;*/
    margin-top: 5px;
}


.checkout-attributes textarea {
    min-height: 70px !important;
    width: 100%;
    max-width: 270px;
}

.cart-options .checkout-attributes {
    padding: 0;
}

/*dl.inline dd {
    display: inline;
    margin: 0;
}

    dl.inline dd:after {
        display: block;
        content: '';
    }

dl.inline dt {
    display: inline-block;
    min-width: 100px;
}*/


.admin-header-links a:hover, .admin-header-links a:focus, .admin-header-links a:active {
    color: #fff !important;
}


.order-details-page .hint em {
    color: #444 !important;
}


.login-page .new-wrapper .topic-block-body strong {
    color: #fff !important;
}

#checkout_attribute_label_6 {
    margin-top: 8px;
}

@media (max-width: 768px) {
    #checkout_attribute_6 {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {

    #checkout_attribute_6 {
        min-height: 100px !important;
        width: 100%;
        max-width: 360px;
    }
}

@media (max-width: 480px) {
    #checkout_attribute_6 {
        min-height: 100px !important;
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .order-summary-content .checkout-attributes {
        text-align: left !important;
    }

    #checkout_attribute_input_2 ul li:first-child {
        /* Attribute value contains this value somewhere in it */
        margin-left: 0px !important;
    }
}

.product-details-page .non-discounted-price label {
    margin-bottom: 0 !important;
    font-size: 16px !important;
}

.sitemap-page .entity-title h2 {
    font-size: 20px;
    font-weight: normal;
    color: #fff !important;
}

.sitemap-page a:hover, .sitemap-page a:active, .sitemap-page a:visited, .sitemap-page a:focus {
    color: rgba(187, 24, 31, .9) !important;
}


.category-page .sub-category-grid .title {
    text-align: left !important;
}


#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cssmenu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    font-family: Helvetica, Arial, sans-serif;
    color: #ffffff;
    z-index: 99999999999;
}

    #cssmenu ul ul {
        display: none;
    }

.align-right {
    float: right;
}

#cssmenu > ul > li > a {
    padding: 20px 20px;
    /*border-left: 1px solid #1682ba;
    border-right: 1px solid #1682ba;
    border-top: 1px solid #1682ba;*/
    /*border-bottom: 1px solid #32373e;*/
    border-bottom: 1px solid #32373e;
    border-left: 1px solid #32373e;
    border-right: 1px solid #32373e;
    border-top: 1px solid #32373e;
    border-left: 1px solid #32373e;
    border-right: 1px solid #32373e;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    /*background: #36aae7;
    background: -webkit-linear-gradient(#36aae7, #1fa0e4);
    background: -moz-linear-gradient(#36aae7, #1fa0e4);
    background: -o-linear-gradient(#36aae7, #1fa0e4);
    background: -ms-linear-gradient(#36aae7, #1fa0e4);
    background: linear-gradient(#36aae7, #1fa0e4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);*/
    background: #49505a;
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
}

    #cssmenu > ul > li > a:hover,
    #cssmenu > ul > li.active > a,
    #cssmenu > ul > li.open > a {
        background: #424852;
        color: #ffffff;
        /*color: #eeeeee;
        background: #1fa0e4;
        background: -webkit-linear-gradient(#1fa0e4, #1992d1);
        background: -moz-linear-gradient(#1fa0e4, #1992d1);
        background: -o-linear-gradient(#1fa0e4, #1992d1);
        background: -ms-linear-gradient(#1fa0e4, #1992d1);
        background: linear-gradient(#1fa0e4, #1992d1);*/
    }

#cssmenu > ul > li.open > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
    /*border-bottom: 1px solid #1682ba;*/
    border-bottom: 1px solid #32373e;
}

#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
    /*border-bottom: 1px solid #1682ba;*/
    border-bottom: 1px solid #32373e;
}

#cssmenu .holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
}

    #cssmenu .holder::after,
    #cssmenu .holder::before {
        display: block;
        position: absolute;
        content: "";
        width: 6px;
        height: 6px;
        right: 20px;
        z-index: 10;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    #cssmenu .holder::after {
        top: 22px;
        border-top: 2px solid #ffffff;
        border-left: 2px solid #ffffff;
    }

#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
    border-color: #eeeeee;
}

#cssmenu .holder::before {
    top: 23px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-color: inherit;
    border-left-color: inherit;
}

#cssmenu ul ul li a {
    cursor: pointer;
    border-bottom: 1px solid #32373e;
    border-left: 1px solid #32373e;
    border-right: 1px solid #32373e;
    padding: 15px 20px;
    z-index: 1;
    text-decoration: none;
    font-size: 13px;
    color: #eeeeee;
    /*background: #49505a;*/
    background: #424852 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
    background: #424852;
    color: #ffffff;
}

/*#cssmenu ul ul li:hover > a >.arrow-l,
    #cssmenu ul ul li.open > a > .arrow-l,
    #cssmenu ul ul li.active > a > .arrow-l {
        display:inline-block !important;
    }*/


#cssmenu ul ul li:first-child > a {
    box-shadow: none;
}

#cssmenu ul ul ul li:first-child > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#cssmenu ul ul ul li a {
    padding-left: 30px;
}

#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
    border-bottom: 0;
}

#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
    /*border-bottom: 1px solid #32373e;*/
    border-bottom: 1px solid #32373e;
}

#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0;
}

#cssmenu ul ul li.has-sub > a::after {
    display: block;
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    right: 20px;
    z-index: 10;
    top: 11.5px;
    border-top: 2px solid #eeeeee;
    border-left: 2px solid #eeeeee;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
    border-color: #ffffff;
}

#cssmenu ul ul li.active a, #cssmenu ul ul li > a:hover {
    background: #333333 !important;
    font-weight: 500;
}


#cssmenu ul li {
    white-space: nowrap;
}


/* Fixes */


#advanced-search-block .form-control {
    margin-left: 0px !important;
}

#advanced-search-block select {
    width: 100% !important;
    border-radius: 4px !important;
}

.footer-block {
    float: none !important;
}




/* cart */
@media (max-width: 768px) {
    .order-summary-content .checkout-attributes {
        text-align: center !important;
    }

    .checkout-info-text {
        background-color: #f9f9f9;
        clear: both;
        padding: 15px;
        /* margin-top: -30px; */
        max-width: 395px;
        float: none;
        /* text-align: center; */
        margin: 0 auto;
    }

    .cart-footer .cart-collaterals {
        min-width: 250px;
        max-width: 300px;
        margin: 0 auto;
    }

    .shopping-cart-page .common-buttons {
        margin-bottom: 35px;
    }
}


@media (max-width: 768px) {
    .category-page .breadcrumb {
        float: left;
        display: block;
    }
}


@media (max-width: 576px) {
    .container {
        max-width: 100%;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .content-container {
        border-radius: 0;
    }

    .page.category-page {
        border-radius: 0;
    }

    .cart td {
        min-width: 40px;
    }

        .cart td.quantity {
            width: 41px;
            max-width: 41px;
        }

            .cart td.quantity input {
                width: 41px;
                text-align: center;
            }

    .product-details-page .breadcrumb ul li span {
        margin: 2px;
    }
}



.breadcrumb li:first-child {
    display: none;
}

.category-page .breadcrumb {
    display: block;
    text-align: left;
    margin-bottom: 5px;
    float: left;
    margin-left: -10px;
}

    .category-page .breadcrumb ul li:nth-child(2):nth-last-child(1) {
        display: none;
    }

.product-details-page .breadcrumb {
    padding-top: 15px;
    margin-bottom: 15px;
}


    .product-details-page .breadcrumb meta {
        margin: 0;
    }





@media (max-width: 900px) {
    .product-details-page .product-essential {
        background-color: rgba(0, 0, 0, .6);
        border-radius: 0;
    }

    .product-details-page .overview {
        padding-top: 15px;
        margin-top: -10px;
        margin-bottom: 20px;
        padding-left: 3px;
        padding-right: 3px;
    }

    /*.product-details-page .gallery {
        background-color: rgba(0, 0, 0, .6) !important;
        background: rgba(0, 0, 0, .6) !important;
        border-radius: 0;
    }*/

    /*.category-page .breadcrumb {
        display:none;
    }*/


}


.home-page-category-grid .title, .sub-category-grid .title {
    text-align: center;
    font-size: 17px !important;
    font-weight: normal;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/* category page - sub categories */

.cat-grid-heading {
    font-size: 19px;
    text-align: center;
    margin-bottom: 17px;
    color: #fff;
}

@media (min-width: 769px) {
    .category-page .item-box:nth-child(3n+1) {
        clear: none;
    }

    .category-page .item-box:nth-child(4n+1) {
        clear: both;
    }

    .category-page .item-box {
        /* width: 25%; */
        margin: 0;
    }
}

@media (max-width: 480px) {
    .category-page .item-box {
        /*width: 49%;
        margin: 0;*/
    }

        .category-page .item-box:nth-child(2n+1) {
            clear: both;
        }

    .category-page .sub-category-grid .item-grid {
        padding-left: 0px;
        margin-bottom: -10px;
        margin-left: -12px;
    }
}

.category-page .sub-category-grid .item-grid {
    padding-left: 45px;
    margin-bottom: -10px;
}

.captcha-box {
    text-align: center;
    line-height: 0;
    margin-left: 25px;
}

@media (max-width: 600px) {
    .registration-page .inputs label {
        color: #ccc;
        /* font-weight: 600; */
        display: block;
        text-align: left;
        width: 140px;
        margin-left: 10px;
    }

    .registration-page .inputs input[type="text"], .registration-page .inputs input[type="email"], .registration-page .inputs input[type="tel"], .registration-page .inputs input[type="password"], .registration-page .inputs select {
        min-height: 40px;
        border-radius: 4px;
        width: 95%;
    }

    .captcha-box {
        text-align: center;
        line-height: 0;
        margin-left: 0;
    }
}

.opc .section.select-billing-address > label {
    display: block;
    margin: 0 0 10px !important;
}




@media (min-width: 1200px) {
    .container {
        max-width: 1260px;
    }

    .product-item .input-group {
        /* width: 106px !important; */
        /*width: 100% !important;*/
        float: right;
    }
}

.content-container {
    max-width: 1260px;
}

.login-button.checkout-guest {
    background-color: #888 !important;
}

.checkout-as-guest-or-register-block .register-button {
    background-color: #888 !important;
}

.checkout-as-guest-or-register-block .topic-block p {
    text-align: center !important;
}

.checkout-as-guest-or-register-block .topic-block-body {
    text-align: left;
    line-height: 24px;
    font-size: 16px;
}

    .checkout-as-guest-or-register-block .topic-block-body ul {
        width: 270px;
        /* text-align: center; */
        margin: 0 auto;
        margin-bottom: 20px;
    }


.login-page .topic-block-title h2 {
    min-height: 30px;
    text-align: left !important;
}



regular-checkbox {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.regular-checkbox:active, .regular-checkbox:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

    .regular-checkbox:checked:after {
        content: '\2714';
        font-size: 14px;
        position: absolute;
        top: 0px;
        left: 3px;
        color: #99a1a7;
    }

.big-checkbox {
    padding: 13px !important;
}

    .big-checkbox:checked:after {
        font-size: 19px;
        left: 6px;
    }


.regular-radio {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
}

    .regular-radio:checked:after {
        content: ' ';
        width: 12px;
        height: 12px;
        border-radius: 50px;
        position: absolute;
        top: 3px;
        background: #99a1a7;
        box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
        text-shadow: 0px;
        left: 3px;
        font-size: 32px;
    }

    .regular-radio:checked {
        background-color: #e9ecee;
        color: #99a1a7;
        border: 1px solid #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
    }

        .regular-radio:active, .regular-radio:checked:active {
            box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
        }

.big-radio {
    padding: 16px;
}

    .big-radio:checked:after {
        width: 24px;
        height: 24px;
        left: 4px;
        top: 4px;
    }


.regular-checkbox {
    display: none;
}

    .regular-checkbox + label {
        background-color: #fafafa;
        border: 1px solid #cacece;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 9px;
        border-radius: 3px;
        display: inline-block;
        position: relative;
    }

        .regular-checkbox + label:active, .regular-checkbox:checked + label:active {
            box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
        }

    .regular-checkbox:checked + label {
        background-color: #e9ecee;
        border: 1px solid #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

        .regular-checkbox:checked + label:after {
            content: '\2714';
            font-size: 14px;
            position: absolute;
            top: 0px;
            left: 3px;
            color: #99a1a7;
        }


.big-checkbox + label {
    padding: 13px;
}

.big-checkbox:checked + label:after {
    font-size: 19px;
    left: 6px;
}

.tag {
    font-family: Arial, sans-serif;
    width: 200px;
    position: relative;
    top: 5px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    float: left;
}

.radio-1 {
    width: 193px;
}

.button-holder {
    float: left;
}

/* RADIO */

.regular-radio {
    display: none;
}

    .regular-radio + label {
        -webkit-appearance: none;
        background-color: #fafafa;
        border: 1px solid #cacece;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 9px;
        border-radius: 50px;
        display: inline-block;
        position: relative;
    }

    .regular-radio:checked + label:after {
        content: ' ';
        width: 12px;
        height: 12px;
        border-radius: 50px;
        position: absolute;
        top: 3px;
        background: #99a1a7;
        box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
        text-shadow: 0px;
        left: 3px;
        font-size: 32px;
    }

    .regular-radio:checked + label {
        background-color: #e9ecee;
        color: #99a1a7;
        border: 1px solid #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
    }

        .regular-radio + label:active, .regular-radio:checked + label:active {
            box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
        }

.big-radio + label {
    padding: 16px;
}

.big-radio:checked + label:after {
    width: 24px;
    height: 24px;
    left: 4px;
    top: 4px;
}




/* top slider */


.top-slider-wrapper {
    /*width:100%;*/
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    clear: both;
    margin-bottom: 10px;
}

    .top-slider-wrapper::after {
        content: "";
        clear: both;
        display: table;
    }

    .top-slider-wrapper .article-box {
        /*background-color: #444;*/
        color: #fff;
        padding: 10px;
        float: left;
    }

        .top-slider-wrapper .article-box .figure-cover {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            /*border-left: 2px solid rgba(153, 153, 153, .7);
            border-radius: 5px 0px 5px 0px;*/
        }

.a {
    width: 50%;
}

.b {
    width: 50%;
}

.c {
    width: 25%;
}

.d {
    width: 25%;
}

@media (max-width: 576px) {

    .top-slider-wrapper {
        /*width:100%;*/
        position: relative;
        margin-left: 5px !important;
        margin-right: 5px !important;
        margin-top: -10px;
        clear: both;
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {
    .a {
        width: 100%;
    }

    .b {
        width: 100%;
    }

    .c {
        width: 50%;
    }

    .d {
        width: 50%;
    }
}

@media (max-width: 640px) {
    .a {
        width: 100%;
    }

    .b {
        width: 100%;
    }

    .c {
        width: 50%;
    }

    .d {
        width: 50%;
    }
}


.article-box-text {
    padding: 10px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    background-color: rgba(79, 100, 112, .75);
    color: #ffffff;
    /*border: 2px solid #000;*/
    outline: 1px dashed #fff;
    outline-offset: -10px;
}

    .article-box-text div {
    }

.article-box a:hover {
    text-decoration: none;
}

.article-box .label-wrapper {
    position: absolute;
    z-index: 25;
    top: 25px;
    left: 0px;
    height: 100%;
}


.login-page .new-wrapper .text {
    min-height: 60px;
}


.cart-footer .terms-of-service label {
    margin-right: 5px !important;
}

.login-page .inputs {
    text-align: center !important;
}

    .login-page .inputs label {
        text-align: left;
    }

.login-page .custom-block-info .topic-block-title {
    margin-bottom: -20px;
}


.wrapper-box {
    border-top: 0px solid rgba(153, 153, 153, .7);
    overflow: hidden;
    padding: 30px 15px 0;
    background-color: rgba(0, 0, 0, .4) !important;
}

.wrapper-box-register {
    border-top: 0px solid rgba(153, 153, 153, .7);
    overflow: hidden;
    padding: 30px 15px 0;
    background-color: rgba(0, 0, 0, .4) !important;
}

.new-wrapper {
    margin-bottom: 20px !important;
}

.returning-wrapper blockquote {
    margin-bottom: 0 !important;
}

.login-page .returning-wrapper .form-fields {
    border-top: 0;
    border-radius: 5px 0px 0px 0px;
}

.login-page .page-body {
    padding-left: 5px;
    padding-right: 5px;
}

.new-wrapper blockquote {
    margin-bottom: 0 !important;
}

.text.register-guest {
    min-height: 40px !important;
}


.password-recovery-page .form-wrapper {
    width: 50%;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
}


@media (max-width: 768px) {
    .password-recovery-page .form-wrapper {
        width: 100%;
    }
}

.password-recovery-page blockquote {
    margin: 0;
}

.password-recovery-page .form-wrapper .form-fields {
    border-top: 0px solid rgba(153, 153, 153, .7);
    overflow: hidden;
    padding: 30px 15px 0;
    background-color: rgba(0, 0, 0, .4) !important;
}

.password-recovery-page .form-wrapper .inputs input {
    width: 360px;
    border-radius: 4px;
}

.password-recovery-page .inputs {
    text-align: center !important;
}

.password-recovery-page .result {
    margin: 0 0 5px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}


/* jBOX modal */
.jBox-Modal .jBox-container {
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border-radius: 5px;
    background: #f6f6f6 !important;
}

.jBox-Modal .jBox-title {
    border-radius: 0 !important;
    padding: 15px !important;
    border-color: #ebebeb;
    min-height: 54px;
    padding: 15px 20px;
    border-bottom: 1px solid #e5e5e5 !important;
    font-size: 22px;
    color: #17191d !important;
    background: #f6f6f6 !important;
}

.jBox-Modal .jBox-content {
    padding: 20px;
    color: #464a53 !important;
    font-size: 16px;
    background: #f6f6f6 !important;
}

    .jBox-Modal .jBox-content p {
        color: #464a53;
    }



.prod-desc-ovr {
    /*display: -webkit-box !important;*/
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-decoration: none;
}

.box-da label {
    border-radius: 4px;
    padding: 0.2em 0.6em;
    border: 1px solid #009ce2;
    background-color: #00acff;
    color: #fff;
    font-size: 0.8em;
}

.product-details-page {
    padding-top: 0 !important;
}



.shopping-cart-page .totals .order-subtotal {
    font-weight: 600 !important;
}

.shopping-cart-page .totals .cart-total .tax-rate label {
    font-size: 13px !important;
}

.shopping-cart-page .totals .cart-total .tax-rate {
    color: #218838;
}



.checkout-page .totals .order-subtotal {
    font-weight: 600 !important;
}

.checkout-page .totals .cart-total .tax-rate label {
    font-size: 13px !important;
}

.checkout-page .totals .cart-total .tax-rate label {
    /*color: #218838;*/
}



.cart-total .order-total {
    font-size: 19px;
    color: #218838;
    font-weight: 500;
}



@media (max-width:480px) {

    .grey-block sub-cat-bg {
    }

    /* remove the elipses in the product names */
    .item-grid .product-title, .category-page .item-grid .product-title {
        white-space: unset;
        overflow: auto;
        text-overflow: unset;
        width: 100%;
    }

    .item-grid .product-item .col, .category-page .item-grid .product-item .col {
        flex-basis: unset;
    }

    .item-box-x .prices {
        margin-bottom: 7px;
    }
}


.grey-block.sub-cat-bg {
    background-color: rgba(0, 0, 0, .6);
    border-radius: 5px 5px 5px 5px;
}

.item-box-x {
    background: rgba(64,107,127,.25);
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-top: 12px;
}

@media (max-width:620px) {
    .item-box .product-item .input-group {
        width: 90px !important;
    }

    .item-box-x .product-item .input-group {
        width: 90px !important;
        /*margin-top: 11px;*/
        margin-top: 1px;
        float: right;
    }

    .prod-desc-ovr {
        margin-bottom: 18px;
    }
}

@media (max-width: 620px) {
    .item-box-y {
        background: rgba(64, 107, 127, .25);
        padding-bottom: 20px;
        margin-bottom: 20px;
        padding-top: 12px;
        padding: 20px 10px;
        border-radius: 8px;
    }
}

.lSSlideOuter .captionx {
    background-color: rgba(22,22,22,.6);
    height: 35px;
    position: absolute;
    top: -7px;
    left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    width: 100%;
    font-weight: 600;
}

.category-page .captionx p {
    margin: 0;
}

.lSSlideOuter {
    text-align: center;
    margin-bottom: 15px;
}

.lSPager {
    /*display: none;*/
}

.lSAction > a {
    opacity: .9;
}


.category-page .category-description {
    margin: 0 0 0px;
    line-height: 0;
    background-color: rgba(24,67,87,.25);
    border-radius: 5px 5px 5px 5px;
    margin-top: 16px;
    /* padding-top: 3px; */
    padding: 12px;
    /* padding-bottom: 3px; */
}


/* ceneter the sub category slider */
.lSSlideWrapper {
    width: 100%;
    justify-content: center;
    /*display: flex;*/
}


.category-page .product-selectors {
    margin: 15px 0 0px;
    border-top: 0;
    border-bottom: 0;
    padding: 0 0;
    background-color: rgba(64,107,127,.25);
    border-radius: 5px 5px 5px 5px;
}

    .category-page .product-selectors select {
        height: 31px;
        border: 1px solid #ddd;
        padding: 5px;
        vertical-align: middle;
        border-radius: 5px;
    }

    .category-page .product-selectors > div {
        display: inline-block;
        margin: 7px;
    }

    .category-page .product-selectors span {
        vertical-align: middle;
        font-size: 14px;
        margin-left: 5px;
    }

@media (max-width:620px) {
    .account-page.order-list-page {
        padding: 5px;
    }
}

.content-container-newsbar > div {
    max-width: 1200px;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 10px;
    background-color: rgba(50,120,50,.8);
    background-color: rgba(24,67,87,.25);
    border-radius: 5px 5px 5px 5px;
    padding: 15px 25px;
    color: #999;
    color: #fff;
    color: #fff;
    min-height: 40px;
}


.order-list-page .info {
    margin: 0 0 10px;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 20px;
    line-height: 26px;
    color: #444;
    text-align: left;
    /*background-color: rgba(0,0,0,.6);*/
    border-radius: 0px 0px 5px 5px;
}



.account-page.order-list-page .page-title h1 {
    font-size: 20px;
    font-weight: 400;
    color: #ccc;
    text-align: left;
    margin-bottom: 25px;
}


.order-list-page .button-2, .order-list-page .button-2:hover {
    display: inline-block;
    margin: 0 0 0 10px;
    border: none;
    padding: 0 0 0 18px;
    font-size: 16px;
    color: #fff;
    color: #444;
}

.account-page .button-1 {
    min-width: 120px;
    border: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    background-color: #4ab2f1;
    padding: 3px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    background-color: #5cb85c;
    border-color: #4cae4c;
    margin-top: 10px;
    border-radius: 4px;
}

.order-details-page .actions input, .order-details-page .actions input:hover {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .order-details-page .actions input:first-child, .order-details-page .actions input:first-child:hover {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

@media (min-width:1200px) {

    .category-page .item-grid .product-title, .search-results .item-grid .product-title, .recently-viewed-products-page .item-grid .product-title, .recently-added-products-page .item-grid .product-title {
        width: 251px;
    }

    .product-details-page .item-grid .product-title {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 220px;
    }
}

@media (min-width:901px) {

    .product-details-page .product-essential {
        margin: 0 0 10px;
        border-bottom: 0 solid #ddd;
        padding: 0 0 10px 21px;
        background-color: rgba(0,0,0,.6);
        border-radius: 5px 5px 5px 5px;
    }
}

@media (max-width:620px) {
    .footer-upper {
        max-width: 980px;
        padding: 35px 0px;
    }


    .category-page .product-item .input-group {
        margin-top: 5px;
    }
}

.order-details-page .mobile-product-info {
    display: none;
}

.order-details-page .order-overview .order-total strong {
    color: #fff;
    font-weight: 700;
}

@media (max-width:530px) {
    .footer-logos img:first-child {
        margin-top: 10px;
        margin-bottom: 7px;
    }
}

@media (max-width:480px) {

    .navbarDropdownUsr .dropdown-menu.my-account-menu {
        left: 0 !important;
        right: auto !important;
    }


    #checkout_attribute_6 {
        margin-left: 7px;
    }

    .shopping-cart-page .common-buttons input {
        display: inline-block;
        min-width: 170px;
        margin: 5px;
        border: none;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
        background-color: #aaa;
        padding: 7px 10px;
        font-size: 15px;
        color: #fff;
    }

    .order-details-page .section.products {
        margin: 0 0 10px;
    }

    .order-details-area .billing-info-wrap {
        display: none;
    }

    .order-details-page .selected-checkout-attributes {
        margin: 30px 0;
        color: #fff;
        text-align: left;
        padding-left: 40px;
    }

    .order-details-page .section.products .table-wrapper {
        margin-top: -25px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .order-details-page .order-overview {
        margin: 20px 0 20px;
        line-height: 26px;
        text-align: center;
        font-size: 16px;
        color: #444;
        text-align: left;
        padding-left: 15px;
    }

    .order-details-page .data-table .product a {
        padding-bottom: 5px;
        display: block;
    }


    .order-details-page .data-table .product a, .order-details-page data-table .product a:hover, .data-table .info a, .data-table .info a:hover {
        font-weight: bold;
        color: #4cae4c;
        font-style: normal;
    }


    .order-details-page .page-title h1 {
        margin: 0 0 5px;
        border-bottom: 0px solid #ddd;
        padding: 0 0 10px;
    }



    .order-details-page .mobile-product-info {
        display: block;
    }

    .order-details-page label, .order-details-page span {
        vertical-align: unset;
    }

    .order-details-page td.unit-price, .order-details-page td.quantity, .order-details-page td.total {
        display: none;
    }

    .order-details-page .data-table td.product {
        text-align: left;
        padding: 8px 10px 0px;
        font-style: normal;
    }

    .mobile-product-info span {
        font-weight: 500;
    }


    .order-details-page .page-body {
        background-color: rgba(0,0,0,.6);
        border-radius: 5px 5px 5px 5px;
        margin: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .order-details-page .section.products .title {
        text-align: left;
        padding-left: 15px;
        font-weight: 600;
        margin-bottom: 5px;
    }

        .order-details-page .section.products .title strong {
            font-weight: 600;
            text-align: left;
        }
}


.shopping-cart-page .message-error {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #fff;
    margin-top: 5px;
    background: #e4434b;
    padding-top: 15px;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 1px;
}


.product-item .product-title a, .product-item .product-title a:hover, .product-item .product-title a:focus {
    color: #fff;
    text-decoration: underline;
    font-size: 18px !important;
}

.product-details-page .breadcrumb {
    padding-top: 15px;
    margin-bottom: 20px;
}

.category-page .product-item .input-group {
    margin-top: 9px;
}


@media (min-width: 770px) {
    .footer .list li {
        text-align: left;
        display: inline-block;
        margin-right: 15px;
    }

    .footer-block {
        width: 50%;
        text-align: left;
    }
}

#checkout_attribute_h_4 {
    margin-right: 11px;
    /*margin-left: 9px;*/
}


@media (max-width: 999px) {
    .footer-block.customer-service .title, .footer-block.my-account .title {
        margin: 0 0 1px;
        background: #4ab2f1 url(../images/toggle-white.png) right center no-repeat;
        padding: 10px 15px;
        font-size: 20px;
        color: #fff;
        cursor: pointer;
        background-color: #5cb85c;
        border-color: #4cae4c;
        background-color: rgba(0, 0, 0, .4) !important;
        border-top: 1px solid #bb181f;
        border-bottom: 1px solid #bb181f;
        border-top: 0;
        border-bottom: 1px solid rgba(187, 24, 31, .1);
        border-radius: 0 0 0 0;
        /* padding: 0; */
        -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
        /* overflow: hidden; */
    }
}


.footer-block.follow-us {
    display: none !important;
}

.password-recovery-page .page-title h2 {
    font-size: 1.5rem;
}


.lSSlideOuter .captionx {
    background-color: rgba(22,22,22,.6);
    height: 50px;
    position: absolute;
    top: -16px;
    left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    color: white;
    width: 100%;
    font-weight: 600;
}

#image-gallery-cat li.lslide.current .captionx {
    font-weight: 700;
    background-color: rgba(24,67,87,.65);
}


#image-gallery-cat li.lslide.active:not(.current) .captionx {
    /*font-weight: 700;
    background-color: rgba(187, 24, 31, .9);*/
}


.checkout-info-text {
    background-color: #f9f9f9;
    clear: both;
    padding: 7px;
    max-width: 100%;
    float: right;
    width: 100%;
    float: none;
}

    .checkout-info-text p {
        background-color: #f9f9f9 !important;
        color: #444 !important;
        font-size: 14px;
    }

    .checkout-info-text .topic-block {
        margin: 0 0 5px;
        padding-left: 20px;
    }

.shopping-cart-page .common-buttons {
    margin: 0 0 0px;
}

.shopping-cart-page .checkout-attributes {
    float: none;
    max-width: 100%;
    width: 100%;
    margin: 0;
    margin-top: 15px;
    padding: 15px;
    background-color: rgba(0, 0, 0, .3);
}


#checkout_attribute_7 {
    width: 127px;
    min-width: 127px;
}

#checkout_attribute_4, #checkout_attribute_5 {
    width: 124px;
    min-width: 124px;
}


#checkout_attribute_h_4 {
    margin-right: 11px;
    /*margin-left: 9px;*/
}

#checkout_attribute_7 {
    width: 225px;
    min-width: 170px;
}

#checkout_attribute_label_7 {
    width: 228px;
    margin-right: 8px;
}

.ck-attr-holder {
    display: block;
    margin-bottom: -5px;
}

/*.ck-attr-holder-item {
    display: inline-block;
}*/

#checkout_attribute_h_6, #checkout_attribute_h_7, #checkout_attribute_h_4 {
    display: block;
    margin-bottom: 10px;
    /*margin-top: -15px;*/
}

    #checkout_attribute_h_6 text {
        min-height: 100px;
    }

#checkout_attribute_6 {
    min-height: 35px !important;
    width: 100%;
    max-width: 100%;
}


.shopping-cart-page .common-buttons {
    display: inline-block;
    padding: 0;
    float: right;
    background: inherit;
}

.shopping-cart-page .shopping-cart-title {
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    color: #ccc;
    text-align: left;
    float: left;
    padding: 12px 10px;
}

.shopping-cart-page .cart-options {
    border-left: 0px solid rgba(153, 153, 153, .7);
    border-radius: 0;
    background-color: rgba(255, 255, 255, .11);
}



/* mobile */

.shopping-cart-page .table-wrapper {
    overflow-x: auto;
    clear: both;
}

@media (min-width: 769px) {
    .cart-footer .totals {
        float: right;
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 1000px) {

    .shopping-cart-page .cart-options {
        border-left: 0px solid rgba(153, 153, 153, .7);
        border-radius: 0;
        background-color: rgba(255, 255, 255, .11);
        border-right: 0px solid rgba(153, 153, 153, .7);
    }


    .shopping-cart-page .common-buttons input {
        display: inline-block;
        min-width: 145px;
        margin: 5px;
        border: none;
        background-color: #aaa;
        padding: 10px 20px;
        font-size: 13px;
        color: #fff;
    }

    .ck-attr-holder {
        display: block;
        margin-bottom: -5px;
        text-align: left;
    }

    #checkout_attribute_h_7 {
        width: 100%;
    }


    /* Order comment field */
    #checkout_attribute_6 {
        min-height: 60px !important;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-top: 0;
    }

    #checkout_attribute_h_4 {
        margin-left: 0;
    }

    #checkout_attribute_h_4, #checkout_attribute_h_4 {
        margin-top: 10px;
    }

    #checkout_attribute_h_6 {
        margin-top: 0;
    }

    #checkout_attribute_h_2 {
        margin-bottom: -6px;
    }

    .cart-footer .totals {
        margin: 0 auto 10px;
    }

    .checkout-info-text p {
        background-color: #f9f9f9 !important;
        color: #444 !important;
        font-size: 13px;
    }

    .checkout-info-text {
        /*margin-top: 0px;*/
        margin-bottom: 20px;
    }

    .ck-attr-holder {
        margin-bottom: -18px;
    }

    .shopping-cart-page .shopping-cart-title {
        float: none;
    }

    .shopping-cart-page .common-buttons {
        float: none;
    }

    .shopping-cart-page .cart-options {
        /*background: none;*/
        margin-top: -20px;
        /*border: 0;*/
        padding-bottom: 10px;
    }

    .shopping-cart-page .shopping-cart-title {
        float: none;
        display: block;
        text-align: center;
        padding-bottom: 15px;
    }

    #checkout_attribute_input_2 {
        /*margin-left:-5px;*/
    }


    .shopping-cart-page .checkout-attributes {
        text-align: left !important;
    }

    .shopping-cart-page .page-body {
        padding-left: 0px;
        padding-right: 0px;
    }

    .checkout-info-text {
        margin-top: 0px !important;
    }

    .shopping-cart-page .page-body {
        padding-top: 15px;
    }
}




@media (min-width: 769px) and (max-width:1000px) {
    .ck-attr-holder {
        margin-bottom: 0px !important;
    }

    .cart-footer .cart-collaterals {
        float: left;
        width: 100%;
        margin: 0 2.5%;
    }

    .shopping-cart-page .cart-options {
        /* background: none; */
        margin-top: -20px;
        /* border: 0; */
        padding-bottom: 10px;
        border-left: 0px solid rgba(153, 153, 153, .7);
        border-radius: 0;
        background-color: rgba(255, 255, 255, .11);
        border-right: 0px solid rgba(153, 153, 153, .7);
    }
}


@media (min-width: 769px) and (max-width:1000px) {
    #checkout_attribute_h_2 {
        margin-left: -5px;
    }
}

.shopping-cart-page .totals label {
    margin-bottom: 0;
}


.shopping-cart-page .common-buttons {
    background: none;
}



.expand-zoom-ico {
    position: absolute;
    top: 10px;
    left: 10px;
    background-image: url(../images/zoom-icon-p.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    width: 100px;
    height: 100px;
}



@media (max-width: 768px) {

    .shopping-cart-page .table-wrapper {
        clear: both;
        width: 100%;
        max-width: 100%;
    }

    .content-container.cross-sells {
        max-width: 100%;
        overflow-x: hidden;
    }
}

@media (max-width: 480px) {

    #checkout_attribute_h_4 {
        margin-right: 11px;
    }

    #checkout_attribute_4, #checkout_attribute_5 {
        width: 108px;
        min-width: 108px;
    }

    .picker__list li {
        margin-bottom: 5px !important;
    }
}

.shopping-cart-page .totals label {
    margin-bottom: 5px;
}


html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

/*
.main-wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow-x: hidden;
}*/

.main-wrapper {
    width: 100%;
    overflow-x: hidden;
}


.shipping-method .method-list li label, .payment-method .method-list li label {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}


/* Safari fixes */

.navbar > .container, .navbar > .container-fluid {
    display: -webkit-box;
    /*  display: -moz-box;
    display: -ms-flexbox;*/
    display: -webkit-flex;
}


.picker__list {
    z-index: 9999999999999999;
}


.shopping-cart-page .terms-of-service a, .shopping-cart-page .terms-of-service a:hover {
    color: #4ab2f1;
    font-weight: 700;
}




@media (max-width: 768px) {
    .cart .product {
        min-width: 190px;
    }

    .shopping-cart-page .table-wrapper {
        clear: both;
        width: 100%;
        max-width: 99%;
        margin: 0 auto;
        background: none;
        border: 0;
        box-shadow: 0 0 0;
        margin-top: 16px;
    }

    .head-topic-pages blockquote {
        font-size: 17px;
    }
}

.cart-footer {
    border-top: 0;
}

}

@media (max-width: 768px) {

    #checkout_attribute_4, #checkout_attribute_5 {
        width: 135px;
        min-width: 124px;
    }

    #checkout_attribute_7 {
        width: 135px;
        min-width: 135px;
    }
}

.main-wrapper {
    overflow-x: unset;
}

.cart-footer .terms-of-service label {
    margin-bottom: 7px !important;
}


@media (max-width: 768px) {

    .item-box-x .product-item .input-group {
        /*float: none;*/
    }
}


.home-page .content-container.bestsellers {
    margin-top: 15px;
    margin-bottom: 15px;
}









.new-year-styling {
}


    /* Lights */
    .new-year-styling .bokeh {
        position: relative;
        width: 100%;
        height: 100%;
        pointer-events: none;
        top: -50px;
        left: -25px;
    }

    .new-year-styling .light {
        position: absolute;
        border-radius: 50%;
        opacity: 0;
    }

        .new-year-styling .light:nth-child(1) {
            width: 88px;
            height: 88px;
            top: 70%;
            left: 3%;
            background: #D00010;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 25s light2 linear infinite;
            animation: 25s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(2) {
            width: 77px;
            height: 77px;
            top: 11%;
            left: 79%;
            background: #7D0006;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 22s light4 linear infinite;
            animation: 22s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(3) {
            width: 94px;
            height: 94px;
            top: 14%;
            left: 85%;
            background: #FEC641;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 29s light4 linear infinite;
            animation: 29s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(4) {
            width: 96px;
            height: 96px;
            top: 77%;
            left: 89%;
            background: #FEE34A;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 18s light6 linear infinite;
            animation: 18s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(5) {
            width: 87px;
            height: 87px;
            top: 33%;
            left: 50%;
            background: #6B0D05;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 20s light2 linear infinite;
            animation: 20s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(6) {
            width: 82px;
            height: 82px;
            top: 9%;
            left: 56%;
            background: #63C13B;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 27s light5 linear infinite;
            animation: 27s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(7) {
            width: 100px;
            height: 100px;
            top: 25%;
            left: 30%;
            background: #2F8A27;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 19s light6 linear infinite;
            animation: 19s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(8) {
            width: 95px;
            height: 95px;
            top: 38%;
            left: 63%;
            background: #5C6C94;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 18s light6 linear infinite;
            animation: 18s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(9) {
            width: 88px;
            height: 88px;
            top: 19%;
            left: 62%;
            background: #5C6C94;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 28s light5 linear infinite;
            animation: 28s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(10) {
            width: 92px;
            height: 92px;
            top: 79%;
            left: 65%;
            background: #7D0006;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 31s light5 linear infinite;
            animation: 31s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(11) {
            width: 84px;
            height: 84px;
            top: 62%;
            left: 28%;
            background: #6B0D05;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 34s light2 linear infinite;
            animation: 34s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(12) {
            width: 98px;
            height: 98px;
            top: 32%;
            left: 52%;
            background: #DB1913;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 23s light4 linear infinite;
            animation: 23s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(13) {
            width: 77px;
            height: 77px;
            top: 67%;
            left: 5%;
            background: #7D0006;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 35s light6 linear infinite;
            animation: 35s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(14) {
            width: 83px;
            height: 83px;
            top: 26%;
            left: 92%;
            background: #5C6C94;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 18s light3 linear infinite;
            animation: 18s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(15) {
            width: 86px;
            height: 86px;
            top: 27%;
            left: 12%;
            background: #7D0006;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 34s light6 linear infinite;
            animation: 34s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(16) {
            width: 80px;
            height: 80px;
            top: 12%;
            left: 56%;
            background: #FE0016;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 26s light5 linear infinite;
            animation: 26s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(17) {
            width: 89px;
            height: 89px;
            top: 9%;
            left: 63%;
            background: #DB1913;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 30s light4 linear infinite;
            animation: 30s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(18) {
            width: 78px;
            height: 78px;
            top: 42%;
            left: 23%;
            background: #FEE34A;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 12s light2 linear infinite;
            animation: 12s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(19) {
            width: 87px;
            height: 87px;
            top: 31%;
            left: 94%;
            background: #D00010;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 26s light6 linear infinite;
            animation: 26s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(20) {
            width: 93px;
            height: 93px;
            top: 42%;
            left: 43%;
            background: #FEE34A;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 28s light2 linear infinite;
            animation: 28s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(21) {
            width: 81px;
            height: 81px;
            top: 27%;
            left: 71%;
            background: #FEC641;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 29s light6 linear infinite;
            animation: 29s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(22) {
            width: 89px;
            height: 89px;
            top: 84%;
            left: 50%;
            background: #D00010;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 26s light4 linear infinite;
            animation: 26s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(23) {
            width: 100px;
            height: 100px;
            top: 69%;
            left: 7%;
            background: #2F8A27;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 21s light6 linear infinite;
            animation: 21s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(24) {
            width: 90px;
            height: 90px;
            top: 26%;
            left: 21%;
            background: #D00010;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 27s light5 linear infinite;
            animation: 27s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(25) {
            width: 79px;
            height: 79px;
            top: 3%;
            left: 8%;
            background: #DB1913;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 18s light6 linear infinite;
            animation: 18s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(26) {
            width: 88px;
            height: 88px;
            top: 68%;
            left: 31%;
            background: #2F8A27;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 14s light2 linear infinite;
            animation: 14s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(27) {
            width: 97px;
            height: 97px;
            top: 38%;
            left: 62%;
            background: #7D0006;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 27s light6 linear infinite;
            animation: 27s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(28) {
            width: 76px;
            height: 76px;
            top: 100%;
            left: 23%;
            background: #FE0016;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 33s light3 linear infinite;
            animation: 33s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(29) {
            width: 83px;
            height: 83px;
            top: 60%;
            left: 69%;
            background: #7D0006;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 29s light6 linear infinite;
            animation: 29s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(30) {
            width: 97px;
            height: 97px;
            top: 71%;
            left: 20%;
            background: #7D0006;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 35s light2 linear infinite;
            animation: 35s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(31) {
            width: 95px;
            height: 95px;
            top: 55%;
            left: 70%;
            background: #FEC641;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 11s light4 linear infinite;
            animation: 11s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(32) {
            width: 89px;
            height: 89px;
            top: 49%;
            left: 2%;
            background: #FE0016;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 26s light3 linear infinite;
            animation: 26s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(33) {
            width: 83px;
            height: 83px;
            top: 28%;
            left: 97%;
            background: #7D0006;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 19s light4 linear infinite;
            animation: 19s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(34) {
            width: 92px;
            height: 92px;
            top: 99%;
            left: 30%;
            background: #FE0016;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 32s light4 linear infinite;
            animation: 32s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(35) {
            width: 89px;
            height: 89px;
            top: 87%;
            left: 89%;
            background: #D00010;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 14s light2 linear infinite;
            animation: 14s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(36) {
            width: 96px;
            height: 96px;
            top: 16%;
            left: 32%;
            background: #FE0016;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 25s light2 linear infinite;
            animation: 25s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(37) {
            width: 98px;
            height: 98px;
            top: 21%;
            left: 78%;
            background: #7D0006;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 33s light3 linear infinite;
            animation: 33s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(38) {
            width: 87px;
            height: 87px;
            top: 40%;
            left: 54%;
            background: #63C13B;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 21s light4 linear infinite;
            animation: 21s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(39) {
            width: 100px;
            height: 100px;
            top: 96%;
            left: 14%;
            background: #5C6C94;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 21s light2 linear infinite;
            animation: 21s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(40) {
            width: 95px;
            height: 95px;
            top: 23%;
            left: 18%;
            background: #D00010;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 24s light2 linear infinite;
            animation: 24s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(41) {
            width: 91px;
            height: 91px;
            top: 2%;
            left: 66%;
            background: #FE0016;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 11s light2 linear infinite;
            animation: 11s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(42) {
            width: 91px;
            height: 91px;
            top: 62%;
            left: 97%;
            background: #DB1913;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 30s light2 linear infinite;
            animation: 30s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(43) {
            width: 76px;
            height: 76px;
            top: 37%;
            left: 11%;
            background: #DB1913;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 18s light2 linear infinite;
            animation: 18s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(44) {
            width: 88px;
            height: 88px;
            top: 22%;
            left: 38%;
            background: #2F8A27;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 19s light2 linear infinite;
            animation: 19s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(45) {
            width: 85px;
            height: 85px;
            top: 62%;
            left: 27%;
            background: #D00010;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 18s light6 linear infinite;
            animation: 18s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(46) {
            width: 82px;
            height: 82px;
            top: 33%;
            left: 18%;
            background: #5C6C94;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 21s light2 linear infinite;
            animation: 21s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(47) {
            width: 95px;
            height: 95px;
            top: 86%;
            left: 93%;
            background: #5C6C94;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 29s light6 linear infinite;
            animation: 29s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(48) {
            width: 94px;
            height: 94px;
            top: 68%;
            left: 33%;
            background: #DB1913;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 28s light4 linear infinite;
            animation: 28s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(49) {
            width: 76px;
            height: 76px;
            top: 19%;
            left: 98%;
            background: #6B0D05;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 21s light4 linear infinite;
            animation: 21s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(50) {
            width: 88px;
            height: 88px;
            top: 44%;
            left: 2%;
            background: #DB1913;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 11s light2 linear infinite;
            animation: 11s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(51) {
            width: 88px;
            height: 88px;
            top: 17%;
            left: 32%;
            background: #FE0016;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 17s light6 linear infinite;
            animation: 17s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(52) {
            width: 90px;
            height: 90px;
            top: 10%;
            left: 28%;
            background: #2F8A27;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 23s light2 linear infinite;
            animation: 23s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(53) {
            width: 93px;
            height: 93px;
            top: 99%;
            left: 77%;
            background: #2F8A27;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 16s light6 linear infinite;
            animation: 16s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(54) {
            width: 83px;
            height: 83px;
            top: 36%;
            left: 52%;
            background: #FEC641;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 12s light5 linear infinite;
            animation: 12s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(55) {
            width: 84px;
            height: 84px;
            top: 15%;
            left: 27%;
            background: #2F8A27;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 24s light4 linear infinite;
            animation: 24s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(56) {
            width: 87px;
            height: 87px;
            top: 4%;
            left: 1%;
            background: #5C6C94;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 33s light3 linear infinite;
            animation: 33s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(57) {
            width: 86px;
            height: 86px;
            top: 32%;
            left: 57%;
            background: #63C13B;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 30s light3 linear infinite;
            animation: 30s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(58) {
            width: 99px;
            height: 99px;
            top: 99%;
            left: 36%;
            background: #DB1913;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 25s light2 linear infinite;
            animation: 25s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(59) {
            width: 100px;
            height: 100px;
            top: 12%;
            left: 81%;
            background: #DB1913;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 31s light6 linear infinite;
            animation: 31s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(60) {
            width: 92px;
            height: 92px;
            top: 40%;
            left: 76%;
            background: #FEE34A;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 31s light3 linear infinite;
            animation: 31s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(61) {
            width: 87px;
            height: 87px;
            top: 5%;
            left: 45%;
            background: #7D0006;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 33s light6 linear infinite;
            animation: 33s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(62) {
            width: 82px;
            height: 82px;
            top: 44%;
            left: 76%;
            background: #FEE34A;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 17s light4 linear infinite;
            animation: 17s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(63) {
            width: 94px;
            height: 94px;
            top: 95%;
            left: 31%;
            background: #FEE34A;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 21s light2 linear infinite;
            animation: 21s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(64) {
            width: 90px;
            height: 90px;
            top: 50%;
            left: 60%;
            background: #5C6C94;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 12s light2 linear infinite;
            animation: 12s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(65) {
            width: 86px;
            height: 86px;
            top: 14%;
            left: 70%;
            background: #63C13B;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 19s light6 linear infinite;
            animation: 19s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(66) {
            width: 95px;
            height: 95px;
            top: 82%;
            left: 22%;
            background: #63C13B;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 19s light6 linear infinite;
            animation: 19s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(67) {
            width: 81px;
            height: 81px;
            top: 50%;
            left: 47%;
            background: #2F8A27;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 15s light6 linear infinite;
            animation: 15s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(68) {
            width: 97px;
            height: 97px;
            top: 20%;
            left: 48%;
            background: #DB1913;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 19s light2 linear infinite;
            animation: 19s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(69) {
            width: 77px;
            height: 77px;
            top: 11%;
            left: 97%;
            background: #7D0006;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 31s light4 linear infinite;
            animation: 31s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(70) {
            width: 91px;
            height: 91px;
            top: 79%;
            left: 97%;
            background: #DB1913;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 22s light4 linear infinite;
            animation: 22s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(71) {
            width: 81px;
            height: 81px;
            top: 47%;
            left: 41%;
            background: #6B0D05;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 26s light5 linear infinite;
            animation: 26s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(72) {
            width: 98px;
            height: 98px;
            top: 8%;
            left: 35%;
            background: #2F8A27;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 17s light4 linear infinite;
            animation: 17s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(73) {
            width: 79px;
            height: 79px;
            top: 31%;
            left: 88%;
            background: #2F8A27;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 20s light6 linear infinite;
            animation: 20s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(74) {
            width: 96px;
            height: 96px;
            top: 38%;
            left: 21%;
            background: #D00010;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 12s light3 linear infinite;
            animation: 12s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(75) {
            width: 84px;
            height: 84px;
            top: 12%;
            left: 73%;
            background: #D00010;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 16s light3 linear infinite;
            animation: 16s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(76) {
            width: 90px;
            height: 90px;
            top: 20%;
            left: 37%;
            background: #5C6C94;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 32s light3 linear infinite;
            animation: 32s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(77) {
            width: 96px;
            height: 96px;
            top: 93%;
            left: 72%;
            background: #FEE34A;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 23s light3 linear infinite;
            animation: 23s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(78) {
            width: 83px;
            height: 83px;
            top: 45%;
            left: 8%;
            background: #DB1913;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 33s light5 linear infinite;
            animation: 33s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(79) {
            width: 82px;
            height: 82px;
            top: 76%;
            left: 9%;
            background: #2F8A27;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 14s light5 linear infinite;
            animation: 14s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(80) {
            width: 94px;
            height: 94px;
            top: 25%;
            left: 33%;
            background: #DB1913;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 18s light4 linear infinite;
            animation: 18s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(81) {
            width: 82px;
            height: 82px;
            top: 75%;
            left: 98%;
            background: #FEC641;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 35s light2 linear infinite;
            animation: 35s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(82) {
            width: 83px;
            height: 83px;
            top: 90%;
            left: 90%;
            background: #6B0D05;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 23s light6 linear infinite;
            animation: 23s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(83) {
            width: 92px;
            height: 92px;
            top: 54%;
            left: 30%;
            background: #2F8A27;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 27s light3 linear infinite;
            animation: 27s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(84) {
            width: 97px;
            height: 97px;
            top: 3%;
            left: 70%;
            background: #DB1913;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 29s light5 linear infinite;
            animation: 29s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(85) {
            width: 88px;
            height: 88px;
            top: 96%;
            left: 33%;
            background: #DB1913;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 35s light5 linear infinite;
            animation: 35s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(86) {
            width: 89px;
            height: 89px;
            top: 12%;
            left: 73%;
            background: #D00010;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 22s light3 linear infinite;
            animation: 22s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(87) {
            width: 83px;
            height: 83px;
            top: 24%;
            left: 11%;
            background: #DB1913;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 18s light2 linear infinite;
            animation: 18s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(88) {
            width: 91px;
            height: 91px;
            top: 98%;
            left: 13%;
            background: #D00010;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 28s light5 linear infinite;
            animation: 28s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(89) {
            width: 89px;
            height: 89px;
            top: 53%;
            left: 49%;
            background: #6B0D05;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 32s light6 linear infinite;
            animation: 32s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(90) {
            width: 80px;
            height: 80px;
            top: 28%;
            left: 38%;
            background: #2F8A27;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 34s light4 linear infinite;
            animation: 34s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(91) {
            width: 90px;
            height: 90px;
            top: 54%;
            left: 62%;
            background: #FEC641;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 18s light2 linear infinite;
            animation: 18s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(92) {
            width: 87px;
            height: 87px;
            top: 16%;
            left: 19%;
            background: #7D0006;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 21s light4 linear infinite;
            animation: 21s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(93) {
            width: 92px;
            height: 92px;
            top: 14%;
            left: 26%;
            background: #6B0D05;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 18s light2 linear infinite;
            animation: 18s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(94) {
            width: 99px;
            height: 99px;
            top: 95%;
            left: 47%;
            background: #2F8A27;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 19s light5 linear infinite;
            animation: 19s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(95) {
            width: 94px;
            height: 94px;
            top: 26%;
            left: 12%;
            background: #63C13B;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 33s light3 linear infinite;
            animation: 33s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(96) {
            width: 90px;
            height: 90px;
            top: 80%;
            left: 5%;
            background: #2F8A27;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 15s light5 linear infinite;
            animation: 15s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(97) {
            width: 93px;
            height: 93px;
            top: 18%;
            left: 72%;
            background: #7D0006;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 12s light5 linear infinite;
            animation: 12s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(98) {
            width: 99px;
            height: 99px;
            top: 97%;
            left: 10%;
            background: #6B0D05;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 15s light5 linear infinite;
            animation: 15s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(99) {
            width: 85px;
            height: 85px;
            top: 20%;
            left: 47%;
            background: #7D0006;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 26s light4 linear infinite;
            animation: 26s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(100) {
            width: 94px;
            height: 94px;
            top: 4%;
            left: 99%;
            background: #6B0D05;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 16s light6 linear infinite;
            animation: 16s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(101) {
            width: 81px;
            height: 81px;
            top: 73%;
            left: 81%;
            background: #7D0006;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 25s light6 linear infinite;
            animation: 25s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(102) {
            width: 81px;
            height: 81px;
            top: 6%;
            left: 22%;
            background: #DB1913;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 28s light2 linear infinite;
            animation: 28s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(103) {
            width: 79px;
            height: 79px;
            top: 96%;
            left: 22%;
            background: #6B0D05;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 11s light3 linear infinite;
            animation: 11s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(104) {
            width: 79px;
            height: 79px;
            top: 48%;
            left: 57%;
            background: #5C6C94;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 17s light5 linear infinite;
            animation: 17s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(105) {
            width: 94px;
            height: 94px;
            top: 59%;
            left: 75%;
            background: #FE0016;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 15s light5 linear infinite;
            animation: 15s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(106) {
            width: 93px;
            height: 93px;
            top: 26%;
            left: 96%;
            background: #63C13B;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 19s light3 linear infinite;
            animation: 19s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(107) {
            width: 87px;
            height: 87px;
            top: 32%;
            left: 44%;
            background: #DB1913;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 16s light6 linear infinite;
            animation: 16s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(108) {
            width: 100px;
            height: 100px;
            top: 34%;
            left: 100%;
            background: #FEE34A;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 14s light2 linear infinite;
            animation: 14s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(109) {
            width: 76px;
            height: 76px;
            top: 87%;
            left: 3%;
            background: #63C13B;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 35s light4 linear infinite;
            animation: 35s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(110) {
            width: 86px;
            height: 86px;
            top: 19%;
            left: 9%;
            background: #6B0D05;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 23s light5 linear infinite;
            animation: 23s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(111) {
            width: 93px;
            height: 93px;
            top: 82%;
            left: 40%;
            background: #DB1913;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 14s light3 linear infinite;
            animation: 14s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(112) {
            width: 87px;
            height: 87px;
            top: 36%;
            left: 57%;
            background: #63C13B;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 30s light6 linear infinite;
            animation: 30s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(113) {
            width: 95px;
            height: 95px;
            top: 52%;
            left: 56%;
            background: #2F8A27;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 31s light2 linear infinite;
            animation: 31s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(114) {
            width: 85px;
            height: 85px;
            top: 14%;
            left: 67%;
            background: #5C6C94;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 30s light5 linear infinite;
            animation: 30s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(115) {
            width: 82px;
            height: 82px;
            top: 72%;
            left: 32%;
            background: #D00010;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 21s light3 linear infinite;
            animation: 21s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(116) {
            width: 93px;
            height: 93px;
            top: 11%;
            left: 73%;
            background: #2F8A27;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 32s light4 linear infinite;
            animation: 32s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(117) {
            width: 88px;
            height: 88px;
            top: 96%;
            left: 3%;
            background: #DB1913;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 21s light2 linear infinite;
            animation: 21s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(118) {
            width: 77px;
            height: 77px;
            top: 31%;
            left: 71%;
            background: #6B0D05;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 13s light2 linear infinite;
            animation: 13s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(119) {
            width: 85px;
            height: 85px;
            top: 83%;
            left: 29%;
            background: #5C6C94;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 28s light6 linear infinite;
            animation: 28s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(120) {
            width: 82px;
            height: 82px;
            top: 21%;
            left: 91%;
            background: #6B0D05;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 34s light3 linear infinite;
            animation: 34s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(121) {
            width: 98px;
            height: 98px;
            top: 75%;
            left: 12%;
            background: #FEE34A;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 21s light3 linear infinite;
            animation: 21s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(122) {
            width: 78px;
            height: 78px;
            top: 34%;
            left: 31%;
            background: #FE0016;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 30s light3 linear infinite;
            animation: 30s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(123) {
            width: 95px;
            height: 95px;
            top: 86%;
            left: 69%;
            background: #FEE34A;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 31s light2 linear infinite;
            animation: 31s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(124) {
            width: 98px;
            height: 98px;
            top: 65%;
            left: 59%;
            background: #6B0D05;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 25s light6 linear infinite;
            animation: 25s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(125) {
            width: 90px;
            height: 90px;
            top: 8%;
            left: 19%;
            background: #5C6C94;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 25s light4 linear infinite;
            animation: 25s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(126) {
            width: 82px;
            height: 82px;
            top: 10%;
            left: 93%;
            background: #FEC641;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 31s light2 linear infinite;
            animation: 31s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(127) {
            width: 88px;
            height: 88px;
            top: 66%;
            left: 32%;
            background: #63C13B;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 33s light6 linear infinite;
            animation: 33s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(128) {
            width: 81px;
            height: 81px;
            top: 7%;
            left: 51%;
            background: #FEE34A;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 18s light6 linear infinite;
            animation: 18s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(129) {
            width: 82px;
            height: 82px;
            top: 99%;
            left: 94%;
            background: #DB1913;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 25s light2 linear infinite;
            animation: 25s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(130) {
            width: 89px;
            height: 89px;
            top: 4%;
            left: 27%;
            background: #D00010;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 29s light4 linear infinite;
            animation: 29s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(131) {
            width: 97px;
            height: 97px;
            top: 87%;
            left: 63%;
            background: #7D0006;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 27s light3 linear infinite;
            animation: 27s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(132) {
            width: 82px;
            height: 82px;
            top: 70%;
            left: 67%;
            background: #5C6C94;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 27s light5 linear infinite;
            animation: 27s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(133) {
            width: 95px;
            height: 95px;
            top: 84%;
            left: 84%;
            background: #D00010;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 35s light4 linear infinite;
            animation: 35s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(134) {
            width: 83px;
            height: 83px;
            top: 91%;
            left: 1%;
            background: #FE0016;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 11s light5 linear infinite;
            animation: 11s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(135) {
            width: 95px;
            height: 95px;
            top: 81%;
            left: 23%;
            background: #2F8A27;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 11s light2 linear infinite;
            animation: 11s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(136) {
            width: 86px;
            height: 86px;
            top: 71%;
            left: 74%;
            background: #FE0016;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 23s light3 linear infinite;
            animation: 23s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(137) {
            width: 81px;
            height: 81px;
            top: 3%;
            left: 37%;
            background: #FEC641;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 34s light5 linear infinite;
            animation: 34s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(138) {
            width: 96px;
            height: 96px;
            top: 17%;
            left: 17%;
            background: #FEC641;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 32s light6 linear infinite;
            animation: 32s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(139) {
            width: 82px;
            height: 82px;
            top: 84%;
            left: 73%;
            background: #7D0006;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 31s light4 linear infinite;
            animation: 31s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(140) {
            width: 76px;
            height: 76px;
            top: 45%;
            left: 98%;
            background: #5C6C94;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 20s light2 linear infinite;
            animation: 20s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(141) {
            width: 85px;
            height: 85px;
            top: 65%;
            left: 25%;
            background: #FEE34A;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 20s light4 linear infinite;
            animation: 20s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(142) {
            width: 76px;
            height: 76px;
            top: 84%;
            left: 81%;
            background: #FEC641;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 24s light5 linear infinite;
            animation: 24s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(143) {
            width: 86px;
            height: 86px;
            top: 2%;
            left: 4%;
            background: #FEC641;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 22s light6 linear infinite;
            animation: 22s light6 linear infinite;
        }

        .new-year-styling .light:nth-child(144) {
            width: 87px;
            height: 87px;
            top: 11%;
            left: 27%;
            background: #6B0D05;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 13s light5 linear infinite;
            animation: 13s light5 linear infinite;
        }

        .new-year-styling .light:nth-child(145) {
            width: 85px;
            height: 85px;
            top: 82%;
            left: 48%;
            background: #63C13B;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 24s light2 linear infinite;
            animation: 24s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(146) {
            width: 100px;
            height: 100px;
            top: 39%;
            left: 71%;
            background: #5C6C94;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 30s light3 linear infinite;
            animation: 30s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(147) {
            width: 79px;
            height: 79px;
            top: 22%;
            left: 6%;
            background: #FEE34A;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 17s light2 linear infinite;
            animation: 17s light2 linear infinite;
        }

        .new-year-styling .light:nth-child(148) {
            width: 100px;
            height: 100px;
            top: 42%;
            left: 58%;
            background: #DB1913;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 28s light4 linear infinite;
            animation: 28s light4 linear infinite;
        }

        .new-year-styling .light:nth-child(149) {
            width: 92px;
            height: 92px;
            top: 58%;
            left: 94%;
            background: #FEE34A;
            -webkit-filter: blur(3px);
            filter: blur(3px);
            -webkit-animation: 34s light3 linear infinite;
            animation: 34s light3 linear infinite;
        }

        .new-year-styling .light:nth-child(150) {
            width: 99px;
            height: 99px;
            top: 45%;
            left: 64%;
            background: #D00010;
            -webkit-filter: blur(4px);
            filter: blur(4px);
            -webkit-animation: 27s light3 linear infinite;
            animation: 27s light3 linear infinite;
        }

@-webkit-keyframes light1 {
    25% {
        opacity: 0.54;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.32;
    }

    100% {
        opacity: 0;
    }
}

@keyframes light1 {
    25% {
        opacity: 0.54;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.32;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes light2 {
    25% {
        opacity: 0.63;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

@keyframes light2 {
    25% {
        opacity: 0.63;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes light3 {
    25% {
        opacity: 0.43;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.28;
    }

    100% {
        opacity: 0;
    }
}

@keyframes light3 {
    25% {
        opacity: 0.43;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.28;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes light4 {
    25% {
        opacity: 0.39;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.72;
    }

    100% {
        opacity: 0;
    }
}

@keyframes light4 {
    25% {
        opacity: 0.39;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.72;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes light5 {
    25% {
        opacity: 0.52;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.42;
    }

    100% {
        opacity: 0;
    }
}

@keyframes light5 {
    25% {
        opacity: 0.52;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.42;
    }

    100% {
        opacity: 0;
    }
}
/* Other Stuff */
.new-year-styling {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: -18px;
    height: 120px;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
    background-image: -webkit-gradient(linear, right bottom, left top, from(#0A0707), color-stop(50%, #110C0D), to(#0C090A));
    background-image: linear-gradient(right bottom, #0A0707 0%, #110C0D 50%, #0C090A 100%);
}

    .new-year-styling .topic-block-body {
        text-align: center;
        text-transform: uppercase;
        text-shadow: 0px 0px 50px rgba(255, 255, 255, 0.5);
        color: #FFFFFF;
        position: relative;
        top: 25%;
        z-index: 10;
        opacity: 0.9;
        left: 0%;
        right: 0%;
    }

    .new-year-styling blockquote {
        padding: 10px 10px;
        margin: 0 0 16px;
        border-left: 0;
        border-radius: 5px 0px 5px 0px;
        background-color: transparent;
        font-size: 20px;
        font-weight: 400;
        color: #ccc;
        text-align: left;
        position: absolute;
        text-align: center;
        margin: 0 auto;
        text-shadow: 0px 0px 50px rgba(255, 255, 255, 0.5);
        color: #FFFFFF;
        margin: auto;
        position: absolute;
        margin-top: 35px;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }





/* tier prices table product detials page */




.product-details-page .tier-prices {
    margin: 0 0 20px;
    margin-right: 15px;
}

    .product-details-page .tier-prices table td {
        border: 1px solid #ddd;
        padding: 10px;
        color: #fff;
    }

    .product-details-page .tier-prices .item-price {
        background-color: transparent;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
    }





.product-details-page .full-description {
    padding-left: 5px;
    padding-right: 5px;
}

@media (max-width: 768px) {

    .product-details-page .tier-prices {
        margin: 0 0 20px;
        margin-right: 5px;
        margin-left: 5px;
    }
}



/* Display 4 products in a row */

@media (min-width: 1200px) {
    .item-box.item-box-4-in-row {
        width: 24% !important;
        margin: 0 0.5% 20px;
    }

        .item-box.item-box-4-in-row .p-picture a img {
            width: 100%;
            object-fit: cover;
            min-height: 253px !important;
        }

        .item-box.item-box-4-in-row:nth-child(4n+1) {
            clear: both;
        }

        .item-box.item-box-4-in-row:nth-child(3n+1) {
            clear: none;
        }

    .item-grid .item-box.item-box-4-in-row .product-title {
        white-space: normal;
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        width: 260px;
        margin-top: 15px;
    }
}


@media (min-width: 768px) and (max-width:1200px) {
    .item-box.item-box-4-in-row {
        width: 49% !important;
        margin: 0 0.5% 20px;
    }

        .item-box.item-box-4-in-row .p-picture a img {
            width: 100%;
            object-fit: cover;
            min-height: 253px !important;
        }

        .item-box.item-box-4-in-row:nth-child(2n+1) {
            clear: both;
        }

        .item-box.item-box-4-in-row:nth-child(3n+1) {
            clear: none;
        }

    .item-grid .item-box.item-box-4-in-row .product-title {
        white-space: normal;
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        width: 260px;
        margin-top: 15px;
    }
}


@media (min-width: 480px) and (max-width: 768px) {
    .item-grid .item-box.item-box-4-in-row .product-title {
        white-space: normal;
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        width: 220px;
        margin-top: 15px;
    }
}


@media (max-width: 480px) {
    .item-grid .item-box.item-box-4-in-row .product-title {
        white-space: normal;
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        width: 300px;
        margin-top: 15px;
    }
}

.item-box.item-box-4-in-row .product-item .input-group {
    /* width: 106px !important; */
    /* width: 100% !important; */
    float: none;
}



.topic-block-body blockquote a:hover, .topic-block-body blockquote a:active, .topic-block-body blockquote a:visited, .topic-block-body blockquote a:focus {
    color: #fff !important;
}



/* Estimate Shipping */


.estimate-shipping-popup {
    position: relative;
    background: #fff;
    padding: 25px 10px;
    width: auto;
    max-width: 800px;
    margin: 0 auto;
    color: #777;
}

.estimate-shipping-row {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.estimate-shipping-row-item {
    flex: 0 1 100%;
}


.estimate-shipping-row-item-radio {
    flex: 0 0 35px;
}


.estimate-shipping-row-item.shipping-item {
    padding: 8px 0;
    overflow: hidden;
    overflow-wrap: break-word;
}

.estimate-shipping-row-item + .estimate-shipping-row-item {
    padding-left: 10px;
}

.estimate-shipping-row-item + .estimate-shipping-row-item {
    padding-left: 10px;
}

.estimate-shipping-row-item.shipping-item {
    padding: 8px 0;
    overflow: hidden;
    overflow-wrap: break-word;
}


.estimate-shipping-radio:checked + label {
    background-color: #4ab2f1;
    color: #99a1a7;
    border: 1px solid #adb8c0;
    border-color: #4ab2f1;
}

.estimate-shipping-radio + label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
}

.estimate-shipping-radio:checked + label:after {
    content: ' ';
    width: 6px;
    height: 6px;
    border-radius: 50px;
    position: absolute;
    top: 6px;
    left: 6px;
    background: #fff;
}

.estimate-shipping-radio {
    display: none;
}

.apply-shipping-button {
    border: none;
    padding: 8px 25px;
    background-color: #4ab2f1;
    color: #fff;
}

.estimate-shipping-popup .message-failure {
    margin: 5px 0 -5px;
    font-size: 12px;
    color: #e4434b;
}


.apply-shipping-button-container {
    margin-top: 15px;
    text-align: center;
}



.contact-page .captcha-box {
    margin-left: 35px;
}

.contact-page .button-1.contact-us-button {
    margin-top: 12px;
}


@media (min-width: 769px) {
    .search-page .item-box {
        margin: 0;
        margin-bottom: 50px;
    }

    .category-page .item-box {
        margin-bottom: 25px;
    }
}




.checkout-data {
    margin-bottom: 20px;
}

    .checkout-data .pickupoptions h4 {
        margin-bottom: 30px;
    }

    .checkout-data .deliveryoptions h4 {
        margin-bottom: 10px;
    }

@media (min-width: 769px) {
    .checkout-data .shipping-method .method-list li {
        width: 100% !important;
    }

    .checkout-data .deliveryoptions {
        border-left: 3px solid black;
    }
}

.confirm-order {
    background-color: #f9f9f9;
    border-radius: 5px;
    padding: 0px 15px;
}

.nav-item a {
    text-transform: uppercase;
}

.mobile-collapsing-menu a {
    text-transform: uppercase;
}

.nav-mob a {
    text-transform: uppercase;
}

.nav-mob {
    margin: 0 auto;
    z-index: 10;
    width: 100%;
    left: 0;
    right: 0;
}

.side-2 a, blockquote {
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .header-logo {
        display: none;
    }

    .header-logo {
        margin: 0px;
    }
}

@media (min-width: 992px) {
    .header-logo-mobile {
        display: none;
    }
}

@media (max-width: 620px) {
    .head-topic-pages {
        display: none;
    }
}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Contact Page @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



.contact-main {
    font-family: ProximaNova, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Droid Sans", "Helvetica Neue";
    font-size: 16px;
    background-color: rgb(18, 18, 18);
}

@media (max-width: 767px) {
    .contact-main {
        margin-top: 75px;
    }
}

.contact-head-section {
    position: relative;
    height: 420px;
    background-color: #121212;
    min-height: 350px;
    max-height: 75vmin;
    margin-top: -90px;
    margin: 0 auto;
}

@media (min-width: 1440px) {
    .contact-head-section {
        height: 20vw;
        min-height: 420px;
        max-height: calc(var(--vh)* .6);
        /* margin-top: -90px; */
    }
}

@media (max-width: 767px) {
    .contact-head-section {
        height: 100vw;
        max-height: 400px;
        margin-top: -70px;
    }
}

.contact-head-hero {
    height: 100%;
    position: relative;
    overflow: hidden;
    --vh: 576px;
}

.contact-hero-header {
    transform: translateY(0%) scale(1);
    transform-origin: center bottom;
    filter: blur(0px);
    will-change: transform;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.hero-image-wrapper {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
}

.contact-head-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    vertical-align: middle;
}

.head-image-wrapper-right {
    right: 50%;
    background-image: linear-gradient(90deg, hsla(0, 0%, 7%, .5) 0, hsla(0, 0%, 7%, .369) 19%, hsla(0, 0%, 7%, .27) 34%, hsla(0, 0%, 7%, .191) 47%, hsla(0, 0%, 7%, .139) 56.5%, hsla(0, 0%, 7%, .097) 65%, hsla(0, 0%, 7%, .063) 73%, hsla(0, 0%, 7%, .037) 80.2%, hsla(0, 0%, 7%, .021) 86.1%, hsla(0, 0%, 7%, .011) 91%, hsla(0, 0%, 7%, .004) 95.2%, hsla(0, 0%, 7%, .001) 98.2%, hsla(0, 0%, 7%, 0));
}

@media (max-width: 767px) {
    .head-image-wrapper-right {
        right: 0;
    }
}

.head-image-wrapper-left {
    top: auto;
    height: 75%;
    background-image: linear-gradient(180deg, rgba(36, 34, 30, 0) 0, rgba(27, 26, 24, .105) 19%, rgba(24, 23, 22, .184) 34%, rgba(21, 21, 20, .247) 47%, rgba(21, 20, 20, .289) 56.5%, rgba(21, 20, 20, .322) 65%, rgba(18, 18, 18, .35) 73%, rgba(18, 18, 18, .37) 80.2%, rgba(18, 18, 18, .383) 86.1%, rgba(18, 18, 18, .392) 91%, rgba(18, 18, 18, .397) 95.2%, rgba(18, 18, 18, .399) 98.2%, hsla(0, 0%, 7%, .4));
}

.head-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

/*.contact-head-info {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;*/
/*    justify-content: center;*/
/*padding-top: 50px;
    padding-bottom: 100px;
    height: 100%;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1200px;
    margin: 0 auto;
}*/
.contact-head-info {
    padding-top: 200px;
    height: 100%;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1200px;
    float: right;
}

@media (max-width: 767px) {
    .contact-head-info {
        /* padding-top: 50px; */
        padding-bottom: 50px;
    }
}

.contact-head-info-wrapper {
    max-width: 608px;
    --vh: 356px;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 10px;
    padding: 20px 50px;
}

.contact-head-info-title {
    font-size: 50px;
    line-height: 1.1;
    font-family: ConduitITC, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue;
    font-weight: 500;
    color: #efe9d4;
    margin-top: 0;
    margin-bottom: .4em;
    word-wrap: break-word;
}

@media (max-width: 767px) {
    .contact-head-info-title {
        font-size: 30px;
    }
}

.contact-head-info-desc {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 600;
    line-height: .83;
    color: #efe9d4;
    font-style: normal;
}

@media (max-width: 767px) {
    .contact-head-info-desc {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .contact-head-nav {
        /* display: -webkit-box;
        display: -ms-flexbox; */
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

/*.contact-head-nav {
    margin-top: -35px !important;
    max-width: 1200px;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    --vh: 576px;
}

@media (max-width: 767px) {
    .contact-head-nav {
        position: fixed;
        z-index: 1;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
    }
}

.contact-head-nav-left {
    --vh: 576px;
}

@media (min-width: 768px) {
    .contact-head-nav-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 2 660px;
        flex: 0 2 660px;
    }
}

@media (min-width: 768px) {
    .contact-head-nav-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 420px;
        flex: 0 1 420px;
        padding-left: 60px;
    }
}

.contact-head-nav-wrapper {
    display: flex;
    --vh: 576px;
}*/

.btn-overlay {
    padding: 0;
    border: none;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.btn-base {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    font-family: ProximaNova, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-contact {
    /* -webkit-box-flex: 0; */
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 1.25rem;
    padding: 25px 16px;
    /* border-radius: 2px; */
    overflow: hidden;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: #efe9d4;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    min-height: 70px;
    /* -webkit-transition: background .2s ease-out; */
    transition: background .2s ease-out;
}

@media (max-width: 767px) {
    .btn-contact {
        min-height: 60px;
        padding: 20px 1.5rem;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}

.btn-book-board {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    border-radius: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    background: #4f8953;
    -webkit-appearance: button;
}

.contact-action-content {
    position: relative;
    display: inline-block;
}

.btn-takeaway {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    border-radius: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    background: #2f2d28;
}

@media (min-width: 768px) {
    .btn-contact {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }
}

.contact-content-section {
    margin: 0 auto;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 1200px;
    padding-left: 30px;
    padding-right: 30px;
}

.contact-content-nav {
    margin-top: 4.5vh;
    margin-top: calc(var(--vh)* .045);
    margin-bottom: 4vh;
    margin-bottom: calc(var(--vh)* .04);
    font-size: 14px;
    line-height: 1.57;
    font-weight: 600;
    box-sizing: border-box;
    --vh: 914px;
}

.contact-breadcrumb {
    color: rgb(81, 80, 72);
    text-decoration: none;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    box-sizing: border-box;
    --vh: 325px;
}

.contact-breadcrumb-active {
    color: #716e61;
    text-decoration: none;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    box-sizing: border-box;
    --vh: 325px;
}

.contact-breadcrumb-seperator {
    margin: 0 .25em;
    color: #515048;
    font-size: 14px;
    line-height: 1.57;
    font-weight: 600;
    --vh: 325px;
}

.contact-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    box-sizing: border-box;
    --vh: 325px;
}

@media (max-width: 767px) {
    .contact-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (min-width: 768px) {
    .contact-content-info-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 2 660px;
        flex: 0 2 660px;
    }
}

.contact-content-info-wrapper {
    --vh: 325px;
    width: 100%;
}

@media (max-width: 767px) {
    .contact-content-info-wrapper {
        /* margin-top: 40px; */
    }
}

.contact-content-info {
}

    .contact-content-info p {
        margin-top: 0;
        margin-bottom: 0;
        font-weight: 300;
        font-style: normal;
        font-size: 1.25rem;
        line-height: 1.7;
        letter-spacing: .4px;
        color: #c9c2a7;
    }

@media (max-width: 767px) {
    .contact-content-info p {
        font-size: 18px;
        line-height: 1.56;
    }
}

.contact-content-info h4 {
    color: #c9c2a7;
    font-family: ProximaNova, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 1rem;
}

@media (max-width: 767px) {
    .contact-content-info h4 {
        font-size: 22px;
    }
}

.easy-table-booking-frame {
    display: flex;
    justify-content: center;
    padding-top: 20px;
    margin-bottom: 50px;
}

    .easy-table-booking-frame iframe {
        width: 100%;
        max-width: 800px !important;
    }

@media (max-width: 767px) {
    .easy-table-booking-frame {
        padding-top: 0px;
    }

        .easy-table-booking-frame iframe {
            max-width: 500px !important;
        }
}

.contact-content-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: 2rem;
    --vh: 325px;
}

@media (max-width: 767px) {
    .contact-content-detail {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .contact-content-detail {
        width: auto;
        margin-right: -30px;
        padding-left: 30px;
        padding-right: 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 420px;
        flex: 0 1 420px;
    }
}
/*
.contact-content-detail-location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding-left: 39px;
    margin-bottom: 40px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.76;
    color: #f1e7c4;
    box-sizing: border-box;
    --vh: 325px;
}

.contact-content-detail-location-icon {
    position: absolute;
    left: 0;
    top: 0;
    color: #98927d;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.76;
    color: #f1e7c4;
    --vh: 325px;
}

.contact-content-detail-location-info {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    box-sizing: border-box;
}

.contact-content-detail-location-info-address {
    font-style: normal;
}

.contact-content-detail-location-info-tel {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 2;
    box-sizing: border-box;
}

.contact-content-detail-location-info-tel-link {
    color: #70b975;
    text-decoration: none;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out;
    touch-action: manipulation;
    box-sizing: border-box;
}

.contact-content-detail-location-google {
}

.contact-content-detail-location-google-link {
    color: #70b975;
    text-decoration: none;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out;
    touch-action: manipulation;
    box-sizing: border-box;
}

.contact-content-detail-time {
    position: relative;
    padding-left: 39px;
    margin-bottom: 40px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.76;
    color: #f1e7c4;
}

.contact-content-detail-time-ico {
    position: absolute;
    left: 0;
    top: 0;
    color: #98927d;
}

.contact-content-detail-time-info {
    margin: 0;
    color: currentColor;
    font-size: inherit;
}

.contact-content-detail-time-info-label {
    font-weight: 600;
}

.contact-content-detail-time-info-value {
    margin: 0 0 5px;
}

 */

.contact-gallery {
    margin: 0 auto;
    margin-top: calc(var(--vh)* .2);
    margin-bottom: calc(var(--vh)* .2);
    max-width: 1200px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .contact-gallery {
        margin-bottom: 15vh;
        margin-bottom: calc(var(--vh)* .15);
    }
}

.contact-gallery-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* justify-content: space-between;  */
}

@media (min-width: 768px) {
    .contact-gallery-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-bottom: -100px;
    }
}

.contact-gallery-item {
    margin-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .contact-gallery-item {
        margin-right: 0;
        margin-left: auto;
        -ms-flex-preferred-size: calc(49.95% - 30px);
        flex-basis: calc(49.95% - 30px);
        width: calc(49.95% - 30px);
        max-width: 458px;
        margin-bottom: 100px;
    }
}

@media (max-width: 768px) {
    .contact-gallery-item {
        width: 70%;
        height: 70%;
        margin-left: 15%;
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .contact-gallery-wrapper .contact-gallery-item:nth-child(1n) {
        margin-right: 60px;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .contact-gallery-wrapper .contact-gallery-item:nth-child(2n) {
        margin-right: 0;
        margin-left: auto;
    }
}

.contact-gallery-item-figure {
    color: #f1e7c4;
    margin: 0;
}

.contact-gallery-item-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.contact-gallery-item-wrapper {
    bottom: -9.98908% !important;
    transform: translateY(-5.50341%);
    will-change: transform;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.contact-gallery-item-div {
    position: absolute !important;
    height: 100%;
    top: 0;
    position: relative;
    width: 100%;
}

.contact-gallery-item-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.contact-location-list {
    margin: 0 auto;
    margin-bottom: 20vh;
    margin-bottom: calc(var(--vh)* .2);
    margin-top: 70px;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1007px;
    --vh: 1032px;
}

@media (max-width: 767px) {
    .contact-location-list {
        margin-bottom: 30px;
        margin-top: 0px;
    }
}

.contact-location-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 767px) {
    .contact-location-wrapper {
        display: grid;
        justify-content: center;
        align-items: center;
    }
}

@media (min-width: 768px) {
    .contact-location-wrapper {
        margin-bottom: -100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}

.contact-location-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 70px;
}

@media (min-width: 768px) {
    .contact-location-item {
        max-width: 360px;
        -ms-flex-preferred-size: calc(49.95% - 30px);
        flex-basis: calc(49.95% - 30px);
        width: calc(49.95% - 30px);
        /* max-width: 458px; */
        margin-bottom: 100px;
    }

        .contact-location-item:nth-child(1n) {
            margin-right: 60px;
            margin-left: 0;
        }

        .contact-location-item:nth-child(2n) {
            margin-right: 0;
            margin-left: auto;
        }

        .contact-location-item:last-child {
            margin-right: 0;
        }
}

.contact-location-link {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    font-family: ProximaNova, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue;
    text-align: center;
    padding: 0;
    border: none;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.contact-location-content-wrapper {
    position: relative;
    text-align: left;
    background-repeat: no-repeat;
    /* -webkit-box-sizing: inherit; */
    box-sizing: inherit;
}

.contact-location-content {
    padding-bottom: 150%;
    margin-bottom: 30px;
    display: block;
    width: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    font-family: ProximaNova, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue;
    text-align: center;
}

.contact-location-image-wrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.contact-location-image-container {
    -webkit-transition: -webkit-transform .35s cubic-bezier(0,0,.54,1.1);
    transition: -webkit-transform .35s cubic-bezier(0,0,.54,1.1);
    transition: transform .35s cubic-bezier(0,0,.54,1.1);
    transition: transform .35s cubic-bezier(0,0,.54,1.1), -webkit-transform .35s cubic-bezier(0,0,.54,1.1);
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
}

.contact-location-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-style: none;
    vertical-align: middle;
}

.contact-location-image-alterner {
    right: 50%;
    background-image: linear-gradient(90deg, hsla(0, 0%, 7%, .5) 0, hsla(0, 0%, 7%, .369) 19%, hsla(0, 0%, 7%, .27) 34%, hsla(0, 0%, 7%, .191) 47%, hsla(0, 0%, 7%, .139) 56.5%, hsla(0, 0%, 7%, .097) 65%, hsla(0, 0%, 7%, .063) 73%, hsla(0, 0%, 7%, .037) 80.2%, hsla(0, 0%, 7%, .021) 86.1%, hsla(0, 0%, 7%, .011) 91%, hsla(0, 0%, 7%, .004) 95.2%, hsla(0, 0%, 7%, .001) 98.2%, hsla(0, 0%, 7%, 0));
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.contact-location-image-backgrounder {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
}

.contact-location-image-informer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: -20px;
    text-align: left;
    pointer-events: none;
    max-width: 80%;
    width: 100%;
    bottom: 0;
}

@media (min-width: 1240px) {
    .contact-location-image-informer {
        left: -28px;
    }
}

.contact-location-image-header {
    transform: translateY(25px);
    will-change: transform;
}

.contact-location-image-title {
    margin-bottom: 0;
    font-size: 42px;
    line-height: 1.14;
    font-family: ConduitITC, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue;
    font-weight: 500;
    color: #efe9d4;
    margin-top: 0;
    margin-bottom: .4em;
    word-wrap: break-word;
}

@media (max-width: 767px) {
    .contact-location-image-title {
        font-size: 25px;
    }
}

.contact-location-detail-wrapper {
    color: #efe9d4;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: ProximaNova, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue;
}

.contact-location-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 0;
}

.contact-location-detail-header {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}

.contact-location-detail-ico {
    overflow: hidden;
    margin-left: 15px;
    /* overflow: visible; */
    fill: currentColor;
    pointer-events: none;
}

.contact-location-detail-ico-container {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}

.contact-location-detail-ico-path {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}


.contact-location-time-container {
    max-width: 400px;
    width: 100%;
    background: #1a1a1a;
    padding: 40px;
    border-radius: 16px;
    border: 1px solid #333;
}

.contact-location-time-section {
    padding: 24px 0;
    border-bottom: 1px solid #333;
}

    .contact-location-time-section:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

.contact-section-title {
    color: #666;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.contact-address {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #fff;
    margin-bottom: 15px;
}

.contact-map-link {
    display: inline-flex;
    align-items: center;
    color: #00ff88;
    text-decoration: none;
    font-size: 0.9rem;
    margin-top: 8px;
    transition: all 0.3s ease;
}

    .contact-map-link:hover {
        color: #33ff99;
    }

    .contact-map-link::after {
        content: '→';
        margin-left: 8px;
        transition: transform 0.3s ease;
    }

    .contact-map-link:hover::after {
        transform: translateX(4px);
    }

.contact-link {
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    padding: 12px 0;
    transition: color 0.3s ease;
}

    .contact-link:hover {
        color: #00ff88;
    }

.contact-icon {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    opacity: 0.5;
}

.contact-hours-row {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    transition: background 0.3s ease;
}

    .contact-hours-row:hover {
        background: #222;
        border-radius: 8px;
        padding: 12px 10px;
        margin: 0 -10px;
    }

.contact-day {
    color: #fff;
    font-weight: 500;
}

.contact-time {
    color: #888;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Contact Page @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ FoxnetSoft Popup Manager Start @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.navbar-collapse {
    justify-content: center;
}

#topcartlink a {
    background: none;
}

.fa-shopping-cart {
    margin-right: 5px;
}

.ui-dialog {
    z-index: 1000;
}

.ui-dialog-titlebar {
    position: relative;
}

.ui-dialog-content {
    position: relative;
}

.ui-dialog-titlebar button:focus {
    outline-color: lightgray !important;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ FoxnetSoft Popup Manager End @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.order-details-area {
    background-color: #fff;
}

a.dropdown-item {
    text-align: left;
}




/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ FreeChoice Menu Start @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.instant-order-category-panel {
    background-color: #1e1e1e;
    border-radius: 8px;
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
}

.instant-order-category-panel-header {
    background-color: rgba(76, 175, 80, 0.2);
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #333;
}

.instant-order-category-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px;
    gap: 20px;
}

.instant-order-category-item {
    background-color: #252525;
    border: 2px solid #333;
    border-radius: 8px;
    padding: 10px;
    width: calc(33.333% - 20px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

    .instant-order-category-item:hover {
        background-color: #2c2c2c;
        border-color: #4CAF50;
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
        transform: translateY(-2px);
    }

    /*    .instant-order-category-item img {
        width: 100%;
        height: auto;
        border: 2px solid #4CAF50;
        border-radius: 4px;
        object-fit: cover;
    }*/

    .instant-order-category-item img {
        width: 100%;
        height: 300px;
        border: 2px solid #4CAF50;
        border-radius: 4px;
        object-fit: cover;
    }

    .instant-order-category-item h3 {
        margin: 10px 0 5px;
        font-size: 16px;
    }

        .instant-order-category-item h3 a {
            color: #e0e0e0;
            text-decoration: none;
            transition: color 0.3s;
        }

    .instant-order-category-item h4 a:hover {
        color: #4CAF50;
        text-decoration: underline;
    }

.instant-order-category-item-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.instant-order-category-detail-btn {
    color: #fff !important;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border: none;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s;
    min-width: 100px;
}

    .instant-order-category-detail-btn:hover {
        background-color: #218838;
        border-color: #1e7e34;
    }

.instant-order-category-item-price {
    margin: 0;
}

.instant-order-addtoCart {
    max-width: 110px;
    display: flex;
}

@media (max-width: 768px) {
    .instant-order-category-item {
        width: 100%;
        flex-direction: row;
        align-items: center;
        padding: 10px;
    }

        .instant-order-category-item:hover {
            transform: none;
        }

        .instant-order-category-item:active {
            background-color: #2c2c2c;
            border-color: #4CAF50;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

        .instant-order-category-item img {
            width: 70px;
            height: 70px;
            margin-right: 7px;
        }

    .instant-order-category-item-content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .instant-order-category-item h3 {
        margin: 0 0 12px;
        text-align: left;
    }

    .instant-order-category-item-footer {
        justify-content: space-between;
        width: 100%;
    }

    .detail-btn {
        min-width: 60px;
    }

        .detail-btn:active {
            background-color: #367c39;
        }

    .instant-order-category-item-price {
        font-size: 12px;
    }
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ FreeChoice Menu End @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


.order-details-area {
    background-color: #fff;
}

a.dropdown-item {
    text-align: left;
}

.product-item {
    background-color: rgba(255, 255, 255, .11);
    padding: 20px;
    border-radius: 8px;
}

.cart td.quantity {
    text-align: center;
}

.cart img {
    max-width: 70px;
}


/*                                          Stop                                                 */


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Bootstrap modal override - koyu tema @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* Bootstrap modal dark theme override - Mobile First Approach */
    #sushiModalLong .modal-content {
        background-color: #333;
        color: #eee;
        border: 1px solid #444;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    #sushiModalLong .modal-body {
        padding: 0.5rem 1rem;
    }

    #sushiModalLong .modal-header {
        background-color: #222;
        border-bottom: 1px solid #444;
        padding: 0.5rem 1rem;
        flex-direction: row;
        align-items: center;
    }

    #sushiModalLong .modal-title {
        color: #fff;
        font-weight: bold;
        font-size: 1rem;
    }

    #sushiModalLong .close {
        color: #fff;
        opacity: 0.8;
        text-shadow: none;
        font-size: 1.5rem;
        padding: 0.5rem 0.8rem;
    }

        #sushiModalLong .close:hover {
            color: #fff;
            opacity: 1;
            background-color:#3b3939;
        }

    #sushiModalLong .modal-footer {
        background-color: #222;
        border-top: 1px solid #444;
        padding: 0.75rem;
        flex-direction: row;
        justify-content: space-between;
    }

    /* Tablet (576px ve üzeri) için responsive ayarlar */
    @media (min-width: 576px) {
        #sushiModalLong .modal-title {
            font-size: 1rem;
        }

        #sushiModalLong .modal-dialog {
            max-width: 100%;
        }

        #sushiModalLong .modal-footer {
            justify-content: flex-end;
        }
    }

    /* Masaüstü (768px ve üzeri) için responsive ayarlar */
    @media (min-width: 768px) {
        #sushiModalLong .modal-dialog {
            max-width: 768px;
        }

        #sushiModalLong .modal-title {
            font-size: 1rem;
        }
    }

/*                                          Stop                                                 */




/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Lcocal Store Quide @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* Scope CSS to prevent conflicts with parent page */
.localstore-guide-container {
    --guide-bg-color: #202123;
    --guide-text-color: #FFFFFF;
    --guide-accent-color: #FFD54F; /* Light yellow instead of orange */
    --guide-secondary-color: #9ca3af;
    --guide-card-bg: #2d2d33;
    --guide-hover-color: #e6c045;
    --guide-border-color: #3f3f46;
    --guide-highlight-bg: rgba(255, 213, 79, 0.1);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: var(--guide-bg-color);
    color: var(--guide-text-color);
    line-height: 1.6;
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 15px;
    border-radius: 8px;
}

    .localstore-guide-container * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

.localstore-guide-header {
    text-align: center;
    padding: 1rem 0.5rem;
    border-bottom: 1px solid var(--guide-border-color);
    margin-bottom: 1rem;
}

.localstore-guide-title {
    font-size: 1.5rem;
    margin-bottom: 0.3rem;
    color: var(--guide-accent-color);
}

.localstore-guide-subtitle {
    font-size: 0.9rem;
    color: var(--guide-secondary-color);
}

.localstore-guide-container .container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 0.5rem;
}

.localstore-guide-steps {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem 0;
}

.localstore-guide-step {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    background-color: var(--guide-card-bg);
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    border: 1px solid var(--guide-border-color);
}

.localstore-guide-step-header {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.localstore-guide-step-number {
    background-color: var(--guide-accent-color);
    color: #333;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 0.8rem;
}

.localstore-guide-step-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--guide-accent-color);
}

.localstore-guide-step-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (min-width: 768px) {
    .localstore-guide-step-content {
        flex-direction: row;
    }
}

@media (max-width: 767px) {
    .localstore-guide-step-image {
        height: 160px;
        margin-top: 0.5rem;
    }
}

.localstore-guide-step-description {
    flex: 1;
}

    .localstore-guide-step-description p {
        margin-bottom: 0.6rem;
    }

    .localstore-guide-step-description ul {
        margin-left: 1.5rem;
        margin-bottom: 0.8rem;
        list-style-type: disc;
    }

    .localstore-guide-step-description li {
        margin-bottom: 0.3rem;
    }

/* Tip box styling */
.localstore-guide-tip {
    background-color: var(--guide-highlight-bg);
    border-left: 3px solid var(--guide-accent-color);
    padding: 0.8rem;
    margin: 0.8rem 0;
    border-radius: 0 6px 6px 0;
}

.localstore-guide-tip-title {
    font-weight: 600;
    margin-bottom: 0.4rem;
    color: var(--guide-accent-color);
    font-size: 0.9rem;
    display: flex;
    align-items: center;
}

    .localstore-guide-tip-title:before {
        content: "💡";
        margin-right: 0.4rem;
    }

.localstore-guide-step-image {
    flex: 1;
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

/* Placeholder for images or sliders */
.localstore-guide-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #36363e;
    color: #9ca3af;
    font-size: 0.9rem;
    text-align: center;
    padding: 1rem;
}

    /* Image can be added directly */
    .localstore-guide-placeholder img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

/* Swiper styling */
.localstore-guide-swiper {
    width: 100%;
    height: 100%;
}

    .localstore-guide-swiper .swiper-slide {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        background-size: cover;
        background-position: center;
    }

        .localstore-guide-swiper .swiper-slide img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

    .localstore-guide-swiper .swiper-pagination {
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.3);
        padding: 5px 0;
        border-radius: 10px;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .localstore-guide-swiper .swiper-pagination-bullet {
        opacity: 0.6;
        background-color: #fff;
    }

    .localstore-guide-swiper .swiper-pagination-bullet-active {
        opacity: 1;
        background-color: var(--guide-accent-color);
    }

.localstore-guide-footer {
    text-align: center;
    padding: 0.8rem;
    margin-top: 1rem;
    border-top: 1px solid var(--guide-border-color);
    color: var(--guide-secondary-color);
    font-size: 0.8rem;
}

.localstore-guide-btn {
    display: inline-block;
    background-color: var(--guide-accent-color);
    color: #333;
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s;
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

    .localstore-guide-btn:hover {
        background-color: var(--guide-hover-color);
    }


/*                                          Stop                                                 */