/*
Theme Name: Guitar Zone
Theme URI: https://guitarzone.co.il
Author: Tiran Moyal
Author URI: https://guitarzone.co.il
Description: Custom Design Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Guitar, Music, Guitar Online Shop
Text Domain: guitarzone
*/

body {
    font-family: "Heebo", sans-serif;
    color: #000;
    text-align: right;
    font-size: 16px;
    direction: rtl;
}
* {
    margin: 0;
    padding: 0;
}
ul,
li,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}
img {
    border: none;
    padding: 0;
    margin: 0;
}
.cls {
    clear: both;
}
h1,
h2,
h3,
h4,
h5 {
    font-weight: 400;
}
a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:hover {
    color: #cc8119;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
iframe,
object,
embed {
    max-width: 100%;
}
input:focus {
    outline: none;
}
input {
    font-family: "Heebo", sans-serif;
    text-align: right;
}
textarea {
    font-family: "Heebo", sans-serif;
    text-align: right;
}
select {
    font-family: "Heebo", sans-serif;
    text-align: right;
}
.img-fluid {
    width: 100%;
    height: auto;
    display: inline-block;
}

/* mobile menu */

.menuicon {
    display: none;
    cursor: pointer;
    right: 10px;
    top: 15px;
    position: absolute;
}
.floatingnav {
    position: fixed;
    top: 0;
    right: -320px;
    width: 320px;
    height: 100%;
    background: #fff;
    z-index: 999999999;
}
.mobilemenuheader {
    padding: 20px 10px;
    overflow: hidden;
    position: relative;
    border-bottom: 5px solid #cc8119;
}
.mobilelogo {
    float: left;
}
.mobilelogo img {
    width: 100%;
    height: auto;
    display: inline-block;
    max-width: 150px;
}
.closemenu {
    float: right;
    padding: 0 0 0 0;
    cursor: pointer;
}
.menubox {
    color: #000;
    padding: 10px 10px 10px 10px;
    text-align: center;
}
.menubox ul li {
    padding: 0 0 5px 0;
}
.menubox ul li a {
    font-weight: 300;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    padding-left: 21px;
}
.menubox ul li a:hover {
    text-decoration: none;
    color: #cc8119;
}
.menubox ul li.current_page_item a {
    text-decoration: none;
    color: #cc8119;
}
.menubox ul li.current_page_item ul li a {
    text-decoration: none;
    color: #000;
}

/* for search overlay */

.search-overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.8); /* Black with a little bit see-through */
}
.search-overlay-content {
    position: relative;
    top: 46%;
    width: 90%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}
.search-overlay-form{
    width: calc(100% - 20px);
    max-width: 80%;
    margin: 0 auto;
    padding: 0 10px;
}
.search-overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}
.search-overlay .closebtn:hover {
    color: #ccc;
}
.search-overlay-form input[type=search] {
    width: calc(75% - 2px);
    height: 60px;
    border: none;
    border: 1px solid #fff;
    color: #fff;
    font-size: 25px;
    line-height: 1.5;
    text-align: center;
    background: none;
    padding: 10px 0;
}
.search-overlay-form input[type=submit] {
    float: right;
    width: calc(25%);
    height: 60px;
    background: #ddd;
    font-size: 25px;
    border: none;
    cursor: pointer;
    text-align: center;
}
.search-overlay-form input[type=submit]:hover {
    background: #bbb;
}

/* main style start */

.row{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;
}
.no-mrgn{
    margin: 0;
}
.product-row{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5%;
}
.row-reverse{
    flex-direction: row-reverse;
}
.space-between{
    justify-content: space-between;
}
.container{
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 10px;
}
.container-fluid{
    max-width: 1650px;
    margin: 0 auto;
    padding: 0 10px;
}
.headerarea{
    height: 135px;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.header{
    position: relative;
    height: 135px;
}
.header-top-area{
    height: 70px;
    padding: 20px 0 0 0;
    overflow: hidden;
    position: relative;
}
.header-top-row{
    display: flex;
    flex-wrap: wrap;
}
.header-top-right{
    width: 33.33%;
}
.header-top-right-inner{
    display: flex;
    flex-wrap: wrap;
}
.cart-icon {
    padding: 3px 10px 0 10px;
    position: relative;
    display: flex;
    font-size: 14px;
    margin: 10px 0 0 0;
}
.cart-order{
    position: absolute;
    top: -6px;
    right: -6px;
}
.cart-order span{
    height: 22px;
    padding: 0 8px;
    background: #cea56d;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.heart-icon{
    padding: 0 20px 0 10px;
    position: relative;
    margin: 10px 0 0 0;
}
.wishlist-count{
    position: absolute;
    top: -6px;
    right: 0;
}
.wishlist-count span{
    height: 22px;
    padding: 0 8px;
    background: #cea56d;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.user-icon{
    padding: 12px 15px 0 0;
}
.search-box{
    margin: 0 30px 0 0;
    overflow: hidden;
}
.search-box-inner{
    position: relative;
    width: 250px;
}
.search-box-field{
    width: 100%;
}
.search-box-field input{
    width: calc(100% - 67px);
    height: 45px;
    border: 1px solid #d6d7d7;
    border-radius: 50px;
    padding: 0 45px 0 20px;
    text-align: right;
}
.search-button{
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 1;
}
.search-button input{
    width: 22px;
    height: 20px;
    background: url(images/search-icon.png) no-repeat 0 0;
    font-size: 0;
    cursor: pointer;
    border: none;
}
.mobile-saerch-icon{
    display: none;
    cursor: pointer;
    padding: 3px 5px 0 0;
}
.header-top-middle{
    width: 33.33%;
}
.logo{
    text-align: center;
}
.logo img{
    width: 100%;
    height: auto;
    display: inline-block;
    max-width: 264px;
}
.header-top-left{
    width: 33.33%;
}
.header-top-left-inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    font-size: 14px;
    padding: 15px 0 0 0;
}
.header-top-left-inner p{
    padding: 0 22px 0 35px;
}
.header-top-left-inner p.return{
    background: url(images/currency-icon.png) no-repeat right center;
}
.header-top-left-inner p.free-shipping{
    background: url(images/car-icon.png) no-repeat right center;
}
.navigation-area{
    height: 45px;
}
.navigation ul li{
    font-size: 16px;
    display: inline-block;
    position: relative;
    margin: 0 10px 0 10px;
    text-transform: uppercase;
}
.navigation ul li a{
    display: block;
    padding: 0 10px 20px 10px;
    color: #000;
    text-decoration: none;
    border-bottom: 3px solid transparent;
}
.navigation ul li a:hover{
    color: #b97b27;
    text-decoration: none;
    border-bottom: 3px solid #b97b27;
}
.navigation ul li.current_page_item a{
    color: #b97b27;
    text-decoration: none;
    border-bottom: 3px solid #b97b27;
}
.navigation ul li ul{
    position: absolute;
    width: 250px;
    top: 40px;
    right: 0;
    z-index: 9999;
    background: #fff;
    visibility: hidden;
}
.navigation ul li ul li{
    display: block;
    margin: 0;
    padding: 0;
}
.navigation ul li ul li a{
    display: block;
    padding: 8px 10px;
    color: #000;
    border: none;
}
.navigation ul li ul li a:hover{
    border: none;
    background: #b97b27;
    color: #fff;
}
.navigation ul li ul li ul{
    right: 250px;
    top: 0;
}
.navigation ul li:hover > ul{
    visibility: visible;
}
.home-banner-area{
    overflow: hidden;
}
.home-banner{
    overflow: hidden;
    direction: ltr;
    position: relative;
}
.home-slider-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    direction: rtl;
}
.vertical-align{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.slider-info{
    max-width: 650px;
    text-align: center;
    overflow: hidden;
}
.slider-info h4{
    color: #b97b27;
    text-transform: uppercase;
    padding: 0 0 20px 0;
}
.slider-info h1{
    text-transform: uppercase;
    padding: 0 0 10px 0;
    font-size: 70px;
    line-height: 70px;
}
.slider-info h5{
    text-transform: uppercase;
    padding: 0 0 20px 0;
    font-weight: 600;
}
.buttons{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0 0 0;
}
.buttons a{
    display: inline-block;
    text-decoration: none;
    padding: 15px 45px 15px 45px;
    color: #000;
    font-weight: 700;
    margin: 0 15px;
    border: 1px solid #b97b27;
    text-transform: uppercase;
}
.buttons a:hover{
    background: #b97b27;
    color: #fff;
}
.flex-control-nav{
    position: absolute;
    width: 100%;
    bottom: 30px;
    text-align: center;
    z-index: 134;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.flex-control-nav li a{
    width: 15px;
    height: 15px;
    background: #c2c3c3;
    border-radius: 50%;
    margin: 0 5px 0 5px;
    font-size: 0;
    display: block;
}
.flex-control-nav li a.flex-active{
    background: #b97b27;
}
.features-area{
    padding: 30px 0;
    background: #fbfaf7;
    overflow: hidden;
}
.featured-item{
    width: 18%;
    margin: 1% 1%;
}
.featured-item-inner{
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
    align-items: center;
}
.featured-icon{
    width: 50px;
}
.featured-info{
    width: calc(100% - 50px);
    padding: 0 0 0 0;
    overflow: hidden;
}
.featured-info h4{
    font-weight: 700;
    font-size: 18px;
}
.featured-info p{
    font-size: 14px;
    line-height: 15px;
}
.home-catagory-area{
    overflow: hidden;
    padding: 30px 0;
}
.home-category-item{
    width: 15.66%;
    margin: 0.5% 0.5%;
}
.home-category-inner{
    position: relative;
}
.home-category-thumbnail img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}
.home-category-overlay{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 11;
}
.home-category-info{
    padding: 10px 10px 45px 10px;
    text-align: center;
    color: #fff;
}
.home-category-info h3{
    padding: 0 0 15px 0;
}
.home-category-info a{
    color: #fff;
    font-size: 15px;
    display: inline-block;
    padding: 8px 12px;
    text-decoration: none;
    border: 1px solid #b97b27;
    border-radius: 5px;
}
.top-seller-area{
    padding: 0 0 30px 0;
    overflow: hidden;
}
.top-seller-heading{
    padding: 0 0 0 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.top-seller-heading-left a{
    color: #b97b27;
    text-decoration: none;
    text-transform: uppercase;
}
.top-seller-carosel{
    direction: ltr;
    position: relative;
}
.top-seller-carosel .item{
    margin: 0 10px;
}
.top-seller-carosel .owl-carousel .owl-wrapper-outer{
    padding: 20px 0;
}
.partner-area{
    padding: 0 0 30px 0;
    overflow: hidden;
}
.partner-box{
    background: #f8f6f3;
    overflow: hidden;
}
.partner-logo img{
    width: auto;
    height: auto;
    max-width: 100%;
    display: inline-block;
}
.why-us-area{
    padding: 0 0 30px 0;
    overflow: hidden;
}
.why-us-inner{
    background: #f9f9f6;
    padding: 0 0 0 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #eeede8;
}
.why-us-right{
    width: 70%;
}
.why-us-banner img{
    width: 100%;
    height: auto;
    display: block;
}
.why-us-left{
    width: 30%;
}
.why-us-info{
    padding: 25px 45px;
    overflow: hidden;
}
.why-us-info h3{
    text-transform: uppercase;
    font-size: 24px;
    padding: 0 0 10px 0;
}
.why-us-list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    vertical-align: middle;
    padding: 5px 0;
}
.why-us-list-info{
    padding: 0 20px 0 0;
    overflow: hidden;
}
.why-us-list-info h4{
    font-weight: 700;
}
.learn-us{
    padding: 20px 0 0 0;
    overflow: hidden;
}
.learn-us a{
    color: #000;
    font-size: 15px;
    display: inline-block;
    padding: 10px 35px;
    text-decoration: none;
    border: 1px solid #cea56d;
    border-radius: 5px;
}
.learn-us a:hover{
    background: #cea56d;
    color: #000;
}
.home-testimonial-area{
    padding: 0 0 30px 0;
    overflow: hidden;
}
.home-testimonial-heading{
    text-align: center;
    max-width: 580px;
    margin: 0 auto 20px auto;
    background: url(images/seperator-04.png) repeat-x left center;
}
.home-testimonial-heading h2{
    text-transform: uppercase;
    font-size: 24px;
    display: inline-block;
    background: #fff;
    padding: 0 15px 0 15px;
    text-align: center;
}
.home-customer-feedback{
    direction: ltr;
    position: relative;
}
.home-testimonial-box{
    background: #faf8f5;
    padding: 20px 75px 20px 75px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #f9f6f2;
}
.home-customer-feedback .item{
    margin: 0 20px;
}
.home-blog-area{
    padding: 0 0 30px 0;
    overflow: hidden;
}
.home-blog-box{
    background: #fbfbf8;
    padding: 20px 20px 20px 20px;
    overflow: hidden;
}
.home-blog-box h2{
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
}
.home-blog-item{
    width: 21%;
    margin: 1% 2% 1% 2%;
}
.home-blog-item-inner{
    position: relative;
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.home-blog-thumbnail img{
    width: 100%;
    height: auto;
    display: block;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.home-blog-info{
    padding: 15px 15px;
    overflow: hidden;
    text-align: center;
}
.home-blog-info .readmore a{
    color: #000;
}
.join-us-area{
    padding: 0 0 30px 0;
    overflow: hidden;
}
.join-us-box{
    background: url(images/home-join-banner.jpg) no-repeat 0 0;
    background-size: cover;
    min-height: 165px;
}
.join-us-box-inner{
    padding: 25px 100px 10px 0;
    overflow: hidden;
}
.join-us-box-inner h2{
    text-transform: uppercase;
}
.join-form-box{
    max-width: 550px;
}
.footer-area{
    background: #000;
    padding: 20px 0 20px 0;
    overflow: hidden;
    color: #fff;
    font-size: 15px;
}
.footer-row{
    display: flex;
    flex-wrap: wrap;
}
.footer-col{
    width: 20%;
}
.footer-info h4{
    font-size: 20px;
    padding: 0 0 10px 0;
    color: #fff;
}
.footer-info ul li{
    padding: 5px 0 5px 0;
}
.footer-info a{
    color: #fff;
    text-decoration: none;
}
.footer-info a:hover{
    color: #b97b27;
    text-decoration: none;
}
.footer-icons ul li{
    padding: 5px 30px 5px 0;
}
.footer-info ul li.phone{
    background: url(images/footer-phone-icon.png) no-repeat right center;
}
.footer-info ul li.email{
    background: url(images/footer-mail-icon.png) no-repeat right center;
}
.footer-info ul li.location{
    background: url(images/footer-location-icon.png) no-repeat right center;
}
.footer-info ul li.hours{
    background: url(images/footer-clock-icon.png) no-repeat right center;
}
.social-icons{
    padding: 20px 0 0 0;
    overflow: hidden;
}
.social-icons a{
    padding: 0 0 0 10px;
}
.copyright-area{
    background: #000;
    padding: 0 0 20px 0;
    overflow: hidden;
    color: #fff;
    font-size: 15px;
}
.copyright-row{
    overflow: hidden;
    border-top: 1px solid #fff;
    padding: 20px 0 0 0;
}
.payment-aprtner{
    float: right;
}
.copyright-info{
    float: left;
}

/* for blog page */

.blog-banner-area{
    position: relative;
    overflow: hidden;
}
.blog-banner img{
    width: 100%;
    height: auto;
    display: block;
}
.blog-banner-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 12;
}
.blog-banner-info{
    padding: 30px 0;
    overflow: hidden;
    text-align: left;
}
.blog-banner-info h1{
    font-size: 60px;
    line-height: 50px;
    text-transform: uppercase;
    padding: 0 0 25px 0;
    background: url(images/seperator-01.png) no-repeat left bottom;
    margin: 0 0 20px 0;
}
.blog-area{
    padding: 30px 0;
    overflow: hidden;
    background: #faf9f8;
}
.breadcumb{
    padding: 0 0 20px 0;
    overflow: hidden;
    font-size: 15px;
}
.breadcumb a{
    display: inline-block;
    padding: 5px 0 5px 10px;
    background: url(images/arrow-02.png) no-repeat 0 center;
    color: #c28c46;
    text-decoration: none;
}
.blog-left{
    width: 22%;
}
.sidebar{
    overflow: hidden;
}
.blog-search-box{
    padding: 0 0 20px 0;
    overflow: hidden;
}
.blog-search-box-inner{
    position: relative;
}
.blog-search-box-inner .search-box-field input{
    border-radius: 5px;
    width: 100%;
}
.blog-category{
    padding: 0 0 20px 0;
    overflow: hidden;
}
.widget-title{
    background: url(images/seperator-03.png) repeat-x 0 center;
    margin: 0 0 15px 0;
    overflow: hidden;
    font-size: 17px;
    text-transform: uppercase;
}
.widget-title h4{
    float: right;
    padding: 0 0 0 10px;
    background: #faf9f8;
}
.blog-category ul li{
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 5px 0;
    justify-content: space-between;
}
.blog-category ul li a{
    text-decoration: none;
}
.popular-post-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 20px 0;
}
.popular-post-list-right{
    width: 40%;
}
.popular-blog-thumbnail img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}
.popular-post-list-left{
    width: 55%;
}
.popular-post-info span{
    font-size: 13px;
    color: #5b5b63;
}
.newsletter-box{
    background: #f6f4f2;
    padding: 15px 15px;
    border-radius: 5px;
    overflow: hidden;
}
.newsletter-box h4{
    background: url(images/mail-icon.png) no-repeat right 3px;
    padding: 0 40px 0 0;
    margin: 0 0 10px 0;
    font-size: 20px;
    text-transform: uppercase;
}
.newsletter-form{
    overflow: hidden;
    padding: 10px 0 0 0;
}
.newsletter-form-right{
    width: 65%;
    float: right;
}
.newsletter-form-right input{
    width: calc(100% - 22px);
    height: 40px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    color: #9c9ca0;
    padding: 0 10px 0 10px;
    text-align: right;
}
.newsletter-form-left{
    width: 32%;
    float: left;
}
.newsletter-form-left input{
    width: 100%;
    height: 40px;
    border: none;
    text-align: center;
    background: #c38b45;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
}
.sidebar-addvertise{
    padding: 20px 0 0 0;
    overflow: hidden;
}
.advertise-link img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
}
.blog-right{
    width: 75%;
}
.featured-blog{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 10px 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.featured-blog-left{
    width: 55%;
}
.featured-blog-thumbnail img{
    width: 100%;
    height: auto;
    display: block;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.featured-blog-right{
    width: 40%;
}
.featured-blog-inner{
    padding: 25px 25px;
    overflow: hidden;
}
.featured-blog-inner h1{
    font-size: 22px;
    line-height: 24px;
    padding: 0 0 10px 0;
}
.blog-item{
    width: 31.33%;
    margin: 1% 1% 1% 1%;
}
.blog-item-inner{
    position: relative;
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.blog-thumbnail img{
    width: 100%;
    height: auto;
    display: block;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.blog-item-info{
    padding: 20px 20px;
    overflow: hidden;
}
.date{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-items: center;
    vertical-align: middle;
    padding: 0 0 10px 0;
}
.date h5{
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 0 0 5px;
}
.date span{
    font-size: 15px;
    padding: 0 10px 0 0;
    background: url(images/seperator-02.png) no-repeat right center;
}
.blog-item-info h2{
    font-size: 22px;
    line-height: 24px;
    padding: 0 0 10px 0;
}
.readmore a{
    display: inline-block;
    padding: 5px 0 5px 20px;
    background: url(images/arrow-01.png) no-repeat 0 center;
    color: #c28c46;
    text-decoration: none;
}
.featured-readmore{
    padding: 20px 0 0 0;
    overflow: hidden;
}
.featured-readmore a{
    display: inline-block;
    padding: 8px 20px 8px 20px;
    text-decoration: none;
    border: 1px solid #cba976;
    border-radius: 5px;
    color: #cba976;
}

/* for blog details */

.blog-details-area{
    overflow: hidden;
}
.blog-title{
    padding: 0 0 20px 0;
    overflow: hidden;
}
.blog-title h1{
    font-size: 50px;
    line-height: 50px;
}
.blog-author-area{
    padding: 0 0 20px 0;
    overflow: hidden;
}
.blog-author-right{
    float: right;
}
.author-box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.author-pic img{
    border-radius: 50%;
}
.author-info{
    padding: 0 15px 0 0;
    overflow: hidden;
}
.author-info h5{
    font-weight: 700;
    font-size: 18px;
}
.author-info p{
    font-size: 15px;
    line-height: 18px;
}
.blog-author-left{
    float: left;
    padding: 10px 0 0 0;
}
.blog-features-image{
    padding: 0 0 20px 0;
    overflow: hidden;
}
.blog-features-image img{
    width: 100%;
    height: auto;
    border-radius: 5px;
    display: block;
}
.blog-content h2, .blog-content h3, .blog-content h4{
    padding: 0 0 20px 0;
}
.blog-content p{
    padding: 0 0 20px 0;
    line-height: 30px;
}
.blog-content ul li{
    list-style-position: inside;
    list-style-type: circle;
    padding: 0 0 10px 0;
}
.blog-content ol li{
    list-style-position: inside;
    list-style-type: decimal;
    padding: 0 0 10px 0;
}
.post-pagination{
    overflow: hidden;
    border-top: 1px solid #ece9e6;
    padding: 15px 0 0 0;
}
.next-post{
    width: 50%;
    float: right;
}
.previous-post{
    width: 50%;
    float: left;
    text-align: left;
}
.post-pagination a{
    color: #9e9d9e;
    font-size: 14px;
    text-transform: uppercase;
}

/* for testimonials page */

.testimonial-area{
    padding: 30px 0;
    overflow: hidden;
    background: #fcfaf9;
}
.testimonial-heading{
    text-align: center;
    padding: 0 0 20px 0;
}
.testimonial-heading h2{
    padding: 0 0 10px 0;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
}
.testimonial-heading p{
    font-size: 15px;
}
.testimonial-item{
    width: 18%;
    margin: 1% 1% 1% 1%;
}
.testimonial-inner{
    background: #fff;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 20px 20px;
    overflow: hidden;
}
.ratting-star{
    padding: 0 0 10px 0;
    overflow: hidden;
}
.ratting-star img{
    display: inline-block;
}
.user-feedback p{
    font-size: 15px;
    line-height: 18px;
    padding: 0 0 10px 0;
}
.testimonial-user-info{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 5px 0 0 0;
}
.testimonial-user-content{
    padding: 0 10px 0 0;
    overflow: hidden;
    font-size: 15px;
}
.testimonial-user-content h4{
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
}
.join-area{
    margin: 20px auto;
    max-width: 980px;
    padding: 15px 50px;
    background: url(images/join-star-icon.png) no-repeat 96% center #f7f3f0;
    overflow: hidden;
}
.join-right{
    float: right;
    padding: 0 60px 0 0;
}
.join-right h4{
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    padding: 0 0 0 0;
}
.join-left{
    float: left;
    padding: 3px 0 0 0;
}
.join-left a{
    display: inline-block;
    padding: 10px 35px 10px 35px;
    text-decoration: none;
    background: #c08643;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
}
.join-left a:hover{
    background: #000;
    color: #fff;
}

/* for category page */

.category-area{
    padding: 30px 0;
    overflow: hidden;
    background: #fcfcfa;
}
.category-right{
    width: 75%;
}
.product-item{
    width:18%;
    margin: 1% 1%;
}
.product-item-inner{
    background: #fff;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
}
.product-thumbnail img{
    width: 100%;
    height: auto;
    display: block;
}
.product-heart-icon{
    position: absolute;
    cursor: pointer;
    right: 15px;
    top: 15px;
}
.category-product-info{
    padding: 15px 15px;
    overflow: hidden;
}
.category-product-title{
    min-height: 50px;
}
.category-product-info h2{
    font-size: 15px;
    line-height: 20px;
    padding: 0 0 10px 0;
}
.category-product-price p{
    font-weight: 700;
}
.category-left{
    width: 22%;
}
.product-filter-area{
    overflow: hidden;
}
.product-filter-list{
    padding: 0 0 20px 0;
    overflow: hidden;
}
.product-filter-list h4{
    text-transform: uppercase;
    padding: 0 0 15px 0;
    font-weight: 700;
}

/* for product details page */

.product-details-area{
    background: #faf9f9;
    padding: 30px 0;
    overflow: hidden;
}
.product-details-right{
    width: 35%;
}
.product-details-left{
    width: 62%;
}
.product-gallery-area{
    overflow: hidden;
    padding: 0 0 20px 0;
}
.product-gallery-area img{
    width: 100%;
    height: auto;
    display: block;
}
.similar-product-area{
    padding: 20px 0 0 0;
    overflow: hidden;
}
.similar-product-area .home-testimonial-heading h2{
    background: #faf9f9;
}
.product-incategory{
    padding: 0 0 20px 0;
    display: flex;
    flex-wrap: wrap;
}
.product-incategory h4{
    color: #b97b27;
    text-transform: uppercase;
    padding: 0 0 0 10px;
}
.product-details-title{
    position: relative;
    padding: 0 0 20px 30px;
}
.product-details-title h1{
    font-size: 36px;
    line-height: 36px;
}
.product-details-heart-icon{
    position: absolute;
    left: 0;
    top: -5px;
    cursor: pointer;
}
.product-details-price{
    padding: 0 0 20px 0;
    display: flex;
    flex-wrap: wrap;
}
.product-details-price h4{
    font-weight: 700;
    padding: 0 0 0 25px;
}
.product-details-price p{
    color: #358845;
}
.product-details-content{
    padding: 0 0 0 0;
    overflow: hidden;
}
.product-details-content p{
    line-height: 28px;
    padding: 0 0 20px 0;
}
.product-variation-box{
    padding: 0 0 20px 0;
}
.product-quantity-box{
    padding: 0 0 20px 0;
}
.product-quantity-box h4{
    text-transform: uppercase;
    padding: 0 0 10px 0;
}
.single_add_to_cart_button{
    display: inline-block;
    padding: 10px 70px 10px 70px;
    text-decoration: none;
    background: #c08643;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    margin-top: 0 !important;
}
.single_add_to_cart_button:hover{
    background: #000;
    color:#fff;
}
.single_add_to_cart_button.disabled{
    background: #e4e3e3;
    cursor:not-allowed;
}
.product-return-policy{
    padding: 10px 10px;
    border: 1px solid #e4e3e3;
    border-radius: 5px;
    margin-top: 20px;
}
.product-return-policy-item{
    display: flex;
    flex-wrap: wrap;
    width: 31.33%;
    margin: 0 1%;
    align-items: center;
}
.product-return-policy-item-icon{
    width: 35px;
}
.product-return-policy-item-info{
    width: calc(100% - 35px);
    font-size: 14px;
}
.product-details-box{
    border: 1px solid #e4e3e3;
    border-radius: 5px;
    margin: 20px 0 0 0;
    overflow: hidden;
}
.product-details-heading{
    border-bottom: 1px solid #e4e3e3;
    padding: 10px 20px;
    font-size: 16px;
}
.product-details-heading h4{
    text-transform: uppercase;
    font-weight: 700;
}
.product-details-box-inner{
    padding: 10px 20px;
    overflow: hidden;
}
.product-details-item{
    border-top: 1px solid #e4e3e3;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.no-brd{
    border-top: none;
}
.product-details-item h4{
    font-weight: 700;
}

/* for contact page */

.contact-area{
    background: #faf9f9;
    padding: 30px 0;
    overflow: hidden;
}
.contact-row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-col{
    width: 30%;
}
.contact-col h3{
    text-transform: uppercase;
    padding: 0 0 25px 0;
    font-size: 22px;
}
.contact-form-list{
    padding: 0 0 10px 0;
    overflow: hidden;
}
.contact-form-list label{
    display: block;
    padding: 0 0 5px 0;
}
.contact-form-list input{
    width: calc(100% - 32px);
    font-size: 16px;
    height: 40px;
    border: 1px solid #eae9ea;
    border-radius: 5px;
    padding: 0 15px 0 15px;
    color: #5b5b63;
    text-align: right;
}
.contact-form-list textarea{
    width: calc(100% - 32px);
    font-size: 16px;
    height: 100px;
    border: 1px solid #eae9ea;
    border-radius: 5px;
    padding: 15px 15px 15px 15px;
    color: #5b5b63;
    text-align: right;
    resize: none;
}
.contact-form-send{
    padding: 10px 0 0 0;
    overflow: hidden;
}
.contact-form-send input{
    width: 100%;
    height: 40px;
    text-transform: uppercase;
    background: #c18940;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}
.contact-form-send input:hover{
    background: #000;
    color: #fff;
}
.contact-info-list{
    padding: 0 0 30px 0;
    display: flex;
    flex-wrap: wrap;
}
.contact-info-list-right{
    width: 45px;
}
.contact-info-list h4{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 0 0 0 0;
}
.contact-info-list small{
    color: #9c9ca0;
    font-size: 12px;
}
.contact-social-link{
    padding: 0 0 0 0;
    overflow: hidden;
}
.contact-social-link h5{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 0 0 15px 0;
}
.contact-social-link a{
    margin: 0 5px;
}
.contact-features-box{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
}
.contact-features-item{
    width: 50%;
}
.contact-features-item-inner{
    text-align: center;
    padding: 20px 20px;
    border: 1px solid #f1eeed;
    background: #f7f4f3;
}
.contact-features-item-inner h4{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0 5px 0;
}
.contact-features-item-inner p{
    font-size: 15px;
    color: #8a898a;
}
.yith-wcwl-add-to-wishlist-button__label{
    display: none !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main{
    padding-right: 0 !important;
    padding-left: 4.5283018868%;
}

/* for product gallery */

.product-gallery-holder{
    position: relative;
}
.woocommerce-product-gallery{
    width: 100%;
    overflow: hidden;
}
.woocommerce-product-gallery__wrapper img{
    width: 100%;
    height: auto;
    display: block;
}
.woocommerce-product-gallery .flex-control-nav{
    width: 100%;
    position: static;
    padding: 5px 0 0 0;
}
.woocommerce-product-gallery ol.flex-control-thumbs{
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
}
.woocommerce-product-gallery ol.flex-control-thumbs li{
    width: 20%;
}
.woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active{
    opacity: 1;
}
.woocommerce-product-gallery .flex-control-thumbs img{
    width: 100%;
    height: auto;
    display: block;
}

.woocommerce-product-gallery__trigger{
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 2em;
    z-index: 9;
    width: 36px;
    height: 36px;
    text-indent: 9999px;
    border-radius: 100%;
    box-sizing: content-box;
    backface-visibility: hidden;
}
.woocommerce-product-gallery__trigger::before {
    content: "";
    display: none;
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    border-radius: 100%;
    position: absolute;
    top: 9px;
    right: 9px;
    box-sizing: content-box;
}
.woocommerce-product-gallery__trigger::after {
    content: "";
    display: none;
    width: 2px;
    height: 8px;
    background: #000;
    border-radius: 6px;
    position: absolute;
    top: 19px;
    right: 22px;
    transform: rotate(45deg);
    box-sizing: content-box;
}
.variable-items-wrapper{
    display: flex;
    flex-wrap: wrap;
}
.variable-items-wrapper li{
    width: 30px;
    height: 30px;
    margin: 5px 5px;
    border: 1px solid transparent;
    border-radius: 50%;
}
.variable-item-contents img{
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.variable-items-wrapper li.selected{
    border: 1px solid #000;
}
.qib-button-wrapper{
    float: right !important;
    margin: 0;
}
.single_add_to_cart_button{
    margin: 20px 0 0 0;
    border: none;
}
body .qib-button-wrapper{
    width: 50%;
    margin: 0 0 0 20px;
}
.product-details-right .qib-button-wrapper .quantity input.input-text.qty.text{
    height: 26px;
    width: 100%;
}
table.variations th.label{
    display: none;
}
a.reset_variations{
    font-size: 14px;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #000;
    border-radius: 5px;
    margin: 5px 0 0 0;
}
.woocommerce-variation-price{
    padding: 10px 0 10px 0;
    font-weight: 700;
}
.product-add-to-cart{
    padding: 0 0 20px 0;
    overflow: hidden;
}
.product-add-to-cart form.cart{
    display: flex;
    flex-wrap: wrap;
}
.product-add-to-cart form.cart button.btn-outline-primary{
    display: inline-block;
    padding: 10px 40px 10px 40px;
    text-decoration: none;
    background: #c08643;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    border: none;
    cursor: pointer;
}
.product-filter-area ul{
    text-align: right !important;
}
.wpfCheckbox{
    margin: 0 0 0 10px;
}
.wpfFilterWrapper .wfpTitle{
    margin: 0 10px 0 0 !important;
}
.wpfFilterWrapper ul li{
    margin: 0 2px 0 0;
}
.woocommerce-MyAccount-navigation .list-group{
    padding: 0 0 20px 0;
    overflow: hidden;
}
.woocommerce-MyAccount-navigation .list-group a{
    background: #000;
    display: inline-block;
    text-decoration: none;
    padding: 5px 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.woocommerce-MyAccount-navigation .list-group a:hover{
    background: #f44336;
    color: #fff;
}
.xoo-wsc-sm-info{
    padding-right: 15px;
}