?
áEÓê¤ÎïLwebshll2019
/* ===================================
About
====================================== */
/*
Theme Name: MegaOne
Theme URI:
Author: Themes Industry
Author URI:
Description: One Page Parallax Template
Tags: one page, multipurpose, parallax, creative, html5
*/
/* ===================================
Table of Content
====================================== */
/* - Fonts
- General
- Fonts
- Social Icon Hover
- Header And Navigation
- Slider
- About
- Team
- Portfolio
- Price
- Parallax
- Testimonial
- Client
- Blog
- Contact
- Map
- Footer
- Loader
- Media Queries */
/* ===================================
Google font
====================================== */
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap');
/* ===================================
Scrollbar
====================================== */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
width: 12px;
border-left: 0px solid white;
border-right: 0px solid white;
}
::-webkit-scrollbar-thumb {
background: #79a207;
width: 0;
height: 25%;
}
/* ===================================
General
====================================== */
body{
font-family: 'Poppins', sans-serif;
overflow-x: hidden;
}
/* background color */
.bg-black{background: #2d2d2d;}
.bg-yellow {background-color: #79a207;}
/* text-color */
.main-color{color: #79a207;}
/*parallax disable*/
.parallax-disable{
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
}
.border-bottom{
border-bottom: solid 1px #EEEEEE;
}
a{
text-decoration: none;
}
.hidden{
display: none;
}
/* ===================================
Header Info Nav
====================================== */
.navbar{
padding-bottom: 0;
}
.upper-nav{
background-color: rgba(255, 255, 255, 0.9);
padding-top: 20px;
padding-bottom: 10px;
}
.upper-nav .navbar-brand{
margin-top: 10px;
margin-right: 0;
}
.upper-nav .top-info{
font-size: 15px;
color: #2d2d2d;
font-weight:normal;
margin-top: auto;
margin-bottom: auto;
}
.upper-nav .top-info li{
margin-right: 10px;
}
.upper-nav .top-info li i{
font-size: 18px;
color: #58b433;
}
.upper-nav .top-info li a{
color: #2d2d2d;
margin-left: 3px;
text-decoration: none;
transition: .5s ease;
}
.upper-nav .top-info li a:hover{
color: #79a207;
}
.upper-nav .shop-user-details{
display: inline-block;
margin-bottom: 0;
}
.upper-nav .shop-user-details li{
list-style: none;
display: inline-block;
margin-left: 3px;
}
.upper-nav .shop-user-details li:after{
content: "";
height: 8px;
width: 8px;
background-color: #2d2d2d1c;
display: inline-block;
margin-left: 10px;
border-radius: 50%;
}
.upper-nav .shop-user-details li:last-child:after{
display: none;
}
.upper-nav .shop-user-details li a{
text-decoration: none;
color: #2d2d2d;
}
.upper-nav .shop-user-details li a i{
margin-left: 5px;
}
/* ===================================
Header
====================================== */
#header-svg{
position: absolute;
bottom: -59px;
left:0;
right: 0;
z-index: 11;
transform: rotate(180deg);
}
#header-svg path{
fill: #FFFFFF;
}
/* nav top default */
header a.logo {
display: inline-block;
padding-top: .4rem;
}
header a.logo img {
max-width: 170px;
vertical-align: sub;
}
header{
position: absolute;
/*position: relative;*/
top: 0;
z-index: 99;
/*overflow: hidden;*/
/*height: 90px;*/
width: 100%;
-webkit-transition: none;
-o-transition: none;
transition: none;
background-color: #fff;
border-bottom: solid 1px rgba(255, 255, 255, 0.30);
}
.header-appear{
/*height: 70px;*/
position: fixed;
z-index: 99;
background: #ffffff;
-webkit-animation-name: animationFade;
animation-name: animationFade;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}
.header-appear{
background: #FFFFFF;
border-bottom: none;
}
.header-appear svg#header-svg{
display: none;
}
.header-appear .navbar-simple{
padding: 1rem 1rem;
padding-bottom: 1rem;
}
.header-appear .upper-nav{
display: none;
}
/*.navbar-top-default #megaone{*/
/* margin-right: -30px;*/
/*}*/
/*Navbar Simple*/
.navbar-simple .navbar-nav .nav-link {
font-size: 15px;
color: #2d2d2d;
font-weight: 400;
text-align: center;
padding: 0.4rem 1rem;
text-decoration: none;
padding-bottom: 0;
transition: .5s ease;
}
.navbar-simple .navbar-nav .nav-link i.la-angle-down {
font-size: 13px;
}
.navbar-simple .navbar-nav .nav-link.dropdown-toggle {
padding-right: 10px;
}
.navbar-simple .navbar-nav .nav-link:hover {
color: #79a207;
}
.navbar-simple .navbar-nav .nav-item:last-child .nav-link{
padding-right: 0;
}
.navbar-simple .navbar-brand img{
width: 80%;
}
header .navbar-simple .fixed-nav-items{
display: none;
}
.header-appear .navbar-simple .fixed-nav-items{
display: block;
}
.shop-details{
display: inline-block;
margin-bottom: 0;
float: right;
}
.shop-details li{
list-style: none;
display: inline-block;
margin-left: 3px;
}
.shop-details li:after{
content: "";
height: 11px;
width: 1px;
background-color: #2d2d2d99;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
border-radius: 50%;
}
.shop-details li:last-child:after{
display: none;
}
.shop-details li a{
text-decoration: none;
color: #2d2d2d;
transition: .5s ease;
}
.shop-details li a:hover{
color: #79a207;
}
.shop-details li a i{
/*padding: 0 10px;*/
font-size: 26px;
}
.shop-details li a i.la-search{
transform: rotate(270deg);
}
.dropdown-menu{
padding: 25px 11px 25px 5px;
min-width: 15rem;
}
.dropdown-menu .dropdown-item{
padding: .5rem 1.5rem;
transition: .5s ease;
}
.dropdown-menu .dropdown-item:hover{
color: #79a207;
}
.side-menu .dropdown-menu{
position: relative !important;
left: 0;
float: none;
transform: none !important;
transition: .5s ease;
}
.side-menu .nav-item.dropdown .nav-link:after{
display: none;
}
.dropdown-toggle::after {
/*content: '\f00d';*/
/*font-family: "Font Awesome 5 Free", serif;*/
display: none;
border: none;
vertical-align: baseline;
width: auto;
height: auto;
line-height: 1;
}
/*nav line*/
.nav-line .navbar-nav .nav-link.active:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
visibility: visible;
opacity: 1;
}
.nav-line .navbar-nav .nav-link:before {
position: relative;
content: '';
width: 100%;
z-index: 111;
max-width: 100%;
margin: 0 auto;
display: table;
height: 3px;
border-radius: 2px;
bottom: -28px;
-webkit-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background: #79a207;
visibility: hidden;
opacity: 0;
}
/* ===================================
Side Menu
====================================== */
.side-menu {
width: 35%;
position: fixed;
right: 0;
top: 0;
background: #FFFFFF;
z-index: 1032;
height: 100%;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
-o-transition: -o-transform .5s ease;
-o-transition: transform .5s ease;
transition: transform .5s ease;
-webkit-transition:transform .5s ease;
overflow: hidden;
}
.side-menu.left {
left: 0; right: auto;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.side-menu.before-side {
width: 280px;
}
.side-menu.side-menu-active,
.side-menu.before-side{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pul-menu .side-menu.side-menu-active {
visibility: visible; opacity: 1;
}
.side-menu .navbar-brand {
margin: 0 0 2.5rem 0;
}
/*Side overlay*/
#close_side_menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #2d2d2d;
-webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
-o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
display: none;
z-index: 1031;
opacity: 0.4;
}
/*side clode btn*/
.side-menu .btn-close {
height: 33px;
width: 33px;
display: inline-block;
text-align: center;
position: absolute;
top: 25px;
right: 50px;
cursor: pointer;
}
.side-menu.before-side .btn-close{
display: none;
}
.side-menu .btn-close::before, .side-menu .btn-close::after {
position: absolute;
left: 16px;
content: ' ';
height: 24px;
width: 2px;
background: #2d2d2d;
top: 5px;
}
.side-menu .btn-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.side-menu .btn-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*side open btn*/
.sidemenu_btn {
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
width: 40px;
padding: 6px;
position: absolute;
right: 37px;
top: 21px;
display: inline-block;
}
.sidemenu_btn span {
height: 2px;
width: 100%;
background: #2d2d2d;
display: block;
}
.header-appear .sidemenu_btn {
top:31px;
}
.sidemenu_btn span:nth-child(2) {
margin: 4px 0;
}
.side-menu .inner-wrapper {
padding: 3.5rem 5rem;
height: 100%;
position: relative;
overflow-y: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pul-menu.pushwrap .side-menu .inner-wrapper{
padding: 3.5rem 2.5rem;
}
.side-menu .side-nav {
margin-bottom: 30px;
display: block;
}
.side-nav .navbar-nav .nav-item{
display: block;
margin: 10px 0; padding: 0 !important;
opacity: 0;
-webkit-transition: all 0.8s ease 500ms;
-o-transition: all 0.8s ease 500ms;
transition: all 0.8s ease 500ms;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
.side-nav .navbar-nav .nav-item:first-child {
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.side-nav .navbar-nav .nav-item:nth-child(2){
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.side-nav .navbar-nav .nav-item:nth-child(3) {
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.side-nav .navbar-nav .nav-item:nth-child(4) {
-webkit-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.side-nav .navbar-nav .nav-item:nth-child(5) {
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s;
}
.side-nav .navbar-nav .nav-item:nth-child(6) {
-webkit-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s;
}
.side-nav .navbar-nav .nav-item:nth-child(7) {
-webkit-transition-delay: .7s;
-o-transition-delay: .7s;
transition-delay: .7s;
}
.side-nav .navbar-nav .nav-item:nth-child(8) {
-webkit-transition-delay: .8s;
-o-transition-delay: .8s;
transition-delay: .8s;
}
.side-nav .navbar-nav .nav-item:nth-child(9) {
-webkit-transition-delay: .9s;
-o-transition-delay: .9s;
transition-delay: .9s;
}
.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.side-nav .navbar-nav .nav-link i{
font-size: 20px;
}
.side-nav .navbar-nav .nav-link {
display: inline-table;
color: #2d2d2d;
padding: 2px 0 3px 0 !important;
font-size: 1.5rem;
font-weight: 300;
line-height: normal;
position: relative;
border-radius: 0;
}
.side-nav .navbar-nav .nav-link::after{
content: "";
position: absolute;
background: #2d2d2d;
display: inline-block;
width: 0;
height: 3px;
bottom: 0; left: 0;
overflow: hidden;
-webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
-o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
}
.side-nav .navbar-nav .nav-link:hover::after,
.side-nav .navbar-nav .nav-link:focus::after,
.side-nav .navbar-nav .nav-link.active::after {
width: 100%;
}
.side-nav .navbar-nav .nav-link.active {
background: transparent;
}
.side-menu p{
margin-top: .5rem;
margin-bottom: 0;
}
.social-icons-simple{
margin-bottom: 0;
margin-left: -10px;
}
.social-icons-simple li{
display: inline-block;
}
.social-icons-simple li a {
color: #2d2d2d;
display: block;
font-size: 16px;
height: 36px;
line-height: 36px;
border: 1px solid transparent;
text-align: center;
width: 36px;
border-radius: 50%;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition: background-color .5s ease;
-o-transition: background-color .5s ease;
transition: background-color .5s ease;
}
.social-icons-simple li a:hover{
background-color: #79a207;
color: #fff;
}
.social-icons-simple li.animated-wrap a:hover{
background-color: transparent;
color: #ffffff;
}
@-webkit-keyframes animationFade {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes animationFade {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
/* ===================================
Custom css
==================================== */
/*h1,h2,h3,h4,h5,h6{margin: 0;}*/
.heading-details{
margin-bottom: 50px;
}
.heading-details .heading{
font-family: 'Poppins', sans-serif;
font-size: 45px;
font-weight: 500;
margin-bottom: 0;
/*font-family: 'Poppins', sans-serif;*/
display: inline-block;
}
.heading-details .heading i{
color: #79a207;
font-size: 40px;
}
.padding-bottom{
padding-bottom: 120px;
}
.padding-top{
padding-top: 120px;
}
.heading-details .top-des{
font-family: Montserrat, sans-serif;
font-size: 15px;
font-weight: 300;
letter-spacing: 1px;
}
.text{
font-family: 'ubanto', sans-serif;
font-size: 16px;
font-weight: 300;
color: #2d2d2d;
opacity: .8;
}
.web-btn{
background-color: #79a207;
color: #FFFFFF;
border-radius: 0;
padding: 8px 25px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
text-decoration: none;
transition: .8s ease !important;
}
.web-btn:hover{
background-color: #2d2d2d;
border: solid 1px #2d2d2d;
color: #FFFFFF;
}
.web-trans-btn{
background-color: transparent;
color: #79a207;
border: solid 1px #79a207;
border-radius: 0;
padding: 8px 25px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
text-decoration: none;
transition: .8s ease;
}
.web-trans-btn:hover{
background-color: #79a207;
color: #fff;
}
.web-dark-btn{
background-color: #2d2d2d;
color: #FFFFFF;
border: solid 1px #2d2d2d;
border-radius: 0;
padding: 8px 25px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
text-decoration: none;
transition: .8s ease;
}
.web-dark-btn:hover{
background-color: transparent;
color: #79a207;
border: solid 1px #79a207;
}
.btn-view{
background-color: #f8f9faad;
color: #343a40;
border: solid 1px #f8f9fa;
border-radius: 0;
padding: 5px 10px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 18px;
text-decoration: none;
transition: .8s ease;
}
.btn-view:hover{
background-color: #79a207;
border: solid 1px #79a207;
color: #fff;
}
/* ===================================
Slider
====================================== */
.rev-slider .slider-overlay{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0);
}
.btn-slider{
padding:8px 30px;
background-color: #79a207;
color: #fff;
border-radius: 0;
text-decoration: none;
font-family: 'Poppins',sans-serif;
font-size: 14px;
transition: .5s ease !important;
}
.btn-slider:hover{
background-color: #fff;
color: #2d2d2d;
}
.slider-sec svg{
position: absolute;
bottom: 0;
left:0;
right: 0;
/*transform: rotate(180deg);*/
}
.slider-sec svg path{
fill:#fff;
}
.tparrows {
background: rgba(0, 0, 0, 0.09);
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
top: 55% !important;
transition: .5s ease;
}
/* ===================================
rev bullets
====================================== */
.hermes.tp-bullets{
height: auto !important;
width: auto !important;
text-align: center;
display: inline-block;
position: relative;
}
.hermes .tp-bullet{
position:relative;
display: contents;
background: transparent;
cursor: pointer;
box-sizing: content-box;
}
.hermes .tp-bullet .tp-bullet-inner{
width: 18px;
height: 18px;
position:relative;
border: 4px solid #2d2d2d;
border-radius: 50%;
background: transparent;
cursor: pointer;
box-sizing: content-box;
transform: scale(0.6);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.hermes .tp-bullet.selected .tp-bullet-inner{
transform: scale(1);
background: transparent;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.hermes .tp-bullet .tp-bullet-inner::before{
content: '';
position: absolute;
width: 60%;
height: 60%;
background: #84b813;
top: 50%;
left: 50%;
transform: translate(-50% , -50%);
border-radius: 50%;
opacity: 0;
visibility: hidden;
display: none;
}
.hermes .tp-bullet.selected .tp-bullet-inner::before{
opacity: 1;
visibility: visible;
display: block;
}
.hermes .tp-bullet:not(:last-child) .tp-line{
height: 20px;
transform: scaleY(1.4);
width: 3px;
background: #2d2d2d;
display: block;
margin: 0 auto;
pointer-events: none;
}
/* ===================================
revicon
====================================== */
.revicon {
top: 50%;
position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 40px;
z-index: 11;
}
.revicon li a i{
color: #2d2d2d;
}
.revicon li:hover a i{
color: #fff;
}
.revicon li:hover a{
background-color: #79a207;
}
/* ===================================
shop card window css
==================================== */
.shop-card-window{
width: 26%;
position: fixed;
right: 0;
top: 0;
background: #FFFFFF;
z-index: 1032;
height: 100%;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
-o-transition: -o-transform .5s ease;
-o-transition: transform .5s ease;
transition: transform .5s ease;
-webkit-transition:transform .5s ease;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.shop-card-window.active{
/*right: 0;*/
box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.55);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.shop-card-window .close-card-window{
position: absolute;
right: 20px;
top: 30px;
}
.shop-card-window .close-card-window i{
color: #2d2d2d;
font-size: 28px;
}
.shop-card-window .shop-card-window-content{
/*margin-top: 80px;*/
/*padding: 30px;*/
}
.shop-card-window .shop-card-window-content .shop-card-heading{
margin-bottom: 30px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
font-size: 32px;
text-align: center;
}
.shop-card-window .mini-bag{
height: 45vh;
overflow-y: scroll;
margin-bottom: 30px;
}
.shop-card-window .mini-bag .bag-item{
display: flex;
margin-bottom: 10px;
padding: 10px;
}
.shop-card-window .mini-bag .bag-item .item-img{
height: 100px;
width: 100px;
display: inline-block;
}
.shop-card-window .mini-bag .bag-item .item-img img{
width: 100%;
}
.shop-card-window .mini-bag .bag-item .item-details{
display: inline-block;
padding: 10px;
}
.shop-card-window .mini-bag .bag-item .item-details .item-name{
font-size: 17px;
font-weight: 500;
color: #2d2d2d;
margin-bottom: 0;
transition: .5s ease;
font-family: 'Poppins', sans-serif;
}
.shop-card-window .mini-bag .bag-item:hover .item-details .item-name{
color: #79a207;
}
.shop-card-window .mini-bag .bag-item .item-details .item-qty{
font-size: 14px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
color: #2d2d2d;
opacity: .8;
display: block;
}
.shop-card-window .mini-bag .bag-item .item-details .item-price{
font-size: 14px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
opacity: .8;
display: inline-block;
}
.shop-card-window .mini-bag .bag-item .item-details .basket{
text-decoration: none;
display: inline-block;
float: right;
cursor: pointer;
}
.shop-card-window .mini-bag .bag-item .item-details .basket:hover i{
color: red;
}
.shop-card-window .mini-bag .bag-item .item-details .basket i{
font-size: 18px;
color: #2d2d2d;
transition: .5s ease;
}
.shop-card-window .shop-card-window-content .bag-btn{
display: block;
text-align: center;
margin-top: 15px;
}
.shop-card-window .shop-card-window-content .bag-btn .total{
font-size: 18px;
margin-bottom: 20px;
font-family: Poppins, sans-serif;
display: block;
color: #79a207;
font-weight: 500;
}
.shop-card-window .shop-card-window-content .bag-btn .total span{
margin-right: 5px;
}
.shop-card-window .shop-card-window-content .bag-btn .web-btn:hover{
background-color: transparent;
color: #79a207;
}
/* ===================================
search modal window css
==================================== */
.search {vertical-align: sub;}
.open_search {
cursor: pointer;
color: #79a207;
display: inline-block;
position: relative;
}
.search_block {
opacity: 0;
display: none;
text-align: center;
height: 0;
position: fixed;
top: 50%;
left: 40%;
margin-top: -41px;
margin-left: -150px;
z-index: 111;
}
.search_block.visible {
opacity: 1;
display: inline-block;
height: auto;
}
.search_block.visible .search_box {
opacity: 1;
top: 0;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.search_block .overlayer {
background-color: rgb(121, 162, 7);
position: fixed;
cursor: url("../img/overlay-close.png"), auto;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.search_block input,.search_block select,.search_block textarea {background-color: #79a207; font-size: 20px;}
.search_block textarea::-webkit-input-placeholder {color: #FFFFFF !important;}
.search_block textarea::-moz-placeholder {color: #FFFFFF !important;}
.search_block textarea:-ms-input-placeholder {color: #FFFFFF !important;}
.search_block textarea::-ms-input-placeholder {color: #FFFFFF !important;}
.search_block .inner input,.search_block select,.search_block textarea::placeholder {color: #FFFFFF !important;}
.search_block input::-webkit-input-placeholder {
color: #FFFFFF !important;
}
.search_block input:-moz-placeholder { /* Firefox 18- */
color: #FFFFFF !important;
}
.search_block input::-moz-placeholder { /* Firefox 19+ */
color: #FFFFFF !important;
}
.search_block input:-ms-input-placeholder {
color: #FFFFFF !important;
}
.form-control:focus{
box-shadow: none !important;
}
.search_box {
background-color: #79a207;
opacity: 0;
display: inline-block;
padding: 10px;
position: relative;
text-align: center;
top: -120px;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
z-index: 10;
}
.search_box .search_input {
border: 3px solid #79a207;
border-bottom: 1px solid;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
height: 80px;
line-height: 2;
font-family: 'Poppins', sans-serif;
min-width: 700px;
outline: medium none;
padding: 10px 10px 10px 0px;
width: 700px;
-webkit-transition: all 0.45s ease 0s;
-o-transition: all 0.45s ease 0s;
transition: all 0.45s ease 0s;
-webkit-appearance: none;
border-radius: 0;
}
.search-form .search-input {
font-size: 30px;
font-family: 'Poppins', sans-serif;
font-weight: 200;
}
#search ::-webkit-input-placeholder {
color: #FFFFFF;
opacity: 1;
}
#search ::-moz-placeholder {
color: #FFFFFF;
opacity: 1;
}
#search :-ms-input-placeholder {
color: #FFFFFF;
opacity: 1;
}
#search ::-ms-input-placeholder {
color: #FFFFFF;
opacity: 1;
}
#search ::placeholder {
color: #FFFFFF;
opacity: 1;
}
.search_icon {
background-color: transparent;
border: medium none;
color: #FFFFFF;
font-size: 28px;
left: 93%;
line-height: 38PX;
padding: 8px;
position: absolute;
top: 28px;
}
.search_icon:hover {color: #FFFFFF;}
.search_icon:focus {color: #FFFFFF;}
::-webkit-input-placeholder {
color: #999;
font-style: normal;
}
:-moz-placeholder {
/* Firefox 18- */
color: #999;
font-style: normal;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #999;
font-style: normal;
}
:-ms-input-placeholder {
color: #999;
font-style: normal;
}
input, select, textarea {margin :0;}
/* ===================================
shop card window css
==================================== */
.search-box-window{
width: 25%;
position: fixed;
right: 0;
top: 0;
background: #FFFFFF;
z-index: 1032;
height: 100%;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
-o-transition: -o-transform .5s ease;
-o-transition: transform .5s ease;
transition: transform .5s ease;
-webkit-transition:transform .5s ease;
overflow: hidden;
}
.search-box-window.active{
box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.55);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.search-box-window .close-search-window{
position: absolute;
right: 20px;
top: 30px;
}
.search-box-window .close-search-window i{
color: #2d2d2d;
font-size: 28px;
}
.search-box-window .search-box-window-content{
margin-top: 60px;
padding: 30px;
}
.search-box-window .search-box-window-content .search-box-heading{
margin-bottom: 30px;
font-family: 'Poppins', sans-serif;
font-size: 28px;
font-weight: 500;
text-align: center;
}
.search-box-window .mini-search{
height: 45vh;
overflow-y: scroll;
margin-bottom: 30px;
}
.search-box-window .mini-search .product-item{
display: flex;
margin-bottom: 10px;
padding: 10px;
}
.search-box-window .mini-search .product-item .item-img{
height: 100px;
width: 100px;
display: inline-block;
}
.search-box-window .mini-search .product-item .item-img img{
width: 100%;
}
.search-box-window .mini-search .product-item .item-details{
display: inline-block;
padding: 10px;
}
.search-box-window .mini-search .product-item .item-details .item-name{
font-size: 18px;
font-weight: 500;
color: #2d2d2d;
margin-bottom: 0;
font-family: 'Poppins', sans-serif;
}
.search-box-window .mini-search .product-item .item-details .item-qty{
font-size: 16px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
color: #2d2d2d;
opacity: .8;
display: block;
}
.search-box-window .mini-search .product-item .item-details .item-price{
font-size: 16px;
font-weight: 300;
font-family: 'Poppins', sans-serif;
opacity: .8;
display: inline-block;
}
.search-box-window .mini-search .product-item .item-details .basket{
text-decoration: none;
display: inline-block;
float: right;
}
.search-box-window .mini-search .product-item .item-details .basket i{
font-size: 18px;
color: #2d2d2d;
}
.search-box-window .search-box-window-content .bag-btn{
display: block;
text-align: center;
margin-top: 15px;
}
.search-box-window .search-box-window-content .search-form{
width: 75%;
margin: 0 auto 20px auto;
}
.search-box-window .search-box-window-content .search-form input{
position: relative;
}
.search-box-window .search-box-window-content .search-form .btn-search{
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-color: #79a207;
color: #FFFFFF;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
z-index: 111;
}
/* ===================================
mini-services css
==================================== */
.mini-services{
font-family: 'Poppins', sans-serif;
padding-top: 50px;
}
.mini-services .mini-s{
border-right: solid 1px rgba(88, 180, 51, 0.49);
cursor: pointer;
}
.mini-services .mini-s:last-child{
border-right: none;
}
.mini-services .mini-service-card .service-icon{
display: inline-block;
margin: auto;
margin-bottom: 10px;
}
.mini-services .mini-service-card .service-icon i{
font-size: 40px;
color: #79a207;
transition: .5s ease;
}
.mini-services .mini-service-card:hover .service-icon i{
color: #2d2d2d;
transform: translateY(-10px);
}
.mini-services .mini-service-card .mini-service-heading{
font-size: 16px;
font-weight: 500;
color: #79a207;
font-family: 'Poppins', sans-serif;
margin-bottom: 0;
transition: .5s ease;
}
.mini-services .mini-service-card:hover .mini-service-heading{
color: #2d2d2d;
}
.mini-services .mini-service-card .small-des{
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #2d2d2d;
opacity: .8;
}
/* ===================================
banner css
==================================== */
.banner{
min-height: 500px;
position: relative;
background-position: center;
background-size: cover;
}
.banner .overlay-white{
background-color: rgba(255, 255, 255, 0.93);
position: absolute;
left:0;
right: 0;
bottom: 0;
top: 0;
}
.banner .banner-heading{
color: #79a207;
font-size: 50px;
font-family: Poppins, sans-serif;
font-weight: 500;
margin-bottom: 15px;
}
.banner .banner-heading i{
font-size: 55px;
margin-right: 15px;
}
.banner .banner-text{
color: #2d2d2d;
font-size: 20px;
font-family: Poppins, sans-serif;
font-weight: 500;
margin-bottom: 15px;
opacity: .7;
}
.banner .banner-inner-content .img-container{
height: 350px;
max-width: 350px;
position: absolute;
left: 10%;
top: 50%;
transform: translate(-84%, -50%);
}
.banner .banner-inner-content .img-container img{
max-width: 100%;
}
.banner .banner-inner-content .web-btn{
position: absolute;
bottom: 0;
right: 10%;
transform: translate(30%,50%);
}
.banner .count-down-date .content{
padding: 20px;
background-color: #fff;
}
.banner .count-down-date .content>div{
display: inline-block;
padding: 20px;
width: 120px;
}
.banner .count-down-date .content .num{
font-size: 55px;
color: #2d2d2d;
font-family:Poppins, sans-serif;
font-weight: 300;
margin-bottom: 0;
}
.banner .count-down-date .content .text{
color: #2d2d2d;
font-size: 16px;
font-family: Poppins, sans-serif;
font-weight: 500;
}
/* ===================================
mini banner css
==================================== */
.mini-banner .banner-item{
position: relative;
overflow: hidden;
}
.mini-banner .banner-item .simple-overlay{
position: absolute;
background-color: #343a4057;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: solid 20px #f8f9fa63;
}
.mini-banner .banner-item img{
transition: .5s ease;
width: 100%;
}
.mini-banner .banner-item:hover img{
transform: scale(1.1);
}
.mini-banner .banner-item .simple-overlay .simple-overlay-content{
height: 150px;
width: 150px;
background-color: #c8cbc6b5;
color: #FFFFFF;
/*border-radius: 50%;*/
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
padding: 15px;
text-decoration: none;
font-family: 'Poppins', sans-serif;
}
.mini-banner .banner-item .simple-overlay .simple-overlay-content span{
display: block;
text-align: center;
line-height: 1.2;
}
.mini-banner .overlay-banner{
position: relative;
}
.mini-banner .overlay-banner .mini-banner-overlay{
position: absolute;
background-color: #343a4057;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: solid 20px #f8f9fa63;
padding: 30px;
}
.mini-banner .overlay-banner .mini-banner-overlay .sub-heading{
font-family: 'ubunto', sans-serif;
font-size: 16px;
color: #fff;
opacity: .8;
display: block;
margin-bottom: 10px;
}
.mini-banner .overlay-banner .mini-banner-overlay .heading{
font-family: 'Poppins', sans-serif;
font-size: 46px;
color: #FFFFFF;
display: block;
margin-bottom: 10px;
font-weight: 700;
}
.mini-banner .overlay-banner .mini-banner-overlay .web-trans-btn{
color: #f8f9fa;
border: solid 1px #f8f9fa;
}
.mini-banner .overlay-banner .mini-banner-overlay .web-trans-btn:hover{
border: solid 1px #2d2d2d;
}
/* ===================================
featured item css
==================================== */
.featured-items{}
.featured-items .heading-details .heading{
margin-bottom: 25px;
}
.featured-items .featured-item-card{
border: solid 1px #eee;
padding: 20px;
margin-top: 30px;
transition: .5s ease;
}
.featured-items .featured-item-card:hover{
border: solid 1px #79a207;
box-shadow: 1px 1px 15px #eee;
}
.featured-items .featured-item-card .item-img .item-overlay{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
background-color:#39402640;
opacity: 0;
transition: .5s ease;
}
.featured-items .featured-item-card .item-img{
overflow: hidden;
position: relative;
}
.featured-items .featured-item-card:hover .item-img img{
transform: scale(1.1);
}
.featured-items .featured-item-card:hover .item-img .item-overlay{
opacity: 1;
}
.featured-items .featured-item-card .item-img img{
width: 100%;
transition: .5s ease;
}
.featured-items .featured-item-card .item-detail{
display: block;
padding: 15px 0;
padding-bottom: 0;
}
.featured-items .featured-item-card .item-detail .item-cat{
font-family: 'Poppins', sans-serif;
font-size: 14px;
opacity: .8;
}
.featured-items .featured-item-card .item-detail .item-name{
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 500;
transition: .5s ease;
margin-bottom: 0;
}
.featured-items .featured-item-card:hover .item-detail .item-name{
color: #79a207;
}
.featured-items .featured-item-card .item-detail ul{
padding-left: 0;
margin-bottom: 0;
}
.featured-items .featured-item-card .item-detail ul li{
list-style: none;
display: inline-block;
}
.featured-items .featured-item-card .item-detail ul li i{
color: #2d2d2d;
opacity: .8;
}
.featured-items .featured-item-card .item-detail .item-price{
font-family: 'Poppins', sans-serif;
font-size: 20px;
font-weight: 500;
display: block;
margin-bottom: 0;
}
.featured-items .featured-item-card .item-detail .item-btns{
display: block;
}
/*.featured-items .featured-item-card .item-detail .item-btns .btn-wish,.featured-items .featured-item-card .item-detail .item-btns .btn-view{*/
/* opacity: 0;*/
/*}*/
/*.featured-items .featured-item-card .item-detail .item-btns:hover .btn-wish,.featured-items .featured-item-card .item-detail .item-btns:hover .btn-view{*/
/* opacity: 1;*/
/*}*/
.featured-items .featured-item-card .item-detail .btn{
display: inline-block;
}
.featured-items .featured-item-card .item-detail .web-trans-btn{
padding:5px 20px;
}
.featured-items .featured-item-card .item-detail .btn i{
font-size: 20px;
padding-top: 2px;
}
/* ===================================
deal Banner css
==================================== */
.deal-banner{position: relative}
.deal-banner .deal-img .price-tag{
padding: 20px;
background-color: #2125298c;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 10px;
left: 10px;
color: #FFFFFF;
}
.deal-banner .deal-img .price-tag .price{
color: #fff;
font-size: 30px;
font-weight: 600;
display: block;
text-align: center;
font-family:'Poppins', sans-serif;
}
.deal-banner .deal-img .price-tag .price span{
font-size: 19px;
display: block;
margin-bottom: 7px;
}
.deal-banner .deal-img{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 30%;
background-position: center;
background-size: cover;
}
.deal-banner .deal-detail .heading-text{
font-size: 66px;
font-weight: 600;
margin-bottom: 10px;
font-family: "Dancing Script", cursive;
}
.deal-banner .deal-detail .item-name{
font-size: 30px;
font-weight: 500;
color: #79a207;
margin-bottom: 10px;
font-family: Poppins,sans-serif;
}
.deal-banner .deal-detail .item-des{
font-size: 16px;
font-weight: 300;
color: #2d2d2d;
opacity: .8;
font-family: Poppins,sans-serif;
}
/* ===================================
Best items css
==================================== */
.best-products{}
.best-products .best-products-carousel{}
.best-products .best-products-carousel .item{
cursor: pointer;
}
.best-products .best-products-carousel .item .product{
border: solid 1px #eee;
padding: 15px;
}
.best-products .best-products-carousel .item:hover .product{
border: solid 1px #79a207;
}
.best-products .best-products-carousel .item .product .product-img{
position: relative;
overflow: hidden;
}
.best-products .best-products-carousel .item .product .product-img img{
transition: .5s ease;
}
.best-products .best-products-carousel .item:hover .product .product-img img{
transform: rotate(10deg);
}
.best-products .best-products-carousel .item .product .product-img .overlay-img{
position: absolute;
left:0;
right: 0;
bottom: 0;
top:0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.42);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transition: .5s ease;
}
.best-products .best-products-carousel .item:hover .product .product-img .overlay-img{
opacity: 1;
}
.best-products .best-products-carousel .item .product .product-img .overlay-img .overlay-content{
display: flex;
}
.best-products .best-products-carousel .item .product .product-img .overlay-img .overlay-content a{
height: 35px;
width: 35px;
border-radius: 50%;
background-color: transparent;
display: flex;
justify-content: center;
align-items: center;
transition: .5s ease;
text-decoration: none;
padding-top: 2px;
}
.best-products .best-products-carousel .item .product .product-img .overlay-img .overlay-content a i{
font-size: 20px;
color: #fff;
}
.best-products .best-products-carousel .item .product .product-img .overlay-img .overlay-content a:hover{
background-color: #79a207;
}
.best-products .best-products-carousel .item .product .product-img .overlay-img .overlay-content a:hover i{
color: #FFFFFF;
}
.best-products .best-products-carousel .item .product .product-img img{
width: 100%;
}
.best-products .best-products-carousel .item .product .product-detail{
padding:20px 10px;
margin-top: 0;
}
.best-products .best-products-carousel .item .product .product-detail .product-name{
font-family: Poppins,sans-serif;
font-weight: 500;
font-size: 20px;
color: #2d2d2d;
display: block;
margin-bottom: 8px;
transition: .5s ease;
}
.best-products .best-products-carousel .item:hover .product .product-detail .product-name{
color: #79a207;
}
.best-products .best-products-carousel .item .product .product-detail .product-cat{
font-family: Poppins,sans-serif;
font-weight: 200;
font-size: 14px;
color: #2d2d2d;
opacity: .8;
display: block;
margin-bottom: 8px;
}
.best-products .best-products-carousel .item .product .product-detail .reviews{
margin-bottom: 0;
padding-left: 0;
display: block;
}
.best-products .best-products-carousel .item .product .product-detail .reviews li{
display: inline-block;
list-style: none;
}
.best-products .best-products-carousel .item .product .product-detail .reviews li i{
font-size: 18px;
color: #2d2d2d;
}
.best-products .best-products-carousel .item .product .product-detail .fly-line{
height: 2px;
width: 20%;
margin: auto;
margin-bottom: 8px;
display: block;
background-color: #EEEEEE;
}
/* ===================================
Blog css
==================================== */
.blog-sec{
}
.blog-sec .blog-card{}
.blog-sec .blog-card .blog-img{
margin-bottom: 10px;
position: relative;
}
.blog-sec .blog-card .blog-img img{
width: 100%;
}
.blog-sec .blog-card .blog-img .blog-overlay{
position: absolute;
border: solid 2px #ffffffa6;
left: 3%;
right: 3%;
bottom: 5%;
top: 5%;
}
.blog-sec .blog-card .blog-content{
padding: 20px 0;
padding-bottom: 30px;
}
.blog-sec .blog-card .blog-title{
font-size: 22px;
color: #2d2d2d;
font-family: Poppins, sans-serif;
margin-bottom: 8px;
}
.blog-sec .blog-card .blog-tags{
color: #2d2d2d;
font-weight: 300;
opacity: .8;
font-family: Poppins, sans-serif;
margin-bottom: 8px;
font-size: 14px;
}
.blog-sec .blog-card .blog-tags a{
color: #2d2d2d;
font-weight: 600;
text-decoration: none;
font-family: Poppins, sans-serif;
font-size: 14px;
}
.blog-sec .blog-card .text{
font-family: Poppins, sans-serif;
font-size: 16px;
color: #2d2d2d;
opacity: .8;
}
.blog-sec .blog-btn{
padding-top: 80px;
}
/* ===================================
testimonial section css
====================================== */
.testimonial-sec{
position: relative;
background-color: #eee;
}
.testimonial-sec #test-header{
position: absolute;
left: 0;
right: 0;
top: 0;
transform: rotate(180deg);
}
.testimonial-sec #test-header path{
fill: #FFFFFF;
}
.testimonial-sec #test-footer{
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.testimonial-sec #test-footer path{
fill: #FFFFFF;
}
.testimonial-sec #test-footer{}
.testimonial-sec .heading-details span{
display: block;
width: 6%;
background-color: #2d2d2d;
height: 3px;
margin: 10px auto;
}
.testimonial-sec .testimonial-review .review-image{
height: 120px;
width: 120px;
border-radius: 50%;
display: inline-block;
margin: 0 auto;
padding: 10px 9px 10px 10px;
border: solid 1px #79a207;
}
.testimonial-sec .testimonial-review .review-image img{
border-radius: 50%;
width: 100%;
}
.testimonial-sec .testimonial-review .review-detail .test-heading{
color: #2d2d2d;
font-size: 28px;
font-family: Poppins, sans-serif;
font-weight: 500;
margin-bottom: 15px;
margin-top: 15px;
}
.testimonial-sec .testimonial-review .review-detail .text-des{
color: #2d2d2d;
font-size: 16px;
font-family: Poppins, sans-serif;
opacity: .8;
font-weight: 300;
}
.testimonial-sec .testimonial-review .review-detail ul.test-review{
padding-left: 0;
}
.testimonial-sec .testimonial-review .review-detail ul.test-review li{
list-style: none;
display: inline-block;
}
.testimonial-sec .testimonial-review .review-detail ul.test-review li i{
font-size: 20px;
color: #f0cb3d;
}
.testimonial-sec .testimonial-review{
width: 80%;
margin: auto;
overflow: hidden;
}
.testimonial-sec .testimonial-review .client-info .client-name{
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #79a207;
font-weight: 600;
margin-bottom: 0;
display: inline-block;
font-style: italic;
}
.testimonial-sec .testimonial-review .client-info .client-designation{
color: #888;
font-size: 16px;
display: inline-block;
margin-left: 0;
font-style: italic;
}
.testimonial-sec .container{
position: relative;
}
.testimonial-sec .test-btn{
position: absolute;
top: 43%;
transform: translateY(-50%);
color: #2d2d2d;
font-size: 32px;
cursor: pointer;
transition: .5s ease;
}
.testimonial-sec .test-btn#customNextBtn{
right: -30px;
}
.testimonial-sec .test-btn#customPrevBtn{
left: -30px;
}
.testimonial-sec .test-btn:hover{
color: #79a207 !important;
}
/* ===================================
newsletter css
==================================== */
.newsletter{
background-color: #79a207;
padding: 60px 0 50px 0;
}
.newsletter .newsletter-heading{
color: #fff;
font-family: Poppins, sans-serif;
font-size: 32px;
font-weight: 600;
margin-bottom: 0;
}
.newsletter .newsletter-text{
color: #fff;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 300;
}
.newsletter .newsletter-heading i{
font-size: 36px;
margin-right: 8px;
}
.newsletter form input{
padding: 25px;
font-size: 16px;
}
.news-btn{
color: #fff;
border: solid 1px #fff;
padding: 8px 25px;
transition: .5s ease;
background-color: transparent;
/*display: inline-block;*/
text-decoration: none;
font-family: Poppins, sans-serif;
font-size: 15px;
margin-left: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.news-btn:hover{
color: #2d2d2d;
background-color: #FFFFFF;
border: solid 1px #fff;
}
/* ===================================
About Us css
==================================== */
.about-sec{}
.about-sec .services-area{
margin-top: 50px;
}
.about-sec .services .service-card:hover .image-holder i{
color: #79a207;
transition: .5s ease;
cursor: pointer;
}
.about-sec .services .service-card .image-holder{
height: 100px;
width: 100px;
margin: auto;
margin-bottom: 15px;
}
.about-sec .services .service-card .image-holder i{
font-size: 100px;
}
.about-sec .services .service-card .service-heading{
font-family: 'Poppins', sans-serif;
font-weight: 500;
color: #2d2d2d;
font-size: 24px;
margin-bottom: 8px;
transition: .5s ease;
}
.about-sec .services .service-card:hover .service-heading{
color: #79a207;
}
/* ===================================
brand css
====================================== */
.brand-sec .container{
/*border-top: dotted 3px #eee;*/
padding-top: 120px;
}
.brand-sec .sponser-tags{
padding-bottom: 120px;
/*border-bottom: dashed 2px #e1e1e1;*/
}
.brand-sec .brand-img img{
cursor: pointer;
width: 60%;
}
/* ===================================
map sec
====================================== */
.google-map{
min-height: 400px;
}
/* ===================================
Footer
====================================== */
.footer-style-1{
padding: 5rem 0;
}
.footer-social ul{
margin: 0;
padding: 0;
margin-bottom: 15px;
}
.footer-social li{
display: inline-block;
}
.footer-social a {
display: block;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
border-radius: 50px;
font-size: 24px;
margin: 0 10px 0 0;
color: #2d2d2d;
border: 1px solid transparent;
-webkit-transition: background-color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
}
.footer-social li:nth-last-child(1) a{
margin-right: 0;
}
.footer-social li a:hover{
background-color:#79a207;
color: #ffffff;
}
.company-about{
font-size: 14px;
opacity: .8;
font-weight: 300;
}
.company-about a{
color: #2d2d2d;
text-decoration: none;
font-weight: 600;
}
/* ===================================
Scroll Top
====================================== */
.scroll-top-arrow, .scroll-top-arrow:focus {
font-size: 23px;
line-height: 47px;
color: #fff;
background-color: #79a207;
display: none;
height: 45px;
width: 45px;
cursor: pointer;
padding: 0;
position: fixed;
bottom: 20px;
right: 20px;
text-align: center;
text-decoration: none;
z-index: 80;
border-radius: 50px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.scroll-top-arrow:hover {
background-color: #79a207; }
/* ===================================
Background images
====================================== */
[class*=bg-img]{
position: relative;
background-size: cover;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
overflow: hidden;
}
/* ===================================
Preloader
====================================== */
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background: #ffffff;
z-index: 999;
}
.centrize {
display: table;
table-layout: fixed;
height: 100%;
position: relative;
}
.full-width {
max-width: 100%;
width: 100%;
}
.vertical-center {
display: table-cell;
vertical-align: middle;
}
.preloader .spinner {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
}
.preloader .spinner .double-bounce1,
.preloader .spinner .double-bounce2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #79a207;
opacity: 1;
-webkit-animation: loader-bounce 2s infinite ease-in-out;
animation: loader-bounce 2s infinite ease-in-out;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.preloader .spinner .double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
opacity: 0.1;
}
@-webkit-keyframes loader-bounce {
0%,
100% {
-webkit-transform: scale(0);
}
50% {
-webkit-transform: scale(1);
}
}
@keyframes loader-bounce {
0%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
/* ===================================
Other Page
====================================== */
/***********************************/
/****product listing page css*******/
/***********************************/
/*Product Sticky ASideBar*/
.product-filter-nav {
position: -webkit-sticky;
position: sticky;
top: -10px;
padding-top:30%;
padding-right: 14%;
padding-left: 0;
padding-bottom: 0;
}
.product-listing .product-filter-nav .filter-heading{
font-family: Poppins, sans-serif;
font-size: 24px;
font-weight: 500;
color: #2d2d2d;
}
.product-listing .product-filter-nav .product-category ul{
padding-left: 0 !important;
margin-top: 15px;
margin-bottom: 15px;
}
.product-listing .product-filter-nav .product-category ul li{
list-style: none;
margin-bottom: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
}
.product-listing .product-filter-nav .product-category ul li a{
text-decoration: none;
font-size: 16px;
color: #2d2d2d;
opacity: .8;
font-family: Poppins, sans-serif;
font-weight: normal;
-webkit-transition: .8s ease;
-o-transition: .8s ease;
transition: .8s ease;
}
.product-listing .product-filter-nav .product-category ul li span{
-webkit-transition: .8s ease;
-o-transition: .8s ease;
transition: .8s ease;
}
.product-listing .product-filter-nav .product-category ul li:hover a{
color: #03a9f5;
}
.product-listing .product-filter-nav .product-category ul li:hover span{
color: #03a9f5;
}
.product-listing .product-filter-nav .product-price #slider-range{
margin-top: 15px;
margin-bottom: 15px;
}
.product-listing .product-filter-nav .product-price .price-num{
font-size: 14px;
font-family: Poppins, "sans-serif";
font-weight: normal;
margin-bottom: 15px;
}
.product-listing .product-filter-nav .product-price .price-num #min-p,.product-section-body .product-filter-nav .product-price .price-num #max-p{
color: #03a9f5;
font-family: Poppins, "sans-serif";
font-weight: normal;
}
.product-listing .product-filter-nav .product-add img{
height: 100%;
width: 100%;
}
.product-listing .product-filter-nav button {
padding: 10px 25px;
margin-bottom: 8px;
margin-top: -8px;
letter-spacing: 0.1rem;
}
.product-listing .product-filter-nav .R-rite {
margin-top: 10px;
}
.product-listing .product-filter-nav .R-rite p {
font-size: 10px;
}
.product-listing .product-filter-nav .R-rite p a{
color: black;
}
.product-listing-heading{
padding-top: 100px;
}
.product-listing-heading .heading{
font-family: Poppins, "sans-serif";
font-size: 40px;
font-weight: normal;
margin-bottom: 15px;
}
.product-listing-heading .para_text{
font-family: "Poppins",sans-serif;
font-size: 16px;
font-weight: normal;
}
/*Product Listing Product*/
/***********************************/
/*****product-detail page css*******/
/***********************************/
.about_content{
overflow: hidden;
}
.product-body .breadcrumb{
background-color: transparent;
padding-left: 0px;
padding-right: 0px;
}
.breadcrumb-item+.breadcrumb-item::before{
content: '|';
}
.product-body .breadcrumb .breadcrumb-item a{
color: #2d2d2d;
font-size: 14px;
font-family: "Poppins", sans-serif;
font-weight: normal;
}
.product-body .pro-detail-sec .pro-heading{
font-size: 40px;
font-family: "Poppins", sans-serif;
font-weight: normal;
color: #2d2d2d;
margin-bottom: 15px;
}
.product-detail{
margin-top: 50px;
}
.product-body .product-list .product-item .p-item-img{
position: relative;
}
.product-body .product-list .product-item .p-item-img img{
height: 100%;
width: 100%;
}
.product-body .product-list .product-item .p-item-img .p-item-overlay{
position: absolute;
background-color: #2d2d2d80;
top:0;
bottom: 0;
left:15px;
right: 15px;
-webkit-transition: .8s ease;
-o-transition: .8s ease;
transition: .8s ease;
cursor: pointer;
opacity: 0;
}
.product-body .product-list .product-item:hover .p-item-img .p-item-overlay{
opacity: 1;
}
.product-body .product-list .product-item .p-item-img .p-item-overlay .btn{
padding: 4px 15px 3px 15px;
font-size: 10px;
border: solid 1px transparent;
display: block;
}
.product-body .product-list .product-item .p-item-img .p-item-overlay .q-btn{
background-color: #03a9f5;
padding: 4px 20px 3px 20px;
color: #FFFFFF;
margin-bottom: 3px;
}
.product-body .product-list .product-item .p-item-name{
font-size: 14px;
color: #2d2d2d;
font-family: Poppins, sans-serif;
font-weight: normal;
margin-top: 15px;
margin-bottom: 8px;
}
.product-body .product-list .product-item .p-item-price{
font-size: 16px;
color: #03a9f5;
font-family: Poppins, sans-serif;
font-weight: normal;
text-align: center;
}
.product-section-body .product-body .p-featured-footer p{
font-size: 16px;
color: #2d2d2d;
font-family: "Poppins", sans-serif;
font-weight: lighter;
margin-bottom: 20px;
}
.product-section-body .product-body .p-featured-footer .terms h4{
font-size: 18px;
color: #2d2d2d;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
.product-section-body .product-body .p-featured-footer .terms p{
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: normal;
letter-spacing: 1.5px;
color: #2d2d2d;
}
/*Product Detail*/
.product-detail-slider img{
width: 100%;
}
.product-slider .swiper-slide img {
height: auto;
}
.product-body .product-list .product-single-price {
margin-bottom: 10px;
}
.product-body .product-list .product-single-price h4{
font-size: 18px;
font-family: Poppins, sans-serif;
font-weight: normal;
color: #d9d9d9;
margin-bottom: 10px;
}
.product-body .product-list .product-single-price h4 .real-price{
color: #79a207;
}
.pro-description{
font-size: 14px;
font-family: Poppins, sans-serif;
font-weight: normal;
color: #2d2d2d;
}
.product-body .product-detail .product-checklist{
margin-top: 20px;
}
.product-body .product-detail .product-checklist ul{
padding-left: 0;
margin-bottom: 20px;
}
.product-body .product-detail .product-checklist ul li{
list-style: none;
color: #2d2d2d;
font-size: 12px;
font-family: Poppins, sans-serif;
font-weight: 500;
}
.product-body .product-detail .product-checklist ul li i{
color: #79a207;
}
.product-body .product-list .product-detail .product-single-price{
margin-top: 20px;
}
.product-body .product-list .product-quantity .qty .our-btn {
position: relative;
}
.product-body .product-list .product-tags-list .breadcrumb .breadcrumb-item p{
font-size: 15px;
font-family: Poppins, sans-serif;
color: #2d2d2d;
font-weight: normal;
}
.product-body .product-list .product-tags-list .breadcrumb .breadcrumb-item a{
color: #79a207;
font-size: 12px;
font-family: Poppins, sans-serif;
}
.comma-separtor{
color: #79a207;
margin-left: 3px;
margin-right: 3px;
}
.product-body .product-list .share-product-details .share-product-icons{
padding: 0;
}
.product-body .product-list .share-product-details .share-product-icons li p{
color: #2d2d2d;
font-size: 14px;
font-family: Poppins, sans-serif;
font-weight: normal;
}
.product-body .product-list .share-product-details .share-product-icons li{
display: inline-block;
list-style: none;
margin-right: 5px;
}
.product-body .product-list .share-product-details .share-product-icons li a{
color: #2d2d2d;
padding: 2px;
width: 30px;
height: 30px;
border-radius: 50%;
display: block;
text-align: center;
line-height: 27px;
border: 1px solid transparent;
transition: .8s ease;
}
.product-body .product-list .share-product-details .share-product-icons li a:hover{
color: #FFFFFF;
background-color: #79a207;
}
.about_content .best-products .heading-details{
padding-top: 80px;
padding-bottom: 30px;
}
.about_content .best-products .heading-details .heading{
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 500;
}
.product-body .web-btn{
padding: 4px 25px;
font-size: 14px;
}
/*nav tabs*/
.product-all-details{
margin-top: 50px;
}
.nav-tabs {
border: none;
background-color: #eceff6;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: white;
background-color: #79a207;
/*border-color: none;*/
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
border: none;
border-left: none;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border: none;
}
.nav-tabs .nav-item {
padding-left: 0px;
padding-right: 0px;
border-left: 1px solid #FFFFFF;
margin-bottom: 0px;
}
.nav-tabs .nav-item:first-child{
border-right: none;
}
.nav-tabs .nav-link {
text-align: center;
border: none;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: normal;
color: #8b8d96;
}
.tab-content{
border-left: .5px solid #eceff6;
border-right: .5px solid #eceff6;
border-bottom: .5px solid #eceff6;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 16px !important;
padding-right: 16px !important;
}
.table td, .table th {
padding: .5rem;
}
.tab-content .reviews .media{
margin-bottom: 15px;
}
.user-rating{
padding: 0px;
margin: 0px;
}
.user-rating li{
display: inline-block;
list-style: none;
}
.tab-content .reviews .media .user-rating li a {
color: #f5c136;
}
.tab-content .reviews .media .media-body{
border-left: 1px solid #eceff6;
padding-left: 25px;
padding-right: 25px;
/*margin-left: -45px;*/
}
.tab-content .reviews .media .media-body span{
font-family: Poppins, sans-serif;
font-size: 12px;
color: lightgrey;
font-weight: lighter;
}
/*form*/
.tab-content .text-nowrap{
font-size: 18px;
font-family: Poppins, sans-serif;
font-weight: 500;
}
textarea{
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
textarea:focus{
outline: none!important;
border: 1px solid #ececec;
}
/*Cart Number*/
.input_plus_mins .qty .count {
color: #79a207;
display: inline-block;
vertical-align: top;
font-size: 24px;
font-weight: 500;
line-height: 30px;
padding: 0 2px ;
min-width: 35px;
text-align: center;
margin-bottom: 0;
font-family: "Poppins", sans-serif;
}
.input_plus_mins .qty .plus {
cursor: pointer;
display: inline-block;
vertical-align: center;
color: #79a207;
width: 26px;
height: 26px;
text-align: center;
border: solid 1px #79a207;
/*border-radius: 50%;*/
position: relative;
transition: .5s ease;
}
.input_plus_mins .qty .plus i{
position: absolute;
top: 48%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-size: 14px;
}
.input_plus_mins .qty .minus {
cursor: pointer;
display: inline-block;
vertical-align: center;
color: #79a207;
width: 26px;
height: 26px;
text-align: center;
/*border-radius: 50%;*/
border: solid 1px #79a207;
background-clip: padding-box;
position: relative;
transition: .5s ease;
}
.input_plus_mins .qty .minus i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-size: 14px;
}
/*.input_plus_mins div {*/
/* text-align: center;*/
/*}*/
.input_plus_mins .minus:hover{
background-color: #2d2d2d;
color: #FFFFFF;
}
.input_plus_mins .plus:hover{
background-color: #2d2d2d;
color: #FFFFFF;
}
/*Prevent text selection*/
.input_plus_mins span{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.input_plus_mins input{
border: 0;
width: 2%;
}
.input_plus_mins nput::-webkit-outer-spin-button,
.input_plus_mins input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.input_plus_mins input:disabled{
background-color:white;
}
/*SWIPER SLIDER CODE*/
.wrapper{
max-height: 360px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.product-detail-slider .swiper-slide{
width: 96%;
}
.product-detail-slider .swiper-slide img {
display: block;
height: 100%;
width: 100%;
margin: 0 auto;
-o-object-fit: cover;
object-fit: cover;
cursor: pointer;
}
.Thumbs{
-ms-flex-preferred-size: 100px;
flex-basis: 100px;
}
.Thumbs .swiper-slide {
opacity: 0.4;
}
.Thumbs .swiper-slide-active {
opacity: 1;
}
.remove-margins{
margin: 0;
}
/**********************************/
/******* START Shop Cart PAGE *****/
/***********************************/
/*Shop Cart*/
.about_content h1{
width: 100%;
margin-right: auto;
margin-left: auto;
margin-bottom: 15px;
}
/*CART TABLE*/
.cart_table table {
margin-bottom: 0;
}
.darkcolor{
color:#2d2d2d;
font-weight: normal;
font-family: Poppins, "sans-serif";
}
.border-radius {
border-radius: 10px;
}
.border-radius-50 {
border-radius: 50px;
}
.classic-border{
border: 2px solid #fff;
}
.cart_table .table-responsive thead {
background: #f9f9f9;
}
.cart_table .table-responsive thead tr>th {
padding: 15px 20px;
border-bottom-width: 1px;
font-family: Poppins, sans-serif;
font-weight:bold;
}
.cart_table .table-responsive tbody tr>td {
vertical-align: middle;
padding: 20px;
}
.cart_table .product-name {
display: inline-block;
vertical-align: middle;
font-size: 18px;
font-family: "Poppins", sans-serif;
font-weight: bolder;
background-color: #79a207;
margin-bottom: 0;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.cart_table .product-des{
color: #2d2d2d;
font-size: 14px;
font-family: Poppins, sans-serif;
font-weight: normal;
}
.cart_table .amount{
font-size: 20px;
font-family: Poppins, sans-serif;
font-weight: normal;
color: #2d2d2d;
margin-bottom: 0;
}
.cart_table .quote input{
margin: 0;
width: 140px;
}
.cart_table .btn-close i {
display: inline-block;
color: #2d2d2d;
font-size: 20px;
-webkit-transition: .8s ease;
-o-transition: .8s ease;
transition: .8s ease;
}
.cart_table .btn-close:hover i{
color: #79a207;
}
.cart_table .shopping-product {
display: inline-block;
height: 70px;
width: 70px;
margin-right: 10px;
}
.cart_table .shopping-product>img {
width: 100%;
}
.cart_table .d-table:hover .product-name,
.cart_table .d-table:focus .product-name {
color: #24cdd5;
}
.apply_coupon {
border: .5px solid #dee2e6;
border-top: none;
padding: 20px;
}
.apply_coupon .coupon>form input {
height: 42px;
margin-bottom: 0;
margin-right: 5px;
}
.apply_coupon .coupon>form .form-group>input {
width: 100%;
}
.totals {
padding: 40px 15px;
border: 1px solid #d1d1d1;
}
.totals .table-responsive tr>td {
border: none;
padding: 17px 10px;
}
.totals form.findus .form-control {
margin-bottom: 15px;
padding-left: 15px;
border-color: #a5a5a5;
}
.cart-total tbody tr td{
width: 100% !important;
}
.totals form.findus .select:after{
color: #A5A5A5;
}
form.findus .form-control, form.findus textarea {
padding: 12px 0;
margin-bottom: 30px;
font-size: 14px;
border: none;
border-bottom: 1px solid #a5a5a5;
border-radius: 0;
position: relative;
-webkit-transition: border .9s ease;
-o-transition: border .9s ease;
transition: border .9s ease;
}
.findus a{
background: #862359;
}
.findus a:hover, .findus a:active , .findus a:focus {
color: #FFFFFF;
}
.shop-cart .calculate-shipping{
padding: 20px;
border: .5px solid #dee2e6;
}
.shop-cart .calculate-shipping h4{
font-size: 24px;
margin-bottom: 16px;
}
.shop-cart .calculate-shipping form input{
padding: 8px;
}
.shop-cart .calculate-shipping form select{
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
font-weight: 300;
margin-bottom: 0;
border: 0;
padding: 12px 15px;
-webkit-appearance: none;
}
.shop-cart .calculate-shipping form .form-control {
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
padding: 1.5rem .75rem;
position: relative;
font-size: 16px;
color: #9c9c9c;
border: 1px solid #d1d1d1;
margin-bottom: 0;
font-family: "Poppins", sans-serif;
}
.shop-cart .calculate-shipping form .select:after {
content: "\EA45";
font-family: LineIcons;
color: #3e3e3e;
font-size: 14px;
padding: 9px 8px;
position: absolute;
right: 0;
top: 4px;
background: transparent;
z-index: 1;
text-align: center;
width: 10%;
height: 100%;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.shop-cart .calculate-shipping form input::-webkit-input-placeholder {
color: #9c9c9c;
font-family: Poppins, sans-serif;
font-weight: 100;
}
.shop-cart .calculate-shipping form input::-moz-placeholder {
color: #9c9c9c;
font-family: Poppins, sans-serif;
font-weight: 100;
}
.shop-cart .calculate-shipping form input:-ms-input-placeholder {
color: #9c9c9c;
font-family: Poppins, sans-serif;
font-weight: 100;
}
.shop-cart .calculate-shipping form input::-ms-input-placeholder {
color: #9c9c9c;
font-family: Poppins, sans-serif;
font-weight: 100;
}
.shop-cart .calculate-shipping form input::placeholder {
color: #9c9c9c;
font-family: Poppins, sans-serif;
font-weight: 100;
}
.shop-cart .card-total{
padding: 20px;
border:.5px solid #dee2e6;
}
.shop-cart .card-total h4{
font-size: 24px;
margin-bottom: 10px;
font-family: Poppins, "sans-serif";
color: #2d2d2d;
}
.shop-cart .card-total table tr{
margin-bottom: 1rem;
}
.shop-cart .card-total table tr td ul{
margin-bottom: 0px;
}
.shop-cart .card-total table tr td{
font-size: 14px;
font-family: "Poppins", sans-serif;
font-weight: 400;
border: solid 1px transparent;
padding-bottom: 17.5px;
padding-left: 0;
}
.shop-cart .card-total table tr td:first-child{
font-size: 14px;
font-weight: 600;
font-family: Poppins, sans-serif;
color: #2d2d2d;
}
.shop-cart .card-total table tr td ul li{
list-style: none;
}
.shop-cart .card-total .custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #62ab00;
background-color: #62ab00;
}
/***********************************/
/*********Contact section***********/
/***********************************/
.contact-sec{
padding-top: 120px;
padding-bottom: 120px;
}
.contact-sec .contact-description{
padding: 20px;
}
.contact-sec .contact-detail .ex-detail{
margin-bottom: 15px;
}
.contact-sec .contact-detail .ex-detail .fly-text{
color: #79a207;
left: -49px;
font-size: 14px;
font-family: Poppins, "sans-serif";
margin-bottom: 8px;
}
.contact-sec .contact-detail .small-text{
margin-bottom: 40px;
width: 95%;
color: #2d2d2d;
opacity: .8;
font-weight: 300;
font-size: 16px;
}
.contact-sec .contact-detail .location-details h4{
margin-bottom: 20px;
color: #2d2d2d;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
font-size: 18px;
}
.contact-sec .contact-detail .location-details ul{
padding-left: 0;
}
.contact-sec .contact-detail .location-details ul li{
list-style: none;
margin-bottom: 12px;
position: relative;
}
.contact-sec .contact-detail .location-details ul li a{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #2d2d2d;
font-weight: 300;
text-decoration: none;
margin-left: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contact-sec .contact-detail .location-details ul li i{
font-size: 20px;
margin-right: 5px;
color: #2d2d2d;
position: absolute;
top: 2px;
left: 0;
}
/*contact us form*/
.contact-sec .contact-box{
padding: 20px;
-webkit-box-shadow: 1px 1px 8px #dddddd;
box-shadow: 1px 1px 8px #dddddd;
/*border:solid .5px #dddddd;*/
border-radius: 10px;
}
.contact-sec .contact-box .small-heading{
font-size: 24px;
font-family: Poppins, "sans-serif";
font-weight: 500;
margin-bottom: 20px;
}
.contact-sec .contact-box .small-text{
font-family: Poppins, "sans-serif";
margin-bottom: 25px;
}
.contact-sec .contact-form .my-form{
position: relative;
}
.contact-sec .contact-form .my-form .form-control{
border: 1px solid #cbcbcb;
}
.contact-sec .contact-form .my-form input{
margin-bottom: 20px;
border-radius: 10px;
padding: 20px;
}
.contact-sec .contact-form .my-form input[placeholder]{
color: #444444;
opacity: .8;
font-size: 14px;
}
.contact-sec .contact-form .my-form textarea{
border-radius: 10px;
padding: 20px;
}
.contact-sec .contact-form .my-form textarea[placeholder]{
color: #444444;
opacity: .8;
font-size: 14px;
}
.contact-sec .contact-form .user-contact{
margin-top: 30px;
}
.display-error{
position: absolute;
top:-45px;
left:15px;
right: 15px;
}
.contact-page .contact-list li:nth-child(2),.contact-page .contact-list li:nth-child(3){
display: inline-block;
}
.contact-page .contact-list li:nth-child(2){
margin-right: 8px;
}
.contact-page .contact-list li:nth-child(even){
margin-bottom: 0px !important;
}
/***********************************/
/********standalone page css********/
/***********************************/
.slider-sec {
min-height:550px;
position: relative;
}
.slider-sec .overlay{
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(254, 255, 255, 0);
}
.slider-sec .overlay .slide-contain{
margin-top: 13%;
}
.slider-sec .overlay h4{
font-family: 'Montserrat', sans-serif;
font-weight: bold;
font-size: 38px;
color: #2d2d2d;
margin-bottom: 10px;
}
.crumbs{
position: relative;
}
.crumbs .breadcrumb-items{
display: inline-block;
}
.crumbs .breadcrumb{
margin-bottom: 0;
border-radius: 0;
padding: 15px 50px;
background-color: transparent;
}
.breadcrumb-item+.breadcrumb-item::before {
color: #2d2d2d;
}
.crumbs .breadcrumb li a{
color: #2d2d2d;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
text-decoration: none;
}
.crumbs .breadcrumb li a:hover{
color: #79a207;
}
/*crumbs end*/
.standalone-row:not(:last-child) {
margin-bottom: 3rem;
}
.standalone-row .stand-img-des{
padding-left: 30px;
text-align: center;
}
.standalone-row:nth-child(2) .stand-img-des{
padding-left: 0;
padding-right: 30px;
}
.standalone-detail .sub-heading{
color: #79a207;
margin-bottom: 20px;
}
.standalone-area .sub-heading{
color: #79a207;
margin-bottom: 8px;
}
.standalone-detail .heading{
margin-bottom: 20px;
font-size: 40px;
color: #2d2d2d;
font-weight: 500;
font-family: Montserrat , sans-serif;
}
.standalone-detail .para_text{
color: #2d2d2d;
font-weight: 500;
font-family: Montserrat , sans-serif;
text-align: center;
font-size: 15px;
margin: 0 auto;
opacity: .8;
line-height: 2.1;
}
.standalone-area{
padding-bottom: 120px;
}
.standalone-detail{
/*padding-top: 120px;*/
padding-bottom: 100px;
}
.standalone-area .gradient-text1{
font-family: 'Montserrat', sans-serif;
font-weight: 500;
margin-bottom: 12px;
}
.standalone-area .stand-img-des .para_text{
font-family: 'Montserrat', sans-serif;
color: #2d2d2d;
font-weight: 300;
opacity: .8;
}
/* ===================================
Media Queries
====================================== */
@media screen and (max-width: 1199.98px) {
}
@media screen and (max-width:991px){
/***********************************/
/********standalone page css********/
/***********************************/
.standalone-row:not(:last-child) {
margin-bottom: 8rem;
}
.standalone-area .sub-heading {
margin-top: 20px;
}
.standalone-row:nth-child(2) .stand-img-des {
padding-left: 18px;
padding-right: 18px;
}
.standalone-row .stand-img-des {
padding-left: 18px;
padding-right: 18px;
}
}
@media screen and (max-width:767px){
.header-appear .navbar-simple .fixed-nav-items {
display: flex;
justify-content: center;
align-items: center;
}
.header-appear .fixed-nav-items img{
width: 30%;
}
.sidemenu_btn {
right: auto;
left: 20px;
top: 20px;
}
.header-appear .sidemenu_btn {
top:24px;
}
.shop-card-window {
width: 100%;
}
.search-box-window {
width: 100%;
}
.side-menu {
width: 100%;
}
/*mini services*/
.mini-services .mini-s {
border-right: solid 1px rgba(88, 180, 51, 0.05);
margin-bottom: 40px;
}
.mini-services .mini-s:last-child {
margin-bottom: 0;
}
/*banner*/
.banner .banner-inner-content{
margin-top: 150px;
}
.banner .banner-inner-content .img-container {
left: 50%;
top: 0;
transform: translate(-50%, -18%);
}
.banner .banner-inner-content .web-btn {
bottom: 0;
right: 50%;
transform: translate(50%, 50%);
}
.banner .count-down-date .content>div {
padding: 10px;
}
.banner .count-down-date .content .num {
font-size: 32px;
}
.banner .count-down-date .content .text {
font-size: 13px;
}
.banner .count-down-date .content {
padding-bottom: 40px;
}
.banner .banner-heading {
font-size: 40px;
}
.banner .banner-heading i {
display: block;
}
/*testimonial*/
.testimonial-sec .test-btn {
display: none;
}
/*newsletter*/
.newsletter .newsletter-text {
margin-bottom: 20px;
}
.news-btn {
padding: 8px 15px;
}
/***********************************/
/**********about page css***********/
/***********************************/
.about-sec .services-area .services{
margin-bottom: 50px;
}
.about-sec .services-area .services:last-child{
margin-bottom: 0;
}
/***********************************/
/*****Product listing page css******/
/***********************************/
.product-filter-nav {
padding-top: 0;
/* padding-right: 14%; */
/* background-color: #eee; */
/* padding: 18px; */
/* padding-left: 20px; */
padding-bottom: 0;
}
/***********************************/
/********standalone page css********/
/***********************************/
.standalone-row:not(:last-child) {
margin-bottom: 8rem;
}
.standalone-area .sub-heading{
margin-top: 20px;
}
.standalone-row:nth-child(2) .stand-img-des {
padding-left: 18px;
padding-right: 18px;
}
.standalone-row .stand-img-des {
padding-left: 18px;
padding-right: 18px;
}
.standalone-area {
/*padding-bottom: 0;*/
}
}
/*======================
keyframes
=======================*/
@-webkit-keyframes itg_pulse_blue {
0% {
-webkit-box-shadow: 0 0 0 5px rgba(221, 75, 57, 0.9);
box-shadow: 0 0 0 5px rgba(221, 75, 57, 0.9);
}
25% {
-webkit-box-shadow: 0 0 0 10px rgba(221, 75, 57, 0.6);
box-shadow: 0 0 0 10px rgba(221, 75, 57, 0.6);
}
70% {
-webkit-box-shadow: 0 0 0 15px rgba(221, 75, 57, 0.3);
box-shadow: 0 0 0 15px rgba(221, 75, 57, 0.3);
}
100% {
-webkit-box-shadow: 0 0 0 60px rgba(221, 75, 57, 0.1);
box-shadow: 0 0 0 20px rgba(221, 75, 57, 0.1);
}
}
@-o-keyframes itg_pulse_blue {
0% {
box-shadow: 0 0 0 5px rgba(0, 188, 212, 0.9);
}
25% {
box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.6);
}
70% {
box-shadow: 0 0 0 15px rgba(0, 188, 212, 0.3);
}
100% {
box-shadow: 0 0 0 20px rgba(100, 48, 148, 0.1);
}
}
@keyframes itg_pulse_blue {
0% {
-webkit-box-shadow: 0 0 0 5px rgba(100, 121, 191, 0.9);
box-shadow: 0 0 0 5px rgba(100, 121, 191, 0.9);
}
25% {
-webkit-box-shadow: 0 0 0 10px rgba(100, 121, 191, 0.6);
box-shadow: 0 0 0 10px rgba(100, 121, 191, 0.6);
}
70% {
-webkit-box-shadow: 0 0 0 15px rgba(100, 121, 191, 0.3);
box-shadow: 0 0 0 15px rgba(100, 121, 191, 0.3);
}
100% {
-webkit-box-shadow: 0 0 0 60px rgba(100, 121, 191, 0.1);
box-shadow: 0 0 0 20px rgba(100, 121, 191, 0.1);
}
}