@charset "utf-8";

@import url("owl.carousel.css");
/* owl.carousel */
@import url("owl.theme.css");
/* owl.carousel */
@import url("font-awesome.css");
/* Font Awesome Icon */
@import url("animate.min.css");
/* css3 animation */
@import url("jquery.mCustomScrollbar.css");
/* mCustomScrollbar */
@import url("alpha.css");
/* jQuery Custom Select by select2 */

@import url("smoothproducts.css");

@import url("skin-vegusto.css");



@import url("btn.css");

/* Template Theme color skin */

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
//@import url(https://vegustoa.ch/assets/fonts/SourceSonsPro.css);
//@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic);
//@import url(https://fonts.googleapis.com/css?family=Oswald:300);
// @import url(../fonts/SourceSonsPro.css);
// @import url(../fonts/Oswald.css);

//@import url(https://vegustoa.ch/assets/fonts/Oswald.css);
/* google webfont */

/* =============================================================== */


/* FOUNDATION/* =============================================================== */

* {
    box-sizing: border-box;
}

a {
    color: #454545;
    text-decoration: none;
    outline: none !important;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

a:hover,
a:focus {
    text-decoration: none;
    cursor: pointer;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    color: #454545;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    /*    line-height: 21px;*/
    position: relative;
    background: #fff;
}

}


/* =============================================================== */


/* TYPOGRAPHY + GLOBAL CLASS/* =============================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    margin: 0;
    padding-bottom: 15px;
}

h1 {
    font-size: 30px;
    line-height: 35px;
}

h2 {
    font-size: 24px;
    line-height: 28px;
}

h3 {
    font-size: 20px;
    line-height: 24px;
}

h4 {
    font-size: 17px;
    line-height: 20px;
}

h5 {
    font-size: 14px;
    line-height: 20px;
}

h6 {
    font-size: 12px;
    line-height: 20px;
}


p.lead {
    font-size: 20px;
    line-height: 1.4;
}

h3 code {
    font-size: 14px;
    font-weight: normal;
}

.block-title-1 {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 15px 20px 0 0;
    text-transform: uppercase;
}

.block-title-2 {
    border-bottom: 1px solid #CECECE;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 10px 0 0;
    position: relative;
    text-transform: uppercase;
}

.block-title-3 {
    border-bottom: 1px solid #CECECE;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 10px 0 10px;
    position: relative;
    text-transform: uppercase;
}

.block-title-4 {
    display: inline;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.2em;
    margin: 0 auto;
    padding: 0 12px;
    text-transform: uppercase;
}

.block-title-5 {
    display: block;
    font-size: 16px;
    margin: 0 0 5px;
    font-weight: 700;
    letter-spacing: 0.2em;
    padding: 0;
    text-transform: uppercase;
}

.border-title {
    border-bottom: 1px solid #CECECE;
    margin: 0 0 15px;
    padding: 10px 0 10px;
}


/* Helper class */

.error label.error {
    color: red;
}

.section-block {
    margin-bottom: 30px;
}

.uppercase {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.relative {
    position: relative;
}

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

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

.no-margin-right {
    margin-right: 0;
}

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

.no-margin-top {
    margin-top: 0;
}

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

.no-border {
    border: 0;
}

.width100,
.w100 {
    width: 100%;
}

.width50,
.w50 {
    width: 100%;
    display: block;
}

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

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.maxheight100 {
    max-height: 100px;
}

.maxheight200 {
    max-height: 200px;
}

.maxheight300 {
    max-height: 300px;
}

.maxheight400 {
    max-height: 400px;
}

.maxheight500 {
    max-height: 500px;
}

.maxheight600 {
    max-height: 600px;
}

.maxheight700 {
    max-height: 700px;
}

.maxwidth100 {
    max-width: 100px;
}

.maxwidtht200 {
    max-width: 200px;
}

.maxwidth300 {
    max-width: 300px;
}

.maxwidth400 {
    max-width: 400px;
}

.maxwidth500 {
    max-width: 500px;
}

.maxwidth600 {
    max-width: 600px;
}

.maxwidth700 {
    max-width: 700px;
}

.padd {
    margin-top: 60px;
}

.globalPadding {
    padding: 50px 0;
}

.globalPaddingTop {
    /*padding: 50px 0 0;*/
}

.globalPaddingBottom {
    padding-bottom: 50px;
}

.hr2 {
    border-width: 2px;
    border-color: #DDDDDD;
}

.hr3 {
    border-width: 4px;
    border-color: #DDDDDD;
}

ul.list-dot li {
    list-style: inside disc;
}

ul.list-number li {
    list-style: inside decimal;
}

ul.list {
    list-style: disc;
    padding-left: 40px;
}

ul.list ul {
    list-style: circle;
    padding-left: 40px;
}

ul.list-check {
    list-style: none;
}

ul.list-border li {
    border-bottom: 1px solid #E0EDED;
    display: block;
    padding: 10px 15px;
}

ul.list-border li:hover {
    background: #ebebeb;
}

.transitionfx {
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
}

.hw100 {
    height: 100%;
    width: 100%;
}

.display-table {
    display: table;
}

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

.product_search_style {
    height: 32px;
}


/* ================================================================== */


/* CUSTOMIZE THE BOOTSTRAP MODAL + INPUT FORM ELEMENT + BUTTON + ALERT/* ================================================================== */

.modal {
    overflow: auto;
}

.signUpContent .modal-dialog {
    max-width: 460px;
}

.modal-dialog.modal-xs {
    max-width: 460px;
}

#product-details-modal .modal-dialog {
    background: #fff;
    max-width: 960px;
    overflow: auto;
    width: 100%;
}

.modal-dialog .product-share {
    border-top: 0 none;
    margin-top: 0;
}

.modal-dialog .modal-product-thumb {
    padding-top: 15px;
}

.modal-dialog {
    background: #fff;
    max-width: 960px;
    overflow: auto;
    width: 100%;
}

.modal-header {
    border-bottom: 1px solid #E5E5E5;
    color: #FFFFFF;
    padding: 5px 15px;
    margin-bottom: 20px;
}

.modal-title-site {
    color: #FFFFFF;
    font-family: Oswald;
    font-size: 38px;
    font-weight: lighter;
    padding: 13px 0;
    text-transform: uppercase;
}

.modal-content {
    border: 0 solid #ddd;
    border-radius: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.modal-footer {
    background: #eee;
    border-top: 1px solid #E5E5E5;
    padding: 10px 20px;
}

.form-control:focus {
    box-shadow: NONE;
    outline: 0 none;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
    border-color: #DDDDDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    /*color: #888888;*/
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
    height: 36px;
}


/*btn style moved to btn.css in V.5@import (btn.css);also less file available btn.less*/

p.required,
.required sup {
    color: #E74C3C;
}

.pagination li.active a {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2) inset;
}

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

legend {
    padding-bottom: 10px;
}

.alert {
    border: none;
    border-left: 5px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
}

.alert .close {
    font-size: 30px;
    line-height: 20px;
}

.input-group-btn .btn {
    font-size: 14px;
    padding: 7.2px 12px;
}

.product_search_header .input-group-btn .btn {
    padding: 8px 12px;
}


/* =============================================================== */


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


/*.navbar-toggle {    background: rgba(0, 0, 0, 0.2);}*/

.navbar-tshop {
    width: 100%;
    /*box-shadow: 3px 3px 15px #CCC;*/
}

.menuWrap {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.brandWrap {}

.navbar-brand {
    padding: 3px;
    color: #FFFFFF;
    font-size: 28px;
    font-weight: bold;
}

.navbar .navbar-top {
    height: 30px;
    transition: all 0.1s ease-out 0s;
    -webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -ms-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    text-transform: uppercase;
}

.navbar.stuck .navbar-top {
    margin-top: -30px;
}

.brandWrap {
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    height: auto;
}


/***  ------- Mega Menu Start ------- ***/

.megamenu .nav,
.megamenu .dropup,
.megamenu .dropdown,
.megamenu .collapse {
    position: static;
}

.megamenu .navbar-inner,
.megamenu .container {
    position: relative;
}

.megamenu .dropdown-menu {
    left: auto;
}

.megamenu .dropdown-menu>li {
    display: block;
}

.megamenu .nav.pull-right .dropdown-menu {
    right: 0;
}

@media (min-width: 768px) {
    .megamenu .megamenu-content {
        padding: 20px 30px;
    }
}

.megamenu .megamenu-content:before,
.megamenu .megamenu-content:after {
    display: table;
    content: "";
    line-height: 0;
}

.megamenu .megamenu-content:after {
    clear: both;
}

.megamenu.navbar .nav>li>.dropdown-menu:after,
.megamenu.navbar .nav>li>.dropdown-menu:before {
    display: none;
}

.megamenu .dropdown.megamenu-fullwidth .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-80width .dropdown-menu {
    width: 80%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-80width .dropdown-menu {
    width: 80%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-50width .dropdown-menu {
    width: 50%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-40width .dropdown-menu {
    width: 40%;
    left: 0;
    right: 0;
}

.megamenu .dropdown.megamenu-fullwidth .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
}

@media (max-width: 969px) {
    .megamenu .dropdown.megamenu-fullwidth .dropdown-menu {
        width: auto;
    }

    .megamenu .megamenu-content {
        padding-left: 0;
        padding-right: 0;
    }

    .megamenu .dropdown-menu>li>ul {
        display: block;
    }
}


/* megamenu end */

.megamenu-content img {
    max-width: 100%;
}

.megamenu-content ul li {
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.megamenu-content ul li a {
    font-size: 16px;
}

.itemInMenu {
    margin-bottom: 0 !important;
}

.itemInMenu .image {
    max-height: 170px !important;
}

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

.social-icon li {
    display: inline-block;
}

.social-icon li a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    height: auto;
    margin-left: 0;
    padding: 6px 9px;
    position: relative;
    text-align: center;
    z-index: 10;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.0) inset;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.21s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
}

.social-icon li a:hover {
    opacity: 0.8;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
}

.navbar-toggle .icon-bar {
    border: solid 2px #fff;
}

.userMenu>li {
    display: block;
    float: left;
}

.userMenu>li>a {
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 12px;
    line-height: 30px;
    padding: 0 20px 0 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out 0s;
    -webkit-transition: opacity 0.21s ease-out 0s;
    -moz-transition: opacity 0.2s ease-out 0s;
    -ms-transition: opacity 0.2s ease-out 0s;
    -o-transition: opacity 0.2s ease-out 0s;
}

.userMenu>li>a:hover {
    opacity: 0.9;
}

.phone-number span {
    float: left;
}

.hasUserMenu>.dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    left: auto !important;
    right: 0 !important;
}

.hasUserMenu>.dropdown-menu>li>a {
    color: #454545;
    font-size: 12px;
    padding: 5px 15px;
}

.hasUserMenu>.dropdown-menu>li>a i {
    margin-right: 10px;
}


/***  ------- Main Navigation onhover issue for ipad and mobile ------- ***/

@media (min-width: 979px) {
    .navbar-tshop ul.nav li.dropdown ul.dropdown-menu {}

    .navbar-tshop ul.nav li.dropdown:hover ul.dropdown-menu,
    div.cartMenu.dropdown:hover div.dropdown-menu {
        display: block;
        filter: none;
        opacity: 1;
    }

    .megamenu-content ul li a {
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        display: block;
    }

    .megamenu-content ul li a:hover {
        padding-left: 5px;
    }

    .megamenu-content ul li.productPopItem a:hover,
    .megamenu-content ul li a.newProductMenuBlock:hover {
        padding-left: 0;
    }

    .navbar.stuck .brandWrap {
        height: 0;
        overflow: hidden;
    }
}

.navbar-nav>li>a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    padding-left: 9px;
    padding-right: 9px;
    /*text-transform: uppercase;*/
    /*padding: 19px;*/
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-nav>li>a {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.search-box {
    float: right;
    height: 48px;
    width: 38px;
}

.search-box .input-group .getFullSearch {
    padding-left: 10px;
    padding-right: 10px;
}

.search-box.static-search {
    width: auto;
    min-width: 143px;
}

.search-box.static-search #search-form {
    padding-right: 0;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

.search-box .input-group {
    margin-top: 8px;
    max-width: 34px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.search-box:hover .input-group {
    max-width: 183px;
}

.search-box .form-control {
    width: 0;
    padding: 0;
    height: 34px;
    border: 0;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.search-box:hover .form-control {
    border: solid 1px #fff;
}

.btn-nobg {
    background: none;
    color: #fff;
}

.search-box:hover .btn-nobg {
    background: #fff;
}

.search-box.static-search .input-group {
    margin-top: 1px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.search-box.static-search .form-control {
    width: auto;
    padding: 0;
    height: 35px;
    border: solid 1px #fff;
    opacity: 1;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

.search-box.static-search:hover .form-control {
    opacity: 1;
    border: solid 1px #fff;
    color: #333;
    background: #fff;
}

.search-box.static-search button {
    border: 0 !important;
    margin: 0 !important;
}


/***  ------- Search Bar Full ------- ***/

.search-full {
    bottom: 0;
    letter-spacing: 1px;
    min-height: 50px;
    position: absolute;
    right: 0;
    text-align: right;
    white-space: nowrap;
    width: 100%;
    z-index: 10;
    display: none;
}

.searchInputBox {
    display: block;
    max-width: 90%;
    text-align: right;
    width: 100%;
}

.search-close {
    background: rgba(0, 0, 0, 0.3);
    display: table;
    float: right;
    font-size: 32px;
    height: 51px;
    padding: 0 15px;
}

.search-close i {
    display: table-cell;
    vertical-align: middle;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.search-close:hover i {
    transform: scale(1.15) rotate(-180deg);
    -webkit-transform: scale(1.1) rotate(-180deg);
    -moz-transform: scale(1.1) rotate(-180deg);
    -ms-transform: scale(1.1) rotate(-180deg);
    -o-transform: scale(1.1) rotate(-180deg);
}

.search-input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0 none;
    color: #FFFFFF;
    font-family: sans-serif;
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    outline: medium none;
    text-align: right;
    padding: 13px 0 13px 15px;
    width: 100%;
    max-width: 90%;
}

.search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.search-input::-moz-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.searchInputBox .search-btn {
    border: none;
    padding: 0 10px 0 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
}

.search-full.active {
    display: block;
}

.navbar-cart {
    border-top: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    /*max-height: 340px; change TW*/
    overflow-x: visible;
    padding-left: 15px;
    padding-right: 15px;
}

.colorWhite,
.colorWhite i {
    color: #fff !important;
}

.promo-1 {
    color: #FFFFFF;
    font-family: Oswald, Helvetica Neue;
    margin-bottom: 15px;
    font-weight: lighter;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
}

.promo-1sub {
    background: #F2F2F2;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
}


/***  ------- Cart Dropdown Menu Style ------- ***/

.dropdown-left .dropdown-menu {
    left: 0;
}

.cartMenu {
    float: left;
    display: block;
}

.cartMenu a.dropdown-toggle,
.cartMenu a#cart-sidebar-toggle {
    padding: 15px 5px 15px 5px;
    color: #FFFFFF;
    /*font-size: 17px;*/
    font-weight: 600;
    line-height: 20px;
    display: block;
}

.cartMenu .dropdown-menu {
    padding-bottom: 0;
    border-radius: 0;
    margin-top: 0;
}

.miniCartTable {
    max-height: 300px;
    width: 100%;
    display: block;
}

.miniCartProductThumb {
    text-align: center;
}

.cart h3 {
    padding-bottom: 0;
}

.cart h4 {
    padding-bottom: 0;
    font-size: 15px;
    font-weight: 400;
}

#cart_row_templatte,
#cart_row_templatte_single_pieces,
#overview_row_templatte,
#overview_row_templatte_single_pieces {
    display: none;
}

.old-price {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    text-decoration: line-through;
}

.cartMenu table {
    width: 100%;
    height: auto;
}

.cartMenu table tr {
    border-bottom: solid 1px #ddd;
}

.cartMenu table tr td {
    padding: 5px 0;
}

.miniCartFooter {
    padding: 10px;
}

.cart_total_table td {
    padding: 5px 0;
}


.miniCartFooter .subtotal {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0;
    /*text-transform: uppercase;*/
}

.cartMiniTable .subtotal {
    padding-top: 10px;
    padding-left: 8px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0;
    /*text-transform: uppercase;*/
}

.miniCartFooterInMobile .subtotal {
    font-size: 18px;
    color: back;
}

.miniCartTable .mCSB_container {
    margin-right: 15px !important;
}

.newProductMenuBlock {
    display: block;
    position: relative;
}

.ProductMenuCaption {
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 5px 0;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 16px;
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    /* IE FIX */
    zoom: 1;
}

.ProductMenuCaption:nth-child(n) {
    filter: none;
}

.ProductMenuCaption i {
    font-size: 0;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
}

.newProductMenuBlock:hover i {
    font-size: 16px;
}

.newCollectionUl ul li:first-child {}

.newCollectionUl li {
    font-weight: 600;
}

.productPopItem {
    border: solid 1px #ddd;
}

.productPopItem .productInfo {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    margin-top: -50px;
    padding: 5px 0;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 4;
}

.popProImg a {
    display: block;
    max-height: 270px;
    overflow: hidden;
}

.productPop h4 {
    bottom: 0;
    color: #FFFFFF;
    font-size: 14px;
    line-height: normal !important;
    padding: 3px 0 0 !important;
    position: absolute;
    width: 100%;
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    /* IE FIX */
    zoom: 1;
}

.productPop h4:nth-child(n) {
    filter: none;
}

.productPop h4 a {
    color: #fff !important;
}


/* =============================================================== */


/* HOME PAGE BOXES SLIDER /* =============================================================== */


/*.box-pagination {    position: absolute;    z-index: 20;    left: 10px;    bottom: 10px;}.swiper-container {     background: #333; }.swiper-wrapper {    background: #fff;}.swiper-pagination-switch {    display: inline-block;    width: 8px;    height: 8px;    border-radius: 8px;    background: #222;    margin-right: 8px;    opacity: 0.8;    border: 1px solid #fff;    cursor: pointer;}.swiper-visible-switch {    background: #aaa;}.swiper-active-switch {    background: #fff;}.arrow-left {    background: url(../../images/arrows.png) no-repeat left top;    position: absolute;    left: 10px;    top: 50%;    margin-top: -15px;    width: 17px;    height: 30px;    z-index: 10;}.arrow-right {    background: url(../../images/arrows.png) no-repeat left bottom;    position: absolute;    right: 10px;    top: 50%;    margin-top: -15px;    width: 17px;    height: 30px;    z-index: 10;}.swiper-container {    width: 100%;    height: 100%;    height: 490px;    color: #fff;    text-align: center;}.swiper-slide {    height: 100%;}.swiper-slide .slider-content {    height: 100%;    display: block;}.slide-2x {    width: 500px;}.slide-4x {    width: 500px;}.slide-1x {    width: 300px;}.box-4in {    display: block;    float: left;    height: 50%;    width: 50%;}.slider-box-bottom .box-4in, .slider-box-top .box-4in {    height: 100%;}.box-4in .price, .box-text-table .dealprice {    display: block;    font-family: oswald, Helvetica Neue, Arial, Helvetica, sans-serif;    font-size: 26px;    font-weight: lighter;    margin-bottom: 15px;}.box-4in .btn {    min-width: 100px !important;}.box-4in.a .box-content-overly, .box-4in.b .box-content-overly {    bottom: 5px;    right: 5px;    top: auto;}.box-slider-content {    display: block;    height: 100%;    width: 100%;    position: relative;    overflow: hidden;}.box-text {    bottom: 100px;    display: block;    height: auto;    left: 18%;    position: absolute;    width: 64%;    z-index: 10;}.box-text.bottom-align {    bottom: 20px;}.box-text h1, .box-text-cell-inner h1 {    font-size: 36px;    letter-spacing: 3px;    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;    font-weight: normal;    text-transform: uppercase;}.box-text p, .box-text-cell-inner p {    font-family: Oswald;    font-weight: lighter;}.box-text .btn, .box-text-cell-inner .btn {    margin-top: 10px;}.box-text-table {    display: table;    height: 100%;    width: 100%;    position: absolute;    z-index: 10;}.box-text-cell {    display: table-cell;    height: 100%;    width: 100%;    vertical-align: middle;}.box-text-cell-inner.dark {    color: #454545;}.box-text-cell-inner {    max-width: 70%;    display: block;    margin-left: 15%;}.box-content-overly {    background: rgba(0, 0, 0, 0);    height: 100%;    position: absolute;    right: 5px;    top: 0;    visibility: hidden;    transition: all 0.2s ease 0s;    width: 100%;    z-index: 5;    transition: all 0.2s ease 0s;    -webkit-transition: all 0.2s ease 0s;    -moz-transition: all 0.2s ease 0s;    -ms-transition: all 0.2s ease 0s;    -o-transition: all 0.2s ease 0s;}.box-content-overly.box-content-overly-white {    opacity: 0;}.box-blank-url {    display: block;    height: 100%;    width: 100%;}.slider-box-top .box-content-overly {    bottom: 5px;    top: auto;}.box-slider-content:hover .box-content-overly {    background: rgba(0, 0, 0, 0.3);    visibility: visible;}.box-slider-content:hover .box-content-overly-white {    background: rgba(255, 255, 255, 0.8);    visibility: visible;    opacity: 1;}.box-slider-content .box-content-overly-white .box-text, .box-slider-content .box-content-overly-white .box-text-cell-inner {    opacity: 0;    transition: all 0.2s ease 0s;    -webkit-transition: all 0.2s ease 0s;    -moz-transition: all 0.2s ease 0s;    -ms-transition: all 0.2s ease 0s;    -o-transition: all 0.2s ease 0s;}.box-slider-content:hover .box-content-overly-white .box-text, .box-slider-content:hover .box-content-overly-white .box-text-cell-inner {    opacity: 1;    display: block;    color: #454545;}.box-slider-content .box-img {    height: 100%;    display: block;    position: relative;    z-index: 4;    margin: 0 5px 0 0;}.box-img.last-child-slide {    margin-right: 0;}.box-slider-content a.box-img img {    width: 100%;    min-height: 100%;    height: auto;}.box-slider-content .slider-box-top a.box-img {    bottom: 5px;    height: 100%;    overflow: hidden;}.box-4in.a a.box-img, .box-4in.b a.box-img {    bottom: 5px;    height: 100%;    display: block;    overflow: hidden;}.slider-box-top {    width: 100%;    height: 50%;    display: block;    overflow: hidden;}.slider-box-top .box-img {    bottom: 5px;}.slider-box-bottom {    width: 100%;    height: 50%;    display: block;    overflow: hidden;}h1.bolder-style {    font-size: 80px;    font-weight: 800;    line-height: 80px;    padding-bottom: 0;    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 1px #ffffff;    -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 1px #ffffff;    text-transform: uppercase;}h1.bolder-style.light, h1.bolder-style.light a {    color: #fff;}h1.bolder-style.dark, h1.bolder-style.dark a {    color: #454545;    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8), 0 0 1px #454545;    -webkit-text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8), 0 0 1px #454545;}.slider-box-top .bolder-sub a {    color: #fff;    font-size: 16px;    font-weight: 400;    letter-spacing: 3.5px;}.box-price-tag {    position: absolute;    right: 50px;    bottom: 50px;    z-index: 10;}.box-price-tag .price {    background: #fff;    color: #454545;    font-family: oswald;    font-size: 28px;    font-weight: normal;    letter-spacing: 2px;    padding: 0 10px;}@media (max-width: 991px) {    .swiper-container {        height: 490px;    }    .slide-2x, .slide-4x, .slide-1x {        width: 490px;    }    .box-text {        bottom: 10% !important;    }}@media (max-width: 767px) {    .swiper-container {        height: 350px;    }    .slide-2x, .slide-4x, .slide-1x {        width: 350px;    }    .box-text {        bottom: 10%;    }    .box-text h1, .box-text-cell-inner h1 {        font-size: 26px;    }    .btn-stroke-dark, .btn-stroke-light {        padding: 10px 20px;        min-width: 150px;    }    h1.bolder-style {        font-size: 50px;        line-height: 50px;    }    .navbar-collapse  {        background-color: #e8e8e8;    }    .navbar-nav > li > a {        color: black;    }    .navbar-nav > li > a:hover {        background-color: #1aad20;    }}*/


/* =============================================================== */


/* HOME PAGE SLIDER  /* =============================================================== */


/*.sliderImg {    background: url('../../images/site/loading1.gif') center center no-repeat;  prealoder }.banner {    margin-top: 50px;    -webkit-transition: all 0.1s ease-out 0s;    -moz-transition: all 0.1s ease-out 0s;    -ms-transition: all 0.1s ease-out 0s;    -o-transition: all 0.1s ease-out 0s;    transition: all 0.1s ease-out 0s;}.banner-boxes {    margin-top: 80px;}.banner.down {    margin-top: 26px;}.banner, .slider-content, .slider, .slider-v2 {    width: 100%;    display: block;    max-height: 540px;    height: auto;    overflow: hidden;    position: relative;}.slider-item {    width: 100%;    height: 100%;    position: relative;    overflow: hidden;}.sliderImg {    position: relative;    top: 0;    left: 0;    z-index: 1;}.banner .sliderInfo {    position: absolute;    width: 100%;    height: 100%;    z-index: 2;}.banner .sliderInfo .container {    height: 100%;    dispay: block;}.sliderText {    display: block;    -webkit-transform: translateX(-120px);    -moz-transform: translateX(-120px);    -o-transform: translateX(-120px);    -ms-transform: translateX(-120px);    transform: translateX(-120px);    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);    opacity: 0;    filter: alpha(opacity=0);  IE FIX     -ms-filter: "alpha(Opacity=0)";}.sliderText:nth-child(n) {    filter: none;}.slider-item.cycle-slide-active .sliderText {    -webkit-transform: translateX(0);    -moz-transform: translateX(0);    -o-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0);    opacity: 1;    -ms-filter: none;    filter: none;}.transformRight {    display: block;    -webkit-transform: translateX(120px);    -moz-transform: translateX(120px);    -o-transform: translateX(120px);    -ms-transform: translateX(120px);    transform: translateX(120px);    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);    opacity: 0;    filter: alpha(opacity=0);  IE FIX     -ms-filter: "alpha(Opacity=0)";}.slider-item.cycle-slide-active .transformRight {    -webkit-transform: translateX(0);    -moz-transform: translateX(0);    -o-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0);    opacity: 1;    -ms-filter: none;  IE FIX     filter: none;}.transformLeft {    display: block;    -webkit-transform: translateX(-120px);    -moz-transform: translateX(-120px);    -o-transform: translateX(-120px);    -ms-transform: translateX(-120px);    transform: translateX(-120px);    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);    opacity: 0;    filter: alpha(opacity=0);  IE FIX     -ms-filter: "alpha(Opacity=0)";}.slider-item.cycle-slide-active .transformLeft {    -webkit-transform: translateX(0);    -moz-transform: translateX(0);    -o-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0);    opacity: 1;    -ms-filter: none;    filter: none;}.sliderText .inner {    padding: 20px;}.sliderText h1 {    font-size: 36px;    font-weight: lighter;}.sliderText.dark h1 {    color: #fff;    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}.slide-link {    color: #fff;    letter-spacing: -0.25px;    font-size: 16px;}.sliderText {    margin-top: 15%;}.sliderText.dark {    color: #ddd;}.slider-item-img1 {    background-size: cover;}.slider-item-img2 {    background-size: cover;}.slider-item-img3 {    background-size: cover;}**  ------- Slider Style 1 Start ------- **#pager2 {    position: absolute;    bottom: 10px;    z-index: 100;    width: 100%;    z-index: 200;    margin: 0 auto;    padding: 0;    text-align: center;}#pager2 span {    background: rgba(0, 0, 0, 0) !important;    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    border-radius: 50%;    cursor: pointer;    display: inline-block;    height: 16px;    margin: 5px;    text-indent: -9999px;    width: 16px;}#pager2 span.cycle-pager-active {    color: #fff;}.sliderControl {    position: absolute;    z-index: 200;    top: 45%;    display: inline-block;    cursor: pointer;    background: #fff;    -webkit-border-radius: 2px;    -moz-border-radius: 2px;    border-radius: 2px;    color: #454545;    padding: 0 5px;}.sliderControl {    opacity: 1;}.sliderControl:hover:nth-child(n) {    filter: none;}.sliderControl:hover {    background: rgb(255, 255, 255);    background: transparent \9;    background: rgba(255, 255, 255, 0.6);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);  IE FIX     zoom: 1;}.prevControl {    left: 20px;    -webkit-transform: translateX(-50px);    -moz-transform: translateX(-50px);    -o-transform: translateX(-50px);    -ms-transform: translateX(-50px);    transform: translateX(-50px);    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);    opacity: 0;    filter: alpha(opacity=0);    -ms-filter: "alpha(Opacity=0)";}.banner:hover .prevControl {    -webkit-transform: translateX(0);    -moz-transform: translateX(0);    -o-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0);    opacity: 1;    -ms-filter: none;    filter: none;}.nextControl {    right: 20px;    -webkit-transform: translateX(50px);    -moz-transform: translateX(50px);    -o-transform: translateX(50px);    -ms-transform: translateX(50px);    transform: translateX(50px);    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);    opacity: 0;    filter: alpha(opacity=0);    -ms-filter: "alpha(Opacity=0)";}.banner:hover .nextControl {    -webkit-transform: translateX(0);    -moz-transform: translateX(0);    -o-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0);    opacity: 1;    -ms-filter: none;    filter: none;}.sliderText.white {    background: rgb(255, 255, 255);    background: transparent \9;    background: rgba(255, 255, 255, 0.8);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff);  IE FIX     zoom: 1;}.sliderText.white:nth-child(n) {    filter: none;}.sliderText.white h1 {}.sliderText h3.price {    font-weight: lighter;    font-size: 22px;}.sliderTextFull {    color: #ffffff;    top: 50%;    margin: 0 !important;    transform: translateY(-50%);    -webkit-transform: translateY(-50%);}.sliderTextFull h3 {    font-size: 24px;    line-height: 32px;    margin-top: 0;}.topAnima {    opacity: 0;}.cycle-slide-active .topAnima {    opacity: 1;    animation-name: fadeInUp;    -webkit-animation-name: fadeInUp;    animation-duration: 1s;    animation-delay: 0.3s;    visibility: visible !important;}.sliderTextFull .opacity0 {    opacity: 0 !important;}.cycle-slide-active .sliderTextFull .bottomAnima {    opacity: 1 !important;    animation-name: fadeInDown;    -webkit-animation-name: fadeInDown;    animation-duration: 1s;    animation-delay: 0.4s;    -webkit-animation-duration: 1s;    visibility: visible !important;}.sliderTextFull .inner.dark {    display: block;    margin: 0 auto;    padding: 20px 10px;    width: auto;    background: rgb(0, 0, 0);    background: transparent \9;    background: rgba(0, 0, 0, 0.8);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);  IE FIX     zoom: 1;}.sliderTextFull .inner.dark:nth-child(n) {    filter: none;}.sliderTextFull .inner.bright {    display: block;    margin: 0 auto;    padding: 20px 10px;    width: auto;        background: rgba(214, 214, 214, 0.53);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);  IE FIX     zoom: 1;}.sliderTextFull .inner.bright:nth-child(n) {    filter: none;}.blankstyle h1 {    display: block;    font-size: 36px;    font-weight: bold;    height: auto;    letter-spacing: -1px;    line-height: 36px;    opacity: 1;    padding: 0;    text-transform: uppercase;}.color-white h1, .color-white p, .color-white {    color: #fff;}.color-black h1, .color-black p, .color-black {    color: #000;}**  ------- Slider Style 2 Pager ------- **#pager {    position: absolute;    bottom: 0;    z-index: 100;    width: 100%;    z-index: 200;    margin: 0 auto;    padding: 0;}#pager a {    color: #fff;    display: block;    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);    float: left;    font-family: Oswald, Helvetica Neue;    font-size: 15px;    font-weight: normal;    list-style: none outside none;    padding: 10px 0;    text-align: center;    text-transform: uppercase;    text-decoration: none;    width: 33.333334%;    background: rgba(0, 0, 0, 0.5);}#pager a.cycle-pager-active {    color: #fff;}*/


/*  // Style   2  end*/


/* =============================================================== */


/* HOME PAGE LOOK 2  /* =============================================================== */


/*.home-intro h2 {    font-size: 20px;    font-weight: 200;    letter-spacing: 2px;    text-align: center;    text-transform: uppercase;    max-width: 90%;    margin-left: auto;    margin-right: auto;    line-height: 24px;}.home-intro {    background: #34373b;    color: #fff;    padding: 15px 0 0;}.home-intro h2 span {    color: #ff7f00;}.sectionCategory {    background: #34373b;    padding: 60px 0;    position: relative;}.sectionCategoryIntro {    color: #fff;    max-width: 600px;    margin: 0 auto;}.sectionCategory .container {    position: relative;    z-index: 5;}.sectionCategoryIntro h1 {    font-family: Oswald;    font-size: 22px;    font-weight: lighter;    letter-spacing: 2px;    margin-bottom: 0;    padding-bottom: 5px;    text-transform: uppercase;}.sectionCategoryIntro p {    color: #ddd;}.sectionCategory .subCategoryThumb {    height: 160px !important;}**  -------  Home look 2 || productShowCase section  ------- **.owl-theme .owl-controls .owl-page span {    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;}.show-case-wrapper {    margin: 0 auto 30px;    float: none;}#productShowCase .owl-controls {    margin-top: 0;}.product-slide-inner {    margin-top: 12%;    display: block;    max-width: 98%;}@media (max-width: 767px) {    .product-slide-inner {        display: block;        max-width: 98%;        margin: 5% auto 0;        text-align: center;    }    #productShowCase .owl-controls {        margin-top: 10px;    }}#productShowCase .btn-stroke-dark i {    font-size: 0;    transition: font 0.3s ease;}#productShowCase .btn-stroke-dark:hover i {    font-size: inherit;}#productShowCase .details-description {    margin-bottom: 15px;}.product-slide-left {    text-align: center;}.product-slide-img {    display: block;    text-align: center;}.product-slide-img img {    display: block;    text-align: center;    margin: 0 auto}#productShowCase .product-title {    font-family: oswald;    font-size: 24px;    font-weight: normal;    letter-spacing: 0.25px;    line-height: 36px;    margin-bottom: 0;    }.ps-nav {    display: block;    font-size: 68px;    height: auto;    position: absolute;    text-align: center;    top: 38%;    width: auto;    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}#ps-next {    right: 15px;}#ps-prev {    left: 15px;}@media (max-width: 767px) {    #ps-next {        right: 15px;    }    #ps-prev {        left: 15px;    }}.boxes-title-1 {    background: #ebebeb;    font-family: Oswald;    font-weight: normal;    letter-spacing: 1px;    margin-bottom: 30px;    padding: 7px 0;    text-align: center;}**  -------  Home look 2 || Featured image section  ------- **.featuredImgLook2 .inner {    border: solid 1px #ddd;    padding: 10px;    margin-bottom: 15px;}.featuredImgLook2 .inner:hover {    border: solid 1px #4EC67F;}.img-link {    display: block;    overflow: hidden;}.img-link img {    width: 100%;}.featuredImgLook2 h3 {    color: #454545;    font-weight: 600;    padding: 20px 0;    text-transform: uppercase;}.featuredImgLook2 h3 span {    color: #eb5e58;    display: block;    font-size: 14px;    font-weight: lighter;    letter-spacing: 1px;    text-transform: uppercase;}.featuredImgLook2 .btn-link {    border-radius: 0;    color: #7f8c8d;    cursor: pointer;    font-weight: normal;    text-transform: uppercase;}.featuredImgLook2 p {    color: #7f8c8d;    margin-bottom: 20px;}@media (max-width: 991px) {    .featuredImgLook2 .col-md-3 {        margin-bottom: 30px;    }}@media (max-width: 460px) {    .featuredImgLook2 .col-md-3 {        width: 100%;    }}*/


/* ---------- // Home look 2 end //--------*/


/* =============================================================== */


/* HOME PAGE LOOK 3  /* =============================================================== */


/*#imageShowCase {    display: block;    clear: both;}#imageShowCase .product-slide h1 {    text-transform: uppercase;}#imageShowCase .product-slide .box-content-overly.box-content-overly-white {    opacity: 1;}.featuredImageLook3 .inner {    display: block;    position: relative;    margin-bottom: 30px;}.image-show-case-wrapper .ps-nav {    opacity: 0;    transform: scale(1.15);    -moz-transition: all 0.3s ease 0s;    -webkit-transition: all 0.3s ease 0s;    -ms-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;}.image-show-case-wrapper:hover .ps-nav {    transform: scale(1);    opacity: 1;    -webkit-transform: scale(1);    -moz-transform: scale(1);    -ms-transform: scale(1);    -o-transform: scale(1);}.featuredImageLook3 .inner .box-content-overly-white {    right: 0;    text-align: center;}.submini {    height: 2px;    max-width: 50px;    margin: 15px auto;    background: #454545;    box-shadow: none;    border: none;}.featuredImageLook3 .inner .img-title {    color: white;    display: block;    font-size: 20px;    font-family: Oswald;    font-weight: normal;    letter-spacing: 3px;    padding: 0 10px;    position: absolute;    text-align: center;    text-shadow: 1px 0px 2px #555;    text-transform: uppercase;    top: 40%;    width: 100%;    z-index: 100;    transition: opacity .2s linear, visibility .2s linear;}.featuredImageLook3 .inner:hover .img-title {    visibility: hidden;    opacity: 0;}.img-block {    display: block;    overflow: hidden;}.featuredImageLook3 .inner .box-text-cell-inner h1 {    font-size: 20px;}.featuredImageLook3 .inner:hover .box-content-overly-white {    opacity: 1;    background: rgba(255, 255, 255, 0.8);    visibility: visible;}.image-show-case-wrapper .owl-pagination {    margin-top: -40px !important;    position: relative;    text-align: center;    z-index: 50;    margin-bottom: 40px;}.product-slide .box-content-overly {    text-align: center;    visibility: visible;    color: #fff;}@media (max-width: 650px) {    .featuredImageLook3 .inner .box-text-cell-inner h1 {        font-size: 18px;        margin-bottom: 0;        padding-bottom: 0;    }    .featuredImageLook3 .inner .box-text-cell-inner p {        margin-bottom: 0;        padding-bottom: 0;        font-size: 14px;    }    hr.submini {        margin-top: 5px;        margin-bottom: 5px;    }    .featuredImageLook3 .inner .img-title {        font-size: 18px;        letter-spacing: 2px;    }}@media (max-width: 500px) {    .featuredImageLook3 .box-content-overly {        display: none;    }    .featuredImageLook3 .inner .img-title {        font-size: 16px;        letter-spacing: 1px;    }} ---------- // Home look 3 end //--------*/


/* =============================================================== */


/* MAIN CONTAINER || TOP CONTAINER START (NEW ARRIVALS)/* =============================================================== */

.section-block {
    margin-bottom: 30px;
}

.section-title {
    border-bottom: 2px solid #DDDDDD;
    border-top: 2px solid #DDDDDD;
    font-size: 22px;
    line-height: 24px;
    margin: 10px 0 10px;
    padding: 0;
}

.section-title span {
    color: #454545;
    display: inline-block;
    padding: 5px 15px 5px 0;
    text-transform: uppercase;
    width: auto;
}


/***  -------  Style 2  ------- ***/

.style2 .section-title,
.section-title.style2 {
    font-size: 42px;
    font-weight: lighter;
    line-height: 44px;
    margin: 10px 0 20px;
    padding: 0;
    position: relative;
    border: none;
}

.section-title-style2,
.section-title.style2 {
    position: relative;
}

.style2 .section-title:after,
.section-title-style2:after,
.section-title.style2:after,
.section-title-style2:after {
    background: #DDDDDD;
    content: "";
    display: block;
    height: 1px;
    margin-left: 20%;
    position: absolute;
    top: 28px;
    width: 60%;
    z-index: 1;
}

.section-title-style2 span,
.section-title.style2 span {
    background: #FFFFFF;
    display: inline-block;
    padding: 10px;
    position: relative;
    width: auto;
    z-index: 2;
}

.style2 .section-title span,
.section-title.style2 span {
    color: #454545;
    display: table;
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    margin: 0 auto;
}

.productslider {
    width: 100%;
    display: block;
}

#productslider .item {
    margin: 0 15px 15px;
}

.row-fb .item {
    flex: 1 1 auto;
    width: 100%;
    /*display: block;*/
    /*    height: 80px;*/
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    margin-bottom: 10px;
}

.row-fb .item-ml,
.row-fb .item-mls {
    flex: 1 1 auto;
    width: 100%;
    /*display: block;*/
    /*    height: 80px;*/
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    margin-bottom: 10px;
}

#SimilarProductSlider .item {
    height: auto !important;
}

.product,
.shop-recipe {
    position: relative;
    height: auto;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    /*text-align: center;*/
    box-shadow: 3px 3px 15px #CCC;
    display: flex;
    flex-direction: column;
}

.shop-recipe h4 {
    padding: 0 0 3px;
}

.start-page-ad {
    display: block;
    height: auto;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 3px 3px 15px #CCC;
    margin: 30px 0;
    position: relative;
    overflow: hidden;
}

.start-page-ad h3 {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}

.start-page-ad p {
    margin: 10px 10px;
}


/*.start-page-ad p:after {    content: 'mehr Lesen';    display: table-cell;    height: 129px;    width: 100%;    text-align: center;        vertical-align: middle;    align-items: center;}*/

#read-more {
    /*    vertical-align: middle;        display: table-cell;        align-items: center;*/
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 160px;
    /*background-color: lightblue;*/
    /*line-height: 90px;*/
}

#read-more .fade-out {
    /*background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 1));*/
    background-image: linear-gradient(to bottom, transparent, white);
    /*background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255, 1));*/
    height: 140px;
}

#read-more .text-read-more {
    background-color: lightgray;
    height: 20px;
}

.product:hover {
    background: #fff;
}

.add-fav {
    border: 1px solid;
    border-radius: 50%;
    height: 30px;
    line-height: 31px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 15px;
    width: 30px;
    z-index: 10;
    transform: scale(1.15);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition: opacity .3s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
    -moz-transition: opacity .3s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
    -o-transition: opacity .3s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
    -ms-transition: opacity .3s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
    transition: opacity .3s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(Opacity=0)";
}

.list-view .product .add-fav {
    right: 40px;
    top: 8px;
}

.product:hover .add-fav {
    opacity: 1;
    webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.add-fav i {
    webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    transition: all .3s ease;
}

.add-fav:active i {
    webkit-transform: scale(0.85) rotate(0deg);
    -moz-transform: scale(0.85) rotate(4deg);
    -o-transform: scale(0.85) rotate(0deg);
    -ms-transform: scale(0.85) rotate(0deg);
    transform: scale(0.85) rotate(4deg);
}


/*.item.list-view .item h4 {    max-height: none;}.item.list-view .grid-description {    display: none;}.list-description {    display: none;}.item.list-view .list-description {    display: block;}.item.list-view {    display: block;    height: auto !important;    width: 100% !important;    overflow: hidden;    width: 100%;    margin-bottom: 20px;}.item.list-view .image {    display: block;    float: left;    overflow: hidden;    position: relative;    text-align: center;    max-height: 260px;    max-width: 200px;    transition: all 0.5s ease 0s;    -moz-transition: all 0.5s ease 0s;    -webkit-transition: all 0.5s ease 0s;    -o-transition: all 0.5s ease 0s;    -ms-transition: all 0.5s ease 0s;    padding-right: 20px;    background: #fff;}.item.list-view .image a {    display: block;    max-height: 100%;    height: 100%;    max-height: 100% !important;}.item.list-view .image img {    max-height: 260px;    width: auto !important;}.item.list-view h4 {    height: auto;    margin: 45px 0 5px;    font-size: 24px;}.item.list-view h4 a {    font-weight: 600;}.item.list-view .description {    text-align: right;}.item.list-view .description p {    text-align: right;    max-height: 200px;    min-height: 10px;}.item.list-view .price {    font-size: 22px;    text-align: right;}*/

.item.list-view .action-control {
    text-align: right;
}

.item.list-view .product {
    padding-right: 20px;
    min-height: 260px;
}

.item:hover .action-control {
    border-bottom-color: #fff;
}

.product-box .item {
    margin: 0 10px;
}

.product-box .item:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
    background: #fff;
}

.image {
    display: block;
    /*overflow: hidden;*/
    position: relative;
    text-align: center;
    width: 100%;
    max-height: 240px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.image a {
    display: block;
    overflow: hidden;
}

.image a img {
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    /*height: 128px;*/
    margin: 0 auto;
    /*    width: 100%;        margin-left: 0;        margin-right: 0;*/
}

.product:hover .image a img {
    /*    transform: scale(1.15) rotate(-1.5deg);        -webkit-transform: scale(1.1) rotate(-1.5deg);        -moz-transform: scale(1.1) rotate(-1.5deg);        -ms-transform: scale(1.1) rotate(-1.5deg);        -o-transform: scale(1.1) rotate(-1.5deg);*/
    transform: scale(1.15);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.promotion {
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 0;
    height: 24px;
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    /*box-shadow: 3px 3px 15px #CCC;*/
    line-height: 18px;
    margin: 0 !important;
}

.promo-product-detail-large {
    position: absolute;
    z-index: 10;
    top: 30px;
    left: 0;
    height: 24px;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    /*box-shadow: 3px 3px 15px #CCC;*/
    line-height: 18px;
    margin: 0 !important;
    font-size: 26px;
}


.sp-thumbs .promo-product-detail-large {
    display: none;
}

.description {
    /*    margin: 0 auto;        min-height: 50px;        max-width: 235px;*/
    /*margin: 0 3px;*/
    /*margin-left: 40%;*/
    flex: 10 1 auto;
}

.list-view .description {
    margin: 0 auto;
    min-height: auto;
    max-width: 100%;
}

.new-product {
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: lighter;
    height: 100%;
    padding: 3px 10px;
}

.discount {
    background: #eb5e58;
    /* old browser */
    border-radius: 0 4px 4px 0;
    color: #fff;
    display: inline-block;
    float: left;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: lighter;
    white-space: nowrap;
    padding: 3px 5px;
}

.promo-product-detail-large .discount {
    font-size: 26px;
    height: 36px;
    line-height: 25px;
}

.item .product h4 {
    padding: 0 0 3px 0;
}

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

.short-view h4,
.short-view p,
.ml-view h4 {
    text-align: center;
}

.ml-view h4 {
    padding: 0 0 5px;
    text-align: left;
}

.item h4 a,
.item-ml h4 a,
.item-mls h4 a,
#super-offer-product h4 a {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    color: #3a3a3a;
    text-decoration: none;
    /*text-transform: uppercase;*/
    font-size: 17px;
}


/*.description p {    font-size: 14px;    min-height: 10px;    max-height: 35px;    overflow: hidden;    line-height: 18px;    text-overflow: ellipsis;        display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}*/

.description p {
    font-size: 13px;
    /*    min-height: 10px;        height: 2.40em;         line-height: 1.2em;        position: relative;        overflow: hidden;        margin-bottom: 1px;*/
}

.description p.important_text {
    font-size: 14px;
}

.short-view .description p,
.ml-view .description p {
    text-align: center;
    margin: 0;
}


/*.description p:after {    content: "";    text-align: right;    position: absolute;    bottom: 0;    right: 0;    width: 40%;    height: 20px;    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);}*/

.price {
    font-size: 18px;
    font-weight: bold;
    color: #454545;
}

.short-view .price {
    align-self: center;
    text-align: center;
}

.ml-view .price {
    align-self: flex-start;
    flex: 1;
    margin: 0 5px;
    text-align: left;
}

.long-view .price {
    align-self: flex-end;
    flex: 1 1 90px;
}

.price p {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    line-height: 1.3em;
}

.action-control {
    width: 130px;
}

.short-view .action-control,
.short-view .action-control_single_piece {
    align-self: center;
    margin-top: 5px;
}

.ml-view .action-control {
    align-self: flex-end;
    margin-top: 5px;
}

.long-view .action-control,
.long-view .action-control_single_piece {
    align-self: flex-end;
    /*flex: 0 0 127px;*/
    display: flex;
    flex-direction: column-reverse;
}

.short-view .div_cart_quantity {
    align-self: center;

}

.ml-view .div_cart_quantity {
    align-self: flex-end;
}

.long-view .div_cart_quantity,
.long-view .div_cart_quantity_single_piece {
    align-self: flex-end;
    /*flex: 0 0 140px;*/
}


.action-control a {
    cursor: pointer;
}

.cart a {
    font-size: 15px;
    /*color: #454545;*/
    margin: 0 0;
}



.load-more-block {
    padding-bottom: 30px;
    position: relative;
}

.load-more-block .btn-thin {
    background: #fff;
    z-index: 2;
    position: relative;
    box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
    -webkit-box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
    -moz-box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
    -o-box-shadow: -4px 0 0 #FFFFFF, 4px 0 0 #FFFFFF;
}

.load-more-block:after {
    background: none repeat scroll 0 0 #DDDDDD;
    content: "";
    display: block;
    height: 1px;
    margin-left: 30%;
    position: absolute;
    top: 18px;
    width: 40%;
    z-index: 1;
}

.featureImg a {
    display: block;
    overflow: hidden;
}

.featureImg a img {
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
}

.featureImg a img:hover {
    transform: scale(1.1) rotate(-1.1deg);
    -webkit-transform: scale(1.1) rotate(-1.1deg);
    -moz-transform: scale(1.1) rotate(-1.1deg);
    -ms-transform: scale(1.1) rotate(-1.1deg);
    -o-transform: scale(1.1) rotate(-1.1deg);
}


/* =============================================================== */


/* PARALLAX CONTENT 1/* =============================================================== */


/*.parallax-section {    width: 100%;    display: block;    clear: both;    height: auto;}.parallax-image-1 {    background: url(../../images/parallax/parallax.jpg);    background-size: cover;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;    background-attachment: fixed;  IE FIX }.parallax-image-1.ismobile, .parallax-image-2.ismobile, .parallax-image-aboutus.ismobile, .parallax-section.ismobile {    background-attachment: scroll !important;}.parallax-image-1.isios, .parallax-image-2.isios, .parallax-image-aboutus.isios, .parallax-section.isios, .blog-intro.isios {    background-size: 100% auto !important;    background-attachment: scroll !important;    background-position: center center;}.parallax-image-1.isandroid, .parallax-image-2.isandroid, .parallax-image-aboutus.isandroid, .parallax-section.isandroid {    background-size: cover !important;    background-attachment: scroll !important;    background-position: center center;}.parallax-image-1.isios {    background-color: #734e48;    background-repeat: no-repeat;}.parallax-image-2.isios {    background-size: auto 100% !important;}.parallaxPrce {    font-size: 64px;    color: #fff;    font-weight: lighter;    margin-bottom: 10px;}.parallax-content h2 {    color: #ffffff;    display: inline-block;    font-size: 30px;    font-weight: 700;    line-height: 32px;    margin: 0 auto;    max-width: 900px;    padding: 5px 10px;    text-align: center;}.parallax-content h3 {    color: #DDDDDD;    display: inline-block;    font-size: 20px;    font-weight: lighter;    margin-bottom: 20px;    max-width: 900px;    padding: 0 10px;    text-align: center;}.btn-discover {    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;    border: 1px solid rgba(255, 255, 255, 0.7);    border-radius: 3px;    color: #ffffff;    font-size: 16px;    font-weight: 700;    letter-spacing: 1px;    padding: 14px 60px;    text-decoration: none;    transition: all .3s ease;    -webkit-transition: all .3s ease;    -moz-transition: all .3s ease;    -o-transition: all .3s ease;}.btn-discover:hover {    color: #fff;    border-color: rgba(255, 255, 255, 0.7);}.btn-discover:hover {}.parallax-content {    text-align: center;    padding: 100px 0;}.brand-carousel li {    float: left;    display: inline-block;}.brand-carousel li img {    max-width: 100%;    width: 100%;}.carousel-nav {    font-size: 26px;    margin-left: 10px;    padding-bottom: 3px;    padding-top: 3px;}**  -------  Parallax section 2  ------- **.parallax-image-2 {    background: url(../../images/parallax/people-collage.jpg) fixed;    background-attachment: fixed;  IE FIX }.parallax-section-overley {    height: 100%;    background: rgba(0, 0, 0, 0.15);    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.33);}*/

h1.xlarge {
    color: #FFFFFF;
    font-size: 44px;
    font-weight: 800;
    padding-bottom: 0;
    line-height: normal;
    /* text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 1px #FFFFFF; */
    text-transform: uppercase;
}

h1.x2large {
    color: #FFFFFF;
    font-size: 56px;
    line-height: normal;
    font-weight: 800;
    padding-bottom: 0;
    /* text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), 0 0 1px #FFFFFF; */
    text-transform: uppercase;
}


/*h5.parallaxSubtitle {    font-size: 20px;    font-weight: 200;    color: #fff;}*/


/* =============================================================== */


/*  FOOTER/* =============================================================== */

.gap {
    height: 40px;
    width: 100%;
    clear: both;
    display: block;
}

.footer {
    background: #f2f2f2;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #DDDDDD;
}

.footer p {
    margin: 0;
}

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

.footer h3 {
    border-bottom: 1px solid #DDDDDD;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    padding: 40px 0 15px;
    text-transform: uppercase;
    color: #3a3a3a;
}

.footer ul {
    font-size: 13px;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 20px;
    color: #888888;
}

.footer ul li a {
    margin: 0 0 7px 0;
    display: block;
}

.footer a,
.footer h3 {
    color: #888888
}

.supportLi h4 {
    font-size: 20px;
    font-weight: lighter;
    line-height: normal;
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.supportLi h4 a {
    color: #454545;
}

.newsLatterBox input#appendedInputButton {
    background: #FFFFFF;
    display: inline-block;
    float: left;
    height: 30px;
    clear: both;
    width: 100%;
}

.newsLatterBox .btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    height: 40px;
    letter-spacing: 0.5px;
    padding: 0;
    width: 100%;
}

.newsLatterBox {
    overflow: hidden;
}

.bg-gray {
    background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
    box-shadow: 0 1px 0 #B4B3B3;
}

ul.social {
    margin-top: 10px;
}

.social li {
    background: none repeat scroll 0 0 #1aad20;
    border: 2px solid #1aad20;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 0 8px 0 0;
    padding: 0;
    text-align: center;
    width: 36px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.social li:hover {
    transform: scale(1.15) rotate(360deg);
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
}

.social li a {
    color: #EDEFF1;
}

.social li:hover {
    border: 2px solid #454545;
    background: #454545;
}

.social li a i {
    font-size: 16px;
    margin: 0 0 0 8px;
    color: #EDEFF1 !important;
}

.footer-bottom {
    background: #E3E3E3;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.footer-bottom p.pull-left {
    padding-top: 6px;
}

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

@media (max-width: 767px) {
    .footer-bottom {
        text-align: center;
    }

    .footer-bottom p.pull-left {
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }

    .paymentMethodImg {
        width: 100%;
        float: none !important;
        text-align: center;
    }

    .paymentMethodImg img {
        display: inline-block;
        float: none !important;
        max-height: 24px;
    }
}


/* =========================HOMEPAGE END==========================*/


/* =============================================================== */


/* CATEGORY PAGE START/* =============================================================== */

.breadcrumb {
    border: 1px solid #DDDDDD;
    background: none;
}

.main-container {
    min-height: 580px;
}

.headerOffset {
    padding-top: 20px;
}

.category-top>h2 {
    color: #303030;
    font-weight: 700;
    letter-spacing: 0;
}

.subCategoryList .thumbnail {
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.tree .dropdown-menu {
    position: relative !important;
    float: none !important;
    box-shadow: none !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
}

.open-tree>.dropdown-menu {
    display: block;
}

.dropdown-menu-tree {
    display: none;
    margin-bottom: 20px;
}

.open-tree>.dropdown-menu-tree {
    display: block;
}

.tree>li.active>a,
.tree>li.active>a:hover,
.tree>li.active>a:focus {
    background: none;
    color: #454545;
}

.nav-stacked.tree>li a:hover {
    color: #454545;
    font-weight: bold;
}

.tree>.active>a>.badge {
    background: #999999;
    color: #fff;
}

.category-level-2 {
    border-left: 1px solid #DDDDDD !important;
    margin-left: 13px;
}

.category-level-2 li {
    margin-top: 2px;
}

.category-level-2 li a {
    font-weight: normal !important;
    padding: 2px 15px;
}

.category-level-2 li a.active,
.category-level-2 .dropdown-tree.active .dropdown-tree-a,
.category-level-2 .open-tree .dropdown-tree-a {
    font-weight: bold !important;
}

.priceFilterBody .form-inline .form-group {
    max-width: 30%;
    float: left;
}

.priceFilterBody .form-inline .form-group .form-control {
    width: 100%;
}

.priceFilterBody .sp {
    padding: 10px;
}

.subCategoryThumb {
    height: 80px;
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

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

.subCategoryList {
    margin-top: 30px;
    overflow: hidden;
}

.color-details {
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
}

.productFilter {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    clear: both;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 7px;
    padding-top: 10px;
    margin-top: 20px;
}

.productFilter p {
    display: block;
    font-size: 14px;
    margin-top: 6px;
}

.change-view {
    margin-right: 10px;
}

.subCategoryTitle {
    font-size: 13px;
    color: #444;
    font-weight: 600;
}

.change-view a {
    border: 1px solid #CCCCCC;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    height: 34px;
    line-height: 23px;
    margin-left: 5px;
    overflow: hidden;
    padding: 5px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.productFilter select,
.productFilter input {
    font-size: 13px;
}

.categoryFooter {
    border-top: solid 1px #eee;
    padding-top: 20px;
    margin-top: 0;
}

.nav-stacked>li {
    border-bottom: solid 1px #eee;
}

.nav-stacked>li a {
    font-size: 13px;
}

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

.nav-stacked>li.active a,
.nav-stacked>li.active {
    background: none;
    color: #454545;
    font-weight: bold;
}


/***  -------  according panel style  ------- ***/

.panel-title {
    color: inherit;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    color: #454545;
    font-size: 15px;
}

.panel-heading,
.panel-group .panel {
    border-radius: 0;
}

.clearFilter {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 10px;
    line-height: normal;
    padding: 2px 5px;
    text-transform: capitalize;
}

.labelRounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.clearFilter:hover {
    opacity: 0.7;
}

.collapseWill i {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    margin-right: 5px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.collapseWill.pressed i,
.collapseWill.active i {
    margin-right: 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.minus {
    display: block;
}

.collapseWill .minus {
    display: none !important;
}

.collapseWill.collapsed .minus {
    display: none !important;
}

.collapseWill {}

.color-filter small {
    border: 1px solid #DDDDDD;
    display: inline-block;
    height: 14px;
    margin: 0 3px 0 1px;
    width: 14px;
}


/* =============================================================== */


/* PRODUCT DETAILS PAGE/* =============================================================== */

.categoryFilter {
    padding-bottom: 20px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    height: 50px;
}

.categoryFilter .minict_wrapper {
    max-width: 180px;
    max-height: 28px;
    height: 28px !important;
}

.categoryFilter .minict_wrapper input {
    height: 28px !important;
    font-size: 12px !important;
}

.minict_wrapper input {
    border: 0 !important;
}

.categoryFilter .minict_wrapper ul li {
    font-size: 12px !important;
}

.nav-tabs>li.active,
.nav-tabs>li {
    background: none;
}

.nav-tabs>li>a {
    border: 0;
    border-radius: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li:hover>a {
    color: #fff !important;
    border: 0;
    border-radius: 0;
}


/* -------- zoom ------- */
.cumulative-layout-shift-stopper {
    height: 350px;
}



@media (min-width: 450px) {
    .cumulative-layout-shift-stopper {
        height: 403px;
    }
}


.sp-wrap {
    border: none !important;

}


.sp-thumbs {
    text-align: center !important;
}

/*.sp-large a img {
    width: 380px;
    height: 380px;
}*/

.sp-wrap {
    z-index: 10;
    width: 100%;
    background: none !important;
}

.sp-large {

    max-width: 90%;

}



.sp-thumbs {
    position: absolute;
    right: 0 !important;
    text-align: left;
    bottom: 140px !important;
    width: 100px !important;
    z-index: 70;
}

.sp-thumbs a:link,
.sp-thumbs a:visited {
    border: 2px solid #EEEEEE;
    display: inline-block;
    margin-bottom: 10px;
    float: right;
    transition: margin 0.2s ease 0s;
}


.main-image .sp-thumbs a:link,
.sp-thumbs a:visited {
    margin-right: 0 !important;
}

.sp-thumbs a:hover {
    margin-right: 4px !important;
}

.sp-thumbs img {
    height: auto !important;
    width: 60px !important;
}


/***  -------  Product details style 2   ------- ***/

.style2 .sp-thumbs {
    top: 0 !important;
    width: 19% !important;
}

.style2 .sp-thumbs img {
    height: auto !important;
    width: 100px !important;
    max-width: 100%;
    width: 102px !important;
}

.style2 .sp-thumbs a:link,
.style2 .sp-thumbs a:visited {
    float: left !important;
    width: 100%;
}

.style2 .sp-large {
    max-width: 80% !important;
    /*border: 1px solid #DDDDDD;*/
}

.product-title {
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;

}

.product-title h1 {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0.25px;
    line-height: 1;
    color: #1aad20;
    margin: 0;
}

.product-title span {
    /*color:green;*/
    color: gray;
    font-size: 18px;
    font-weight: bold;
}


.product-price {
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.product-price p {
    font-size: 14px;
    font-weight: normal;
}

.price-standard {
    color: #999999;
    font-size: 18px;
    text-decoration: line-through;
}

.product-code {
    font-family: Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1px;
    margin: 0 0 5px;
    padding: 0;
    text-transform: uppercase;
}

/*------- product-details style 4 ------- */

.zoomThumb {
    text-align: center;
    margin-top: 10px;
}

.zoomThumb a {
    display: inline-block;
    width: 120px;
    margin-bottom: 10px;
    border: 2px solid #eee;
    display: inline-block;
    margin-right: 5px;
}

.zoomThumb a img {
    max-width: 100%;
}

.zoomImg {
    cursor: crosshair;
}


/*------- product tab ------- */

.nav-tabs {
    margin-bottom: 20px;
}

.product-tab {
    width: 100%;
    display: inline-block;
    clear: both;
}

.nav-tabs li a {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 2px;
    margin: 0 0 0 0;
    text-transform: uppercase;
}

.color-details {
    margin-top: 14px;
}

.swatches {
    margin: 0.5em 0;
    padding-left: 0;
}

.swatches li {
    border: 2px solid #FFFFFF;
    display: inline-block;
    margin: 2px 1px;
    vertical-align: top;
    list-style: none;
}

.swatches .selected,
.swatches li:hover {
    border: 2px solid #ddd;
}

.swatches a {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid #FFFFFF;
    box-shadow: 1px 1px 2px #C5C5C5;
    display: block;
    height: 33px;
    text-align: center;
    transition: all 0.25s ease 0s;
    width: 33px;
}

.swatches a img {
    height: 29px;
    width: 29px;
}

.swatches li a:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 0;
    font-weight: lighter;
    color: #fff;
    transition: font-size 0.25s ease 0.1s;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.swatches .selected a:after {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 100%;
    font-weight: lighter;
    color: #fff;
    transition: font-size 0.25s ease 0.1s;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}


/***  ------- filterBox ------- ***/

.filterBox {
    display: inline-block;
}

.productFilterLook2 .filterBox {
    display: block;
    float: left;
    margin-right: 0;
    width: 100%;
}

.cart-actions {
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 12px;
    clear: both;
}

.cart-actions button,
.cart-actions .btn-cart,
.cart-actions .wishlist {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Oswald, Helvetica Neue, Arial, sans-serif;
    font-size: 18px;
    font-weight: lighter;
    line-height: 1em;
    margin: 0 20px 0 0;
    padding: 14px 20px;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
}

button.first {
    margin-right: 20px;
    margin-bottom: 10px;
}

.cart-actions .wishlist {
    background: #CCCCCC;
    line-height: 1em;
    text-decoration: none;
    border: solid 2px #CCCCCC;
    text-align: center;
}

.cart-actions .wishlist:hover {
    background: #fff;
    color: #666;
    border: solid 2px #CCCCCC;
}

.incaps {
    display: block;
    float: left;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 15px 20px 0 0;
    text-transform: uppercase;
}

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

.color-in {
    color: #1aad20;
}

.color-out,
.red {
    color: red;
}

.product-share {
    border-top: 1px solid #DDDDDD;
    clear: both;
    display: inline-block;
    margin-top: 20px;
    padding-top: 14px;
    width: 100%;
}

.socialIcon a {
    background: #CCCCCC;
    color: #FFFFFF;
    display: inline-block;
    font-size: 22px;
    padding: 6px 3px;
    margin-right: 10px;
    text-align: center;
    width: 35px;
    transition: all 0.15s ease-in-out 0s;
    -moz-transition: all 0.15s ease-in-out 0s;
    -webkit-transition: all 0.15s ease-in-out 0s;
    -o-transition: all 0.15s ease-in-out 0s;
    -ms-transition: all 0.15s ease-in-out 0s;
}

.socialIcon a:hover {
    color: #fff;
}


/***  ------- You may also like ------- ***/

.recommended {
    border-top: solid 2px #ddd;
    margin-top: 20px;
    padding-top: 20px;
}

.recommended h1 {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
}

#SimilarProductSlider .item {
    padding: 30px 0px 0;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.recommended .description {
    min-height: 70px;
}

.product-image {
    max-width: 100%;
}

.product-image img {
    max-width: 100%;
}

#SimilarProductSlider .product-image img {
    max-height: 200px;
}


/* =============================================================== */


/* CART PAGE/* =============================================================== */

.quanitySniper {
    height: 30px;
    padding: 0;
    text-align: center;
    width: 40px;
}

tr.CartProduct td,
tr.CartProduct th {
    text-align: center;
}

tr.CartProduct td:nth-child(1) {
    text-align: left;
}

tr.CartProduct td:nth-child(1)>div {
    margin-left: 7px;
}

.cartTable {
    border-top: solid 1px #EBEDEF;
}

.cartTableHeader {
    background: #EBEDEF;
}

.cartFooter {
    padding: 20px;
    border-top: solid 1px #eee;
    background: #EBEDEF;
    display: inline-block;
    width: 100%;
}

.cart-summary tr td:nth-child(2) {
    text-align: right;
}


/* =============================================================== */


/* Right side bar  //> .rightSidebar //> if needed/* =============================================================== */

.caps {
    border-top: 0 none;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 16px;
    overflow: hidden;
    padding: 0 0 16px;
    text-align: right;
    text-transform: uppercase;
}

.rightSidebar .cart-summary {
    margin: 0;
}

.rightSidebar .cart-summary:first-child tr:first-child td {
    border: none;
}

.cartMiniTable {
    border: 1px solid #DDDDDD;
    border-radius: 4px;
}

.cartMiniTable div>table>tbody>tr:nth-child(odd) {
    background: #DEDEDE;
}

.cartMiniTable.cartMiniTable div>table>tbody>tr>td {
    padding: 3px 8px;
}

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

.rightSidebar .section-title-inner {}

.categoryListPanel {
    background: #EBEDEF;
}

.contentBox {
    margin-bottom: 15px;
}

.rightSidebar .product-image img {
    float: left;
    max-width: 100%;
    width: 90px;
    margin-right: 10px;
}

.rightSidebar .product {
    padding: 10px 0;
}

.rightSidebar .item {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 0;
}

.rightSidebar .item h4 {
    margin-top: 0;
}

.couponForm input[type="text"] {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    height: 35px;
}

.couponForm .btn {
    border-radius: 0 3px 3px 0;
}

span.success,
p.success div.success {
    color: #8BB418;
}

#total-price {
    font-size: 22px;
    font-weight: bold;
}


/* =============================================================== */


/*  CHECKOUT PAGE START/* =============================================================== */

label {
    font-weight: normal;
}

label.error {
    color: #e74c3c;
    font-size: 90%;
}

.orderStep {
    clear: both;
    display: inline-block;
    height: auto;
    padding: 0;
    margin-bottom: 30px;
    width: 100%;
}

.orderStep li {
    display: inline-block;
    float: left;
    height: 85px;
    margin: 0;
    min-height: 55px;
    padding: 0;
    width: 20%;
}

.orderStep li.active a {
    color: #fff;
}

.orderStep li.active a {
    position: relative;
}

.orderStep li.active a:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 10px;
    margin-left: -10px;
}

.orderStep li a {
    background: #EFF0F2;
    display: inline-block;
    font-size: 14px;
    height: 100%;
    line-height: normal;
    padding: 20px 0 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
}

.orderStep li a i {
    background: rgba(0, 0, 0, 0.05);
}

.orderStep li.active a i {
    background: rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
}

.orderStep li a i {
    border-radius: 0;
    display: block;
    font-size: 20px;
    height: auto;
    left: 0;
    line-height: 40px;
    margin-top: -20px;
    padding: 0;
    text-align: center;
    width: auto;
    float: none !important;
}

.orderStep li a span {
    display: block;
    padding: 5px 0;
}


/* payment */

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

.checkoutReview .CartProductThumb a img,
.checkoutReview .CartProductThumb a img {
    width: 50px;
}

.paymentBox .panel {
    box-shadow: none;
}


/* =============================================================== */


/* USER END || Account// Address // Order //  Creation/* =============================================================== */

.myAccountList li {
    text-align: center;
}

.myAccountList li a {
    font-size: 14px;
    display: block;
}

.myAccountList .thumbnail {
    padding: 10px 0 0;
}

.myAccountList .thumbnail:hover {
    background: #F5F5F5;
}

.myAccountList li a i {
    display: block;
    clear: both;
    font-size: 44px;
    margin-bottom: 10px;
}

h2.block-title-2,
.formBox h3,
.block-title-2 {
    border-bottom: 1px solid #CECECE;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 10px 0 0;
    position: relative;
    text-transform: uppercase;
}

.panel-footer-address .btn {
    margin-right: 5px;
}


/***  ------- Cart & Wisth list ------- ***/

.CartProductThumb a img,
.CartProductThumb a img {
    width: 86px;
    max-width: 100%;
}

tr.CartProduct {
    border-bottom: 1px solid #E7E9EC;
}

tr.CartProduct td,
tr.CartProduct th {
    padding: 5px 1px;
}


/* mycart */

.cartTableHeader {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}


/* =============================================================== */


/* ABOUT PAGE/* =============================================================== */


/*.innerPage {    padding-top: 60px;}.parallaxOffset {    margin-top: 80px;    -webkit-transition: all 0.1s ease-out 0s;    -moz-transition: all 0.1s ease-out 0s;    -ms-transition: all 0.1s ease-out 0s;    -o-transition: all 0.1s ease-out 0s;    transition: all 0.1s ease-out 0s;}.parallaxOffset.down {    margin-top: 28px;}.parallax-image-aboutus {    background: url(../../images/site/about-bg.jpg) no-repeat 50% -80px fixed;    -webkit-background-size: cover;    -moz-background-size: cover;    -o-background-size: cover;    background-size: cover;    background-attachment: fixed;  IE FIX }.parallax-image-aboutus .parallax-content {    padding: 150px 0;}.title-big {    font-size: 48px;    font-weight: bold;    margin-bottom: 15px;}.padding-top-30 {    padding-top: 30px;}.form-newsletter input {    margin-bottom: 20px;}.hr30 {    margin-top: 30px;    margin-bottom: 30px;}.hr40 {    margin-top: 40px;    margin-bottom: 40px;}*/


/* =============================================================== */


/* CONTACT US PAGE/* =============================================================== */

.whitebg {
    background: #fff;
}

.fixedContent {
    position: fixed;
    top: 0;
    width: 100%;
    display: block;
}

.wrapper.contact-us {
    background: #FFFFFF;
    display: block;
    margin-top: 450px;
    position: relative;
    width: 100%;
    z-index: 4;
}

.h1error {
    font-size: 80px;
    font-weight: bold;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

.err404 {
    font-weight: lighter;
}


/* =============================================================== */


/* PRODUCT DETAILS POPUP MODAL/* =============================================================== */


/* quick view btn */

div.quickview {
    display: block;
    margin-top: 40%;
    max-height: 50px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
    visibility: hidden;
}

.product:hover div.quickview {
    visibility: visible;
}

.btn-quickview {
    border-radius: 2px;
    font-family: "Oswald", Helvetica Neue, Arial, sans-serif;
    letter-spacing: 2px;
    color: #454545 !important;
    text-transform: uppercase;
    background: #fff;
    /* old borwser */
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #eee;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-o-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    left: auto;
    min-width: 100px;
    max-height: 40px;
    height: 40px !important;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    padding: 10px;
    visibility: hidden;
    width: auto;
    display: inline-block !important;
    z-index: 2;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

.product:hover .btn-quickview {
    visibility: visible;
    opacity: 0.85;
    -webkit-opacity: 0.85;
    -ms-opacity: 0.85;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
}

.list-view .product:hover div.quickview {
    margin-top: 45%;
}

@media (max-width: 460px) {
    div.quickview {
        margin-top: 25%;
    }
}

@media (max-width: 400px) {
    div.quickview {
        margin-top: 35%;
    }
}

.product>.btn-quickview:hover {
    opacity: 0.95;
}


/* quick view btn end */

#product-details-modal .modal-dialog {
    background: #fff;
    max-width: 960px;
    overflow: auto;
    width: 100%;
}

#product-details-modal .close,
#productSetailsModalAjax .close {
    color: #454545;
    display: block;
    font-size: 34px;
    font-weight: lighter;
    line-height: 10px;
    opacity: 0.6;
    padding: 12px;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    z-index: 1;
}

#productSetailsModalAjax .main-image {
    margin-top: 40px;
}

#product-details-modal .close:hover,
#productSetailsModalAjax .close:hover {
    opacity: 0.8;
}

@media (max-width: 800px) {

    #product-details-modal .modal-dialog,
    #productSetailsModalAjax .modal-dialog {
        max-width: 90%;
        margin: 20px auto;
    }
}

@media (min-width: 840px) {
    .modal-details-inner {
        min-height: 552px;
    }
}

@media (max-width: 600px) {
    #product-details-modal .modal-dialog {
        max-width: 96%;
        margin: 20px auto;
    }
}

#product-details-modal .modal-content {
    background: #fff;
    display: block;
    height: auto;
    padding: 0;
    box-shadow: none;
}

.modal-details-inner {
    padding: 30px;
}

#product-details-modal .productFilter {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

#product-details-modal .filterBox {
    display: inline-block;
}

#product-details-modal .cart-actions {
    margin-bottom: 0;
    margin-top: 0;
}

#product-details-modal .color-details {
    margin-top: 5px;
}

#product-details-modal .product-share {
    border-top: 0 none;
    margin-top: 0;
    padding-top: 0;
}

.modal-product-thumb {
    border-top: 1px solid #ddd;
    clear: both;
    display: block;
    text-align: center;
}

.modal-product-thumb a {
    border: 1px solid #ccc;
    display: inline-block;
    float: none;
    margin-right: 10px !important;
    margin-top: 5px;
    height: 75px;
    overflow: hidden;
    width: 60px !important;
}

.modal-product-thumb a.selected,
.modal-product-thumb a:hover {
    border: 1px solid #000 !important;
}

.modal-product-thumb a img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 75px;
    width: 60px !important;
}


/* =============================================================== */


/* SUBSCRIBE | PROMOTIONAL MODAL/* =============================================================== */

#modalAds .modal-bg-1 {
    background: url(../../images/site/modal-img-1.jpg) right bottom no-repeat;
    background-color: #F3F6FB;
}

.modal-bg-1 .close {
    color: #454545;
    display: block;
    font-size: 34px;
    font-weight: lighter;
    line-height: 10px;
    opacity: 0.6;
    padding: 12px;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    z-index: 1;
}

#modalAds .modal-dialog {
    max-width: 660px;
    min-height: 340px;
    display: block;
    overflow: auto;
    padding: 15px;
    position: relative;
}

#modalAds h3 {
    color: #444;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 29px;
    text-transform: uppercase;
}

.discountLg {
    color: #000;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 46px;
    font-weight: bold;
    letter-spacing: 3px;
    line-height: 46px;
    text-transform: uppercase;
}

#modalAds h4 {
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 28px;
    text-transform: uppercase;
}

.newsletter {
    border: 2px solid #ddd;
    display: inline-block;
    width: auto;
}

.newsletter input[type="text"] {
    background: #fff;
    border: medium none;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.newsletter input[type="text"]:focus {
    text-shadow: none;
    color: #666;
}

.newsletter .subscribe-btn {
    background: #ddd;
    border: 0 none;
    border-radius: 0;
    color: #3a3a3a;
    float: left;
    font-weight: normal;
    height: 40px;
    line-height: normal;
    padding: 0 10px;
}

@media (max-width: 442px) {
    .discountLg {
        font-size: 36px;
        letter-spacing: 2px;
        line-height: 40px;
    }

    #modalAds h3 {
        color: #444;
        font-size: 22px;
        letter-spacing: 1px;
        line-height: 26px;
    }

    .newsletter input[type="text"] {
        width: 100%;
    }

    .newsletter .subscribe-btn {
        margin-left: 0;
        margin-top: 5px;
        width: 100%;
    }
}

.newsletter .subscribe-btn:hover {
    background: #b7b7b7;
}

.shoplink {
    color: #000;
    display: inline-block;
    clear: both;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    left: 2px;
    margin-top: 20px;
    text-decoration: underline;
    text-transform: uppercase;
}


/* =============================================================== */


/* WEB PAGE PROGRESS BAR CSS/* =============================================================== */

.pace .pace-progress {
    background: #fff;
    background: rgba(255, 255, 255, 0.80);
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

.pace-inactive {
    display: none;
}


/* =============================================================== */


/* CUSTOM RESPONSIVE/* =============================================================== */

@media (min-width: 1800px) {

    .banner,
    .slider-content,
    .slider,
    .slider-v2 {
        max-height: 700px;
    }

    .sliderImg {
        width: 100%;
    }
}

@media only screen and (max-width: 1224px) {
    input.quanitySniper {
        width: 35px !important;
    }
}

@media (max-width: 1024px) {
    .navbar.stuck .navbar-top {
        margin-top: 0 !important;
    }

    .banner {
        margin-top: 70px !important;
    }

    .header-version-2 .banner {
        margin-top: 130px !important;
    }

    .social li {
        margin: 0 6px 0 0;
    }

    .cartMenu.static-search-box a.dropdown-toggle {
        padding-left: 10px;
        padding-right: 10px;
    }

    .search-box.static-search .form-control {
        max-width: 104px
    }
}


/*@media (max-width: 979px) and (min-width: 768px) { Chaged by TW*/

@media (max-width: 991px) and (min-width: 768px) {
    .cartMenu a.dropdown-toggle {
        height: 50px;
    }

    .cartRespons {
        display: none;
    }
}


/* // NEW  */

@media (max-width: 991px) and (min-width: 768px) {

    /*    .navbar-nav > li > a {            padding-left: 10px;            padding-right: 10px;            font-size: 12px;        }*/
    .cartMenu a.dropdown-toggle {
        font-size: 12px;
        padding: 15px 15px;
    }
}

@media (max-width: 767px) {
    .container {
        width: 100% !important;
    }
}

@media (max-width: 979px) {

    /*** iPads (portrait and landscape) ***/
    .subCategoryThumb img {
        height: 100% !important;
    }

    /*    .container {            width: 100% !important;            max-width: 900px !important;        }*/
    .category-top {
        margin-top: 30px;
    }

    .cartRespons {
        font-size: 0;
    }

    .hidden-xs .cartMenu .dropdown-toggle {
        padding-bottom: 9px;
        padding-top: 16px;
    }

    .sliderText {
        margin-top: 6%;
    }

    .header-version-2 .sliderText {
        margin-top: 10%;
    }

    .sliderText .inner {
        padding: 15px;
    }

    .sliderText h1 {
        font-size: 30px;
    }

    .sliderText.white h1 {
        padding-bottom: 0;
    }

    .sliderText.white h3.price {
        font-size: 18px;
        padding-bottom: 0;
    }

    .sliderText.white .inner {
        padding: 5px 0;
    }

    h1.xlarge {
        font-size: 36px;
    }

    .sliderTextFull h3 {
        font-size: 18px;
        line-height: 20px;
        padding-bottom: 5px;
    }

    .sliderInfo .btn-lg,
    .sliderText.white .btn {
        font-size: 14px;
        line-height: 1.471;
        padding: 5px 15px;
    }

    #pager2 {
        bottom: 0;
    }

    #pager2 span {
        border-width: 1px;
        height: 10px;
        width: 10px;
    }

    .sliderControl {
        border-radius: 2px;
        padding: 0 2px;
        top: 45%;
    }

    .sliderControl .fa-3x {
        font-size: 2.5em;
    }

    #pager a {
        font-size: 14px;
        padding: 5px 0;
        font-weight: normal;
    }
}

@media (min-width: 768px) {
    .megamenu-content.has20 {
        width: 202px;
    }

    .megamenu-content.has40 {
        width: 460px;
    }

    .megamenu-content.has60 {
        width: 670px;
    }

    .megamenu-content.has4col {
        width: 700px;
    }

    .hasMega {
        position: relative !important;
    }

    .hasMega .dropdown-menu {
        min-width: 202px;
    }

    .hasMega.megamenu-20width .dropdown-menu {
        min-width: 202px;
    }

    .hasMega.megamenu-40width .dropdown-menu {
        min-width: 460px;
    }

    .hasMega.megamenu-60width .dropdown-menu {
        min-width: 670px;
    }

    .hasMega.megamenu-70width .dropdown-menu {
        min-width: 700px;
    }
}

@media (max-width: 767px) and (min-width: 0) {

    /***  ipad 4 , iphone 4 fixed  ***/
    .hidden-xs {
        display: none !important;
        visibility: hidden !important;
    }
}

@media screen and (max-width: 767px) {

    /* phones */
    .static-search.navbar-formbox {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    .static-search.navbar-formbox {
        margin: 0;
        max-width: 100%;
        padding: 0;
        width: 100%;
    }

    .static-search.navbar-formbox .navbar-form {
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
    }

    .search-box.static-search .input-group {
        max-width: 100%;
        width: 100%;
    }

    .search-box.static-search .form-control {
        max-width: 100%;
        width: 100%;
    }

    .search-box.static-search:hover .form-control {
        max-width: 100%;
        width: 100%;
    }

    .userMenu li a {
        padding-top: 3px;
        line-height: normal;
    }

    .phone-number i.glyphicon-phone-alt {
        padding-top: 2px !important;
    }

    .navbar-brand {
        padding: 3px;
    }

    .search-box .input-group {
        margin-top: 9px;
    }

    .search-box .input-group .btn {
        box-shadow: none;
        padding: 9px 10px;
    }

    .miniCartFooter {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        border-top: 2px solid rgba(255, 255, 255, 0.5) !important;
        margin-top: 10px !important;
    }

    .cartMenu table tr {
        border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    }

    .cartRespons {
        font-size: 14px;
    }

    .navbar-cart {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-cart.in .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #fff;
        background: rgba(255, 255, 255, 0.7) !important;
    }

    .miniCartFooter .btn {
        color: #fff !important;
    }

    .miniCartProduct,
    .miniCartProduct a,
    .miniCartProduct p,
    .miniCartProduct .size,
    .miniCartProduct .price,
    .dropdown-header {
        /*color: #FFFFFF; TW*/
    }

    /*    .megamenu-content ul li a, .megamenu-content ul li p, .megamenu-content ul li, .navbar-nav .dropdown a, .navbar-nav .dropdown {            color: #fff;        }*/
    .searchInputBox {
        max-width: 80%;
    }

    .megamenu .dropdown.megamenu-80width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }

    .megamenu .dropdown.megamenu-80width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }

    .megamenu .dropdown.megamenu-50width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }

    .megamenu .dropdown.megamenu-40width .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
    }

    .megamenu-content ul li {
        border-color: rgba(255, 255, 255, 0.2);
    }

    /***  banner slider responsive  ***/
    /*    .banner {            margin-top: 70px !important;        }*/
    .sliderTextFull .inner.dark {
        max-width: 100%;
        padding: 5px;
    }

    .parallaximg.ismobile {
        margin-top: 0 !important;
    }

    /*    h1.xlarge {
            font-size: 20px;
            font-weight: 800;
            line-height: normal;
            padding-bottom: 0;
        }*/
    .sliderTextFull h3 {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 5px;
        margin-top: 0;
        padding-bottom: 0;
    }

    .sliderText h1 {
        font-size: 24px;
        padding-bottom: 0;
    }

    .sliderInfo .btn-lg {
        font-size: 12px;
        padding: 5px 10px;
    }

    .sliderText .inner {
        padding: 5px;
    }

    .sliderText h3.price {
        font-size: 16px;
        padding-bottom: 2px;
    }

    .featureImg a {
        margin-bottom: 20px;
    }

    .navbar-top i {
        font-size: 16px;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        padding: 3px 0 0;
    }

    .text-left-xs {
        text-align: left !important;
    }

    /* Home v5 Slider */
    .ps-nav {
        top: 34%;
    }

    .ps-nav img {
        width: 80px;
    }

    .cart-actions button,
    .cart-actions .btn-cart,
    .cart-actions .wishlist {
        margin-bottom: 15px;
    }
}

@media (min-width: 0) and (max-width: 991px) {

    .cart-actions button,
    .cart-actions .btn-cart,
    .cart-actions .wishlist {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 580px) {

    /* phones (portrait and landscape) ----------- */
    .xs3Response {
        width: 50% !important;
    }

    .sliderTextFull {
        color: #FFFFFF;
    }

    .parallax-content h2 {
        color: #FFFFFF;
        display: inline-block;
        font-size: 20px;
        line-height: 22px;
    }

    .parallax-content h3 {
        font-size: 16px;
        line-height: normal;
    }

    .style2 .section-title,
    .section-title.style2 {
        font-size: 24px;
    }

    .style2 .section-title:after,
    .section-title-style2:after,
    .section-title.style2:after,
    .section-title-style2:after {
        margin-left: 10%;
        top: 32px;
        width: 80%;
    }

    .orderStep li a span {
        font-size: 11px;
    }

    .categoryFooter .pagination {
        margin-bottom: 10px;
    }

    .sp-thumbs {
        bottom: 0 !important;
    }

    .CartProductThumb a img {
        margin-right: 5px;
    }

    #pager2 {
        bottom: 0;
    }

    #pager2 span {
        border-width: 1px;
        height: 10px;
        width: 10px;
    }

    .sliderControl {
        border-radius: 2px;
        padding: 0 2px;
        top: 45%;
    }

    .sliderControl .fa-3x {
        font-size: 2em;
    }

    #pager a {
        font-size: 14px;
        padding: 5px 0;
        font-weight: normal;
    }

    /* Home v5 Slider */
    .ps-nav {
        top: 28%;
    }

    .ps-nav img {
        width: 80px;
    }

    #imageShowCase .product-slide h1 {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 22px;
    }

    .newsletter {
        border: 0;
    }

    #subscribe {
        border: solid 1px #ddd;
    }

    .modal-dialog {
        background: #fff none repeat scroll 0 0;
        margin: 6% auto;
        max-width: 95%;
        overflow: auto;
        width: 100%;
    }

    #modalAds .modal-dialog {
        display: block;
        margin: 10% auto;
        max-width: 94%;
        min-height: 340px;
        overflow: auto;
        padding: 10px 0;
        position: relative;
    }
}

@media (max-width: 480px) {
    #pager a {
        font-size: 12px;
    }

    .navbar-toggle {
        background: none !important;
    }

    h1.xlarge {
        font-size: 20px;
        font-weight: 800;
        line-height: normal;
        padding-bottom: 0;
    }

    h1.x2large {
        font-size: 38px;
    }

    .title-big {
        font-size: 38px;
    }

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

    .cartTableHeader {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .CartProduct .delete i {
        font-size: 16px !important;
    }


    .CartProductThumb a img {
        max-width: 60px !important;
    }

    

    .CartDescription h4 a {
        font-size: 14px !important;
        line-height: normal;
    }

    .cart-actions button,
    .cart-actions .wishlist {
        font-size: 14px !important;
        padding: 10px !important;
    }

    .navbar-brand.windowsphone {
        display: block;
        float: left;
    }

    .navbar-brand.windowsphone img {
        max-width: 65px;
    }

    .featuredPostContainer.globalPadding {
        padding: 10px 0 !important;
    }

    .col-xs-mini-6 {
        width: 50%;
    }

    .col-xs-min-12,
    .col-xxs-12 {
        width: 100%;
    }

    .text-center-xs {
        text-align: center;
    }

    .text-center-xs .caps {
        font-size: 14px;
        text-align: center;
    }

    .home-intro h2 {
        font-size: 18px;
        font-weight: 200;
        letter-spacing: 1px;
    }

    .no-float-xs {
        float: none !important;
    }
}


/*@media (max-width: 359px) {*/

@media (max-width: 580px) {
    #pager a {
        font-size: 10px;
    }

    .container,
    .container-fluid {
        min-width: 310px;
    }

    .cartFooter .box-footer div {
        width: 100%;
        text-align: center;
        padding-bottom: 5px;
    }

    .navbar-brand {
        padding: 3px 0 0 10px;
    }

    .navbar-brand img {
        max-width: 100px;
        top: 7px;
        position: relative;
    }

    .navbar-header.isios .navbar-brand img {
        max-width: 60px !important;
    }

    /*    .navbar-header .navbar-toggle {            margin-right: 10px;            padding: 9px 2px;        }*/
    .cartFooter {
        padding: 5px 0;
    }

    .checkoutReview th {
        font-size: 13px;
    }

    .col-xs-mini-6 {
        width: 100%;
    }
}

@media (max-width: 320px) {
    .container {
        width: 100% !important;
        max-width: 320px !important;
    }

    .banner {
        width: 100% !important;
        max-width: 320px !important;
        overflow: hidden !important;
    }
}


/* IMAGE HOVER */

.itemauto {
    height: auto;
    max-height: none;
}

.imageHover {
    display: block;
    max-height: 404px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.imageHover a {
    display: block;
    overflow: hidden;
}

.img-responsive.primaryImage {
    position: relative;
    z-index: 1;
    transition: all 200ms ease-in-out 0s;
    -webkit-transition: all 200ms ease-in-out 0s;
    transform-style: preserve-3d;
    opacity: 1;
}

.secondaryImage {
    left: 0;
    position: absolute;
    transition: all .10s linear;
    -webkit-transition: all .10s linear;
    top: 0;
    opacity: 0;
}

.imageHoverFlip .primaryImage {
    transform-style: preserve-3d;
    transform: rotateY(0);
    transition: all .10s linear;
    -webkit-transition: all .10s linear;
}

.imageHoverFlip .secondaryImage {
    transform-style: preserve-3d;
    transform: rotateY(180deg);
    transition: all .10s linear;
    -webkit-transition: all .10s linear;
}

.product:hover .secondaryImage {
    opacity: 1;
}

.product:hover .img-responsive.primaryImage {
    opacity: 0;
}

.product:hover .imageHoverFlip .img-responsive.primaryImage {
    transform: rotateY(180deg);
}

.product:hover .imageHoverFlip .img-responsive.secondaryImage {
    opacity: 1;
    transform: rotateY(0deg);
}


/* carousel-inner */

.carousel-inner>.item {
    height: auto;
    margin-bottom: 0;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    margin: 0 auto;
    display: block;
}

.imageHover .glyphicon-chevron-right::before {
    content: "\f105";
    font-family: 'FontAwesome' !important;
    text-shadow: none;
    border: 1px solid #999;
    color: #999 !important;
    display: block;
    height: 31px;
    width: 31px;
    padding: 0;
}

.imageHover .glyphicon-chevron-left::before {
    content: "\f104";
    font-family: 'FontAwesome' !important;
    text-shadow: none;
    border: 1px solid #999;
    color: #999 !important;
    display: block;
    height: 31px;
    width: 31px;
    padding: 0;
}

.imageHover .carousel-control.left {
    background-image: none !important;
    z-index: 5;
}

.imageHover .carousel-control.right {
    background-image: none !important;
    z-index: 5;
}

.hoverNav .carousel-control {
    transform: scale(0.1);
    visibility: hidden;
    transition: all 0.3s ease 0.1s;
}

.product:hover .hoverNav .carousel-control {
    transform: scale(1);
    visibility: visible;
}

.imageHover div.quickview {
    margin-top: 60%;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

@media (max-width: 767px) {
    .imageHover .glyphicon-chevron-right::before {
        height: 25px;
        width: 25px;
    }

    .imageHover .glyphicon-chevron-left::before {
        height: 25px;
        width: 25px;
    }
}


/* ORDER STATUS */

.order-box {
    background: #fff;
    border: solid 1px #ccc;
    margin-bottom: 30px;
}

.order-box-header {
    background: #ebeded;
    font-weight: bold;
    padding: 10px;
    text-transform: uppercase;
}

.order-box-content {
    padding: 15px;
}

.order-box-content table td {
    padding: 5px;
}

.statusTop {
    margin-bottom: 20px;
}

.statusTop p {
    font-size: 16px;
    margin-bottom: 5px;
}

.order-details-cart {
    width: 100%;
}

.order-details-cart tr {
    border-bottom: solid 1px #ddd;
}

.order-details-cart img {
    width: 80px;
}

.cartTotalTr {
    border: none !important;
}

.cartTotalTr td {
    text-align: right;
}


/* Thanks Page */

.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.thanxContent {
    padding: 70px 0 30px;
}

.thanxContent a {
    color: #A2C15A;
}

.thanxContent h1 {
    margin-bottom: 0;
    font-size: 40px;
}

.thanxContent h4 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
}

.cartTableBorder {
    border: solid 1px #EBEDEF;
}


/* review modal */

.rating-here .fa,
.rating .fa {
    color: #E7711B;
}

.reviewtitle {}


/* NAV TREE */

.nav-category {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.nav-category li a {
    border-top: 1px solid #ddd;
    clear: both;
    display: block;
    font-weight: 600;
    position: relative;
    padding: 10px 20px;
}

.nav-category li a:hover {
    background: #f5f5f5;
}

.nav-category li a.child-has-open:hover {
    background: #fff;
}

.nav-category a span {
    padding-right: 5px;
    display: inline-block;
}

.nav-category li ul {
    margin: 0;
    padding: 0;
    background: #f5f5f5;
}

.nav-category ul a {
    padding-left: 30px;
    font-size: 13px;
}

.nav-category ul ul a {
    padding-left: 45px;
}

.nav-category ul ul ul a {
    padding-left: 60px;
}

.nav-category ul ul ul ul a {
    padding-left: 75px;
}

.nav-category li a.child-has-open {
    font-weight: bold;
}

.child-has-open::after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
}

.child-has-close::after {
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
}


/* SELECT 2 PLUGIN CUSTOMIZE */

.select2-container .select2-selection--single {
    height: 37px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #dddddd;
    border-radius: 3px 3px;
    border-style: solid;
    border-width: 1px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #888;
    line-height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.productFilter .select2-container,
.form-group .select2-container {
    width: 100% !important;
}


/* iCheck Customize */

.radio-inline,
.checkbox-inline,
.radio label,
.checkbox label {
    padding-left: 0;
}

.iCheck-margin {
    margin-right: 5px;
}


/* MENU OVERLAPPED */

@media screen and (min-width: 768px) {
    .ProductDetailsList.megamenu-content ul {
        padding-left: 5px;
        padding-right: 5px;
    }

    .ProductDetailsList.megamenu-content ul li a {
        font-size: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-left: 1px;
    }

    .ProductDetailsList.megamenu-content ul li strong a {
        font-size: 14px;
    }
}


/* ONEPAGE PAYMENT */

.payment-method {
    display: block;
    float: left;
    margin: 10px 0;
    width: 100%;
}


/* OWL PAGINATION ARROW */

.owl-theme .owl-controls .owl-has-nav {
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    height: 22px;
    position: relative;
    width: 12px;
    cursor: pointer;
    transition: 0.3s ease;
    opacity: 1;
}

.owl-has-nav:hover {
    opacity: .5;
}

.owl-has-nav i {
    position: absolute;
    top: 0;
}

.owl-has-nav.owl-next i {
    right: 0;
}

.owl-has-nav.owl-prev i {
    left: 0;
}


/* PAGE v-7.1 MENU  */

.container.static,
.static {
    position: static;
}

.container.static .megamenu-content.container {
    padding-left: 0;
    padding-right: 0;
}


/* PAGE About 3   */

.about-3 {
    height: auto;
    max-height: none;
    background-position: 50% center;
    background-size: cover;
}

.about-3 .parallax-content {
    padding: 60px 0;
}

.about-3 .w100 {
    background: rgba(0, 0, 0, 0.3);
}

.about-3 .intro-heading {
    font-size: 60px;
    font-weight: 600;
    line-height: 1;
    padding: 150px 0;
}

.about-content {
    max-width: 800px;
    margin: 0 auto;
    clear: both;
}

.lead-2 {
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    line-height: 1.4;
}

.about-content .lead-2 {
    margin: 50px 0;
}

.abt-img {
    width: 350px;
    margin: 0 auto;
}

.about-content-text {
    max-width: 380px;
    margin: 0 auto;
}

.about-content-text h3 {
    color: #303030;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
    margin-top: 0;
    padding-top: 0;
}

.about-content-text>h3::after {
    border-bottom: 2px solid #888888;
    content: "";
    display: block;
    height: 2px;
    margin-top: 30px;
    width: 50px;
}

.about-content-text p {
    color: #888888;
    font-size: 16px;
    line-height: 24px;
}

.preson-row {
    text-align: center;
}

.preson-row .preson {
    display: inline-block;
    width: 230px;
    margin-right: 15px;
    margin-bottom: 15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.preson-row .preson:last-child {
    margin-right: 0;
}

.preson-row .preson img {
    max-width: 80%;
    margin: 0 auto;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    opacity: 1;
}

.preson-row .preson:hover img {
    opacity: .8;
}

.preson-details {
    display: block;
    margin-top: 20px;
    margin-bottom: 15px;
}

.preson-details p {
    font-size: 16px;
    color: #303030;
    font-weight: 700;
}

.preson-details p span {
    color: #888888;
    font-size: 14px;
}

.about-title {
    color: #888888;
    font-size: 24px;
    font-weight: 700;
    margin: 30px 0;
    text-transform: uppercase;
    position: relative;
    display: block;
}

.about-title::after {
    border-bottom: 2px solid #888888;
    content: "";
    display: block;
    height: 2px;
    margin: 15px auto 0;
    width: 50px;
}

.section-people {
    margin-top: 60px;
}

.section-about-bottom {
    padding: 60px 0 200px;
}

@media screen and (max-width: 1200px) {
    .preson-row .preson {
        margin-right: 15px;
        width: 200px;
    }
}

@media screen and (min-width: 1400px) {
    .section-about-bottom {
        background-position: top center !important;
    }
}

@media screen and (max-width: 991px) {
    .preson-row .preson {
        margin-right: 15px;
        width: 160px;
    }
}

@media screen and (max-width: 767px) {
    .section-about-bottom {
        padding: 30px 0 80px;
    }

    .about-content-text h3 {
        margin-top: 15px;
        font-size: 18px;
    }

    .about-3 .intro-heading {
        font-size: 24px;
        font-weight: 600;
        line-height: 1;
        padding: 20px 0;
    }

    .about-content-text p {
        font-size: 14px;
    }

    .lead-2 {
        font-size: 16px;
    }

    .about-content .lead-2 {
        margin: 0 0 15px;
    }
}

.white-bg {
    background: #fff;
}


/*.bootstrap-touchspin {    width: 50px;    margin: 0 0 0 20px;}*/

.div_cart_quantity,
.div_cart_quantity_single_piece {
    /*display: none;*/
    width: 130px;
    align-self: center;
    /* margin: 5px 0 0 0 !important; */
}

.cart_quantity,
.cart_quantity_entry {
    height: 34px;
    width: 100%;
}

input.cart_quantity,
input.cart_quantity_entry {
    text-align: center;
}

.cart_quantity_entry {
    border: none;
}


.bootstrap-touchspin-up {
    background-color: #1aad20;
}

.bootstrap-touchspin-down {
    background-color: #1aad20;
}

#nutrition_table {
    border-spacing: 0;
    border: solid 1px;
    margin: 0 20px 20px 0;
}

#nutrition_table thead tr:first-child th {
    padding-top: 10px;
}

#nutrition_table thead tr:last-child th {
    padding-bottom: 10px;
    border-bottom: solid 1px
}

#nutrition_table thead tr th:first-child {
    padding-left: 15px;
}

#nutrition_table thead tr th:last-child {
    padding-right: 15px;
}

#nutrition_table tbody tr:first-child td {
    padding-top: 10px;
}

#nutrition_table tbody tr:last-child td {
    padding-bottom: 10px;
}

#nutrition_table tbody tr td:first-child {
    padding-left: 15px;
}

#nutrition_table tbody tr td:last-child {
    padding-right: 15px;
}

#nutrition-facts {
    margin: 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

div#vegan {
    /*    position: absolute;        bottom: 5px;        left: 5px;*/
    width: 75px;
    height: 60px;
    background: transparent url(https://www.vegusto.ch/shop/img/vegan60b.png);
    z-index: 1;
    margin-bottom: 20px;
}

table#nav-bar-cart-table tr:nth-child(odd) {
    background: #F1F1F1
}

table#nav-bar-cart-table tr:nth-child(even) {
    background: #FFF
}

#cart_products_table>tbody>tr:nth-child(odd) {
    background: #DEDEDE
}

#cart_products_table>tbody>tr:nth-child(even) {
    background: #f2f2f2;
}



/*#cart tr:nth-child(even) {
    background: #f2f2f2;

}*/


.nav-desk-slider-cart .add-products-with-jquery tr:nth-child(even) {
    background-color: #f2f2f2;
}

.nav_mobile_slider-cart-div .add-products-with-jquery tr:nth-child(odd) {
    background-color: #f2f2f2;
}

.nav_mobile_slider-cart-div .cart_total_table tr:nth-child(odd),
.nav-desk-slider-cart .cart_total_table tr:nth-child(odd) {
    background-color: #f2f2f2;
}




#cart_scrollbar {
    /*overflow:auto;*/
    border-color: #DDD;
    border-style: solid;
    border-width: 1px 0 1px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#cart_scrollbar>table>tfoot {
    border-top: 1px #DDD solid;
}

.cartDecorator {
    position: relative;
    box-shadow: 3px 3px 15px #CCC;
    border-color: #DDD;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    background-color: white;
}

.cartDecorator:before {
    background-color: #1aad20;
    background: -webkit-linear-gradient(left, #1aad20, #009f44);
    background: linear-gradient(to right, #1aad20, #009f44);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1,startColorstr=#1aad20,endColorstr=#009f44)";
    content: '';
    position: absolute;
    height: 6px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.addto {
    width: 160px;
    float: left;
}

#recipes>div>div {
    min-height: 230px;
}

.header-img-back-div {
    height: 100%;
    width: 100%;
    /*background:  url(http://www.vegusto.ch/de/images/kopf.png) no-repeat;*/
    /*background:  url(/bs-shop/images/header/header-2017.jpg) no-repeat;*/
    /*background:  url(/bs-shop/images/header/header-middle.svg) no-repeat;*/
    background: url(/m/images/header/header-middle.svg) no-repeat;
    /*background:  url(/bs-shop/images/header/header-2017.png) no-repeat;*/
    background-size: 100%;
    padding-top: 10.01%;
    /*background: green;*/
}

.flow_green {
    margin: auto;
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #ECF7E5 0%, #42B300 70%);
    /* Opera */
    background-image: -o-linear-gradient(top, #ECF7E5 0%, #42B300 70%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ECF7E5), color-stop(0.7, #42B300));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #ECF7E5 0%, #42B300 70%);
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(top, #ECF7E5 0%, #42B300 70%);
    /* W3C Markup, IE10 Release Preview */
    /*background-image: linear-gradient(to bottom, #ECF7E5 0%, #42B300 70%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECF7E5', endColorstr='#42B300', GradientType=0);
}

.flow {
    background: rgba(73, 155, 234, 1);
    background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(88, 167, 240, 1) 42%, rgba(255, 252, 239, 1) 67%, rgba(255, 252, 239, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73, 155, 234, 1)), color-stop(42%, rgba(88, 167, 240, 1)), color-stop(67%, rgba(255, 252, 239, 1)), color-stop(100%, rgba(255, 252, 239, 1)));
    background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(88, 167, 240, 1) 42%, rgba(255, 252, 239, 1) 67%, rgba(255, 252, 239, 1) 100%);
    background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(88, 167, 240, 1) 42%, rgba(255, 252, 239, 1) 67%, rgba(255, 252, 239, 1) 100%);
    background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(88, 167, 240, 1) 42%, rgba(255, 252, 239, 1) 67%, rgba(255, 252, 239, 1) 100%);
    background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%, rgba(88, 167, 240, 1) 42%, rgba(255, 252, 239, 1) 67%, rgba(255, 252, 239, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#fffcef', GradientType=0);
}

#navbar {
    /*display:none;*/
    position: static;
    margin: 0;
}

.navbar-fixed-top,
.navbar-fixed-bottom {}

.ui-menu {
    z-index: 1050 !important;
}

.equal {
    display: flex;
    flex-wrap: wrap;
}

.equal>div[class*='col-'] {
    display: flex;
    flex-direction: column;
}


/*for the Product Detail page#recipes img {    max-width: 200px;}*/

.biColoredUnderline {
    line-height: 1;
    margin: 18px 0 10px;
    padding: 0;
    border-bottom: 3px solid #7ede1a;
}

.biColoredUnderline span {
    border-bottom: 3px solid #1aad20;
    display: inline-block;
    margin-bottom: -3px;
    padding-bottom: 10px;
}


.img-group {
    width: 100%;
    /*    box-shadow: 3px 3px 15px #CCC;
        margin-bottom: 10px;*/
}

.alert {
    box-shadow: 3px 3px 15px #CCC;
}


/* Product Search*/

.ps_content {
    display: flex;
}

.ps_content input,
.ps_content textarea {
    font-size: 16px;
}

.product_search_error {
    font-weight: bold;
    color: red;
    display: none;
}

#product_added_text,
#fast-inupt-product_added_text {
    font-weight: bold;
    color: green;
    display: none;
}

input.product_search_text {
    font-size: 17px;
}

hr {
    border-bottom: 3px solid #7ede1a;
}

.gray_border {
    background: #efe;
    border: solid 1px #1aad20;
    padding: 0px 20px 15px 20px;
    border-radius: 5px;
    overflow: auto;
}

.green_border {
    background: #efe;
    border: solid 1px #1aad20;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    overflow: auto;
}

.red_border {
    background: #fdd;
    border: solid 1px #ad1a20;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    overflow: auto;
}

.search-navbar-collapse-form {
    margin: 8px 0px;
}

.navbar span.free-shipping-soon {
    color: black;
}

.cart-qty {
    top: -16px;
    left: 9px;
    height: 23px;
    min-width: 23px;
    line-height: 23px;
    font-size: 12px;
    background-color: #e74c3c;
    font-family: sans-serif;
}

@media (max-width: 767px) {
    .cart-qty {
        top: -7px;
        left: 17px;
    }
}

.cart-qty,
.user-log-in-mark,
.user-log-out-mark {
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    float: right;
    cursor: pointer;
    position: absolute;
}

.user-log-out-mark {
    top: 17px;
    height: 17px;
    min-width: 17px;
    line-height: 17px;
    font-size: 8px;
    background-color: #e74c3c;
}

.user-log-in-mark {
    display: none;
    top: 17px;
    height: 17px;
    min-width: 17px;
    line-height: 17px;
    font-size: 8px;
    background-color: #1fda26;
}

.pull-right .user-log-out-mark,
.pull-right .user-log-in-mark {
    right: -3px;
    top: 25px;
}

.dropdown-menu-login {
    width: 250px;
}

.user-login-navbar-collapse a {
    width: 100%;
}

@media (max-width: 767px) {

    .user-login-navbar-collapse,
    .navbar-collapse {
        color: black;
        background-color: #e8e8e8;
    }

    .user-login-navbar-collapse>ul>li>a,
    .navbar-collapse>ul>li>a {
        color: black;
    }
}

.user-login-navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
    margin-top: -7.5px;
    margin-bottom: -7.5px;
    padding-right: 15px;
    padding-left: 15px;
}

.collapsing {
    width: 100%;
}

.header-text h4 {
    font-size: 22px;
}

.header-text {
    position: absolute;
    top: 10%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;

    text-shadow:
        2px 2px 5px rgba(0, 0, 0, 0.7),
        /* Dunklerer, stärkerer Schatten */
        -2px -2px 5px rgba(0, 0, 0, 0.7),
        /* Zweiter Schatten in die andere Richtung */
        0 0 10px rgba(255, 255, 255, 0.7);
    /* Ein heller Schein für zusätzliche Kontraste */
}

@media (max-width: 767px) {

    /* Bootstrap 'xs' */
    .header-text {
        bottom: 10%;
        top: auto;
        /* Überschreibt die obere Position */
    }
}

@media (min-width: 768px) {
    .header-text.splash-screen {}

    .header-text {
        top: 0;

    }
}

.header-text div div {
    /*background: rgba(214, 214, 214, 0.73);*/
    display: block;
    padding: 10px 0px;
    /* margin: 0 10%; */
}



.header-text h1 span,
.header-text h4 span {
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: white;
    padding: 1px 6px;
    /* background-color: #1aad20; */
    /* line-height: 165%; */
    /*line-height: 1.7;*/
}

.header-text h4 span {
    line-height: 120%;
}

@media (min-width: 768px) {
    .container>.navbar-collapse {
        margin-right: 15px;
    }
}

.overlay {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.overlay>a {
    position: absolute;
    pointer-events: all;
}

.shop-button {
    left: calc(50% - 107px);
    top: 70%;
}

a.eu-shop-button {
    left: calc(50% - 107px);
    top: calc(70% + 55px);
}

@media (min-width: 768px) {
    .overlay>a>button {
        font-size: 24px
    }

    .classic-shop {
        left: 27%;
        top: 70%;
    }

    .responsiv-shop {
        left: 60%;
        top: 70%;
    }

    a.eu-shop-button>button {
        font-size: 15px;
        text-decoration: underline;
        background-color: white;
        background: white;
        color: #1aad20;
        font-weight: bold;
        border-radius: 3px;
        height: 35px;
        width: 214px;

        text-decoration: none;
    }


}

@media (max-width: 767px) {
    .classic-shop {
        left: 17%;
        top: 70%;
    }

    .responsiv-shop {
        left: 60%;
        top: 70%;
    }
}

#nav-bar-cart-table {
    margin-top: 5px;
    width: 100%;
}

tr.miniCartProduct:nth-child(2)>td {
    padding: 0 0;
}

tr.miniCartProduct>td {
    padding: 3px 0;
    /*background-color: lightskyblue;*/
}

#nav-bar-cart-table tr.miniCartProduct td:last-child {
    display: none;
}

.navbar-toggle {
    margin-right: 20px;
}

#cart_scrollbar table {
    width: 100%;
}

.carousel-content {
    color: black;
    display: flex;
    align-items: center;
}

#text-carousel {
    width: 100%;
    height: auto;
    padding: 50px;
}

#text-carousel .carousel-indicators li {
    border-color: black;
}

#text-carousel .carousel-indicators li.active {
    background-color: lightslategray;
}

.carousel-content p:nth-child(1) {
    width: 100%;
    text-align: center;
    font-size: large;
}

.important_text {
    color: red;
    font-weight: bold;
}


/*Flexbox*/

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}

.row-fb {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.item-fb {
    flex: 1 0 auto;
    width: 100%;
}

.item-org {
    margin: 5px;
}


/*@media only screen and (min-width: 576px) {    .item-fb {        flex-basis: calc(50% - 22px);    }}*/


/*@media only screen and (min-width: 768px) {    .item-fb {        flex-basis: calc(100% - 12px);    }}*/


/*@media only screen and (min-width: 992px) {    .item-fb {        flex-basis: calc(50% - 22px);    }}*/


/*@media only screen and (min-width: 992px) {    .item-fb {        flex-basis: calc(50% - 22px);    }}*/


/*@media only screen and (min-width: 1200px) {    .item-fb {        flex-basis: calc(50% - 22px);    }}*/

body {
    margin: 0
}

.product-fb {
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 3px 3px 15px #CCC;
}

.product-fb img {
    flex: 0 0 110px;
    margin-right: 10px;
    max-width: 110px;
}


/*h4 {font-family: arial;}*/

.product-fb .description-fb {
    flex: 1 1 auto;
    width: calc(70% - 10px);
    position: relative;
    height: 100%;
}

.description-fb h4 {
    margin-top: 5px;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    color: #3a3a3a;
}

.add2cart-fb {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.img-group-fb {
    width: calc(100% - 14px);
    box-shadow: 3px 3px 15px #CCC;
    margin: 7px;
}

.product .image {
    /*    width: 18%;        float: left;*/
    flex: 0 0 90px;
}

.long-view,
.short-view,
.ml-view {
    display: flex;
}

.long-view div,
.short-view div,
.ml-view {
    margin: 5px 5px;
    /*  border: 1px solid #eee;        box-sizing: border-box;*/
}

.long-view>.description {
    flex: 10 1 200px;
}

.short-view div {
    /*    border:1px solid #eee;        box-sizing: border-box;*/
}

@media only screen and (max-width: 576px) {
    .long-view {
        display: none;
    }

    /*    .item {            height: 170px;        }*/
    .row-fb .item-org {
        flex: 1 1 calc(100% - 10px);
        max-width: calc(100% - 10px);
        padding: 5px;
    }
}

@media only screen and (min-width: 577px) and (max-width: 767px) {
    .short-view {
        display: none;
    }

    /*    .item {            height: 90px;        }*/
    .row-fb .item h4 {
        text-align: left;
    }

    .row-fb .item-ml,
    .row-fb .item-mls {
        flex: 1 1 50%;
        max-width: 50%;
        padding: 5px;
        margin: 0;
    }

    .row-fb .item-org {
        flex: 1 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
        padding: 10px;
    }
}

/*@media only screen and (min-width: 768px) and (max-width: 991px) {
    .long-view {
        display: none;
    }
    .row-fb .item-ml,
    .row-fb .item-mls {
        flex: 1 1 50%;
        max-width: 50%;
        padding: 5px;
        margin: 0;
    }
    .row-fb .item-org {
        flex: 1 1 calc(33% - 10px);
        max-width: calc(33% - 10px);
        padding: 10px;
    }
}*/

/*@media only screen and (min-width: 992px) and (max-width: 1199px) {*/
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .short-view {
        display: none;
    }

    /*    .item {            height: 90px;        }*/
    .row-fb .item h4 {
        text-align: left;
    }

    .row-fb .item-ml {
        flex: 1 1 33.333%;
        max-width: 33.333%;
        padding: 5px;
        margin: 0;
    }

    .row-fb .item-mls {
        flex: 1 1 50%;
        max-width: 50%;
        padding: 5px;
        margin: 0;
    }

    .row-fb .item-org {
        flex: 1 1 calc(33.333% - 10px);
        max-width: calc(33.333% - 10px);
        padding: 10px;
    }
}

@media screen and (min-width: 1200px) {
    .short-view {
        display: none;
    }

    .row-fb .item-ml {
        flex: 1 1 25%;
        max-width: 25%;
        padding: 5px;
        margin: 0;
    }

    .row-fb .item-mls {
        flex: 1 1 33.333%;
        max-width: 33.333%;
        padding: 5px;
        margin: 0;
    }

    .row-fb .item-org {
        flex: 1 1 calc(25% - 10px);
        max-width: calc(25% - 10px);
        padding: 10px;
    }
}

.comlum-grid {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
}

.ml-view-inner {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
}

.comlum-grid div,
.ml-view-inner div {
    margin: 0;
}

#textarea_fast_input {
    width: 100%;
    height: 255px;
    resize: vertical;
}

.ml-view-inner .image {
    flex: 0 0 110px;
    position: relative;
}

.ml-view-inner .important_text {
    margin: 0 5px;
}

.ml-view .promotion {
    left: -5px;
}

.cart_total_table {
    width: 100%;
    font-size: 16px;
    /*font-weight: bold;*/
    color: black;
}

.cart_total_table a {
    font-size: 16px;
    font-weight: bold;
    color: black;
}

.glyphicon-trash {
    margin: 0 5px;
}

#overview h4 {
    padding-bottom: 3px;
    margin:5px 0 0;
}

.validation_error {
    background-color: #f2dede;
    border-color: #a94442 !important;
}

@media print {

    .no-print,
    .no-print * {
        display: none !important;
    }

    a[href]:after {
        content: "";
    }
}

.owl-carousel>div {
    text-align: center;
    padding: 12px 0 8px 0;
}

.owl-stage-outer span {
    margin: 0 0 5px 0;
    vertical-align: middle;
    font-size: 15px;
}

.owl-stage-outer i {
    vertical-align: middle;
    font-size: 22px;
}

#buy-resanons {
    /*    border-style: solid;        border-width: 1px 0 1px 0;        border-color: black;*/
    border-radius: 0;
    position: relative;
    margin: 5px 0 0;
}

#buy-resanons>a.close {
    position: absolute;
    height: 30px;
    top: calc(50% - 10px);
    right: 5px;
    font-size: 30px;
    line-height: 20px;
    z-index: 2;
}

/*a[href]::after {
    content: "";
}*/

#popup-box {
    position: fixed;
    z-index: 999999;
    width: 300px;
    bottom: 10px;
    right: 10px;
}

@media only screen and(max-width: 767px) {
    #popup-box {
        width: 100%;
        bottom: 0;
        right: 0;
        margin-bottom: 0;
    }

    .cartMenu {
        display: none;
    }
}

#navbar .navbar-header {
    background-color: #1aad20;
}

.miniCartDescription p {
    margin: 3px 0;
    font-size: 16px;
}

.form-control {
    color: #000
}

.checkcontainer {
    display: flex;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    gap: 0.5rem;
}


/* Hide the browser's default checkbox */

.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    border: 2px solid #aaa;
    border-radius: 3px;
}


/* On mouse-over, add a grey background color */

.checkcontainer:hover input~.checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.checkcontainer input:checked~.checkmark {
    background-color: #1aad20;
    border-color: #1aad20;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.checkcontainer input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.checkcontainer .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    transform: rotate(38deg);
}

.percent_advertising {
    position: fixed;
    bottom: 30px;
    right: 30px;
    /*background-color: red;*/
    /*    color:white;
        background-color: red;*/
    /*border: solid 1px red;*/
    /*border-radius: 50%;*/
    padding: 20px;
    animation: shake-animation 6s ease infinite;
    transform-origin: 50% 50%;




}

div.plus_minus_box,
div.plus_minus_box_single_piece,
div.entry_box {
    width: 140px;
    display: flex;
    border: solid #1aad20 1px;
    border-radius: 5px;

    margin-top: 5px;
    font-size: 24px;
    /*    line-height: 5px;*/

}

@media (max-width: 768px) {

    .product-text div.plus_minus_box,
    .product-text div.plus_minus_box_single_piece,
    .product-text div.plus_minus_box_single_piece,
    div.entry_box {
        width: 170px;
        height: 45px;
    }
}

div.entry_box {
    display: none;
}

.short-view div.plus_minus_box,
.short-view div.plus_minus_box_single_piece {
    align-self: center;
}

.long-view div.plus_minus_box,
.long-view div.plus_minus_box_single_piece {
    align-self: flex-end;
}

.div_cart_quantity,
.div_cart_quantity_single_piece {
    text-align: center;
    height: 32px;
}

.entry_box .div_cart_quantity {
    margin: 0 0 3px 3px;
}

button.product_minus,
button.product_plus,
button.product_single_piece_minus,
button.product_single_piece_plus,
a.product_minus,
a.product_plus,
a.product_single_piece_minus,
a.product_single_piece_plus,
button.product_entry {
    font-size: 24px;
}

span.product_minus,
span.product_plus {
    font-size: 21px;
}

/*.delete i {
    font-size:20px;
}*/


.product_plus,
.product_single_piece_plus,
.product_entry {
    padding: 2px 12px 0px;

    border-radius: 0px 4px 4px 0px;
}

.product_minus,
.product_single_piece_minus {
    padding: 1px 12px 1px;
    border-radius: 4px 0px 0px 4px;
    /*font-size: 26px;*/

}



.percent_advertising img {
    height: 64px;
    width: 64px;

}

@keyframes shake-animation {
    0% {
        transform: scale(1.3);
    }

    13% {
        transform: rotate(-3deg);
    }

    15% {
        transform: rotate(3deg);
    }

    17% {
        transform: rotate(-3deg);
    }

    19% {
        transform: rotate(3deg);
    }

    21% {
        transform: rotate(-3deg);
    }

    32% {
        transform: rotate(0deg);
    }

}

.swiper-container {
    position: relative;
    overflow: hidden;
}

.twint-img {
    width: 150px;
    margin: -7px 0 0;
}


.homepage-slider-title {
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: white;
    background-color: #009f44;
    padding: 1px 6px;
    background-color: #1aad20;
    line-height: 135%;
}

header.small_header img {
    /*flex: 0 0 auto;*/
    transition: all 0.3s ease;
    /*height: 50px;*/
    width: 100px;
    margin: 5px 0 5px;
    /*transform: scale(0.6);*/


}


header .nav_desktop>img {
    /*width: 100%;*/
    margin: 20px 0 10px;
    /*                max-height: inherit;
                    max-width: 428px;*/
    /*height: 80px;*/
    /*width: 280px;*/
    /*height: auto;*/

    flex: 0 0 280px;
    /*transition: 0.5s;*/
    /*transition: all .3s;*/
    transition: all 0.3s ease;

    transform-origin: left top;


    /*transition: transform 0.505s ease-in-out;*/
    /*                -moz-transition:transform 0.505s ease-in-out;
                    -ms-transition:transform 0.505s ease-in-out;*/
}

.small_header header .nav_desktop>img {
    margin: 5px 0;
    flex: 0.05 0 120px;

}

.nav_desktop {
    position: relative;
}

/*.product_search_header {
    position: absolute;
    right: 0px;
}*/

.header_desktop_top {
    display: flex;
    justify-content: space-between;
}

.header_desktop_top>div {
    /*flex: 1 1 1;*/
    align-self: center
}

.header_desktop_top .cart_desk i {
    font-size: 50px;

}

.small_header .header_desktop_top .cart_desk i {
    font-size: 25px;
    margin: 0;
}

.header_desktop_top form {
    flex: 0.3 1 300px;
    align-self: center;
}

.product_search_header button {
    background-color: #1aad20;
}

.product_search_header .form-control {
    border-color: #1aad20;
}

.nav_desktop table li {
    /* padding: 0 20px; */
    margin: 0 10px;
}

.nav_mobile_slider-cart-div,
.nav-desk-slider-cart {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*.product_search_mobile_output {
    overflow-y: auto;
}*/

/*#product_search_mobile,  {
    border-radius: 0;
}*/

#product_form_search_mobile * {
    border-radius: 0;
}

.product_search_mobile_output ul {
    overflow-y: auto;
    height: 100%;
}

/*.nav_mobile_slider-cart-div > div:nth-child(1) {    
    overflow-y: auto;
    position: absolute;
    bottom: 100px;
    top:0;
    right: 0;
    left: 0;
    flex: 1 1 auto;
    
}

.nav_mobile_slider-cart-div > div:nth-child(2) {    
    overflow-y: auto;
    position: absolute;
    bottom: 0;
    height: 100px;
    right: 0;
    left: 0;
    flex: 0 1 100px;
    
}

*/

.cart-text {
    text-align: right;
    margin: 0;
    font-size: 16px;
}

header {
    position: fixed;
    /*display: flex;*/
    width: 100%;
    /*height: 100px;*/
    transition: height 0.3s ease;

    background-color: white;
    z-index: 1200;
    top: 0;
}



/*    header .container {
        display: flex;
    }*/

.header_div {
    /*padding: 0 15px;*/
    display: flex;
    flex: auto 1 1;
    flex-direction: column;
}

/*    nav {
        display: flex;
    }*/

header .nav_desktop a:hover {
    color: white;
}

nav ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: space-between;


}

nav ul li {

    position: relative;
    align-self: flex-end;
    flex: none;
}

/*nav li > a, nav li > div, nav li > button {*/
nav li>a,
nav li div,
nav li button {
    padding: 8px 6px;
    font-weight: 600;
    display: block;
}

nav ul li:hover {
    background-color: #009f44;
}

nav ul li:hover ul a {
    color: black;
}

nav ul li:hover ul li:hover a {
    color: white;
}

nav ul li ul li a {
    color: black;
    font-weight: normal;
    padding: 2px 15px;
}

nav ul li:hover {
    background-color: #177900;
}

nav ul li:hover a {
    color: white;
}

nav ul li ul {
    display: none;
    z-index: 10;
    position: absolute;
    border: rgba(0, 0, 0, 0.15) solid 1px;
    background-color: white;

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    left: 0;
    top: 100%;
    width: max-content;
    border-radius: 0 0 4px 4px;
    padding: 0 0 5px;

}

nav ul li:hover ul {
    display: block;
}

.sub_point,
.recipe_categroy .sub_point {
    font-size: 0.9em;
    padding: 1px 10px 1px 30px;

}

/*.sub_point_selected  {
    font-size: 0.9em;
    padding: 1px 10px 1px 30px;

}*/

.selected_menu a {
    font-size: 1.2em;
    /* padding: 1px 10px 1px 30px; */
    font-weight: bold;
    color: #1aad20;
}


.nav_mobile_slider-2 div.selected_menu a {
    font-size: 1.2em;
    padding: 0;
    font-weight: bold;
    color: #1aad20;

}


nav tbody {
    vertical-align: top;
}

@media only screen and (max-width: 992px) {
    header .nav_desktop {
        display: none;
    }

    nav ul a,
    nav ul div {
        color: black;

    }

    .anchor {
        position: relative;
        top: -40px;
    }

}

@media only screen and (min-width: 993px) {
    header .nav_mobile {
        display: none;
    }

    .nav-bar {
        background-color: #1aad20;

    }

    nav ul a,
    nav ul div {
        color: white;

    }

    .anchor {
        position: relative;
        top: -95px;
    }



}

header .nav_mobile img {
    width: 145px;
    margin: 5px 0;

}

header .nav_mobile {
    border-bottom: gray solid 1px;
}

header .nav_mobile nav,
header div.mobile_logo {
    display: flex;
    justify-content: space-between;
}

header .nav_mobile nav a,
header .nav_mobile div.mobile_logo a,
header .nav_mobile nav div,
header .nav_mobile div.mobile_logo div {
    align-self: center;
    font-size: 1.2em;
}

.nav_mobile .burger {
    font-size: 2em;
}

.nav_mobile .cart {
    font-size: 1.6em;
}

.mobile-menu-cart-div {
    transition: .4s ease;
    height: 0;
    overflow: hidden;
    border: black solid 1px;
    background-color: white;
}

.mobile-menu-slide-div.div_visable {
    height: auto;

}

.nav_mobile_shop_cover,
.nav_desk_shop_cover {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 1300;
    cursor: pointer;
    opacity: 1;
    background: rgba(155, 155, 155, 0.5);
    backdrop-filter: blur(2px);
    visibility: hidden;
}

.nav_mobile_shop_cover.div_visable,
.nav_desk_shop_cover.div_visable {
    visibility: visible;
}

.nav_mobile_slider-2,
.nav_mobile_slider-products {
    position: fixed;
    border-right: black solid 1px;
    background-color: white;
    left: -310px;
    transition: .4s ease;
    width: 310px;
    bottom: 0;
    z-index: 1400;
    /*top: 104px;*/
    top: 0;
    font-size: 1.3em;
    overflow-y: auto;
    cursor: pointer;

}



/*.small_header .nav_mobile_slider-2 , .small_header .nav_mobile_slider-products, .small_header .nav_mobile_slider-cart-div, .small_header .nav_mobile_slider-search-div {
    top: 46px;
}*/

.nav_mobile_slider-2 a,
.nav_mobile_slider-products a,
.nav_mobile_slider-2 div,
.nav_mobile_slider-products div,
.group-menu p {
    font-weight: bold;
}

/*.nav_mobile_slider-2 .sub_point a , .nav_mobile_slider-products  .sub_point a, .group-menu .sub_point a {*/
.nav_mobile_slider-2 .sub_point a,
.nav_mobile_slider-products .sub_point a {
    font-weight: normal;
}

.nav_mobile_slider-2.div_visable,
.nav_mobile_slider-products.div_visable {
    left: 0;

}



.nav_mobile_slider-2 ul,
.nav_mobile_slider-products ul {

    padding: 10px 0px 10px 15px;

}

/*    .nav_mobile_slider-2 ul li {
        cursor: pointer;
    }*/

.nav_mobile {
    position: relative;
}

@media only screen and (max-width: 992px) {
    .no_scroll {
        overflow: hidden;
    }
}


/*    .menu-hide {
        position: fixed;
        right: 0;
        width: calc((100% - 720px) / 2);
        background-color: tomato;
        height: 100px;
    }*/

.sub_menu_products i {
    vertical-align: -2.5px;
}



.mobile_logo {
    display: flex;
    max-height: 60px;
    transition: max-height 0.3s ease;

}

.mobile_logo img {
    transition: opacity 0.3s ease;
    opacity: 1;
}

.small_header .mobile_logo img,
.small_header .mobile_logo a {
    opacity: 0;

}

.small_header .mobile_logo {
    max-height: 0px;


}

.nav_mobile_slider-cart-div,
.nav_mobile_slider-search-div {
    position: fixed;
    border-left: black solid 1px;
    background-color: white;
    right: -95%;
    transition: .4s ease;
    width: 95%;
    max-width: 450px;
    bottom: 0;
    z-index: 1400;
    /*top: 104px;*/
    top: 0;
    /*font-size: 1.3em;*/
    font-size: 17px;

    /*overflow-y: auto;*/
    cursor: pointer;


}

.nav_mobile_slider-cart-div.div_visable,
.nav_mobile_slider-search-div.div_visable,
.nav-desk-slider-cart.div_visable {
    right: 0;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #1aad20 !important;
    border-color: #1aad20 !important;
    color: #ffffff !important;

}

.ui-menu-item-wrapper {
    font-size: 14px;
}

.nav-desk-slider-cart {
    position: fixed;
    border-left: black solid 1px;
    background-color: white;
    right: -580px;
    transition: .4s ease;
    width: 580px;
    bottom: 0;
    z-index: 1400;
    top: 0;
    font-size: 17px;
    cursor: pointer;
}


.slider-nav-scrolbar {
    overflow-y: auto;
    flex: 1 1 auto;
}

.modal {
    z-index: 1200;
}

div.modal a {
    color: #454545;
}

div.modal a:hover {
    color: #1aad20;
}

.sp-lightbox {
    z-index: 1200;
}

.delete button,
.delete_single_pieces button,
header button,
.delete_cold_shipping button {
    border: 0;
    background: transparent;
}

.footer h4 {
    margin: 10px 0;
}

.form-control {
    font-size: 16px;
}

.promo_code_error {
    color: red;
    font-weight: bold;
}

.promo_code_success {
    color: green;
    font-weight: bold;
}

.grid-layout-container {
    display: grid;

    gap: 15px 15px;

}

@media only screen {
    .grid-layout-container {
        grid-template-columns: 1fr;
    }
}


@media only screen and (min-width: 550px) {
    .grid-layout-container {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (min-width: 992px) {
    .grid-layout-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
}


.product .short-view .img-responsive {
    max-width: 150%;
    margin: 0 -25px;
}

#buy-resanons span {
    vertical-align: text-bottom;
}

#important_infos {
    margin: 10px 0 -10px;
}

#important_infos .alert {
    margin: 0 0 10px;
}

/*
div.gentle-hover-shake:hover {
  animation: tilt-shaking 0.25s 1;
}


@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(5deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}*/


/*.shop-recipe-image {
    background-size:110%;
    background-position: center;
    height: 150px;
    margin: 0 0 5px; 
    overflow:hidden;
    transition: transform .5s ease-in-out; 
}

.shop-recipe-image:hover {
    transform: scale(2) rotate(25deg);
}*/

.shop-recipe-image {
    margin: auto;
    height: 210px;
    overflow: hidden;
    width: 100%;

}

.short-view .shop-recipe-image {

    height: 250px;

}

.long-view .shop-recipe-image img {
    transition: transform 0.5s ease-in-out;
    transform: scale(1.3) translateX(4%);
}

.long-view .shop-recipe-image:hover img {
    transform: scale(1.6) rotate(15deg);
}



.short-view .shop-recipe-image img {
    transition: transform 0.5s ease-in-out;

}

.short-view .shop-recipe-image:hover img {
    transform: scale(1.6) rotate(15deg);

}

/*.long-view .shop-recipe-image:hover img {        
    transform: scale(1.4) translateX(-10%) translateY(-55%) rotate(3deg) ;
}
.short-view .shop-recipe-image:hover img {        
    transform: scale(1.4) translateX(-20%) translateY(-65%) rotate(5deg);
}*/
.shop-recipe-image-title {
    position: absolute;
    top: -1px;
    left: 7px;
    text-shadow: #000 0 0 10px;
    font-size: 18px;
    color: rgb(255 252 239);

}

.shop-recipe-descript {
    margin: 0 5px 0 0;

}

.short-view .shop-recipe-descript {
    text-align: center;
    margin: 0 5px 0 5px;
}



.items-grid-container {
    display: grid;

    gap: 15px 15px;

}

@media only screen {
    .items-grid-container {
        grid-template-columns: 1fr 1fr;
    }
}


@media only screen and (min-width: 550px) {
    .items-grid-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (min-width: 992px) {
    .items-grid-container {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media only screen and (min-width: 1200px) {
    .items-grid-container {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

.recipe-grid-container {
    display: grid;

    gap: 15px 15px;

}


@media only screen {
    .recipe-grid-container {
        grid-template-columns: 1fr 1fr;
    }
}


@media only screen and (min-width: 550px) {
    .recipe-grid-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (min-width: 992px) {
    .recipe-grid-container {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media only screen and (min-width: 1200px) {
    .recipe-grid-container {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}


.grid-layout-container-sponsoring {
    display: grid;
    gap: 15px 15px;

    grid-template-areas:
        'sia-title'
        'sia-text'
        'sia-img-1'
        'sia-img-2'
        'sia-img-3'
        'sia-img-4'
        'sia-img-5'
        'sia-img-6'
        'sia-img-7'
        'sia-video';

}

@media only screen and (min-width: 992px) {


    .grid-layout-container-sponsoring {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            'sia-title sia-title'
            'sia-text .'
            'sia-text sia-img-1'
            'sia-img-2 sia-img-3'
            'sia-img-4 sia-img-5'
            'sia-img-6 sia-img-7'
            'sia-video sia-video';

    }


}

.grid-layout-container-sponsoring .si-title {
    grid-area: sia-title;
}

.grid-layout-container-sponsoring .si-text {
    grid-area: sia-text;
}

.grid-layout-container-sponsoring .si-img-1 {
    grid-area: sia-img-1;
}

.grid-layout-container-sponsoring .si-img-2 {
    grid-area: sia-img-2;
}

.grid-layout-container-sponsoring .si-img-3 {
    grid-area: sia-img-3;
}

.grid-layout-container-sponsoring .si-img-4 {
    grid-area: sia-img-4;
}

.grid-layout-container-sponsoring .si-img-5 {
    grid-area: sia-img-5;
}

.grid-layout-container-sponsoring .si-img-6 {
    grid-area: sia-img-6;
}

.grid-layout-container-sponsoring .si-img-7 {
    grid-area: sia-img-7;
}

.grid-layout-container-sponsoring .si-video {
    grid-area: sia-video;
}


.grid-layout-container-sponsoring .si-video video {
    width: 100%;
}


.invoce-email-required {
    margin-top: 10px;
    display: none;
}


.buttons div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttons div a {
    margin: 7px 20px;
}

:root {
    --swiper-theme-color: #1aad20;
}

.shop-buttons {
    text-align: center;
    margin: 10px 0;
}

.shop-buttons button.btn {

    margin: 10px 0;


}

:root .swiper-texts {
    --swiper-navigation-size: 32px;
}

:root .swiper-texts {
    --swiper-navigation-top-offset: 90%;
    --swiper-pagination-bottom: 22px;
}

@media (min-width: 768px) {
    .swiper-texts .swiper-slide div:nth-child(1) {
        height: 120px;
    }

    .swiper-texts {
        height: 225px;

    }
}


.swiper-texts .swiper-slide div p {
    text-align: center;
    font-weight: 600;
    margin: 0;

}

.swiper-texts .swiper-slide div:nth-child(2) {
    flex: auto 1 1;
    /*background-color: lawngreen;*/

    display: inline-block;
    text-align: center;

    position: relative;
    top: -26px;

}

.swiper-texts .swiper-slide span {

    /*background-color: lawngreen;*/
    /*background-color: #b5ff6d;*/

    background-color: #1aad20;
    color: white;
    border-radius: 3px;
    padding: 5px;
    font-size: 1.3rem;
}

.swiper-texts.desktop {
    display: none;
}

.swiper-texts.mobile {
    display: block;
}



/*@media (min-width: 768px) {*/
.swiper-texts .swiper-slide div:nth-child(1) {
    height: 120px;

}

.swiper-texts {
    height: 350px;
    margin: 0 0 10px;

}

/*}*/
@media (min-width: 992px) {
    .swiper-texts.desktop {
        display: block;
    }

    .swiper-texts.mobile {
        display: none;
    }

}

/*.swiper-texts .swiper-slide div p {
    text-align: center;
    font-weight: 600;
    margin:0;
}*/
/*.swiper-texts .swiper-slide div:nth-child(2) {
    flex: auto 1 1;
    background-color: lawngreen;

    display: inline-block;
    text-align: center;

    position: relative;
    top: -26px;

}*/

.swiper-texts span {
    background-color: #1aad20;
    color: white;
    border-radius: 3px;
    padding: 5px;
    font-size: 14px;    
    position: absolute;
    bottom: -15px;
    /* align-self: center; */
    left:23px;
 
}

/* .rating span, .swiper-texts span { */
.rating span {
    background-color: #1aad20;
    color: white;
    border-radius: 3px;
    padding: 5px;
    font-size: 14px;
    /* left: 50%; */
    /* transform: translateX(-50%);     */
    position: absolute;
    bottom: -15px;
    left:23px;
}

/* .swiper-texts p {
    margin: 40px 10px 5px;
    overflow: hidden;
    font-size: 18px;
} */

.swiper-texts div:first-child {
    flex: auto 0 0;
    /* background-color: #eee; */
    border-radius: 2px;
    padding: 23px;
    margin: 10px 5px;
    border: 1px solid #dddddd;
    box-shadow: 3px 3px 15px #ccc;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    min-height: 270px;
    position: relative;
}

.swiper-texts svg {
    position: absolute;
    top: 17px;
    left: 17px;
}

.nutrition {

    border: 1px solid black;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 30px 10px 40px;
    max-width: 600px;


}

.nutrition .title {
    position: absolute;
    top: -15px;
    width: 100%;
    text-align: center;



}

.nutrition .title span {
    background-color: white;
    padding: 0 10px;
    font-size: 18px;
}

.nutrition .item {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 12px 5px 10px;
}

.mosaik {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 0 0 20px;
}

@media screen and (min-width: 992px) {
    .mosaik {
        grid-template-columns: repeat(3, 1fr);
    }

    .mosaik.with_big>div:nth-child(4n+3),
    .mosaik.with_big>div:nth-child(4n+2) {

        grid-column: span 2;
        /*grid-row: span 2;*/
    }

    .mosaik.with_big>div:nth-child(4n) {
        justify-content: flex-end;
    }


    /*    .mosaik.with_big > div:nth-child(6n+5) {
            margin: -170px 0 0 0;
        }
        
        .mosaik.with_big > div:nth-child(6n){
                    margin: -100px 0 0 0;
        }*/


}

.mosaik>div {
    display: flex;
    flex-direction: column;
    border: 1px solid #DDDDDD;
    box-shadow: 3px 3px 15px #CCC;
}


.mosaik.with_big>div>div {
    display: flex;
    flex-direction: column;
    border: 1px solid #DDDDDD;
    box-shadow: 3px 3px 15px #CCC;
}

.mosaik.with_big>div {
    border: none;
    box-shadow: none;
}

.mosaik>div>div>div {
    margin: 5px;
}

.mosaik p {
    margin: 0;
}



.layout_homepage {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}



@media screen and (min-width: 992px) {
    .layout_homepage {
        grid-template-columns: 1fr 1.6fr 1.0fr;
    }
}

.layout_homepage>div {
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 3px 3px 15px #CCC;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.layout_homepage h3 {
    margin: 10px 10px 0;
    font-weight: bold;
    text-align: center;

}

.layout_homepage p {
    margin: 10px;
}

.times_close,
.times_close_desk {
    position: absolute;
    right: 15px;
    /*width: 10px;*/
    font-size: 40px;
    font-weight: bold;
    top: -5px;
}

#product_search_mobile {
    width: calc(100% - 50px);
}

#product_search_autocomplete_result {
    border: 1px solid silver;
    position: absolute;
    overflow: auto;
    max-height: 450px;
    background: #fff;
    display: none;
    z-index: 4000;
    left: 5%;
    right: 0%;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 7px;
}

#product_search_autocomplete_result a {
    display: block;
}

#product_search_autocomplete_result p {
    margin: 0;
}

#product_search_autocomplete_result a:hover {
    color: white;
    background-color: #1aad20;
}

#product_search_autocomplete_result_mobile {
    display: none;
    /* overflow: scroll; */
}

#product_search_autocomplete_result a,
#product_search_autocomplete_result_mobile a {
    padding: 3px 10px;
    font-size: 16px;
}

#product_search_autocomplete_result h2,
#product_search_autocomplete_result_mobile h2 {
    margin: 0 5px 2px;
    font-size: 20px;
}

#product_search_mobile {
    margin: 0;
}

.nav_mobile_slider-search-div .times_close {
    right: 15px;
    top: -10px;

}

.header-info {
    background-color: #1aad20;
    color: white;
    font-weight: 600;
    padding: 3px 0 5px;
    max-height: 400px;
    transition: 0.3s ease;
    overflow: hidden;
}

@media screen and (max-width: 992px) {
    .header-info {
        font-size: 14px;
    }
}


.small_header .header-info {

    max-height: 0;
    padding: 0;

}

/*.infotext_parsedown h1,.infotext_parsedown h2,.infotext_parsedown h3,.infotext_parsedown h4,.infotext_parsedown h5,.infotext_parsedown h6 {
    font-weight: bold;
}*/

.infotext_parsedown r {
    color: red;
}

.infotext_parsedown img {
    width: 100%;
}

.infotext_parsedown ul {
    list-style: initial;
    margin-bottom: 10px;
    padding-inline-start: 40px;
}

.infotext_parsedown a {
    text-decoration: underline;
    color: #1aad20;
    font-weight: bold;
}

.infotext_parsedown a:hover {
    font-style: italic;
}

.same_category_product {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;

}

@media screen and (max-width: 580px) {
    .same_category_product {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media screen and (min-width: 992px) {
    .same_category_product {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (min-width: 1200px) {
    .same_category_product {
        grid-template-columns: repeat(5, 1fr);
    }
}

.same_category_product h4 {
    padding-bottom: 5px;
}

.product p {
    margin-bottom: 0;
}

.group-title-picture {
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 3px 3px 15px #CCC;
    margin: 0 0 10px;

}

.group-title-picture p {
    margin: 5px;
}

/*.img_gastro {
    position:relative;
}

.img_gastro h1 {
    position: absolute;
    bottom: 75px;
    left: 30px;
    font-weight: 800;
    font-size: 30px;
    color: white;
    -webkit-text-stroke: 1px black;


}
.img_gastro h2 {
    position: absolute;
    bottom: 190px;
    left: 30px;
    font-weight: 800;
    font-size: 26px;
    color: white;
    -webkit-text-stroke: 1px black;
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
        background-color: black;
}
.img_gastro h3 {
    position: absolute;
    bottom: 120px;
    left: 30px;
    font-size: 66px;
    font-weight: 800;
    color: white;
    line-height: 100%;
    -webkit-text-stroke: 1px black;
}
.img_gastro h4 {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 22px;
    font-weight: 600;
    color: red;
    background: #FFDE1B;
    border-radius: 5px;
    padding: 10px;

}

.img_gastro h5 {
    position: absolute;
    top: 10px;
    left: 30px;
    font-size: 22px;
    font-weight: 600;
    color: white;
    line-height: 100%;

}

.img_gastro div {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 40%;
    width: 60%;
    background-color: #ffffff96;

}*/
.text-image-layout {
    display: flex;
    margin: 0 -15px 15px;
}

.text-image-layout div img {

    width: 100%;
    height: 100%;
    margin-bottom: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;

}

.text-image-layout div {
    position: relative;
}

.text-image-layout div:first-child {
    color: white;
    font-weight: 600;
    background-color: #1aad20;
    padding: 15px;
    width: 25%;
    padding: 15px 15px 60px;
}

@media screen and (max-width: 640px) {
    .text-image-layout div:first-child {
        padding: 15px 15px 85px;
    }
}

@media screen and (max-width: 360px) {
    .text-image-layout div:first-child {
        padding: 15px 15px 105px;
    }
}

.text-image-layout div:last-child {
    width: 75%;

}

.text-image-layout div:last-child a,
.gastro-img-2 a {
    position: absolute;
    color: white;
    padding: 10px;
}

.text-image-layout h1 {
    font-size: 23px;
    padding: 0;
    line-height: normal;
}

.text-image-layout h2 {
    font-size: 18px;
    padding: 0;
    line-height: normal;
}

.text-image-layout h3 {
    font-size: 16px;
    padding: 0;
}

.text-image-layout a h4 {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    font-size: 22px;
    font-weight: 600;
    color: #1aad20;
    background: white;
    border-radius: 5px;
    padding: 10px;

}


@media screen and (max-width: 992px) {
    .text-image-layout {
        flex-direction: column-reverse;
    }

    .text-image-layout div {
        width: 100% !important;

    }
}

.gastro-img-2 {
    position: relative;
}

.cold-shipping {
    display: none;
}

.button-panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.long-view .button-panel {
    flex: 0 0 130px;
}

[class^='cart_response_message_'] {
    font-size: 14px;
    font-weight: 600;
    color: red;
}

.DirectSaleProducts h4 {
    height: 50px;
}

.group-menu {
    font-size: 1.3em;
    margin: 14px 0;
}

.group-menu li {
    list-style: none;
}

.product_group_products {
    display: grid;
    gap: 15px;
    margin: 15px 0 0;

}

@media screen and (max-width: 580px) {
    .product_group_products {
        grid-template-columns: 1fr 1fr;
    }
}


@media screen and (min-width: 581px) {
    .product_group_products {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 1200px) {
    .product_group_products {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.product_group_products h4 {
    padding-bottom: 5px;
}

nav.group-menu li div a,
nav.group-menu li p a {
    padding: 1px;
}

.group-menu p {
    margin: 7px 0 -2px;
}

.same_category_product .product,
.product_group_products .product,
{
display: flex;
}

.same_category_product .product>div,
.product_group_products .product>div {
    display: flex;
    flex-direction: column;
    margin: 5px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    flex-grow: 1;
}

.same_category_product .product>div>div,
.product_group_products .product>div>div {
    display: flex;
    flex-direction: column;
    text-align: center;

    align-self: stretch;

}

.same_category_product .product>div>div:last-child,
.product_group_products .product>div>div:last-child {
    align-self: center;
}

.same_category_product .product h4,
.product_group_products h4 {
    margin: 10px 0 0;
}



.point_svg {
    padding: 0 8px;
}

.point_svg a {
    display: flex;
    align-items: center;

}

.point_svg a img {
    flex-basis: 43px;
    flex-shrink: 0;
    flex-grow: 0;
}

.point_svg a div {
    flex: 1 1 auto;
}

.nav_mobile_slider-2 .point_svg a div {
    margin: 10px 0 10px 8px;
}

.glyphicon-plus-sign,
.glyphicon-minus-sign {
    font-size: 21px;
    padding: 2px 6px 0px;
}


button.cart_desk {
    padding: 8px 6px 8px 10px;

}

.hidden-reset {

    position: absolute;
    top: 5px;
    width: 280px;
    height: 50px;


}


.same_category_product .product .subtitle,
.product_group_products .product .subtitle {
    font-size: 13px;
    line-height: 1.3;
    /* font-style: italic; */
    margin: 5px 0 7px;
}

.footer table {
    margin: 20px 0 0 0;
}

.footer table tr:not(:last-child) {
    border-bottom: 1px solid #c3c3c3;
}


.footer table td {
    padding: 5px 0;

}

.footer table td:nth-child(1) {

    width: 100px;
}

.footer table td:nth-child(2) {
    text-align: right;
    width: 70px;
}

.product-text p {
    margin: initial;
}

.product-text .addd2cart {
    font-size: 24px;
}

@media (min-width: 991px) {
    .product-text .addd2cart {
        font-size: 18px;
    }
}

/* Browser-spezifisches CSS zum Ausblenden der Pfeile */
/* Chrome, Safari, Edge */
input.cart_quantity_entry[type=number]::-webkit-inner-spin-button,
input.cart_quantity_entry[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.cart_quantity_entry[type=number] {
    -moz-appearance: textfield;
}




input.cart_quantity_entry:focus {
    outline: none;
}

.ad_button {
    text-align: center;
    padding: 20px 0 0;
}

.ad_button a {
    white-space: normal;

}

.swiper-slide .quantity-discount {
    position: absolute;
    z-index: 10;
    bottom: 30px;
    /* Positionierung von unten */
    left: 50%;
    /* Zentriert horizontal */
    transform: translateX(-50%);
    /* Korrektur für zentrierte Position */
    width: auto;
    background: #eb5e58;
    padding: 15px 6px 18px 6px;
    border-radius: 4px;
    height: 24px;
    line-height: 0;
}


.swiper-slide .quantity-discount span {
    color: white;
    font-weight: lighter;
    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 24px;
}

.product_group_products .quantity-discount,
.same_category_product .quantity-discount {
    position: absolute;
    z-index: 10;
    bottom: 15px;
    /* Positionierung von unten */
    left: 50%;
    /* Zentriert horizontal */
    transform: translateX(-50%);
    /* Korrektur für zentrierte Position */
    height: 24px;
    width: auto;
    border-radius: 4px;
    line-height: 18px;
    margin: 0 !important;
}

.product_group_products a,
.same_category_product a,
.mosaik a {
    position: relative;
}

.product_group_products .quantity-discount span,
.same_category_product .quantity-discount span {


    color: #fff;
    display: inline-block;

    font-family: Oswald, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: lighter;

    padding: 3px 5px;

    background: #eb5e58;
    border-radius: 4px;
    color: white;
    line-height: 130%;



}


.nav_mobile_slider-2 p {
    margin: 12px 0 7px 0;
}

.news-letter {

    animation: wackeln 4.5s ease-in-out infinite;


}

.news-letter a strong {


    animation: colorChange 4.5s ease-in-out infinite;

}

/* Wackel- und Dreh-Animation */

@keyframes wackeln {
    0% {
        transform: translateX(0);
    }

    5% {
        transform: translateX(-5px);
    }

    10% {
        transform: translateX(5px);
    }

    15% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(0);
    }
}


@keyframes colorChange {
    0% {
        color: #888888;
    }

    70% {
        color: #888888;
    }

    80% {
        color: #1aad20;
    }

    100% {
        color: #1aad20;
    }

}

@media (max-width: 768px) {
    :root .ad-slider {
        --swiper-pagination-bottom: 57px;
    }
}

.recipe_categroy nav div {
    padding: 2px 5px;

}

.recipe_categroy nav li>a {
    padding: 0;

}

.ingredients a {
    color: #1aad20;
    text-decoration: underline;
}

.ingredients a:hover {
    color: #000;
    text-decoration: underline;
}

.copyrigth {
    display: none;
}

.qrcode {
    display: none;
}

.img-recipe {
    flex: 0 1 auto;
}

/*            .img-recipe {
                    flex: 1 1 auto;
                }*/


@media print {

    .copyrigth {
        display: inherit;
        margin-bottom: 10px;
        font-size: 11px;
    }

    .qrcode {
        display: block;
        flex: 1 1 auto;
        align-self: flex-end;
        text-align: right;
    }

    .qrcode img {
        margin: 10px 0 -12px -12px;
    }

    /* .img-recipe {
        flex: 1 1 7%;
    } */

    * {
        font-size: 12px;
    }
}

.online_payment p {
    margin: 0 0 0 30px;
    font-size: 90%;
}

html {

    scroll-padding-top: 150px;
    /* Abstand von 100px vom oberen Rand */
}

.benefits {
    margin: 15px 15px 0;
}

.benefits p {
    padding: 3px 0;
}


.quote-container {
    width: 330px;
    background: #f9f9f9;
    border-left: 5px solid #4CAF50;
    padding: 15px;
    margin: 20px 20px;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

.quote-title {
    font-size: 22px;
    font-weight: bold;
    color: #4caf50; 
    margin-bottom: 12px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.quote-text,
.quote-text div {
    font-style: italic;
    color: #333;
    font-size: 20px;
}

.quote-author {
    text-align: right;
    font-weight: bold;
    color: #555;
    margin-top: 10px;
}



.responsive-columns {
    column-count: 3;
    /* 3 Spalten für größere Bildschirme */
    column-gap: 20px;
    /* Abstand zwischen den Spalten */
}

@media (max-width: 991px) and (min-width: 768px) {
    .responsive-columns {
        column-count: 2;
        /* 2 Spalten auf Tablets */
    }
}

@media (max-width: 767px) {
    .responsive-columns {
        column-count: 1;
        /* 1 Spalte auf mobilen Geräten */
    }
}


.movie-item {
    display: flex;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 25px 0;

}

.movie-item p {
    margin: 0;
}

.thumbnail-section {
    flex: 0 0 40%;
    max-width: 40%;
    background-color: #f5f5f5;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.thumbnail-section iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: none;
    max-height: 400px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.content-section {
    flex: 1;
    padding: 25px;
    display: flex;
    flex-direction: column;
}

.movie-title {
    font-size: 22px;
    margin-bottom: 12px;
    color: #333;
    font-weight: 600;
}


.movie-summary {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 20px;
}


.movie-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
}

@media (max-width: 768px) {
    .movie-item {
        flex-direction: column;
    }

    .thumbnail-section {
        flex: 1;
        max-width: 100%;
        min-height: 200px;
    }

    .content-section {
        padding: 20px;
    }
}

.full-width-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


.popup-ongoing-orders {
    position: fixed;
    bottom: -200px;
    /* Startposition außerhalb des Bildschirms */
    left: 20px;
    width: 350px;
    padding: 5px;
    background-color: #fff;
    /* background-color: #333; */
    /* color: white; */
    /* border-radius: 10px; */
    border: 1px solid #DDDDDD;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition: bottom 0.5s ease;
    z-index: 1000;
    display: flex;
    align-items: center;
    font-family: sans-serif;
}

.popup-ongoing-orders.show-ongoing-orders {
    bottom: 20px;
    /* Endposition: sichtbar */
}

.popup-ongoing-orders img {
    width: 80px;
    height: auto;
    /* border-radius: 5px; */
    margin-right: 15px;
}

.popup-ongoing-orders-content {
    flex: 1;
}

.popup-ongoing-orders button {
    background: #ff5555;
    border: none;
    color: white;
    padding: 5px 10px;
    /* border-radius: 5px; */
    cursor: pointer;
    margin-left: auto;
}

.popup-ongoing-orders button:hover {
    background: #ff2222;
}

.rating {
    display: flex;
    /* align-items: center; */
    border: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    /* text-align: center; */
    box-shadow: 3px 3px 15px #CCC;
    flex-direction: column;
    align-self: center;
    padding: 20px;
    position: relative;
    background-color: white;
}

.rating img {
    width: 180px;
 
}

.lang-edit-form{
    border: 2px dashed orange;
    display: inline;
}