/** Shopify CDN: Minification failed
Line 63:0 Unexpected "<"
Line 136:0 Unexpected "<"
Line 4854:0 Unexpected "<"
Line 4916:27 Expected "}" to go with "{"
**/
.row{margin-left:-15px;margin-right:-15px}
.page-width::after {
content: '';
display: table;
clear: both;
}
.page-width {
max-width: 1392px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width:1199px) {
.page-width {
max-width: 940px;
}
}
@media (max-width:991px) {
.page-width {
max-width: 720px;
}
}
@media (max-width:767px) {
.page-width {
max-width: 576px;
}
}
@media (max-width:543px) {
.page-width {
max-width: auto;
}
}
body .card-wrapper .cart-btn-bottom.button-position-center .cart-btn,
body .featured-product-section .ishi-featured-product-tab .ishi-product-tabs .ishi-product-tab-item .ishi-product-nav-link,
body #slidetop,
body .quantity,
body .button,
body .btn,
body .shopify-challenge__button,
body .customer button,
body .shopify-payment-button__button--unbranded,
body .owl-theme .owl-dots .owl-dot span,
body .owl-theme .owl-nav .owl-prev,
body .owl-theme .owl-nav .owl-next,
body .customer .field input,
body .customer select,
body .field__input,
body .select__select,
body input.spr-form-input,
body textarea.spr-form-input,
body .spr-summary-actions-newreview{
border-radius: 5px;
}
/******************** main title *********************/
.section-header .sub-title {
position: relative;
font-size: 14px;
line-height: 20px;
padding-bottom: 15px;
padding-left: 30px;
font-weight: 400;
color: var(--brand-secondary);
letter-spacing: 0;
display: inline-block;
vertical-align: middle;
text-transform: unset;
}
.section-header .sub-title:before {
position: absolute;
content: "";
width: 20px;
height: 5px;
background: var(--brand-secondary);
left: 0px;
right: auto;
border-radius: 10px;
top: 7px;
}
.section-header > h2 {
position: relative;
text-align: center;
font-size: 30px;
line-height: 30px;
margin-bottom: 28px;
font-weight: 600;
color: #232323;
letter-spacing: 0;
display: block;
text-transform: unset;
font-family: var(--font-body-family);
}
/* @media (max-width: 1199px) {
.section-header > h2 {
font-size: 36px;
line-height: 36px;
}
} */
@media (max-width: 991px) {
.section-header > h2 {
font-size: 26px;
line-height: 26px;
margin-bottom: 25px;
}
}
/* @media (max-width: 767px) {
.section-header > h2 {
font-size: 26px;
line-height: 26px;
}
} */
@media (max-width: 543px) {
.section-header > h2 {
font-size: 22px;
line-height: 24px;
margin-bottom: 20px;
}
}
/************************ featured Product *********************/
.featured-product-section .card-information .card-information__wrapper{
margin-top: 10px;
}
.card--product .spr-badge{
text-align:center;
position:absolute;
left:0;
right:0;
bottom: 10px;
}
@media (max-width: 543px) {
.card--product .mobile-review .spr-badge{
bottom: 55px;
}
}
.card-information .card-information__wrapper{
text-align:center;
}
.card-information .card-information__text{
padding-right:0;
color: #232323;
text-decoration: none;
font-weight: 400;
font-size: 15px;
line-height: 18px;
font-family: var(--font-body-family);
text-transform: capitalize;
margin: 0;
}
.card-information .price {
justify-content:center;
}
.price .price-item--regular,.price--on-sale .price-item--regular{
color: #232323;
display: inline-block;
vertical-align: middle;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
}
.price--on-sale.price .price-item--regular{
color: #666;
}
.price .price-item--sale,.price--on-sale .price-item--sale{
color: #232323;
display: inline-block;
vertical-align: middle;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
padding-left:5px;
}
.product-desc{
display:none;
color:#787878;
letter-spacing:0.5px;
font-weight:400;
line-height:24px;
}
.product-flags .sale {
position: absolute;
top: 10px;
color: var(--sale-text-color);
min-height: 40px;
min-width: 40px;
left: 10px;
border-radius: 50%;
background: var(--sale-bg-color);
text-align: center;
font-size: 10px;
font-weight: 600;
padding:0 4px;
display:flex;
align-items:center;
justify-content:center;
box-sizing: border-box;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
@media (max-width: 543px) {
.product-flags .sale {
min-height: 20px;
border-radius: 4px;
}
}
.outstock-overlay{
position: absolute;
background: var(--soldout-bg-color);
text-align: center;
padding: 7px;
width: auto;
color: var(--soldout-text-color);
display: block;
font-size: 9px;
font-weight: 600;
border-radius: 4px;
top: 10px;
right: auto;
left: 10px;
line-height: 8px;
-webkit-transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}
@media (max-width: 767px) {
.outstock-overlay{
display:none
}
}
@media (min-width: 768px) {
.outstock-overlay{
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
}
.template-404 .card-wrapper:hover .outstock-overlay,
.template-cart .card-wrapper:hover .outstock-overlay{
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.spr-badge{
line-height:1.2;
}
.spr-badge .spr-starrating{
margin: 0px;
}
.spr-badge .spr-badge-caption{
display:none;
}
.spr-badge i {
opacity: 1!important;
height: unset;
width: unset;
top: 0;
font-style: normal;
margin: 0 1px;
}
.spr-badge i.spr-icon-star:before,.spr-badge i.spr-icon-star-half-alt:before{
display:none;
}
.spr-badge i.spr-icon:after {
content: '\F005';
font-family: "FontAwesome";
color: #ccc;
font-size: 14px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}
.spr-badge i.spr-icon-star-empty:before {
display: none ! important;
}
.spr-badge i.spr-icon-star:after{
content: "\F005";
font-family: "FontAwesome";
color: #fec42d;
font-size: 14px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}
.spr-badge i.spr-icon-star-half-alt:after{
content: "\f123";
font-family: "FontAwesome";
color: #FEC42D;
font-size: 14px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-ms-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}
.thumbnail-buttons {
position: absolute;
right: 0;
left: 0;
bottom: -15px;
text-align: center;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all .5s;
display: flex;
align-items: center;
justify-content: center;
}
.thumbnail-buttons .btn-info{
width: 40px;
height: 40px;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
position: relative;
border: 0;
background-color: var(--product-btn-bg-color);
padding: 0;
display: block;
margin: 4px 2px 7px;
cursor: pointer;
border-radius: 50%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.thumbnail-buttons .product-btn {
width: 40px;
height: 40px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.thumbnail-buttons .product-btn{
margin-right: 5px;
}
.thumbnail-buttons .product-btn:last-child{
margin-right: 0;
}
@media (min-width: 768px){
.thumbnail-buttons .wishlist-btn {
transition-delay: 0.2s;
}
.thumbnail-buttons .addtocart-btn {
transition-delay: 0.4s;
}
}
.thumbnail-buttons .btn-info.sold-out{
cursor: not-allowed;
}
.thumbnail-buttons .cart-btn.loading{
background-color:var(--product-btn-bg-hover-color);
}
.thumbnail-buttons .cart-btn.loading svg{
opacity:0;
}
.thumbnail-buttons .cart-btn.loading:before{
position: absolute;
content: "\f1ce";
font-family: "FontAwesome";
color: var(--product-icon-hover-color);
width: 40px;
height: 40px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
text-align:center;
-webkit-animation: fa-spin2s infinite linear;
-moz-animation: fa-spin 2s infinite linear;
-o-animation: fa-spin 2s infinite linear;
animation:fa-spin 2s infinite linear;
}
.thumbnail-buttons .wishlist .loader-btn{
text-align:center;
width: 40px;
height: 40px;
display: flex;
border-radius: 50%;
align-items: center;
justify-content: center;
background-color: var(--product-btn-bg-hover-color);
}
.thumbnail-buttons .wishlist .loader-btn i{
color: var(--product-icon-hover-color);
width:15px;
height:15px;
}
/* @media (min-width: 768px) {
.thumbnail-buttons .btn-info {
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
}
} */
.thumbnail-buttons .btn-info svg {
fill: var(--product-icon-color);
width: 40px;
height: 40px;
}
.thumbnail-buttons .btn-info span {
display:none;
}
.thumbnail-buttons .btn-info:hover{
background-color: var(--product-btn-bg-hover-color);
}
.thumbnail-buttons .btn-info:hover svg {
fill: var(--product-icon-hover-color);
}
@media (min-width: 768px) {
.card-wrapper:hover .thumbnail-buttons .btn-info {
opacity: 1;
/* -webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px); */
}
.card-wrapper:hover .outstock-overlay{
opacity: 0;
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-ms-transform: translateX(-100px);
-o-transform: translateX(-100px);
transform: translateX(-100px);
}
}
@media (max-width: 767px) {
/* .thumbnail-buttons{
position:unset !important;
} */
.card-information .card-information__text{
font-size:14px;
}
.price .price-item--regular,.price--on-sale .price-item--regular{
font-size: 14px;
}
.price .price-item--sale,.price--on-sale .price-item--sale{
font-size: 14px;
margin-left:5px;
}
.thumbnail-buttons .btn-info{
width: 35px;
height: 35px;
}
.thumbnail-buttons .product-btn{
width: 35px;
height: 35px;
}
.thumbnail-buttons .wishlist .loader-btn{
width: 35px;
height: 35px;
}
.thumbnail-buttons .cart-btn.loading:before{
width: 35px;
height: 35px;
}
.thumbnail-buttons .btn-info svg {
width: 35px;
height: 35px;
}
}
@media (max-width: 543px) {
.thumbnail-buttons{
margin-top: 5px !important;
}
.card-information .card-information__text{
font-size:13px;
}
.price .price-item--regular,.price--on-sale .price-item--regular{
font-size: 13px;
}
.price .price-item--sale,.price--on-sale .price-item--sale{
font-size: 14px;
margin-left:3px;
}
.thumbnail-buttons .btn-info{
margin: 0 !important;
margin-right: 3px !important;
width: 30px;
height: 30px;
}
.thumbnail-buttons .wishlist .loader-btn{
width: 30px;
height: 30px;
}
.thumbnail-buttons .cart-btn.loading:before{
width: 30px;
height: 30px;
}
.thumbnail-buttons .btn-info svg {
width: 30px;
height: 30px;
}
.card--product .mobile-review .spr-badge {
bottom: 5px;
}
}
@media (min-width: 768px) {
.thumbnail-buttons .product-btn{
padding: 0;
opacity: 0;
/* -moz-transform: scale(0.1);
-moz-transform: scale(0.1);
-webkit-transform: scale(0.1);
-o-transform: scale(0.1);
-ms-transform: scale(0.1); */
-webkit-transform: translate(100px);
-moz-transform: translate(100px);
-ms-transform: translate(100px);
-o-transform: translate(100px);
transform: translate(100px);
}
.card-wrapper:hover .thumbnail-buttons .product-btn {
opacity: 1;
/* -moz-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1); */
-webkit-transform: translate(0px);
-moz-transform: translate(0px);
-ms-transform: translate(0px);
-o-transform: translate(0px);
transform: translate(0px);
}
.card-wrapper .price{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
/* .card-wrapper:hover .price {
opacity: 0;
} */
}
.top-menu .category .card-wrapper:hover .price,
.sidebar-collection .card-wrapper:hover .price,
.list__item .card-wrapper:hover .price,
.template-404 .card-wrapper:hover .price{
opacity: 1;
}
.list__item .thumbnail-buttons{
position:unset;
justify-content: flex-start;
}
@media (max-width: 767px){
.list__item .thumbnail-buttons{
justify-content: center;
}
}
.list__item .card-wrapper .thumbnail-buttons .product-btn {
opacity: 1;
transform: translatey(0);
-moz-transform: translatey(0);
-webkit-transform: translatey(0);
-o-transform: translatey(0);
-ms-transform: translatey(0);
}
.product-recommendations .with-sidebar.product-width-4 .thumbnail-buttons,
.with-sidebar.collectiongrid-layout-4 .thumbnail-buttons{
bottom: -10px;
}
/***********color-swath*****************/
.variants-swatch .color-box{
width:15px;
height:15px;
border-radius: 50%;
display:block;
background-position: center;
}
.variants-swatch .color_swatch{
display:inline-block;
vertical-align:middle;
}
.variants-swatch .color_swatch .swatch-label{
display: block;
border-radius: 50%;
position: relative;
letter-spacing: 0;
width: 21px;
height:21px;
margin: 0 auto;
border: 1px solid transparent;
background: transparent;
cursor: pointer;
padding: 2px;
box-sizing: border-box;
transition: .5s;
}
.variants-swatch .color_swatch .swatch-label:hover{
border: 1px solid #232323;
}
.variants-swatch .color_swatch .swatch-label.active{
border: 1px solid #232323;
}
.variants-swatch .color_swatch .swatch-label .tool-tip{
position: absolute;
bottom: calc(100% + 8px);
background: black;
line-height: 22px;
padding: 0 10px;
color: #fff;
font-size: 10px;
border-radius: 0;
left: 50%;
transform: translate(-50%);
pointer-events: none;
opacity: 0;
visibility: hidden;
white-space: nowrap;
transition: .5s;
}
.variants-swatch .color_swatch .swatch-label .tool-tip:before{
bottom: -9px;
content: "";
position: absolute;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent;
left: calc(50% - 5px);
}
.variants-swatch .color_swatch .swatch-label:hover .tool-tip{
opacity: 1;
visibility: visible;
}
.variants-swatch.show--more .group-swatch {
display: inline!important;
}
.variants-swatch .number-showmore{
width: auto;
height: 30px;
display: inline-block;
cursor: pointer;
line-height: 30px;
text-align: center;
font-size: 13px;
font-weight: 400;
color: #969696;
background: none;
border: none;
}
@media (max-width: 991px) {
.variants-swatch .color-box{
width: 14px;
height: 14px;
}
.variants-swatch .color_swatch .swatch-label{
width: 20px;
height: 20px;
padding: 2px;
}
.variants-swatch .number-showmore{
line-height: 20px;
height: 20px;
}
}
.group-swatch {
display: inline;
vertical-align: middle;
line-height: 1;
}
.variants-swatch .item-swatch-more {
display: inline-block;
vertical-align: middle;
}
.variants-swatch .swatch-minus,
.variants-swatch.show--more .swatch-plus{
display: none;
}
.variants-swatch.show--more .swatch-minus {
display: inline-block;
}
/******************************************************/
/*************************************** Header.css *****************************/
#header .nav-header{
background:var(--navbar-background-color);
}
#header .nav-header .header-block {
padding: 12px 0;
position: relative;
text-align: center;
}
#header .nav-header .header-block .text {
color:var(--navbar-text-color);
font-size: 14px;
font-weight: 400;
line-height: 24px;
display: inline-block;
vertical-align: middle;
}
#header .header-top {
position: relative;
text-align: center;
padding:24px 0;
padding-top:5px;
/* background: #fff; */
background: black;
border-bottom: 1px solid #eee;
}
.template-index #header .header-top{
border-bottom: 0;
}
@media (min-width: 992px) {
#header .header-top>.page-width>.row {
display: flex;
align-items: center;
}
}
@media (max-width: 991px) {
#header .header-top {
overflow: hidden;
padding: 6px 0;
z-index: unset;
}
}
#header .desktop-user-info {
text-align: right;
position: relative;
padding:0;
}
@media (max-width: 767px) {
#header .desktop-user-info {
text-align: center;
width: 100%;
}
}
#header .desktop-user-info .user_info,
#header .desktop-user-info .checkout,
#header .desktop-user-info .wishlist,
#header .desktop-user-info .contact {
display: inline-block;
vertical-align: middle;
padding: 10px 8px;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 767px) {
#header .desktop-user-info .user_info,
#header .desktop-user-info .checkout,
#header .desktop-user-info .wishlist,
#header .desktop-user-info .contact {
padding: 6px 8px;
}
}
@media (max-width: 543px) {
#header .desktop-user-info .user_info,
#header .desktop-user-info .checkout,
#header .desktop-user-info .wishlist,
#header .desktop-user-info .contact {
padding: 4px 6px;
}
}
#header .desktop-user-info .user_info a,
#header .desktop-user-info .checkout a,
#header .desktop-user-info .wishlist a,
#header .desktop-user-info .contact a {
color:var(--navbar-text-color);
font-weight: 400;
font-size: 14px;
letter-spacing: 0.5px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
display: inline-block;
vertical-align: middle;
}
@media (max-width: 991px) {
#header .desktop-user-info .user_info a,
#header .desktop-user-info .checkout a,
#header .desktop-user-info .wishlist a,
#header .desktop-user-info .contact a {
color: #fff;
}
}
#header .desktop-user-info .user_info a:hover,
#header .desktop-user-info .checkout a:hover,
#header .desktop-user-info .wishlist a:hover,
#header .desktop-user-info .contact a:hover {
color: var(--navbar-text-color);
}
#header .desktop-user-info>div {
position: relative;
}
#header .desktop-user-info>div:after {
content: '';
position: absolute;
right: -3px;
top: 14px;
background: var(--navbar-text-modify-color);
width: 1px;
height: 16px;
}
@media (max-width: 767px) {
#header .desktop-user-info>div:after {
top: 10px;
/* background: rgba(255, 255, 255, 0.6); */
}
}
@media (max-width: 543px) {
#header .desktop-user-info>div:after {
top: 7px;
}
}
@media (min-width: 992px){
#header .header-top-height {
min-height: 98px;
}
}
@media (min-width: 544px){
#header .desktop-user-info div:last-child {
padding-right: 0;
}
}
#header .desktop-user-info div:last-child:after {
display: none;
}
/* @media (min-width: 992px) {
#header .desktop-user-info div:first-child {
padding-left: 0;
}
} */
#header .header-logo-section {
position: relative;
text-align: center;
}
#header .header-logo-section .header__logo {
margin: 0;
}
#header .header-logo-section .header__logo a {
display: inline-block;
}
#header .header-logo-section .header__logo a.site-header__logo-link {
color: var(--header-icon-color);
font-weight: 400;
font-size: 18px;
}
#header .header-logo-section.logo-left {
text-align: left;
}
@media (max-width: 991px) {
#header .header-logo-section.logo-left {
text-align: center;
}
}
#_desktop_search,
#_mobile_search {
cursor: pointer;
position: relative;
padding: 0;
display: inline-block;
vertical-align:middle;
}
#_desktop_search .search-toggle,
#_mobile_search .search-toggle {
width: 40px;
height: 40px;
display: block;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor: pointer;
}
#_desktop_search .search-toggle svg,
#_mobile_search .search-toggle svg {
width: 40px;
height: 40px;
fill: white;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
@media (max-width: 991px) {
#_desktop_search .search-toggle svg,
#_mobile_search .search-toggle svg {
fill: white;
}
}
/* @media (min-width: 992px) {
#_desktop_search .search-toggle:hover svg,
#_mobile_search .search-toggle:hover svg {
fill: var(--header-icon-hover-color);
}
} */
#_desktop_search .search-info,
#_mobile_search .search-info {
position: absolute;
right: 0;
top: 40px;
z-index: 99;
}
@media (max-width: 991px) {
#_desktop_search .search-info,
#_mobile_search .search-info {
left: 0;
right: auto;
}
}
#_desktop_search .search-info form,
#_mobile_search .search-info form {
width: 100%;
max-width: 340px;
border-radius: 5px;
}
@media (max-width: 543px) {
#_desktop_search .search-info form,
#_mobile_search .search-info form {
/* If media is below 544 */
max-width: 240px;
}
}
@media (max-width: 349px) {
#_desktop_search .search-info form,
#_mobile_search .search-info form {
max-width: 215px;
}
}
#_desktop_search .search-info form .search-tag,
#_mobile_search .search-info form .search-tag {
display: none;
}
#_desktop_search .search-info .search__input,
#_mobile_search .search-info .search__input {
min-width: 340px;
width: 100%;
border: 1px solid #e7e7e7;
border-radius:5px;
height: 40px;
padding: 5px 15px;
padding-right: 55px;
margin: 0;
background: #fff;
text-transform: capitalize;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.8px;
color: #777;
}
@media (max-width: 991px) {
#_desktop_search .search-info .search__input,
#_mobile_search .search-info .search__input {
min-width: 300px;
}
}
@media (max-width: 543px) {
#_desktop_search .search-info .search__input,
#_mobile_search .search-info .search__input {
/* If media is below 544 */
min-width: 240px;
}
}
@media (max-width: 349px) {
#_desktop_search .search-info .search__input,
#_mobile_search .search-info .search__input {
min-width: 215px;
}
}
#_desktop_search .search-info .search__input:hover+.btn--link,
#_mobile_search .search-info .search__input:hover+.btn--link {
opacity: 1;
}
#_desktop_search .search-info .search__input::-moz-placeholder,
#_mobile_search .search-info .search__input::-moz-placeholder {
color: #777;
opacity: 1;
}
#_desktop_search .search-info .search__input::-webkit-input-placeholder,
#_mobile_search .search-info .search__input::-webkit-input-placeholder {
color: #777;
opacity: 1;
}
#_desktop_search .search-info .search__input:focus,
#_mobile_search .search-info .search__input:focus {
background: #fff;
}
#_desktop_search .search-info .search-header__submit,
#_mobile_search .search-info .search-header__submit {
position: absolute;
right: 0;
top: 0;
border: none;
height: 40px;
width: 45px;
font-size: 15px;
font-weight: 400;
line-height: 35px;
text-align: center;
padding: 0;
cursor:pointer;
outline: none;
z-index: 11;
-ms-transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background: var(--button-bg-color);
text-align: center;
color: var(--button-text-color);
border-radius: 0 5px 5px 0;
}
#_desktop_search .search-info .search-header__submit:hover,
#_mobile_search .search-info .search-header__submit:hover {
background: var(--button-bg-hover-color);
color: var(--button-text-hover-color);
}
#_desktop_search .search-info .search-header__submit i,
#_mobile_search .search-info .search-header__submit i{
font-size: 16px;
}
#_desktop_search .search-info .search-header__submit:place-holder,
#_mobile_search .search-info .search-header__submit:place-holder {
opacity: 1;
}
#_desktop_search .search-info .search-header__submit.btn--link:hover,
#_mobile_search .search-info .search-header__submit.btn--link:hover,
#_desktop_search .search-info .search-header__submit.btn--link:focus,
#_mobile_search .search-info .search-header__submit.btn--link:focus {
opacity: 1;
}
#_desktop_search .search-info .search-header__submit .icon__fallback-text,
#_mobile_search .search-info .search-header__submit .icon__fallback-text {
display: none;
color: #fff;
position: unset !important;
height: 35px;
width: auto;
line-height: 32px;
font-size: 16px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 543px) {
#_desktop_search .search-info .search-header__submit .icon__fallback-text,
#_mobile_search .search-info .search-header__submit .icon__fallback-text {
/* If media is below 544 */
font-size: 14px;
}
}
#_desktop_search .search-info .search-header__submit .search-logo,
#_mobile_search .search-info .search-header__submit .search-logo {
display: block;
}
#_desktop_search .search-info .search-header__submit .search-logo i,
#_mobile_search .search-info .search-header__submit .search-logo i {
color: #222;
}
#_desktop_search .search-info .search-header__submit .search-logo:hover i,
#_mobile_search .search-info .search-header__submit .search-logo:hover i {
color: var(--brand-secondary);
}
#_desktop_search .search-info .search-results li a img,
#_mobile_search .search-info .search-results li a img {
border: 1px solid #e9e9e9;
}
#_desktop_search .search-info .search-results li a .price,
#_mobile_search .search-info .search-results li a .price {
padding-top: 0;
}
.search-header .search-results {
top: auto !important;
width: 100%;
}
#_desktop_user_info,
#_mobile_user_info {
cursor: pointer;
position: relative;
display: inline-block;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#_desktop_user_info #user-notification,
#_mobile_user_info #user-notification{
background-color: #fff;
border: 1px solid #e9e9e9;
padding: 20px;
position: absolute;
right: 0;
left: auto;
text-align: left;
width: 350px;
z-index: 9;
overflow:hidden;
}
@media (max-width: 543px) {
#_desktop_user_info #user-notification,
#_mobile_user_info #user-notification{
width: 300px;
}
}
@media (max-width: 480px) {
#_desktop_user_info #user-notification,
#_mobile_user_info #user-notification{
width: 280px;
}
}
@media (max-width: 375px) {
#_desktop_user_info #user-notification,
#_mobile_user_info #user-notification{
width: 260px;
}
}
.toggle-dropdown{
right: 0;
visibility: hidden;
opacity: 0;
transform: scale(0);
transition: opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s ease-in-out;
will-change: transform;
}
.toggle-dropdown.active{
visibility: visible;
opacity: 1;
transition: opacity .4s cubic-bezier(0, 1, .4, 1),transform .4s cubic-bezier(.18, 1.25, .4, 1),visibility .4s linear;
transform: scale(1);
}
.ishi-panel-data{
visibility: hidden;
transition: transform .5s cubic-bezier(.23, 1, .32, 1),visibility .5s cubic-bezier(.23, 1, .32, 1);
width:100%;
position:absolute;
top: 0;
left: 0;
background:#fff;
}
.ishi-panel-data-slide{
top: 0;
left: 0;
transform: translateX(100%);
}
.ishi-panel-data-default{
transform: translateX(-100%);
}
.ishi-panel-data.active{
transform: translateX(0);
visibility: visible;
position:unset;
}
#_desktop_user_info #user-notification .customer.login,
#_mobile_user_info #user-notification .customer.login{
max-width: 100%;
padding: 0;
box-shadow: none;
margin-bottom: 0;
}
#_desktop_user_info #user-notification .customer.login h2,
#_mobile_user_info #user-notification .customer.login h2{
margin-top:0;
}
#_desktop_user_info #user-notification .customer.login .forgot,
#_mobile_user_info #user-notification .customer.login .forgot{
float: right;
display: block;
margin-bottom: 15px;
font-size: 13px;
}
#_desktop_user_info #user-notification .customer.login p,
#_mobile_user_info #user-notification .customer.login p{
margin-bottom:0;
color:#232323;
}
#_desktop_user_info #user-notification .customer.login form,
#_mobile_user_info #user-notification .customer.login form{
margin-top:20px;
}
#_desktop_user_info #user-notification .customer.login .btn,
#_mobile_user_info #user-notification .customer.login .btn{
display: block;
float: none;
width: 100%;
font-size: 16px;
font-weight: 400;
line-height: 20px;
margin-bottom: 15px;
margin-top: 0;
}
#_desktop_user_info #user-notification .customer.login #create_customer .btn,
#_mobile_user_info #user-notification .customer.login #create_customer .btn{
margin-top: 20px;
}
#_desktop_user_info #user-notification .customer.login button,
#_mobile_user_info #user-notification .customer.login button{
margin: 15px 0 0;
display: block;
width: 100%;
}
#_desktop_user_info #user-notification .customer.login .field input,
#_mobile_user_info #user-notification .customer.login .field input{
padding:10px;
height: 4rem;
}
#_desktop_user_info #user-notification .customer.login .field input:-webkit-autofill,
#_mobile_user_info #user-notification .customer.login .field input:-webkit-autofill,
#_desktop_user_info #user-notification .customer.login .field input:focus,
#_mobile_user_info #user-notification .customer.login .field input:focus,
#_desktop_user_info #user-notification .customer.login .field input:not(:placeholder-shown),
#_mobile_user_info #user-notification .customer.login .field input:not(:placeholder-shown),
#_desktop_user_info #user-notification .customer.login .field input:-webkit-autofill,
#_mobile_user_info #user-notification .customer.login .field input:-webkit-autofill {
padding: 1.7rem 1.5rem 0.8rem;
}
#_desktop_user_info #user-notification .customer.login .field label,
#_mobile_user_info #user-notification .customer.login .field label{
top: 1rem;
}
#_desktop_user_info #user-notification .customer.login .field input:-webkit-autofill~label,
#_mobile_user_info #user-notification .customer.login .field input:-webkit-autofill~label,
#_desktop_user_info #user-notification .customer.login .field input:focus~label,
#_mobile_user_info #user-notification .customer.login .field input:focus~label,
#_desktop_user_info #user-notification .customer.login .field input:not(:placeholder-shown)~label,
#_mobile_user_info #user-notification .customer.login .field input:not(:placeholder-shown)~label {
top: 0.2rem;
}
#_desktop_user_info #user-notification .customer.login .field,
#_mobile_user_info #user-notification .customer.login .field{
margin: 1.5rem 0 0 0;
}
#_desktop_user_info .userinfo-title,
#_mobile_user_info .userinfo-title {
cursor: pointer;
display:block;
}
#_desktop_user_info .userinfo-title .userinfo-toggle,
#_mobile_user_info .userinfo-title .userinfo-toggle {
display: inline-block;
vertical-align: middle;
}
#_desktop_user_info .userinfo-title .userinfo-toggle svg,
#_mobile_user_info .userinfo-title .userinfo-toggle svg {
fill: var(--header-icon-color);
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
@media (min-width: 992px) {
#_desktop_user_info:hover .userinfo-title .userinfo-toggle svg,
#_mobile_user_info:hover .userinfo-title .userinfo-toggle svg {
fill: var(--header-icon-hover-color);
}
}
@media (max-width: 991px) {
#_desktop_user_info .userinfo-title .userinfo-toggle svg,
#_mobile_user_info .userinfo-title .userinfo-toggle svg {
fill: #232323;
}
}
#_desktop_cart,
#_mobile_cart {
position: relative;
display: inline-block;
vertical-align:middle;
}
#_desktop_cart .cart-display .cart-logo,
#_mobile_cart .cart-display .cart-logo {
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor: pointer;
background:none
}
#_desktop_cart .cart-display .cart-logo svg,
#_mobile_cart .cart-display .cart-logo svg {
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
fill: var(--header-icon-color);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
color:white;
background:none;
}
@media (max-width: 991px) {
#_desktop_cart .cart-display .cart-logo svg,
#_mobile_cart .cart-display .cart-logo svg {
fill: white;
color:white;
}
}
/* @media (min-width: 992px) {
#_desktop_cart .cart-display .cart-logo:hover svg,
#_mobile_cart .cart-display .cart-logo:hover svg {
fill: var(--header-icon-hover-color);
}
} */
@media (min-width: 992px) {
#_desktop_cart .cart-display .cart-logo,
#_mobile_cart .cart-display .cart-logo{
background: none;
border-radius: 5px;
padding: 4px 8px;
padding-right: 11px;
}
#_desktop_cart .cart-display .cart-logo svg,
#_mobile_cart .cart-display .cart-logo svg {
fill: white;
width: 32px;
height: 32px;
stroke-width: 10px;
stroke: var(--button-text-color);
}
#_desktop_cart .cart-display .cart-text,
#_mobile_cart .cart-display .cart-text {
font-size: 14px;
color: white;
display: inline-block;
vertical-align: middle;
}
#_desktop_cart .cart-display .cart_count ,
#_mobile_cart .cart-display .cart_count {
font-size: 14px;
color: var(--button-text-color);
padding-left: 3px;
}
}
@media (min-width: 992px) and (max-width: 1199px){
#_desktop_cart .cart-display .cart-text,
#_mobile_cart .cart-display .cart-text {
font-size: 12px;
}
#_desktop_cart .cart-display .cart_count ,
#_mobile_cart .cart-display .cart_count {
font-size: 12px;
padding-left: 0px;
}
#_desktop_cart .cart-display .cart-logo svg,
#_mobile_cart .cart-display .cart-logo svg {
width: 30px;
height: 30px;
}
.header-right.header-search-cart{
display: flex;
align-items: center;
}
}
#_desktop_cart .cart-display .cart-count-bubble:empty,
#_mobile_cart .cart-display .cart-count-bubble:empty{
display: none;
}
#_desktop_cart .cart-display .cart-count-bubble,
#_mobile_cart .cart-display .cart-count-bubble {
background-color: var(--button-bg-color);
border-radius: 50%;
color: var(--button-text-color);
font-size: 11px;
font-weight: 400;
height: 15px;
left: auto;
position: absolute;
right: 3px;
text-align: center;
top: 2px;
bottom:auto;
display: flex;
justify-content: center;
align-items: center;
width: 15px;
line-height: 15px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 991px) {
#_desktop_cart .cart-display .cart-count-bubble,
#_mobile_cart .cart-display .cart-count-bubble {
border-radius: 50%;
top: 4px;
right: 6px;
width: 14px;
line-height: 14px;
height: 14px;
}
}
.header-center {
text-align: center;
}
.header-right {
text-align: right;
}
.header-left{
text-align: left;
padding: 11px 0;
}
.ishiheaderemailblock {
display: inline-block;
vertical-align: middle;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.ishiheaderemailblock .call-text{
display: inline-block;
vertical-align: middle;
text-align: left;
margin-top:10px
}
.ishiheaderemailblock .email .email-id{
display: inline-block;
vertical-align: middle;
font-size: 13px;
font-weight: 400;
line-height: 20px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
color: var(--navbar-text-color);
}
.ishiheaderemailblock .call-title{
color: var(--navbar-text-color);
font-size: 14px;
font-weight: 600;
display: inline-block;
line-height: 20px;
vertical-align: middle;
}
.header-block .offer-inner .ishiofferblock-container .heading {
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-transform: unset;
color: var(--navbar-text-color);
}
.user_info .userinfo-title {
cursor: pointer;
display:block;
}
.user_info .userinfo-title .userinfo-toggle {
display: inline-block;
vertical-align: middle;
}
.user_info .userinfo-title .userinfo-toggle svg {
fill: var(--header-icon-color);
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
@media (min-width: 992px) {
.user_info:hover .userinfo-title .userinfo-toggle svg {
fill: var(--header-icon-hover-color);
}
}
@media (max-width: 991px) {
.user_info .userinfo-title .userinfo-toggle svg {
fill: #232323;
}
}
#_desktop_user_info .userinfo-title .userinfo-toggle{
color: var(--navbar-text-color);
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 14px;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
/*-------------fixed-header--------------*/
.fixed-header{
position: fixed !important;
border: none !important;
margin: 0 !important;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
z-index: 99;
right: 0;
padding: 0;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
animation: slide-down 0.7s;
-moz-animation: slide-down 0.7s;
-webkit-animation: slide-down 0.7s;
-o-animation: slide-down 0.7s;
overflow: visible;
background:black;
}
@media (min-width: 992px){
.fixed-header {
padding: 10px 0!important;
background:black;
}
.fixed-header #_desktop_top_menu #top-menu>li.menularge .sub-menu {
top: 60px !important;
}
}
@keyframes slide-down {
0% {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
-moz-transform: translateY(-100%);
}
100% {
transform: translateY(0);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-moz-transform: translateY(0);
}
}
.wrapper-nav{
min-height:50px;
}
.navfullwidth{
background:var(--menu-bg-color);
}
.ishi-horizontal-megamenu{
position:unset;
}
#shopify-section-Ishi_megamenu {
float: none;
text-align: center;
}
#_desktop_top_menu {
padding: 0;
}
#_desktop_top_menu #top-menu .sub-menu {
position: absolute;
top: 70%;
background: #fff;
border: none;
width: auto;
z-index: 18;
overflow: hidden;
left: 0;
right:0;
padding: 30px;;
border-radius: 0;
visibility: hidden;
text-align: center;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
transform: translateY(60px);
-webkit-transform: translateY(60px);
-ms-transform: translateY(60px);
-o-transform: translateY(60px);
-moz-transform: translateY(60px);
}
#_desktop_top_menu #top-menu .sub-menu.spacesmall {
padding: 15px;
}
#_desktop_top_menu #top-menu>li:hover:hover .sub-menu {
top: 100%;
opacity: 1;
transform: translateY(0);
visibility: visible;
}
#_desktop_top_menu #top-menu>li.menularge .sub-menu {
top: 74px !important;
}
@media (min-width: 992px) {
#_desktop_top_menu #top-menu .sub-menu.col-1 {
width: 160px;
}
#_desktop_top_menu #top-menu .sub-menu.col-2 {
width: 430px;
margin: 0 auto;
}
#_desktop_top_menu #top-menu .sub-menu.col-3 {
width: 690px;
margin: 0 auto;
}
#_desktop_top_menu #top-menu .sub-menu.col-4 {
width: 920px;
margin: 0 auto;
}
#_desktop_top_menu #top-menu .sub-menu.col-5{
width: 85%;
margin: 0 auto;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#_desktop_top_menu #top-menu .sub-menu.col-5{
padding:15px;
width: 95%;
}
}
#top-menu h3 {
position: relative;
margin: 0;
letter-spacing: 0.5px;
font-size: 17px;
font-weight: 500;
}
@media (max-width: 1400px) {
#top-menu h3 {
font-size: 16px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#top-menu h3 {
font-size: 15px;
}
}
@media (max-width: 991px) {
#top-menu h3 {
font-size: 15px;
font-weight: 400;
}
}
#top-menu>li {
display: inline-block;
vertical-align: middle;
position: relative;
}
#top-menu>li.menularge {
position:unset;
}
@media (max-width: 991px) {
#top-menu>li.menularge{
position:relative;
}
}
#top-menu>li:last-child .dropdown-item:after {
display: none;
}
@media (max-width: 991px) {
#top-menu>li {
display: block;
padding: 15px 0;
border-bottom: 1px solid #eee;
}
#top-menu>li:last-child {
border-bottom: none;
}
}
#top-menu>li .dropdown-item {
white-space: normal;
}
#top-menu>li>a {
display: block;
padding: 15px 12px;
position: relative;
}
@media (max-width: 991px) {
#top-menu>li>a {
/* If media is below 992 */
display: inline-block;
vertical-align: middle;
padding: 15px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#top-menu>li>a {
padding: 15px 5px;
}
}
#top-menu>li>a .title {
color: var(--menu-text-color);
font-weight: 400;
font-size: 14px;
line-height: 20px;
font-family: var(--font-body-family);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 991px) {
#top-menu>li>a .title {
/* If media is below 992 */
float: left;
color: #232323;
line-height: 20px;
font-weight: 400;
font-size: 16px;
}
}
#top-menu>li>a i {
display: none;
}
#top-menu>li>a span {
background: #f00 none repeat scroll 0 0;
border-radius: 2px;
font-family: var(--font-body-family);
font-size: 8px;
font-weight: 500;
padding: 2px 4px;
position: absolute;
top: 4px;
letter-spacing: 0.5px;
color: #fff;
line-height: 8px;
right: 1px;
z-index: 0;
}
@media (max-width: 1199px) {
#top-menu>li>a span {
right: -7px;
top: 3px;
}
}
@media (max-width: 991px) {
#top-menu>li>a span {
display: none;
}
}
@media (max-width: 991px) {
#top-menu>li>a span {
/* If media is below 992 */
padding: 0 3px;
top: 0px;
float: right;
left: auto;
right: 0;
position: relative;
margin: 0 6px;
}
}
#top-menu>li>a span.new {
background: #666 none repeat scroll 0 0;
}
@media (min-width: 992px) {
#top-menu>li>a span.new:before {
border-top: 5px solid #666;
}
}
#top-menu>li>a span.sale {
background: #7fbc1e none repeat scroll 0 0;
}
@media (min-width: 992px) {
#top-menu>li>a span.sale:before {
border-top: 5px solid #7fbc1e;
}
}
@media (min-width: 992px) {
#top-menu>li>a span:before {
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 0;
height: 0;
border: 0 solid transparent;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-top-color: transparent;
border-left-width: 0px;
border-right-width: 6px;
border-top: 5px solid #f00;
-moz-transform: scale(0.9999);
}
}
@media (min-width: 992px) {
#top-menu>li>a:hover .title {
color: var(--menu-text-hover-color);
}
}
.top-menu.mainmenu-dropdown {
overflow: hidden;
position:relative;
display: grid;
grid-template-columns: repeat(6,1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.col-2 .top-menu.mainmenu-dropdown {
grid-template-columns: repeat(2,1fr);
}
.col-3 .top-menu.mainmenu-dropdown {
grid-template-columns: repeat(3,1fr);
}
.col-4 .top-menu.mainmenu-dropdown {
grid-template-columns: repeat(4,1fr);
}
.col-5 .top-menu.mainmenu-dropdown {
grid-template-columns: repeat(5,1fr);
}
@media (max-width: 1199px) {
.col-5 .top-menu.mainmenu-dropdown{
grid-column-gap: 15px;
}
}
@media (max-width: 991px) {
.top-menu.mainmenu-dropdown {
display: block;
}
}
.col-1 .top-menu.mainmenu-dropdown {
display:block;
}
.top-menu.mainmenu-dropdown .sub-category {
text-align: left;
}
@media (max-width: 991px) {
.top-menu.mainmenu-dropdown .sub-category {
/* If media is below 992 */
padding: 10px 0;
}
}
.top-menu.mainmenu-dropdown .sub-category>a {
padding-bottom: 4px;
margin-bottom: 17px;
position: relative;
}
.top-menu.mainmenu-dropdown .sub-category>a:before {
border-top: 1px solid #ddd;
bottom: -7px;
content: "";
position: absolute;
left: 0;
width: 50%;
}
@media (max-width: 991px) {
.top-menu.mainmenu-dropdown .sub-category>a:before {
/* If media is below 992 */
display: none;
}
}
.top-menu.mainmenu-dropdown .sub-category>a .inner-title {
color: #232323;
}
.top-menu.mainmenu-dropdown .sub-category>a h3 {
color: var(--brand-secondary);
display: block;
text-transform: capitalize;
font-weight: 400;
font-size: 14px;
}
@media (min-width: 992px) {
.top-menu.mainmenu-dropdown .sub-category>a h3 {
/* If media is above 991 */
font-size: 15px;
}
}
.top-menu.mainmenu-dropdown .sub-category ul .category:last-child a {
padding-bottom: 0;
}
.top-menu.mainmenu-dropdown li a {
font-family: var(--font-body-family);
padding-bottom: 8px;
font-size: 14px;
display: block;
color: #666;
font-weight: 400;
}
@media (max-width: 991px) {
.top-menu.mainmenu-dropdown li a {
color: #232323;
}
}
@media (min-width: 992px) {
.top-menu.mainmenu-dropdown li a:hover {
color: #232323;
}
}
.top-menu .collapse {
display: inherit;
}
.top-menu .popover {
max-width: inherit;
}
.top-menu.mainmenu-dropdown .sub-category.img-container a {
padding-bottom: 0;
margin-bottom: 0;
}
.top-menu.mainmenu-dropdown .sub-category.img-container a:before {
display:none;
}
.grid__item--Ishi_megamenu .card-wrapper{
width: 140px;
}
.grid__item--Ishi_megamenu .card-wrapper .card--product a{
padding:0;
}
.grid__item--Ishi_megamenu .card-information .card-information__wrapper{
text-align:left;
}
.grid__item--Ishi_megamenu .card-information .price{
justify-content: inherit;
}
.grid__item--Ishi_megamenu .card-information .card-information__text a{
padding:0;
color: #666;
}
.grid__item--Ishi_megamenu .card-information .card-information__text a:hover{
color: #666;
}
#mobile_top_menu_wrapper {
position: fixed;
top: 0;
left: 0;
width: 300px;
bottom: 0;
background: black;
z-index: 9999;
overflow-y: auto;
overflow-x: auto;
}
#mobile_top_menu_wrapper a{
color:white;
}
#mobile_top_menu_wrapper #top_menu_closer {
cursor: pointer;
padding: 15px 15px 10px;
text-align: right;
}
#mobile_top_menu_wrapper #top_menu_closer svg {
width:18px;
height:18px;
color: #232323;
}
#mobile_top_menu_wrapper #_mobile_top_menu {
padding: 0 15px;
}
#mobile_top_menu_wrapper #top-menu {
margin-bottom: 0;
text-align: left;
display: block;
padding: 0;
}
#mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .add {
display: none;
}
#mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .remove {
display: block;
}
#mobile_top_menu_wrapper .top-menu .collapse-icons .remove {
display: none;
}
#mobile_top_menu_wrapper .top-menu .navbar-toggler {
display: inline-block;
padding: 0;
position: absolute;
right: 0;
cursor: pointer;
color: white;
}
#mobile_top_menu_wrapper .top-menu .navbar-toggler i {
font-size: 24px;
}
#mobile_top_menu_wrapper .top-menu a {
padding: 0;
margin: 0;
}
#mobile_top_menu_wrapper .top-menu .collapse {
display: none;
}
#mobile_top_menu_wrapper .top-menu .collapse.in {
display: block;
}
#mobile_top_menu_wrapper .top-menu .sub-menu {
box-shadow: none;
z-index: inherit;
position: static;
overflow: hidden;
margin-left: 0;
width: 100%;
min-width: 100%;
border: none;
}
#mobile_top_menu_wrapper .top-menu .sub-menu.collapse {
display: none;
}
#mobile_top_menu_wrapper .top-menu .sub-menu.collapse.in {
display: block;
}
#mobile_top_menu_wrapper .top-menu .sub-menu ul {
margin: 0;
padding: 0;
}
#mobile_top_menu_wrapper .top-menu .sub-menu ul>li {
float: none;
margin: 0;
}
#mobile_top_menu_wrapper .top-menu .sub-menu ul>li a {
text-transform: none;
}
#mobile_top_menu_wrapper .top-menu .sub-menu ul {
padding: 10px 0 0 15px;
}
#mobile_top_menu_wrapper .top-menu .sub-menu .mainmenu-dropdown li a {
display: inline-block;
}
#mobile_top_menu_wrapper .top-menu .sub-menu .mainmenu-dropdown .sub-category .top-menu .category {
padding: 10px 0 5px;
}
#mobile_top_menu_wrapper .top-menu .sub-menu .mainmenu-dropdown .sub-category .top-menu .category a {
font-size: 14px;
}
#mobile_top_menu_wrapper .top-menu .popover {
border-radius: 0;
}
#_mobile_top_menu #top-menu .sub-menu.col-1 .top-menu.mainmenu-dropdown {
padding:0;
}
#_mobile_top_menu #top-menu .sub-menu.col-1 .top-menu.mainmenu-dropdown .sub-category.panel {
padding:0;
}
.mobile-menu-overlay {
background-color: rgba(0, 0, 0, .5);
height: 100%;
left: 0;
opacity: 0;
position: fixed;
top: 0;
transition: opacity 200ms, visibility 0ms 200ms;
visibility: hidden;
width: 100%;
z-index: 9998;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.mobile-menu-overlay.active {
opacity: 1;
visibility: visible;
}
.mobile-navmenu{
min-height: 60px;
}
@media (max-width: 991px) {
.mobile-width {
/* background-color: #fff; */
padding:10px 0;
padding-top:0;
border-bottom:1px solid #e9e9e9;
}
}
@media (max-width: 991px) {
.template-index .mobile-width{
border:none;
background:black;
}
}
.mobile-width .mobile-width-left {
width: 20%;
padding:0 5px;
display: block;
align-items: center;
}
.mobile-width .mobile-width-left #menu-icon {
cursor: pointer;
}
.mobile-width .mobile-width-left #menu-icon svg {
width: 80px;
height: 80px;
display: inline-block;
vertical-align: middle;
fill: red;
}
.mobile-width #_mobile_logo {
/* width: 40%; */
margin: 0 auto;
text-align: center;
padding: 0 5px;
}
.mobile-width-middle {
width: 80%;
}
.mobile-width .mobile-width-right {
width: 30%;
padding: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.mobile-width .page-width>.row {
display: flex;
align-items: center;
}
/******************************** Footer.css *******************************/
.footer.footerimage {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.footer.footer-color {
background-color:var(--footer-bg-color);
border-top: 1px solid #eee;
}
@media screen and (max-width: 991px) {
.footer .grid {
display: block;
margin-left: 0;
}
.footer-block.grid__item {
padding: 0;
margin: 0 0 0.5rem;
width: 100%;
overflow:hidden;
}
.footer-block.grid__item:first-child {
margin-top: 0;
}
}
.footer__content-top {
padding-bottom: 2rem;
padding-top: 4rem;
display: block;
}
@media screen and (min-width: 992px) {
.footer__content-top {
padding-top: 5.5rem;
padding-bottom: 5.2rem;
}
.footer__content-top .grid {
margin-left: -3rem;
row-gap: 6rem;
margin-bottom: 0;
}
.footer__content-top .grid__item {
padding-left: 3rem;
}
}
.footer-block:empty {
display: none;
}
.footer-block--newsletter {
margin-bottom: 25px;
}
@media screen and (min-width: 992px) {
.footer-block {
display: block;
margin-top: 0;
}
.footer-block--newsletter {
margin-bottom:0;
}
}
@media screen and (max-width: 991px) {
.footer-block--newsletter, .store-infomation {
text-align:center !important;
}
}
.footer .newsletter-form.newsletter-form{
max-width: 100%;
position:relative;
}
.newsletter-form.newsletter-form .field input{
background:#fff;
padding-right: 130px;
}
@media (max-width: 1199px) {
.newsletter-form.newsletter-form .field input{
padding-right: 75px;
}
}
@media (min-width: 992px) {
.footer .mail-icon-title {
display: flex;
align-items: center;
margin-bottom: 15px;
}
}
/* @media (max-width: 991px) {
.footer .mail-icon-title{
justify-content: center;
}
} */
.mail-icon-title .icon {
width: 26px;
height: 26px;
margin-right: 10px;
fill: var(--footer-text-hover-color);
}
@media (max-width: 991px){
.mail-icon-title .icon {
width: 35px;
height: 35px;
margin: 0 0 8px;
}
}
.mail-icon-title{
text-align: center;
margin-bottom: 10px;
}
.footer .mail-icon-title .footer-block__heading{
margin-bottom: 0px;
font-size: 21px;
float:unset;
}
.footer .customer .field label, .footer .field__label,
.footer .field__input{
color: #b9b9b9;
}
@media (max-width: 1199px){
.footer .customer .field label, .footer .field__label,
.footer .field__input{
font-size: 12px;
}
}
@media (max-width: 991px) {
.footer #_mobile_newsletter {
width: 70%;
margin: 0 auto;
display: block;
text-align: center !important;
}
}
@media (max-width: 767px) {
.footer #_mobile_newsletter {
width: 80%;
}
}
@media (max-width: 543px) {
.footer #_mobile_newsletter {
width: 100%;
}
}
.footer .field__input:focus-visible{
border-color:transparent;
}
.footer .block-newsletter-label{
margin-bottom: 20px;
color: var(--footer-text-color);
}
@media screen and (max-width: 991px) {
.footer .block-newsletter-label{
text-align: center;
margin-bottom: 20px;
}
}
.newsletter-form.newsletter-form .newsletter-form__button{
height: 41px;
position: absolute;
right: 2px;
margin: 0;
top: 2px;
}
.footer-block__heading {
margin-bottom: 1rem;
margin-top: 0;
font-size: 1.6rem;
font-weight:500;
color:var(--footer-heading-color);
}
@media screen and (min-width: 992px) {
.footer-block__heading {
font-size: 1.8rem;
display:block;
margin-bottom: 1.5rem;
}
}
@media screen and (max-width: 991px) {
.footer-block__heading {
float:left;
}
}
.footer-title{
overflow:hidden;
width:100%;
}
.navbar-toggler{
float: right;
margin: 4px;
display:flex;
}
.footer .navbar-toggler svg{
color:var(--footer-heading-color);
}
.footer__list-social:empty,
.footer-block--newsletter:empty {
display: none;
}
.footer__list-social .list-social__item--placeholder:not(:only-child) {
display: none;
}
.footer-block__details-content .list-menu__item--link,
.copyright__content a {
color: var(--footer-text-color);
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
}
.footer-block__details-content .list-menu__item--link:hover,
.copyright__content a:hover {
color: var(--footer-text-hover-color);
}
.footer-block__details-content.list-unstyled li{
line-height:26px;
margin-bottom:7px;
}
@media (min-width: 992px){
.footer-block__details-content.list-unstyled li:last-child {
margin-bottom: 0;
}
}
@media screen and (min-width: 992px){
.footer-block__heading {
margin-bottom: 2.2rem;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.footer-block__heading {
font-size: 15px;
margin-bottom: 18px;
}
.footer .mail-icon-title .footer-block__heading{
font-size: 15px;
}
}
@media screen and (min-width: 992px) {
.footer-block__details-content .list-menu__item--link {
display: inline-block;
font-size: 1.4rem;
}
.footer-block__details-content.list-unstyled{
margin-top:-7px;
}
.footer-block__details-content > :first-child .list-menu__item--link {
padding-top: 0;
margin-top: 0;
}
}
.footer-block__details-content .placeholder-svg {
max-width: 20rem;
}
.footer-bottom {
background:var(--footer-bottom-bg-color);
padding: 10px 0;
}
.footer__content-bottom-wrapper {
display: flex;
width: 100%;
}
.copyright__content a {
color: currentColor;
text-decoration: none;
}
.list-payment {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin:0;
padding-left: 0;
}
@media screen and (min-width: 992px) {
.list-payment {
justify-content: flex-end;
padding-top: 0;
}
}
.list-payment__item {
align-items: center;
display: flex;
padding: 0;
margin:0 2px;
}
@media (min-width: 992px) {
.footer-bottom .page-width .row {
display: flex;
align-items: center;
}
}
.footer-bottom .footer-left {
text-align: left;
}
.footer-bottom .footer-left.center{
text-align: center;
}
@media (max-width: 991px) {
.footer-bottom .footer-left {
text-align: center;
}
}
.footer-left .footer__copyright {
padding: 4px 0;
font-size: 14px;
color: var(--footer-bottom-text-color);
}
@media (max-width: 991px) {
.footer-bottom .footer-left .footer__copyright {
padding: 7px 0;
}
}
.footer-bottom .footer-right {
text-align: right;
}
.footer-bottom .footer-right.center .list-payment{
justify-content: center;
}
@media (max-width: 991px) {
.footer-bottom .footer-right {
text-align: center;
}
}
.footer-bottom .footer-right .payment-icons {
cursor: default;
}
@media (max-width: 991px) {
.footer-bottom .footer-right .payment-icons {
overflow: hidden;
padding: 4px 0;
}
}
.footer-bottom .footer-right .payment-icons .list-payment__item svg{
width: 38px;
height: 24px;
}
.footer-bottom .footer-right .payment-icons .list-payment__item .logo-bar__image {
width: 38px;
height: 24px;
padding: 0;
margin: 2px;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
}
.footer-bottom .footer-right .payment-icons .list-payment__item img {
cursor: pointer;
transition: all 0.25s;
max-width: 100%;
}
.footer .store-infomation img{
margin-bottom:20px;
}
.footer .store-infomation .store-desc,.footer .store-infomation .store-desc p{
color:var(--footer-text-color);
clear:both;
}
.footer .contact-info {
text-align: left;
position: relative;
}
.footer .contact-info .contact-info-inner ul i {
font-size: 20px;
height: 25px;
width: 25px;
text-align: center;
margin: 0 auto;
vertical-align: middle;
line-height: 25px;
color: var(--footer-text-hover-color);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 991px) {
.footer .store-infomation{
margin-bottom:20px;
}
.footer .store-infomation .footer-block__heading{
float:unset;
}
}
.footer .contact-info .contact-info-inner ul .content {
display: inline-block;
vertical-align: middle;
overflow: hidden;
text-align: left;
padding-left:10px;
width: 80%;
}
@media (max-width: 1199px) {
.footer .contact-info .contact-info-inner ul .content {
width: 75%;
}
}
@media (max-width: 991px) {
.footer .contact-info .contact-info-inner ul .content {
display: inline-block;
padding: 0;
text-align: left;
width: unset;
vertical-align: middle;
padding-left: 10px;
}
}
.footer .contact-info .contact-info-inner ul .content .title {
font-size: 18px;
font-weight: 500;
letter-spacing: 0.1px;
line-height: 20px;
color: var(--footer-heading-color);
margin-bottom: 5px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.footer .contact-info .contact-info-inner ul .content .title {
font-size: 16px;
}
}
.footer .contact-info .contact-info-inner ul .content a, .footer .contact-info .contact-info-inner ul .content p {
font-size: 14px;
font-weight: 400;
color: var(--footer-text-color);
margin-bottom: 0px;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
}
.footer .contact-info .contact-info-inner ul .site-footer__linklist-item:hover i{
color: var(--footer-heading-color);
}
.footer .contact-info .contact-info-inner ul .site-footer__linklist-item {
margin-bottom: 20px;
text-align: left;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
}
@media (max-width: 991px) {
.footer .contact-info .contact-info-inner ul .site-footer__linklist-item {
width: 100%;
text-align: left;
}
.footer .contact-info .contact-info-inner ul .content .title {
font-size: 16px;
margin-bottom: 3px;
}
}
/* .footer .contact-info .contact-info-inner ul .site-footer__linklist-item:hover i {
background: var(--button-bg-hover-color);
color: var(--button-text-hover-color);
} */
.footer .contact-info .contact-info-inner ul .site-footer__linklist-item.shop-email i {
font-size: 17px;
}
@media (min-width: 992px) {
.footer .contact-info .contact-info-inner ul .site-footer__linklist-item:last-child {
margin-bottom: 0;
}
}
.footer-social{
margin-top: 20px;
}
@media (max-width: 991px) {
.footer-social{
margin-top:20px;
}
}
.footer-social ul li a{
padding:0;
border-radius: 50%;
height: 34px;
text-align: center;
width: 34px;
margin: 0 5px 5px 0;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
}
.footer-social ul li a i,.footer-social ul li a svg{
font-size: 16px;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
}
.vertical-follows .footer-social{
margin:0;
}
.vertical-follows .footer-social ul li{
display:block;
margin-bottom:10px;
}
.vertical-follows .footer-social ul li:last-child{
margin-bottom:0;
}
.vertical-follows .footer-social ul li a{
justify-content: left;
width:auto;
height:auto;
border-radius:unset;
background:transparent;
margin:0;
text-align:left;
}
.vertical-follows .footer-social ul li a i,.vertical-follows .footer-social ul li a svg{
color:var(--footer-text-color);
width: 16px;
margin-right: 10px;
}
.vertical-follows .footer-social ul li a span{
color:var(--footer-text-color);
display:block;
}
.vertical-follows .footer-social ul li:hover a i,.vertical-follows .footer-social ul li:hover a svg,.vertical-follows .footer-social ul li:hover a span{
color:var(--footer-text-hover-color);
}
/* ----------- Section CSS -------------- */
/*================ ishislider ================*/
.ishislider {
position: relative;
z-index: 0;
}
.ishislider .ishislideshow-carousel .owl-nav {
/* If media is below 768 */
margin-bottom: 0;
margin-top: 0;
}
@media (max-width: 767px) {
.ishislider .ishislideshow-carousel .owl-nav {
display: none;
}
}
.ishislider .ishislideshow-carousel .owl-nav .owl-prev, .ishislider .ishislideshow-carousel .owl-nav .owl-next {
position: absolute;
padding: 0;
top: 46%;
box-shadow: none;
margin: 4px;
right: auto;
border: 0;
display: inline-block;
height: 40px;
width: 40px;
background-color: var(--button-bg-color) !important;
opacity: 0;
border-radius: 50%;
filter: alpha(opacity=0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: var(--button-text-color);
}
@media (max-width: 991px) {
.ishislider .ishislideshow-carousel .owl-nav .owl-prev, .ishislider .ishislideshow-carousel .owl-nav .owl-next {
/* If media is below 992 */
top: 40%;
}
}
.ishislider .ishislideshow-carousel .owl-nav .owl-prev:hover, .ishislider .ishislideshow-carousel .owl-nav .owl-next:hover {
background-color: var(--button-bg-hover-color) !important;
/* box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.1); */
}
.ishislider .ishislideshow-carousel .owl-nav .owl-prev i, .ishislider .ishislideshow-carousel .owl-nav .owl-next i {
line-height: 40px;
color: var(--button-text-color) !important;
height: 40px;
width: 40px;
font-size: 22px;
font-weight: 500;
}
.ishislider .ishislideshow-carousel .owl-nav .owl-prev i{
margin-left: -1px;
}
.ishislider .ishislideshow-carousel .owl-nav .owl-next i{
margin-left: 1px;
}
.ishislider .ishislideshow-carousel .owl-nav .owl-prev:hover i, .ishislider .ishislideshow-carousel .owl-nav .owl-next:hover i {
color: var(--button-text-hover-color) !important;
}
.ishislider .ishislideshow-carousel .owl-nav .owl-next {
right: 60px;
left: auto;
}
.ishislider .ishislideshow-carousel .owl-nav .owl-prev {
left: 60px;
right: auto;
}
.ishislider .ishislideshow-carousel .owl-dots {
position: absolute;
bottom: 14px;
right: 0;
left: 0;
margin: 0 auto;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 991px) {
.ishislider .ishislideshow-carousel .owl-dots {
bottom: 7px;
}
}
@media (max-width: 543px) {
.ishislider .ishislideshow-carousel .owl-dots {
bottom: 5px;
}
}
.ishislider .ishislideshow-carousel .owl-dots .owl-dot {
display: inline-block;
vertical-align: middle;
margin: 0 2px;
}
.ishislider .ishislideshow-carousel .owl-dots .owl-dot span {
width: 12px;
height: 12px;
background: transparent !important;
border: 1px solid var(--button-bg-color);
margin: 0 3px;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.ishislider .ishislideshow-carousel .owl-dots .owl-dot.active span, .ishislider .ishislideshow-carousel .owl-dots .owl-dot:hover span {
background: var(--button-bg-color) !important;
border-color: var(--button-bg-color) !important;
}
.ishislider .ishislideshow-carousel:hover .owl-nav .owl-prev, .ishislider .ishislideshow-carousel:hover .owl-nav .owl-next {
opacity: 1;
}
.ishislider .ishislideshow-carousel:hover .owl-nav .owl-prev {
left: 20px;
}
.ishislider .ishislideshow-carousel:hover .owl-nav .owl-next {
right: 20px;
}
.ishislider .ishislideshow-carousel .slideshow__link {
display: flex;
align-items: center;
}
.ishislider .ishislideshow-carousel .page-width {
position: absolute;
left: 0;
right: 0;
}
@media (min-width: 1200px) {
.ishislider .ishislideshow-carousel .page-width {
max-width: 1200px;
}
}
@media (min-width: 1500px) {
.ishislider .ishislideshow-carousel .page-width {
max-width: 1450px;
}
}
.ishislider .ishislideshow-carousel .slider-content {
padding: 0;
}
.ishislider .ishislideshow-carousel .slider-content .sub-title {
font-size: 32px;
text-transform: unset;
line-height: 32px;
margin-bottom: 20px;
letter-spacing: 0px;
font-weight: 600;
}@media (min-width: 1300px) and (max-width: 1499px) {
.ishislider .ishislideshow-carousel .slider-content .sub-title {
font-size: 28px;
line-height: 28px;
}
}
@media (min-width: 1200px) and (max-width: 1299px) {
.ishislider .ishislideshow-carousel .slider-content .sub-title {
font-size: 24px;
line-height: 24px;
}
}
@media (max-width: 1199px) {
.ishislider .ishislideshow-carousel .slider-content .sub-title {
font-size: 22px;
line-height: 22px;
}
}
@media (max-width: 991px) {
.ishislider .ishislideshow-carousel .slider-content .sub-title {
font-size: 20px;
line-height: 20px;
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.ishislider .ishislideshow-carousel .slider-content .sub-title {
font-size: 16px;
line-height: 18px;
margin-bottom: 10px;
}
}
@media (max-width: 543px) {
.ishislider .ishislideshow-carousel .slider-content .sub-title {
font-size: 17px;
line-height: 16px;
margin-bottom:13px;
}
}
@media (max-width: 442px) {
.ishislider .ishislideshow-carousel .slider-content .sub-title {
font-size: 15px;
margin-bottom:10px;
}
}
@media (max-width: 425px) {
.ishislider .ishislideshow-carousel .slider-content .sub-title {
font-size: 14px;
line-height:21px;
margin-bottom:8px;
}
}
@media (max-width: 388px) {
.ishislider .ishislideshow-carousel .slider-content .sub-title {
line-height:16px;
}
}
@media (max-width: 350px) {
.ishislider .ishislideshow-carousel .slider-content .sub-title {
font-size: 14px;
line-height:17px;
margin-bottom:2px;
}
}
@media (max-width: 330px) {
.ishislider .ishislideshow-carousel .slider-content .sub-title {
letter-spacing: 0;
font-size: 14px;
}
}
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 43px;
text-transform: unset;
line-height: 45px;
margin-bottom: 15px;
letter-spacing: 0.5px;
font-weight: 600;
}
@media (min-width: 1300px) and (max-width: 1499px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 34px;
line-height: 36px;
}
}
@media (min-width: 1200px) and (max-width: 1299px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 30px;
line-height: 32px;
}
}
@media (max-width: 1199px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 28px;
line-height: 32px;
}
}
@media (max-width: 991px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 26px;
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 25px;
line-height: 34px;
}
}
@media (max-width: 543px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 25px;
line-height: 34px;
margin-bottom:16px;
}
}
@media (max-width: 511px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 27px;
}
}
@media (max-width: 483px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 25px;
line-height: 30px;
}
}
@media (max-width: 455px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 24px;
}
}
@media (max-width: 442px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 23px;
line-height: 26px;
}
}
@media (max-width: 424px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 21px;
}
}
@media (max-width: 388px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 19px;
margin-bottom: 13px;
}
}
@media (max-width: 354px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 18px;
margin-bottom: 10px;
}
}
@media (max-width: 343px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 17px;
}
}
@media (max-width: 330px) {
.ishislider .ishislideshow-carousel .slider-content .main-title {
font-size: 16px;
line-height: 26px;
}
}
.ishislider .ishislideshow-carousel .slider-content .desc {
font-size: 15px;
line-height: 24px;
margin-bottom: 30px;
letter-spacing: 0.5px;
font-weight: 300;
}
@media (max-width: 1199px) {
.ishislider .ishislideshow-carousel .slider-content .desc {
font-size: 14px;
}
}
@media (max-width: 991px) {
.ishislider .ishislideshow-carousel .slider-content .desc {
font-size: 13px;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.ishislider .ishislideshow-carousel .slider-content .desc {
display: none;
}
}
.ishislider .ishislideshow-carousel .slider-content .desc p {
font-size: 15px;
}
@media (max-width: 1199px) {
.ishislider .ishislideshow-carousel .slider-content .desc p {
font-size: 14px;
}
}
@media (max-width: 991px) {
.ishislider .ishislideshow-carousel .slider-content .desc p {
font-size: 13px;
}
}
@media (max-width: 767px) {
.ishislider .ishislideshow-carousel .slider-content .slider-btn {
font-size: 13px;
padding: 7px 16px;
}
}
@media (max-width: 543px) {
.ishislider .ishislideshow-carousel .slider-content .slider-btn {
font-size: 12px;
margin-bottom: 0px;
}
}
@media (max-width: 420px) {
.ishislider .ishislideshow-carousel .slider-content .slider-btn {
padding: 6px 13px;
}
}
@media (max-width: 415px) {
.ishislider .ishislideshow-carousel .slider-content .slider-btn {
font-size: 10px;
padding: 3px 11px;
}
}
.ishislider .ishislideshow-carousel .owl-item.active .sub-title {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.7s;
}
.ishislider .ishislideshow-carousel .owl-item.active .main-title {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.6s;
}
.ishislider .ishislideshow-carousel .owl-item.active .desc {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.5s;
}
.ishislider .ishislideshow-carousel .owl-item.active .slider-btn {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.4s;
}
.ishislider .ishislideshow-carousel.owl-loaded+.ishislideshow-space{
display:none;
}
.ishislideshow-space .slideshow__item{
display: flex;
align-items: center;
justify-content: center;
}
/*====================== Category Block ====================== */
.ishi-category-block {
overflow: hidden;
}
@media (min-width: 992px) {
.ishi-category-block .ishicategoryblock > .page-width > .row {
display: flex;
align-items: center;
}
}
.ishi-category-block .ishicategoryblock .section-header {
margin-bottom: 30px;
}
.ishi-category-block .ishicategoryblock .section-header .home-title {
margin-bottom: 20px;
}
@media (max-width: 543px){
.ishi-category-block .ishicategoryblock .section-header .home-title {
margin-bottom: 12px;
}
}
@media (max-width: 991px) {
.ishi-category-block .ishicategoryblock .about-banner {
margin-top: 30px;
text-align: center;
}
}
.ishi-category-block .ishicategoryblock .ishicategoryblock-container {
position: relative;
overflow: hidden;
text-align: center;
}
.ishi-category-block .ishicategoryblock .ishicategoryblock-container a {
position: relative;
overflow: hidden;
text-align: center;
display: block;
}
.ishi-category-block .ishicategoryblock .ishicategoryblock-container .image-container {
position: relative;
overflow: hidden;
max-width: 100%;
}
.ishi-category-block .ishicategoryblock .ishicategoryblock-container .image-container img {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.ishi-category-block .ishicategoryblock .ishicategoryblock-container .text-container {
font-size: 16px;
font-weight: 400;
margin: 10px 0 0;
color: #666;
position: relative;
font-family: var(--primary-font);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
text-transform: unset;
}
@media (max-width: 543px) {
.ishi-category-block .ishicategoryblock .ishicategoryblock-container .text-container {
font-size: 15px;
}
}
@media (min-width: 768px) {
.ishi-category-block .ishicategoryblock .ishicategoryblock-container:hover .text-container {
color: var(--brand-secondary);
margin: 0;
}
}
/*================ bannersblock ================*/
.ishi-banner-section .ishibannerblock {
text-align: center;
}
.ishi-banner-section .ishibannerblock .image-container {
position: relative;
overflow: hidden;
}
.ishi-banner-section .ishibannerblock .image-container img {
max-width: 100%;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.ishi-banner-section .ishibannerblock .image-container a {
border-radius: 10px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.ishi-banner-section .ishibannerblock .bannerblock {
display: inline-block;
vertical-align: middle;
}
@media (max-width: 767px) {
.ishi-banner-section .ishibannerblock .bannerblock {
/* If media is below 768 */
margin-bottom: 30px;
}
.ishi-banner-section .ishibannerblock .bannerblock:last-child {
margin-bottom: 0;
}
}
/**************** service-block ***************/
.ishi-service-section .ishiservices .section-header{
margin-bottom:0;
}
.ishi-service-section .ishiservices .services .service-img {
transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
.ishi-service-section .ishiservices .services .service-title{
transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
.ishi-service-section .ishiservices .ishiservice-block {
padding: 25px;
border-radius: 10px;
box-shadow:4px 4px 5px 0 rgb(0 0 0 / 10%);
}
@media (min-width: 768px) {
.ishi-service-section .ishiservices .services:hover .service-img {
transform: rotate(360deg) scale(0.9);
}
.ishi-service-section .ishiservices .services:hover .service-title {
letter-spacing: 0.7px;
}
}
.ishi-service-section .ishiservices .services .service-block .service-title{
margin-bottom: 0px;
font-size: 15px;
}
.ishi-service-section .ishiservices .service-block .service-desc{
font-size: 14px;
}
/* @media (min-width: 451px) and (max-width: 581px) {
.ishiservices .services.icon-left .service-img {
display: block;
text-align: center;
margin: 0 auto 10px;
}
.ishiservices .services.icon-left .service-block {
display: block;
text-align: center;
padding: 0;
width: 100%;
}
.ishiservices .service-width-2.icon-left,
.ishiservices .service-width-4.icon-left {
grid-template-columns: repeat(2,1fr);
}
.ishiservices .services.icon-left a {
display: block;
text-align: center;
}
} */
/*================ parallaxblock ================*/
.ishi-parallax-section .ishiparallaxbanner {
overflow: hidden;
position: relative;
}
.ishi-parallax-section .ishiparallaxbanner .parallaximage {
display: block;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.ishi-parallax-section .ishiparallaxbanner .parallaximage.parallax-color {
display: block;
position: relative;
width: 100%;
}
.ishi-parallax-section .ishiparallaxbanner .parallax-block {
/* If media is below 768 */
}
@media (max-width: 767px) {
.ishi-parallax-section .ishiparallaxbanner .parallax-block {
padding: 50px 0 !important;
}
}
.ishi-parallax-section .ishiparallaxbanner .parallax-list {
position: relative;
}
@media (max-width: 767px) {
.ishi-parallax-section .ishiparallaxbanner .parallax-list {
float: none;
display: block;
margin: 0 auto;
text-align: center;
}
}
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-offer {
margin-bottom: 20px;
font-size: 20px;
font-weight: 400;
line-height: 24px;
letter-spacing: 1px;
}
@media (max-width: 991px) {
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-offer{
margin-bottom:16px;
}
}
@media (max-width: 767px) {
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-offer {
font-size: 18px;
}
}
@media (max-width: 543px) {
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-offer {
font-size: 16px;
letter-spacing: 0.5px;
margin-bottom:15px;
}
}
@media (max-width: 375px) {
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-offer {
font-size: 15px;
margin-bottom: 10px;
}
}
@media (max-width: 330px) {
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-offer {
font-size: 14px;
}
}
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-title {
/* If media is below 992 */
font-size: 50px;
font-weight: 700;
font-family: var(--primary-font);
line-height: 50px;
margin-bottom: 14px;
letter-spacing: 0;
}
@media (max-width: 1199px) {
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-title {
font-size: 45px;
}
}
@media (max-width: 991px) {
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-title {
/* If media is below 991 */
font-size: 40px;
line-height: 40px;
}
}
@media (max-width: 767px) {
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-title {
/* If media is below 768 */
font-size: 35px;
}
}
@media (max-width: 543px) {
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-title {
font-size: 30px;
line-height: 30px;
}
}
@media (max-width: 375px) {
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-title {
font-size: 27px;
line-height: 35px;
margin-bottom: 7px;
}
}
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-subtitle {
display: inline-block;
margin-bottom: 30px;
}
@media (max-width: 543px) {
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-subtitle {
margin-bottom: 20px;
}
.ishi-parallax-section .ishiparallaxbanner .parallax-list .parallax-subtitle p{
font-size: 14px;
}
}
/*====================== testimonial Block ====================== */
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container {
display: block;
padding: 70px 50px;
position: relative;
border-radius: 10px;
text-align: center;
margin-bottom: 60px;
}
@media (max-width: 767px) {
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container {
padding: 60px 30px;
}
}
@media (max-width: 543px) {
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container {
padding: 30px 15px 60px;
}
}
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container .icon {
width: 40px;
height: 35px;
top: 25px;
left: 50px;
z-index: 1;
position: absolute;
}
@media (max-width: 767px) {
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container .icon {
top: 20px;
left: 30px;
width: 30px;
height: 25px;
}
}
@media (max-width: 543px) {
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container .icon {
display: none;
}
}
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container .user-name {
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
letter-spacing: 0px;
line-height: 20px;
}
@media (max-width: 543px) {
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container .user-name {
font-size: 16px;
}
}
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container .user-designation {
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
letter-spacing: 0.7px;
line-height: 20px;
}
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container .user-description {
margin-bottom: 15px;
}
@media (max-width: 767px) {
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container .user-description {
margin-bottom: 10px;
}
}
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container .testimonial-img {
border-radius: 50%;
overflow: hidden;
width: 120px;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: -60px;
border: 1px solid #eee;
}
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container .testimonial-img img {
max-width: 100%;
width: auto;
}
.ishi-testimonial-section .ishitestimonial .ishitestimonials-container .testimonial-img svg{
width: 120px;
}
/********************************** Deal Block *****************************/
.ishispecialdeal {
position: relative;
}
.ishispecialdeal .product-border {
border: 1px solid #eee;
padding: 30px;
}
.ishispecialdeal .product_content {
display: block;
text-align: center;
}
@media (min-width: 991px) {
.ishispecialdeal .card-wrapper{
display: flex;
}
}
.ishispecialdeal .card-wrapper .card--product{
padding:0;
}
@media (max-width: 543px) {
.ishispecialdeal .card-wrapper .card--product{
width: 100%;
text-align: center;
padding: 0;
margin: 0 auto 15px;
}
.ishispecialdeal .product-border {
padding: 15px;
}
}
.ishispecialdeal .card-wrapper .card--product .card__inner{position:relative;}
@media (min-width: 767px) {
.ishispecialdeal .card-wrapper .card-information{
padding:0 0 0 25px;
margin:0;
display: flex;
align-items: center;
}
}
.ishispecialdeal .card-wrapper .card--product .card__inner .product-thumbnail .thumbnails-wrapper .js-qv-mask{
padding:0;
}
.ishispecialdeal .card-wrapper .card--product .card__inner .product-thumbnail .thumbnails-wrapper .js-qv-mask .product-single__thumbnails{
height: 270px;
margin: 0;
display: block;
}
.ishispecialdeal .card-wrapper .card--product .card__inner .product-thumbnail{
padding-right: 5px;
}
/* .ishispecialdeal .card-wrapper .card--product .card__inner .product-thumbnail .thumbnails-wrapper .js-qv-mask .product-single__thumbnails .product-single__thumbnails-item{
padding: 5px;
border: medium none;
margin: 0;
width: 33.33%;
float: left;
} */
.ishispecialdeal .card-wrapper .card--product .card__inner .product-thumbnail .thumbnails-wrapper .js-qv-mask .product-single__thumbnails .product-single__thumbnails-item a{
display: block;
margin: 0 0 15px;
}
@media (max-width: 1199px) {
.ishispecialdeal .card-wrapper .card--product .card__inner .product-thumbnail .thumbnails-wrapper .js-qv-mask .product-single__thumbnails{
height: 140px;
}
}
@media (max-width: 543px) {
.ishispecialdeal .card-wrapper .card-information{
padding: 0;
width: 100%;
}
}
.ishispecialdeal .card-wrapper .card-information .card-information__wrapper{
text-align:left;
position:relative;
}
.ishispecialdeal .card-wrapper .card-information .card-information__text{margin-bottom:0;}
.ishispecialdeal .card-wrapper .card-information .price{opacity:1;justify-content: flex-start;margin-bottom:0;}
.ishispecialdeal .card-wrapper .card-information__wrapper>:not(.visually-hidden:first-child)+*{
margin-top: 1rem;
}
.ishispecialdeal .card-wrapper .card-information .card-information__text{
font-size: 24px;
font-weight: 500;
margin-bottom: 10px;
line-height: 28px;
}
.ishispecialdeal .card-wrapper .product-desc{display:block;margin-top: 6px !important;}
.ishispecialdeal .countdowncontainer{
margin-bottom: 15px;
}
@media (max-width: 991px) {
.ishispecialdeal .card-wrapper .card-information .card-information__text{
font-size: 20px;
line-height: 24px;
}
}
@media (max-width: 767px) {
.ishispecialdeal .card-wrapper .card-information .card-information__text{
font-size: 16px;
}
}
.ishispecialdeal .price .price-item--sale,
.ishispecialdeal .price .price-item--regular,
.ishispecialdeal .price--on-sale .price-item--sale{
font-size: 22px;
line-height: 24px;
}
.ishispecialdeal .price--on-sale.price .price-item--regular {
font-size: 18px;
line-height: 20px;
}
@media (max-width:991px) {
.ishispecialdeal .price .price-item--sale,
.ishispecialdeal .price .price-item--regular,
.ishispecialdeal .price--on-sale .price-item--sale{
font-size: 20px;
line-height: 22px;
}
.ishispecialdeal .price--on-sale.price .price-item--regular {
font-size: 14px;
}
}
@media (max-width:767px) {
.ishispecialdeal .card-wrapper .card-information{
padding: 0;
}
.ishispecialdeal .card-wrapper .card-information .card-information__wrapper{
margin-top: 15px;
text-align: center;
padding: 0;
}
.ishispecialdeal .price .price-item--sale,
.ishispecialdeal .price .price-item--regular,
.ishispecialdeal .price--on-sale .price-item--sale{
font-size: 17px;
padding-left: 3px;
}
.ishispecialdeal .card-wrapper .card-information .price{
justify-content: center;
}
}
@media (max-width:543px){
.ishispecialdeal .card-wrapper .card-information .card-information__wrapper{
margin-top: 0;
}
}
.ishispecialdeal .countdowncontainer .countdown {
display: inline-block;
vertical-align: middle;
text-align: center;
cursor: pointer;
position: relative;
width: 60px;
margin-right: 5px;
}
.ishispecialdeal .countdowncontainer .countdown .data{
font-size: 20px;
padding: 7px 0;
letter-spacing: 0;
font-family: var(--primary-font);
font-weight: 500;
color: #232323;
position: relative;
margin-bottom: 3px;
-webkit-transition: all .6s;
-moz-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
border: 1px solid #e5e5e5;
border-radius: 5px;
}
.ishispecialdeal .countdowncontainer .countdown:last-child .data{
background: var(--button-bg-color);
color: var(--button-text-color);
}
.ishispecialdeal .countdowncontainer .countdown .text{
display:block;
font-size: 14px;
letter-spacing: 0;
font-family: var(--primary-font);
font-weight: 400;
color: #666;
}
@media (max-width: 543px) {
.ishispecialdeal .countdowncontainer .countdown .data{
font-size: 18px;
}
}
.ishispecialdeal .card-wrapper:hover .price{
opacity: 1;
}
.ishispecialdeal .thumbnail-buttons{
position:absolute;
display:block;
top:10px;
bottom:0;
left:auto;
right:10px;
}
.ishispecialdeal .card-wrapper .thumbnail-buttons .product-btn {
opacity: 0;
transform: translate(100px);
-moz-transform: translate(100px);
-webkit-transform: translate(100px);
-o-transform: translatey(100px);
-ms-transform: translate(100px);
transition-delay: all .5s ease-in-out;
}
.ishispecialdeal .card-wrapper:hover .thumbnail-buttons .product-btn {
opacity: 1;
transform: translate(0px);
-moz-transform: translate(0px);
-webkit-transform: translate(0px);
-o-transform: translatey(0px);
-ms-transform: translate(0px);
transition-delay: all .5s ease-in-out;
}
@media (max-width: 767px) {
.ishispecialdeal .countdowncontainer .countdown{
margin-right:5px;
}
.ishispecialdeal .countdowncontainer{margin-right:10px;}
.ishispecialdeal .thumbnail-buttons{
justify-content: center;
}
.ishispecialdeal .card-wrapper .thumbnail-buttons .product-btn{
transform: translate(0px);
opacity:1;
}
}
@media (max-width: 543px) {
.ishispecialdeal .countdowncontainer .countdown{
width: 50px;
}
}
@media (max-width:345px) {
.ishispecialdeal .countdowncontainer .countdown{
width: 45px;
}
}
.ishispecialdeal .product-flags .sale {
left: 25px;
}
@media (max-width: 543px) {
.ishispecialdeal .product-flags .sale {
min-height: 20px;
border-radius: 4px;
}
}
/*================ smartblog ================*/
.smartblog {
position: relative;
}
@media (max-width: 543px){
.smartblog .owl-theme .owl-nav{
margin-top: 20px;
}
}
.smartblog.blogimage {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.smartblog .smartblog-carousel .sds_blog_post {
padding:0 15px;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post:hover .news_module_image_holder a img {
-webkit-transform-style: unset;
transform-style: unset;
transform: scale(1.26);
-webkit-transform: scale(1.26);
-ms-transform: scale(1.26);
-o-transform: scale(1.26);
-moz-transform: scale(1.26);
opacity: 0.8;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post {
position: relative;
display: inline-block;
vertical-align: middle;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder {
display: block;
max-width: 100%;
position: relative;
margin-bottom: 0;
background: #fff;
padding: 0;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder a {
position: relative;
display: block;
overflow: hidden;
border-radius: 10px;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder img {
transition: all 1.5s;
-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
-ms-transition: all 1.5s;
-o-transition: all 1.5s;
max-width: 100%;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo {
background-color: transparent;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
text-align: center;
}
@media (max-width: 991px) {
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo {
bottom: 5px;
}
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .smartblogdate{
display: inline-block;
vertical-align: middle;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .blog_date {
display: inline-block;
vertical-align: middle;
font-size: 13px;
font-weight: 400;
margin: 0;
margin: 0 5px;
margin-bottom: 5px;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .blog_date i {
font-size: 13px;
margin-right: 3px;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .blog_date .date {
font-size: 13px;
font-weight: 400;
}
/* .smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .blog_date .date .day_year {
display: none;
} */
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .comment,
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .author {
display: inline-block;
vertical-align: middle;
font-size: 13px;
font-weight: 400;
margin: 0;
margin: 0 5px;
margin-bottom: 5px;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .author {
display: block;
}
/* .smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .comment a {
color: #fff;
} */
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .comment i,
.smartblog .smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .author i {
font-size: 13px;
margin-right: 3px;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .blog_content {
padding: 15px 0 0;
margin-bottom: 0;
text-align: center;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .blog_content .sds_post_title {
margin-bottom: 7px;
line-height: 18px;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .blog_content .sds_post_title a {
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
color: #232323;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .blog_content .desc {
margin-bottom: 0;
font-size: 14px;
letter-spacing: 0.5px;
line-height: 20px;
text-align:center;
}
.smartblog .smartblog-carousel .sds_blog_post .blog_post .blog_content .readmore {
display: none;
}
/*================ brandlogo ================*/
.ishi_manufacture {
margin-bottom: 50px;
}
@media (max-width: 991px) {
.ishi_manufacture {
/* If media is below 992 */
margin-bottom: 30px;
}
}
.manufacture-block .manufacture-carousel {
text-align: center;
}
.manufacture-block .manufacture-carousel .logo-bar__item {
max-width: 130px;
display: inline-block;
-moz-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
transition: all 1s;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
}
.manufacture-block .manufacture-carousel .logo-bar__item:hover {
-moz-transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.manufacture-block .manufacture-carousel .logo-bar__item svg{
width: 130px;
}
/************************************** Featured Product css ********************************/
/* .featured-product-section .title {
margin-bottom: 15px;
} */
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs{
text-align: center;
position: relative;
display: inline-block;
vertical-align: middle;
border: 1px solid #e5e5e5;
margin-bottom: 25px;
margin-top: -15px;
}
.featured-product-section .thumbnail-buttons{
display:block;
top:10px;
bottom:0;
left: auto;
right: 10px;
}
@media (max-width: 991px) {
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs{
margin-top: -8px;
}
}
@media (max-width: 543px) {
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs{
white-space: nowrap;
overflow-x: auto;
padding: 0 15px;
display:block;
}
}
.featured-product-section .ishi-product-tabs::-webkit-scrollbar {
display: none;
}
/* @media (max-width: 543px) {
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs{
border: none;
margin-bottom: 10px;
margin-top: -15px;
}
} */
.featured-product-section .ishi-featured-product-tab{
text-align:center;
}
.featured-product-section .ishi-featured-product-tab .ishi-product-tab-content .ishi-product-tab-pane{
display:none;
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.featured-product-section .ishi-featured-product-tab .ishi-product-tab-content .ishi-product-tab-pane.active{
display:block;
opacity: 1;
}
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs .ishi-product-tab-item{
display: block;
margin: 5px 0;
}
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs .ishi-product-tab-item{
display: inline-block;
vertical-align: middle;
float: none;
margin: 5px 0;
padding: 0;
}
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs .ishi-product-tab-item .ishi-product-nav-link{
background: transparent none repeat scroll 0 0;
display: inline-block;
color: #666;
font-weight: 400;
font-size: 14px;
margin: 0;
border: none;
outline: none;
padding: 5px 25px;
position: relative;
border-radius: 0;
border-radius:0;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
}
@media (max-width: 767px) {
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs .ishi-product-tab-item .ishi-product-nav-link{
padding: 5px 20px;
}
}
@media (max-width: 543px) {
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs .ishi-product-tab-item .ishi-product-nav-link{
padding: 3px 20px;
}
}
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs .ishi-product-tab-item.active .ishi-product-nav-link,
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs .ishi-product-tab-item:hover .ishi-product-nav-link{
color: var(--brand-secondary);
}
/* .featured-product-section .ishi-featured-product-tab .ishi-product-tabs .ishi-product-tab-item .ishi-product-nav-link:after{display:none;} */
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs .ishi-product-tab-item .ishi-product-nav-link:after {
position: absolute;
content: "";
left: auto;
right: -10px;
background: #ccc;
width: 20px;
height: 4px;
top: 13px;
}
@media (max-width: 450px) {
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs .ishi-product-tab-item .ishi-product-nav-link:after {
width: 10px;
}
}
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs .ishi-product-tab-item .ishi-product-nav-link:before {
opacity: 1;
}
.featured-product-section .ishi-featured-product-tab .ishi-product-tabs .ishi-product-tab-item:last-child .ishi-product-nav-link:after {
display: none;
}
/******************************* language and currency ************************************/
.localization-form:only-child .button, .localization-form:only-child .localization-form__select{
padding: 10px;
padding-bottom: 8px;
}
@media (max-width: 991px) {
.localization-form:only-child .button, .localization-form:only-child .localization-form__select{
padding: 6px 20px 3px 10px;
}
}
.localization-form__select .icon-caret{
right: 1rem;
}
@media (max-width: 991px) {
.localization-form__select .icon-caret{
right: 1px;
}
}
.localization-form .dropdown-list{
z-index: 9;
}
.localization-selector.link {
font-weight: 400;
font-size: 13px;
letter-spacing: .5px;
color: var(--navbar-text-color);
}
@media (max-width: 991px) {
.localization-selector.link{
color: #232323;
}
}
localization-form{
padding: 0px;
display: inline-block;
}
.localization-form .no-js-hidden:after{display:none;}
.localization-form .disclosure:after{
top: 9px!important;
right: -12px!important;
}
.header__localization localization-form:last-child .localization-form .disclosure:after{
display:none;
}
@media (max-width: 991px){
.header__localization {
margin: 0;
display: inline-block;
text-align: center;
}
}
@media (min-width: 992px) {
.localization-form:only-child .localization-selector.link{
padding-right: 3rem;
}
/* .localization-form:only-child .localization-selector.link .icon-caret{
right: 6px;
} */
}
.localization-form .disclosure:after{
top:13px !important;
right: -2px !important;
}
.localization-form .dropdown-list{
left:0;
right:auto;
}
.product-form__input .form__label{
font-weight: 500;
}
.cart__note label{
font-size: 16px;
}
.localization-form .localization-selector:after{
content: '';
position: absolute;
right: -3px;
top: 13px;
background: var(--navbar-text-modify-color);
width: 1px;
height: 16px;
}
@media (max-width: 991px) {
.localization-form .localization-selector:after{
right: -6px;
top: 7px;
}
}
localization-form:last-child .localization-form .localization-selector:after{
display:none;
}
/* localization-form:last-child .localization-form .localization-selector{
padding-right: 1.5rem !important;
} */
localization-form:last-child .localization-form .localization-selector svg{
right: 1rem !important;
}
@media (max-width: 991px) {
localization-form:last-child .localization-form .localization-selector svg{
right: 0rem !important;
}
}
@media (max-width: 991px) {
#_mobile_localization{
text-align:center;
}
}
/* @media (min-width: 992px) {
.localization-selector.link:hover {
color: var(--header-icon-hover-color);
}
} */
.owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev{
border-radius: 50% !important;
}
.owl-theme .owl-nav .owl-next i{
margin-left: 2px;
}
.owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev{
background-color: var(--button-bg-hover-color)!important;
}
.owl-theme .owl-nav .owl-next:hover, .owl-theme .owl-nav .owl-prev:hover {
background: var(--button-bg-color)!important;
}
.owl-theme .owl-nav .owl-next i, .owl-theme .owl-nav .owl-prev i{
color: var(--button-text-hover-color);
}
.owl-theme .owl-nav .owl-next:hover i, .owl-theme .owl-nav .owl-prev:hover i{
color: var(--button-text-color);
}
#slidetop{
border-radius: 50% !important;
}
@media screen and (min-width: 992px){
.product-recommendations .with-sidebar.product-width-4 .grid__item .thumbnail-buttons .product-btn,
.with-sidebar.collectiongrid-layout-4 .grid__item .thumbnail-buttons .product-btn {
width: 30px;
height: 30px;
}
}
@media (min-width: 1200px){
.template-cart .spaced-section .page-width{
max-width: 1200px;
}
.template-page.contact .page-width.contact-form-bottom{
max-width: 1200px;
}
.template-404 .banner-image-404 .page-width{
max-width: 1200px;
}
.empty-page .banner-image .image-container a img{
max-width: 100%;
width: auto;
}
}
@media (min-width: 992px) {
#header .language-currency {
position: fixed;
left: 0;
top: 20%;
z-index: 10;
}
#header .language-currency localization-form {
display:block;
padding: 6px 0;
}
#header .language-currency .localization-selector.link {
background:#fff;
color:#232323;
border:1px solid #eee
}
#header .language-currency .localization-selector.link:hover {
color:#232323;
}
}
/*================ Features block ================*/
/* @media (min-width: 768px) {
.ishi-features-section-style-1 .features-block .section-header {
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.ishi-features-section-style-1 .features-block .section-header {
margin-bottom: 30px;
}
} */
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content {
text-align: center;
}
@media (min-width: 1200px) {
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content {
display: flex;
align-items: center;
}
}
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container {
margin-bottom: 50px;
}
@media (max-width: 1199px) {
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container {
padding: 0 15px;
}
}
@media (max-width: 991px) {
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container {
margin-bottom: 20px;
}
}
@media (max-width:767px){
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container {
display:flex;
align-items:center;
flex-direction: column;
}
}
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .ishifeaturesblock-container:last-child{
margin-bottom:0;
}
@media (max-width:767px){
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .ishifeaturesblock-container:last-child{
margin-bottom:20px;
}
}
@media (max-width:1199px){
.features-left{
width:50%;
}
.features-right{
width:50%;
}
}
@media (max-width: 543px) {
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container {
padding: 0;
}
}
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container .image-inner {
display: inline-block;
vertical-align:top;
}
/* @media (max-width:991px){
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container .image-inner{
width:70px;
height:70px;
}
} */
@media (max-width:767px){
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .features-left .ishifeaturesblock-container .image-inner{
order:1;
}
}
@media (max-width:767px){
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container .image-inner{
margin-bottom:10px;
}
}
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container .image-inner img {
width:auto;
}
@media (max-width: 543px) {
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container .image-inner{
display: inline-block;
vertical-align: middle;
margin-bottom:10px;
}
}
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container .image-text-inner{
display: inline-block;
vertical-align: middle;
text-align: left;
width: 75%;
padding-left: 10px;
}
@media (max-width:767px){
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container .image-text-inner{
width:100%;
text-align:center;
padding-left:0;
}
}
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container .features-title {
font-size: 16px;
line-height: 17px;
font-weight: 400;
margin-bottom: 5px;
color:#333;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 991px) {
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container .features-title {
font-size:16px;
}
}
@media (max-width: 991px) {
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container .features-title {
margin-bottom:0;
}
}
@media (max-width: 543px) {
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container .features-title {
margin-bottom: 7px;
}
}
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container .features-subtitle {
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0.5px;
color:#777;
}
@media (max-width:991px) and (min-width:768px){
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container .features-subtitle{
font-size:13px;
}
}
@media (min-width: 768px) {
/* .ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container:hover .image-inner {
transform: rotateY(360deg);
-webkit-transition: rotateY(360deg);
-moz-transition: rotateY(360deg);
-o-transition: rotateY(360deg);
background:#fab742;
} */
.ishi-features-section-style-1 .features-block .ishifeaturesblock_content .ishifeaturesblock-container:hover .features-title {
letter-spacing: 0.9px;
}
}
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content {
order: 1;
text-align:right;
}
@media (max-width:767px){
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content{
text-align:center;
}
}
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .features-left .image-text-inner{
padding-right: 10px;
padding-left:0;
text-align:right;
}
@media (max-width:767px){
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .features-left .image-text-inner{
order:2;
text-align:center;
padding-right:0;
}
}
/* @media (max-width:767px){
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .features-left .ishifeaturesblock-container:nth-child(even){
padding-right:0;
}
}
*/
/* @media (max-width:767px){
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .features-right .ishifeaturesblock-container:nth-child(even){
padding-left:0;
}
} */
@media (max-width:991px) and (min-width:768px){
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .features-right .ishifeaturesblock-container:nth-child(odd){
padding-left:15px;
}
}
@media (max-width:991px) and (min-width:768px){
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .features-left .ishifeaturesblock-container:nth-child(odd){
padding-right:15px;
}
}
@media (max-width: 543px) {
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .features-left {
width: 100%;
}
}
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .features-right {
order: 3;
text-align:left;
}
@media (max-width: 543px) {
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .features-right {
width: 100%;
}
}
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .banner-center {
order: 2;
}
@media (max-width:1199px){
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .banner-center{
width:100%;
text-align:center;
}
}
@media (max-width: 991px) {
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .banner-center .banner-img {
margin-bottom: 30px;
text-align:center;
}
}
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .banner-center .banner-img img {
position: relative;
bottom: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media (min-width: 768px) {
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .banner-center .banner-img img {
animation: MoveUpDown 4s linear infinite;
}
}
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .features-left,
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .features-right{
padding:30px 0;
overflow:hidden;
}
@media (max-width:767px){
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .features-left,
.ishi-features-section-style-1 .features-block .features_style1 .ishifeaturesblock_content .features-right{
padding-bottom:0;
padding:0 15px;
}
}
.ishi-features-section-style-1 .Features-btn{
text-align:center;
clear:both;
}
.ishi-features-section-style-1 .Features-btn a.btn{
margin-top:10px;
}
@keyframes MoveUpDown {
50% {
bottom: 25px;
}
100% {
bottom: 0;
}
}
/*Collection grid Section*/
.collection-grid-section .card-information .card-information__wrapper{
margin-top:10px;
}
.collection-grid-section .thumbnail-buttons{
display:block;
top:10px;
bottom:0;
right:10px;
left:auto;
}
.template-collection .list__item .thumbnail-buttons, .template-search .list__item .thumbnail-buttons {
position: unset;
display: flex;
justify-content: left;
}
.template-collection .list__item .thumbnail-buttons .btn-info, .template-search .list__item .thumbnail-buttons .btn-info {
display: inline-block;
opacity: 1;
transform: unset;
margin-right: 5px;
}
/*Media Query*/
@media(max-width:767px){
.collection-grid-section .card-information .card-information__wrapper{
margin-top: 0;
}
.template-collection .list__item .thumbnail-buttons, .template-search .list__item .thumbnail-buttons{
justify-content: center;
}
}
@media(max-width:543px){
.collection-grid-section .thumbnail-buttons{
right:0;
}
.collection-grid-section .thumbnail-buttons .product-btn{
margin-right: 0;
}
}
.text-search-input{
padding:5px;
width:80%;
}
.header-center .footer-social{
margin-top:0!important;
}
div#_desktop_top_menu {
margin-bottom: -40px;
margin-left:-200px;
}
ul.top-menu.panel-group.hidden-lg-up li {
padding: 7px;
margin-left: 24px;
border-bottom: 1px solid;
}
div#_mobile_logo {
padding: 20px;
padding-bottom:0!important;
}
form#HeaderCountryForm {
display: none;
}