@font-face {
    font-family: 'Painter PERSONAL USE ONLY';
    src: url('../fonts/PainterPERSONALUSEONLY.eot');
    src: url('../fonts/PainterPERSONALUSEONLY-1.eot') format('embedded-opentype'), url('../fonts/PainterPERSONALUSEONLY.woff2') format('woff2'), url('../fonts/PainterPERSONALUSEONLY.woff') format('woff'), url('../fonts/PainterPERSONALUSEONLY.ttf') format('truetype'), url('../fonts/PainterPERSONALUSEONLY.svg#PainterPERSONALUSEONLY') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*----------- 2. Home page 1 --------*/
/* header area */
.header-area {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    transition: all 0.7s ease 0s;
}
.head-h {
    height: 179px;
}
.transparent-bar.stick {
    background-color: #fff;
    border-bottom: 0 solid #4a90e2;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
    position: fixed;
    top: 0;
    width: 100%;
    padding: 15px 0;
    animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
    z-index: 9999;
}
.logo,
.language-currency,
.logo-menu-wrapper,
.header-site-icon,
.sticky-logo {
    transition: all 0.7s ease 0s;
}
.stick .language-currency,
.stick .logo {
    display: none;
    transition: all 0.7s ease 0s;
}
.sticky-logo {
    display: none;
    transition: all 0.7s ease 0s;
}
.stick .sticky-logo {
    display: block;
    padding-top: 4px;
}
.stick .logo-menu-wrapper {
    padding-top: 0px;
}
.stick .header-site-icon {
    padding-top: 17px;
}
.stick .main-menu ul li a {
    line-height: 60px;
}
.language-currency {
    display: flex;
    flex-direction: row-reverse;
    padding-top: 39px;
}
.language-currency p {
    font-size: 14px;
    line-height: 1.5em;
}
.hm-3-padding .language-currency,
.hm-4-padding .language-currency {
    padding-top: 63px;
}
.hm-3-padding .header-site-icon,
.hm-4-padding .header-site-icon {
    padding-top: 64px;
}
.language {
    margin-right: 27px;
}
.mobile-menu-area {
    display: none;
}
/* chosen select option */
.chosen-container-single .chosen-single span {
    color: #666;
    display: block;
    font-size: 12px;
    transition: all .3s ease 0s;
}
.chosen-container-single .chosen-single span:hover {
    color: #2e1308;
}
.chosen-container-single .chosen-single {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-radius: 0px;
    box-shadow: none;
    color: #666;
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    border: none;
}
.chosen-container .chosen-drop {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    margin-top: 10px;
    width: 100px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.chosen-container-active.chosen-with-drop .chosen-single {
    background-image: none;
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
}
.chosen-container .chosen-single div b::before {
    color: #000000;
    content: "";
    font-family: "themify";
    font-size: 12px;
    margin-left: 2px;
}
.chosen-container .chosen-results {
    padding: 4px;
}
.chosen-container .chosen-drop ul.chosen-results {
    margin: 0;
}
.chosen-container .chosen-drop ul li.highlighted {
    background: #2e1308;
}
/* logo */
.logo-menu-wrapper {
    padding-top: 17px;
}
.logo-small-device {
    padding-top: 30px;
    display: none;
}
/* menu */
.main-menu ul li {
    display: inline-block;
    padding: 0 12px;
    position: relative;
}
.main-menu ul li a {
    color: #797979;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 82px;
    text-transform: uppercase;
}
.main-menu ul li:hover > a {
    color: #2e1308;
}
.main-menu ul li.active>a {
    font-weight: bold;
    color: #2e1308;
}
.main-menu nav > ul > li > ul {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
    display: block;
    left: -23px;
    opacity: 0;
    padding: 25px 0px 27px;
    position: absolute;
    text-align: left;
    top: 120%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: 999;
}
.main-menu nav ul li:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.main-menu nav ul li ul > li {
    display: block;
    position: relative;
    padding: 0 18px;
}
.main-menu nav ul li ul > li > a::before {
    background: #2e1308 none repeat scroll 0 0;
    content: "";
    height: 7px;
    left: 15px;
    opacity: 0;
    position: absolute;
    top: 14px;
    transition: all 0.3s ease-in-out 0s;
    width: 7px;
    border-radius: 50%;
    z-index: 999;
}
.main-menu nav ul li ul > li:hover > a::before {
    opacity: 1;
}
.main-menu nav ul li ul li > a,
.stick .main-menu nav ul li ul li > a {
    color: #666;
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 32px;
    text-transform: capitalize;
    display: block;
}
.main-menu nav ul li ul li.active > a,
.stick .main-menu nav ul li ul li.active > a {
    color: #2e1308;
}
.main-menu nav ul li ul li:hover > a {
    padding-left: 15px;
}
.main-menu nav ul li > ul.mega-menu {
    padding: 45px 0px 47px;
    width: 690px;
}
.main-menu > nav > ul > li > ul.mega-menu > li {
    width: 33.333%;
    float: left;
    display: inline-block;
}
.main-menu > nav > ul > li > ul.mega-menu > li.mega-menu-img {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-top: 25px;
}
.main-menu nav ul li > ul.mega-menu li ul {
    width: 100%;
}
.main-menu nav ul li > ul.mega-menu li ul > li {
    display: block;
    position: relative;
}
.main-menu nav ul li > ul.mega-menu li ul > li.mega-menu-title {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.main-menu > nav > ul > li > ul.mega-menu > li.mega-menu-img a {
    padding-left: 0;
}
.main-menu nav ul li > ul.mega-menu li ul > li > a {
    display: block;
}
.main-menu nav ul li > ul.mega-menu li.mega-menu-img ul > li > a img {
    width: 100%;
}
.main-menu > nav > ul > li > ul.mega-menu > li.mega-menu-img a::before {
    display: none;
}
.main-menu nav ul li > ul.mega-menu li ul > li.mega-menu-title:hover::before {
    display: none;
    opacity: 0;
}
.main-menu nav > ul > li > ul.lavel-menu li ul {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
    display: block;
    left: 100%;
    opacity: 0;
    padding: 25px 0px 27px;
    position: absolute;
    text-align: left;
    top: 10px;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: 999;
}
.main-menu nav > ul > li > ul.lavel-menu li:hover > ul {
    opacity: 1;
    top: 0px;
    visibility: visible;
}
.main-menu ul li a span {
    float: right;
}
/* cart search login */
.header-site-icon {
    display: flex;
    justify-content: flex-end;
    padding-top: 40px;
}
.same-style {
    margin-left: 16px;
}
.same-style:first-child {
    margin-left: 0px;
}
.same-style button,
.same-style a {
    background-color: transparent;
    border: medium none;
    color: #666666;
    font-size: 20px;
    cursor: pointer;
    position: relative;
}
.same-style button:hover,
.same-style a:hover {
    color: #2e1308;
}
.header-cart button span {
    font-size: 12px;
    position: absolute;
    right: -1px;
    top: -6px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #2e1308;
    color: #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 50px;
}

/* header cart */

.sidebar-cart {
    background: #ffffff none repeat scroll 0 0;
    color: #353535;
    min-height: 100vh;
    position: fixed;
    right: -480px;
    top: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    width: 480px;
    z-index: 9999;
}
.wrap-sidebar {
    height: 100vh;
    margin: 0;
    overflow-y: auto;
    padding: 45px 46px 0;
    width: 100%;
}
.sidebar-cart-all {
    padding-bottom: 39px;
}
.sidebar-cart.inside {
    right: 0px;
}
.sidebar-cart-icon,
.sidebar-nav-icon {
    display: block;
    margin-bottom: 14px;
    overflow: hidden;
}
.sidebar-cart-icon button,
.sidebar-nav-icon button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #303030;
    cursor: pointer;
    float: right;
    font-size: 27px;
    padding: 0;
    transition: all 0.3s ease 0s;
}
.sidebar-cart-icon button:hover,
.sidebar-search-icon button:hover,
.sidebar-search-input form .form-search button:hover,
.sidebar-nav-icon button:hover {
    /*color: #2e1308;*/
}
.cart-content > h3 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
.cart-content ul li.single-product-cart {
    display: flex;
    margin-bottom: 27px;
}
.cart-img img {
    flex: 0 0 80px;
}
.cart-content ul li.single-product-cart:last-child {
    margin-bottom: 0px;
}
.cart-title > h3 {
    color: #646464;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;
}
.cart-title > span {
    color: #2e1308;
    font-weight: 600;
}
.cart-title {
    margin: 0px 0 18px 30px;
}
.cart-delete {
    display: flex;
    flex-grow: 100;
    justify-content: flex-end;
}
.cart-delete a i {
    color: #4b4b4b;
    display: inline-block;
    font-size: 17px;
    line-height: 1;
    margin-top: 4px;
}
.cart-delete a i:hover {
    color: #2e1308;
}
.cart-content ul {
    margin-top: 47px;
}
.cart-total {
    border-top: 1px solid #e3e3e3;
    margin-top: 29px;
    padding-top: 17px;
    text-align: right;
    width: 100%;
}
.cart-total h4 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.cart-total h4 span {
    color: #2e1308;
    font-size: 18px;
    font-weight: 600;
}
.cart-checkout-btn > a.no-mrg {
    margin-right: 0px;
}
.cart-checkout-btn {
    margin-top: 13px;
}
.wrapper .body-overlay {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    cursor: crosshair;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    visibility: hidden;
    width: 100%;
    z-index: 999;
}
.wrapper.overlay-active .body-overlay {
    opacity: 1;
    visibility: visible;
}
.btn-style.cart-btn-style {
    letter-spacing: 1px;
    margin-right: 30px;
    padding: 16px 48px 15px;
}
.btn-hover:hover {
    color: white;
}
.btn-hover {
    position: relative;
}
/* search */
.main-search-active {
    background: rgba(0, 0, 0, 0.92) none repeat scroll 0 0;
    color: #353535;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    padding: 32px 46px 39px;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(110%);
    transition: transform 0.5s ease-in-out 0s;
    width: 100%;
    z-index: 9999;
}
.main-search-active.inside {
    transform: translateX(0px);
    z-index: 9999;
}
.sidebar-search-input {
    padding: 300px 0 0;
}
.sidebar-search-input form .form-search {
    position: relative;
}
.sidebar-search-input form .form-search input {
    background-color: transparent;
    border-color: #dadada;
    border-style: solid;
    border-width: 0 0 1px;
    color: #fff;
    display: block;
    font-size: 17px;
    height: 62px;
    line-height: 62px;
    padding: 0 40px 0 0;
    width: 800px;
}
.sidebar-search-input form .form-search button {
    background-color: transparent;
    border: medium none;
    color: #dadada;
    cursor: pointer;
    font-size: 25px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 18px;
    transition: all 0.3s ease 0s;
}
.sidebar-search-icon {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: 375px;
}
.sidebar-search-icon button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 35px;
    line-height: 1;
    padding: 0;
    transition: all 0.3s ease 0s;
}
.sidebar-search-input form .form-search input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.sidebar-search-input form .form-search input::-webkit-placeholder {
    color: #fff;
    opacity: 1;
}

/* slider */
.slider-1 {
    
}
.slider-1 img{
    display: block;
    max-width: 100%;
    height: auto;
}
.slider-content {
    margin-top: 180px;
}
.slider-single-img {
    overflow: hidden;
}
.slider-single-img > img {
    float: right;
    max-width: 100%;
    padding-left: 60px;
}
.slider-content h2 {
    color: #303030;
    font-size: 60px;
    font-weight: 500;
    margin: 0;
}
.slider-content h2 span {
    color: #2e1308;
}
.slider-content p {
    color: #787878;
    font-size: 16px;
    margin: 10px 0 21px;
    width: 90%;
}
a.slider-btn {
    color: #303030;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

a.slider-btn:hover {
    color: #2e1308;
}
a.slider-btn::before {
    background: #2e1308 none repeat scroll 0 0;
    bottom: -5px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
}
a.slider-btn:hover::before {
    width: 100%;
}

/* Default Slider Animations */
.owl-item .slider-content * {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.owl-item.active .slider-content * {}
.owl-item.active .slider-animated-1 h5 {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.owl-item.active .slider-animated-1 h2 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.owl-item.active .slider-animated-1 p {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.owl-item.active .slider-animated-1 img {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.owl-item.active .slider-animated-1 a {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

/* Slider Animations 2 */

.owl-item.active .slider-animated-2 h2 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.owl-item.active .slider-animated-2 h5 {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.owl-item.active .slider-animated-2 p {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.owl-item.active .slider-animated-2 img {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.owl-item.active .slider-animated-2 a {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

/* Slider Animations 3 */
.owl-item.active .slider-animated-3 h2 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.owl-item.active .slider-animated-3 a {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
/* Slider Animations 4 */
.owl-item.active .slider-animated-4 h2 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.owl-item.active .slider-animated-4 a {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

/* banner style */

.banner-wrapper {
    position: relative;
}
.banner-border::before {
    border: 1px solid #2e1308;
    content: "";
    height: 100%;
    left: -10px;
    position: absolute;
    top: 10px;
    width: 100%;
    transition: all .4s ease 0s;
    pointer-events: none;
}
.banner-border-2::before {
    border: 1px solid #2e1308;
    content: "";
    height: 100%;
    right: -10px;
    position: absolute;
    top: 10px;
    width: 100%;
    transition: all .4s ease 0s;
    pointer-events: none;
}
.banner-border:hover::before {
    left: 0px;
    top: 0px;
}
.banner-border-2:hover::before {
    right: 0px;
    top: 0px;
}
.banner-img img {
    width: 100%;
}
.hm1-banner .row {
    margin-left: -10px;
    margin-right: -10px;
}
.hm1-banner .row div[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.banner-position-center-right {
    padding: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.banner-position-center-left {
    left: 0;
    padding: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.banner-position-top {
    left: 0;
    padding: 35px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    pointer-events: none;
}
.banner-position-bottom {
    bottom: 0;
    left: 0;
    padding: 33px;
    position: absolute;
    right: 0;
    text-align: center;
    pointer-events: none;
}
.banner-content-style1 > h2 {
    color: #646161;
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    margin: 0;
    text-transform: uppercase;
}
.banner-content-style2 > h3 {
    color: #646161;
    font-size: 18px;
    margin-bottom: 4px;
}
.banner-content-style2 > h2 {
    color: #646161;
    font-size: 24px;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}
.banner-content-style2 h2 > span {
    color: #2e1308;
}
.banner-content-style3 > h3 {
    color: #5d5d5d;
    font-size: 23px;
    margin: 0;
}
.banner-content-style4 > h3 {
    color: #2e1308;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
.banner-wrapper:hover .banner-content-style1 > h2,
.banner-wrapper:hover .banner-content-style2 > h2,
.banner-wrapper:hover .banner-content-style4 > h3 {
    animation: 700ms ease-in-out 0s normal none 1 running fadeInUp;
}
.banner-wrapper:hover .banner-content-style2 > h3,
.banner-wrapper:hover .banner-content-style3 > h3 {
    animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
}
/* section title */
.section-title.text-center > h2 {
    color: #292929;
    display: inline-block;
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    position: relative;
}
.section-title > h2::before {
    background-color: #292929;
    content: "";
    height: 1px;
    left: -210px;
    position: absolute;
    top: 21px;
    transition: all 0.4s ease 0s;
    width: 160px;
}
.section-title > h2::after {
    background-color: #292929;
    content: "";
    height: 1px;
    right: -210px;
    position: absolute;
    top: 21px;
    transition: all 0.4s ease 0s;
    width: 160px;
}
/* product area */
.product-tab-list {
    display: flex;
    justify-content: center;
}
.product-tab-list a {
    position: relative;
}
.product-tab-list a h4 {
    color: #2b2b2b;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 31px;
    text-transform: uppercase;
    transition: all .3s ease 0s;
}
.product-tab-list a::before {
    background-color: #2b2b2b;
    content: "";
    height: 1px;
    position: absolute;
    right: -4px;
    top: 7px;
    transition: all 0.4s ease 0s;
    width: 5px;
}
.product-tab-list a:last-child::before {
    display: none;
}
.product-tab-list a.active h4,
.product-tab-list a h4:hover {
    color: #2e1308;
}
.product-wrapper,
.product-img {
    overflow: hidden;
    position: relative;
}
.product-img img {
    width: 100%;
}
.product-action {
    bottom: 0px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.6s ease 0s;
}
.product-wrapper:hover .product-action {
    bottom: 20px;
    opacity: 1;
}
.product-grid .product-content {
    padding-top: 26px;
}
.product-content > h4 {
    color: #646464;
    font-size: 16px;
    margin: 0;
}
.product-content > h4 a {
    color: #646464;
}
.product-content > h4 a:hover,
.product-action-style > a:hover {
    color: #2e1308;
}
.product-rating i {
    color: #f3a395;
    font-size: 16px;
    margin: 0 3px;
}
.product-rating {
    margin: 11px 0 9px;
}
.product-price > span.old {
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}
.product-price > span {
    color: #646464;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    margin: 0 2px;
}
.product-action-style {
    background-color: #fff;
    box-shadow: 0 0 8px 1.7px rgba(0, 0, 0, 0.06);
    display: inline-block;
    padding: 16px 2px 12px;
}
.product-action-style > a {
    color: #979797;
    line-height: 1;
    padding: 0 21px;
    position: relative;
}
.product-action-style > a.action-plus {
    font-size: 18px;
}
.product-action-style > a.action-heart {
    font-size: 16px;
}
.product-action-style > a.action-cart {
    font-size: 20px;
    position: relative;
    top: 2px;
}
.product-action-style > a::before {
    background: #d2d2d2 none repeat scroll 0 0;
    content: "";
    height: 28px;
    position: absolute;
    right: 2px;
    top: -5px;
    width: 1px;
}
.product-action-style > a:last-child::before {
    display: none;
}
.product-img > span {
    background-color: #fff;
    box-shadow: 0 0 8px 1.7px rgba(0, 0, 0, 0.06);
    color: #333;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    left: 20px;
    letter-spacing: 1px;
    padding: 3px 12px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 20px;
}
.product-img img {
    transition: all 1.5s ease 0s;
    width: 100%;
}
.product-wrapper:hover .product-img img {
    transform: scale(1.2);
}
/* banner style */
.banner-content-5 {
    padding: 20px 100px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.banner-content-5 > h4 {
    color: #2e1308;
    font-family: "Painter PERSONAL USE ONLY";
    font-size: 24px;
    margin: 0;
}
.banner-content-5 > h2 {
    color: #444444;
    font-size: 36px;
    line-height: 31px;
    margin: 8px 0 7px;
}
.banner-content-5 > h3 {
    color: #444444;
    font-size: 24px;
    margin-bottom: 39px;
}
.banner-btn {
    color: #414141;
    display: inline-block;
    font-weight: 500;
    position: relative;
}
.banner-btn:hover {
    color: #2e1308;
}
.banner-btn:before {
    background: #414141 none repeat scroll 0 0;
    bottom: -6px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.banner-btn:hover:before {
    background: #2e1308 none repeat scroll 0 0;
}
.overflow {
    overflow: hidden;
}
.banner-wrapper.overflow a img,
.banner-img a img {
    transition: all 0.3s ease 0s;
    width: 100%;
}
.banner-wrapper.overflow:hover a img {
    transform: scale(1.1);
}
.banner-img.overflow:hover a img {
    transform: scale(1.05);
}

/* new collection */

.single-new-collection {
    position: relative;
}
.new-collection-content {
    left: 0;
    padding: 41px 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}
.new-collection-content > h2 {
    color: #5d5d5d;
    font-size: 23px;
    margin-bottom: 14px;
}
.new-collection-content .btn-style {
    padding: 8px 14px;
}
.owl-dots {
    bottom: 0;
    left: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    text-align: center;
}
.new-collection-slider .owl-dot {
    background: #5a5a5a none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 13px;
    margin: 0 6px;
    width: 13px;
}
.new-collection-slider .owl-dot.active {
    background: #2e1308 none repeat scroll 0 0;
}
/* dealy area*/
.dealy-mrg {
    margin: 0 20px;
}
.dealy-product-content-center {
    align-items: center;
    display: flex !important;
    justify-content: center;
    text-align: center;
}
.dealy-product-content > h3 {
    color: #646464;
    font-size: 30px;
    margin: 0;
}
.dealy-product-content > h3 a {
    color: #646464;
}
.dealy-rating i {
    color: #2e1308;
    font-size: 24px;
    margin: 0 3px;
}
.dealy-price > span {
    color: #646464;
    font-size: 30px;
    font-weight: 500;
    margin: 0 6px;
}
.dealy-price > span.old {
    color: #b3b3b3;
    font-size: 24px;
    font-weight: 400;
    text-decoration: line-through;
}
.dealy-of-product-area {
    padding: 36px 0;
    overflow: hidden;
}
.timer span {
    color: #646464;
    display: inline-block;
    font-size: 48px;
    line-height: 1;
    margin: 0 15px;
    position: relative;
}
.timer span p {
    display: none;
}
.timer span.cdown::before {
    background-color: #646464;
    content: "";
    height: 6px;
    position: absolute;
    right: -19px;
    top: 16px;
    width: 6px;
    z-index: 99;
}
.timer span.cdown::after {
    background-color: #646464;
    bottom: 9px;
    content: "";
    height: 6px;
    position: absolute;
    right: -19px;
    width: 6px;
    z-index: 99;
}
.dealy-rating {
    margin: 13px 0 8px;
}
.timer {
    margin: 24px 0 33px;
}

/* blog */

.blog-padding .container-fluid,
.footer-padding .container-fluid,
.services-padding .container-fluid {
    padding: 0 310px;
}
.hm-blog .row {
    margin-left: -20px;
    margin-right: -20px;
}
.hm-blog .row div[class^="col-"] {
    padding-left: 20px;
    padding-right: 20px;
}
.blog-hm-content > h3 {
    color: #636262;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
}
.blog-hm-content > h3 a {
    color: #636262;
}
.blog-meta li {
    display: inline-block;
    margin-right: 10px;
    color: #797979;
    font-size: 13px;
    text-transform: capitalize;
}
.blog-meta li a:hover,
.blog-hm-content > h3 a:hover {
    color: #2e1308;
}
.blog-meta li span {
    color: #585858;
    font-weight: 500;
    margin-right: 4px;
}
.blog-meta li:last-child {
    margin-right: 0px;
}
.blog-meta {
    margin: 11px 0 20px;
}
.blog-hm-content > p {
    margin: 0;
}
.blog-img {
    margin-bottom: 31px;
    overflow: hidden;
    position: relative;
}
.blog-img img {
    width: 100%;
}

/* footer */

.footer-widget-title > h3 {
    color: #505050;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
}
.food-address {
    display: flex;
    margin-bottom: 16px;
}
.food-address:last-child,
.quick-link li:last-child,
.single-twitter:last-child {
    margin-bottom: 0px;
}
.food-info-icon i {
    color: #2e2e2e;
    font-size: 20px;
    margin-top: -2px;
    display: inline-block;
}
.food-info-content > p {
    color: #808080;
    line-height: 23px;
    margin: 0;
}
.foot-weibo i{
    display: block;
    width: 18px;
    height: 18px;
    background: url(../img/weibo.png) center / 100% 100% no-repeat;
}
.food-info-content > p a {
    color: #808080;
}
.food-info-icon {
    margin-right: 20px;
}
.quick-link li a {
    color: #808080 !important;
}
.quick-link li {
    margin-bottom: 9px;
}
.single-twitter {
    display: flex;
    margin-bottom: 8px;
}
.twitter-icon {
    margin-right: 20px;
}
.twitter-icon i {
    color: #434444;
    font-size: 20px;
}
.twitter-content > p {
    color: #808080;
    margin: 0;
}
.twitter-content > p a {
    color: #808080;
}
.twitter-content > p a.link1 {
    color: #393939;
}
.twitter-content > p a.link2,
.quick-link li a:hover,
.food-info-content > p a:hover,
.twitter-content > p a:hover {
    color: #2e1308;
}
.twitter-content > p a.link2:hover {
    color: #333;
}
.footer-widget-title {
    margin-bottom: 23px;
}
.copyright > p {
    margin: 0;
    color: #767676;
    margin-top: 3px;
}
.copyright > p a {
    color: #555;
}
.copyright > p a:hover {
    color: #2e1308;
}
.footer-payment-method {
    margin-top: 2px;
    float: right;
}

/* modal style */

.modal-body {
    display: flex;
    justify-content: space-between;
    padding: 50px;
}
.modal-dialog {
    margin: 150px auto;
    min-width: 878px;
}
.quick-view-tab-content .tab-pane > img {
    width: 100%;
}
.quick-view-list {
    margin-top: 10px;
}
.quick-view-list a {
    margin-right: 10px;
    margin-bottom: 10px;
}
.quick-view-list a:last-child {
    margin-right: 0px;
}
.qwick-view-left {
    flex: 0 0 320px;
    margin-right: 30px;
}
.quick-view-tab-content .tab-pane > img {
    flex: 0 0 320px;
}
.quick-view-list a img {
    flex: 0 0 100px;
}
.modal-content {
    border-radius: 0rem;
}
.qwick-view-content > h3 {
    color: #646464;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}
.price span {
    color: #707070;
    font-size: 18px;
    font-weight: 400;
}
.price span.new {
    color: #2e1308;
    margin-right: 12px;
}
.price span.old {
    color: #707070;
    text-decoration: line-through;
}
.quick-view-rating i {
    color: #000000;
    font-size: 18px;
    margin-right: 5px;
}
.quick-view-rating i.red-star {
    color: #2e1308;
}
.rating-number {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px;
}
.quick-view-number > span {
    color: #808080;
    display: block;
    font-size: 14px;
    margin: 3px 0 0 10px;
}
.qwick-view-content > p {
    color: #807f7f;
    margin-bottom: 25px;
}
.select-option-part label {
    color: #646464;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 14px;
}
.select-option-part {
    margin-bottom: 35px;
}
.select-option-part select {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #dcdcdc;
    box-shadow: none;
    color: #828282;
    font-size: 14px;
    height: 43px;
    padding-left: 20px;
    position: relative;
    width: 100%;
    background: rgba(0, 0, 0, 0) url("../../assets/img/icon-img/1.png") no-repeat scroll right 20px center;
}
.qtybutton {
    color: #727272;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    position: relative;
    text-align: center;
    width: 20px;
}
input.cart-plus-minus-box {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-size: 16px;
    height: 25px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 25px;
}
.cart-plus-minus *::-moz-selection {
    background: transparent none repeat scroll 0 0;
    color: #333;
    text-shadow: none;
}
.cart-plus-minus {
    border: 1px solid #dcdcdc;
    overflow: hidden;
    padding: 12px 0 7px 5px;
    width: 80px;
    height: 46px;
}
.quickview-plus-minus {
    display: flex;
    justify-content: flex-start;
    padding-top: 5px;
}
.quickview-plus-minus .btn-buy {
    display: inline-block;
    padding: 10px 35px;
    color: #fff;
    background: #f3a395;
}
.quickview-plus-minus .btn-buy span {
    letter-spacing: 2px;

}
.quickview-plus-minus .btn-buy i {
    margin-right: 4px;
}
.quickview-btn-cart > a {
    padding: 14px 35px;
}
.quickview-btn-wishlist > a {
    border: 1px solid #dcdcdc;
    color: #727272;
    display: inline-block;
    font-size: 22px;
    padding: 7px 18px 5px;
    z-index: 9;
}
.quickview-btn-wishlist > a:hover {
    border: 1px solid transparent;
}
.quickview-btn-wishlist a {
    overflow: hidden;
}
.quickview-btn-cart {
}
.qtybutton.inc {
    margin-top: 2px;
}
.price {
    margin: 9px 0 8px;
}
#exampleModal .close,
#exampleCompare .close {
    color: #fff;
    float: right;
    font-size: 50px;
    font-weight: 700;
    line-height: 1;
    opacity: 1;
    position: absolute;
    right: 370px;
    text-shadow: 0 1px 0 #fff;
    top: 32px;
    transition: all .3s ease 0s;
    cursor: pointer;
}
#exampleModal .close:hover,
#exampleCompare .close:hover {
    color: #2e1308;
}
.modal-backdrop.show {
    opacity: 0.8;
}
.modal-content .close:hover {
    color: #2e1308;
}
.modal-open .modal {
    z-index: 99999;
}
.modal-backdrop.show {
    z-index: 9999;
}

/*---------- 3. Home page 2 ---------*/

/* sidebar menu */
.menu-icon {
    margin-right: 25px;
}
.menu-icon > button {
    border: medium none;
    padding: 0;
    border: 2px solid #878787;
    color: #878787;
    display: inline-block;
    font-size: 22px;
    line-height: 1;
    padding: 0 6px;
    cursor: pointer;
    background-color: transparent;
}
.menu-close {
    position: absolute;
    right: 50px;
    top: 52px;
}
.menu-close button {
    background-color: #2e1308;
    border: medium none;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    padding: 3px 11px;
    cursor: pointer;
}
.menu-close button:hover {
    background-color: #333;
}
.sidebarmenu-wrapper {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
    height: 100%;
    left: -500px;
    overflow-y: auto;
    padding: 155px 50px 15px 50px;
    position: fixed;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 350px;
    z-index: 9999;
}
.sidebarmenu-style {
    align-items: center;
    display: flex;
}
.sidebarmenu-style nav.menu ul li a {
    color: #797979;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 18px 0;
    text-transform: uppercase;
}
.sidebarmenu-style nav.menu ul li:hover > a {
    color: #2e1308;
}
.sidebarmenu-style nav.menu ul li ul {
    padding-left: 16px;
}
.sidebarmenu-style nav.menu ul li ul li.sub-style a {
    font-weight: 500;
    text-transform: uppercase;
}


.sidebarmenu-style nav.menu ul li ul li a,
.sidebarmenu-style nav.menu ul li ul li.sub-style ul li a {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 0;
    text-transform: capitalize;
    color: #797979;
}
.sidebarmenu-style nav.menu ul li ul li.active a,
.sidebarmenu-style nav.menu ul li ul li.sub-style ul li.active a {
    color: #2e1308;
}
.sidebarmenu-style nav.menu ul li ul li.sub-style ul li a:hover {
    color: #2e1308;
}

.sidebarmenu-style nav.menu ul li ul li.sub-style > a > i {
  margin-left: 5px;
}

.newsletter-title {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    position: relative;
    text-transform: uppercase;
}
.newsletter-title p {
    color: #666;
    margin: 0;
}
.newsletter-title::before {
    background-color: #2e1308;
    bottom: -8px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 59px;
}
.newsletter-area {
    margin-top: 35px;
}
.subscribe-form form {
    position: relative;
}
.subscribe-form form input {
    background-color: #f7f7f7;
    border: medium none;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    padding: 0 57px 0 15px;
}
.subscribe-form form input::-moz-placeholder {
    color: #7d7d7d;
    opacity: 1;
}
.mc-form .mc-news {
    left: -5000px;
    position: absolute;
}
.subscribe-form .clear input {
    background-color: #2e1308;
    border: medium none;
    padding: 0 15px;
    text-indent: -99999px;
    width: 50px;
}
.subscribe-form .clear input.button {
    border: medium none;
}
.subscribe-form .clear input:hover {
    background-color: #222;
    border-radius: none;
}
.mc-form .clear {
    background-color: #2e1308;
    bottom: 0;
    display: inline-block;
    position: absolute;
    right: 0;
    z-index: 999999;
}
.mc-form .clear::before {
    color: #fff;
    content: "";
    font-family: "Ionicons";
    font-size: 30px;
    position: absolute;
    right: 16px;
    top: 1px;
    z-index: 9;
    pointer-events: none;
}
.follow-icon ul li {
    display: inline-block;
    margin-right: 10px;
}
.follow-icon ul li:last-child {
    margin-right: 0px;
}
.follow-icon ul li a {
    color: #2e1308;
    display: inline-block;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    background-color: transparent;
    border: 1px solid #2e1308;
}
.follow-icon ul li.facebook a:hover {
    background-color: #3b5998;
    color: #fff;
    border: 1px solid #3b5998;
}
.follow-icon ul li.twitter a:hover {
    background-color: #1da1f2;
    color: #fff;
    border: 1px solid #1da1f2;
}

.follow-icon ul li.instagram a:hover {
    background-color: #c32aa3;
    color: #fff;
    border: 1px solid #c32aa3;
}
.follow-icon ul li.tumblr a:hover {
    background-color: #35465d;
    color: #fff;
    border: 1px solid #35465d;
}
.follow-icon {
    margin-top: 29px;
}

/* slider home2 */
.slider-2 {
    padding: 223px 0 164px;
}
.slider-content-2 h5 {
    color: #3e3e3e;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
}
.slider-content-2 h2 {
    color: #3e3e3e;
    font-family: "Playfair Display", serif;
    font-size: 72px;
    font-weight: bold;
    line-height: 80px;
    margin: 37px 0 41px;
    text-transform: capitalize;
}
.slider-single-img-2 {
    overflow: hidden;
}
.slider-single-img-2 img {
    padding: 0 34px 0 68px;
}
.menu-icon.menu-icon-none {
    display: none;
}
.stick .menu-icon.menu-icon-none {
    display: block;
}
.stick .menu-icon > button {
    margin-top: 11px;
}
.header-2.stick .sticky-logo {
    padding-top: 0;
}
.header-2.stick .header-site-icon {
    padding-top: 12px;
}

/* banner */

.banner-position-6 {
    bottom: 0;
    left: 0;
    position: absolute;
}
.banner-position-7 {
    padding: 10px;
    position: absolute;
    right: 100px;
    top: 70px;
}
.banner-content-6 > h2 {
    color: #000000;
    font-size: 58px;
    font-weight: 900;
    line-height: 65px;
    margin-bottom: 72px;
    opacity: 0.15;
    text-align: right;
}
.banner-content-6 > a {
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding-left: 15px;
    position: relative;
}
.banner-content-6 > a:hover {
    color: #2e1308;
}
.banner-content-6 > a::before {
    background-color: #2e1308;
    content: "";
    height: 13px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 4px;
}
.banner-content-6 > h5 {
    color: #2e1308;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 14px;
}
.banner-content-6 > h3 {
    color: #363636;
    font-size: 30px;
    line-height: 40px;
    font-family: 'Playfair Display', serif;
    margin: 0;
    font-weight: 400;
}

/* product2 */

.section-title-2 > h2 {
    color: #292929;
    font-size: 36px;
    font-weight: 500;
    line-height: 29px;
}
.product-padding .container-fluid {
    padding: 0 338px;
}
.product-wishlist {
    position: absolute;
    right: 30px;
    top: 30px;
}
.product-action-2 {
    bottom: 20px;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.4s ease 0s;
}
.product-action-2 a {
    background-color: #fff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
    color: #666666;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    margin: 0 7.5px;
    padding: 7px 0;
    width: 53px;
    transition: all 0.3s ease 0s;
    transform: scale(0);
}
.product-img .product-action-2 a:nth-child(1) {
    transition: all 0.3s ease .2s;
}
.product-img .product-action-2 a:nth-child(2) {
    transition: all 0.4s ease 0.3s;
}
.product-img .product-action-2 a:nth-child(3) {
    transition: all 0.5s ease 0.4s;
}
.product-wrapper:hover .product-img .product-action-2 a {
    transform: scale(1);
}
.product-action-2 a:hover {
    background-color: #2e1308;
    color: #fff;
}
.product-action-2 a.action-plus-2 {
    font-size: 18px;
}
.product-action-2 a.action-cart-2 {
    font-size: 20px;
}
.product-action-2 a.action-reload {
    font-size: 17px;
}
.product-action-2 a i {
    display: block;
    line-height: 30px;
}
.product-price-2 > span {
    color: #646464;
    display: block;
    font-size: 16px;
    margin-top: 8px;
}
.product-wishlist > a {
    color: #000000;
    font-size: 16px;
}
.product-wishlist > a:hover {
    color: #2e1308;
}
.banner-content-7 {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.banner-content-7 > img {
    transition: all 0.3s ease 0s;
}
.banner-content-7 > h2 {
    color: #ffffff;
    font-size: 48px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0 27px;
}
.banner-btn-2 {
    background-color: #fff;
    border-radius: 50px;
    color: #3e3e3e;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 24px 10px;
    position: relative;
    overflow: hidden;
}
.banner-btn-2:hover {
    color: #fff;
}
.section-title-2 > p {
    color: #707070;
    font-size: 16px;
    margin: 0;
}
.testimonials-area .container-fluid {
    padding: 0px 30px;
}
.single-testimonial > p {
    color: #666666;
    line-height: 30px;
    margin: 32px auto 0;
    width: 51%;
}
.single-testimonial > h4 {
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.single-testimonial > span {
    color: #747171;
    font-size: 14px;
    font-weight: 400;
}
.testimonial-icon {
    margin: 25px 0 24px;
}
.testimonial-icon i {
    color: #666666;
    font-size: 26px;
}
.owl-carousel .owl-item .single-testimonial img {
    display: block;
    margin: 0 auto;
    width: auto;
}
.testimonial-active {
    position: relative;
}
.testimonial-active.owl-carousel .owl-nav div {
    left: 300px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #8d8c8c;
    opacity: 0;
    transition: all .3s ease 0s;
}
.testimonial-active.owl-carousel .owl-nav div:hover {
    color: #000;
}
.testimonial-active:hover .owl-nav div {
    opacity: 1;
}
.testimonial-active.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: 300px;
}

/* services h2 */

.services-wrapper {
    display: flex;
    justify-content: space-between;
}
.single-services {
    display: flex;
}
.services-icon {
    margin-right: 20px;
}
.services-text > h5 {
    color: #4f4e4e;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
}
.services-text > p {
    color: #4f4e4e;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}
a.cr-btn b,
button.cr-btn b {
    background: rgba(25, 25, 25, 1) none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-50%, -50%);
    transition: width 0.6s ease-in-out 0s, height 0.6s ease-in-out 0s;
    width: 0;
    z-index: 1;
}
a.cr-btn:hover b,
button.cr-btn:hover b {
    height: 500px;
    width: 500px;
}
.btn-style:hover {
    border: 0px solid #2e1308;
    color: #ffffff;
}
/* Compare style */

.modal-compare-width {
    max-width: 900px;
}
.table-content.compare-style th a span {
    color: #050035;
    display: inline-block;
    font-weight: 600;
    line-height: 0.81em;
    margin: 0;
    text-align: center;
}
.table-content.compare-style th p {
    color: #383838;
    font-size: 16px;
    margin: 0;
    text-transform: capitalize;
}
.table-content.compare-style th a {
    text-transform: capitalize;
    font-size: 14px;
    color: #333;
}
.table-content.compare-style th a:hover {
    color: #2e1308;
}
.table-content.compare-style th a span {
    color: #050035;
    display: inline-block;
    font-size: 1em;
    font-weight: 600;
    line-height: 0.81em;
}
.table-content.compare-style th img {
    display: block;
    margin: 20px 0;
}
.table-content.table-responsive.compare-style tbody tr,
.table-content.table-responsive.compare-style thead {
    border-bottom: 1px solid #f1f1f1;
}
.table-content.table-responsive.compare-style tbody tr:last-child {
    border-bottom: 0px solid #f1f1f1;
}
.table-content.compare-style thead {
    background-color: transparent;
}
.table-content.compare-style table {
    text-align: inherit;
}
.table-content.compare-style table th {
    padding: 14px 0;
    text-align: inherit;
}
.table-content table td.compare-title h4 {
    border-top: medium none;
    color: #333333;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    min-width: 205px;
    overflow: hidden;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
}
.table-content table td.compare-common,
.table-content table td.compare-title {
    font-size: 14px;
    padding: 14px 0;
}
.table-content.compare-style table td p {
    margin: 0;
}
.table-content.compare-style th a.compare-btn {
    color: #383838;
    font-size: 14px;
    text-transform: capitalize;
}
.table-content.compare-style th a.compare-btn:hover {
    color: #050035;
}
.table-content.compare-style th span {
    display: block;
    margin: 10px 0;
}
.table-content.compare-style table {
    margin: 0 0 0px;
}
.modal .close {
    color: #fff;
    float: right;
    font-size: 50px;
    font-weight: bold;
    line-height: 1;
    margin-right: 50px;
    opacity: 1;
    text-shadow: 0 1px 0 #fff;
}
.table-content.compare-style table thead tr {
    border-bottom: medium none;
}



/*------- 4. Home page 3 -----------*/

.header-height {
    min-height: 116px;
}
.banner-padding .container-fluid,
.hm-3-padding .container-fluid {
    padding: 0 310px
}

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

.slider-banner-wrapper {
    position: relative;
}
.slider-banner-content1 {
    left: 40px;
    padding: 10px;
    position: absolute;
    top: 40px;
}
.slider-banner-content1 > h5 {
    color: #2e1308;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}
.slider-banner-content2 > h5 {
    color: #2e1308;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}
.slider-banner-content1 > h3 {
    color: #363636;
    font-family: "Playfair Display", serif;
    font-size: 36px;
    line-height: 48px;
    margin: 25px 0 37px;
}
.slider-banner-content2 > h3 {
    color: #363636;
    font-family: "Playfair Display", serif;
    font-size: 30px;
    line-height: 40px;
    margin: 11px 0 17px;
}
.slider-banner-content3 > h3 {
    color: #363636;
    font-family: "Playfair Display", serif;
    font-size: 24px;
    line-height: 31px;
    margin: 0;
}
.slider-banner-btn {
    border-radius: 50px;
    padding: 10px 25px 12px;
    text-transform: capitalize;
}
.slider-banner-btn2 {
    border-radius: 50px;
    padding: 7px 15px 9px;
    text-transform: capitalize;
}
.slider-banner-content2 {
    left: 20px;
    padding: 10px;
    position: absolute;
    top: 20px;
}
.slider-banner-content3 {
    bottom: 20px;
    left: 20px;
    padding: 10px;
    position: absolute;
}
.banner-padding .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.banner-padding .col-lg-5,
.banner-padding .col-lg-6,
.banner-padding .col-lg-7,
.banner-padding .col-lg-4 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.slider-banner-wrapper > a::before,
.blog-img > a::before {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 50%;
    opacity: 1;
    position: absolute;
    right: 51%;
    top: 0;
}
.slider-banner-wrapper > a::after,
.blog-img > a::after {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    bottom: 50%;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 50%;
}
.slider-banner-wrapper:hover a::after,
.blog-hm-wrapper:hover .blog-img > a::after {
    bottom: 0;
    opacity: 0;
    top: 0;
    transition: all 500ms ease-in 0s;
}

.slider-banner-wrapper:hover a::before,
.blog-hm-wrapper:hover .blog-img > a::before {
    left: 0;
    opacity: 0;
    right: 0;
    transition: all 900ms ease-in 0s;
}


/* product-area home 3 */

.price-decrease {
    left: 0;
    position: absolute;
    top: 0;
    padding: 20px;
}
.price-decrease > span {
    background-color: #2e1308;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 1px 10px;
    text-transform: uppercase;
}
.product-action-3 {
    background-color: #2e1308;
    bottom: 0;
    left: 0;
    padding: 7px 15px 8px;
    position: absolute;
    right: 0;
    text-align: center;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out 0s;
    opacity: 0;
}
.product-action-3:hover {
    background-color: #000;
}
.product-wrapper:hover .product-action-3 {
    opacity: 1;
    transform: translateY(0px);
}
.product-action-3 a {
    color: #fff;
}
.product-action-3 a i {
    color: #ffffff;
    font-size: 16px;
    margin-right: 7px;
    position: relative;
    top: 2px;
}
.product-title-wishlist {
    display: flex;
    justify-content: space-between;
}
.product-title-3 > h4 {
    color: #646464;
    font-size: 16px;
    margin-bottom: 13px;
}
.product-title-3 > h4 a {
    color: #646464;
}
.product-wishlist-3 > a {
    color: #000000;
    font-size: 14px;
    margin-right: 1px;
}
.product-peice-3 > span {
    color: #646464;
    font-size: 14px;
    font-weight: 500;
    margin-right: 6px;
}
.product-peice-3 > span.old {
    color: #7a7a7a;
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
}
.product-addtocart > a {
    color: #646464;
    font-size: 14px;
}
.product-title-3 > h4 a:hover,
.product-addtocart > a:hover,
.product-wishlist-3 > a:hover {
    color: #2e1308;
}
.product-addtocart > a i {
    margin-right: 8px;
}
.product-peice-addtocart {
    margin-bottom: 2px;
    position: relative;
}
.product-addtocart {
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.4s ease-in-out 0s;
}
.product-wrapper:hover .product-addtocart {
    opacity: 1;
    transform: translateY(0px);
}
.product-peice-3 {
    transition: all .3s ease 0s;
    transform: translateY(0px);
    transition: all 0.4s ease-in-out 0s;
    opacity: 1;
}
.product-wrapper:hover .product-peice-3 {
    opacity: 0;
    transform: translateY(-15px);
}
.product-area-3 .row {
    margin-left: -10px;
    margin-right: -10px;
}
.product-area-3 .col-lg-3 {
    padding-left: 10px;
    padding-right: 10px;
}
.section-title-3 h2 {
    color: #363636;
    font-size: 48px;
    position: relative;
    font-family: "Playfair Display", serif;
}
.section-title-3 h2::before {
    background-color: #363636;
    content: "";
    height: 2px;
    left: 0px;
    position: absolute;
    bottom: -31px;
    transition: all 0.4s ease 0s;
    width: 163px;
    right: 0;
    margin: 0 auto;
}
.h3-services .row {
    margin-left: -10px;
    margin-right: -10px;
}
.h3-services .row div[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.h3-services .single-services.orange {
    padding: 33px 27px;
}
.h3-services .single-services.yellow {
    padding: 33px 18px;
}
.h3-services .single-services.purple {
    padding: 33px 20px;
}
.h3-services .single-services.sky {
    padding: 33px 38px;
}
.orange {
    background-color: #fcedda;
}
.yellow {
    background-color: #f2fbcb;
}
.purple {
    background-color: #f7d8f9;
}
.sky {
    background-color: #dbfafe;
}
.single-services:hover .services-icon img {
    animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
}
.overview-content > h2 {
    color: #494949;
    font-size: 36px;
    line-height: 45px;
    font-family: "Playfair Display", serif;
    margin: 0;
}
.overview-content > h3 {
    color: #494949;
    font-family: "Playfair Display", serif;
    font-size: 24px;
    line-height: 30px;
    margin: 27px 0 34px;
}
.btn-style.overview-btn.cr-btn {
    border-radius: 50px;
    padding: 12px 25px;
    text-transform: capitalize;
}
.zoom-out {
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
}
.zoom-img > img {
    display: block;
    transition: all 0.5s ease-out 0s;
    width: 100%;
}
.zoom-out .zoom-img img:last-child {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(1.5);
    visibility: hidden;
}
.overview-wrapper:hover .zoom-img img {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}
.overview-img img {
    width: 100%;
}
.zoom-out {
    margin: 0 42px 0 103px;
}
.overview-content {
    margin-top: 9px;
}

/*--------- 5. Home page 4 ----------*/

.hm-4-padding .container-fluid {
    padding: 0 60px;
}
.align-item {
    align-items: center;
}
.product-img-4 img {
    width: 100%;
}
.product-img-4 {
    position: relative;
}
.product-action-4 {
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: all .6s ease 0s;
}
.product-content-5 {
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 20px 30px;
    position: absolute;
    transition: all 0.6s ease 0s;
    width: 100%;
}
.product-wrapper:hover .product-content-5 {
    opacity: 1;
}
.product5-title > h4 a {
    color: #646464;
}
.product5-title > h4 a:hover,
.product5-wishlist > a:hover {
    color: #2e1308;
}
.product5-price-wishlist {
    display: flex;
    justify-content: space-between;
}
.product5-title > h4 {
    color: #646464;
    font-size: 16px;
    margin-bottom: 14px;
    transform: translateX(-20px);
    transition: all 0.6s ease-in-out 0s;
}
.product5-price > span {
    color: #646464;
    font-weight: 500;
    transform: translateX(-20px);
    transition: all 0.6s ease-in-out 0s;
    display: block;
}
.product5-wishlist > a {
    color: #000000;
    font-size: 18px;
    transform: translateX(20px);
    transition: all 0.6s ease-in-out 0s;
    display: block;
}
.product-wrapper:hover .product5-title > h4,
.product-wrapper:hover .product5-price > span,
.product-wrapper:hover .product5-wishlist > a {
    transform: translateX(0px);
}
.product-action-4 a {
    background-color: #414141;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-flex;
    height: 46px;
    justify-content: center;
    margin: 0 7.5px;
    transition: all 0.3s ease 0s;
    width: 46px;
    border-radius: 50px;
}
.product-action-4 a:hover {
    background-color: #2e1308;
}
.product-action-4 a.action-plus-2,
.product-action-4 a.action-cart-2 {
    font-size: 18px;
}
.product-action-4 a.action-reload {
    font-size: 17px;
}
.product-action-4 a i {
    display: block;
    line-height: 46px;
}
.product-shadow {
    transition: all .3s ease 0s;
}
.product-shadow:hover {
    box-shadow: 0 7px 18px 1px rgba(0, 0, 0, 0.05);
}
.product-shadow:hover .product-action-4 {
    transform: translateY(-50%) scale(1);
}
.product-content-4 {
    bottom: 0;
    padding: 95px 100px;
    position: absolute;
    right: 0;
}
.product-content-4.product-content-4-left {
    left: 0;
}
.product-content-4 > h3 {
    color: #ffffff;
    font-size: 24px;
    font-family: 'Painter PERSONAL USE ONLY';
    margin: 0;
}
.product-content-4 > h2 {
    color: #ffffff;
    font-family: "Playfair Display", serif;
    font-size: 36px;
    margin: 3px 0 9px;
}
.product-content-4 > h4 {
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    margin-bottom: 30px;
}
.product4-btn.btn-style {
    border-radius: 50px;
    padding: 13px 32px 12px;
    cursor: pointer;
}
.footer-flex {
    display: flex;
    justify-content: space-between;
}
.product-wrapper.product-shadow img {
    width: 100%;
}
.hidden {
    display: none;
}
.view-more .btn-style.cr-btn {
    border-radius: 50px;
    padding: 13px 33px;
}
.view-more .btn-style.cr-btn span i {
    font-size: 14px;
    margin-right: 7px;
    position: relative;
    top: 1px;
}

/*-------- 6. About us ----------*/

.breadcrumb-content > h2 {
    color: #353535;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.breadcrumb-content li {
    color: #353535;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1px;
    text-transform: uppercase;
}
.breadcrumb-content li a {
    color: #353535;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.breadcrumb-content li a:hover {
    color: #2e1308;
}
.breadcrumb-content li a::after {
    display: none;
}
.breadcrumb-content {
    padding: 32px 0 35px;
}
.about-us-title > h3 {
    color: #5a5a5a;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 36px;
    margin: 0;
}
.about-us-details > p {
    margin: 0;
}
.about-us-details > p.about-us-pera-mb {
    margin: 0 0 20px;
}
.team-content > h4 {
    color: #292929;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 3px;
}
.team-content > span {
    color: #292929;
}
.team-content {
    padding-top: 26px;
}
.team-img > img {
    width: 100%;
}
.team-area .row {
    margin-left: -10px;
    margin-right: -10px;
}
.team-area .row div[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.team-img img {
    transition: all 0.4s ease 0s;
}
.team-wrapper:hover .team-img img {
    filter: grayscale(100%);
    transition: all 0.4s ease 0s;
}
.single-logo {
    display: flex;
    justify-content: center;
}
.brand-logo-active.owl-carousel .owl-item img {
    width: auto;
}

/*-------- 7. Contact page ----------*/

#map {
    height: 500px;
    width: 100%;
}
.contact-title {
    color: #505050;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    margin-bottom: 40px;
}
.contact-title::before {
    background-color: #2e1308;
    bottom: -8px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 59px;
}
.contact-form-style > input {
    background-color: #f7f7f7;
    border: none;
    font-weight: 500;
    font-size: 12px;
    color: #7d7d7d;
    padding: 0 15px;
    height: 50px;
}
.contact-form-style > textarea {
    background-color: #f7f7f7;
    border: medium none;
    color: #7d7d7d;
    font-size: 12px;
    font-weight: 500;
    height: 190px;
    padding: 20px 15px;
}
.contact-form-style > input::-moz-placeholder,
.contact-form-style > textarea::-moz-placeholder {
    color: #7d7d7d;
    opacity: 1;
}
.contact-form-style > input::-webkit-placeholder,
.contact-form-style > textarea::-webkit-placeholder {
    color: #7d7d7d;
    opacity: 1;
}

.contact-form-style button {
    border: medium none;
    padding: 12px 32px;
    margin-top: 40px;
    cursor: pointer;
}
.communication-info {
    background-color: #f7f7f7;
    margin-right: 80px;
    padding: 54px 35px;
}
.single-communication {
    display: flex;
    margin-bottom: 37px;
}
.single-communication:last-child {
    margin-bottom: 0px;
}
.communication-icon i {
    border: 1px solid #ea000d;
    border-radius: 50%;
    color: #ea000d;
    font-size: 24px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    width: 66px;
}
.communication-icon i {
    border: 1px solid #2e1308;
    border-radius: 50%;
    color: #2e1308;
    display: inline-block;
    font-size: 18px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    width: 47px;
    transition: all .3s ease 0s;
}
.communication-icon {
    margin-right: 15px;
}
.communication-text > h4 {
    font-size: 15px;
    color: #505050;
    font-weight: 500;
    margin-bottom: 5px;
}
.communication-text > p {
    color: #666;
    margin: 0;
    font-size: 14px;
}
.communication-text > p a {
    color: #666;
}
.communication-text > p a:hover {
    color: #2e1308;
}
.single-communication:hover .communication-icon i {
    background-color: #2e1308;
    color: #fff;
}
.contact-message p{
  margin-top: 10px;
  margin-bottom: 0;
  color: #555;
}



/*------------ 8. Shop page -----------*/

.shop-topbar-wrapper {
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    justify-content: space-between;
    margin-bottom: 31px;
    padding-bottom: 18px;
}
.view-mode > li {
    display: inline-block;
    margin-right: 20px;
}
.view-mode > li a {
    font-size: 30px;
}
.view-mode > li.active a {
    color: #2e1308;
}
button.product-filter-toggle {
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 11px;
    padding: 0;
    text-transform: uppercase;
}
.product-filter-wrapper {
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    display: none;
    margin-bottom: 40px;
    padding: 45px 45px 12px;
    width: 100%;
}
.product-filter h5 {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 13px;
    padding-bottom: 7px;
    position: relative;
    text-transform: uppercase;
}
.product-filter h5::before {
    background-color: #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 25px;
}
.sort-by li a {
    color: #666;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    text-transform: capitalize;
}
.color-filter li a {
    color: #666;
    display: inline-block;
    font-size: 14px;
    line-height: 25px;
    text-transform: capitalize;
}
.color-filter li a i {
    border-radius: 50%;
    display: block;
    float: left;
    height: 10px;
    margin-right: 11px;
    margin-top: 7px;
    width: 10px;
}
.product-tags a {
    color: #666;
    font-size: 14px;
    line-height: 25px;
    margin-right: 8px;
    text-transform: capitalize;
}
#price-range {
    background-color: #c0c0c0;
    border: medium none;
    border-radius: 0;
    float: left;
    height: 3px;
    margin-top: 14px;
    width: 100%;
}
.ui-slider .ui-slider-range {
    background-position: 0 0;
    border: 0 none;
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
}
.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0;
}
#price-range .ui-slider-range {
    background-color: #2e1308;
    border-radius: 0;
}
#price-range .ui-slider-handle {
    background-color: #2e1308;
    border: medium none;
    border-radius: 50%;
    height: 10px;
    top: -4px;
    transition: none 0s ease 0s;
    width: 10px;
}
.price-values {
    float: left;
    margin-top: 9px;
    width: 100%;
}
.price-values span {
    color: #666;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 23px;
    margin-right: 6px;
}
.price-values input {
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    height: 23px;
    line-height: 23px;
    padding: 0;
    width: 90px;
    background: transparent;
}
.sort-by li a:hover,
.color-filter li a:hover,
.product-tags a:hover,
button.product-filter-toggle:hover,
.product-list-details > h2 a:hover {
    color: #2e1308;
}
.product-list .product-width {
    flex: 0 0 100%;
    max-width: 100%;
}
.product-list .product-img {
    margin-right: 30px;
    width: 310px;
    float: left;
    display: inline-block;
}
.product-list .product-content {
    display: none;
}
.product-list-details {
    display: none;
}
.product-list .product-list-details {
    display: block;
    overflow: hidden;
}
.product-list-details > h2 {
    color: #646464;
    font-size: 24px;
    margin-bottom: 5px;
}
.product-list-details > h2 a {
    color: #646464;
}
.product-list-details > p {
    color: #666666;
    display: block;
    margin: 18px 0 25px;
}
.shop-list-cart > a {
    border: 1px solid #2e1308;
    color: #333;
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px 8px;
}
.shop-list-cart > a:hover {
    color: #fff;
    background-color: #2e1308;
}

.shop-list-cart > a i {
    margin-right: 8px;
}

/* shop list */

.product-list.product-list-width-2 .product-width {
    flex: 0 0 50%;
    max-width: 50%;
}
/* shop list */
.product-list.product-list-width-3 .product-width {
    flex: 0 0 33.333%;
    max-width: 33.333%%;
}
.product-list-width-3 .product-list-details > h2 {
    font-size: 20px;
}
/* pagination */
.pagination-style li {
    display: inline-block;
    margin: 0 11px;
}
.pagination-style li a {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
.pagination-style li a:hover,
.pagination-style li a.active {
    color: #2e1308;
}

/*------- 9. Product details ---------*/

.product-details-large .easyzoom > a img {
    width: 100%;
}
.product-dec-slider.owl-carousel .owl-nav div {
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    color: #8d8c8c;
    display: inline-block;
    font-size: 13px;
    height: 35px;
    left: -15px;
    line-height: 37px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 35px;
}
.product-dec-slider.owl-carousel .owl-nav div:hover {
    background-color: #2e1308;
    color: #fff;
}
.product-dec-slider.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: -15px;
}
.product-dec-slider:hover .owl-nav div {
    opacity: 1;
}
.product-dec-slider .owl-dots {
    display: none
}
.product-details-content h2 {
    color: #646464;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}
.pd-sub-title {
    color: #333;
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
}
.pd-sub-title::before {
    background-color: #9d9d9d;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 30px;
}
.product-overview > p {
    margin: 0;
}
.product-overview {
    margin: 30px 0;
}
.product-size ul li,
.product-share ul li {
    display: inline-block;
}
.product-size ul li a,
.product-share ul li a {
    background-color: transparent;
    border: 1px solid #b6b6b6;
    border-radius: 50%;
    color: #777;
    display: block;
    float: left;
    font-size: 13px;
    height: 31px;
    line-height: 29px;
    margin-right: 11px;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 31px;
}
.product-size ul li a:hover,
.product-share ul li a:hover {
    background-color: #2e1308;
    border: 1px solid #2e1308;
    color: #fff;
}
.product-color {
    overflow: hidden;
}
.product-color > ul li {
    border-radius: 50px;
    cursor: pointer;
    display: block;
    float: left;
    height: 21px;
    margin-right: 15px;
    text-indent: -9999px;
    transition: all 0.4s ease 0s;
    width: 21px;
}
.product-color > ul li.red {
    background: #ff4136 none repeat scroll 0 0;
}
.product-color > ul li.pink {
    background: #ff01f0 none repeat scroll 0 0;
}
.product-color > ul li.blue {
    background: #3649ff none repeat scroll 0 0;
}
.product-color > ul li.sky2 {
    background: #00c0ff none repeat scroll 0 0;
}
.product-color > ul li.green {
    background: #00ffae none repeat scroll 0 0;
}
.product-color > ul li.purple2 {
    background: #8a00ff none repeat scroll 0 0;
}
.product-color {
    margin: 31px 0 35px;
    overflow: hidden;
}
.product-categories li,
.product-details-tags li {
    display: inline-block;
    margin-right: 10px;
}
.product-categories li a,
.product-details-tags li a {
    color: #666;
    text-transform: capitalize;
}
.product-categories li a:hover,
.product-details-tags li a:hover {
    color: #2e1308;
}
.product-categories {
    margin: 30px 0 34px;
}
.product-share {
    margin-top: 35px;
}
.product-rating > span {
    color: #666;
}
.product-details .easyzoom > a img {
    width: 100%;
}
.product-gallery .row {
    margin-left: -10px;
    margin-right: -10px;
}
.product-gallery .row div[class^="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.bundle-area > h3 {
    color: #707070;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}
.bundle-area > p {
    margin: 0;
}
.bundle-img {
    display: flex;
    margin: 34px 0 35px;
}
.single-bundle-img {
    cursor: pointer;
    margin-right: 11px;
    position: relative;
}
.single-bundle-img::before {
    background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 400ms ease-in 0s;
}
.single-bundle-img:hover::before {
    opacity: 1;
}
.single-bundle-img a img {
    width: 100%;
}
.bundle-price ul li {
    color: #525252;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}
.bundle-price ul li::before {
    color: #727272;
    content: "";
    font-family: "Ionicons";
    font-size: 14px;
    left: 0;
    position: absolute;
    text-indent: inherit;
    top: 0;
}
.bundle-price ul li span {
    position: relative;
}
.bundle-price ul li span::before {
    background: #7d7d7d none repeat scroll 0 0;
    bottom: 9px;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 32px;
}
.bundle-price ul li:last-child {
    margin-bottom: 0;
}
.bundle-result {
    margin-top: 32px;
}
.bundle-result > h4 {
    color: #333;
    font-size: 16px;
    font-weight: 400;
}
.bundle-result > h4 span {
    color: #747373;
    font-weight: 400;
}
.bundle-result > h4 span .bundle-cross {
    position: relative;
}
.bundle-result > h4 span .bundle-cross::before {
    background: #9f9e9e none repeat scroll 0 0;
    bottom: 10px;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 45px;
}
.quickview-btn-cart.bundle-cart {
    display: block;
    line-height: 1;
    margin: 37px 0 0;
}

/*----------------------
    10. Shopping cart
----------------------*/
.shopping-cart-area {
    border-bottom: 1px solid #ddd;
}
.shopping-cart-area .breadcrumb {
    padding: 30px 0;
}
.shopping-cart-area .breadcrumb li a {
    color: #bdbdbd;
    transition: all 0.3s ease 0s;
}
h1.cart-heading {
    color: #252525;
    font-size: 25px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.cart-title-area {
    padding-top: 30px;
}
.car-header-title h2 {
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
}
.table-content table {
    width: 100%;
}
.wishlist .table-content table {
    margin: 0 0 0px;
}
.table-content.wish table {
    margin: 0 0 0px;
}
.table-content table thead tr {
    border-bottom: 3px solid #e1e1e1;
}
.table-content table th {
    border-top: medium none;
    color: #444;
    font-size: 18px;
    font-weight: 400;
    padding: 0px 10px 12px;
    text-transform: capitalize;
}
.table-content table td {
    padding: 30px 10px 0;
}
.table-content table td input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f7f7f7 none repeat scroll 0 0;
    border-color: currentcolor #ebebeb currentcolor currentcolor;
    border-image: none;
    border-radius: 0;
    border-style: none solid none none;
    border-width: medium 1px medium medium;
    color: #3f3f3f;
    font-size: 14px;
    font-weight: normal;
    height: 45px;
    padding: 0;
    text-align: center;
    width: 75px;
}
.pro-details-quantity .pro-qty .qtybtn.inc {
    background-color: #f7f7f7;
    cursor: pointer;
    display: block;
    left: 70px;
    padding: 14px 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 55px;
    z-index: 9999;
}
.pro-details-quantity .pro-qty .qtybtn i {
    color: #3f3f3f;
    font-size: 12px;
}
.pro-details-quantity .pro-qty .qtybtn.dec {
    background-color: #f7f7f7;
    bottom: 0;
    cursor: pointer;
    display: block;
    left: 70px;
    padding: 0 0 10px;
    position: absolute;
    text-align: center;
    width: 55px;
    z-index: 9999;
}
.pro-qty {
    position: relative;
}
.table-content table td.product-subtotal.product-subtotal {
    width: 120px;
}
.table-content table td.product-subtotal {
    width: 120px;
}
.table-content table td.product-name a {
    color: #444;
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.table-content table td.product-name > span {
    color: #444;
    letter-spacing: 1px;
}
.table-content table td.product-name a:hover {
    color: #555;
}
.table-content table td.product-name {
    width: 270px;
}
.table-content table td.product-thumbnail {
    width: 200px;
}
.table-content table td.product-remove i {
    color: #000;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
.table-content table .product-price .amount,
.table-content table td.product-subtotal {
    color: #444;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}
.table-content table td.product-remove i:hover {
    color: #999;
}
.table-content table td.product-quantity {
    width: 180px;
}
.table-content table td.product-remove {
    width: 150px;
}
.table-content table td.product-price {
    width: 130px;
}
.update-checkout-cart {
    display: flex;
}
.update-cart {
    margin-left: 20px;
}
.update-cart:first-child {
    margin-left: 0px;
}
.cart-shipping .btn-style {
    padding: 18px 33px 17px;
}
.update-cart button {
    border: medium none;
}
.cart-shiping-update {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    justify-content: space-between;
    margin-bottom: 69px;
    margin-top: 36px;
    overflow: hidden;
    padding-bottom: 57px;
}
.wishlist .cart-shiping-update {
    border-bottom: medium none navy;
    margin-bottom: 0;
    padding-bottom: 0;
}
.discount-code h4 {
    color: #333;
    font-size: 20px;
    margin-bottom: 24px;
    text-transform: capitalize;
}
.discount-code {
    background-color: #f7f7f7;
    display: block;
    margin-right: 30px;
    padding: 55px 70px;
}
.coupon input {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    height: 56px;
    padding-left: 10px;
    padding-right: 50px;
}
.coupon input.cart-submit {
    background-color: #2e1308;
    color: #fff;
    cursor: pointer;
    padding: 0 30px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: inherit;
}
.coupon input.cart-submit:hover {
    background-color: #000;
}
.coupon {
    position: relative;
}
.button-coupon {
    background-color: #3f3f3f;
    border: medium none;
    color: #fff;
    font-weight: 500;
    height: 56px;
    letter-spacing: 0.4px;
    padding: 0 28px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    transition: all .3s ease 0s;
}
.shop-total > h3 {
    background-color: #2e1308;
    color: #fff;
    font-size: 20px;
    margin: 0;
    padding: 23px 30px 22px;
    text-transform: capitalize;
}
.shop-total ul {
    padding: 37px 0 35px;
}
.shop-total ul li {
    color: #333;
    font-size: 16px;
    padding-bottom: 22px;
    text-transform: capitalize;
}
.shop-total ul li.order-total {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 18px;
    padding-bottom: 32px;
}
.shop-total ul li span {
    float: right;
}
.cart-btn > a,
.continue-shopping-btn > a {
    background-color: #f7f7f7;
    color: #444;
    display: block;
    letter-spacing: 1px;
    padding: 23px 10px 22px;
    text-transform: uppercase;
}
.cart-btn > a:hover,
.continue-shopping-btn > a:hover {
    background-color: #2e1308;
    color: #fff;
}
.button-coupon:hover {
    background-color: #666;
}
.product-cart-icon.product-subtotal > a {
    color: #333;
    font-size: 25px;
}
.product-cart-icon.product-subtotal > a:hover,
.table-content table td.product-name a:hover {
    color: #2e1308;
}

/*------- 11. Checkout page --------*/
.coupon-accordion h3 {
    background-color: #f7f6f7;
    border-top: 3px solid #2e1308;
    color: #444;
    font-size: 14px;
    font-weight: 400;
    list-style: outside none none !important;
    margin: 0 0 25px !important;
    padding: 1em 2em 1em 3.5em !important;
    position: relative;
    width: auto;
}
.panel-title > a:hover,
.panel-title > a:focus {
    color: #2e1308;
}
.coupon-accordion h3::before {
    color: #000;
    content: "";
    display: inline-block;
    font-family: fontawesome;
    left: 1.5em;
    position: absolute;
    top: 1em;
}
.coupon-accordion span {
    cursor: pointer;
    color: #6f6f6f;
    transition: all .3s ease 0s;
}
.coupon-accordion span:hover,
p.lost-password a:hover {
    color: #2e1308;
}
.coupon-content {
    border: 1px solid #e5e5e5;
    display: none;
    margin-bottom: 20px;
    padding: 20px;
}
.coupon-info p.coupon-text {
    margin-bottom: 15px
}
.coupon-info p {
    margin-bottom: 0
}
.coupon-info p.form-row-first {}
.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
    display: block;
}
.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
    color: #333;
}
.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
    border: 1px solid #e5e5e5;
    height: 36px;
    margin: 0 0 14px;
    max-width: 100%;
    padding: 0 0 0 10px;
    width: 370px;
    background-color: transparent;
}
.coupon-info p.form-row-last {}
.coupon-info p.form-row input[type="submit"]:hover,
p.checkout-coupon input[type="submit"]:hover {
    background: #2e1308 none repeat scroll 0 0;
}
.coupon-info p.form-row input[type="checkbox"] {
    height: inherit;
    position: relative;
    top: 2px;
    width: inherit;
}
.form-row > label {
    margin-top: 7px;
}
p.lost-password {
    margin-top: 15px;
}
p.lost-password a {
    color: #6f6f6f;
}
p.checkout-coupon input[type="text"] {
    background-color: transparent;
    border: 1px solid #ddd;
    height: 36px;
    padding-left: 10px;
    width: 170px;
}
p.checkout-coupon input[type="submit"] {
    background: #333 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    height: 36px;
    margin-left: 6px;
    padding: 5px 18px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: inherit;
}
.coupon-checkout-content {
    margin-bottom: 30px;
    display: none;
}
.checkbox-form h3 {
    border-bottom: 1px solid #e5e5e5;
    color: #444;
    font-size: 25px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}
.country-select {
    margin-bottom: 30px;
    position: relative;
}
.country-select label,
.checkout-form-list label {
    color: #444;
    display: block;
    font-size: 14px;
    margin: 0 0 5px;
}
.country-select label span.required,
.checkout-form-list label span.required {
    color: #2e1308;
    font-size: 15px;
}
.country-select select {
    -moz-appearance: none;
    border: 1px solid #ddd;
    height: 42px;
    padding-left: 10px;
    width: 100%;
    background-color: transparent;
}
.country-select::before {
    content: "";
    display: inline-block;
    font-family: "Ionicons";
    font-size: 17px;
    position: absolute;
    right: 12px;
    top: 36px;
    color: #666;
}
.checkout-form-list {
    margin-bottom: 30px;
}
.checkout-form-list label {
    color: #444;
}
.checkout-form-list label span.required {}
.checkout-form-list input[type=text],
.checkout-form-list input[type=password],
.checkout-form-list input[type=email] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    height: 42px;
    width: 100%;
    padding: 0 0 0 10px;
}
.checkout-form-list input[type="checkbox"] {
    display: inline-block;
    height: inherit;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: inherit;
}
.ship-different-title input {
    height: inherit;
    line-height: normal;
    margin: 4px 0 0;
    position: relative;
    top: 1px;
    width: 30px;
}
.create-acc label {
    color: #333;
    display: inline-block;
}
.checkout-form-list input[type=password] {}
.create-account {
    display: none
}
.ship-different-title h3 label {
    display: inline-block;
    margin-right: 20px;
    font-size: 25px;
    color: #363636;
}
.order-notes textarea {
    background-color: transparent;
    border: 1px solid #ddd;
    height: 90px;
    padding: 15px;
    width: 100%;
}
#ship-box-info {
    display: none
}
.your-order {
    background: #f2f2f2 none repeat scroll 0 0;
    overflow: hidden;
    padding: 30px 40px 45px;
}
.your-order h3 {
    border-bottom: 1px solid #d8d8d8;
    color: #444;
    font-size: 25px;
    margin: 0 0 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
}
.your-order-table table {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    width: 100%;
}
.your-order-table table th,
.your-order-table table td {
    border-bottom: 1px solid #d8d8d8;
    border-right: medium none;
    font-size: 14px;
    padding: 15px 0;
    text-align: center;
}
.your-order-table table td .product-quantity {
    font-weight: 400;
}
.your-order-table table th {
    border-top: medium none;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    width: 250px;
}
.your-order-table table .shipping ul li input {
    position: relative;
    top: 2px;
}
.your-order-table table .shipping th {
    vertical-align: top;
}
.your-order-table table .order-total th {
    border-bottom: medium none;
    font-size: 18px;
}
.your-order-table table .order-total td {
    border-bottom: medium none;
}
.your-order-table table tr.cart_item:hover {
    background: #F9F9F9
}
.your-order-table table tr.order-total td span {
    color: #444;
    font-size: 20px;
    font-weight: 500;
}
.payment-accordion h3 {
    border-bottom: 0 none;
    margin-bottom: 10px;
    padding-bottom: 0;
}
.payment-accordion h3 a {
    color: #6f6f6f;
    font-size: 14px;
    padding-left: 25px;
    position: relative;
    text-transform: capitalize;
    text-decoration: none
}
.payment-content p {
    font-size: 13px;
}
.payment-accordion img {
    height: 60px;
    margin-left: 15px;
}
.order-button-payment input {
    background: #464646 none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    height: inherit;
    letter-spacing: 1px;
    margin: 20px 0 0;
    padding: 13px 20px 11px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.order-button-payment input:hover {
    background: #2e1308;
    border: 1px solid #2e1308;
    color: #fff;
}
.coupon-info p.form-row input[type="submit"] {
    background: #252525 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding: 0 25px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: inherit;
    cursor: pointer;
}

/*--------- 12. Login register page ---------*/
.login-form-container {
    background: transparent none repeat scroll 0 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    padding: 80px;
    text-align: left;
}
.login-text {
    margin-bottom: 30px;
    text-align: center;
}
.login-text h2 {
    color: #444;
    font-size: 30px;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.login-text span {
    font-size: 15px;
}
.login-form-container input {
    background-color: #f7f7f7;
    border: medium none;
    color: #7d7d7d;
    font-size: 12px;
    font-weight: 500;
    height: 50px;
    padding: 0 15px;
    margin-bottom: 30px;
}
.login-form-container input::-moz-placeholder,
.login-form-container input::-webkit-placeholder {
    color: #7d7d7d;
    opacity: 1;
}
.login-toggle-btn {
    padding: 10px 0 19px;
}
.login-form-container input[type="checkbox"] {
    height: 15px;
    margin: 0;
    position: relative;
    top: 1px;
    width: 17px;
}
.login-form-container label {
    color: #777;
    font-size: 15px;
    font-weight: 400;
}
.login-toggle-btn > a {
    color: #666;
    float: right;
    transition: all 0.3s ease 0s;
}
.login-toggle-btn > a:hover {
    color: #2e1308;
}
.login-register-tab-list {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.login-register-tab-list.nav a h4 {
    font-size: 25px;
    font-weight: 500;
    margin: 0 20px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
}
.login-register-tab-list.nav a.active h4,
.login-register-tab-list.nav a h4:hover {
    color: #2e1308;
}
.login-form button {
    border: medium none;
    cursor: pointer;
}

/*------- 13. Blog page --------*/
.blog-area .container-fluid {
    padding: 0 310px;
}
.blog-img img {
    width: 100%;
}
.blog-content > h2 {
    color: #444;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
    text-transform: capitalize;
}
.blog-content > h2 a {
    color: #444;
}
.product-content img {
    display: block;
    width: 100%;
    height: auto;
}
.blog-date-categori {
    margin: 9px 0 19px;
}
.blog-date-categori li {
    color: #656565;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
}
.blog-date-categori ul li::after {
    content: "/";
    margin: 0 3px 0 4px;
}
.blog-date-categori ul li:last-child::after {
    display: none;
}
.blog-date-categori ul li a {
    color: #2e1308;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease 0s;
}
.blog-date-categori ul li a::before {
    background-color: #2e1308;
    bottom: 3px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.blog-date-categori ul li a:hover::before {
    background-color: #000;
}
.blog-date-categori ul li a:hover {
    color: #000;
}
.single-blog-wrapper > p {
    margin: 0;
}
.blog-btn-social {
    display: flex;
    justify-content: space-between;
}
.blog-social {
    display: flex;
}
.blog-btn .btn-style {
    font-size: 13px;
    padding: 5px 10px 7px;
    text-transform: capitalize;
}
.blog-social ul li {
    display: inline-block;
    margin-left: 13px;
}
.blog-social ul li:nth-child(1) {
    margin-left: 0px;
}

.blog-social ul li a {
    color: #444;
    font-size: 18px;
}
.blog-social > span {
    color: #444;
    font-weight: 500;
    margin: 3px 15px 0 0;
    text-transform: capitalize;
}
/* quote post */
blockquote {
    margin: 0;
}
.quote-post {
    background-color: #2e1308;
    padding: 74px 50px 77px 58px;
    position: relative;
}
.quote-content,
.link-content {
    z-index: 9;
    position: relative;
}
.quote-content > span {
    color: #ececec;
}
.quote-content > h3 {
    color: #f3f2f2;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin: 19px 0 22px;
    text-transform: uppercase;
}
.quote-content > h3 a {
    color: #f3f2f2;
}
.quote-content h6 {
    color: #f3f2f2;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding-left: 28px;
    position: relative;
}
.quote-content h6::before {
    background-color: #f3f2f2;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 9px;
    transition: all 0.3s ease 0s;
    width: 18px;
}
.post-img {
    display: inline-block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.post-img > img {
    max-width: 188px;
}

/* gallery post */
.blog-gallery-slider .owl-nav div,
.slider-active .owl-nav div {
    color: #aaa;
    font-size: 35px;
    left: 50px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    visibility: hidden;
}
.blog-gallery-slider .owl-nav div.owl-next,
.slider-active .owl-nav div.owl-next {
    left: auto;
    right: 50px;
}
.blog-gallery-slider .owl-nav div:hover,
.slider-active .owl-nav div:hover {
    color: #fff;
}
.blog-gallery-slider:hover .owl-nav div,
.slider-active:hover .owl-nav div {
    opacity: 1;
    visibility: visible;
}

/* link post */
.link-post {
    background-color: #000000;
    padding: 74px 48px 77px;
    position: relative;
}

.link-content > span {
    color: #ececec;
}
.link-content > h3 {
    color: #f3f2f2;
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0 0;
    text-transform: uppercase;
}
.link-content > h3 a {
    color: #f3f2f2;
}
.blog-social ul li a:hover,
.blog-author > h4 a:hover,
.news-form > button:hover,
.blog-categori ul li a:hover,
.blog-tags ul > li a:hover,
.blog-sidebar-social li a:hover,
.link-content > h3 a:hover,
.recent-post-content > h4 a:hover,
.blog-content > h2 a:hover {
    color: #2e1308;
}
.blog-btn > a:hover::before {
    background-color: #2e1308;
}
.quote-content > h3 a:hover {
    text-decoration: underline;
}

/* Blog sidebar */
.blog-search form input {
    background: #efefef none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #a8a8a8;
    font-size: 14px;
    height: 60px;
    padding-left: 20px;
    padding-right: 50px;
    width: 100%;
}
.blog-search form input:-moz-placeholder {
    color: #000;
    opacity: 1;
}
.blog-search form {
    position: relative;
}
.news-form > button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #a7a7a7;
    font-size: 24px;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.blog-author > h4 {
    color: #717171;
    font-size: 18px;
    font-weight: 400;
    margin: 16px 0 6px;
}
.blog-author > h4 a {
    color: #717171;
}
.recent-post-wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 25px;
}
.recent-post-wrapper:last-child,
.blog-categori ul li:last-child {
    margin-bottom: 0px;
}
.recent-post-img a img {
    flex: 0 0 94px;
}
.blog-widget-title {
    color: #444;
    font-size: 18px;
    font-weight: 500;
}
.recent-post-content > h4 {
    color: #444;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 4px;
}
.recent-post-content > h4 a {
    color: #444;
}
.recent-post-content > span {
    color: #a7a7a7;
}
.recent-post-img {
    margin-right: 25px;
}
.blog-categori ul li {
    margin-bottom: 17px;
}
.blog-categori ul li a {
    color: #444;
    font-size: 15px;
}
.blog-instagram img {
    width: 84px;
}
.blog-instagram li {
    display: inline-block;
    margin-bottom: 9px;
    margin-right: 6px;
}
.blog-instagram li a {
    position: relative;
    display: block;
}
.blog-instagram li a::before {
    background-color: #2e1308;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.blog-instagram li a:hover::before {
    opacity: 0.6;
}
.blog-sidebar-social li {
    display: inline-block;
    margin-right: 32px;
}

.blog-sidebar-social li:last-child {
    margin-right: 0px;
}
.blog-sidebar-social li a {
    color: #444;
    font-size: 24px;
}
.blog-tags ul > li {
    display: inline-block;
    margin-bottom: 7px;
    margin-right: 17px;
    position: relative;
}

.blog-tags ul li::after {
    background-color: #6d6d6d;
    content: "";
    font-size: 8px;
    height: 12px;
    position: absolute;
    right: -12px;
    top: 4px;
    transform: rotate(20deg);
    width: 1.5px;
}
.blog-tags ul > li a {
    color: #444;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}
.blog-tags ul li:last-child::after {
    display: none;
}

/* blog masonry */
.masonary-style .blog-content > h2 {
    font-size: 18px;
}
.masonary-style .quote-post {
    padding: 74px 44px 77px 47px;
}

/*---------- 14. Blog details -------*/
.highlights-title-wrapper {
    display: flex;
    margin: 56px 0 47px;
}
.importent-title > h4 {
    color: #444;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
    line-height: 34px;
    margin: 0;
}
.highlights-img > img {
    width: 73px;
}
.highlights-img {
    margin-right: 25px;
    margin-top: 9px;
}
.dec-img > img {
    width: 100%;
}
.dec-img-wrapper {
    margin: 56px 0 53px;
}
.blog-dec-tags-social {
    border-bottom: 2px solid #f6f6f6;
    display: flex;
    justify-content: space-between;
    margin-top: 52px;
    padding-bottom: 10px;
}
.blog-dec-tags ul li {
    display: inline-block;
    position: relative;
}
.blog-dec-tags ul li a {
    color: #444;
    margin-right: 18px;
    text-transform: capitalize;
}
.blog-dec-tags ul li::after {
    background-color: #6d6d6d;
    content: "";
    font-size: 8px;
    height: 12px;
    position: absolute;
    right: 6px;
    top: 5px;
    transform: rotate(20deg);
    width: 1.5px;
}
.blog-dec-tags ul li:last-child::after {
    display: none;
}
.blog-dec-social {
    display: flex;
}
.blog-dec-social ul li {
    display: inline-block;
    margin-left: 14px;
}
.blog-dec-social ul li a {
    color: #333333;
    font-size: 18px;
}
.blog-dec-social > span {
    color: #444;
    font-weight: 500;
    margin-top: 3px;
    text-transform: capitalize;
}
.blog-dec-tags ul li a:hover,
.blog-dec-social ul li a:hover,
.blog-details-btn a:hover {
    color: #2e1308;
}
.administrator-wrapper {
    align-items: center;
    display: flex;
    border-bottom: 2px solid #f6f6f6;
    padding: 30px 0;
}
.administrator-img {
    margin-right: 30px;
}
.administrator-content > h4 {
    color: #444;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 19px;
}
.administrator-content > p {
    color: #262626;
    font-size: 15px;
    line-height: 26px;
    margin: 0;
}
.blog-dec-title {
    color: #444;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    text-transform: capitalize;
}
.single-comment-wrapper {
    display: flex;
}
.blog-comment-content > h4 {
    color: #444;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin: 0;
}
.blog-comment-content > span {
    color: #656565;
    display: block;
    margin: 6px 0 8px;
}
.blog-comment-content > p {
    margin-bottom: 15px;
}
.blog-comment-img {
    margin-right: 28px;
}
.leave-form {
    margin-bottom: 30px;
}
.blog-reply-wrapper form input,
.blog-reply-wrapper form textarea {
    background: #f7f7f7 none repeat scroll 0 0;
    border: medium none;
    color: #8e8e8e;
    font-size: 14px;
    height: 60px;
    padding: 2px 20px;
}
.blog-reply-wrapper form input::-moz-placeholder,
.blog-reply-wrapper form textarea::-moz-placeholder {
    color: #8e8e8e;
    opacity: 1;
}
.blog-reply-wrapper form input::-webkit-placeholder,
.blog-reply-wrapper form textarea::-webkit-placeholder {
    color: #8e8e8e;
    opacity: 1;
}
.blog-reply-wrapper form textarea {
    height: 235px;
    padding: 25px 20px;
}
.blog-reply-wrapper form .text-leave input {
    background-color: #2e1308;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    height: inherit;
    letter-spacing: 1px;
    margin-top: 60px;
    padding: 14px 30px 13px;
    width: inherit;
}
.blog-reply-wrapper form .text-leave input:hover {
    background-color: #000;
}
.blog-reply-wrapper > form {
    margin-top: 35px;
}
.blog-details-btn a {
    color: #444;
    font-weight: 500;
    text-transform: capitalize;
}
/*--------- 15. Scrollup ---------*/
#scrollUp {
    background: #2e1308 none repeat scroll 0 0;
    bottom: 85px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    right: 12px;
    text-align: center;
    width: 38px;
    z-index: 9999;
}
#scrollUp:hover {
    background: #333 none repeat scroll 0 0;
}



/*外部字体样式*/
@font-face { 
 font-family: ADOBEFANGSONGSTD-REGULAR; /*这里是说明调用来的字体名字*/ 
 src: url('../font/ADOBEFANGSONGSTD-REGULAR.OTF'); /*这里是字体文件路径*/ 
}
@font-face { 
 font-family: BODONI; /*这里是说明调用来的字体名字*/ 
 src: url('../font/BODONI.TTF');
}
@font-face { 
 font-family: BODONIN; /*这里是说明调用来的字体名字*/ 
  src: url('../font/BODONIN.TTF');
}
@font-face { 
 font-family: BODONII; /*这里是说明调用来的字体名字*/ 
 src: url('../font/BODONII.TTF');
}
@font-face { 
 font-family: FZHTFW; /*这里是说明调用来的字体名字*/ 
 src: url('../font/FZHTFW.TTF'); /*这里是字体文件路径*/ 
}
@font-face { 
 font-family: FZXBSFW; /*这里是说明调用来的字体名字*/ 
 src: url('../font/FZXBSFW.TTF'); /*这里是字体文件路径*/ 
}
@font-face { 
 font-family: FZXBSJW; /*这里是说明调用来的字体名字*/ 
 src: url('../font/FZXBSJW.TTF'); /*这里是字体文件路径*/ 
}
@font-face { 
 font-family:TT0035M_; /*这里是说明调用来的字体名字*/ 
 src: url('../font/TT0035M_.TTF'); /*这里是字体文件路径*/ 
}
@font-face { 
 font-family:TT0036M_; /*这里是说明调用来的字体名字*/ 
 src: url('../font/TT0036M_.TTF'); /*这里是字体文件路径*/ 
}
@font-face { 
 font-family:BODONII; /*这里是说明调用来的字体名字*/ 
 src: url('../font/BODONII.TTF'); /*这里是字体文件路径*/ 
}

@font-face {font-family: 'iconfont';
    src: url('../font/icon/iconfont.eot'); /* IE9*/
    src: url('../font/icon/iconfont-1.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/icon/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/icon/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/icon/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.i-wrap {
    margin-top: 40px;

}
.i-wrap img {
    display: block;
    max-width: 100%;
    height: auto;    
}
.i-wrap-odd .container {
    padding: 42px 30px;
    background: #dededc;
}
.i-wrap-odd .i-wrap-text{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.i-wrap-odd .p1 {
    margin-bottom: 26px;
    font-size: 40px;
    font-family: "BODONI";
    color: #28272d;
}
.i-wrap-odd .p2 {
    margin-bottom: 30px;
    font-size: 16px;
    font-family: "宋体";
    font-weight: bolder;
    color: #28272d;
}
.i-wrap-odd .p2 span{
    margin-right: 10px;
    font-size: 30px;
}
.i-wrap-odd .i-wrap-more {
    display: block;
    width: 202px;
    height: 34px;
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background: #615d5c;
}
.i-wrap-odd .i-wrap-more span {
    display: inline-block;
    margin-left: 14px;
}
.i-wrap-even .col-md-12:nth-child(1) {
    padding-left: 0;
}
.i-wrap-even .col-md-12:nth-child(2) {
    padding-right: 0;
}
.i-wrap-even .imgbigout {
    display: block;
    border: 1px solid #dededc;

}
.i-wrap-even .imgtext {
    display: block;
    padding: 20px 10px;
    background: #dededc;
}
.i-wrap-even p {
    font-weight: bolder;
    color: #26272b;
    text-align: center;
}
.i-wrap-even .p1 {
    margin-bottom: 10px;
    font-size: 25px;
    font-family: "BODONI";
}
.i-wrap-even .p2 {
    margin-bottom: 0;
    font-size: 28px;
    font-family: "宋体";
}
.footer-padding {
    margin-top: 100px;
}
/*分页框架*/
.pager-box{padding: 80px 0 0;text-align: center;}
.pager{display: inline-block;}
.pager span,.pager a{display: block;width: 34px;height: 34px;background: #888;float: left;font-size: 14px;line-height: 34px;color: #fff;margin: 0 5px;cursor: pointer;transition: all .3s;}
.pager .current{width: 34px;height: 34px;background: #ccc;font-family: "SimSun" !important;font-size:16px;line-height: 34px;color: #fff;font-weight: bold;}
.pager span:hover,.pager a:hover{background: #2e1308;}
.pager .now{background: #2e1308;}
.nocontent{font-size: 14px;text-align: center;}
.nocontent b{font-weight: bold;color: #2e1308;}
.cms-content img{max-width: 100%;height: auto;}
.browsers-tips{position: fixed;left: 0;top: 0;z-index: 999999;width: 100%;height: 100%;background: #fff;}
.browsers-tips-inner{position: absolute;left: 50%;top: 50%;width: 600px;height: 144px;margin-left: -300px;margin-top: -72px;}
.browsers-tips p{font-size: 24px;color: #333;line-height: 2em;text-align: center;}


.mshow{display: none;}
.header-search-form{position: relative;padding-right: 40px;background: #2e1308;}
.header-search-form .input-text{display: block;width: 100%;height: 30px;line-height: 30px;outline: none;background: #fff !important;border-width: 1px;}
.header-search-form .input-text:focus{border-color: #2e1308;}
.header-search-form button{position: absolute;top: 0;right: 0;width: 40px;height: 30px;}
.header-search-form button i{color: #fff !important;}

.about-us-title{margin-bottom: 30px;}
.about-us-img{margin-bottom: 30px;}
.about-us-img img{display: block;width: 100%;height: auto;}
.about-us-details{padding-left: 50px;}
.about-us-details .item{margin-bottom: 50px;}
.about-us-details h6{margin-bottom: 20px;font-weight: bold;}
.blog-area .blog-img{margin-bottom: 50px;}
.blog-area .blog-hm-content h3{margin-bottom: 30px;font-weight: bold;}

.imgbigout img{display: block;width: 100%;height: auto;}
.product-details-content-box{display: flex;align-items: center;}
.breadcrumb-area{display: none;}

.code-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999999;display: none;}
.code-box .box-shadow{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);}
.code-box .share-code{display: none;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding:20px 20px;background: #fff;}
.code-box .share-code img{display: block;width: 200px;height: auto;margin-bottom: 10px;}
.code-box .share-code p{margin-bottom: 0;font-size: 14px;color: #333;text-align: center;}