/* ----------------------- Page Builder ------------------------- */

.sub-col>div {
    clear: both;
}


/* full width */

.full-width {
    margin: 0 !important;
    padding: 0;
}

.full-width>.container {
    width: 100% !important;
    padding: 0;
}

.full-width>.container .sub-row,
.full-width>.container>.row {
    margin: 0
}

.full-width>.container .sub-row>div,
.full-width>.container .row>.main-col {
    padding: 0;
}

.special-bg {
    background: #eeeeee;
}

.special-row {
    background: #f8f8f8;
    padding-top: 60px;
}


/* ----------------------- Blog ------------------------- */

.article-page .article-list {
    float: left;
    width: 100%;
}

.article-page .article-item {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.article-page .article-name {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0px 0px 20px;
}

.articledate i {
    margin-right: 5px;
}

.articledate {
    font-size: 10px;
    text-transform: uppercase;
    color: #787878;
    padding: 10px 0px;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    margin: 0px 0px 10px;
}

.intro-content>div:not(:last-child) {
    margin: 0 0 30px 0;
}

.intro-content {
    font-size: 14px;
    padding: 30px 0 0;
    line-height: 30px;
}

.readmore-page i {
    margin-left: 5px;
    display: inline-block;
    font-size: 13px;
}

.readmore-page {
    background: #3c74b9;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 10px 20px;
    margin: 20px 0 0;
    display: inline-block;
    letter-spacing: 2px;
}

.readmore-page:hover {
    background: #444;
    color: #fff;
}

.article-title {
    font-size: 20px;
    font-weight: bold;
    margin: 0px 0px 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #222;
}

.article-description {
    font-size: 14px;
    margin: 20px 0px;
    line-height: 30px;
}

.article-container img {
    float: left;
    margin-right: 30px;
}

.article-description p {}

.article-date {
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    color: #787878;
    padding: 10px 0px;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    margin: 0px 0px 10px;
}


/* ----------------------- Zoom ------------------------- */

.product-zoom-image {
    overflow: inherit;
    margin: 0;
    padding: 0;
    border: 1px solid #ebebeb;
    position: relative;
}

.additional-images {
    margin: 0;
    padding: 5px;
    border: 1px solid #ebebeb;
    border-top: medium none;
}

.lightbox-container {
    display: none;
    position: fixed;
    z-index: 100001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
}

.lightbox-content {
    position: relative;
    margin: auto;
    padding: 0;
    top: 10px;
    width: 90%;
    max-width: 1200px;
    height: calc(100vh - 40px);
}

.oczoom-close {
    color: white;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: bold;
    opacity: 1;
}

.oczoom-close:hover,
.oczoom-close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}

.mySlides {
    display: none;
    text-align: center;
    background: #000;
}

.lightbox-content .mySlides img {
    max-height: calc(100vh - 50px);
}

.oczoom-prev,
.oczoom-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

.oczoom-next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.oczoom-prev:hover,
.oczoom-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.numbertext {
    color: #f2f2f2;
    font-size: 14px;
    padding: 8px 12px;
    position: absolute;
    bottom: -25px;
    left: 50%;
}

@media (max-width: 1366px) {
    .lightbox-content {
        top: 10px;
    }
}


/* ----------------------- Category ------------------------- */


/* Swatches Options */

.ul-swatches-colors {
    list-style: none;
    text-align: left;
    overflow: hidden;
    padding: 0;
}

.ul-swatches-colors li {
    float: left;
    border: 1px solid #fff;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    padding: 2px;
}

.ul-swatches-colors .swatches-options:hover {
    border: 1px solid #E88888;
}

.ul-swatches-colors .swatches-options.checked {
    border: 1px solid #ff0000;
}

.ul-swatches-colors .swatches-options a {
    float: left;
    display: inline-block;
}

.option-swatches {
    display: none;
}

.category-options .ul-swatches-colors {
    text-align: center;
}

.category-options .ul-swatches-colors li {
    float: none;
    display: inline-block;
    vertical-align: top;
}


/* Rotate Image */

.rotate-image-container .img-rotate-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.rotate-image-container:hover .img-rotate-image {
    opacity: 1;
    visibility: visible
}


/* Custom Grid */

.category-info .category-name {
    margin-top: 0;
    font-weight: 600;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}

.category-info .category-des {
    margin: 20px 0;
    text-transform: capitalize;
}

.item-inner {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.col-lg-divide-5,
.col-md-divide-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.category-options {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (min-width: 992px) {
    .col-md-divide-5 {
        width: 20%;
        float: left;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    #content .col-md-divide-5:nth-child(5n+1) {
        clear: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-divide-5 {
        width: 20%;
        float: left;
    }
    #content .col-lg-divide-5:nth-child(5n+1) {
        clear: left;
    }
}

@media(max-width: 991px) {
    .btn-grid-3,
    .btn-grid-4,
    .btn-grid-5 {
        display: none;
    }
}


/* ----------------------- Filter ------------------------- */


/* .layered-container{
	border: none;
	box-shadow: none;
	border-radius: 0;
} */


/* .layered-container .panel{
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
} */

.layered-navigation-block {
    display: none;
    background-color: black;
    height: 100%;
    opacity: 0.35;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 900;
}

.ajax-loader {
    display: none;
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
}

.layered-heading,
.category-heading {
    font-size: 17px;
    font-weight: 600;
    color: var(--secondary-color) !important;
    text-transform: capitalize;
    background: #f1f0f4 !important;
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
    /* border: none; */
    border-color: #f1f0f4 !important;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
}

.layered-heading a.accordion-toggle,
.category-heading a.accordion-toggle {
    color: var(--secondary-color) !important;
}

.layered-heading .accordion-toggle:after,
.category-heading .accordion-toggle:after {
    font-family: 'FontAwesome';
    /* essential for enabling glyphicon */
    content: "\f106";
    /* adjust as needed, taken from bootstrap.css */
    float: right;
    /* adjust as needed */
}

.layered-heading .accordion-toggle.collapsed:after,
.category-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f107";
    /* adjust as needed, taken from bootstrap.css */
}

.layer-category .list-group-item {
    border: 0 !important;
}

.layer-category .list-group a {
    display: inline-block;
}

.filter-attribute-container {
    border-bottom: 1px solid #ccc;
}

.filter-attribute-container:last-child {
    border-bottom: 0;
}

.filter-attribute-container .remove-filter {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -9px;
    /* font-size: 0;
     width: 15px;
     height: 15px;*/
    padding: 0;
    /*background: url(../../../../image/remove-icon.png) no-repeat;*/
    border: 0;
}


/* .filter-attribute-container .remove-filter:hover { background: url(../../../../image/remove-icon.png) no-repeat; opacity: 0.5; border: 0; } */

.filter-attribute-container .filter-clear-all {
    text-align: right;
}

.filter-attribute-container .filter-clear-all .clear-filter {
    text-transform: uppercase;
}

.filter-attribute-container .filter-clear-all .clear-filter:hover {
    background: none;
    color: #2a6496;
}

.filter-attribute-container.filter-attribute-remove-container .list-group-item {
    margin: 10px 0 !important;
}

.filter-attribute-container.filter-price .list-group-item {
    padding: 0 12px;
}

.filter-attribute-container .list-group-item {
    background: none;
    padding: 0px;
    border: none;
    overflow: hidden;
    position: relative;
    margin-bottom: 35px !important;
}

.filter-attribute-container .list-group-item p {
    margin: 0;
}

.filter-attribute-container .list-group-item .filter-price .input-price {
    width: 50px;
    margin: 0 0px 0 0;
    border: none;
    background: none;
}

.filter-attribute-container .list-group-item .filter-price .input-price:hover {
    cursor: not-allowed;
}

.filter-attribute-container .list-group-item .filter-price #slider-price {
    margin: 10px 0px 0px;
    border-radius: 0;
}

.filter-attribute-container .list-group-item .filter-price .slider-values {
    padding: 5px 0;
    text-align: center;
    font-size: 15px;
    color: #3b3b3b;
    margin: 10px -15px 0;
    font-weight: 600;
}

.filter-attribute-container .list-group-item .filter-price .slider-values span {
    margin: 0 0 0 10px;
}

.list-group .filter-attribute-container a {
    border: 0;
}

.layernavigation-container h3 {
    margin-bottom: 30px;
}


/* .layered{
    padding: 35px 0;
} */

.layered .list-group .filter-attribute-container:last-child .list-group-item {
    margin-bottom: 0 !important;
}

.layered .list-group {
    margin-bottom: 0px;
}

.filter-attribute-remove-container div {
    padding: 10px 0;
    font-size: 12px;
}

.filter-attribute-remove-container .filter-act-name span:hover {
    color: var(--secondary-color);
}


/* .filter-attribute-remove-container{
	padding-top: 20px;
} */

.filter-attribute-container {
    border: none;
}

.filter-prices .list-group-item {
    margin: 0 !important;
}

.filter-price {
    padding: 0 15px;
}

.filter-prices {
    background: #f6f6f6;
    margin: 0 -15px 45px;
    padding: 30px 15px;
    border-bottom: 1px solid #ebebeb;
}

.filter-attribute-container label {
    color: var(--secondary-color);
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
    width: 100%;
    padding: 0px;
    margin-bottom: 5px;
    line-height: 24px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ededed;
}

#slider-price.ui-slider-horizontal {
    height: 7px;
}

#slider-price .ui-widget-header {
    background: #fff;
}

#slider-price.ui-widget-content {
    background: #fff;
    border-radius: 5px !important;
    border: 2px solid var(--secondary-color) !important;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
    /* background: #fff; */
    cursor: pointer
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: var(--secondary-color);
    border: none;
}

.ui-slider .ui-slider-handle {
    width: 21px;
    height: 21px;
    border-radius: 100%;
    top: -9px;
    border: 5px solid var(--secondary-color);
    background: #fff;
    display: inline-block;
}

.filter-attribute-container .list-group-item a:not(.remove-filter):last-child {
    background: none;
}

.filter-attribute-container .list-group-item a:not(.remove-filter):hover {
    color: var(--secondary-color);
}

.filter-attribute-container .list-group-item a:not(.remove-filter):not(.clear-filter) i {
    margin: 0 5px 0 1px;
    font-size: 8px;
    color: #c8c8c8;
    vertical-align: middle;
}

.filter-attribute-container .list-group-item a:not(.remove-filter):not(.clear-filter) {
    /* padding: 10px 0; */
    display: block;
    text-transform: uppercase;
    color: #555555;
    font-size: 13px;
    line-height: 25px;
    /* border-bottom: 1px dotted rgba(229, 229, 229, 0.7) */
}

@media(max-width: 1024px) {
    /* .layered{
        padding: 10px;
    } */
}


/* ----------------------- Slideshow ------------------------- */


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

.slider-group {
    padding: 15px 0;
    margin-bottom: 10px;
}

.slider-group.full-width {
    padding: 0!important;
    margin-bottom: 30px!important;
}


/* Browser Resets */

.oc-banner7-container .flex-container a:active,
.oc-banner7-container .flexslider a:active,
.oc-banner7-container .flex-container a:focus,
.oc-banner7-container .flexslider a:focus {
    outline: none;
}

.oc-banner7-container .slides,
.oc-banner7-container .flex-control-nav,
.oc-banner7-container .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* FlexSlider Necessary Styles
*********************************/

.oc-banner7-container .flexslider {
    margin: 0;
    padding: 0;
}

.oc-banner7-container .flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
}


/* Hide the slides before the JS is loaded. Avoids iocge jumping */

.oc-banner7-container .flexslider .slides img {
    display: block;
}

.oc-banner7-container .flex-pauseplay span {
    text-transform: capitalize;
}


/* Clearfix for the .slides element */

.oc-banner7-container .slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .oc-banner7-container .slides {
    display: block;
}

* html .oc-banner7-container .slides {
    height: 1%;
}


/* No JavaScript Fallback */


/* If you are not using another script, such as Modernizr, ocke sure you
 * include js that eliminates this class on page load */

.no-js .oc-banner7-container .slides>li:first-child {
    display: block;
}


/* FlexSlider Default Theme
*********************************/

.oc-banner7-container .flexslider {
    margin: 0 0 0px 0;
    position: relative;
    zoom: 1;
}

.oc-banner7-container .flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.oc-banner7-container .loading .flex-viewport {
    max-height: 300px;
}

.oc-banner7-container .flexslider .slides {
    zoom: 1;
}

.oc-banner7-container .carousel li {
    margin-right: 5px
}


/* Control Nav */

.nivo-controlNav {
    text-align: center;
    padding: 0;
}

.nivo-controlNav a {
    cursor: pointer;
}

.nivo-controlNav a.active {
    font-weight: bold;
}

.oc-banner7-container .flex-control-nav,
.nivo-controlNav {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center !important;
    /* padding-left: 20px !important; */
}

.oc-banner7-container .flex-control-nav li {
    margin: 0 6px;
    /* display: inline-block; */
    zoom: 1;
    display: inline;
}

.oc-banner7-container .flex-control-paging li a,
.nivo-controlNav a {
    width: 11px;
    height: 11px;
    display: block;
    background: var(--secondary-color);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    z-index: 9;
}

.oc-banner7-container .flex-control-paging li a:hover,
.oc-banner7-container .flex-control-paging li a.flex-active,
.nivo-controlNav a:hover,
.nivo-controlNav a.active {
    cursor: pointer;
}

.oc-banner7-container .flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.oc-banner7-container .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.oc-banner7-container .flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.oc-banner7-container .flex-control-thumbs img:hover {
    opacity: 1;
}

.oc-banner7-container .flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}


/* .oc-nivoslider {
	overflow: hidden;
} */

.nivoslider {
    position: relative;
    overflow: hidden;
    height: auto;
    width: 100%;
}

.nivoslider img {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.nivo-controlNav {
    padding: 0px 0;
    text-align: center;
}

.nivo-controlNav a {
    background-color: #ffffff;
    border: 0 none;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    line-height: 8px;
    margin: 0 3px;
    position: relative;
    text-indent: -9999px;
    width: 8px;
}

.banner7-caption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background: none repeat scroll 0% 0% transparent;
    color: #FFF;
    font-size: 16px;
    z-index: 8;
}

@-webkit-keyframes timeloading {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes timeloading {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

.timeloading {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    height: 5px;
    animation: ease-in-out 0s normal none 1 running timeloading;
    display: none;
}

.nivoSlider {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.banner7-content {
    height: 100%;
    position: relative;
    width: 100%;
}

.banner7-content.slider-3 .text-content,
.banner7-content.slider-2 .text-content,
.banner7-content.slider-1 .text-content {
    position: absolute;
    top: 50%;
    left: 50px;
    right: 15px;
    z-index: 2;
    font-size: 16px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 15px;
    /* width: 60%; */
    /* text-align: center; */
    line-height: 24px;
}

.banner7-content .title1,
.banner7-content .sub-title {
    margin: 0 0 10px 0;
}

.banner7-content .sub-title {
    font-size: 20px;
}

.banner7-content .banner7-des h4 {
    font-size: 14px;
    color: var(--secondary-color);
    text-transform: capitalize;
    font-weight: 400;
}

.banner7-content .banner7-des h3 {
    font-size: 300%;
    color: #363f4d;
    text-transform: capitalize;
    font-weight: 400;
    margin: 0;
    line-height: 1
}

.banner7-content .banner7-des p {
    font-size: 14px;
    color: #363f4d;
    margin: 20px 0 0;
    padding: 0;
}

.banner7-content .banner7-des p span {
    font-size: 214.3%;
    font-weight: 500;
    color: var(--secondary-color);
    margin-left: 5px;
}

.banner7-readmore {
    position: relative;
    z-index: 10;
    margin-top: 25px;
}

.banner7-readmore a:hover {
    background: var(--secondary-color);
    color: #fff;
}

.banner7-readmore a {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    background: var(--primary-color);
    font-weight: 500;
    border: none;
    padding: 8px 16px;
    display: inline-block;
    border-radius: 4px;
}

.banner7-content.slider-1 .banner7-readmore {
    animation: slideInUp 0.5s linear alternate;
    -webkit-animation: slideInUp 0.5s linear alternate;
    -moz-animation: slideInUp 0.5s linear alternate;
}

.banner7-content.slider-2 .banner7-readmore {
    animation: slideInUp 0.5s linear alternate;
    -webkit-animation: slideInUp 0.5s linear alternate;
    -moz-animation: slideInUp 0.5s linear alternate;
}

.banner7-content.slider-3 .banner7-readmore {
    animation: slideInUp 0.5s linear alternate;
    -webkit-animation: slideInUp 0.5s linear alternate;
    -moz-animation: slideInUp 0.5s linear alternate;
}

.banner7-content.slider-2 .title1 {
    animation: zoomIn 1s linear alternate;
    -webkit-animation: zoomIn 1s linear alternate;
    -moz-animation: zoomIn 1s linear alternate;
}

.banner7-content.slider-1 .title1 {
    animation: rollIn 1s linear alternate;
    -webkit-animation: rollIn 1s linear alternate;
    -moz-animation: rollIn 1s linear alternate;
}

.banner7-content.slider-3 .title1 {
    animation: fadeInLeft 1s linear alternate;
    -webkit-animation: fadeInLeft 1s linear alternate;
    -moz-animation: fadeInLeft 1s linear alternate;
}

.banner7-content.slider-1 .banner7-des {
    animation: slideInDown 2s linear alternate;
    -webkit-animation: slideInDown 2s linear alternate;
    -moz-animation: slideInDown 2s linear alternate;
}

.banner7-content.slider-2 .banner7-des {
    animation: bounceIn 2s linear alternate;
    -webkit-animation: bounceIn 2s linear alternate;
    -moz-animation: bounceIn 2s linear alternate;
}

.banner7-content.slider-3 .banner7-des {
    animation: fadeInRight 1.5s linear alternate;
    -webkit-animation: fadeInRight 1.5s linear alternate;
    -moz-animation: fadeInRight 1.5s linear alternate;
}

.banner7-content.slider-1 .sub-title {
    animation: slideInDown 2s linear alternate;
    -webkit-animation: slideInDown 2s linear alternate;
    -moz-animation: slideInDown 2s linear alternate;
}

.banner7-content.slider-2 .sub-title {
    animation: bounceIn 2s linear alternate;
    -webkit-animation: bounceIn 2s linear alternate;
    -moz-animation: bounceIn 2s linear alternate;
}

.banner7-content.slider-3 .sub-title {
    animation: rotateInDownRight 2s linear alternate;
    -webkit-animation: rotateInDownRight 2s linear alternate;
    -moz-animation: rotateInDownRight 2s linear alternate;
}


/* The Nivo Slider styles */

.nivoSlider {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: none;
}

.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}


/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 8;
    display: none;
    background: white;
    filter: alpha(opacity=0);
    opacity: 0;
}


/* The slices and boxes in the Slider */

.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
    top: 0;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
    overflow: hidden;
}

.nivo-box img {
    display: block;
}


/* Caption styles */

.nivo-caption {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
}


/* .nivo-caption .container{

} */

.nivo-caption p {
    padding: 5px;
    margin: 0;
}

.nivo-html-caption {
    display: none;
}


/** ocslideshow **/

.banner7 {
    position: relative;
    z-index: 0;
    /*margin-bottom: 30px;
  margin-left: -30px;*/
}

.nivo-directionNav i {
    font-size: 14px;
    display: block;
    line-height: 40px;
}

.oc-banner7-container .flex-direction-nav a,
.nivo-directionNav a {
    width: 40px;
    height: 40px;
    margin: -15px 0 0;
    display: block;
    position: absolute;
    cursor: pointer;
    font-size: 0;
    z-index: 12;
    background: rgba(255, 255, 255, 1);
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    color: #999999;
    top: 50%;
    opacity: 0;
}

.oc-banner7-container .flex-direction-nav .flex-next,
.oc-banner7-container .nivo-directionNav a.nivo-nextNav {
    transition: all 0.3s ease-out;
    right: 10px;
}

.oc-banner7-container .flex-direction-nav .flex-prev,
.oc-banner7-container .nivo-directionNav a.nivo-prevNav {
    left: 10px;
    transition: all 0.3s ease-out;
}

.oc-banner7-container:hover .nivo-controlNav a,
.oc-banner7-container:hover .nivo-directionNav a {
    opacity: 1;
}

.oc-banner7-container .flexslider .flex-next:hover,
.oc-banner7-container .nivo-directionNav a.nivo-nextNav:hover,
.oc-banner7-container .flexslider .flex-prev:hover,
.oc-banner7-container .nivo-directionNav a.nivo-prevNav:hover {
    /* background: var(--secondary-color); */
    color: var(--secondary-color);
}

.oc-banner7-container .flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
}


/* .oc-banner7-container .flex-direction-nav a:hover::before,
.oc-banner7-container .nivo-directionNav a:hover::before{
	color: #67D7BB;
} */

.oc-banner7-container .nivo-controlNav a {
    border: none;
    display: inline-block;
    height: 3px;
    margin: 0 5px;
    /* font-size: 0; */
    width: 25px;
    cursor: pointer;
    position: relative;
    z-index: 9;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
    font-size: 0;
    opacity: 0;
}

.oc-banner7-container .nivo-controlNav a.active,
.oc-banner7-container .nivo-controlNav a:hover {
    background: #292929;
}


/* .oc-banner7-container .nivo-controlNav a:before {
	content:"";
	display: block;
	position: absolute;
	background: #fff;
	border-radius: 100%;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
} */


/** /ocslideshow **/


/* responsive */

@media(max-width:1400px) {
    /* .banner7-content.slider-3 .text-content,
	.banner7-content.slider-2 .text-content,
	.banner7-content.slider-1 .text-content{
		font-size: 80%;
		padding: 0;
	} */
    .banner7-content .banner7-des h3 {
        font-size: 200%;
    }
    .banner7-content .banner7-des p {
        margin-top: 20px;
    }
    .banner7-content .banner7-des p span {
        font-size: 150%;
    }
    .banner7-content .banner7-readmore a {
        padding-left: 30px;
        padding-right: 30px;
    }
    .banner7-content .banner7-readmore {
        margin-top: 20px;
    }
    .oc-banner7-container .flex-direction-nav .flex-next,
    .oc-banner7-container .nivo-directionNav a.nivo-nextNav {
        right: 15px;
    }
    .oc-banner7-container .flex-direction-nav .flex-prev,
    .oc-banner7-container .nivo-directionNav a.nivo-prevNav {
        left: 15px;
    }
}

@media(max-width:1024px) {
    .banner7-content.slider-3 .text-content,
    .banner7-content.slider-2 .text-content,
    .banner7-content.slider-1 .text-content {
        font-size: 80%;
    }
    .banner7-content .banner7-des h2 {
        margin: 0 0 20px 0;
    }
    .banner7-content .banner7-readmore {
        margin-top: 20px;
    }
    .oc-banner7-container .flex-control-nav,
    .nivo-controlNav {
        bottom: 20px;
    }
}

@media(max-width:991px) {
    .banner7 {
        margin-left: 0;
    }
}

@media(max-width:767px) {
    .banner7-content.slider-3 .text-content,
    .banner7-content.slider-2 .text-content,
    .banner7-content.slider-1 .text-content {
        padding: 0 30px;
        /* font-size: 50%; */
    }
    /* .nivo-controlNav,
	.nivo-directionNav{
		display: none;
	} */
    .banner7-content.slider-3 .text-content,
    .banner7-content.slider-2 .text-content,
    .banner7-content.slider-1 .text-content {
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .oc-banner7-container .flex-direction-nav a,
    .nivo-directionNav a {
        opacity: 0.8;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .oc-banner7-container .flex-direction-nav .flex-prev,
    .oc-banner7-container .nivo-directionNav a.nivo-prevNav {
        left: 5px;
    }
    .oc-banner7-container .flex-direction-nav .flex-next,
    .oc-banner7-container .nivo-directionNav a.nivo-nextNav {
        right: 5px;
    }
    .nivo-directionNav i {
        font-size: 12px;
        line-height: 30px;
    }
    .banner7-content.slider-1 .title1,
    .banner7-content.slider-2 .title1,
    .banner7-content.slider-3 .title1 {
        font-size: 18px;
    }
    .banner7-content.slider-1 .sub-title,
    .banner7-content.slider-2 .sub-title,
    .banner7-content.slider-3 .sub-title {
        font-size: 14px;
    }
    .banner7-content.slider-1 .banner7-des p,
    .banner7-content.slider-2 .banner7-des p,
    .banner7-content.slider-3 .banner7-des p {
        font-size: 10px;
        display: none;
    }
    .banner7-readmore a {
        padding: 5px 10px !important;
        font-size: 12px;
    }
}

@media(max-width:640px) {
    .banner7-content .banner7-des h3+h3 {
        margin-left: 5px;
    }
    .banner7-content .banner7-des p {
        margin: 0;
    }
    .banner7-content .banner7-des h3 {
        display: inline-block;
    }
}

@media(max-width:560px) {
    .banner7-content.slider-3 .text-content,
    .banner7-content.slider-2 .text-content,
    .banner7-content.slider-1 .text-content {
        /* font-size: 40%; */
        width: 100%;
        padding: 30px;
    }
}


/* ----------------------- Search Category ------------------------- */

#search-by-category {
    /* padding-right: 30px; */
    float: left;
    width: 100%;
}

.search-container {
    border-top: 2px solid var(--secondary-color);
    border-left: 2px solid var(--secondary-color);
    border-bottom: 2px solid var(--secondary-color);
    float: left;
    width: calc( 100% - 40px);
    border-radius: 3px 0 0 3px;
    padding: 0 0 0 1px;
}

#text-search {
    float: left;
    width: calc( 100% - 150px);
    height: 38px;
    border: none;
    padding: 0 20px;
    border-radius: 3px 0 0 3px;
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.categories-container {
    float: right;
    max-width: 150px;
    width: 150px;
}

.cate-items .f2,
.cate-items .f1 {
    padding-left: 10px;
}

.cate-items .item-cate {
    cursor: pointer;
    padding: 5px 10px;
}

.cate-items .item-cate+.item-cate {
    border-top: 1px solid #ededed;
}

.cate-items .item-cate:hover {
    color: var(--secondary-color);
    background: #f9f9f9;
}

.cate-items {
    display: none;
    padding: 0 0 0 10px;
    position: absolute;
    top: calc( 100% + 1px);
    left: 0;
    right: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
    z-index: 113;
    max-height: 350px;
    overflow-y: auto;
    padding: 0;
}

.hover-cate>p i {
    font-size: 10px;
    color: #999999;
    padding-left: 20px;
}

.hover-cate>p {
    height: 38px;
    margin: 0;
    text-align: center;
    line-height: 38px;
    color: #757575;
    cursor: pointer
}

.hover-cate {
    position: relative;
}

#sp-btn-search {
    float: right;
    width: 40px;
    height: 40px;
}

#btn-search-category i {
    font-size: 18px;
    color: #fff;
    line-height: 40px;
}

#btn-search-category:hover {
    background: var(--primary-color)
}

#btn-search-category {
    padding: 0;
    margin: 0;
    border: none;
    background: var(--secondary-color);
    border-radius: 0 3px 3px 0;
    height: 42px;
    width: 40px;
    text-align: center;
}

.ajax-loader-container {
    display: none;
}

.ajax-result-item a {
    list-style: none;
    border-bottom: 1px solid #ededed;
    border-top: 0;
    border-left: 0;
    padding: 2px 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ajax-result-item a:hover {
    background-color: #f8f8f8;
}

.ajax-result-item .product-image {
    width: 50px;
}

.ajax-result-item .price {
    margin-left: auto;
    text-align: right;
}

li.ajax-result-item a>* {
    margin-right: 10px;
}

.search-ajax {
    position: relative;
}

.ajax-loader-container {
    position: absolute;
    top: 40px;
    z-index: 112;
    left: 0;
    right: 0;
    border: 1px solid rgba(0, 0, 0, .1);
    background: rgba(0, 0, 0, .1);
    opacity: 0.5;
}

.ajax-result-container.show {
    border: 1px solid rgba(0, 0, 0, .1);
}

.ajax-result-container {
    position: absolute;
    top: 40px;
    z-index: 113;
    left: 0;
    right: 0;
    background: #fff;
    max-height: 300px;
    overflow-y: auto;
}

.ajax-result-item .product-info .product-image {
    margin-bottom: 10px;
}

.ajax-result-item .product-info {
    margin-bottom: 20px;
    text-align: center;
}

.ajax-result-item .product-info .price {
    text-align: center;
}

@media(max-width: 1024px) {
    .categories-container {
        display: none;
    }
    #text-search {
        width: 100%;
    }
}

@media(max-width: 767px) {
    #search-by-category {
        padding-right: 0;
    }
}


/* ----------------------- Quickview ------------------------- */

#quickview-bg-block {
    display: none;
    background-color: rgba(0, 0, 0, .9);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: fixed;
    z-index: 100001;
}

.quickview-load-img {
    display: none;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 10002;
    margin: auto;
}

.a-qv-close {
    position: absolute;
    z-index: 100002;
    top: 15px;
    right: 15px;
    font-size: 14px;
    color: red;
}

.qv-button-container {
    position: relative
}

#quickview-content {
    position: fixed;
    background-color: #FFFFFF;
    border: solid 2px #000000;
    display: none;
    padding: 20px;
    z-index: 100003;
    width: 86%;
    height: 80%;
    top: 10%;
    left: 7%;
    overflow-y: scroll !important;
}

.product-quickview .container {
    width: 100%;
}

@media(max-width: 1024px) {
    .btn-quickview {
        display: none !important
    }
}


/* ----------------------- Megamenu ------------------------- */

.oc-menu a {
    text-decoration: none;
    display: block;
}

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

.oc-menu .sub-menu-container {
    z-index: 1000;
    display: none;
}

.oc-menu .ul-top-items .li-top-item a {
    display: block;
}


/* Horizontal Menu */

.main-menu {
    background: var(--secondary-color)
}

.horizontal-menu {
    width: 100%;
    position: relative;
    /*margin-left: -15px;*/
}

.horizontal-menu .ul-top-items {
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.horizontal-menu .ul-top-items>li.li-top-item {
    display: inline-block;
    /*position: relative;*/
    /*margin-bottom: -1px;*/
}

.oc-menu.horizontal-menu .mobil {
    display: none!important;
}


/*.horizontal-menu .ul-top-items > li.li-top-item + .li-top-item {
    border-left: 1px solid #ebebeb;
}*/

.horizontal-menu .ul-top-items>li.li-top-item+.li-top-item:before {
    /* border-left: 1px solid #ebebeb; */
    content: "";
    position: absolute;
    left: 0px;
    top: 13px;
    display: block;
    width: 1px;
    height: 25px;
    background: var(--secondary-color);
}

.horizontal-menu .ul-top-items .li-top-item {
    display: block;
    margin: 0;
    transition: all 0.3s ease-in-out 0s;
}

.horizontal-menu .ul-top-items .li-top-item .a-top-link {
    /*line-height: 1;*/
    transition: all 0.3s ease-in-out 0s;
    position: relative;
}

.horizontal-menu .ul-top-items .li-top-item.right {
    float: right;
    position: relative;
    text-align: right;
}

.horizontal-menu .ul-top-items .li-top-item.mega-right {
    float: right;
    text-align: right;
}

.horizontal-menu .ul-top-items .li-top-item .a-top-link .fa {
    margin-left: 5px;
}

.horizontal-menu .ul-top-items .li-top-item.right .a-top-link .fa,
.horizontal-menu .ul-top-items .li-top-item.mega-right .a-top-link .fa {
    float: left;
    line-height: inherit;
    margin-left: 0;
    margin-right: 10px;
}

.horizontal-menu .sub-menu-container {
    position: absolute;
    top: 100%;
}

.horizontal-menu .ul-top-items .li-top-item .mega-menu-container.right {
    text-align: right;
}

.horizontal-menu .ul-top-items .li-top-item .mega-menu-container.left {
    text-align: left;
}

.horizontal-menu .ul-top-items .li-top-item.right .mega-menu-container {
    right: 0;
}

.horizontal-menu .ul-top-items .li-top-item .mega-menu-container.full-width {
    left: 0;
    right: 0;
    width: 100%;
    border-top: 4px solid var(--primary-color);
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.3);
}

.horizontal-menu .mega-menu-container .sub-item2-content {
    padding: 0;
    float: left;
}

.horizontal-menu .flyout-menu-container {
    background-color: #fff;
    min-width: 200px;
    /*padding: 10px;*/
    border-top: 4px solid var(--primary-color);
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.3);
}

.horizontal-menu .flyout-menu-container.left .a-item .fa {
    float: right;
    line-height: inherit;
}

.horizontal-menu .flyout-menu-container.left {
    float: left;
}

.horizontal-menu .flyout-menu-container.right {
    float: right;
    right: 0;
}

.horizontal-menu .flyout-menu-container.right .a-item .fa {
    float: left;
    line-height: inherit;
}

.horizontal-menu .flyout-menu-container.right .li-second-items {
    position: relative;
}

.horizontal-menu .ul-second-items .li-second-items {
    position: relative;
    text-align: left;
}

.horizontal-menu .ul-second-items .li-second-items+.li-second-items {
    border-top: 1px solid #ebebeb;
}

.horizontal-menu .ul-second-items .li-second-items .a-second-link {
    padding: 10px;
}

.horizontal-menu .ul-top-items .li-top-item .sub-menu-container a {
    padding: 10px 15px;
    transition: all 0.3s ease-in-out;
}

.horizontal-menu .ul-top-items .li-top-item .sub-menu-container a:hover {
    /*background: #f9f9f9;
    border-radius: 4px;*/
    padding-left: 20px;
}

.horizontal-menu .flyout-third-items {
    position: absolute;
    top: 0;
    display: none;
}

.horizontal-menu .flyout-third-items.left {
    left: 100%;
}

.horizontal-menu .flyout-third-items.right {
    right: 100%;
}

.horizontal-menu .ul-third-items .li-third-items .a-third-link {
    white-space: nowrap;
    padding: 10px;
}

.horizontal-menu .ul-top-items>li.li-top-item.has-child:hover .a-top-link:after,
.horizontal-menu .ul-top-items>li.li-top-item.has-child.active:hover .a-top-link:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: var(--primary-color);
    position: absolute;
    z-index: 1001;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
}

.horizontal-menu .ul-top-items .li-top-item .sub-menu-container a h4 i {
    font-size: 14px;
    margin-right: 5px;
}

.horizontal-menu .ul-top-items .li-top-item .sub-menu-container a h4 {
    display: flex;
}


/* Vertical Menu */

.vertical-menu {
    position: relative;
}

.vertical-menu .oc-menu-bar {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.vertical-menu .oc-menu-bar:hover {
    cursor: pointer;
}

.vertical-menu .oc-menu-bar .left {
    float: left;
    padding: 20px 0 20px 20px;
}

.vertical-menu .oc-menu-bar .left .fa {
    margin-right: 10px;
}

.vertical-menu .oc-menu-bar .right {
    float: right;
    padding: 20px 10px 20px 0;
    /* display: none; */
}

body:not(.common-home) .vertical-menu .ul-top-items,
.container-fix.fix-header .vertical-menu .ul-top-items {
    display: none;
}

.container-fix.fix-header .fixedMenuLogo {
    display: inline-block;
    background: url(/image/catalog/logo.png) no-repeat scroll left center transparent !important;
    width: 140px;
    background-size: 100%!important;
}


/*.container-fix.fix-header .fixedMenuLogo span {
    display: none;
    font-size: 0;
}*/

.vertical-menu .ul-top-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 0 0 0;
    background: #fff;
}

.vertical-menu .ul-top-items .li-top-item {
    display: block;
    margin: 0;
    /* position: relative; */
    padding: 0 15px;
}

.ul-top-items .li-top-item .a-top-link span {
    vertical-align: middle;
}

.ul-top-items .li-top-item .a-top-link .top-icon {
    margin-right: 8px;
}

.vertical-menu .ul-top-items .a-item .fa {
    float: right;
    line-height: inherit;
}

.vertical-menu .ul-top-items .li-top-item.over {
    display: none;
}

.vertical-menu .li-top-item .sub-menu-container {
    position: absolute;
    top: 0;
    left: 100%;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.vertical-menu .flyout-menu-container {
    width: auto;
    float: left;
    width: 200px;
}

.vertical-menu .ul-second-items .li-second-items {
    position: relative;
}

.vertical-menu .ul-second-items .li-second-items .a-second-link {
    padding: 10px;
}

.vertical-menu .flyout-third-items {
    position: absolute;
    top: 0;
    display: none;
}

.vertical-menu .flyout-third-items {
    left: 100%;
}

.vertical-menu .ul-third-items .li-third-items .a-third-link {
    white-space: nowrap;
    padding: 10px;
}


/* vertical - mega */

.a-mega-third-link h5 {
    color: #555555;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.a-mega-third-link:hover h5,
.a-mega-second-link:hover strong {
    color: var(--primary-color) !important;
}

.a-mega-second-link strong {
    color: #404040 !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
}


/* Mobile Menu */

.mobile-menu {
    position: relative;
    /* margin-left: -15px;
    margin-right: -15px; */
}

.mobile-menu .ul-top-items {
    position: absolute;
    z-index: 113;
    /*width: 100%;*/
    left: 0;
    right: 0;
    top: 100%;
    padding: 0;
    background: #fff;
    margin-left: -15px;
    margin-right: -15px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.mobile-menu .oc-menu-bar {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.mobile-menu .oc-menu-bar .left {
    float: left;
    padding: 10px 0 10px 10px;
}

.mobile-menu .oc-menu-bar .left:first-child {
    margin-left: -15px;
}

.mobile-menu .oc-menu-bar .left .fa {
    margin-right: 10px;
}

.mobile-menu .oc-menu-bar .right {
    float: right;
    padding: 10px 10px 10px 10px;
    margin-right: -15px;
    margin-top: -1px;
    border-radius: 0 3px 3px 0;
}

.mobile-menu .oc-menu-bar .right:hover {
    cursor: pointer;
}

.mobile-menu .ul-top-items {
    display: none;
}

.mobile-menu .sub-menu-container {
    display: none;
    margin-bottom: -1px;
}

.mobile-menu .li-top-item {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .ul-top-items .li-top-item .a-top-link {
    line-height: 45px;
    padding-left: 15px;
}

.mobile-menu .a-click-show {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    width: 40px;
    height: 46px;
    text-align: center;
    cursor: pointer;
    /* background: #99bd3d;
    color:#fff; */
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .a-click-show i {
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
}

.mobile-menu .a-click-show .fa-minus {
    display: none;
}

.mobile-menu .expand>.a-click-show .fa-minus {
    display: inline-block;
}

.mobile-menu .expand>.a-click-show .fa-plus {
    display: none;
}

.mobile-menu .ul-second-items .li-second-items {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.mobile-menu .ul-second-items .li-second-items .a-second-link {
    padding: 10px;
    padding-left: 30px;
    line-height: 25px;
}

.mobile-menu .flyout-third-items {
    display: none;
}

.mobile-menu .ul-third-items .li-third-items .a-third-link {
    padding: 10px;
}

.vertical-menu .ul-top-items .li-top-item+li {
    border-top: 1px solid #ededed;
}

.vertical-menu .ul-top-items .li-top-item .a-mega-second-link {
    text-align: center;
    /* background: #f9f9f9; */
    padding: 5px;
    /* margin-bottom: 10px; */
}

.vertical-menu .ul-top-items .li-top-item .a-mega-second-link:hover {
    box-shadow: 0 0 5px rgba(0, 159, 221, 0.3);
    /* background: #fff; */
}

@media(max-width: 1024px) {
    .vertical-menu .ul-top-items {
        display: none;
    }
}

@media(max-width:767px) {
    .main-menu {
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 3px;
    }
}


/* ----------------------- Color Swatches ------------------------- */

.ul-swatches-colors {
    list-style: none;
    text-align: left;
    overflow: hidden;
    padding: 0;
}

.ul-swatches-colors li {
    float: left;
    border: 2px solid #fff;
    display: flex;
    position: relative;
    margin-right: 5px;
    padding: 1px;
    border-radius: 100%;
    overflow: hidden
}

.ul-swatches-colors .swatches-options:hover {
    border: 2px solid var(--primary-color);
}

.ul-swatches-colors .swatches-options.checked {
    border: 2px solid var(--primary-color);
}

.ul-swatches-colors .swatches-options a {
    display: inline-block;
    background-size: 100%;
}

.option-swatches {
    display: none;
}


/* ----------------------- Ajax Login ------------------------- */

#ajax-login-block {
    display: none;
    background-color: black;
    height: 100%;
    opacity: 0.9;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
}

#ajax-loader {
    display: none;
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
}

.ajax-body-login {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 10001;
    display: none;
    /* background: rgba(0,0,0,.2); */
    width: 700px;
    height: 400px;
    overflow: auto !important;
}

.ajax-body-login>div {
    background: #fff;
    padding: 20px;
    display: none;
}

.ajax-body-login .account-register .ajax-content {
    padding-bottom: 20px;
}

.ajax-content .buttons>div {
    float: none !important;
    text-align: right;
}

.ajax-content .alert {
    margin-top: 10px;
}

.ajax-load-img {
    display: none;
}

.a-close-frm {
    float: right;
    color: #000;
    display: inline-block;
    padding: 0 10px;
    margin-top: -50px;
    margin-right: 0;
}

.ajax-content {}

.page-title h1,
.register-form-content h1,
.login-form-content h2 {
    font-size: 22px;
    margin: 0 0 20px;
}

@media(max-width: 767px) {
    .ajax-body-login {
        width: 80%;
        height: 85%;
    }
}


/* ----------------------- Layout Products ------------------------- */


/* none slider */

.tt-product .two_items:nth-child(2n+1),
.tt-product .three_items:nth-child(3n+1),
.tt-product .four_items:nth-child(4n+1),
.tt-product .six_items:nth-child(6n+1) {
    clear: both;
}


/* general */

.product-des {
    font-size: 13px;
    color: #363636;
    line-height: 24px;
    margin-bottom: 30px;
}

.special-grid .product-layout:hover .product-thumb {
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.product-grid.product-layout .product-thumb {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
}

.special-grid .product-layout .product-thumb {
    box-shadow: 0px 1px 5px 0px transparent;
    border: none;
}

.product-layout .product-thumb {
    background: #fff;
    margin: 10px 0;
    transition: all 0.3s ease-in-out 0s;
}

.product-name {
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    margin: 0 0 0 0;
}

.product-name a:hover {
    color: var(--secondary-color) !important;
}

.product-name a {
    color: var(--secondary-color);
    line-height: 20px;
    display: inline-block;
    /*min-height:40px;*/
}

p.text_empty {
    text-align: center;
}

.actions-link {
    text-align: center;
    position: absolute;
    top: 10px;
    line-height: 1;
    right: 10px;
    z-index: 1;
    opacity: 0;
}

.product-thumb:hover .actions-link {
    opacity: 1;
}

.actions-link>button:not(:first-child) {
    border-left: 1px solid #666666;
}

.btn-quickview:hover {
    color: var(--secondary-color);
}

.btn-quickview i {
    display: inline-block;
}

.btn-quickview span {
    font-size: 0;
}

.btn-quickview {
    background: none;
    border: none;
    box-shadow: none;
    color: #dedede;
    font-size: 20px;
    line-height: 20px;
    padding: 0;
}

.btn-cart i {
    /* font-size: 0; */
    margin-right: 5px;
}

.btn-cart {
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    border: 1px solid var(--primary-color);
    border-radius: 3px;
    background: var(--primary-color);
    height: 40px;
    width: 100%;
    margin: 0 0 10px 0;
}


/*.btn-compare,
.btn-wishlist{
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    padding: 0;
    width: 50%;
    float: left;
    text-align: left;
}*/

.five-items .btn-cart {
    height: 30px;
}

.five-items .btn-compare span,
.five-items .btn-wishlist span {
    vertical-align: 0px;
    padding-left: 0;
}

.five-items .btn-compare i,
.five-items .btn-wishlist i {
    font-size: 18px;
}

.five-items .btn-compare,
.five-items .btn-wishlist {
    width: 100%;
}

.btn-wishlist {
    padding-right: 5px;
}

.btn-compare span,
.btn-wishlist span {
    display: inline-block;
    padding-left: 7px;
    /* float: left; */
    width: calc(100% - 28px);
    color: #363636;
    font-size: 13px;
    line-height: 15px;
    vertical-align: -4px;
    white-space: normal;
}

.btn-compare i,
.btn-wishlist i {
    /*color: #363636;*/
    font-size: 28px;
    float: left;
    width: 28px;
}

.btn-cart:hover {
    border-color: var(--secondary-color);
    background: var(--secondary-color);
    color: #fff !important;
}


/*.btn-compare:hover span,
.btn-compare:hover i,
.btn-compare:hover,
.btn-wishlist:hover span,
.btn-wishlist:hover i,
.btn-wishlist:hover{
    color: #94ba33 !important;
}*/

.qv-button-container {
    display: inline-block;
}

.label-product {}

.l_sale {
    /* position: absolute; */
    /* height: 22px; */
    background: var(--secondary-color);
    /* z-index: 1; */
    color: #fff;
    /* text-transform: uppercase; */
    text-align: center;
    line-height: 13px;
    /* bottom: 0px; */
    /* right: 0px; */
    font-size: 10px;
    font-weight: 500;
    padding: 5px 5px 5px 5px;
    margin-right: 10px;
    width: 40px;
    border-radius: 4px;
}

.label-product.l_new {
    position: absolute;
    /* height: 40px; */
    /* min-width: 40px; */
    background: var(--secondary-color);
    border-radius: 4px;
    z-index: 1;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    /* line-height: 40px; */
    top: 10px;
    right: 10px;
    padding: 0 8px;
}

.label-product.l_nostock {
    position: absolute;
    z-index: 999;
    top: 10px;
    right: 10px;
    background: #cc0000;
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
}


/*.product-zoom-image .label-product.l_nostock {
    right: 25px;
}*/

.label-product.l_video {
    position: absolute;
    z-index: 999;
    top: 10px;
    right: 10px;
    background: var(--primary-color);
    color: var(--secondary-color);
    padding: 2px 5px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 9px;
    text-align: center;
    font-weight: 600;
    word-break: break-all;
    width: 50px;
    line-height: 10px;
}

.label-product.l_video i {
    display: block;
    font-size: 22px;
    /*border: 2px solid var(--primary-color);
    border-radius: 5px;
    margin-bottom: 2px;*/
}

.label-product.l_video+.label-product.l_new,
.label-product.l_video+.label-product.l_nostock {
    top: 60px
}

.label-product.l_new+.label-product.l_nostock {
    top: 35px
}

.label-product.l_video+.label-product.l_new+.label-product.l_nostock {
    top: 84px;
}

.price-container .price {
    order: 2;
}

.price-container .l_sale {
    order: 1;
}

.symbol-percent {
    font-weight: 500;
    display: block;
    font-size: 14px;
    letter-spacing: -1px;
}

.manufacture-product {
    /*display: none*/
    margin-bottom: 0
}

.manufacture-product a {
    color: #999999;
    font-size: 12px;
    text-transform: capitalize;
    margin: 0 0 15px 0;
    line-height: 1;
}

.product-customize:hover .product-thumb,
.product-grid:hover .product-thumb {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.product-customize .product-thumb img,
.product-grid .product-thumb img {
    transition: all 0.3s ease-in-out 0s;
}

.product-customize .product-thumb .image,
.product-grid .product-thumb .image {
    overflow: hidden;
}

.product-customize:hover .product-thumb img,
.product-grid:hover .product-thumb img {
    transform: scale(0.90);
}

.product-inner .btn-cart {
    margin-bottom: 0;
}

.ratings {
    margin-bottom: 10px;
    line-height: 11px;
    display: none;
}

.ratings .rating-box .rating0 {
    background-image: url("../image/rating0.png")
}

.ratings .rating-box .rating1 {
    background-image: url("../image/rating1.png")
}

.ratings .rating-box .rating2 {
    background-image: url("../image/rating2.png")
}

.ratings .rating-box .rating3 {
    background-image: url("../image/rating3.png")
}

.ratings .rating-box .rating4 {
    background-image: url("../image/rating4.png")
}

.ratings .rating-box .rating5 {
    background-image: url("../image/rating5.png")
}

.ratings .text-rating {
    color: #a5a5a5;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.ratings .rating-box div[class^="rating"] {
    background-repeat: no-repeat;
    background-position: left;
    font-size: 0;
    height: 11px;
}

.image>a {
    display: block;
}


/* .image{
	margin-bottom: 10px;
} */

.image>a,
.image {
    position: relative;
}

.img-r {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.product-layout .product-caption {
    position: relative;
}

.product-layout:hover .img-r+img {
    opacity: 0;
}

.product-layout:hover .img-r {
    opacity: 1;
    z-index: 0;
}

.price-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0;
    min-height: 40px;
}

#product-product .price-container,
.product-layout.product-list .price-container {
    justify-content: start;
}

.price span {
    display: block;
}

.price {
    color: var(--secondary-color);
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 17px;
    text-align: left;
}

.product-thumb span.price-tax {
    font-size: 10px;
    display: none
}


/*.price-tax{
	display: none !important;
}*/


/* .price-new{
} */

.price-old {
    color: #999999;
    text-decoration: line-through;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
}


/* product grid */

.product-customize .product-thumb .ratings .rating-box div[class^="rating"],
.product-grid .product-thumb .ratings .rating-box div[class^="rating"] {
    background-position: left;
}

.product-customize .product-thumb .product-intro .actions-link2,
.product-grid .product-thumb .product-intro .actions-link2 {
    float: left;
    margin-top: 3px;
}

.product-customize .product-thumb .product-intro .ratings,
.product-grid .product-thumb .product-intro .ratings {
    float: right;
    margin: 0;
}


/*.product-customize:hover .product-thumb .price-container,
.product-grid:hover .product-thumb .price-container{
	opacity: 0;
}
.product-customize .product-thumb .product-intro,
.product-grid .product-thumb .product-intro{
	position: absolute;
	opacity: 0;
	width: calc(100% - 20px);
}*/

.product-customize:hover .product-thumb .product-intro,
.product-grid:hover .product-thumb .product-intro {
    background: #fff;
    z-index: 1;
    opacity: 1;
    bottom: 10px
}


/*.product-customize .product-thumb .product-intro,
.product-grid .product-thumb .product-intro{
	padding: 10px 10px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0px;
	right: 0px;
	z-index: -1;
	opacity: 0;
}*/

.product-customize .product-thumb .product-inner,
.product-grid .product-thumb .product-inner {
    position: relative;
    padding: 10px;
    min-height: 105px;
    text-align: center;
}


/* porudcut list */

.list-style:last-child {
    border: none;
    margin: 10px 0 0 !important;
}

.list-style {
    /* border-bottom: 1px solid rgba(0,0,0,.1); */
    margin: 10px 0 !important;
    padding: 0 !important;
    width: 100%;
    float: left
}

.list-style .ratings .rating-box div[class^="rating"] {
    background-position: left;
}

.list-style .actions-link {
    display: none;
}

.list-style .action-links {
    display: none;
}

.list-style .product-thumb {
    border: none !important;
    box-shadow: none !important;
}

.list-style .product-inner {
    width: 65%;
    float: left;
    padding: 0px 0 0 20px;
}

.list-style .product-name::before {
    left: 0;
    margin-left: 0;
}

.list-style .product-name a {
    line-height: 20px;
}

.list-style .product-name {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
}

.list-style .image {
    width: 35%;
    float: left;
    padding: 0;
}

.product-list .ratings {
    margin: 15px 0 10px;
}

.product-list .ratings .rating-box div[class^="rating"] {
    margin: 0;
}

.product-list .ratings .text-rating {
    vertical-align: bottom;
    display: inline-block;
    font-size: 14px;
}

.product-list .rating-box div[class^="rating"] {
    background-position: left center;
}

.product-list .product-name::before {
    left: 0;
    margin-left: 0;
}

.list-style .price {
    margin: 0;
    font-size: 18px;
}

.list-style.product-layout:hover img {
    opacity: 1;
}

.product-layout:hover img {
    opacity: 1;
}

.list-style.product-layout:hover .img-r {
    opacity: 1;
}

.list-style .actions-link2 .btn-cart,
.product-customize .actions-link2 .btn-wishlist,
.product-customize .actions-link2 .btn-compare {
    display: none;
}


/* module product */

.tt-product {
    clear: both;
}

.tt_tabsproduct_module .module-title {
    float: left;
    width: 100%;
}

.tt_tabsproduct_module .module-title .tab-heading {
    float: right;
    margin-right: 85px;
}

.tt_tabsproduct_module .module-title h2 {
    float: left;
}

.tab-heading li a {
    background: none !important;
    border-radius: 0;
    padding: 0;
    margin: 0;
    color: #363636;
    font-size: 15px;
    font-weight: 400;
}

.tab-heading li.active a:hover,
.tab-heading li.active a:focus,
.tab-heading li:hover a,
.tab-heading li.active a {
    color: var(--secondary-color);
}

.tab-heading li {
    list-style: none;
    cursor: pointer;
    float: none;
    margin: 0 !important;
    padding: 7px 12px;
    display: inline-block;
}

.tab-products .tab-heading li.active a:hover,
.tab-products .tab-heading li.active a:focus,
.tab-products .tab-heading li:hover a,
.tab-products .tab-heading li.active a {
    color: #363f4d;
}

.tab-products .tab-heading li a {
    color: #c3c3c3;
    font-weight: 600;
    text-transform: uppercase;
}

.tab-products .tab-heading li:not(:last-child) {
    border-right: 1px solid #ebebeb;
}

.tab-products .tab-heading {
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0;
}

.tab-products .tab-heading li {
    border: none;
    padding: 0 30px;
    display: inline-block;
}

.module-image:hover img {
    opacity: .8
}

.module-image {
    text-align: center;
}

.tt_tabsproduct_module {
    margin-bottom: 35px;
}

.tt_product_module {
    margin-bottom: 30px;
}

.mostviewed-products {
    margin-bottom: 55px;
}

.bestseller-products .tt-product {
    margin: 0 auto;
}

.related-products {
    /*background: #eeeeee;*/
    padding: 1px 0 55px;
}

.bestseller-products {
    /*background: #eeeeee;*/
    padding: 1px 0 55px;
    margin-top: 45px;
}

.new-products {
    margin-bottom: 50px;
}

.tt_tabsproduct_module .module-title>button {
    float: right;
    margin-right: 87px;
    line-height: 1;
    display: block;
    height: 33px;
    width: 33px;
    padding: 0;
    margin-top: 1px;
    border: none;
}


/* responsive */

@media(min-width: 1025px) {
    .tt_tabsproduct_module .module-title>button {
        display: none;
    }
}

@media(max-width: 1024px) {
    .tt_tabsproduct_module .module-title>.tab-heading {
        display: none;
    }
    .tt_tabsproduct_module .module-title .tab-heading {
        position: absolute;
        background: #fff;
        z-index: 1;
        right: 60px;
        top: 0;
        box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    }
    .tab-heading li {
        display: block;
    }
}

@media(max-width: 768px) {
    .bestseller-products .tt-product {
        padding: 0 15px;
    }
}

@media(min-width: 768px) {
    .bestseller-products .tt-product {
        max-width: 750px;
    }
}

@media(min-width: 992px) {
    .bestseller-products .tt-product {
        max-width: 970px;
    }
}

@media(min-width: 1200px) {
    .bestseller-products .tt-product {
        max-width: 1170px;
    }
}


/* @media(max-width: 480px){
	.tt_tabsproduct_module .module-title > button{
		margin-right: 0;
	}
	.tt_tabsproduct_module .module-title .tab-heading{
		right: 0;
		margin-right: 50px;
	}
} */

.product-prices li.price-container {
    flex-wrap: wrap;
}

.product-prices li.price-container .l_sale {
    line-height: inherit;
    /* order: 1; */
}

.product-prices li.price-container .price {
    font-size: 30px;
    line-height: inherit;
}

.product-prices li.price-container .price-old {
    line-height: normal;
    font-size: 16px;
}

.product-prices li.price-container ul.discounts {
    order: 3;
    margin-left: auto;
}


/* ----------------------- General Style ------------------------- */

body {
    font-family: 'Open+Sans', sans-serif;
    font-weight: 300;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    width: 100%;
}

*:focus {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--secondary-color);
    line-height: 1;
    text-transform: capitalize;
    font-weight: 500;
}


/* Override the bootstrap defaults */

@media (min-width:1400px) {
    .container {
        width: 1350px
    }
}

a {
    color: var(--secondary-color);
    cursor: pointer;
}

a:focus,
a:active,
a:hover,
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    text-decoration: none;
    color: var(--secondary-color);
}

img {
    max-width: 100%;
    height: auto;
    transition: all ease-in-out 0s;
}


/* Fix some bootstrap issues */

span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
    display: inline;
}

.flip {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
}

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

div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}


/* tooltip */

.tooltip.top .tooltip-arrow {
    border-top-color: var(--secondary-color);
}

.tooltip.top-left .tooltip-arrow {
    border-top-color: var(--secondary-color);
}

.tooltip.top-right .tooltip-arrow {
    border-top-color: var(--secondary-color);
}

.tooltip.right .tooltip-arrow {
    border-right-color: var(--secondary-color);
}

.tooltip.left .tooltip-arrow {
    border-left-color: var(--secondary-color);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--secondary-color);
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: var(--secondary-color);
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: var(--secondary-color);
}

.tooltip-inner {
    background: var(--secondary-color);
}

.alert {
    text-align: center;
    font-size: 13px;
    margin: 5px 0;
    border-radius: 0;
    border: none;
    padding-bottom: 10px;
    padding-top: 10px;
}


/*header {
    position: relative;
    z-index: 2;
}

.breadcrumbs+.container {
    position: relative;
    z-index: 1;
}*/


/* transition */

.banner-1 .col-img img,
#button-guest,
#button-search,
#button-review,
#button-account,
#button-login,
#button-confirm,
#button-payment-method,
#button-shipping-method,
#button-quote,
#button-coupon,
#button-register,
.form-horizontal input.btn,
a.btn,
input[type='submit'],
.button {
    -webkit-transition: ease-in-out all .3s;
    -moz-transition: ease-in-out all .3s;
    transition: ease-in-out all .3s;
}

#button-guest:hover,
#button-search:hover,
#button-review:hover,
#button-account:hover,
#button-login:hover,
#button-confirm:hover,
#button-payment-method:hover,
#button-register:hover,
#button-shipping-method:hover,
#button-quote:hover,
#button-coupon:hover,
.form-horizontal input.btn:hover,
input[type='submit']:hover,
.button:hover {
    color: #fff !important;
    background-color: var(--secondary-color) !important;
}


/*#button-guest,
#button-search,
#button-review,
#button-account,
#button-login,
#button-confirm,
#button-payment-method,
#button-shipping-method,
#button-quote,
#button-coupon,
#button-register,
.form-horizontal input.btn,
input[type='submit'],
.button {
    border: none;
    background: var(--primary-color) !important;
    padding: 0px 40px;
    text-transform: uppercase;
    font-size: 12px;
    color: #151515 !important;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 500;
}

#button-voucher,
#button-coupon {
    line-height: 34px;
    height: 34px;
    margin-left: 10px;
    !* border-radius: 3px; *!
}*/

#button-search+h2 {
    display: none;
}

#button-search {
    margin: 15px 0;
}

.modal-backdrop.in {
    opacity: .8;
    z-index: 30009;
}

#modal-agree,
.modal {
    z-index: 30010;
}


/* header */

.top-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    /*background: #f1f0f4;*/
}

.top-header .top-links li .btn-link i {
    margin-left: 7px;
    color: #999999;
    font-size: 10px;
}

.top-header .top-links>li>a {
    vertical-align: middle;
}

.top-header .top-links>li>a,
.top-header .top-links>li .btn-link {
    color: var(--secondary-color);
    text-transform: capitalize;
    padding: 0;
    border: none;
    font-size: 13px;
    text-decoration: none !important;
    line-height: 12px;
    font-weight: 600;
}

.top-header .top-links>li>a:hover,
.top-header .top-links>li .btn-link:hover {
    color: var(--primary-color);
}

.top-header .top-links>li {
    display: inline-block;
    line-height: 1;
    padding: 11px 0;
}

.top-header i {
    color: var(--secondary-color);
    font-size: 17px;
    line-height: 12px;
    vertical-align: middle;
}

.top-header .top-links li:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, .1);
    padding-right: 10px;
}

.top-header .top-links li:not(:first-child) {
    padding-left: 10px;
}

.top-header .top-links {
    padding: 0;
    margin: 0;
}

.top-header .top-links li .dropdown-menu {
    right: -10px;
    left: auto;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    top: 22px;
    border: none;
    border-radius: 0;
    padding: 10px 25px;
}

.top-header .top-links li .dropdown-menu li:hover .btn-link,
.top-header .top-links li .dropdown-menu li:hover a {
    text-decoration: none;
    color: var(--secondary-color)
}

.top-header .top-links li .dropdown-menu li a,
.top-header .top-links li .dropdown-menu li .btn-link {
    text-align: left;
    color: #404040;
    font-size: 12px;
    text-transform: capitalize;
}

.top-header .top-links li .dropdown-menu li:last-child {
    border: none;
}

.top-header .top-links li .dropdown-menu li {
    padding: 13px 0;
    display: block;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}


/*.middle-header{
	border-bottom: 1px solid #ebebeb;
}*/

.headerRow {
    display: flex;
    align-items: center;
    padding: 15px 0;
}

.middle-header .block-right {
    display: flex;
    align-items: center;
    justify-content: end;
}

.middle-header .block-right #cart:hover button {
    color: var(--secondary-color);
}


/* .middle-header .block-right > *:first-child{
	margin-right: 0;
} */

#wishlist-total {
    width: 26%;
}


/*.middle-header .block-right i + span{
	width: calc( 100% - 34px );
	height: 34px;
	display: inline-block;
	vertical-align: -5px;
	padding-left: 7px;
	color: #363636;
	font-size: 13px;
	line-height: 16px;
}*/

.middle-header .block-right i {
    font-size: 30px;
    color: var(--secondary-color);
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.middle-header .block-right span#cart-total {
    background: var(--secondary-color);
    /* padding: 5px; */
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    left: 15px;
    top: -8px;
    font-size: 12px;
}

.middle-header .block-right .accountDropdown .btn>i,
.middle-header .block-right .accountDropdown>i {
    font-size: 25px;
    margin-right: 0
}

.container-fix {
    clear: both;
    /*border-bottom: 1px solid #ebebeb;*/
}

.main-menu {
    position: relative;
}


/*.logo-container{
	padding: 15px;
}*/


/* search */


/*.search-containers{
	margin: 25px 0 25px -30px;
}*/


/* title */

.module-title h2 {
    color: var(--secondary-color);
    text-transform: capitalize;
    font-size: 34px;
    font-weight: 700;
    margin: 0;
    line-height: 1;
}

.module-title {
    margin: 0 0 23px 0;
    position: relative;
    /* max-height: 50px; */
}

.title1 .module-title {
    text-align: center;
    position: relative;
}

.title1 .module-title:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #ebebeb;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 0;
}

.title1 .module-title h2 {
    font-size: 18px;
    color: var(--secondary-color);
    display: inline-block;
    background: #fff;
    padding: 10px 20px;
    position: relative;
    border: 1px solid #ebebeb;
    min-width: 250px;
}

.title2 .owl-nav>.owl-prev {
    right: 48px;
}

.title2 .owl-nav>.owl-next {
    right: 10px;
}

.title2 .owl-theme .owl-nav [class*="owl-"] {
    top: -41px;
}

.title2 .module-title {
    padding: 13px 0 13px 20px;
    background: var(--secondary-color);
    border-radius: 3px;
    margin: 0;
}

.title2 .module-title h2 {
    font-size: 21px;
    color: #fff;
    position: relative;
    text-transform: capitalize;
    margin: 0;
    display: inline-block;
    font-weight: 700;
}

.title3 .module-title {
    margin: 30px 0 10px;
}

.title3 .module-title h2 {
    text-align: center;
    font-size: 24px;
    color: var(--secondary-color);
    font-weight: 700;
    margin: 0;
}

.title4 .module-title {
    margin: 0 0 5px 0;
}

.title4 .module-title::before {
    content: "";
    position: absolute;
    height: 2px;
    background: var(--secondary-color);
    top: 9px;
    right: 0;
    left: 0;
    z-index: -1
}

.altKategoriler ul {
    padding-left: 0;
}

.title4 .module-title h2 {
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    background: #fff;
    padding-right: 20px;
}

.title5 .module-title {
    background: #f1f0f4;
    padding: 12px 20px;
    border-radius: 4px;
    margin-bottom: 5px;
}

.title5 .module-title h2 {
    font-size: 17px;
    font-weight: 600;
}


/* newsletter popup */

.b-close {
    display: block;
}

.b-modal {
    z-index: 100000 !important;
}

.newletter-popup {
    z-index: 100000 !important;
    background: #fff;
    top: 50% !important;
    left: 50% !important;
    position: fixed !important;
    padding: 50px;
    text-align: center;
    display: none;
    width: 60%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#boxes .newletter-title h2 {
    font-size: 36px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    letter-spacing: .1em;
    margin: 0 0 20px;
}

#boxes .box-content label {
    font-weight: 400;
}

#boxes #frm_subscribe .required {
    color: #f00;
    padding-right: 5px;
}

#boxes #frm_subscribe a {
    cursor: pointer;
}

#boxes #frm_subscribe #subscribe_pemail {
    background: #EBEBEB none repeat scroll 0% 0%;
    border: medium none;
    height: 40px;
    width: 50%;
    margin: 20px 0;
    padding: 0 15px;
}

#boxes .box-content .subscribe-bottom {
    margin-top: 20px;
}

#boxes .box-content .subscribe-bottom label {
    margin: 0;
}

#boxes .box-content .subscribe-bottom #newsletter_popup_dont_show_again {
    display: inline-block;
    margin: 0;
}

#boxes #frm_subscribe #notification {
    color: #f00;
}

#boxes #frm_subscribe #notification .success {
    color: #67D7BB;
}

#popup2 {
    position: absolute;
    right: 0;
    top: -25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #222;
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
}


/* newsllter */


/* body:not(.common-home) .newletter-subscribe-container{
} */

.newletter-subscribe-container .container {
    width: 100%;
    /* padding: 0; */
    text-align: center;
}

.newletter-subscribe-container {
    clear: both;
}

#dialog-normal .newsletter-des {
    font-size: 13px;
    color: #000;
    line-height: 20px;
}

#dialog-normal .newletter-title {
    font-size: 28px;
    color: var(--secondary-color);
    margin: 0px;
    margin-bottom: 15px;
    font-weight: 700;
}

#dialog-normal .newleter-content label {
    font-size: 12px;
    color: #999999;
}

#dialog-normal .newletter-title label {
    color: #bebebe;
    margin: 0;
}

.option-container label {
    color: var(--secondary-color);
}

.custom-radio {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 5px;
}

.imgRadio .custom-radio {
    max-width: 175px;
    margin-right: 5px;
    margin-bottom: 5px;
}

@media(max-width:767px) {
    .imgRadio .custom-radio {
        max-width: 145px;
    }
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 16px;
    height: 20px;
    opacity: 0;
}

.imgRadio .custom-control-input {
    left: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
    margin: 0;
}

.custom-control-label {
    position: relative;
    vertical-align: top;
    color: #000!important;
    font-weight: 400;
    min-height: 24px;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    border-radius: 50px;
    background: #ebebeb;
    padding: 4px 10px 4px 30px;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer
}

.imgRadio .custom-control-label {
    border-radius: 5px;
    padding: 4px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-align: center;
}

.custom-control-label::before {
    position: absolute;
    top: 6px;
    left: 4px;
    display: block;
    width: 16px;
    height: 16px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: 1px solid #adb5bd;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 50%;
}

.imgRadio .custom-control-label::before {
    top: 10px;
    left: 10px;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    background-color: #efefef;
    border: 1px solid #efefef;
}

.custom-control-label::after {
    position: absolute;
    top: 6px;
    left: 4px;
    display: block;
    width: 16px;
    height: 16px;
    content: "";
    background: 50%/50% 50% no-repeat;
}

.imgRadio .custom-control-label::after {
    top: 12px;
    left: 10px;
    width: 25px;
    height: 25px;
    content: "\f00c";
    font-family: 'FontAwesome';
    opacity: 0;
    color: white;
    font-size: 20px;
    background: none;
}

.custom-radio.selected .custom-control-label {
    background-color: var(--primary-color);
}

.custom-control-input:checked~.custom-control-label {
    color: #fff!important;
}

.custom-control-input:checked~.custom-control-label::before {
    color: var(--primary-color);
    border-color: #fff;
    background-color: #fff;
}

.imgRadio .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2309f'/%3e%3c/svg%3e");
}

.imgRadio .custom-control-input:checked~.custom-control-label::after {
    background: none;
    opacity: 1;
}

.imgRadio.circleOption .custom-control-label {
    border-radius: 100%;
    padding: 1px;
    background: none;
    border: 2px solid #fff;
    overflow: hidden;
}

.imgRadio.circleOption .custom-control-label img {
    padding: 0;
    border: medium none;
    max-width: 45px;
}

.imgRadio.circleOption .custom-control-label::before,
.imgRadio.circleOption .custom-control-label::after {
    display: none;
}

.imgRadio.circleOption:hover .custom-control-label,
.imgRadio.circleOption.selected .custom-control-label {
    border-color: var(--primary-color)
}
.bg-main{
    background-color: var(--primary-color);
}

.bg-white{
    background-color: var(--primary-color);
}
.circleButton {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid #efefef;
    background: #efefef;
    line-height: 20px;
    display: block;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #777;
    transition: all 0.3s linear 0s;
}

.circleButton+.circleButton {
    top: 38px;
}

.circleButton:hover,
.circleButton:focus {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff
}

.circleButton i {
    font-size: 12px;
}

.modal-title {
    font-weight: 500;
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #666;
    border-color: #666;
}


/* #dialog-normal .newletter-title{

} */

#dialog-normal .newleter-content {
    max-width: 570px;
    margin: 0 auto;
}

#subscribe_email {
    background: #fff;
    border: none;
    /* border-bottom: 1px solid #ebebeb; */
    border-radius: 5px;
    padding: 0 140px 0 20px;
    overflow: hidden;
    color: #757575;
    width: 100%;
    text-transform: capitalize;
    font-size: 13px;
    border: 1px solid var(--secondary-color);
    line-height: 49px;
}

#frm_subscribe-normal #subscribe {
    position: relative;
    margin: 15px 0 0;
}

#subscribe_email::-webkit-input-placeholder {
    color: #757575;
}

#subscribe_email::-moz-placeholder {
    color: #757575;
}

#subscribe_email:-ms-input-placeholder {
    color: #757575;
}

#subscribe_email:-moz-placeholder {
    color: #757575;
}

#subscribe .btn {
    background: var(--secondary-color) !important;
    color: #fff !important;
    height: 50px;
    line-height: 50px;
    padding: 0 35px;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 5px 5px 0;
}

#subscribe .btn:hover {
    background: var(--secondary-color) !important;
    color: #fff !important;
}

#notification-normal {
    clear: both;
    text-align: left;
}

#notification-normal div {
    color: var(--secondary-color);
    padding: 10px 0;
}

#notification-normal div.warning {
    color: #f00;
}


/* blog */

#blog_home .aritcles-content {
    padding: 25px 0 0;
}

#blog_home .articles-name+p {
    color: #abaaaa;
    font-size: 13px;
    text-transform: capitalize;
    margin: 10px 0;
}

#blog_home .articles-name:hover {
    color: var(--secondary-color);
}

#blog_home .articles-name {
    color: #363f4d;
    font-size: 16px;
}

#blog_home .readmore {
    margin-bottom: 30px;
}

#blog_home .articles-intro {
    color: #7a7a7a;
    line-height: 24px;
    font-size: 14px;
    margin: 0 0 25px 0;
}

#blog_home .articles-container {
    padding: 15px 0 0 15px;
    border: 1px solid #ebebeb;
    border-top: none;
}

#blog_home .row_items {
    text-align: center;
    padding: 0 15px 0 0;
}

.view_all {
    color: #7a7a7a;
    font-size: 13px;
    text-align: right;
    /* float: right; */
    margin: 0;
    display: inline-block;
    padding-right: 15px;
}

.cart-container {
    width: 12.5%;
    padding: 35px 0;
}

#cart {
    width: auto;
    margin-right: 30px;
}

#cart-total .total-price {
    display: none;
}

#cart-total .txt_items {
    display: block;
}

#cart-total .txt_number {
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    background: var(--secondary-color);
    border-radius: 10px;
    min-width: 30px;
    text-align: center;
    display: block;
    margin-top: 3px;
}

#cart-total {
    display: inline-block;
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
    border-left: medium none;
    border-right: medium none;
}


/* #cart-total .total-price{
	font-weight: 500;
	color: var(--secondary-color);
	font-size: 14px;
	text-transform: capitalize;
	display: block;
} */

#cart>button,
.accountDropdown>button {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    display: block;
    float: none;
    font-weight: 600;
    font-size: 14px;
    color: var(--secondary-color)
}

.accountDropdown>a {
    font-weight: 500;
    font-size: 14px;
}

#cart .dropdown-menu .text-empty {
    margin: 0;
    padding: 10px 0;
}


/* #cart .dropdown-menu::before{
	 content: "";
	 width: 0;
	 height: 0;
	 border-style: solid;
	 border-width: 0 7px 9px 7px;
	 border-color: transparent transparent #fff transparent;
	 top: -9px;
	 right: 35px;
	 position: absolute;
} */

#cart .dropdown-menu {
    border: none;
    border-radius: 0px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    min-width: 290px;
    margin: 15px 0 0 0;
    padding: 10px;
    top: 100%;
}

#cart-total .item-cart {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    background: var(--secondary-color);
    border: 2px solid #fff;
    color: #fff;
    top: -8px;
    left: 32px;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400 !important;
}

#cart .dropdown-menu {
    padding: 0px 20px 0 20px;
}

#cart .cart-empty {
    padding: 20px 0;
}

#cart .dropdown-menu p {
    margin: 0;
}

#cart .dropdown-menu>li:first-child .table>tbody>tr>td {
    padding: 20px 0;
}

#cart .table>tbody>tr>td {
    border: none;
    padding: 0;
}

#cart .cart-close button {
    background: none;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
}

#cart .cart-close i {
    font-size: 0;
    color: var(--secondary-color);
    height: 15px;
    width: 15px;
    float: left;
    background: url('../image/bg-btn-close-item-cart.jpg') no-repeat center;
}

#cart .cart-quantity {
    color: #737373;
    margin: 8px 0 !important;
    font-size: 12px;
}

#cart .info-item a:hover {
    color: var(--secondary-color);
}

#cart .info-item a {
    color: var(--secondary-color);
    text-transform: capitalize;
    font-size: 13px;
    line-height: 14px;
}

#cart .cart-price {
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-color);
}

#cart .cart-button {
    /* margin: 0 -20px !important; */
    padding: 25px 0px 10px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
}

#cart p.cart-button a:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

#cart p.cart-button a {
    background: var(--secondary-color);
    color: #fff;
    line-height: 1;
    text-align: center;
    padding: 10px 15px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 14px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 3px;
    font-weight: 600;
    width: auto;
}

#cart p.cart-button a:hover {
    background: var(--secondary-color);
}

#cart p.cart-button a:hover i {
    color: #fff;
}

#cart p.cart-button a i {
    font-size: 15px;
    color: #fff;
}

#cart .dropdown-menu .info-item {
    padding-left: 10px !important;
}

#cart .dropdown-menu .has-scroll tr {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

#cart .dropdown-menu .has-scroll {
    max-height: 300px;
    overflow: auto
}

#cart .dropdown-menu tr td strong {
    color: var(--primary-color);
}

#cart .dropdown-menu tr td:first-child {
    color: var(--secondary-color);
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
}

#cart .dropdown-menu tr td:last-child {
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 500;
}

#cart .dropdown-menu table.table {
    margin-bottom: 0;
}

#cart .cart-image {
    width: 50px;
}

.unvisible {
    display: none;
}

.fix-header .ul-top-items li {
    display: inline-block !important;
    float: none !important;
    background: none !important;
}

.fix-header .vertical-menu .ul-top-items li {
    display: block !important;
}

.fix-header .vertical-menu .ul-top-items {
    text-align: left;
}


/* .fix-header .ul-top-items{
	text-align: center;
} */

.fix-header {
    top: 0;
    position: fixed !important;
    background: rgba(255, 255, 255, 1) !important;
    width: 100%;
    left: 0;
    z-index: 100000;
    margin: 0;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

.fix-header-act {
    background: rgba(255, 255, 255, 1) !important;
    z-index: 10001;
}


/* cms block */

.col-img {
    text-align: center;
}

.banner-sidebar:hover img {
    opacity: .8
}

.banner-sidebar {
    margin-bottom: 30px;
    text-align: center
}

.logo-f {
    margin-bottom: 15px;
}

.contact-info li i {
    margin-right: 5px;
    font-size: 18px;
    color: var(--secondary-color);
    vertical-align: middle;
}

.contact-info li {
    font-size: 13px;
    line-height: 20px;
    padding: 5px 0;
}

.social-footer li a:hover i {
    color: var(--secondary-color) !important;
}

.social-footer li a {
    text-align: center;
    padding: 0 13px;
}

.social-footer li a i {
    color: var(--secondary-color);
    line-height: 1;
    font-size: 28px;
    vertical-align: middle;
}

.social-footer ul {
    margin: 0;
    padding: 0;
}

.social-footer {
    text-align: center;
    padding: 45px 0 25px;
}

.social-footer li {
    display: inline-block;
    margin-bottom: 5px;
}

.static-policy {
    /*border-top: 1px solid rgba(0,0,0,.1);
	border-bottom: 1px solid rgba(0,0,0,.1);*/
    padding-bottom: 30px;
}

.static-policy .col:last-child {
    /*border-right: 1px solid rgba(0,0,0,.1);*/
}

.static-policy .row {
    margin: 0;
}

.static-policy .col {
    padding: 33px 20px 25px;
    min-height: 230px;
    /*border-left: 1px solid rgba(0,0,0,.1);*/
    text-align: center;
    width: 20%;
}

.static-policy .col-img {
    width: 110px;
    height: 110px;
    background: #f1f1f1;
    text-align: center;
    display: inline-block;
    border-radius: 100%;
    line-height: 100px;
}

.static-policy .text-content {
    padding-top: 20px;
}

.static-policy .text-content p {
    font-size: 12px;
    color: #306489;
    text-transform: capitalize;
    margin: 0;
}

.static-policy .text-content h2 {
    font-size: 16px;
    color: var(--secondary-color);
    text-transform: capitalize;
    font-weight: 500;
    margin: 0 0 10px 0;
}


/* .static-policy .col-img{
	 float: left;
	 margin-right: 5px;
} */

.static-policy .col-img i {
    font-size: 55px;
    color: var(--secondary-color);
    /* border: 2px solid #ebebeb; */
    /* border-radius: 100%; */
    line-height: 110px;
    display: inline-block;
    /* width: 50px; */
    /* height: 50px; */
}

.cmsblock img:hover {
    opacity: .8;
}

.banner-1 .close:hover {
    color: #fff;
}

.banner-1 .close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    opacity: 1;
}

.banner-1 .alert {
    padding: 0;
    margin: 0;
    position: relative;
}

.banner-2 {
    margin-bottom: 30px;
}

.banner-3 {
    margin: 60px 0 45px;
}

.banner-3 .col-img+.col-img {
    margin-top: 10px;
}

body:not(.common-home) .banner-4 {
    margin-top: 60px;
}

.banner-4 .row,
.banner-3 .row {
    margin: 0 -5px;
}

.banner-4 .row>div:last-child {
    margin-bottom: 60px;
}

.banner-4 .row>div {
    padding: 0 5px;
    margin-bottom: 30px;
}

.banner-3 .row>div {
    padding: 0 5px;
    width: 20%;
    margin-bottom: 10px;
}

.banner-3 .row>div.col-sm-4 {
    width: 40%;
}

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


/* owl carousel */

.owl-theme .owl-nav {
    margin: 0;
}


/* .owl-item.active:not(.lastActiveItem) .row_items{
	border-right: 1px solid #ebebeb;
} */

.owl-theme .owl-dots {
    position: absolute;
    bottom: -20px;
    /* width: 12px; */
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

.owl-theme .owl-dots {
    text-align: center;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    line-height: 1;
}

.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot.active span {
    background: var(--secondary-color);
    /* border-color: var(--secondary-color);	 */
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 29px;
    border-radius: 10px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    background: #a9a9a9;
    border-radius: 100%;
    display: inline-block;
    margin: 0 2px;
    /* border: 2px solid #909090; */
}


/* .owl-carousel:hover .owl-nav [class*="owl-"]{
	opacity: 1;
} */

.owl-theme .owl-nav [class*="owl-"] {
    position: absolute;
    top: -55px;
    margin: 0;
    background: #fff !important;
    width: 33px;
    height: 33px;
    text-align: center;
    color: #999999;
    /* opacity: 0; */
    border-radius: 3px;
    padding: 0;
    border: 1px solid #cbcbcb;
}

.owl-nav>.owl-next {
    right: 0px;
}

.owl-nav>.owl-prev {
    right: 38px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.owl-style2 .owl-theme .owl-nav [class*="owl-"] {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    background: none !important
}

.owl-style2 .owl-theme .owl-nav [class*="owl-"] {
    border: none;
    color: #b2b2b2
}

.owl-style2 .owl-theme .owl-nav [class*="owl-"]:hover {
    color: var(--secondary-color);
}

.owl-style2 .owl-nav>.owl-next {
    right: -40px;
}

.owl-style2 .owl-nav>.owl-prev {
    left: -40px;
}

.owl-style2 .owl-theme .owl-nav [class*="owl-"] i {
    font-size: 14px;
    line-height: 40px;
}

.owl-nav [class*="owl-"] i {
    font-size: 14px;
    line-height: 31px;
}


/* banner-ourbrands */

.banner-ourbrands .item img {
    display: inline-block;
}

.banner-ourbrands {
    padding: 50px 0;
}

.banner-ourbrands .owl-carousel .owl-item:not(:hover) img {
    opacity: .3;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.banner-ourbrands .owl-carousel .owl-item {
    padding: 0;
}

.banner-ourbrands .module-title {
    display: none;
}

.banner-ourbrands .owl-item.active {
    position: relative;
}


/* breadcrumbs */

.breadcrumb {
    padding: 8px 10px;
    margin: 10px 0 25px 0;
    background: #f1f1f1;
    display: block;
    /* border-bottom: 1px dashed #ededed; */
    border-radius: 5px;
}

.breadcrumb a:hover,
.breadcrumb li:last-child a {
    color: var(--secondary-color);
}

.breadcrumb>li+li::before,
.breadcrumb a {
    color: var(--secondary-color);
    text-transform: capitalize;
    font-size: 13px;
}

.breadcrumb>li+li::before {
    content: "\00bb";
    padding: 0 12px;
}

.common-home .breadcrumbs {
    display: none;
}

.breadcrumbs {
    clear: both;
    background: #fff;
}


/* product detail */

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

.block-1 .thumbnail {
    padding: 0;
    border-radius: 0;
    border: none !important;
    margin: 0;
}

.image-additional-container .thumbnail {
    opacity: .2
}

.image-additional-container {
    padding: 0 85px;
}

.image-additional-container .current-additional.thumbnail,
.image-additional-container .thumbnail:hover {
    /* border-color: #ebebeb; */
    /* border-radius: 3px; */
    opacity: 1;
}


/* .image-additional-container .thumbnail{
	border: 2px solid transparent;
} */

.image-additional-container .owl-item {
    padding: 0;
}

.block-2 .product-name {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--secondary-color);
    text-transform: capitalize;
    line-height: 1;
}

.block-2 .product-name+p {
    margin: 10px 0 0;
}

.block-2 .product-name+p a {
    text-transform: capitalize;
}

.block-2 .ratings .rating-box {
    display: inline-block;
    /* margin-right: 10px; */
}

.block-2 .ratings .rating-box div[class^="rating"] {
    background-position: left;
    width: 66px;
}


/*.block-2 .ratings span,
.block-2 .ratings a{
	font-size: 11px;
	color: #a5a5a5;
	vertical-align: bottom;
}*/


/*.block-2 .ratings a{
	margin: 0 10px
}*/

.block-2 .ratings {
    margin: 10px 0;
    display: flex;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
    align-items: center;
    justify-content: space-between;
}

.block-2 .list-unstyled hr {
    color: #ebebeb;
}

.block-2 .product-infos {
    color: var(--secondary-color);
    clear: both;
    /* line-height: 36px; */
    font-size: 13px;
    text-transform: capitalize;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
}

.block-2 .product-prices {
    clear: both;
    border-bottom: 1px solid #ebebeb;
}

.block-2 .price-product .new-price {
    margin-right: 10px;
}

.block-2 .price-product .old-price {
    font-size: 18px;
    color: #a4a4a4;
    text-decoration: line-through;
}

.block-2 .price-product .price-old {
    margin-left: 10px;
    font-size: 16px;
}

.block-2 .price-product {
    font-size: 28px;
    color: var(--secondary-color);
    margin-bottom: 25px;
    font-weight: 600;
}

.block-2 .ex-text {
    color: var(--secondary-color);
    margin-left: 5px;
    font-weight: 400;
}

.block-2 .short-des {
    margin: 25px 0 30px;
    color: #666666;
    line-height: 26px;
    font-size: 16px;
}

#input-quantity2:not(.cp),
#minus2:not(.cp),
#plus2:not(.cp),
#input-quantity:not(.cp),
#minus:not(.cp),
#plus:not(.cp) {
    display: inline-block;
    height: 35px;
    border: none;
    box-shadow: none;
    text-align: center;
    width: 35px;
    /* font-size: 20px; */
    border-radius: 0px;
    /* border: none; */
    background: none;
    padding: 0;
    color: #666666;
    font-size: 16px;
    font-weight: 600;
}

#input-quantity2:not(.cp),
#input-quantity:not(.cp) {
    width: 30px;
}

label[for='input-quantity']:not(.cp) {
    float: left;
    line-height: 35px;
    margin-right: 30px;
    color: #2c2c2c;
    font-weight: 400;
}


/* #button-cart2 i,
#button-cart i{
	font-size: 24px;
	display: none;
} */


/*#button-cart2,
#button-cart{
	margin: 30px 20px 30px 0;
	float: left;
	height: 40px;
	padding: 0 45px;
	border-radius: 5px;
	background: var(--secondary-color) !important;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 15px;
	color: #fff !important;
}
#button-cart2:hover,
#button-cart:hover{
	background: var(--secondary-color) !important;
	color: #fff !important;
	border-color: var(--secondary-color);
}*/

.btn-actions {
    float: left;
    margin: 30px 0px 30px 0;
}

.btn-actions button:not(:last-child) {
    margin-right: 20px;
}


/* .btn-actions button.btn-compare i,
.btn-actions button.btn-wishlist i{
	font-size: 18px;
	color: #bec2c7;
} */

.btn-actions button.btn-compare,
.btn-actions button.btn-wishlist {
    max-width: 100px;
    height: 40px;
    display: inline-block;
}


/*.btn-actions button.btn-compare:hover,
.btn-actions button.btn-wishlist:hover {
    background-color: transparent !important;
     border-color: var(--secondary-color);
}*/

.protuct-title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.protuct-title-container .btn-actions {
    float: none;
    margin: 0;
    display: flex;
}

.protuct-title-container .btn-actions button.btn-compare,
.protuct-title-container .btn-actions button.btn-wishlist {
    height: auto;
    width: auto;
    padding: 5px;
    border-radius: 100%;
    /*border: 1px solid;
    color: #fff;*/
    /* background: initial; */
}

.protuct-title-container .btn-actions button.btn-compare i,
.protuct-title-container .btn-actions button.btn-wishlist i {
    color: inherit;
    font-size: 22px;
    float: left;
    width: 22px;
}

.protuct-title-container .btn-actions button:not(:last-child) {
    margin-right: 10px;
}


/* .btn-actions button.btn-compare:hover i,
.btn-actions button.btn-wishlist:hover i{
	color: #fff;
} */

#product2,
#product {
    clear: both;
}


/*.has-option{
	max-height: 300px;
	overflow: auto;
	border: 1px solid #e1e1e1;
	padding: 0 20px;
	margin-top: 20px;
}*/

.option-container+div {
    margin: 30px 0;
}

.quantity-box {
    border-radius: 0px;
    width: 110px;
    border: 1px solid #cbcbcb;
    float: left;
}

.block-3 {
    padding: 0;
}

.block-3 .tab-content {
    padding: 30px 0px;
    /*margin-bottom: 60px;
	border: 1px solid #e5e5e5;*/
    /* border-top:  none; */
}

#tab-review #review i {
    color: #f9ba48;
}

#tab-review #review {
    max-height: 300px;
    overflow: auto;
}


/*.block-3 .tab-content .tab-pane #review,
.block-3 .tab-content .tab-pane:not(#tab-review){
	!*max-height: 300px;*!
	padding: 0 25px;
	line-height: 28px;
     height: auto;
    overflow: auto;
}*/


/*.block-3 .tab-content .tab-pane#tab-review{
	padding: 0 25px;
}*/

.block-3 .nav-tabs {
    margin: 40px 0 0 0;
    border: none;
    /* padding: 15px 0; */
    position: relative;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
}

.block-3 .nav-tabs li:hover a,
.block-3 .nav-tabs li.active a {
    color: var(--secondary-color);
    background: none !important;
    border: none;
    border-bottom: 2px solid var(--secondary-color);
}

.block-3 .nav-tabs li a {
    color: var(--secondary-color);
    /* border-radius: 5px 5px 0 0; */
    margin: 0 20px -1px 0;
    padding: 10px 0;
    /* background: none !important; */
    font-size: 15px;
    font-weight: 500;
    /* text-transform: uppercase; */
    border: medium none;
    background: none;
}


/* .block-3 .nav-tabs li:last-child a{
	border-right: none !important;
} */

.block-3 .nav-tabs li {
    display: inline-block;
    float: none;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 0 !important;
}

.bootstrap-datetimepicker-widget td span:hover {
    background: none !important;
}

.bootstrap-datetimepicker-widget td span {
    height: 40px !important;
    line-height: 40px !important;
    margin: 0px !important;
}

.alert.alert-success {
    text-align: center;
    font-size: 14px;
    margin: 0;
}

.account-login .well {
    background: none;
    box-shadow: none;
}

.information-contact form .required {
    margin-bottom: 20px;
}

.bootstrap-datetimepicker-widget a[data-action] {
    border: none;
    height: auto;
}

.box-timer .countdown-period {
    display: block;
    color: #c8c8c8;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

.box-timer .countdown-section:not(:last-child) {
    margin-right: 3px;
}

.box-timer .countdown-section .countdown-amount {
    color: var(--secondary-color);
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    margin: 10px 0 3px;
    display: block;
}

.box-timer .countdown-section {
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #ebebeb;
    background: #fff;
    height: 50px;
    width: 50px;
    text-align: center;
}


/* .product-layout:hover .box-timer{
	opacity: 1;
} */

.box-timer {
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    text-align: center;
    /* opacity: 0; */
}


/* footer */

#back-top:hover {
    background: var(--secondary-color);
}

#back-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    background: var(--primary-color);
    text-align: center;
    cursor: pointer;
    z-index: 999;
}

#back-top i {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}

footer {
    background: #f1f1f1;
    border-top: 5px solid var(--primary-color);
}

.title-footer {
    color: var(--secondary-color);
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    margin: 0px 0 15px;
}

.col-f ul li a:hover {
    color: var(--primary-color)
}

.col-f ul li a {
    color: #000;
    line-height: 28px;
    font-size: 13px;
}

.top-footer ul {
    margin: 0;
}

.col-f li a {
    color: #000;
    line-height: 24px;
}

.top-footer {
    padding: 55px 0 0;
    /* border-bottom: 1px solid #ebebeb */
}

.bottom-footer {
    padding: 10px 0;
    margin-top: 25px;
}

.bottom-footer .container {
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.copyright-text a {
    color: #000;
}

.copyright-text {
    color: #000;
    font-size: 12px;
    text-transform: capitalize;
}

.payment {
    text-align: right;
}

.payment-img {
    float: right;
}

.category-module {
    margin-bottom: 30px;
}

.category-module h3 {
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    width: 100%;
    padding: 0px;
    margin-bottom: 10px;
    line-height: 24px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ededed;
}

.category-module ul ul {
    padding-left: 20px;
}

.category-module ul {
    margin: 0;
}


/* .category-module li{

} */

.category-module li a.active {
    color: var(--secondary-color)
}


/* .category-module li a{

} */

.category-module li {
    padding: 5px 0;
    display: block;
    text-transform: capitalize;
    color: #7a7a7a;
    font-size: 14px;
}

.related-products {
    clear: both;
}

.related-products .product-des {
    display: none;
}


/*.featured-cat-thumb .owl-theme .owl-nav [class*="owl-"] {
    top: -67px;
    margin-right: -300px;
    border: 1px solid #cbcbcb !important;
}*/

.featured-cat-thumb {
    margin: 0 0 60px;
}

.featured-categories-container .featured-categories-contents {
    padding: 0;
    /*width: 48.68%*/
    position: relative;
}


/*.featured-cat-thumb .module-title {
    margin: 0 0 35px 0;
}*/

.featured-categories-container .row {
    margin: 0;
}

.featured-categories-container .module-image {
    padding: 0;
    width: 25.66%;
    border: 1px solid rgba(0, 0, 0, .1);
    float: left;
}

.featured-categories-container .module-image.module-image2 {
    float: right;
}


/*.owl-featured-categories .fcategory-content:last-child .content-thumb {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}*/

.owl-featured-categories .content-thumb:hover img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.owl-featured-categories .content-thumb {
    /*border-top: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);*/
    text-align: center;
}

.owl-featured-categories .content-thumb .name {
    display: none;
}


/* custom-category */

.products-container .two-items:nth-child(2n+1),
.products-container .three-items:nth-child(3n+1),
.products-container .four-items:nth-child(4n+1),
.products-container .five-items:nth-child(5n+1) {
    clear: both;
}

.custom-category .product-grid .product-des {
    display: none;
}

.toolbar {
    position: relative;
    float: left;
    width: calc(100% - 15px);
    margin-bottom: 25px;
    /* padding: 0 15px; */
}

.toolbar::before {
    content: "";
    /*background: #d9d9d9;*/
    height: 1px;
    left: 15px;
    right: 0;
    bottom: 0;
    position: absolute;
}

.toolbar .btn:hover,
.toolbar .btn.active {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}

.toolbar .btn {
    width: 40px;
    height: 35px;
    color: #959595;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: none;
}

.toolbar .form-group>* {
    /* margin: 5px 0;*/
    height: 35px;
    background: none;
    /*border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;*/
}


/*.toolbar .form-group select {
    border: 1px solid #e5e5e5;
    margin-left: 10px;
    text-align: center;
}*/

.toolbar .form-group {
    margin: 0;
    height: 35px;
    color: #404040;
}

.toolbar .text-right,
.toolbar .pagination {
    margin: 20px 0 0;
    padding-right: 0;
}

.pagination {
    margin: 0;
    display: block;
}

.pagination>li.active>span,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: #FFF !important;
}

.pagination>li>a,
.pagination>li>span {
    border: 1px solid #d9d9d9;
    border-radius: 0px !important;
    background: #fff !important;
    color: #959595 !important;
    /* font-size: 18px; */
    padding: 0 5px;
    margin: 0 3px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
}

.custom-category .products-container {
    margin: 0 -5px;
}

.custom-category .product-layout {
    padding: 0 5px;
}

.custom-category .product-list .price {
    min-height: auto;
    margin-bottom: 15px;
}

.custom-category .product-list .btn-compare,
.custom-category .product-list .btn-wishlist {
    max-width: 100px;
    height: 40px;
    display: inline-block;
}

.custom-category .product-list .action-link2 button {
    float: left;
}

.custom-category .product-list .action-link2 button:not(:last-child) {
    margin-right: 15px;
}

.custom-category .product-list .btn-cart {
    display: inline-block;
    width: auto;
    padding: 0 45px;
}

.custom-category .product-list .product-name {
    margin-bottom: 10px;
}

.custom-category .product-list .product-name a {
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 600;
}

.custom-category .product-list .product-thumb .product-inner {
    padding-left: 40px;
}

.custom-category .product-list .product-thumb .image {
    padding-right: 0;
}

.custom-category .product-list:not(:first-child) .product-thumb::before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, .1);
    height: 1px;
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);
    top: 0;
}

.custom-category .product-list:first-child .product-thumb {
    padding: 15px 0 35px 0;
}

.custom-category .product-list .product-thumb {
    margin: 0 -15px;
    padding: 35px 0;
    position: relative;
}

.custom-category .product-grid .product-thumb {
    margin: 5px 0;
}


/* responsive */

@media(max-width: 1024px) {
    #column-left>div:not(.panel):not(.so_filter_wrap) {
        display: none;
    }
    .featured-cat-thumb .owl-theme .owl-nav [class*="owl-"] {
        margin-right: -240px;
    }
    .b-modal,
    .newletter-popup {
        display: none !important;
    }
    .featured-categories-container * {
        border: none !important;
    }
    #logo a {
        display: inline-block;
    }
    /* .middle-header .block-right {
		width: 40%;
    } */
    .search-containers {
        margin: 25px 0;
    }
    /* .search-containers {
		width: 60%;
    } */
}

@media(max-width: 991px) {
    .products-container .two-items:nth-child(2n+1),
    .products-container .three-items:nth-child(3n+1),
    .products-container .four-items:nth-child(4n+1),
    .products-container .five-items:nth-child(5n+1) {
        clear: none;
    }
    .products-container .product-grid.item-inner {
        width: 33.333%;
    }
    /* .products-container .item-inner:nth-child(2n+1) {
		clear: both;
	}
	.toolbar > div:nth-child(2n+1){
		clear: both;
	} */
    .static-policy .col {
        min-height: 290px;
    }
    footer {
        padding-bottom: 55px;
    }
    #back-top {
        bottom: 65px;
        right: 10px;
    }
}

@media(max-width: 768px) {
    .featured-cat-thumb .owl-theme .owl-nav [class*="owl-"] {
        margin-right: -184px;
    }
}

@media(max-width: 767px) {
    .logo-container {
        /* padding: 10px; */
        text-align: center;
    }
    #logo a {
        display: block;
    }
    #logo a img {
        display: inline-block;
        max-width: 175px;
        max-height: 50px;
    }
    .search-containers {
        margin: 10px 0;
    }
    .oc-banner7-container .flexslider {
        margin: 10px 0 0 0!important;
    }
    .middle-header .block-right>* {
        margin: 10px 10px 15px 0px;
    }
    .banner-3 .row>div {
        float: left;
    }
    input[name^="quantity["] {
        min-width: 40px;
        padding: 0;
        text-align: center;
    }
    .top-footer .col-f:nth-child(3n+1) {
        clear: both;
    }
    .top-footer .col-f:last-child {
        width: 100%;
    }
    .top-footer .col-f {
        width: 50%;
        float: left;
    }
    /* .top-footer .col-f:not(:last-child){
		margin-bottom: 30px;
	} */
    .featured-categories-container .module-image {
        float: left;
        width: 50%;
    }
    .featured-categories-container .featured-categories-contents {
        float: right;
        width: 100%;
    }
    .owl-theme .owl-nav [class*="owl-"] {
        top: -66px;
    }
    .featured-cat-thumb .owl-theme .owl-nav [class*="owl-"] {
        top: -53px;
        margin-right: 0;
    }
    .title-footer {
        margin-top: 30px;
    }
    /* .search-containers {
		width: 50%;
        padding: 0 15px;
	}
	.middle-header .block-right {
		width: 50%;
     margin: 0 auto;
    }*/
    .tt_tabsproduct_module .module-title>button {
        margin-right: 78px;
        border: 1px solid #ccc;
        color: #aaa;
        background: #fff;
        margin-bottom: -1px;
    }
    .tt_tabsproduct_module .module-title .tab-heading {
        margin-right: 115px;
    }
    .featured-cat-thumb .module-title {
        margin: 0 0 10px 0;
    }
    .tt_tabsproduct_module .module-title {
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }
    .module-title h2 {
        font-size: 20px;
    }
    .tt_tabsproduct_module .module-title h2 {
        margin-top: 5px;
    }
}

@media(max-width: 680px) {
    .static-policy .col:last-child {
        width: 100%;
        border-bottom: none;
    }
    .static-policy .col {
        width: 50%;
        float: left;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        min-height: auto;
    }
    .static-policy .col-img i {
        font-size: 40px;
    }
}

@media(max-width: 640px) {
    .custom-category .product-list .btn-compare,
    .custom-category .product-list .btn-wishlist {
        max-width: none;
        width: 50%;
        margin-right: 0 !important;
    }
}

@media(max-width: 560px) {
    .middle-header .block-right>* {
        margin: 10px 0 5px 0;
    }
    .products-container .product-grid.item-inner {
        width: 100%;
    }
    .products-container .image {
        margin-bottom: 10px;
    }
    .products-container .image,
    .products-container .product-inner {
        width: 100%;
        padding: 0 15px !important;
    }
    .custom-category .product-list .btn-compare,
    .custom-category .product-list .btn-wishlist {
        width: auto;
        margin-right: 15px !important;
    }
    .search-containers {
        padding: 0 15px;
    }
    .middle-header .block-right {
        padding: 0 15px;
    }
    .middle-header .block-right>* {
        width: 33% !important;
        margin-right: 0;
    }
    #cart .dropdown-menu {
        left: 0;
        right: auto;
    }
    #cart .dropdown-menu::before {
        left: 35px;
        right: auto;
    }
    .banner-3 .row>div {
        width: 100%!important;
    }
    .banner-3 .col-img img {
        width: 100%;
    }
}

@media(max-width: 480px) {
    .cart-container {
        width: 100%;
        text-align: center;
    }
    #cart .dropdown-menu {
        min-width: 300px;
    }
    /* .owl-dots,
	.owl-nav{
		display: none !important;
	} */
    .static-policy .col {
        width: 100%;
    }
    #dialog-normal .newletter-title {
        font-size: 20px;
    }
    #subscribe .btn {
        position: static;
        border-radius: 5px;
        margin-top: 10px;
    }
    /* .top-footer .col-f{
		width: 100%;
	} */
}

@media(max-width: 360px) {}

ul.listIcons {
    list-style: none;
    padding: 0 0;
}

.listIcons li {
    display: block;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}

.listIcons li>a {
    width: 115px;
    height: 100px;
    display: block;
    text-align: center;
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    padding: 10px;
    transition: all 0.3s ease-in-out 0s;
}

.listIcons li>a>span {
    display: block;
}

.listIcons li>a>span>i.fa {
    font-size: 45px;
}

a.list-group-item,
button.list-group-item {
    color: #306489;
}

.listIcons li>a:hover {
    background: #fff;
    color: var(--secondary-color);
    border-radius: 6px 6px 40px 6px;
    box-shadow: 10px 10px 30px -10px rgba(0, 0, 0, 0.2);
}

#information-contact .panel-heading h3 {
    margin: 0;
    font-size: 15px;
}

#yandexMap {
    width: 100%;
    height: 350px;
    margin-bottom: 15px;
}

ul.categoriesModule li a {
    display: block;
    border-bottom: 1px solid #ededed;
    padding: 10px 0;
    color: var(--secondary-color);
}

ul.categoriesModule li a:hover {
    color: var(--primary-color);
}

ul.categoriesModule .list-child {
    padding-left: 10px;
}

.altKategoriler {
    margin-bottom: 20px;
}

.altKategoriTrigger a {
    margin-bottom: 20px;
    /*text-align: center;
    border: 1px dashed #ededed;
    padding: 7px;
    display: block;
    color: var(--secondary-color);*/
}

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

@media (min-width: 768px) and (max-width: 1199px) {
    .headerRow {
        padding: 10px 15px;
    }
    /* .search-containers {
        width: 35%;
    } */
}

@media (min-width: 768px) and (max-width: 960px) {
    /* .search-containers {
        width: 30%;
    } */
    .search-container {
        width: calc( 100% - 45px);
    }
    #sp-btn-search,
    #btn-search-category {
        width: 45px;
    }
    #btn-search-category i {
        font-size: 22px;
    }
    .middle-header .block-right {
        width: 45%;
    }
}

.footerNumbers {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
}

.footerNumbers .col-xs-6 {
    padding: 0;
}

a.icon-box {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    color: #fff;
}

a.icon-box.blue {
    background: var(--secondary-color);
}

a.icon-box.green {
    background: #94ba33;
}

span.icon-icon {
    display: inline-block;
    margin-right: 10px;
}

.icon-icon .fa {
    font-size: 16px;
}


/*span.icon-text {
    display: inline-block;
    max-width: 50%;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 16px;
    text-align: left;
}*/

#product .btn-compare,
#product .btn-wishlist {
    width: auto;
}


/*.additional-images .item {
    border: 1px solid #dedede;
}*/


/*.has-option, .quantity-box {
    border: 1px solid #c7f0ff;
    background: #fff;
}*/


/*.col-sm-7.block-2 {
    background: #f2fdff;
    padding: 25px;
    border: 1px solid #c7f0ff;
}*/

li.urunKategorileri a+a:before {
    content: "\f105";
    font-family: FontAwesome;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.title5 .owl-theme .owl-nav [class*="owl-"] {
    top: -40px;
    background: none!important;
    color: var(--secondary-color);
    border: none;
}

.title5 .owl-theme .owl-nav [class*="owl-"]:hover {
    color: #0099dd;
}

.title5 .owl-nav [class*="owl-"] i {
    font-size: 16px;
    line-height: 31px;
    font-weight: 500;
}

.middle-header .block-right .accountDropdown .dropdown-menu i {
    font-size: 15px;
}

.middle-header .block-right .accountDropdown .dropdown-menu li+li {
    border-top: 1px solid #ebebeb;
}

.middle-header .block-right .accountDropdown .dropdown-menu li a {
    padding: 7px 10px;
    font-size: 13px;
}

.middle-header .block-right .accountDropdown.btn-group.open .dropdown-toggle,
.middle-header .block-right .accountDropdown.btn-group .dropdown-toggle:focus {
    box-shadow: none;
}

.middle-header .block-right .accountDropdown.btn-group .dropdown-toggle:focus,
.middle-header .block-right .accountDropdown.btn-group .dropdown-toggle:hover {
    color: var(--secondary-color);
}

body:not(.common-home) .static-policy .container {
    margin-top: 50px;
    border-top: 1px dashed #ebebeb;
}

.panel-default>.panel-heading {
    color: var(--secondary-color);
    background-color: #f1f1f1;
    border-color: #ebebeb;
    font-size: 16px;
    font-weight: 500;
}

.a2a_default_style a {
    line-height: 20px!important;
}

.a2a_svg {
    height: 20px!important;
    line-height: 20px!important;
    width: 20px!important;
}

.social-links a {
    padding: 5px 10px;
    color: #fff!important;
    border-radius: 4px;
}

ul.float-contact {
    position: fixed;
    right: 10px;
    bottom: 30px;
}

.float-contact a {
    color: #fff;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    /* font-size: 50px; */
    border-radius: 5px;
    margin-bottom: 2px;
}

.float-contact a i {
    font-size: 16px;
    border-radius: 5px;
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.order-first {
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -ms-flex-order: 12;
    order: 12;
}

@media(max-width:767px) {
    .top-header .top-links>li {
        width: 50%;
    }
    .headerRow {
        display: block;
        padding-bottom: 0;
    }
}

@media (min-width: 768px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .text-sm-left {
        text-align: left !important;
    }
    .text-sm-right {
        text-align: right !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (min-width: 992px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .text-md-left {
        text-align: left !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (min-width: 1200px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .text-lg-left {
        text-align: left !important;
    }
    .text-lg-right {
        text-align: right !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.customProductContainer {
    padding-top: 50px;
}

.customProductContainer h1.product-name {
    font-size: 26px;
    font-weight: 500;
    padding-bottom: 15px;
    /* border-bottom: 1px solid #ebebeb; */
    /* margin-bottom: 20px; */
}


/*.customProductContainer .option-container {
	background: #f9f9f9;
	padding: 20px 35px;
}*/

.fa-rotate-220 {
    transform: rotate(220deg);
}

.btn-primary {
    color: #000;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active,
.btn-primary:active {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-default:hover,
.btn-default.hover,
.btn-default:focus,
.btn-default.focus,
.btn-default.active,
.btn-default:active {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.customProductContainer label[for='input-quantity'] {
    line-height: initial;
    margin-right: initial;
    color: initial;
    font-weight: 600;
}

.customProductContainer .quantity-box {
    border-radius: initial;
    width: initial;
    float: none;
    border: initial;
}

.customProductContainer button#minus,
.customProductContainer button#plus {
    height: 34px;
}

.customProductContainer .input-group-addon {
    background-color: #fff;
}

.popover,
.mfp-bg,
.mfp-wrap {
    z-index: 30011!important;
}


/*
.customProductContainer button#button-cart {
	background-color: #151515!important;
	border-color: #010101!important;
	margin: 0;
	height: auto;
	padding: 10px 16px;
	float: none;
}

.customProductContainer button#button-cart:hover,
.customProductContainer button#button-cart:focus{
	background-color: #000000!important;
	border-color: #000000!important;
}*/

#customProductImageContainer {
    position: relative;
    cursor: crosshair;
    text-align: center;
}

#customProductImageContainer:hover .optionImage {
    opacity: 0;
}

#customProductImageContainer .extraImage {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

#customProductImageContainer:hover .extraImage {
    opacity: 1;
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

@media (min-width: 576px) {
    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem);
    }
}

div#customProductDescription {
    background: #f9f9f9;
    padding: 20px 20px 10px;
    position: relative;
    border: 1px solid #ddd;
    border-bottom: none;
    z-index: 2;
}

div#customProductDescription:before {
    content: "";
    display: block;
    border: 10px solid transparent;
    width: 0;
    height: 0;
    border-bottom-color: #f9f9f9;
    position: absolute;
    top: -20px;
    left: 50%;
    z-index: 3;
    transform: translateX(-50%);
}

div#customProductDescription:after {
    content: "";
    display: block;
    border: 12px solid transparent;
    width: 0;
    height: 0;
    border-bottom-color: #ededed;
    position: absolute;
    top: -24px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
}

.ul-swatches-colors {
    list-style: none;
    text-align: left;
    overflow: hidden;
    padding: 0;
}

.ul-swatches-colors li {
    float: left;
    border: 2px solid #fff;
    display: flex;
    position: relative;
    margin-right: 5px;
    padding: 1px;
    border-radius: 100%;
    overflow: hidden
}

.ul-swatches-colors .swatches-options:hover {
    border: 2px solid var(--primary-color);
}

.ul-swatches-colors .swatches-options.checked {
    border: 2px solid var(--primary-color);
}

.ul-swatches-colors .swatches-options a {
    display: inline-block;
    background-size: 100%;
}

.option-swatches {
    display: none;
}

.cardTools {
    display: flex;
    flex-wrap: wrap;
}

.cardTools .btn-actions {
    margin: 0 0;
    float: none;
}

.cardTools #button-cart {
    margin: 0 0 0 5px;
    padding: 9px 20px;
    width: calc(100% - 115px);
}

.cardTools .quantity-box.d-none+#button-cart {
    margin: 0;
    width: 100%;
}

.horizontal-menu .ul-top-items>li.li-top-item.ozelSiparis,
.mobile-menu .ozelSiparis {
    background: var(--primary-color)!important;
}


/*.horizontal-menu .ul-top-items>li.li-top-item.ozelSiparis:hover,
.mobile-menu .ozelSiparis:hover {
    background: #333!important;
}*/

.horizontal-menu .ul-top-items>li.li-top-item.ozelSiparis a,
.mobile-menu .ozelSiparis a {
    color: var(--secondary-color)!important;
}

.policy-block {
    display: flex;
    /* align-items: center; */
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.policy-block .col-sm-3 {
    padding-left: 5px;
    padding-right: 5px;
    /* background: #f9f9f9; */
}

.policy-block .box {
    /* max-width: 150px; */
    background: #f9f9f9;
    display: flex;
    align-items: center;
    padding: 5px;
    height: 100%;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
}

.policy-block .box .icon {
    width: 30%;
}

.policy-block .box .text {
    width: 70%;
    padding-left: 5px;
}

.policy-block h4 {
    font-size: 13px;
    margin: 0 0 5px 0;
}

.policy-block p {
    font-size: 11px;
    margin: 0 0 0 0;
    line-height: 12px;
    font-weight: 300;
}

.policy-block .box.havale p {
    font-size: 20px;
    font-weight: 500;
}

.policy-block .box .symbol-percent {
    display: inline-block;
    margin-right: 3px;
    font-size: 20px;
}

.altKategoriList {
    /*display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 1000px;*/
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /*grid-auto-rows: 200px;*/
    grid-auto-flow: dense;
}

.altKategoriList .altKategori {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.altKategoriList .altKategori.odd {
    grid-column: span 1;
}

.altKategoriList .altKategori.even {
    grid-column: span 2;
}

.altKategoriList .altKategori .thumbnail,
.altKategoriList .altKategori .thumbnail img {
    width: 100%;
}

.altKategoriList .altKategori .thumbnail {
    margin-bottom: 5px;
    display: flex;
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: var(--primary-color);
}


/*.altKategoriList .altKategori .thumbnail img{
   object-fit: cover;
}*/

.categoryList .altKategoriLoadMore {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    float: left;
    border: 1px solid #ddd;
    overflow: hidden;
    min-height: 49px;
    height: 80px;
    width: 80px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    background: #f4f4f4;
    font-size: 24px;
}

.categoryList .altKategoriLoadMore>span {
    display: inline-block;
    padding: 0 5px;
}

.categoryList .altKategoriLoadMore:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--secondary-color);
}

.tumunuyukle {
    display: block;
    clear: both;
}

.badge {
    font-size: 11px;
    font-weight: 400;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

.nostock .image:before {
    position: absolute;
    content: "\f05c";
    /* width: 100%; */
    /* height: 100%; */
    /* background: rgba(0,0,0,0.2); */
    display: block;
    top: 50%;
    left: 50%;
    text-align: center;
    z-index: 5;
    transform: translate(-50%, -50%);
    font-size: 126px;
    color: rgba(255, 255, 255, 0.4);
    line-height: 1;
    font-family: FontAwesome;
}

.nostock .image:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: block;
    top: 0;
    left: 0;
    text-align: center;
}

.categoryList {
    /* -webkit-column-count: 2; */
    -moz-column-count: 2;
    /* column-count: 2; */
    /* -webkit-column-gap: 1em; */
    -moz-column-gap: 1em;
    /* column-gap: 1em; */
    /* margin: 1.5em; */
    /* padding: 0; */
    -moz-column-gap: 1.5em;
    /* -webkit-column-gap: 1.5em; */
    /* column-gap: 1.5em; */
    /* font-size: .85em; */
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: stretch;
    gap: 10px;
}
.categoryListItem {
    display: flex;
    flex-direction: column;
}
.categoryListItem.odd {
    flex-grow: 1;
    width: calc(33.3333% - 10px);
}

.categoryListItem.even {
    flex-grow: 2;
    width: calc(66.6666% - 10px);
}

.categoryListItem a.thumbnail {
    display: flex;
    height: 100%;
    width: 100%;
    margin-bottom: 0;
    border-radius: 4px 4px 0 0;
}
.categoryListItem a.btn {
    border-radius: 0 0 4px 4px;
    border-top: medium none;
}
.categoryListItem a img {
    width: 100%;
    /* height: 100%; */
    object-fit: fill;
}

@media(max-width: 480px) {
    .categoryListItem.odd {
        width: calc(50% - 10px);
    }
    .categoryListItem.even {
        width: calc(100% - 10px);
    }
}

#product-product{
    position:relative;
    z-index:1;
}

.signUpCouponsLabel {
    padding: 10px 0;
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
}

.signUpCouponsLabel p,
.signUpCouponsLabel span {
    margin: 0;
    padding: 0;
}

.divTable {
    display: block;
    width: 100%;
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
}

.divTableRow {
    align-items: center;
    justify-content: space-between;
}

.divTableCell,
.divTableHead {
    line-height: 15px;
}
.divTableHeading {
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 12px;
}

.divTableHead {
    line-height: 14px;
}

.divTableFoot {
    background-color: #f9f9f9;
    /*font-weight: bold;*/
}

.divTableBody .divTableRow:nth-child(2n) {
    background-color: #f9f9f9;
}

.divTableBody .divTableRow:nth-child(2n+1) {
    background-color: #fff;
}
.bg-light{
    background-color: #f9f9f9;
}
@media (max-width: 767px) {
    .divTableHeading {
        display: none
    }
    .divTableCell,
    .divTableHead {
        padding: 5px 10px;
    }
    .divTableCell.col-quantity {
        max-width: 100%;
    }
    .divTableCell input[type="text"] {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .divTableCell.col-quantity {
        /*border: 1px solid #999999;*/
        display: block;
    }
}