:root{
    --green-color: #2B2B2B;
    --green-banana-color: #2B2B2B;
    --gray-color: #a6a6a626;
    --light-color: #a6a6a626;
    --white-color: #ffffff;
    --black-color: #535353;
    --wrap-color: #a6a6a626;
}
@font-face {
  font-family: 'icons';
  src: url("../fonts/icons.woff?v=1516") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*============================================================================ #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";
}
 .payment-icons {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     cursor: default;
}
 .payment-icons li {
     margin: 0 7.5px 7.5px;
     color: #bbbbbb;
     cursor: default;
}
 .payment-icons .icon {
     font-size: 30px;
     line-height: 30px;
}
 .payment-icons .fallback-text {
     text-transform: capitalize;
}
 .social-icons li {
     margin: 0 15px 15px;
     vertical-align: middle;
}
 @media screen and (min-width: 481px) {
     .social-icons li {
         margin-left: 0;
    }
}
 .social-icons li .icon {
     font-size: 30px;
     line-height: 26px;
}
 .social-icons li a {
     color: #bbbbbb;
}
 .social-icons li a:hover {
     color: #a2a2a2;
}
* {
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
}
body {
    font-size: 14px;
    font-family: Roboto,Helvetica,sans-serif;
    color: #A6A6A6 !important;
}
ul{
    margin: 0;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
    display: block;
    transition: all 0.5s;
    color: var(--black-color);
}
a:hover, a:focus {
    text-decoration: none;
    color: var(--green-color);
}
p{
    color: var(--black-color);
}
img{
    max-width: 100%;
}
.clear {
    clear: both;
    float: none !important;
}
/* Pagination Style */
.pagination{
    width: 100%;
    padding: 15px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    margin-bottom: 0;
}
.pagination>li>a, .pagination>li>span{
    color: var(--green-banana-color);
    margin: 0 5px;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
    background-color: var(--green-banana-color) !important;
    border: 1px solid var(--green-banana-color) !important;
    color: var(--white-color) !important;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    color: var(--white-color) !important;
    background-color: var(--green-banana-color) !important;
    border: 1px solid var(--green-banana-color) !important;
}
.upper{
    text-transform: uppercase;
}
.title-1 {
    border-left: 6px solid var(--green-banana-color);
    font-size: 24px;
    color: #555;
    padding: 3px 15px 3px 15px;
    margin: 0 0 20px 0;
    display: block;
}
.introduce{
    position: relative;
    overflow: hidden;
}
.introduce a:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.5);
    -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 a:before {
    -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);
}
.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.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.box-thumbnail{
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
}
.thumbnail-lazy{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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;
    border: 0 !important;
}
.thumbnail-lazy img{
    width: 100%;
    height: auto;
}
@-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}}
.playIcon {
    top: 41%;
    left: 44%;
    position: absolute !important;
    z-index: 1;
    font-size: 2.2em;
    color: #cc181e;
    transition: color 0.5s ease;
}
.playIcon:after {
    content: "";
    width: 20px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    top: 9px;
    left: 9px;
    z-index: -1;
}
/* sale icon */
.sale {
    position: absolute;
    top: 15px;
    right: 15px;
    display: inline-block;
    background: #e51f28;
    color: white;
    height: 3rem;
    width: 3rem;
    text-align: center;
    vertical-align: middle;
    line-height: 3rem;
    transform: rotate(-20deg);
    animation: beat 1s ease infinite alternate;
    font-size: 0.8em;
    z-index: 2;
}
.sale:before,
.sale:after {
    content: "";
    position: absolute;
    background: inherit;
    height: inherit;
    width: inherit;
    top: 0;
    left: 0;
    z-index: -1;
    transform: rotate(30deg);
}
.sale:after {
    transform: rotate(60deg);
}
@keyframes beat {
    from {
        transform: rotate(-20deg) scale(1);
    }
    to {
        transform: rotate(-20deg) scale(1.1);
    }
}
.btn-website-1{
    background-color: var(--green-color) !important;
    border-radius: 3px;
    color: white !important;
}
.btn-website-1:hover{
    background-color: #474c5f;
    color: white !important;
}
.rate{
    margin: 8px 0 0 -3px;
}
.rating {
    border: none;
    float: left;
}
.rating > input { display: none; }
.rating > label:before {
    margin: 3px;
    font-size: 1.2em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}
.rating > .half:before {
    content: "\f089";
    position: absolute;
}
.rating > label {
    color: #b9b9b9;
    float: right;
    margin: 0;
}
/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label {color: #fcaf17;} /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {color: #fcaf17;}

.rating > label.inactive{
    color: #b9b9b9 !important;
    margin: 0;
}

/* Breadcrumb */
#breadcrumb{
    background-color: var(--wrap-color);
}
#breadcrumb .breadcrumb{
    background-color: transparent;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}
#breadcrumb .breadcrumb a{
    display: inline-block;
    padding: 13px 0;
    font-family: 'Arial',sans-serif;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#breadcrumb .breadcrumb>.active{
    color: var(--green-color);
    font-family: 'Arial',sans-serif;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ckeditor img{
    max-width: 100%;
    height: auto !important;
    margin: 10px 0;
}
.ckeditor p{
    font-size: 14px;
    line-height: 1.7em;
    color: #333;
}
.ckeditor td, .ckeditor th{
    border: 1px solid #777;
    padding: 3px 10px;
}
.ckeditor ul li, .ckeditor ol li{
    list-style: inherit;
    padding: 5px 0;
}
.ckeditor ul, .ckeditor ol{
    padding-left: 30px;
}
.ckeditor table p{
    margin: 0;
}
figure.image{
    background-color: #ebebeb;
    margin-bottom: 20px;
    margin-top: 10px;
}
figure.image img{
    margin: 0;
}
figure.image figcaption{
    padding: 10px 15px;
}
.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;
}
/********** header **********/
.header .head-top{
    height: 35px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    line-height: 35px;
}
.head-top ul{
    text-align: right;
}
.head-top ul li{
    display: inline-block;
    border-right: 1px solid #999999;
    padding: 0 15px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
}
.head-top ul li a:hover{
    color: #7ea643;
}
.head-top ul li:first-child{
    padding-left: 0;
}
.head-top ul li:last-child{
    border: 0;
    padding-right: 0;
}
.head-top ul li a > i{
    color: #878787;
    margin-right: 5px;
}
.header .head-midde > div{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.header .head-midde .logo{
    margin: 9px 0;
}
.header .head-midde .logo a{
    width: 155px;
    margin: auto;
}
.header .head-midde .one{
    width: 21%;
    float: left;
}
.header .head-midde .two{
    width: 62%;
    float: left;
}
.header .head-midde .two #search{
    margin-top: 10px;
}
.header .head-midde .three{
    width: 18%;
    float: left;
}
.header .head-midde .three > ul{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    padding: 10px 0;
}
.header .head-midde .three > ul > li{
    display: inline-block;
    padding: 0 20px;
    border-right: 1px solid #b2b2b2;
    position: relative;
}
.header .head-midde .three > ul > li:last-child{
    padding-right: 0;
    border: 0;
}
.header .head-midde .three ul li a.btn-checkout:hover{
    color: var(--green-color);
}
.header .head-midde .box-head {
    position: absolute;
    top: 40px;
    right: 0;
    left: auto;
    min-width: 200px;
    z-index: 999999;
    box-shadow: none;
    border-radius: 0;
}
.header .head-midde .box-head>li>a {
    padding: 8px 20px;
}
/*4.4 Top Search */
.top-search a {
    color: #fff;
    cursor: pointer;
    padding: 8px 12px 9px
}
.top-search a:hover {
    background: #474c5f;
    color: #fff
}
.icon-search:before {
    font-size: 16px
}
.cart-top .dropdown-menu {
    padding: 10px;
    min-height: 100px;
    height: auto !important;
    min-width: 445px;
    top: 0;
    position: fixed;
    z-index: 999;
    display: block;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s;
    -o-transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s;
    transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s
}
#search .input-group {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    background: #fff;
}
#search input {
    height: 42px;
    display: inline-block;
    width: 71%;
    border: none;
    background: #fff;
    box-shadow: none;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    font-size: 14px;
}
.form-control::-moz-placeholder {
    color: #39342e;
}
#search button {
    line-height: 40px;
    padding: 0 18px;
    background: #f2f2f2;
    color: #525252 !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #cccccc;
}
.top-search .fade.in {
    background: none repeat scroll 0 0 rgba(0,0,0,0.5);
    opacity: 1
}
#search button i {
    font-size: 15px
}
select.cate-dropdown {
    float: left;
    display: inline-block;
    padding-right: 5px;
    padding-left: 15px;
    text-indent: 0.01px;
    cursor: pointer;
    color: #39342e;
    border: 1px solid #cccccc !important;
    height: 42px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 150px;
}
.cate-dropdown:focus {
    border: none;
}
/*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;
    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 {
    position: absolute;
    font-size: 10px;
    top: -10px;
    right: -13px;
    background-color: var(--green-color);
    border-radius: 50%;
    color: white;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    text-indent: 1px;
}
.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: 33px;
    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;
    margin-bottom: 15px
}
.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: 3px 5px 6px;
    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 {
    width: 272px;
    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: var(--green-color);
    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: var(--green-color);
    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 var(--green-color);
    font-weight: 900;
    font-family: "Roboto", sans-serif;
}
.mini-cart .actions .view-cart:hover {
    background: var(--green-color);
    color: #fff
}
.mini-cart .actions .button {
    display: inline-block;
    width: 100px;
    text-align: center;
    margin-bottom: 3px;
    padding: 8px 10px 6px;
    border: none;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
}
.mini-cart .button.btn-checkout {
    background-color: var(--green-color);
    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;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 8px 0 15px;
    position: relative;
}
#cart-sidebar .js-remove-item {
    position: absolute;
    top: 2px;
    right: 0;
    color: #d9354e;
}
#cart-sidebar li.last {
    padding: 5px 0 0;
    border-bottom: none;
    margin-bottom: 0;
    width: 100%;
}
.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: 55px;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    background-color: var(--green-banana-color);
    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: var(--green-color);
    border-top: 1px solid #ececec;
    height: 56px;
}
.header-menu .menus .logo, .header-menu .menus .social{
    display: none;
}
.header-menu .search-form{
    flex-grow: 2;
    margin-left: 20px;
    text-align: right;
}
.header-menu .search-form .search-button{
    color: #313131;
    background-color: #ededed;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    line-height: 33px;
    text-align: center;
}
.header-menu .show-search{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    visibility: hidden;
    opacity: 0;
    padding: 0 15px;
    transition: all 0.5s;
}
.header-menu .show-search.open{
    visibility: visible;
    opacity: 1;
    transition: all 0.5s;
}
.header-menu .show-search input{
    position: absolute;
    width: calc(100% - 75px);
    padding: 10px 15px 10px 0;
    font-size: 15px;
    margin-top: -18px;
}
.header-menu .show-search.open input{

}
.header-menu .menus > ul > li > a.active, .header-menu .menus > ul > li > a:hover{
    color: #fcaf17;
}
.header-menu .logo img{
    width: 100px;
    height: 100px !important;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.header-menu .menus > ul{
    position: relative;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 999;
}
.header-menu .menus > ul > li{
    display: inline-block;
}
.header-menu .menus > ul > li > a{
    color: white;
    text-transform: uppercase;
    padding: 0 20px;
    height: 56px;
    display: block;
    transition: color 0.5s ease;
    font-size: 14px;
    font-weight: 600;
    line-height: 56px;
}
.header-menu .menus > ul > li > a > i{
    margin-left: 7px;
}
.header-menu .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: 10;
    border-top: 2px solid #fcaf17;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    overflow: hidden;
    transition: all 0.5s;
    min-width: 250px;
}
.header-menu .menus > ul > li:hover > .sub-menu {
    top: 100%;
    visibility: visible;
    opacity: 1;
}
.header-menu .sub-menu li {
    float: none;
    text-align: left;
}
.header-menu .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;
    text-transform: uppercase;
}
.header-menu .sub-menu li:last-child a {
    border-bottom: 0;
}
.header-menu .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;*/
}
.sub-menu li a.active,
.sub-menu li a:hover,.header-menu .sub-menu.group li a:hover{
    color: white !important;
    padding-left: 25px;
    background-color: var(--green-banana-color) !important;
}
.header-menu .sub-menu.group li a:hover{
    padding-left: 15px;
}
.sub-menu.group {
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
}

.sub-menu.group > li {
    flex-grow: 1;
    padding: 0 10px;
}

.sub-menu.group > li ul {
    position: relative;
    background: #fff;
    float: none;
    border-radius: 0;
    width: 100%;
    box-shadow: none;
    border: 0;
}

.sub-menu.group > li > a {
    color: #474c5f !important;
    font-size: 15px !important;
    border-bottom: 1px solid #dfdfdf !important;
    padding: 15px 0 5px 0 !important;
    margin-bottom: 10px !important;
}
.sub-menu.group > li > a:hover{
    background-color: transparent !important;
}
.sub-menu.group a {
    text-transform: none;
}
.header.fixed .header-menu{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    height: 70px;
    box-shadow: 0 1px 5px rgba(190,190,190,.46);
    -webkit-box-shadow: 0 1px 5px rgba(190,190,190,.46);
    -moz-box-shadow: 0 1px 5px rgba(190,190,190,.46);
    border-color: transparent !important;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}

/*=================== WRAP CONTENT ===================*/
.wrap{
    min-height: 300px;
    background-color: var(--wrap-color);
}
/*=================== Section Contact ===================*/
.vtc-contact{
    margin-top: 30px;
}
.vtc-contact .box-content{
    background-color: #fff;
    border-bottom: 1px solid #c2c2c2;
    height: 100px;
    line-height: 100px;
}
.vtc-contact .item{
    text-align: center;
}
.vtc-contact .item i{
    width: 35px;
    height: 35px;
    color: var(--green-banana-color);
    border: 1px solid var(--green-banana-color);
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    margin-right: 15px;
}
.vtc-contact .item span{
    color: #666666;
    font-size: 14px;
}
.vtc-box{
    background-color: white;
    border: 1px solid #dfdfdf;
    overflow: hidden;
}

/*=================== footer website ===================*/
.upper{
    text-transform: uppercase;
}
.footer{
    background-color: var(--light-color);
}
.footer .vtc-footer-bottom{
    background-color: var(--gray-color);
    height: 50px;
    line-height: 55px;
    overflow: hidden;
}
.footer .vtc-copyright a{
    display: inline-block;
}
.footer .vtc-footer-bottom .vtc-footer-social{
    margin: 0;
    text-align: right;
}
.footer .vtc-footer-bottom .vtc-footer-social li{
    display: inline-block;
    margin-left: 45px
}
.footer .vtc-footer-bottom .vtc-footer-social li a{
    color: #808080;
    font-size: 22px;
}
.footer .vtc-footer-bottom .vtc-footer-social li a:hover{
    color: var(--green-color);
}
.footer .vtc-footer-top{
    padding: 60px 0 20px;
    overflow: hidden;
}
.footer .vtc-footer-desc img{
    width: 170px;
    margin-bottom: 15px;
}
.footer .vtc-footer-desc p{
    text-align: justify;
    font-size: 14px;
    line-height: 1.7em;
}
.footer .vtc-footer-title{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 20px 0;
}
.footer .vtc-footer-menu li a{
    font-size: 14px;
    margin-bottom: 12px;
    display: inline-block;
}
.footer .vtc-footer-menu li a i{
    margin-right: 5px;
}
.footer .vtc-footer-menu li a:hover{
    color: #fcaf17;
    margin-left: 5px;
}
/*=================== SCROLL TOP BUTTON ===================*/
.btn-top{
    position: fixed;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 999;
    display: none;
}
.btn-top .round {
    border: 2px solid var(--white-color);
    width: 40px;
    height: 40px;
    position: relative;
    background-color: var(--green-banana-color);
}

.btn-top span {
    z-index: 999;
    height: 2px;
    width: 12px;
    background: #fff;
    transition: 0.4s ease;
}

.btn-top span:first-child {
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    left: 25%;
    bottom: 35%;
}

.btn-top span:nth-child(2) {
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 45%;
    bottom: 35%;
}

.btn-top span:nth-child(3) {
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    left: 25%;
    bottom: 54%;
}

.btn-top span:nth-child(4) {
    display: block;
    position: absolute;
    transform: rotate(45deg);
    left: 45%;
    bottom: 54%;
}

.btn-top .round:hover{
    background: var(--green-banana-color);
}

.btn-top .round:hover span:nth-child(1) {
    transform: rotate(135deg);
}
.btn-top .round:hover span:nth-child(2) {
    transform: rotate(-135deg);
}
.btn-top .round:hover span:nth-child(3) {
    transform: rotate(-225deg);
}
.btn-top .round:hover span:nth-child(4) {
    transform: rotate(225deg);
}

/*=================== Product detail information ======================*/
.product-detail{
    overflow: hidden;
    margin-bottom: 50px;
}
.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: -10px !important;
    top: 35% !important;
    box-shadow: none;
}
.product-detail-left .list-thumbnail .owl-next{
    right: -10px !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 !important;
}
.details-pro .title-product{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 5px;
    font-weight: 400;
    color: var(--green-color);
    margin-top: 0;
}
.details-pro .group-status{
    font-size: 15px;
    font-family: 'Roboto',sans-serif;
    margin: 10px 0;
}
.details-pro .group-status .status_name{
    color: var(--green-color);
    font-weight: bold;
}
.details-pro .price-box{
    display: inline-block;
}
.details-pro .add-favourite{
    margin-left: 20px;
    display: inline-block;
    font-size: 13px;
    color: var(--green-banana-color);
}
.details-pro .product-price{
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    display: inline-block;
    color: var(--green-color);
}
.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: var(--green-color);
}
.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: 10px 0;
    float: left;
}
.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{
    float: left;
    margin: 20px 0 0 20px;
}
.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 var(--green-banana-color) !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: var(--green-color);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
}
/*============================ MODAL ADD PRODUCT IN CART   ==========================================*/
#popup-cart{
    top:0 !important
}
#popup-cart-desktop{
    width:900px;
    background:#fff;
    float:none;
    margin:0 auto;
    position:relative;
    top:7%;
    bottom:10%;
    border-radius:4px
}
#popup-cart-desktop .wrap_popup{
    padding:0px 20px 20px;
    width:100%;
    float:left
}
#popup-cart-desktop .title-popup-cart{
    font-family:'Arial', sans-serif;
    margin-bottom:13px;
    font-size:16px;
    padding-right:15px;
    font-weight:400;
    padding:20px;
    background:#f62d3e
}
#popup-cart-desktop .title-popup-cart img{
    width:24px;
    display:inline-block;
    float:left
}
#popup-cart-desktop .title-popup-cart .cart_name_style{
    color:#ffde00
}
#popup-cart-desktop .title-popup-cart .your_product{
    padding-left:30px;
    font-family:'Arial', sans-serif;
    font-size:16px;
    line-height:24px;
    color:#fff;
    font-weight:400;
    display:inherit
}
#popup-cart-desktop .title-popup-cart i{
    color:#f62d3e;
    padding:5px;
    border:solid 1px;
    border-radius:50%
}
#popup-cart-desktop .title-popup-cart .cart-popup-name{
    font-family:'Arial', sans-serif;
    font-size:16px;
    color:#ffe21c;
    font-weight:400
}
#popup-cart-desktop .title-popup-cart .cart-popup-name a{
    color:#ffe21c
}
#popup-cart-desktop .title-popup-cart .cart-popup-name:hover>a{
    text-decoration:none
}
#popup-cart-desktop .title-quantity-popup{
    font-family:'Arial', sans-serif;
    font-weight:700;
    font-size:16px;
    line-height:18px;
    margin-bottom:20px;
    cursor:pointer;
    color:#333333;
    width:100%;
    float:left
}
#popup-cart-desktop .title-quantity-popup:hover{
    color:#f62d3e
}
#popup-cart-desktop .title-quantity-popup img{
    width:18px;
    display:inline-block;
    float:left
}
#popup-cart-desktop .title-quantity-popup .cart_status{
    line-height:26px;
    display:inline-block
}
#popup-cart-desktop .title-quantity-popup .cart_status .fa{
    line-height:26px
}
#popup-cart-desktop .title-quantity-popup .cart_status span{
    color:#f62d3e
}
#popup-cart-desktop .title-quantity-popup .total-p{
    display:inline-block;
    float:right;
    text-align:left;
    line-height:28px;
    font-size:14px
}
#popup-cart-desktop .title-quantity-popup .total-p .total-price{
    font-size:18px;
    font-weight:bold;
    color:#f62d3e
}
#popup-cart-desktop .content-popup-cart .thead-popup{
    border-top:solid 1px #e1e1e1;
    border-bottom:solid 1px #e1e1e1;
    border-left:solid 1px #e1e1e1;
    border-right:solid 1px #e1e1e1;
    float:left;
    width:100%;
    clear:both;
    background:#f9f9f9
}
#popup-cart-desktop .content-popup-cart .thead-popup>div{
    font-family:'Arial', sans-serif;
    float:left;
    padding:10px 10px;
    font-size:14px;
    color:#333333;
    border-right:solid 1px #e1e1e1
}
#popup-cart-desktop .content-popup-cart .thead-popup>div:last-child{
    border-right:solid 1px #f9f9f9
}
#popup-cart-desktop .content-popup-cart .thead-popup>div:first-child{
    padding:10px 20px;
    background:#fff
}
#popup-cart-desktop .content-popup-cart .thead-popup>div:nth-child(2),#popup-cart-desktop .content-popup-cart .thead-popup>div:nth-child(3),#popup-cart-desktop .content-popup-cart .thead-popup>div:nth-child(4){
    background:#fff
}
#popup-cart-desktop .content-popup-cart .tbody-popup{
    width:100%;
    float:left;
    clear:both;
    max-height:290px;
    overflow-y:scroll;
    overflow-x:hidden;
    border-top:none;
    border-right:solid 1px #e1e1e1;
    border-left:solid 1px #e1e1e1
}
#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar{
    background:#ffffff;
    width:5px
}
#popup-cart-desktop .content-popup-cart .tbody-popup ::-webkit-scrollbar-button{
    background:#fff
}
#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar-track{
    background:#ffffff;
    width:5px
}
#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar-track-piece{
    background:#ebebeb;
    width:5px
}
#popup-cart-desktop .content-popup-cart .tbody-popup::-webkit-scrollbar-thumb{
    background:#ccc;
    width:5px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup{
    width:100%;
    float:left;
    clear:both;
    border-bottom:1px solid #e1e1e1;
    min-height:150px;
    position:relative;
    width:893px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup:last-child{
    border-bottom:0px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup>div{
    float:left;
    padding:15px 0px;
    height:150px;
    display:-webkit-flex;
    -webkit-align-items:center;
    display:-ms-flexbox;
    display:flex !important;
    flex-flow:column;
    justify-content:center
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup>div.border{
    border-left:solid 1px #ebebeb
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup>div:first-child{
    border-left:0px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup>div:nth-child(4){
    border-right:solid 1px #ebebeb
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup>div:last-child{
    border-left:0px;
    position:absolute;
    right:0;
    padding-right:55px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .a2,#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .a3,#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .a4{
    border-left:solid 1px #e1e1e1
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .a4{
    position:relative
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .a4:after{
    content:"";
    border-width:1px;
    height:100%;
    position:absolute;
    right:0px;
    top:0px;
    padding:0px 0.5px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-remove{
    font-family:'Arial', sans-serif;
    margin:0;
    position:relative;
    margin-top:50%;
    font-size:20px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-image{
    display:block;
    padding:10px;
    float:left;
    width:120px;
    height:150px;
    display:-webkit-flex;
    -webkit-align-items:center;
    display:-ms-flexbox;
    display:flex !important;
    flex-flow:column;
    justify-content:center
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-image .product-image{
    width:90px;
    height:150px;
    display:-webkit-flex;
    -webkit-align-items:center;
    display:-ms-flexbox;
    display:flex !important;
    flex-flow:column;
    justify-content:center
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-image .product-image img{
    max-width:100%;
    height:auto
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info{
    display:block;
    float:left;
    width:100%;
    margin-left:10px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info p{
    margin:0px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-name a{
    font-family:'Arial', sans-serif;
    font-size:14px;
    line-height:19px;
    margin-bottom:5px;
    font-weight:400;
    position:relative;
    margin-top:7%;
    color:#333;
    padding-right:10px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-name a:hover{
    color:#f62d3e;
    text-decoration:none
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .variant-title-popup{
    font-size:13px;
    margin-bottom:5px;
    color:#333333
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .item-remove a{
    font-size:13px;
    color:#888
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .remove-item-cart{
    font-family:'Arial', sans-serif;
    font-size:13px;
    line-height:19px;
    display:block;
    color:#898989
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .remove-item-cart .fa{
    color:#898989
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .remove-item-cart:hover{
    text-decoration:none
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-info .addpass{
    font-size:13px;
    margin-top:5px !important
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price{
    padding:45px 0px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price span{
    display:block
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .price{
    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-weight:700;
    color:#2e3553;
    font-size:14px;
    margin-top:-9px;
    line-height:25px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .compare-price{
    color:#636363;
    font-size:14px;
    text-decoration:line-through;
    font-weight:500
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .item-price .compare-divide{
    font-size:14px;
    color:#636363
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .qty_inputt{
    padding:35px 0px;
    position:relative;
    width:90px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .num1{
    border-top-left-radius:3px;
    border-bottom-left-radius:3px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .num2{
    border-top-right-radius:3px;
    border-bottom-right-radius:3px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .items-count{
    border:1px solid #ddd;
    outline:none;
    background:#fff;
    height:25px;
    margin-top:10px;
    width:25px;
    text-align:center;
    vertical-align:top;
    padding:0;
    color:#333;
    line-height:25px;
    font-size:15px;
    font-weight:100
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .items-count.btn-minus{
    line-height:20px;
    font-size:22px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .number-sidebar{
    border:1px solid #ddd;
    height:25px;
    text-align:center;
    width:35px;
    vertical-align:top;
    margin-right:-1px;
    margin-top:10px;
    display:inline-block;
    min-height:25px;
    padding:0;
    border-left:0px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .cart-price{
    display:block;
    padding:45px 0px;
    font-family:'Arial', sans-serif;
    font-weight:400;
    color:#636363;
    font-size:14px;
    line-height:25px
}
#popup-cart-desktop .content-popup-cart .tbody-popup .item-popup .cart-price span{
    font-size:14px;
    margin-left:15px;
    margin-top:-10px;
    display:block;
    color:#2e3553;
    font-weight:700;
    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif
}
#popup-cart-desktop .content-popup-cart .tfoot-popup{
    width:100%;
    float:left;
    clear:both
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1{
    padding:15px 0px 15px;
    border-top:solid 1px #e1e1e1
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship{
    font-size:13px;
    width:320px
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship img{
    float:left;
    margin-right:10px
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship p{
    line-height:20px;
    font-family:'Arial', sans-serif;
    text-transform:uppercase;
    font-weight:bold;
    letter-spacing:0;
    margin:15px 15px 0;
    padding-left:10px
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-ship p:before{
    font-family:'FontAwesome';
    content:"\f0d1";
    font-size:16px;
    position:absolute;
    left:20px
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total .tongtien{
    margin:0;
    padding:0
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total .vanchuyen{
    font-weight:300;
    color:#f62d3e
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total span{
    font-weight:700;
    font-size:16px;
    color:#2e3553;
    font-family:"Roboto","HelveticaNeue","Helvetica Neue",sans-serif
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total p{
    font-family:'Arial', sans-serif;
    font-size:14px;
    font-weight:400;
    padding:15px 0;
    padding-bottom:0;
    margin-bottom:0;
    color:#333;
    text-align:right
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-1 .popup-total p .total-price{
    color:#f62d3e;
    font-weight:bold
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 a{
    cursor:pointer
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-continus-h{
    background:#ebebeb;
    float:right;
    margin-right:10px !important;
    display:inline-block;
    min-width:180px;
    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size:14px;
    font-weight:400;
    text-transform:none;
    height:42px;
    line-height:42px;
    color:#474c5f;
    padding:0 20px;
    text-align:center;
    white-space:nowrap;
    outline:none !important;
    border-radius:3px;
    cursor:pointer;
    border:none
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-proceed-checkout{
    background:#f62d3e;
    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size:14px;
    font-weight:400;
    text-transform:none;
    float:right;
    min-width:180px;
    display:block;
    border:1px solid #f62d3e;
    margin-right:0 !important;
    height:42px;
    line-height:42px;
    padding:0 20px;
    text-align:center;
    white-space:nowrap;
    outline:none !important;
    border-radius:3px;
    color:#fff
}
#popup-cart-desktop .content-popup-cart .tfoot-popup .tfoot-popup-2 .button.btn-proceed-checkout:hover{
    background:#fff;
    border:1px solid #f62d3e;
    color:#f62d3e
}
.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;
}
.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: 130px;
}
.vtc-small-menu .vtc-small-menu-header .close-small-menu{
    float: right;
    font-size: 14px;
}
.vtc-small-menu form{
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
    overflow: hidden;
}
.vtc-small-menu form input{
    padding: 8px 15px;
    min-width: 210px;
    border: 1px solid #e9e9e9;
    float: left;
}
.vtc-small-menu form button{
    border-radius: 0;
    margin: 0 0 0 -3px;
    padding: 7.5px 15px;
    float: left;
}
.mobile-nav .mobile-link-header{
    display: block;
    width: 100%;
    position: relative;
}
.mobile-nav li a{
    display: block;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
    background-color: #f6f6f6;
    font-size: 14px;
}
.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;
}
/*---------Footer Bottom-----------*/
#mobile-bottom-navigation {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99999;
  background-color: var(--green-color);
  /*background-image: -webkit-gradient(linear, left top, right top, from(var(--green-color)), to(var(--green-banana-color)));
  background-image: -webkit-linear-gradient(left, var(--green-color), var(--green-banana-color));
  background-image: -o-linear-gradient(left, var(--green-color), var(--green-banana-color));
  background-image: linear-gradient(to right, var(--green-color), var(--green-banana-color));*/
  box-shadow: 0px 0px 4.9px 0.1px rgba(4, 5, 5, 0.15);
  /*border-top: 1px solid white;*/
}
  #mobile-bottom-navigation .mobile-nav-item {
    display: block;
    height: 50px;
    padding: 0;
    text-align: center;
    position: relative; }
  #mobile-bottom-navigation .mobile-nav-item > a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #ffffff; }
  #mobile-bottom-navigation .mobile-nav-item > a i {
    font-size: 20px;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 3px; }
  #mobile-bottom-navigation .mobile-nav-item > a span {
    position: absolute;
    top: -8px;
    right: 10px;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 18px;
    border-radius: 50%;
    background-color: #9ea3ff;
    font-size: 12px;
    color: #ffffff;
}
#mobile-bottom-navigation li{
    width: 20%;
    float: left;
}
body.open{
    overflow: hidden;
}

/*=========== Box news ============*/
.vtc-news{
    margin-top: 30px;
}
.vtc-box-new .box-thumbnail{
    padding-top: 65.945%;
}
.vtc-box-new .item{
    border: 1px solid #d9d9d9;
}

.vtc-box-new .item:hover a{
    color: var(--green-color);
}
.vtc-box-new .item .desc{
    background-color: #fff;
    padding: 20px 20px 30px 20px;
}
.vtc-box-new .item .desc > a.title{
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px 0;
    line-height: 1.3em;
    height: 46px;
    overflow: hidden;
}
.vtc-box-new .item .desc > p{
    margin-bottom: 15px;
    line-height: 1.5em;
    font-size: 14px;
    height: 65px;
    overflow: hidden;
}
.vtc-box-new .item .desc > .actions{
    margin-bottom: 15px;
    font-size: 12px;
    overflow: hidden;
}
.vtc-box-new .item .desc > .actions span:first-child{
    float: left;
}
.vtc-box-new .item .desc > .actions > span:last-child{
    float: right;
}
.vtc-box-new .item .desc > .actions span i{
    margin-right: 10px;
}
.vtc-box-new .item .desc > .btn-readmore{
    font-size: 14px;
    font-weight: bold;
}
.vtc-box-new .item .desc > .btn-readmore i{
    margin-left: 5px;
}
/*=========== Box product hover ============*/
.hover-layout{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--green-banana-color);
    z-index: 10;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.product-actions{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-actions button{
    height: 40px;
    width: 40px;
    line-height: 0;
    color: var(--green-color);
    font-size: 16px;
    outline: 0 !important;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    opacity: 0;
    border-radius: 50%;
    background-color: #fff;
}
.product-actions > button:first-child{
    transform: translateX(-200px);
    margin: auto 5px;
}
.product-actions > button:last-child{
    transform: translateX(200px);
    margin: auto 5px;
}
.vtc-box-product .item:hover .hover-layout{
    opacity: 0.8 !important;
}
.vtc-box-product .item:hover .product-actions > button{
    opacity: 1 !important;
    transform: translateX(0px) !important;
}
/*=========== Box products ============*/
.vtc-products{
    margin-top: 30px;
    margin-bottom: 30px;
}
.vtc-box-product .box-thumbnail{
    padding-top: 100%;
}
.vtc-box-product .item{
    border: 1px solid #d9d9d9;
}
.vtc-box-product .item .desc{
    background-color: #fff;
    padding: 15px;
    overflow: hidden;
}
.vtc-box-product .item .desc .title{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    line-height: 1.3em;
    height: 40px;
    overflow: hidden;
}
.vtc-box-product .item .desc .current-price{
    font-weight: bold;
    font-size: 15px;
    margin-right: 15px;
}
.vtc-box-product .item .desc .old-price{
    color: #969696;
    text-decoration: line-through;
}
.vtc-box-product .item:hover a{
    color: var(--green-color);
}
.vtc-products .nav-tabs>li>a{
    font-size: 16px;
    border-right: 1px solid #a9a9a9;
    border-radius: 0;
    padding: 0 15px;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    text-transform: uppercase;
}
.vtc-products .nav-tabs>li:last-child>a{
    border: 0;
}
.vtc-products .nav-tabs>li.active>a,.vtc-products .nav-tabs>li.active>a:focus,.vtc-products .nav-tabs>li.active>a:hover,.vtc-products .nav-tabs>li>a:hover{
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    background-color: transparent;
    color: var(--green-banana-color);
}
.vtc-products .nav-tabs{
    float: left;
    border: 0;
    margin-top: 8px;
}
.vtc-products .title-1{
    display: inline-block;
    margin-right: 20px;
    float: left;
}
.live-chat.circle {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 5px;
    bottom: 5px;
    z-index: 9999;
    border: 1px solid var(--green-banana-color);
    background-color: #fff;
}
.live-chat {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
    animation: play 2s ease infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.live-chat.circle > .btn {
    background: none;
    border: none;
    position: relative;
    box-shadow: none;
}
@keyframes play {

    0% {
        transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 5px rgba(153,201,65, 0.4);
        -moz-box-shadow: 0 0 0 5px rgba(153,201,65, 0.4);
        -webkit-box-shadow: 0 0 0 5px rgba(153,201,65, 0.4);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(153,201,65, 0.4), 0 0 0 20px rgba(153,201,65, 0.2);
        -moz-box-shadow: 0 0 0 10px rgba(153,201,65, 0.4), 0 0 0 20px rgba(153,201,65, 0.2);
        -webkit-box-shadow: 0 0 0 10px rgba(153,201,65, 0.4), 0 0 0 20px rgba(153,201,65, 0.2);
    }
    25% {
        box-shadow: 0 0 0 15px rgba(153,201,65, 0.4), 0 0 0 30px rgba(153,201,65, 0.2);
        -moz-box-shadow: 0 0 0 15px rgba(153,201,65, 0.4), 0 0 0 30px rgba(153,201,65, 0.2);
        -webkit-box-shadow: 0 0 0 15px rgba(153,201,65, 0.4), 0 0 0 30px rgba(153,201,65, 0.2);
    }

}
.phonering-alo-ph-img-circle {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: static;
    border-radius: 100% !important;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: rgba(255,255,255,0.8);
}

.phonering-alo-ph-img-circle .pps-btn-img  {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--green-banana-color);
    font-size: 1.7em;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}
.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;
    padding: 15px;
}
#toast-container>.toast:before {
    content: '';
}
#toast-container.toast-top-full-width>div,
#toast-container.toast-bottom-full-width>div {
    width: 96%;
    margin: auto
}
.toast {
    background-color: #030303
}
.toast-success {
    background-color: #53a93f !important
}
.toast-warning {
    background-color: #f4b400 !important
}
.toast-danger {
    background-color: #d73d32 !important
}
/*=========== Media query ==========*/
@media screen and (max-width: 1199px){
    .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: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        padding: 10px 30px 10px 15px;
    }
     .vtc-menu-mobile #vtc-load-menu{
        color: var(--green-color);
        font-size: 24px;
    }
    .vtc-menu-mobile a.logo-x img{
        width: 120px;
    }
    body.open .vtc-small-menu{
        left: 0;
    }
    .phonering-alo-phone.phonering-alo-show{
        bottom: -25px;
        left: -50px;
    }
    .btn-top{
        bottom: 55px;
    }
    .footer .vtc-footer-bottom {
        margin-bottom: 50px;
        height: auto;
    }
    .top-cart-content{
        right: -30px;
        top: 37px;
    }
    .fb_dialog_mobile{
        bottom: 55px !important;
        right: 5px !important;
    }
}

@media screen and (max-width: 991px){
    .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;
        height: 100%;
        padding: 10px 30px 10px 15px;
    }
     .vtc-menu-mobile #vtc-load-menu{
        color: #5b5b5b;
        font-size: 24px;
    }
    .vtc-menu-mobile a.logo-x img{
        width: 120px;
    }
    body.open .vtc-small-menu{
        left: 0;
    }
    .vtc-products .nav-tabs{
        margin: 0 0 15px 0;
    }
    .vtc-footer-menu.col-md-push-1, .vtc-footer-fanpage{
        text-align: right;
    }
    .vtc-news-home .vtc-box-new [class*=col-]{
        width: 50%;
        margin-bottom: 30px;
    }
    .vtc-news-home .vtc-box-new [class*=col-]:last-child{
        display: block;
    }
    .vtc-products-banner .item{
        width: 50%;
    }
}

@media screen and (max-width: 767px){
    .product-detail-left .xzoom-container img {
        width: 100% !important;
    }
    .product-detail-left{
        margin-bottom: 30px;
    }
    .vtc-news-home .vtc-box-new [class*=col-]{
        width: 100%;
        margin-bottom: 30px;
    }
    .vtc-products-banner .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .vtc-box-new img, .vtc-products-banner img{
        width: 100%;
    }
    .vtc-footer-menu.col-md-push-1, .vtc-footer-fanpage{
        text-align: left;
    }
    .vtc-contact .box-content{
        height: auto;
        line-height: initial;
        padding: 10px 0;
    }
    .vtc-contact .item{
        text-align: left;
        display: flex;
        justify-content: start;
        align-items: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .vtc-contact .item span{
        line-height: 1.5em;
    }
    .footer .vtc-footer-top{
        padding: 40px 0 20px;
    }
    .footer .vtc-footer-title{
        margin: 20px 0 15px 0;
    }
    .footer .vtc-footer-bottom{
        line-height: 30px;
        padding: 10px 0;
    }
    .footer .vtc-footer-bottom .vtc-copyright{
        text-align: center;
        margin-bottom: 5px;
    }
    .footer .vtc-footer-bottom .vtc-footer-social li{
        margin: 0 20px;
    }
    .footer .vtc-footer-bottom .vtc-footer-social{
        text-align: center;
    }
    .flex-direction-nav, .flexslider .slides> li .banner-description{
        display: none !important;
    }
    .vtc-services{
        display: none;
    }
    .vtc-menu-mobile{
        border: 1px solid #e5e5e5;
    }
    #breadcrumb .breadcrumb a{
        padding: 0;
    }
    #breadcrumb .breadcrumb{
        margin: 10px 0;
        overflow: hidden;
    }
    .new-detail-page .new-detail-title{
        font-size: 1.3em;
    }
}

@media screen and (max-width: 480px){
    .footer .vtc-footer-desc{
        text-align: center;
    }
    .footer .vtc-footer-desc img{
        width: 50%;
    }
    .vtc-box{
        margin: 0 -15px;
        border: 0;
        padding: 20px 15px !important;
    }
}
.xzoom-preview, .xzoom-source, .xzoom-hidden{
    z-index: 99999;
}
.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: 50%;
 transform: translateY(-50%);
}

.tag::after {
    background: #fff;
    border-bottom: 12px solid transparent;
    border-right: 10px solid #e51f28;
    border-top: 12px solid transparent;
    content: '';
    position: absolute;
    left: 0;
}
.product-rate > span, .rate > span {
    color: #b9b9b9;
    margin-left: 10px;
    margin-top: 5px;
    display: inline-block;
}
/*============================ MODAL ADD PRODUCT IN CART   ==========================================*/
#productQuickView{
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    transition: all .5s ease;
}

#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;
}

#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: var(--green-color) !important;
}
.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;
    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: var(--green-color);
}
.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;
}
.thumbnail-lazy img {
    height: 100% !important;
    object-fit: cover;
}
ul.product> li> ul a{
    text-transform: uppercase;
}