.page-header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 75px 15px 80px;
    padding: 0;
}

.page-header h1 {
    font-size: 40px;
}

.page-header h2 {
    font-size: 22px;
}

.page-header .container {
    padding: 0;
    width: 100%;
}

#product {
    padding: 50px 15px 150px;
}

@media only screen and (max-width: 767px) {
    #product {
        padding-top: 50px;
        padding-bottom: 100px;
    }
}

#product img {
    display: block;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    #product .product-images {
        float: none;
    }
}

#product .product-images .images-slider {
    padding-right: 5px;
}

#product .product-images .images-slider img {
    display: block;
    margin-bottom: 5px;
}

#product .product-images .images-slider img.slick-active {
    opacity: 0.5;
}

#product .product-images .display-image {
    padding-left: 0px;
}

@media only screen and (max-width: 767px) {
    #product .product-images .display-image {
        padding-left: 15px;
    }
}

#product .facebook-share {
    color: #000;
}

#product .product-intro {
    position: relative;
}

#product .product-intro .product-cta {
    position: absolute;
    right: -10px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    #product .product-intro .product-cta {
        top: 5px;
        right: 15px;
    }
}

#product .product-intro .product-cta i {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}

.product-card .product-special {
    left: 20px;
    position: absolute;
    top: 0px;
    background-color: #f79e1d;
}

.product-card .product-special.out-of-stock {
    background-color: #e74c3c;
}

.product-card .product-special h4 {
    color: #fff;
    font-size: 15px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    padding: 3px 7px;
    text-transform: uppercase;
    height: 16px;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    #product .product-intro .product-cta i {
        margin-top: 15px;
    }
}

#product .product-intro .product-title {
    border-bottom: 1px solid #f79e1d;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    line-height: normal;
    margin-bottom: 25px;
    padding-bottom: 25px;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #product .product-intro .product-title {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    #product .product-intro .product-title {
        padding-right: 20px;
        font-family: "Roboto", Helvetica, Arial, sans-serif;
        font-size: 24px;
        margin-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}

#product .product-intro .product-pricing {
    color: #999;
    margin-bottom: 30px;
    min-height: 32px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #product .product-intro .product-pricing {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    #product .product-intro .product-pricing {
        text-align: center;
        margin-bottom: 15px;
    }
}

#product .product-intro .product-pricing h3 {
    display: inline-block;
    font-size: 20px;
}

@media only screen and (max-width: 767px) {
    #product .product-intro .product-pricing h3 {
        font-size: 20px;
        display: block;
        line-height: normal;
        margin-bottom: 20px;
    }
}

#product .product-intro .product-pricing h3 .sens,
#product .product-intro .product-pricing h3 .rm {
    font-size: 60%;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
    top: -5px;
}

#product .product-intro .product-pricing h3 .before-discount {
    line-height: 1;
    text-decoration: line-through;
}

#product .product-intro .product-pricing h3 .before-discount .sens {
    display: none;
}

#product .product-intro .product-pricing h3 .promo-price {
    color: #e74c3c;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    line-height: 1;
    margin-left: 5px;
}

#product .product-intro .product-pricing h3 .promo-price span {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

#product .product-intro .product-pricing p {
    float: right;
    font-size: 13px;
    line-height: 32px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #product .product-intro .product-pricing p {
        float: none;
        line-height: normal;
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    #product .product-intro .product-pricing p {
        float: none;
        line-height: normal;
        font-size: 14px;
    }
}

#product .product-intro .product-pricing .pricing-desc {
    color: #000;
    font-size: 65%;
}

@media only screen and (max-width: 767px) {
    #product .product-intro .product-pricing .pricing-desc {
        display: block;
        margin-bottom: 10px;
    }
}

#product .product-intro .dynamic-pricing {
    background-color: #f5f5f5;
    color: #666;
    margin-bottom: 0px;
    min-height: auto;
    padding: 4px 10px;
}

#product .product-intro .dynamic-pricing h3 {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

#product .product-selections {
    color: #999;
    margin-bottom: 50px;
}

#product .product-selections h4 {
    background-color: orange;
    color: #fff;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding: 2px 10px 0px;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #product .product-selections h4 {
        font-size: 18px;
    }
}

#product .dynamic-selections {
    margin-bottom: 25px;
}

#product .dynamic-selections .form-group {
    width: 100%;
}

#product .dynamic-selections label {
    width: 40px;
    display: inline-block;
    vertical-align: middle;
}

#product .dynamic-selections .input-group {
    position: relative;
    width: calc(100% - 44px);
    display: inline-block;
    vertical-align: middle;
}

#product .dynamic-selections .form-control {
    box-shadow: none;
    height: 38px;
    padding: 10px;
}

#product .dynamic-selections .form-control:focus {
    border-color: #ccc;
}

#product .dynamic-selections .input-group-addon {
    background-color: #fff;
    border-radius: 0px;
    border: 1px solid #ccc;
    border-left: 0px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10;
}

#product .dynamic-selections .fa {
    cursor: pointer;
    position: absolute;
    left: 0px;
    font-size: 14px;
    line-height: normal;
}

#product .dynamic-selections .fa.fa-chevron-up {
    top: 4px;
}

#product .dynamic-selections .fa.fa-chevron-down {
    bottom: 6px;
}

#product .dynamic-pricing-table {
    margin-bottom: 15px;
}

#product .dynamic-pricing-table h5 {
    text-transform: uppercase;
    font-size: 16px;
    background-color: #f5f5f5;
    padding: 5px 15px;
    border: 1px solid #ccc;
    border-bottom: 0px;
}

#product .dynamic-pricing-table .dynamic-pricing-list {
    border: 1px solid #ccc;
    padding: 5px 0px;
}

#product .dynamic-pricing-table table tbody {
    padding: 10px;
}

#product .dynamic-pricing-table table td {
    padding: 5px 0px;
}

#product .dynamic-pricing-table table td:first-child {
    padding-left: 15px;
}

#product .dynamic-pricing-table .promo-price {
    color: #e74c3c;
}

#product .btn-action {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    margin-bottom: 30px;
    width: 100%;
}

#product .btn-action.out-of-stock {
    background-color: #999;
}

#product .selection-card {
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    font-size: 18px;
    padding: 30px 25px;
}

@media only screen and (max-width: 767px) {
    #product .selection-card {
        padding: 15px 25px;
    }
}

#product .selection-card .fa {
    color: #eee;
    font-size: 28px;
}

#product .selection-card.selected {
    background-color: #f5f5f5;
}

#product .selection-card.selected .fa {
    color: #15ab73;
}

#product .selection-card .table {
    margin-bottom: 0px;
}

#product .selection-card .table td {
    border: 0px;
}

#product .selection-card .table td:first-child {
    width: 30px;
}

#product .selection-card .selection-toggle {
    display: inline-block;
    vertical-align: middle;
}

#product .selection-card .selection-title {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #product .selection-card .selection-title {
        width: 55%;
    }
}

@media only screen and (max-width: 767px) {
    #product .selection-card .selection-title {
        display: block;
        margin-bottom: 5px;
        width: 100%;
    }
}

#product .selection-card .selection-title p {
    font-size: 18px;
    margin-left: 10px;
    line-height: normal;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #product .selection-card .selection-title p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    #product .selection-card .selection-title p {
        margin-left: 0px;
    }
}

#product .selection-card .selection-price {
    float: right;
    text-align: right;
    width: 30%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #product .selection-card .selection-price {
        width: 35%;
    }
}

@media only screen and (max-width: 767px) {
    #product .selection-card .selection-price {
        float: none;
        text-align: left;
        width: 100%;
    }
}

#product .selection-card .selection-price h3 {
    display: block;
    font-size: 20px;
    line-height: normal;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #product .selection-card .selection-price h3 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    #product .selection-card .selection-price h3 {
        font-size: 18px;
    }
}

#product .selection-card .selection-price h3 .rm {
    font-size: 60%;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
    top: -5px;
}

#product .selection-card .selection-price h3 .before-discount {
    line-height: 1;
    text-decoration: line-through;
}

#product .selection-card .selection-price h3 .promo-price {
    color: #e74c3c;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    line-height: 1;
    margin-left: 5px;
}

#product .selection-card .selection-price h3 .promo-price span {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

#product .addbasket .btn-action {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
}

#product .countdown-timer {
    margin: auto;
    width: 60%;
}

#product .countdown-timer .left {
    border: 1px solid #bbbbbb;
    color: #000;
    display: inline-block;
    padding: 5px;
    text-align: center;
    transform: skew(-20deg);
    vertical-align: top;
    width: 50%;
}

#product .countdown-timer .left h5 {
    transform: skew(20deg);
    font-size: 24px;
}

#product .countdown-timer .right {
    background-color: #000;
    border: 1px solid #000;
    color: #000;
    display: inline-block;
    margin-left: -10px;
    padding: 6px 5px 5px;
    text-align: center;
    transform: skew(-20deg);
    vertical-align: top;
    width: 50%;
}

#product .countdown-timer .countdown-block {
    color: #fff;
    display: inline-block;
    margin: 0px 2px;
    transform: skew(20deg);
}

#product .countdown-timer .countdown-block span {
    font-size: 24px;
    line-height: 1;
}

#product .countdown-timer .countdown-block p {
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
}

#product .product-benefits {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 50px;
    margin-bottom: 70px;
    padding: 30px 0px;
}

@media only screen and (max-width: 767px) {
    #product .product-benefits {
        margin: 15px 0px;
        padding: 15px 30px;
    }
}

#product .product-benefits img {
    display: inline-block;
    height: auto;
    vertical-align: middle;
    width: 50px;
}

#product .product-benefits h3 {
    display: inline-block;
    font-size: 15px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    line-height: normal;
    margin-left: 5px;
    text-transform: uppercase;
    vertical-align: middle;
    width: calc(100% - 60px);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #product .product-benefits .col-12 {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    #product .product-benefits .col-12 {
        margin-bottom: 15px;
    }
}

#product .product-benefits .col-xs-12:last-child {
    margin-bottom: 0px;
}

#product .product-desc h3 {
    font-size: 20px;
    line-height: normal;
    text-transform: uppercase;
}

#product .product-desc h3 .fa {
    color: #f79e1d;
}

#product .product-desc .desc-card {
    margin-bottom: 100px;
}

@media only screen and (max-width: 767px) {
    #product .product-desc .desc-card {
        margin-bottom: 30px;
    }
}

#product .product-desc .desc-card h3 {
    margin-bottom: 25px;
    text-align: left;
}

#product .product-desc .desc-card p {
    font-size: 16px;
}

#product .product-desc .desc-card.food-pairing p {
    text-transform: capitalize;
}

#product .product-desc .taste-vector-card {
    display: inline-block;
    margin: 0px 25px 25px 0px;
    text-align: center;
    vertical-align: top;
    width: 100px;
}

@media only screen and (max-width: 767px) {
    #product .product-desc .taste-vector-card {
        margin: 0px 10px 25px 0px;
    }
}

#product .product-desc .taste-vector-card img {
    margin: auto;
    width: 95%;
}

#product .product-desc .taste-vector-card p {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 7px;
}

@media only screen and (max-width: 767px) {
    #product .category-unique {
        margin-bottom: 15px;
    }
}

#product .category-unique .icon {
    background-color: #f79e1d;
    border-radius: 30px;
    display: inline-block;
    margin-right: 15px;
    padding: 7px;
    vertical-align: middle;
    width: 50px;
}

#product .category-unique tr:first-child td {
    padding: 0px 0px 8px;
}

#product .category-unique td {
    border-top: none;
    padding: 8px 0px;
    vertical-align: middle;
}

#product .category-unique h4 {
    color: #f79e1d;
    display: inline-block;
    font-size: 18px;
    line-height: normal;
    margin-right: 35px;
    vertical-align: middle;
}

#product .category-unique p {
    line-height: normal;
    vertical-align: middle;
}

#product .category-unique .unique-desc {
    display: inline-block;
    vertical-align: middle;
}

#product .category-unique .unique-desc h4 {
    display: block;
    margin-right: 0px;
}

#product .category-unique .unique-desc p {
    display: block;
}

#product .award-available .award-card {
    display: inline-block;
    margin: 0px 15px 15px 0px;
    vertical-align: top;
    width: 30%;
}

@media only screen and (max-width: 767px) {
    #product .award-available .award-card {
        width: 100%;
    }
}

#product .award-available .award-logo {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    max-width: 120px;
}

#product .award-available .award-desc {
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
    width: 55%;
}

#product .other-related-products {
    margin-top: 40px;
}

#product .featured-products .product-card {
    width: 100%;
}

#product .featured-products .product-card h3 {
    font-size: 14px;
    margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
    #taste_card {
        text-align: center;
    }
}

#tasteChart {
    height: 500px;
    width: 100%;
}

#tasteChart a[title="JavaScript charts"] {
    display: none !important;
}

#tasteChart tspan {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

#taste_vector_modal .modal-dialog {
    width: 750px;
}

@media only screen and (max-width: 767px) {
    #taste_vector_modal .modal-dialog {
        width: auto;
    }
}

#taste_vector_modal .modal-content {
    border: 0px;
    border-radius: 0px;
}

#taste_vector_modal .modal-header {
    border: 0px;
    padding: 0px;
}

#taste_vector_modal .close {
    color: #000;
    opacity: 1;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 10;
}

#taste_vector_modal .close .fa {
    font-size: 20px;
}

#taste_vector_modal .modal-body {
    padding: 40px;
}

@media only screen and (max-width: 767px) {
    #taste_vector_modal .modal-body {
        padding: 25px;
    }
}

#taste_vector_modal .modal-body h2 {
    font-size: 24px;
    margin: 50px 0px 30px;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    #taste_vector_modal .modal-body h2 {
        font-size: 20px;
    }
}

#taste_vector_modal .modal-body h4 {
    font-size: 16px;
    margin-top: 30px;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    #taste_vector_modal .modal-body h4 {
        font-size: 18px;
    }
}

#taste_vector_modal .modal-body h5 {
    color: #666;
    font-size: 16px;
    line-height: 1.4;
    padding-right: 20px;
}

@media only screen and (max-width: 767px) {
    #taste_vector_modal .modal-body h5 {
        font-size: 14px;
    }
}

#taste_vector_modal .modal-body p {
    font-size: 14px;
    line-height: 1.4;
}

@media only screen and (max-width: 767px) {
    #taste_vector_modal .modal-body p {
        font-size: 16px;
    }
}

#taste_vector_modal .modal-body .taste-profile-graph h2 {
    margin: 30px 0px -15px;
}

#taste_vector_modal .taste-profile-desc {
    margin-bottom: 25px;
}

#taste_vector_modal .taste-profile-desc img {
    display: inline-block;
    height: auto;
    vertical-align: top;
    width: 80px;
}

@media only screen and (max-width: 767px) {
    #taste_vector_modal .taste-profile-desc img {
        width: 70px;
    }
}

#taste_vector_modal .taste-profile-desc .desc {
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
    width: calc(100% - 120px);
}

@media only screen and (max-width: 767px) {
    #taste_vector_modal .taste-profile-desc .desc {
        margin-left: 15px;
    }
}

#taste_vector_modal .taste-profile-desc .desc h4 {
    margin-top: 0px;
}

#products_listing {
    padding: 0px 0px 150px;
}

#products_listing .featured-items {
    padding: 35px 0px 50px;
}

#products_listing .featured-items h5 {
    text-transform: uppercase;
}

#products_listing .featured-items hr {
    border-color: #f79e1d;
}

#products_listing .button-filter {
    background-color: #15ab73;
    border: 0px;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 30px;
    padding: 9px 10px;
    width: 100%;
}

#products_listing .button-filter .fa {
    margin-left: 5px;
}

#products_listing .products-catalog .product-card {
    width: 100%;
    line-height: 1.2rem;
}

@media only screen and (max-width: 767px) {
    #products_listing .products-catalog .product-card {
        margin: 0px;
        width: 100%;
    }
}

#products_listing .products-filtering .btn-clear-all {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 15px;
    background-color: transparent;
    color: #aaa;
    border: 1px solid #aaa;
    width: 100%;
    text-transform: none;
    margin-bottom: 30px;
    padding: 8px 10px;
}

#products_listing .products-filtering .panel-title {
    font-size: 13px;
    width: 100%;
    color: #000;
    display: block;
    text-transform: uppercase;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    line-height: normal;
}

.panel-title-no-title {
    margin-top: -10px;
}

#products_listing .products-filtering .panel-title.collapsed .fa:before {
    content: "\f067";
}

#products_listing .products-filtering .panel-title .fa {
    float: right;
}

#products_listing .products-filtering .panel-title .fa:before {
    content: "\f068";
}

#products_listing .products-filtering .panel {
    /*margin-bottom: 30px;*/
    border: 0px;
    box-shadow: none;
}

#products_listing .products-filtering .panel-body {
    padding: 0px;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: visible;
}

#products_listing .products-filtering .checkbox {
    margin-top: 0px;
    margin-bottom: 3px;
}

#products_listing .products-filtering .checkbox label {
    font-size: 0.8rem;
    width: 100%;
}

#products_listing .products-filtering .checkbox .counter {
    float: right;
}

#products_listing .products-filtering .panel-discount .row .col-md-6:nth-child(2n) {
    padding-left: 5px;
}

#products_listing .products-filtering .panel-discount .row .col-md-6:nth-child(2n+1) {
    padding-right: 5px;
}

#products_listing .products-filtering .panel-discount .btn-discount {
    width: 100%;
    font-size: 12px;
    padding: 6px 5px;
    line-height: normal;
    background-color: transparent;
    color: #000;
    border: 1px solid #ccc;
    text-transform: none;
    margin-bottom: 10px;
}

#products_listing .products-filtering .panel-price p {
    margin-bottom: 10px;
}

#products_listing .products-filtering .panel-price .panel-body {
    overflow: visible;
}

#products_listing .products-filtering .slider {
    width: calc(100% - 20px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

#products_listing .products-filtering .slider .slider-track {
    background-image: none;
    background: orange;
    border-radius: 0px;
    height: 2px;
    margin-top: -5px;
}

#products_listing .products-filtering .slider .slider-selection {
    background: #000;
    background-image: none;
}

#products_listing .products-filtering .slider .slider-handle {
    background: #000;
    background-image: none;
    height: 12px;
    width: 12px;
}

#products_listing .products-listing h5 {
    display: inline-block;
    text-transform: uppercase;
}

#products_listing .products-listing h5 .small {
    color: #aaa;
    text-transform: none;
}

#products_listing .products-listing .filter-dropdown {
    float: right;
}

#products_listing .products-listing .dropdown-toggle {
    font-size: 18px;
    border: 0px;
    color: #f79e1d;
}

#products_listing .products-listing .dropdown-toggle:hover, #products_listing .products-listing .dropdown-toggle:active, #products_listing .products-listing .dropdown-toggle:focus {
    box-shadow: none;
    border: 0px;
    background-color: transparent;
}

#products_listing .products-listing .dropdown-toggle .fa {
    margin-left: 5px;
}

#products_listing .products-listing .dropdown-menu {
    right: 0px;
    left: initial;
    border: 0px;
    background-color: #000;
    border-radius: 0px;
    box-shadow: none;
}

#products_listing .products-listing .dropdown-menu a {
    font-size: 16px;
    color: #fff;
    padding: 10px 15px;
}

#products_listing .products-listing .dropdown-menu a:hover {
    background-color: transparent;
    color: #f79e1d;
}

#products_listing .pagination {
    justify-content: center;
    width: 100%;
}

#products_listing .pagination li.active {
    text-decoration: underline;
    font-weight: bold;
}

#products_listing .pagination a, #products_listing .pagination span {
    color: #000;
    display: inline-block;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin: 0px 5px;
    vertical-align: bottom;
    text-transform: uppercase;
}

#products_listing .pagination a.active {
    color: #ccc;
}

#products_listing .pagination a .glyphicon {
    top: 8px;
}

@media only screen and (max-width: 767px) {
    #product-listing-container .col-12 {
        text-align: center;
    }
}

#filterModal .modal-title {
    font-size: 20px;
    text-transform: uppercase;
}

#filterModal .modal-content {
    border-radius: 0px;
}

#checkout {
    line-height: normal;
    padding: 80px 0px 80px;
}

@media only screen and (max-width: 767px) {
    #checkout {
        padding: 50px 0px 100px;
    }
}

#checkout h3 {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 30px;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    #checkout h3 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    #checkout .basket-nav {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    #checkout .basket-nav .col-sm-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

#checkout .basket-nav ul li {
    display: inline-block;
    text-align: center;
    margin: 0px 12px 10px;
    width: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #checkout .basket-nav ul li {
        width: 95px;
        margin: 0px 10px 10px;
    }
}

@media only screen and (max-width: 767px) {
    #checkout .basket-nav ul li {
        width: 100px;
        margin: 0px 10px 10px;
    }
}

#checkout .basket-nav ul li:first-child {
    margin-left: 0px;
}

#checkout .basket-nav ul li:first-child a:before {
    display: none;
}

#checkout .basket-nav ul li:last-child {
    margin-right: 0px;
}

#checkout .basket-nav ul li:last-child a:after {
    display: none;
}

#checkout .basket-nav ul li a {
    color: #999;
    background-color: #f5f5f5;
    display: block;
    font-size: 15px;
    position: relative;
}

#checkout .basket-nav ul li a.current {
    color: #000;
}

#checkout .basket-nav ul li a.disabled {
    cursor: not-allowed;
}

#checkout .basket-nav ul li a:before {
    content: '';
    position: absolute;
    border-left: 15px solid transparent;
    border-top: 12px solid #f5f5f5;
    border-bottom: 12px solid #f5f5f5;
    top: 0px;
    left: -15px;
}

#checkout .basket-nav ul li a:after {
    content: '';
    position: absolute;
    border-left: 15px solid #f5f5f5;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    top: 0px;
    right: -15px;
}

#checkout .shopping-cart h3 {
    margin-top: 60px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    #checkout .shopping-cart h3 {
        margin-top: 20px;
        text-align: center;
    }
}

#checkout .shopping-cart .product-image {
    margin-right: 15px;
    float: left;
}

#checkout .shopping-cart .product-image img {
    height: auto;
    width: 100px;
}

#checkout .shopping-cart .product-details {
    display: block;
}

#checkout .shopping-cart .product-details h5 {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 15px;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    #checkout .shopping-cart .product-details h5 {
        font-size: 18px;
        margin-bottom: 5px;
    }
}

#checkout .shopping-cart .product-details p {
    color: #999;
    font-size: 16px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
    #checkout .shopping-cart .product-details p {
        font-size: 14px;
        margin-bottom: 5px;
    }
}

#checkout .shopping-cart .product-details a {
    display: none;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: #f79e1d;
    margin-right: 20px;
}

#checkout .shopping-cart .product-pricing {
    display: block;
}

#checkout .shopping-cart .product-pricing .form-group {
    float: right;
}

@media only screen and (max-width: 767px) {
    #checkout .shopping-cart .product-pricing .form-group {
        position: absolute;
        bottom: 0px;
        right: 15px;
    }
}

#checkout .shopping-cart .product-pricing .input-group {
    width: 70px;
}

@media only screen and (max-width: 767px) {
    #checkout .shopping-cart .product-pricing .input-group {
        width: 60px;
    }
}

#checkout .shopping-cart .product-pricing .input-group .form-control {
    padding: 9px 0px 9px 10px;
    border: 0px;
    background-color: #eee;
    box-shadow: none;
}

#checkout .shopping-cart .product-pricing .input-group .input-group-addon {
    border: 0px;
    border-radius: 0px;
    padding: 0px;
}

#checkout .shopping-cart .product-pricing .input-group .btn-adjust button {
    background-color: transparent;
    border: 0px;
}

#checkout .shopping-cart .cart-item {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 20px;
    margin-bottom: 20px;
    min-height: 115px;
}

#checkout .shopping-cart .cart-item .product-price {
    color: #bbb;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: normal;
    margin-bottom: 10px;
    float: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #checkout .shopping-cart .cart-item .product-price {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    #checkout .shopping-cart .cart-item .product-price {
        font-size: 15px;
    }
}

#checkout .shopping-cart .cart-item .product-price .rm {
    font-size: 60%;
    line-height: normal;
    position: relative;
    top: -6px;
}

@media only screen and (max-width: 767px) {
    #checkout .shopping-cart .cart-item .product-price .rm {
        font-size: 60%;
        top: -4px;
    }
}

#checkout .shopping-cart .cart-item .before-discount {
    text-decoration: line-through;
    margin-right: 5px;
}

#checkout .shopping-cart .cart-item .promo-product {
    color: #e74c3c;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

#checkout .shopping-cart .cart-item .promo-product .rm {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

#checkout .summary {
    background-color: #eee;
    padding: 20px 20px 30px;
}

#checkout .summary table {
    width: 100%;
}

#checkout .summary h2 {
    margin-bottom: 20px;
    line-height: normal;
    font-size: 24px;
    text-transform: uppercase;
}

#checkout .summary .summary-item .product-image {
    width: 60px;
    margin-right: 15px;
    margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
    #checkout .summary .summary-item .product-image {
        width: 50px;
        margin-right: 10px;
    }
}

#checkout .summary .summary-item .product-image img {
    width: 100%;
}

#checkout .summary .summary-item td {
    font-size: 16px;
    vertical-align: top;
    line-height: normal;
}

@media only screen and (max-width: 767px) {
    #checkout .summary .summary-item td {
        font-size: 14px;
    }
}

#checkout .summary .summary-item td:nth-child(3) {
    text-align: center;
}

#checkout .summary .summary-item td:last-child {
    text-align: right;
}

#checkout .summary .summary-item .product-price {
    margin-left: 10px;
}

#checkout .summary .coupon-new,
#checkout .summary .btn-promo-code {
    border-bottom: 1px solid #000;
    display: block;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #f79e1d;
    text-transform: uppercase;
    padding-bottom: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#checkout .summary .coupon-new input {
    font-size: 16px;
    padding: 4px 15px;
}

#checkout .summary .coupon-new button {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 16px;
    background-color: transparent;
    border: 0px;
    text-transform: uppercase;
}

#checkout .summary .summary-amount td {
    font-size: 16px;
    padding: 10px 0px;
    text-transform: uppercase;
    line-height: normal;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #checkout .summary .summary-amount td {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    #checkout .summary .summary-amount td {
        font-size: 14px;
    }
}

#checkout .summary .summary-amount td:last-child {
    text-align: right;
}

#checkout .summary .summary-amount .total-amount td {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #checkout .summary .summary-amount .total-amount td {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    #checkout .summary .summary-amount .total-amount td {
        font-size: 16px;
    }
}

#checkout .summary .summary-amount .total-amount td h5 {
    font-size: 20px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    line-height: normal;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #checkout .summary .summary-amount .total-amount td h5 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    #checkout .summary .summary-amount .total-amount td h5 {
        font-size: 16px;
    }
}

#checkout .summary .summary-amount .total-amount td p {
    font-size: 16px;
    text-transform: none;
    white-space: nowrap;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #checkout .summary .summary-amount .total-amount td p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    #checkout .summary .summary-amount .total-amount td p {
        font-size: 12px;
    }
}

#checkout .summary .summary-amount .btn-checkout {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    width: 100%;
    margin-top: 15px;
}

#checkout .checkout-user h3 {
    margin-top: 80px;
}

#checkout .checkout-user label {
    display: block;
}

#checkout .checkout-user label[for="password"] a {
    float: right;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: #f79e1d;
}

#checkout .checkout-user .left {
    border-right: 1px solid #999;
}

#checkout .checkout-user .right {
    font-size: 13px;
    line-height: normal;
}

#checkout .checkout-user .checkbox {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    padding-left: 20px;
}

#checkout .checkout-user .btn-connect {
    background-color: #3b5998;
    font-size: 14px;
    margin-bottom: 25px;
    padding: 7px 15px 3px;
    width: 100%;
}

#checkout .checkout-user .btn-connect .fa {
    font-size: 32px;
    margin-right: 5px;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

#checkout .checkout-user .checkout-cta {
    text-align: center;
    margin-top: 50px;
}

#checkout .checkout-user .checkout-cta h4 {
    font-size: 18px;
    line-height: normal;
}

#checkout .checkout-user .checkout-cta a {
    font-size: 18px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: #f79e1d;
    text-transform: uppercase;
    line-height: normal;
}

#checkout .checkout-summary .summary-amount {
    border-top: 1px solid #000;
    padding-top: 15px;
    margin-top: 15px;
}

#checkout .billing-address,
#checkout .shipping-options {
    padding-top: 50px;
}

#checkout .billing-address h3,
#checkout .shipping-options h3 {
    margin-bottom: 15px;
}

#checkout .billing-address table,
#checkout .shipping-options table {
    margin-bottom: 20px;
    width: 100%;
}

#checkout .billing-address table thead td,
#checkout .shipping-options table thead td {
    background-color: #f79e1d;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px;
}

#checkout .billing-address table tbody tr h4,
#checkout .shipping-options table tbody tr h4 {
    font-size: 18px;
    line-height: normal;
}

#checkout .billing-address table tbody tr h4 .rm,
#checkout .shipping-options table tbody tr h4 .rm {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 60%;
    position: relative;
    top: 0px;
    vertical-align: top;
}

#checkout .billing-address table tbody tr td,
#checkout .shipping-options table tbody tr td {
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
}

#checkout .billing-address table tbody tr td:first-child,
#checkout .shipping-options table tbody tr td:first-child {
    padding: 30px 15px;
    text-align: center;
}

#checkout .billing-address table tbody tr li,
#checkout .shipping-options table tbody tr li {
    font-size: 15px;
    line-height: normal;
}

#checkout .billing-address table tbody tr.selected,
#checkout .shipping-options table tbody tr.selected {
    background-color: #f5f5f5;
}

#checkout .billing-address table tbody .fa,
#checkout .shipping-options table tbody .fa {
    color: #eee;
    font-size: 24px;
}

#checkout .billing-address table tbody .fa.fa-check-circle,
#checkout .shipping-options table tbody .fa.fa-check-circle {
    color: #15ab73;
}

#checkout .billing-address td {
    font-size: 16px;
    padding: 10px 10px;
}

#checkout .billing-address table {
    margin-bottom: 10px;
}

#checkout .new-address {
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 50px;
}

#checkout .new-address label {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

#checkout .delivery-address {
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 50px;
}

#checkout .delivery-address label {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    margin-right: 15px;
}

#checkout .checkout-standard-payment {
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 50px;
}

#checkout .checkout-standard-payment label {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    margin-right: 15px;
}

#checkout .checkout-standard-message textarea {
    width: 100%;
}

#checkout .checkout-standard-message .comment {
    border-bottom: 1px solid #ddd;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

#checkout .terms-and-conditions label {
    font-size: 18px;
}

#checkout .terms-and-conditions a {
    color: #f79e1d;
}

#search_results {
    padding-bottom: 150px;
}

#search_results .page-header {
    background-image: url("../themes/market/assets/images/products/bg-filter-wine.jpg");
    padding: 75px 15px 80px;
}

@media only screen and (max-width: 767px) {
    #search_results .page-header {
        padding: 35px 15px;
    }
}

/*#search_results .product-card {*/
/*width: 100%;*/
/*}*/

#search_results .no-result {
    font-size: 18px;
    line-height: normal;
    padding: 30px 15px;
    text-align: center;
}

#search_results .pagination {
    text-align: center;
    width: 100%;
}

#search_results .pagination a {
    color: #000;
    display: inline-block;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin: 0px 5px;
    vertical-align: bottom;
    text-transform: uppercase;
}

#search_results .pagination {
    font-size: 20px;
}

#search_results .pagination a.active {
    color: #ccc;
}

#search_results .pagination a .glyphicon {
    top: 8px;
}

#category_banner {
    background-color: #999;
    max-width: 800px;
    max-width: 100%;
    margin: 30px auto 0px;
    margin: 0;
}

#category_banner > .container {
    position: relative;
}

#category_banner .catbanner {
    height: 400px;
    background-position: center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

#products-carousel-modal .owl-item img {
    width: auto;
    margin: 0px auto;
}

.big-carousel-sidebar-container img, .carousel-sidebar img {
    cursor: pointer;
}

#category_banner .carousel-indicators {
    bottom: 20px;
    margin: 0px;
    width: auto;
}

#category_banner .carousel-indicators li {
    background-color: #fff;
    border: none;
    margin: 0px 1px;
}

#category_banner .carousel-indicators li.active {
    background-color: #000;
    border: none;
    height: 10px;
    width: 10px;
}

#category_banner .carousel-controls {
    bottom: 0px;
    position: absolute;
    right: 0px;
}

#category_banner .carousel-control {
    background-color: transparent;
    background-image: none;
    background-repeat: initial;
    position: relative;
    right: 0px;
    bottom: 0px;
    padding: 0px 5px;
    display: inline-block;
    width: auto;
    left: auto;
    opacity: 1;
}

#modal_filter h3 {
    font-size: 18px;
    text-transform: uppercase;
}

#modal_filter .modal-content {
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
}

#modal_filter .modal-header {
    margin-bottom: 15px;
    padding: 10px 15px;
}

#modal_filter .modal-header .close {
    font-size: 18px;
    opacity: 0.8;
    margin-top: -10px;
}


.product-card {
    margin: 15px 10px;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    text-align: center;
    display: inline-block;
}

.product-card .btn {
    padding: 5px 15px;
}

@media only screen and (max-width: 767px) {
    .product-card {
        padding: 10px 10px 15px;
        margin: 15px 0px 0px;
    }
}

.product-card:hover .product-cta {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.product-card img {
    display: block;
    width: 100%;
    mix-blend-mode: multiply;
}

.product-card h3 {
    color: #000;
    /*font-size: 14px;*/
    line-height: normal;
    text-transform: uppercase;
}

.product-card h4 {
    color: #bbb;
    font-family: "Avenir LT Std 45 Book", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: normal;
}

.product-card h4 .before-discount .sens {
    display: none;
}

.product-card h4 .rm {
    font-size: 55%;
    font-family: "Avenir LT Std 45 Book", Helvetica, Arial, sans-serif;
    line-height: normal;
    position: relative;
    top: -6px;
}

.product-card h4 .sens {
    font-size: 65%;
    font-family: "Avenir LT Std 45 Book", Helvetica, Arial, sans-serif;
    line-height: normal;
    position: relative;
    top: -5px;
}

.product-card h5 {
    color: #bbb;
    font-size: 15px;
    line-height: normal;
}

.product-card span {
    line-height: normal;
}

.product-card table {
    width: 100%;
}

.product-card table td {
    font-size: 15px;
    line-height: 1.618;
    text-align: left;
    text-transform: uppercase;
}

.product-card table td:first-child {
    color: #bbb;
    width: 30%;
}

.product-card .product-special {
    background-color: #f79e1d;
    left: 0px;
    position: relative;
    top: 0px;
    height: auto;
    padding: 0px;
}

@media only screen and (max-width: 767px) {
    .product-card .product-special {
        left: 25px;
    }
}

.product-card .product-special h4 {
    color: #fff;
    font-size: 0.9rem;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    padding: 5px 7px;
    text-transform: uppercase;
    display: inline;
}

.product-card .product-special.out-of-stock {
    background-color: #e74c3c;
}

.product-card .before-discount {
    text-decoration: line-through;
}

.product-card .promo-product {
    color: #e74c3c;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.product-card .promo-product .rm,
.product-card .promo-product .sens {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.product-card .product-cta {
    position: absolute;
    top: 25px;
    right: 15px;
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 10;
}

@media only screen and (max-width: 767px) {
    .product-card .product-cta {
        display: none;
    }
}

.product-card .product-cta a, .product-card .product-cta button {
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
    color: #000;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    width: 45px;
    padding: 0px;
    border: 0px;
}

.product-card .product-cta a:hover, .product-card .product-cta button:hover {
    background-color: #15ab73;
    color: #fff;
}

.product-card .product-cta a .fa, .product-card .product-cta button .fa {
    font-size: 16px;
    line-height: 45px;
}

.product-card .product-title {
    align-items: normal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 60px;
    justify-content: center;
}

.owl-carousel .product-card .product-title {
    height: auto;
    line-height: 1em;
}

.freeby {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #E91E63;
    color: white;
}

.freeby-icon {
    color: #E91E63;
}

.product-card .countdown-timer {
    background-color: #6351ce;
    display: block;
    padding: 2px 8px;
    text-align: center;
}

.product-card .countdown-timer div {
    color: #fff;
    display: inline-block;
    margin: 0px 0px;
    text-align: center;
}

.product-card .countdown-timer div h5 {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: 0px;
}

.product-card .countdown-timer div p {
    color: #fff;
    font-size: 0.6rem;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.product-card .product-details {
    min-height: 45px;
}

.product-card .product-details > .row {
    margin: 0px;
}

.product-card .product-details > .row > div {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.product-card .product-details .left {
    padding-left: 0px;
    padding-right: 5px;
    width: auto;
}

.product-card .product-details .right {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    width: calc(100% - 110px);
}

.category-sidebar li a.active {
    font-weight: bold;
}

.category-sidebar li a.active::before {
    content: '';
}

