/*General*/
/*----------------------------------
Project: Tech888 Framework
Version: 1.1
Last change: 10/27/2017
Author: Tech888 Theme
Author URI: https://tech888.vn/
-----------------------------------*/
/* General */
@font-face {
    font-family: markpro;
    src: url(../fonts/MARKPRO.OTF);
}

@font-face {
    font-family: markpro;
    font-weight: 700;
    src: url(../fonts/MARKPROBOLD.OTF);
}

body {
    color: #333;
    font-family: 'roboto', sans-serif;
    font-size: 14px;
    line-height: inherit;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.font-markpro{
    font-family: 'markpro', sans-serif;
}

.wrap {
    overflow: hidden;
    position: relative;
}

* {
    box-sizing: border-box;
    outline: none;
}

img {
    max-width: 100%;
}

a {
    color: #555;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

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

.container {
    max-width: 1200px;
    position: relative;
    width: 100%;
}

input,
input:focus,
input:hover {
    outline: none;
}

/*Begin Class*/
.border {
    border: 1px solid #e5e5e5;
}

.no-margin {
    margin: 0;
}

.border-left {
    border-left: 1px solid #e5e5e5;
}

.border-right {
    border-right: 1px solid #e5e5e5;
}

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

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.transition {
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.radius4 {
    border-radius: 0px;
}

.radius6 {
    border-radius: 6px;
}

.drop-shadow {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.round {
    border-radius: 50%;
}

.desc {
    color: #555;
    margin: 0;
    line-height: 24px;
}

.white {
    color: #fff;
}

.black {
    color: #1f1f1f;
}

.dark {
    color: #000;
}

.gray {
    color: #555;
}

.silver {
    color: #999;
}

.navi {
    color: #1b2b3a;
}

.opaci {
    opacity: 0.7;
}

.bg-navi {
    background: #1b2b3a;
}

.blue {
    color: #43567e;
}

.bg-blue {
    background: #43567e;
}

.smoke {
    color: #ccc;
}

.bg-white {
    background: #fff;
}

.title14,
.title8,
.title12,
.title16,
.title18,
.title24,
.title30,
.title36,
.title40,
.title48,
.title60,
.title90,
.title120,
.title160,
.title100 {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}

.title8 {
    font-size: 8px;
}

.title12 {
    font-size: 12px;
}

.title16 {
    font-size: 16px;
}

.title18 {
    font-size: 18px;
}

.title24 {
    font-size: 24px;
}

.title30 {
    font-size: 30px;
}

.title36 {
    font-size: 36px;
}

.title40 {
    font-size: 40px;
}

.title48 {
    font-size: 48px;
}

.title60 {
    font-size: 60px;
}

.title90 {
    font-size: 90px;
}

.title120 {
    font-size: 120px;
}

.title160 {
    font-size: 160px;
}

.title100 {
    font-size: 100px;
}

.link-btn {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    border-style: solid;
    border-width: 1px;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.font-bold {
    font-weight: 700;
}

.font-light {
    font-weight: 300;
}

.absolute,
.item-contact-page .contact-thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
}

.inline-block {
    display: inline-block;
    vertical-align: top;
}

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

.list-inline-block {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-inline-block > li {
    display: inline-block;
    vertical-align: top;
}

.table-custom {
    display: table;
    margin: 0;
    width: 100%;
}

.table-custom > div {
    display: table-cell;
    vertical-align: top;
}

/*End Class*/
/*Begin Owl Carousel*/
.wrap-item:not(.owl-loaded) > div:not(:first-child) {
    display: none;
}

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

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    border: 1px solid #e5e5e5;
    border-radius: 0px;
}

.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover {
    background: #e7b622;
}

.owl-carousel .owl-nav button {
    width: 36px;
    height: 36px;
    display: inline-block;
    opacity: 1;
    padding: 0;
    text-align: center;
    margin: -18px 0 0 !important;
    border-radius: 0px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    position: absolute;
    top: 50%;
    z-index: 9;
    color: #999;
    background: transparent;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.owl-carousel .owl-nav button i::before {
    line-height: 34px;
}

.owl-carousel .owl-nav button.owl-prev {
    left: 0;
}

.owl-carousel .owl-nav button.owl-next {
    right: 0;
}

.banner-slider {
    position: relative;
    overflow: hidden;
}

.banner-slider .banner-thumb {
    position: relative;
}

.banner-slider .banner-thumb a {
    display: block;
}

.banner-slider .banner-thumb video {
    width: 100%;
    display: block;
}

.banner-slider .owl-theme .owl-nav button {
    opacity: 0;
    border: 1px solid #e5e5e5;
}

.banner-slider:hover .owl-theme .owl-nav button {
    opacity: 1;
}

.banner-slider .owl-theme .owl-nav button.owl-prev {
    left: -100px;
}

.banner-slider .owl-theme .owl-nav button.owl-next {
    right: -100px;
}

.banner-slider:hover .owl-theme .owl-nav button.owl-prev {
    left: 15px;
}

.banner-slider:hover .owl-theme .owl-nav button.owl-next {
    right: 15px;
}

.owl-theme .owl-controls .owl-pagination {
    padding: 15px 0;
}

.owl-theme .owl-controls .owl-page {
    vertical-align: top;
    border-radius: 50%;
    margin: 0 5px;
}

.owl-theme .owl-controls .owl-page span {
    background: #999;
    margin: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 1;
    position: relative;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.owl-theme .owl-controls .owl-page.active span {
    background: #333;
}

.banner-slider.bg-slider .item-slider {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-slider .item-slider {
    position: relative;
}

.banner-slider.bg-slider .banner-thumb img {
    max-width: none;
    opacity: 0;
    width: auto;
}

.group-navi .owl-nav {
    position: absolute;
    right: 15px;
    top: -40px;
    width: 75px;
    margin: auto;
}

.banner-slider .banner-thumb img {
    width: 100%;
}

.banner-slider .banner-info {
    height: 200px;
}

.banner-info {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

/*End Owl Carousel*/
/*Begin Box Hover Dir*/
.box-hover-dir {
    overflow: hidden;
    position: relative;
    cursor: all-scroll;
}

.box-hover-dir > div {
    height: 100%;
    position: absolute;
    width: 100%;
    transition: all 0.5s ease-out 0s !important;
    -webkit-transition: all 0.5s ease-out 0s !important;
}

/*End Box Hover Dir*/
/*Begin Banner Adv*/
.banner-advs {
    position: relative;
}

.adv-thumb-link {
    display: block;
    overflow: hidden;
    position: relative;
}

.adv-thumb-link > img {
    display: block;
    width: 100%;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

/*Zoom Rotate*/
.zoom-rotate .adv-thumb-link > img {
    transform: scale(1) rotate(0);
    -webkit-transform: scale(1) rotate(0);
}

.zoom-rotate:hover .adv-thumb-link > img {
    transform: scale(1.15) rotate(4deg);
    -webkit-transform: scale(1.15) rotate(4deg);
}

/*Zoom Image*/
.zoom-image:hover .adv-thumb-link > img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
}

/*Fade Out In*/
.fade-out-in .adv-thumb-link::before,
.fade-out-in .adv-thumb-link::after,
.fade-in-out .adv-thumb-link::before,
.fade-in-out .adv-thumb-link::after,
.overlay-image .adv-thumb-link::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: rgba(0, 0, 0, 0.1);
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.fade-out-in:hover .adv-thumb-link::before {
    opacity: 1;
    top: 50%;
    bottom: 50%;
}

.fade-out-in:hover .adv-thumb-link::after {
    opacity: 1;
    left: 50%;
    right: 50%;
}

/*Fade In Out*/
.fade-in-out .adv-thumb-link::before {
    opacity: 1;
    top: 50%;
    bottom: 50%;
}

.fade-in-out .adv-thumb-link::after {
    opacity: 1;
    left: 50%;
    right: 50%;
}

.fade-in-out:hover .adv-thumb-link::before {
    opacity: 0;
    top: 0;
    bottom: 0;
}

.fade-in-out:hover .adv-thumb-link::after {
    opacity: 0;
    left: 0;
    right: 0;
}

/*Pull Curtain*/
.pull-curtain .adv-thumb-link::before {
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.1);
    content: "";
    position: absolute;
    z-index: 1;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.pull-curtain .adv-thumb-link::after {
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.1);
    content: "";
    position: absolute;
    z-index: 1;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.pull-curtain:hover .adv-thumb-link::before,
.pull-curtain:hover .adv-thumb-link::after {
    width: 100%;
    height: 100%;
    opacity: 1;
}

/*Overlay Image*/
.overlay-image .adv-thumb-link::after {
    background: rgba(0, 0, 0, 0.3);
}

.overlay-image:hover .adv-thumb-link::after {
    opacity: 1;
}

/*Blue Image*/
.blur-image:hover .adv-thumb-link img {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

/*Gray Image*/
.gray-image:hover .adv-thumb-link img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/*Zoom Out*/
.zoom-out .adv-thumb-link img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(3);
    -webkit-transform: scale(3);
}

.zoom-out:hover .adv-thumb-link img {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

/*Line Scale*/
.line-scale .adv-thumb-link::before {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 10px;
    right: 10px;
    content: "";
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    z-index: 1;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.line-scale .adv-thumb-link::after {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 20px;
    right: 20px;
    content: "";
    border-left: 1px solid rgba(255, 255, 255, 0.9);
    border-right: 1px solid rgba(255, 255, 255, 0.9);
    z-index: 1;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.line-scale:hover .adv-thumb-link::before,
.line-scale:hover .adv-thumb-link::after {
    transform: scale(1);
    -webkit-transform: scale(1);
}

/*End Banner Adv*/
/*******************************************************************************************************
                    Preview Menu
********************************************************************************************************/
.main-nav > ul > li .sub-menu > li.menu-item-preview {
    position: relative;
}

.main-nav > ul > li .sub-menu > li.menu-item-preview::after {
    position: absolute;
    width: 10px;
    height: 40px;
    top: 0;
    left: 100%;
    content: "";
    background: transparent;
}

.main-nav > ul > li .sub-menu > li.menu-item-preview > .preview-image {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    left: 100%;
    padding: 5px;
    position: absolute;
    top: 0;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    margin-left: 10px;
    border: 1px solid #e5e5e5;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.main-nav > ul > li .sub-menu > li.menu-item-preview:hover > .preview-image {
    opacity: 1;
    visibility: visible;
}

.main-nav > ul > li .sub-menu > li.menu-item-preview > .preview-image > a {
    display: block;
    height: 140px;
    overflow: hidden;
    position: relative;
}

.main-nav > ul > li .sub-menu > li.menu-item-preview > .preview-image > a > img {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    width: 100%;
}

.main-nav > ul > li .sub-menu > li.menu-item-preview > .preview-image > a:hover > img {
    top: 100%;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

/*Begin Header On Top*/
.header-ontop {
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.header-ontop.fixed-ontop {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    right: 0;
    z-index: 999 !important;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
    left: 0;
    position: fixed !important;
    top: 0 !important;
}

/*End Header On Top*/
/*Begin Main Nav*/
.main-nav {
    position: relative;
    z-index: 1001;
}

.main-nav > ul {
    font-size: 0;
    list-style: none none;
    padding: 0;
    position: relative;
    margin: 0;
}

.main-nav > ul > li {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.main-nav > ul > li > a {
    color: #010a0f;
    font-weight: bold;
    display: block;
    height: 42px;
    line-height: 40px;
    position: relative;
    padding: 0 15px;
    text-transform: uppercase;
    font-size: 13px;
    border: 2px solid transparent;
}

.main-nav > ul > li.current-menu-item > a {
    border-color: #ee3023;
}

.main-nav > ul > li.menu-item-has-children > a::after {
    content: "\f107";
    font-family: fontAwesome;
    margin-left: 5px;
    display: inline-block;
}

.main-nav li.menu-item-has-children {
    position: relative;
}

.main-nav li.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

.main-nav .sub-menu {
    background: #fff;
    left: 0;
    list-style: none;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 200px;
    z-index: 999;
    text-align: left;
    margin: 30px 0 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.main-nav .sub-menu li {
    border-bottom: 1px solid #e5e5e5;
}

.main-nav .sub-menu li:last-child {
    border-bottom: none;
}

/*.main-nav .sub-menu li:hover {*/
/*background: rgba(0, 0, 0, 0.1);*/
/*}*/
.main-nav li.has-mega-menu > .mega-menu {
    background: #fff;
    left: 0;
    opacity: 0;
    padding: 15px 30px;
    position: absolute;
    top: calc(100%);
    visibility: hidden;
    width: 100%;
    z-index: 999;
    text-align: left;
    margin: 30px 0 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.main-nav li.has-mega-menu:hover > .mega-menu {
    margin: 0;
    opacity: 1;
    visibility: visible;
}

.main-nav > ul > li.menu-item-has-children.has-mega-menu {
    position: static;
}

.main-nav > ul > li .sub-menu > li > a {
    display: block;
    padding: 10px 15px;
    position: relative;
}

.main-nav > ul > li .sub-menu > li:last-child > a {
    border-bottom: none;
}

.main-nav > ul > li.has-mega-menu .sub-menu > li {
    padding: 0;
}

.main-nav > ul > li .sub-menu > li.menu-item-has-children > a {
    padding-right: 20px;
    position: relative;
}

.main-nav > ul > li .sub-menu > li.menu-item-has-children > a::after {
    content: "\f105";
    font-family: fontAwesome;
    position: absolute;
    right: 15px;
    top: 12px;
}

.main-nav > ul > li.menu-item-has-children li.menu-item-has-children > .sub-menu {
    left: 100%;
    top: 0;
}

.main-nav > ul > li.menu-item-has-children li.menu-item-has-children > .sub-menu.offset-right {
    left: auto;
    right: 100%;
}

.main-nav .sub-menu.offset-right {
    left: auto;
    right: 0;
}

/*Pointer Event*/
.sub-menu,
.mega-menu,
.dropdown-list {
    pointer-events: none;
}

.dropdown-box:hover > .dropdown-list,
li.has-mega-menu:hover > .mega-menu,
li.menu-item-has-children:hover > .sub-menu {
    pointer-events: inherit;
}

/*End Main Nav*/
/*Begin Toggle Mobile Menu*/
.main-nav .toggle-mobile-menu {
    display: none;
    height: 30px;
    width: 30px;
    position: relative;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.main-nav .toggle-mobile-menu span {
    position: absolute;
    width: 25px;
    height: 4px;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
}

.main-nav .toggle-mobile-menu::before,
.main-nav .toggle-mobile-menu::after {
    content: '';
    position: absolute;
    top: 0;
    height: 4px;
    width: 25px;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

}

.main-nav .toggle-mobile-menu::before {
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
}

.main-nav .toggle-mobile-menu::after {
    -webkit-transform: translate3d(0, 6px, 0);
    transform: translate3d(0, 6px, 0);
}

.main-nav.active .toggle-mobile-menu::before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.main-nav.active .toggle-mobile-menu::after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

.main-nav.active .toggle-mobile-menu span {
    display: none;
}

/*End Toggle Mobile Menu*/
/*Begin Menu Responsive*/
@media (max-width: 1200px) {

    .mega-menu {
        display: none;
    }

    .main-nav .toggle-mobile-menu {
        display: block;
    }

    .main-nav .sub-menu {
        background: #fff none repeat scroll 0 0;
        display: none;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: static !important;
        box-shadow: none !important;
        border-top: 1px solid #e5e5e5;
    }

    .main-nav > ul > li > a::before {
        display: none !important;
    }

    .main-nav > ul > li > a {
        color: #333 !important;
        border-top: 1px solid #e5e5e5 !important;
    }

    .main-nav {
        margin: 0;
    }

    .main-nav > ul {
        position: absolute;
        left: 0;
        top: 100%;

        width: 290px;
        z-index: 999;
        background: #fff;
        box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
        transform: translateX(-320px);
        -webkit-transform: translateX(-320px);
        text-align: left;
    }

    .main-nav.active > ul {
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
    }

    .main-nav > ul > li {
        display: block;
        margin: 0 5px !important;
        padding: 0 !important;
    }

    .main-nav .sub-menu li a::before {
        display: none;
    }

    .main-nav > ul li > a {
        display: block;
        font-size: 14px !important;
        font-weight: 400;
        height: auto !important;
        line-height: inherit !important;
        padding: 10px 0 !important;
        border-bottom: none !important;
    }

    .main-nav > ul li:first-child > a {
        border: medium none !important;
    }

    .main-nav .sub-menu > li {
        padding: 0px !important;
        margin: 0 0 0 15px;
    }

    .main-nav > ul > li.menu-item-has-children.has-mega-menu {
        position: relative;
    }

    .main-nav > ul li.menu-item-has-children .menu-item-has-children > a::after {
        right: 0;
        top: 0;
    }

    .main-nav > ul > li.menu-item-has-children > a::after {
        display: none;
    }

    .main-nav > ul > li .sub-menu {
        display: none;
        width: 100%;
        box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
        padding: 0;
    }

    .btn-toggle-mobile-menu {
        cursor: pointer;
    }

    .btn-toggle-mobile-menu::after {
        position: absolute;
        top: 11px;
        right: 0px;
        font-family: fontAwesome;
        content: "\f107";
    }

    .btn-toggle-mobile-menu.active::after {
        content: "\f106";
    }

    .main-nav > ul > li.menu-item-has-children li.menu-item-has-children > .sub-menu {
        left: 0;
        top: 100%;
        padding: 0;
    }

    .main-nav > ul > li.menu-item-has-children li.menu-item-has-children > a::after {
        display: none;
    }

    .main-nav > ul > li.has-mega-menu > a::after {
        display: none !important;
    }

    .menu-item-preview .preview-image {
        display: none;
    }

    .sub-menu,
    .mega-menu,
    .dropdown-list {
        pointer-events: inherit;
    }

    .main-nav > ul > li .sub-menu > li > a {
        background: #fff !important;
    }

    .main-nav li.has-mega-menu > .mega-menu {
        display: none;
        opacity: 1;
        margin: 0;
        border: 1px solid #f5f5f5;
    }
}

/*End Menu Responsive*/
/*Begin Rating*/
.product-rate {
    background-image: url(../images/icon/rate-star.png);
    background-position: 0 -9px;
    background-repeat: repeat-x;
    height: 9px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    width: 60px;
}

.product-rate.style2,
.product-rate.style2 .product-rating {
    background-image: url(../images/icon/rate-star2.png);
}

.product-rating {
    background-image: url(../images/icon/rate-star.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    height: 9px;
}

.item-product.text-center .product-rate {
    margin: auto;
}

/*End Rating*/
/*Button Scoll*/
body .scroll-top {
    bottom: 45px;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    opacity: 0;
    position: fixed;
    right: -50px;
    text-align: center;
    z-index: 999;
    font-size: 30px;
    /*border-style: solid;*/
    /*border-width: 1px;*/
    background: #33a83e;
    color: #fff !important;
}

.scroll-top.active {
    opacity: 1;
    right: 115px;
}

/*Begin Product*/
.product-slider .item-product {
    margin: 0 15px 30px;
}

.product-slider {
    margin: 0 -15px;
}

.item-product .product-info {
    padding-top: 17px;
    position: relative;
}

.product-thumb {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.product-title {
    margin: 0 0 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.table .product-info .product-title {
    white-space: normal;
}

.product-price ins {
    text-decoration: none;
}

.product-price {
    margin: 0 -2px 7px;
}

.product-price > * {
    margin: 0 2px;
}

/*Overlay Product*/
.product-thumb-link {
    display: block;
    position: relative;
    overflow: hidden;
}

.product-thumb-link img {
    width: 100%;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.product-thumb-link::before {
    background: rgba(255, 255, 255, 0.1);
    opacity: 0;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

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

/*Zoom Product*/
.product-thumb:hover .zoom-thumb img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
}

/*Zoomout Product*/
.zoomout-thumb img.hover-image-product {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale(3);
    -webkit-transform: scale(3);
}

.product-thumb:hover .zoomout-thumb img:last-child {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

/*Rotate Product*/
.rotate-thumb img.hover-image-product {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
}

.product-thumb:hover .rotate-thumb img:last-child {
    transform: rotateY(0);
    -webkit-transform: rotateY(0);
    opacity: 1;
}

.product-thumb:hover .rotate-thumb img:first-child {
    transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    opacity: 0;
}

/*Translate Product*/
.translate-thumb img.hover-image-product {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

.product-thumb:hover .translate-thumb img:last-child {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}

.product-thumb:hover .translate-thumb img:first-child {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    opacity: 0;
}

/*End Product*/
/*Select Box*/
.select-box select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    height: 40px;
    padding: 0 30px 0 15px;
    position: relative;
    z-index: 1;
    background: transparent;
    text-transform: capitalize;
    display: inline-block;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
}

.select-box {
    position: relative;
}

.select-box::after {
    position: absolute;
    top: 15px;
    right: 15px;
    content: "\f0dd";
    font-family: FontAwesome;
}

/*Begin Dropdown Box*/
.dropdown-box {
    position: relative;
    z-index: 10;
}

.dropdown-link {
    display: inline-block;
    position: relative;
}

.dropdown-list {
    background: #fff;
    margin-top: 30px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    width: 130px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.dropdown-box:hover .dropdown-list {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.language-box .dropdown-list li a span,
.currency-box .dropdown-list li a span {
    margin: 0 5px;
}

.language-box .dropdown-link::after,
.currency-box .dropdown-link::after {
    font-family: fontAwesome;
    content: "\f107";
    margin: 0 5px;
}

/*End Dropdown Box*/
/*Begin Wishlist Popup*/
.wishlist-mask {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    display: none;
}

.wishlist-popup {
    background: #fff none repeat scroll 0 0;
    border: 10px solid rgba(0, 0, 0, 0.5);
    bottom: 0;
    height: 200px;
    left: 0;
    margin: auto;
    padding: 20px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 470px;
    z-index: 9999;
}

.wishlist-button a {
    background: #858785 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 8px 15px;
    margin: 0 3px;
}

.popup-icon {
    font-size: 30px;
}

.wishlist-alert {
    margin: 10px 0 20px;
}

.product-popup-content {
    padding: 15px 0;
}

/*End Wishlist Popup*/
/*Begin Email Popup*/
#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes .window {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 9999;
}

.window-popup {
    padding: 10px 10px 40px 10px;
    width: 800px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    position: relative;
    background: #fff;
}

.window-popup .close-popup {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -15px;
    width: 30px;
    z-index: 999;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.content-popup-form {
    padding: 0 20px;
}

.content-popup-form .desc {
    margin-right: -10px;
}

.content-popup {
    position: relative;
    z-index: 99;
}

.content-popup input[type="text"] {
    width: 260px;
}

.content-popup .image-popup {
    margin: 0 0 15px;
    display: block;
    width: 100%;
}

.content-popup .title18 {
    margin-bottom: 22px;
}

/*End Email Popup*/
/*Begin Mini Cart*/
.mini-cart-box {
    position: relative;
    z-index: 1002;
}

.mini-cart-link {
    position: relative;
}

.mini-cart-link .mini-cart-number {
    position: absolute;
    top: -10px;
    right: -10px;
}

.list-mini-cart-item {
    margin-top: 15px;
}

.product-mini-cart.table-custom {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.product-mini-cart.table-custom:last-child {
    margin-bottom: 0px;
}

.product-mini-cart .product-thumb {
    width: 90px;
}

.mini-cart-box .dropdown-list {
    width: 290px;
    padding: 30px 15px;
}

.product-mini-cart .product-info {
    padding: 0 15px;
}

.mini-cart-button {
    margin: 20px -3px 0;
}

.mini-cart-button .shop-button {
    margin: 0 3px;
}

.mini-cart-qty label {
    font-weight: 400;
    margin: 0;
}

.product-mini-cart.table .product-delete {
    width: 20px;
}

/*End Mini Cart*/
/*Begin Count Down Master*/
.countdown-master .flip-clock-divider .flip-clock-label {
    display: none;
}

.countdown-master {
    display: inline-block;
    margin: 0;
    width: auto;
    vertical-align: middle;
}

.countdown-master.flip-clock-wrapper ul {
    background: transparent;
    float: left;
    margin: 0 -4px;
    width: 30px;
    height: 30px;
    border-radius: 0px;
}

.countdown-master.flip-clock-wrapper .flip {
    box-shadow: none;
}

.countdown-master.flip-clock-wrapper ul li {
    line-height: 30px;
    width: 30px;
}

.countdown-master.flip-clock-wrapper ul li a div div.inn {
    font-size: 18px;
    color: #fff600;
    background: #333333 url("../images/icon/bg-time.png") repeat-x scroll center center;
    border-radius: 0px;
}

.countdown-master.flip-clock-wrapper ul li a div.down {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.countdown-master .flip-clock-divider {
    height: 30px;
    width: 10px;
}

.countdown-master .flip-clock-dot {
    background: #333 none repeat scroll 0 0;
    box-shadow: none;
    height: 2px;
    left: 0px;
    width: 2px;
}

.countdown-master .flip-clock-dot.top {
    top: 10px;
}

.countdown-master .flip-clock-dot.bottom {
    bottom: 10px;
}

.hidden-canvas canvas {
    display: none;
}

/*End Count Down Master*/
/*Begin Preload*/
.wrap-item {
    position: relative;
}

.item-banner {
    position: relative;
}

/*End Preload*/
/*Begin Parallax*/
.parallax {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    min-height: 200px;
}

/*End Parallax*/
/*Begin Animated Background*/
@keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0 0;
    }
}

.animate-background {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    animation: animatedBackground 40s linear infinite;
    -moz-animation: animatedBackground 40s linear infinite;
    -webkit-animation: animatedBackground 40s linear infinite;
}

@keyframes hozAnimatedBackground {
    0% {
        background-position: 0 0;
    }
    50% {
        background-position: 100% 0;
    }
    100% {
        background-position: 0 0;
    }
}

.hoz-animate-background {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    animation: hozAnimatedBackground 40s linear infinite;
    -moz-animation: hozAnimatedBackground 40s linear infinite;
    -webkit-animation: hozAnimatedBackground 40s linear infinite;
    background-size: auto 100%;
}

/*End Animated Background*/
/*Begin Banner Background*/
.banner-background {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: relative;
    min-height: 200px;
}

/*End Banner Background*/
/*Begin Toggle*/
.item-toggle-tab .toggle-tab-content {
    display: none;
}

.toggle-tab-title {
    position: relative;
    cursor: pointer;
}

/*End Toggle*/
/*Begin Preload*/
.preload #loading {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    margin-top: 0px;
    top: 0px;
}

.preload #loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}

.preload #loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 200px;
    width: 200px;
    margin-top: -100px;
    margin-left: -100px;
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.preload .object {
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    border-top: 5px solid #FFF;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #FFF;
    border-right: 5px solid transparent;
    -webkit-animation: animate 2s infinite;
    animation: animate 2s infinite;
}

.preload #object_one {
    left: 75px;
    top: 75px;
    width: 50px;
    height: 50px;
}

.preload #object_two {
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.preload #object_three {
    left: 55px;
    top: 55px;
    width: 90px;
    height: 90px;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.preload #object_four {
    left: 45px;
    top: 45px;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@-webkit-keyframes animate {
    50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8);
    }
}

@keyframes animate {
    50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8);
    }
}

/*Style*/
/*******************************************************************************************************
                      Blog
********************************************************************************************************/
.header-top-default {
    padding: 3px 0;
}

.header-nav-default {
    padding: 15px 0;
    background: #333;
}

.footer-default {
    background: #fff;
    box-shadow: 0px 0px 16px 0px rgba( 96, 129, 196, 0.23 );
    padding: 0px;
    padding-top: 40px;
}

.home .footer-default{
    background: #f5f5f5;
    box-shadow: none;
}

.footer-default .logo-wrap{
        mix-blend-mode: multiply;
}

.content-page {
    margin: 50px 0px 0px 0px;
}

.mega-list-cat ul li {
    border-top: 1px solid #e5e5e5;
}

.mega-list-cat ul li a {
    display: block;
    padding: 10px 0;
}

.mega-list-cat ul {
    margin-top: 15px;
}

.bread-crumb {
    /*background: #f9f9f9;*/
    /*padding: 15px 20px;*/
    border-radius: 0px;
}

.bread-crumb a {
    display: inline-block;
}

.wrap-bread-crumb {
    margin: 0px 0px 110px 0px;
    padding: 0px 75px;
}

.wrap-bread-crumb-inner{
    background: #ccc;
    padding: 203px 0px;
    background-size: cover;
    background-position: center;
}

.bread-crumb {
    /*background: #f9f9f9;*/
    /*padding: 29.5px 20px;*/
}

.bread-crumb a {
    display: inline-block;
    color: #fff;
}

.bread-crumb span{
    color: #fff;
}

.sidebar {
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    padding: 15px;
}

.widget-title {
    /*border-bottom: 1px solid #e5e5e5;*/
    padding-bottom: 10px;
    margin-bottom: 20px;
    line-height: normal;
}

.wg-list-categories ul {
    padding-left: 15px;
}

.wg-list-categories li a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

.wg-list-categories li {
    position: relative;
}

.wg-list-categories li:last-child a {
    border-bottom: none;
}

.wg-list-categories li .count {
    position: absolute;
    right: 0;
    top: 9px;
    color: #fff;
    width: 20px;
    height: 20px;
    background: #999;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
}

.widget {
    margin-bottom: 45px;
}

.widget:last-child {
    margin-bottom: 0;
}

.widget-tags li a {
    padding: 6px 15px;
    border: 1px solid #e5e5e5;
    display: block;
    border-radius: 0px;
}

.wg-list-tags li {
    display: inline-block;
    margin-bottom: 5px;
}

.wg-list-tags ul {
    padding-left: 15px;
}

.wg-list-categories {
    margin-top: -20px;
}

.wg-list-categories li.has-children {
    border-bottom: 1px solid #e5e5e5;
}

.wg-search-form {
    position: relative;
}

.wg-search-form input[type="text"] {
    border: 1px solid #e5e5e5;
    height: 40px;
    padding: 0 15px;
    display: block;
    width: 100%;
    border-radius: 0px;
}

.wg-search-form input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 40px;
    background: transparent;
    border: none;
    z-index: 1;
}

.wg-search-form::after {
    position: absolute;
    top: 13px;
    right: 15px;
    font-family: Linearicons;
    content: "\e922";
    color: #999;
}

.title-page {
    margin-bottom: 30px;
}

.view-type a {
    display: inline-block;
    height: 36px;
    line-height: 34px;
    width: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    text-align: center;
    color: #999;
    margin: 0 -2px;
}

.view-type a.active {
    background: #f9f9f9;
}

.view-type a.grid-view {
    border-radius: 4px 0 0 4px;
}

.view-type a.list-view {
    border-radius: 0 4px 4px 0;
}

.title-page h2 {
    padding: 8px 0;
}

.show-by .dropdown-link .silver {
    position: relative;
    height: 36px;
    display: inline-block;
    min-width: 70px;
    line-height: 34px;
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 0 15px;
}

.sort-pagi-bar > li {
    margin: 0 15px;
}

.sort-pagi-bar {
    margin: 0 -15px;
}

.show-by > .dropdown-link > span.gray,
.view-type > span.gray {
    margin: 0 15px 0 0;
    display: inline-block;
}

.show-by .dropdown-list {
    left: auto;
    right: 0;
    width: 100%;
}

.dropdown-list li a {
    display: block;
    padding: 5px 10px;
    background: #f9f9f9;
    border-bottom: 1px solid #fff;
}

.dropdown-list li a:hover {
    color: #fff;
}

.dropdown-list li:last-child a {
    border-bottom: none;
}

.show-by .dropdown-link .silver::after {
    font-family: FontAwesome;
    content: "\f0dd";
    position: absolute;
    right: 10px;
    top: -2px;
    color: #e7b622;
}

.blog-grid-view .item-post {
    margin-bottom: 30px;
}

.single-post-date {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    background: #ccc;
    color: #fff;
    text-align: center;
    font-size: 12px;
    z-index: 10;
}

.single-post-date strong {
    font-size: 18px;
    display: block;
    font-weight: 400;
    background: #333;
    padding: 9px 10px;
}

.single-post-date span {
    padding: 7px 10px;
    display: block;
}

.item-post-default .post-thumb {
    margin-bottom: 0px;
}

.item-post .post-info .post-title {
    margin-bottom: 17px;
}

.item-post .post-info-outer {
    padding: 0px 40px;
    margin-top: -50px;
    z-index: 1;
    position: relative;
}
.item-post .post-info{
    padding: 25px 15px 45px 15px;
    background: #fff;
}
.item-post .post-info .desc {
    margin-bottom: 22px;
}

.item-post .post-info .readmore {
    display: inline-block;
    height: 40px;
    line-height: 38px;
    padding: 0 20px;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
}

.pagi-nav a {
    display: inline-block;
    height: 30px;
    line-height: 28px;
    border: 1px solid transparent;
    min-width: 30px;
    text-align: center;
    border-radius: 0px;
}

.pagi-nav a.current {
    border-color: #999;
    background-color: #999;
    color: #fff;
}

.pagi-nav a.next,
.pagi-nav a.prev {
    border-color: #e5e5e5;
}

.pagi-nav {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}

.blog-list-view .item-post-list {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.blog-list-view .col-md-12:last-child .item-post-list {
    /*border-bottom: none;*/
    /*padding-bottom: 0;*/
}

.post-meta-data > li {
    margin: 0 10px 10px 0;
    border-right: 2px solid #b9a889;
    padding-right: 14px;
}

.post-meta-data > li:last-child {
    border: none;
}

.post-meta-data {
    margin-bottom: 17px;
}

.post-meta-data i.fa {
    margin-right: 5px;
}

.post-meta-data li a {
    margin-right: 10px;
}

.post-meta-data li a:last-child {
    margin-right: 0;
}

.blog-list-view .item-post-large {
    margin-bottom: 50px;
}

.blog-list-view .item-post-large

.item-post-large .post-thumb {
    /*margin-bottom: 22px;*/
}

.post-meta-data label {
    font-weight: 400;
    margin: 0;
}

.single-post-thumb {
    margin-bottom: 17px;
}

.content-post-default > .desc {
    margin-bottom: 30px;
}

.content-post-default h2.title24 {
    margin-bottom: 25px;
}

.content-post-default .row {
    /*margin-bottom: 30px;*/
}

.block-quote {
    background: #f9f9f9;
    padding: 30px 40px;
    margin-bottom: 30px;
}

.block-quote h3.title14 {
    position: relative;
    margin-top: 36px;
}

.block-quote h3.title14::before {
    position: absolute;
    width: 100px;
    height: 1px;
    content: "";
    background: #333;
    top: -20px;
    left: 0;
}

.block-quote .desc {
    font-style: italic;
}

.single-intro-travel h2 {
    margin-bottom: 22px;
}

.content-post-default > h3 {
    margin-bottom: 20px;
}

.single-list-link li {
    margin-bottom: 20px;
    list-style: circle;
    margin-left: 15px;
}

.single-list-link {
    margin-bottom: 40px;
}

.single-list-adv .banner-advs {
    margin-bottom: 22px;
}

/*.single-list-social {
    margin-bottom: 50px;
}*/

.single-info-author {
    border-top: 1px solid #e5e5e5;
    padding-top: 40px;
    margin-bottom: 40px;
}

.single-info-author .author-info {
    position: relative;
    padding-top: 15px;
}

.single-info-author .author-info > h3 {
    margin: 12px 0 8px;
}

.single-info-author .author-social {
    position: absolute;
    right: 0;
    top: 34px;
    margin: 10px -12px 0;
}

.single-info-author .author-social a {
    margin: 0 12px;
}

.post-control {
    padding: 25px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    margin-bottom: 72px;
}

.post-control::after {
    position: absolute;
    left: 50%;
    height: 100%;
    width: 1px;
    content: "";
    background: #e5e5e5;
    top: 0;
}

.post-control i.fa {
    font-size: 18px;
    vertical-align: middle;
}

.post-control span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 11px;
}

.title-single-related-post {
    margin-bottom: 30px;
    position: relative;
}

.title-single-related-post a {
    position: absolute;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    top: 0;
    right: 0;
}

.related-post-slider {
    margin: 0 -15px;
}

.related-post-slider .item-post {
    margin: 0 15px;
}

.single-related-post {
    margin-bottom: 80px;
}

.blog-comment-detail > h2.title18 {
    margin-bottom: 25px;
}

.single-info-author .author-thumb {
    width: 100px;
}

.single-info-author .author-info {
    padding-left: 20px;
    position: relative;
}

.item-comment .comment-thumb {
    width: 70px;
}

.item-comment .comment-info {
    margin-left: 20px;
    width: calc(100% - 91px);
    position: relative;
    padding: 20px 20px 13px 20px;
    border: 1px solid #e5e5e5;
}

.item-comment .comment-info .author-name {
    text-transform: uppercase;
}

.item-comment .comment-info span.black {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 5px;
}

.item-comment .comment-info .desc {
    margin: 10px 0;
    margin-bottom: 0px;
}

.item-comment .comment-info .reply-button {
    position: absolute;
    top: 20px;
    right: 20px;
    text-transform: uppercase;
}

.item-comment {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #e5e5e5;
}

.comment-list li:last-child .item-comment {
    border: none;
    /*margin-bottom: 0;*/
}

.blog-comment-detail {
    margin-bottom: 20px;
}

.reply-comment > h2 {
    margin-bottom: 17px;
}

.reply-comment > .desc {
    margin-bottom: 40px;
}

.contact-form input[type="text"] {
    height: 40px;
    display: block;
    width: 100%;
    padding: 0 15px 0 40px;
}

.contact-form textarea {
    display: block;
    width: 100%;
    padding: 10px 15px 10px 40px;
}

.reply-comment .desc {
    margin: 13px 0 43px;
}

.contact-form input[type="submit"] {
    padding: 0 30px;
}

.contact-form p {
    position: relative;
}

/*.contact-form p::before {
    position: absolute;
    top: 13px;
    left: 15px;
    color: #999;
    font-family: fontAwesome;
}*/

.contact-form p.contact-name::before {
    content: "\f007";
}

.contact-form p.contact-email::before {
    content: "\f0e0";
}

/*.contact-form p.contact-message::before {
    content: "\f044";
}*/

.shop-button {
    border: none;
    height: 48px;
    color: #fff;
    line-height: 46px;
    background: #fff;
    border: 1px solid #aaaaaa;
    text-transform: uppercase;
    color: #494949;
    border-radius: 0px;
    display: inline-block;
    padding: 0 20px;
    text-align: center;
}

.sort-by .select-box select {
    height: 36px;
}

.sort-by > span {
    line-height: 36px;
    margin: 0 15px;
}

.product-thumb .product-label {
    position: absolute;
    top: 10px;
    right: 10px;
    left: 10px;
    z-index: 11;
}

.product-thumb .product-label span {
    display: block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 12px;
    text-transform: lowercase;
}

.product-label span.sale {
    background: #ff6c87;
    float: right;
}

.product-label span.new {
    background: #6caaff;
    float: left;
}

.product-thumb > .quickview-link {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    line-height: 40px;
    text-align: center;
    z-index: 10;
    background: #fff;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
}

.product-thumb:hover > .quickview-link {
    opacity: 1;
    visibility: visible;
}

.wrap-rating .rate-number {
    font-size: 10px;
}

.wrap-rating .product-rate {
    margin: 0;
}

.wrap-rating > li {
    vertical-align: middle;
}

.product-grid-view .item-product {
    margin-bottom: 30px;
}

.product-extra-link .addcart-link {
    display: inline-block;
    height: 40px;
    line-height: 38px;
    border: 1px solid #e5e5e5;
    padding: 0 20px;
    border-radius: 0px;
    text-align: center;
}

.product-extra-link .addcart-link:hover {
    background: #999;
    border-color: #999;
    color: #fff;
}

.wrap-rating {
    margin-bottom: 18px;
}

.item-product.product-stock .product-thumb-link::before {
    opacity: 1;
}

.product-list-view .item-product {
    margin-bottom: 30px;
}

.item-product-list .product-info {
    padding-top: 0;
}

.item-product-list .product-desc {
    border-top: 1px solid #e5e5e5;
    padding-top: 15px;
    margin-bottom: 22px;
}

.detail-gallery .carousel li img {
    width: 50px;
}

.detail-gallery .carousel li {
    margin: 0 5px;
}

.detail-gallery .gallery-control {
    text-align: center;
    position: relative;
    margin-top: 10px;
}

.detail-gallery .gallery-control .carousel {
    margin: auto;
}

.detail-gallery .gallery-control > a {
    position: absolute;
    top: 50%;
    margin-top: -7px;
}

.detail-gallery .gallery-control > a.next {
    right: 10px;
}

.detail-gallery .gallery-control > a.prev {
    left: 10px;
}

.detail-attr {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    margin-bottom: 10px;
}

.detail-attr label {
    width: 100px;
    margin: 0;
}

.detail-attr > .select-box {
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    width: calc(100% - 101px);
}

.detail-qty {
    border-radius: 0px;
    height: 40px;
    width: 100px;
    position: relative;
}

.detail-qty .qty-val {
    line-height: 38px;
    padding: 0 15px;
}

.detail-qty a {
    position: absolute;
    width: 30px;
    height: 20px;
    display: block;
    text-align: center;
    line-height: 20px;
    right: 0;
    border-left: 1px solid #e5e5e5;
}

.detail-qty a.qty-up {
    top: 0;
}

.detail-qty a.qty-down {
    bottom: 0;
}

.detail-attr .addcart-link {
    margin-left: 10px;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    text-align: center;
}

.detail-info .product-desc {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
    margin-bottom: 30px;
}

.detail-attr.qty-cart {
    margin-bottom: 30px;
}

.detail-extra-link a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
}

.detail-extra-link a .fa {
    font-size: 12px;
    color: #999;
    margin-right: 10px;
}

.detail-extra-link {
    margin-bottom: 25px;
}

.item-product-meta-info label {
    min-width: 105px;
    font-weight: 400;
}

.product-meta-info > li {
    margin-bottom: 5px;
}

.item-product-meta-info span,
.item-product-meta-info a {
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 0px 5px;
    border-radius: 0px;
    border: none;
}

.product-detail {
    margin-bottom: 40px;
}

.detail-info {
    position: relative;
}

.detail-info .product-control {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 2px;
}

.detail-info .product-control a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #e5e5e5;
    margin: 0 -2px;
    color: #555;
}

.detail-info .product-control a:hover {
    background: #f9f9f9;
}

.detail-info .product-control a.prev {
    border-radius: 4px 0 0 4px;
}

.detail-info .product-control a.next {
    border-radius: 0 4px 4px 0;
}

.detail-tabs {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    display: -ms-flex;
    display: -o-flex;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.detail-tab-title {
    width: 100%;
    margin-bottom: 10px;
}

.detail-tab-content {
    width: 100%;
    margin-left: 0px;
    padding: 30px 30px;
    border: 1px solid #e5e5e5;
}

.list-tag-detail li {
    margin-bottom: 0px;
}

.list-tag-detail li a {
    display: block;
    position: relative;
    padding: 12px 25px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0px;
    border-radius: 0px;
}

.list-tag-detail li a:hover {
    background: transparent;
    border-color: transparent;
    border-bottom-color: #e5e5e5;
}

.list-tag-detail li.active a::before {
    position: absolute;
    top: -1px;
    left: -2px;
    width: 2px;
    content: "";
    bottom: -1px;
    background: #e7b622;
}

.list-tag-detail li.active a {
    color: #333;
    border-bottom-color: #e5e5e5 !important;
    border-radius: 0px;
}

.list-tag-detail li.active a,
.list-tag-detail li.active a:focus {
    border-top-color: transparent;
}

.list-tag-detail li:first-child a:focus {
    border-bottom-color: #e5e5e5;
    border-top: none;
}

.list-tag-detail li:first-child a:hover {
    border-bottom-color: #e5e5e5;
    border-top: none;
}

.list-tag-detail li:first-child a {
    border-top: none;
}

.list-tag-detail li.active a:hover {
    border-bottom-color: #e5e5e5;
}

.list-tag-detail li.active a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    width: 1px;
    background: #fff;
    content: "";
}

.detail-tab-desc .desc {
    margin-bottom: 30px;
}

.detail-tab-desc ul li {
    margin-bottom: 20px;
}

/*Begin Review*/
.detail-tab-review .title14 {
    margin: 0 0 18px;
    text-transform: inherit;
    font-size: 18px;
}

.list-none.list-tags-review li {
    display: table;
    margin-bottom: 20px;
    width: 100%;
}

.list-none.list-tags-review li > .review-author {
    width: 100px;
}

.list-none.list-tags-review li > div {
    display: table-cell;
    vertical-align: top;
}

.list-none.list-tags-review li > .review-info {
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    padding: 20px;
    position: relative;
}

.list-none.list-tags-review li > .review-author a {
    border-radius: 50%;
    display: block;
    overflow: hidden;
    width: 70px;
}

.list-none.list-tags-review li > .review-author a img {
    border-radius: 50%;
}

.review-header {
    color: #999;
}

.review-info .product-rate {
    position: absolute;
    right: 20px;
    top: 25px;
}

.review-form {
    margin-top: 23px;
}

.review-form > div {
    margin-bottom: 10px;
    min-height: 40px;
    padding-left: 105px;
    position: relative;
}

.review-form > div > label {
    font-weight: 400;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    top: 0;
}

.review-form > div > input[type="text"] {
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    height: 40px;
    max-width: 400px;
    padding: 0 15px;
    width: 100%;
}

.review-form > div > .product-rate {
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
}

.review-form > div > textarea {
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    max-height: 120px;
    padding: 10px 15px;
    width: 100%;
}

.review-form > div > input[type="submit"] {
    margin-top: 10px;
}

/*End Review*/
.detail-tab-video iframe {
    border: none;
}

.shop-button:hover {
    color: #fff;
    border-color: #e7b622;
}

.item-product-group .product-thumb {
    width: 90px;
}

.item-product-group .product-info {
    padding: 0 20px;
}

.wrap-detail-qty {
    text-align: right;
}

.wrap-detail-qty .detail-qty {
    text-align: left;
    display: inline-block;
}

.list-product-group > li {
    margin-bottom: 10px;
}

.list-product-group {
    margin-bottom: 30px;
}

.detail-group .detail-attr .addcart-link {
    margin: 0;
    flex-grow: inherit;
    padding: 0 30px;
}

.block-product-tab .title-block-tab {
    margin-bottom: 30px;
}

.title-list-tab > li > a {
    display: block;
    padding: 10px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    font-weight: 700;
    position: relative;
}

.title-list-tab {
    margin-bottom: 50px;
}

.title-list-tab > li.active > a {
    background: #f9f9f9;
}

.block-product-tab {
    margin-bottom: 50px;
}

.block-product-tab > h3 {
    margin-bottom: 20px;
}

.block-product-tab > .desc {
    max-width: 670px;
    margin: auto auto 30px;
}

.shop-button.btn-loadmore {
    min-width: 270px;
    text-transform: uppercase;
}

.block-product-tab.title-tab-inline .title-block-tab {
    margin: 6px 30px 0 0;
}

.block-product-list {
    margin-bottom: 50px;
}

.product-tab-vertical {
    position: relative;
    padding-left: 300px;
    margin-top: 25px;
}

.product-tab-vertical .title-list-tab {
    position: absolute;
    width: 270px;
    left: 0;
    top: 0;
    border-right: 1px solid #e5e5e5;
    bottom: -20px;
    border-top: 1px solid #e5e5e5;
}

.product-tab-vertical .title-list-tab li a {
    border-radius: 0;
    border-width: 0 0 1px 0;
    background: transparent;
}

.product-tab-vertical .title-list-tab li.active a::before {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: 0;
    width: 2px;
    content: "";
    background: #333;
}

.product-tab-vertical .title-list-tab li.active a {
    color: #333;
}

.product-tab-vertical .title-list-tab li.active a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    content: "";
    background: #fff;
    width: 1px;
}

.block-product-tab:not(.product-tab-vertical) .group-navi .owl-nav {
    top: -69px;
}

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

.product-small-slider {
    margin: 23px -10px 0;
}

.product-small-slider .group-navi .owl-nav {
    right: 10px;
}

.item-product-small .product-title {
    white-space: inherit;
}

.item-product-small .product-extra-link .addcart-link {
    display: block;
    text-transform: uppercase;
}

.title-elements {
    margin-bottom: 30px;
}

.block-element > h3.title18 {
    margin-bottom: 20px;
}

.block-element {
    margin-bottom: 50px;
}

.follow-instagram a {
    display: block;
    overflow: hidden;
    position: relative;
}

.instagram-text-follow {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
}

.follow-instagram a:hover .instagram-text-follow {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.instagram-text-follow i {
    margin: 0 5px;
}

.search-form {
    max-width: 570px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
}

.search-form .dropdown-box {
    width: 170px;
    border-right: 1px solid #e5e5e5;
}

.search-form input[type="text"] {
    height: 40px;
    display: block;
    border: none;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    padding: 0 20px;
    background: transparent;
}

.search-form .dropdown-link {
    padding: 12px 15px;
    display: block;
}

.submit-form {
    position: relative;
    width: 50px;
    border-radius: 0px;
    overflow: hidden;
    margin: -1px;
}

.submit-form input[type="submit"] {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: transparent;
    display: block;
    width: 100%;
    z-index: 1;
}

.submit-form::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: #333;
    text-align: center;
    color: #fff;
    font-family: fontAwesome;
    content: "\f002";
    line-height: 40px;
    border-radius: 0px;
}

.search-form .dropdown-list {
    width: 100%;
}

.search-form .dropdown-link::after {
    content: "\f107";
    font-family: fontAwesome;
    position: absolute;
    right: 15px;
    top: 14px;
}

.form-newsletter .submit-form::after {
    content: "\f0e0";
}

.form-newsletter {
    max-width: 300px;
}

.mini-cart-box.aside-box .mini-cart-content {
    transform: translateX(400px);
    -webkit-transform: translateX(400px);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10001;
    background: #fff;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    width: 370px;
    bottom: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.mini-cart-box.aside-box .mini-cart-content.active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.mini-cart-box.aside-box .mini-cart-content > h2 {
    display: none;
}

.mini-cart-box.aside-box .list-mini-cart-item {
    margin: 0;
    overflow: auto;
    position: absolute;
    bottom: 122px;
    top: 0;
    left: 0;
    right: 0;
}

.mini-cart-box.aside-box .product-mini-cart.table-custom {
    margin: 0;
    padding: 0;
}

.mini-cart-box.aside-box .product-mini-cart.table-custom > div {
    vertical-align: middle;
}

.mini-cart-box.aside-box .mini-cart-button a {
    display: block;
    border-radius: 0;
    text-transform: uppercase;
}

.mini-cart-box.aside-box .mini-cart-button a.mini-cart-view {
    background: #666;
}

.mini-cart-box.aside-box .mini-cart-button {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.mini-cart-box.aside-box .mini-cart-total {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    padding: 10px 20px;
    box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.1);
    z-index: 1;
    background: #fff;
}

.mini-cart-box.aside-box .product-mini-cart.table-custom .product-delete {
    padding-right: 15px;
}

.overlay .mini-cart-box.aside-box {
    z-index: 9997;
}

.overlay .mini-cart-box.aside-box::before {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

.detail-info .countdown-master {
    margin: 0 -5px 30px;
}

.mini-cart-box.dropdown-box .list-mini-cart-item {
    max-height: 300px;
    padding-right: 5px;
    margin-right: -5px;
    position: relative;
    /*overflow-y: scroll;*/
    overflow-x: hidden;
    margin-bottom: 15px;
}

.mini-cart-box ::-webkit-scrollbar {
    width: 4px;
}

.mini-cart-box ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
}

.mini-cart-box ::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.detail-countdown {
    margin-bottom: 20px;
}

.detail-countdown .time_circles > div {
    display: inline-block;
    left: 0 !important;
    top: 0 !important;
    width: auto !important;
}

.detail-countdown .time_circles > div::after {
    content: ":";
    margin: 0 5px;
}

.detail-countdown .time_circles > div:last-child::after {
    display: none;
}

/*******************************************************************************************************************
                        Pages
********************************************************************************************************************/
.contact-get-intouch {
    background: #f4f4f4;
    padding: 43px 0;
}

.item-contact-page .contact-thumb {
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    color: #fff;
    position: relative;
    margin-bottom: 23px;
}

.item-contact-page .contact-thumb .icon {
    position: relative;
    z-index: 1;
}

.item-contact-page .contact-thumb::before {
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    border-radius: 50%;
}

.item-contact-page .contact-thumb:hover::before {
    opacity: 0;
    top: -15px;
    bottom: -15px;
    left: -15px;
    right: -15px;
}

.item-contact-page h3 {
    margin-bottom: 17px;
}

.item-contact-page .list-none li {
    margin-bottom: 5px;
}

.list-contact-item .item-contact-page {
    margin-bottom: 42px;
}

.contact-form-page {
    border-top: 1px solid #e5e5e5;
    padding-top: 43px;
}

.contact-form-page h3 {
    margin-bottom: 47px;
}

.contact-form-page .wrap-input {
    position: relative;
}

.contact-form-page .wrap-input .icon {
    position: absolute;
    top: 15px;
    left: 20px;
    color: #999;
}

.contact-form-page .wrap-input input[type="text"],
.contact-form-page .wrap-input input[type="email"],
.contact-form-page .wrap-input input[type="tel"] {
    border: 1px solid #e5e5e5;
    height: 50px;
    border-radius: 25px;
    display: block;
    width: 100%;
    background: #fff;
    padding: 0 45px;
}

.contact-form-page .wrap-input textarea {
    border: 1px solid #e5e5e5;
    padding: 13px 45px;
    height: 170px;
    border-radius: 25px;
    resize: none;
    display: block;
    width: 100%;
}

.contact-form-page input[type="submit"] {
    height: 50px;
    color: #fff;
    border: none;
    padding: 0 35px;
    border-radius: 25px;
    margin-top: 10px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.about-content-page {
    position: relative;
    padding: 40px 0;
}

.about-intro-page {
    padding-left: 40px;
}

.about-content-page::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;
    width: 1px;
    content: "";
    background: #e5e5e5;
    z-index: 1;
}

.about-title-page {
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 25px;
    margin-bottom: 20px;
}

.about-sidebar {
    padding-top: 50px;
    position: relative;
    z-index: 2;
}

.about-sidebar > h2.title18 {
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 28px;
}

.list-about-page > li > a {
    display: block;
    height: 40px;
    line-height: 40px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.list-about-page > li:last-child:not(.current) > a {
    border-bottom: none;
}

.list-about-page > li.current > a::after {
    content: "";
    width: 28px;
    height: 28px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    position: absolute;
    right: -15px;
    top: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: #fff;
}

.about-intro-top .desc {
    font-style: italic;
    line-height: 1.6;
    margin-top: 20px;
    margin-bottom: 80px;
}

.about-intro-top h3 {
    position: relative;
}

.about-intro-top h3::before {
    position: absolute;
    width: 100px;
    left: 0;
    top: -30px;
    content: "";
    height: 1px;
}

.about-intro-top {
    margin-bottom: 40px;
}

.about-intro-page > p.desc {
    margin-bottom: 35px;
}

.about-content-page > h3 {
    margin-bottom: 17px;
}

.about-intro-top .banner-advs {
    margin-left: -140px;
}

.about-customer {
    padding-left: 40px;
    margin: 30px 0;
}

.about-customer li {
    position: relative;
    padding-left: 50px;
    margin-bottom: 13px;
}

.about-customer li::before {
    font-family: ionicons;
    content: "\f122";
    position: absolute;
    left: 0;
    top: 5px;
    color: #999;
}

.about-quick-link {
    border-top: 1px solid #e5e5e5;
    padding-top: 35px;
}

.about-quick-link h3 {
    margin-bottom: 20px;
}

.about-quick-link .list-none li a {
    margin-bottom: 5px;
    position: relative;
    padding-left: 22px;
    display: block;
}

.about-quick-link .list-none {
    padding-left: 50px;
}

.about-quick-link .list-none li a::before {
    position: absolute;
    top: 3px;
    left: 0;
    font-family: fontAwesome;
    content: "\f0c1";
}

.about-title-number {
    position: relative;
    padding-left: 50px;
    padding-top: 20px;
    margin-bottom: 42px;
}

.about-title-number .number {
    color: #f4f4f4;
    position: absolute;
    left: 0;
    top: -10px;
    z-index: -1;
}

.about-title-number h3 {
    color: #000;
    padding-left: 70px;
    margin-bottom: 28px;
}

.about-title-number::before {
    position: absolute;
    width: 50px;
    height: 1px;
    content: "";
    top: 30px;
    left: 50px;
}

.item-page-view {
    margin-bottom: 30px;
}

.item-page-view .page-view-thumb {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}

.item-page-view .page-view-thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    opacity: 0;
    z-index: 1;
}

.item-page-view .page-view-thumb img {
    width: 100%;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}

.item-page-view .page-view-thumb:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.item-page-view .page-view-thumb:hover::before {
    opacity: 1;
}

.item-page-view .page-view-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    width: 60px;
    height: 60px;
    z-index: 10;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    color: #fff;
    border: 1px solid #fff;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    transform: scale(0) rotate(0);
    -webkit-transform: scale(0) rotate(0);
    margin: auto;
}

.item-page-view .page-view-thumb:hover .page-view-link {
    transform: scale(1) rotate(360deg);
    -webkit-transform: scale(1) rotate(360deg);
}

.item-page-view .page-view-info h3 {
    margin-bottom: 8px;
}

.item-page-view .page-view-info .desc {
    margin-bottom: 22px;
}

.item-page-view .page-view-info .btn-page-view,
.about-title-number .readmore {
    display: inline-block;
    height: 40px;
    line-height: 36px;
    padding: 0 25px;
    border: 2px solid #e5e5e5;
    border-radius: 20px;
}

.list-page-view {
    margin-bottom: 40px;
}

.item-page-view .page-view-info .btn-page-view:hover {
    color: #fff;
}

.about-title-number .readmore {
    margin-top: 22px;
}

.about-title-number .readmore:hover {
    color: #fff;
}

.about-banner-brand {
    margin-bottom: 45px;
}

.about-banner-brand .banner-info {
    height: 30px;
    padding: 0 70px;
}

.item-about-faq {
    padding-left: 20px;
}

.item-about-faq h3 {
    position: relative;
    padding: 15px 0;
}

.item-about-faq h3::before {
    position: absolute;
    top: -10px;
    content: "Q";
    text-transform: uppercase;
    font-size: 60px;
    color: #f4f4f4;
    left: -20px;
    z-index: -1;
}

.item-about-faq .desc {
    position: relative;
    padding: 15px 0;
}

.item-about-faq .desc::before {
    position: absolute;
    top: 15px;
    content: "A";
    text-transform: uppercase;
    font-size: 60px;
    color: #f4f4f4;
    left: -20px;
    z-index: -1;
}

.list-about-faq .item-about-faq {
    margin-bottom: 30px;
}

.about-banner-history .adv-thumb-link {
    transform: translateX(170px);
    -webkit-transform: translateX(170px);
}

.about-banner-history .banner-info {
    width: 270px;
    right: auto;
    background: #fff;
    top: 50px;
    bottom: 50px;
    padding: 30px;
}

.about-banner-history .banner-info .desc {
    position: relative;
    padding-left: 25px;
    margin-bottom: 50px;
}

.about-banner-history {
    margin-bottom: 110px;
}

.about-banner-history .banner-info .desc::before {
    content: "\f347";
    font-family: ionicons;
    position: absolute;
    color: #999;
    left: 0;
    top: 0;
}

.about-banner-history .banner-info h3 {
    position: relative;
}

.about-banner-history .banner-info h3::before {
    position: absolute;
    height: 1px;
    width: 140px;
    content: "";
    top: -25px;
    left: 0;
}

.item-price-table {
    border: 1px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.price-table-header {
    background: #fafafa;
    padding: 30px;
    border-bottom: 1px solid #e5e5e5;
}

.list-price-support li {
    padding: 8px 30px;
}

.list-price-support li .fa {
    display: inline-block;
    width: 25px;
}

.list-price-support {
    padding: 25px 0;
}

.item-price-table .btn-purchase {
    display: inline-block;
    height: 40px;
    line-height: 36px;
    padding: 0 25px;
    border-radius: 20px;
}

.item-price-table h3 {
    margin-bottom: 10px;
}

.item-price-table .start {
    margin-bottom: 2px;
    display: inline-block;
}

.list-price-month strong sup {
    font-size: 18px;
}

.item-price-table .btn-purchase:hover {
    color: #fff;
}

.price-table-color h3 {
    margin: 0;
    padding: 15px;
    text-transform: capitalize;
}

.price-table-color .list-price-support {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}

.price-table-color .btn-purchase {
    color: #fff;
}

.price-table-color .btn-purchase:hover {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.price-table-color .list-price-month {
    padding: 27px 0;
}

.price-table-color .list-price-month li {
    vertical-align: middle;
    margin: 0 5px;
}

.price-table-color.blue .list-price-month {
    background-color: #00a5d9;
}

.price-table-color.blue .list-price-support li .fa {
    color: #00a5d9;
}

.price-table-color.blue .btn-purchase {
    background-color: #00a5d9;
    border-color: #00a5d9;
}

.price-table-color.yellow .list-price-month {
    background-color: #fe9500;
}

.price-table-color.yellow .list-price-support li .fa {
    color: #fe9500;
}

.price-table-color.yellow .btn-purchase {
    background-color: #fe9500;
    border-color: #fe9500;
}

.price-table-color.navi .list-price-month {
    background-color: #121b60;
}

.price-table-color.navi .list-price-support li .fa {
    color: #121b60;
}

.price-table-color.navi .btn-purchase {
    background-color: #121b60;
    border-color: #121b60;
}

.intro-about-team .image-right {
    margin-right: -100px;
    margin-left: -30px;
}

.intro-about-team {
    margin-bottom: 60px;
}

.intro-about-team .image-left {
    margin-right: -100px;
    position: relative;
    z-index: 1;
}

.intro-about-team .image-left img {
    width: 100%;
}

.intro-about-team h3 {
    line-height: 1.3;
    margin: 30px 0;
}

.content-about-team > .desc {
    margin-bottom: 25px;
}

.item-about-team {
    margin-bottom: 30px;
}

.about-team-thumb a {
    display: inline-block;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 10px;
}

.about-team-thumb {
    margin-bottom: 15px;
}

.about-team-info h3 {
    margin-bottom: 18px;
}

.about-team-info .desc {
    margin-bottom: 22px;
}

.share-social-team a {
    display: inline-block;
    margin: 0 3px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    border-radius: 50%;
}

.list-about-team {
    margin-top: 55px;
}

.about-team-thumb a:hover {
    border-color: #ff4b4b;
}

.item-slider-blog .banner-info {
    height: 60px;
}

/*Begin Email Popup*/
#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes .window {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 9999;
}

.window-popup {
    padding: 10px 10px 40px 10px;
    width: 800px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    position: relative;
    background: #fff;
}

.window-popup .close-popup {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -15px;
    width: 30px;
    z-index: 999;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.form-popup-newsletter {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
}

.form-popup-newsletter input[type="text"] {
    height: 50px;
    border: 1px solid #e5e5e5;
    padding: 0 15px;
    display: block;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    margin-right: 10px;
}

.form-popup-newsletter input[type="submit"] {
    height: 50px;
    background: #000;
    border: none;
    color: #fff;
    padding: 0 30px;
}

.content-newsletter-popup .row {
    margin-bottom: 20px;
}

.content-newsletter-popup label {
    font-weight: 400;
    margin: 0 5px;
    vertical-align: middle;
}

.content-newsletter-popup input[type="checkbox"] {
    vertical-align: middle;
    margin: 0;
}

.content-popup-form {
    padding: 0 20px;
}

.content-popup-form .desc {
    margin-right: -10px;
}

.content-popup {
    position: relative;
    z-index: 99;
}

.content-popup input[type="text"] {
    width: 260px;
}

.content-popup .image-popup {
    margin: 0 0 15px;
    display: block;
    width: 100%;
}

.content-popup .title18 {
    margin-bottom: 22px;
}

/*End Email Popup*/
/*Import*/
/*************************************
[Master Stylesheet]
Project: arene
Version: 1.0
Last change: 05/20/2017
Author: Tech888 Group
Author URI: https://web888.vn/
[Table Content]
1.Home 1
2.Home 2
3.Home 3
4.Home 4
5.Home 5
6.Home 6
7.About
8.Contact
9.Menu Ontop
10.Preview  Menu
11.Shop
12.Product Details
13.Blog
***********************************************/
.hidden {
    display: none;
}

.list-tag-detail.nav-tabs {
    border-bottom: 0;
}

.tab-style2 .list-tag-detail.nav-tabs {
    margin: 0 -2px;
}

.list-tag-detail.nav-tabs li {
    width: 100%;
    /*border-left: 1px solid #e5e5e5*/
}

.tab-style2 .detail-tab-title ul li {
    width: auto;
    margin: 0 2px;
}

.list-tag-detail li a.active::before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 2px;
    content: "";
    bottom: -1px;
    background: #333;
}

.menupop.hover:hover {
    transition: none;
    transform: none;
    animation: unset;
}

/*UNITEST*/
.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

pre {
    white-space: pre-wrap;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
    margin-bottom: 1.2em;
}

figure,
.sv-default img {
    max-width: 100%;
    height: auto;
}

.sv-default #st-map img {
    max-width: none;
    height: inherit;
}

.gallery {
    margin-bottom: 20px;
}

.gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
}

.gallery-columns-1 .gallery-item {
    max-width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 48%;
    max-width: -webkit-calc(50% - 4px);
    max-width: calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
    max-width: 32%;
    max-width: -webkit-calc(33.3% - 4px);
    max-width: calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width: calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width: calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width: calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width: calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width: calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width: calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
    clear: left;
}

.gallery-caption {
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
}

.gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.gallery-item:hover .gallery-caption {
    opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

.gallery:before {
    content: "";
    display: table;
}

.gallery:after {
    clear: both;
}

.gallery:before, .gallery:after {
    content: "";
    display: table;
}

.bypostauthor,
.screen-reader-text,
.wp-caption-text {
    display: block;
}

table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid #eaeaec;
    padding: 5px;
}

/*Widget*/
.widget .screen-reader-text {
    display: none;
}

.widget-title {
    font-weight: 700;
    font-size: 30px;
    /*text-transform: uppercase;*/
    margin-top: 0;
    color: #000;
}

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

.widget ul li {
    padding: 5px 0;
}

.widget abbr[title] {
    border-bottom: 0;
}

.tagcloud a {
    padding: 6px 10px;
    border: 1px solid #e5e5e5;
    display: inline-block;
    border-radius: 0px;
    margin-bottom: 5px;
    font-size: 12px !important;
}

.widget_calendar table {
    width: 100%;
}

.widget_calendar table caption {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 8px 10px;
    font-weight: 700;
}

.widget_calendar table th {
    background-color: #eee;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 2em;
}

.widget_calendar table td {
    border: 1px solid #eee;
    text-align: center;
    font-size: 14px;
    line-height: 2em;
}

.widget_calendar table tbody td a {
    color: #e7b622;
}

.widget_calendar table tfoot td {
    border: 0;
    padding: 0;
}

.widget_calendar table tfoot td#prev {
    text-align: left;
}

.widget_calendar table tfoot td#next {
    text-align: right;
}

.widget_calendar table tfoot {
    background: #333;
}

.widget_calendar table tfoot a {
    display: inline-block;
    color: #fff;
    padding: 2px 15px;
}

.widget_calendar table tfoot a:hover {
    color: #e7b622;
}

.widget ul.sub-menu,
.widget ul.children {
    padding-left: 15px;
    margin-top: 10px;
}

.widget ul li:last-child {
    padding-bottom: 0;
}

.widget select {
    max-width: 100%;
    width: 100%;
}

.textwidget p > img {
    margin: 6px 0;
}

.entry-content > p,
.rssSummary,
.widget p {
    color: #555;
    margin: 0 0 15px;
    line-height: 24px;
}

.rssSummary {
    margin-top: 15px;
}

a.rsswidget {
    font-weight: bold;
}

.rss-date {
    color: #999;
}

.widget.widget_rss ul li {
    border-bottom: 1px dashed #e5e5e5;
    padding-bottom: 25px;
    margin-bottom: 20px;
}

.widget.widget_rss ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
    padding: 5px 0 5px;
}

.widget .select2-container .select2-search--inline .select2-search__field {
    height: 35px;
    margin: 0;
    padding: 0;
}

.widget .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #e5e5e5 1px;
}

.woocommerce-product-search input[type=search] {
    border: 1px solid #e5e5e5;
    height: 40px;
    padding: 0 15px;
    display: block;
    width: 100%;
    border-radius: 0px;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:first-child,
.widget ul li:first-child {
    padding-top: 0;
}

.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:last-child,
.widget ul li:last-child {
    padding-bottom: 0;
}

span.woocommerce-input-wrapper {
    display: block;
    width: 100%;
}

.widget .select2-container--default .select2-selection--multiple {
    border-color: #e5e5e5;
}

.widget .mini-cart-empty {
    padding-top: 0;
}

.error-404.not-found {
    margin-bottom: 40px;
}

.error-404 .wg-search-form {
    margin-top: 20px;
    max-width: 415px;
}

/*End widget*/
.post-password-form input[type=submit] {
    background: #fff;
    vertical-align: top;
    padding: 0 20px;
    height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.post-password-form input[type=submit]:hover {
    background: #e7b622;
    border-color: #e7b622;
    color: #fff;
}

.sticky {
    display: inline-block;
}

/*END UNITEST*/

/*add style*/
.header-page .vc_row[data-vc-full-width] {
    overflow: inherit !important;
}

.remove-hidden.vc_row[data-vc-full-width] {
    overflow: inherit !important;
}

.vc_row.vc_row-no-padding .wpb_column {
    padding-left: 0;
    padding-right: 0;
}

.comment-list li.pingback {
    margin-bottom: 20px;
}

/*Menu fixed style*/
.fixed-header {
    position: fixed !important;
    top: -100px;
    left: 15px !important;
    z-index: 9996;
    -webkit-transition: top 0.5s ease-out 0s !important;
    transition: top 0.5s ease-out 0s !important;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.admin-bar .fixed-header.fixed-active {
    top: 32px;
}

.fixed-header.fixed-active {
    top: 0;
}

.menu-fixed-content.fixed-header {
    background: #fbfbfb;
    width: 100%;
    left: 0 !important;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
    margin: 0;
    max-width: 100%;
    display: block;
}

img {
    max-width: 100%;
    height: auto;
}

/*shop item*/
.list-col-item {
    float: left;
    padding: 0 15px;
}

.list-1-item {
    width: 100%;
}

.list-2-item {
    width: 50%;
}

.list-2-item:nth-child(2n+1) {
    clear: both;
}

.list-3-item {
    width: 33.3333%;
}

.list-3-item:nth-child(3n+1) {
    clear: both;
}

.list-4-item {
    width: 25%;
}

.list-4-item:nth-child(4n+1) {
    clear: both;
}

.list-5-item {
    width: 20%;
}

.list-5-item:nth-child(5n+1) {
    clear: both;
}

.list-6-item {
    width: 16.66666667%;
}

.list-7-item {
    width: 14.2857%;
}

.list-8-item {
    width: 12.5%;
}

.list-9-item {
    width: 11.111%;
}

.list-10-item {
    width: 10%;
}

.list-3-item:nth-child(3n+1),
.list-4-item:nth-child(4n+1),
.list-5-item:nth-child(5n+1),
.list-6-item:nth-child(6n+1),
.list-7-item:nth-child(7n+1),
.list-8-item:nth-child(8n+1),
.list-9-item:nth-child(9n+1),
.list-10-item:nth-child(10n+1) {
    clear: both;
}

.list-col-item.list-10-item,
.list-col-item.list-9-item,
.list-col-item.list-8-item,
.list-col-item.list-7-item,
.list-col-item.list-6-item,
.list-col-item.list-5-item {
    padding: 0 9px;
}

.list-project-wrap {
    margin: 0px -9px;
}

.list-post-wrap .wrap-item[data-item="5"],
.list-post-wrap .wrap-item[data-item="6"],
.blog-grid-view[data-column="5"] .row,
.blog-grid-view[data-column="6"] .row,
.product-grid-view[data-column="5"] .row,
.product-grid-view[data-column="6"] .row,
.product-grid-view[data-column="7"] .row,
.product-grid-view[data-column="8"] .row,
.product-grid-view[data-column="9"] .row,
.product-grid-view[data-column="10"] .row {
    margin: 0 -5px;
}

/*end*/

.blog-grid-view .list-post-wrap {
    margin: 0 -15px;
}

.pagi-nav > span {
    display: inline-block;
    height: 30px;
    line-height: 28px;
    border: 1px solid transparent;
    min-width: 30px;
    text-align: center;
    border-radius: 0px;
}

.pagi-nav .current {
    border-color: #999;
    background-color: #999;
    color: #fff;
}

/*.main-page-default {
    margin: 50px 0px 0px 0px;
}*/

.loadmore {
    display: inline-block;
    height: 40px;
    line-height: 36px;
    padding: 0 40px;
    font-size: 13px;
    font-weight: bold;
    border: none;
    border: 2px solid  #e7b622;
    text-transform: uppercase;
    border-radius: 30px;
}
.loadmore:hover{
    background: #e7b622 ;
    color: #555;
}

.btn-loadmore {
    text-align: center;
}

/*.post-meta-data a {
    color: #999;
}*/

.post-meta-data a:hover {
    color: #3e2b26;
}

/*Share*/

.share-icon.total-share {
    height: 28px;
    line-height: 28px;
    border: 1px solid #e5e5e5;
    color: #cb0909;
}

.share-icon .number {
    margin: -1px 4px 0;
    display: inline-block;
    line-height: 30px;
    vertical-align: top;
}

/*End share*/
.author-thumb img,
.comment-thumb img {
    border-radius: 50%;
}

.comment-list ul.children {
    list-style: none;
}

.blog-comment-detail > h2.title18 {
    margin-bottom: 25px;
}

.comment-list li li:last-child .item-comment {
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 30px;
}

.comment-info .fn {
    font-weight: 700;
    text-transform: uppercase;
}

.comment-info .fn a {
    color: #333;
}

.comment-info .fn a:hover {
    color: #e7b622;
}

.comment-reply-title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
    /*text-transform: uppercase;*/
}

.reply-comment .desc {
    margin: 0 0 30px;
}

.content-post-default .desc {
    margin-bottom: 30px;
}

.content-post-default h3 {
    margin-bottom: 20px;
    color: #d01820;
}

.bread-crumb ul:last-child li:last-child a::after,
.bread-crumb > a:last-child::after {
    display: none;
}

.bread-crumb ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.bread-crumb a::after {
    content:"\f105";
    font-family: FontAwesome;
    margin: 0 15px 0 15px;
    font-size: 11px;
}

.woocommerce .woocommerce-breadcrumb {
    margin: 0;
}

.bread-crumb ul.post-categories li {
    display: inline-block;
}

/*woocommerce sidebar*/
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
    width: 70px;
}

.widget .product-title {
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
    font-weight: normal;
}

.widget .product_list_widget .wrap-rating {
    margin-top: 4px;
}

.widget .product_list_widget .reviewer,
.widget .product_list_widget .product-price {
    margin-top: 8px;
    display: block;
}

.woocommerce ul.product_list_widget > li {
    margin-bottom: 15px;
}

.woocommerce .widget_rating_filter ul li {
    padding: 0 0 6px;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #999;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #333;
}

.woocommerce.widget .woocommerce-widget-layered-nav-dropdown__submit,
.yith-wcwl-add-button a,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    display: inline-block;
    height: 40px;
    line-height: 38px;
    border: 1px solid #e5e5e5;
    padding: 0 20px !important;
    border-radius: 0px;
    text-align: center;
    background-color: #fff;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    transition: all 0.3s;
}

.woocommerce.widget .woocommerce-widget-layered-nav-dropdown__submit:hover,
.yith-wcwl-add-button a:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #268f4a;
    border-color: #268f4a;
    color: #fff;
}

.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce .widget_price_filter .price_slider_amount {
    font-size: 14px;
    line-height: 38px;
}

.woocommerce.widget .woocommerce-widget-layered-nav-dropdown__submit {
    margin: 10px 0 0;
}

select,
input[type=password],
input[type=number],
input[type=email],
input[type=text],
input[type=tel]{
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
}

textarea {
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    padding: 10px;
}

.widget_product_search input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 40px;
    background: transparent;
    border: none;
    z-index: 1;
    font-size: 0;
}

.widget_product_search input[type=search] {
    width: 100%;
}

.woocommerce-product-search {
    position: relative;
}

.woocommerce-product-search::after {
    position: absolute;
    top: 13px;
    right: 15px;
    font-family: Linearicons;
    content: "\e922";
    color: #999;
}

.woocommerce-loop-category__title {
    margin: 17px 0 7px;
    font-size: 14px;
    font-weight: 400;
}

.item-product .mark,
.item-product mark {
    background-color: transparent;
}

a.active,
.chosen a {
    color: #e7b622;
}

.woocommerce .woocommerce-ordering {
    margin-bottom: 0;
}

.woocommerce nav.woocommerce-pagination {
    text-align: left;
}

.label-wrap.wapl-aligncenter {
    text-align: center;
}

.shop-loading {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 98;
}

.shop-loading i {
    font-size: 40px;
    position: absolute;
    bottom: 50%;
    left: 50%;
    color: #fff;
}

.ajax-loading:not(.list-product-search) {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
}

.ajax-loading:not(.list-product-search) i {
    font-size: 40px;
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    margin: auto;
}

.loadding {
    position: relative;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: none;
    width: 100%;
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 0;
    margin-top: -6px;
}

.woocommerce div.product .woocommerce-product-rating .wrap-rating {
    display: inline-block;
    margin-bottom: 10px;
}

.entry-summary > p {
    margin-bottom: 0;
}

/*End default*/

/*Begin custom*/
.main-nav > ul > li.current-menu-item > a,
.main-nav > ul > li.current-menu-ancestor > a,
.main-nav > ul > li:hover > a {
    background: rgba(255, 255, 255, 0.1);
}

/*.main-nav li:not(.has-mega-menu) .sub-menu li:hover,*/
/*.main-nav .sub-menu li.current-menu-item,*/
/*.main-nav .sub-menu li.current-menu-ancestor{*/
/*background: rgba(0, 0, 0, 0.1);*/
/*}*/
.product-price > span,
.product-price ins {
    color: #e7b622;
    font-weight: 700;
    font-size: 14px;
}

.product-price del {
    color: #ccc;
    font-size: 12px;
}

a.added_to_cart,
.woocommerce a.added_to_cart {
    display: none !important;
}

.woocommerce #respond input#submit,
a.added_to_cart,
.woocommerce a.added_to_cart,
.woocommerce a.button.addcart-link {
    display: inline-block;
    height: 40px;
    line-height: 38px;
    border: 1px solid #e5e5e5;
    padding: 0 20px;
    border-radius: 0px;
    text-align: center;
    background: #fff;
    margin: 0;
    font-weight: normal;
}

.woocommerce #respond input#submit:hover,
a.added_to_cart:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce a.button.addcart-link:hover {
    background: #999;
    border-color: #999;
    color: #fff;
}

.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
    top: 0;
    right: 0;
}

.woocommerce ul.products li.product .button {
    margin: 0;
}

.product-thumb {
    border: 1px solid #e5e5e5;
}

.sort-by .select-box select {
    line-height: 36px;
}

.title-page {
    position: relative;
    z-index: 1;
}

.title-page + div {
    position: relative;
    z-index: 0;
}

.woocommerce div.product div.images .carousel li img {
    width: 50px;
}

.detail-info .product-desc {
    color: #555;
    margin-bottom: 20px;
    line-height: 24px;
}

.product_meta > span {
    display: block;
}

.product_meta > span > span,
.product_meta > span > a {
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 0px 5px;
    border-radius: 0px;
    border: none;
    margin-bottom: 5px;
}

.detail-qty .qty-val {
    border: 0;
    height: 38px;
}

.detail-info .product-price > span,
.detail-info .product-price ins {
    font-size: 18px;
}

.detail-info .product-price del {
    font-size: 14px;
}

.single_variation_wrap .detail-attr {
    display: block;
}

.qty-cart > .woocommerce-variation-add-to-cart {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
}

.woocommerce div.product form.cart .button.single_add_to_cart_button {
    margin-left: 10px;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    text-align: center;
}

.detail-attr:not(.type-select):not(.type-) .select-box::after {
    display: none;
}

.reset_variations[style="visibility: hidden;"] {
    display: none;
}

.woocommerce div.product form.cart .reset_variations {
    font-size: 14px;
    text-align: right;
    padding-top: 0;
}

.woocommerce div.product form.cart .reset_variations[style="visibility: visible; display: inline;"] {
    display: block !important;
}

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #999;
}

.woocommerce-variation.single_variation {
    margin-left: 100px;
}

.item-product-meta-info label {
    min-width: 98px;
}

.woocommerce div.product form.cart {
    margin-bottom: 0;
}

.item-product-meta-info > span {
    padding: 0;
    border: 0;
    display: table;
    margin-bottom: 10px;
}

.item-product-meta-info > span > * {
    display: table-cell;
}

.item-product-meta-info .meta-item-list span,
.item-product-meta-info .meta-item-list a {
    margin-bottom: 5px;
}

.select-box select {
    z-index: inherit;
}

/*attribute css*/
.tawcvs-swatches {
    overflow: hidden;
    padding: 5px;
}

.tawcvs-swatches .swatch {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid transparent;
    position: relative;
    opacity: 0.5;
}

.tawcvs-swatches .swatch.selected {
    -webkit-box-shadow: 0 0 2px;
    -moz-box-shadow: 0 0 2px;
    box-shadow: 0 0 2px;
    border-color: #999;
    opacity: 1;
}

.tawcvs-swatches .swatch.disabled {
    opacity: 0.1;
}

.tawcvs-swatches .swatch-color {
    text-indent: -9999px;
    border-radius: 0px;
}

.tawcvs-swatches .swatch-color.selected {
    border-color: transparent;
}

.tawcvs-swatches .swatch-color.active:before,
.tawcvs-swatches .swatch-color.selected:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    width: 6px;
    height: 10px;
    display: block;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    position: absolute;
    top: 8px;
    left: 11px;
}

.tawcvs-swatches .swatch-label {
    background-color: #f1f1f1;
}

.tawcvs-swatches .swatch-image {
    overflow: hidden;
}

.tawcvs-swatches .swatch img {
    vertical-align: top;
}

.widget .tawcvs-swatches .swatch {
    margin-right: 0px;
    margin-bottom: 5px;
}
.widget .tawcvs-swatches .swatch{
    padding: 0px 6px;
}

    /* End attribute css*/
.woocommerce div.product div.summary {
    margin-bottom: 0;
}

/* detail tab css*/
.detail-tab-desc > h2:first-child {
    display: none;
}

.detail-tab-desc p {
    color: #555;
    margin: 0;
    line-height: 24px;
}

.detail-tabs.tab-style2 {
    display: block;
    border: 0;
}

.tab-style2 .detail-tab-title ul li {
    display: inline-block;
}

.tab-style2 .detail-tab-title {
    min-width: inherit;
    border: 0;
}

.tab-style2 .list-tag-detail li a {
    border: 1px solid #e5e5e5;
}

.tab-style2 .list-tag-detail li.active a::after {
    display: none;
}

.tab-style2 .detail-tab-content {
    margin: 0;
}

.woocommerce #reviews #comments > h2 {
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    display: none;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 70px;
    border: 0;
    padding: 0;
    border-radius: 50%;
}

.woocommerce #reviews #comments ol.commentlist {
    padding: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin-left: 90px;
}

.woocommerce-Reviews .comment-reply-title {
    margin-bottom: 10px;
    display: block;
}

.comment-form-rating > label {
    margin-bottom: 10px;
}

.woocommerce #review_form #respond p.stars {
    margin-bottom: 0;
}

.woocommerce .star-rating,
.woocommerce p.stars a {
    color: #ffc000;
}

.detail-tabs {
    margin-bottom: 30px;
}

/* End detail tab css*/
.single-title {
    margin-bottom: 30px;
}

.select-box::after {
    z-index: -1;
}

/*Woocommerce Page css*/
.woocommerce-cart-form .qty-label {
    display: none;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    min-width: 200px;
    padding-left: 12px;
    padding-right: 12px;
}

td.product-remove {
    max-width: 30px;
}

td.product-thumbnail {
    max-width: 60px;
    text-align: center;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    width: 70px;
}

/*End Woocommerce page css*/

.item-default .post-thumb {
    display: inline-block;
    max-width: 100%;
}

.entry-content,
.content-post-default {
    line-height: 24px;
    margin-bottom: 0px;
}

.page-links > span,
.page-links > a {
    padding: 9px 15.5px;
    border: 1px solid #e5e5e5;
    margin: 0 5px;
}
.page-links > a:hover{
    color: #fff;
    background: #e7b622;
    border-color: #e7b622;
}

.page-links > span {
    color: #fff;
    background: #e7b622;
    border-color: #e7b622;
}

.page-links {
    margin-bottom: 35px;
}

.woocommerce div.product form.cart:not(.variations_form) {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    margin-bottom: 30px;
}

.woocommerce div.product form.cart:not(.variations_form) > label {
    width: 100px;
    margin: 0;
}

.woocommerce div.product .list-product-group form.cart {
    display: block;
}

.list-product-group form.cart table {
    width: 100%;
}

.group-qty label {
    display: none;
}

.woocommerce div.product form.cart .group_table td.group-info {
    padding: 6px 15px;
}

.woocommerce div.product form.cart .group_table td:first-child {
    width: 80px;
}

.woocommerce div.product .list-product-group form.cart .button.single_add_to_cart_button {
    margin: 20px 0 0 0;
    min-width: 50%;
    width: 100%;
}

.woocommerce div.product form.cart .group_table tr:last-child td {
    padding-bottom: 20px;
}

.woocommerce table.shop_table {
    padding: 0;
    border-collapse: collapse;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    border-color: #e5e5e5;
}

#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
    border-collapse: collapse;
}

.select2-container--default .select2-selection--single {
    border-color: #e5e5e5;
    height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px;
    right: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: #e7b622;
}

/*My account*/
.woocommerce-MyAccount-navigation ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.woocommerce-MyAccount-navigation ul li {
    padding: 8px 15px;
    margin-bottom: 5px;
    background: #fff;
    border: 1px solid #e5e5e5;
    text-transform: uppercase;
}

.woocommerce-MyAccount-navigation ul li.is-active,
.woocommerce-MyAccount-navigation ul li:hover {
    color: #fff;
    background: #e7b622;
    border-color: #e7b622;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li:hover a {
    color: #fff;
}

.woocommerce-MyAccount-content {
    padding: 15px;
    border: 1px solid #e5e5e5;
}

.woocommerce-MyAccount-content a {
    color: #494949;
}

.woocommerce-MyAccount-content a:hover {
    color: #e7b622;
}

.woocommerce-account .addresses .title .edit {
    font-size: 14px;
    background: #fff;
    color: #494949;
    padding: 0px 10px;
    margin-top: 15px;
    height: 30px;
    line-height: 28px;
    text-transform: uppercase;
    border: 1px solid #e5e5e5;
}

.woocommerce-info{
    border-top-color: #e7b622;
}
.woocommerce-info:before{
    color:  #e7b622;
}

.woocommerce-account .addresses .title .edit:hover {
    background:  #e7b622;
    border-color:   #e7b622;
    color: #fff;
}
.woocommerce-account .woocommerce{
    margin-bottom: 75px;
}

.woocommerce form .form-row input.input-text {
    height: 40px;
    border: 1px solid #e5e5e5;
}

.select2-container .select2-choice {
    height: 40px;
    border: 1px solid #e5e5e5;
    line-height: 40px;
}

.select2-drop-active {
    border-color: #e5e5e5;
}

.mini-cart-empty {
    padding-top: 20px;
}

.mini-cart-button a,
.woocommerce .mini-cart-button a {
    height: 40px;
    border-radius: 0px;
    display: inline-block;
    padding: 0 20px;
    border: none;
    color: #fff;
    line-height: 40px;
    background: #333;
    margin: 0 3px;
    text-align: center;

}

.mini-cart-button a:hover,
.woocommerce .mini-cart-button a:hover {
    color: #fff;
}

.aside-box .dropdown-list {
    left: auto;
    visibility: visible;
    opacity: 1;
}

.mini-cart-box.aside-box .mini-cart-button a:first-child {
    background: #666;
}

.aside-box .dropdown-list {
    pointer-events: inherit;
}

.overlay .wrap::after {
    z-index: 1001;
}

/*End*/
.fancybox-inner {
    padding: 0 15px;
}

.fancybox-opened,
.zoomContainer {
    z-index: 9997;
}

.fancybox-overlay {
    z-index: 9996;
}

.menu-on-fixed.single-product .header-page {
    position: static;
}

.single-product .header-page {
    z-index: 9998;
    position: relative;
}

.product-popup-content {
    padding: 0;
}

.product-popup-content .product-detail {
    margin-bottom: 0;
}

.fancybox-opened .fancybox-skin {
    background: #fff;
}

/*Begin Search Ajax*/
.list-product-search {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    /*border-radius: 6px;*/
    left: 0;
    margin-top: 32px;
    padding: 10px 20px;
    position: absolute;
    top: 100%;
    width: 100%;
    min-width: 300px;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
}

.list-product-search.active {
    opacity: 1;
    visibility: visible;
    margin-top: 2px;
}

.item-search-pro {
    border-bottom: 1px solid #e5e5e5;
    display: table;
    padding: 10px 0;
    width: 100%;
}

.item-search-pro > div {
    display: table-cell;
    vertical-align: middle;
}

.item-search-pro:last-child {
    border: none;
}

.item-search-pro .title14 {
    text-transform: capitalize;
    font-weight: 400;
}

.item-search-pro > div.search-ajax-thumb {
    width: 50px;
}

.item-search-pro > div.search-ajax-price {
    text-align: right;
}

.item-search-pro > div.search-ajax-title {
    padding: 0 10px;
}

.live-search-on.active .list-product-search {
    opacity: 1;
    visibility: visible;
    margin-top: 2px;
}

/*End Search Ajax*/
.dropdown-list li.active a {
    background: #e7b622;
    color: #fff;
}

.list-product-search.ajax-loading {
    text-align: center;
}

.overlay .mini-cart-link {
    color: #555;
}

.aside-box .dropdown-list {
    margin-top: 0;
}

.admin-bar .aside-box .dropdown-list {
    margin-top: 32px;
}

.form-newsletter input[type="email"] {
    height: 40px;
    display: block;
    border: none;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    padding: 0 20px;
    background: transparent;
}

.form-newsletter form .mc4wp-form-fields {
    width: 100%;
    max-width: 570px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
}

.desc-block {
    margin-bottom: 15px;
}

.follow-instagram {
    margin: 0 -2px;
}

.follow-instagram li {
    max-width: 160px;
    margin: 0 2px;
}

.instagram-slider .group-navi .owl-nav {
    right: 0;
}

.item-product-grid {
    margin-bottom: 30px;
}

/*Gap product*/
/*gap 5*/
.gap-5 .list-product-wrap {
    margin: 0 -2.5px;
}

.gap-5 .list-product-wrap .item-product {
    margin-bottom: 0;
}

.gap-5 .group-navi .owl-nav {
    right: 2.5px;
}

.gap-5 .list-product-wrap .product {
    padding: 0 2.5px;
    margin-bottom: 5px;
}

.gap-5 .list-product-wrap .item {
    padding: 0 2.5px;
    margin-bottom: 5px;
}

.gap-5 .list-product-wrap .item .product {
    padding: 0;
    margin-bottom: 5px;
}

/*gap 10*/
.gap-10 .list-product-wrap {
    margin: 0 -5px;
}

.gap-10 .list-product-wrap .item-product {
    margin-bottom: 0;
}

.gap-10 .group-navi .owl-nav {
    right: 5px;
}

.gap-10 .list-product-wrap .product {
    padding: 0 5px;
    margin-bottom: 10px;
}

.gap-10 .list-product-wrap .item {
    padding: 0 5px;
    margin-bottom: 10px;
}

.gap-10 .list-product-wrap .item .product {
    padding: 0;
    margin-bottom: 10px;
}

/*gap 15*/
.gap-15 .list-product-wrap {
    margin: 0 -7.5px;
}

.gap-15 .list-product-wrap .item-product {
    margin-bottom: 0;
}

.gap-15 .group-navi .owl-nav {
    right: 7.5px;
}

.gap-15 .list-product-wrap .product {
    padding: 0 7.5px;
    margin-bottom: 15px;
}

.gap-15 .list-product-wrap .item {
    padding: 0 7.5px;
    margin-bottom: 15px;
}

.gap-15 .list-product-wrap .item .product {
    padding: 0;
    margin-bottom: 15px;
}

/*gap 20*/
.gap-20 .list-product-wrap {
    margin: 0 -10px;
}

.gap-20 .list-product-wrap .item-product {
    margin-bottom: 0;
}

.gap-20 .group-navi .owl-nav {
    right: 10px;
}

.gap-20 .list-product-wrap .product {
    padding: 0 10px;
    margin-bottom: 20px;
}

.gap-20 .list-product-wrap .item {
    padding: 0 10px;
    margin-bottom: 20px;
}

.gap-20 .list-product-wrap .item .product {
    padding: 0;
    margin-bottom: 20px;
}

/*gap 30*/
.gap-30 .list-product-wrap {
    margin: 0 -15px;
}

.gap-30 .list-product-wrap .item-product {
    margin-bottom: 0;
}

.gap-30 .group-navi .owl-nav {
    right: 15px;
}

.gap-30 .list-product-wrap .product {
    padding: 0 15px;
    margin-bottom: 30px;
}

.gap-30 .list-product-wrap .item {
    padding: 0 15px;
    margin-bottom: 30px;
}

.gap-30 .list-product-wrap .item .product {
    padding: 0;
    margin-bottom: 30px;
}

/*gap 40*/
.gap-40 .list-product-wrap {
    margin: 0 -20px;
}

.gap-40 .list-product-wrap .item-product {
    margin-bottom: 0;
}

.gap-40 .group-navi .owl-nav {
    right: 20px;
}

.gap-40 .list-product-wrap .product {
    padding: 0 20px;
    margin-bottom: 40px;
}

.gap-40 .list-product-wrap .item {
    padding: 0 20px;
    margin-bottom: 40px;
}

.gap-40 .list-product-wrap .item .product {
    padding: 0;
    margin-bottom: 40px;
}

/*gap 50*/
.gap-50 .list-product-wrap {
    margin: 0 -25px;
}

.gap-50 .list-product-wrap .item-product {
    margin-bottom: 0;
}

.gap-50 .group-navi .owl-nav {
    right: 25px;
}

.gap-50 .list-product-wrap .product {
    padding: 0 25px;
    margin-bottom: 50px;
}

.gap-50 .list-product-wrap .item {
    padding: 0 25px;
    margin-bottom: 50px;
}

.gap-50 .list-product-wrap .item .product {
    padding: 0;
    margin-bottom: 50px;
}

/*gap 50*/
.gap-0 .list-product-wrap {
    margin: 0;
}

.gap-0 .list-product-wrap .item-product {
    margin-bottom: 0;
}

.gap-0 .group-navi .owl-nav {
    right: 0;
}

.gap-0 .list-product-wrap .product {
    padding: 0;
    margin-bottom: 0;
}

.gap-0 .list-product-wrap .item {
    padding: 0;
    margin-bottom: 0;
}

.gap-0 .list-product-wrap .item .product {
    padding: 0;
    margin-bottom: 0;
}

/*end gap*/
.tab-header {
    margin-bottom: 30px;
}

.list-post-wrap .wrap-item[data-item="5"] .item-post,
.list-post-wrap .wrap-item[data-item="6"] .item-post {
    padding: 0 5px;
    margin-bottom: 20px;
}

.list-post-wrap .wrap-item .item-post {
    padding: 0 15px;
    margin-bottom: 30px;
}

li.active > a {
    color: #e7b622;
}

.block-element {
    margin-bottom: 0;
}

/*menu live preview*/
.main-nav .preview-image {
    background: #fff;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
    left: 100%;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 200px;
    opacity: 0;
    visibility: hidden;
    margin-top: 30px;
    border: 1px solid #e5e5e5;
    transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
}

.main-nav li:hover > .preview-image {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.preview-image img {
    height: auto;
}

.preview-image > a {
    display: block;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.preview-image > a > img {
    left: 0;
    position: absolute;
    top: 0;
    transition: all 5s ease-in-out 0s;
    -webkit-transition: all 5s ease-in-out 0s;
    width: 100%;
}

.preview-image > a:hover > img {
    top: 100%;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

/*end live preview*/
/*Begin Wishlist Popup*/
.wishlist-mask {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    display: none;
}

.wishlist-popup {
    background: #fff none repeat scroll 0 0;
    border: 10px solid rgba(0, 0, 0, 0.5);
    bottom: 0;
    height: 200px;
    left: 0;
    margin: auto;
    padding: 20px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 470px;
    z-index: 9999;
}

.wishlist-button a {
    background: #858785 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 8px 15px;
    margin: 0 3px;
}

.popup-icon {
    font-size: 30px;
}

.wishlist-alert {
    margin: 10px 0 20px;
}

.product-popup-content {
    padding: 0 15px;
}

.wishlist-popup .popup-icon {
    color: #e7b622;
}

.wishlist-button a:hover {
    background: #e7b622;
}

/*End Wishlist Popup*/
.item-mega-menu ul li {
    margin-bottom: 15px;
}

.item-mega-menu ul li:last-child {
    margin-bottom: 0;
}

.item-mega-menu > h3 {
    margin-bottom: 20px;
}

.main-nav.main-nav1 ul {
    padding: 0;
}

.logo h1 {
    margin: 0;
}

.content-single-blog iframe {
    width: 100%;
    border: 0;
    max-width: 100%;
}

.player .vp-player-layout {
    left: 0 !important;
    right: 0 !important;
}

.sort-by .select-box::after {
    top: 4px;
    color: #e7b622;
    right: 12px;
}

.vc_row:not([data-vc-stretch-content="true"]) .container {
    padding: 0;
}

.smart-slider:not(.owl-carousel)[data-item="6"] > div {
    width: 16.6666%;
}

.smart-slider:not(.owl-carousel)[data-item="5"] > div {
    width: 20%;
}

.smart-slider:not(.owl-carousel)[data-item="4"] > div {
    width: 25%;
}

.smart-slider:not(.owl-carousel)[data-item="3"] > div {
    width: 33.3333%;
}

.smart-slider:not(.owl-carousel)[data-item="2"] > div {
    width: 50%;
}

.widget-group {
    margin-bottom: 30px;
}

.widget-group:last-child {
    margin-bottom: 0;
}

.page-content-box .wrap {
    background: #fff;
    max-width: 1230px;
    margin: auto;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

.page-content-box .container {
    max-width: 1230px;
}

.page-content-box .fix-row-bg {
    margin-left: 15px;
    margin-right: 15px;
}

.page-content-box .vc_row {
    padding-left: 15px;
    padding-right: 15px;
}

.page-content-box .fix-row-bg .vc_row {
    padding-left: 0;
    padding-right: 0;
}

body.page-content-box *[data-vc-full-width] {
    max-width: 1230px;
    margin: auto;
    left: -15px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

body.page-content-box [data-vc-full-width] [data-vc-full-width] {
    left: 0px !important;
}

.page-content-box .vc_row .vc_row {
    padding-left: 0px;
    padding-right: 0px;
}

/*Preload style 2*/
.preload #objectstyle2 {
    width: 80px;
    height: 80px;
    background-color: #FFF;
    -webkit-animation: animatestyle2 1s infinite ease-in-out;
    animation: animatestyle2 1s infinite ease-in-out;
    margin-right: auto;
    margin-left: auto;
    margin-top: 60px;
}

@-webkit-keyframes animatestyle2 {
    0% {
        -webkit-transform: perspective(160px);
    }
    50% {
        -webkit-transform: perspective(160px) rotateY(-180deg);
    }
    100% {
        -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg);
    }
}

@keyframes animatestyle2 {
    0% {
        transform: perspective(160px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
        -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
    }
    100% {
        transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
        -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
    }
}

/*Prelaod style 3*/
#loading-center-absolutestyle3 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: loading-center-absolute 1.5s infinite;
    animation: loading-center-absolute 1.5s infinite;

}

.objectstyle3 {
    width: 25px;
    height: 25px;
    background-color: #FFF;
    float: left;

}

#object_onestyle3 {
    -webkit-animation: object_onestyle3 1.5s infinite;
    animation: object_onestyle3 1.5s infinite;
}

#object_twostyle3 {
    -webkit-animation: object_twostyle3 1.5s infinite;
    animation: object_twostyle3 1.5s infinite;
}

#object_threestyle3 {
    -webkit-animation: object_threestyle3 1.5s infinite;
    animation: object_threestyle3 1.5s infinite;
}

#object_fourstyle3 {
    -webkit-animation: object_fourstyle3 1.5s infinite;
    animation: object_fourstyle3 1.5s infinite;
}

@-webkit-keyframes loading-center-absolutestyle3 {
    100% {
        -webkit-transform: rotate(-45deg);
    }

}

@keyframes loading-center-absolutestyle3 {
    100% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
}

@-webkit-keyframes object_onestyle3 {
    25% {
        -webkit-transform: translate(0, -50px) rotate(-180deg);
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-180deg);
    }

}

@keyframes object_onestyle3 {
    25% {
        transform: translate(0, -50px) rotate(-180deg);
        -webkit-transform: translate(0, -50px) rotate(-180deg);
    }
    100% {
        transform: translate(0, 0) rotate(-180deg);
        -webkit-transform: translate(0, 0) rotate(-180deg);
    }
}

@-webkit-keyframes object_twostyle3 {
    25% {
        -webkit-transform: translate(50px, 0) rotate(-180deg);
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-180deg);
    }
}

@keyframes object_twostyle3 {
    25% {
        transform: translate(50px, 0) rotate(-180deg);
        -webkit-transform: translate(50px, 0) rotate(-180deg);
    }
    100% {
        transform: translate(0, 0) rotate(-180deg);
        -webkit-transform: translate(0, 0) rotate(-180deg);
    }
}

@-webkit-keyframes object_three_pre3 {
    25% {
        -webkit-transform: translate(-50px, 0) rotate(-180deg);
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-180deg);
    }
}

@keyframes object_threestyle3 {
    25% {
        transform: translate(-50px, 0) rotate(-180deg);
        -webkit-transform: translate(-50px, 0) rotate(-180deg);
    }
    100% {
        transform: translate(0, 0) rotate(-180deg);
        -webkit-transform: rtranslate(0, 0) rotate(-180deg);
    }
}

@-webkit-keyframes object_fourstyle3 {
    25% {
        -webkit-transform: translate(0, 50px) rotate(-180deg);
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-180deg);
    }
}

@keyframes object_fourstyle3 {
    25% {
        transform: translate(0, 50px) rotate(-180deg);
        -webkit-transform: translate(0, 50px) rotate(-180deg);
    }
    100% {
        transform: translate(0, 0) rotate(-180deg);
        -webkit-transform: translate(0, 0) rotate(-180deg);
    }
}

/*Preload style 4*/
#loading-center-absolutestyle4 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 150px;
    width: 150px;
    margin-top: -75px;
    margin-left: -75px;
}

.objectstyle4 {
    width: 20px;
    height: 20px;
    background-color: #FFF;
    float: left;
    margin-right: 20px;
    margin-top: 65px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

#object_onestyle4 {
    -webkit-animation: object_onestyle4 1.5s infinite;
    animation: object_onestyle4 1.5s infinite;
}

#object_twostyle4 {
    -webkit-animation: object_twostyle4 1.5s infinite;
    animation: object_twostyle4 1.5s infinite;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

#object_threestyle4 {
    -webkit-animation: object_threestyle4 1.5s infinite;
    animation: object_threestyle4 1.5s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;

}

@-webkit-keyframes object_onestyle4 {
    75% {
        -webkit-transform: scale(0);
    }
}

@keyframes object_onestyle4 {

    75% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

}

@-webkit-keyframes object_twostyle4 {

    75% {
        -webkit-transform: scale(0);
    }

}

@keyframes object_twostyle4 {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

}

@-webkit-keyframes object_threestyle4 {

    75% {
        -webkit-transform: scale(0);
    }

}

@keyframes object_threestyle4 {

    75% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

}

/*Preload style 5*/
#loading-center-absolutestyle5 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 200px;
    margin-top: -25px;
    margin-left: -100px;
}

.objectstyle5 {
    width: 20px;
    height: 20px;
    background-color: #FFF;
    float: left;
    margin-top: 15px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

#first_objectstyle5 {
    -webkit-animation: first_objectstyle5 2s infinite;
    animation: first_objectstyle5 2s infinite;

}

#second_objectstyle5 {
    -webkit-animation: second_objectstyle5 2s infinite;
    animation: second_objectstyle5 2s infinite;
    float: right;
}

@-webkit-keyframes first_objectstyle5 {

    25% {
        -ms-transform: translate(90px, 0) scale(2);
        -webkit-transform: translate(90px, 0) scale(2);
        transform: translate(90px, 0) scale(2);
    }

    50% {
        -ms-transform: translate(180px, 0) scale(1);
        -webkit-transform: translate(180px, 0) scale(1);
        transform: translate(180px, 0) scale(1);
    }

    75% {
        -ms-transform: translate(90px, 0) scale(2);
        -webkit-transform: translate(90px, 0) scale(2);
        transform: translate(90px, 0) scale(2);
    }

}

@keyframes first_objectstyle5 {

    25% {
        -ms-transform: translate(90px, 0) scale(2);
        -webkit-transform: translate(90px, 0) scale(2);
        transform: translate(90px, 0) scale(2);
    }

    50% {
        -ms-transform: translate(180px, 0) scale(1);
        -webkit-transform: translate(180px, 0) scale(1);
        transform: translate(180px, 0) scale(1);
    }

    75% {
        -ms-transform: translate(90px, 0) scale(2);
        -webkit-transform: translate(90px, 0) scale(2);
        transform: translate(90px, 0) scale(2);
    }
}

@-webkit-keyframes second_objectstyle5 {

    25% {
        -ms-transform: translate(-90px, 0) scale(2);
        -webkit-transform: translate(-90px, 0) scale(2);
        transform: translate(-90px, 0) scale(2);
    }

    50% {
        -ms-transform: translate(-180px, 0) scale(1);
        -webkit-transform: translate(-180px, 0) scale(1);
        transform: translate(-180px, 0) scale(1);
    }

    75% {
        -ms-transform: translate(-90px, 0) scale(2);
        -webkit-transform: translate(-90px, 0) scale(2);
        transform: translate(-90px, 0) scale(2);
    }
}

@keyframes second_objectstyle5 {

    25% {
        -ms-transform: translate(-90px, 0) scale(2);
        -webkit-transform: translate(-90px, 0) scale(2);
        transform: translate(-90px, 0) scale(2);
    }

    50% {
        -ms-transform: translate(-180px, 0) scale(1);
        -webkit-transform: translate(-180px, 0) scale(1);
        transform: translate(-180px, 0) scale(1);
    }

    75% {
        -ms-transform: translate(-90px, 0) scale(2);
        -webkit-transform: translate(-90px, 0) scale(2);
        transform: translate(-90px, 0) scale(2);
    }
}

/*Preload style 6*/
#loading-center-absolutestyle6 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 20px;
    width: 100px;
    margin-top: -10px;
    margin-left: -50px;

}

.objectstyle6 {
    width: 20px;
    height: 20px;
    background-color: #FFF;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    margin-right: 20px;
    margin-bottom: 20px;
    position: absolute;
}

#object_onestyle6 {
    -webkit-animation: objectstyle6 2s linear infinite;
    animation: objectstyle6 2s linear infinite;
}

#object_twostyle6 {
    -webkit-animation: objectstyle6 2s linear infinite -.4s;
    animation: objectstyle6 2s linear infinite -.4s;
    left: 20px;
}

#object_threestyle6 {
    -webkit-animation: objectstyle6 2s linear infinite -.8s;
    animation: objectstyle6 2s linear infinite -.8s;
    left: 40px;
}

#object_fourstyle6 {
    -webkit-animation: objectstyle6 2s linear infinite -1.2s;
    animation: objectstyle6 2s linear infinite -1.2s;
    left: 60px;
}

#object_fivestyle6 {
    -webkit-animation: objectstyle6 2s linear infinite -1.6s;
    animation: objectstyle6 2s linear infinite -1.6s;
    left: 80px;
}

@-webkit-keyframes objectstyle6 {
    0% {
        left: 100px;
        top: 0
    }
    80% {
        left: 0;
        top: 0;
    }
    85% {
        left: 0;
        top: -20px;
        width: 20px;
        height: 20px;
    }
    90% {
        width: 40px;
        height: 15px;
    }
    95% {
        left: 100px;
        top: -20px;
        width: 20px;
        height: 20px;
    }
    100% {
        left: 100px;
        top: 0;
    }

}

@keyframes objectstyle6 {
    0% {
        left: 100px;
        top: 0
    }
    80% {
        left: 0;
        top: 0;
    }
    85% {
        left: 0;
        top: -20px;
        width: 20px;
        height: 20px;
    }
    90% {
        width: 40px;
        height: 15px;
    }
    95% {
        left: 100px;
        top: -20px;
        width: 20px;
        height: 20px;
    }
    100% {
        left: 100px;
        top: 0;
    }
}

/*Preload style 7*/
#loading-center-absolutestyle7 {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
}

.objectstyle7 {
    width: 50px;
    height: 5px;
    background-color: #FFF;
    -webkit-animation: animatestyle7 2s infinite;
    animation: animatestyle7 2s infinite;
    position: absolute;
    top: 0px;
    right: -200px;
}

@-webkit-keyframes animatestyle7 {

    50% {
        -ms-transform: translate(-400px, 0) rotate(-360deg);
        -webkit-transform: translate(-400px, 0) rotate(-360deg);
        transform: translate(-400px, 0) rotate(-360deg);
    }

    100% {
        -ms-transform: translate(0, 0) rotate(360deg);
        -webkit-transform: translate(0, 0) rotate(360deg);
        transform: translate(0, 0) rotate(360deg);
    }

}

@keyframes animatestyle7 {
    50% {
        -ms-transform: translate(-400px, 0) rotate(-360deg);
        -webkit-transform: translate(-400px, 0) rotate(-360deg);
        transform: translate(-400px, 0) rotate(-360deg);
    }

    100% {
        -ms-transform: translate(0, 0) rotate(360deg);
        -webkit-transform: translate(0, 0) rotate(360deg);
        transform: translate(0, 0) rotate(360deg);
    }

}

.preload-style-custom-image #loading-center {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-items: center;
    -webkit-justify-items: center;
    -ms-justify-items: center;
    -o-justify-items: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
}

#loading-center-absolute-image {
    text-align: center;
    margin: auto;
    display: none;
}

.preload #loading-center-absolute-image {
    display: block;
}

.contact-form-page .wrap-input i {
    position: absolute;
    top: 17px;
    left: 20px;
    color: #999;
    z-index: 1;
}

.contact-form-page .wrap-input input[type="url"] {
    border: 1px solid #e5e5e5;
    height: 50px;
    border-radius: 25px;
    display: block;
    width: 100%;
    background: #fff;
    padding: 0 45px;
}

.item-contact-page .contact-thumb i {
    position: relative;
    z-index: 1;
}

.item-contact-page .contact-thumb {
    margin-bottom: 23px !important;
}

.banner-slider .banner-info {
    height: auto;
}

.about-customer li::before {
    content: "\f00c";
    font-family: "FontAwesome";
}

.about-banner-history .banner-info .desc::before {
    content: "\f10d";
    font-family: "FontAwesome";
}

.about-content-page::before {
    display: none;
}

.about-content-page {
    position: relative;
    padding: 0 15px;
}

.about-content-page > div {
    position: relative;
    padding: 40px 0;
}

.about-content-page > div::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;
    width: 1px;
    content: "";
    background: #e5e5e5;
    z-index: 1;
    display: block;
}

.about-title-number .number {
    line-height: 68px;
}

.about-title-number > p {
    margin-bottom: 0;
}

.about-title-number {
    padding-bottom: 42px;
    margin-bottom: 0;
}

.item-about-faq .desc::before,
.item-about-faq h3::before {
    display: none;
}

.item-about-faq h3 span.first-text {
    position: absolute;
    top: -10px;
    text-transform: uppercase;
    font-size: 60px;
    color: #f4f4f4;
    left: -20px;
    z-index: -1;
}

.item-about-faq .desc span.first-text {
    position: absolute;
    top: 15px;
    text-transform: uppercase;
    font-size: 60px;
    color: #f4f4f4;
    left: -20px;
    z-index: -1;
}

.intro-about-team h3 {
    margin: 0;
    padding: 30px 0;
}

.content-about-team .desc {
    margin-bottom: 25px;
}

.price-table-color span.start {
    margin-bottom: 10px;
}

.wishlist_table tr td,
.wishlist_table tr th.wishlist-delete,
.wishlist_table tr th.product-checkbox {
    text-align: left;
}

.woocommerce .product-remove a.remove {
    margin: auto;
}

.woocommerce table.wishlist_table {
    font-size: 100%;
}

.compare-link,
.wishlist-link {
    padding: 11px 13px;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    line-height: normal;
    display: inline-block;
}

.compare-link > span,
.wishlist-link > span {
    display: none;
}

.item-post .post-info .desc {
    margin-bottom: 20px;
}

.yith-wcwl-add-to-wishlist + div {
    display: inline-block;
    clear: inherit;
}

.detail-info .compare.button,
.detail-info .yith-wcwl-add-to-wishlist {
    display: inline-block !important;
    margin-bottom: 20px;
    margin-top: 0;
}

/*Block class*/
.block-top-30 {
    margin-top: 30px;
}

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

.block-top-50 {
    margin-top: 50px;
}

.block-bottom-50 {
    margin-bottom: 50px;
}

.block-top-100 {
    margin-top: 100px;
}

.block-bottom-100 {
    margin-bottom: 100px;
}

.title-tab {
    margin: 0 -10px;
    border: 0;
}

.title-tab > li {
    margin: 0 10px;
}

.form-popup .submit-form {
    height: 50px;
    background: #000;
    border: none;
    color: #fff;
    padding: 0 30px;
}

/*Fix form-newsletter*/
.content-popup input[type="email"] {
    width: 260px;
    height: 50px;
    border: 1px solid #e5e5e5;
    padding: 0 15px;
    display: block;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -o-flex-grow: 1;
    margin-right: 10px;
}

.content-popup .submit-form::after {
    display: none;
}

.content-popup .form-newsletter form .mc4wp-form-fields {
    border: 0;
    max-width: inherit;
}

.form-newsletter.form-popup {
    max-width: 100%;
}

.content-popup .submit-form {
    width: auto;
}

.content-popup .submit-form input[type="submit"] {
    position: static;
    line-height: 50px;
}

/*End fix*/
.close-minicart {
    display: none;
    position: absolute;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #333;
    font-size: 24px;
    top: 0;
    left: -39px;
    color: #fff;
    cursor: pointer;
}

.aside-box .close-minicart {
    display: block;
}

/*filter product element*/
.btn-filter {
    background: #fff;
    border: 1px solid #e5e5e5;
    display: inline-block;
    font-weight: 700;
    height: 40px;
    line-height: 38px;
    padding: 0 55px 0 20px;
    position: relative;
    text-transform: uppercase;
}

.box-attr-filter {
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
    left: 0;
    margin-top: 35px;
    opacity: 0;
    padding: 20px 0;
    position: absolute;
    top: 65px;
    visibility: hidden;
    width: 100%;
    z-index: 10000;
    transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
}

.filter-product.active .box-attr-filter {
    margin-top: 5px;
    opacity: 1;
    visibility: visible;
    top: 40px;
}

.btn-filter::after {
    border-left: 1px solid #e5e5e5;
    bottom: 0;
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
}

.js-content-wrap {
    position: relative;
}

.filter-product {
    margin-bottom: 30px;
}

.btn-filter span {
    display: inline-block;
    font-size: 18px;
    margin-right: 10px;
    vertical-align: top;
}

.box-attr-filter::before {
    background: #fbfbfb;
    border-right: 1px solid #e5e5e5;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 170px;
}

.item-box-attr {
    display: table;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 5px 0;
    line-height: 24px;
}

.item-attr-title {
    display: table-cell;
    padding: 0 25px;
    position: relative;
    width: 170px;
    vertical-align: top;
    text-align: left;
}

.item-attr-content {
    color: #666;
    display: table;
    padding: 0 30px;
    vertical-align: top;
}

.range-filter .ui-slider-range {
    background: #333;
}

.range-filter .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #333;
    border-radius: 0;
    cursor: pointer;
    height: 10px;
    margin-left: -5px;
    top: -4px;
    width: 10px;
    border: none;
}

.range-filter .slider-range {
    border: none;
    border-radius: 0;
    height: 1px;
    display: inline-block;
    margin: 0 20px 0 5px;
    vertical-align: middle;
    width: 250px;
    background: #e5e5e5;
}

.attr-price-filter {
    display: inline-block;
}

.attr-price-filter label {
    font-weight: 400;
}

.list-filter.list-inline li {
    padding: 0 10px;
}

.wrap-item.loadding .ajax-loading {
    display: block !important;
}

.filter-yes .js-content-main {
    clear: both;
}

.filter-col .box-attr-filter::before {
    display: none;
}

.filter-col .item-box-attr {
    display: block;
    float: left;
}

.filter-col.filter-2-col .item-box-attr {
    width: 50%;
}

.filter-col.filter-3-col .item-box-attr {
    width: 33.3333%;
}

.filter-col.filter-4-col .item-box-attr {
    width: 25%;
}

.filter-col.filter-2-col .item-box-attr:nth-child(2n+1),
.filter-col.filter-3-col .item-box-attr:nth-child(3n+1),
.filter-col.filter-4-col .item-box-attr:nth-child(4n+1) {
    clear: both;
}

.filter-col .box-attr-filter {
    clear: both;
}

.filter-col .list-filter {
    margin: 0 -15px;
}

.filter-col .item-box-attr {
    text-align: left;
}

.filter-col.filter-col-list .list-filter li,
.filter-col.filter-col-list .list-filter {
    list-style: none;
    display: list-item;
}

.element-filter {
    position: relative;
}

.element-filter.active:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    width: 6px;
    height: 10px;
    display: block;
    border: solid #a21414;
    border-width: 0 2px 2px 0;
    position: absolute;
    top: 2px;
    right: -11px;
}

.filter-noresult {
    padding: 100px 0;
    border: 1px solid #e5e5e5;
}

.row > .filter-noresult-wrap {
    padding: 0 15px;
    display: block !important;
    position: static !important;
}

.products-wrap {
    position: relative;
    clear: both;
}

.filter-none .owl-wrapper,
.filter-none .owl-wrapper .owl-item {
    width: 100% !important;
}

.range-filter .slider-range {
    max-width: calc(100% - 12px);
}

.filter-col .item-attr-title,
.filter-col .item-attr-content {
    display: block;
}

/*End filter element*/

.show-by.show-order .dropdown-link .silver::after {
    display: none;
}

.show-by.show-order .dropdown-list {
    width: 100%;
}

.dropdown-list li a.active {
    background: #e7b622;
    color: #fff;
}

.mini-cart-box.dropdown-box {
    display: inline-block;
}

.detail-gallery .carousel li {
    min-height: 50px;
}

.vc_col-has-fill > .vc_column-inner,
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner,
.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner,
.vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section,
.vc_section.vc_section-has-fill + .vc_section {
    padding-top: 0 !important;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    display: block;
    max-width: 100%;
}

.account-manager .dropdown-list li i {
    min-width: 20px;
}

.account-manager .dropdown-list {
    width: 160px;
}

.compose-mode .vc_vc_column.vc_container-block .column_container {
    width: 100%;
}

/*404*/
.error-404 .page-title {
    margin-top: 0;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
}

.error-404 {
    border: 1px solid #e5e5e5;
    padding: 100px 30px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.error-404 .page-header {
    margin-top: 0;
    border: 0;
    margin-bottom: 0;
}

.error-404 .wg-search-form {
    max-width: 500px;
    margin: 50px auto 0;
}

.error-404.not-found {
    margin-bottom: 20px;
}

.icon-404 {
    background: #f7f7f7;
    width: 350px;
    height: 350px;
    max-width: 100%;
    color: #dadada;
    border-radius: 50%;
    display: block;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.icon-404 .number {
    display: block;
    font-size: 120px;
    text-align: center;
    line-height: 280px;
    font-weight: 700;
    position: absolute;
    left: 0;
    right: 0;
    color: #333;
}

.icon-404 .text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100px;
    font-size: 30px;
    color: #999;
}

.info-404 h2 {
    color: #e7b622;
    font-weight: 600;
    font-size: 60px;
}

.info-404 h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 28px 0 18px;
}

.info-404 {
    text-align: center;
    max-width: 375px;
}

.info-404 p {
    color: #999;
    margin-bottom: 43px;
}

.content-default-404 {
    margin: 0 auto;
}

/*End 404*/
.search-no-results .wg-search-form {
    margin-top: 45px;
    max-width: 580px
}

.widget .list-mini-cart-item {
    margin-bottom: 20px;
}

/*Custom cart/checkout*/
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
}

.cart-collaterals {
    padding: 37px 30px 25px;
    background: #f9f9f9;
    position: relative;
}

.woocommerce .cart_totals table.shop_table td,
.woocommerce .cart_totals table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
    padding: 15px 0;
}

.woocommerce table.shop_table {
    border: 0;
    margin-bottom: 60px;
}

table.shop_table .product-name {
    min-width: 200px;
}

.woocommerce-cart .cart-custom .wc-proceed-to-checkout a.checkout-button {
    display: block;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
    border: 0;
    padding: 20px 10px;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th,
.woocommerce-cart table.cart td:first-child {
    padding: 20px 0;
}

.woocommerce table.shop_table tr,
.woocommerce-cart table.cart tr {
    border-bottom: 1px solid #e5e5e5;
}

.woocommerce table.shop_table tbody tr:last-child,
.woocommerce-cart table.cart tbody tr:last-child {
    border-bottom: 0;
}

#order_review:after,
#order_review:before,
.order-custom:after,
.order-custom:before,
.cart-collaterals:after,
.cart-collaterals:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: transparent;
    background-size: 15px 15px;
    background-image: radial-gradient(farthest-side, rgba(0, 0, 0, 0) 6px, #f8f8f8 0);
    top: -10px;
    background-position: -3px -5px, 0 0;
    display: none !important;
}

#order_review:after,
.order-custom:after,
.cart-collaterals:after {
    top: inherit;
    bottom: -10px;
    background-position: -3px 2px, 0 0;
}

.cart_totals h2 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0;
}

.cart-subtotal .amount,
.order-total .amount,
.product-subtotal .amount {
    color: #e7b622;
    font-weight: 700;
    font-size: 14px;
}

.woocommerce-cart-form .product-price > span,
.woocommerce-cart-form .product-price ins,
.cart-subtotal .amount {
    font-weight: normal;
}

.woocommerce .checkout-custom .col2-set .col-1,
.woocommerce-page .checkout-custom .col2-set .col-2 {
    float: none;
    width: 100%;
}

#ship-to-different-address {
    padding: 0 23px;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: -10px;
    margin-bottom: 0;
}

#order_review_heading {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 22px;
}

.woocommerce-billing-fields > h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0;
}

.order-custom {
    padding: 30px 30px 20px;
    background: #f9f9f9;
    position: relative;
    margin-bottom: 70px;
}

.woocommerce-checkout {
    margin-top: 36px;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    border: 0;
    padding: 0;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: transparent;
    border: 0;
}

.woocommerce-billing-fields input[type="tel"] {
    border-radius: 0px;
}

#ship-to-different-address-checkbox {
    width: 16px;
    height: 16px;
    vertical-align: top;
    top: -3px;
}

.checkout-custom .col2-set {
    margin-bottom: 0;
}

.col2-set {
    margin-bottom: 35px;
}

#order_review {
    padding: 30px 30px 20px;
    background: #f9f9f9;
    position: relative;
}

.order-custom #order_review {
    padding: 0;
}

.order-custom #order_review:before,
.order-custom #order_review:after {
    display: none;
}

.order-custom #order_review_heading {
    margin-bottom: 0;
}

.checkout-custom .woocommerce-billing-fields {
    margin-bottom: 35px;
}

.order-table-wrap {
    padding: 0 20px 10px;
    background: #fff;
    margin-bottom: 35px;
}

.order-custom .order-table-wrap {
    margin-top: 25px;
}

.woocommerce .order-table-wrap table.shop_table {
    margin-bottom: 0;
}

.woocommerce .order-table-wrap table.shop_table tfoot tr:last-child {
    border-bottom: 0;
}

.woocommerce-checkout #payment div.form-row.place-order {
    border-top: 1px solid #e5e5e5;
    padding: 30px 0 0;
    margin-top: 20px;
}

.order-custom #place_order {
    display: block;
    width: 100%;
    float: none;
}

ul.payment_methods li input.input-radio {
    vertical-align: middle;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    background: #f6f6f6;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: #f6f6f6;
}

.woocommerce .shipping-calculator-form button.button {
    display: block;
    width: 100%;
}

#customer_login > div > h2,
.woocommerce-account .addresses .title h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.edit-account legend {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px 0 12px;
}
.edit-account .form-row span em {
    color: #999;
    margin-top: 5px;
    display: block;
    margin-bottom: -4px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border: 1px solid #e5e5e5;
}
.related-product .single-title {
    margin-bottom: 24px;
}
.woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover {
    background-color: rgba(132, 156, 76);
    color: #fff;
    transition: all 0.3s;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
    border-radius: 0px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #e7b622;
}

/* css header */
    /* top */
    .header-top-left {display: flex; justify-content: flex-start; align-items: center; margin: 5px 0px;}
    .header-top-left-address, .header-top-left-email, .header-top-left-contact {padding: 2px; display: flex; margin-right: 10px;}
    .header-top-left-address i, .header-top-left-email i, .header-top-left-contact i {margin-right: 7px;}
    .header-top-left-address i::before, .header-top-left-email i::before, .header-top-left-contact i::before {color: #268f4a !important;}

    .header-top-left-address span, .header-top-left-email a, .header-top-left-contact span {font-size: 12px;}
    .header-top-right {display: flex; justify-content: flex-end; align-items: center; margin: 5px 0px;}
    .header-top-right #searchform::before {display: flex; align-items: center; color: rgba(0, 0, 0, 0.2); font-family: 'FontAwesome'; line-height: 2; content: '\f002'; margin-right: 5px; margin-left: 10px; }
    .header-top-right #searchform {display: inline-flex;justify-content: space-between; align-items: stretch; margin: 0; padding: 0; overflow: hidden;background-color: rgba(0, 0, 0, 0.2); height: 24px !important; border-radius: 4px;}
    .header-top-right #searchform label {display: none;}
    .header-top-right #searchform #s {float: none;display: inline-block;background: none;font-size: 11px;line-height: 11px;width: auto; margin: 0px;padding: 0px;box-shadow: none;border: none; height: auto !important;}
    .header-top-right #searchform #searchsubmit {display: none;}
    /* bottom */
    .header-bottom-left, .header-bottom-right {display: flex; align-items: center; height: 60px; padding: 5px;}
    .header-bottom-left {justify-content: flex-start;}
    .header-bottom-right {justify-content: flex-end;}
    .header-bottom-left img {max-height: 50px;}
    .header-bottom-right .main-nav > ul > li.current-menu-item > a {border: none;}
    .header-bottom-right .main-nav>ul>li>a::after:hover {content: ''; display: block; position: relative; background: #268f4a ; height: 2px; top: -2px; transition: width .25s ease, background-color .25s ease}
    .header-bottom-right .main-nav>ul>li>a:hover {color: #268f4a}
    .header-bottom-right .main-nav>ul>li>a {display: flex; align-items: center;}
    .header-page{
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0 , 0.5);
    }
/* footer */
    .footer-left, .footer-center, .footer-right {font-size: 14px; font-weight: bold; margin-bottom: 15px; margin-top: 10px;}
    .footer-right-main ul {padding-left: 10px !important;}
    .footer-right-main ul li {display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;}
    .footer-right-main ul li a {color: #268f4a;}
    .footer-right-main ul li a:hover {color: #d0171f; text-decoration: underline;}
    .footer-copyright {width: 50%; height: 40px; display: flex; justify-content: flex-start; align-items: center; background: #268f4a; font-size: 12px; font-style: italic; color: white; padding: 0 120px ;}

/* banner trang chủ */
.vh-banner-main .swiper-slide-bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.vh-banner-main .swiper-slide-bg::after {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: rgba(0, 0, 0, 0.3);}
.vh-banner-main .swiper-slide-inner {position: absolute; text-align: center !important; left: 0; right: 0; margin: auto; bottom: 50px;}
.vh-banner-main .swiper-slide-inner .vh-banner-desc .elementor-slide-description-extend {color: white; text-shadow: 2px 2px 5px #000000;}

/* post trang chủ */
.vh-post-css .banner-advs {max-width: 100%;}
.vh-post-css .banner-advs a {height: 200px; object-fit: cover; object-position: center;margin-bottom: 15px;}
.vh-post-css .banner-advs a img{width: auto; height: 100%; object-fit: cover; object-position: center center; margin: auto; }
.vh-post-content {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.vh-post-css .post-info h3 { margin-bottom: 15px;}
.vh-post-css {margin-bottom: 50px;}
.vh-post-content button {height: 26px; border-radius: 5px; padding: 0px !important; border: none !important;}
.vh-post-content button:hover { background-color: #268f4a;}
.vh-post-content button a {font-weight: 900; padding: 0px 10px; display: inline-block;}
.vh-post-content button a:hover{color: rgb(255, 255, 255);}
.vh-post-main .elementor-widget-container > h5 {width: 100%; text-align: center; font-size: 48px !important; padding-top: 50px!important; margin-bottom: 30px;padding-bottom: 15px; position: relative;}
.vh-post-main .elementor-widget-container > h5::after {content: "";display: block;position: absolute;width: 160px;height: 4px;;left: 0px;right: 0px;margin: auto;background: #d0171f; bottom: 0px}

/* box đóng góp cho cộng đồng và sứ mệnh*/
.vh-contribute-main .elementor-widget-container {padding:0px !important;}

.vh-contribute-main .elementor-widget-container .header-capabilities-wrap .elementor-heading-capabilities {text-align: center; font-family: "Roboto"; width: 100%;}
.vh-contribute-main ul li {text-align: center; width: 100%; font-size: 18px; padding: 0px !important; margin: 0px !important; }
.vh-set-content {width: 60%; margin-left: 20%; background-color: rgba(255, 255, 255, 0.8); padding: 2%; border-top-left-radius: 80px; border-bottom-right-radius: 80px; z-index: 1; position: relative;}  
.vh-set-bg::after {content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: rgba(0, 0, 0, 0.2);}
.vh-set-bg {position: relative; padding: 5% 0;}

/* box slider thông tin */
    .vh-slide-info {padding: 15px 15px 50px 15px !important; }
    .vh-slide-info .elementor-slide-image-extend-module {width: 100% !important; max-width: 100% !important; height: 200px; max-height: 200px;margin-bottom: 20px !important; overflow: hidden;} 
    .vh-slide-info .elementor-slide-image-extend-module img {display: inline-block; object-position: center center; object-fit: cover; height: 200px;transition: all ease 0.3s}
    /* .vh-slide-info .elementor-slide-image-extend-module img::after {content: ''; display: block; position: absolute; background-color: rgba(0, 0, 0, 0.2); top: 0;left: 0;bottom: 0;right: 0; visibility: hidden;opacity: 0; z-index: 1; margin: auto; } */
    .vh-slide-info .elementor-slide-image-extend-module img:hover {opacity: 1; visibility: visible;transition: all ease 0.3s; transform: scale(1.1)}


/* trang bài viết single */
.vh-post-detail-banner {padding: 0 !important; margin-bottom: 50px !important;}
.vh-post-detail-banner .wrap-bread-crumb-inner {padding:50px 0 !important;  background: #268f4a;}
.vh-post-detail-main .banner-advs { overflow: hidden;}
.vh-post-detail-main .banner-advs img {width: 100%; height: 350px; object-fit: cover; object-position: center center; transition: all ease 0.3s}
.vh-post-detail-main .banner-advs img:hover {transition: all ease 0.3s; transform: scale(1.05)}
.vh-sidebar-right .sidebar-widget form .wp-block-search__inside-wrapper input , .vh-sidebar-right .sidebar-widget form .wp-block-search__inside-wrapper button {border-radius: 5px;}
.vh-sidebar-right .wp-block-group__inner-container ul li {margin-bottom: 5px;}
.vh-sidebar-right .wp-block-group__inner-container ul li a {color: #268f4a;}

/* trang blog */
.vh-blog-css .vh-post-css {display: flex; justify-content: space-between; flex-wrap: wrap;}
.vh-blog-css .vh-post-css > div {margin-bottom: 20px; width: 50% !important;}
.vh-blog-css{margin-bottom: 50px;}
.sidebar{
    margin-bottom: 50px;
}
/* post tìm kiếm  */

.vh-css-banner-post, .vh-css-banner-post img {width: 100% !important; }
.elementor-element .wrap-bread-crumb.vh-post-detail-banner{
    margin-bottom: 0px !important;
}
.blog-share-wrap{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.blog-share-wrap .share-title{
    margin-right: 10px;
}
.icon-share-wrap {
    display: flex;
    margin: 0px -5px;
}
.icon-share-wrap a{
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 5px;
}
.content-single-blog{
    margin-bottom: 50px;
}
.sidebar .wp-block-group h2{
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
    color: #000;
}
.fancybox-button{
    padding: 0px !important;
}
.fancybox-slide--current{
    padding: 0px 15px !important;
}