/*-----------------------------------------------------------------------------------

    Template Name: Shopro - eCommerce HTML5 Template
    Template URI: https://devitems.com/html/ecommerce-preview/
    Description: This is html5 template
    Author: HasTech
    Author URI: https://devitems.com/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Default CSS
    2. Header CSS
    3. Slider CSS
    4. Banner CSS
    5. Facilitie CSS
    6. Feature CSS
    7. Offer CSS
    8. Best CSS
    9. Testimonial CSS
    10. Blog CSS
    11. Category CSS
    12. Client CSS
    13. Footer CSS
    14. Arrival CSS
    15. Shop CSS
    16. Colleciton CSS
    17. Women CSS
    18. Login CSS
    19. Product Details CSS
    20. Blog Details CSS
    21. Account CSS
    22. Cart CSS
    23. Checkout CSS
    24. Wishlist CSS
    25. Newsletter CSS
    26. Deal CSS
    27. Contact CSS
    28. Scrollup CSS

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1. Default CSS
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Muli:300,400,500,600,700,800');
body {
    color: #666666;
    font-family: "Muli",sans-serif;
    font-size: 13px;
    line-height: 1;
}
.clear{clear:both}
.fix {overflow: hidden}
.block {display: block}
img{
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
	height:auto;
}
h1, h2, h3, h4, h5, h6 {font-weight: 700; margin: 0; padding: 0; color:#B3D91C;}
a{
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a:focus{
    text-decoration: none;
}
a:focus,
a:hover {
    color: #B3D91C;
    text-decoration: none;
}
a:active, a:hover {
    outline: 0 none;
}
a,
button,
input {
    outline: medium none;
    color: #B3D91C;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
button{border: 0}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: inherit}
label {
    font-size: 15px;
    font-weight: 400;
    color: #606060;
}
*::-moz-selection {
    background: #b3d4fc;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    color: #fff;
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
    color: #fff;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.mark, mark {
    background: #4fc1f0 none repeat scroll 0 0;
    color: #ffffff;
}	font-weight: 600;
}
.f-left {float: left}
.f-right {float: right}
p {
    color: #fff;
}
ul{
	list-style: outside none none;
	margin: 0;
	padding: 0
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #666;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #666;
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
:-ms-input-placeholder { /* IE 10+ */
    color: #666;
}
:-moz-placeholder { /* Firefox 18- */
    color: #666;
}
.search-box ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #c2c2c2;
}
.search-box ::-moz-placeholder { /* Firefox 19+ */
    color: #c2c2c2;
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.search-box :-ms-input-placeholder { /* IE 10+ */
    color: #c2c2c2;
}
.search-box :-moz-placeholder { /* Firefox 18- */
    color: #c2c2c2;
}
.bg-light{background: #F5F5F5}
.bg-black{background: #676461}
.bg-three{background: linear-gradient(to right,#fff 0,#EFEEEE 66%)}
.default-btn {
    color: #fff;
    background: #B3D91C;
    border-radius: 28px;
    display: inline-block;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    padding: 14px 40px 15px;
    position: relative;
    text-transform: uppercase;
    z-index: 9;
}
.default-btn:hover {color: #E1F0C6; background: #fff}
.banner-btn span {
    transition: all 0.3s ease 0s;
}
input,
select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.section-title{margin-bottom: 55px}
.section-title h5{
    font-size: 12px;
    color: #636363;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Muli', sans-serif;
    letter-spacing: 2px;
    margin-bottom: 8px;
}
.section-title h2{
    font-size: 38px;
    color: #363636;
    text-transform: none;
    font-weight: 400;
    font-family: 'Muli', sans-serif;
    letter-spacing: 2px;
    margin-bottom: 10px;
}
.section-title p{
    font-size: 12px;
    color: #898989;
    font-weight: 300;
    font-family: 'Muli', sans-serif;
    padding: 12px 90px 0px;
    margin-bottom: 0;
    line-height: 22px;
}
/*************************
     Basic margin padding
*************************/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*************************
        Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-23 { margin-top: 23px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-45 { margin-top: 45px }
.mt-50 { margin-top: 50px }
.mt-52 { margin-top: 52px }
.mt-55 { margin-top: 55px }
.mt-58 { margin-top: 58px }
.mt-60 { margin-top: 60px }
.mt-65 { margin-top: 65px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-85 { margin-top: 85px }
.mt-90 { margin-top: 90px }
.mt-95 { margin-top: 95px }
.mt-96 { margin-top: 96px }
.mt-100 { margin-top: 100px }
.mt-105 { margin-top: 105px }
.mt-110 { margin-top: 110px }
.mt-115 { margin-top: 115px }
.mt-120 { margin-top: 120px }
.mt-125 { margin-top: 125px }
.mt-130 { margin-top: 130px }
.mt-135 { margin-top: 135px }
.mt-140 { margin-top: 140px }
.mt-145 { margin-top: 145px }
.mt-150 { margin-top: 150px }
.mt-157 { margin-top: 157px }
.mt-195 { margin-top: 195px }
/*************************
      Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-2 { margin-right: 2px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-66 { margin-right: 66px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
    Margin bottom
*************************/
.mb-0 { margin-bottom: 0px }
.mb-2 { margin-bottom: 2px }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-22 { margin-bottom: 22px }
.mb-23 { margin-bottom: 23px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-32 { margin-bottom: 32px }
.mb-33 { margin-bottom: 33px }
.mb-35 { margin-bottom: 35px }
.mb-36 { margin-bottom: 36px }
.mb-38 { margin-bottom: 38px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-47 { margin-bottom: 47px }
.mb-48 { margin-bottom: 48px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-58 { margin-bottom: 58px }
.mb-60 { margin-bottom: 60px }
.mb-65 { margin-bottom: 65px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-95 { margin-bottom: 95px }
.mb-96 { margin-bottom: 96px }
.mb-100 { margin-bottom: 100px }
.mb-105 { margin-bottom: 105px }
.mb-110 { margin-bottom: 110px }
.mb-115 { margin-bottom: 115px }
.mb-120 { margin-bottom: 120px }
.mb-125 { margin-bottom: 125px }
.mb-128 { margin-bottom: 128px }
.mb-130 { margin-bottom: 130px }
.mb-135 { margin-bottom: 135px }
.mb-140 { margin-bottom: 140px }
.mb-145 { margin-bottom: 145px }
.mb-150 { margin-bottom: 150px }
.mb-220 { margin-bottom: 220px }
.mb-350 { margin-bottom: 350px }
/*************************
    Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-85 { margin-left: 85px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
    Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-12 { padding-top: 12px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-23 { padding-top: 23px }
.pt-25 { padding-top: 25px }
.pt-28 { padding-top: 28px }
.pt-30 { padding-top: 30px }
.pt-35 { padding-top: 35px }
.pt-37 { padding-top: 37px }
.pt-38 { padding-top: 38px }
.pt-40 { padding-top: 40px }
.pt-45 { padding-top: 45px }
.pt-47 { padding-top: 47px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-56 { padding-top: 56px }
.pt-58 { padding-top: 58px }
.pt-60 { padding-top: 60px }
.pt-65 { padding-top: 65px }
.pt-66 { padding-top: 66px }
.pt-70 { padding-top: 70px }
.pt-72 { padding-top: 72px }
.pt-75 { padding-top: 75px }
.pt-77 { padding-top: 77px }
.pt-80 { padding-top: 80px }
.pt-85 { padding-top: 85px }
.pt-88 { padding-top: 88px }
.pt-90 { padding-top: 90px }
.pt-92 { padding-top: 92px }
.pt-93 { padding-top: 93px }
.pt-95 { padding-top: 95px }
.pt-96 { padding-top: 96px }
.pt-98 { padding-top: 98px }
.pt-100 { padding-top: 100px }
.pt-104 { padding-top: 104px }
.pt-105 { padding-top: 105px }
.pt-110 { padding-top: 110px }
.pt-112 { padding-top: 112px }
.pt-113 { padding-top: 113px }
.pt-115 { padding-top: 115px }
.pt-117 { padding-top: 117px }
.pt-120 { padding-top: 120px }
.pt-122 { padding-top: 122px }
.pt-123 { padding-top: 123px }
.pt-124 { padding-top: 124px }
.pt-125 { padding-top: 125px }
.pt-127 { padding-top: 127px }
.pt-130 { padding-top: 130px }
.pt-135 { padding-top: 135px }
.pt-140 { padding-top: 140px }
.pt-145 { padding-top: 145px }
.pt-150 { padding-top: 150px }
.pt-152 { padding-top: 152px }
.pt-155 { padding-top: 155px }
.pt-157 { padding-top: 157px }
.pt-160 { padding-top: 160px }
.pt-195 { padding-top: 195px }
.pt-220 { padding-top: 220px }
/*************************
    Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-45 { padding-right: 45px }
.pr-50 { padding-right: 50px }
.pr-58 { padding-right: 58px }
.pr-60 { padding-right: 60px }
.pr-63 { padding-right: 63px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
    Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-12 { padding-bottom: 12px }
.pb-14 { padding-bottom: 14px }
.pb-15 { padding-bottom: 15px }
.pb-17 { padding-bottom: 17px }
.pb-18 { padding-bottom: 18px }
.pb-20 { padding-bottom: 20px }
.pb-23 { padding-bottom: 23px }
.pb-25 { padding-bottom: 25px }
.pb-27 { padding-bottom: 27px }
.pb-28 { padding-bottom: 28px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-38 { padding-bottom: 38px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-66 { padding-bottom: 66px }
.pb-70 { padding-bottom: 70px }
.pb-73 { padding-bottom: 73px }
.pb-75 { padding-bottom: 75px }
.pb-78 { padding-bottom: 78px }
.pb-80 { padding-bottom: 80px }
.pb-83 { padding-bottom: 83px }
.pb-85 { padding-bottom: 85px }
.pb-88 { padding-bottom: 88px }
.pb-90 { padding-bottom: 90px }
.pb-93 { padding-bottom: 93px }
.pb-95 { padding-bottom: 95px }
.pb-96 { padding-bottom: 96px }
.pb-100 { padding-bottom: 100px }
.pb-105 { padding-bottom: 105px }
.pb-108 { padding-bottom: 108px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-117 { padding-bottom: 117px }
.pb-118 { padding-bottom: 118px }
.pb-120 { padding-bottom: 120px }
.pb-125 { padding-bottom: 125px }
.pb-128 { padding-bottom: 128px }
.pb-130 { padding-bottom: 130px }
.pb-135 { padding-bottom: 135px }
.pb-140 { padding-bottom: 140px }
.pb-145 { padding-bottom: 145px }
.pb-150 { padding-bottom: 150px }
.pb-155 { padding-bottom: 155px }
.pb-160 { padding-bottom: 160px }
.pb-185 { padding-bottom: 185px }
.pb-190 { padding-bottom: 190px }
.pb-195 { padding-bottom: 195px }
.pb-200 { padding-bottom: 200px }
.pb-220 { padding-bottom: 220px }
/*************************
    Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-45 { padding-left: 45px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }
/***************************
    Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-18 { padding: 18px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
/***************************
    Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }
/*----------------------------------------*/
/*  2. Header CSS
/*----------------------------------------*/
.top-left{display: flex}
.top-left p {
    color: #fff;
    font-family: "Muli",sans-serif;
    font-size: 13px;
    line-height: 42px;
    display: inline-block;
    margin: 0 2px 0 0;
}
.bg-three .top-left p, .bg-three .top-left span, .bg-three .account-usd > ul > li > a::before, .bg-three .account-usd ul li a {
    color: #666666;
}
.header-box{box-shadow:  0 5px 5px 0 rgba(0, 0, 0, 0.15)}
.top-left a, .top-left span{
    color: #B3D91C;
    display: inline-block;
    font-weight: bold;
    line-height: 42px;
    transition: all 4s ease-in-out 0s;
}
.three .top-left a{
    color: #B3D91C;
}
.bg-three .top-left a, .top-left span, .bg-three .account-usd > ul > li:hover > a, .bg-three .account-usd > ul > li:hover > a::before.five .top-left a, .five .top-left span{
    color: #B3D91C;
}
.five .top-left a, .five span, .five .account-usd > ul > li:hover > a, .five .account-usd > ul > li:hover > a::before{
    color: #B3D91C;
}
.top-left span{
    padding: 0 3.2px;
}
.top-left span{
    color: #fff;
    font-weight: normal;
}
.top-left a:hover {
    transform: rotateY(360deg);
}
.account-usd ul{
    margin: 0; 
    padding: 0;
    list-style: none;
    float: right;
}
.account-usd ul li{
    display: block;
    position: relative;
}
.account-usd > ul > li > a {
    color: #fff;
    display: block;
    font-size: 12px;
    padding-right: 22px;
    border-left: 1px solid #484848;
    transition: all 0.5s ease 0s;
}
.bg-three .account-usd > ul > li > a {border-left: 1px solid transparent}
.account-usd ul li a {
    font-weight: normal;
    line-height: 42px;
    padding: 0 8px 0 12px;
    position: relative;
    
    z-index: 10;
}
.top-link.bg-three{border-bottom:  2px solid #e2e1e2}
.account-usd ul li:last-child a {
    padding-right: 0;
}
.account-usd > ul > li.language > a::before {
    padding-right: 0px;
}
.account-usd > ul > li > a::before {
}
.account-usd ul li.currency a {
    display: inline-block;
    padding-left: 36px;
}
.account-usd ul li.currency a:before, .account-usd ul li.language a:before {
    content: "";
}
.account-usd > ul > li > a::after {
    content: "";
    display: block;
    float: right;
    font-family: FontAwesome;
    font-size: 12px;
    line-height: 42px;
    padding-left: 9px;
}
.account-usd > ul > li.currency > a::after {
    padding-left: 0px;
}
.account-usd ul li a:hover {
    color: #B3D91C;
    cursor: pointer;
}
.bg-three .account-usd ul li a:hover {
    color: #B3D91C;
}
.account-usd ul li ul.submenu-mainmenu {
    background: #676461 none repeat scroll 0 0;
    border: 0 none;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    left: 0;
    list-style: outside none none;
    margin: 0;
    min-width: 100%;
    padding: 0 12px;
    position: absolute;
    text-align: left;
    top: 100%;
    transition: all 0.4s ease-out 0s;
    z-index: 101;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0 0;
}
.bg-three .account-usd ul li ul.submenu-mainmenu {
    background: #f4f4f4 none repeat scroll 0 0;
}
.account-usd ul li.currency ul.submenu-mainmenu {
    padding: 0;
}
.account-usd > ul > li > ul > li > a {
    color: #ffffff;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 30px;
    padding: 0;
    text-decoration: none;
    z-index: 10;
}
.account-usd ul li:hover ul.submenu-mainmenu{
    opacity: 1;
    transform: scaleY(1);
    z-index: 9999;
}
.main-header {
    padding: 25px 0;
    position: relative;
    z-index: 100;
}
.main-header.three {
  padding: 21px 0;
}
.sticky.main-header.three {
    padding: 0px;
}
.three.sticky .logo {
    padding-top: 5px;
    padding-bottom: 0;
}
.three.sticky .logo a {
    display: inline-block;
}
.three .main-header.three {
    padding: 13px 0 0;
}
.three .main-menu > nav > ul > li > a {
  padding: 21.5px 21.5px;
}
.three .main-menu > nav > ul > li:first-child > a {
    padding-left: 0;
}
.three .main-menu > nav > ul {
    justify-content: left;
}
.search-box input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    color: #888888;
    font-size: 13px;
    height: 42px;
    line-height: 42px;
    margin: 8px 0 0;
    padding: 0 70px 0 15px;
    position: static;
    width: 100%;
}
.mean-container .mean-nav ul li a.mean-expand {
    height: 11px;
    line-height: 11px;
    width: 11px;
}
.search-box button.search {
    background: #B3D91C none repeat scroll 0 0;
    border-radius: 0;
    bottom: 0;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    opacity: 1;
    padding: 0;
    pointer-events: visible;
    position: absolute;
    right: 0px;
    top: 0;
    width: 60px;
    z-index: 1;
    color: #fff;
    font-size: 16px;
}
.header-phn-info {
    margin-top: 8px;
}
.search-box button.search:hover {
    background: #E1F0C6 none repeat scroll 0 0;
}
.search-box button::after {
    border-color: rgba(0, 0, 0, 0) #E1F0C6 #E1F0C6 rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 4px;
    content: "";
    left: -8px;
    padding: 0;
    position: absolute;
    top: 0;
}
.fixed {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 99;
}
.submenu {
    height: 100%;
    position: absolute;
    right: -200%;
    top: 70px;
    transition: right 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}
.header-area .sticky {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
}
.header-cart.main > a{
    min-height: 100px;
    min-width: 114px;
    float: right;
    position: absolute;
    right: 15px;
    top: -25px;
    background: #B3D91C none repeat scroll 0 0;
    position: absolute;
    text-align: center;
    -webkit-transition: all 0.0s ease 0s;
    -o-transition: all 0.0s ease 0s;
    transition: all 0.0s ease 0s;
}
.account-usd.text-left {
    margin-right: 12px;
}
.header-cart.main > i {
    color: #ffffff;
    padding: 15px 0 0;
    text-align: center;
}
.header-cart.main span {
    color: #ffffff;
    display: block;
    font-family: "Muli",sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    line-height: 36px;
    
    vertical-align: middle;
    width: auto;
    z-index: 99;
}
.sticky.three .header-cart.main span {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}
.sticky.three .header-cart.main span.counter {
    font-size: 14px;
    line-height: 20px;
    top: 4px;
    height: 20px;
    width: 20px;
    right: 25px;
}
.sticky.three .header-cart.main > i::before {
    font-size: 18px;
    line-height: 28px;
}
.sticky.three .header-cart.main > i {
    padding: 6px 0 0;
}
.sticky.three .header-cart.main > a {
    min-height: 63px;
    top: 0;
}
.header-cart.main span.counter {
    background: #676461 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    height: 25px;
    line-height: 24px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 10px;
    width: 25px;
}
ul.submenu-mainmenu li.single-cart-item .cart-info > a.trash{
    color: #606060;
    margin-top: 0;
}
.five .three a.trash i {
    color: #B3D91C;
}
.three a.trash i {
    color: #B3D91C;
}
.five .three .view-cart {
    background: #B3D91C none repeat scroll 0 0;
    line-height: 36px;
}
.three .view-cart {
    background: #B3D91C none repeat scroll 0 0;
    line-height: 36px;
}
.five .view-cart:hover, .three .view-cart:hover {
    color: #FFF;
    background: #000;
}
.header-cart.main span.sub-total-cart, .header-cart.main span.sub-total-cart span{color: #000}
.header-cart.main a > i {
    color: #ffffff;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 24px;
    margin-top: 18px;
}
.sticky .header-cart.main a > i {margin-top: 12px}
.header-cart.main a.trash i {
    color: #B3D91C;
    font-size: 16px;
    margin-top: 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.three .header-cart.main a.trash i {
    color: #B3D91C;
}
.five .header-cart.main a.trash i {
    color: #B3D91C;
}
.header-cart.main a.trash i:hover {
    color: #88857E;
}
.view-cart {
    background: #B3D91C none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Muli', sans-serif;
    margin-top:10px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.three .header-cart > a{
    background: #B3D91C none repeat scroll 0 0;
    top: -21px;
}
.five .header-cart > a{
    background: #B3D91C none repeat scroll 0 0;
}
.view-cart:hover {
    background: #252525;
    color: #fff;
}
.sub-total-cart {
    font-size: 14px;
    font-family: 'Muli', sans-serif;
}
.header-cart.main ul.submenu-mainmenu {
    background-color: #fff;
    border: 1px solid #adadad;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    font-family: 'Muli', sans-serif;
    font-weight: 500;
    left: 0;
    margin: 0;
    padding: 18px    ;
    position: absolute;
    text-align: left;
    top: 61px;
    transform: rotateX(90deg);
    transform-origin: center top 0;
    transition: all 0.6s ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: -99;
}
.header-cart.main ul.submenu-mainmenu {
    left: auto;
    right: 15px;
    text-align: center;
    width: 200px;
    top: 150%;
}
.three .header-cart.main ul.submenu-mainmenu {
    top: 135%;
}
.sticky.three .header-cart.main ul.submenu-mainmenu {
    top: 100%;
}
.header-cart.main ul li .cart-img {
    float: left;
    margin-right: 10px
}
.submenu-mainmenu .cart-info {
    overflow: hidden;
}
ul.submenu-mainmenu li.single-cart-item .cart-info > a {
    color: #606060;
    display: block;
    font-family: "Muli",sans-serif;
    font-size: 12px;
    line-height: 12px;
    margin-top: 8px;
}
ul.submenu-mainmenu li.single-cart-item .cart-info > a:hover {
    color: #B3D91C;
}
.three ul.submenu-mainmenu li.single-cart-item .cart-info > a:hover {
    color: #B3D91C;
}
.five ul.submenu-mainmenu li.single-cart-item .cart-info > a:hover {
    color: #B3D91C;
}
ul.submenu-mainmenu li.single-cart-item .cart-info > span {
    color: #303030;
    font-family: "Muli",sans-serif;
    font-size: 12px;
    line-height: 26px;
}
.account-cart .cart-info > a.trash {
    color: #fa5959;
    font-size: 20px;
    padding: 0;
}
.header-cart.main:hover ul.submenu-mainmenu {
    transform: rotateX(0deg);
    visibility: visible;
    z-index: 99999;
}
.header-phone .fa-volume-control-phone{
    color: #B3D91C;
    float: left;
    font-size: 24px;
    line-height: 30px;
    padding-right: 8px;
}
.header-phn-info p {
    color: #B3D91C;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}
.header-phn-info span {
    color: #676461;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}
.header-search i{
    color: #676461;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    height: 48px;
    line-height: 58px;
    width: 35px;
    margin-left: 14px;
}
.mainmenu-area {
    background: #F4F4F4;
}
.menu-wrapper,
.main-menu {
    overflow: visible;
}
.main-menu > nav > ul {
    display: flex;
    position: relative;
    justify-content: center;
}
.main-menu > nav > ul > li {position: relative}
.main-menu > nav > ul > li > a {
    color: #676461;
    font-family: "Muli",sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    padding: 15px 21.6px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.4s ease-out 0s;
}
.main-menu > nav > ul > li > a > i {
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 12px;
    margin-left: 2px;
    vertical-align: top;
    color: #676461;
    font-weight: 700;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.main-menu > nav > ul > li:hover > a > i{color: #B3D91C}
.three .main-menu > nav > ul > li:hover > a > i, .three .main-menu > nav > ul > li > ul li a:hover, .three .nav-menu > ul > li > ul > li > a:hover{color: #B3D91C}
.main-menu > nav > ul > li:first-child > a, .main-header.three.five .main-menu > nav > ul > li:first-child > a {
    font-size: 0;
    padding: 15px 0;
}
.main-menu > nav > ul > li:first-child > a::before {
    color: #B3D91C;
    content: "";
    display: inline-block;
    float: left;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 15px;
    padding-left: 21px;
    padding-right: 9px;
    text-align: center;
}
.main-header.three .main-menu > nav > ul > li:first-child > a::before {
    color: #B3D91C;
    line-height: 28px;
    padding-left: 0;
    padding-right: 12px;
}
.main-header.three.five .main-menu > nav > ul > li:first-child > a::before {
    padding-right: 8.5px;
}
.main-header.three .main-menu > nav > ul > li > ul > li:hover > a{
    color: #B3D91C;
}
.main-header .main-menu > nav > ul > li > ul {padding: 20px 30px 20px}
.main-header.three .main-menu > nav > ul > li > ul {
    left: 0;
    top: 79px;
}
.main-header.sticky .main-menu > nav > ul > li > ul {
    top: 58px;
}
.main-menu > nav > ul > li:hover > a, .main-menu > nav > ul > li.active > a {
    color: #B3D91C;
}
.main-header.three .main-menu > nav > ul > li:hover > a, .main-header.three .main-menu > nav > ul > li.active > a {
    color: #B3D91C;
}
.five .main-header .main-menu > nav > ul > li:first-child > a::before, .five .main-header .main-menu > nav > ul > li:hover > a, .five .main-header .main-menu > nav > ul > li.active > a, .five .account-usd ul li a:hover, .five .main-menu > nav > ul > li.megamenu:hover > a > i, .five .main-menu > nav > ul > li> ul > li a:hover{
    color: #B3D91C;
}
.main-menu > nav > ul > li:hover a:after, .main-menu > nav > ul > li.active a:after {display: none}
.main-menu > nav > ul > li:last-child a:after {display: none}
.main-menu > nav > ul > li > ul, .nav-menu > ul > li.megamenu > ul {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
    left: 0;
    opacity: 0;
    padding: 20px 30px 20px;
    position: absolute;
    text-align: left;
    top: 100%;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 210px;
    z-index: 999;
}
.main-menu > nav > ul > li > ul{
    left: 18px;
}
.main-menu > nav > ul > li:hover > ul, .nav-menu > ul > li.megamenu:hover > ul{
    transform: scaleY(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    visibility: visible;
    opacity: 1
}
.main-menu > nav > ul > li > ul li, .nav-menu > ul > li > ul li{
    display: block;
    padding: 0;
    position: relative
}
.main-menu > nav > ul > li > ul li:first-child{
    color: #676461;
    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 15px;
}
.nav-menu > ul > li > ul li:first-child {
    color: #444444;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;
    overflow-wrap: break-word;
    transition: all 0.4s ease-out 0s;
}
.main-menu > nav > ul > li.megamenu > ul li:last-child {
    margin: 0;
}
.main-menu > nav > ul > li > ul > li:first-child {
    border: 0 none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.main-menu > nav > ul > li > ul > li a {
    font-size: 13px;
    font-weight: normal;
    line-height: 35px;
    
    color: #676461;   
}
.main-menu > nav > ul > li > ul li a:hover, .nav-menu > ul > li > ul > li > a:hover {
    color: #B3D91C;
}
/* Sous-menus en cascade (ex: Objets > Gourdes, Mugs...) */
.main-menu > nav > ul > li > ul > li > ul {
    background: #fff;
    box-shadow: 1px 2px 10px rgba(0,0,0,0.15);
    display: block;
    left: 100%;
    margin-left: 2px;
    min-width: 210px;
    padding: 15px 20px;
    position: absolute;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-8px);
    transform-origin: left center;
    transition: visibility 0.15s, opacity 0.15s, transform 0.15s;
    white-space: nowrap;
    z-index: 1100;
}
.main-menu > nav > ul > li > ul > li {
    overflow: visible;
}
.main-menu > nav > ul > li > ul {
    overflow: visible;
}
.main-menu > nav > ul > li > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
}
.main-menu > nav > ul > li > ul > li > a > i.fa-angle-right {
    float: right;
    margin-top: 2px;
}
/* Éviter que les parents masquent la cascade */
.main-header,
.main-header .container,
.main-header,
.main-header .container,
.main-header,
.header-area,
.main-header,
.header-area,
.menu-wrapper,
.main-menu,
.main-menu > nav,
.main-menu > nav > ul {
    overflow: visible;
}
.main-menu > nav > ul > li.megamenu {
    position: inherit;
}
.five .main-menu > nav > ul > li.megamenu > a > i {
    color: #676461;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 12px;
    margin-left: 2px;
    margin-top: 1px;
    vertical-align: top;
}
.header-search{
    display: inline-block;
    margin: auto;
    position: relative;
    width: 100%;
}
#search-box-form {
    font-size: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 132px;
    top: 43px;
    width: 300px;
    opacity: 0;
    z-index: 9;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#search-box-form input{
    border: 1px dotted #e5e5e5;
    height: 35px;
    background: #f8f8f8 none repeat scroll 0 0;
    color: #81878f;
    font-size: 12px;
    font-weight: 300;
    left: 0;
    line-height: 22px;
    margin: 0;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    padding: 0 10px;
} 
.header-search:hover #search-box-form{
    opacity: 1;
}
.header-search:hover i{
    color: #B3D91C;
}
#search-box-form input::-moz-placeholder {
    color: #dadada;
}
.main-menu > nav > ul > li.megamenu > ul, .nav-menu > ul > li.megamenu > ul {
    display: flex;
    width: auto;
}
.main-menu > nav > ul > li.megamenu > ul > li {
    float: left;
    margin-right: 0px;
    width: 200px;
}
.main-menu > nav > ul > li.megamenu > ul > li:last-child {
    width: auto;
}
.main-menu > nav > ul > li.megamenu > ul li:last-child {
    margin: 0;
}
.nav-menu > ul > li.megamenu > ul {
    border: 1px solid #d7d7d7;
    box-shadow: none;
    display: flex;
    left: 100%;
    padding: 40px 0 45px 40px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 628px;
    z-index: 3000;
}
.nav-menu > ul > li.megamenu > ul > li{
    width: 25%
}
.mobile-menu-area {display: none}
.mobile-menu .mean-nav ul.menu-overflow {
    height: 217px;
    overflow-y: auto;
}
.mobile-menu-area, .mean-container .mean-bar:after {display: none}
.mean-container .mean-bar {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    min-height: 0;
    padding: 0;
}
.mean-container a.meanmenu-reveal {
    border: 0 none;
    color: #222222;
    margin-top: -52px;
    padding: 2px 0;
    position: absolute;
}
.three .mean-container a.meanmenu-reveal {margin-top: -32px}
.mean-container a.meanmenu-reveal span {background-color: #B3D91C;}
.three .mean-container a.meanmenu-reveal span {background-color: #B3D91C;}
.five .mean-container a.meanmenu-reveal span {background-color: #B3D91C;}
.mean-container a.meanmenu-reveal:hover span {background-color: #222;}
.mean-container .mean-nav {margin-top: 22px; position: absolute; box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1)}
.mobile-menu-area .menu-close {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #858585;
    height: 40px;
    padding: 0;
    width: 40px;
    margin-bottom:30px;
}
.mobile-menu-area .menu-close:hover {color: #433a8b; border-color: #433a8b;}
.mobile-menu-area .menu-close i {
    display: block;
    font-size: 30px;
    line-height: 30px;
    padding-right: 2px;
}
.mean-container .mean-bar ul li a {color: #252525; font-size: 12px; line-height: 16px;border-bottom: 1px solid #F2F2F2}
.mean-container .mean-nav ul li a:hover {color: #B3D91C;}
.mean-nav ul li a i {display: none;}
.mean-container .mean-nav ul li a.mean-expand {font-weight: 400;}
/* Toute la ligne cliquable pour ouvrir/fermer le sous-menu (mobile) */
.mean-container .mean-nav ul li:has(a.mean-expand) > a:not(.mean-expand) {width: calc(100% - 36px); padding-right: 1em; cursor: pointer;}
/* Zone cliquable étendue: toute la ligne déclenche le collapse (pas seulement le +) */
.mean-container .mean-nav ul li:has(.mean-expand) > a:not(.mean-expand) {width: calc(100% - 45px); min-height: 44px; padding-right: 45px; cursor: pointer;}
/* Mobile: toute la ligne cliquable pour ouvrir/fermer le sous-menu (pas seulement le +) */
.mean-container .mean-nav ul li:has(a.mean-expand) > a:not(.mean-expand) {width: calc(100% - 36px);padding-right: 36px;cursor: pointer;}
/* Zone cliquable complète sur le nom (mobile) - le parent a couvre toute la ligne */
.mean-container .mean-nav ul li:has(> a.mean-expand) > a:not(.mean-expand) {width: 100%; padding-right: 44px; cursor: pointer;}
/* Zone cliquable étendue sur toute la ligne pour les items avec sous-menu (mobile) */
.mean-container .mean-nav ul li:has(.mean-expand) > a:not(.mean-expand) {width: 100%; padding-right: 44px; cursor: pointer;}
/* Zone cliquable étendue : clic sur toute la ligne ouvre le sous-menu (pas seulement le +) */
.mean-container .mean-nav ul li:has(.mean-expand) > a:not(.mean-expand) {width: calc(100% - 40px);cursor: pointer;}
/* Mobile: toute la ligne cliquable pour expand/collapse (pas seulement le +) */
.mean-container .mean-nav ul li:has(.mean-expand) > a:not(.mean-expand) {width: calc(100% - 45px); min-height: 44px; display: flex; align-items: center;}
.mean-container .mean-nav ul li li:has(.mean-expand) > a:not(.mean-expand) {width: calc(80% - 35px);}
/* Lien parent = toute la ligne cliquable pour le collapse (pas seulement le +) */
.mean-container .mean-nav ul li:has(a.mean-expand) > a:not(.mean-expand) {width:100%;padding-right:50px;cursor:pointer}
.mean-container .mean-nav ul li a:hover {
    background: #B3D91C none repeat scroll 0 0;
    color: #fff;
}
.three .mean-container .mean-nav ul li a:hover {background: #B3D91C;}
.five .mean-container .mean-nav ul li a:hover {background: #B3D91C;}
.header-sticky.sticky {
   animation: 0.7s ease-out 0s normal forwards 1 running anim_titles;
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
}
.sticky .logo {padding: 20px 0;}
.sticky .logo a img {}
.mainmenu-area .sticky {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4)
}
.category-nav{
    border: 0 none;
    position: relative;
    top: 0;
    overflow: visible;
}
.nav-title:before{
    color: #ffffff;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-weight: normal;
    position: absolute;
    font-size: 20px;
    left: 15px;
    top: 17px;
}
.nav-title:after{
    color: #ffffff;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: 16px;
    top: 17px;
}
.nav-title h2{
    color: #fff;
    background: #B3D91C none repeat scroll 0 0;
    font-family: "Muli",sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    padding: 17px 0 16px 52px;
    text-transform: uppercase;
    cursor: pointer;
}
.nav-menu.submenu{border: none}
.nav-menu{
    border: 1px solid #d7d7d7;
    border-radius: 0;
    position: absolute;
    width: 100%;
    z-index: 99;
}
.nav-menu > ul > li{
    padding: 0;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    line-height: 1px;
}
.nav-menu > ul > li.megamenu > ul > li > ul > li:hover a{color: #B3D91C}
.nav-menu > ul > li.megamenu > a::after {
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 8px;
    font-weight: 400;
    height: 7px;
    position: absolute;
    right: 15px;
    top: 50%;
    vertical-align: top;
    width: 5px;
    color: #e5e5e5;
}
.nav-menu > ul > li.megamenu:hover > a::after {
    color: #3B7EB9;
}
/*
.nav-menu ul li.show{
    border-bottom: 1px solid transparent;
}
*/
.nav-menu ul > li > ul > li > a{
    color: #6f6f6f;
    font-size: 12px;
    font-weight: 400;
    line-height: 32px;
    overflow-wrap: break-word;
    position: relative;
    
}
.nav-menu > ul > li > a{
    background: #ffffff none repeat scroll 0 0;
    color: #444444;
    display: block;
    font-family: "Muli",sans-serif;
    font-size: 13px;
    font-weight: bold;
    overflow-wrap: break-word;
    padding: 10px 19px 8px;
    position: relative;
    text-align: left;
    line-height: 1px;
    text-decoration: none;
    
    transition: all 0.4s ease-out 0s;
}
.four .nav-menu ul li.show a{line-height: 34px}
.nav-menu ul li.show.three a{line-height: 31px}
.nav-menu ul li.show a:before{
    color: #666666;
    content: "\f055";
    display: inline-block;
    float: left;
    font-family: fontAwesome;
    font-size: 20px;
    line-height: 30px;
    padding: 0 20px 0 4px;
    text-align: center;
    vertical-align: middle;
    background: transparent;
}
.nav-menu > ul > li:hover > a{color: #B3D91C}
.header-bottom{
    background: #E1F0C6 none repeat scroll 0 0;
    position: relative;
    overflow: visible;
}
.slider-menu-wrapper{
}
.banner-slider, .facilities-area.three{margin-left: -30px;}
.facilities-area.three{display: flex}
.three .facilitie-content h3{
    font-size: 14px
}
.three .facilitie-content p{
    font-size: 13px
}
.three .single-facilitie {
    justify-content: space-around;
    padding: 0 30px;
    width: 33.3333%;
}
.nav-menu img {
    border: medium none;
    margin-bottom: 1px;
    margin-right: 18px;
    width: auto;
}
.search-box.three{
    margin: 0;
    padding: 4px;
}
.search-box.three input {
    border: 0px solid #2e2e2e;
    border-radius: 0;
    color: #888888;
    font-size: 13px;
    height: 42px;
    line-height: 42px;
    margin: 2px 0;
    padding: 0 70px 0 15px;
    position: static;
    width: 100%;
    background: #ffffff none repeat scroll 0 0;
    outline: medium none;
}
.search-box.three button {
    color: #676461;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    background: transparent;
}
.search-box.three button::after {
    content: none;
}
.search-box.three button:hover {
    background: transparent;
    color: #B3D91C;
}
.search-box.three button.search {top: 7px;right:4px;}
.header-phone.three .fa-volume-control-phone {color: #ffffff}
.three .header-phn-info span {
    color: #ffffff;
    line-height: 38px;
}
.search-box.three input::-moz-placeholder {
    color: #e1e1e1;
}
.submenu{
    content: "";
    height: auto;
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 53px;
    width: 100%;
    z-index: 999;
    height: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.4s ease, opacity 0.3s ease;
    -o-transition: max-height 0.4s ease, opacity 0.3s ease;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}
.submenu.submenu-active{
    height: auto;
    max-height: 500px;
    margin-top: 0px;
    visibility: visible;
    opacity: 1;
}
/* Menu CATÉGORIES - s'affiche au clic, toute la zone cliquable (titre + icônes) */
.category-nav .nav-title,
.category-nav .nav-title.show-submenu {
    cursor: pointer;
    user-select: none;
    display: block;
    width: 100%;
}
.category-nav .nav-title h2 {
    pointer-events: none;
}
.category-nav .nav-menu.submenu {
    display: block;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.header-bottom.four { overflow: visible; }
.category-nav { overflow: visible; }
.five .menu-wrapper{margin-left: 90px}
.menu-wrapper, .main-menu { overflow: visible; }
/*----------------------------------------*/
/*  3. Slider CSS
/*----------------------------------------*/
.slider-area {overflow: hidden; position: relative}
.single-slide {
    align-items: center;
    background-position: center center;
    background-size: cover;
    display: flex;
    padding: 150px 0;
}
.single-slide.slide-two{
    padding: 165px 0;
}
.slider-area.four .single-slide {padding: 80px 0 94px}
.slider-area.five .single-slide {padding: 137px 0 163px}
.slider-area.four .single-slide.slider-two {padding: 128px 0 140px}
.slider-banner h5 {
    animation: 1500ms ease-in-out 0s normal none 1 running bounceInLeft;
    background: #B3D91C none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 2;
    padding: 0 10px;
    text-transform: uppercase;
}
.slider-area.two .slider-banner h5 {
    background: #050C42 none repeat scroll 0 0;
}
.slider-banner h2 {
    animation: 1800ms ease-in-out 0s normal none 1 running bounceInLeft;
    color: #ffffff;
    font-size: 140px;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1;
    text-transform: uppercase;
}
.slider-banner h3 {
    animation: 2200ms ease-in-out 0s normal none 1 running bounceInLeft;
    color: #fec200;
    font-size: 60px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.17;
    text-transform: uppercase;
}
.slider-banner h1 {
    color: #ffffff;
    font-size: 90px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.slider-banner h4 {
    color: #fec200;
    font-size: 80px;
    font-weight: 500;
    line-height: 1.13;
    animation: 1800ms ease-in-out 0s normal none 1 running bounceInLeft;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.slider-banner a.banner-btn {
    animation: 2500ms ease-in-out 0s normal none 1 running bounceInLeft;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #ffffff;
    border-radius: 50px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.9;
    margin: 30px 0 0px;
    padding: 4px 27px;
    text-transform: uppercase;
    transition: all 0.4s ease-out 0s;
}
.two .slider-banner a.banner-btn {
    margin: 26px 0 0px;
}
.two .slide-two .slider-banner a.banner-btn {
    margin: 26px 0 0px;
}
.slider-banner a.banner-btn:hover{
    background: #B3D91C;
    border: 2px solid #B3D91C;
}
.banner-btn:hover, .banner-btn:focus, .banner-btn:active {
    background: #0083c1 none repeat scroll 0 0;
    color: #fff
}
.banner-slider.three .slider-banner h5{
    animation: 1500ms ease-in-out 0s normal none 1 running bounceInLeft;
    background: #B3D91C none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 2;
    margin-bottom: 0;
    padding: 0 10px;
    text-transform: uppercase;
}
.banner-slider.three .slider-banner h4{
    animation: 1800ms ease-in-out 0s normal none 1 running bounceInLeft;
    color: #ffffff;
    font-size: 100px;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 0.6;
    margin: 25px 0 14px;
    text-shadow: 0 5px 5px rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
}
.banner-slider.three .slider-banner h1{
    animation: 2200ms ease-in-out 0s normal none 1 running bounceInLeft;
    color: #fec200;
    font-size: 60px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1;
    margin-bottom: 1.3%;
    text-shadow: 0 5px 5px rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
}
.five .slider-banner{text-align: center}
.five .slider-banner{margin-left: 8px}
.five .slider-banner h3 {
    animation: 2200ms ease-in-out 0s normal none 1 running bounceInLeft;
    color: #676461;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 2;
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase;
}
.five .slider-banner h3:after{
    background: #000000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 60px;
}
.five .slider-banner p {
    animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin: 30px 0px 0;
}
.five .slider-banner a.banner-btn{
    animation: 2500ms ease-in-out 0s normal none 1 running bounceInLeft;
    background: #676461 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    margin: 30px 0 0;
    padding: 0 30px;
    text-align: center;
    
    transition: all 0.4s ease-out 0s;
}
.five .slider-banner a.banner-btn:hover{
    background: #B3D91C none repeat scroll 0 0;
}
.banner-slider.three .single-slide.slider-two .slider-banner h5{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #4ca7d6;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.7;
    
    animation: 1500ms ease-in-out 0s normal none 1 running bounceInLeft;
    display: inline-block;
    margin-bottom: 0;
    padding: 0 10px;
}
.banner-slider.three .single-slide.slider-two .slider-banner h2 {
    animation: 1800ms ease-in-out 0s normal none 1 running bounceInLeft;
    color: #B3D91C;
    font-size: 70px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0;
    text-shadow: none;
    text-transform: uppercase;
    margin-top: 2px;
}
.banner-slider.three .single-slide.slider-two .slider-banner h3 {
    animation: 2200ms ease-in-out 0s normal none 1 running bounceInLeft;
    color: #676461;
    font-size: 70px;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1;
    margin: 0;
    text-shadow: none;
    text-transform: uppercase;
}
.banner-slider.three .single-slide a{
    animation: 2500ms ease-in-out 0s normal none 1 running bounceInLeft;
    background: #676461 none repeat scroll 0 0;
    border: 2px solid #676461;
    border-radius: 50px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.9;
    margin: 37px 0 0;
    padding: 6px 42px;
    
    transition: all 0.4s ease-out 0s;
}
.banner-slider.three .single-slide.slider-two a{
    margin: 32px 0 15px;
}
.banner-slider.three .single-slide{padding: 105px 0}
.banner-slider.three .single-slide.slider-two{padding: 106.5px 0}
.banner-slider.three .single-slide a:hover{
    background: #B3D91C none repeat scroll 0 0;
    border: 2px solid #B3D91C;
}
.banner-slider.three .single-slide .slider-banner{
    margin-left: 85px;
}
.banner-slider.three .single-slide.slider-two .slider-banner{
    margin-left: 35px;
}
.banner-slider.four .single-slide .slider-banner h5{
    animation: 1500ms ease-in-out 0s normal none 1 running bounceInLeft;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #666666;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 2.2;
    margin-bottom: 0;
    padding: 0;
    
}
.banner-slider.four .single-slide.slider-two .slider-banner h5{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 2;
    
    margin-top: 0px;
}
.banner-slider.four .single-slide .slider-banner h4{
    animation: 1800ms ease-in-out 0s normal none 1 running bounceInLeft;
    color: #939393;
    font-size: 70px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
}
.banner-slider.four .single-slide.slider-two .slider-banner h2, .banner-slider.four .single-slide.slider-two .slider-banner h3{
    color: #ffd800;
    display: inline-block;
    font-size: 50px;
    line-height: 1.2;
    margin-right: 10px;
    
    font-weight: 500;
    letter-spacing: inherit;
}
.banner-slider.four .single-slide.slider-two .slider-banner h3{
    color: #ffffff;
    display: inline-block;
    font-size: 50px;
    line-height: 1.2;
    
    animation: 2200ms ease-in-out 0s normal none 1 running bounceInLeft;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0;
}
.banner-slider.four .single-slide h1{
    animation: 2200ms ease-in-out 0s normal none 1 running bounceInLeft;
    color: #676461;
    font-size: 70px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
}
.banner-slider.four .single-slide a{
    animation: 2500ms ease-in-out 0s normal none 1 running bounceInLeft;
    background: #B3D91C none repeat scroll 0 0;
    border: 2px solid #B3D91C;
    border-radius: 50px;
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    line-height: 32px;
    margin: 30px 0 0;
    text-align: center;
    
    transition: all 0.4s ease-out 0s;
    width: 170px;
}
.banner-slider.four .single-slide a:hover{
    background: transparent;
    border: 2px solid #B3D91C;
    color: #B3D91C;
}
.banner-slider.four .single-slide.slider-two a:hover{
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}
.banner-slider.four .single-slide.slider-two a{
    margin: 15px auto 0px;
}
.slider-area.four .slider-banner{margin-left: 15px}
/*----------------------------------------*/
/*  4. Banner CSS
/*----------------------------------------*/
.banner-image{
  margin: 30px 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.banner-image:hover img {
    transform: scale(1.05, 1.05);
}
.banner-image a.con{
    border: 2px solid #ffffff;
    color: #ffffff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.banner-image a.con span{
    border-bottom: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    display: block;
    font-size: 28px;
    letter-spacing: 0.1em;
    margin: 8px 0;
    padding: 10px 12px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.banner-image a.con:hover span, .banner-image a.con:hover{
    border-color: #B3D91C;
    color: #B3D91C;
}
/*-----------------------------------------*/
/*  5. Facilitie CSS
/*----------------------------------------*/
.single-facilitie {
    background-color: #050C42;
    border-right: 1px solid #51698d;
    display: flex;
    padding: 16px 35px;
}
.three .single-facilitie {
    padding: 12px 20px;
}
.facilitie-icon {
    align-self: center;
    margin-right: 20px;
    width: 90px;
}
.three .facilitie-icon {
    margin-right: 5px;
}
.three .facilitie-icon {
    width: 70px;
}
.facilitie-content {
    padding-top: 28px;
}
.three .facilitie-content {
    padding-top: 18px;
}
.facilitie-content h3{
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
}
.facilitie-content p{
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
}
.facilities-area .col-md-4{padding-left: 0; padding-right: 0}
.facilities-area .row{padding-left: 15px; padding-right: 15px}
/*----------------------------------------*/
/*  6. Feature CSS
/*-----e-----------------------------------*/
.section-title-one h3{
    background: #B3D91C none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    line-height: 54px;
    padding: 0 22px 0 15px;
    position: relative;
    text-transform: uppercase;
}
.three .section-title-one h3{
    background: #B3D91C none repeat scroll 0 0;
}
.five .feature-title{border-bottom: 2px solid #B3D91C}
.five .section-title-one h3{
    background: #B3D91C none repeat scroll 0 0;
}
.five.three .feature-img .new{
    background: #B3D91C none repeat scroll 0 0;
}
.five.three .feature-tab{background: transparent}
.five.three .feature-item:hover {border-color: #B3D91C #B3D91C #B3D91C}
.five.three .hover-cart ul li a, .five.three .hover-cart ul li.add a  {border: 1px solid #B3D91C; color: #B3D91C }
.five.three .hover-cart ul li:hover a, .five.three .hover-cart ul li.add:hover a  {background: #B3D91C; color: #fff }
.five.three .feature-content .price-box span{color: #B3D91C}
.custom-row{margin-left: -15px; margin-right: -15px}
.feature-title {
    background: #f4f4f4 none repeat scroll 0 0;
    border-bottom: 2px solid #B3D91C;
    display: flex;
    justify-content: space-between;
    margin: 6px 0 10px;
}
.deal-left .feature-title {
    margin-bottom: 0px;
}
.three .feature-title {
    border-bottom: 2px solid #B3D91C;
}
.feature-area .feature-title, .best-seller-area .feature-title {
    margin: 6px 0 0px;
}
.section-title-one h3::before {
    content: "";
    float: left;
    font-family: FontAwesome;
    font-size: 20px;
    margin-right: 10px;
}
.feature-tab {
    background: #f4f4f4;
}
.feature-tab ul{
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: 80px;
    position: relative;
    z-index: 1;
}
.hover-cart ul li, .cart-details ul li{margin-right: 5px}
.hover-cart ul li:last-child, .cart-details ul li:last-child{margin-right: 0px}
.hover-cart ul li a, .cart-details ul li a{
    border: 1px solid #B3D91C;
    border-radius: 50%;
    color: #B3D91C;
    display: block;
    font-size: 16px;
    line-height: 28px;
    height: 30px;
    width: 30px;
}
.item .item-inner:hover .box-info .box-hover {
  opacity: 1;
  transform: translateY(0px);
}
.hover-cart ul li.add a, .cart-details ul li.add a{
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #B3D91C;
    border-radius: 50px;
    color: #B3D91C;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding: 0 13px;
    width: auto;
    
    transition: all 0.4s ease-out 0s;
}
.hover-cart ul li:hover a, .cart-details ul li:hover a{
    background: #B3D91C;
    color: #fff;
}
#list .feature-item:hover .price-box {
  opacity: 1;
}
.cart-details{ display: inline-block; text-align: center}
.hover-cart{
    bottom: 18px;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    transform: translateY(10px);
    transition: all 0.4s ease-out 0s;
}
#list .feature-item .price-box {
    display: block;
    margin-bottom: 22px;
}
.feature-item:hover .hover-cart {
    opacity: 1;
    transform: translateY(0px);
}
.feature-tab ul li{
    display: inline-block;
    font-family: "Muli",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 47px;
    margin: 0;
    padding: 0 15px;
    position: relative;
    
    z-index: 2;  
}
.feature-tab ul li a{color: #676461}
.feature-tab ul li a.active, .feature-tab ul li:hover a{
    color: #B3D91C; 
}
.feature-img a{position: relative}
.feature-img span{
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    left: 25px;
    line-height: 47px;
    position: absolute;
    text-align: center;
    
    top: 20px;
    width: 47px;
    z-index: 2;
}
.feature-img .new{
    background: #B3D91C none repeat scroll 0 0;
    opacity: 1;
    z-index: 3;
}
.feature-img .sale {
    background: #676461 none repeat scroll 0 0;
    opacity: 0;
}
.feature-item {
    border: 1px solid rgba(0, 0, 0, 0);
    overflow: hidden;
    padding: 10px 15px 15px;
    position: relative;
    transition: all 0.4s ease-out 0s;
}
.feature-item:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #B3D91C #B3D91C #B3D91C;
    border-image: none;
    border-style: solid;
    border-width: 1px;
}
#grid.show{display: flex; flex-wrap: wrap} 
#grid{display: none} 
#list .feature-item{display: flex; padding: 9px 14px 15px}
#list .feature-item:hover {
    border: 1px solid transparent;
}
#grid .feature-item{margin-bottom: 5px; width: 33.676461%}
#grid .feature-item:hover, .arrival-area.two .feature-item:hover {
    border-bottom: 1px solid #B3D91C;
    border-image: none;
    border-style: solid;
    border-width: 1px;
}
.feature-item:hover .btn-quickview, .feature-item:hover .btn-quickview1, .feature-item:hover .btn-quickview2 {
    opacity: 1;
    transform: translateY(0px);
}
.feature-item:hover .feature-img .sale {
    opacity: 1;
}
.feature-item:hover .feature-img .new {
    opacity: 0;
}
.feature-item:hover .box-info .item-price .price-box {
    opacity: 0;
    transition: all 0.4s ease-out 0s;
}
.feature-item:hover .box-info .box-hover {
    opacity: 1;
    transform: translateY(0px);
}
.feature-item:hover .box-info .box-hover .add-to-links {
    opacity: 1;
}
.feature-content p {
    margin-bottom: 12px;
    margin-top: 12px;
} 
.feature-content p a{
    color: #676461;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    
}
#list .feature-content{text-align: left}
.description p{
    line-height: 20px;
    margin: 4px 0 30px;
    font-size: 14px;
    color: #666666;
    text-align: left
}
.description p span{
    color: #676461;
    cursor: pointer;
    
}
.description p span:hover{
    color: #B3D91C;
}
#list .feature-content p a{
    color: #676461;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0 5px;
}
.feature-content p:hover a{
    color: #B3D91C;
    text-decoration: none;
}
.three .feature-content p:hover a{
    color: #B3D91C;
}
.feature-content .product-rating {
    color: #ff9900;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    right: 0;
    display: block;
    padding: 0 0 11px;
    clear: both;
    display: block;
}
.hover-cart > ul, .cart-details > ul {
    display: flex;
    justify-content: center;
}
.hover-cart > ul li, .cart-details > ul li{
    display: flex;
    justify-content: center;
}
.product-rating {
    font-size: 11px;
    line-height: 1em;
    margin: 0;
    padding: 0 0 13px;
}
.feature-content .price-box span {
    color: #B3D91C;
    font-family: "Muli",sans-serif;
    font-size: 16px;
    font-weight: bold;
}
.three .feature-content .price-box span {
    color: #B3D91C;
}
.five .feature-content .price-box span {
    color: #B3D91C;
}
.feature-content span del {
    color: #676461;
    text-decoration: line-through;
}
.feature-item .price-box {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 10px;
    position: relative;
}
.feature-item:hover .price-box {
    opacity: 0;
    transition: all 0.4s ease-out 0s;
}
.feature-item .btn-quickview, .feature-item .btn-quickview1, .feature-item .btn-quickview2 {
    background: rgba(0, 0, 0, 0) url("../images/angle.png") no-repeat scroll center center;
    border: 0 none;
    border-radius: 0;
    line-height: inherit;
    min-height: 60px;
    min-width: 60px;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: -1px;
    top: -1px;
    transform: translateY(-20px);
    transition: all 0.4s ease-out 0s;
    z-index: 2;
}
.feature-item .btn-quickview1 {
    background: rgba(0, 0, 0, 0) url("../images/angle2.png") no-repeat scroll center center;
}
.feature-item .btn-quickview2 {
    background: rgba(0, 0, 0, 0) url("../images/angle3.png") no-repeat scroll center center;
}
.feature-item .btn-quickview::before, .feature-item .btn-quickview1::before, .feature-item .btn-quickview2::before {
    color: #ffffff;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    right: 10px;
    top: 10px;
}
.owl-carousel .owl-dots, .owl-carousel .owl-nav { 
    position: absolute;
    right: 25px;
    top: -48px;
}
.feature-area.five .seller-carousel.owl-carousel .owl-nav, .blog-area .arrival-carousel.owl-carousel .owl-nav {right: 17px}
.product-carousel.owl-carousel .owl-dots, .product-carousel.owl-carousel .owl-nav, .seller-carousel .owl-nav, .deal-carousel .owl-nav{top: -39px}
.seller-carousel .owl-nav{top: -39px}
.up-sell .product-carousel.owl-carousel .owl-dots, .up-sell .product-carousel.owl-carousel .owl-nav{ right: 40px; top: -39px}
.arrival-carousel.owl-carousel .owl-dots, .arrival-carousel.owl-carousel .owl-nav{top: -38px;}
.five .arrival-carousel.owl-carousel .owl-dots, .five .arrival-carousel.owl-carousel .owl-nav{right: 15px}
.blog-carousel.owl-carousel .owl-dots, .blog-carousel.owl-carousel .owl-nav {top: -49px}
.owl-carousel .owl-nav div.owl-prev {
    margin-right: 2px;
}
.owl-carousel .owl-nav div {
    background: #e2e1e2 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #ffffff;
    cursor: pointer;
    display: block;
    float: left;
    height: 28px;
    margin: 0;
    opacity: 1;
    padding: 0;
    text-align: center;
    transition: all 0.4s ease-out 0s;
    width: 28px;
    z-index: 1;
}
.owl-carousel .owl-nav div i {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
}
.owl-carousel .owl-nav div:hover {
    background: #B3D91C;
    color: #fff;
}
.three .owl-carousel .owl-nav div:hover {
  background: #B3D91C none repeat scroll 0 0;
}
.three.five .owl-carousel .owl-nav div:hover, .five .owl-carousel .owl-nav div:hover {
  background: #B3D91C none repeat scroll 0 0;
}
.three .feature-img .new{background: #B3D91C}
.three .feature-item:hover {
    border: 1px solid #B3D91C;
}
.three .hover-cart ul li a {
    border: 1px solid #B3D91C;
    color: #B3D91C;
}
.three .hover-cart ul li:hover a {
    background: #B3D91C;
    color: #fff;
}
.three .feature-content .price-box span {
    color: #B3D91C;
}
.three .feature-tab ul li{position: relative}
.three .feature-tab ul li a {
    color: #676461;
    display: inline-block;
    font-family: "Muli",sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 46px;
    margin: 0;
    padding: 0 29px;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
    z-index: 2;
}
.three.five .feature-tab ul li a {padding: 0 8px;}
.three .feature-tab ul li:first-child:after, .three.five .feature-tab ul li:nth-child(2):after, .three .feature-tab ul li:nth-child(2):after {
    position: absolute;
    right: 0;
    top: 10px;
    background: #e5e5e5;
    width: 2px;
    height: 25px;
    content: "";
}
.three.five .feature-tab ul li:first-child, .three.five .feature-tab ul li:first-child a{padding-left: 0}
.three.five .feature-tab ul li a.active{color: #B3D91C}
.three .feature-title {
    justify-content: inherit;
}
/*----------------------------------------*/
/*  7. Offer CSS
/*----------------------------------------*/
.offer-area{
    background-image: url(../images/banner/offer.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 72px;     
}
.offer-area.two{background: #E6E6E6}
.offer-content h2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 34px;
    line-height: 30px;
    margin-bottom: 40px;
    margin-top: 0;
    padding: 0 15px 27px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}
.two .offer-content h2 {color: #676461}
.offer-content h2::after {
    background: #B3D91C none repeat scroll 0 0;
    border: 0 none;
    content: "";
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 100%;
    width: 52px;
}
.offer-content p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 60px;
}
.two .offer-content p {
    color: #666666;
    margin-bottom: 60px;
}
.offer-content p span {
    display: block;
}
.offer-owl{
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
    overflow: hidden;
    padding: 30px;
}
.offer-countdown {
    padding: 0 15px;
}
.offer-img{float: left; margin-right: 70px}
.offer-details h2 a{
    font-size: 28px;
    font-weight: bold;
    line-height: 30px;
    color: #676461;
    text-decoration: none;
    
}
.offer-details h2 a:hover{
    color: #B3D91C;
}
.offer-countdown .product-rating{
    color: #ff9900;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    right: 0;
    padding-top: 11px;
}
.price-box span{
    color: #B3D91C;
    font-family: "Muli",sans-serif;
    font-size: 28px;
    font-weight: bold;
}
.price-box span del {
    color: #676461;
    font-size: 18px;
    text-decoration: line-through;
}
.offer-details{margin: 40px 0 0px; overflow: hidden}
.offer-details p{
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    padding: 20px 0;
    margin-bottom: 0;
}
.price-cart button{
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #676461;
    border-radius: 50px;
    color: #676461;
    font-size: 16px;
    font-weight: bold;
    line-height: 44px;
    padding: 0 35px;
    transition: all 0.4s ease-out 0s;
    
}
.price-cart button:hover{
    background: #B3D91C none repeat scroll 0 0;
    border: 2px solid #B3D91C;
    color: #fff;
}
.offer-details .timer .timer-grid{display: flex}
.offer-details .timer .timer-grid .cdown {
    color: #676461;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    
    display: inline-block;
    font-family: "Muli",sans-serif;
    margin-right: 10px;
    padding: 15px 0;
    text-align: center;
    width: 11.5%;
}
.offer-details .timer .timer-grid span.counting {
    background: #B3D91C none repeat scroll 0 0;
    border-radius: 50px;
    color: #ffffff;
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 0;
    padding: 15px 0 19px;
    width: 100%;
    font-family: "Muli",sans-serif;
}
.offer-carousel {margin-bottom: -102px}
.offer-area.three{}
.offer-area.three .offer-content h2::after, .offer-area.three .timer .timer-grid span.counting, .offer-area.three .price-cart button:hover {
    background: #B3D91C none repeat scroll 0 0;
}
.offer-area.three .price-box span {
    color: #B3D91C;
}
.offer-area.three .price-cart button:hover {
    border: 2px solid #B3D91C;
}
/*----------------------------------------*/
/*  8. Best CSS
/*----------------------------------------*/
.product-seller .feature-item:hover {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #B3D91C #B3D91C #B3D91C;
  border-image: none;
  border-style: solid;
  border-width: 1px;
}
.seller-tab{
    float: left;
    padding: 0 15px;
    width: 20%;
}
.seller-tab ul{
    border: 1px solid #d7d7d7;
    line-height: 48px;
    position: relative;
    z-index: 1;
}
.seller-tab ul li{display: block; width: 100%}
.seller-tab ul li a{
    border-bottom: 1px solid #e5e5e5;
    color: #676461;
    display: block;
    font-family: "Muli",sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 46px;
    margin: 0;
    padding: 0 14px;
    position: relative;
    
    z-index: 2;
}
.seller-tab ul li a.active, .seller-tab ul li a.active::before, .seller-tab ul li:hover a, .seller-tab ul li:hover a:before{color: #B3D91C}
.seller-tab ul li a:before{
    color: #bbbbbb;
    content: "";
    float: left;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 11px;
}
.seller-content{
    float: left;
    padding: 0 15px;
    width: 80%;
}
.seller-tab .banner-image{margin: 0}
.tab-content .tab-pane {
    height: 0;
    opacity: 0;
    visibility: hidden;
/*    display: block;*/
}
.tab-content .tab-pane.active {
    height: auto;
    opacity: 1;
    visibility: visible;
}
.seller-content.tab-content{margin: 0}
.best-seller-area.three .tab-content .tab-pane, .arrival-area.two .tab-content .tab-pane , .feature-area .tab-content .tab-pane {
    height: 0;
    opacity: 0;
    visibility: hidden;
    display: block;
}
.best-seller-area.three .tab-content .tab-pane.active, .arrival-area.two .tab-content .tab-pane.active, .feature-area .tab-content .tab-pane.active {
    height: auto;
    opacity: 1;
    visibility: visible;
}
/*----------------------------------------*/ 
/*  9. Testimonial CSS
/*----------------------------------------*/
.testimonial-area{
    background-image: url(../images/banner/testimonial_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed;
    margin-top: 25px;
}
.testimonial-content{
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 83%;
}
.test-icon{float: left; margin-right: 40px}
.test-content{display: table;}
.test-content p{
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
    padding: 0;
    width: 98%;
}
.test-content h3{
    color: #ffffff;
    font-size: 20px;
    line-height: 36px;
    
}
.test-content h3 span{
    font-size: 14px;
    line-height: 36px;
    text-transform: uppercase;
}
.test-content h3 span:before{
    content: "/";
    display: inline-block;
    padding: 0 7px;
}
/*----------------------------------------*/ 
/*  10. Blog CSS
/*----------------------------------------*/
.blog-img{
    float: left;
    margin-right: 25px;
    overflow: hidden;
}
.blog-con h3 a {
    color: #676461;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    padding: 14px 0 15px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog-con h3:hover a {
    color: #B3D91C;
}
.three .blog-con h3:hover a {
    color: #B3D91C;
}
.five .blog-con h3:hover a {
    color: #B3D91C;
}
.date {
    background: #676461 none repeat scroll 0 0;
    float: left;
    padding: 14px 17.5px 7px;
}
.date h4{
    color: #ffffff;
    display: block;
    font-weight: bold;
    font-size: 24px;
    line-height: 20px;
}
.date h4 span{
    color: #ffffff;
    display: block;
    font-weight: bold;
    font-size: 15px;
    
}
.blog-con{display: table;}
.post-admin p{
    color: #888888;
    font-size: 13px;
    font-weight: 400;
    line-height: 38px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;
}
.post-admin p:before{
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    padding: 0 8px 0 12px;
}
.blog-con > p{
    color: #666666;
    font-size: 14px;
    line-height: 20px;
    margin: 0px 0 20px;
}
a.read-more{
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #B3D91C;
    border-radius: 50px;
    color: #B3D91C;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding: 0 15px;
    transition: all 0.4s ease-out 0s;
}
.three a.read-more {
    border: 1px solid #B3D91C;
    color: #B3D91C;
}
.five a.read-more {
    border: 1px solid #B3D91C;
    color: #B3D91C;
}
a.read-more:hover{
    background: #B3D91C none repeat scroll 0 0;
    color: #fff;
}
.three a.read-more:hover{
    background: #B3D91C none repeat scroll 0 0;
}
.five a.read-more:hover{
    background: #B3D91C none repeat scroll 0 0;
}
.blog-img a img{
    transition: all 1s ease-out 0s;
    vertical-align: middle;
    width: 100%;
}
.single-blog:hover .blog-img a img{
    transform: scale(1.2, 1.2);
}
.sub-img{
    float: left;
    margin-right: 20px;
    width: 27%;
}
.single-left-widget .sub-img{
    width: 37%;
}
.single-left-widget .single-col, .single-left-widget .single-col:last-child {
    padding: 22px 0;
}
.single-left-widget .sub-content .product-rating {
    margin-bottom: 5px;
}
.single-left-widget .sub-content.feature-content > p {
    margin-top: 1px;
}
.single-left-widget .single-col:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.sub-content {display: table}
.common-area h3{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #676461;
    line-height: 48px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 18px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    margin: 0;
}
.single-col{
    border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    padding: 10px 0;
    width: 100%;
}
.single-col:last-child{
    border-bottom: none;
    display: inline-block;
    padding: 10px 0;
    width: 100%;
}
.sub-content.feature-content{margin-top: 2px;}
.sub-content.feature-content > a{
    color: #676461;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 3px;
    text-decoration: none;
    
}
.sub-content.feature-content > a:hover{color: #B3D91C}
.three .sub-content.feature-content > a:hover{color: #B3D91C}
.five .sub-content.feature-content > a:hover{color: #B3D91C}
.sub-content .product-rating{margin-bottom: 8px}
.price-box span.per{
    background: #B3D91C none repeat scroll 0 0;
    border-radius: 50px;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
    margin-left: 10px;
    min-width: 57px;
    text-align: center;
    position: relative;
    top: -3px;
}
.three .price-box span.per{
    background: #B3D91C none repeat scroll 0 0;
    color: #fff;
}
.five .price-box span.per{
    background: #B3D91C none repeat scroll 0 0;
    color: #fff;
}
.post-date p{
    color: #666666;
    font-family: "Muli",sans-serif;
    font-size: 13px;
    margin-top: 20px;      
}
.blog-page-img img {
    width: 100%;
}
.blog-page-content h2{
    margin: 20px 0
}
.blog-page-content h2 a{
    font-weight: 500;
    color: #676461;
    font-size: 28px;
    line-height: initial;
    text-decoration: none;
    text-transform: uppercase;
}
.blog-search{position: relative}
.blog-page-content h2 a:hover{
    color: #B3D91C;
}
.blog-page-content > p{
    font-size: 24px;
    color: #666666;
    margin-bottom: 0;
    line-height: 30px;
}
a.blog-read{
    background: #B3D91C none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    float: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 40px;
    margin-top: 20px;
    padding: 0 23px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
a.blog-read:hover{
    background: #666666;
}
.toolbar {
    background: #f7f7f7 none repeat scroll 0 0;
    margin: 0 0 20px;
    padding: 10px;
    position: relative;
}   
.blog-search input {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    height: 34px;
    outline: medium none;
    padding-left: 12px;
    padding-right: 25%;
    position: relative;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
}
.blog-search button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #808080;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 1;
}
.blog-search input::-moz-placeholder {
    color: #dedede;
}
.blog-wid h3{
    color: #2b2b2b;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 28px;
    font-weight: 400;
    font-family: "Muli",sans-serif;
    color: #2b2b2b;
}
.blog-page-area .col-md-3 .blog-wid:nth-child(3) h3{
    margin: 0 0 20px;
}
.blog-page-area .col-md-3 .blog-wid:first-child{margin-bottom: 16px}
.blog-page-area .col-md-3 .blog-wid:nth-child(2), .blog-page-area .col-md-3 .blog-wid:nth-child(3){padding: 10px}
.blog-wid a{
    color: #676461;
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 8px;
    cursor: pointer;
    display: block;
    font-family: "Muli",sans-serif;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog-wid a:hover{
    color: #B3D91C;
}
.breadcrumbs ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.breadcrumbs ul li{
    display: inline-block;
}
.breadcrumbs ul li:first-child a{
    margin-right: 12px;
}
.breadcrumbs ul li:last-child{
    margin-left: 12px;
    cursor: pointer;
}
.breadcrumbs ul li:hover a, .breadcrumbs ul li:hover:before, .breadcrumbs ul li:before, .breadcrumbs ul li:hover, .breadcrumbs ul li.active, .breadcrumbs ul li.active:before{color: #B3D91C}
.breadcrumbs ul li:hover:after{color: #a3a3a3}
.breadcrumbs ul li a, .breadcrumbs ul li{
    font-size: 12px;
    line-height: 13px;
    color: #a3a3a3;
    font-family: "Muli",sans-serif;
    
}
.breadcrumbs ul li:before{
    color: #999999;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 12px;
    margin-right: 5px;
}
.breadcrumbs ul li:first-child:after{
    line-height: 13px;
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 15px;
    font-weight: normal;
    line-height: 13px;
    margin: 0;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
}
.breadcrumbs {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 50px;
    padding: 30px 0 27px;
}
.blog-page-area .col-md-6:nth-child(4) .single-blog, .blog-page-area .col-md-6:last-child .single-blog{padding-bottom: 20px}
/*----------------------------------------*/ 
/*  11. Category CSS
/*----------------------------------------*/
.category-area .feature-title{margin-bottom: 10px}
.category-content ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.category-content ul li.head a{
    color: #676461;
    font-size: 18px;
    font-weight: bold;
    line-height: 46px;
    text-transform: uppercase;
    transition: all 0.4s ease-out 0s;
}
.category-content ul li.view a{
    background: #b0b0b0 none repeat scroll 0 0;
    border-radius: 50px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    padding: 0 25px;
    border: none;
    
}
.category-content ul li.view{
    transition: all 0.4s ease-out 0s;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #e5e5e5 #e5e5e5;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    text-align: center;
    padding: 9px 0 9px;
}
.category-content ul li.view:hover a{
    background: #B3D91C;
    color: #fff;
}
.three .category-content ul li.view:hover a{
    background: #B3D91C;
    color: #fff;
}
.five .category-content ul li.view:hover a{
    background: #B3D91C;
    color: #fff;
}
.category-content ul li a{
    color: #676461;
    display: block;
    font-size: 13px;
    font-weight: bold;
    
    transition: all 0.4s ease-out 0s;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #e5e5e5 #e5e5e5;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    text-align: center;
    line-height: 22px;
}
.category-content ul li:hover a{color: #B3D91C}
.three .category-content ul li:hover a{color: #B3D91C}
.five .category-content ul li:hover a{color: #B3D91C}
.category-img a img {
    margin: 0 auto;
    transition: all 0.4s ease-out 0s;
    width: 100%;
}
.category-img:hover a img, .category-content ul li.head:hover .category-img a img{opacity: 0.8;}
/*----------------------------------------*/ 
/*  12. Client CSS
/*----------------------------------------*/
.single-client {
    padding: 20px 0 20px;
}
.single-client:hover img{opacity: 0.6;}
.client-carousel .owl-item{padding: 0 15px}
/*----------------------------------------*/ 
/*  13. Footer CSS
/*----------------------------------------*/
.footer-area{
    background: #E1F0C6;
}
.footer-logo p{
    font-size: 14px;
    line-height: 24px;
    margin-top: 24px;
    color: #ffffff;
    font-weight: 500;
}
.footer-logo{position: relative; margin-bottom: 10px;}
.footer-logo::before {
}
.footer-add{
    position: relative;
    display: block;
    font-family: "Muli",sans-serif;
    margin-bottom: 2px;
} 
.footer-add:before{
    color: #ffffff;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 24px;
    padding-right: 10px;
    content: "";
} 
.footer-add:nth-child(3):before{
    content: "";
}  
.footer-add:nth-child(4):before{
    content: "";
} 
.footer-add h4{
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    padding-right: 4px;
    
    display: inline-block;
}
.footer-add p, .footer-add a{
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    font-family: "Muli",sans-serif;
    display: inline-block;
    margin-bottom: 0;
}
.footer-add a:not([href]):not([tabindex]){
    color: #bbbbbb;
    cursor: pointer;
}
.footer-add a:not([href]):not([tabindex]):hover{
    color: #B3D91C;
}
.footer-social{padding-top: 15px}
.footer-social ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-social ul li{
    background: #B3D91C none repeat scroll 0 0;
    border-radius: 3px;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    transition: all 0.4s ease-out 0s;
    vertical-align: middle;
    width: 40px;
    text-align: center;
    margin: 10px 10px 0 0;
}
.footer-social ul li a{display: block; color: #fff}
.footer-social ul li:hover{ color: #B3D91C;
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
}
.footer-area .single-widget .footer-social ul li a:hover{
    color: #B3D91C;
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
}
.footer-area .single-widget .footer-social ul li a:hover i{
    color: #B3D91C;
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
}
.footer-area .single-widget h3{
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 13px;
    margin-top: 12px;
    text-transform: uppercase;
}
.footer-area .single-widget form {
    border: 2px solid #393939;
    display: inline-block;
    margin-bottom: 58px;
    padding: 7px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
#mc_embed_signup_scroll > button{
    background: #B3D91C none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 48px;
    font-family: "Muli",sans-serif;
    display: block;
    cursor: pointer;
    
    margin-left: -1px;
    overflow: visible;
    padding: 0 25px;
    text-align: center;
    transition: all 0.4s ease-out 0s;
    white-space: nowrap;
    width: auto;
    position: absolute;
    right: -2px;
    top: -2px;
    width: auto;
}
#mc_embed_signup_scroll > button:hover, .two #mc_embed_signup_scroll > button:hover, .three #mc_embed_signup_scroll > button:hover{
    background: #bbbbbb none repeat scroll 0 0;
}
.two #mc_embed_signup_scroll > button, .two .footer-logo::before, .two .footer-area .single-widget h2::after, .two .footer-social ul li:hover, .two.footer-area .single-widget h2::after{
    background: #B3D91C none repeat scroll 0 0;
}
.three.footer-area .single-widget h2::after{
    background: #B3D91C none repeat scroll 0 0;
}
.three.footer-area .single-widget > ul > li > a:hover{
    color: #B3D91C;
}
.two .footer-social ul li:hover i{
    color: #fff ;
}
.two .footer-area .single-widget > ul > li > a:hover, .two .copyright p a {
    color: #B3D91C;
}
.three .footer-area .single-widget > ul > li > a:hover, .three .copyright p a {
    color: #B3D91C;
}
.three #mc_embed_signup_scroll > button, .three .footer-logo::before, .three .footer-area .single-widget h2::after, .three .footer-social ul li:hover{
    background: #B3D91C none repeat scroll 0 0;
}
.footer-area .single-widget form input{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    display: block;
    font-size: 14px;
    height: 30px;
    padding: 0 145px 0 10px;
    width: 100%;
    font-weight: 500;
    margin-bottom: 0px;
}
.footer-area .mc-news {
    left: -5000px;
    position: absolute;
}
.footer-area .single-widget h2{
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 17px;
    position: relative;
    text-transform: uppercase;
}
.footer-area .single-widget h2:after{
    background: #B3D91C none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    min-height: 2px;
    min-width: 43px;
    position: absolute;
}
.footer-area .single-widget > ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-area .single-widget > ul > li{
    display: block;
}
.footer-area .single-widget > ul > li > a{
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    line-height: 38px;
    text-decoration: none;
    
}
.footer-area .single-widget > ul > li > a:before{
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 10px;
    transition: all 0.4s ease-out 0s;
}
.footer-area .single-widget > ul > li > a:hover:before{
    padding-right: 2px;
}
.footer-area .single-widget > ul > li > a:hover{
    color: #B3D91C;
}
.footer-area.two .single-widget > ul > li > a:hover{
    color: #B3D91C;
}
.main-footer{
    padding: 30px 0px 15px;
}
.footer-bottom{
    background: #B3D91C none repeat scroll 0 0;
    padding: 6px 0;
}
.copyright p{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 38px;
    padding: 0;
    text-align: center;
    
    margin-bottom: 0;
}
.copyright p{
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.copyright p a{
    color: #B3D91C;
    cursor: pointer;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.copyright p:hover a{
    text-decoration: underline;
}
.payment{
    line-height: 38px;
    text-align: right;
}
/*----------------------------------------*/ 
/*  14. Arrival CSS
/*----------------------------------------*/
.arrival-tab {
    text-align: center;
}
.arrival-tab ul{
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 50px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15);
    display: inline-block;
    font-size: 0;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
    width: 306px;
}
.arrival-tab ul li{
    display: inline-block;
    font-family: "Muli",sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 52px;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    transition: all 0.4s ease-out 0s;
    z-index: 2;
}
.arrival-tab ul li a{
    color: #676461;
    display: block;
    padding: 0 20px;
}
.arrival-tab ul li a.active{
    background: #B3D91C none repeat scroll 0 0;
    color: #ffffff;
}
.arrival-tab ul li:first-child a{
    border-radius: 50px 0 0 50px;
}
.arrival-tab ul li:last-child a{
    border-radius: 0 50px 50px 0;
}
.arrival-area.two .offer-content p{margin-bottom: 23px}
/*----------------------------------------*/ 
/*  15. Shop CSS
/*----------------------------------------*/
.widget-title h4{
    color: #3b3b3b;
    display: block;
    font-family: "Muli",sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    padding: 0 0 12px;
    position: relative;
    
    border-bottom: 1px solid #e5e5e5;
}
.shop-page-banner{padding-bottom: 30px}
.widget-cont{
    margin: 0 0 0 2px;
    overflow: hidden;
    padding: 13px 0 30px;
}
.widget-cont ul li{
    line-height: 25px;
    margin: 0;
    overflow: hidden;
}
.widget-cont ul li a:before{
    color: #c8c8c8;
    content: "";
    float: left;
    font-family: FontAwesome;
    font-size: 8px;
    padding-left: 1px;
    padding-right: 12px;
}
.widget-cont ul li a{
    clear: both;
    color: #666666;
    float: left;
    font-family: "Muli",sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    
    width: 100%;
}
.widget-cont ul li:hover a, .widget-cont ul li:hover a:before, .shop-item-filter ul li:hover a i, .shop-item-filter ul li a.active i{
    color: #B3D91C;
}
.shop-item-filter ul li a.active, .shop-item-filter ul li:hover a {color: #444444}
.widget-cont ul li a span{float: right}
.shop-banner{
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 4px;
}
.shop-banner img{
    transition: all 1s ease-out 0s;
    vertical-align: middle;
}
.shop-banner:hover img{
    transform: scale(1.2, 1.2);
}
.shop-cont h2{
    color: #676461;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    margin: 0 0 30px;
    text-transform: uppercase;
}
.shop-item-filter {
    background: #f7f7f7 none repeat scroll 0 0;
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
    padding: 9px 0 11px 2px;
    position: relative;
    width: 100%;
}
.shop-item-filter ul{margin-top: 1px}
.shop-item-filter ul li a i{
    border: 0 none;
    color: #999999;
    float: left;
    font-family: FontAwesome;
    font-size: 14px;
    text-align: center;
    margin-right: 8px;
    line-height: 35px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.shop-content-wrapper i {
    color: #808080;
    font-size: 15px;
    font-weight: normal;
    line-height: 32px;
    margin: 1px 10px 0 6px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.shop-content-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-left: 2px;
    padding-right: 10px;
}
.shop-item-filter ul li{
    margin: 0 8px;
}
.shop-item-filter ul li a{
    color: #999999;
    display: inline-block;
    font-family: "Muli",sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    position: inherit;
    
    width: auto;
    line-height: 35px;
}
.shop-item-filter ul li:first-child {
    margin-right: 12px;
}
.shop-item-filter .col-md-3:last-child .filter-by{margin-left: 30px}
.shop-item-filter ul li.active a{color: #444444;}
.shop-item-filter ul li.active a i{
    color: #B3D91C;
}
.toolbar .modes .modes-mode {
    border: 0 none;
    float: left;
    font-weight: normal;
    height: auto;
    line-height: 35px;
    padding: 0;
    width: auto;
}
.filter-by h4 {
    color: #444444;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 0 8px 0 0;
    line-height: 35px;
}
.filter-by form{display: inline-block}
.filter-by .select-filter select{
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    color: #999999;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    margin: 0;
    min-width: 130px;
    padding: 4px 10px 5px;
    
    vertical-align: initial;
}
.sorter-action::before {
    color: #808080;
    content: "\f357";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 28px;
    font-weight: normal;
    line-height: 32px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.sorter-action{
    bottom: 0;
    left: 100%;
    position: absolute;
    top: 0;
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
}
.tab-content .custom-row{display: flex; margin-right: -15px; margin-left: -15px}
.paginations{margin-top: 30px}
.paginations ul{margin: 0; padding: 0; line-height: none; display: flex;}
.paginations ul li{
    margin: 0 1px 0 0;
}
.paginations ul li a{
    display: block; 
    background: #E6E6E6; 
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    padding: 0;
    text-align: center;
    width: 45px;
    height: 40px;
    color: #7d7d7d;
}
.paginations ul li:last-child a{
    border-radius: 0 5px 5px 0;
    
    padding: 0 24px;
    width: auto;
}
.paginations ul li:hover a{
    color: #B3D91C;
}
.shop-details-area .tab-content {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 22px;
}
.shop-details-area .tab-content p{
   color: #636363;
    font-size: 14px;
    line-height: 28px;
}
.tab-content-menu ul li a.active{
    background: #B3D91C none repeat scroll 0 0;
    color: #ffffff;
    line-height: 53px;
    border: 0 none;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: auto;
    padding: 0 30px;
    position: relative;
    text-transform: uppercase;
}
.three .tab-content-menu ul li a.active{
    background: #B3D91C none repeat scroll 0 0;
}
.three .tab-content-menu ul li a:before{
    content: "";
    display: none;
    float: left;
    font-family: FontAwesome;
    font-size: 20px;
    margin-right: 10px;
    opacity: 0;
}
.three .tab-content-menu ul li a.active:before{
    opacity: 1;
}
.tab-content-menu ul li a{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #676461;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: auto;
    line-height: 45px;
    padding: 0 30px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.0s ease 0s;
    -o-transition: all 0.0s ease 0s;
    transition: all 0.0s ease 0s;
}
.tab-content-menu .feature-tab ul li {
    line-height: inherit;
    margin: 0;
    padding: 0 ;
}
.tab-content-menu ul li a.active:after{
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #E1F0C6 #E1F0C6;
    border-style: solid;
    border-width: 3px;
    content: "";
    opacity: 1;
    padding: 0;
    position: absolute;
    right: -6px;
    top: 1px;
}
.tab-content-menu ul li a.active{
}
.up-sell .feature-title{margin-top: 55px; margin-bottom: 0}
.shop-details-area .owl-carousel .owl-nav {
    right: 15px;
    top: -39px;
}
.up-sell .owl-carousel .owl-nav {
    right: 25px;
}
.up-sell .feature-item:hover{
    border-bottom: 1px solid #B3D91C;
}
/*----------------------------------------*/ 
/*  16. Colleciton CSS
/*----------------------------------------*/
.collection-area{overflow: hidden; display: flex}
.col{padding: 0}
.collection-image{
    background: #6e6d6d none repeat scroll 0 0;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.collection-image a{
    display: block;
    overflow: hidden;
    position: relative;
}
.collection-image a img {
    transition: all 0.4s ease-out 0s;
    vertical-align: middle;
}
.collection-image:hover img {
    transform: scale(1.05, 1.05);
}
.collection-image img {
    transform: scale(-1.05, 1.05);
}
.collection-content{
    color: #ffffff;
    font-family: "Muli",sans-serif;
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.collection-content h2{
    color: #ffffff;
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 38px;
    padding-bottom: 38px;
    position: relative;
}
.collection-content h2:after{
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 60px;
}
.collection-content h3{
    color: #ffffff;
    display: block;
    font-size: 29px;
    font-weight: 800;
    line-height: 29px;
    letter-spacing: 0.25em;
}
.collection-content p{
   display: block;
    font-size: 59px;
    font-weight: 300;
    margin: 0;
}
.collection-content p span{
    color: #B3D91C;
}
.collection-content a.look-book{
    border: 2px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-top: 58px;
    padding: 8px 20px;
    text-decoration: none;
}
.collection-content a.look-book:hover{
    border: 2px solid #B3D91C;
    color: #B3D91C;
}
/*----------------------------------------*/ 
/* 17. Women CSS
/*----------------------------------------*/
.col-women-left{
    float: left;
    padding: 0 15px;
    width: 40%;
}
.col-women-right{
    float: left;
    padding: 0 15px;
    width: 60%;
}
.tab-content{margin: 0 -15px;}
.products-img{margin: 30px -15px 0px}
.products-img {display: flex}
.col-women-left{margin-top: 12px}
.col-women-left .banner-image{margin:  0}
.col-women-right .category-carousel.owl-carousel .owl-nav {
    position: absolute;
    right: 15px;
    top: -48px;
}
.banner-image img {
    width: 100%;
}
.col-30{padding: 0 15px}
.col-women-right .feature-content .product-rating {padding: 0 0 10px}
.three.five.women-area .feature-tab ul li:nth-child(2)::after {
    background: none
}
.three.five .feature-content p:hover a {
    color: #B3D91C;
}
.three .feature-content p:hover a {
    color: #B3D91C;
}
.women-title{margin: 10px 0 15px}
.women-title h2{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #676461;
    display: block;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}
/*----------------------------------------*/ 
/*  18. Login CSS
/*----------------------------------------*/
.login-title h2{
    margin: 0px 0 35px;
    color: #676461;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}
.subtitle h3{
    font-weight: 500;
    color: #2b2b2b;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    padding-bottom: 12px;
}
.subtitle p{
    box-sizing: border-box;
    margin: 0 0 29px;
    color: #666666;
    font-family: "Muli",sans-serif;
    font-size: 13px;
}
.subtitle p span{
    float: right;
    font-size: 14px;
    color: #e02b27;
    
}
.subtitle label{
    box-sizing: border-box;
    float: left;
    padding: 6px 15px 0 0;
    font-weight: 700;
    
    width: 25.8%;
}
.email, .passwod{
    margin-bottom: 30px;
}
.email input, .password input{
    width: 74%;
}
.sign-in p.forget:hover{color: #B3D91C}
.subtitle label:after{
    color: #e02b27;
    content: "*";
    font-size: 1.2rem;
    margin: 0 0 0 5px;
}
.subtitle input{
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    height: 34px;
    outline: medium none;
    padding: 0 10px;
}
.sign-in a, .subtitle button{
    border-radius: 25px;
    cursor: pointer;
    display: inline-block;
    font-family: "Muli",sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    overflow: visible;
    padding: 5px 25px;
    text-align: center;
    
    transition: all 0.4s ease-out 0s;
    white-space: nowrap;
    float: left;
    width: auto;    
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #B3D91C;
    color: #676461;
    margin-left: 25.8%;
}
.subtitle button{margin-left: 0;}
.sign-in a:hover, .subtitle button:hover{
    background: #B3D91C none repeat scroll 0 0;
    color: #ffffff;
}
.sign-in p{
    margin-top: 6px;
    margin-bottom: 0;
    display: inline-block;
    float: right;
    
    cursor: pointer;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.login-right.sign-in a{margin-left: 0; margin-top: 30px}
.login-right p {
    line-height: 18px;
    margin: 0;
}
/*----------------------------------------*/ 
/*  19. Product Details CSS
/*----------------------------------------*/
.single-product-image .p-image img {
    width: 100%;
}
.single-product-image .slick-arrow {
    background-color: rgba(255, 255, 255, 0.3);
    color: #999999;
    cursor: pointer;
    font-size: 47px;
    overflow: hidden;
    position: absolute;
    height: 100%;
    top: 50%;
    padding: 0 30px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 9;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.single-product-image .slick-arrow:hover {
    background-color: rgba(255, 255, 255, 0.5);
}
.single-product-image .slick-arrow.slick-prev {left: -50px;}
.single-product-image .slick-arrow.slick-next {right: -50px;}
.single-product-image:hover .slick-arrow {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.single-product-image .slick-arrow:focus {box-shadow: none}
.single-product-image:hover .slick-arrow.slick-prev {left: 0px;}
.single-product-image:hover .slick-arrow.slick-next {right: 0px;}
.single-product-thumbnail {
    margin-top: 12px;
    width: 100%;
}
.single-product-thumbnail .slick-list {
    margin-left: -7px;
    margin-right: -7px;
}
.padright{padding-right: 0}
.single-product-thumbnail .slick-list .p-thumb {
    cursor: pointer;
    padding: 0 7px;
}
.single-product-thumbnail .slick-list .p-thumb img {
    cursor: pointer;
    width: 100%;
}
.details-content{margin-left: 45px}
.details-content h2{
    color: #676461;
    font-family: "Muli",sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    padding: 0 0 13px;
    text-transform: inherit;
}
.details-content .product-rating{
    clear: both;
    color: #ff9900;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    padding: 0 0 13px;
    right: 0;
}
.details-content p{
    color: #636363;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 25px;
}
.details-content .price-box span{
    color: #B3D91C;
    font-weight: bold;
    display: inline-block;
    font-size: 28px;
    line-height: 30px;
    font-family: "Muli",sans-serif;
}
.details-content .price-box span del{
    color: #676461;
    font-size: 18px;
    text-decoration: line-through;
    display: inline-block;
    font-weight: bold;
    line-height: 30px;
}
.box-to-cart{
    border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    margin: 30px 0 0;
    width: 100%;
}
.control{
    float: left;
    margin-bottom: 30px;
    padding: 0;
}
.control input{
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    color: #3b3b3b;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    padding: 0 0 0 10px;
    text-align: center;
    width: 45px;
}
a.add{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #676461;
    border-radius: 50px;
    color: #676461;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 41px;
    max-width: 170px;
    padding: 0px 38px;
    
    float: left;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.box-to-cart a.add{margin-left: 28px}
a.add:hover{
    background: #B3D91C;
    border: 2px solid #B3D91C;
    color: #fff;
}
.three a.add:hover{
    background: #B3D91C;
    border: 2px solid #B3D91C;
}
.add-to-link ul{;2
    margin: 0;
    padding: 0;;2
    list-style: none;
}
.add-to-link ul li{
    display: inline-block;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.add-to-link ul li:first-child{
    margin-right: 16px;
}
.add-to-link ul li a{
    color: #888888;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    font-family: "Open Sans","Open Sans";
    cursor: pointer;
    margin-top: 15px;
    padding: 0;
    text-align: center;
    text-transform: inherit;
    transition: all 0.4s ease-out 0s;
}
.add-to-link ul li a i{
    border: 1px solid #B3D91C;
    border-radius: 50%;
    color: #B3D91C;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 28px;
    margin-right: 5px;
    width: 30px;
}
.add-to-link ul li:hover a{
    color: #B3D91C;
}
.shop-details-area .single-left-widget .sub-img {
    width: 26%;
}
/*----------------------------------------*/
/*  20. Blog Details CSS
/*----------------------------------------*/
.blog-section .single-blog {margin-bottom: 40px;}
.blog-section .single-blog{margin: 0 0 40px 0}
.blog-details-area h5 {
    color: #252531;
    letter-spacing: 0.2px;
    margin-bottom: 12px;
    padding-top: 34px;
    text-transform: uppercase;
}
.blog-image img {
    width: 100%;
}
.blog-details-area {color: #444;}
.post-information {margin-bottom: 15px; overflow: hidden;}
.post-information span {
    display: inline-block;
    font-size: 12px;
    line-height: 11px;
    margin-right: 7px;
    padding-right: 8px;
    text-transform: uppercase;
}
.post-information > span:first-child {border-right: 1px solid #555555;}
.blog-details-text > p {
    color: #676767;
    font-family: "Muli",sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.blog-details-text > p.quote {margin: 40px 80px 27px 115px; position: relative;}
.blog-details-text p.quote:after {
    color: #999999;
    content: "";
    font-family: "FontAwesome";
    font-size: 30px;
    left: -36px;
    position: absolute;
    top: -13px;
}
.social-tags {
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    padding-bottom: 5px;
}
.social-tags > span {display: inline-block; font-size: 12px; line-height: 12px;}
.blog-links {display: inline-block; float: right;}
.blog-links > a {
    color: #555555;
    display: inline-block;
    line-height: 19px;
    margin-left: 13px;
    text-align: center;
    width: 13px;
}
.blog-links > a:hover {color: #B3D91C;}
.comment-reply-area {padding-top: 57px;}
.blog-details-area .details-title {
    border-bottom: 1px solid #e5e5e5;
    color: #252531;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 27px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.comment-img {float: left;}
.comment-text {overflow: hidden; padding-left: 22px;}
.single-comments {margin-bottom: 34px; overflow: hidden;}
.comment-information > a {
    color: #676461;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 13px;
    position: relative;
    text-transform: uppercase;
}
.comment-information > span {display: inline-block; float: right; line-height: 13px;}
.comment-text > p {color: #676767; font-size: 14px; line-height: 26px; margin: 0;}
.comment-information > span a:first-child {font-size: 12px; position: relative; top: 0;}
.comment-information > span a:last-child {position: relative; text-transform: uppercase;}
.comment-information span a {color: #555555; margin-left: 13px;}
.comment-information > span a:last-child:after {
    color: #555555;
    content: "/";
    left: -11px;
    position: absolute;
    top: 1px;
}
.comment-information > a:hover, .comment-information a:hover {color: #B3D91C;}
.comment-information {margin-bottom: 2px; overflow: hidden;}
.comments-wrapper {margin-bottom: 15px; overflow: hidden;}
.new-comment-post input, .new-comment-post textarea {
    color: #666;
    font-weight: 300;
    height: 38px;
    margin-bottom: 30px;
    padding: 0 20px;
    border: 1px solid #e4e4e4;
    width: 100%;
}
.new-comment-post input::-moz-placeholder, .new-comment-post textarea::-moz-placeholder {color: #666;} 
.new-comment-post input::-webkit-input-placeholder, .new-comment-post textarea::-webkit-input-placeholder {
    color: #666;
}
.new-comment-post textarea {height: 160px; margin-bottom: 40px; padding: 10px 20px;}
.new-comment-post .default-btn {border-radius: 0;  border: 1px solid #B3D91C}
.new-comment-post .default-btn:hover { border: 1px solid #B3D91C}
.search-box > input {border-color: #e5e5e5; color: #666; font-size: 13px; height: 34px; padding: 0 20px;}
.search-box > input::-moz-placeholder{color: #666;} 
.search-box > input::-webkit-input-placeholder{color: #666;}
.search-box {position: relative;}
.search-box > button {
    background: #e3e3e3 none repeat scroll 0 0;
    border: 0 none;
    color: #444444;
    cursor: pointer;
    font-size: 16px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 49px;
}
.search-box > button:hover {background: #B3D91C none repeat scroll 0 0; color: #fff}
.blog-details-area .single-widget {margin-bottom: 40px; overflow: hidden; position: relative;}
.blog-details-area .single-widget li {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    line-height: 12px;
    margin-bottom: 20px;
}
.blog-details-area .single-widget li a {
    color: #676767;
    display: block;
    font-size: 14px;
    line-height: 12px;
    padding-bottom: 11px;
    position: relative;
    
}
.blog-details-area .single-widget li a span {color: #676767; float: right; font-size: 13px;}
.blog-details-area .single-widget a:hover, .footer-area .single-widget a:hover i, .footer-area .single-widget a:hover span, .blog-details-area .single-widget a:hover i, .blog-details-area .single-widget a:hover span{color: #B3D91C;}
.blog-details-area .single-widget a i {
    color: #676767;
    font-size: 17px;
    line-height: 8px;
    padding-right: 10px;
    position: relative;
    top: 1px;
}
.footer-area .single-widget li:last-child {margin-right: 0;}
.recent-item > a {
    display: block;
    float: left;
    height: 70px;
    margin: 0 20px 0 0;
    padding: 0;
    position: relative;
    width: 70px;
}
.recent-item {margin-bottom: 36px; overflow: hidden;}
.recent-text {overflow: hidden;}
.recent-text > h5 {
    color: #676767;
    font-family: "Muli",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 6px;
    position: relative;
    text-transform: none;
    top: -6px;
    padding: 0;
}
.recent-info > a, .recent-info > span {color: #676767; font-size: 12px; margin: 0; line-height: 13px}
.recent-info {line-height: 12px;}
.recent-info > a:first-child {margin-right: 16px; position: relative;}
.recent-info > a:first-child::after {
    content: "|";
    position: absolute;
    right: -12px;
    top: 1px;
}
.recent-item:last-child {margin: 0;}
.tags {margin-left: -3px; margin-right: -3px}
.blog-details-area .single-widget .tags li {
    border: 0 none;
    display: inline-block;
    margin: 0 3px 12px;
}
.blog-details-area .single-widget .tags li a {
    border: 1px solid #e4e4e4;
    color: #676767;
    font-size: 12px;
    line-height: 31px;
    margin: 0;
    padding: 0 11px;
}
.blog-details-area .single-widget .tags li a:hover {
    background: #B3D91C none repeat scroll 0 0;
    border-color: #B3D91C;
    color: #ffffff;
}
.recent-item > a:before {border-radius: 50%;}
/*----------------------------------------*/
/*  21. Account CSS
/*----------------------------------------*/
.subtitle .important:after {right: -8px; top: 2px;}
.subtitle p label span.required, .shipping-discount .required, .contact-us-area .contact-form .required, .product-details-area span.required {color: #eb340a;}
.subtitle p input {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    border-radius: 0;
    height: 38px;
    padding: 0 0 0 10px;
    width: 100%;
}
.form-action {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    float: left;
    padding: 15px 10px;
    width: 100%;
}
.form-action p.lost_password {float: left; font-size: 14px; line-height: 36px; margin: 0; padding-left: 15px;}
.form-action p.lost_password:hover {color: #B3D91C}
.form-action label {cursor: pointer; float: right; font-weight: normal; margin: 7px 19px 0 0;}
.form-action label input {
    height: auto;
    line-height: 0;
    margin-right: 8px;
    margin-top: 0;
    position: relative;
    top: 1px;
    width: auto;
}
.form-action > button {
    background: #252531 none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    float: right;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-right: 14px;
    padding: 12px 35px;
    text-transform: uppercase;
}
.form-action > button:hover {background: #B3D91C none repeat scroll 0 0; color: #fff}
/*----------------------------------------*/
/*  22. Cart CSS
/*----------------------------------------*/
.cart-main-area .cart-table table {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f1f1f1;
    line-height: 25px;
    margin: 0;
    width: 100%;
}
.cart-main-area .cart-table table th {
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    color: #252531;
    font-size: 14px;
    letter-spacing: 0.3px;
    padding: 13px 20px;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: center;
}
.cart-main-area .p-image > a {border: 1px solid #ececec; display: block; text-align: center;}
.cart-main-area .cart-table table td {
    border-right: 1px solid #f1f1f1;
    color: #252531;
    text-align: center;
    vertical-align: middle;
}
.cart-main-area .cart-table table td.p-total {font-size: 15px; text-align: center; width: 13%;}
.cart-main-area .cart-table table .p-amount {text-align: center; width: 13%;}
.cart-main-area .cart-table table tbody .p-amount {font-size: 15px;
}
.cart-main-area .cart-table table td.edit {text-align: center; width: 10%;}
.cart-main-area .cart-table table td.p-quantity {text-align: center; width: 10%;}
.cart-main-area .cart-table .p-quantity input, .wishlist-concept form input {
    border: 1px solid #f2f2f2;
    color: #222222;
    padding: 5px;
    text-align: center;
    width: 3em;
}
.cart-main-area .all-cart-buttons {padding: 40px 0 35px;}
.ht-shipping-content, .amount-totals {display: block; margin-bottom: 46px; overflow: hidden;}
.cart-main-area .ht-shipping-content h3, .ht-single-about > h3 {
  border-bottom: 1px solid #ececec;
  color: #252531;
  font-family: "Muli",sans-serif;
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 13px;
  margin-bottom: 11px;
  padding-bottom: 9px;
  text-transform: uppercase;
}
.cart-main-area select.country {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #f1f1f1;
    color: #777777;
    height: 40px;
    margin-bottom: 18px;
    outline: medium none;
    padding: 0 10px;
    width: 300px;
    cursor: pointer;
}
.postal-code > input {
    border: 1px solid #f1f1f1;
    color: #555555;
    height: 38px;
    line-height: 25px;
    margin-bottom: 27px;
    outline: medium none;
    padding: 0 10px;
    width: 300px;
}
.cart-main-area select.country {-moz-appearance: none; -webkit-appearance: none;}
.ht-shipping-content .level {color: #7d7d7d; font-size: 13px; margin-bottom: 12px;}
.amount-totals {padding-left: 35px;}
.amount-totals > p.total {color: #7d7d7d; display: block; margin-bottom: 11px; text-align: left;}
.amount-totals p:nth-child(2) {text-transform: uppercase; font-size: 16px;}
.amount-totals span {float: right;}
.amount-totals .button {float: right; margin-bottom: 10px; margin-top: 9px; overflow: hidden;}
.cart-main-area .cart-table table th.p-image {border: 0 none;}
.cart-main-area .cart-table table .p-name {width: 25%;}
table .p-image {padding: 0 43px 51px; width: 24%;}
.cart-main-area .cart-table table .p-total {padding: 13px 32px;}
.cart-main-area .cart-table table th.p-edit {border-left: 0 none;}
.p-name > a {color: #252531; font-size: 16px;}
.p-name > a:hover {color: #B3D91C}
.all-cart-buttons button, .buttons-set .button, .amount-totals .button {
  background: #252531 none repeat scroll 0 0;
  border: 0 none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 13.3px;
  font-weight: 600;
  letter-spacing: 0.2px;
  line-height: 39px;
  padding: 0 27px;
  text-transform: uppercase;
}
.all-cart-buttons button:hover, .buttons-set .button:hover, .amount-totals .button:hover {background: #B3D91C}
.all-cart-buttons button:last-child, .all-cart-buttons button:nth-child(2) {float: right; margin-left: 5px;}
.all-cart-buttons .button:hover, .buttons-set .button:hover, .amount-totals .button:hover {
    background: #B3D91C none repeat scroll 0 0;
}
.ht-shipping-content > p {color: #7d7d7d; font-size: 14px; line-height: 20px; margin-bottom: 19px;}
.ht-shipping-content > h4 {
  color: #252531;
  font-family: "Muli",sans-serif;
  font-size: 15.3px;
  letter-spacing: 0.2px;
  line-height: 13px;
  margin-bottom: 22px;
  text-transform: uppercase;
}
.ht-shipping-content:nth-of-type(2) > p {margin-bottom: 14px;}
.amount-totals > p {color: #7d7d7d; font-size: 13px; text-align: right;}
.ht-shipping-content:nth-of-type(2) {margin: 0;}
/*----------------------------------------*/
/*  23. Checkout CSS
/*----------------------------------------*/
.checkout-area .panel-group {margin: 0; padding-bottom: 0px;}
.checkout-area #accordion .panel-heading {padding: 0}
.checkout-area #accordion .panel-title a.collapsed {font-size: 15px; border-color: #eeeeee; margin-bottom: 27px;}
.checkout-area .panel-title > a {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 3px solid #ffffff;
    color: #222222;
    display: block;
    font-family: "Muli",sans-serif;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 16px;
    margin-bottom: 9px;
    padding: 0 0 12px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
.checkout-area #accordion .panel-title a span {color: #000000; padding-right: 8px; font-size: 18px}
.checkout-area #accordion .panel-title a.collapsed span {color: #222222;}
.checkout-area .panel {border: 0}
.checkout-area .panel {box-shadow: none}
.single-checkout > h2{font-size: 16px; font-weight: 500; margin-bottom: 13px; padding-top: 7px;}
h3.login-title {
    border-bottom: 2px solid #e5e5e5;
    color: #252531;
    font-family: "Muli",sans-serif;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.single-checkout p.heading-p {color: #222222; font-size: 14px; margin-bottom: 19px;}
.single-checkout label {
    color: #7d7d7d;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    overflow: hidden;
}
.single-panel {float: left; width: 50%;}
.single-panel:first-child {padding-right: 41px;}
.single-panel:last-child {padding-left: 41px;}
.single-checkout input {float: left; height: 23px; width: auto; cursor: pointer}
.single-checkout:first-child {margin-bottom: 14px;}
.single-checkout span {color: #7d7d7d; float: left; padding-left: 7px;}
.single-checkout input[type="radio"] {margin-top: -2px}
.single-checkout h4 {color: #222222; font-size: 14px; font-weight: normal; margin: 0 0 31px;}
.panel-body p.fast-check {color: #7d7d7d; line-height: 25px; margin-bottom: 1px;}
.fast-check span {padding-right: 13px; padding-left: 0;}
.single-checkout p {color: #7d7d7d;}
.single-checkout:last-child .heading-p {margin-bottom: 15px;}
.login-btn {margin-top: 29px}
.checkout-area .c-btn:hover, .login-btn:hover, .login-reister-area .c-btn:hover {
    background: #E03550 none repeat scroll 0 0;
    color: #ffffff;
} 
.login-form input {
    border: 1px solid #e1e1e1;
    border-radius: 0;
    box-shadow: none;
    clear: both;
    cursor: auto;
    display: block;
    height: 32px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 10px;
    width: 100%;
}
.single-checkout .login-form p {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
    padding-bottom: 5px;
}
.login-form p span {color: #eb340a; padding-left: 2px;}
.forgot-pass {
    border-bottom: 1px solid #222222;
    color: #222222;
    display: inline-block;
    line-height: 13px;
    margin-top: 5px;
    overflow: hidden;
    text-decoration: none;
    z-index: 9;
}
.login-reister-area .c-btn {
    display: block;
    float: left;
    margin-top: 20px;
    padding: 6px 25px !important;
}
.checkout-progress .section-title {margin-bottom: 0; margin-right: 0;}
.checkout-progress ul.check li {border-bottom: 1px solid #ececec; display: block; padding: 13px 0 17px;}
.checkout-progress ul.check li:last-child {border: 0}
.checkout-progress .check > li a {color: #7d7d7d; text-transform: uppercase; font-size: 13px;}
.checkout-progress .check > li a:hover {color: #B3D91C}
.checkout-progress ul.check li a i {margin-right: 18px; font-size: 14px;}
.checkout-area .customer-name div, .checkout-area .customer-info div, .customer-info div, .city-country div {
    float: left;
    width: 50%;
}
.checkout-area .login-form p {color: #7d7d7d; padding-bottom: 0;}
.city-country, .customer-info, .customer-name {overflow: hidden}
.city-country select {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    width: 100%;
    cursor: pointer;
}
.ship-address > input {
    display: inline-block;
    height: auto;
    margin-right: 6px;
    padding: 0;
    position: relative;
    top: -3px;
    width: auto;
}
.checkout-area .login-form .buttons-set {padding-bottom: 0; padding-top: 10px; overflow: hidden;}
.ship-address label {font-weight: normal; margin-bottom: 0; cursor: pointer}
.ship-address input[type="radio"] {
    display: inline-block;
    margin-right: 9px;
    margin-top: 0;
    width: auto;
    height: auto;
}
.ship-address input[type="radio"]:focus, .billing-add input[type="checkbox"]:focus {outline: none}
.billing-add input[type="checkbox"] {
    display: inline-block;
    height: auto;
    margin-right: 6px;
    margin-top: -2px;
    width: auto;
}
.ship-new-address-info {display: none}
.checkout-area p.back-link {float: left; line-height: 14px; margin-top: 13px; padding-left: 0;}
.checkout-area p.back-link a:hover{color: #B3D91C}
.ship-method .buttons-set {margin: 20px 0 0; padding-top: 15px; overflow: hidden;}
.ship-wrap .ship-address input {margin-top: 0; top: 2px; position: relative;}
.checkout-table {padding: 10px}
.checkout-table table {width: 100%}
.checkout-table thead th {
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    text-transform: uppercase;
}
.checkout-table table .p-amount {width: 80px}
.checkout-table table .p-quantity {text-align: center; width: 50px;}
.checkout-table table .p-total {width: 90px}
.checkout-table tbody tr, .checkout-table tfoot {border-top: 1px solid #f2f2f2}
.checkout-table tbody td.p-name {color: #232323; font-size: 16px; text-align: left;}
.checkout-table tbody td {padding: 10px; text-align: right; color: #7d7d7d;}
.checkout-table tfoot td {color: #7d7d7d; padding: 2px 10px; text-align: right;}
.checkout-table tfoot tr:first-child, .checkout-table tfoot tr:last-child {font-size: 16px}
.checkout-buttons {
    border: 1px solid #d9dde3;
    margin: 12px 2px;
    overflow: hidden;
    padding: 20px 30px;
}
.checkout-table .login-btn {margin-top: 0}
.panel-body p.fast-check:nth-of-type(3) {margin-bottom: 40px;}
.checkout-area .panel-body {
    border: 1px solid #dcdcdc;
    margin-bottom: 59px;
    padding: 32px 49px 31px 36px;
    overflow: hidden;
}
.single-panel:nth-child(2) .single-checkout > h4 {margin-bottom: 20px;}
.login-form > form {padding-top: 5px;}
.forgot-pss {display: inline-block;}
.forgot-pass:hover {color: #B3D91C; border-color: #B3D91C}
.single-checkout .default-btn {border: 1px solid #B3D91C}
.single-checkout .default-btn:hover, .single-checkout .default-btn:active, .single-checkout .default-btn:focus {
    color: #B3D91C
}
.pass-wrap {margin-bottom: 27px;}
.customer-name > div:nth-child(1), .customer-info > div:nth-child(1), .city-country > div:first-child {
    padding-right: 15px;
}
.customer-name > div:nth-child(2), .customer-info > div:nth-child(2), .city-country > div:nth-child(2) {
    padding-left: 15px;
}
.checkout-area .buttons-set .button {float: right;}
.ship-method > p {color: #7d7d7d;}
.checkout-area .buttons-set .button {float: right;}
.ship-method > p {color: #7d7d7d;}
.ship-method.payment {text-align: left;}
.checkout-area .ship-address {margin-bottom: 10px;}
.checkout-buttons > p {color: #7d7d7d; float: left;}
.checkout-buttons .button {float: right;}
.checkout-buttons .default-button {float: right;}
.checkout-buttons .default-btn {float: right; font-size: 13px; border: 1px solid #B3D91C}
.checkout-buttons a:hover {color: #B3D91C;}
.checkout-progress .section-title > h4 {
    border-bottom: 2px solid #ececec;
    color: #222222;
    font-family: "Muli",sans-serif;
    font-size: 18px;
    letter-spacing: 0.2px;
    line-height: 14px;
    margin-bottom: 5px;
    padding-bottom: 25px;
    text-transform: uppercase;
}
.checkout-progress .section-title {margin-bottom: 0; margin-right: 0;}
/*----------------------------------------*/
/*  24. Wishlist CSS
/*----------------------------------------*/
.wishlist-table table {
    background: #ffffff none repeat scroll 0 0;
    border-color: #f2f2f2;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    width: 100%;
}
.wishlist-table table th, .wishlist-table table td {
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    color: #252531;
    font-size: 14px;
    letter-spacing: 0.3px;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
}
.wishlist-table table .product-remove {padding: 0 15px; width: 20px;}
.wishlist-table table .product-remove > a {color: #777777; font-size: 27px;}
.wishlist-table table .product-remove > a:hover {color: #B3D91C;}
.wishlist-table table .product-thumbnail {width: 150px;}
.wishlist-area .product-name > a, .wishlist-area td.product-price span.amount, .wishlist-area .product-stock-status span {
    color: #7d7d7d;
    font-size: 16px;
    
}
.wishlist-table table .wishlist-in-stock, .wishlist-table table .w-c-price {color: #252531;}
.wishlist-table table .product-add-to-cart > a {
    background: #252531 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 13.3px;
    font-weight: 600;
    letter-spacing: 0.2px;
    padding: 10px 30px;
    text-transform: uppercase;
}
.wishlist-table table .product-add-to-cart > a:hover {background: #B3D91C none repeat scroll 0 0;}
.wishlist-table table .product-add-to-cart {width: 240px;}
.wishlist-share {margin: 20px 0;}
.wishlist-share ul li {display: inline-block; height: 21px; margin-left: 0; margin-right: 0;}
.wishlist-share ul li a {
    background-position: left top;
    border: medium none;
    display: inline-block;
    height: 21px;
    width: 21px;
}
.wishlist-share ul li a.facebook {
    background: rgba(0, 0, 0, 0) url("../images/facebook.png") no-repeat scroll 0 0;
}
.wishlist-share ul li a.twitter {
    background: rgba(0, 0, 0, 0) url("../images/twitter.png") no-repeat scroll 0 0;
}
.wishlist-share ul li a.pinterest {
    background: rgba(0, 0, 0, 0) url("../images/pinterest.jpg") no-repeat scroll 0 0;
}
.wishlist-share ul li a.googleplus {
    background: rgba(0, 0, 0, 0) url("../images/googleplus.jpg") no-repeat scroll 0 0;
}
.wishlist-share ul li a:hover {
    background-position: left bottom;
}
.product-name > a:hover {color: #B3D91C;}
.wishlist-share-title {font-size: 14px; margin-bottom: 10px;}
/*----------------------------------------*/ 
/*  25. Newsletter CSS
/*----------------------------------------*/
.modal {
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999999;
}
.modal-dialog {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    height: 390px;
    left: 0;
    margin: auto;
    max-width: 790px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
}
.newsletter-content > h2 {
    color: #000000;
    font-size: 36px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 60px;
    text-transform: uppercase;
}
.modal button.close {
    background: #444444 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    height: 24px;
    letter-spacing: 0.4px;
    opacity: 1;
    padding: 5px;
    position: absolute;
    right: 0;
    text-shadow: none;
    text-transform: uppercase;
    top: -25px;
    width: 70px;
    cursor: pointer;
}
.modal .close:focus, .close:hover {
    background: inherit;
    box-shadow: none;
}
.modal-content {
    border: 0 none;
    border-radius: 0;
    padding: 25px 70px;
}
#quickview-wrapper .modal-content {
    border: 0 none;
    border-radius: 0;
}
#quickview-wrapper .modal-header {
    border-bottom: none;
    padding: 0px;
}
#quickview-wrapper .modal-body {
    padding: 0px;
}
#quickview-wrapper .details-content {
    margin-left: 60px;
}
#quickview-wrapper .modal-content{
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 35px;
    width: 100%;
}
#quickview-wrapper .modal {
    background-color: rgba(0, 0, 0, 0.3);
}
#quickview-wrapper .modal-dialog {
    height: 73%;
    max-width: 950px;
}
#quickview-wrapper .modal button.close::before {
    background: #d4232b none repeat scroll 0 0;
    color: #ffffff;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
#quickview-wrapper .modal button.close {
    font-size: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999999;
    background: transparent;
    padding: 0;
    width: auto;
    height: auto;
    margin: 0;
}
.newsletter-content > p {
    border-radius: 0;
    color: #7d7d7d;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    margin: 15px 0;
    padding: 0;
    vertical-align: top;
    white-space: pre-line;
}
.newsletter-content > input {
    background: #ebebeb none repeat scroll 0 0;
    border: 0 none;
    line-height: 41px;
    margin: 0 0 20px;
    padding: 0 10px;
    width: 380px;
}
.newsletter-content ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
}
.newsletter-content ::-moz-placeholder { /* Firefox 19+ */
    color: #999;
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.newsletter-content :-ms-input-placeholder { /* IE 10+ */
    color: #999;
}
.newsletter-content :-moz-placeholder { /* Firefox 18- */
    color: #999;
}
.newsletter-content > button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #676461;
    border-radius: 0;
    color: #676461;
    cursor: pointer;
    display: block;
    font-family: "Muli",sans-serif;
    font-s;8ize: 16px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 auto;
    overflow: visible;
    padding: 3px 32px 2px;
    text-align: center;
    
    transition: all 0.4s ease-out 0s;
    white-space: nowrap;
    width: auto;
}
.newsletter-content > button:hover {
    border-color: #B3D91C;
    background: #B3D91C;
}
.checkbox_newsletter > input {
    vertical-align: top;
    line-height: normal;
    margin: 3px 0 0;
}
.checkbox_newsletter {
    padding-top: 15px;
}
.checkbox_newsletter > label {
    color: #7d7d7d;
    font-size: 14px;
    line-height: 13px;
    margin-top: 4px;
}
/*----------------------------------------*/ 
/*  26. Deal CSS
/*----------------------------------------*/
.deal-area .feature-img{position: relative}
.deal-area .timer-wrapper{
    left: 0;
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 2;
}
.deal-area .timer .timer-grid{
    display: flex;
    justify-content: center;
}
.deal-area .timer .timer-grid .cdown {
  border-bottom: 2px solid #e2e1e2;
  border-right: 2px solid #e2e1e2;
  border-top: 2px solid #e2e1e2;
  display: block;
  font-family: "Muli",sans-serif;
  line-height: 25px;
  margin-right: 0;
  text-align: center;
  width: 20%;
  font-size: 16px;
}
.deal-area .timer .timer-grid .cdown:first-child{
    border-left: 2px solid #e2e1e2;
}
.deal-area .timer .timer-grid span.counting {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-bottom: 2px solid #e2e1e2;
  border-radius: 0;
  color: #B3D91C;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.deal-area .timer .timer-grid .c-text{
    color: #B3D91C;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    width: 100%;
    padding: 0;
    margin: 0
}
.deal-area .timer .timer-grid span {
    border-radius: 0;
    display: block;
    position: inherit;
}
/*----------------------------------------*/
/*  27. Contact CSS
/*----------------------------------------*/
.contact-area h4 {
    color: #252531;
    line-height: 14px;
    margin-bottom: 30px;
    font-size: 20px;
    font-family: 'Muli', sans-serif;
    letter-spacing: .3px;
}
.contact-area #contact-form input, .contact-area #contact-form textarea {
    border: 1px solid #e4e4e4;
    color: #000000;
    font-size: 12px;
    font-weight: 300;
    height: 38px;
    margin-bottom: 25px;
    padding: 0 20px;
    width: 100%;
}
.contact-area .default-btn:hover{background: #E1F0C6; color: #fff }
.contact-area #contact-form textarea {height: 159px; padding: 10px 20px; margin-bottom: 35px}
.contact-area #contact-form input::-moz-placeholder, .contact-area #contact-form textarea::-moz-placeholder {
    color: #888;
} 
.contact-area #contact-form input::-webkit-input-placeholder, .contact-area #contact-form textarea::-webkit-input-placeholder {
    color: #888;
}
.adrs-text > span {color: #666666; display: inline-block; line-height: 24px;}
.c-address-icon {
    background: #676767 none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 47px;
}
.single-contact-adrs {float: left; width: 33.3333%;}
.contact-address-info {
    margin-top: 20px;
    overflow: hidden;
    padding: 40px 132px 36px;
}
.adrs-text {overflow: hidden; padding-top: 15px;}
.single-contact-adrs:hover .c-address-icon {background: #B3D91C none repeat scroll 0 0;}
/*----------------------------------------*/ 
/*  28. Scrollup CSS
/*----------------------------------------*/
#scrollUp {
    background: #b0b0b0 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    bottom: 24px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 24px;
    height: 52px;
    line-height: 52px;
    position: fixed;
    right: 12px;
    text-align: center;
    transition: all 0.4s ease-out 0s;
    width: 52px;
    z-index: 9999;
}
#scrollUp:hover {
    background: #e2e1e2 none repeat scroll 0 0;
}
#scrollUp:hover {
}
@keyframes scroll-top {
0% {
    bottom: 0;
    opacity: 0;
}
50% {
    bottom: 50%;
    opacity: 1;
}
100% {
    bottom: 75%;
    opacity: 0;
}
}
@keyframes scroll-top {
0% {
    bottom: 0;
    opacity: 0;
}
50% {
    bottom: 50%;
    opacity: 1;
}
100% {
    bottom: 75%;
    opacity: 0;
}
}
@keyframes scroll-top {
0% {
    bottom: 0;
    opacity: 0;
}
50% {
    bottom: 50%;
    opacity: 1;
}
100% {
    bottom: 75%;
    opacity: 0;
}
}
@media screen and (max-width:940px){
.top-left p {
    color: #fff;
    font-family: "Muli",sans-serif;
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
    margin: 0 2px 0 0;
}
} font-family: "Muli",sans-serif;
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
    margin: 0 2px 0 0;
}
}

/* RECYGO global theme overrides */
:root {
    --recygo-green: #B3D91C;
    --recygo-green-dark: #9fc516;
    --recygo-yellow: #FFCB05;
    --recygo-blue: #050C42;
    --recygo-blue-soft: #050C42;
    --recygo-light: #E1F0C6;
}

body {
    color: var(--recygo-blue-soft);
}

h1, h2, h3, h4, h5, h6,
.section-title-one h3,
.blog-details-area h1,
.blog-details-area h2,
.breadcrumbs ul li.active,
.breadcrumbs ul li a:hover {
    color: var(--recygo-blue) !important;
}

.blog-details-area h1 {
    color: var(--recygo-blue) !important;
}

a,
.main-menu > nav > ul > li:hover > a,
.main-menu > nav > ul > li.active > a,
.three .main-menu > nav > ul > li:hover > a > i,
.three .main-menu > nav > ul > li > ul li a:hover,
.nav-menu > ul > li:hover > a,
.footer-area .single-widget > ul > li > a:hover {
    color: var(--recygo-blue) !important;
}

.top-link.bg-three,
.bg-three {
    background: #ffffff !important;
    border-bottom: 1px solid #E8EBF0 !important;
}

.bg-three .top-left p,
.bg-three .account-usd ul li a,
.bg-three .account-usd > ul > li > a::before {
    color: var(--recygo-blue) !important;
}

.main-header.three,
.main-header,
.header-sticky {
    background: #ffffff !important;
}

.logo-recygo,
.logo.main .logo-recygo {
    display: inline-flex;
    align-items: center;
    min-height: 70px;
    color: var(--recygo-blue) !important;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: .02em;
    text-decoration: none !important;
}

.logo-recygo span {
    color: var(--recygo-green) !important;
}

.recygo-logo-img {
    display: block;
    max-width: 185px;
    max-height: 72px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.footer-logo .recygo-logo-img {
    max-width: 160px;
    max-height: 64px;
    margin-bottom: 18px;
}

.header-bottom,
.header-bottom.four {
    background: var(--recygo-light) !important;
}

.category-nav .nav-title,
.category-nav .nav-title.show-submenu,
.nav-title,
.header-cart.main > a,
.three .header-cart > a {
    background: var(--recygo-green) !important;
    color: var(--recygo-blue) !important;
}

.category-nav .nav-title h2,
.nav-title h2,
.header-cart.main span,
.header-cart.main a > i,
.header-phone.three,
.header-phn-info span,
.header-phone .fa {
    color: var(--recygo-blue) !important;
}

.search-box.three input,
.search-box input {
    border-color: var(--recygo-green) !important;
}

.search-box.three button,
.search-box button,
.mean-container a.meanmenu-reveal span,
.mean-container .mean-nav ul li a:hover,
.three .mean-container .mean-nav ul li a:hover {
    background: var(--recygo-green) !important;
    color: var(--recygo-blue) !important;
}

.btn,
.btn-catalogue,
.gourdes-cta-buttons .btn-catalogue,
.ggx-cta .btn-catalogue,
button,
input[type="submit"] {
    border-color: var(--recygo-green) !important;
}

.btn-catalogue,
.gourdes-cta-buttons .btn-catalogue,
.ggx-cta .btn-catalogue {
    background: var(--recygo-green) !important;
    color: var(--recygo-blue) !important;
    font-weight: 700;
}

.btn-catalogue:hover,
.gourdes-cta-buttons .btn-catalogue:hover,
.ggx-cta .btn-catalogue:hover {
    background: var(--recygo-green-dark) !important;
    color: var(--recygo-blue) !important;
}

.btn-conseils,
.gourdes-cta-buttons .btn-conseils,
.ggx-cta .btn-conseils {
    border-color: var(--recygo-blue) !important;
    color: var(--recygo-blue) !important;
    background: #ffffff !important;
}

.btn-conseils:hover,
.gourdes-cta-buttons .btn-conseils:hover,
.ggx-cta .btn-conseils:hover {
    background: var(--recygo-blue) !important;
    color: #ffffff !important;
}

.card[style*="border-left"],
.blog-details-text[style*="border-left"] {
    border-left-color: var(--recygo-green) !important;
}

.footer-area,
.footer-area.two,
.recygo-footer {
    background: var(--recygo-blue) !important;
    color: #ffffff !important;
}

.footer-area .main-footer {
    background: var(--recygo-blue) !important;
}

.footer-area .single-widget h2,
.footer-area .single-widget h3,
.footer-area .single-widget h4,
.footer-area .single-widget p,
.footer-area .footer-add p,
.footer-area .copyright p {
    color: #ffffff !important;
}

.footer-area .single-widget h2::after,
.two .footer-area .single-widget h2::after,
.two.footer-area .single-widget h2::after,
.footer-logo::before {
    background: var(--recygo-green) !important;
}

.footer-area .single-widget a,
.footer-area .single-widget > ul > li > a,
.footer-area .copyright p a {
    color: #ffffff !important;
}

.footer-area .single-widget a:hover,
.footer-area .single-widget > ul > li > a:hover,
.footer-area .copyright p a:hover {
    color: var(--recygo-green) !important;
}

.footer-social ul li,
.two .footer-social ul li:hover,
.footer-area .single-widget .footer-social ul li a:hover {
    background: var(--recygo-green) !important;
}

.footer-social ul li a,
.footer-social ul li a i {
    color: var(--recygo-blue) !important;
}

.footer-bottom {
    background: #050C42 !important;
}

/* Final RECYGO palette lock: remove legacy ochre accents */
.category-nav .nav-title,
.category-nav .nav-title.show-submenu,
.nav-title.show-submenu,
.header-cart.main > a,
.three .header-cart > a {
    background: #050C42 !important;
    background-color: #050C42 !important;
    color: #ffffff !important;
}

.category-nav .nav-title h2,
.category-nav .nav-title h2::before,
.category-nav .nav-title h2::after,
.nav-title h2,
.header-cart.main span,
.header-cart.main a > i {
    color: #ffffff !important;
}

.header-bottom,
.header-bottom.four {
    background: #E1F0C6 !important;
}

.breadcrumbs ul li.active,
.breadcrumbs ul li.active::before,
.breadcrumbs ul li:hover,
.breadcrumbs ul li:hover a,
.breadcrumbs ul li:hover::before {
    color: #B3D91C !important;
}

.blog-details-area a,
.card a,
.single-widget a {
    color: #050C42 !important;
}

.blog-details-area a:hover,
.card a:hover,
.single-widget a:hover {
    color: #B3D91C !important;
}