@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500&display=swap'); body { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.6; color: #777777; font-style: normal; } img, .img { max-width: 100%; transition: all 0.3s ease-out 0s; } .f-left { float: left } .f-right { float: right } .fix { overflow: hidden } a, button { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-decoration: none; } a:focus, .btn:focus, button:focus { text-decoration: none; outline: none; box-shadow: none; } a:hover, .portfolio-cat a:hover, .footer -menu li a:hover { color: #FAA432; text-decoration: none; } a, button { color: #FAA432; outline: medium none; text-decoration: none; } .btn:focus, button:focus, input:focus, input:focus, textarea, textarea:focus { outline: 0 } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; color: #222222; margin-top: 0px; font-style: normal; font-weight: 500; text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 40px; } h2 { font-size: 35px; } h3 { font-size: 28px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } .list-wrap { margin: 0px; padding: 0px; } .list-wrap li { list-style: none } p { font-size: 16px; font-weight: 400; line-height: 1.6; color: #777777; margin-bottom: 15px; } hr { border-bottom: 1px solid #777777; border-top: 0 none; margin: 30px 0; padding: 0; } label { color: #777777; cursor: pointer; font-size: 16px; font-weight: 400; } *::-moz-selection { background: #d6b161; color: #fff; text-shadow: none; } ::-moz-selection { background: #777777; color: #fff; text-shadow: none; } ::selection { background: #777777; color: #fff; text-shadow: none; } *::-moz-placeholder { color: #777777; font-size: 16px; opacity: 1; } *::placeholder { color: #777777; font-size: 16px; opacity: 1; } .theme-overlay { position: relative } .theme-overlay::before { background: #FAA432 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; } .separator { border-top: 1px solid #f2f2f2 } .nav-link:focus { color: inherit; } .container { padding-left: 15px; padding-right: 15px; } .row { --bs-gutter-x: 30px; } .row.g-0 { --bs-gutter-x: 0; } .gutter-y-30 { --bs-gutter-y: 30px; } :root { scroll-behavior: auto; } .btn { user-select: none; -moz-user-select: none; background: linear-gradient(to right, #94be26 0%, #65b021 50%, #94be26 100%); border: medium none; border-radius: 50px; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 700; letter-spacing: 0; line-height: 1.4; margin-bottom: 0; padding: 19px 50px; text-align: center; text-transform: capitalize; touch-action: manipulation; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; position: relative; overflow: hidden; z-index: 1; } .btn::before { content: ""; position: absolute; -webkit-transition-duration: 800ms; transition-duration: 800ms; width: 200%; height: 200%; top: 110%; left: 50%; background: #FAA432; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; z-index: -1; } .btn:hover { color: #fff; } .btn-two { background: #FAA432 none repeat scroll 0 0; } .btn-two::before { background: #0D9B4D; } .btn:hover:before { top: -40%; } .breadcrumb > .active { color: #FAA432; } .scroll-top { width: 50px; height: 50px; line-height: 50px; position: fixed; bottom: -10%; right: 30px; font-size: 16px; border-radius: 50%; z-index: 99; color: #fff; text-align: center; cursor: pointer; background: #0D9B4D; transition: 1s ease; border: none; opacity: 0; } .scroll-top.open { bottom: 30px; opacity: 1; } .scroll-top::after { position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); } .scroll-top:hover { background-color: #222222; opacity: 1; } .custom-container { max-width: 1650px; } .transparent-header { position: absolute; left: 0; top: 0; width: 100%; z-index: 9; height: auto; } .menu-area { padding: 23px 0; } .menu-nav { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; } .logo img { max-width: 150px; } .navbar-wrap { display: flex; flex-grow: 1; } .navbar-wrap ul { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto 0; padding: 0; } .navbar-wrap ul li { list-style: none; display: block; position: relative; } .navbar-wrap ul li a { font-size: 16px; font-weight: 600; text-transform: capitalize; color: #777777; padding: 38px 30px; display: block; line-height: 1; position: relative; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-decoration: none; z-index: 1; } .main-menu .navigation li.menu-item-has-children .dropdown-btn { display: none; } .navbar-wrap ul li .sub-menu { position: absolute; left: 0; right: 0; top: 100%; min-width: 230px; border: 1px solid #f5f5f5; background: #ffffff; margin: 0; transform: scale(1 , 0); transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15); -moz-box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15); box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15); border-radius: 0; padding: 18px 0; display: block; visibility: hidden; opacity: 0; z-index: 9; } .navbar-wrap ul li .sub-menu .sub-menu { right: auto; left: 100%; top: 0; } .navbar-wrap ul li .sub-menu li { margin-left: 0; text-align: left; display: block; } .navbar-wrap ul li .sub-menu li a { padding: 9px 15px 9px 25px; line-height: 1.4; color: #777777; text-transform: capitalize; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navbar-wrap ul li:hover > .sub-menu { opacity: 1; visibility: visible; transform: scale(1); } .header-action > ul { display: flex; align-items: center; margin: 0; padding: 0; } .header-action > ul li { position: relative; list-style: none; margin-left: 40px; } .header-action > ul > li:first-child { margin-left: 0; } .header-action > ul > li.header-shop-cart > a { padding-right: 10px; } .header-action > ul > li > a { display: block; color: #222222; font-size: 28px; } .header-action > ul > li:hover > a { color: #0D9B4D; } .header-shop-cart a.cart-count span.mini-cart-count { position: absolute; right: 0px; top: -2px; width: 20px; height: 20px; text-align: center; border-radius: 50%; font-size: 12px; font-weight: 700; line-height: 20px; background-color: #FAA432; color: #fff; box-shadow: 0px 5px 12.09px 0.91px rgba(71, 51, 127, 0.14); } .header-action > ul li.offCanvas-btn a { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; text-align: center; background: #0D9B4D; color: #fff !important; border-radius: 50%; font-size: 25px; } .transparent-header .navbar-wrap ul li a { color: #dcdcdc; } .transparent-header .header-action>ul>li>a { color: #ffffff; } .transparent-header .logo .secondary-logo { display: none; } .transparent-header.sticky-menu .logo .secondary-logo { display: block; } .transparent-header.sticky-menu .logo .main-logo { display: none; } .transparent-header.sticky-menu .navbar-wrap ul li a { color: #777777; } .transparent-header.sticky-menu .header-action>ul>li>a { color: #222222; } .sticky-menu { position: fixed; left: 0; margin: auto; top: 0; width: 100%; z-index: 99; background: #fff; -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown; animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); border-radius: 0; padding: 0 0; } .header-fixed-position { display: block; height: 138px; } .navbar-wrap ul li .sub-menu li.active>a, .navbar-wrap ul li .sub-menu li:hover>a, .transparent-header .navbar-wrap ul li.active>a, .transparent-header .navbar-wrap ul li:hover>a, .navbar-wrap>ul>li.active>a, .navbar-wrap>ul>li:hover>a { color: #FAA432; } .header-shop-cart .header-mini-cart { background: #fff; opacity: 0 !important; padding: 25px; position: absolute; right: -15px; top: 60px; transition: all 0.5s ease 0s; width: 350px; z-index: 9; box-shadow: 0px 12px 24px 0px rgba(120, 120, 120, 0.3); visibility: hidden; transform: translateY(10px); } .header-shop-cart .header-mini-cart::before { position: absolute; content: ''; left: 0px; top: -30px; width: 100%; height: 45px; display: block; } .header-shop-cart:hover .header-mini-cart { opacity: 1 !important; visibility: visible; transform: translateY(0px); z-index: 9; } .header-shop-cart .woocommerce-mini-cart__empty-message { margin-bottom: 0; } .header-shop-cart .header-mini-cart .woocommerce-mini-cart > li { margin-bottom: 20px; margin-left: 0; padding: 0; } .header-shop-cart .woocommerce-mini-cart .checkout-link { margin-top: 35px; } .header-mini-cart ul li.woocommerce-mini-cart-item .remove.remove_from_cart_button { display: block; font-weight: 700; order: 2; flex: 0 0 1em; background: #f1f1f1; font-size: 1.5em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: red !important; text-decoration: none; margin-left: auto; border: 0; } .header-mini-cart ul li.woocommerce-mini-cart-item .remove.remove_from_cart_button:hover { background: red; color: #fff !important; } .header-shop-cart .woocommerce-mini-cart .mini-cart-img { width: 90px; flex: 0 0 90px; } .woocommerce-mini-cart .mini-cart-img img.attachment-woocommerce_thumbnail { width: 100%; margin: 0; } .header-shop-cart .woocommerce-mini-cart .mini-cart-content { padding-left: 15px; text-align: left; padding-right: 25px; width: 176px; flex: 0 0 176px; } .woocommerce-mini-cart .mini-cart-content .product-title { color: #222222; font-size: 16px; background: none; font-weight: 500; line-height: 1.3; text-transform: uppercase; } .mini-cart-price { display: flex; align-items: center; font-weight: 500; } .woocommerce-mini-cart .mini-cart-price > span { color: #faa432; font-size: 16px; font-weight: 500; margin-left: 5px; display: block; } .header-shop-cart .woocommerce-mini-cart .del-icon { flex-grow: 1; margin-top: 30px; } .header-shop-cart .woocommerce-mini-cart .del-icon a { color: #777777; } .woocommerce-mini-cart .del-icon > a { font-size: 18px; } .total-price { border-top: 1px solid #c7c7c7; overflow: hidden; padding-top: 20px; margin-top: 25px; } .total-price > span { color: #222222; font-weight: 600; } .header-shop-cart .header-mini-cart .checkout-link { margin-bottom: 0; } .header-shop-cart .header-mini-cart .checkout-link a { color: #fff; background: #0D9B4D; display: block; font-weight: 500; padding: 16px 30px; text-align: center; font-size: 14px; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 1px; line-height: 1.5; border-radius: 0; } .header-shop-cart .header-mini-cart .checkout-link a:not(.checkout) { background: #222; color: #fff; } .header-shop-cart .header-mini-cart .checkout-link a:last-child { margin-bottom: 0; } .header-mini-cart .woocommerce-mini-cart__total { padding: 15px 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #c7c7c7; margin-bottom: 0; color: #777; } .header-mini-cart .woocommerce-mini-cart__total .woocommerce-Price-amount { color: #777; font-weight: bolder; } .nav-outer .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; display: none; color: #fff; margin-right: 30px; top: 15px; } .nav-logo img { width: 160px; } .mobile-menu { position: fixed; right: 0; top: 0; width: 300px; padding-right: 30px; max-width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 99; border-radius: 0px; transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); } .mobile-menu .navbar-collapse { display: block !important; } .mobile-menu .nav-logo { position: relative; padding: 30px 25px; text-align: left; } .mobile-menu-visible { overflow: hidden; } .mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .mobile-menu .navigation li.current>a:before { height: 100%; } .search-backdrop, .menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 4; transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; opacity: 0; visibility: hidden; background: #000; } .mobile-menu-visible .menu-backdrop { opacity: 0.65; visibility: visible; } .mobile-menu .menu-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; overflow-x: hidden; background: #fff; padding: 0px 0px; z-index: 5; box-shadow: -9px 0 14px 0px rgb(0 0 0 / 6%); } .mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; } .mobile-menu .close-btn { position: absolute; right: 15px; top: 28px; line-height: 30px; width: 35px; text-align: center; font-size: 20px; color: #FAA432; cursor: pointer; z-index: 10; -webkit-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; } .mobile-menu-visible .mobile-menu .close-btn { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .mobile-menu .navigation { position: relative; display: block; width: 100%; float: none; margin: 0; padding: 0; } .mobile-menu .navigation li { position: relative; list-style: none; display: block; border-top: 1px solid rgb(0 0 0 / 10%); } .mobile-menu .navigation:last-child { border-bottom: 1px solid rgb(0 0 0 / 10%); } .mobile-menu .navigation li > ul > li:first-child { border-top: 1px solid rgb(0 0 0 / 10%); } .mobile-menu .navigation li > a { position: relative; display: block; line-height: 24px; padding: 15px 60px 15px 25px; font-size: 15px; font-weight: 500; color: #222; text-transform: capitalize; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; border: none; } .mobile-menu .navigation li ul { margin: 0; padding: 0; } .mobile-menu .navigation li ul li { list-style: none; } .mobile-menu .navigation li ul li > a { font-size: 15px; margin-left: 20px; text-transform: capitalize; } .mobile-menu .navigation li ul li ul li a { margin-left: 40px; } .mobile-menu .navigation li ul li ul li ul li a { margin-left: 60px; } .mobile-menu .navigation li > a:before { content: ''; position: absolute; left: 0; top: 0; height: 0; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .mobile-menu .navigation li.menu-item-has-children .dropdown-btn { position: absolute; right: 15px; top: 6px; width: 32px; height: 32px; text-align: center; font-size: 16px; line-height: 32px; color: #222; background: #efefef; cursor: pointer; border-radius: 2px; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 5; } .mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul { display: none; } .mobile-menu .social-links ul { display: flex; position: relative; text-align: center; padding: 30px 20px 20px; align-items: center; justify-content: center; flex-wrap: wrap; } .mobile-menu .social-links li { position: relative; display: inline-block; margin: 0px 6px 10px; } .mobile-menu .social-links li a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; position: relative; line-height: 32px; font-size: 16px; color: #222; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; border: 1px solid #efefef; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .mobile-menu .social-links li a:hover { border-color: #0D9B4D; background: #0D9B4D; color: #fff; } .menu-area .mobile-nav-toggler { position: relative; float: right; display: none; align-items: center; justify-content: center; width: 60px; height: 60px; text-align: center; background: #0D9B4D; color: #fff; border-radius: 50%; font-size: 25px; cursor: pointer; margin-top: -2px; } .search-popup-wrap { position: fixed; top: 0; left: 0; background: #fff; height: auto; width: 100%; z-index: 99; padding: 40px 0 50px; display: none; z-index: 999; } .search-form { position: relative; } .search-form input { width: 100%; border: none; border-bottom: 1px solid #0D9B4D; padding: 10px 50px 20px; text-align: center; font-weight: 500; font-size: 30px; background: transparent; color: #222; } .search-form input::placeholder { font-size: 30px; color: #222; opacity: .5; } .search-btn { position: absolute; right: 20px; background: transparent; border: 0; font-size: 25px; color: #0D9B4D; top: 50%; transform: translateY(-50%); } .search-close { position: absolute; top: 5%; right: 5%; font-size: 30px; color: #0D9B4D; cursor: pointer; } body.search-visible { overflow: hidden; } .search-backdrop { background: #000; cursor: url(../img/icons/cross-out.png), pointer; z-index: 99; visibility: hidden; } .search-visible .search-backdrop { opacity: .55; visibility: visible; } .offCanvas-wrap { position: fixed; overflow-y: auto; top: 0; right: 0; width: 582px; padding: 25px 50px 55px; transform: translateX(100%); height: 100%; display: block; background-color: #fff; z-index: 1020; -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); display: flex; flex-direction: column; } .offCanvas-toggle { width: 45px; height: 45px; flex: 0 0 45px; background: rgba(13, 155, 77, 0.16); display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 -40px 10px auto; cursor: pointer; } .offCanvas-toggle img { width: 18px; } .offCanvas-content { margin-bottom: 80px; } .offCanvas-content .title { font-size: 42px; line-height: 1.17; margin-bottom: 28px; } .offCanvas-content .title span { color: #0D9B4D; } .offCanvas-content p { margin-bottom: 0; } .offCanvas-body { display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .offCanvas-wrap::-webkit-scrollbar { width: 0px; } .offCanvas-overlay { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 99; transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; opacity: 0; visibility: hidden; background: #000; } .offcanvas-menu-visible .offCanvas-overlay { opacity: 0.6; visibility: visible; } .offcanvas-menu-visible .offCanvas-wrap { transform: translateX(0); } .offcanvas-contact .number { font-size: 30px; margin: 0 0 5px; } .offcanvas-contact .email { font-size: 30px; margin: 0 0 18px; } .offcanvas-contact p { margin: 0 0 0; } .offcanvas-contact .offcanvas-social { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 35px; } .offcanvas-contact .offcanvas-social li { margin: 0; } .offcanvas-contact .offcanvas-social li a { display: flex; font-size: 14px; width: 40px; height: 40px; align-items: center; justify-content: center; background: rgba(13, 155, 77, 0.16); border-radius: 50%; color: #222; } .offcanvas-contact .offcanvas-social li a:hover { background: rgba(13, 155, 77, 1); color: #fff; } .breadcrumb-bg { background-image: url(../img/bg/video_bg.jpg); background-position: center; background-size: cover; position: relative; padding: 230px 0 150px; z-index: 1; } .breadcrumb-bg::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #090909; opacity: .85; z-index: -1; } .breadcrumb-bg::after { content: ""; position: absolute; left: 0; bottom: -10px; background-image: url("../img/bg/testimonial_bottom_shape.png"); width: 100%; height: 36px; background-repeat: repeat; background-position: center; z-index: 1; } .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 0; justify-content: center; } .breadcrumb-content { position: relative; z-index: 4; } .breadcrumb-content .title { font-size: 60px; line-height: 1.2; color: #fff; letter-spacing: -1px; margin-bottom: 15px; } .breadcrumb li { display: block; font-size: 20px; color: #fff; line-height: 1.4; } .breadcrumb li a { color: #fff; } .breadcrumb-item + .breadcrumb-item::before { padding-right: 15px; padding-left: 15px; color: #fff; content: "|"; } .breadcrumb-item+.breadcrumb-item { padding-left: 0; } .banner-area { padding: 41px 0 15px; position: relative; } .banner-content .banner-caption { text-transform: uppercase; font-size: 15px; font-weight: 700; color: #FAA432; letter-spacing: 0.095em; margin: 0 0 28px; } .banner-content .title { font-size: 72px; line-height: 1.13; margin: 0 0 61px; } .banner-content .btn { border: 3px solid #fff; padding: 17px 52px; } .banner-images { position: relative; } .banner-images::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -18px; width: 516px; height: 46px; background: #464646; filter: blur(30px); border-radius: 99px; z-index: -1; } .banner-images .main-img { position: absolute; left: 0; right: 0; bottom: -15px; max-width: 550px; display: block; margin: 0 auto; } .banner-content { position: relative; z-index: 2; margin: 0 0 -31px; } .banner-shape { position: absolute; z-index: -1; } .banner-shape.one { left: -18px; top: 14%; } .banner-shape.two { right: 0; top: 8%; } .banner-shape.three { bottom: -15px; left: 40px; } .banner-shape.four { bottom: 0; right: 60px; } .brand-area { padding: 145px 0 150px; } .brand-title .title { margin: 0 0 0; font-size: 15px; padding: 0 80px; display: inline-flex; position: relative; text-transform: uppercase; font-weight: 700; color: #222222; letter-spacing: 0.095em; } .brand-title .title::before, .brand-title .title::after { content: ""; position: absolute; left: 0; top: 11px; width: 50px; height: 2px; background: #FAA432; } .brand-title .title::after { left: auto; right: 0; } .brand-item { display: flex; min-height: 48px; max-height: 48px; align-items: center; justify-content: center; } .features-bg { background-position: center; background-size: cover; padding: 97px 0; position: relative; margin: 37px 0 44px; } .features-bg::before { content: ""; position: absolute; left: 0; top: -41px; width: 100%; height: 41px; background-image: url(../img/bg/features_shape01.png); background-repeat: repeat-x; background-position: center; } .features-bg::after { content: ""; position: absolute; left: 0; bottom: -50px; width: 100%; height: 50px; background-image: url(../img/bg/features_shape02.png); background-repeat: repeat-x; background-position: center; } .features-img { text-align: right; margin-right: -30px; } .features-item { margin: 0 0 50px; } .features-icon { font-size: 50px; color: #FEE431; position: relative; z-index: 1; margin: 0 0 27px; } .features-icon::after { content: ""; position: absolute; left: 20px; top: 5px; width: 40px; height: 40px; background: #20B764; border-radius: 50%; z-index: -1; transition: .4s linear; } .features-content .title { font-size: 20px; color: #fff; letter-spacing: 0.02em; margin-bottom: 14px; } .features-content p { margin: 0 0; color: #FFFFFF; } .features-item:hover .features-icon::after { left: 5px; } .features-items-wrap .row>*:nth-last-child(-n+2) .features-item { margin: 0 0; } .features-items-wrap .row>*:nth-child(4n+1) .features-item , .features-items-wrap .row>*:nth-child(4n+3) .features-item { margin-right: 50px; } .features-items-wrap .row>*:nth-child(4n+2) .features-item, .features-items-wrap .row>*:nth-child(4n) .features-item { margin-left: 50px; } .features-products { padding: 150px 0 150px; position: relative; } .features-products-wrap { margin-bottom: 180px; } .features-products-wrap:last-child { margin: 0 0; } .features-products-thumb { position: relative; text-align: center; margin: 0px 137px 0px 212px; } .features-products-thumb::before { content: ""; position: absolute; left: 40%; top: 50%; background-image: url(../img/products/features_product_dots.png); width: 706px; height: 706px; z-index: -1; background-repeat: no-repeat; background-size: contain; transform: translate(-50%, -50%); } .features-products-thumb .shape-img { position: absolute; bottom: 13px; left: -135px; z-index: -1; transition: .35s linear; } .features-product-content { width: 90%; } .features-product-content .title { font-size: 50px; margin-bottom: 0; } .features-product-content .title::after { content: ""; display: block; background-image: url(../img/others/title_shape.svg); width: 79px; height: 14px; background-repeat: no-repeat; margin: 18px 0 33px; } .features-product-quantity { font-size: 16px; text-transform: inherit; font-family: 'Roboto', sans-serif; font-weight: 500; margin: 0 0 24px; } .features-product-bottom { display: flex; align-items: center; flex-wrap: wrap; margin: 40px 0 0; } .features-product-bottom .price { font-size: 28px; font-weight: 700; color: #222222; font-family: 'Oswald', sans-serif; display: block; margin-left: 30px; } .features-product-bottom .old-price { font-size: 20px; color: #FAA432; margin-left: 15px; text-decoration: line-through; } .features-products-thumb .main-img { display: inline-block; position: relative; } .features-products-thumb .main-img::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 7px; width: 230px; height: 46px; background: #464646; filter: blur(30px); border-radius: 99px; z-index: -1; } .features-products-wrap:nth-child(even) .row { flex-direction: row-reverse; } .features-products-wrap:nth-child(even) .features-product-content { margin-left: auto; } .features-products-wrap:nth-child(even) .features-products-thumb { margin: 0px 200px 0px 143px; } .features-products-wrap:nth-child(even) .features-products-thumb .shape-img { bottom: 27px; left: auto; right: -91px; } .features-products-wrap:nth-child(even) .features-products-thumb::before { left: 65%; top: 40%; transform: translate(-50%, -50%); } .features-products-wrap .features-products-thumb:hover .shape-img { transform: translateX(15px); } .features-products-wrap:nth-child(even) .features-products-thumb:hover .shape-img { transform: translateX(-15px); } .features-products-wrap:nth-child(3n+3) .features-products-thumb { margin: 0px 138px 0px 168px; } .features-products-wrap:nth-child(3n+3) .features-products-thumb .shape-img { left: -122px; } .fp-shapes-wrap>* { position: absolute; z-index: -1; } .fp-shapes-wrap .fp-shape-one { right: 0; top: 230px; } .fp-shapes-wrap .fp-shape-two { left: 0; top: 50%; transform: translateY(-50%); } .fp-shapes-wrap .fp-shape-three { right: 0; bottom: 360px; } .fp-circle { position: absolute; background: #F9F9F9; z-index: -2; border-radius: 50%; } .fp-circle.one { width: 697px; height: 697px; left: -155px; top: -95px; } .fp-circle.two { width: 686px; height: 686px; right: -70px; bottom: 21%; } .fp-circle.three { width: 626px; height: 626px; left: -85px; bottom: -4%; } .fp-circle.four { width: 100px; height: 100px; background: #E6F5EE; left: 50%; transform: translateX(-50%); top: 33%; } .fp-circle.five { width: 100px; height: 100px; background: #E6F5EE; left: 50%; transform: translateX(-50%); bottom: 33%; } .home-shop-area { padding: 0 0 150px; } .home-shop-item { background: #fff; box-shadow: 0px 15px 26px rgba(173, 185, 202, 0.17); margin: 106px 0 50px; padding: 0 40px 40px; } .home-shop-thumb { text-align: center; position: relative; max-width: 205px; margin: 0 auto 45px; z-index: 1; } .home-shop-thumb > a { text-align: center; width: 100%; min-height: 190px; align-items: flex-start; margin: -106px auto 0; position: relative; display: inline-flex; justify-content: center; } .home-shop-thumb img { display: inline-block; height: 190px; object-fit: contain; max-width: 126px; object-position: top; } .shop-thumb-shape { position: absolute; width: 100%; height: 103px; left: 0; bottom: -11px; background: #A3D86D; border-radius: 50% / 100%; border-top-left-radius: 0; border-top-right-radius: 0; z-index: -1; } .shop-thumb-shape.yellow { background: #F0DE5A; } .shop-thumb-shape.purple { background: #996BAC; } .shop-thumb-shape.gray { background: #DEDEDD; } .shop-thumb-shape.blue { background: #25A1D0; } .home-shop-content .title { font-size: 20px; margin-bottom: 20px; } .home-shop-price { font-size: 20px; display: block; letter-spacing: 0.02em; font-family: 'Oswald', sans-serif; font-weight: 700; color: #222; line-height: 1; margin: 0 0 30px; } .home-shop-rating { display: flex; align-items: center; color: #FAA432; letter-spacing: 3px; line-height: 1; } .home-shop-rating .total-rating { font-size: 16px; font-weight: 500; letter-spacing: 0; color: #777777; margin-left: 10px; } .shop-content-bottom { display: flex; align-items: center; margin-top: 35px; } .shop-content-bottom .cart { width: 50px; height: 50px; display: flex; flex: 0 0 50px; align-items: center; justify-content: center; background: #0D9B4D; color: #fff; border-radius: 50%; font-size: 20px; } .shop-content-bottom .btn { padding: 15px 38px; font-size: 14px; margin-left: 15px; opacity: 0; visibility: hidden; } .shop-content-bottom .cart:hover { background: #FAA432; } .home-shop-item:hover .shop-content-bottom .btn { opacity: 1; visibility: visible; } .home-shop-thumb .discount { position: absolute; top: 0; right: -40px; z-index: 1; background: #FD4B4B; border-radius: 3px; color: #fff; font-weight: 500; font-size: 12px; padding: 4px 11px; line-height: 1; } .related-product-active [class*="col-"], .home-shop-active [class*="col-"] { padding-left: 15px; padding-right: 15px; } .related-product-active .slick-arrow, .home-shop-active .slick-arrow { position: absolute; top: calc(50% - 43px); transform: translateY(-50%); left: -100px; background: transparent; border: none; padding: 0 0; font-size: 50px; color: #222222; z-index: 2; display: block; width: auto; line-height: 1; } .related-product-active .slick-arrow.slick-next, .home-shop-active .slick-arrow.slick-next { left: auto; right: -100px; } .related-product-active .slick-arrow::before, .home-shop-active .slick-arrow::before { content: ""; position: absolute; left: -25px; top: 50%; transform: translateY(-50%); width: 55px; height: 55px; background: #0D9B4D; opacity: .3; border-radius: 50%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: -1; } .related-product-active .slick-arrow.slick-next::before, .home-shop-active .slick-arrow.slick-next::before { left: auto; right: -25px; } .related-product-active .slick-dots, .home-shop-active .slick-dots { display: flex; align-items: center; justify-content: center; margin: 10px 0 0; padding: 0 0; } .related-product-active .slick-dots li, .home-shop-active .slick-dots li { list-style: none; line-height: 1; margin: 0 5px; } .related-product-active .slick-dots li button, .home-shop-active .slick-dots li button { border: none; padding: 0; text-indent: -99999px; width: 10px; height: 10px; background: #FAA432; opacity: .3; border-radius: 50%; display: block; line-height: 1; } .related-product-active .slick-dots li.slick-active button, .home-shop-active .slick-dots li.slick-active button { box-shadow: 0px 3px 3px rgba(250, 164, 50, 0.22); border-radius: 5px; width: 20px; opacity: 1; } .related-product-active .slick-arrow:hover::before, .home-shop-active .slick-arrow:hover::before { opacity: 1; } .inner-shop-details-area, .inner-shop-area { padding: 120px 0 120px; } .inner-shop-area .shop-top-wrap { border: 1px solid #f1f1f1; padding: 15px 22px; margin-bottom: 50px; } .inner-shop-area .shop-top-left p { margin-bottom: 0; float: unset; } .inner-shop-area .shop-top-right { display: flex; align-items: center; justify-content: flex-end; max-width: 185px; margin-left: auto; } .inner-shop-area .shop-top-right form select { border: none; outline: none; color: #777777; box-shadow: none; padding-top: 0; padding-bottom: 0; } .inner-shop-item { margin-bottom: 30px; } .inner-shop-content { text-align: left; border: 1px solid #efefef; padding: 25px 20px 25px; } .inner-shop-thumb img { width: 100%; } .inner-shop-content .inner-shop-rating li { font-size: 16px; letter-spacing: -1px; margin-bottom: 7px; color: #ffb400; } .inner-shop-content .title { font-size: 20px; color: #1f2029; margin-bottom: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .inner-shop-content .title a:hover { color: #0D9B4D; } .inner-shop-content .price-wrap { font-size: 16px; color: #0D9B4D; font-weight: 600; display: block; line-height: 1.3; margin-left: 20px; text-align: right; } .shop-sidebar .widget { margin-bottom: 50px; } .shop-sidebar .widget:last-child { margin-bottom: 0; } .shop-sidebar .widget .sidebar-title { font-size: 18px; border-bottom: 1px solid #c8c8c8; margin-bottom: 25px; padding-bottom: 20px; text-transform: uppercase; } .lp-post-thumb > a { display: block; width: 85px; height: 85px; background: #f3f3f3; padding: 13px; text-align: center; } .lp-post-thumb img { max-width: 100%; max-height: 100%; } .lp-post-list .lp-post-item li { display: flex; align-items: center; margin-bottom: 30px; } .lp-post-content { margin-left: 15px; flex-grow: 1; } .lp-post-content > .lp-post-rating > li { font-size: 10px; margin-bottom: 10px; color: #ffb400; letter-spacing: 1.5px; } .lp-post-content .title { font-size: 18px; margin-bottom: 12px; text-transform: uppercase; } .lp-post-content .title a:hover { color: #FAA432; } .lp-post-content .price { font-size: 16px; color: #0D9B4D; font-weight: 600; display: block; line-height: 1; } .widget .Product-tag-list { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -10px; } .Product-tag-list li a { color: #222; font-size: 14px; padding: 6px 17px; border-radius: 0; display: inline-block; transition: 0.3s; margin-right: 6px; margin-bottom: 10px; background: #f5f5f5; font-weight: 500; } .Product-tag-list li a:hover { background: #0D9B4D; color: #fff; } .shop-widget-banner img { max-width: 100%; } .widget.shop-widget-banner { text-align: center; } .inner-shop-item.home-shop-item { margin: 0 0 50px; padding: 40px 40px 40px; } .inner-shop-item .home-shop-thumb > a { margin: 0 auto 0; } .inner-shop-item .home-shop-thumb { margin: 0 auto 25px; } .inner-shop-item .shop-item-cat { display: flex; flex-wrap: wrap; margin: 0 0 9px; line-height: 1; } .inner-shop-item .shop-item-cat a { display: block; font-weight: 500; color: #777777; } .inner-shop-item .shop-item-cat a:hover { color: #FAA432; } .inner-shop-item .home-shop-content .title { margin-bottom: 15px; } .inner-shop-item .shop-content-bottom { margin-top: 30px; } .inner-shop-item .home-shop-price { margin: 0 0 25px; } .inner-shop-item .home-shop-thumb .discount { top: -20px; right: -20px; } .inner-shop-details-content .title { font-size: 44px; margin-bottom: 8px; } .inner-shop-details-content { padding-left: 20px; } .inner-shop-details-img { display: flex; align-items: center; justify-content: center; } .inner-shop-details-img img { max-width: 100%; } .inner-shop-details-img-wrap { margin-bottom: 15px; background: #f7f7f7; } .inner-shop-details-nav-wrap .nav-tabs .nav-link { border: none; border-top-left-radius: 0; border-top-right-radius: 0; padding: 0; margin-bottom: 0; background: #f7f7f7; display: flex; align-items: center; justify-content: center; } .inner-shop-details-nav-wrap .nav-tabs img { max-width: 100%; } .inner-shop-details-nav-wrap .nav-tabs { border: none; flex-wrap: nowrap; margin-left: -7px; margin-right: -7px; } .inner-shop-details-nav-wrap .nav-tabs .nav-item { padding-left: 7px; padding-right: 7px; } .inner-shop-details-content .product_title { font-size: 36px; margin-bottom: .3em; font-weight: 500; } .inner-shop-content-top .star-rating { display: none; } .inner-shop-details-review { display: flex; align-items: center; } .inner-shop-details-meta ul { display: flex; align-items: center; flex-wrap: wrap; } .inner-shop-details-meta ul li { font-size: 16px; color: #777777; padding-right: 15px; margin-right: 15px; position: relative; margin-top: 11px; } .inner-shop-details-meta ul li::before { content: "|"; position: absolute; right: -2px; top: 50%; transform: translateY(-50%); color: #dadada; } .inner-shop-details-meta ul li:last-child::before { display: none; } .inner-shop-details-meta ul li a, .inner-shop-details-meta ul li span { color: #696868; font-weight: 500; } .inner-shop-details-meta ul li.inner-shop-details-review .rating { font-size: 12px; letter-spacing: -1px; color: #ff9b26; margin-right: 8px; } .inner-shop-details-price { display: flex; align-items: center; margin: 18px 0 18px; } .inner-shop-details-price .woocommerce-Price-amount, .inner-shop-details-price del, .inner-shop-details-price ins { font-size: 26px; font-weight: 700; line-height: .9; margin-bottom: 0; color: #222222; } .inner-shop-details-price del, .inner-shop-details-price del .woocommerce-Price-amount { opacity: .5; margin-right: 10px; color: #777777; } .inner-shop-details-price del .woocommerce-Price-amount { margin-right: 0; } .inner-shop-details-price .stock-status { font-size: 12px; line-height: 1; margin-bottom: 0; font-weight: 900; margin-left: 15px; text-transform: uppercase; color: #0D9B4D; } .inner-shop-details-list { margin: 28px 0 32px; } .inner-shop-details-list ul li { padding-left: 22px; position: relative; font-size: 15px; color: #777777; margin-top: 5px; font-weight: 500; } .inner-shop-details-list ul li > span { color: #696868; margin-left: 5px; font-weight: 400; } .inner-shop-details-list ul li::before { content: "\f0a9"; position: absolute; left: 0; top: 1.2px; font-family: "Font Awesome 5 Free"; font-weight: 700; color: #0D9B4D; font-size: 14px; } .inner-shop-perched-info { display: flex; align-items: center; flex-wrap: wrap; } .cart-btn, .inner-shop-perched-info > .cart-btn { display: inline-flex; align-items: center; border: 1px solid #0D9B4D; background: #0D9B4D; border-radius: 5px; font-size: 13px; font-weight: 600; color: #fff; padding: 12px 16px; min-width: 145px; justify-content: center; margin-bottom: 12px; margin-right: 12px; text-transform: uppercase; } .inner-shop-perched-info > .wishlist-btn { margin-bottom: 12px; height: 45px; width: 45px; text-align: center; line-height: 45px; background: #0D9B4D; color: #fff; border-radius: 5px; } .inner-shop-perched-info > .wishlist-btn:hover { background: #FAA432; } .inner-shop-perched-info > .cart-btn:hover { background: #FAA432; border-color: #FAA432; color: #fff; } .inner-shop-details-bottom { margin-top: 23px; padding-top: 23px; border-top: 1px solid #ebebeb; font-size: 16px; } .inner-shop-details-bottom > span { display: block; margin-bottom: 10px; color: #777777; font-weight: 500; margin-right: 5px; } .inner-shop-details-bottom > span:last-child { margin-bottom: 0; } .inner-shop-details-bottom > span > span { font-weight: 500; margin-left: 5px; } .inner-shop-details-bottom span a { color: #777777; margin-left: 5px; border: 1px solid #ebebeb; font-weight: 400; padding: 3px 10px; font-size: 14px; margin-bottom: 8px; margin-right: 3px; border-radius: 5px; display: inline-block; } .inner-shop-details-bottom span a:hover { color: #fff; background: #0D9B4D; border-color: #0D9B4D; } .product-desc-wrap { padding-top: 85px; } .product-desc-wrap .nav-tabs { border-bottom: 1px solid #ebebeb; justify-content: flex-start; margin-bottom: 40px; } .product-desc-wrap .nav-tabs .nav-link { border: none; border-radius: 0; background: transparent; color: #696868; padding: 0 0 12px; position: relative; font-size: 16px; font-weight: 700; } .product-desc-wrap .nav-tabs .nav-link.active { color: #222222; } .product-desc-wrap .nav-tabs .nav-item { margin: 0 55px 0 0; } .product-desc-wrap .nav-tabs .nav-link::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #0D9B4D; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; opacity: 0; } .product-desc-wrap .nav-tabs .nav-item .nav-link.active::after { opacity: 1; } .product-desc-content table { margin-bottom: 0; } .product-desc-content .title { font-size: 22px; font-weight: 500; margin-bottom: 17px; } .product-desc-content p { font-size: 16px; margin-bottom: 25px; } .product-desc-list { margin-bottom: -4px; } .product-desc-list li { font-size: 16px; margin-bottom: 8px; position: relative; margin-left: 15px; } .product-desc-list li::before { content: ""; position: absolute; left: -15px; height: 5px; width: 5px; background: #222222; top: 9px; border-radius: 50%; } .product-desc-list li:last-child { margin-bottom: 0; } .related-products-wrap > .title { margin-bottom: 50px; font-size: 35px; } .product-desc-content .table-sm td, .product-desc-content .table-sm th { padding: 13px 25px; border: 1px solid #ebebeb; } .product-desc-content .table-sm th { color: #222; font-size: 15px; font-weight: 700; text-transform: capitalize; width: 20%; } .product-desc-content .table-sm td { color: #777777; font-weight: 500; font-style: italic; } .reviews-comment .review-info { display: flex; align-items: flex-start; margin-bottom: 35px; } .review-img { margin-right: 20px; width: 100px; flex: 0 0 100px; } .review-img img { border-radius: 50%; } .review-rating li { color: #ff9b26; letter-spacing: -1px; font-size: 13px; margin-bottom: 7px; } .review-meta h6 { color: #222; font-size: 17px; margin-bottom: 8px; } .review-meta h6 span { color: #777777; font-size: 13px; font-weight: 400; margin-left: 5px; } .reviews-comment .review-content p { margin-bottom: 0; } .add-review .title { font-size: 26px; color: #222222; margin-bottom: 25px; text-transform: uppercase; } .add-review { margin-top: 55px; padding-top: 35px; border-top: 1px solid #ebebeb; } .add-review form { padding: 55px 50px 60px; background: #f7f7f7; } .add-review p { font-size: 16px; } .add-review p span { color: #0D9B4D; } .add-review .from-grp { margin-bottom: 25px; } .add-review .from-grp label, .form-rating label { display: block; text-transform: capitalize; font-size: 15px; font-weight: 500; color: #222; margin-bottom: 6px; } .add-review .from-grp label span { color: #0D9B4D; } .add-review .from-grp input, .add-review .from-grp textarea { width: 100%; border: 1px solid #f4f4f4; padding: 15px 25px; display: block; } .add-review .checkbox-grp input { width: auto; margin-top: 0; margin-right: 10px; } .add-review .checkbox-grp label { margin-bottom: 0; } .add-review .checkbox-grp { display: flex; } .form-rating { margin-bottom: 25px; display: flex; align-items: center; } .form-rating label { font-size: 15px; text-transform: capitalize; margin-bottom: 0; margin-right: 10px; } .form-rating ul li { transition: .3s linear; letter-spacing: -1px; display: inline-block; font-size: 14px; } .form-rating ul li:hover { color: #ff9b26; } .add-review .from-grp textarea { height: 170px; } .from-btn { background-image: linear-gradient(to right, #0D9B4D 0%, #0D9B4D 50%, #0D9B4D 100%); } .related-products-area { margin: -10px 0 0; } .shop-sidebar { margin-left: 20px; } .shop-sidebar .widget { margin-bottom: 50px; } .shop-sidebar .widget:last-child { margin-bottom: 0; } .price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all { background: #ebebeb none repeat scroll 0 0; border: medium none; border-radius: 0; height: 3px; margin-bottom: 20px; margin-left: auto; } .price_filter .ui-slider-range { background: #0d9b4d none repeat scroll 0 0; border-radius: 2px; } .price_filter .ui-slider-handle.ui-state-default.ui-corner-all { height: 15px; width: 15px; top: 0; margin-top: -6px; background: #0D9B4D; border-radius: 50px; border: 1px solid #0D9B4D; } .price_filter .ui-slider-handle.ui-state-default.ui-corner-all:focus { outline: none; box-shadow: none; } .price_slider_amount { overflow: hidden; display: flex; align-items: center; padding-top: 10px; } .price_slider_amount > span { font-size: 16px; font-weight: 500; color: #1f2029; text-transform: capitalize; margin-right: 5px; } .price_slider_amount > input[type="text"] { height: 25px; margin-left: 0; text-align: left; width: 100px; border: none; font-size: 16px; color: #1f2029; font-weight: 500; } .price_slider_amount > input[type="submit"] { margin-left: auto; text-transform: uppercase; transition: all .3s ease-out 0s; cursor: pointer; padding: 8px 20px; color: #fff; font-size: 15px; text-align: center; background: #0D9B4D; font-weight: 700; justify-content: center; border-radius: 0; } .price_slider_amount > input[type="submit"]:hover { color: #fff; background: #faa432; } .shop-sidebar .widget .sidebar-title { font-size: 18px; border-bottom: 1px solid #c8c8c8; margin-bottom: 30px; padding-bottom: 20px; text-transform: uppercase; } .widget .categories-list li { position: relative; margin-bottom: 12px; } .widget .categories-list li::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: #0D9B4D; } .widget .categories-list li:last-child { margin-bottom: 0; } .widget .categories-list li a { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #676666; margin-left: 12px; display: flex; } .widget .categories-list li a i { margin-left: auto; font-size: 12px; transition: .3s linear; } .widget .categories-list li a:hover { color: #0D9B4D; } .lp-post-list .lp-post-item li { display: flex; align-items: center; margin-bottom: 30px; } .lp-post-content { margin-left: 15px; } .lp-post-content > .lp-post-rating > li { font-size: 12px; margin-bottom: 10px; color: #ffb400; letter-spacing: 1.5px; } .widget .Product-tag-list { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: -10px; } .Product-tag-list li a { color: #282828; font-size: 14px; padding: 6px 17px; border-radius: 0; display: inline-block; transition: 0.3s; margin-right: 6px; margin-bottom: 10px; background: #f5f5f5; font-weight: 500; } .Product-tag-list li a:hover { background: #0D9B4D; color: #fff; } .shop-widget-banner img { max-width: 100%; } .widget.shop-widget-banner { text-align: center; } .quickview-cart-plus-minus { width: 116px; flex: 0 0 116px; margin-right: 12px; margin-bottom: 12px; } .quickview-cart-plus-minus { position: relative; } .quickview-cart-plus-minus input { width: 100%; border: 1px solid #e1e1e1; border-radius: 5px; height: 45px; text-align: center; padding: 0 30px; font-size: 14px; color: #282828; font-weight: 600; } .quickview-cart-plus-minus .qtybutton { position: absolute; top: 0; left: 0; width: 31px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; color: #696868; cursor: pointer; border-right: 1px solid #e1e1e1; user-select: none; -moz-user-select: none; } .quickview-cart-plus-minus .qtybutton.inc { left: auto; right: 0; border-right: none; border-left: 1px solid #e1e1e1; } .quickview-cart-plus-minus .qtybutton.dec { font-size: 18px; } .video-bg { background-position: center; background-size: cover; position: relative; min-height: 700px; display: flex; align-items: center; z-index: 1; } .video-bg::before { content: ""; position: absolute; left: 0; top: -6px; background-image: url(../img/bg/video_top_mask.png); width: 100%; height: 46px; background-repeat: repeat; background-position: center; z-index: 1; } .video-bg::after { content: ""; position: absolute; left: 0; bottom: 0; background-image: url(../img/bg/video_bottom_mask.png); width: 100%; height: 36px; background-repeat: repeat; background-position: center; z-index: 1; } .video-bg-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #090909; opacity: 0.8; z-index: -1; } .video-btn { text-align: center; } .video-btn a { width: 132px; height: 132px; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 24px; background: #0D9B4D; color: #fff; border-radius: 50%; } .video-btn a:hover { animation-play-state: paused; } .ripple-white { border-radius: 50%; -webkit-animation: ripple-white 1s linear infinite; animation: ripple-white 1s linear infinite; transition: .5s; -webkit-transition: .5s; } @-webkit-keyframes ripple-white { 0% { -webkit-box-shadow: 0 0 0 0 rgba(13,155,77,0.3), 0 0 0 10px rgba(13,155,77,0.3), 0 0 0 20px rgba(13,155,77,0.3); box-shadow: 0 0 0 0 rgba(13,155,77,0.3), 0 0 0 10px rgba(13,155,77,0.3), 0 0 0 20px rgba(13,155,77,0.3); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(13,155,77,0.3), 0 0 0 20px rgba(13,155,77,0.3), 0 0 0 30px rgba(255,255,255,0); box-shadow: 0 0 0 10px rgba(13,155,77,0.3), 0 0 0 20px rgba(13,155,77,0.3), 0 0 0 30px rgba(255,255,255,0); } } @keyframes ripple-white { 0% { -webkit-box-shadow: 0 0 0 0 rgba(13,155,77,0.3), 0 0 0 10px rgba(13,155,77,0.3), 0 0 0 20px rgba(13,155,77,0.3); box-shadow: 0 0 0 0 rgba(13,155,77,0.3), 0 0 0 10px rgba(13,155,77,0.3), 0 0 0 20px rgba(13,155,77,0.3); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(13,155,77,0.3), 0 0 0 20px rgba(13,155,77,0.3), 0 0 0 30px rgba(255,255,255,0); box-shadow: 0 0 0 10px rgba(13,155,77,0.3), 0 0 0 20px rgba(13,155,77,0.3), 0 0 0 30px rgba(255,255,255,0); } } .video-shape { position: absolute; z-index: 3; } .video-shape.one { left: 0; bottom: -12%; } .video-shape.two { right: 0; bottom: -7%; } .fact-area { padding: 150px 0 0; } .fact-item { display: flex; align-items: center; background: #fff; border: 1px solid #F4F4F4; padding: 25px 30px; margin: 0 0 30px -1px; } .fact-item .chart { position: relative; width: 70px; flex: 0 0 70px; height: 70px; margin-right: 30px; } .fact-item .percentage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1; letter-spacing: 0.02em; text-transform: uppercase; color: #222222; font-size: 16px; font-weight: 600; } .fact-item .percentage span { font-size: 1em; } .fact-content { flex-grow: 1; } .fact-content .title { font-size: 20px; margin: 0 0 10px; letter-spacing: 0.02em; } .fact-content span { display: block; font-size: 16px; letter-spacing: 0.015em; } .fact-items-wrapper { position: relative; } .fact-items-wrapper::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 412px; height: 40px; background: #CCCCCC; filter: blur(50px); border-radius: 10px; z-index: -1; } .ingredients-area { padding: 115px 0 150px; } .ingredients-img { margin-right: 80px; position: relative; } .section-title .sub-title { font-weight: 500; font-size: 15px; letter-spacing: 0.095em; text-transform: uppercase; color: #FAA432; margin: 0 0 15px; } .section-title .title { font-size: 50px; letter-spacing: -0.025em; margin-bottom: 0; } .ingredients-items-wrap { margin: 0 0 0 25px; } .ingredients-item { margin: 0 0 55px; } .ingredients-thumb { margin: 0 0 30px; transform: translateY(0); transition: .3s linear; } .ingredients-thumb img { clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); display: block; } .ingredients-content .title { font-size: 20px; padding-left: 11px; margin: 0 0 15px; position: relative; } .ingredients-content .title::before { content: ""; position: absolute; left: 0; top: 5px; width: 3px; height: 16px; background: #FAA432; } .ingredients-content p { margin: 0 0; } .ingredients-items-wrap .row>*:nth-child(4n+2) .ingredients-item, .ingredients-items-wrap .row>*:nth-child(4n) .ingredients-item { margin: 0 0 55px 50px; } .ingredients-items-wrap .row>*:nth-last-child(-n+2) .ingredients-item { margin-bottom: 0; } .ingredients-img .shape { position: absolute; left: -125px; bottom: 20px; z-index: -1; } .ingredients-img::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 5px; width: 350px; height: 27px; background: #000000; filter: blur(30px); border-radius: 99px; z-index: -1; } .ingredients-item:hover .ingredients-thumb { transform: translateY(10px); } .formula-bg { padding: 145px 0 150px; position: relative; background-position: center; background-size: cover; } .formula-bg::before { content: ""; position: absolute; left: 0px; top: -15px; background-image: url("../img/bg/formula_shape01.png"); width: 100%; height: 44px; background-repeat: repeat; background-position: center; } .formula-bg::after { content: ""; position: absolute; left: 0px; bottom: -17px; background-image: url("../img/bg/formula_shape02.png"); width: 100%; height: 47px; background-repeat: repeat; background-position: center; } .formula-img { text-align: right; margin-right: -100px; } .white-title .title { color: #fff; } .formula-list { margin: 0 0 50px; } .formula-list li { font-weight: 500; font-size: 20px; color: #fff; letter-spacing: 0.02em; display: flex; margin: 0 0 20px; line-height: 1.5; } .formula-list li::before { content: ""; display: block; background-image: url(../img/icons/right_arrow.svg); width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center; flex: 0 0 20px; margin-right: 10px; margin-top: 6px; } .formula-list li:last-child { margin-bottom: 0; } .formula-content .btn-two:hover { color: #FAA432; } .formula-content .btn-two::before { background: #fff; } .pricing-area { position: relative; padding: 145px 0 125px; z-index: 3; } .pricing-wrap { padding: 0 50px; } .pricing__box { background: #fff; border: 2px solid #ffffff; border-radius: 10px; padding: 35px 45px 45px; transition: .3s linear; } .pricing__box .pricing-hade > span { color: #222; font-size: 20px; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 0; } .pricing__box .pricing-hade .title { font-size: 36px; margin-bottom: 5px; font-weight: 700; } .pricing__box .pricing-hade > p { margin-bottom: 0; font-size: 18px; font-weight: 700; color: #222; text-transform: capitalize; } .pricing__box .pricing-price { display: flex; align-items: center; justify-content: center; margin-bottom: 5px; } .pricing__box .pricing-price .price { font-size: 50px; letter-spacing: -3px; margin-bottom: 0; transition: .3s linear; } .pricing__box .pricing-price span { font-size: 17px; display: block; margin-left: 8px; line-height: 1.2; text-align: left; transition: .3s linear; text-transform: capitalize; font-weight: 500; } .pricing__box .total { margin-bottom: 10px; color: #818181; font-size: 20px; } .pricing__box .price-savings .save { font-size: 32px; margin-bottom: 10px; color: #FAA432; } .pricing__box .price-savings > span { font-size: 20px; display: block; line-height: 1; color: #FAA432; font-weight: 500; margin: 0 0 20px; } .pricing__box .pricing-btn a { display: block; background: #FAA432; color: #fff; border: 2px solid #FAA432; line-height: 1; font-size: 25px; font-weight: 700; text-transform: uppercase; padding: 10px; border-radius: 5px; } .pricing-btn a > span { display: block; line-height: 1; font-size: 12px; font-weight: 400; margin-top: 5px; } .pricing__box .pricing-btn a:hover { background: transparent; color: #FAA432; } .pricing__box .bottom-img img { max-width: 100%; } .pricing-title .title { background: #818181; color: #fff; font-size: 18px; padding: 7px; border-radius: 5px; margin-bottom: 0; transition: .3s linear; text-transform: uppercase; letter-spacing: 1px; } .pricing-item:hover .pricing-price .price, .pricing-item:hover .pricing-price > span, .pricing-item.best-value-plan .pricing-price .price, .pricing-item.best-value-plan .pricing-price > span { color: #FAA432; } .pricing-item.best-value-plan .pricing__box, .pricing-item:hover .pricing__box { border-color: #FAA432; } .pricing-item.best-value-plan .pricing-title .title, .pricing-item:hover .pricing-title .title { background: #FAA432; color: #fff; } .pricing__box .pricing-img { padding: 35px 0 20px; margin: 0 0 15px; } .pricing__box .pricing-img img { max-height: 190px; max-width: 100%; } .pricing__box .pricing-btn.mb-15 { margin-bottom: 0; margin-top: 35px; } .pricing__box .bottom-img { display: none; } .testimonial-bg { background-position: center; background-size: cover; position: relative; padding: 145px 0 150px; z-index: 1; } .testimonial-bg::before { content: ""; position: absolute; left: 0px; top: -10px; background-image: url("../img/bg/testimonial_top_shape.png"); width: 100%; height: 33px; background-repeat: repeat; background-position: center; } .testimonial-bg::after { content: ""; position: absolute; left: 0px; bottom: -9px; background-image: url("../img/bg/testimonial_bottom_shape.png"); width: 100%; height: 37px; background-repeat: repeat; background-position: center; } .testimonial-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0A0A0A; opacity: 0.85; z-index: -1; } .testimonial-item { padding: 0 40px; } .testimonial-rating { display: block; line-height: 1; font-size: 20px; color: #FAA432; margin: 0 0 35px; } .testimonial-item > p { font-style: italic; font-weight: 500; font-size: 20px; color: #fff; margin: 0 0; } .testimonial-avatar-wrap { margin: 40px 0 0; } .testi-avatar-img { margin: 0 0 15px;; } .testi-avatar-img img { max-width: 80px; border-radius: 50%; display: inline-block; } .testi-avatar-info .name { font-size: 20px; letter-spacing: 0.02em; text-transform: uppercase; color: #FFFFFF; margin: 0 0; } .testimonial-active .slick-arrow { position: absolute; top: calc(50% - 43px); transform: translateY(-50%); left: -150px; background: transparent; border: none; padding: 0 0; font-size: 50px; color: #fff; z-index: 2; display: block; width: auto; line-height: 1; } .testimonial-active .slick-arrow.slick-next { left: auto; right: -150px; } .testimonial-active .slick-arrow::before { content: ""; position: absolute; left: -25px; top: 50%; transform: translateY(-50%); width: 55px; height: 55px; background: #0D9B4D; opacity: .3; border-radius: 50%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: -1; } .testimonial-active .slick-arrow.slick-next::before { left: auto; right: -25px; } .testimonial-active .slick-dots { display: flex; align-items: center; justify-content: center; margin: 60px 0 0; padding: 0 0; } .testimonial-active .slick-dots li { list-style: none; line-height: 1; margin: 0 5px; } .testimonial-active .slick-dots li button { border: none; padding: 0; text-indent: -99999px; width: 10px; height: 10px; background: #fff; opacity: .6; border-radius: 50%; display: block; line-height: 1; } .testimonial-active .slick-dots li.slick-active button { box-shadow: 0px 3px 3px rgba(250, 164, 50, 0.22); border-radius: 5px; width: 20px; opacity: 1; } .testimonial-active .slick-arrow:hover::before { opacity: 1; } .blog-post-area { position: relative; padding: 135px 0 150px; z-index: 3; } .blog-bg-shape { position: absolute; z-index: -1; } .blog-bg-shape.one { width: 662px; height: 662px; background: #F9F9F9; left: -145px; bottom: 0; border-radius: 50%; } .blog-bg-shape.two { width: 680px; height: 680px; background: #F9F9F9; right: -206px; top: 0; border-radius: 50%; opacity: .5; } .blog-posts-wrapper { margin: 0 110px 0 0; } .blog-post-item { display: flex; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #F4F4F4; } .blog-post-item:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .blog-post-thumb { width: 150px; height: 130px; background-position: center; background-size: cover; border-radius: 10px; margin: 0 30px 0 0; } .blog-post-content { flex-grow: 1; overflow: hidden; } .content-top { display: flex; align-items: center; justify-content: space-between; margin: 0 0 22px; } .content-top .tags a { font-weight: 500; color: #222; } .content-top .date { margin-left: 20px; } .blog-post-content .title { font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 0; } .content-bottom ul { display: flex; align-items: center; flex-wrap: wrap; margin: 30px 0 0; } .content-bottom ul .user { color: #222; } .content-bottom ul .comments { margin-left: auto; margin-right: 30px; } .content-top .tags a:hover { color: #FAA432; } .blog--post--thumb img { max-width: 100%; } .blog--post--content { padding: 40px 40px; background: #fff; border: 2px solid #f5f5f5; } .blog--tag { margin-bottom: 22px; } .blog--tag a { font-size: 14px; font-weight: 700; display: inline-block; text-align: center; color: #fff; background: #0d9b4d; padding: 5px 20px; border-radius: 0; margin-right: 6px; text-transform: capitalize; } .blog--tag a:hover { background: #222; color: #fff; } .blog--post--content .blog--post--title { font-size: 35px; margin-bottom: 20px; line-height: 1.3; letter-spacing: -.5px; word-break: break-word; } .blog--post--content .blog--post--title a { display: inline-block; } .blog--post--meta ul { display: flex; flex-wrap: wrap; } .blog--post--meta ul li { margin-right: 30px; } .blog--post--meta ul li:last-child { margin-right: 0; } .blog--post--meta ul li, .blog--post--meta ul li span, .blog--post--meta ul li a { font-size: 14px; color: #222; } .blog--post--meta ul li span i, .blog--post--meta ul li a i { margin-right: 7px; color: #0d9b4d; } .blog--post--content:not(.blog-details-content) .post-text { margin-bottom: 25px; } .blog--post--content .post-text { line-height: 1.625em; overflow: hidden; } .blog--post--bottom { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .blog--post--avatar { display: flex; align-items: center; width: 60%; } .blog--avatar--img { margin-right: 15px; } .blog--avatar--img img { border-radius: 50%; } .blog--avatar--info p { margin-bottom: 0 !important; font-weight: 700; text-transform: capitalize; font-size: 14px; } .blog--avatar--info p a { color: #222; } .blog--read--more a { font-size: 14px; text-transform: capitalize; font-weight: 700; display: block; color: #222; } .blog--avatar--info p a:hover, .blog--read--more a:hover { color: #FAA432; } .blog--read--more a i { margin-right: 10px; } .blog--post--thumb .video--icon { height: 80px; width: 80px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; line-height: 80px; border-radius: 50%; color: #ffffff; font-size: 20px; background: #0d9b4d; } .blog--post--thumb .video--icon:hover { background: #fff; background: #FAA432; } .blog-thumb-active .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); left: 40px; border: none; background: none; padding: 0; font-size: 30px; color: #fff; z-index: 9; opacity: .7; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; cursor: pointer; } .blog-thumb-active .slick-arrow.slick-next { right: 40px; left: auto; } .blog-thumb-active .slick-arrow:hover { opacity: 1; } .quote-post { background-position: center; background-size: cover; border: none; } .quote-post .quote-icon { float: left; margin-right: 30px; display: block; margin-top: 10px; } .quote-post h2, .quote-post h2 a:hover, .quote-post .blog--post--meta ul li span i, .quote-post .blog--post--meta ul li a i { color: #fff; } .quote-post .blog--post--meta ul li span, .quote-post .blog--post--meta ul li a { color: #ffffff; } .blog--post--content.post-bg { background-position: center; background-size: cover; border: none; } .special-blog .blog-overlay-tag > a { color: #0d9b4d; text-transform: capitalize; } .special-blog .blog-overlay-tag > a:hover { color: #fff; } .special-blog .blog-overlay-tag > a::before { background-image: none; background: #0d9b4d; } .special-blog .blog-post-item:hover .read-more { color: #0d9b4d; } .sidebar-title .title { font-size: 20px; margin-bottom: 0; padding-left: 20px; position: relative; } .sidebar-title .title::before { content: ""; position: absolute; left: 0; top: 2px; height: 20px; background: #0d9b4d; width: 2px; } .blog-sidebar .widget { padding: 27px 30px 30px; background: #fff; border: 2px solid #f5f5f5; } .blog-sidebar .widget:last-child { margin-bottom: 0; } .wp-block-group__inner-container h2, .wp-block-search__button-outside.wp-block-search__text-button.wp-block-search .wp-block-search__label { font-size: 20px; margin: 0 0 23px; padding-left: 20px; position: relative; color: #222222; } .wp-block-group__inner-container h2::before, .wp-block-search__button-outside.wp-block-search__text-button.wp-block-search .wp-block-search__label::before { content: ""; position: absolute; left: 0; top: 2px; height: 20px; width: 2px; background: #0d9b4d; } .blog-avatar-img img { border-radius: 50%; } .sidebar-search-form input { background: #f9f9f9; border: none; width: 100%; padding: 19px 75px 19px 25px; font-size: 14px; color: #222; border-radius: 0; } .sidebar-search-form input::placeholder { font-size: 14px; color: #222; } .sidebar-search-form button { position: absolute; right: 0; top: 0; border: none; padding: 19px 23px; color: #ffffff; background: #0d9b4d; font-size: 14px; cursor: pointer; border-radius: 0; } .b-about-content h4 { font-size: 18px; margin-bottom: 13px; } .b-about-content p { margin-bottom: 0; font-size: 14px; } .b-about-social a { color: #d1d1d1; font-size: 14px; margin: 0 10px; } .b-about-social a:hover { color: #FAA432; } .rc-post { overflow: hidden; display: flex; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; margin-bottom: 20px; } .rc-post-thumb { margin-right: 20px; width: 100px; flex: 0 0 100px; } .rc-post-content h5 { font-size: 18px; margin-bottom: 7px; line-height: 1.4; } .rc-post-date { font-size: 14px; color: #222; } .rc-post-content h5 a { display: inline-block; } .rc-post-date i { margin-right: 7px; color: #0d9b4d; } .rc-post:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } .sidebar-cat ul li { margin-bottom: 10px; } .sidebar-cat ul li a { padding: 15px 30px; display: block; color: #222; background: #f5f5f5; position: relative; font-size: 14px; border-radius: 0; text-transform: capitalize; font-weight: 700; } .sidebar-cat ul li a span { position: absolute; right: 0; height: 100%; top: 0; width: 50px; text-align: center; line-height: 50px; font-weight: 700; border-radius: 0; transition: .3s; color: #fff; background: #0d9b4d; } .sidebar-cat ul li a:hover span { background: #007535; } .sidebar-cat ul li a:hover { background: #0d9b4d; color: #fff; } .sidebar-cat ul li:last-child { margin-bottom: 0px; } .sidebar-social { display: flex; align-items: center; flex-wrap: wrap; } .sidebar-social a { height: 45px; width: 45px; text-align: center; display: inline-block; line-height: 45px; background: #f5f5f5; color: #222; font-size: 14px; margin-right: 8px; border-radius: 0; } .sidebar-social a:last-child { margin-right: 0; } .sidebar-social a:hover { background: #0d9b4d; color: #fff; } .twitter-post ul li { padding-bottom: 25px; border-bottom: 1px solid #e1e6ff; margin-bottom: 25px; } .twitter-icon { float: left; display: block; color: #32beff; margin-right: 20px; } .twitter-content p { font-size: 14px; margin-bottom: 10px; line-height: 1.8; } .twitter-post-date span { font-size: 13px; font-weight: 700; color: #222; text-transform: capitalize; display: block; } .twitter-post ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .sidebar-insta-post ul { display: grid; flex-wrap: wrap; gap: 15px; grid-template-columns: repeat(3, 1fr); } .sidebar-insta-post ul li { display: block; margin: 0 0; } .sidebar-insta-post ul li a { position: relative; display: block; } .sidebar-insta-post ul li a::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; background: #0D9B4D; opacity: 0; } .sidebar-insta-post ul li a:hover::before { opacity: .7; } .widget-tag ul { display: flex; flex-wrap: wrap; gap: 9px; } .widget-tag ul li { display: block; } .widget-tag ul li a { display: block; text-transform: capitalize; font-size: 14px; color: #282828; padding: 6px 17px; border-radius: 0; background: #f5f5f5; font-weight: 500; } .widget-tag ul li a:hover { color: #fff; background: #0D9B4D; } .sidebar-banner img { width: 100%; } .blog-details-content p { margin-bottom: 20px; line-height: 1.625em; } .blog--post--meta ul li > i { margin-right: 7px; font-size: 14px; color: #0d9b4d; } .blog-details-post-thumb { padding-top: 25px; margin-bottom: 45px; } .blog-details-post-thumb img { width: 100%; } .blog-details-wrap .title { font-size: 26px; margin-bottom: 20px; } .blog-details-wrap p { margin-bottom: 0; font-size: 16px; } .blog-details-wrap { padding-bottom: 35px; border-bottom: 2px solid #f5f5f5; margin-bottom: 30px; } .b-details-list ul li { margin-bottom: 8px; font-size: 16px; display: flex; } .b-details-list ul li:last-child { margin-bottom: 0; } .b-details-list ul li i { margin-right: 10px; font-weight: 600; font-size: 16px; margin-top: 5px; color: #0d9b4d; } .suxnix-page-content blockquote, .format-quote blockquote, .blog-details-content blockquote { margin: 35px 0; text-align: center; font-size: 30px; color: #fff; padding: 55px 60px; position: relative; z-index: 1; font-weight: 500; line-height: 1.4; text-transform: uppercase; background: #0d9b4d; font-style: italic; font-family: 'Oswald', sans-serif; } .suxnix-page-content blockquote::before, .format-quote blockquote::before, .blog-details-content blockquote::before { content: ""; background-image: url(../img/icons/blockquote_icon.png); position: absolute; right: 40px; top: 28px; width: 185px; height: 192px; z-index: -1; } .suxnix-page-content blockquote span, .format-quote blockquote span, .blog-details-content blockquote span { display: block; font-size: 15px; font-weight: 500; margin-bottom: 15px; line-height: 1; text-transform: unset; letter-spacing: 0; } .suxnix-page-content blockquote span > a, .format-quote blockquote span > a, .blog-details-content blockquote span > a { color: #fff; } .format-quote blockquote cite { margin-top: 20px; } .blog-details-wrap.border-none { border: none; padding-bottom: 0; } .d-post-tag h5, .post-share h5 { font-size: 20px; margin-bottom: 20px; } .d-post-tag ul li { display: inline-block; margin-right: 7px; } .d-post-tag ul li a { font-size: 12px; text-transform: uppercase; padding: 7px 20px; display: inline-block; color: #222; background: #f5f5f5; font-weight: 700; border-radius: 0; } .post-share ul li { margin-left: 20px; display: inline-block; } .post-share ul li a { font-size: 18px; display: inline-block; color: #b5becc; } .post-share ul li a:hover { color: #0d9b4d; } .d-post-tag ul li a:hover { background: #0d9b4d; color: #fff; } .blog-post-navigation { border-top: 2px solid #f5f5f5; border-bottom: 2px solid #f5f5f5; } .blog-post-navigation .prev-link span, .blog-post-navigation .next-link span { font-size: 16px; font-weight: 700; display: block; margin-bottom: 5px; color: #0d9b4d; } .blog-post-navigation .prev-link h4, .blog-post-navigation .next-link h4 { font-size: 26px; margin-bottom: 0; } .related-post h3 { font-size: 26px; margin-bottom: 25px; } .rp-thumb img { width: 100%; } .rp-content { padding: 35px 30px; } .rp-content .rp-date { display: block; margin-bottom: 10px; font-size: 14px; } .rp-content h4 { font-size: 24px; margin-bottom: 10px; line-height: 1.32; } .rp-content .rp-date i { color: #0d9b4d; margin-right: 5px; } .rp-content p { margin-bottom: 0; } .single-rp { box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.1); } .blog-avatar-wrap { overflow: hidden; background: #F9F9F9; padding: 40px 55px 40px 40px; display: flex; align-items: center; } .blog-post-avatar-img { margin-right: 40px; width: 180px; flex: 0 0 180px; } .blog-post-avatar-img img { border-radius: 50%; } .bd-avatar-info span { font-size: 14px; font-weight: 700; display: block; margin-bottom: 5px; } .bd-avatar-info h4 { font-size: 30px; margin-bottom: 10px; letter-spacing: -.5px; } .bd-avatar-info p { margin-bottom: 0; } .comment-wrap-title h5 { font-size: 26px; margin-bottom: 0; } .latest-comments ul { margin: 0; padding: 0; } .latest-comments ul li .comments-box { padding-bottom: 25px; border-bottom: 2px solid #f5f5f5; margin-bottom: 30px; display: flex; align-items: flex-start; } .latest-comments ul li .comments-box .comments-avatar { width: 100px; flex: 0 0 100px; margin-right: 30px; } .latest-comments ul li .comments-box .comments-avatar img { border-radius: 50px; } .comment-text { flex-grow: 1; overflow: hidden; line-height: 1.6em; } .comment-text .avatar-name { overflow: hidden; } .comment-text .avatar-name h6 { font-size: 18px; margin-bottom: 3px; display: flex; justify-content: space-between; text-transform: uppercase; } .comment-text .avatar-name span { font-size: 13px; font-weight: 500; text-transform: uppercase; } .comment-text .avatar-name .comment-reply-link { border: none; padding: 0; border-radius: 0; font-size: 14px; color: #0d9b4d; font-weight: 600; display: inline-flex; align-items: center; } .comment-text .avatar-name .comment-reply-link i { margin-right: 5px; } .comment-text p { margin-bottom: 0; line-height: 1.6em; } .comment-text .avatar-name .comment-reply-link:hover { border-color: transparent; color: #0d9b4d; } .comment-text .avatar-name h6 .url:hover { color: #0d9b4d; } .latest-comments ul li .children { margin-left: 130px; } .comment-form { padding: 50px; background: #f5f5f5; } .comment-form .comment-field { position: relative; margin: 0 0 20px; } .comment-form .comment-field i { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-size: 14px; } .comment-form .comment-field.text-area i { top: 25px; transform: unset; } .comment-form .comment-field textarea { height: 150px; width: 100%; padding: 20px 30px; padding-right: 50px; background: #ffffff; border: none; display: block; } .comment-form .comment-field input { display: block; width: 100%; padding: 20px 30px; padding-right: 50px; background: #ffffff; border: none; color: #222; } .comment-form .comment-field textarea::placeholder, .comment-form .comment-field input::placeholder { font-size: 15px; color: #222; opacity: .7; } .comment-form .btn { color: #fff; border-radius: 0; margin-top: 10px; background: #0d9b4d; padding: 21px 35px 21px 35px; } .comment-form .btn i { margin-left: auto; margin-right: 9px; position: unset; color: #fff; top: 0; transform: unset; font-size: 16px; } .pagination-wrap ul { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; margin-top: 10px; margin-bottom: 0 !important; } .pagination-wrap ul li { display: block; margin: 10px 5px 0; } .pagination-wrap ul li a, .pagination-wrap ul li .page-numbers { display: block; height: 50px; width: 50px; text-align: center; line-height: 48px; border: 2px solid #f5f5f5; font-weight: 500; color: #222; font-size: 16px; } .pagination-wrap ul li a:hover, .pagination-wrap ul li .current { color: #fff; background: #0d9b4d; border-color: #0d9b4d; } .pagination-wrap ul li a.prev, .pagination-wrap ul li a.next { font-size: 12px; } .faq-wrapper { margin: 0 0 0 100px; } .faq-wrapper .accordion-item { background: transparent; border: none; border-radius: 0; transition: .3s linear; padding: 25px 30px; position: relative; } .faq-wrapper .accordion-item::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #F4F4F4; } .faq-wrapper .accordion-item:not(:first-of-type) { box-shadow: none; } .faq-wrapper .accordion-item.active-item { background: #fff; box-shadow: 0 10px 32px rgb(0 0 0 / 6%); border-bottom: none; z-index: 1; transition: .3s; } .faq-wrapper .accordion-item.prev-item::after, .faq-wrapper .accordion-item.active-item::after { opacity: 0; } .faq-wrapper .accordion-button { background: transparent; border: none; padding: 0; font-size: 18px; text-transform: uppercase; font-weight: 500; border-radius: 0; box-shadow: none; } .faq-wrapper .accordion-button .count { color: #FAA432; margin-right: 7px; } .faq-wrapper .accordion-item:last-of-type .accordion-button.collapsed, .faq-wrapper .accordion-item:first-of-type .accordion-button { border-radius: 0; } .faq-wrapper .accordion-button:not(.collapsed) { background: transparent; border: none; box-shadow: none; color: #222; } .faq-wrapper .accordion-body { padding: 20px 0 0; } .faq-wrapper .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FAA432'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); } .faq-wrapper .accordion-item:last-of-type { margin-bottom: 0; } .blog-inner-wrapper { position: relative; } .blog-inner-wrapper::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url(../img/bg/blog_line.png); width: 20px; height: 100%; background-repeat: repeat; background-size: contain; background-position: top center; } .contact-area { padding: 120px 0 90px; } .contact-box { box-shadow: 0 8px 16px rgba(102, 102, 102, 0.07); padding: 60px; background: #fff; position: relative; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0 0 30px; text-align: center; } .contact-box::before, .contact-box::after { position: absolute; content: ""; border-left: 4px solid #FAA432; left: 0; top: 50%; transform: translateY(-50%); height: 160px; width: 5px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; } .contact-box::after { left: auto; right: 0; } .contact-icon { font-size: 100px; color: #0D9B4D; line-height: 1; position: relative; display: inline-flex; margin: 0 0 25px; } .contact-icon .overlay-icon { position: absolute; top: -5px; width: 26px; height: 26px; font-size: 14px; line-height: 26px; background: #fff; border-radius: 100%; box-shadow: 0 8px 16px rgba(102, 102, 102, 0.10); color: #faa432; right: -10px; } .contact-content .title { font-size: 30px; margin: 0 0 15px; } .contact-content .contact-desc { margin-bottom: 0; } .contact-box-wrapper { padding: 0 55px; } .contact-box:hover::before, .contact-box:hover::after { opacity: 1; } .contact-form-area { position: relative; padding: 0 0 120px; } #contact-map { display: block; width: 100%; height: 100%; } #contact-map iframe { width: 100%; height: 100%; } .contact-form-wrap { padding: 0 0 0 30px; } .contact-form .form-grp { margin: 0 0 25px; position: relative; } .contact-form label { display: block; color: #222; font-weight: 500; margin: 0 0 10px; } .contact-form input, .contact-form textarea { display: block; width: 100%; border: 1px solid rgba(114, 128, 150, .24); padding: 11px 20px; border-radius: .25rem; } .vs__selected-options input{ border: none; width: 0; } .vs__selected{ padding: 0 15px !important; } .vs__actions{ padding: 4px 12px 0 3px !important; } .vs__dropdown-toggle{ border: 1px solid rgba(114, 128, 150, .24) !important; } .contact-form textarea { min-height: 150px; } .contact-form input::placeholder, .contact-form textarea::placeholder { font-size: 16px; opacity: .5; } .contact-form select.form-select { border: 1px solid rgba(114, 128, 150, .24); box-shadow: none; outline: none; min-height: 50px; padding: 12px 20px; margin: 0 0 25px; color: #777777; } .contact-form-wrap .section-title .sub-title { margin: 0 0 10px; } #contact-form .help-block { position: absolute; left: 0; bottom: -20px; font-size: 13px; line-height: 20px; color: #fff; padding: 0 12px; border-radius: 0; background: #dc3545; box-shadow: 0px 10px 25px 0px rgba(123,147,171,0.15); } #contact-form .list-unstyled { padding: 0; margin: 0; } #contact-form .messages .alert { margin-bottom: 0; margin-top: 1rem; padding: .75rem 1.25rem; } .alert-dismissible .btn-close { padding: .97rem 1.25rem; } .alert-dismissible .btn-close:focus-visible { outline: none; } .alert-dismissible .btn-close:focus { box-shadow: none; } .footer-instagram { position: relative; z-index: 3; margin: 0 0 -95px; } .footer-insta-item a { display: block; position: relative; } .footer-insta-item a::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0D9B4D; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .footer-insta-item a:hover::before { opacity: .8; } .footer-insta-item a::after { content: "\f16d"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-family: "Font Awesome 5 Brands"; font-weight: 400; font-size: 70px; line-height: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; opacity: 0; } .footer-insta-item a:hover::after { opacity: 1; } .footer-top-wrap { background: #0A0A0A; position: relative; padding: 195px 0 30px; overflow-x: hidden; z-index: 1; } .not-show-instagram .footer-top-wrap { padding: 120px 0 30px; } .footer-top-wrap::before { content: ""; position: absolute; left: 0; top: -22px; width: 100%; height: 53px; background-image: url(../img/bg/footer_bg_shape.png); background-repeat: repeat; background-position: center; z-index: -1; } .footer-shape { position: absolute; z-index: -1; } .footer-shape.one { left: 0; bottom: 100px; } .footer-shape.two { right: 0; bottom: 170px; } .footer-widget { margin: 0 0 50px; } .footer-logo { margin: 0 0 30px; } .footer-widget .footer-text { width: 75%; } .footer-widget .footer-text p { margin: 0 0; color: #fff; opacity: .7; } .footer-social { display: flex; align-items: center; gap: 10px; margin-top: 30px; } .footer-social a { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #1B1B1B; border-radius: 50%; color: #fff; } .footer-social a:hover { background: #0D9B4D; } .footer-widget .fw-title { font-size: 20px; color: #fff; letter-spacing: 0.02em; margin: 0 0 30px; } .footer-widget ul li { margin: 0 0 12px; } .footer-widget ul li:last-child { margin: 0 0; } .footer-widget ul li a { color: #fff; opacity: .7; } .footer-widget ul li a:hover { color: #0D9B4D; opacity: 1; } .footer-contact-wrap p { color: #fff; opacity: .7; } .footer-contact-wrap .list-wrap { margin: 30px 0 0; } .footer-contact-wrap .list-wrap li { color: #fff; display: flex; align-items: center; margin: 0 0 15px; } .footer-contact-wrap .list-wrap li i { color: #0D9B4D; font-size: 18px; margin-right: 10px; } .footer-widgets-wrap .row [class*="col-"]:nth-child(4n+2) .footer-widget { padding-left: 30px; } .footer-widgets-wrap .row [class*="col-"]:nth-child(4n+4) .footer-widget { padding-left: 70px; } .copyright-wrap { background: #0A0A0A; border-top: 1px solid #262626; padding: 25px 0; } .copyright-text p { margin: 0 0; color: #FFFFFF; opacity: .9; } #preloader { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #fff; z-index: 9999; } .tg-cube-grid { width: 45px; height: 45px; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; } .tg-cube-grid .tg-cube { width: 33%; height: 33%; background-color: #0D9B4D; float: left; -webkit-animation: tg-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: tg-cubeGridScaleDelay 1.3s infinite ease-in-out; } .tg-cube-grid .tg-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .tg-cube-grid .tg-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .tg-cube-grid .tg-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .tg-cube-grid .tg-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .tg-cube-grid .tg-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .tg-cube-grid .tg-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .tg-cube-grid .tg-cube7 { -webkit-animation-delay: 0s; animation-delay: 0s; } .tg-cube-grid .tg-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .tg-cube-grid .tg-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes tg-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes tg-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } .tg-btn { user-select: none; -moz-user-select: none; border: medium none; border-radius: 2px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: 0; line-height: 1; margin-bottom: 0; padding: 18px 30px; text-align: center; text-transform: uppercase; touch-action: manipulation; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; border-radius: 25px; position: relative; background-image: linear-gradient(to right, #94be26 0%, #65b021 50%, #94be26 100%); background-image: -webkit-linear-gradient(to right, #94be26 0%, #65b021 50%, #94be26 100%); background-image: -ms-linear-gradient(to right, #94be26 0%, #65b021 50%, #94be26 100%); box-shadow: 0px 8px 16px 0px rgba(148, 190, 38, 0.4); -webkit-transition: all 0.4s linear; transition: all 0.4s linear; background-size: 200% auto; } .scroll-top-two:hover, .tg-btn:hover { background-position: right center; color: #fff; box-shadow: none; } .tg-menu-area { background: #fff; padding: 10px 0; position: relative; z-index: 9; } .tg-menu-area.sticky-menu { padding: 0 0; position: fixed; } .tg-menu-area::before { content: ""; background-image: url(../img/bg/header_shape.png); left: 0; top: 85px; position: absolute; width: 100%; height: 100px; z-index: -1; background-size: cover; background-position: center; } .tg-menu-area.sticky-menu::before { display: none; } .tg-menu-area .navbar-wrap ul li a { font-size: 14px; font-weight: 600; text-transform: uppercase; color: #222222; padding: 35px 16px; } .tg-menu-area .navbar-wrap ul li .sub-menu li a { font-weight: 600; text-transform: uppercase; } .tg-menu-area .navbar-wrap ul { margin: 0 0 0 auto; } .tg-menu-area .header-btn { margin-left: 15px; } .tg-menu-area .mobile-menu .close-btn, .tg-menu-area .navbar-wrap ul li .sub-menu li:hover > a, .tg-menu-area .navbar-wrap ul li .sub-menu li.active > a, .tg-menu-area .navbar-wrap > ul > li.active > a, .tg-menu-area .navbar-wrap > ul > li:hover > a { color: #66b021; } .tg-menu-area .mobile-menu .social-links li a:hover { border-color: #66b021; background: #66b021; color: #fff; } #header-fixed-height.active-height { display: block; height: 104px; } .scroll-top-two { background-image: linear-gradient(to right, #94be26 0%, #65b021 50%, #94be26 100%); background-image: -webkit-linear-gradient(to right, #94be26 0%, #65b021 50%, #94be26 100%); background-image: -ms-linear-gradient(to right, #94be26 0%, #65b021 50%, #94be26 100%); background-size: 200% auto; } .scroll-top-two:hover { background-color: transparent; } .tg-banner-area.banner-bg { background-image: url(../img/bg/brik.jpg); background-position: bottom center; background-size: cover; padding: 140px 0 230px; position: relative; overflow: hidden; z-index: 1; } .tg-banner-area::before { content: ""; position: absolute; left: 0px; bottom: -2px; background-image: url("../img/style/banner_bg_shape.png"); width: 100%; height: 210px; background-repeat: no-repeat; background-position: center; background-size: cover; pointer-events: none; } .tg-banner-area::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(5deg, rgb(148, 190, 38) 0%, rgb(98, 175, 33) 100%); background-image: -webkit-linear-gradient(5deg, rgb(148, 190, 38) 0%, rgb(98, 175, 33) 100%); background-image: -ms-linear-gradient(5deg, rgb(148, 190, 38) 0%, rgb(98, 175, 33) 100%); opacity: .87; z-index: -1; } .tg-banner-content .sub-title { font-size: 30px; color: #fff; margin-bottom: 10px; text-transform: uppercase; } .tg-banner-content .title { font-size: 70px; color: #fff; font-weight: 700; line-height: 1.1; margin-bottom: 20px; letter-spacing: -1.5px; text-transform: uppercase; } .tg-banner-content p { font-size: 18px; color: #fff; font-weight: 500; margin-bottom: 40px; width: 75%; } .tg-banner-img img { margin-right: auto; } .tg-banner-content .tg-btn { background-image: none; background-color: #fff; color: #66b021; transition: .3s ease; } .tg-banner-content .tg-btn:hover { transform: translateY(-5px); } .tg-features-area { margin-top: -110px; position: relative; z-index: 2; } .tg-features-inner { padding: 0 79px; } .tg-features-item { text-align: center; background: #fff; box-shadow: 0px 0px 13.92px 2.08px rgba(46, 89, 8, 0.12); border-radius: 10px; padding: 45px 25px 40px; margin-bottom: 30px; transform: translateY(0); transition: .3s linear; } .tg-features-item:hover { transform: translateY(-7px); } .tg-features-icon { width: 101px; height: 101px; display: flex; align-items: center; justify-content: center; background-color: #63af21; background-image: linear-gradient(135deg, rgba(148, 190, 38, 1) 0%, rgba(101, 176, 33, 1) 100%); border-radius: 50%; margin: 0 auto 40px; color: #fff; font-size: 55px; line-height: 0; } .tg-features-content .title { font-size: 22px; margin-bottom: 13px; text-transform: uppercase; } .tg-features-content p { margin-bottom: 25px; } .tg-features-content a { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #63af21; display: inline-flex; } .tg-features-content a:hover { color: #222222; } .tg-supplement-area { position: relative; } .tg-supplement-bg { position: absolute; background-image: url(../img/bg/supplement_bg_shape.png); background-position: top center; background-size: cover; left: 0; bottom: 0; width: 100%; height: 1086px; opacity: .04; z-index: -2; } .tg-supplement-inner { padding: 0 79px; } .tg-section-title .sub-title { display: block; font-size: 14px; text-transform: uppercase; color: #63af21; font-weight: 500; letter-spacing: 3px; margin-bottom: 10px; } .tg-section-title .title { font-size: 48px; margin-bottom: 0; line-height: 1.1; letter-spacing: -.5px; text-transform: uppercase; font-weight: 600; } .tg-supplement-content p { width: 90%; margin-bottom: 35px; font-size: 15px; } .tg-supplement-shape { position: absolute; right: 12%; top: 2%; z-index: -1; } .rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 50s; animation-duration: 50s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes rotateme { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .tg-video-bg { background-image: url(../img/bg/brik.jpg); background-position: center; background-size: cover; padding: 120px 0 190px; position: relative; z-index: 1; } .tg-video-bg::before { content: ""; position: absolute; left: 0px; bottom: -2px; background-image: url("../img/style/banner_bg_shape.png"); width: 100%; height: 210px; background-repeat: no-repeat; background-position: center; background-size: cover; pointer-events: none; } .tg-video-bg::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(5deg, rgb(148, 190, 38) 0%, rgb(98, 175, 33) 100%); background-image: -webkit-linear-gradient(5deg, rgb(148, 190, 38) 0%, rgb(98, 175, 33) 100%); background-image: -ms-linear-gradient(5deg, rgb(148, 190, 38) 0%, rgb(98, 175, 33) 100%); opacity: .92; z-index: -1; } .tg-video-img { position: relative; border: 8px solid #fff; margin-right: 20px; } .tg-video-img .play-btn { position: absolute; right: 0; bottom: 0; width: 102px; height: 85px; display: flex; align-items: center; justify-content: center; background-color: #63af21; background-image: linear-gradient(135deg, rgba(148, 190, 38, 1) 0%, rgba(101, 176, 33, 1) 100%); color: #fff; font-size: 27px; } .white-text { color: #fff; } .tg-video-content p { color: #fafafa; margin-bottom: 15px; } .tg-section-title.white .sub-title { color: #fff; } .tg-video-content .info-two { margin-bottom: 40px; } .tg-video-content .tg-btn { background-image: none; background-color: #fff; color: #66b021; transition: .3s ease; } .tg-video-content .tg-btn:hover { transform: translateY(-5px); } .jarallax { position: relative; z-index: 0; } .jarallax > .jarallax-img { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .tg-shop-wrapper { padding: 0 65px; } .tg-shop-item { margin: 0 0 60px; } .tg-shop-thumb { margin: 0 0 30px; position: relative; background: #f8f8f8; } .tg-shop-thumb img { min-height: 391px; object-fit: cover; } .tg-shop-thumb .new, .tg-shop-thumb .discount { position: absolute; top: 20px; right: 20px; z-index: 1; background: #FD4B4B; border-radius: 3px; color: #fff; font-weight: 500; font-size: 12px; padding: 4px 11px; line-height: 1; } .tg-shop-thumb .new { background: #66b021; } .tg-shop-cat { display: flex; gap: 10px; line-height: 1; margin: 0 0 10px; justify-content: center; } .tg-shop-cat a { display: block; font-weight: 500; color: #777777; } .tg-shop-content .title { font-size: 24px; font-weight: 600; margin: 0 0 15px; } .tg-shop-cat a:hover, .tg-shop-content .title a:hover { color: #63af21; } .tg-shop-price { display: block; line-height: 1; font-weight: 700; font-size: 18px; color: #63af21; } .tg-shop-price del { color: #222; opacity: .6; margin-right: 5px; } .tg-shop-action { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; position: absolute; left: 20px; right: 20px; bottom: 50px; gap: 15px; } .tg-shop-action .action-item { display: flex; align-items: center; justify-content: center; font-size: 19px; height: 50px; width: 50px; background-color: #fff; color: #63af21; border-radius: 50px; position: relative; opacity: 0; visibility: hidden; -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.3); } .tg-shop-action .action-item:hover { color: #fff; } .tg-shop-action .action-item:nth-child(1) { -webkit-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s, opacity 0.3s ease 0s; -o-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s, opacity 0.3s ease 0s; transition: transform 0.3s ease 0s, background-color 0.3s ease 0s, opacity 0.3s ease 0s; } .tg-shop-action .action-item:nth-child(2) { -webkit-transition: transform 0.5s ease 0s, background-color 0.5s ease 0s, opacity 0.5s ease 0s; -o-transition: transform 0.5s ease 0s, background-color 0.5s ease 0s, opacity 0.5s ease 0s; transition: transform 0.5s ease 0s, background-color 0.5s ease 0s, opacity 0.5s ease 0s; } .tg-shop-action .action-item:nth-child(3) { -webkit-transition: transform 0.7s ease 0s, background-color 0.7s ease 0s, opacity 0.7s ease 0s; -o-transition: transform 0.7s ease 0s, background-color 0.7s ease 0s, opacity 0.7s ease 0s; transition: transform 0.7s ease 0s, background-color 0.7s ease 0s, opacity 0.7s ease 0s; } .tg-shop-item:hover .tg-shop-action .action-item { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); visibility: visible; opacity: 1; filter: alpha(opacity=100); } .tg-service-inner { padding: 0 50px; } .tg-service-area { background: #fafafa; padding: 115px 0 90px; } .tg-service-item { background: #fff; border: 1px solid #f3f3f3; transition: all .3s linear; margin-bottom: 30px; transform: translateY(0); padding: 40px 40px; text-align: center; position: relative; z-index: 1; } .tg-services-count { position: absolute; top: 15px; right: 15px; font-size: 124px; font-weight: 800; line-height: .8; opacity: .035; letter-spacing: -4px; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: #222; -webkit-text-stroke-width: 2px; z-index: -1; } .tg-service-item:hover { transform: translateY(-7px); box-shadow: 0px 0px 43px 0px rgb(240 240 240); } .tg-service-item .icon { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background-color: #63af21; background-image: linear-gradient(135deg, rgba(148, 190, 38, 1) 0%, rgba(101, 176, 33, 1) 100%); border-radius: 50%; margin: 0 auto 30px; color: #fff; font-size: 42px; line-height: 0; } .tg-service-item .title { font-size: 22px; margin-bottom: 14px; line-height: 1.2; } .tg-service-item .title a:hover { color: #63af21; } .tg-service-content p { margin-bottom: 25px; } .tg-service-content a { font-size: 15px; font-weight: 600; color: #222; } .tg-service-content a i { font-size: 15px; margin-right: 8px; color: #63af21; } .tg-service-content a:hover { color: #63af21; } .tg-shop-details-bg { background-image: url(../img/bg/shop_det_bg.png); background-position: center; background-size: cover; padding: 70px 0 100px; } .tg-section-title p:not(.sub-title) { margin: 18px 0 0; } .tg-shop-details-review { display: flex; align-items: center; margin: 20px 0; } .tg-shop-details-review .rating { display: flex; align-items: center; font-size: 14px; color: #ffb400; letter-spacing: 2px; } .tg-shop-details-review span { display: block; font-size: 15px; color: #7d7d7d; margin-left: 5px; } .tg-shop-details-bg .inner-shop-details-price .stock-status { color: #63af21; } .tg-progress-wrap { margin: 35px 0 30px; } .tg-progress-wrap .tg-progress-content ul { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; } .tg-progress-content ul li { font-size: 13px; text-transform: uppercase; color: #7d7d7d; font-weight: 500; } .tg-progress-content ul li span { color: #414141; } .tg-progress-wrap .progress { height: 6px; background-color: #f2f2f2; border-radius: 3px; } .tg-progress-wrap .progress-bar { background-color: #63af21; } .tg-shop-details-bg .inner-shop-perched-info>.wishlist-btn, .tg-shop-details-bg .cart-btn, .tg-shop-details-bg .inner-shop-perched-info > .cart-btn { background-color: #63af21; border-color: #63af21; } .tg-shop-details-list { margin: 35px 0 0; } .tg-shop-details-list ul li { text-transform: uppercase; font-size: 14px; font-weight: 500; color: #6c6c6c; margin-bottom: 8px; } .tg-shop-details-list ul li:last-child { margin-bottom: 0; } .tg-shop-details-list ul li a { color: #63af21; } .tg-shop-content-bottom p { color: #222222; font-weight: 500; margin-bottom: 10px; } .tg-shop-content-bottom p span { color: #76be48; } .tg-shop-content-bottom > span { color: #7d7d7d; font-size: 14px; display: block; margin-bottom: 30px; font-weight: 400; } .tg-shop-content-bottom > span i { font-size: 12px; color: #222222; margin-right: 5px; } .tg-pricing-area { padding: 115px 0 90px; background: #fafafa; } .tg-pricing-area .pricing__box { border: 4px solid #818181; border-radius: 5px; padding: 20px 15px; transition: .3s linear; } .tg-pricing-area .pricing-item.regular .pricing__box { border-color: #222; } .tg-pricing-area .pricing__box .pricing-img { background-image: radial-gradient(50% 50% at 50% 50%, rgba(139, 205, 43, 0.35) 0%, rgba(139, 205, 43, 0) 100%); } .tg-pricing-area .pricing__box .pricing-btn.mb-15 { margin-bottom: 15px; margin-top: 20px; } .tg-pricing-area .pricing__box .bottom-img { display: block; } .tg-pricing-area .pricing__box .pricing-btn a { background: #63af21; border: 2px solid #63af21; } .tg-pricing-area .pricing__box .pricing-btn a:hover { background: transparent; color: #63af21; } .tg-pricing-area .pricing-item:hover .pricing-price .price, .tg-pricing-area .pricing-item:hover .pricing-price>span, .tg-pricing-area .pricing-item.best-value-plan .pricing-price .price, .tg-pricing-area .pricing-item.best-value-plan .pricing-price>span { color: #63af21; } .tg-pricing-area .pricing__box .price-savings>span, .tg-pricing-area .pricing__box .price-savings .save { color: #63af21; } .tg-pricing-area .pricing-item.best-value-plan .pricing-title .title, .tg-pricing-area .pricing-item:hover .pricing-title .title { background: #63af21; } .tg-pricing-area .pricing-item.best-value-plan .pricing__box, .tg-pricing-area .pricing-item:hover .pricing__box { border-color: #63af21; } .tg-testimonial-bg { background-image: url(../img/bg/tg_testimonial_bg.jpg); background-size: cover; background-position: center; padding: 115px 0 85px; position: relative; z-index: 1; } .tg-testimonial-bg::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #63ae24; opacity: .92; z-index: -1; } .tg-testimonial-item { display: flex; align-items: center; background: #fafafa; border-radius: 30px; position: relative; z-index: 1; padding: 30px; margin-bottom: 35px; } .tg-testimonial-item::before { content: ""; position: absolute; left: 0; top: 5px; width: 100%; height: 100%; background: #fff; opacity: .18; border-radius: 30px; z-index: -1; } .tg-testimonial-thumb { width: 145px; flex: 0 0 145px; margin-right: 25px; } .tg-testimonial-thumb img { border-radius: 30px; } .tg-testimonial-content .rating { display: flex; align-items: center; font-size: 12px; color: #6cb130; margin-bottom: 8px; letter-spacing: 2px; } .tg-testimonial-content .title { font-size: 18px; margin-bottom: 10px; font-weight: 600; } .tg-testimonial-content p { margin-bottom: 15px; color: #7d7d7d; } .tg-testimonial-content .tg-testi-avatar-info { font-size: 14px; font-weight: 700; color: #222222; margin-bottom: 0; } .tg-testimonial-content .tg-testi-avatar-info span { color: #7d7d7d; font-size: 13px; font-weight: 400; margin-left: 5px; } .tg-blog-post-thumb { position: relative; } .tg-blog-post-thumb img { max-width: 100%; } .tg-blog-overlay-tag { position: absolute; right: 40px; bottom: -17px; left: 40px; text-align: right; z-index: 1; } .tg-blog-overlay-tag > a { display: inline-block; background: #fff; color: #6cb130; box-shadow: 0px 16px 32px 0px rgb(137 137 137 / 20%); padding: 10px 20px; line-height: 1; border-radius: 50px; font-size: 14px; font-weight: 700; margin-left: 5px; position: relative; z-index: 1; } .tg-shop-action .action-item::before, .tg-blog-overlay-tag > a::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50px; background-image: linear-gradient(135deg, rgba(148, 190, 38, 1) 0%, rgba(101, 176, 33, 1) 100%); background-image: -moz-linear-gradient(135deg, rgba(148, 190, 38, 1) 0%, rgba(101, 176, 33, 1) 100%); background-image: -webkit-linear-gradient(135deg, rgba(148, 190, 38, 1) 0%, rgba(101, 176, 33, 1) 100%); background-image: -ms-linear-gradient(135deg, rgba(148, 190, 38, 1) 0%, rgba(101, 176, 33, 1) 100%); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; opacity: 0; z-index: -1; } .tg-shop-action .action-item:hover::before, .tg-blog-overlay-tag > a:hover::before { opacity: 1; } .tg-blog-overlay-tag > a:hover { color: #fff; } .tg-blog-post-content { padding: 35px 35px; border: 2px solid #f4f4f4; border-top: none; transition: .3s linear; } .tg-blog-post-content .post-date { color: #777777; font-size: 14px; margin-bottom: 6px; } .tg-blog-post-content .post-date > i { margin-right: 5px; } .tg-blog-post-content .title { font-size: 22px; line-height: 1.4; margin-bottom: 21px; } .tg-blog-post-content .title a { display: inline; background-image: linear-gradient(#232323, #232323), linear-gradient(#232323, #232323); background-size: 0% 1px, 0 1px; background-position: 100% 100%, 0 100%; background-repeat: no-repeat; transition: background-size 0.4s linear; } .tg-blog-post-content .title a:hover { color: inherit; background-size: 0 1px, 100% 1px; } .tg-blog-post-content > .read-more { font-size: 14px; font-weight: 700; color: #c1c1c1; display: inline-block; } .tg-blog-post-content > .read-more:hover { color: #6cb130; } .tg-blog-post-content > .read-more span { text-decoration: underline; margin-right: 6px; } .tg-blog-post-content > .read-more i { font-size: 11px; } .tg-blog-post-item { transition: .3s linear; } .tg-blog-post-item:hover { box-shadow: 0px 16px 32px 0px rgba(137, 137, 137, 0.1); } .tg-blog-post-item:hover .blog-post-content { border-color: #fff; } .footer-two-top-wrap { background-image: url(../img/bg/footer_bg.jpg); background-position: center; background-size: cover; padding: 100px 0 50px; } .footer-two-top-wrap .footer-social a { background: #2d2d2d; } .footer-two-top-wrap .footer-social a:hover { background: #63af21; color: #fff; } .footer-two-top-wrap .footer-widget .footer-text { width: 100%; } .footer-two-top-wrap .row [class*="col-"]:nth-child(4n+2) .footer-widget { padding-left: 50px; padding-right: 30px; } .footer-two-top-wrap .row [class*="col-"]:nth-child(4n+4) .footer-widget { padding-left: 40px; } .footer-two-widgets-wrap .footer-widget .fw-title { font-size: 18px; } .footer-two-widgets-wrap .fw-title::after { content: ""; display: block; width: 45px; height: 4px; background: #63af21; border-radius: 2px; margin: 10px 0 0; } .footer-post-item { display: flex; align-items: center; margin-bottom: 20px; } .footer-post-item:last-child { margin-bottom: 0; } .footer-post-item .thumb { width: 95px; flex: 0 0 95px; margin-right: 18px; } .footer-post-item .thumb a { display: block; width: 100%; } .footer-post-item .thumb img { border-radius: 3px; max-height: 80px; object-fit: cover; width: 100%; } .footer-post-item .content > span { font-size: 13px; color: #63af21; font-weight: 500; margin-bottom: 5px; display: flex; align-items: center; gap: 6px; } .footer-post-item .content .title { font-size: 16px; color: #ffffff; margin-bottom: 0; line-height: 1.5; } .footer-two-top-wrap .widget_nav_menu ul li a:hover, .footer-post-item .content .title a:hover { color: #63af21; } .footer-two-top-wrap .widget_nav_menu ul li a { position: relative; padding-left: 20px; color: #c7c7c7; opacity: 1; } .footer-two-top-wrap .widget_nav_menu ul li a::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; background: #63af21; border-radius: 50%; } .footer-newsletter-wrap p { font-size: 14px; color: #c7c7c7; line-height: 26px; margin-bottom: 13px; } .footer-newsletter-wrap p span { color: #63af21; } .footer-newsletter-wrap form { position: relative; } .footer-newsletter-wrap form input { width: 100%; border: none; padding: 12px 60px 11px 25px; border-radius: 50px; font-size: 14px; height: 50px; } .footer-newsletter-wrap form input::placeholder { font-size: 14px; color: #7d7d7d; font-weight: 500; opacity: .7; } .footer-newsletter-wrap form button { position: absolute; right: 5px; top: 5px; bottom: 5px; border: none; border-radius: 50%; width: 40px; font-size: 16px; display: flex; align-items: center; justify-content: center; color: #fff; background: #63af21; padding: 0 0; } .footer-confidential-wrap { display: flex; align-items: center; margin-top: 25px; } .confidential-logo { width: 55px; flex: 0 0 55px; margin-right: 15px; } .confidential-logo img { max-width: 100%; } .confidential-content .con-title { font-size: 16px; color: #fff; margin-bottom: 5px; } .confidential-content span { display: block; font-size: 14px; color: #c7c7c7; } a[href="https://cookie-script.com"]#cookiescript_link {display: none !important;} .cookiescript_fsd_header > a[href="https://cookie-script.com"] > span, .cookiescript_fsd_header > a[href="https://cookie-script.com"] > img { display: none !important;} .cookiescript_fsd_reportby {display: none !important;}