/* Colors */

:root{

    --color-white:      #FFFFFF;

    --color-beige:      #E7C98D;

    --color-brown:      #633B1F;

    --color-dark-brown: #5B371E;

    --color-red:        #C1172C;

    --color-green:      #20A645;

    --color-green:      #20A645;

    /* #FFFFFF - #DBD5C4 */

}

/* General styles */

body{

    color: var(--color-brown) !important;

}

.general-block{

    padding: 60px 0;

}

.flex-items{

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.papyrus-frame{

    top: 0;

    left: 0;

    right: 0;

    height: 100%;

    position: absolute;

}

.section-title h2:after{

    top: 35px;

    bottom: 0;

    left: 50%;

    transform: translate(-50%, 0);

    margin: 0;

    width: 300px;

    height: 45px;

    background: 

        no-repeat 

        center / 85% 

        url('../img/new/divider.svg')

    ;

}

.about-img{

    height: 460px;

    padding: 0;

    position: relative;

    background: 

        no-repeat

        center / 100% 100%

        url('../img/new/info.jpg');

    ;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.about-img img{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 65%;

}

.off-banner-text{

    padding: 145px 30px;

}

.framed-item{

    position: relative;

    background-color: white;

}

.frame{

    position: absolute;

    top: -5px;

    left: 0;

    right: 0;

    width: 100%;

    height: 105%;

}



.frame-inner-img{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 65%;

}

/* Backgrounds */

.papyrus-wrap{

    padding: 35px 0;

    position: relative;

    background-image: linear-gradient(

        to bottom,

        rgba(231, 201, 141, 0.3),

        rgba(231, 201, 141, 0.3)

        ), url('../img/new/papyrus1.jpg') !important;

}

.papyrus-wrap::before{

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    top: 0;

    z-index: 0;

    height: 35px;

    background: 

        repeat-x 

        center/contain 

        url('../img/new/pattern.svg')

    ;

    transform: rotate(180deg);

}

.papyrus-wrap::after{

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 0;

    height: 35px;

    background: 

        repeat-x 

        center/contain 

        url('../img/new/pattern.svg')

    ;

}

.decorative-text{

    position: relative;

    z-index: 1;

}

.decorative-text::before{

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    top: 0;

    z-index: 0;

    height: 350px;

    background: 

        no-repeat 

        -70px/contain 

        url('../img/new/decorative.svg')

    ;

}

.decorative-text::after{

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    bottom: 0;

    z-index: -1;

    height: 350px;

    background: 

        no-repeat 

        -70px/contain 

        url('../img/new/decorative.svg')

    ;

    transform: rotate(180deg);

}

@media (max-width: 992px){

    .decorative-text::before{

        height: 250px;

        background: 

            no-repeat 

            -50px/contain 

            url('../img/new/decorative.svg')

        ;

    }

    .decorative-text::after{

        height: 250px;

        background: 

            no-repeat 

            -50px/contain 

            url('../img/new/decorative.svg')

        ;

        transform: rotate(180deg);

    }



}

.flowers-bg{

    position: relative;

    background: var(--color-brown);

    z-index: 2;

}

.flowers-bg::before{

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    opacity: 1;

    background:

        url('../img/new/flowers.svg')

        repeat

    ;

}

.beige-bg{

    border: none;

    border-radius: 16px;

    background-color: rgba(226, 197, 118, 0.35);



}

/* Mutual styles */

.slider-wrap,

/* .about-us-area, */

.off-banner-area{

    padding-bottom: 0;

}

.slider-wrap .container{

    background-color: white;

    position: relative;

}

.section-title h2,

.slider-bottom-left-text h1,

.slider-bottom-middle-text h1,

.slider-bottom-right-text h1,

.slider-bottom-right-bottom-text h1{

    color: var(--color-brown);

    margin: 0;

}

.hover-effect > a:before,

.hover-effect > a:after{

    background: linear-gradient(

        to bottom,

        rgba(255, 255, 255, 0.35),

        rgba(99, 59, 31, 0.35)

        )

    ;

}

.slider-bottom-left:hover .slider-bottom-left-text h1,

.slider-bottom-middle:hover .slider-bottom-middle-text h1,

.slider-bottom-right:hover .slider-bottom-right-text h1,

.slider-bottom-right-bottom:hover .slider-bottom-right-bottom-text h1{

    color: var(--color-beige);

    text-shadow: 0 0 3px var(--color-dark-brown);

}

.description-tab-menu ul li a,

.mainmenu ul li .mega-menu span a.title,

.mainmenu ul li .mega-menu span a,

.popular-area .section-title h2,

.language-usd ul > li > a,

.account-login ul > li > a,

.mainmenu ul > li > a,

.mainmenu ul li a,

.newsletter-text > h2,

.footer-bottom-area p,

.footer-address i,

.footer-widget ul li a,

.footer-widget.payment p,

.footer-address p{

    color: var(--color-white);

}

.slider-bottom-right-text,

.slider-bottom-right-bottom-text{

    top: 50%;

    left: 10%;

    right: unset;

    transform: translate(0, -50%);

}

.mobile-menu-area,

.footer-bottom-area,

.newsletter-area{

    background-color: var(--color-dark-brown);

    padding: 10px 0;

}

.zoomWrapper, 

.product-thumb, 

.product-thumb img, 

.single-zoom-thumb,

.iso-cert,

.single-product-info,

.slider-bottom-left,

.slider-bottom-middle,

.slider-bottom-right,

.slider-bottom-right-bottom,

.single-product-hover,

.single-product .single-product-img a img{

    border-radius: 16px;

}

.description-tab-menu ul li.active a,

.description-tab-menu ul li:hover a,

.copyright p span{

    color: var(--color-green);

}

/* Newsletter section */

.newsletter-area{

    padding: 45px 0;

}

.newsletter-social-icon ul li{

    margin-right: 0;

    margin-left: 7px;

}

.newsletter-social-icon ul a i{

    height: 30px;

    width: 30px;

    font-size: 20px;

    color: var(--color-brown);

    border: 1px solid var(--color-white);

    background-color: var(--color-white);

}

.newsletter-social-icon ul a i:hover{

    background: var(--color-green);

    border: 1px solid var(--color-green);

}

.newsletter-info > form,

.newsletter-info > form > button{

    height: 44px;

}

.newsletter-info > form input[type="text"]{

    padding: 12px 85px 11px 11px;

}

.newsletter-info > form > button{

    font-size: 14px;

    line-height: 25px;

    letter-spacing: 0;

    background-color:  var(--color-green);

}

/* Header area */

.main-header-area{

    padding-bottom: 20px;

}

.logo img{

    height: 50px;
    max-width: none;

}

.mainmenu ul li{

    padding: 10px 0;

    margin-right: 15px;

}

.mainmenu ul li:last-child{

    margin-right: 0;

}

.mainmenu ul li .mega-menu {

    top: 70px;

    left: -320px;

}

.mainmenu ul li:hover .mega-menu {

    z-index: 10000;

}

.mainmenu, .account-cart{

    float: right;

}

/* Footer */

.main-footer-area{

    padding: 35px 0;

}

.footer-address i{

    border: 1px solid var(--color-white);

}

.footer-widget h5{

    color: var(--color-beige);

}

/* Product page */

.single-product{

    width: 270px;

    height: 302px;

    margin: 0 10px;

}

.single-product .single-product-img a{

    display: block;

}

.shop-product-list{
    margin-top: -10px;
}

.shop-product-list .single-product{

    margin: 10px 5px;

}

/* flickity slider custom styles */

.flickity-prev-next-button{

    width: 30px;

    height: 30px;

}

.flickity-prev-next-button.previous {

    left: -50px;

}

.flickity-prev-next-button.next{

    right: -50px;

}

.flickity-page-dots{

    z-index: 2;

}

.flickity-page-dots .dot{

    background-color: var(--color-white);

}

/* Quality section */

.iso{

    display: flex;

    flex-direction: row-reverse;

    align-items: stretch;

    flex-wrap: wrap;

}

.iso .framed-item{

    height: 120px;

}

.frame-inner-img.iso2015{

    width: 40%;

}

/* About page */

.banner-area{

    background-image: url('../img/new/banner.png');

    background-size: 100% 100%;

}

.banner-text-wrapper{

    padding: 60px 0;

}

.banner-title h2{

    color: var(--color-brown)

}

#about .about-us-area .who-wrapper{

    display: block;

}

#about .about-us-area .who-wrapper .about-img{

    position: relative;

    background: none;

}

#about .about-us-area .who-wrapper .about-img img{

    transform: none;

    top: 0;

    left: 0;

    width: 100%;

}

#about .about-us-area .who-wrapper .about-img img.frame{

    top: -5px;

    left: 0;

    height: 110%;

    transform: translate(0, 0);

}



@media (min-width: 992px) and (max-width: 1090px){
    .flickity-prev-next-button.previous {
        left: 0;
        z-index: 20;
    }
    .flickity-prev-next-button.next{
        right: 0;
        z-index: 20;
    }
}

@media (max-width: 1170px){

    #about .about-us-area .who-wrapper .about-img img.frame{

        height: 87%;

    }

}

#about .about-us-area .section-title{

    padding-bottom: 80px;

}

.list-group-item{
    background-color: transparent;
    border: 0px solid var(--color-green);
}
.list-title{
    color: #22A746;
    font-weight: 600;
}
.list-desc{
    text-align: right;
    font-weight: 500;
    margin-left: 15px;
}
.size-img{
    padding-right: 6px;
    width: 35px;
    height: auto;
}