/*===============================================
Template Name: flower Shope HTML5 Template
Version: 0.1
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. flower    Main Menu Area Css
02. flower Slider Area Css
03. flower Shape Images Css
04. flower Breatcome Area Css
05. flower Feature Area Css
06. flower Service Area Css
07. flower Section TitleNAV
08. flower About  Area  Css
09. flower Counter Area  Css
10. flower Feature Box Area  Css
11. flower Team Area  Css
12. flower Pricing Area  Css
13. flower Portfolio Area  Css
14. flower Testimonial Area  Css
15. flower Call Do Action Area  Css
16. flower Blog Area  Css
17. flower Subscribe Area CSS
18. flower Subscribe Area CSS
19. flower Contact Now Area Css 
20. flower Contact Form Area Css
21. flower GOOGLE MAP AREA CSS
22. flower Middle Footer CSS
23. flower Footer Bottom Area Css 
24. flower BLOG DETAILS AREA CSS
25. flower Team Details Area Css
26. flower Skill Area Css
27. flower Error Page Area Css
25. flower Team Details Area Css
=======================*/


/*================================
<-- Start flower Menu Area Css -->
==================================*/
.flower_nav_manu {
    background: transparent;
    transition: .5s;
    z-index: 2;
    position: relative;
    padding: 0 100px;
    margin-bottom: -88px;
}
.flower_nav_manu.transparent_menu {
    background: transparent;
    margin-bottom: -87px;
    position: relative;
}
.sticky {
    left: 0;
    margin: auto;
    position: fixed !important;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    background: #fff !important;
    transition: .5s;
    z-index: 999;
}
/* flower Menu Css*/
nav.flower_menu {
    text-align: right;
}
.flower_menu ul {
    list-style: none;
    display: inline-block;
}
.flower_menu>ul>li {
   display: inline-block;
   position: relative;
   z-index: 1;
}
.flower_menu > ul > li > a {
    display: block;
    margin: 30px 20px;
    -webkit-transition: .5s;
    color: #505337;
    font-family: 'Playfair Display';
    font-weight: 400;
}
nav.flower_menu span {
    font-size: 13px;
    padding-left: 6px;
    font-family: FontAwesome;
    opacity: .5;
}
/*menu button*/
.header-button {
    display: inline-block;
    padding-left: 32px;
}
.header-button a {
    padding: 12px 33px;
    color: #6a6e49;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: .5s;
    border: 1px solid #6a6e49;
}
.header-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #6a6e49;
    transform: scale(0);
    transition: .5s;
}
.header-button a i {
    position: relative;
    top: 2px;
    margin-left: 5px;
}
.header-button a:hover:before {
    transform: scale(1);
}
.header-button a:hover {
    color:#fff;
}
.style-two .header-button a {
    color: #fff;
    border: 1px solid #fff;
    position: relative;
    z-index: 1;
}
.style-two .header-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    transform: scale(0);
    transition: .5s;
}
.style-two .header-button a:hover:before {
    transform: scale(1);
}
/*flower nav menu style two*/
.style-two .flower_menu > ul > li > a {
    color: #fff;
}

.style-two.sticky .flower_menu > ul > li > a {
    color: #505337;
}
.style-two.sticky .header-button a {
    color: #505337;
    border: 1px solid #505337;
}
.style-two.sticky .header-button a:hover {
    color: #fff;
}
/*** Sub Menu Style ***/
.flower_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .5s;
    visibility: hidden;
    border-top: 2px solid #6A6E49;
    opacity: 0;
}
.flower_menu ul li:hover>.sub-menu {
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 100%;
     opacity: 1;
 }
.flower_menu ul .sub-menu li {
     position: relative;
}
.flower_menu ul .sub-menu li a {
    display: block;
    padding: 12px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: 16px;
    font-family: 'Playfair Display';
    font-weight: 400;
    text-transform: capitalize;
    -webkit-transition: .1s;
    visibility: inherit !important;
    color: #000 !important;
}
.flower_menu ul .sub-menu li:hover>a,
.flower_menu ul .sub-menu .sub-menu li:hover>a,
.flower_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.flower_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
     background:#6A6E49;
     color: #fff !important;
}

/* sub menu 2 */
.flower_menu ul .sub-menu .sub-menu {
     left: 100%;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}
.flower_menu ul .sub-menu li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}

/* sub menu 3 */
.flower_menu ul .sub-menu .sub-menu li {
    position: relative;
}
.flower_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     visibility: hidden;
}
.flower_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}

/* sub menu 4 */
.flower_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}
.flower_menu ul .sub-menu .sub-menu .sub-menu .sub-menu {
}
.flower_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     visibility: visible;
     top: 0%;
}

.flower_menu li a:hover:before{
    width:101%;
}
.flower_nav_manu.sticky .logo_img {
    display: none;
}
.main_sticky {
    display: none;
}
.flower_nav_manu.sticky .main_sticky {
    display: inherit;
}
.mobile-menu.mean-container {
    overflow: hidden;
}
/*style two*/




/**=======================================
<-- Start flower shop Menu Area Css -->
=========================================**/

.slider-area {
    background: url(assets/images/slider/flower-shop.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 950px;
    position: relative;
    z-index: 1;
}

/*slider content*/
.slider-content h3 {
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: 'Playfair Display';
    padding: 0 0 10px;
}
.slider-content h1 {
    font-size: 65px;
    font-style: italic;
    font-weight: 400;
    line-height: 68px;
}

/*slider button*/
.slider-button a {
    padding: 12px 34px;
    color: #6a6e49;
    border: 1px solid #6a6e49;
    display: inline-block;
    margin: 40px 0 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.slider-button a i {
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: 2px;
}
.slider-button a:before, .slider-button a:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #6a6e49;
    transition: .5s;
    z-index: -1;
}
.slider-button a:before {
    transform: translateY(-100%);
}
.slider-button a:after {
    transform: translateY(100%);
}
/*slider all hover*/
.slider-button a:hover:before {
    transform: translateY(-50%);
}
.slider-button a:hover:after {
    transform: translateY(50%);
}
.slider-button a:hover:after {
    transform: translateY(50%);
}
.slider-button a:hover {
    color:#fff;
}
/*slider shape*/
.slider-shape-thumb img {
    position: absolute;
    left: -304px;
    bottom: -350px;
}
.slider-shape-thumb2 img {
    position: absolute;
    left: 46%;
    bottom: 8%;
    animation: moveleft 4s linear infinite;
}
.slider-shape-thumb3 {
    position: absolute;
    top: 95px;
    left: 100px;
}

/**=======================================
<-- Start flower section title Css -->
=========================================**/
.flower-section-title h1 {
    font-size: 45px;
    font-weight: 400;
    font-style: italic;
    line-height: 60px;
}
h1.section-title {
    margin: 0;
}
.flower-section-title h5 {
    font-size: 18px;
    letter-spacing: 5px;
    font-style: italic;
    padding: 0 0 4px;
}
.flower-section-title p {
    padding: 12px 0 0;
}
.flower-section-title.text-center.center-pt {
    padding: 0 0 70px;
}
/**=======================================
<-- Start flower shop Bestseller Css -->
=========================================**/
.bestseller-section {
    padding: 190px 0 170px;
}
.dreamit-bestseller-single-box {
    text-align: center;
    margin-bottom: 30px;
    padding: 0 0 27px;
}
/*bestseller thumb*/
.bestseller-thumb {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.bestseller-thumb img {
    width: 100%;
}
/*thumb icon*/
.bestseller-thumb-icon {
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    opacity: 0; 
}

.bestseller-thumb-icon  ul li {
    display: inline-block;
    margin-right: 3px;
    list-style: none;
}
.bestseller-thumb-icon ul li:nth-child(1) a {
    transition-delay: 0.1s;
}
.bestseller-thumb-icon ul li:nth-child(2) a{
    transition-delay: 0.3s;
}
.bestseller-thumb-icon ul li:nth-child(3) a {
    transition-delay: 0.4s;
}
.bestseller-thumb-icon ul li:nth-child(4) a {
    transition-delay: 0.6s;
}
.bestseller-thumb-icon ul li a {
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
    filter: drop-shadow(0 0 25px rgba(224,224,224,0.09));
    background-color: #ffffff;
    display: inline-block;
    transition-delay: .5s;
    overflow: hidden;
    transform: translateY(-100px);
    opacity: 0;
    position: relative;
    z-index: 1;
    color: #000;
}
.bestseller-thumb-icon ul li a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #6a6e49;
    transform: scale(0);
    transition: .5s;
}
.bestseller-thumb-icon ul li a i {
    transition: .5s;
    color: #000;
}
/*bestseller title*/

.bestseller-title h2 a {
    font-size: 22px;
    padding: 20px 0 12px;
    color: #000;
    display: inline-block;
    font-weight: 500;
}
/*price box*/
.price-box {
    position: relative;
    z-index: 1;
}
span.regular-price {
    color: #000;
    font-weight: 500;
    font-family: 'Playfair Display';
    transition: .5s;
}
span.add-cart a {
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    display: -webkit-box;
    display: flex;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -20px;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
    color: #000;
    font-weight: 500;
    font-family: 'Playfair Display';
}

/*all bestseller hover*/
.dreamit-bestseller-single-box:hover .bestseller-thumb .bestseller-thumb-icon {
    bottom: 11px;
    opacity: 1;
}
.dreamit-bestseller-single-box:hover .bestseller-thumb-icon ul li a {
    opacity: 1;
    transform: translateY(0px);
    overflow: hidden;
    visibility: visible;
}
.bestseller-thumb-icon ul li a:hover i {
    color:#fff;
}
.bestseller-thumb-icon ul li a:hover:before {
    transform: scale(1);
}
.dreamit-bestseller-single-box:hover {
    filter: drop-shadow(0px 7px 9px rgba(227,227,227,0.18));
    background-color: #ffffff;
}
.dreamit-bestseller-single-box span.add-cart a:hover {
    color: #696D49;
}
.dreamit-bestseller-single-box:hover span.add-cart a {
    opacity: 1;
    bottom: 0;
    visibility: visible;
    transition: .5s;
}
.dreamit-bestseller-single-box:hover span.regular-price {
    visibility: hidden;
    opacity: 0;
}
/*style two bestseller section*/
.style-two.popular-section {
    padding: 0px 0 50px;
}
.style-two .bestseller-thumb:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    border-radius: 5px;
    background-image: linear-gradient(95deg, #696d49 100%, rgba(105,109,73,0) 100%);
    opacity: 0;
    transition: .5s;
}
.style-two .bestseller-thumb-icon {
    bottom: inherit;
    top: 20px;
    right: 18px;
    left: inherit;
}
.style-two .bestseller-thumb-icon  ul li {
    display: block;
}
.style-two .bestseller-thumb-icon  ul li a.active {
    background: #6A6E49 !important;
    color: #fff;
}
.shop-title h4 a {
    color: #000;
}
.style-two .bestseller-title p {
    color: #6D6F4A;
    font-weight: 500;
    font-family: 'Montserrat';
    line-height: 26px;
    padding: 9px 0 3px;
    margin-bottom: 0;
}
/*all hover*/
.style-two .bestseller-thumb:hover:before {
	opacity: 0.45;
	top: 0;
	height: 100%;
}

/*style two upper popular section*/
.upper.style-two.popular-section {
    padding: 75px 0 100px;
}



.icon a {
    position: relative;
    z-index: 1;
}


/**=======================================
<-- Start flower Shop Wedding section Css -->
=========================================**/

.dreamit-wedding-single-box {
    padding: 74px 82px 73px;
    background: #696D49;
    margin-bottom: 30px;
    text-align: center;
}
.wedding-thumb {
    position: relative;
    z-index: 1;
}
/*wdding title*/
.wedding-title h2 {
    font-size: 35px;
    color: #fff;
    padding: 20px 0 20px;
}
.wedding-text p {
    color: #fff;
}
.wedding-button a {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 0 0 4px;
    border-bottom: 1px solid #fff;
}
/*box upper*/
.upper.dreamit-wedding-single-box {
    padding: 0;
    background: inherit;
    margin-bottom: 30px;
}
.upper .wedding-title h2 {
    font-size: 28px;
    font-weight: 400;
    color: #fff;
    padding: 0;
    position: absolute;
    top: 122px;
    left: 30px;
}
/*box upper2*/
.upper2.dreamit-wedding-single-box {
    background: #F1EFEB;
}
.upper2 .wedding-title h2 {
    color: #000000;
}
.upper2 .wedding-text p {
    color: #6a6e49;
}
.upper2 .wedding-button a {
    color: #000000;
    border-bottom: 1px solid #000000;
}

/*wedding shape*/
.wedding-shape-img {
    position: absolute;
    top: 120px;
    right: 52px;
}


/**=======================================
<-- Start flower Shop popular section Css -->
=========================================**/
.popular-section {
    padding: 150px 0 170px;
}
.popular-section.upper {
    padding: 100px 0 100px;
}
/*popular title*/
.popular-section .bestseller-title h2 a {
    font-size: 24px;
    padding: 13px 0 0px;
    font-weight: 500;
    transition: .5s;
    color: #000;
}
.popular-section .bestseller-title h2 a:hover {
    color: #696D49;
}
/**=======================================
<-- Start flower Shop about section Css -->
=========================================**/

.row.about-bg {
    background: #6A6E49;
    padding: 55px 39px 55px;
    position: relative;
    z-index: 1;
}

.dreamit-about-single-box {
    padding: 40px 0 40px;
    width: 543px;
    border-radius: 5px;
    background-color: #f1efeb;
    text-align: center;
}
/*about button*/
.about-button a {
    padding: 12px 30px;
    background: #fff;
    color: #6a6e49;
    display: inline-block;
    margin-top: 18px;
    position: relative;
    z-index: 1;
    transition: .5s;
}


.about-button a i {
    position: relative;
    top: 2px;
    padding-left: 5px;
}

.about-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    transform: scale(0);
    transition: .5s;
}

.about-button a:hover:before {
    transform: scale(1);
}

.about-button a:hover {
    color: #fff;
}


/*about shape*/
.about-shape-thumb {
    position: absolute;
    right: -622px;
    top: 0;
}
.about-shape-thumb2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
/*about style upper*/
.about-section.upper {
    padding: 100px 0 80px;
}

/*about style two*/
.row.about-bg2 {
    background: #6A6E49;
    padding: 45px 42px 45px;
    position: relative;
    z-index: 1;
}
.row.about-bg2 .about-thumb img {
    width: 100%;
}

/* Start Count Down css*/

div#clockdiv {
    padding: 35px 0 27px;
}
#clockdiv > div {
    padding: 8px 12px 10px;
    background: #f1efeb;
    display: inline-block;
    text-align: center;
    margin-right: 15px;
}
#clockdiv div > span {
    display: inline-block;
    font-size: 28px;
    color: #000000;
    font-weight: 500;
    font-family: "Playfair Display";
    border-bottom: 1px solid #000;
    padding: 0 0 8px;
}

.smalltext {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    font-family: "Playfair Display";
    padding: 2px 0 0;
}

/*End Count Down css*/

/*about styl two*/

.about-section.style-two {
    padding: 100px 0 100px;
}
.style-two .row.about-bg {
    background: #F0EFEB;
    padding: 15px 39px 15px;
    position: relative;
    z-index: 1;
}
.about-section.style-two .flower-section-title h5 {
    color: #6a6e49;
}
/*about button*/
.style-two .about-button a {
    padding: 12px 30px;
    background: #6A6E49;
    color: #fff;
    display: inline-block;
    margin-top: 18px;
    position: relative;
    z-index: 1;
}
.style-two .about-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    transform: scale(0);
    transition: .5s;
}
.style-two .about-button a:hover:before {
    transform: scale(1);
}
.style-two .about-button a:hover {
    color:#6A6E49;
}

/**=======================================
<-- Start flower Shop case study section Css -->
=========================================**/
.case-study-section {
    padding: 175px 0 120px;
}
.case-study-single-box {
    margin-bottom: 30px;
}

.case-study-thumb {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.case-study-thumb:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: linear-gradient(0deg, rgba(106,110,73,0.62) 0%, rgba(106,110,73,0.7) 6%, rgba(106,100,73,0) 100%, rgba(106,110,73,0) 100%);
    transition: .5s;
    border-radius: 5px;
}

.case-study-thumb img {
    width: 100%;
}

/*case study content*/

.case-study-content {
    position: absolute;
    left: 30px;
    bottom: -55px;
    opacity: 0;
    transition: .5s;
}

.case-study-title h3 a {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
}

.case-study-text a {
    padding: 6px 0 0;
    color: #fff;
    display: inline-block;
}
/*case study icon*/
.case-study-section .bestseller-thumb-icon {
    position: absolute;
    top: 0;
    right: 30px;
    opacity: 0;
    left: inherit;
    transition: .5s;
}
.case-study-section .bestseller-thumb-icon  ul li {
    display: block;
    margin-right: 3px;
}
/*case study all hover*/
.case-study-thumb:hover .case-study-content {
    bottom: 20px;
    opacity: 1;
}
.case-study-section .case-study-thumb:hover .bestseller-thumb-icon {
    top: 30px;
    opacity: 1;
}
.case-study-section .case-study-thumb:hover .bestseller-thumb-icon ul li a {
    opacity: 1;
    transform: translateY(0px);
    overflow: hidden;
    visibility: visible;
}
.case-study-thumb:hover:before {
    height: 100%;
    left: 0;
}
/*active center*/
.active.center .case-study-thumb .case-study-content {
    bottom: 20px;
    opacity: 1;
}
.case-study-section .active.center .case-study-thumb .bestseller-thumb-icon {
    top: 30px;
    opacity: 1;
}
.case-study-section .active.center .case-study-thumb .bestseller-thumb-icon ul li a {
    opacity: 1;
    transform: translateY(0px);
    overflow: hidden;
    visibility: visible;
}
.active.center .case-study-thumb:before {
    height: 100%;
    left: 0;
}
/*owl carousel*/
.owl-dots {
    text-align: center;
    padding: 50px 0 0;
}
.owl-dot {
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #f1efeb;
    display: inline-block;
    margin-right: 10px;
}
.owl-dot.active {
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #696D49;
    display: inline-block;
}

/*case study area style two*/

.case-study-thumb2 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.case-study-content1 {
    position: absolute;
    left: 85px;
    bottom: 0px;
    opacity: 0; 
    transition: .5s;
}
.study-text a {
    padding: 12px 29px;
    color: #6a6e49;
    display: inline-block;
    background: #fff;
    border-radius: 3px;
}
.case-study-thumb2:hover .case-study-content1 {
    bottom: 144px;
    opacity: 1; 
}
.active.center .case-study-thumb2 .case-study-content1 {
    bottom: 144px;
    opacity: 1; 
}

/* Portfolio section
=====================================*/
.portfolio-section {
    padding: 120px 0 120px;
}
.portfolio-section .case-study-thumb:before {
    z-index: -1;
}
/*case study icon*/
.portfolio-section .bestseller-thumb-icon {
    position: absolute;
    top: 0;
    right: 30px;
    opacity: 0;
    left: inherit;
    transition: .5s;
}
.portfolio-section .bestseller-thumb-icon  ul li {
    display: block;
    margin-right: 3px;
}

.portfolio-section .case-study-thumb:hover .bestseller-thumb-icon {
    top: 30px;
    opacity: 1;
}
.portfolio-section .case-study-thumb:hover .bestseller-thumb-icon ul li a {
    opacity: 1;
    transform: translateY(0px);
    overflow: hidden;
    visibility: visible;
}


/* Flower Case Study Details
==========================================*/
.case-study-details {
    padding: 120px 0 120px;
}

.case-study-intro {
    box-shadow: 0 0 15px rgb(0,0,0,0.2);
    padding: 60px;
}

.case-study-intro.upp {
    margin-top: 60px;
}

.csd-thumb img{
  width:100%;
}

.csd-title  h3 {
    font-size: 30px;
    font-weight: 600;
    padding: 0 0 5px;
}

.csd-info {
    padding: 0 50px;
}

.csd-info ul  {
  padding: 13px 0;

}

.csd-info ul li {
    list-style: none;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #666666;
}

.csd-info strong {
    font-size: 19px;
    font-weight: 600;
    margin-right: 5px;
    color: #232323;
}

.share-text {
    float: left;
    margin-right: 20px;
}

.share-text h4 {
    font-size: 20px;
    color: #666;
    font-weight: 600;
    margin-top: 5px;
}

.csd-social-icon ul {
    padding: 0;
}

.csd-social-icon ul li{
  list-style: none;
  display: inline-block;
  margin: 0px 8px 0 0;

}

.csd-social-icon ul li a i {
    color: #fff;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background: #696D49;
    border-radius: 5px;
    font-size: 16px;
    display: inline-block;
    transition: .5s;
}

.shops-title h1 {
    padding: 95px 0 55px;
}

.csd-social-icon ul li a i:hover{
    background: #000;
}

/**=======================================
<-- Start flower Shop Why Choose Us are Css -->
=========================================**/

.why-choose-us-icon-box {
    padding: 0 0 14px;
}
/*why choose us icon*/
.why-choose-us-icon {
    float: left;
    margin-right: 14px;
    margin-top: 18px;
}
.why-choose-us-icon i {
    display: inline-block;
    font-size: 24px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    text-align: center;
    background-color: #6a6e49;
    color: #fff;
}
/*why choose us title*/
.why-choose-us-title {
    overflow: hidden;
}
.why-choose-us-title h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
    padding: 0 0 10px;
}
/*why choose us right thumb*/

.why-choose-us-thumb {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}
.why-choose-us-thumb .item:nth-child(3) {
    grid-column: 1/3;
}
.why-choose-us-thumb .item img {
    border-radius: 5px;
}
/*why choose us shape thumb*/
.why-choose-us-shape {
    position: relative;
    z-index: 1;
}
.why-choose-us-shape-thumb {
    position: absolute;
    top: -283px;
    left: 0;
}


/**=======================================
<-- Start flower Shop Team area Css -->
=========================================**/

.team_area {
    padding: 120px 0 100px;
}

.single_team_box {
    margin-bottom: 30px;
}
/*team thumb*/
.single_team_thumb {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.single_team_thumb:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-image: linear-gradient(10deg, #696d49 0%, #000000 100%);
    opacity: 0;
    transition: .5s;
    border-radius: 5px 5px 0 0;
}
.single_team_thumb img {
    width: 100%;
    transition: .5s;
}


/*team content*/
.single_team_content {
    padding: 19px 0 22px;
    background: #6a6e49;
    text-align: center;
    opacity: 0;
    transition: .5s;
    width: 100%;
    border-radius: 0 0 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: -70px;
}
/*team title*/
.team-title h4 {
    font-size: 24px;
    color: #fff;
}
.team-title span {
    color: #fff;
    padding: 12px 0 0;
    display: inline-block;
}

/*team icon*/
.single_team_icon {
    position: absolute;
    left: 84px;
    bottom: 0px;
    opacity: 0;
    transition: .5s;
}
.single_team_icon a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    background-color: #ffffff;
    display: inline-block;
    font-size: 14px;
    color: #6A6E49;
}


/*team all hover*/

.single_team_box:hover .single_team_icon {
    opacity: 1;
    bottom: 140px;
}
.single_team_box:hover .single_team_content {
    opacity: 1;
    bottom: 0;
}
.single_team_box:hover .single_team_thumb img {
    transition: .5s;
    height: 100%;
}
.single_team_box:hover .single_team_thumb:before {
    top: 0;
    height: 300px;
    opacity: .6;
}




/**=======================================
<-- Start flower Shop Testimonial section Css -->
=========================================**/
.testimonial-section {
    padding: 0px 0 5px;
}
.testimonial-single-box {
    text-align: center;
    padding: 0 195px 90px;
    position: relative;
    z-index: 1;
}
/*testimonial icon*/
.testimonial-icon i {
    font-size: 70px;
    width: 102px;
    height: 102px;
    line-height: 102px;
    background: #6a6e49;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
}
/*testimonial text*/
.testimonial-text p {
    font-size: 20px;
    line-height: 35px;
    font-weight: 500;
    color: #000;
    padding: 45px 0 20px;
    font-family: 'Playfair Display';
}
/*testi title*/
.testimonial-title h4 {
    font-size: 20px;
    font-weight: 400;
}
.testimonial-title h4 span {
    font-size: 16px;
    color: #000;
}
/*star icon*/
.testimonial-star-icon ul li {
    display: inline-block;
    list-style: none;
    margin-right: 7px;
}
.testimonial-star-icon ul li i {
    font-size: 14px;
    color: #FFC107;
    display: inline-block;
    padding: 10px 0 0;
}
/*testi shape thumb*/
.testi-shape-thumb {
    position: absolute;
    top: 0;
    left: 438px;
    z-index: -1;
}

/*owl nav*/

.owl-prev {
    width: 48px;
    height: 48px;
    border-radius: 50px;
    background-color: #6a6e49;
    position: absolute;
    top: 0;
    bottom: 20px;
    margin: auto;
}
.owl-next {
    width: 48px;
    height: 48px;
    border-radius: 50px;
    background-color: #6a6e49;
    position: absolute;
    top: 0;
    bottom: 20px;
    right: 0;
    margin: auto;
}
.owl-prev i {
    font-size: 18px;
    color: #fff;
    padding: 0 0 0;
    position: relative;
    top: 12px;
    left: 15px;
    display: inline-block;
}
.owl-next i {
    font-size: 18px;
    color: #fff;
    padding: 0 0 0;
    position: relative;
    top: 12px;
    left: 15px;
    display: inline-block;
}
/**=======================================
<-- Start flower Shop Blog section Css -->
=========================================**/
.blog-section {
    padding: 100px 0 70px;
}
/*single blog box*/
.dreamit-single-blog-box {
    margin-bottom: 30px;
    transition: .5s;
}
/*blog thumb*/
.single-blog-thumb {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.single-blog-thumb:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-image: linear-gradient(10deg, #696d49 0%, #000000 100%);
    opacity: 0;
    transition: .5s;
}
.single-blog-thumb img {
    width: 100%;
}

/*blog content*/
.blog-content {
    padding: 18px 25px 11px;
    border-radius: 0 0 5px 5px;
    border: 1px solid #e5e5e5;
    text-align: center;
    transition: .5s;
}
.blog-title h4 a {
    font-size: 22px;
    font-weight: 500;
    font-family: 'Playfair Display';
    font-style: italic;
    padding: 0 0 15px;
    line-height: 33px;
    color: #000;
    transition: .5s;
    display: inline-block;
}

/*meta blog button*/
.meta-blog-button {
    position: absolute;
    bottom: 0;
    right: 0;
}
.meta-blog-button a {
    padding: 11px 20px;
    font-size: 14px;
    display: inline-block;
    background: #6A6E49;
    color: #fff;
    border: 1px solid #6A6E49;
    transition: .5s;
}
.meta-blog-button a i {
    margin-right: 7px;
}

/*blog all hover*/

.dreamit-single-blog-box:hover .single-blog-thumb:before {
    opacity: .45;
    left: 0;
    width: 100%;
}
.dreamit-single-blog-box:hover .blog-content {
    filter: drop-shadow(0px 10px 20px rgba(207,207,207,0.27));
    background-color: #ffffff;
    border: 1px solid #fff;
}
.dreamit-single-blog-box:hover .meta-blog-button a {
    border: 1px solid #fff;
}


/*Start Flower Blog Details Section
================================================*/

.blog-details-section {
    padding: 140px 0 100px;
}

.widget_search {
    padding: 30px 30px 30px;
    border-radius: 4px;
    margin-bottom: 30px;
    background: #6A6E49;
}

.widget_search form {
    position: relative;
}

.widget_search input {
    border-radius: 4px;
    padding-left: 20px;
    height: 56px;
    width: 100%;
    color: #fff;
    border: 0;
}

button.icons {
    border: 0;
    font-size: 18px;
    color: #fff;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    width: 60px;
    background: #000;
    border-radius: 0 4px 4px 0;
}
/*wedget items*/
.widget-items {
    margin-bottom: 40px;
    padding: 21px 28px 22px;
    border-radius: 0;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
}
/*widget recent post*/
.widget-recent-post {
    border-bottom: 1px solid #E8E8E8;
    padding: 0 0 12px;
    margin-bottom: 20px;
}

.widget-recent-post.upper {
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0;
}

.rpost-thumb {
    margin-right: 20px;
}

.categories-title2 h4 {
    font-size: 21px;
    background: #6A6E49;
    margin: -21px -29px 30px -29px;
    padding: 15px 29px;
    color: #fff;
}

.rpost-content h4 a {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    color: #191514;
    display: inline-block;
    transition: .5s;
    font-family: 'Montserrat', sans-serif;
}
.rpost-title span {
    display: inline-block;
    color: #616161;
    font-size: 15px;
}

.rpost-content h4 a:hover {
    color: #6A6E49;
}

/*price box*/
.product-price-box {
    line-height: 0;
    padding: 12px 0 6px;
}
.widget-recent-post span.regular-price {
    color: #000;
    font-weight: 500;
    font-family: 'Montserrat';
    transition: .5s;
    margin-right: 5px;
    display: inline-block;
    text-decoration: line-through;
    font-size: 14px;
}

.product-rating i {
    font-size: 13px;
}

/*tag item*/
.tag-item ul li {
    display: block;
    list-style: none;
    padding: 15px 0;
    margin-top: 0;
    border-top: 1px solid #e6e6e6;
}
li.item1 {
    padding: 15px 0 0 !important;
}
.tag-item ul li a {
    color: #616161;
    transition: .5s;
}
.tag-item ul li a:hover {
    color: #6A6E49;
}
/*tag 2*/
.tag-item2 a {
    background: #fff;
    padding: 6px 17px;
    display: inline-block;
    margin: 0px 6px 15px 0;
    border: 1px solid #e6e6e6;
    font-weight: 500;
    color: #1b3434;
    transition: .5s;
    border-radius: 4px;
    position: relative;
    z-index: 1;
}
.tag-item2 a:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #6A6E49;
    border-radius: 4px;
    z-index: -1;
    transform: scale(0);
    transition: .5s;
}

.tag-item2 a:hover:before {
    transform: scale(1);
}
.tag-item2 a:hover {
    color: #fff;
}

.blog-content2 {
    padding: 18px 25px 11px;
    border-radius: 0 0 5px 5px;
    border: 1px solid #e5e5e5;
    transition: .5s;
}
/*blog quote*/
.blog-quotes {
    font-size: 20px;
    border-left: 4px solid #6A6E49;
    background: 0 0;
    font-weight: 400;
    position: relative;
    line-height: 1.5;
    background-color: #edf0f2;
    padding: 24px 30px 24px 35px;
    margin: 25px 0 25px;
}

.blog-quotes p {
    margin: 0 0 7px;
    color: #6A6E49;
}

.meta-blog-title2 h5 {
    padding: 5px 0 15px;
    font-size: 22px;
}


/*solial tag*/
.row.bld-bg {
    border-top: 1px solid rgba(27,43,43,0.10196078431372549);
    padding-top: 26px;
    margin-top: 30px;
    padding-bottom: 22px;
}
.tag-list ul li {
    display: inline-block;
    list-style: none;
}
.tag-list ul li span {
    font-size: 18px;
    font-weight: 500;
    color: #1b3434;
    padding-right: 6px;
}
.tag-list ul li a {
    padding: 3px 20px;
    background: #edf0f2;
    display: inline-block;
    border-radius: 30px;
    margin-right: 8px;
    color: #1b2b2b;
    transition: .5s;
}
.tag-list ul li a:hover {
    background: #6A6E49;
    color: #fff;
}
.social-icon-list ul li {
    display: inline-block;
    list-style: none;
}
.social-icon-list ul li span {
    font-size: 18px;
    font-weight: 500;
    color: #1b3434;
    padding-right: 6px;
}
.social-icon-list ul li a {
    height: 34px;
    width: 34px;
    line-height: 34px;
    background: #fff;
    text-align: center;
    border: 1px solid rgba(13,14,20,0.1);
    display: inline-block;
    border-radius: 30px;
    font-size: 14px;
    color: #5F6A6A;
    margin-right: 7px;
    position: relative;
    z-index: 1;
}
.social-icon-list ul li a:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #6A6E49;
    border-radius: 30px;
    z-index: -1;
    transform: scale(0);
    transition: .5s;
}
.social-icon-list ul li a:hover:before {
    transform: scale(1);
}
.social-icon-list ul li a:hover {
    color: #fff;
}


.widget-comments-title h2 {
    font-size: 30px;
    padding: 35px 0 40px;
}


/**=======================================
<-- Start flower Shop footer Css -->
=========================================**/
.footer-section {
    padding: 100px 0 0;
    background: #696D49;
    position: relative;
    z-index: 1;
}

/*logo*/
.flower-logo {
    padding: 0 0 42px;
}
/*company icon*/
.flower-company-icon a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    background-color: #7a7f4c;
    font-size: 14px;
    display: inline-block;
    margin: 10px 5px 0px 0;
}
/*wedget title*/
h4.widget-title.pb-4 {
    font-size: 24px;
    color: #fff;
    margin: 0 0 42px;
}
ul.footer-menu  li a {
    display: block;
    color: #fff;
    padding: 0 0 12px;
    transition: .5s;
}
/*footer bottom area*/
.footer-bottom-area {
    padding: 6px 0 18px;
}
.footer-bottom-bg {
    border-top: 1px solid #92957B;
    padding: 26px 0 0px;
}
.footer-bottom-content-copy p {
    font-size: 15px;
    color: #fff;
}
.footer-bottom-menu ul li {
    display: inline-block;
    list-style: none;
    color: #fff;
    font-size: 15px;
    margin-right: 42px;
}
/*footer shape*/
.footer-thumb img {
    position: absolute;
    bottom: -15px;
    left: 40px;
    animation: moveleft 4s linear infinite;
    z-index: -1;
}
.footer-thumb1 {
    position: absolute;
    left: 838px;
    bottom: 32px;
}
.footer-thumb2 img {
    position: absolute;
    bottom: -15px;
    right: 40px;
    animation: moveleft 4s linear infinite;
}






/* ======================Animation section start========================== */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.bounce-animate {
animation-name: float-bob;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob;
-o-animation-duration: 2s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate2 {
animation-name: float-bob2;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob2;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob2;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob2;
-o-animation-duration: 3s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate3 {
animation-name: float-bob3;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob3;
-moz-animation-duration: 4s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob3;
-ms-animation-duration: 4s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob3;
-o-animation-duration: 4s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate4 {
animation-name: float-bob4;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob4;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob4;
-ms-animation-duration: 5s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob4;
-o-animation-duration: 5s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate5 {
animation-name: float-bob5;
animation-duration: 6s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob5;
-moz-animation-duration: 6s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob5;
-ms-animation-duration: 6s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob5;
-o-animation-duration: 6s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
@-webkit-keyframes float-bob {
0% {
-webkit-transform: translateY(-35px);
transform: translateY(-35px); }
50% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px); }
100% {
-webkit-transform: translateY(-35px);
transform: translateY(-35px); } }
@-webkit-keyframes float-bob2 {
0% {
-webkit-transform: translateY(-60px);
transform: translateY(-60px); }
50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
100% {
-webkit-transform: translateY(-60px);
transform: translateY(-60px); } }
@-webkit-keyframes float-bob3 {
0% {
-webkit-transform: translateY(-40px);
transform: translateY(-40px); }
50% {
-webkit-transform: translateY(-25px);
transform: translateY(-25px); }
100% {
-webkit-transform: translateY(-40px);
transform: translateY(-40px); } }
@-webkit-keyframes float-bob4 {
0% {
-webkit-transform: translateY(-70px);
transform: translateY(-70px); }
50% {
-webkit-transform: translateY(-35px);
transform: translateY(-35px); }
100% {
-webkit-transform: translateY(-70px);
transform: translateY(-70px); } }
@-webkit-keyframes float-bob5 {
0% {
-webkit-transform: translateY(-75px);
transform: translateY(-75px); }
50% {
-webkit-transform: translateY(-35px);
transform: translateY(-35px); }
100% {
-webkit-transform: translateY(-75px);
transform: translateY(-75px); } }
@-webkit-keyframes movebounce {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

/*left bounce animation*/

@keyframes moveLeftBounce {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
} 

@keyframes moveleft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(60px);
            transform: translateX(60px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
} 

/*rotateme*/
.rotateme {
  animation-name: rotateme;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes rotateme{
  0%{ 
    transform:rotate(0deg);
   }
  25%{ 
    transform:rotate(90deg);
   }
  50%{ 
    transform:rotate(180deg);
   }
  100%{
     transform:rotate(360deg);
  }
}
/* ======================Animation section end========================== */

/*--==============================================->
  <!--Start animation dance-->
 ==================================================-*/
/**/
.dance {
  -webkit-animation: dance 2s alternate infinite;
}
@keyframes dance {
  0% {
    -webkit-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1.2);
  }
}
.dance2 {
  -webkit-animation: dance2 4s alternate infinite;
}
@keyframes dance2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(25px, -25px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -25px, 25px);
  }
}
.dance3 {
  -webkit-animation: dance3 9s alternate infinite;
}
@keyframes dance3 {
  0% {
    -webkit-transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
  }
}


/*--==============================================->
  <!--Start Inner Page Home-->
 ==================================================-*/

 /*breadcumb area*/
.breadcumb-area {
    background: #6A6E49;
    height: 450px;
    position: relative;
    z-index: 1;
}
/*breadcumb title*/
.breadcumb-content h1 {
    font-size: 70px;
    color: #fff;
    font-weight: 400;
    margin-top: 0;
}
.breadcumb-content p {
    font-size: 20px;
    font-family: 'Playfair Display';
    color: #fff;
    padding: 18px 0 0;
}

/*breadcumb shape thumb*/
.breadcumb-thumb {
    position: absolute;
    left: 0;
    bottom: 0;
}
.breadcumb-thumb2 {
    position: absolute;
    left: 722px;
    top: 4px;
}
.breadcumb-thumb3 {
    position: absolute;
    right: 0;
    bottom: 0;
}

/*contact section*/
.contact-section {
    padding: 100px 0 40px;
}

.dreamit-conatact-single-box {
    text-align: center;
    margin-bottom: 30px;
}
/*contact icon*/
.contact-icon {
    border: 18px solid transparent;
    display: inline-block;
    border-radius: 100px;
    transition: .5s;
}
.contact-icon i {
    font-size: 42px;
    width: 105px;
    height: 105px;
    line-height: 105px;
    text-align: center;
    border-radius: 100px;
    filter: drop-shadow(0 0 21.5px rgba(146,146,146,0.32));
    background-color: #ffffff;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: .5s;
}
.contact-icon i:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #6A6E49;
    border-radius: 100px;
    z-index: -1;
    transform: scale(0);
    transition: .5s;
}
/*contact title*/
.contact-title h5 {
    font-size: 24px;
    font-weight: 400;
    font-style: italic;
    padding: 10px 0 0;
}

/*contact all hover*/

.contact-icon:hover i:after {
    transform: scale(1);
}
.contact-icon:hover i {
    color: #fff;
}
.contact-icon:hover {
	border: 18px solid #F0F1EC;
}

/*--==============================================->
  <!--Start Contact Us Css-->
 ==================================================-*/
/*contact us*/
.contact-us {
    padding: 100px 0 100px;
}
/*contct us form*/
.form_box input {
    width: 100%;
    height: 56px;
    padding-left: 25px;
    background: #f7f7f7;
    border-radius: 3px;
    color: #232323;
    border: 1px solid #6a6e49;
    transition: .5s;
}
.form_box textarea {
    width: 100%;
    background: #f7f7f7;
    padding-left: 25px;
    padding-top: 20px;
    height: 228px;
    border: 1px solid #6a6e49;
    border-radius: 3px;
    color: #232323;
    transition: .5s;
}
.form_box input::placeholder {
    color: #6a6e49;
}

/*form button*/
.quote_form button {
    padding: 14px 35px;
    background: #6a6e49;
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    transition: .5s;
}
.quote_form button:hover {
	border: 1px solid #6a6e49;
	background: transparent;
	color: #6a6e49;
}

/*brand section*/
.brand-section {
    background: #F7F7F7;
    padding: 100px 0 100px;
}

/*--==============================================->
  <!--Start Shop & details section Css-->
 ==================================================-*/
.shop-detials.style-two {
    padding: 120px 0 90px;
}


/*shop detials box*/

.shop-details-single-box {
    margin-bottom: 35px;
    overflow: hidden;
}
.shop-thumbs {
    float: left;
    margin-right: 30px;
    position: relative;
    z-index: 1;
}
.shop-thumbs:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(0 100%, 100% 0%, 100% 100%);
    transform: scale(0);
    transform-origin: bottom right;
    background-image: linear-gradient(95deg, #696d49 100%, rgba(105,109,73,0) 100%);
    pointer-events: none;
    transition: all 500ms linear;
    border-radius: 5px;
    opacity: .5;
}
.shop-thumbs:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    clip-path: polygon(0 0, 100% 0%, 0% 100%);
    transform: scale(0);
    transform-origin: top left;
    background-image: linear-gradient(95deg, #696d49 100%, rgba(105,109,73,0) 100%);
    pointer-events: none;
    transition: all 500ms linear;
    border-radius: 5px;
    opacity: .5;
}
.shop-thumbs:hover:before {
    transform: scale(1);
}
.shop-thumbs:hover:after {
    transform: scale(1);
}
/*shop contact*/
.shop-content1 {
    text-align: left;
}
.shop-title h6 {
    color: #696D49;
    font-size: 20px;
    font-weight: 400;
}
.shop-details-single-box .shop-title h6 span {
    color: #000;
    text-decoration: line-through;
    margin-left: 10px;
    transition: .5s;
    display: inline-block;
}
.shop-description p {
    padding: 15px 0 15px;
}
.shop-details-single-box .shop-social-list {
    display: inline-block;
    transition: .5s;
}
.shop-social-list ul li {
    display: inline-block;
    list-style: none;
}
.shop-social-list ul li a {
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 50px;
    text-align: center;
    border-radius: 3px;
    background-color: #fff;
    color: #696D49;
    border: 1px solid #696D49;
    display: inline-block;
    margin-right: 10px;
    transition: .5s;
    position: relative;
    z-index: 1;
}
.shop-social-list ul li a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #6a6e49;
    transform: scale(0);
    transition: .5s;
}
.shop-social-list ul li a:hover:before {
    transform: scale(1);
}
.shop-social-list ul li:hover a {
    color: #fff;
}

/*populat search*/
.popular-search {
    display: inline-block;
    padding: 5px 0 41px;
}
.popular input {
    padding: 11px 15px;
}
.popular_menu {
    display: inline-block;
}
.popular_menu select {
    padding: 15px 13px;
    width: 85%;
    display: inline-block;
    position: relative;
    top: -6px;
    color: #6A6E49;
}


/*tab 
<!-- ============================================= -->*/

.tab {
    position: relative;
    overflow: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    text-align: right;
    padding: 5px 0 0;
}
.active {
    z-index: 1;
    display: block;
    visibility: visible;
}
ul.tabs {
    display: inline-block;
    padding-bottom: 35px;
}
.tabs li {
    list-style: none;
    display: inline-block;
}
.tabs li a {
    font-size: 35px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    background-color: #6a6e49;
    border: 1px solid #777777;
    display: inline-block;
    margin-left: 10px;
}

/*tabs item*/
.tabs_item {
    display: none;
    padding: 30px 0;
    position: relative;
}
.tabs_item:first-child {
    display: block;
}
li.current a {
    color: #fff !important;
    background: #000;
}
ul.tabs-inner-list {
    margin-top: 15px;
}
ul.tabs-inner-list li {
    display: inline-block;
    margin: 3px 0;
}
ul.tabs-inner-list li i {
    display: inline-block;
    margin-right: 12px;
    color: #FF3C00;
    font-size: 15px;
}

/*Tab Style two*/
.style-three.tab .tabs li a {
    padding: 10px;
    background-color: inherit;
    border: 1px solid transparent;
    display: inline-block;
    margin-left: 0px;
    width: inherit;
    height: inherit;
}
.style-three.tab .tabs_item {
    padding: 0px 0 30px;
}
.tabs_item img {
    width: 100%;
}
.style-three.tab .tabs li.current a {
    border: 1px solid #6a6e49;
}


/*apointment*/
.appoinment-tab .tab {
    text-align: left;
    padding: 70px 0 0;
}
.appoinment-tab .tabs li {
    margin-right: 12px;
}
.appoinment-tab .tabs li a {
    font-size: 18px;
    outline: none;
    padding: 2px 15px;
    border: 2px solid;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-left: 0;
    border-radius: 5px;
}


/*tabs items table*/
table.tab-items-table {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}
table.tab-items-table tr {
    background: #fff;
    height: 66px;
    border-radius: 4px;
    width: 100%;
    display: inline-block;
    padding: 20px 0 0 30px;
}
tr.tabs-bg {
    background: #F5F5F5 !important;
}
table.tab-items-table tr td {
    padding-right: 100px;
}
table.tab-items-table td.table-title {
    font-size: 16px;
    color: #0D0E14;
    font-weight: 500;
}
table.tab-items-table td.table-text {
    color: #0D0E14;
}
 table.tab-items-table td.table-text i {
    color: #6a6e49 !important;
    margin-left: 10px !important;
}
/*product detials post comment box*/
.blog-details-comments-box {
    padding: 30px 0 20px;
}
.post-comment {
    border: 1px solid #e5e5e5;
    padding: 30px 30px 25px;
    margin-top: 30px;
}

.post-comment2 {
    border: 1px solid #e5e5e5;
    padding: 30px 30px 25px;
}

.blog-content-2 {
    overflow: hidden;
}

.post-comment-thumb {
    float: left;
    margin-right: 20px;
}

.post-comment-thumb img {
    width: auto;
}

/*comment icon list*/
.comment-icon-list ul li {
    list-style: none;
    display: inline-block;
    color: #6a6e49;
    letter-spacing: .4em;
    font-size: 15px;
}
/*post title*/
.post-title h4 {
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 0;
    padding: 2px 0 9px;
}
.post-title span {
    padding-left: 31px;
    font-size: 15px;
    color: #616161;
    font-weight: 400;
    position: relative;
}
.post-title span:before {
    position: absolute;
    content: "";
    left: 6px;
    top: 9px;
    height: 1px;
    width: 15px;
    background: #0D0E14;
}
/*right reply*/
span.rights-reply {
    float: right;
    font-weight: 500;
    color: #0D0E14;
    position: relative;
    top: -108px;
    cursor: pointer;
    left: 0;
}

.appoinment-tab span.rights-reply {
    left: -316px;
}
.posts-reply span i {
    display: inline-block;
    margin-right: 5px;
}
/*sidebar title*/
.product-details-respond {
    padding: 35px 0 0;
}

.product-details-respond .widget-comments-title h2 {
    font-size: 20px;
    padding: 20px 0 40px;
}

.sidebar-title h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
/*sidebar desc*/
.sidebar-description p {
    font-size: 15px;
    margin: 10px 0 27px;
}

/*sidebar rating list*/
p.sidebar-text {
    color: #0D0E14;
    display: inline-block;
}
.sidebar-rating-list ul {
    display: inline-block;
    padding-left: 30px;
}
.sidebar-rating-list ul li {
    list-style: none;
    display: inline-block;
    color: #6a6e49;
    letter-spacing: .4em;
    font-size: 15px;
}
/*from box*/
p.form_text {
    color: #000;
    margin-bottom: 10px;
    padding: 10px 0 0;
}

.form-box input {
    height: 56px;
    background-color: #F7F7FB;
    border: 0;
    transition: .5s;
    padding: 0px 25px;
    display: block;
    width: 100%;
    color: #0D0E14;
    margin-bottom: 30px;
    border-radius: 4px;
}

.from-box input::placeholder {
    color: #000;
    opacity: .6;
}

.form-box textarea {
    height: 170px;
    background-color: #fff;
    border: 1px solid #6A6E49;
    transition: .5s;
    padding: 15px 25px;
    display: block;
    width: 100%;
    border-radius: 4px;
}

.from-box textarea::placeholder {
    color: #0D0E14;
    opacity: .6;
}

.product-item-title h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    padding: 20px 0 40px;
}

/*contact form button*/
.contact-form button {
    padding: 11px 53px;
    color: #fff;
    display: inline-block;
    margin-top: 40px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    border: 2px solid transparent;
    background: #6a6e49;
    transition: 0.5s;
    font-weight: 500;
}
.contact-form button i {
    padding-left: 6px;
    position: relative;
    top: 2px;
}
.contact-form button:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: -1;
    transition: 0.5s;
    transform: scale(0.0, 1);
    opacity: 0;
}

.contact-form button:hover:before {
    transform: scale(1);
    opacity: 1;
}

.contact-form button:hover {
    color: #6a6e49;
}

/*--==============================================->
  <!--Start Shop-2 sidebar section Css-->
 ==================================================-*/

.sidebar-range-title h4 {
    font-size: 22px;
    padding: 0 0 15px;
    border-bottom: 1px solid #e9e9e9;
    font-weight: 400;
    font-style: italic;
}

 /* price-range  */

 h3.widget-title {
    font-size: 22px;
    padding: 0 0 15px;
    border-bottom: 1px solid #e9e9e9;
    font-weight: 400;
    font-style: italic;
}

.wrapper {
    padding: 60px 0 10px;
}

.slider-wrapper {
    display: inline-block;
    width: 307px;
    border-radius: 2px;
    background-color: #e9e9e9;
    position: relative;
}

.ui-slider {
    background: #e9e9e9;
    height: 4px;
    position: relative;
    border-radius: 2px;
}

.ui-slider-range {
    background: #6a6e49;
    height: 4px;
    position: absolute;
}

.ui-slider-handle {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    display: block;
    transform: translate(-50%, -50%);
    border-radius: 100px;
    z-index: 10;
    background: linear-gradient(#6a6e49, #6a6e49);
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    box-shadow: inset -2px -2px 6px 2px rgba(0, 0, 0, 0.1);
    transition: width 0.1s;
}
.ui-slider-handle:focus {
  outline: none;
}
.ui-slider-handle:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.ui-state-active {
  width: 22px;
}

.range-wrapper {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}

.range {
    background: #fff;
    white-space: nowrap;
    border: 1px solid #606442;
    border-radius: 2px;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #555;
    width: 150px;
    z-index: 10;
    position: relative;
}

.range-value {
    width: 74px;
    padding: 4px 0;
    text-align: center;
    display: inline-block;
    transition: background 0.1s;
    font-size: 15px;
    font-weight: 500;
}

.range-divider {
  width: 1px;
  display: inline-block;
}
.range-divider:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #606442;
  content: "";
}

.range-alert {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: #fff;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border: 1px solid #d2d2d2;
  color: #0E0E0E;
  line-height: 15px;
  transition: right 0.2s;
}
.range-alert.active {
  right: -15px;
}

.gear-wrapper {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  backface-visibility: hidden;
  width: 150px;
  height: 20px;
  overflow: hidden;
}

.gear-large {
  width: 40px;
  height: 40px;
  background: #d2d2d2;
  border-radius: 100px;
  position: absolute;
  top: 18px;
  left: 18px;
  transform-origin: 50% 50%;
  transition: top 0.15s;
}
.gear-large:after {
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #e8e8e8;
  border-radius: 100px;
}
.gear-large:nth-child(2) {
  background: #d2d2d2;
  left: auto;
  right: 18px;
}
.gear-large:nth-child(2) .gear-tooth {
  background: #d2d2d2;
}
.gear-large.active {
  top: 4px;
}

.gear-tooth {
  width: 22%;
  height: 114%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 0 0;
  background: #d2d2d2;
  border-radius: 2px;
}
.gear-tooth:nth-child(2) {
  transform: rotate(90deg) translate(-50%, -50%);
}
.gear-tooth:nth-child(3) {
  transform: rotate(45deg) translate(-50%, -50%);
}
.gear-tooth:nth-child(4) {
  transform: rotate(-45deg) translate(-50%, -50%);
}






/*sudebar menu*/
.sidebar-menu {
    padding: 25px 0 2px;
}
.sidebar-menu ul li {
    display: block;
    list-style: none;
    padding: 0 0 15px;
    color: #6A6E49;
}

/*sidebar color menu */
.sidebar-color-menu {
    padding: 29px 0 20px;
}
.sidebar-color-menu ul li {
    display: inline-block;
    list-style: none;
    margin-right: 6px;
}
.sidebar-color-menu ul li a {
    display: inline-block;
    list-style: none;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #e55472;
}
.sidebar-color-menu ul li:nth-child(2) a {
    background-color: #9BC45C;
}
.sidebar-color-menu ul li:nth-child(3) a {
    background-color: #6D5CC4;
}
.sidebar-color-menu ul li:nth-child(4) a {
    background-color: #FE0000;
}
.sidebar-color-menu ul li:nth-child(5) a {
    background-color: #6A6E49;
}

/*sidebar size menu */
.sidebar-size-menu {
    padding: 29px 0 16px;
}
.sidebar-size-menu ul li {
    display: inline-block;
    list-style: none;
    margin-right: 6px;
    color: #6A6E49;
}

/*sidebar tag menu */
.sidebar-tag-menu {
    padding: 23px 0 6px;
}
.sidebar-tag-menu ul li {
    display: inline-block;
    list-style: none;
    margin-right: 6px;
    color: #6A6E49;
    padding: 0 0 12px;
}

/*pagination menu*/
.pagination-menu ul {
    display: inline-block;
}
.pagination-menu ul li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
}
.pagination-menu ul li a {
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    border-radius: 20px;
    display: inline-block;
    border: 1px solid #696D49;
    color: #696D49;
    font-size: 20px;
    position: relative;
    z-index: 1;
    transition: .5s;
}
.pagination-menu ul li a:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #696D49;
    border-radius: 40px;
    transform: scale(0);
    transition: .5s;
    z-index: -1;
}
.pagination-menu ul li a:hover:before {
    transform: scale(1);
    color: #fff;
}
.pagination-menu ul li a:hover {
    color: #fff;
}

.pagination-menu ul li:nth-child(4) a {
    background-color: #6D5CC4;
}

/*----------------
==============   Start Flower Shop Details
------------------*/

.category-title h2 {
    font-size: 35px;
    font-weight: 600;
    line-height: 26px;
    padding: 0px 0 23px;
}
.category-icon-list ul li {
    list-style: none;
    display: inline-block;
    color: #6A6E49;
    letter-spacing: .4em;
    font-size: 15px;
}
li.category-text {
    letter-spacing: 0 !important;
    font-size: 16px !important;
    color: #67686C!important;
    padding-left: 6px;
}
/*price*/
.category-price h1 {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: #696D49;
    font-family: 'Montserrat', sans-serif;
}
.category-price span {
    color: #A1A1A1;
    padding-left: 7px;
    text-decoration: line-through;
}
/*categories desc*/
.category-description p {
    padding: 19px 0 2px;
}

.category-color p {
    color: #0D0E14;
    line-height: 26px;
    font-weight: 500;
}
.category-color span {
    color: #67686C;
    padding-left: 20px;
    position: relative;
}
.category-color span:before {
    position: absolute;
    content: ":";
    left: 4px;
    top: -3px;
}
/* --- Quantity button--- */
.category-count-button {
    display: inline-flex;
    padding: 8px 0 30px;
}
.quantity-with_btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    vertical-align: middle;
}
.quantity .cart-plus-minus {
    position: relative;
    width: 170px;
    text-align: left;
    height: 56px;
    overflow: hidden;
    border-radius: 5px;
}
.quantity .cart-plus-minus > .ctnbutton {
    cursor: pointer;
    position: absolute;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    width: 38px;
    -webkit-box-align: center;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    -webkit-transition: .5s;
    background: #6A6E49;
}

.quantity .cart-plus-minus > .cart-plus-minus-box {
    border: 1px dashed #6A6E49;
    height: 56px;
    text-align: center;
    width: 170px;
    background: #ffffff;
    font-size: 16px;
    font-weight: 600;
}
.quantity .cart-plus-minus > .ctnbutton.dec {
    top: 50%;
    left: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: center;
    height: 100%;
    border-radius: 0 30px 30px 0;
}
.quantity .cart-plus-minus > .ctnbutton.inc {
    top: 50%;
    right: 0%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    border-radius: 30px 0 0 30px;
}

/*categories button*/
.category-button {
    display: inline-block;
    padding-left: 20px;
}
.category-button a {
    padding: 14px 25px;
    font-size: 17px;
    font-weight: 500;
    background: #6A6E49;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.category-button a:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: #000;
    border-radius: 4px;
    transition: .5s;
}
.category-button a:hover:before {
    left: 0;
    width: 100%;
}

/*table*/
table.category-table td.table-title {
    font-size: 16px;
    color: #0D0E14;
    font-weight: 500;
}
table.category-table tr td {
    padding-right: 25px;
    padding-bottom: 12px;
}
table.category-table td.table-title {
    font-size: 16px;
    color: #0D0E14;
    font-weight: 500;
}
table.category-table td.table-text {
    color: #67686C;
    position: relative;
    z-index: 1;
}
table.category-table td.table-text:before {
    position: absolute;
    content: ":";
    left: -15px;
    top: 0;
    font-size: 20px;
    color: #0D0E14;
}
/*shop details*/
.shop-social-icon-list ul li {
    display: inline-block;
    list-style: none;
    padding: 12px 3px 0;
}
.shop-social-icon-list ul li strong {
    color: #000;
    margin-right: 5px;
}
.shop-social-icon-list ul li a {
    color: #6A6E49;
    letter-spacing: 8px;
    transition: .5s;
}

/*----------------
==============   Start Flower shop Nav Sidebar button
------------------*/

/*nav button*/

.nav-btn.navSidebar-button {
    display: inline-block;
    float: left;
    padding: 10px 0 0;
}
.nav-btn.navSidebar-button a i {
    padding-right: 10px;
    font-size: 20px;
}
.xs-sidebar-group .xs-overlay {
    left: 100%;
    top: 0;
    position: fixed;
    z-index: 101;
    height: 100%;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in 0.8s;
    -o-transition: all 0.4s ease-in 0.8s;
    transition: all 0.4s ease-in 0.8s;
}
.xs-sidebar-group .widget-heading {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 0;
}
.xs-sidebar-widget {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 360px;
    z-index: 999999;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    visibility: hidden;
    opacity: 0;
}
.xs-sidebar-group.isActive .xs-overlay {
    opacity: 0.4;
    visibility: visible;
    -webkit-transition: all 0.8s ease-out 0s;
    -o-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s;
    left: 0;
}
.xs-sidebar-group.isActive .xs-sidebar-widget {
    opacity: 1;
    visibility: visible;
    left: 0;
    -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}
.sidebar-textwidget {
    padding: 40px 32px;
}
.close-side-widget i {
    color: #6A6E49;
    font-size: 28px;
    display: block;
}
.sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in 0.3s;
    -o-transition: all 0.3s ease-in 0.3s;
    transition: all 0.3s ease-in 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.xs-sidebar-group.isActive .sidebar-widget-container {
    top: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 1s ease-out 1.2s;
    -o-transition: all 1s ease-out 1.2s;
    transition: all 1s ease-out 1.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.xs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 0;
}
.xs-bg-black {
    background-color: #6A6E49;
}


/*html css*/
.nav-logo {
    padding: 0 0 40px;
}
.nav-btn.navSidebar-button a {
    color: #6A6E49;
}
.sidebar-info-contents .widget-search {
    padding: 0 0 20px;
}
.sidebar-info-contents .widget-title h3 {
    padding: 20px 0 16px;
    font-weight: 500;
}
.sidebar-info-contents h3.widget-title {
    font-size: 25px;
    padding: 15px 0 15px;
}
.widget form {
    position: relative;
}
.widget input {
    border-radius: 4px;
    padding-left: 20px;
    height: 56px;
    width: 100%;
    color: #fff;
    border: 1px solid #e9e9e9;
}
button.icon {
    border: 0;
    font-size: 18px;
    color: #fff;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    width: 60px;
    background: #6A6E49;
    border-radius: 0 4px 4px 0;
}
ul.list-style-one li {
    display: block;
    list-style: none;
    color: #fff;
    padding: 16px 0 0;
    overflow: hidden;
}
ul.list-style-one li span {
    font-size: 16px;
    font-weight: 600;
    color: #6A6E49;
    float: right;
    display: inline-block;
    padding: 0 5px;
}
ul.list-style-one li a {
    transition: .5s;
    color: #6A6E49;
}
ul.list-style-one li a i {
    background: red;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    margin-right: 5px;
}
a.white-bg i {
    background: #e9e9e9 !important;
}
a.yellow-bg i {
    background: #eeee22 !important;
}
a.green-bg i {
    background: #9BC45C !important;
}
/*social icon*/
ul.social-icon {
    padding: 35px 0 0;
}
ul.social-icon li {
    display: inline-block;
    list-style: none;
    margin: 0 10px 0 0;
}
ul.social-icon li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    color: #6A6E49;
    transition: .5s;
    font-size: 18px;
    border-radius: 3px;
}
ul.social-icon li a:hover {
    background: #6A6E49;
    color: #fff;
}

ul.list-style-one li a:hover span {
    background: #6A6E49;
    border-radius: 30px;
    color: #fff;
}

/* Cart Section
===================================*/
.cart-section {
    padding: 100px 0 100px;
}

.cart-empty p {
    padding: 18px 25px;
    margin: 0 0 3em;
    position: relative;
    background-color: #F6F7F9;
    border-bottom: 2px solid #6A6E49;
    display: inline-block;
    width: 100%;
    color: #666666;
}
.cart-empty p i {
    color: #6A6E49;
    padding-right: 10px;
}
/*shop button*/
.shop-button {
    display: inline-block;
    padding-right: 37px;
}
.shop-button a {
    padding: 12px 38px;
    font-weight: 500;
    color: #fff;
    background: #6A6E49;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #6A6E49;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.shop-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: #fff;
    border-radius: 4px;
    transition: .5s;
}
.shop-button a i {
    padding-left: 6px;
}
.shop-button a:hover {
   color: #6A6E49; 
}
.shop-button a:hover:before {
    width: 100%;
    left: 0;
}

/* Faq Section
==========================================*/
.faq-section {
    padding: 140px 0 140px;
    background: #F0EFEB;
}

/*accordion*/
.accordion li {
    list-style: none;
    padding: 0px 0px 15px;
    position: relative;
    z-index: 1;
}
.accordion li:before {
    position: absolute;
    content: "";
    z-index: -1;
    right: 20px;
    top: 15px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 26px 0px 26px 26px;
    background: #696D49;
}
.accordion li a {
    position: relative;
    width: 100%;
    display: block;
    cursor: pointer;
    font-size: 18px;
    color: #000 !important;
    font-weight: 600;
    padding: 12px 20px 17px;
    z-index: 1;
    border: 1px solid #696D49;
}
.accordion li p {
    display: none;
    font-size: 16px;
    padding: 15px 20px 15px;
    margin: 0;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(1.5px);
}
.accordion a:before {
    width: 2px;
    height: 12px;
    background: #fff;
    position: absolute;
    right: 33px;
    content: " ";
    top: 22px;
    transform: rotate(0deg);
    transition: all 0.2s ease-in-out;
}
.accordion a:after {
    width: 12px;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 28px;
    content: " ";
    top: 27px;
    transition: all 0.2s ease-in-out;
}
.accordion a.active:after {
  transform: rotate(0deg);
  -webkit-transition: all 0.2s ease-in-out;
  background: #fff;
}
.accordion a.active:before{
  display: none;
}
.accordion li a.active {
    color: #696D49 !important;
}

.accordion li a span{
    position: relative;
    z-index: 1;
}


/*
<!-- ============================================================== -->
<!-- Start scrollup section -->
<!-- ============================================================== -->*/
.scroll-area {
  position: relative;
  z-index: 999;
}
.scroll-area .go-top {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 30px;
  color: #ffffff;
  background-image: -moz-linear-gradient(0deg, #b59a6d 0%, #b59a6d 100%);
  background-image: -webkit-linear-gradient(0deg, #b59a6d 0%, #b59a6d 100%);
  z-index: 9999;
  width: 45px;
  text-align: center;
  height: 45px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.9s ease-out 0s;
  -moz-transition: all 0.9s ease-out 0s;
  border-radius: 10px;
}
.scroll-area .go-top i {
  position: absolute;
  top: 50%;
  left: -4px;
  right: 0;
  margin: 0 auto;
  font-size: 15px;
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
}
.scroll-area .go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}
.scroll-area .go-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: linear-gradient(to right, #191514 0%, #191514 100%);
  background-image: -ms-linear-gradient(0deg, #191514 0%, #191514 100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  border-radius: 100%;
}
.scroll-area .go-top:focus,
.scroll-area .go-top:hover {
  color: #fff;
}
.scroll-area .go-top:focus::before,
.scroll-area .go-top:hover::before {
  opacity: 1;
  visibility: visible;
}
.scroll-area .go-top:focus i:first-child,
.scroll-area .go-top:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}
.scroll-area .go-top:focus i:last-child,
.scroll-area .go-top:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
.scroll-area .go-top.active {
  top: 95%;
  -webkit-transform: translateY(-98%);
  -moz-transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
  border-radius: 0;
  right: 80px;
  border-radius: 100%;
}
.top-wrap {
  position: relative;
}
.top-wrap .go-top-button {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  top: 3px;
  z-index: 1;
  background: #6a6e49;
}
.top-wrap .go-top-button i {
  font-size: 20px;
  font-weight: 700;
  padding-left: 4px;
  color: #fff;
}
.top-wrap .go-top-button::after {
  z-index: -1;
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 45px;
  height: 45px;
  -webkit-animation: ripple 1.6s ease-out infinite;
  -moz-animation: ripple 1.6s ease-out infinite;
  opacity: 0;
  background-image: -moz-linear-gradient(0deg, #6a6e49 0%, #6a6e49 100%);
  background-image: -webkit-linear-gradient(0deg, #6a6e49 0%, #6a6e49 100%);
  border-radius: 100%;
}
.top-wrap .go-top-button:hover {
  background-color: #ff3c00;
  color: #fff;
}
@keyframes ripple {
  0%,
  35% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
  }
}