.main-header{
position:relative;
z-index:99;
width:100%;
} .main-header .header-top{
position:relative;
overflow:hidden;
background-color:var(--main-color-two);
}
.main-header .header-top .top-left{
position: relative;
float:left;
}
.main-header .header-top .info{
position:relative;
padding:13px 0px;
}
.main-header .header-top .info li{
position:relative;
display:inline-block;
font-size:var(--font-15);
color:var(--white-color);
margin-right:var(--margin-right-20);
}
.main-header .header-top .info li .icon{
position:absolute;
left:0px;
color:var(--white-color);
}
.main-header .header-top .info li:last-child{
margin-right:0px;
}
.main-header .header-top .info li a{
position:relative;
color:var(--white-color);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
padding-left:var(--padding-left-25);
}
.main-header .header-top li a:hover{
color:var(--main-color);
}
.main-header .header-top .social-box{
position: relative;
padding:13px 0px;
}
.main-header .header-top .social-box:before{
position: absolute;
content:'';
left:-170px;
top:0px;
right:-1200px;
bottom:0px;
transform: skewX(-30deg);
background-color:var(--main-color);
}
.main-header .header-top .social-box li{
position: relative;
display:inline-block;
margin-left:var(--margin-left-25);
}
.main-header .header-top .social-box li a{
position: relative;
color:var(--white-color);
font-size:var(--font-16);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-top .social-box li a:hover{
color:var(--main-color-two);
}
.main-header .header-upper{
position:relative;
background-color:var(--white-color);
}
.main-header .main-box{
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
background:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .main-box .outer-container{
position:relative;
padding:0px 40px;
}
.main-header .logo-box{
position:relative;
float:left;
z-index:10;
padding:10px 0px;
}
.main-header .logo-box .logo img{
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-lower{
position:relative;
}
.main-header .header-lower .nav-outer{
position:relative;
float:right;
}
.main-header .header-upper .logo-box{
position: relative;
padding:10px 0px 10px;
}
.main-header .header-upper .logo-box .logo{
position:relative;
} .main-header .main-menu{
position:relative;
float:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .main-menu .navbar-collapse{
padding:0px;
float: left;
display:block !important;
}
.main-header .main-menu .navigation{
position:relative;
margin:0px;
}
.main-header .main-menu .navigation > li{
position:relative;
float:left;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
margin-right:var(--margin-right-35);
}
.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a{
color:var(--main-color);
}
.main-header .sticky-header .nav-outer .options-box{
margin-top:var(--margin-top-40);
} .main-header .sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
z-index:0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:var(--white-color);
box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}
.main-header .sticky-header .mobile-nav-toggler{
display:none;
cursor:pointer;
color:var(--black-color);
font-size:var(--font-30)
}
.main-header .sticky-header .logo{
padding:25px 0px;
}
.main-header.fixed-header .sticky-header{
z-index:999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-header .main-menu .navigation > li > a{
position:relative;
display:block;
text-align:center;
line-height:30px;
letter-spacing:0px;
opacity:1;
font-weight:600;
padding:35px 0px;
font-size:var(--font-16);
color:var(--dark-color);
text-transform: capitalize;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .main-menu .navigation > li:last-child{
margin-right:var(--margin-zero);
}
.main-header .main-menu .navigation > li:last-child > a{
padding-right:0px;
}
.main-header .sticky-header .main-menu .navigation > li{
position:relative;
}
.main-header .sticky-header .main-menu .navigation > li:last-child{
margin-right:var(--margin-zero);
}
.main-header .main-menu .navigation > li:last-child ul{
right:0px;
}
.main-header .main-menu .navigation > li:hover > a,
.main-header .main-menu .navigation > li.current > a{
opacity:1;
color:var(--main-color);
}
.main-header .main-menu .navigation > li > ul{
position:absolute;
width:15rem;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
opacity: 0;
visibility: hidden;
visibility: hidden;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
border-radius:0px;
background-color:var(--main-color);
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-header .main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;
}
.main-header .main-menu .navigation > li > ul > li{
position:relative;
width:100%;
text-align:left;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-header .main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-header .main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:12px 18px;
line-height:24px;
font-weight:500;
font-size:var(--font-15);
text-transform:capitalize;
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .main-menu .navigation > li > ul > li > a:before{
position:absolute;
content:'//';
left:10px;
top:11px;
opacity:0;
font-weight:700;
font-size:var(--font-12);
color:var(--main-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .main-menu .navigation > li > ul > li:hover > a::before{
opacity:1;
}
.main-header .main-menu .navigation > li > ul > li:hover > a{
padding-left:30px;
color:var(--white-color);
background-color:var(--main-color-two);
}
.main-header .main-menu .navigation > li > ul > .menu-item-has-children > a:after{
font-family: 'Font Awesome 5 Pro';
content: "\f105";
position:absolute;
right:15px;
top:13px;
width:10px;
height:20px;
display:block;
color:var(--white-color);
line-height:20px;
font-size:var(--font-16);
font-weight:normal;
text-align:center;
z-index:5;
}
.main-header .main-menu .navigation > li > ul > li > ul{
position:absolute;
left:100%;
top:0px;
width:15rem;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
opacity: 0;
visibility: hidden;
visibility: hidden;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
border-radius:0px;
background-color:var(--main-color);
box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}
.main-header .main-menu .navigation > li > ul > li > ul.from-right{
left:auto;
right:0px;
}
.main-header .main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
text-align:left;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-header .main-menu .navigation > li > ul > li > ul > li:last-child{
border-bottom:none;
}
.main-header .main-menu .navigation > li > ul > li > ul > li > a{
position:relative;
display:block;
padding:12px 18px;
line-height:24px;
font-weight:500;
font-size:var(--font-15);
text-transform:capitalize;
color:var(--white-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{
color:var(--white-color);
background-color:var(--white-color-two);
}
.main-header .main-menu .navigation > li > ul > li > ul > li > a:before{
position:absolute;
content:'//';
left:10px;
top:11px;
opacity:0;
font-weight:700;
font-size:var(--font-12);
color:var(--main-color);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a::before{
opacity:1;
}
.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{
padding-left:30px;
color:var(--white-color);
background-color:var(--main-color-two);
}
.main-header .main-menu .navigation > li.menu-item-has-children:hover > ul{
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
visibility: visible;
}
.main-header .main-menu .navigation li > ul > li.menu-item-has-children:hover > ul{
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
visibility: visible;
}
.main-header .main-menu .navbar-collapse > ul li.menu-item-has-children .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:30px;
height:30px;
text-align:center;
color:var(--white-color);
line-height:28px;
border:1px solid var(--white-color-opicity-two);
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
.main-menu .navigation > li > ul > li.updates{
padding:12px 15px;
color:#ffffff;
left:0px;
right:0px;
width:auto;
font-weight:600;
font-size:var(--font-16);
background-color:var(--main-color);
} .main-header .nav-outer .mobile-nav-toggler{
position: relative;
float: right;
padding:2px 0 0px;
font-size: var(--font-26);
line-height: 44px;
cursor: pointer;
color:var(--black-color);
display: none;
}
.mobile-menu{
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right:30px;
max-width:100%;
height: 100%;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo{
position:relative;
padding:20px 20px;
text-align:left;
}
.mobile-menu .nav-logo img{
max-width:200px;
}
.mobile-menu-visible{
overflow: hidden;
}
.mobile-menu-visible .mobile-menu{
visibility: visible;
}
.mobile-menu .menu-backdrop{
position: fixed;
right: 0;
top: 0;
width: 0%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,0.90);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.mobile-menu-visible .mobile-menu .menu-backdrop{
opacity: 1;
width:100%;
visibility: visible;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box{
position: absolute;
right: -400px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0px 0px;
z-index: 5;
border-radius: 0px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.mobile-menu-visible .mobile-menu .menu-box{
right:0px;
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.mobile-menu .close-btn{
position: absolute;
right: 15px;
top: 15px;
line-height: 30px;
width: 30px;
text-align: center;
font-size: 14px;
color: #202020;
cursor: pointer;
z-index: 10;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
transition:all 0.5s ease;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn{
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.mobile-menu .close-btn:hover{
opacity: 0.50;
}
.mobile-menu .navigation{
position: relative;
display: block;
width:100%;
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li{
position: relative;
display: block;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul > li:last-child{
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child{
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > a{
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 15px;
color: #404040;
text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
color:#111111;
}
.mobile-menu .navigation .menu-item-has-children .dropdown-btn{
position:absolute;
right:0px;
top:0px;
width:44px;
height:44px;
text-align:center;
font-size:16px;
line-height:44px;
color:#404040;
cursor:pointer;
z-index:5;
}
.mobile-menu .navigation .menu-item-has-children .dropdown-btn:after{
content:'';
position:absolute;
left:0px;
top:10px;
width:1px;
height:24px;
border-left:1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
display: none;
}
.mobile-menu .navigation li > ul > li > a{
padding-left:30px;
}
.mobile-menu .navigation li > ul > li > ul{
padding-left:0px;
}
.mobile-menu .navigation li > ul > li > ul > li > a{
padding-left:40px;
}
.main-header .mobile-menu .close-btn:hover{
opacity: 0.50;
}
.main-header .mobile-menu .navigation{
position: relative;
display: block;
width:100%;
border-top: 1px solid #dddddd;
}
.main-header .mobile-menu .navigation li{
position: relative;
display: block;
border-bottom: 1px solid #dddddd;
}
.main-header .mobile-menu .navigation li > ul > li:last-child{
border-bottom: none;
}
.main-header .mobile-menu .navigation li > ul > li:first-child{
border-top: 1px solid #dddddd;
}
.main-header .mobile-menu .navigation li > a{
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: var(--font-16);
color: var(--dark-color);
text-transform: capitalize;
}
.main-header .mobile-menu .navigation li:hover > a,
.main-header .mobile-menu .navigation li.current > a{
color: var(--dark-text-color-two);
}
.main-header .mobile-menu .navigation .menu-item-has-children .dropdown-btn{
position:absolute;
right:0px;
top:0px;
width:44px;
height:44px;
text-align:center;
color: var(--dark-color);
font-size: var(--font-16);
line-height:44px;
cursor:pointer;
z-index:5;
}
.main-header .mobile-menu .navigation .menu-item-has-children .dropdown-btn:after{
content:'';
position:absolute;
left:0px;
top:10px;
width:1px;
height:24px;
border-left:1px solid #dddddd;
}
.main-header .mobile-menu .navigation li > ul,
.main-header .mobile-menu .navigation li > ul > li > ul{
display: none;
}
.main-header .sticky-header .navbar-header{
display:none;
}
.main-header .outer-box{
position: relative;
float:right;
padding: 37px 0px;
margin-left:var(--margin-left-35);
} .main-header .search-box-outer{
position:relative;
float:left;
border-right:1px solid #999999;
margin-right:var(--margin-right-20);
padding-right:var(--padding-right-20);
}
.main-header .search-box-btn{
position:relative;
top: 0px;
display:block;
float:left;
font-size:var(--font-20);
color:var(--main-color-two);
line-height:25px !important;
cursor:pointer;
background:none;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .outer-box .nav-btn{
position:relative;
float:left;
cursor:pointer;
line-height:1em;
font-size:var(--font-22);
color:var(--main-color-two);
margin-left:var(--margin-left-35);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .outer-box .nav-btn:hover,
.main-header .outer-box .search-box-btn:hover{
color:var(--main-color);
} .main-header .cart-box,
.header__main .cart-box {
position:relative;
float:left;
line-height:1em;
background:none;
padding-top:3px;
display:inline-block;
color:var(--main-color);
font-size:var(--font-16);
}
.main-header .cart-box .cart-box-btn,
.header__main .cart-box .cart-box-btn{
background:none;
cursor: pointer;
color:var(--main-color);
font-size:var(--font-24);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.header__main .cart-box .cart-box-btn {
font-size: 16px;
}
.header__main .cart-box .cart-box-btn {
color: #fff;
}
.main-header .cart-box .cart-box-btn:after,
.header__main .cart-box .cart-box-btn:after{
display:none;
}
#nextbit-cart-count,
#nextbit-cart-count-2,
.main-header .cart-box .cart-box-btn .total-cart,
.header__main .cart-box .cart-box-btn .total-cart{
position:absolute;
right: -8px;
top: -8px;
width:18px;
height:18px;
color:var(--white-color);
font-size:var(--font-10);
font-weight:700;
border-radius:50%;
text-align:center;
line-height:18px;
background-color:var(--dark-color-two);
}
.header__main .cart-box .cart-box-btn .total-cart {
width: 22px !important;
height: 22px !important;
line-height: 22px !important;
background-color: #FF1749 !important;
}
.main-header .cart-product,
.header__main .cart-product{
position:relative;
margin-bottom:var(--margin-bottom-20);
}
.main-header .cart-product .inner,
.header__main .cart-product .inner{
position:relative;
padding-left:var(--padding-left-90);
min-height:70px;
}
.main-header .cart-product .inner .cross-icon,
.header__main .cart-product .inner .cross-icon{
position:absolute;
right:0px;
top:-2px;
z-index:1;
cursor:pointer;
color:var(--dark-color);
font-size:var(--font-18);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .cart-product .inner .cross-icon:hover,
.header__main .cart-product .inner .cross-icon:hover{
color:var(--main-color);
}
.main-header .cart-product .inner .image,
.header__main .cart-product .inner .image{
position:absolute;
width:70px;
height:70px;
left:0px;
top:0px;
}
.main-header .cart-product .inner h3,
.header__main .cart-product .inner h3{
position:relative;
font-weight:600;
letter-spacing: 1px;
font-size:var(--font-15);
margin:var(--margin-zero);
text-transform:capitalize;
}
.main-header .cart-product .inner h3 a,
.header__main .cart-product .inner h3 a{
color:var(--dark-color-two);
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .cart-product .inner h3 a:hover,
.header__main .cart-product .inner h3 a:hover{
color:var(--main-color);
}
.main-header .cart-product .inner .quantity-text,
.header__main .cart-product .inner .quantity-text{
position:relative;
font-weight:300;
color:var(--dark-color);
font-size: var(--font-14);
margin-top:var(--margin-top-5);
margin-bottom: var(--margin-zero);
}
.main-header .cart-product .inner .price,
.header__main .cart-product .inner .price{
position:relative;
font-weight:700;
font-size:var(--font-16);
margin-top:var(--margin-top-5);
color:var(--dark-color);
}
.main-header .cart-box .cart-panel,
.header__main .cart-box .cart-panel {
left: auto !important;
right: 0px !important;
border-radius:0px;
padding:20px 20px;
min-width:300px;
margin-top: 30px;
z-index: -1;
box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
border:3px solid var(--main-color);
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.header__main .cart-box .cart-panel {
margin-top: 24px;
}
.main-header .cart-box .cart-panel .cart-total,
.header__main .cart-box .cart-panel .cart-total{
color:var(-dark-color-two);
font-size:var(--font-15);
font-weight:400;
text-align:center;
text-transform:capitalize;
}
.main-header .cart-box .cart-panel .cart-total span,
.header__main .cart-box .cart-panel .cart-total span{
font-weight:800;
font-size:var(--font-16);
}
.header-mini-cart .buttons,
.main-header .cart-box .cart-panel .btns-boxed,
.header__main .cart-box .cart-panel .btns-boxed{
position:relative;
text-align:center;
margin-top:var(--margin-top-20);
}
.header-mini-cart .button,
.main-header .cart-box .cart-panel .btns-boxed li,
.header__main .cart-box .cart-panel .btns-boxed li{
position:relative;
margin:0px 5px;
display:inline-block;
}
.header-mini-cart .button,
.main-header .cart-box .cart-panel .btns-boxed li a,
.header__main .cart-box .cart-panel .btns-boxed li a{
position:relative;
color:var(--white-color);
font-weight:500;
font-size:var(--font-12);
padding:10px 20px 8px;
border-radius: 2px;
display:inline-block;
background-color:var(--main-color);
border:1px solid var(--main-color);
text-transform:uppercase;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.header-mini-cart .button:hover,
.main-header .cart-box .cart-panel .btns-boxed li a:hover,
.header__main .cart-box .cart-panel .btns-boxed li a:hover{
color:var(--main-color);
background:none;
}
.main-header .cart-box .icon a,
.header__main .cart-box .icon a{
color:var(--main-color);
} .header-style-three{
position:absolute;
top:0px;
left:0px;
right:0px;
}
.header-style-three .search-box-outer{
border-color:var(--white-color);
}
.header-style-three .cart-box .cart-box-btn,
.header-style-three .search-box-btn{
color:var(--white-color);
}
.header-style-three .header-lower .mobile-nav-toggler{
display:block;
line-height:1em;
margin-top:-3px;
color:var(--white-color);
margin-left:var(--margin-left-30);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.header-style-three .header-lower .mobile-nav-toggler:hover{
color:var(--main-color);
}
.header-style-three #navbarSupportedContent{
display:block;
}
.header-style-three .sticky-header .logo{
padding:0px 0px;
}
.header-style-three .sticky-header{
background-color:var(--dark-color-two);
}
.header-style-three .sticky-header .outer-box{
padding:27px 0px;
}
.header-style-three .sticky-header .main-menu,
.header-style-three .header-lower .nav-outer .main-menu{
opacity:0;
visibility:hidden;
}
.header-style-three .sticky-header .mobile-nav-toggler{
display:block;
float:left;
color:var(--white-color);
font-size:var(--font-24);
margin-left:var(--margin-left-25);
}
.header-style-three .cart-box .cart-box-btn .total-cart{
background-color:var(--main-color);
}
.header-style-three .main-menu .navigation > li > a{
padding:25px 0px;
} .search-popup{
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
margin-top: -540px;
transform: translateY(-100%);
-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.search-popup .color-layer{
position: absolute;
content:'';
left: 0;
top: 0;
height: 100vh;
width: 100%;
background-color: rgba(0,0,0,0.90);
-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.sidenav-bar-visible .search-popup{
width: 80%;
}
.search-popup:after{
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 560px;
background-image: url(//www.taltolanet.com/wp-content/themes/nextbit/assets/images/icons/waves-shape.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-top: 0px;
content: "";
}
.search-active .search-popup{
transform: translateY(0%);
margin-top:var(--margin-zero);
}
.search-popup .close-search{
position: absolute;
left: 0;
right: 0;
top: 75%;
margin: 0 auto;
margin-top: -200px;
border-radius: 50%;
text-align: center;
background-color:var(--main-color);
width: 70px;
cursor:pointer;
border-bottom: 3px solid var(--white-color);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
visibility: hidden;
}
.search-popup .close-search span{
position: relative;
display: block;
height: 70px;
width: 70px;
font-size:var(--font-30);
line-height: 70px;
color: var(--white-color);
}
.search-active .search-popup .close-search{
visibility: visible;
opacity: 1;
top: 50%;
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.search-popup form{
position: absolute;
max-width: 700px;
top: 50%;
left: 15px;
right: 15px;
z-index:999;
margin:-35px auto 0;
transform: scaleX(0);
transform-origin: center;
background-color: var(--dark-color);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.search-active .search-popup form{
transform: scaleX(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.search-popup .form-group{
position:relative;
margin:var(--margin-zero);
overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
position:relative;
display:block;
font-size:var(--font-18);
line-height: 50px;
color:var(--black-color);
height:70px;
width:100%;
padding: 10px 30px;
background-color: var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
font-weight:500;
text-transform:capitalize;
}
.search-popup .form-group input[type="submit"],
.search-popup .form-group button{
position:absolute;
right:30px;
top:0px;
height:70px;
line-height: 70px;
background: transparent;
text-align:center;
font-size:var(--font-24);
color:var(--black-color);
padding: 0;
cursor:pointer;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
color: var(--black-color);
}
.search-popup input::placeholder,
.search-popup textarea::placeholder{
color: var(--black-color);
}
.search-popup .close-search.style-two{
position: absolute;
right: 25px;
left: auto;
color: var(--white-color);
width:auto;
height:auto;
top:25px;
margin:0px;
border:none;
background:none !important;
box-shadow:none !important;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.search-popup .close-search.style-two span{
font-size:var(--font-20);
color: var(--white-color);
}
.main-header .mobile-menu .menu-box .mCSB_scrollTools{
width:3px;
}
.header-style-two{
position:absolute;
top:50px;
left:0px;
right:0px;
}
.header-style-two .header-lower .inner-container{
padding:0px 40px;
background-color:var(--white-color);
} .sidebar-info-contents{
position:relative;
}
.sidebar-info-contents .content-inner{
position:relative;
}
.sidebar-info-contents .content-inner .logo {
padding-bottom:var(--padding-bottom-20);
}
.sidebar-info-contents .content-inner .logo img{
display:inline-block;
max-width:100%;
}
.sidebar-info-contents .content-inner .content-box{
position:relative;
}
.sidebar-info-contents .content-inner h5{
color:var(--white-color);
margin-bottom:var(--margin-top-20);
}
.sidebar-info-contents .content-inner .content-box .text{
color:var(--white-color);
margin-bottom:var(--margin-top-25);
}
.sidebar-info-contents .content-inner .contact-info{
position:relative;
margin-top:var(--margin-top-60);
}
.sidebar-info-contents .content-inner .social-box{
position:relative;
margin-top:var(--margin-top-20);
margin-bottom:var(--margin-top-30);
}
.sidebar-info-contents .content-inner .social-box li{
position:relative;
display:inline-block;
margin-right:var(--margin-right-5);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.sidebar-info-contents .content-inner .social-box li a{
position:relative;
width:36px;
height:36px;
color:var(--main-color-two);
z-index:1;
font-size:var(--font-14);
line-height:36px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:var(--white-color);
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.sidebar-info-contents .content-inner .social-box li a:hover{
color:var(--white-color);
background-color:var(--main-color);
}
.close-side-widget,
.close-side-widget:hover{
color:var(--white-color) !important;
font-size:var(--font-24);
} .header-style-five{
position:absolute;
left:0px;
top:30px;
right:0px;
}
.header-style-five .inner-container{
position:relative;
padding-left:250px;
border-radius:8px;
background-color:var(--white-color);
}
.header-style-five .inner-container .logo-box{
position:absolute;
left:0px;
top:0px;
padding:var(--padding-zero);
background: var(--main-color-six);
background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
}
.header-style-five .inner-container .logo-box:before{
position:absolute;
content:'';
right:-15px;
bottom:0px;
border-top: 9px solid var(--main-color-seven);
border-right: 15px solid transparent;
}
.header-style-five .info-box{
position:relative;
padding:15px 0px 15px 40px;
border-bottom:1px solid #dddddd;
}
.header-style-five .info-box li{
position:relative;
display:inline-block;
font-size:var(--font-16);
margin-right:var(--margin-right-25);
}
.header-style-five .info-box li .icon{
position:absolute;
left:0px;
top:0px;
width:30px;
height:30px;
line-height:30px;
border-radius:50px;
text-align:center;
display:inline-block;
font-size:var(--font-14);
color:var(--main-color-six);
background-color:var(--main-color-eight); }
.header-style-five .info-box li:last-child{
margin-right:0px;
}
.header-style-five .info-box li a{
position:relative;
padding-top:3px;
font-weight:500;
color:var(--dark-color-four);
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
padding-left:var(--padding-left-40);
font-family:var(--font-family-DM-Sans);
}
.header-style-five .info-box li a:hover{
color:var(--main-color-seven);
}
.header-style-five .header-lower .nav-outer{
width:100%;
}
.header-style-five .main-menu .navigation > li > a{
padding:10px 0px;
color:#010048;
font-weight:500;
font-family:var(--font-family-DM-Sans);
}
.header-style-five .main-menu .navigation > .menu-item-has-children > a{
padding-right:15px !important;
}
.header-style-five .main-menu .navigation > .menu-item-has-children::before{
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
right: 0px;
top:15px;
font-size: var(--font-16);
color:var(--dark-color-four);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.header-style-five .main-menu .navigation > li:hover > a,
.header-style-five .main-menu .navigation > li.current > a{
color:var(--main-color-six);
background: linear-gradient(to left, var(--main-color-six) 0%, var(--main-color-seven) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.header-style-five .main-menu .navigation > li:hover::before,
.header-style-five .main-menu .navigation > li.current::before{
-webkit-text-fill-color: inherit !important;
color:var(--main-color-six);
}
.header-style-five .main-menu .navigation > li{
margin-right:var(--margin-right-25);
}
.header-style-five .header-lower .main-menu{
padding-left:var(--padding-left-40);
}
.header-style-five .header-lower .outer-box{
position:absolute;
right:0px;
top:0px;
padding:var(--padding-zero);
}
.header-style-five .outer-box .phone-box{
position:relative;
padding:25px 20px 24px 0px;
font-weight:700;
font-size:var(--font-14);
color:var(--white-color);
font-family:var(--font-family-Sen);
}
.header-style-five .outer-box .phone-box .box-inner{
position:relative;
padding-left:var(--padding-left-75);
}
.header-style-five .outer-box .phone-box:before{
position:absolute;
content:'';
left:29px;
top:0px;
right:0px;
bottom:0px;
background: var(--main-color-six);
background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
}
.header-style-five .outer-box .phone-box a{
position:relative;
font-size:var(--font-26);
color:var(--white-color);
display:inline-block;
margin-top:var(--margin-top-5);
}
.header-style-five .outer-box .phone-box .icon{
position:absolute;
left:0px;
top:-3px;
width:58px;
height:58px;
line-height:58px;
text-align:center;
border-radius:50px;
display:inline-block;
font-size:var(--font-24);
background: var(--main-color-six);
background: -webkit-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
background: -moz-linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
background: linear-gradient(to right, var(--main-color-six) 0%, var(--main-color-seven) 100%);
}
.header-style-five .sticky-header .main-menu .navigation > li > a{
padding:25px 0px;
}
.header-style-five .sticky-header .main-menu .navigation > .menu-item-has-children::before{
top:30px;
}
.header-style-five .sticky-header .logo{
padding:15px 0px;
}
.header-style-five .sticky-header .outer-box{
padding:27px 0px;
}
.header-style-five .search-box-btn,
.header-style-five .cart-box .cart-box-btn{
color:var(--main-color-seven);
}
.header-style-five .main-menu .navigation > li:hover > a,
.header-style-five .main-menu .navigation > li.current > a,
.header-style-five .main-menu .navigation > li > ul > li > a:before,
.header-style-five .main-menu .navigation > li > ul > li > ul > li > a:before,
.header-style-five .sticky-header .main-menu .navigation > li:hover > a,
.header-style-five .sticky-header .main-menu .navigation > li.current > a{
color:var(--main-color-seven);
}
.header-style-five .main-menu .navigation > li > ul,
.header-style-five .main-menu .navigation > li > ul > li > ul{
background-color:var(--main-color-six);
} .header-style-six{
background-color:var(--main-color-nine);
}
.header-style-six .main-menu .navigation > li > a{
font-weight:700;
padding:30px 0px;
color:var(--white-color);
font-family:var(--font-family-DM-Sans);
}
.header-style-six .main-menu .navigation > li:hover > a,
.header-style-six .main-menu .navigation > li.current > a,
.header-style-six .main-menu .navigation > li > ul > li > a:before,
.header-style-six .main-menu .navigation > li > ul > li > ul > li > a:before,
.header-style-six .sticky-header .main-menu .navigation > li:hover > a,
.header-style-six .sticky-header .main-menu .navigation > li.current > a{
color:var(--main-color-ten);
}
.header-style-six .main-menu .navigation > li > ul,
.header-style-six .main-menu .navigation > li > ul > li > ul{
background-color:var(--main-color-nine);
}
.header-style-six .search-box-outer{
border:0px;
padding:var(--padding-zero);
margin-right:var(--margin-zero);
margin-left:var(--margin-left-25);
padding-left:var(--padding-left-20);
border-left:1px dashed var(--white-color);
}
.header-style-six .search-box-outer .search-box-btn{
color:var(--white-color);
}
.header-style-six .cart-box .cart-box-btn{
color:var(--white-color);
}
.header-style-six .cart-box .cart-box-btn .total-cart{
font-weight:700;
font-family:var(--font-family-DM-Sans);
background-color:var(--main-color-twelve);
}
.header-style-six .outer-box{
padding:34px 0px 17px;
}
.header-style-six .cart-product .inner .cross-icon:hover,
.header-style-six .cart-product .inner h3 a:hover{
color:var(--main-color-twelve);
}
.header-style-six .cart-box .cart-panel{
border-color:var(--main-color-twelve);
}
.header-style-six .cart-box .cart-panel .btns-boxed li a{
border-color:var(--main-color-twelve);
background-color:var(--main-color-twelve);
}
.header-style-six .outer-box .nav-btn:hover,
.header-style-six .outer-box .search-box-btn:hover{
color:var(--main-color-ten);
}
.header-style-six .sticky-header .search-box-outer{
border-color:var(--main-color-nine);
}
.main-header.header-style-six .logo-box {
padding: 0;
}
.header-style-six .sticky-header .search-box-outer .search-box-btn{
color:var(--main-color-nine);
}
.header-style-six .sticky-header .cart-box .cart-box-btn,
.header-style-six .sticky-header .main-menu .navigation > li > a{
color:var(--main-color-nine);
}
.header-style-six .sticky-header .logo{
padding:10px 0px !important;
}
.main-header.header-style-seven{
position:absolute;
left:0px;
right:0px;
}
.main-header.header-style-seven .auto-container{
max-width:1200px;
}
.header-style-seven .header-top{
background:none;
}
.header-style-seven .auto-container{
max-width:1680px;
}
.header-style-seven .header-top .social-box:before{
display:none;
}
.main-header.header-style-seven .header-top .info li a{
color:#64676c;
}
.header-style-seven .header-top .info li a .icon{
opacity:0.50;
color:var(--black-color);
}
.header-style-seven .header-top .social-box{
margin-left:var(--margin-left-40);
}
.header-style-seven .header-top .social-box li{
margin-left:var(--margin-left-15);
}
.main-header.header-style-seven .header-top .social-box li a{
color:#64676c;
}
.header-style-seven .main-menu .navigation > li > a{
color:var(--main-color-fourteen);
}
.header-style-seven .main-menu .navigation > li:hover > a,
.header-style-seven .main-menu .navigation > li.current > a{
color:var(--main-color-fifteen);
}
.header-style-seven .search-box-btn,
.header-style-seven .cart-box .cart-box-btn{
color:var(--main-color-sixteen);
}
.main-header.header-style-seven .outer-box {
position: relative;
float: right;
padding: 37px 0px;
margin-left: var(--margin-left-90);
display: flex;
align-items: center;
}
.main-header.header-style-seven .cart-box {
line-height: 1;
}
.main-header.header-style-seven .main-menu .navigation > li > ul,
.main-header.header-style-seven .main-menu .navigation > li > ul > li > ul{
background-color:var(--main-color-fifteen);
}
.main-header.header-style-seven .main-menu .navigation > li > ul > li > a:before,
.main-header.header-style-seven .main-menu .navigation > li > ul > li > ul > li > a:before{
color:var(--main-color-fifteen);
} .main-header.header-style-four .header-lower .nav-outer {
float: none;
}
.main-header.header-style-four .header-lower .logo {
padding: 0;
}
.main-header.header-style-four .main-menu {
padding-left: 50px;
}
.header-style-four{
position:absolute;
left:0px;
right:0px;
}
.main-header.header-style-four .sticky-header .logo {
padding: 10px 0;
}
.header-style-four .header-top{
background:none;
border-bottom:1px solid #ebebeb;
}
.header-style-four .sticky-header .brand_link img {
max-height: initial;
}
.header-style-four .auto-container{
max-width:1680px;
}
.header-style-four .header-top .social-box:before{
display:none;
}
.header-style-four .header-top .info li a{
color:#64676c;
}
.header-style-four .header-top .info li a .icon{
color:var(--main-color-four);
}
.header-style-four .header-top .social-box li a{
color:#64676c;
}
.header-style-four .main-menu .navigation > li > a{
color:#64676c;
font-weight:500;
}
.header-style-four .search-box-btn,
.header-style-four .cart-box .cart-box-btn{
color:var(--main-color-four);
}
.header-style-four .main-menu .navigation > li:hover > a,
.header-style-four .main-menu .navigation > li.current > a,
.header-style-four .main-menu .navigation > li > ul > li > a:before,
.header-style-four .main-menu .navigation > li > ul > li > ul > li > a:before,
.header-style-four .sticky-header .main-menu .navigation > li:hover > a,
.header-style-four .sticky-header .main-menu .navigation > li.current > a{
color:var(--main-color-four);
}
.header-style-four .main-menu .navigation > li > ul,
.header-style-four .main-menu .navigation > li > ul > li > ul{
background-color:var(--main-color-four);
}
.main-header.header-style-seven .header-lower .logo {
padding: 0;
}
.main-header.header-style-seven.fixed-header .brand_link img {
max-height: 60px;
}
.main-header.header-style-seven.fixed-header .logo {
padding: 25px 0px;
}
.main-header.header-style-seven .inner-container,
.main-header.header-style-seven.fixed-header .auto-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.main-header.header-style-seven .inner-container .nav-outer,
.main-header.header-style-seven.fixed-header .sticky-header .auto-container > .pull-right {
margin-left: auto;
} .main-header .main-menu .navigation > li > ul > li,
.main-header .main-menu .navigation > li,
.main-header .main-menu .navigation,
.main-header .header-lower .nav-outer,
.main-header .main-menu,
.main-header .sticky-header .main-menu .navigation > li {
position: static;
}
.main-header .main-menu .navigation > li.megamenu  > ul {
width: 100%;
}
.main-header .main-menu .navigation li.megamenu .sub-menu,
.header__area .main_menu li.megamenu .sub-menu {
width: 100%;
padding: 0;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
background: #fff;
box-shadow: 0 18px 43px rgb(90 90 90 / 14%);
}
.main-header .main-menu .navigation li.megamenu .sub-menu .container,
.header__area .main_menu li.megamenu .sub-menu .container
{
max-width: 100%;
padding: 0;
}
.header__area .main_menu li.megamenu .sub-menu,
.header__area .main_menu li.megamenu .sub-menu li {
padding: 0;
}
.nextbit__img_wrap {
overflow: hidden;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.08);
transition: 0.3s;
position: relative;
}
.nextbit_demo_mg_item.cm-soon a {cursor: no-drop;}
.nextbit__img_wrap p {
position: absolute;
top: 50%;
color: var(--heading-color);
left: 50%;
transform: translateY(-50%) translateX(-50%);
font-size: 18px;
font-family: "Poppins", Sans-serif;
font-weight: 500;
}
.nextbit__img_wrap span {
background: var(--main-color);
position: absolute;
top: 13px;
right: 10px;
color: #fff;
width: 55px;
text-align: center;
height: 25px;
display: block;
font-size: 13px;
line-height: 25px;
font-family: "Poppins", Sans-serif;
}
.nextbit__content {
display: block;
text-align: center;
margin-top: 18px;
-webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
-khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
-moz-transition: .3s cubic-bezier(.24,.74,.58,1);
-ms-transition: .3s cubic-bezier(.24,.74,.58,1);
-o-transition: .3s cubic-bezier(.24,.74,.58,1);
transition: .3s cubic-bezier(.24,.74,.58,1);
font-size: 14px;
color: var(--heading-color);
font-weight: 600;
}
.cm-soon .nextbit__img_wrap::after {
position: absolute;
content: "";
background: #ffffff;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: .8;
}
.nextbit_demo_mg_item:hover .nextbit__img_wrap {
transform: translateY(-3px);
}
.cm-soon .nextbit__img_wrap p {
z-index: 1;
}