/*=================== Font-Facing ===========*/ @font-face { font-family: 'frente_h1regular'; src: url('../fonts/frenteh1-regular-webfont.eot'); src: url('../fonts/frenteh1-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/frenteh1-regular-webfont.woff2') format('woff2'), url('../fonts/frenteh1-regular-webfont.woff') format('woff'), url('../fonts/frenteh1-regular-webfont.ttf') format('truetype'), url('../fonts/frenteh1-regular-webfont.svg#frente_h1regular') format('svg'); font-weight: normal; font-style: normal; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, .navbar { display: block; *zoom:1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } a { background: transparent; color: #8d8d8d; outline: none; text-decoration: none; vertical-align: baseline; margin: 0; padding: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } a:hover { text-decoration: none; color: #fff;} abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } input, select { vertical-align: middle; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -webkit-border-radius: 0; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -moz-box-sizing: content-box; -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; } ul{ margin-bottom:0} input::-moz-focus-inner { border:0; padding:0; } input[type="text"], input[type="password"], input[type="name"], input[type="email"], input[type="date"], input[type="tel"] { outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; font-weight: 400; border: none; } input[type="text"]:focus, input[type="password"]:focus, input[type="name"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="tel"]:focus { outline: none; } textarea { overflow: auto; vertical-align: top; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; font-weight: 400; border: none; } textarea:focus { outline: none; } #contact_comment { outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; font-weight: 400; border: none; } #contact_comment:focus { outline: none; } :-moz-placeholder{opacity: 1 !important; color: #fff;} ::-moz-placeholder{opacity: 1 !important; color: #fff;} :-ms-input-placeholder{opacity: 1 !important; color: #fff;} .res-mar-btm-30{margin-bottom:0;} h1, h2, h3, h4, h5, h6 { font-weight: 400; } img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border: none; display: block; } * { margin: 0px; padding: 0px; } nav ul { list-style: none; } ul { list-style: none; } strong { font-weight: 700; } .nopad { padding-bottom: 0px !important; } em { font-style: italic; } body { font-size: 16px; color: #6e6e6e; font-family: 'Montserrat', sans-serif; font-weight: normal; margin: 0px; padding: 0px; text-align: center; line-height:20px; overflow-x: hidden;} body.overflow{position:relative;} body.overflow .bg{position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100vh; background:rgba(0,0,0,0.5); z-index:99;-webkit-transition:all .6s ease-in; -moz-transition:all .6s ease-in; -ms-transition:all .6s ease-in; -o-transition:all .6s ease-in; transition:all .6s ease-in;} /* body .bg.appear{display:none;}*/ header, footer, section { float: left; width: 100%;} .dropdown-toggle::after{ display:none;} .dropdown-menu > li > a{padding: 3px 20px; color: #333; font-size: 14px; line-height: 22px; display: block; clear:both} .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{color: #262626; text-decoration: none; background-color: #f5f5f5;} .dropdown-menu{-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);} /* remove gutter spacing outside */ .row.no-gutter { margin-left: 0; margin-right: 0; } /* only remove padding of middle columns */ .row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-right:0; padding-left:0; } .section-padding{padding:90px 0;} .container-fluid {padding-right:25px; padding-left:25px;} .list-inline{margin-left:0;} /* Header Start */ header{float:left; width:100%;} header .top-header{float:left; width:100%; background:#5a4a3b; height:40px;} header .top-header .lpart{float:left;} header .top-header .social{float:left;} header .top-header .social-widget{float:left;} header .top-header .social-widget li{float:left;} header .top-header .social-widget li a{display:inline-block;} header .top-header .social-widget li i:before{margin:0;} header .top-header .social-widget li i{font-size:14px; line-height:44px; width:28px; vertical-align:middle; color:#9b9997; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; display:block;} header .top-header .social-widget li a:hover i{background:#EF4D48; color:#fff;} .top-header .tel-and-email{float:left;} .top-header .tel-and-email p{float:left; margin:0; color:#a3d865; font-size:12px; font-weight:400; line-height:40px;} .top-header .tel-and-email p a{color:#fff; } .top-header .tel-and-email p a:hover{color:#a3d865;} .top-header .tel-and-email p.tel{padding:0 20px;} .top-header .rpart{float:right;} .country{float:left; position:relative; margin:0 auto; width:auto;padding-right:20px;} .country .select{position:relative; height:40px; line-height:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer; color:#fff; font-weight:400; font-size:12px; text-transform:uppercase; padding:0 15px 0 0; width:90px; text-align:left;} .country .select:after{content:'\f107'; position:absolute; top:0; right:0; font-family: "fontello"; font-size:13px;} .country .select.open:after{content:'\f106';} .country .select img{display:inline-block; margin-right:8px;} .country .dropdown{background:#5a4a3b; position:absolute; width:120px; z-index:999;} .country .dropdown li{padding:0 20px; line-height:34px; font-size:13px; font-weight:400; color:#828282; cursor:pointer; cursor:pointer; color:#fff; font-weight:400; font-size:12px; text-transform:uppercase; text-align:left; } .country .dropdown li img{display:inline; padding-right:8px;} .country .dropdown li.open{display:block;} .country .dropdown li:hover{background:#dedede; color:#454545;} .currency{float:left; position:relative;} .currency .btn{height:40px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border:none; color:#fff; padding:0 12px 0 0; line-height:40px; font-size:12px; background:#594936; text-transform:uppercase;} .currency .dropdown-menu{z-index:999; left:0;} .account{float:left; position:relative; margin-right:8px;} .account .btn{height:40px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border:none; color:#fff; padding:0 10px 0 15px; line-height:40px; font-size:12px; background:#90c31c;} .account .btn i.icon-avatar{padding-right:4px; font-size:15px;} .account .btn i.icon-angle-down{font-size:13px;} .account .dropdown-menu{z-index:999; left:inherit; right:0; padding:30px; background:#EF4D48; width:235px; margin:0; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;} .account .dropdown-menu li a{color:#fff; border-bottom:1px solid rgba(255,255,255,0.30); line-height:40px; padding:0 0 0 32px; text-transform:uppercase; font-size:12px; font-weight:500; background:url(../images/account-list-icon.png) 2px center no-repeat;} .account .dropdown-menu li a:hover{color:#5a4a3b; background:transparent; background:url(../images/account-list-icon-hover.png) 2px center no-repeat;} header .bottom-header{float:left; width:100%; background:#fff;} .bottom-header .wishlist, .bottom-header .search, .bottom-header .cart{float:left; } .bottom-header .wishlist .wishlist-inner, .bottom-header .search .search-inner, .bottom-header .cart .cart-inner{width:52px; height:52px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:url(../images/icon-bg.png) center center no-repeat; cursor:pointer; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -ms-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;} .bottom-header .wishlist .wishlist-inner:hover, .bottom-header .search .search-inner:hover, .bottom-header .cart .cart-inner:hover{background:url(../images/icon-bg-1.png) center center no-repeat;} .bottom-header .wishlist .wishlist-inner a, .bottom-header .search .search-inner a, .bottom-header .cart .cart-inner a{width:52px; height:52px; line-height:52px; display:block; color:#fff; border-radius:50%; font-size:22px;} .wishlist .wishlist-inner a i:before, .search .search-inner a i:before, .cart .cart-inner a i:before{margin:0; width:52px; height:52px; line-height:52px;} .bottom-header .wishlist{padding-top:60px;} .bottom-header .wishlist .wishlist-inner, .bottom-header .cart .cart-inner{position:relative;} .bottom-header .wishlist .wishlist-inner .wishlist-counter, .bottom-header .cart .cart-inner .cart-counter{width:24px; height:24px; background:#928a83; border-radius:50%; color:#fff; line-height:24px; font-size:11px; font-weight:600; position:absolute; top:-5px; right:-5px; z-index:99;} .bottom-header .search-and-cart{float:right; padding-top:60px;} .bottom-header .search-and-cart .search{margin:0 5px;} .bottom-header .search-and-cart .cart{margin:0 5px;} .bottom-header nav{float:left; width: calc(100% - 180px); margin:0; border:none; padding-top:24px;} /*---- Cart-popup ---*/ .cart-image{max-height: 80px!important;} .cart-popup{width:430px; background:#fff; position:absolute; z-index:99; right:0; top:137px; -webkit-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.19); box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.19); padding:30px 22px 25px; text-align:left;} .cart-popup .item-in-cart{font-weight:600; color:#5a4a3b; font-size:18px; margin-bottom:24px;} .cart-popup .item-list{float:left; width:100%;} .cart-popup .box{float:left; width:100%; padding-right:25px; padding-bottom:20px; position:relative;} .cart-popup .box:last-child{padding-bottom:25px;} .cart-popup .box img{float:left;} .cart-popup .box .text-part{float:left; padding-left:20px;} .cart-popup .box .text-part .product-name{float:left; padding:15px 0 8px 0; color:#81af76; font-weight:600; font-size:15px;} .cart-popup .box .text-part .quantity-and-price{color:#5a4a3b; font-weight:300; font-size:15px;} .cart-popup .box .clear-btn{position:absolute; top:20px; right:8px; font-size:6px; float:left; color:#928a83;} .cart-popup .box .clear-btn i.icon-cancel-music, .cart-popup .box .clear-btn i.icon-cancel-music:before{color:#928a83 !important; width:auto; height:auto; line-height:inherit;} .cart-popup .box .clear-btn:hover i.icon-cancel-music, .cart-popup .box .clear-btn:hover i.icon-cancel-music:before{color:#81af76 !important;} .cart-popup .box .clear-btn:hover{color:#8cc919;} .cart-popup .box .clear-btn i{float:left;} .cart-popup .cart-total{padding:28px 0; float:left; width:100%; position:relative;} .cart-popup .cart-total:before{content:''; position:absolute; top:0; left:0; right:0; width:100%; height:8px; background:#5a4a3b; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .cart-popup .cart-total span{font-weight:800; font-size:20px; color:#5a4a3b; padding-left:18px;} .cart-btm, .cart-btm .btn-group{float:left; width:100%;} .cart-btm .btn-group .btn{margin:0 8px;} .cart-view{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; height:38px; line-height:32px; padding:0 26px; background:transparent; border:3px solid #c7c1bb; text-transform:uppercase; color:#5a4a3b; font-weight:600; font-size:13px;} .cart-view:hover{background:#c7c1bb; color:#fff;} /* .cart-item{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; height:38px; line-height:32px; padding:0 26px; background:transparent; border:3px solid #c7c1bb; text-transform:uppercase; color:#5a4a3b; font-weight:600; font-size:13px;} .cart-item:hover{background:#c7c1bb; color:#fff;} */ .checkout{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; height:38px; line-height:38px; padding:0 30px; background:#549843; border:none; color:#fff; text-transform:uppercase; font-size:13px; font-weight:600;} .checkout:hover{background:#5a4a3b; color:#fff;} .cart-popup{ margin-top:50px; visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; transition-timing-function: ease; transition-delay: 0s; -webkit-transition-timing-function: cubic-bezier(.71, .75, .12, .18); -moz-transition-timing-function: cubic-bezier(.71, .75, .12, .18); -ms-transition-timing-function: cubic-bezier(.71, .75, .12, .18); -o-transition-timing-function: cubic-bezier(.71, .75, .12, .18); transition-timing-function: cubic-bezier(.71, .75, .12, .18); transition-delay: 0.2s; } .cart:hover .cart-popup{ visibility: visible; opacity: 1; margin-top: 0; } /*---- Search BOx ---*/ .searchbox.open{visibility:visible; opacity:1;} .searchbox {content:''; position:fixed; top:0; left:0; width:100%; height:100%; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,0.85); -webkit-transition: visibility 0.4s linear,opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: visibility 0.4s linear,opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1); -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 999;} body.overflow{overflow-y:hidden;} .searchbox{visibility:hidden; color:#f1f1f1;} .searchbox.open .inner{visibility:visible;} .searchbox .inner{position:absolute; top:0; left:0; right:0; bottom:0; z-index:1000; width:60%; margin:auto; height:90px; } .input-serch{width:100%; height:90px; padding:0 40px 0 50px; font-size:20px; border:none; color:#4a4642; border-radius:80px; } .input-serch::placeholder{opacity:1 !important; color:#4a4642 !important;} .input-serch::-webkit-placeholder{opacity:1 !important; color:#4a4642 !important;} .input-serch::-moz-placeholder{opacity:1 !important; color:#4a4642 !important;} .input-serch::-ms-input-placeholder{opacity:1 !important; color:#4a4642 !important;} .cross{position:absolute; top:0; right:10px; width:40px; height:90px; cursor:pointer;} .cross i:before{line-height:90px; margin:0; width:40px; color:#000;} .logo-container { display: flex; align-items: center; justify-content: space-between; position: relative; /* Add this if not present */ } .logo a{display:inline-block;} .nav-header{margin-bottom:16px;} .logo a img { width: 150px; /* Adjust the width as necessary */ margin-right: 10px; /* Optional spacing between logos if applicable */ } .svg-logo { width: 100px; /* Adjust size as needed */ height: auto; /* Maintain aspect ratio */ } .partnership { display: flex; align-items: center; } .partnership-text { font-size: 14px; /* Adjust the size as needed */ } @media (max-width: 768px) { .logo-container { display: inline-block; flex-direction: column; /* Adjusts layout for mobile */ } .partnership { align-items: center; display: center; position: relative; width: 250px; /* Adjust size as needed */ height: auto; /* Maintain aspect ratio */ } } /* Media query to hide partnership text on mobile devices */ @media (max-width: 768px) { /* Adjust the max-width to target specific screen sizes */ .partnership-text { /* display: none; /* Hides the text on mobile devices */ } } .nav-header{margin-bottom:16px;} .remove{display:none; position:absolute; top:0; z-index:99; left:0; width:30px; height:30px; background:#fff; cursor:pointer; background:#EF4D48; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -ms-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;} /*.remove:hover i{color:#fff;}*/ .remove:hover .icon-cancel-music:before, .remove:hover .icon-cancel-music{color:#fff;} .icon-cancel-music:before, .icon-cancel-music{margin:0; width:30px; height:30px; line-height:30px; font-size:12px; color:#fff;} .menu-logo {display:none; background:#fff; padding:20px 0} .menu-logo img{margin:0 auto;} .collapse{display:block; padding:0; float:left; width:100%;} .navbar-nav{width:100%; text-align:center;} .navbar-nav > li{float:none; display:inline-block; padding:0 19px; margin:0 -4px 0 0;} .navbar-nav > li:first_child{padding-left:0;} .navbar-nav > li:last_child {padding-right:0;} .navbar-nav > li > a{padding:18px 0; color:#5a5652; font-size:15px; line-height:15px; position:relative; font-weight:400; float: left;} .nav > li > a:focus, .nav > li > a:hover, .navbar-nav > li.active > a{background:transparent; color:#EF4D48;} .nav > li > a:focus:after, .nav > li > a:hover:after, .navbar-nav > li.active > a:after{content:''; position:absolute; top:0; left:0; right:0; margin:0 auto; background:url(../images/leave.png) left top no-repeat; width:17px; height:13px;} /*.nav > li.dropdown:hover ul.dropd-menu{display:block; top:100%;}*/ .nav > li.dropd{position:relative;} .nav > li.dropd ul{position:absolute; top:100%; left:0; z-index:99; background:#fff; min-width:180px; -webkit-box-shadow:0 9px 24px rgba(0,0,0,0.15); -moz-box-shadow:0 9px 24px rgba(0,0,0,0.15); box-shadow:0 9px 24px rgba(0,0,0,0.15);} .nav > li.dropd span{display:none;} .nav > li.dropd > ul > li:first-child{margin-top:15px;} .nav > li.dropd > ul > li:last-child{margin-bottom:20px;} .nav > li.dropd > ul > li > a{color:#5a5652; line-height:20px; padding:10px 0; margin-left:23px; margin-right:20px; white-space:nowrap; display:block; text-align:left;} .nav > li.dropd > ul > li > a:hover{color:#EF4D48;} .nav > li .megamenu{position:absolute; top:inherit ; left:0; z-index:99; background:#629624; -webkit-box-shadow:0 9px 24px rgba(0,0,0,0.15); -moz-box-shadow:0 9px 24px rgba(0,0,0,0.15); box-shadow:0 9px 24px rgba(0,0,0,0.15); margin-top:59px;} .megamenu .img-part{float:left; width:323px;} .megamenu .menu-part{float:left; width:calc(100% - 323px); padding:50px;} .megamenu .menu-part .col{width:25%; float:left; padding-bottom:52px;} .megamenu .menu-tit{color:#fff; font-weight:400; font-size:18px; text-transform:capitalize; margin:0; text-align:left; width:100%; padding-bottom:26px; line-height:14px;} .megamenu ul li{display:block; text-align:left; padding-bottom:14px; line-height:12px;} .megamenu ul li:last-child{padding-bottom:0;} .megamenu ul li a{display:inline-block; color:#caeaa4; font-size:14px; line-height:12px;} .megamenu ul li a:hover{color:#fff;} .nav > li.dropd ul, .nav > li.megamenu-li .megamenu{transform-style:preserve-3d; -o-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -webkit-transform-style:preserve-3d; transform: rotateX(-90deg); -o-transform:rotateX(-90deg); -moz-transform:rotateX(-90deg); -webkit-transform:rotateX(-90deg); visibility:hidden; } .nav > li.dropd:hover ul, .nav > li.megamenu-li:hover .megamenu{transform:rotateX(0deg); -o-transform:rotateX(0deg); -moz-transform:rotateX(0deg); -webkit-transform:rotateX(0deg); opacity:1; visibility:visible;} ul.dropd-menu, .megamenu{opacity:0; -o-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -webkit-transform-origin:0% 0%; -webkit-transition:all .6s ease-in; -moz-transition:all .6s ease-in; -ms-transition:all .6s ease-in; -o-transition:all .6s ease-in; transition:all .6s ease-in;} .bottom-header .container{position:relative;} .bottom-header .container .navbar{position:initial; float: left; display: block;} .nav > li.megamenu-li{position:inherit;} .nav > li.megamenu-li span{display:none;} .responsive-slider .slides ul li{position:relative;} .responsive-slider .slides ul li .slide-body, .responsive-slider .slides ul li .slide-body img, .responsive-slider .slides ul li, .responsive-slider .slides ul{width:100%;} .responsive-slider .slides ul li .slide-body .carousel-caption{top:0; left:0; right:0; bottom:0; margin:auto; display:flex; text-align:center; position:absolute; max-width:1170px; width:100%; margin:auto; align-items:center; justify-content: center;} .responsive-slider .slides ul li .slide-body .caption.header h2{margin:0; padding:0; text-transform:uppercase; font-weight:600; font-size:86px; color:#EF4D48; line-height:90px; padding:36px 0;} .responsive-slider .slides ul li .slide-body .caption.header h2 span{color:#fff;} .responsive-slider .slides ul li .slide-body .caption.header .sub-tit{color:#9dc86b; font-weight:600; font-size:32px;} .responsive-slider .slides ul li .slide-body .caption.sub{font-weight:400; font-size:24px; color:#d7e7c5;} /* ======================== Freds-Entry-Section ====================*/ .fress-entry-section{ position:relative;} .fress-entry-section .pos-absolute{margin-top:-50px; padding-bottom:140px;} .fress-entry-section .container{padding:0 9px;} .fress-entry-section .row{margin-left:-9px; margin-right:-9px;} .fress-entry-section .container [class*='col-']{padding:0 9px;} .fress-entry-section .tit-btn-wrapper{padding:36px 15px 0; } .fress-entry-section .tit-btn-wrapper .tit{font-family: 'frente_h1regular'; font-size:40px; text-transform:uppercase; line-height:48px; color:#5a4a3b; padding-bottom:20px;} .fress-entry-section .tit-btn-wrapper .tit span{color:#EF4D48;} .fress-entry-section .tit-btn-wrapper .btn{font-size:12px; color:#6b6b6b; text-transform:uppercase; line-height:12px; padding:0 0 2px 0; position:relative; font-weight:500;} .fress-entry-section .tit-btn-wrapper .btn:after{content:''; position:absolute; bottom:0; left:0; right:0; height:2px; widows:100%; background:#e0e0e0; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -ms-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;} .fress-entry-section .tit-btn-wrapper .btn:hover:after{background:#5a4a3b;} .fress-entry-section .tit-btn-wrapper .btn:hover{color:#EF4D48;} .fress-entry-section img.img-fluid{width:100%;height:200px;} /* ======================== New Arrivals Section ====================*/ .section-padding{padding:70px 0 175px;} .new-arrivals-section{background:url(../images/new-arrivals-bg.jpg)center center no-repeat; background-size:cover;} .section-tit{text-align:center; padding-bottom:130px;} .section-tit .inner{display:inline-block; position:relative; padding:80px 0 0 0;} .section-tit .inner:after{content:''; position:absolute; top:0; left:0; right:0; margin:auto; background:url(../images/title-decorator.png) center top no-repeat; height:100%; width:100%;} .section-tit .inner h2{font-family: 'frente_h1regular'; margin:0; padding:0 215px; font-size:100px; color:#5a4a3b; line-height:82px; position:relative;} .section-tit .inner h2 span{color:#EF4D48;} .section-tit .inner h2:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/title-decorator-left.png)left center no-repeat;} .section-tit .inner h2:after{content:''; position:absolute; top:0; right:0; width:100%; height:100%; background:url(../images/title-decorator-right.png)right center no-repeat;} /*slider*/ .new-arrivals-section .wrapper, .product-list .wrapper{background:#fff; position:relative;} /*.new-arrivals-slider{margin-left:-95px; margin-right:-95px;}*/ .wrapper .contain-wrapper, .related-product-slider .wrapper .contain-wrapper{padding:0 20px 38px; min-height:198px;} .wrapper .contain-wrapper .tit, .related-product-slider .wrapper .contain-wrapper .tit{margin-top:10px; font-size:16px; line-height:1.2; color:#4a4642; font-weight:600; padding-bottom:24px;} .wrapper .contain-wrapper .price, .related-product-slider .wrapper .contain-wrapper .price{width:100%; float:left; padding-bottom:25px;} .wrapper .contain-wrapper .new-price, .related-product-slider .wrapper .contain-wrapper .new-price{display:inline-block; font-weight:100; font-size:20px; color:#4a4642; line-height:30px;} .wrapper .contain-wrapper .old-price, .related-product-slider .wrapper .contain-wrapper .old-price{display:inline; font-weight:200; font-size:14px; color:#f53636; line-height:30px; vertical-align:middle; margin-top:-12px;} .wrapper .contain-wrapper .btn-part, .related-product-slider .wrapper .contain-wrapper .btn-part{position:relative; display:inline-block;} .wrapper .contain-wrapper .cart-btn, .related-product-slider .wrapper .contain-wrapper .cart-btn{line-height:33px; border:2px solid #8bcf79; font-weight:700; font-size:13px; color:#549843; text-transform:uppercase; padding:0 20px 0 34px; display:inline-block; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;} .wrapper .contain-wrapper i, .related-product-slider .wrapper .contain-wrapper i{position:absolute; top:6px; left:-10px; font-size:24px; background:#fff; color:#a7cf47;} .new-arrivals-section .wrapper .wrapper-box-hover, .product-list .wrapper .wrapper-box-hover, .related-product-slider .wrapper .wrapper-box-hover{z-index:99; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out; position:absolute; width:100%; left:0; right:0; bottom:0; ; opacity:1; background:rgba(167,207,71,0.8); overflow: hidden; width: 100%; height: 100%; -webkit-transform:scale(0); cursor:pointer;} .new-arrivals-section .wrapper:hover .wrapper-box-hover, .product-list .wrapper:hover .wrapper-box-hover, .related-product-slider .wrapper:hover .wrapper-box-hover{transform:scale(1);} .text {color:white; font-size:20px; position:absolute; top:50%; left:0; right:0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); text-align:center;} .new-arrivals-section .wrapper .sale, .product-list .wrapper .sale{ height:65px; width:65px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#ed64a5; color:#fff; font-size:25px; line-height:65px; position:absolute; top:-18px; right:20px; z-index:99; font-family: 'frente_h1regular';} .new-arrivals-section .wrapper .new, .product-list .wrapper .new{ height:65px; width:65px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#fea249; color:#fff; font-size:25px; line-height:65px; position:absolute; top:-18px; right:20px; z-index:99; font-family: 'frente_h1regular';} .new-arrivals-section .wrapper .hit, .product-list .wrapper .hit{ height:65px; width:65px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#a7cf47; color:#fff; font-size:25px; line-height:65px; position:absolute; top:-18px; right:20px; z-index:99; font-family: 'frente_h1regular';} .new-arrivals-section .wrapper .limited, .product-list .wrapper .limited{ height:65px; width:65px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#6a5acd; color:#fff; font-size:25px; line-height:65px; position:absolute; top:-18px; right:20px; z-index:99; font-family: 'frente_h1regular';} .new-arrivals-section .wrapper .promo, .product-list .wrapper .promo{ height:65px; width:65px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#ff4d4d; color:#fff; font-size:25px; line-height:65px; position:absolute; top:-18px; right:20px; z-index:99; font-family: 'frente_h1regular';} .owl-carousel .owl-stage, .owl-carousel .owl-stage{padding-top:18px;} .new-arrivals-section .wrapper .text ul{} .new-arrivals-section .wrapper .text ul li, .product-list .wrapper .text ul li, .related-product-slider .wrapper .text ul li{display:inline-block;} .new-arrivals-section .wrapper .text ul li a, .product-list .wrapper .text ul li a, .related-product-slider .wrapper .text ul li a{width:46px; height:46px; margin:0 7px; border-radius:50%; background:#5a4a3b; display:block; color:#fff;} .new-arrivals-section .wrapper .text ul li a:hover, .product-list .wrapper .text ul li a:hover, .related-product-slider .wrapper .text ul li a:hover{background:#fff; color:#5a4a3b;} .new-arrivals-section .wrapper .text ul li a i:before, .product-list .wrapper .text ul li a i:before, .related-product-slider .wrapper .text ul li a i:before{line-height:46px; margin:0;} .owl-prev i:before{transform:rotate(180deg);} .owl-theme .owl-nav [class*=owl-] i:before{margin:0; width:40px; height:40px; line-height:40px; color:#698c17;} .owl-theme .owl-nav [class*=owl-]{margin:0; padding:0; background:#c9e584; border:1px solid #a2ca43; height:40px; width:40px;} .owl-theme .owl-nav [class*=owl-]:hover{background:#698c17;} .owl-theme .owl-nav [class*=owl-]:hover i:before{color:#c9e584;} .owl-theme .owl-nav .owl-prev{position:absolute; top:47%; left:-80px !important; } .owl-theme .owl-nav .owl-next{position:absolute; top:47%; right:-80px !important;} .brand-slider.owl-theme .owl-nav .owl-prev, .brand-slider.owl-theme .owl-nav .owl-next{top:27%;} .owl-item .owl-nav{display:block;} .related-product-slider .owl-nav.disabled{display:block;} .related-product-slider.owl-theme .owl-nav .owl-prev i:before{transform:rotate(180deg);} .related-product-slider.owl-theme .owl-nav .owl-prev{left:inherit !important; top:-70px; background:none; border:none; right:0; right:40px;} .related-product-slider.owl-theme .owl-nav .owl-next{left:inherit; top:-70px; background:none; border:none; right:0 !important;} .related-product-slider.owl-theme .owl-nav [class*=owl-] i:before{color:#d6d6d6;} .related-product-slider.owl-theme .owl-nav [class*=owl-]:hover i:before{color:#698c17;} .deal-section{padding:112px 0 160px;} .deal-section .section-tit{padding-bottom:40px;} .deal-section .filter-part{position:relative; float:left; width:100%;} #myBtnContainer{border-top:1px solid #bfb9b3; border-bottom:1px solid #bfb9b3; padding:12px 0; margin-bottom:105px;} #myBtnContainer .btn{font-weight:300; color:#5a4a3b; font-size:14px; background:transparent; border:none; line-height:14px; padding:0 18px;} #myBtnContainer .btn.active{color:#549843; box-shadow:none;} #myBtnContainer .btn:focus{color:#549843; outline:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} .filterDiv{display:none; position:relative; width:100%; float:left; padding-bottom:25px; margin-bottom:42px; transition: 0.3s all ease-in; -moz-transition: 0.3s all ease-in; -webkit-transition: 0.3s all ease-in;} .filterDiv:after{content:''; position:absolute; bottom:0; width:auto; left:22px; right:22px; margin:0 auto; height:1px; background:#b6b6b6;} /*.filterDiv:last-child{padding-bottom:0; margin-bottom:0;} *//*.filterDiv:last-child:after{display:none} */.show{display:block;} .deal-section .center-part{position:absolute; top:33%; left:0; right:0; margin:auto; bottom:0;} .slider-bg{position:relative;} .slider-bg .pos-abs{position:absolute; top:44px; left:0; right:0; margin:0 auto; padding:0 60px;} .deal-slider .pro-img img{width:auto; margin:0 auto;} .deal-slider .owl-nav{display:none;} .deal-slider .tit{color:#4a4642; font-weight:600; font-size:16px;} .deal-slider .desc{margin-top:6px;} .deal-slider .pro-img{margin-top: 35px;} .deal-slider .price{width:100%; float:left; padding-bottom:12px; padding-top:12px;} .deal-slider .price .new-price{display:inline-block; font-weight:100; font-size:25px; color:#4a4642; line-height:30px; vertical-align:middle;} .deal-slider .price .old-price{display:inline; font-weight:200; font-size:14px; color:#f53636; line-height:30px; vertical-align:middle; margin-top:-12px;} .deal-slider .btn-part{position:relative; display:inline-block;} .deal-slider .btn-part .cart-btn{line-height:33px; border:2px solid #8bcf79; font-weight:700; font-size:13px; color:#549843; text-transform:uppercase; padding:0 20px 0 34px; display:inline-block; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;} .deal-slider .btn-part i{ position:absolute; top:6px; left:-10px; font-size:24px; background:#fff; color:#a7cf47;} .btn-part i{transition:0.3s all ease-in; -webkit-transition:0.3s all ease-in; -moz-transition:0.3s all ease-in;} .btn-part:hover .cart-btn{background:#8bcf79; color:#fff !important;} .btn-part:hover i{color:#5a4a3b; background:transparent;} .filterDiv .img-part{width:137px; float:left;} .filterDiv .text-part{width:calc(100% - 137px); float:left; text-align:left; padding-left:10px;} .filterDiv .text-part .box-tit{color:#4a4642; font-weight:600; font-size:16px;} .filterDiv .text-part .box-desc{margin-top:6px;} .filterDiv .text-part .price{width:100%; float:left; padding-bottom:25px;} .filterDiv .text-part .price .new-price{display:inline-block; font-weight:100; font-size:20px; color:#4a4642; line-height:30px; vertical-align:middle;} .filterDiv .text-part .price .old-price{display:inline; font-weight:200; font-size:14px; color:#f53636; line-height:30px; vertical-align:middle; margin-top:-12px;} .filterDiv .text-part .btn-part{position:relative; display:inline-block;} .filterDiv .text-part .btn-part .cart-btn{line-height:33px; border:2px solid #8bcf79; font-weight:700; font-size:13px; color:#549843; text-transform:uppercase; padding:0 20px 0 34px; display:inline-block; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;} .btn-part i{ position:absolute; top:6px; left:-10px; font-size:24px; background: #fff; color:#a7cf47;} .filterDiv .text-part .ratting {float:left; width:100%;} .filterDiv .text-part .ratting ul {float:left; margin:10px 0 16px 0;} .filterDiv .text-part .ratting ul li{float:left;} /* ======================== Fress Section ====================*/ .fress-section .container{padding:0 9px;} .fress-section .row{margin-left:-9px; margin-right:-9px;} .fress-section .container [class*='col-']{padding:0 9px;} /*.fress-section .lpart{position:relative;}*/ .fress-section .lpart .bg{background:url(../images/fress-part-img.jpg)left top no-repeat; background-size:cover; /*padding:140px 15px 85px !important;*/} .fress-section .section-name{color:#d2ef89; font-size:124px; text-transform:uppercase; font-family: 'frente_h1regular'; padding-bottom:42px; line-height:104px; letter-spacing:18px; padding-top:140px; } .fress-section .section-name span{color:#70c15c;} .fress-section .shop-btn{line-height:40px; border:4px solid #bcda71; padding:0 65px; background:rgba(188,218,113,0.24); color:#bcda71; display:inline-block; font-size:18px; text-transform:uppercase; width:247px; margin-bottom: 80px;} .fress-section .shop-btn:hover{background:#bcda71; color:#fff;} /*.fress-section .rpart{position:relative;}*/ .fress-section .rpart .bg{background:url(../images/fress-part-img-1.jpg)left top no-repeat; background-size:cover;} .fress-section .rpart .bg .free-shipping{color:#fff; font-size:48px; font-family: 'frente_h1regular'; line-height:40px; padding-top:234px; letter-spacing:4px;} .fress-section .rpart .bg p{color:#fff; font-size:18px; text-transform:uppercase; font-weight:500; line-height:18px; padding:12px 0 24px; margin:0;} .fress-section .rpart .shop-btn-1{line-height:34px; padding:0 30px; text-transform:uppercase; color:#3d2920; font-size:14px; background:#bcda71; font-weight:500; display:inline-block;} .fress-section .rpart .shop-btn-1:hover{background:#fff;} .bt4::after { content: ""; width: 0; height: 100%; position: absolute; background-color: #1d8ef7; right: 0; top: 0; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; z-index: -1;} .bt4::before { content: ""; width: 0; height: 100%; position: absolute; background-color: #1d8ef7; left: 0; top: 0; transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; z-index: -1;} .btn-layout, .bttn { display: inline-flex; margin: 0 5px 0 0; height: 60px; width: 155px; position: relative; opacity: 0.999; padding: 20px 37px; text-align: center; border-radius: 3px; border: 1px solid #b3b3b3; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; overflow: hidden;} /* ======================== Strega News ====================*/ .strega-news{padding-top:125px;} .strega-news .section-tit{padding-bottom:90px;} .strega-news .container-fluid{padding:0;} .strega-news .row{margin-left:-2px; margin-right:-2px;} .strega-news .container-fluid .row [class*='col-']{padding:0 2px;} .strega-news .wrapper{position:relative; cursor:pointer;} .strega-news .wrapper img{width:100%;} .strega-news .wrapper .overlay{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(35,31,27,0.7);} .strega-news .wrapper:hover .overlay{background:rgba(36,97,19,0.84);} .strega-news .wrapper .text{top:inherit; left:0; bottom:0; transform:translate(0, 0); -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); text-align:left; padding:0 36px 36px;} .strega-news .wrapper .text .date{font-weight:700; font-size:14px; text-transform:uppercase; color:#b0d458; padding-bottom:15px;} .strega-news .wrapper .text .title a{font-size:36px; text-transform:uppercase; font-family: 'frente_h1regular'; line-height:44px; color:#fff;} /* ======================== Delivery Process ====================*/ .delivery-process{padding:100px 0 120px;} .delivery-process .first, .delivery-process .second, .delivery-process .third, .delivery-process .forth{position:relative;} .delivery-process .first:after, .delivery-process .second:after, .delivery-process .third:after{content:''; position:absolute; top:80px; right:-26px; background:url(../images/right-arrow.png)left top no-repeat; width:47px; height:12px;} .delivery-process .icon-part{position:relative; width:159px; height:189px; margin:0 auto 28px; padding-bottom:28px;} .delivery-process .icon-part:after{content:''; position:absolute; bottom:0; left:0; right:0; margin:auto; width:96px; height:1px; background:#dedbd8;} .delivery-process .icon-part i{position:absolute; top:0; left:0; right:0; bottom:0; font-size:74px; color:#fff;} .delivery-process .icon-part i:before{margin:0; line-height:159px;} .delivery-process .process-name .step{font-size:48px; color:#5a4a3b; text-transform:uppercase; font-family: 'frente_h1regular'; line-height:40px;} .delivery-process .process-name p{font-weight:400; font-size:12px; font-style:italic; color:#386f32; margin:18px 0 0 0; line-height:12px;} /* ======================== News Letter ====================*/ .news-letter{padding:90px 0;background:url(../images/newsletter-bg.jpg)left top no-repeat; background-size:cover} .news-letter .center{width:880px; margin:0 auto;} .news-letter .news-tit{font-family: 'frente_h1regular'; font-size:80px; text-transform:uppercase; color:#a3da66; line-height:68px; padding-bottom:40px;} .news-letter .news-tit span{color:#fff; } .news-letter p.instruction{line-height:24px; padding-bottom:32px; font-style:italic; font-size:24px; font-weight:400; color:#fff; margin:0;} .news-letter p.instruction span{color:#8ec957; font-weight:800;} .news-letter .form{position:relative;} .news-letter .form .newsletter-input{width:100%; height:52px; border-radius:30px; font-size:16px; color:#ababab; padding:0 196px 0 36px;} .news-letter .form .newsletter-btn{position:absolute; right:-1px; top:0; border:none; box-shadow:none; background:#5b9a2e; color:#fff; height:52px; border-top-right-radius:30px; border-bottom-right-radius:30px; padding:0 40px; font-weight:800; font-style:italic;} .news-letter .form .newsletter-btn:hover{background:#5a4a3b} .newsletter-input::placeholder{color:#ababab !important; opacity:1 !important;} .newsletter-input::-webkit-placeholder{color:#ababab !important; opacity:1 !important;} .newsletter-input::-moz-placeholder{color:#ababab !important; opacity:1 !important;} /* ======================== Brand ====================*/ .brand{padding:70px 0 80px;} .owl-theme .owl-nav{margin:0;} .brand .brand-slider .owl-nav [class*=owl-]{background:transparent; width:auto; height: auto; border:none; border-radius:0;} .brand .brand-slider .owl-nav [class*=owl-] i, .brand .brand-slider .owl-theme .owl-nav [class*=owl-] i:before{margin:0; width:auto; height:auto; line-height:1;} .brand .brand-slider .owl-nav [class*=owl-]:hover {color:#c9e584;} .owl-theme .owl-nav .owl-next{right:0;} .owl-theme .owl-nav .owl-prev{left:0;} .brand-slider.owl-carousel .owl-item img{width:auto;} .brand-slider.owl-carousel{padding:0 60px;} .brand-slider.owl-carousel .owl-stage, .brand-slider.owl-carousel .owl-stage{padding-top:0;} .brand-slider.owl-theme .owl-nav{display:block !important;} .brand-slider.owl-theme .owl-nav .owl-prev{left:0 !important;} .brand-slider.owl-theme .owl-nav .owl-next{right:0 !important;} /* ======================== Helpline ====================*/ .helpline {margin-bottom:-24px;} .helpline .bg{background:#add253; float:left; width:100%; padding:20px 0; position:relative !important;} .helpline .bg .box{float:left; padding:0 25px;} .helpline .bg .icon{float:left; width:58px; height:58px; border-radius:50%; background:#deedba; font-size:26px; color:#443c34;} .helpline .bg .icon i:before{width:58px; height:58px; line-height:58px; margin:0;} .helpline .bg .text-part{float:left; text-align:left; padding:10px 0 10px 12px;} .helpline .bg .text-part h3{font-weight:800; text-transform:uppercase; color:#443c34; font-size:24px; line-height:24px; margin:0 0 10px 0;} .helpline .bg .text-part p{margin:0; font-size:14px; line-height:10px; font-weight:400; text-transform:uppercase; color:#443c34;} .helpline .bg .text-part p a{color:#443c34;} .helpline .bg .text-part p a:hover{color:#deedba;} /* ======================== Footer ====================*/ footer{background:url(../images/footer-bg.jpg) left top no-repeat; background-size:cover;} footer .top-footer{padding:100px 0 112px; border-bottom:1px solid #7b6e62; float:left;} .top-footer .logo{padding-bottom:40px;} .top-footer .name{text-align:left; font-size:14px; color:#add253; float:left; padding-bottom:18px;} .top-footer .name i{color:#add253; float:left; margin-right:10px; font-size:17px;} .top-footer .adress{text-align:left; font-size:14px; color:#add253; float:left; padding-bottom:18px;} .top-footer .adress i{color:#add253; float:left; margin-right:10px; font-size:17px;} .top-footer .adress span{float:left; width:calc(100% - 34px);} .top-footer .adress i:before{min-height:34px; line-height:34px; } .top-footer .phone{padding-bottom:18px;} .top-footer .phone, .top-footer .mail, .top-footer .uid{text-align:left;} .top-footer .phone a:hover, .top-footer .mail, .top-footer .uid a:hover{color:#fff;} .top-footer .phone a{text-align:left; font-size:14px; color:#add253;} .top-footer .phone i{color:#add253; margin-right:10px;} .top-footer .mail a{text-align:left; font-size:14px; color:#add253;} .top-footer .mail i{color:#add253; margin-right:10px;} .top-footer .mail{padding-bottom:18px;} .top-footer .uid a{text-align:left; font-size:14px; color:#add253;} .top-footer .uid i{color:#add253; margin-right:10px;} .top-footer .widget-title{width:100%; text-align:left; padding:22px 0 40px; color:#add253; text-transform:uppercase; font-weight:800;} .top-footer .widget li{line-height:1; padding-bottom:20px;} .top-footer .widget li:last-child{padding-bottom:0;} .top-footer .widget li a{font-size:15px; color:#d6d0be; line-height:15px;} .top-footer .widget li a:hover{color:#fff;} .top-footer .widget{text-align:left;} .top-footer .two-cols{display: grid; grid-template-columns: repeat(2, 1fr);} .insta-img-box{float:left;} .insta-img-box img{float:left; border:3px solid #fff; margin:4px;} .bottom-footer{float:left; padding:34px 0; width:100%;} .bottom-footer .lpart{float:left; width:33%; text-align:left;} .bottom-footer .lpart .copyright{font-size:12px; color:#fff; line-height:12px;} .bottom-footer .lpart .copyright span{color:#add253;} .bottom-footer .lpart .design{font-size:12px; color:#fff; margin:0; line-height:12px;} .bottom-footer .lpart .design a{color:#add253;} .bottom-footer .lpart .design a:hover{color:#fff;} .bottom-footer .center-part{float:left; width:40%; text-align:center;} .bottom-footer .center-part .social{float:left; width:100%;} .bottom-footer .center-part .social li{display:inline-block; padding:0 7px;} .bottom-footer .center-part .social li a{height:36px; width:36px; border-radius:50%; display:block; background:transparent; color:#7b6e62; font-size:14px;} .bottom-footer .center-part .social li a i:before{margin:0; line-height:36px; height:36px; width:36px;} .bottom-footer .center-part .social li a:hover{background:#797c44; color:#fff;} .bottom-footer .rpart{float:right; width:27%;} .bottom-footer .rpart .payment{float:left;} .bottom-footer .rpart .payment li{float:left; margin:0 7px;} .bottom-footer .rpart .payment li:first-child{margin-left:7px;} .bottom-footer .rpart .payment li:last-child{margin-right:7px;} .payment img.img-fluid { width: 50px !important; max-width: 50px !important; height: 40px !important; } /* ======================== SubPages ====================*/ .sub-banner .banner{width:100%;} .content-part{padding:66px 0; float:left; width:100%;} .content-part.blog-page{padding:66px 0 205px;} .content-part.about-page{padding:120px 0;} .content-part.page{padding:110px 0 180px;} .content-part.listing-page{padding-bottom: 275px;} /* +++++++++++++ Breadcrumb ++++++++++++++++ */ .breadcrumb-section .breadcrumb{background:#549843; width:100%; padding:25px 32px 18px; text-align:left; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; margin:-15px 0 0 0;} .breadcrumb ul{padding-bottom:8px;} .breadcrumb ul li{color:#fff; padding:0; font-size:14px; font-weight:600; margin:0 -2px;} .breadcrumb ul li a{color:#94bf89;} .breadcrumb ul li a:hover{color:#fff;} .breadcrumb ul li:after{content:'|'; color:#94bf89; padding:0 7px 0 8px;} .breadcrumb ul li:last-child:after{content:'';} .breadcrumb h1{margin:0; color:#fff; font-weight:700; font-size:48px; line-height:48px; text-transform:capitalize;} /* +++++++++++++++++++++++++++++ product-Listing +++++++++++++++++++++++++++++ */ .sidebar-tit{display:none;} #sidebar{text-align:left; float:left; width:100%;} #sidebar .widget{background:#ffffff; -webkit-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1); margin-bottom:22px; padding:26px;} #sidebar .widget .widget-tit h2{color:#5a4a3b; font-size:20px; text-transform:uppercase; font-weight:700; border-bottom:3px solid #5a4a3b; padding-bottom:16px;} #sidebar .widget{position:relative;} #sidebar .widget .button{float:right; cursor:pointer; width:22px; position:absolute; top:30px; right:28px; z-index:99; display:none;} #sidebar .widget .button span{width:100%; height:3px; margin-bottom:3px; background:#000; float:left;} #sidebar .widget .button span:last-child{margin-bottom:3px;} #sidebar .widget ul li{position:relative;} #sidebar .widget ul li span{position:absolute; top:0; right:0; cursor:pointer;} #sidebar .widget ul.level-1 > li{background:url(../images/sidebar-list-icon.png)left top no-repeat; padding-left:26px; line-height:1; padding-bottom:16px;} #sidebar .widget ul.level-1 > li:last-child{padding-bottom:0;} #sidebar .widget ul.level-1 > li span{color:#EF4D48; font-size:12px;} #sidebar .widget ul.level-1 > li > span{color:#EF4D48;} #sidebar .widget ul.level-1 > li > a{color:#EF4D48; font-weight:500; font-size:18px; display:block;} #sidebar .widget ul.level-2{margin-left:-26px; padding:18px 0 24px 12px;} #sidebar .widget ul.level-2 > li {padding-bottom:15px; line-height:1;} #sidebar .widget ul.level-2 > li:last-child{padding-bottom:0;} #sidebar .widget ul.level-2 > li > a{color:#5a4a3b; font-size:14px; font-weight:500; display:block;} #sidebar .widget ul.level-2 > li > a .icon-right-arrow{font-size:12px;} .icon-right-arrow:before{font-weight:700; margin:0 8px 0 0; font-size:12px;} #sidebar .widget ul.level-3{padding:20px 0 10px 20px;} #sidebar .widget ul.level-3 > li{padding-bottom:10px; line-height:1;} #sidebar .widget ul.level-3 > li:last-child{padding-bottom:0px;} #sidebar .widget ul.level-3 > li > a{color:#968372; font-weight:500; font-size:13px; display:block;} #sidebar .level-2, #sidebar .level-3{display:none;} #sidebar .level-2.open, #sidebar .level-3.open{display:block;} #sidebar .price-range-widget .widget-contian{ width:100%; padding:0 20px;} .slider.slider-horizontal{width:100%} .slider.slider-horizontal .slider-track{height:4px; background:#bdb4ab;} .slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle{margin-left:-8px; cursor:pointer;} .price-range-widget #price span{color:#a49f9a; font-size:11px; padding:7px 0; float:left; line-height:11px;} .price-range-widget #price .filter-btn{line-height:25px; background:#000; color:#fff; text-transform:uppercase; font-size:10px; padding:0 22px; display:inline-block; float:right;} .price-range-widget #price .filter-btn:hover{background:#a49f9a;} #sidebar .widget.price-range-widget{width:100%; float:left;} .slider-handle{width:8px; height:8px; background:#EF4D48; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; top:3px;} .slider-selection{background:#EF4D48; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} #sidebar .hot-collection img{width:100%;} #sidebar .widget.tag-widgwet{float:left; width:100%;} #sidebar .widget .tag-div{float:left; width:100%; margin-left:-5px; margin-top:-5px;} #sidebar .widget .tag-div .tag-btn{float:left; margin:5px; height:30px; line-height:30px; padding:0 18px; background:#ebebeb; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#8e8781; font-size:13px; font-weight:600;} #sidebar .widget .tag-div .tag-btn:hover{background:#5a4a3b; color:#fff;} #sidebar .widget .tag-div .tag-btn.active { background-color: #4CAF50; /* Change to your desired color */ color: white; /* Change to your desired color */ } #sidebar .widget .tag-div .tag-btn:nth-child(2n + 1){clear:both;} .widget.top-seller-widget{float:left; width:100%;} .widget.top-seller-widget .widget-contian{float:left;} .widget.top-seller-widget .seller-box{float:left; width:100%; margin-bottom:22px;} .widget.top-seller-widget .seller-box .seller-img{float:left; width:95px;} .widget.top-seller-widget .seller-box .seller-text{float:left; padding-left:18px; width:calc(100% - 95px);} .widget.top-seller-widget .seller-box .seller-text .seller-name{float:left; font-size:13px; color:#5a4a3b; font-weight:500; line-height:13px;} .widget.top-seller-widget .seller-box .seller-text .ratting{float:left; width:100%;} .widget.top-seller-widget .seller-box .seller-text .ratting ul{float:left; margin:10px 0 0 0;} .widget.top-seller-widget .seller-box .seller-text .ratting ul li{float:left; margin:0 2px;} .widget.top-seller-widget .seller-box .seller-text .price{float:left; padding-top:12px; color:#5a4a3b; font-size:14px; font-weight:700;} /* ++++++++++++ Filter +++++++++++++ */ .filter{padding-bottom:120px; float:left; width:100%;} .filter .l-part{float:left;} .filter .l-part div{font-size:16px; color:#5a4a3b; font-weight:400; padding:7px 0;} .filter .r-part{float:right;} .filter .r-part .grid-short{float:left;} .filter-label{float:left; font-size:16px; color:#a7a7a7; font-weight:500; margin-right:45px; text-transform:capitalize; padding:10px 0;} /*.filter-label img{display:inline-block; margin-left:4px;}*/ .filter .shorting-label{font-size:16px; padding-right:10px; margin:0; line-height:32px; font-weight:400;} .shorting-box-1{float:left; margin-right:25px; position:relative;} .filter select{-/*moz-appearance:none; -webkit-appearance:none;*/ height:32px; border:1px solid #cbcbcb; color:#908b87; font-size:14px; padding:0 10px; height:30px;} .filter .shorting-box-1 select{width:146px; position:relative;} .filter .shorting-box-2 select{width:84px; position:relative;} /*.filter .shorting-box-1:after, .filter .shorting-box-2:after{content:'\f107'; position:absolute; top:2px; right:1px; bottom:0; border:1px solid #acacac; background:#eeeeee; color:#606060; width:18px; font-family: 'fontello'; height:30px; line-height:30px; font-size:12px;}*/ .shorting-box-2{float:left; margin-right:25px; position:relative;} .grid-layout{float:left; margin-right:8px;} .list-grid{float:left;} .grid-layout a, .list-grid a{width:32px; height:32px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #e5e5e5; cursor:pointer; display:inline-block; color:#b0b0b0;} .grid-layout a i:before, .list-grid a i:before{margin:0; width:32px; height:32px; line-height:32px;} .grid-layout a.active, .list-grid a.active, .grid-layout a:hover, .list-grid a:hover{color:#fff; border-color:#49a011; background:#49a011;} /* +++++++++ Product +++++++++ */ .product-list{float:left; width:100%} .product-list .col-sm-4:nth-child(3n + 1){clear:both} .product-list .wrapper{margin-bottom:30px;} .product-list .wrapper .contain-wrapper{padding:0 10px 38px;} /*.product-list .wrapper .text{left:8%;}*/ /* +++++++++ Pagination +++++++++ */ .pagination li.page-item{margin:0 6px; display:inline-block;} .pagination li.indicator{margin:0 20px;} .pagination li.page-item{margin:0 6px;} .pagination>li>a{padding:0; height:50px; width:50px; border:1px solid #dfdfdf; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; line-height:50px; font-size:20px; color:#b5b5b5;} .pagination>li>a:hover, .pagination>li>a.active{border:1px solid #4ba011; color:#fff; background:#4ba011;} .pagination>li>a .icon-right-arrow{line-height:48px; height:48px; display:block;} .pagination>li>a .icon-right-arrow:before{line-height:50px; height:50px; margin:0;} .pagination>li.left>a .icon-right-arrow{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);} .table{border:1px solid #dbdbdb; margin:0;} .table tr, .total-box, .total-box .tit, .tax-box{-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.09);} .table>tbody>tr>td.total .add-to-cart{text-transform:uppercase;} .table>tbody>tr>td.total .add-to-cart:hover{color:#549843;} .table>thead>tr>th{border:none; background:#f1f1f1; font-weight:600; font-size:15px; text-transform:uppercase; color:#5a4a3b; text-align:left; vertical-align:middle; padding:0 30px; line-height:58px;} .table>tbody>tr>td{padding:38px 30px; vertical-align:middle; text-align:left; font-size:14px; color:#4a4642; font-weight:500;} .table>tbody>tr>td a, .table>tbody>tr>td a i:before{color:#4a4642;} .table>tbody>tr>td.total{font-weight:600;} .table>tbody>tr>td.cancel{font-size:12px;} .table select{ width:56px; height:33px; border:1px solid #dbdbdb; padding:0 8px;} .table>tfoot>tr>td{padding:32px 28px;} .table tfoot .l-part{float:left;} .table tfoot .r-part{float:right;} .table tfoot .l-part .continue-shopping-btn{line-height:42px; padding:0 20px; display:block; border:2px solid #e6e1dd; font-size:13px; text-transform:uppercase; font-weight:700; color:#5a4a3b;} .table tfoot .l-part .continue-shopping-btn i:before{margin:0 0 0 12px; color:#5a4a3b; font-size:12px; transition:0.3s all ease-in; -webkit-transition:0.3s all ease-in; -moz-transition:0.3s all ease-in;} .table tfoot .l-part .continue-shopping-btn:hover{background:#549843; border-color:#549843; color:#fff;} .table tfoot .l-part .continue-shopping-btn:hover i:before{color:#fff; } .table tfoot .r-part .cancel-cart-btn, .table tfoot .r-part .update-cart-btn:hover{background:#549843; border:2px solid #549843; color:#fff; font-weight:700; font-size:13px; text-transform:uppercase; display:inline-block; line-height:42px; margin:0 3px; padding:0 18px;} .table tfoot .r-part .cancel-cart-btn i:before{font-size:12px; margin:0 10px 0 0; transition:0.3s all ease-in; -webkit-transition:0.3s all ease-in; -moz-transition:0.3s all ease-in;} .table tfoot .r-part .cancel-cart-btn:hover i:before{color:#5a4a3b;} .table tfoot .r-part .update-cart-btn, .table tfoot .r-part .cancel-cart-btn:hover{background:transparent; border:2px solid #e6e1dd; color:#5a4a3b; font-weight:700; font-size:13px; text-transform:uppercase; display:inline-block; line-height:42px; margin:0 3px; padding:0 18px;} .table .btn-primary {border-color: #5a4a3b;background-color:#5a4a3b;} .table .btn-primary:hover {border-color: #549843;background-color:#549843;} .table .btn-success {border-color: #549843;background-color:#549843; color: #fff;} .table .btn-success:hover {border-color: #5a4a3b;background-color:#5a4a3b;} .coupon{float:left; width:100%; background:#d9d5d2; padding:30px 40px 25px; margin-bottom:44px;} .coupon label{font-size:24px; color:#5a4a3b; text-transform: capitalize; font-weight:600; float:left; margin:0; line-height:52px;} .total-box-inner .coupon-text{float:left; line-height:46px; border:3px solid #fff; background:transparent; padding:0 5px; width:100%;} .total-box-inner .coupon-btn{margin-top: 10px; padding:0 40px; background:#5a4a3b; color:#fff; text-transform:uppercase; font-size:14px; font-weight:700; line-height:46px; border:3px solid transparent;} .total-box-inner .coupon-btn:hover{background:#549843;} .total-box {float:left; width:100%; text-align:left; border:1px solid #dbdbdb;margin-top: 44px;} .tax-box .tit, .total-box .tit{float:left; color:#5a4a3b; font-size:15px; font-weight:600; text-transform:uppercase; padding:22px 36px; width:100%; line-height:15px; border-bottom:1px solid #dbdbdb;-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.09); position:relative;} .total-box-inner{float:left; background:#e3dfdc; width:100%; padding:34px;} .total-box-inner .sub-total .delivery-fee .vat-tax .total-box-inner .grand-total{width:100%; float:left;} /* Style the delivery fee text in grey */ .delivery-fee { color: #777; /* Grey color */ font-size: 14px; } .vat-tax { color: #777; /* Grey color */ font-size: 14px; } .promo-discount { color: grey; /* Make promo text gray */ font-size: 14px; margin-top: 5px; /* Adds spacing from previous row */ width: 100%; /* Ensures full width inside the container */ } /* Style the separator */ .total-separator { /* position: absolute; border: none; */ margin-top: 30px!important; height: 3px; background: #4a4642; /* Light grey separator */ border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; } .total-box-inner span{float:left;} .total-box-inner span.price{float:right;} .total-box-inner .sub-total {color:#4a4642; font-size:14px; line-height:14px; font-weight:400; padding-bottom:20px; font-weight:500;} .total-box-inner .delivery-fee {color:#4a4642; font-size:14px; line-height:14px; font-weight:400; padding-bottom:20px; font-weight:500;} .total-box-inner .vat-tax {color:#4a4642; font-size:14px; line-height:14px; font-weight:400; padding-bottom:20px; font-weight:500;} .total-box-inner .grand-total{color:#4a4642; font-size:18px; line-height:18px; font-weight:700;padding-bottom:40px;} .total-box-inner .checkout-btn{line-height:56px; background:#549843; font-weight:500; color:#fff; font-size:18px; float:left; width:100%; text-align:center; text-transform:uppercase; padding:0 5px;} .total-box-inner .checkout-btn i:before{margin:-3px 15px 0 0; font-size:12px; line-height:12px; vertical-align:middle;} .total-box-inner .checkout-btn:hover{background:#5a4a3b} .checkout-btn{padding: 0 40px; max-width: 100%; line-height:46px; background:#549843; color:#fff; text-align:center;} .tax-box{float:left; width:100%; text-align:left; border:1px solid #dbdbdb;} .tax-box .tit{padding-left:25px;} .tax-box-inner{padding:25px; float:left; width:100%;} .tax-box-inner p{font-size:14px; color:#4a4642; font-weight:500; margin-bottom:22px;} .tax-box-inner label{color:#4a4642; font-weight:500; font-size:13px; margin:0 0 8px 0; display:block; line-height:13px;} .tax-box-inner select, .tax-box-inner .postal-text{height:34px; border:1px solid #dbdbdb; padding:0 12px; font-size:12px; color:#4a4642; width:100%; margin-bottom:24px;} .tax-box-inner select{height:34px; border:1px solid #dbdbdb;} .tax-box-inner .quote{height:42px; line-height:38px; border:2px solid #e6e1dd; padding:0 20px; color:#5a4a3b; font-size:13px; font-weight:700; text-transform:uppercase; background:transparent;} .tax-box-inner .quote i:before{margin:0 10px 0 0; font-size:14px;} .tax-box-inner .quote:hover{color:#fff; background:#5a4a3b; border-color:#5a4a3b;} /*+++++++++++++++++++ Detail Page +++++++++++++++*/ .responsive-tabs-wrapper, .responsive-tabs{width:100%; float:left;} .responsive-tabs__list{margin:0; line-height:1; padding:0; float:left; width:100%; position:relative;border:none; padding:0 12px 6px;} .responsive-tabs__list:after{content:''; width:100%; position:absolute; left:0; bottom:0; height:8px; background:#549843; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .responsive-tabs__list__item{border-left:none; border-top:none; border-right:none; border-bottom:1px solid transparent; padding:18px 36px; background:transparent; color:#463f4a; font-size:14px; line-height:17px; font-size:17px; float:left; font-weight:400; text-transform:capitalize; margin-bottom:-1px; margin-left:0; margin-right:0; border:1px solid transparent;} .responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover, .responsive-tabs__list__item:hover, .responsive-tabs__heading:focus, .responsive-tabs__list__item:focus{ border:1px solid #549843; border-bottom:1px solid transparent; background:transparent; color:#549843; outline:none; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .responsive-tabs__panel{float:left; width:100%; padding:48px 0; margin:0;} .responsive-tabs__panel:after{content:''; clear:both;} .responsive-tabs__panel{text-align:left; color:#4a4642;} .responsive-tabs__panel p{font-size:14px; line-height:22px; margin-bottom:24px;} .responsive-tabs__panel h3{color:#EF4D48; position:relative; font-weight:600; font-size:24px; line-height:24px; margin-bottom:38px; padding-bottom:20px;} .responsive-tabs__panel h3:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:4px; background:url(../images/tit-bottom.jpg)left top no-repeat;} .mar-btm-60{margin-bottom:60px;} .responsive-tabs__panel ul.list-view{padding-bottom:30px;} .responsive-tabs__panel ul.list-view li{padding-left:28px; font-size:14px; color:#4a4642; font-weight:600; line-height:14px; background:url(../images/sidebar-list-icon.png) left top no-repeat; padding-bottom:22px;} .responsive-tabs__panel .product-review-form .btn-primary{background:#549843; font-size: 14px; border-color:#549843} .responsive-tabs__panel .product-review-form .btn-primary:hover{background:#f1f1f1; color:#000;} .sp-thumbs a{margin:0 6px !important; border:1px solid #e3e3e3 !important;} .single-post-section{padding-bottom:135px;} .product-single-meta {float:left; padding-top:50px; width:100%; text-align:left;} .product-single-meta .product-name{font-size:30px; text-transform: capitalize; color:#4a4642; font-weight:500; position:relative; padding-bottom:14px; line-height:30px;} .product-single-meta .product-name:after{content:''; position:absolute; left:0; bottom:0; width:46px; height:1px; background:#549843;} .product-single-meta .ratting{float:left;} .product-single-meta .ratting ul{float:left; margin:18px 0 0 0;} .product-single-meta .ratting ul li{float:left; margin:0 2px;} .product-single-meta .ratting span{float:left; margin:18px 0 0 12px; font-size:12px; font-weight:500; color:#4a4642;} .product-single-meta .price{float:left; width:100%; margin-top:40px; margin-bottom:30px;} .product-single-meta .price .new-price{font-weight:600; color:#4a4642; font-size:30px; line-height:30px; display:inline-block; vertical-align:middle;} .product-single-meta .price .old-price{display:inline; font-weight:400; font-size:15px; color:#9c9792; line-height:15px; vertical-align:middle; margin-top:-12px;} .product-single-meta .availablity{ float:left; width:100%; font-size:14px; font-weight:600; color:#4a4642;margin-bottom:45px;} .product-single-meta .cart-process{float:left; width:100%; padding-bottom:64px;} .product-single-meta .cart-process .extra{float:left;} .product-single-meta .cart-process .extra ul{float:left; padding-left:12px;} .product-single-meta .cart-process .extra ul li{padding:0 3px;} .product-single-meta .cart-process .extra ul li a{width:44px; height:44px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:1px solid #e0e0e0; display:inline-block; color:#b5b5b5;} .product-single-meta .cart-process .extra ul li a:hover{color:#549843; background:#e0e0e0;} .product-single-meta .cart-process .extra ul li a i:before{margin:0; line-height:42px; width:42px;} .product-single-meta .qty{float:left; margin-right:10px;} .product-single-meta .qty .input-group-btn{float:left;width:40px; height:40px; line-height:40px; margin:0 8px;} .product-single-meta .qty .input-group-btn:first-child{margin-left:0;} .product-single-meta .qty .input-group-btn:last-child{margin-right:0;} .product-single-meta .qty .input-group-btn .btn{width:40px; height:40px; line-height:40px; float:left; background:transparent; border:1px solid #dfdfdf; padding:0; border-radius:4px; color:#b5b5b5; font-size:28px;} .qty .input-number {width:40px !important; height:40px !important; background:transparent !important; border: 1px solid #dfdfdf !important; text-align:center; padding:0 !important; line-height:40px !important; font-size:20px !important; float:left; border-radius:4px !important; color:#b5b5b5 !important; margin:0 !important;} .qty .quantity {width:100px !important; text-align:center;} .qty .decrease-qty, .qty .increase-qty { width: 25px !important; } .product-single-meta .qty .input-group-btn .btn.focus, .product-single-meta .qty .input-group-btn .btn:focus{box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} .product-single-meta .cart{float:left;} .product-single-meta .cart .cart-btn{line-height:40px; font-size:10px; font-weight:700; color:#ffffff; padding:0 44px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; background:#549843; text-transform:capitalize; display:inline-block; border:none; text-transform:uppercase; transition:0.3s all ease-in; -moz-transition:0.3s all ease-in; -webkit-transition:0.3s all ease-in; } .product-single-meta .cart .cart-btn:hover{background:#dfdfdf; color:#4a4642;} .product-single-meta .availablity span{color:#EF4D48;} .product-single-meta .product-information{float:left; width:100%; font-size:12px; color:#4a4642; font-weight:500; padding-bottom:40px; margin-bottom:36px; border-bottom:1px solid #ddead9;} .tag-box{float:left; width:100%;} .tag-box .tag-row{float:left; width:100%; padding-bottom:30px; text-align:left;} .tag-box .tag-row:last-child{padding-bottom:0;} .tag-box .tag-row span.dots{float:left; color:#4a4642; padding-right:4px;} .tag-box .tag-label{font-weight:600; font-size:13px; color:#4a4642; text-transform:uppercase; width:106px; float:left;} .tag-box .tag-label-value{font-weight:600; font-size:13px; color:#4a4642; text-transform:uppercase; float:left; text-transform: none;} .tag-box .category-value{color:#EF4D48;} .tag-box .tag-label-value .tag-btn{float:left; margin:0 4px; color:#898989; line-height:20px; background:#ebebeb; display:inline-block; text-transform:capitalize; font-weight:500; padding:0 12px; font-size:11px;} .tag-box .tag-label-value .tag-btn:last-child{margin-right:0;} .tag-box .tag-label-value .tag-btn:first-child{margin-left:0;} .tag-box .social{float:left;} .tag-box .social li{float:left; padding:0 6px;} .tag-box .social li a{float:left; color:#9b9997;} .tag-box .social li a:hover{color:#549843;} .tag-box .social li a i{float:left; font-size:12px;} .tag-box .social li a i:before{margin:0;} .form-group{margin-bottom:20px;} .responsive-tabs .form-control{line-height:45px; border:1px solid #ddd; box-shadow:none;} /*++ Related Product ++*/ .related-products .tit h2{position:relative; width:100%; text-align:left; color:#549843; font-size:32px; line-height:32px; font-weight:600; text-transform:capitalize; padding-bottom:35px; padding-top:8px; padding-left:65px; margin:0;} .related-products .tit h2:before{content:''; position:absolute; width:100%; top:0; left:0; background:url(../images/title-decorator.png)left top no-repeat; height:54px;} .related-products .tit h2:after{content:''; position:absolute; width:100%; bottom:0; left:0; right:0; background:#549843; height:8px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} /*+++++++++++++++++++ checkout Page +++++++++++++++*/ .checkout-page{padding-bottom:150px;} .checkout-page form{padding:20px 0} .checkout-page form .checkout-page form::placeholder{color:#898785 !important; opacity:1 !important;} .checkout-page form::-webkit-placeholder{color:#898785 !important; opacity:1 !important;} .checkout-page form::-moz-placeholder{color:#898785 !important; opacity:1 !important;} .checkout-step-one{padding:0 25px 15px; float:left} .checkout-step-two{padding:38px 0 40px; float:left} .checkout-step-three{padding:38px 0 0px; float:left} .checkout-step-three .center{padding:0 15px;} .checkout-one-form, .checkout-two-form, .checkout-three-form {float:left; width:100%;} .checkout-step-one, .checkout-step-two{ border-bottom:1px solid #f1f1f1;} .checkout-head{color:#5a4a3b; font-size:22px; font-weight:600} .checkout-page p{color:#7d7976; font-size:14px; line-height:24px; font-weight:500; float:left;} input[type="text"].form-control, input[type="password"].form-control, input[type="name"].form-control, input[type="email"].form-control, input[type="date"].form-control, input[type="tel"].form-control, select.form-control{background:#f1f1f1; height:52px; width:100%; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0 22px; color:#898785; font-size:14px; text-transform:capitalize; font-weight:400; margin-bottom:17px; border:none; box-shadow:none; } textarea.form-control{background:#f1f1f1; width:100%; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:10px 15px; color:#4a4642; font-size:14px; text-transform:capitalize; font-weight:400; margin-bottom:17px; border:none; box-shadow:none; } select.form-control option{ color:#4a4642; font-size:14px;} .checkout-step-two input[type="text"].form-control, .checkout-step-two input[type="password"].form-control, .checkout-step-two input[type="name"].form-control, .checkout-step-two input[type="email"].form-control, .checkout-step-two input[type="date"].form-control, .checkout-step-two input[type="tel"].form-control, .checkout-step-two select.form-control{} .checkout-step-two form, .checkout-one-form form{float:left; width:100%; padding:20px 0;} .checkout-one-form input[type="submit"].login{float:left; border:1px solid #549843; background:#fff; height:36px; color:#549843; font-size:12px; text-transform:uppercase; padding:0 44px; border-radius:5px; -moz-border-radius:2px; -webkit-border-radius:2px;} .checkout-one-form input[type="submit"].login:hover, .checkout-one-form input[type="submit"].login:focus{background:#549843; color:#fff;} a.forget-pwd{color:#4a4642l; font-size:12px; float:left; width:100%; margin:5px 0;} a.forget-pwd:hover, a.forget-pwd:focus{color:#549843} /*.checkout-step-three form{padding:0;} */.checkout-step-three input[type="submit"]{float:left; border:1px solid #549843; background:#fff; height:52px; background:#549843; color:#fff; font-size:14px; text-transform:uppercase; padding:8px 80px; border-radius:5px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top:48px;} .checkout-step-three input[type="submit"]:hover, .checkout-step-three input[type="submit"]:focus{background:#fff; color:#549843} /*.checkout-step-two input[type="text"].form-control, .checkout-step-two input[type="password"].form-control, .checkout-step-two input[type="name"].form-control, .checkout-step-two input[type="email"].form-control, .checkout-step-two input[type="date"].form-control, .checkout-step-two input[type="tel"].form-control, .checkout-step-two select.form-control, textarea.form-control{width:calc(100% - 15px); margin-left:15px;}*/ .checkout-one-form label{margin-left:15px;} .checkout-two-form label{font-weight: 400; padding-left:15px; margin-bottom: 34px; color:#80807fcc; font-size:14px;} .checkout-page input[type="checkbox"], .checkout-page input[type="radio"]{margin:0 8px 0 0;} .card-list{float:left; width:100%; margin:15px 0 23px;} .card-list span{padding:5px 15px 5px 0; color:#38322d; font-size:14px; font-weight:500} .card-list span, .card-list img{float:left;} .cart-item { display: flex; align-items: center; margin-bottom: 10px; } .cart-item-img { width: 50px; height: 50px; margin-right: 10px; } .cart-item-details p { margin: 0; font-size: 14px; } .empty-cart { text-align: center; font-style: italic; color: gray; } .checkout-order-table{float:left; width:100%; padding:20px 0 0 6px;} .checkout-order-table table{width:100%; float:left; font-size:14px; color:#4a4642;} .checkout-order-table table tr td, .checkout-order-table table tr th{padding:16px 25px;} .checkout-order-table .th-head{background:#f1f1f1; font-size:15px; color: #4a4642; opacity:0.70; font-weight:500;} .checkout-order-table tbody {color:#4a4642; font-size:14px; font-weight:400} .checkout-order-table .cart-subtotal{background:#e0dad5;} .checkout-order-table .cart-total{background:#6e645a; color:#fff;} .checkout-order-table .cart-shopping{background:#cdc8c3;} .checkout-order-table tbody tr, .checkout-order-table thead{border:1px solid #dddcdc;} .form-control:focus{box-shadow:none;} .checkout-two-form .selectdiv { width: 100%; height: 52px; margin-bottom:17px; } .checkout-two-form .selectdiv:after{content: '\f107'; position: absolute; top: 0; right: 15px; font-family: "fontello"; font-size: 16px; height: 52px; background: #f1f1f1; width: 25px; padding: 16px 0;} .checkout-two-form label { width: 100%; display: inline-block; line-height: 20px; } .checkout-two-form input[type="checkbox"] { position: absolute; left: -9999px; } .checkout-two-form input[type="checkbox"] + span::before { display: inline-block; vertical-align: middle; content: ""; width: 19px; height: 19px; margin: -2px 8px 0 0; border: solid 1px #424242; line-height: 14px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: #fff; } .checkout-two-form input[type="checkbox"]:checked + span::before { content: "\e833"; font-size: 10px; font-family: 'fontello'; color:#424242; } /*++++++++++++++++++++++++ FAQ +++++++++++++++++++++*/ .faq-page{padding:72px 0 226px;} .faq-panel{padding:0 25px; float:left; width:100%;} .faq-panel .card-group{margin:0; float:left; width:100%; display: inline-block;} .faq-page .card, .faq-page .card-group .card+.card{margin:0; float:left; width:100%; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:0; padding:0; border:none;} .faq-page .card .collapse{display:none;} .faq-page .card .collapse.show{display:block;} .card-header{background:transparent} .card-group .card-header+.card-collapse>.list-group, .card-group .card-header+.card-collapse>.card-body{border:none;} .card-body{padding:0 75px 40px 15px; color:#76716d; font-size:14px; line-height:24px;} .card-collapse, .card-body, .card-body.collapse.show{background:#f1f1f1;} .card-header{padding:0; background:#f1f1f1; border-bottom:none; position:relative} .card-header.collapsed{background:transparent;} .card-help .card-header.collapsed h4{color:#8f8d8b; font-size:18px; line-height:24px; padding:21px 25px 21px 20px; position:relative; padding-right:30px; background:transparent; border-bottom:none; font-weight:400} .card-help .card-header h4{color:#8f8d8b; font-size:18px; line-height:24px; padding:21px 25px 21px 20px; position:relative; padding-right:30px; background:transparent; border-bottom:none; font-weight:600} .card-help .card-header.collapsed:after{content:''; position:absolute; right:0; left:0; bottom:0; width:100%; height:4px; border-radius:2px; background:#dedbd8;} #accordion .card-header h4:after { font-family: 'fontello'; content: "\e829"; float: right; position: absolute; top: 23px; right: 25px; } #accordion .card-header.collapsed h4:after { /* symbol for "collapsed" panels */ content: "\e82a"; } /*.card-help h4.card-header i{position:absolute; top:0; right:0; cursor:pointer;} .card-help h4.card-header.collapsed i:before{line-height:66px; content: '\e82a';} .card-help h4.card-header.collapse i:before{content:'\e829';} .faq-page .panel .collapse{display:none;} .faq-page .panel .collapse.in{display:block;} .faq-page .panel.panel-help {width: 100%; float: left; box-shadow: none; padding-bottom: 0; border: none; overflow: hidden; background-color: #fff; margin: 0 0 16px; border-radius:2px} .panel-help a:hover, .panel-help a:focus { outline: none; cursor: pointer; text-decoration: none; } .panel-help .panel-heading{padding:0;}*/ /*.panel-help .accordion-toggle.collapsed{background:#fff;}*/ /*.panel-help .accordion-toggle.collapse{background:#f1f1f1;} .panel-help .accordion-toggle{ padding: 25px 20px; color: rgba(74,70,66,.70); border-top-right-radius:0; border-top-left-radius:0; position:relative }*/ /*.panel-help .panel-heading h4.accordion-toggle:after{position:absolute; content:''; width:100%; height:4px; bottom:0; left:0; background:#dedbd8; border-radius:5px}*/ /*.panel-help .panel-heading{background:transparent;}*/ /*.panel-help .panel-heading h4.accordion-toggle.collapsed:after{background:transparent}*/ /*.panel-help .panel-heading a { margin: 0; padding: 0; font-size: 20px; font-weight: 500; line-height: 24px; letter-spacing: 0; color: rgba(74,70,66,.70); }*/ /* .panel-help .panel-heading h4.accordion-toggle{background:#f1f1f1;} .panel-help .panel-heading h4.accordion-toggle.collapsed{ background: #fff;}*/ /* .faq-page .panel-body { background-color: #f1f1f1; padding:0 25px 26px; border-radius: 2px; border-top-right-radius: 0; border-top-left-radius: 0; margin-top: 0; color:#76716d; font-size:14px; line-height:24px;} .faq-page .panel-body p { margin: 0 0 16px; }*/ /*.panel-heading .accordion-toggle:before { font-family: 'fontello'; content: "\e82a"; float: right; color: grey; }*/ /*.panel-heading .accordion-toggle.collapsed:before {*/ /* symbol for "collapsed" panels */ /* content: "\e82a"; */ /* adjust as needed, taken from bootstrap.css */ /*}*/ .accordion .card-header:after { font-family: 'FontAwesome'; content: "\f068"; float: right; } .accordion .card-header.collapsed:after { /* symbol for "collapsed" panels */ content: "\f067"; } /*+++++++++++++++ account +++++++++++++++*/ .account-page{padding-bottom:200px;} .account-form-login{float:left; padding:0 45px; width:100%} .account-form-reg{float:left; padding:0 45px; width:100%} .account-form-login h2, .account-form-reg h2{position:relative; padding:0 0 22px; margin:0 0 32px; color:#5a4a3b; font-size:36px; font-weight:500} .account-form-login h2:after, .account-form-reg h2:after{position:absolute; content:''; width:100%; height:8px; background:#5a4a3b; border-radius:5px; bottom:0; left:0;} .required{position:relative} .required::-webkit-input-placeholder:after { content: " *"; color: red; } .required:-moz-placeholder:after { content: " *"; color: red; } .required:-ms-input-placeholder:after { content: " *"; color: red; } .required:placeholder:after { content: " *"; color: red; } .account-form-login input[type="text"].form-control, .account-form-reg input[type="text"].form-control{margin-bottom:27px;} .account-form-login input[type="submit"], .account-form-reg input[type="submit"]{float: left; border: 1px solid #549843; background: #fff; height: 56px; background: #549843; color: #fff; font-size: 18px; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-top: 48px; width:100%; font-weight:600; } .account-form-login input[type="submit"]:hover, .account-form-reg input[type="submit"]:hover, .account-form-login input[type="submit"]:focus, .account-form-reg input[type="submit"]:focus{background: #fff; color: #549843;} .account-form-login label, .account-form-reg label{font-size:12px; color:#8e8b88; font-weight:500;} .account-form-login a:hover{color:#8e8b88;} .account-form-login label { display: inline-block; line-height: 20px; } .account-form-login input[type="checkbox"] { position: absolute; left: -9999px; } .account-form-login input[type="checkbox"] + a::before { display: inline-block; vertical-align: middle; content: ""; width: 19px; height: 19px; margin: -2px 8px 0 0; border: solid 1px rgba(124, 121, 118, 0.26); line-height: 14px; text-align: center; background: #fff; } .account-form-login input[type="checkbox"]:checked + a::before { content: "\e833"; font-size: 10px; font-family: 'fontello'; color:rgba(124, 121, 118, 1); } .account-form-login input[type="checkbox"]:checked + a:hover, .account-form-login input[type="checkbox"]:checked + a:focus{color:rgba(124, 121, 118, 1);g927 } .account-form-reg input[type="radio"] { margin: -2px 8px 0 0; } /*+++++++++++++++++++++++++++ whishlist-page +++++++++++++++++++++++++++++*/ .whishlist-page{padding:72px 0 180px} /*++++++++++++++ blog page +++++++++++++++++++++++++++*/ #blog_sidebar{width:100%; float:left;} #blog_sidebar .widget-title { margin-top: 32px; } form.searchform{padding:0; position:relative; margin-bottom: 0px;} form.searchform input[type="text"] { width: 100%; margin-bottom:15px; background-color: #fff; height: 43px; color: rgba(125, 121, 118, 0.5); font-size: 14px; font-weight: 300; padding: 8px 44px 8px 15px; border:3px solid rgba(90, 74, 59, 0.60); } form.searchform input[type="submit"] { background: url(../images/search-icon.png) no-repeat center center; position: absolute; right: 0px; bottom: 15px; width: 44px; height: 44px; border: none; } form.searchform input[type="text"]::-moz-placeholder, form.searchform input[type="email"]::-moz-placeholder, form.searchform input[type="phone"]::-moz-placeholder, form.searchform textarea::-moz-placeholder{ color:rgba(125, 121, 118, 0.5); font-weight:400} form.searchform input[type="text"]:-ms-input-placeholder, form.searchform input[type="email"]:-ms-input-placeholder, form.searchform input[type="phone"]:-ms-input-placeholder, form.searchform textarea:-ms-input-placeholder { color: rgba(125, 121, 118, 0.5); font-weight:400/* IE 10+ */} form.searchform input[type="text"]::-webkit-input-placeholder, form.searchform input[type="email"]::-webkit-input-placeholder, form.searchform input[type="phone"]::-webkit-input-placeholder, form.searchform textarea::-webkit-input-placeholder {color: #463f4a; font-weight:500 /* Chrome/Opera/Safari */} h2.blog-header{font-size:22px; font-weight:600; border-bottom:1px solid #87786a; line-height:; color:#87786a; position:relative; padding:12px 0 12px; line-height:20px; text-transform:capitalize;} .blog-tit{font-size:12px; line-height:18px; text-transform:uppercase} #blog_sidebar .box{margin-top:32px; float:left;} #blog_sidebar .box .img-part{float:left; width:30%;} #blog_sidebar .box .img-part img{width:100%;} #blog_sidebar .box .txt-part{padding-left:18px; float:left; width:70%;} #blog_sidebar .box .txt-part .blog-tit{font-weight:800; color:#5a4a3b; font-size:18px; line-height:20px; text-transform:inherit;} #blog_sidebar .box .txt-part .blog-tit:hover{color:#947f65;} #blog_sidebar .box .blog-date{color:#7d7976; font-size:13px; font-weight:500; padding:10px 0 0 0; display:inline-block;} #blog_sidebar .box .blog-date i:before{font-size:12px; margin:0 8px 0 0;} #blog_sidebar .post-cetegory{float:left;} #blog_sidebar .post-cetegory ul{float:left; padding-top:35px;} #blog_sidebar .post-cetegory ul li{padding-left:30px; background: url(../images/blog-list-icon.png) left 4px no-repeat;} .recent-post ul li{display:inline-flex; float:left; padding-bottom:25px;} .recent-post ul li .f-icon{width:20%;} .recent-post ul li .f-icon p{ color:#947f65; line-height: normal; position:relative; font-size: 20px; overflow:hidden; padding:0 0 10px;} .recent-post ul li .f-icon p:before{position:absolute; content:''; z-index:1; height: 34px; background: #dfd8d0; width: 34px; top:8px; left:8px; border-radius: 50%; z-index:-1; } .recent-post ul li .recent-post-header{width:80%;} .recent-post ul li .recent-post-header .blog-tit{color: #463f4a; font-size: 13px; line-height: 20px; margin-bottom:5px; font-weight: 400;} .recent-post .recent-post-header p{ line-height: 26px; color:#947f65; margin-top:10px; font-size: 13px; font-weight: 400; margin-bottom:0} .post-cetegory ul li{display:inline-flex; float:left; padding-bottom:15px; width:100%; text-align: left;} .post-cetegory ul li .f-icon{width:10%;} .post-cetegory .post-cetegory-header{width:90%;} .post-cetegory .post-cetegory-header{color:#847f86; font-size:14px; font-weight:400;} .post-cetegory .post-cetegory-header a{color:#847f86;} .post-cetegory .post-cetegory-header a:hover{color:#947f65;} .post-cetegory ul li .f-icon p{ color:#947f65; position:relative; overflow:hidden; font-size:14px; margin-bottom:0;} .post-cetegory ul li .f-icon p:before{position:absolute; content:''; z-index:1; height: 14px; background: #dfd8d0; width: 14px; top:6px; left:6px; border-radius: 50%; z-index:-1; } .post-tag ul{display:inline-block; padding-top:35px;} .post-tag ul li{padding-right:10px; padding-bottom:10px; float:left; display:block;} .post-tag ul li a{color:#7d7976; font-size:13px; line-height:32px; font-weight:600; padding:0px 11px; background:transparent; text-transform:uppercase; border:1px solid #b0aaa5; display:inline-block; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .post-tag ul li a:hover{background:#EF4D48; border-color:#EF4D48; color:#fff;} .blog-nav{margin:60px 0 0;} .blog-nav .pagination {display:inline-block; margin:0;} .blog-nav .pagination a { color: #463f4a; float: left; padding: 8px 16px; text-decoration: none;} .blog-nav .pagination a i{margin-top:10px;} .blog-nav .pagination a.active{color: #c9b199;} .blog-nav .pagination a:hover{color: #c9b199;} .blog .col-md-4.col-sm-6.col-xs-12{margin-bottom:80px;} .blog .blog-list figure img{width:100%;} .blog .blog-info{float:left; padding-top:42px; width:100%; text-align:left;} .blog .blog-info ul{display:inline-block; width:100%; text-align:center; line-height:13px; padding-bottom:20px;} .blog .blog-info ul li{float:left; line-height:13px; position:relative; margin-right:-4px; padding:0 13px;} .blog .blog-info ul li:first-child{padding-left:0;} .blog .blog-info ul li:last-child{padding-right:0;} .blog .blog-info ul li a{color:#7d7976; font-weight:500; font-size:13px;} .blog .blog-info ul li a:hover{color:#5a4a3b;} .blog .blog-info ul li:after{content:''; position:absolute; top:0; right:0; height:13px; width:1px; background:#aca49d; } .blog .blog-info ul li:last-child:after{display:none;} .blog .blog-info ul li a i:before{font-size:12px; margin:0 7px 0 0;} .blog .blog-info h2, .blog-info h2 a{margin:0; font-weight:900; font-size:23px; color:#5a4a3b; text-transform:inherit;} .blog-info h2 a:hover{color:#7d7976} .blog .blog-info .rd-mr{font-weight:700; text-transform:uppercase; font-size:13px; color:#549843; line-height:31px; padding:0 25px; border:2px solid #8bcf79; display:inline-block; border-radius:30px; -moz-border-radius:30px; -moz-border-radius:30px; margin-top:25px; transition:0.3s width ease-in; -moz-transition:0.3s width ease-in; -webkit-transition:0.3s width ease-in;} .blog .blog-info .rd-mr:hover{ background:#8bcf79; color:#fff;} .blog .col-md-4.col-sm-col-12-12{margin-bottom:80px;} .blog_sidebar_widget{text-align:left;} /*Blog-Details*/ .blog-detail{text-align:left;} .blog-detail .blog-txt{padding-top:48px;} .blog-detail ul{display:inline-block; width:100%; text-align:left; line-height:13px; padding-bottom:20px;} .blog-detail ul li{display:inline-block; line-height:13px; position:relative; margin-right:-4px; padding:0 13px;} .blog-detail ul li a{color:#7d7976; font-weight:500; font-size:15px;} .blog-detail ul li a:hover{color:#5a4a3b;} .blog-detail ul li:after{content:''; position:absolute; top:0; right:0; height:13px; width:1px; background:#aca49d;} .blog-detail ul li:last-child:after{display:none;} .blog-detail ul li:first-child{padding-left:0;} .blog-detail ul li:last-child{padding-right:0;} .blog-detail ul li a i:before{font-size:12px; margin:0 7px 0 0; color:#EF4D48;} .blog-detail h2{margin:0 0 35px 0; font-weight:900; font-size:48px; color:#5a4a3b; text-transform:inherit;} .blog-detail p{margin-bottom:35px; font-weight:500; font-size:15px; color:#7d7976; line-height:24px;} .blog-detail .middle-section{padding:70px 0 80px;} .youtube-video img{width:100%} .blog-detail .tit h3{margin:0; color:#EF4D48; font-family: 'frente_h1regular'; font-size:42px; position:relative; line-height:34px; padding-bottom:25px; margin-bottom:50px;} .blog-detail .tit h3:after{content:''; position:absolute; left:0; bottom:0; width:34px; height:6px; background:#EF4D48; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .blog-detail ul.talk-about-list li{display:block; padding:0 0 0 42px; color:#5a4a3b; font-weight:500; font-size:15px; padding-bottom:28px; background:url(../images/blog-list-icon.png) left top no-repeat;} .blog-detail ul.talk-about-list li:after{display:none;} .blog-detail ul.talk-about-list li:last-child{display:block; padding-bottom:0;} .blog-detail .bottom-section{padding-bottom:100px;} .blog-detail .bottom-section h4{color:#5a4a3b; font-weight:800; font-size:24px; margin:0 0 22px 0;} .blog-detail .bottom-section .share-section{background:#ededed; padding:26px; float:left; width:100%;} .blog-detail .bottom-section .share-section .tag-part{float:left;} .blog-detail .bottom-section .share-section .tag-part ul{padding:0;} .blog-detail .bottom-section .share-section .tag-part ul li{padding:0 4px;} .blog-detail .bottom-section .share-section .tag-part ul li:first-child{padding-left:0;} .blog-detail .bottom-section .share-section .tag-part ul li:last-child{padding-right:0;} .blog-detail .bottom-section .share-section .tag-part ul li a{line-height:32px; background:#fff; border:1px solid #b0aaa5; font-weight:600; font-size:13px; color:#7d7976; text-transform:uppercase; display:inline-block; padding:0 15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .blog-detail .bottom-section .share-section .tag-part ul li:after{display:none;} .blog-detail .bottom-section .share-section .tag-part ul li a:hover{color:#fff; background:#EF4D48; border-color:#EF4D48; } .blog-detail .bottom-section .share-section .social-part{float:right; padding:9px 0;} .blog-detail .bottom-section .share-section .social-part label, .blog-detail .bottom-section .share-section .social-part .social{float:left; width:auto;} .blog-detail .bottom-section .share-section .social-part label{margin:0; font-size:15px; font-weight:800; line-height:15px; color:#7d7976; padding-right:35px; } .blog-detail .bottom-section .share-section .social-part ul{padding:0;} .blog-detail .bottom-section .share-section .social-part ul li a i:before{font-size:13px; margin:0; color:#7b6e62;} .blog-detail .bottom-section .share-section .social-part ul li a:hover i:before{color:#EF4D48;} .blog-detail .bottom-section .share-section .social-part ul li:after{bottom:0; margin:auto; height:6px; width:1px; background:#a0c197;} .comment-section{padding-bottom:140px;} .comment-section .tit h3, .form-section .tit h3{font-family: 'Montserrat', sans-serif; font-size:36px; font-weight:600; padding-bottom:20px; margin-bottom:62px;} .form-section .tit h3{margin-bottom:36px;} .form-section .tit p.slogan{font-size:18px; font-weight:400; color:#767676; line-height:18px; margin-bottom:50px;} .comment-section .comment-box{float:left; width:100%; padding-bottom:78px;} .comment-section .comment-box:last-child{padding-bottom:0;} .comment-section .comment-box:nth-child(odd) {padding-left:140px;} .comment-section .comment-box .icon-part{float:left; width:121px; border-right:1px solid #d7d3d0; padding-bottom:30px;} .comment-section .comment-box .comment-part{float:left; width: calc(100% - 121px); padding-left:38px;} .comment-section .comment-box .comment-part .top-part{float:left; width:100%;} .comment-section .comment-box .comment-part .top-part .l-part{float:left; padding-bottom:25px;} .comment-section .comment-box .comment-part .top-part .l-part .date{color:#7b6e62; font-weight:300; font-size:14px; line-height:14px;} .comment-section .comment-box .comment-part .top-part .l-part .user-name{color:#6aa327; font-weight:600; font-size:18px; line-height:18px; padding:10px 0 0 0;} .comment-section .comment-box .comment-part .top-part .r-part{float:right;} .comment-section .comment-box .comment-part .top-part .r-part .replay-btn{line-height:34px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; border:2px solid #8bcf79; color:#549843; font-size:13px; font-weight:700; text-transform:uppercase; padding:0 28px;} .comment-section .comment-box .comment-part .top-part .r-part .replay-btn:hover{background:#549843; border-color:#549843; color:#fff;} .comment-section .comment-box .comment-part .top-part p{width:100%; float:left; margin-bottom:0; font-weight:400; color:#a29991; font-size:15px; line-height:20px;} .blog-detail form{border:13px solid #efeeec; padding:36px 15px; float:left; width:100%;} .blog-detail form .form-group{margin-bottom:26px;} .blog-detail form .form-control{line-height:50px; padding:0 20px; border:1px solid #a29991; color:#a29991; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:transparent; font-size:15px; font-weight:400; margin:0;} .blog-detail form textarea.form-control{height:115px; margin:0 0 28px 0; width:100%;} .blog-detail form .submit{line-height:42px; background:#EF4D48; color:#fff; padding:0 33px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; font-size:13px; text-transform: uppercase; font-weight:700; border:none; border:2px solid #EF4D48;} .blog-detail form .submit:hover{background:transparent; color:#EF4D48;} .blog .pagination a{color:#a6a39f; font-size:14px; font-weight:500; padding:0; width:54px; height:54px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; padding:17px 0;} .blog .pagination a.active, .blog .pagination a:hover{background:#EF4D48; color:#fff;} .blog .pagination a.right:hover, .blog .pagination a.left:hover{background:transparent; color:#443c34;} .blog .pagination a.left i{margin:0;} .icon-right-arrow::before{font-size:11px;} .blog .pagination a.left i:before{margin:0; transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);} .blog .pagination a.left i:before{margin:0 6px 0 0;} .blog .pagination a.right i:before{margin:0 0 0 6px;} .blog .pagination a.left{margin-right:30px; text-transform:capitalize; font-weight:500;} .blog .pagination a.right{margin-left:30px; text-transform:capitalize; font-weight:500;} /* ================== 404 Page ================== */ .content-part.page .logo-part{padding-bottom:24px;} .content-part.page .inner-part img{padding-bottom:75px;} .content-part.page .inner-part h4{margin:0 0 26px 0; font-size:94px; text-transform:uppercase; color:#5a4a3b; font-family:'frente_h1regular'; line-height:86px;} .content-part.page .inner-part h4 span{color:#EF4D48;} .content-part.page .inner-part p{color:#4a4642; font-size:16px; font-style:italic; line-height:16px; margin-bottom:60px;} .content-part.page .inner-part .redirect-btn{line-height:50px; padding:0 27px 0 42px; font-weight:500; font-size:13px; text-transform:uppercase; color:#fff; background:#EF4D48;} .content-part.page .inner-part .redirect-btn:hover{background:#5a4a3b;} .content-part.page .inner-part .redirect-btn i:before{margin:0 0 0 5px; font-size:45px; line-height:45px; vertical-align:middle;} /* ================== Contact Page ================== */ .content-part.contact-page .logo-part{padding-bottom:52px;} .content-part.contact-page .address-part .inner-part{display:inline-block;} .content-part.contact-page .inner-part .box{background: url(../images/bg.png) center top no-repeat; display:inline-block; width:325px; height:325px; padding:60px 0 0 0; float:left;} .content-part.contact-page .inner-part .box h3{font-family:'frente_h1regular'; color:#fff; font-size:48px; text-transform:uppercase; line-height:40px; margin:20px 0 12px 0;} .content-part.contact-page .inner-part .box p, .content-part.contact-page .inner-part .box a{font-size:15px; color:#fff; line-height:22px; font-weight:500;} .content-part.contact-page .inner-part .box a:hover{color:#5a4a3b;} .content-part.contact-page .inner-part{padding-bottom:135px;} .content-part.contact-page .map-section{padding-left:0} .content-part.contact-page .map-section img{width:100%;} .content-part.contact-page .form-part{background:url(../images/contact-page-form-bg.png) left top no-repeat; background-size:cover; padding-right:0;} .content-part.contact-page .form-part .inner-part{float:right; width:560px; padding:55px 105px 0px 21px;} .content-part.contact-page .form-part .tit h3{margin:0 0 62px 0; font-size:72px; line-height:60px; font-family:'frente_h1regular'; color:#5ba628;} .content-part.contact-page .form-part .tit h3 span{color:#fff; line-height:60px; display:inline-block;} .content-part.contact-page .form-part .form-control{height:48px; border-radius:0; background:rgba(130,188,63,0.20); font-weight:700; color:#91c950; color:#91c950; text-transform:none; margin:0; padding:0 20px; line-height:48px;} .content-part.contact-page .form-part .form-group{margin-bottom:22px;} .content-part.contact-page .form-part .form-group textarea{height:133px; resize:none; margin-bottom:40px;} .content-part.contact-page .form-part .form-control:placeholder{opacity: 1 !important; color:#92c950; text-transform:uppercase;} .content-part.contact-page .form-part .form-control:-moz-placeholder{opacity: 1 !important; color: #92c950; text-transform:uppercase;} .content-part.contact-page .form-part .form-control::-moz-placeholder{opacity: 1 !important; color: #92c950; text-transform:uppercase;} .content-part.contact-page .form-part .form-control:-ms-input-placeholder{opacity: 1 !important; color: #92c950; text-transform:uppercase;} .content-part.contact-page .form-part .submit{width:100%; border:none; background:#78cf3c; color:#181010; text-transform:uppercase; font-size:18px; font-weight:500; line-height:52px; transition:0.3s all ease-in; -webkit-transition:0.3s all ease-in; -moz-transition:0.3s all ease-in;} .content-part.contact-page .form-part .submit:hover{color:#78cf3c; background:#181010;} /*.content-part.contact-page .inner-part .box p{}*/ /* ================== About Page ================== */ .about-page .who-we-are{text-align:left; padding-bottom:140px;} .about-page .who-we-are .img-part{padding-left:50px;} .about-page .who-we-are .img-part figure{position:relative;} .about-page .who-we-are .img-part figure:before{content:''; position:absolute; bottom:0; left:0; width:0; height:0; border-style:solid; border-width: 435px 0 0 485px; border-color: transparent transparent transparent #5a4a3b; z-index:9;} .about-page .who-we-are .img-part figure img{position:relative; z-index:99; padding-left:50px; padding-bottom:35px; width:100%;} .about-page .who-we-are .txt-part .sec-tit h2{margin:42px 0 62px 0; color:#5a4a3b; font-size:100px; text-transform:uppercase; font-family:'frente_h1regular'; line-height:80px;} .about-page .who-we-are .txt-part{padding-right:50px; padding-left:75px;} .about-page .who-we-are .txt-part .sec-tit h2 span{margin:0; color:#EF4D48;} .about-page .who-we-are .txt-part p{font-size:14px; line-height:24px; color:#76716d; margin-bottom:25px;} .about-page .who-we-are .txt-part h3{margin:0; font-size:18px; line-height:24px; color:#76716d; font-weight:800; font-style:italic;} .strega-industry-section{background:url(../images/farming-bg.jpg)center bottom no-repeat; background-size:cover; padding:72px 0 285px;} .strega-industry-section .box{float:left; width:100%;} .strega-industry-section .box.first, .strega-industry-section .box.third{padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #EF4D48;} .strega-industry-section .sr{float:left; font-family:'frente_h1regular'; font-size:100px; line-height:80px; color:#4abd15; padding-right:35px; width:95px} .strega-industry-section .txt-part{float:left; width:calc(100% - 95px); text-align:left;} .strega-industry-section .tit{font-size:35px; color:#fff; line-height:30px; font-family:'frente_h1regular'; margin-bottom:15px;} .strega-industry-section p{font-size:14px; line-height:18px; color:#c1d0b4; margin:0;} .strega-industry-section .free-section:before{content:''; background:url(../images/farming-bg-ex.png) center center no-repeat; background-size:100%; mix-blend-mode: multiply; position:absolute; top:0; left:0; right:0; bottom:0;} .strega-industry-section .free-section{padding-top:45px; position:relative;} .strega-industry-section .free-section .free-inner{position:relative; z-index:999; padding:0 65px 60px;} .strega-industry-section .free-section .years{color:#4abd15; font-size:30px; font-weight:800; text-transform:uppercase; line-height:24px; padding-bottom:25px;} .strega-industry-section .free-section .years span{display:block; font-size:80px; line-height:98px; padding:18px 30; -webkit-text-stroke: 5px rgba(61,161,15,0.34);} .strega-industry-section .free-section .slogan{font-weight:800; text-transform:uppercase; font-size:18px; color:#98be86; line-height:28px; padding:6px 0; border-top:1px solid rgba(152,190,134,0.5); border-bottom:1px solid rgba(152,190,134,0.5);} .choose-us-section{background:url(../images/why-choose-img.png) right top no-repeat; padding:138px 0 158px 0; text-align:left;} .choose-us-section .tit h2{margin:0 0 35px 0; color:#5a4a3b; font-size:100px; font-family:'frente_h1regular'; line-height:80px;} .choose-us-section .tit h2 span{color:#EF4D48; line-height:80px;} .choose-us-section p{color:#76716d; font-size:14px; line-height:24px; margin:0;} .choose-us-section .flow{float:left; padding-top:75px; width:90%;} .choose-us-section .slider.slider-horizontal{height:18px;} .choose-us-section .slider.slider-horizontal .slider-track{height:13px;} .choose-us-section .slider-handle{width:18px; height:18px; top:1px;} .choose-us-section .expertise .slider-selection, .choose-us-section .expertise .slider-handle{background:#da4337;} .choose-us-section .quality .slider-selection, .choose-us-section .quality .slider-handle{background:#339ad5;} .choose-us-section .responsible .slider-selection, .choose-us-section .responsible .slider-handle{background:#7abd2c;} .choose-us-section .flow label{color:#655648; font-weight:500; font-size:18px; text-transform:uppercase; letter-spacing:4px; margin:0; line-height:18px;} .choose-us-section .flow .expertise, .choose-us-section .flow .quality{padding-bottom:25px;} .our-team-section{background:url(../images/our-farmer.jpg) center top no-repeat; background-size:cover; padding:85px 0 72px;} .our-team-section .section-tit{padding-bottom:95px;} .our-team-section .section-tit h2:after, .our-team-section .section-tit h2:before{display:none;} .our-team-section .section-tit h2{color:#fff; padding:0;} .our-team-section .pro-img{border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:url(../images/farmer-img-bg.png) left top no-repeat; padding:30px; background-size:cover;} .our-team-section .pro-img img{border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:100%;} .our-team-section .contain-wrapper{padding:35px 15px 0; min-height:inherit;} .our-team-section .contain-wrapper .tit{color:#fff; font-weight:900; font-size:30px; text-transform:uppercase; line-height:26px; padding-bottom:15px;} .our-team-section .contain-wrapper .post{font-size:18px; font-weight:500; color:#fff; line-height:15px;} .our-team-section .contain-wrapper .social{width:100%; display:inline-block; text-align:center; padding-top:28px;} .our-team-section .contain-wrapper .social li{display:inline-block; margin:0 4px 0 8px;} .our-team-section .contain-wrapper .social li:first-child{margin-left:0;} .our-team-section .contain-wrapper .social li:last-child{margin-right:0;} .our-team-section .contain-wrapper .social li a{float:left;} .our-team-section .contain-wrapper .social li a i{position:relative; top:0; left:0; background:transparent;} .our-team-section .contain-wrapper .social li a i:before{margin:0; width:36px; height:36px; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; line-height:34px; color:#fff; font-size:18px;} .our-team-section .contain-wrapper .social li a:hover i:before{background:#fff; color:#46910a;} .our-team-section .owl-theme .owl-nav .owl-prev, .our-team-section .owl-theme .owl-nav .owl-next{top:32%; background:transparent;} .our-team-section .owl-theme .owl-nav .owl-prev:hover, .our-team-section .owl-theme .owl-nav .owl-next:hover{background:#c9e584;} .our-team-section .owl-theme .owl-nav .owl-prev:hover i:before, .our-team-section .owl-theme .owl-nav .owl-next:hover i:before{color:#698c17;} /*---------------------------------------------------------------------------------*/ .item.list-group-item { float: none; width: 100%; background-color: #fff; margin-bottom: 10px; flex: 100%; max-width:100%; } .item.list-group-item .list-group-image { margin-right: 10px; } .item.list-group-item:nth-of-type(odd) { background: #fff; } .item.list-group-item:before, .item.list-group-item:after { display: table; content: " "; } .item.list-group-item img { float: left; } .item.list-group-item:after { clear: both; } .list-group-item .wrapper .contain-wrapper .price{width: auto; float: none;} .product-list .list-group-item .wrapper{margin-bottom:0} .product-list .list-group-item .wrapper .contain-wrapper{display: flex; flex-direction: column; text-align: center; justify-content: center; align-items: center; padding-bottom:0 } .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); margin-left:-2px; } .breadcrumb .list-inline-item:not(:last-child){margin:0} .blog-page .blog-list figure{margin:0} .blog-page .blog-list-detail{margin-bottom:80px} select.form-control:not([size]):not([multiple]){height:52px; background: #f1f1f1;} .item.list-group-item .pro-img{width:50%; float:left} .product-review-form label{font-weight:700;} .sp-zoom{width:100%; height:100%} .sp-zoom img{width:100%;} .product-list .item.list-group-item .wrapper .sale, .product-list .item.list-group-item .wrapper .new .wrapper .hit .wrapper .promo .wrapper .limited{right:inherit; left:20px} .sale, .new, .hit, .promo, .limited {z-index: inherit !important;}