.ajax-left{

    float: left;

}

.ajax-right{

    float: left;

    margin-left: 30px;

}

.ajax-product-title{

    font-size: 18px;

    color: #f62d3e;

}

.success-message{

    margin-top: 10px;

}

.float-right{

    float: right;

}



.float-left{

    float: left;

}



.title-1{

    border-bottom: 2px solid #ccc;

    font-size: 24px;

}



.title-1 span{

    border-bottom: 2px solid #000;

}

.hover_banner_1 a:before, .hover_banner_1 a:after{

    background-color: rgba(255,255,255,.15);

    content: "";

    height: 0;

    width: 0;

    position: absolute;

    transition: all .3s ease-out 0s;

    z-index: 99;

}

.padding-top2 .dead{

    background: rgba(0,0,0,.6);

    -webkit-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    transition: all .5s ease 0s;

}

.padding-top2 .dead:before{

    border: 1px solid #fef1d2;

    bottom: 10px;

    content: "";

    left: 10px;

    position: absolute;

    right: 10px;

    top: 10px;

    z-index: -1;

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all .35s ease 0s;

    -o-transition: all .35s ease 0s;

    transition: all .35s ease 0s;

}

.padding-top2 .dead:hover:before {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all .35s ease 0s;

    -o-transition: all .35s ease 0s;

    transition: all .35s ease 0s;

}

.hover_banner_1 a:before{

    margin: auto;

    top: 0;

    left: 0;

}

.hover_banner_1 a:after{

    bottom: 0;

    right: 0;

}

.hover_banner_1:hover a:before, .hover_banner_1:hover a:after{

    width: 100%;

    height: 100%;

}

/* Breadcrumb */

/*#breadcrumb{

    background-color: transparent;

    overflow: hidden;

    margin: 10px 0;

}

#breadcrumb .breadcrumb{

    background-color: transparent;

    margin: 0;

    padding: 0;

}

#breadcrumb .breadcrumb a{

    display: inline-block;

    padding: 13px 0;

    font-family: 'Arial',sans-serif;

    font-size: 14px;

    color: #333;

    font-weight: bold;

    text-transform: uppercase;

}

#breadcrumb .breadcrumb>.active{

    color: #7ea643;

    font-family: 'Arial',sans-serif;

    font-size: 14px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    max-width: 800px;

    padding: 13px 0;

    font-weight: bold;

    text-transform: uppercase;

}

.breadcrumb>li{

    float: left;

}*/

.pagination{

    margin: 15px 0 30px 0;

    width: 100%;

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{

    background-color: #000;

    color: #fff !important;

}

.pagination>li>a:hover{

    color: #fff !important;

}

.upper{

    text-transform: uppercase;

}



.form-control:focus {

    border-color: #fff;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, 0.6);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, 0.6);

}



.btn{

    background: none;

    border: 1px solid #fff;

    display: inline-block;

    padding: 6px 7px;

    margin-right: 10px;

}



.btn:hover{

    color: #333;

    background: #fff;

    transition: all .5s ease;

}



/*css style box-thumbnail*/

.padding-top1 .box-thumbnail{

    padding-top: 64.912%;

}



.padding-top2 .box-thumbnail{

    padding-top: 100%;

}



.padding-top3 .box-thumbnail{

    padding-top: 27.700%;

}



.padding-top4 .box-thumbnail{

    padding-top: 83.703%;

}



.padding-top5 .box-thumbnail{

    padding-top: 34.615%;

}



.scale img {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    -ms-transition: all .5s ease;

    transition: all .5s ease;

}

.scale:hover img {

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -o-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

}

.box-thumbnail{

    width: 100%;

    position: relative;

    overflow: hidden;

    display: block;

}

.box-thumbnail img{

    width: 100%;

}

.thumbnail-lazy{

    position: absolute;

    top: 1px;

    left: 1px;

    width: calc(100% - 2px);

    height: calc(100% - 2px);

    display: block;

    z-index: 1;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

}

.thumbnail-lazy{

    background-image: linear-gradient(to left,#f5f5f5 0,#efefef 15%,#f5f5f5 40%,#f5f5f5 100%);

    background-repeat: no-repeat !important;

    background-color: #f5f5f5;

    background-size: 900px 1700px !important;

    background-position: center center !important;

    animation: pencipreload 1s infinite linear forwards;

    -webkit-animation: pencipreload 1s infinite linear forwards;

    border: 1px solid #ccc;

}

.thumbnail-lazy.loaded{

    background: transparent !important;

    overflow: hidden;

}

@-webkit-keyframes pencipreload{from{background-position:-800px 0}to{background-position:100px 0}}

@keyframes pencipreload{from{background-position:-800px 0}to{background-position:100px 0}}

/*css style hover*/



.introduce {

    width: 100%;

    position: relative;

    overflow: hidden;

}



.introduce:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 130%;

    height: 100%;

    z-index: 999;

    background-color: rgba(255, 255, 255, 0.3);

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);

    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);

    -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);

    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    transition: all 1s ease;

}



.introduce:hover:before {

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);

    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);

    -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);

    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);

}





/*css style pageding*/

.pagination>li>a{

    color: #000;

    font-weight: bold;

    margin-left: 10px;

    border:1px solid #000;

}



.pagination>li>a:hover, .pagination>li>a:focus{

    color: #fff;

    background: #000;

    transition: all .5s ease;

}



.breadcrumb li a i{

    font-size: 16px;

    margin-right: 10px;

}





/*css style check-radio*/

.check-radio li{

    margin-right: 30px;

}



.check-radio li a{

    width: 12px;

    height: 12px;

    border:1px solid #ccc;

    border-radius: 50%;

    margin-right: 10px;

    display: inline-block;

}



.check-radio li a:focus{

    background: #333;

}



.check-radio li a:hover{

    background: #333;

}





/*css style btn-black*/

.btn-back{

    padding: 10px 15px;

    border-radius: 4px;

    border:1px solid #bbb;

    color: #fff !important;

    background-color: #000;

    transition: all .5s ease;

}



.btn-back:hover{

    background: #fff;

    color: #000 !important;

    transition: all .5s ease;

}





@font-face {

    font-family: 'icons';

    src: url("../fonts/icons.eot?v=1516");

    src: url("../fonts/icons.eot?v=1516#iefix") format("embedded-opentype"), url("../fonts/icons.woff?v=1516") format("woff"), url("../fonts/icons.ttf?v=1516") format("truetype"), url("../fonts/icons.svg?v=1516#timber-icons") format("svg");

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: "UTM-Neo-Sans-Intel";

    src: url("../fonts/UTM-Neo-Sans-Intel.ttf?v=1089");

    font-weight: normal;

}



@font-face {

    font-family: "UTM-Neo-Sans-Intel-Bold";

    src: url("../fonts/UTM-Neo-Sans-IntelBold.ttf?v=1089");

    font-weight: bold;

}

/*============================================================================ #Icons ==============================================================================*/

.icon-fallback-text .icon {

    display: none;

}

.supports-fontface .icon-fallback-text .icon {

    display: inline-block;

}

/*============================================================================ A generic way to visually hide content while remaining accessible to screen readers (h5bp.com) ==============================================================================*/

.icon:before {

    display: none;

}

.icon:before {

    display: inline;

    font-family: "icons";

    text-decoration: none;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

/*================ Icon mapping ================*/

.icon-amazon_payments:before {

    content: "\e800";

}

.icon-american_express:before {

    content: "\41";

}

.icon-arrow-down:before {

    content: "\e607";

}

.icon-bitcoin:before {

    content: "\42";

}

.icon-cart:before {

    content: "\e600";

}

.icon-cirrus:before {

    content: "\43";

}

.icon-dankort:before {

    content: "\64";

}

.icon-diners_club:before {

    content: "\63";

}

.icon-discover:before {

    content: "\44";

}

.icon-dogecoin:before {

    content: "\e904";

}

.icon-dwolla:before {

    content: "\e905";

}

.icon-facebook:before {

    content: "\66";

}

.icon-fancy:before {

    content: "\46";

}

.icon-forbrugsforeningen:before {

    content: "\e906";

}

.icon-google-plus:before {

    content: "\e900";

}

.icon-grid-view:before {

    content: "\e603";

}

.icon-hamburger:before {

    content: "\e601";

}

.icon-instagram:before {

    content: "\e901";

}

.icon-interac:before {

    content: "\49";

}

.icon-jcb:before {

    content: "\4a";

}

.icon-list-view:before {

    content: "\e604";

}

.icon-litecoin:before {

    content: "\e908";

}

.icon-maestro:before {

    content: "\6d";

}

.icon-master:before {

    content: "\4d";

}

.icon-minus:before {

    content: "\e602";

}

.icon-paypal:before {

    content: "\50";

}

.icon-pinterest:before {

    content: "\70";

}

.icon-plus:before {

    content: "\e605";

}

.icon-rss:before {

    content: "\72";

}

.icon-search:before {

    content: "\73";

}

.icon-stripe:before {

    content: "\53";

}

.icon-tumblr:before {

    content: "\74";

}

.icon-twitter:before {

    content: "\54";

}

.icon-vimeo:before {

    content: "\76";

}

.icon-visa:before {

    content: "\56";

}

.icon-x:before {

    content: "\e606";

}

.icon-youtube:before {

    content: "\79";

}

* {

    margin: 0;

    padding: 0;

    outline: none;

    border: none;

}

body {

    font-size: 14px;

    font-family: "UTM-Neo-Sans-Intel", Roboto,Helvetica,sans-serif;

}

/*ul{

    margin: 0;

}

li {

    list-style: none;

}

a {

    text-decoration: none;

    display: block;

    transition: all 0.5s;

    color: #545454;

}

a:hover, a:focus {

    text-decoration: none;

}

p{

    color: #545454;

}

img{

    max-width: 100%;

}

.cl*/ear {

    clear: both;

    float: none !important;

}

/********** header **********/

.wrap{

    margin-top: 100px;

    transition: margin-top 0.5s ease;

}

.header{

    position: fixed;

    width: 100%;

    z-index: 9999;

    top: 0;

    left: 0;

    background-color: transparent !important;

}

.header .head-midde{

    position: relative;

    height: 67px;

    float: left;

    width: 100%;

    background-color: white;

    transition: height 0.5s ease;

}

.header .head-midde > div{

    padding-top: 10px;

}

.header .head-midde .logo a{

    position: relative;

}

.header .head-midde .logo img{

    height: 90px;

    transition: height 0.5s ease;

}

.header .head-midde .one{

    width: 12%;

    float: left;

}

.header .head-midde .two{

    width: 88%;

    float: left;

    margin-top: 12px;

    position: relative;

    transition: margin-top 0.5s ease;

}



.header .head-midde .two ul{

    display: inline-block;

}



.header .head-midde .two ul > a {

    margin: 0;

    font-family: 'UTM';

    font-size: 28px;

    margin-left: 20px;

}



.header .head-midde .two .site-nav{

    float: right;

    display: flex;

    justify-content: end;

    align-items: flex-start;

}

.header .head-midde .two .site-nav form{

    padding: 0;

    margin: 0;

}

.header .head-midde .two .site-nav li{

    display: inline-block;

}



.header .head-midde .two .site-nav a {

    font-weight: 500;

    font-size: 12px;

    padding: 7px 8px;

    transition: all .5s ease;

    position: relative;

    color: #000;

}



.header .head-midde .two .site-nav> li> .sub-menu {

    position: absolute;

    top: calc(100% + 15px);

    visibility: hidden;

    opacity: 0!important;

    background: #fff;

    padding: 0;

    border-radius: 0 !important;

    box-shadow: 0 6px 12px rgba(0,0,0,.175);

    z-index: 9999;

    border-top: 2px solid #000;

    border-bottom-left-radius: 7px;

    border-bottom-right-radius: 7px;

    overflow: hidden;

    transition: all 0.5s;

    min-width: 250px;

    right: 0;

}



.header .head-midde .two .site-nav> li:hover> .sub-menu {

    top: 100%;

    visibility: visible;

    opacity: 1!important;

}



.header .head-midde .two .site-nav .sub-menu li {

    text-align: left;

    display: block!important;

}



.header .head-midde .two .sub-menu li a {

    padding: 8px 20px;

    color: #000;

    display: block;

    text-transform: none;

    text-decoration: none;

    border-bottom: 1px dashed #dfdfdf;

    transition: all 0.5s;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    transition: all .5s ease;

}



.header .head-midde .two .site-nav a sup {

    padding: 7px 4px;

    position: absolute;

    z-index: 999;

    right: 0;

    top: 0;

    background: #000;

    color: #fff;

    border-radius: 50%;

    transition: all .5s ease;

}



.header .head-midde .two .site-nav a:hover sup {

    background: #d11128;

}



.header .head-midde .two .site-nav a i{

    font-size: 16px;

}



.header .head-midde .two .site-nav a:hover {

    color: #d11128;

    transition: all .5s ease;

}



.header .head-midde .two .btn-default{

    background: none;

    border:0;

    border-radius: 0px 20px 20px 0px;

    box-shadow: none;

    margin-left: -35px;

    margin-top: -5px;

    outline: none;

}



.header .head-midde .two .btn-default i{

    color: #333;

    text-shadow: none;

}



.header .head-midde .two .btn-default:focus, .btn-default:hover {

    background: none;

    background-position: 0 -15px;

}



.header .head-midde .two .form-control{

    width: 0px;

    border-radius: 4px;

    border-color: #fff;

    height: 30px;

    box-shadow: none;

    transition: all .5s ease;

    background-color: transparent;

}

.header .head-midde .two .navbar-form:hover .form-control{

    width: 200px;

    border-color: #bbb;

    transition: all .5s ease;

}

body.scroll .header .head-midde{

    height: 50px;

}

body.scroll .header .head-midde .logo img{

    height: 62px;

}

body.scroll .header .head-midde .two{

    margin-top: 0;

}

body.scroll .wrap{

    margin-top: 84px;

}



/*4.6 Top Cart */

.top-cart-contain .top-cart-content {

    opacity: 0;

    transform-origin: 0 0 0;

    transition: all 0.5s ease 0s;

    -ms-transform: scaleY(0);

    -webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);

    -o-transform: scaleY(0);

    transform: scaleY(0);

}

.top-cart-contain .mini-cart:hover .top-cart-content {

    opacity: 1;

    -ms-transform: scaleY(1);

    -webkit-transform: scaleY(1);

    -moz-transform: scaleY(1);

    -o-transform: scaleY(1);

    transform: scaleY(1);

}

.top-cart {

    padding-left: 0px;

    position: relative;

}

.mini-products-list .product-image {

    float: left;

    padding: 0;

    width: 68px;

    padding: 0px;

    border: 1px #eee solid

}

.top-cart-content .product-name {

    margin: 0;

    width: 178px;

    line-height: 1.3em;

    padding: 0 0 3px

}

.top-cart-content .product-name a {

    font-size: 13px;

    line-height: normal;

    font-weight: 400;

}

.top-cart-title span {

    font-weight: normal;

    font-size: 12px;

    color: #fff;

    text-transform: inherit

}

.top-cart-title p span {

    text-transform: none

}

.top-cart-contain .price {

    color: #000;

    font-weight: 900;

    text-transform: uppercase;

    padding-left: 10px;

    float: right

}

.top-cart-contain .product-details .price {

    width: auto;

    float: none;

    font-weight: 900;

    padding-left: 0px;

    font-size: 13px

}

.mini-cart {

    text-align: center;

    cursor: pointer

}

.mini-cart .basket a {

    margin: 0;

    font-size: 13px;

    display: block;

}

.mini-cart .basket a .cart-title {

    color: white;

    font-size: 13px;

    padding-left: 5px;

}

.mini-cart .basket a .cart-total {

    font-size: 13px;

    position: absolute;

    top: -12px;

    right: -14px;

    background-color: #fcaf17;

    border-radius: 50%;

    color: white;

    width: 18px;

    height: 18px;

    text-align: center;

    line-height: 18px;

}

.cart-icon, .shoppingcart-inner {

    float: left;

    text-align: left;

    position: relative;

}

.mini-cart .basket a .fa-shopping-cart:before {

    font-size: 16px;

    margin-right: 10px;

    color: #fff;

    float: left;

}

.mini-cart .open .basket a {

    color: #fff;

    background: #fff;

    box-shadow: 0 3px 9px rgba(0,0,0,0.3)

}

.mini-cart .dropdown-toggle {

    font-size: 12px;

    padding: 0;

    text-transform: none

}

.top-cart-contain {

    padding: 0;

    color: #fff;

    float: right;

}

.top-cart-title p {

    margin: 0

}

.top-cart-content .empty {

    padding: 10px

}

.top-cart-content {

    width: 308px;

    position: absolute;

    top: 42px;

    right: 0px;

    background: #fff;

    padding: 0;

    text-align: right;

    box-shadow: 0 0 5px -5px rgba(0,0,0,0.2);

    border: 1px solid #f5f5f5;

    z-index: 9999;

}

.top-cart-content p {

    color: #39342e;

    margin: 0;

    padding: 10px

}

.top-subtotal {

    color: #39342e;

    font-size: 13px;

    font-weight: 900;

    padding: 8px 15px;

    text-align: left;

    text-transform: none;

    background-color: #f3f3f3;

}

.top-cart-content .product-details .btn-remove {

    position: absolute;

    right: 10px;

    top: 4px

}

.top-cart-title {

    display: inline-block;

    padding: 3px;

    margin: 0;

    vertical-align: top;

    text-align: center;

    color: #474c5f;

    line-height: 12px;

    position: relative;

    font-size: 12px;

    width: 20px;

    margin-top: 2px;

    margin-left: 29px

}

.top-cart-content .block-subtitle {

    border-bottom: 1px solid #fbfbfb;

    color: #39342e;

    overflow: hidden;

    padding: 15px;

    text-align: left;

    font-size: 13px;

    background: #f5f5f5

}

ul#cart-sidebar {

    padding: 5px 10px 10px 10px;

    margin: auto;

    max-height: 195px;

    overflow: auto;

}

.top-cart-title .cart_arrow {

    position: absolute;

    bottom: -6px;

    right: 50px;

    width: 18px;

    height: 11px;

    z-index: 1000;

    display: none

}

.top-cart-contain:hover .top-cart-title .cart_arrow {

    display: block

}

.top-cart-content li.item {

    margin: 5px 0px;

    border-bottom: 1px #eee solid;

    min-height: 67px

}

.top-cart-content li.item.last {

    margin: 0;

    border-bottom: 0px #eee solid;

    padding-bottom: 10px

}

.top-cart-content .product-details {

    color: #39342e;

    position: relative;

    text-align: left

}

.mini-products-list .product-details {

    margin-left: 80px;

    padding: 0

}

.top-cart-content .product-details .btn-remove {

    position: absolute;

    right: 10px;

    top: 12px

}

.top-cart-content .product-details .btn-edit {

    position: absolute;

    right: 22px;

    top: 6px

}

.top-cart-content .actions {

    padding: 5px 15px 20px;

    margin: 0;

    overflow: hidden

}

.top-cart-icon {

    padding: 5px;

    width: 20px;

    height: 24px;

    display: inline-block;

    vertical-align: middle

}

.top-cart-title span {

    font-weight: normal;

    font-size: 13px;

    text-transform: uppercase

}

.top-cart-title p span {

    text-transform: none

}

.mini-cart .actions .fa-shopping-cart:before {

    font-size: 13px;

    padding-right: 8px

}

.mini-cart .actions .fa-check:before {

    font-size: 13px;

    padding-right: 8px

}

.mini-cart .actions .btn-checkout {

    background: #7ea643;

    color: #fff;

    font-size: 12px;

    padding: 8px 16px;

    border: none;

    cursor: pointer;

    display: inline-block;

    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;

    border: 2px solid rgba(0,0,0,0.08);

    font-weight: 900;

    text-transform: uppercase;

    font-family: "Roboto", sans-serif;

}

.mini-cart .actions .btn-checkout:hover {

    background: #39342e;

    color: #fff;

}

.mini-cart .actions .view-cart {

    background: #fff;

    color: #7ea643;

    font-size: 12px;

    padding: 8px 16px;

    text-align: left;

    cursor: pointer;

    text-decoration: none;

    float: left;

    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;

    border: 2px solid #7ea643;

    font-weight: 900;

    font-family: "Roboto", sans-serif;

}

.mini-cart .actions .view-cart:hover {

    background: #7ea643;

    color: #fff !important;

}

.mini-cart .actions .button {

    display: inline-block;

    width: 100px;

    text-align: center;

    margin-bottom: 3px;

    padding: 8px 10px 6px;

    text-transform: none;

    border: none;

    font-size: 12px;

    text-transform: uppercase;

    font-family: "Roboto", sans-serif;

}

.mini-cart .button.btn-checkout {

    background-color: #7ea643;

    color: #fff;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: 900;

    padding: 0px 6px;

    height: 32px;

    line-height: 32px;

}

.block_mini_cart_above_products {

    margin-bottom: 15px

}

.mini-cart>.button {

    color: #39342e;

    font-size: 12px;

    font-weight: 300;

    text-shadow: none;

    border: none;

    box-shadow: none;

    background: none

}

#cart-sidebar li {

    border-bottom: 1px solid #ECECEC;

    list-style: none;

    overflow: hidden;

    position: relative;

    margin: 0;

    padding: 10px 0;

}

#cart-sidebar li.last {

    padding: 10px 0 0 0;

    border-bottom: none;

    margin-bottom: 0

}

#cart-sidebar .js-remove-item{

    position: absolute;

    top: 5px;

    right: 0;

    color: #d9354e;

}

.remove-cart {

    display: block;

    width: 15px;

    height: 13px;

    position: absolute;

    right: 0;

    top: 0;

}



/***** Header menus *****/

ul.product{

    margin: 0;

}

ul.product li{

    position: relative;

}

ul.product li ul{

    position: absolute;

    background-color: white;

    border: 1px solid #e5e5e5;

    width: 100%;

}

ul.product > li > ul{

    top: calc(100% + 20px);

    opacity: 0;

    visibility: hidden;

    left: 0;

    z-index: -1;

    transition: 0.5s all ease;

}

ul.product > li:hover > ul{

    top: 100%;

    opacity: 1;

    visibility: visible;

    z-index: 9999;

}



ul.product > li > a{

    height: 34px;

    color: white;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: bold;

    background-color: #fcaf17;

    display: flex;

    flex-direction: row;

    justify-content: space-around;

    align-items: center;

}

ul.product > li > ul > li ul{

    top: -1px;

    left: calc(100% + 20px);

    visibility: visible;

    opacity: 0;

    transition: 0.5s all ease;

    z-index: -1;

}

ul.product > li > ul li:hover > ul{

    visibility: visible;

    opacity: 1;

    left: 100%;

    z-index: 9999;

}

ul.product > li > ul a{

    padding: 12px 15px;

    border-bottom: 1px solid #e5e5e5;

    font-size: 14px;

    transition: padding-left 0.5s ease, background-color 0.5s ease, color 0.5s ease;

}

ul.product > li > ul li:last-child a{

    border: 0;

}

ul.product > li > ul a:hover{

    color: #7ea643;

    padding-left: 20px;

    background-color: #e5e5e5;

}

.header-menu{

    background-color: #000;

    border: 1px solid #000;

    width: 100%;

    float: left;

}

.header-menu .menus > ul{

    margin: 0;

    width: 100%;

    text-align: right;

    position: relative;

}

.header-menu .menus > ul > li{

    display: inline-block;

}

.header-menu .menus> ul> li:last-child{

    display: none;

}

.header-menu .menus > ul > li > a{

    color: white;

    font-size: 13px;

    text-transform: uppercase;

    padding: 7px 7px;

    display: block;

    transition: all .5s ease;

}



.header-menu .menus > ul > li > a:hover, .header-menu .menus > ul > li > a.active{

    background: #fff;

    color: #000;

    transition: all .5s ease;

}

.menus > ul > li > .sub-menu {

    position: absolute;

    top: calc(100% + 15px);

    visibility: hidden;

    opacity: 0;

    background: #fff;

    border-radius: 0 !important;

    box-shadow: 0 6px 12px rgba(0,0,0,.175);

    z-index: 999;

    border-top: 1px solid #dfdfdf;

    border-bottom-left-radius: 7px;

    border-bottom-right-radius: 7px;

    overflow: hidden;

    transition: all 0.5s;

    min-width: 250px;

    list-style-type: none;

    padding: 0;

}

.menus > ul > li:hover > .sub-menu {

    top: calc(100% + 1px);

    visibility: visible;

    opacity: 1;

}

.menus > ul > li > .sub-menu > li{

    float: left;

}

.menus .sub-menu li {

    float: none;

    text-align: left;

}

.menus .sub-menu li a {

    padding: 8px 20px;

    color: #000;

    display: block;

    text-transform: none;

    border-bottom: 1px dashed #dfdfdf;

    transition: all 0.5s;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    border-radius:0;

}

.menus .sub-menu li:last-child a {

    border-bottom: 0;

}

.menus .sub-menu.group li a {

    padding: 8px 10px;

    display: block;

    font-size: 0.9em;

    border-bottom: 1px dashed #dfdfdf;

    transition: all 0.5s;

    /*text-transform: capitalize;*/

}

.menus .sub-menu li a.active,

.menus .sub-menu li a:hover,.header-menu .sub-menu.group li a:hover{

    color: #1e73be !important;

    padding-left: 25px;

}

.menus .sub-menu.group li a:hover{

    padding-left: 15px;

}

.menus .sub-menu.group {

    width: 100%;

    left: 0;

    list-style-type: none !important;

    padding: 15px;

    max-height: 280px;

}



.menus .sub-menu.group > li:not(.img) {

    width: 200px;

    float: left;

}

.menus .sub-menu.group > li.img{

    float: right;

    padding: 0;

}

.menus .sub-menu.group > li ul {

    position: relative;

    background: #fff;

    float: none;

    border-radius: 0;

    width: 100%;

    box-shadow: none;

    border: 0;

    padding: 0;

    list-style-type: none !important;

}



.menus .sub-menu.group > li > a {

    color: #666!important;

    font-size: 14px !important;

    border-bottom: 0 !important;

    padding: 7px 0 7px 0 !important;

    display: inline-block;

}

.main-menu > li > .sub-menu.group > li > a{

    text-transform: uppercase;

}

.menus .sub-menu.group > li > a:hover{

    background-color: transparent !important;

}

.menus .sub-menu.group a {

    text-transform: none;

}

.vtc-small-menu{

    display: none;

    left: -300px;

    width: 300px;

    border-right: 1px solid #e9e9e9;

    will-change: transform;

    position: fixed;

    overflow-y: auto;

    overflow-x: hidden;

    top: 0;

    bottom: 0;

    padding: 0 15px 15px;

    max-width: 95%;

    z-index: 1000009;

    color: #333;

    background-color: #f6f6f6;

    transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);

}

.vtc-small-menu .vtc-small-menu-header{

    border-bottom: 1px solid #e9e9e9;

    padding: 15px 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 20px;

}

.vtc-small-menu .vtc-small-menu-header .logo-x{

    width: 100%;

    text-align: center;

}

.vtc-small-menu .vtc-small-menu-header .logo-x img{

    width:120px;

}

.vtc-small-menu .vtc-small-menu-header .close-small-menu i{

    float: right;

    font-size: 20px;

}

.vtc-small-menu form{

    border-bottom: 1px solid #e9e9e9;

    padding-bottom: 20px;

}

.vtc-small-menu form input{

    padding: 10px 15px;

    min-width: 223px;

    border: 1px solid #e9e9e9;

    float: left;

    margin-top: -1px;

}

.vtc-small-menu form button{

    border-radius: 0;

    margin: 0px 0 0 -3px;

    padding: 8px 15px;

}

.mobile-nav .mobile-link-header{

    display: block;

    width: 100%;

    position: relative;

}

.mobile-nav li a{

    display: block;

    width: 100%;

    padding: 12px 0;

    border-bottom: 1px solid #e9e9e9;

    background-color: #f6f6f6;

    font-size: 13px;

}

.mobile-nav li i{

    position: absolute;

    top: 0;

    right: 0;

    display: block;

    padding: 18px 0;

}

.mobile-nav .sub-menu li a{

    padding-left: 15px;

    font-size: 13px;

}

.mobile-nav .sub-menu li .sub-menu li a{

    padding-left: 30px;

}

.mobile-nav .sub-menu{

    max-height: 0;

    visibility: hidden;

    transition: 0.5s all ease;

    overflow: hidden;

}

.mobile-nav li.open > .sub-menu{

    max-height: 1000px;

    visibility: visible;

}

.vtc-menu-mobile, #mobile-bottom-navigation{

    display: none;

}

.overlay {

    background: rgba(0, 0, 0, 0.4);

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -1;

    opacity: 0;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    display: none;

}

#produce .nav-tabs, #produce .filter ul.filter-list li:first-child{

    margin-left: 145px;

}

/*=========== Media query ==========*/

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

    .wrap{

        margin-top: 69px;

    }

    .vtc-small-menu, .overlay, #mobile-bottom-navigation{

        display: block;

    }

    .vtc-menu-desktop{

        display: none;

    }

    body.open .overlay{

        z-index: 99999;

        opacity: 1;

    }

    .vtc-menu-mobile {

        display: block;

        display: flex;

        flex-direction: row;

        justify-content: space-between;

        align-items: center;

        width: 100%;

        padding: 10px 15px;

        border-bottom: 1px solid #bbb;

        background-color: #fff !important;

    }

    .vtc-menu-mobile .one{

        width: 10%;

        float: left;

    }

    .vtc-menu-mobile .two{

        float: left;

    }

    .vtc-menu-mobile .three{
        width: 50%;
        float: left;
        min-height: 1px;
    }

    .vtc-menu-mobile .three .btn-website{
        padding: 5px 8px;
        margin-top: 0;
        border-radius: 0px;
    }

    .vtc-menu-mobile .three input{
        float: left;
        height: 32px;
        padding: 5px 10px;
    }

/*    .vtc-menu-mobile .three{

        width: 15%;

        float: left;

        text-align: right;

        position: relative;

    }

    .vtc-menu-mobile .three i{

        font-size: 24px;

        font-weight: bold;

    }

    .vtc-menu-mobile .three a{

        position: relative;

        padding: 10px 15px;

        color: #333;

    }

    .vtc-menu-mobile .three a sup{

        padding: 10px 7px;

        position: absolute;

        z-index: 999;

        right: -2px;

        top: -2px;

        background: #fcaf17;

        color: #fff;

        border-radius: 50%;

        transition: all .5s ease;

    }

    .vtc-menu-mobile .three .top-cart-content {

        opacity: 0;

        transform-origin: 0 0 0;

        transition: all 0.5s ease 0s;

        -ms-transform: scaleY(0);

        -webkit-transform: scaleY(0);

        -moz-transform: scaleY(0);

        -o-transform: scaleY(0);

        transform: scaleY(0);

        top: calc(100% + 50px);

        right: -15px;

    }*/

    .vtc-menu-mobile .three:foces .top-cart-content {

        opacity: 1;

        -ms-transform: scaleY(1);

        -webkit-transform: scaleY(1);

        -moz-transform: scaleY(1);

        -o-transform: scaleY(1);

        transform: scaleY(1);

    }

    .vtc-menu-mobile #vtc-load-menu{

        color: #5b5b5b;

        font-size: 24px;

        display: inline-block;

        cursor: pointer;

    }

    .vtc-menu-mobile a.logo-x{

        text-align: center;

        display: inline-block;

    }

    .vtc-menu-mobile a.logo-x img{

        width: 50px;

    }

    body.open .vtc-small-menu{

        left: 0;

    }

    body.filter #produce .menu-tabs{

        top: 68px !important;

    }

    body.filter #produce .filter{

        top: 104px !important;

    }

    #produce .filter ul.filter-list{

        text-align: left !important;

    }

}



.toast-title {

    font-weight: bold

}

.toast-message {

    -ms-word-wrap: break-word;

    word-wrap: break-word;

    line-height: 1.4em;

}

.toast-message a,

.toast-message label {

    color: #fff

}

.toast-message a:hover {

    color: #ccc;

    text-decoration: none

}

.toast-close-button {

    position: relative;

    right: -.3em;

    top: -.5em;

    float: right;

    font-size: 18px;

    font-family: 'FontAwesome';

    font-weight: bold;

    color: #fff;

    -webkit-text-shadow: 0 1px 0 #fff;

    text-shadow: 0 1px 0 #fff;

    zoom: 1;

    filter: alpha(opacity=80);

    -webkit-opacity: .8;

    -moz-opacity: .8;

    opacity: .8

}

.toast-close-button:hover,

.toast-close-button:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

    zoom: 1;

    filter: alpha(opacity=40);

    -webkit-opacity: .4;

    -moz-opacity: .4;

    opacity: .4

}

button.toast-close-button {

    padding: 0;

    cursor: pointer;

    background: transparent;

    border: 0;

    -webkit-appearance: none

}

.toast-top-full-width {

    top: 0;

    right: 0;

    width: 100%;

}

.toast-bottom-full-width {

    bottom: 0;

    right: 0;

    width: 100%

}

.toast-top-left {

    top: 12px;

    left: 12px

}

.toast-top-right {

    top: 12px;

    right: 12px

}

.toast-bottom-right {

    right: 12px;

    bottom: 12px

}

.toast-bottom-left {

    bottom: 12px;

    left: 12px

}

#toast-container {

    position: fixed;

    z-index: 999999

}

#toast-container>div {

    margin: 0 0 6px;

    padding: 15px 15px 15px 50px;

    width: 300px;

    -webkit-border-radius: 3px;

    -webkit-background-clip: padding-box;

    -moz-border-radius: 3px;

    -moz-background-clip: padding;

    border-radius: 3px;

    background-clip: padding-box;

    background-position: 15px center;

    background-repeat: no-repeat;

    -webkit-box-shadow: 0 0 12px #999;

    -moz-box-shadow: 0 0 12px #999;

    box-shadow: 0 0 12px #999;

    color: #fff;

    zoom: 1;

    filter: alpha(opacity=80);

    -webkit-opacity: .8;

    -moz-opacity: .8;

    opacity: .8

}

#toast-container>:hover {

    -webkit-box-shadow: 0 0 12px #000;

    -moz-box-shadow: 0 0 12px #000;

    box-shadow: 0 0 12px #000;

    zoom: 1;

    filter: alpha(opacity=100);

    -webkit-opacity: 1;

    -moz-opacity: 1;

    opacity: 1;

    cursor: pointer

}

#toast-container>.toast {

    background-image: none !important;

    opacity: 1;

}

#toast-container>.toast:before {

    position: fixed;

    font-family: FontAwesome;

    font-size: 24px;

    line-height: 18px;

    float: left;

    color: #fff;

    padding-right: .5em;

    margin: auto .5em auto -1.5em

}

#toast-container.toast-top-full-width>div,

#toast-container.toast-bottom-full-width>div {

    width: 96%;

    margin: auto

}

.toast {

    background-color: #030303

}

.toast-white {

    background-color: #fff !important

}

.toast-snow {

    background-color: #fbfbfb !important

}

.toast-whitesmoke {

    background-color: #f5f5f5 !important

}

.toast-seashell {

    background-color: #f3f3f3 !important

}

.toast-ivory {

    background-color: #eee !important

}

.toast-platinum {

    background-color: #e5e5e5 !important

}

.toast-lightgray {

    background-color: #d0d0d0 !important

}

.toast-gray {

    background-color: #ccc !important

}

.toast-darkgray {

    background-color: #999 !important

}

.toast-silver {

    background-color: #777 !important

}

.toast-sonic-silver {

    background-color: #737373 !important

}

.toast-storm-cloud {

    background-color: #666 !important

}

.toast-lightcarbon {

    background-color: #555 !important

}

.toast-carbon {

    background-color: #444 !important

}

.toast-slate-gray {

    background-color: #333 !important

}

.toast-darkcarbon {

    background-color: #262626 !important

}

.toast-blue {

    background-color: #5db2ff !important

}

.toast-info {

    background-color: #57b5e3 !important

}

.toast-sky {

    background-color: #11a9cc !important

}

.toast-primary {

    background-color: #4374e0 !important

}

.toast-blueberry {

    background-color: #6f85bf !important

}

.toast-palegreen {

    background-color: #a0d468 !important

}

.toast-success {

    background-color: #53a93f !important

}

.toast-green {

    background-color: #8cc474 !important

}

.toast-lightyellow {

    background-color: #f6d52e !important

}

.toast-yellow {

    background-color: #ffce55 !important

}

.toast-warning {

    background-color: #f4b400 !important

}

.toast-gold {

    background-color: #f9b256 !important

}

.toast-orange {

    background-color: #fb6e52 !important

}

.toast-lightred {

    background-color: #e46f61 !important

}

.toast-darkorange {

    background-color: #ed4e2a !important

}

.toast-red {

    background-color: #df5138 !important

}

.toast-danger {

    background-color: #d73d32 !important

}

.toast-pink {

    background-color: #e75b8d !important

}

.toast-darkpink {

    background-color: #cc324b !important

}

.toast-magenta {

    background-color: #bc5679 !important

}

.toast-purple {

    background-color: #7e3794 !important

}

.toast-maroon {

    background-color: #981b48 !important

}

@media all and (max-width: 239px) {

    #toast-container>div {

        padding: 8px 8px 8px 50px;

        width: 11em

    }

    #toast-container .toast-close-button {

        right: -.3em;

        top: -0.9em;

    }

}

@media all and (min-width: 240px) and (max-width: 479px) {

    #toast-container>div {

        padding: 8px 8px 8px 50px;

        width: 18em

    }

    #toast-container .toast-close-button {

        right: -.3em;

        top: -0.9em;

    }

}

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

    #toast-container>div {

        padding: 15px 15px 15px 50px;

        width: 25em

    }

}



/*=================== Product detail information ======================*/



.product-detail-left .list-thumbnail{

    padding: 0 20px;

    position: relative;

}

.product-detail-left .list-thumbnail .owl-prev,.product-detail-left .list-thumbnail .owl-next{

    border: 0;

    position: absolute;

    text-decoration: none;

    padding: 0;

    background: transparent !important;

    outline: none;

    border-radius: 0;

    white-space: nowrap;

    margin-right: 0;

    margin-left: 0;

    overflow: hidden;

    text-align: center;

    color: #222222;

    font-size: 18px;

}

.product-detail-left .list-thumbnail .owl-prev{

    left: 0px !important;

    top: 35% !important;

    box-shadow: none;

}

.product-detail-left .list-thumbnail .owl-next{

    right: 0px !important;

    top: 35% !important;

    box-shadow: none;

}

.product-detail-left .list-thumbnail .owl-prev.disabled, .product-detail-left .list-thumbnail .owl-next.disabled{

    color: #ccc;

}

.details-pro .title-product{

    color: #474c5f;

    font-size: 24px;

    line-height: 30px;

    margin: 0px;

    margin-bottom: 5px;

    font-weight: 400;

}

.details-pro .group-status{

    font-size: 14px;

    font-family: 'Roboto',sans-serif;

    margin: 10px 0;

}

.details-pro .group-status .status_name{

    color: #fcaf17;

    font-weight: bold;

}

.details-pro .price-box{

    display: inline-block;

}

.details-pro .add-favourite{

    margin-left: 20px;

    display: inline-block;

}

.details-pro .product-price{

    font-size: 24px;

    font-weight: bold;

    line-height: 28px;

    display: inline-block;

    color: #fcaf17;

}

.details-pro .price-box del{

    color: #acacac;

    font-size: 16px;

    margin-left: 15px;

}

.details-pro .rte{

    font-size: 14px;

    font-family: 'Roboto',sans-serif;

    line-height: 28px;

}

.details-pro .rte p{

    color: #707070;

    margin: 0;

}

.details-pro .social-sharing .social-media{

    font-size: 14px;

}

.details-pro .social-sharing .social-media a{

    display: inline-block;

    width: 20px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    border-radius: 50%;

    margin: 0 5px;

    color: #575454;

}

.details-pro .social-sharing .social-media a:hover{

    color: #fcaf17;

}

.product-rate{

    overflow: hidden;

    margin: 5px 0;

}

.product-rate > span{

    color: #b9b9b9;

    margin-left: 10px;

    margin-top: 5px;

    display: inline-block;

}

.details-pro .quantity{

    overflow: hidden;

    margin: 20px 0 0 0;

}

.details-pro .quantity .btn-website-1{

    height: 40px;

    line-height: 40px;

    padding: 0 45px;

}

.details-pro .quantity label{

    float: left;

    width: 100%;

    margin-bottom: 10px;

}

.details-pro .social-sharing{

    margin: 15px 0 0 0;

}

.product-detail-box{

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

    padding: 10px 0;

    margin: 10px 0;

}

.product-detail-box p{

    margin-bottom: 5px;

}

.product-detail-left .xzoom-container img{

    border: 1px solid #ccc;

}

.product-detail-left .xactive{

    border: 1px solid #7ea643 !important;

}



/*============================ MODAL ADD PRODUCT IN CART   ==========================================*/

#productQuickView{

    display: none;

    position: fixed;

    z-index: 999;

    left: 0;

    top: 70px;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background-color: rgb(0,0,0);

    background-color: rgba(0,0,0,0.4);

    transtion: all .5s;

}



#productQuickView .modal-content {

    background-color: #fefefe;

    margin: 5% auto;

    padding: 20px;

    border: 1px solid #888;

    width: 80%;

    max-width: 780px;

    transform: translatey(-30px);

    transition: all .5s;

    position: relative;

}



#productQuickView .close {

    color: #aaa;

    font-size: 28px;

    font-weight: bold;

    position: absolute;

    right: 0;

    top: 0;

    width: 40px;

    text-align: center;

}



#productQuickView .close:hover,

#productQuickView .close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

}

#productQuickView .owl-carousel .owl-nav [class*=owl-]{

    top: 21% !important;

    box-shadow: none;

    background-color: transparent !important;

}

.product-detail-left .owl-carousel .owl-nav [class*=owl-]{

    top: 35% !important;

    box-shadow: none;

    background-color: transparent !important;

}

.ajax-left{

    float: left;

}

.ajax-right{

    float: left;

    margin-left: 30px;

}

.ajax-product-title{

    font-size: 18px;

    color: #f62d3e;

    width: 375px;

    display: block;

}

.success-message{

    margin-top: 10px;

}

.infor-order{

    border: 1px solid #d8d8d8;

}

.pages .form-group{

    margin-bottom: 15px;

}

.pages label{

    font-size: 14px;

    margin-bottom: 7px;

    font-weight: normal;

    display: inline-block;

    max-width: 100%;

}

.pages textarea,.pages input[type="text"],.pages input[type="password"],.pages input[type="datetime"],.pages input[type="datetime-local"],.pages input[type="date"],.pages input[type="month"],.pages input[type="time"],.pages input[type="week"],.pages input[type="number"],.pages input[type="email"],.pages input[type="url"],.pages input[type="search"],.pages input[type="tel"],.pages input[type="color"]{

    -webkit-border-radius: 0 !important;

    -webkit-background-clip: padding-box !important;

    -moz-border-radius: 0 !important;

    -moz-background-clip: padding !important;

    border-radius: 0 !important;

    background-clip: padding-box !important;

    color: #858585;

    background-color: #fbfbfb;

    border: 1px solid #d5d5d5;

    font-family: inherit;

    -webkit-transition: -webkit-box-shadow .45s,border-color .45s ease-in-out;

    -moz-transition: -moz-box-shadow .45s,border-color .45s ease-in-out;

    -o-transition: box-shadow .45s,border-color .45s ease-in-out;

    transition: box-shadow .45s,border-color .45s ease-in-out;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}

.pages .form-control{

    display: block;

    width: 100%;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}

.pages .select2-container{

    min-width: 100%;

}

.select2-container{font-size:13px;box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:34px;user-select:none;-webkit-user-select:none;outline:none !important}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none !important}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;outline:none !important}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #ccc;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block;padding:0 5px 5px}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box;outline:none !important}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #ccc}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:32px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:34px;position:absolute;top:0;right:7px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{width:100%;height:100%;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;font-size:14px}.select2-container--default .select2-selection--single .select2-selection__arrow b:before{content:"";width:100%;height:100%;text-align:center;display:block;line-height:34px}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #ccc;cursor:text;height:34px}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px 0 3px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:normal;margin-top:5px;margin-right:5px;font-size:16px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#2dc3e8;border:1px solid #2dc3e8;color:#fff;-webkit-border-radius:2px;-webkit-background-clip:padding-box;-moz-border-radius:2px;-moz-background-clip:padding;border-radius:2px;background-clip:padding-box;cursor:default;float:left;margin-right:3px;margin-top:3px;padding:0 5px 2px;font-size:13px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#fff;cursor:pointer;display:inline-block;font-weight:normal;font-size:16px;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fafafa}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:3px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #ccc;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0}.select2-container--default .select2-results>.select2-results__options{max-height:215px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#2dc3e8;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}



.datepicker{top:0;left:0;padding:4px;margin-top:1px}.datepicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.datepicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.datepicker>div{display:none}.datepicker table{width:100%;margin:0}.datepicker td,.datepicker th{text-align:center;font-size:12px;height:20px;width:20px}.datepicker td.day:hover{background:#eee;cursor:pointer}.datepicker td.day.disabled{color:#eee}.datepicker td.old,.datepicker td.new{color:#999}.datepicker td.active,.datepicker td.active:hover{background-color:#2dc3e8;color:#fff;-webkit-text-shadow:0 -1px 0 rgba(0,0,0,.25);text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer}.datepicker td span:hover{background:#eee}.datepicker td span.active{background-color:#2dc3e8;color:#fff;-webkit-text-shadow:0 -1px 0 rgba(0,0,0,.25);text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker td span.old{color:#999}.datepicker th.switch{width:175px}.datepicker th.next,.datepicker th.prev{font-size:12px}.datepicker thead tr:first-child th{cursor:pointer}.datepicker thead tr:first-child th:hover{background:#eee}



.btn-website{

    display: block;

    background: #7ea643;

    text-transform: uppercase;

    margin-top: 10px;

    color: #ffffff !important;

    border: 1px solid transparent !important;

    outline: unset;

    border-right: 1px solid #feccf9 !important;

    padding: 10px 30px;

    transition: 0.5s all ease;

    background-color: #333;

}

.btn-website:hover{

    color: #333 !important;

    border: 1px solid #333 !important;

    background: white !important;

}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{

    -webkit-border-radius: 0 !important;

    -webkit-background-clip: padding-box !important;

    -moz-border-radius: 0 !important;

    -moz-background-clip: padding !important;

    border-radius: 0 !important;

    background-clip: padding-box !important;

    color: #858585;

    background-color: #fbfbfb;

    border: 1px solid #d5d5d5;

    font-family: inherit;

    -webkit-transition: -webkit-box-shadow .45s,border-color .45s ease-in-out;

    -moz-transition: -moz-box-shadow .45s,border-color .45s ease-in-out;

    -o-transition: box-shadow .45s,border-color .45s ease-in-out;

    transition: box-shadow .45s,border-color .45s ease-in-out;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



.no-image{

    width: 125px;

    height: 125px;

    margin: 0px auto 12px auto;

    display: block;

    cursor: pointer;

}

.no-image a{

    height: 100%;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    border: 1px solid #ddd;

    background: #fafbfc;

    border-radius: 50%;

    overflow: hidden;

}

.no-image a img{

    width: 100%;

    height: auto;

}

.no-image i {

    font-size: 50px;

    color: #c8c8c8;

    width: 96%;

    height: 150px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.tag {

    background: #e51f28;

    border-radius: 3px 0 0 3px;

    color: #fff;

    display: inline-block;

    height: 24px;

    line-height: 22px;

    padding: 0px 10px 0 20px;

    position: relative;

    text-decoration: none;

    -webkit-transition: color 0.2s;

    font-size: 11px;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    float: right;

    margin: 4px 0 0 15px;

}



.tag::before {

    background: #fff;

    border-radius: 10px;

    box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);

    content: '';

    height: 6px;

    left: 10px;

    position: absolute;

    width: 6px;

    top: 10px;

}



.tag::after {

    background: #fff;

    border-bottom: 12px solid transparent;

    border-right: 10px solid #e51f28;

    border-top: 12px solid transparent;

    content: '';

    position: absolute;

    left: 0;

}

.add-quantity {

    width: 150px;

    display: inline-block;

    float: left;

    position: relative;

    padding: 0;

    border: none;

    box-shadow: none;

    height: 45px;

}

.add-quantity .btn-quantity {

    font-size: 18px;

    line-height: 37px;

    border: solid 1px #ebebeb;

    display: inline-block;

    width: 40px;

    height: 40px;

    background: #fff;

    float: left;

    color: #222;

    text-align: center;

    padding: 0;

    cursor: pointer;

}

.add-quantity .debit{

    border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;

}

.add-quantity .credit{

    border-top-right-radius: 3px;

    border-bottom-right-radius: 3px;

}

.add-quantity input.number-box {

    margin: 0;

    display: block;

    float: left;

    height: 40px;

    border-right: none;

    border-left: none;

    width: 55px;

    text-align: center;

    box-shadow: none;

    border-radius: 0;

    font-size: 15px;

    border-top: 1px solid #ebebeb;

    border-bottom: 1px solid #ebebeb;

}

body.filter #produce .menu-tabs{

    position: fixed;

    top: 84px;

    left: 0;

    width: 100%;

    z-index: 999;

}

body.filter #produce .filter{

    position: fixed;

    top: 120px;

    left: 0;

    width: 100%;

    z-index: 999;

    background-color: #F1F1F3;

}

body.open {

    overflow: hidden;

}

/* loading */

body.loading{

    overflow: hidden;

}

.load-site{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: url(../images/footer.jpg) repeat;

    z-index: 999999999999;

    transition: 0.5s all;

    opacity: 0;

    visibility: hidden;

    display: flex;

    justify-content: center;

    align-items: center;

}

body.loading .load-site{

    visibility: visible;

    opacity: 1;

}

.title-2{

    border-left: 6px solid #666;

    font-size: 24px;

    color: #555;

    padding: 3px 15px 3px 15px;

    margin: 0 0 20px 0;

    display: inline-block;

    float: left;

}

.xzoom-preview, .xzoom-source, .xzoom-hidden{

    z-index: 99999;

}

.ckeditor img{

    max-width: 100%;

    height: auto !important;

    margin: 10px 0;

}

.ckeditor p{

    font-size: 14px;

    line-height: 1.7em;

    color: #333;

    font-family: "UTM-Neo-Sans-Intel", Roboto,Helvetica,sans-serif;

}

.ckeditor td, .ckeditor th{

    border: 1px solid #777;

    padding: 3px 10px;

}

.ckeditor ul li, .ckeditor ol li{

    list-style: inherit;

    margin-left: 20px;

}

.ckeditor ul, .ckeditor ol{

    margin-bottom: 15px;

}

.ckeditor table p{

    margin: 0;

}

.ckeditor a{

    display: initial !important;

}

.fancybox-opened{

    z-index: 99999 !important;

}

.fancybox-overlay{

    z-index: 9999 !important;

}

.close-window {

    position: absolute;

    top: -15px;

    right: -15px;

    color: white !important;

    background-color: #474c5f;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    border-radius: 50%;

}

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

    .product-detail-left .xzoom-container img {

        width: 100% !important;

    }



    .product-detail-left{

        margin-bottom: 30px;

    }

}