@import url(face.css);
@import url(bootstrap.rtl.min.css);
@import url(owl.carousel.min.css);
@import url(swiper-bundle.min.css);
@import url(toastify.min.css);
@import url(jquery.scrollbar.css);
@import url(wooc.css?v=1.2);
:root {
--bg-color:#fff;
--primary-color:#1155a3;
--secondary-color:#20A0C1;
}
*:focus{
outline:none !important;
}
body{
background: var(--bg-color);
font-family: 'YekanBakh';
}
.tooltip{
font-family: 'YekanBakh';
}
.toastify{
padding: 20px;
font-size: 16px;
border-radius:10px;
font-weight:600;
display:flex;
align-items:center;
justify-content:space-between;
}
.toast-close{
display: flex;
margin-right:10px;
align-items: center;
justify-content: center;
}
.sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 10;
}
#MainHeader{
background-color: #fff;
position: relative;
z-index: 5;
box-shadow: 0px 5px 40px rgba(43, 52, 57, 0.05);
}
.right-header-area , .left-header-area{
display: flex;
align-items: center;
padding: 23px 0;
}
.left-header-area{
justify-content: end;
}
.center-header-area{
display: flex;
position: relative;
align-items: center;
}
.center-header-area::before{
background-color: #E3EFF9;
width: 1px;
height: 50px;
position: absolute;
right: -60px;
top: auto;
bottom: auto;
content: "";
}
#SideMenu{
margin-left: 30px;
display: inline-block;
}
#SideMenuBtn {
color: var(--primary-color);
cursor: pointer;
}
#CloseSideBarNavigation{
cursor: pointer;
}
#logo{
display: inline-flex;
}
.logo-ico img{
width: 43px;
position: relative;
bottom: -3px;
margin-left: 7px;
}
.logo-ico svg{
width: 35px;
height: 44px;
margin-left: 10px;
}
.logo-text h1{
color: #1155a3;
font-size: 20px;
font-weight: 700;
margin: 0;
}
.logo-text span{
font-size: 10.5px;
color: #5E6367;
font-weight: 500;
}
#MainMenuHeader {
display: flex;
align-items: center;
height: 100%;
}
#MainMenuHeader > ul {
padding: 0;
height: 100%;
align-items: center;
display: flex;
margin: 0;
list-style: none;
}
#MainMenuHeader > ul > li {
display: inline-flex;
position: relative;
height: 100%;
}
#MainMenuHeader > ul > li > a{
display: flex;
flex-direction: row;
align-items: center;
color: var(--primary-color);
text-decoration: none;
font-size:16px ;
padding: 0 15px;
border-bottom: 3px solid transparent;
font-weight: 600;
}
#MainMenuHeader > ul > li > a svg:first-child{
margin-left: 10px;
}
#MainMenuHeader > ul > .menu-item:hover > a{
color: var(--secondary-color) !important;
background-color: #E4F4F8;
}
#MainMenuHeader > ul > .menu-item-has-children:hover > a::after{
content: url("data:image/svg+xml; utf8, ");
}
/* Mega Menu */
.MegaMenu > ul > .menu-item-has-children > a{
position: relative;
}
.MegaMenu > ul > .menu-item-has-children > a::after{
content: url("data:image/svg+xml; utf8, ");
position: relative;
top: 4px;
z-index: 2;
}
.MegaMenu > ul > .menu-item-has-children:hover > .sub-menu{
display: grid;
}
.MegaMenu > ul > .menu-item-has-children > .sub-menu{
position: absolute;
box-shadow: 0 0 20px #0000001c;
right: 0%;
top: 99%;
background-color: #fff;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border: 1px solid #E3EFF9;
z-index: 999;
padding: 15px;
display: none;
grid-template-columns: auto auto auto;
}
.MegaMenu > ul > .menu-item-has-children > .sub-menu > li{
padding: 10px;
width: 300px;
list-style: none;
}
.MegaMenu > ul > .menu-item-has-children > .sub-menu > li > a{
font-weight: 600;
color: #0c0c0c;
text-decoration: none;
font-size: 15px;
}
.MegaMenu > ul > .menu-item-has-children > .sub-menu a:hover{
color: var(--secondary-color) !important;
}
.MegaMenu > ul > .menu-item-has-children > .sub-menu > li > .sub-menu {
list-style: none;
padding: 0;
margin: 0;
margin-top: 10px;
}
.MegaMenu > ul > .menu-item-has-children > .sub-menu > li > .sub-menu li a{
font-size: 14px;
line-height: 2.2;
display: inline-block;
text-decoration: none;
font-weight: 500;
transition: 0.2s ease-in-out;
color: #81858b;
}
.MegaMenu > ul > .menu-item-has-children > .sub-menu > li > .sub-menu li a:hover{
transform: translateX(-5px);
transition: 0.2s ease-in-out;
}
/* End Mega Menu */
#MainHeaderBtnArea{
display: flex;
}
.MainHeaderBtn{
display: inline-flex;
padding: 10px 15px;
padding-left:20px;
font-weight: 600;
margin-right: 10px;
font-size: 14px;
text-decoration: none;
border-radius: 100px;
}
.MainHeaderBtn:first-child{
margin-right: 0;
}
.MainHeaderBtn-search{
border: 1px solid #F3F7FA;
color: #8F9DA7;
display: flex;
flex-direction: row;
align-items: center;
transition: 0.2s ease-in-out;
}
.MainHeaderBtn-search i {
font-style:normal;
}
.MainHeaderBtn-search:hover{
border-color: var(--primary-color);
color: var(--primary-color);
transition: 0.2s ease-in-out;
}
.MainHeaderBtn-search svg{
margin-left: 5px;
}
.MainHeaderBtn-login{
background-color: #E4F4F8;
color: var(--secondary-color);
display: flex;
flex-direction: row;
align-items: center;
transition: 0.2s ease-in-out;
}
.MainHeaderBtn-login:hover{
background-color: var(--secondary-color);
color: #FFF;
transition: 0.2s ease-in-out;
}
.MainHeaderBtn-login svg{
margin-left: 5px;
}
.MainHeaderBtn-cart{
background-color: #ED9136;
color: var(--secondary-color);
display: flex;
color: white;
flex-direction: row;
align-items: center;
transition: 0.2s ease-in-out;
}
.CartAreaModal{
position:relative;
margin-right:10px;
}
.HeaderCartModalTitle{
color:#333;
margin-bottom: 0;
font-size: 15px;
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:10px;
border-bottom:1px solid #E3EFF9;
padding-bottom:15px;
font-weight: 600;
}
.HeaderCartModalBodyList{
list-style:none;
margin:0;
max-height:400px;
overflow-y:auto;
padding:0;
}
.HeaderCartModalBodyList li {
border-bottom:1px solid #f5f5f5;
padding:15px 0;
}
.HeaderCartModalBodyList li:last-child {
border-bottom:none;
}
.HeaderCartModalBodyListText b{
font-size:16px;
}
.HeaderCartModalBodyListText b span{
display:inline-block;
}
.HeaderCartModalBodyListText b span:first-child{
font-weight:500;
color:#333;
}
.HeaderCartModalBodyListText b span:last-child::before{
content:"-";
margin-left:10px;
}
.HeaderCartModalBodyListText b span:last-child{
margin-right:10px;
color:#333;
font-size:15px;
font-weight:500;
}
.HeaderCartModalBodyListText h2{
font-size:15px;
font-weight:500;
color: var(--primary-color);
}
.HeaderCartModalFooter{
padding-top:15px;
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
border-top:1px solid #E3EFF9;
}
.HeaderCartModalFooterPrice span{
display:block;
font-size: 13px;
font-weight: 500;
color: #8F9DA7;
}
.HeaderCartModalFooterPrice b svg{
margin-right: 5px;
position: relative;
bottom: 2px;
}
.HeaderCartModalFooterPrice b{
color:var(--primary-color);
font-size:24px;
line-height:1;
position:relative;
top:5px;
}
.HeaderCartModalFooter a{
background:var(--secondary-color);
color:white;
display:block;
padding:15px;
border-radius:10px;
text-decoration:none;
}
.HeaderCartModalBodyList li a{
text-decoration:none;
display:flex;
flex-direction:row;
}
.HeaderCartModalBodyList li a img{
width:50px;
height:50px;
border-radius:8px;
margin-left:10px;
object-fit:cover;
}
.HeaderCartModalTitle a:hover{
color:#333;
}
.HeaderCartModalTitle a{
text-decoration:none;
font-size:13px;
font-weight:500;
color: #8F9DA7;
}
.HeaderCartModal .EmptyCartModal b{
position:relative;
bottom:15px;
font-size:14px;
font-weight:600;
color:#333;
}
.HeaderCartModal .EmptyCartModal{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.HeaderCartModal::after{
content:"";
height:10px;
width:100%;
position:absolute;
top:-10px;
left:0;
right:0;
}
.HeaderCartModal{
position: absolute;
background-color: #fff;
border: 1px solid #E3EFF9;
border-radius: 15px;
box-shadow: 0 5px 8px -3px rgba(0, 0, 0, .1);
left: 0;
top: 50px;
width: 400px;
padding: 20px;
display:none;
}
.HeaderCartModal.show{
display:block !important;
}
.MainHeaderBtn-cart:hover{
background-color: #E7811D;
transition: 0.2s ease-in-out;
}
.MainHeaderBtn-cart:hover span{
background-color: #d76b00;
transition: 0.2s ease-in-out;
}
.MainHeaderBtn-cart span{
margin-left: 7px;
transition: 0.2s ease-in-out;
font-weight: 400;
display: block;
background-color: #E7811D;
padding: 0 7px;
border-radius: 100px;
}
#MainSlider{
background-color: #F5F8FB;
padding-top: 40px;
padding-bottom: 110px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.MainSlider-item{
position: relative;
}
.MainSlider-item img{
border-radius: 15px;
}
.MainSlider-item .swiper-pagination-bullet-active{
background-color: var(--secondary-color);
}
.swiper-pagination-shape{
position: absolute;
z-index: 2;
bottom: -1px;
left: 0;
right: 0;
text-align: center;
}
.MainSlider-item .swiper-button-next:after, .MainSlider-item .swiper-button-prev:after{
font-size: 15px;
background-color: #ffffff3b;
padding: 20px;
color: #fff;
transition: 0.2s;
}
.MainSlider-item .swiper-button-next:hover:after, .MainSlider-item .swiper-button-prev:hover:after{
background-color: #ffffff5c;
font-weight: bold;
}
#CategoryBtn{
margin-top: -60px;
}
.CategoryBtnItem a{
display: flex;
flex-direction: row;
margin-bottom: 30px;
align-items: center;
padding: 30px;
border-radius: 10px;
background-color: #FFF;
text-decoration: none;
box-shadow: 0 3px 0 #F3F7FA;
border: 1px solid #F3F7FA;
}
.CategoryBtnItemIco{
color: var(--primary-color);
transition: 0.2s ease-in-out;
margin-left: 20px;
}
.CategoryBtnItemText{
display: flex;
flex-direction: column;
justify-content: end;
}
.CategoryBtnItemText b{
font-size: 20px;
font-weight: 600;
color: var(--primary-color);
margin-bottom: 3px;
transition: 0.2s ease-in-out;
}
.CategoryBtnItemText span{
color: #8F9DA7;
white-space: nowrap;
font-weight: 300;
}
.CategoryBtnItem a:hover .CategoryBtnItemIco ,
.CategoryBtnItem a:hover .CategoryBtnItemText b{
color: #E7811D;
transition: 0.2s ease-in-out;
}
.AmazingOffersBox{
background-color: #FF3838;
padding: 25px 20px;
position: relative;
background-image: url('../images/SL-022323-min-min.png');
background-size: 80%;
border-radius: 15px;
}
#DiscountHeader{
padding:50px 0;
padding-bottom:65px;
background-size: cover;
background-color: #FF3838;
background-image: url('../images/SL-022323-min-min.png');
}
#DiscountHeader span{
display: block;
text-align: center;
color: #dbdbdb;
font-size: 14px;
margin-top: 5px;
}
#DiscountHeader h1{
color: white;
font-weight: 700;
font-size: 26px;
margin: 0;
text-align: center;
text-shadow: 0 2px #00000059;
}
.DiscountBody{
margin-top:-25px;
}
.DiscountBodyContent{
background:white;
border-radius:15px;
border:1px solid #E3EFF9;
border-radius:15px;
}
.DiscountBodyContentItem{
border-left:1px solid #E3EFF9;
border-bottom:1px solid #E3EFF9;
}
.DiscountBodyContentItem a{
text-decoration:none;
position:relative;
display:block;
padding:20px;
}
.DiscountBodyContentItem .AmazingOffersItemTextPercent{
right:20px;
left:unset;
top:-1px;
}
.DiscountBodyContentItem a h2{
font-size: 17px;
font-weight: 600;
color: var(--primary-color);
margin-bottom: 0;
height: 41px;
overflow: hidden;
margin-bottom: 15px;
}
.DiscountBodyContentItemBs:nth-child(4n) .DiscountBodyContentItem{
border-left:0;
}
.DiscountBodyContentItem .DiscountBodyContentItemImg img{
height:250px;
object-fit:cover;
}
.DiscountBodyContentItem .DiscountBodyContentItemImg{
display:flex;
flex-direction: column;
margin-bottom:25px;
align-items:center;
}
.DiscountBodyContentItemPrice{
display: flex;
align-items: end;
justify-content:end;
height: 46px;
}
.AmazingOffersBox::after{
height: 6px;
background-color: #D70015;
content: "";
position: absolute;
bottom: -6px;
left: 2.5%;
right: 2.5%;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.AmazingOffersBoxTitle{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.AmazingOffersBoxTitle a{
background:#D70015;
color:white;
font-size:14px;
font-weight:500;
padding:8px 15px;
text-decoration:none;
border-radius:100px;
}
.AmazingOffersBoxTitle a svg{
transition:0.2s;
}
.AmazingOffersBoxTitle a:hover svg{
transform:translateX(-3px);
transition:0.2s;
}
.AmazingOffersItemVertical a{
text-decoration: none;
}
.AmazingOffersItemVerticalPicture img{
height:200px;
object-fit:cover;
}
.AmazingOffersItemVerticalPicture{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.AmazingOffersItem , .AmazingOffersItemVertical{
background-color: #FFF;
padding: 20px;
border-radius: 10px;
position: relative;
}
.AmazingOffersItem a{
display: flex;
text-decoration: none;
}
.AmazingOffersItemPicture{
width: 40%;
margin-left: 15px;
border-radius: 10px;
display: flex;
align-items: center;
box-shadow: 0 0 50px #F3F7FA;
padding: 20px;
}
.AmazingOffersItemText{
margin-top: 40px;
width: 60%;
}
.AmazingOffersItemText h3 , .AmazingOffersItemVerticalText > h3{
font-size: 20px;
color: var(--primary-color);
font-weight: 600;
height: 48px;
overflow: hidden;
}
.AmazingOffersItemVerticalText > h3{
font-size:17px;
}
.AmazingOffersItemTextDisc{
color: #8F9DA7;
height: 85px;
overflow: hidden;
margin-bottom: 20px;
font-size: 14px;
}
.AmazingOffersItemTextDisc p{
margin: 0;
}
.AmazingOffersItemTextDisc ul{
margin: 0;
padding-right: 20px;
}
.ProductPriceMain{
color: #8F9DA7;
font-size: 20px;
font-weight: 600;
line-height: 1;
}
.ProductPriceOff{
display: flex;
color: #38484D;
}
.ProductPriceOff span{
color: #FF3838;
font-size: 22px;
font-weight: 600;
line-height: 1;
}
.ProductPriceOffers{
text-align: left;
}
.ProductPriceOffers .ProductPriceOff{
justify-content: end;
}
.AmazingOffersItemTextTime{
border-top: 1px solid #E3EFF9;
margin-top: 15px;
padding-top: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.AmazingOffersItemTextTime > span{
color: #8F9DA7;
font-size: 12px;
}
.AmazingOffersItemTextTimeClock{
color: #5E6367;
line-height: 1;
font-size: 30px;
font-weight: 600;
display: inline-flex;
}
.AmazingOffersItemTextTimeClock > div > span{
font-size: 12px;
font-weight: 500;
color: #8F9DA7;
margin-top: 5px;
font-family: 'YekanBakh';
}
.cart-discount .amount{
font-family: 'YekanBakhFa';
letter-spacing:-1px;
}
.AmazingOffersItemTextTimeClock > div{
display: flex;
font-family: 'YekanBakhFa';
flex-direction: column;
margin-right: 20px;
color: #333333;
font-size: 17px;
font-weight: 500;
align-items: center;
}
.AmazingOffersItemVertical .AmazingOffersItemTextPercent{
right:20px;
left:unset !important;
}
.DiscountBodyContentItemPrice .AmazingOffersItemTextTimeClock > div,
.AmazingOffersItemVertical .AmazingOffersItemTextTimeClock > div{
margin:0;
padding:6px 8px;
}
.DiscountBodyContentItemPrice .AmazingOffersItemTextTime,
.AmazingOffersItemVertical .AmazingOffersItemTextTime{
border:0;
padding:0;
margin:0;
box-shadow:0 0 10px #e3e3e3;
position:absolute;
top:10px;
left:10px;
background:white;
border-radius:10px;
border:1px solid #E3EFF9;
}
.DiscountBodyContentItemPrice .AmazingOffersItemTextTime{
top:20px;
left:20px;
}
.DiscountBodyContentItemPrice .AmazingOffersItemTextTimeClock,
.AmazingOffersItemVertical .AmazingOffersItemTextTimeClock{
display:flex;
flex-direction:column;
}
.AmazingOffersItemTextPercent{
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
background-color: #FF3838;
position: absolute;
letter-spacing:4px;
color: white;
padding: 13px 10px;
top: 0;
border-top: 5px solid #D70015;
left: 20px;
}
.AmazingOffersBox .swiper-button-next:after, .AmazingOffersBox .swiper-button-prev:after{
font-size: 15px;
color: #424242;
font-weight: bold;
background:#dddddd94 ;
padding: 20px;
}
.ProductsRowBox .swiper-button-next:after ,
.MainSlider-item .swiper-button-next:after ,
.AmazingOffersBox .swiper-button-next:after,
.BlogIndexBox .swiper-button-next:after,
.BrandsBox .swiper-button-next:after {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.ProductsRowBox .swiper-button-prev:after ,
.MainSlider-item .swiper-button-prev:after ,
.AmazingOffersBox .swiper-button-prev:after ,
.BrandsBox .swiper-button-prev:after,
.BlogIndexBox .swiper-button-prev:after{
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.ProductsRowBox{
background-color: #F5F8FB;
border:1px solid #E3EFF9;
padding: 25px;
margin: 20px 0;
border-radius: 15px;
}
.ProductsRowBoxHead{
display: flex;
align-items: center;
padding: 5px 0;
margin-bottom: 20px;
justify-content: space-between;
}
.ProductsRowBoxHead h4{
color: var(--primary-color);
font-size: 18px;
font-weight: 600;
margin: 0;
position: relative;
padding-right: 30px;
}
.ProductsRowBoxHead h4::before{
content: "";
height: 8px;
width: 8px;
background-color: var(--primary-color);
box-shadow: 0 0 0 5px #1155a336;
border-radius: 100%;
position: absolute;
right: 0;
top: 6px;
}
.ProductsRowBoxHead a{
display: block;
background-color: var(--primary-color);
color: white;
border-radius: 100px;
font-weight: 500;
padding: 7px 15px;
text-decoration: none;
font-size: 14px;
transition: 0.2s ease-in-out;
}
.ProductsRowBoxHead a:hover{
background-color: #073945;
}
.ProductsRowBox .swiper-button-next:after, .ProductsRowBox .swiper-button-prev:after,
.BrandsBox .swiper-button-next:after, .BrandsBox .swiper-button-prev:after ,
.BlogIndexBox .swiper-button-next:after, .BlogIndexBox .swiper-button-prev:after {
font-size: 15px;
color: var(--primary-color);
font-weight: bold;
background:#F5F8FB ;
padding: 20px;
}
.ProductRowItem a{
text-decoration: none;
background-color: #FFF;
padding: 20px;
border-radius: 15px;
display: block;
border: 1px solid #E3EFF9;
transition: 0.2s ease-in-out;
}
.ProductRowItem > a:hover{
border-color: var(--primary-color);
transition: 0.2s ease-in-out;
}
.ProductRowItemPicture {
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-bottom: 15px;
}
.ProductRowItemPicture img{
height: 200px;
object-fit: cover;
}
.ProductRowItemText h3{
font-size: 17px;
font-weight: 600;
color: var(--primary-color);
margin-bottom: 0;
height: 41px;
overflow: hidden;
margin-bottom: 15px;
}
.ProductRowItemPrice{
display: flex;
align-items: end;
justify-content: space-between;
height: 46px;
}
.ProductPriceMainPercent{
background-color: #FF3838;
color: white;
display: inline-block;
border-radius: 100px;
font-size:12px ;
position: relative;
margin-left:5px;
bottom: 2px;
padding: 6px 8px;
}
.ProductPriceNoramal {
display: flex;
flex-direction: row;
}
.ProductPriceNoramal .ProductPriceMain{
color: var(--primary-color);
}
.ProductPriceNoramal > svg{
color: #38484D;
}
.ProductRowItemAddToCart span{
display: flex;
background-color: #E4F4F8;
color: var(--primary-color);
border-radius: 5px;
transition: 0.2s;
padding: 8px;
}
.ProductRowItemAddToCart:hover span{
background-color: var(--primary-color);
transition: 0.2s;
color: white;
}
.ProductRowItemPictureHasGallery:hover .ProductRowItemPictureGallery{
opacity: 1;
transform:scale(1.02);
transition: 0.5s ease,transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}
.ProductRowItemPictureHasGallery:hover > img{
opacity: 0;
}
.ProductRowItemPictureGallery{
width:100%;
height: 200px;
object-fit: cover;
margin-bottom:10px;
border-radius:5px;
transition: 0.5s ease,transform 2s cubic-bezier(0, 0, 0.44, 1.18);
position:absolute;
z-index:1;
top:0;
left:0;
right:0;
opacity: 0;
bottom:0;
}
.ProductRowItemPictureGallery > img{
width: 100%;
}
.BannerItem{
margin-bottom: 20px;
}
.BannerItem img{
border-radius: 15px;
object-fit: cover;
}
.BannerItem:last-child{
margin-bottom: 0;
}
#SupportBOx{
position: relative;
}
#SupportBOx::before{
content: "";
position: absolute;
left: 0;
right: 0;
top: -50%;
bottom: -50%;
/* background-color: #F5F8FB; */
z-index: -1;
display: block;
background: linear-gradient(180deg, #F3F7FA 0%, #FFFFFF 100%);
}
.SupportBoxArea{
padding: 40px;
background: radial-gradient(50% 7023.32% at 50% 50.37%, #1e61af 0%, #1155a3 100%);
border-radius: 15px;
margin: 20px 0;
}
.SupportBoxAreaRight{
color: white;
display: flex;
align-items: center;
}
.SupportBoxAreaRightIco{
background: #0e4787;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
width:50px;
margin-left: 30px;
height: 50px;
position: relative;
}
.SupportBoxAreaRightIco::after{
content: " ";
display: flex;
width: 50px;
position: absolute;
height: 50px;
color: #fff;
border-radius: 100%;
animation: shadow-pulse 1s infinite;
}
@keyframes shadow-pulse {
0% {
box-shadow: 0 0 0 0 #ffffff;
}
100% {
box-shadow: 0 0 0 15px transparent;
}
}
.SupportBoxAreaRightText{
display: flex;
flex-direction: column;
}
.SupportBoxAreaRightText b{
font-size: 22px;
font-weight: 700;
margin-bottom: 10px;
}
.SupportBoxAreaRightText span{
font-size: 14px;
font-weight: 500;
}
.SupportBoxAreaLeft{
display: flex;
justify-content: end;
align-items: center;
}
.SupportBoxAreaLeft a{
display: block;
background-color: #0e4787;
border-radius: 100px;
padding: 17px 40px;
text-decoration: none;
color: white;
font-weight: 600;
font-size: 16px;
transition: 0.2s ease-in-out;
}
.SupportBoxAreaLeft a:hover{
background-color: #073945;
transition: 0.2s ease-in-out;
}
#ProductsBestRow .ProductsRowBox{
background-color: white;
}
#ProductsBestRow .ProductsRowBoxHead {
color: var(--primary-color);
justify-content: start;
}
#ProductsBestRow .ProductsRowBoxHead h4{
padding-right: 10px;
}
#ProductsBestRow .ProductsRowBoxHead h4::before{
display: none;
}
footer{
margin-top: 50px;
background-image: url('../images/ftbgnew.png');
background-size: cover;
position: relative;
}
.FooterRightBox{
padding-top: 60px;
padding-bottom: 110px;
}
.FooterRightBoxAbout{
color: white;
margin-bottom:40px;
}
.FooterRightBoxAboutTitle h2{
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
}
.FooterRightBoxAboutText p {
font-size: 16px;
font-weight: 400;
line-height: 2.3;
min-height: 180px;
word-spacing: -0.5px;
text-align: justify;
}
.FooterRightBoxMenuItemTitle{
color: #FFF;
font-size: 20px;
font-weight: 600;
margin-bottom: 25px;
display: block;
}
.FooterRightBoxMenuItem ul{
margin: 0;
padding: 0;
list-style: none;
}
.FooterRightBoxMenuItem ul li a{
display: inline-block;
color: white;
position: relative;
font-size: 16px;
font-weight: 400;
text-decoration: none;
white-space: nowrap;
line-height: 2.2;
transition: 0.5s ease-in-out;
}
.FooterRightBoxMenuItem ul li a::before{
content: url('data:image/svg+xml; utf8, ');
margin-left: 5px;
position: absolute;
top: 4px;
right: -15px;
visibility: hidden;
}
.FooterRightBoxMenuItem ul li a:hover{
transform: translateX(-10px);
transition: 0.5s ease-in-out;
}
.FooterRightBoxMenuItem ul li a:hover::before{
visibility: visible;
transition: 0.5s ease-in-out;
}
.FooterLeftBox{
background-color: #1155a3;
height: 100%;
padding: 60px 100px;
padding-top: 110px;
}
.FooterLeftBoxCallHead {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
color: white;
}
.FooterLeftBoxCallHead ul {
margin: 0;
padding: 0;
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
list-style: none;
}
.FooterLeftBoxCallHead ul li a{
text-decoration: none;
color: white;
margin-right: 15px;
padding: 5px;
transition: 0.2s ease-in-out;
}
.FooterLeftBoxCallHead ul li a:hover{
transition: 0.2s ease-in-out;
color: #ED9136;
}
.FooterLeftBoxCallHead > span{
font-weight: 600;
font-size: 20px;
}
.FooterLeftBoxCallBodyItem{
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 0;
}
.FooterLeftBoxCallBodyItem span{
font-size: 16px;
font-weight: 600;
color: #ffffffc0;
}
.FooterLeftBoxCallBodyItem b{
font-size: 16px;
font-weight: 500;
color: #fff;
}
.FooterLeftBoxCallBodyItem b a{
color: #fff;
text-decoration:none;
}
.FooterLeftBoxCallBodyItem b i{
display: inline-block;
font-style: normal;
margin: 0 15px;
}
.FooterLeftBoxNamad{
margin-top: 30px;
}
.FooterLeftBoxNamadTitle{
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
display: block;
text-align: center;
color: #fff;
}
.FooterLeftBoxNamadItem{
display: flex;
align-items: center;
justify-content: space-evenly;
}
.FooterLeftBoxNamadItem img{
width: 100px;
}
#FooterBottom{
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-bottom: 30px;
}
.CopyRights span:first-child{
color: white;
display: block;
font-size: 14px;
font-weight: 300;
margin-bottom: 10px;
text-align: center;
}
.CopyRights span:last-child{
color: white;
display: block;
font-size: 11px;
direction: ltr;
letter-spacing: 1px;
font-weight: 200;
text-align: center;
}
.Developer{
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: row-reverse;
}
.DeveloperIco{
margin-right: 15px;
}
.DeveloperText{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.DeveloperText{
color: white;
}
.DeveloperText span:first-child{
font-size: 12px;
font-weight: 200;
margin-bottom: 5px;
display: block;
}
.DeveloperText span:last-child{
font-size: 11px;
font-weight: 300;
display: block;
letter-spacing: 3.3px;
word-spacing: 4px;
font-family: 'roboto';
}
.GoTop{
position: absolute;
top: -1px;
left: 0;
height: 77px;
width: 216px;
background-image: url('../images/footer-img-top.png');
background-repeat: no-repeat;
}
#GoTopBtn{
cursor: pointer;
text-align: center;
color: var(--primary-color);
display: flex;
flex-direction: column;
align-items: center;
}
#GoTopBtn:hover svg{
transform: translateY(-8px);
transition: 0.2s ease-in-out;
}
#GoTopBtn > svg{
margin-bottom: 5px;
transition: 0.2s ease-in-out;
}
#GoTopBtn > span{
display: flex;
color: var(--primary-color);
flex-direction: column;
align-items: center;
font-weight: 700;
font-size: 13px;
}
#Breadcrumb{
background-color: #F5F8FB;
margin-bottom: 15px;
}
.BreadcrumbBox > span{
padding: 20px 0;
display: inline-flex;
font-size: 14px;
font-weight: 500;
color: var(--primary-color);
}
.BreadcrumbBox > i {
font-style: normal;
color: #81858b;
margin: 0 10px;
}
.BreadcrumbBox > span a{
font-size: 14px;
color: #81858b;
text-decoration: none;
padding: 0 5px;
font-weight: 500;
position: relative;
}
.BreadcrumbBox > span a:hover{
color: var(--secondary-color);
}
.SingleProduct{
background-color: #fff;
border: 1px solid #E3EFF9;
border-radius: 15px;
margin: 15px 0;
box-shadow: 0 5px 8px -3px rgba(0,0,0,.1);
}
.SingleProductImageBox{
border-left: 1px solid #E3EFF9;
}
.SingleProductContentBox {
border-left: 1px solid #E3EFF9;
}
.SingleProductImage{
padding: 40px;
border-top-right-radius: 15px;
min-height: 500px;
border-bottom-right-radius: 15px;
}
.SingleProductImageMain {
display: flex;
align-items: center;
justify-content: center;
}
.SingleProductImageMain > img {
height: auto;
object-fit: cover;
min-height: 400px;
border-radius: 10px;
}
.SingleProductImageGalleryModalShowList ,
.SingleProductImageGallery{
display: flex;
flex-direction: row;
margin-top: 20px;
}
.SingleProductImageGalleryModalShowList{
align-items: center;
justify-content: center;
margin: 20px 0;
}
.SingleProductImageGalleryItem , .SingleProductImageGalleryModalShowListItem{
border: 1px solid #E3EFF9;
border-radius: 5px;
margin: 5px;
display: inline-flex;
align-items: center;
cursor: pointer;
padding: 5px;
overflow: hidden;
}
.SingleProductImageGalleryItem:hover > img , .SingleProductImageGalleryModalShowListItem:hover > img{
opacity: 1;
transition: 0.2s ease-in-out;
}
.SingleProductImageGalleryModalShowListItem > img,
.SingleProductImageGalleryItem > img{
transition: 0.2s ease-in-out;
width: 70px;
opacity: 0.6;
height: 70px;
border-radius: 5px;
object-fit: cover;
}
#SingleProductImageGalleryModal .modal-body{
display: flex;
flex-direction: column;
justify-content: space-between;
}
#SingleProductImageGalleryModal .modal-title{
font-weight: 600;
color: var(--primary-color);
}
#SingleProductImageGalleryModal .modal-header{
border-bottom: 1px solid #E3EFF9 !important;
}
#SingleProductImageGalleryModalShow{
display: flex;
align-items: center;
justify-content: center;
min-height:500px;
}
#SingleProductImageGalleryModalShow > img{
max-height: 500px;
}
.SingleProductContent{
padding: 40px;
min-height:500px;
}
.SingleProductContentTitle{
border-bottom: 1px solid #E3EFF9;
padding-bottom: 20px;
margin-bottom: 20px;
}
.SingleProductContentTitle h1{
font-size: 23px;
color: var(--primary-color);
font-weight: 600;
}
.SingleProductContentTitle h2{
color: #8F9DA7;
margin-bottom: 0;
font-size: 13px;
font-weight: 500;
}
.SingleProductContentDetailsCat{
margin-bottom: 5px;
}
.SingleProductContentDetailsCat > span , .SingleProductContentDetailsBrands > span{
font-weight: 500;
color: var(--primary-color);
margin-left: 5px;
display: inline-block;
}
.SingleProductContentDetailsBrands .pwb-brand-shortcode {
display: inline-block;
}
.SingleProductContentDetailsBrands .pwb-brand-shortcode > a::after{
content: "،";
}
.SingleProductImageBox {
position:relative;
}
.SingleProductLabelArea{
position:absolute;
top:15px;
left:15px;
display: flex;
align-items: center;
justify-content: end;
}
.SingleProductLabelArea .label-product-custom{
border-radius: 5px;
font-size: 15px;
font-weight: 500;
margin: 0 2px;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 7px 14px;
}
.SingleProductContentDetailsBannerFreeTracking{
background: #fff90014;
padding: 10px 20px;
border: 1px solid #FFC107;
border-radius: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.SingleProductContentDetailsBannerFreeTrackingText b{
font-size:17px;
}
.SingleProductContentDetailsBannerFreeTrackingText p b{
font-size: 24px;
position: relative;
top: 2px;
color: black;
margin: 0 3px;
line-height: 0;
}
.catalogue-product{
padding:10px 0;
border-bottom:1px solid #E3EFF9;
border-top:1px solid #E3EFF9;
display:flex;
align-items:center;
flex-direction:row;
justify-content:space-between;
}
.catalogue-product-title svg{
margin-left:5px;
}
.catalogue-product-title{
font-weight: 500;
color:#333;
margin-left: 5px;
display: inline-block;
font-size:14px;
}
.catalogue-product-body a svg{
margin-right:5px;
position: relative;
bottom: 2px;
}
.catalogue-product-body a:hover{
transform:translateY(2px);
transition:0.2s;
}
.catalogue-product-body a{
background:#333;
text-decoration:none;
display:inline-flex;
align-items:center;
justify-content:center;
color:white;
font-size:15px;
transition:0.2s;
border-radius:8px;
padding:5px 10px;
}
.SingleProductContentDetailsBannerFreeTrackingText p{
font-size:15px;
font-weight:500;
color:#5E6367;
}
.SingleProductLabelArea .label-product-custom.label-product-custom-best{
background:#12CBC4;
color:white;
}
.SingleProductContentDetailsBannerFreeTrackingIco{
color: #ffc107;
}
.SingleProductLabelArea .label-product-custom.label-product-custom-special{
background:#EE5A24;
color:white;
}
.SingleProductLabelArea .label-product-custom.label-product-custom-offer{
background:#ff3838;
color:white;
}
.SingleProductContentDetailsBrands .pwb-brand-shortcode > a:last-child::after{
display: none;
}
.SingleProductContentDetailsBrands .pwb-brand-shortcode > a ,
.SingleProductContentDetailsCat > a{
color: #8F9DA7;
text-decoration: none;
font-size: 15px;
font-weight: 500;
}
.SingleProductContentDetailsCat > a:hover , .SingleProductContentDetailsBrands .pwb-brand-shortcode > a:hover{
color: var(--secondary-color);
}
.SingleProductContentDetailsExcerpt{
margin: 20px 0;
color: #333333;
font-weight: 500;
min-height: 200px;
line-height: 2;
}
.SingleProductContentDetailsExcerpt h1 ,
.SingleProductContentDetailsExcerpt h2 ,
.SingleProductContentDetailsExcerpt h3 ,
.SingleProductContentDetailsExcerpt h4 ,
.SingleProductContentDetailsExcerpt h5 ,
.SingleProductContentDetailsExcerpt h6 {
font-size:15px;
}
.SingleProductContentDetailsAddToCart{
padding: 40px;
display: flex;
flex-direction: column;
min-height: 500px;
justify-content: space-between;
}
.SingleProductContentDetailsAddToCart table.variations{
width: 100%;
margin-bottom: 20px;
}
.SingleProductContentDetailsAddToCart table.variations .label {
margin-bottom: 10px;
}
.SingleProductContentDetailsAddToCart table.variations .label ,
.SingleProductContentDetailsAddToCart table.variations .value{
display: block;
}
.SingleProductContentDetailsAddToCart .reset_variations{
margin: 20px 0;
font-weight: 500;
font-size: 15px;
text-decoration: none;
color: #FF3838;
}
.SingleProductContentDetailsAddToCart table.variations .value select{
width: 100%;
margin-bottom: 10px;
padding: 15px;
width: 100%;
background-color: #F5F8FB;
border: 1px solid #E3EFF9;
border-radius: 10px;
font-weight: 500;
}
.SingleProductContentDetailsAddToCart table.variations .value select option:disabled{
background-color: #ddd;
}
.SingleProductContentDetailsAddToCart .woocommerce-variation-price{
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
}
.SingleProductContentDetailsAddToCart .woocommerce-variation-price .price{
display: flex;
align-items: center;
font-size: 20px;
flex-direction: column;
margin: 15px 0;
font-family: 'YekanBakhFa';
font-weight: 500;
color: #333333;
align-items: end;
justify-content: end;
}
.SingleProductContentDetailsAddToCart .woocommerce-variation-price .woocommerce-Price-currencySymbol{
position: relative;
bottom: 2px;
margin-right: 5px;
left: 5px;
}
.SingleProductContentDetailsAddToCart .woocommerce-variation-price .price del {
color: #8F9DA7;
font-size: 20px;
font-weight: 300;
line-height: 1;
letter-spacing: -2px;
text-decoration: none;
}
.SingleProductContentDetailsAddToCart .woocommerce-variation-price .price del .woocommerce-Price-currencySymbol{
display: none;
}
.SingleProductContentDetailsAddToCart .woocommerce-variation-price .price > .amount > bdi{
text-decoration: none;
color: #FF3838;
font-size: 25px;
letter-spacing: -2px;
font-weight: 400;
line-height: 1;
}
.SingleProductContentDetailsAddToCart .woocommerce-variation-price .price ins{
color: #FF3838;
letter-spacing: -2px;
font-size: 25px;
font-weight: 400;
text-decoration: none;
line-height: 1;
}
.SingleProductContentDetailsAddToCart .single_add_to_cart_button{
width: 100%;
padding: 25px;
font-size: 18px;
background-color: var(--secondary-color);
color: white;
font-weight: 600;
box-shadow: 0 14px 12px -8px rgb(32 160 193 / 45%);
border-radius: 10px;
border: 0;
transition: 0.2s ease-in-out;
margin-top: 15px;
}
.SingleProductContentDetailsAddToCart .single_add_to_cart_button:hover{
background-color: #1086a5;
transition: 0.2s ease-in-out;
box-shadow: 0 10px 12px -8px rgb(32 160 193 / 45%);
transform: translateY(2px);
}
.SingleProductContentDetailsAddToCart .quantity > span{
font-weight: 600;
color: #333;
font-size: 15px;
display: block;
margin-bottom: 5px;
}
.SingleProductContentDetailsAddToCart .quantity input{
width: 100%;
padding: 15px;
margin-top:10px;
width: 100%;
border: 1px solid #E3EFF9;
border-radius: 10px;
font-weight: 500;
}
.woocommerce-variation-availability p {
margin: 0;
}
.SingleProductContentDetailsAddToCartStock {
font-weight: 600;
color: #333;
display: flex;
font-size: 15px;
justify-content: space-between;
flex-direction: row;
}
.SingleProductContentDetailsAddToCart
.in-stock
.SingleProductContentDetailsAddToCartStock > b{
color: #1eca79;
font-weight: 700;
}
.SingleProductContentDetailsAddToCart
.out-of-stock
.SingleProductContentDetailsAddToCartStock > b{
color: #D70015;
font-weight:600;
}
.SingleProductContentDetailsAddToCart .single_variation{
display: flex;
flex-direction: column-reverse;
}
.SingleProductContentDetailsAddToCartConditions{
margin-top: 30px;
padding: 20px;
background-color: #fefbfb;
border: 1px solid #d700152e;
cursor: pointer;
border-radius: 10px;
transition: 0.2s;
}
.SingleProductContentDetailsAddToCartConditions:hover{
border-color: #D70015;
transition: 0.2s;
}
.SingleProductContentDetailsAddToCartConditions:hover .title{
border-color: #D70015;
transition: 0.2s;
}
.SingleProductContentDetailsAddToCartConditions > .title{
font-weight: 600;
color: #D70015;
transition: 0.2s;
display: flex;
flex-direction: row;
align-items: center;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #d700152e;
font-size: 20px;
}
.SingleProductContentDetailsAddToCartConditions > .title svg{
position: relative;
bottom: 2px;
}
.SingleProductContentDetailsAddToCartConditions > p{
color: #D70015;
margin-bottom: 0;
text-align: justify;
margin-top: 10px;
line-height: 1.8;
font-weight: 500;
font-size: 15px;
letter-spacing: -0.4px;
}
.SingleProductContentDetailsAddToCartConditions > p a{
color: #D70015;
margin-right: 10px;
}
.SingleProductContentDetailsAddToCartConditions > .title svg{
margin-left: 5px;
}
.SingleProductContentDetailsAddToCart-simple-price{
display: flex;
margin-top: 15px;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.SingleProductContentDetailsAddToCart-simple-price-label , .SingleProductContentDetailsAddToCart .woocommerce-variation-price-label{
font-size: 15px;
font-weight: 600;
display: block;
}
.SingleProductContentDetailsAddToCart-simple-price-normal > span ,
.SingleProductContentDetailsAddToCart-simple-price-off > span
{
font-size: 25px;
font-weight: 600;
color: #FF3838;
}
.SingleProductContentDetailsAddToCart-simple-price-off > span{
line-height: 1;
}
.SingleProductContentDetailsAddToCart-simple-price-normal > svg ,
.SingleProductContentDetailsAddToCart-simple-price-off > svg{
position: relative;
bottom: 2px;
}
.SingleProductContentDetailsAddToCart-simple-price-main{
display: flex;
flex-direction: column;
align-items: end;
justify-content: end;
}
.SingleProductContentDetailsAddToCart-simple-price-opacity{
color: #8F9DA7;
font-size: 20px;
font-weight: 500;
line-height: 1;
display: flex;
align-items: end;
text-decoration: none;
}
.SingleProductContentDetailsAddToCart-simple-price-opacity-percent{
background-color: #FF3838;
color: white;
display: inline-flex;
border-radius: 100px;
font-size: 12px;
position: relative;
margin-left: 5px;
bottom: 2px;
padding: 4px 6px;
align-items: center;
justify-content: center;
}
.SingleProductContentDetailsAddToCart-simple .stock{
margin: 0;
display: flex;
flex-direction: column-reverse;
margin-bottom: 15px;
}
.loader-cart {
width: 24px;
height: 24px;
border: 2px solid var(--primary-color);
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
.SingleWoocommerceTabs{
background-color: #fff;
border: 1px solid #E3EFF9;
border-radius: 15px;
margin-top: 15px;
box-shadow: 0 5px 8px -3px rgba(0,0,0,.1);
}
.SingleWoocommerceTabs .wc-tabs .reviews_tab{
font-family: 'YekanBakhFa';
font-weight: 400;
}
.SingleWoocommerceTabs .wc-tabs{
margin: 0;
padding: 0;
display: flex;
align-items: center;
list-style: none;
font-weight: 600;
overflow: hidden;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
letter-spacing: -0.5px;
flex-direction: row;
}
.SingleWoocommerceTabs .wc-tabs li {
width: 100%;
text-align: center;
}
.SingleWoocommerceTabs .wc-tabs li a{
text-decoration: none;
padding: 25px;
display: block;
border-bottom: 1px solid #E3EFF9;
border-left: 1px solid #E3EFF9;
color:var(--primary-color);
position: relative;
transition: 0.2s ease-in-out !important;
}
.SingleWoocommerceTabs .wc-tabs li a::after{
content: "";
height: 10px;
left: 40%;
right: 40%;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: var(--secondary-color);
position: absolute;
visibility: hidden;
opacity: 0;
bottom: -5px;
transition: 0.2s ease-in-out !important;
}
.SingleWoocommerceTabs .wc-tabs li.active a ,
.SingleWoocommerceTabs .wc-tabs li a:hover ,
.SingleWoocommerceTabs .wc-tabs li.active a::after ,
.SingleWoocommerceTabs .wc-tabs li a:hover::after {
visibility: visible;
opacity: 1;
color:var(--secondary-color);
transition: 0.2s ease-in-out !important;
}
.SingleWoocommerceTabs .wc-tabs li:last-child a{
border-left: 0;
}
.SingleWoocommerceTabs .woocommerce-Tabs-panel {
padding: 40px;
}
.SingleWoocommerceTabs .woocommerce-Tabs-panel > h2:first-child{
display: none;
}
.SingleWoocommerceTabs .woocommerce-product-attributes{
width: 100%;
}
.SingleWoocommerceTabs .woocommerce-product-attributes th ,
.SingleWoocommerceTabs .woocommerce-product-attributes tr ,
.SingleWoocommerceTabs .woocommerce-product-attributes td{
border-color:#E3EFF9;
}
.SingleWoocommerceTabs .woocommerce-product-attributes .woocommerce-product-attributes-item__label ,
.SingleWoocommerceTabs .woocommerce-product-attributes .woocommerce-product-attributes-item__value{
padding: 20px;
}
.SingleWoocommerceTabs .woocommerce-product-attributes .woocommerce-product-attributes-item__value p {
margin: 0;
}
.SingleWoocommerceTabs .comment-form-comment{
display: flex;
margin-top: 10px;
flex-direction: column;
}
.SingleWoocommerceTabs .comment-form label:first-child ,
.SingleWoocommerceTabs .comment-form-comment label{
font-size: 15px !important;
font-weight: 500 !important;
}
.comment-form .comment-form-author > label,
.comment-form .comment-form-email > label{
display:block;
}
.comment-form .comment-form-email input,
.comment-form .comment-form-author input{
border: 1px solid #E3EFF9;
border-radius: 10px;
margin-top: 15px;
width:100%;
padding: 20px;
}
.SingleWoocommerceTabs .comment-form-comment textarea{
border: 1px solid #E3EFF9;
border-radius: 10px;
margin-top: 15px;
padding: 20px;
}
.SingleWoocommerceTabs .comment-form-comment textarea:focus{
border-color: var(--secondary-color);
}
.SingleWoocommerceTabs .form-submit{
display: flex;
flex-direction: row;
justify-content: end;
margin: 0;
}
.SingleWoocommerceTabs .form-submit .submit{
padding: 20px 50px;
font-size: 18px;
background-color: var(--secondary-color);
color: white;
font-weight: 600;
box-shadow: 0 14px 12px -8px rgb(32 160 193 / 45%);
border-radius: 10px;
border: 0;
transition: 0.2s ease-in-out;
margin-top: 15px;
}
.SingleWoocommerceTabs .form-submit .submit:hover{
background-color: #1086a5;
transition: 0.2s ease-in-out;
transform: translateY(2px);
box-shadow: 0 10px 12px -8px rgb(32 160 193 / 45%);
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.comments-rating {
border: none;
padding: 0;
margin-left: 0;
}
.comments-rating label {
display: inline-block;
}
.rating-container {
font-size: 0;
unicode-bidi: bidi-override;
direction: ltr;
}
.rating-container * {
font-size: 1.4rem;
}
.rating-container > input {
display: none;
}
.rating-container > input + label {
font-family: 'dashicons';
display: inline-block;
overflow: hidden;
text-indent: 9999px;
width: 1em;
white-space: nowrap;
cursor: pointer;
margin: 0;
}
.rating-container > input + label:before {
display: inline-block;
text-indent: -9999px;
content: "\f154";
color: #888;
}
.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
content: "\f155";
color: #e52;
text-shadow: 0 0 1px #333;
}
.rating-container > .star-cb-clear + label {
text-indent: -9999px;
width: .5em;
margin-left: -.5em;
}
.rating-container > .star-cb-clear + label:before {
width: .5em;
}
.rating-container:hover > input + label:before {
content: "\f154";
color: #888;
text-shadow: none;
}
.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
content: "\f155";
color: #e52;
text-shadow: 0 0 1px #333;
}
.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
text-indent: 9999px;
}
.comment-respond .rating-container > input + label {
text-indent: -9999px;
}
.comments-rating .rating-container input[type=radio] {
display: none !important;
}
.ArchiveBox{
background-color: #fff;
border: 1px solid #E3EFF9;
border-radius: 15px;
margin: 15px 0;
box-shadow: 0 5px 8px -3px rgba(0,0,0,.1);
}
.ArchiveBoxItem{
height: 100%;
}
.ArchiveBoxItem a{
text-decoration: none;
position: relative;
padding: 20px;
display: block;
height: 100%;
}
.ArchiveBoxItem a:hover{
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
z-index: 2;
position: relative;
}
.ArchiveBoxItemTitle h3{
font-size: 17px;
font-weight: 600;
color: var(--primary-color);
margin-bottom: 0;
height: 41px;
overflow: hidden;
margin-bottom: 15px;
}
.ArchiveBoxItemPrice{
display: flex;
align-items: center;
justify-content: end;
}
.ArchiveBoxContainer {
padding: 0;
margin: -1px 0px -1px 0px;
border: 1px solid #E3EFF9;
border-right: none;
}
.ArchiveBoxSort{
border-bottom: 1px solid #E3EFF9;
padding: 30px;
}
.ArchiveBoxSort ul{
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
}
.ArchiveBoxSort ul li {
display: inline-flex;
}
.ArchiveBoxSort ul li a{
color: #5E6367;
text-decoration: none;
font-size: 14px;
font-weight: 600;
margin-left: 10px;
}
.ArchiveBoxSort ul li.active a , .ArchiveBoxSort ul li a:hover{
color: var(--secondary-color);
}
.ArchiveBoxSortLabel{
font-size: 14px;
display: inline-block;
font-weight: 600;
color: #5E6367;
margin-left: 10px;
}
.ArchiveBoxItemPriceLabel{
color: #5E6367;
font-weight: 600;
font-size: 14px;
}
.ArchivePagination{
display: flex;
align-items: center;
justify-content: center;
padding: 30px 15px;
border-top: 1px solid #E3EFF9;
}
.ArchiveBoxItemPrice .ProductPriceOffers .ProductPriceOff > span{
font-size: 20px;
}
.ArchiveBoxItemPrice .ProductPriceOffers .ProductPriceMain{
font-size: 18px;
}
.ArchivePagination > span{
display: inline-flex;
background-color: #E3EFF9;
margin: 0 5px;
border-radius: 5px;
font-weight: 600;
color: #333;
text-decoration: none;
width: 35px;
height: 35px;
align-items: center;
justify-content: center;
}
.ArchivePagination > .current{
background-color: var(--secondary-color);
color: white;
transition: 0.2s;
}
.ArchivePagination > a{
display: inline-flex;
background-color: #E3EFF9;
margin: 0 5px;
border-radius: 5px;
font-weight: 600;
color: #333;
text-decoration: none;
width: 35px;
height: 35px;
align-items: center;
justify-content: center;
}
.ArchivePagination > a:hover{
background-color: var(--secondary-color);
color: white;
transition: 0.2s;
}
#SearchBox{
background: #fff;
overflow: hidden;
position: absolute;
left: 0;
right: 0;
padding: 0 20px;
z-index: 5;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
display: none;
}
#SearchBox.show{
display: block;
box-shadow: 0 1000px 0 1000px #00000070;
border-bottom: 1px solid #E3EFF9;
border-top: 1px solid #E3EFF9;
}
#SearchBox .FormSearch{
display: flex;
padding: 20px 0;
flex-direction: column;
position: relative;
}
#SearchBox .FormSearch svg{
position: absolute;
top: 35px;
right: 15px;
z-index: 2;
}
#SearchBox .FormSearch .FormSearchHeader{
margin-bottom: 20px;
font-size: 14px;
color: #5E6367;
}
#SearchBox .FormSearch input{
width: 100%;
padding: 15px;
font-size: 14px;
font-weight: 600;
width: 100%;
border: 1px solid #E3EFF9;
background-color: #fbfbfb;
border-radius: 5px;
font-weight: 500;
padding-right: 40px;
}
#SearchBox .FormSearch input:focus{
border-color: var(--secondary-color);
}
#SearchBox .FormSearch button{
color: white;
border: 0;
padding: 14px;
margin-right: 10px;
border-radius: 10px;
background-color: var(--secondary-color);
}
.resultLiveSearchInner{
background-color: white;
margin-bottom: 15px;
}
#resultLiveSearch > span{
font-weight: 500;
color: #5E6367;
}
.SearchBoxHolder{
position: relative;
}
.resultLiveSearchInnerHead{
font-weight: 500;
}
#InputSearchBox{
position: relative;
}
.resultLiveSearchInnerList{
margin-bottom: 20px;
max-height: 500px;
overflow: auto;
}
.resultLiveSearchInnerListItem a{
display: flex;
flex-direction: row;
text-decoration: none;
align-items: center;
background: #F5F8FB;
transition: 0.2s;
padding: 10px;
border-radius: 5px;
margin-bottom: 10px;
}
.resultLiveSearchInnerListItem a:hover{
transition: 0.2s;
background-color: var(--secondary-color);
}
.resultLiveSearchInnerListItem a:hover h2{
color: white;
transition: 0.2s;
}
.resultLiveSearchInnerListItem a img{
width: 50px;
height: 50px;
margin-left: 10px;
border-radius: 5px;
}
.resultLiveSearchInnerListItem a h2{
font-size: 15px;
transition: 0.2s;
color: #5E6367;
margin: 0;
}
#MobileFixedNavbar{display: none;}
#CategoryMenuMobile{
display: none;
}
#CloseCategoryMenuMobile{
cursor: pointer;
}
#SideBarNavigation{
position:fixed;
top:0;
right:-500px;
opacity:0;
visibility:hidden;
transition:0.2s ease-in-out;
width:20%;
bottom:0;
background:#1155a3eb;
overflow-y:auto;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
z-index:50;
}
#SideBarNavigation.show{
right:0;
opacity:01;
visibility:visible;
transition:0.2s ease-in-out;
}
.SideBarNavigationHead{
padding:20px;
color:white;
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
background:#0e4787;
}
.SideBarNavigationHead h6{
margin:0;
font-size:15px;
color:white;
font-weight:600;
}
#SideBarNavigation ul{
padding:0;
list-style:none;
margin:0;
}
#SideBarNavigation ul li a{
display:flex;
align-items:center;
justify-content:start;
color:white;
font-size:15px;
font-weight:600;
text-decoration:none;
padding:20px;
transition:0.2s ease-in-out;
}
#SideBarNavigation ul li a:hover{
background-color:#0e4787;
padding-right:30px;
transition:0.2s ease-in-out;
}
.returnBtn > a{
color:#333;
text-decoration:none;
font-weight:600;
margin-top:30px;
display:inline-flex;
justify-content:end;
align-items:center;
}
.returnBtn > a:hover{
color:var(--secondary-color);
}
.returnBtn > a:hover svg{
color:var(--secondary-color);
transform:translateX(-5px);
}
.returnBtn > a svg{
margin-right:5px;
transition:0.2s ease-in-out;
}
.SinglePostTitle {
padding:20px;
border-bottom: 1px solid #E3EFF9;
}
.SinglePostImg{
display:flex;
justify-content:center;
padding:0 20px;
}
.SinglePostImg img{
height:500px;
width:50%;
object-fit:cover;
}
.SinglePostContent{
padding:20px;
line-height:2.2;
}
.SinglePostTitle h1{
font-size:30px;
font-weight:700;
color:var(--primary-color);
}
.SinglePostTags{
padding:20px;
border-top: 1px solid #E3EFF9;
}
.SinglePostTags ul{
padding:0;
margin:0;margin-top:10px;
list-style:none;
}
.SinglePostTags ul li {
display:inline-block;
margin-left:5px;
}
.SinglePostTags ul li a{
color: #333;
text-decoration: none;
display: block;
padding: 5px 15px;
background: #e9e9e9;
border-radius: 500px;
transition:0.2s ease-in-out;
font-size: 15px;
}
.SinglePostTags ul li a:hover{
color:white;
transition:0.2s ease-in-out;
background:var(--primary-color);
}
.SinglePostTitleDetails{
color: #8F9DA7;
text-decoration: none;
font-size: 14px;
font-weight: 500;
margin-left: 10px;
}
.SinglePostTitleDetails span{
margin-left:20px;
}
.PageContent , .SinglePost , .ContactPage{
background-color: #fff;
border: 1px solid #E3EFF9;
border-radius: 15px;
margin-top:20px;
box-shadow: 0 5px 8px -3px rgba(0,0,0,.1);
}
.PageContentTitle{
padding:20px;
border-bottom: 1px solid #E3EFF9;
}
.PageContentTitle h1{
font-size: 20px;
font-weight: 700;
color: var(--primary-color);
margin:0;
}
.PageContentText{
padding:20px;
line-height:2;
}
.PageContentText p:last-child{
margin:0;
}
.BrandsBox{
border: 1px solid #E3EFF9;
margin: 20px 0;
border-radius: 15px;
overflow:hidden;
}
.BrandsBoxTitle{
padding:20px;
border-bottom: 1px solid #E3EFF9;
}
.BrandsBoxTitle h3{
font-weight:600;
font-size:20px;
margin:0;
color:#5E6367;
}
.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th{
display:block !important;
}
.BrandsBoxItem{
display:inline-flex;
align-items:center;
justify-content:center;
width:100%;
}
.BrandsBoxItem img{
max-width:100%;
height:auto;
margin:auto;
width:200px;
padding:20px 0;
transition:0.2s ease-in-out;
}
.BrandsBoxItem a:hover img{
transform:scale(1.05);
transition:0.2s ease-in-out;
}
.BlogIndexBox{
margin: 20px 0;
border: 1px solid #E3EFF9;
padding: 20px;
border-radius: 15px;
}
.BlogIndexBoxTitle{
display: flex;
align-items: center;
background:var(--primary-color);
padding: 20px;
margin-bottom: 20px;
justify-content: space-between;
border-radius:10px;
}
.BlogIndexBoxTitle > a{
display: block;
background-color: #0e4787;
border-radius: 100px;
padding: 10px 20px;
text-decoration: none;
color: white;
font-weight: 500;
font-size: 14px;
transition: 0.2s ease-in-out;
}
.BlogIndexBoxTitle > a:hover{
background-color: #073945;
transition: 0.2s ease-in-out;
}
.BlogIndexBoxTitle h4{
color: white;
font-size: 18px;
font-weight: 600;
margin: 0;
position: relative;
}
.BlogIndexBoxItemMainTextExp{
height:95px;
overflow:hidden;
}
.BlogIndexBoxTitle h4 svg{
margin-left:5px;
}
.BlogIndexBoxItem{
padding:20px;
background:#FFF;
border:1px solid #E3EFF9;
border-radius:10px;
}
.BlogIndexBoxItemMainImg {
margin-bottom:30px;
}
.BlogIndexBoxItemMainImg img{
width:100%;
height:250px;
object-fit:cover;
border-radius:5px;
}
.BlogIndexBoxItemMainImg a {
position:relative;
display:block;
}
.BlogIndexBoxItemMainImg a:hover .ImgBlur{
opacity:0;
transition:0.2s ease-in-out;
}
.BlogIndexBoxItemMainImg a img:first-child{
position:relative;
z-index:2;
}
.BlogIndexBoxItemMainImg .ImgBlur{
right: 50% !important;
bottom: 0;
filter: blur(14px) !important;
z-index: 1 !important;
width: 79% !important;
height: 19% !important;
transform: translate(50%, 0);
position: absolute !important;
transition:0.2s ease-in-out;
}
.BlogIndexBoxItemMainText a{
text-decoration:none;
}
.BlogIndexBoxItemMainText h2{
font-size:20px;
font-weight:700;
color: var(--primary-color);
margin-bottom: 0;
height: 45px;
overflow: hidden;
margin-bottom: 15px;
}
.BlogIndexBoxItemMainText p{
font-size:15px;
font-weight:500;
color:#8F9DA7;
margin-bottom:0;
}
.BlogIndexBoxItemFooter{
margin-top:20px;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
height:40px;
}
.BlogIndexBoxItemFooter > b {
display:flex;
align-items:center;
flex-direction:row;
}
.BlogIndexBoxItemFooter > b i{
font-size:35px;
font-style:normal;
margin-left:5px;
color:var(--primary-color);
letter-spacing:-2px;
}
.BlogIndexBoxItemFooter > b span{
display:block;
line-height:1;
position:relative;
bottom:2px;
}
.BlogIndexBoxItemFooter span{
font-size:13px;
font-weight:500;
color:#8F9DA7;
}
.BlogIndexBoxItemFooterDate{
position:relative;
top:5px;
}
.ArchiveBlog .BlogIndexBoxItem{
margin:5px 0 ;
}
.ArchiveBlogPagination{
display:flex;
align-items:center;
justify-content:center;
}
.ArchiveBlogPagination > a , .ArchiveBlogPagination > span{
border-radius:100%;
width:50px;
display:inline-flex;
align-items:center;
justify-content:center;
height:50px;
background:#F5F8FB;
font-weight:500;
margin:0 5px;
text-decoration:none;
color:#0c0c0c;
}
.ArchiveBlogPagination > a:hover , .ArchiveBlogPagination > span{
background-color:var(--primary-color) !important;
color:white !important;
}
.Typography h1,
.Typography h2,
.Typography h3,
.Typography h4,
.Typography h5,
.Typography h6
{
line-height: 2.792rem;
margin-bottom: 15px;
font-weight: 700;
color: #535a60;
}
.Typography h1{
font-size: 1.71em;
}
.Typography h2{
font-size: 1.64em;
}
.Typography h3{
font-size: 1.57em;
}
.Typography h4 {
font-size: 1.5em;
}
.Typography h5 {
font-size: 1.42em;
}
.Typography b, .Typography strong {
font-weight:600;
}
.Typography h6 {
font-size: 1.35em;
}
.Typography ol,
.Typography ul {
list-style: none;
margin-bottom: 27px;
line-height: 2.58;
color: #646464;
}
.typography ol ul,
.typography ul ol{
padding-left: 20px;
}
.ContactPage{
padding:30px;
}
.ContactPageInfo{
padding:30px 20px;
}
.ContactPageForm{
padding:30px;
background:#F5F8FB;
border-radius:15px;
position:relative;
overflow:hidden;
}
.SendingOverlay{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: no-drop;
z-index: 1;
background-color: #0000005c;
}
.ContactPageFormTitle{
margin-bottom:20px;
}
.ContactPageInfoTitle {
border-bottom:1px solid #E3EFF9;
padding-bottom:20px;
}
.ContactPageInfoTitle span , .ContactPageFormTitle span{
font-size: 10pt;
color: #aaa;
}
.ContactPageFormTitle h1 , .ContactPageInfoTitle h1{
font-size: 25px;
font-weight: 700;
color: var(--primary-color);
margin: 0;
}
.FormItemRow {
margin-bottom:15px;
}
.FormItemRow:last-child{
margin-bottom:0;
}
.FormItemRow textarea ,
.FormItemRow input{
padding: 15px;
width:100%;
border-radius: 10px;
font-weight: 500;
font-size: 11pt;
border: 1px solid #E3EFF9;
background: #fff;
}
.FormItemRow button{
width: 100%;
padding: 25px;
font-size: 18px;
background-color: var(--primary-color);
color: white;
font-weight: 600;
border-radius: 10px;
border: 0;
transition: 0.2s ease-in-out;
}
.FormItemRow button:hover{
background-color: #0e4787;
transition: 0.2s ease-in-out;
transform: translateY(2px);
}
.ContactPageMap iframe{
border-radius:15px;
}
.ContactPageInfoSocial {
margin:30px 0;
}
.ContactPageInfoSocial ul {
padding:0;
margin:0;
list-style:none;
display:flex;
align-items:center;
justify-content:space-evenly;
}
.ContactPageInfoSocial ul li a{
display:flex;
flex-direction:column;
align-items:center;
color:#5E6367;
font-weight:600;
font-size:15px;
text-decoration:none;
}
.ContactPageInfoSocial ul li a:hover{
color: var(--secondary-color);
transition:0.2s ease-in-out;
}
.ContactPageInfoSocial ul li a svg{
width:32px;
margin-bottom:10px;
height:32px;
}
.ContactPageInfoContentItem{
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:1px solid #E3EFF9;
padding:30px 0;
}
.ContactPageInfoContentItem span , .ContactPageInfoContentItem b{
font-weight:600;
font-size:15px;
color:#5E6367;
}
.ContactPageInfoContentItem b i{
font-style:normal;
margin:0 10px;
}
.ContactPageInfoContentItem span svg{
width:22px;
height:22px;
margin-left:10px;
color:var(--primary-color);
}
.SingleWoocommerceTabs iframe{
width:100%;
height:auto;
}
.cart-alert-fixed svg {
margin-left:5px;
}
#CartCheckPage .empty-cart-customize h2{
font-size:20px;
font-weight:600;
color:var(--primary-color);
}
#CartCheckPage .FreeDeliveryAlert p{
font-size:14px;
font-weight:500;
margin:0;
}
#CartCheckPage .FreeDeliveryAlert b{
font-weight:600;
color:#D70015;
}
#CartCheckPage .FreeDeliveryAlert{
padding: 15px;
background-color: #fefbfb;
border: 1px solid #D70015;
cursor: pointer;
border-radius: 10px;
text-align: center;
transition: 0.2s;
line-height: 1.7;
margin-top: 10px;
}
#CartCheckPage .return-to-shop{
width:100%;
text-align:center;
}
#CartCheckPage .empty-cart-customize{
width:100%;
display:flex;
flex-direction:column;
align-items:center;
}
.cart-alert-fixed{
position: fixed;
z-index: 10000;
bottom: 15px;
left: 15px;
background: white;
padding: 30px;
border-radius: 10px;
border: 1px solid #E3EFF9;
transition: 0.2s ease-in-out;
font-size: 15px;
font-weight: 600;
}
.StoreFeaturesBox{
background-color: #fff;
border: 1px solid #E3EFF9;
border-radius: 15px;
box-shadow: 0 5px 8px -3px rgba(0, 0, 0, .1);
}
.StoreFeatures{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
color: var(--primary-color);
padding:15px 0;
}
.StoreFeaturesText{
font-weight:600;
font-size:14px;
margin-top:10px;
}
.PriceEnquiryTitle{
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
}
.PriceEnquiryTitle b i{
color:var(--primary-color);
font-size:16px;
font-weight:600;
font-style:normal;
}
.PriceEnquiryTitle b span{
color: #8F9DA7;
margin-bottom: 0;
font-size: 13px;
font-weight: 500;
margin-top:2px;
display:block;
}
.PriceEnquiryTitle svg{
color:var(--primary-color);
}
.PriceEnquiryTitle{
border-bottom:1px solid #E3EFF9;
margin-bottom:30px;
padding-bottom:25px;
}
#PriceEnquiryForm label span{
color:red;
font-weight:bold;
font-size:15px;
}
#PriceEnquiryForm label{
font-weight:500;
color: #8F9DA7;
margin-bottom:10px;
font-size:14px;
display:block;
}
#PriceEnquiryFormButton{
border-radius: 10px ;
width: 100%;
text-align: center;
padding: 30px 20px ;
display: block ;
font-weight: 600 ;
margin-top: 10px ;
border:0;
color:white;
font-size: 18px ;
background: #ED9136 ;
transition: 0.2s;
}
.my-account-template-login .lost-password-show .woocommerce-notices-wrapper{
padding:0;
margin-bottom:15px;
}
.my-account-template-login .woocommerce-Button{
background:var(--secondary-color) !important;
}
#customer_login .otp_reg_dig_wc,
#customer_login .digits_secure_login-tp,
#customer_login .woocommerce-form-register__submit{
background:var(--secondary-color);
}
.my-account-template-login .digits_secure_login-tp{
margin-top:0 !important;
margin-bottom:30px !important;
}
.dig_lasele{
padding-right:0 !important;
padding-left:15px !important;
}
.dig_critical_msg .dig_lase_message{
color:red !important;
}
.dig_popmessage .dig_firele{
margin-left:0 !important;
margin-right:10px !important;
}
.my-account-template-login .woocommerce-form-register > p:nth-child(2) {
display:none;
}
.my-account-template-login .otp_input.digits_otp_input-field ,
.my-account-template-login .digits-form_input input {
padding: 15px;
padding-left: 15px;
border-radius: 10px;
font-weight: 500;
font-size: 11pt;
border: 1px solid #E3EFF9;
background: #F5F8FB;
}
.my-account-template-login .digits-form_tab-bar{
justify-content:center;
}
.my-account-template-login .digits-form_tab-bar .digits-form_tab-item{
font-weight: 600;
margin-top:10px;
text-align: center;
border: 0;
}
.SingleProductWhishlist button{
background:red;
color:white;
border-radius:8px;
margin:10px 0;
padding:15px;
border:0;
}
.SingleProductFixedButton button{
margin-bottom: 15px;
width: 50px;
height: 50px;
background: #FFF;
box-shadow: 0 4px 11px rgba(131, 140, 159, .1);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border:1px solid #E3EFF9;
border-radius:10px;
color:#838C9F;
transition:0.5s;
line-height: 49px;
}
.SingleProductFixedButton{
position:absolute;
display:flex;
flex-direction:column;
top:15px;
right:15px;
}
.SingleProductShareBtn:hover{
background:#E4F4F8;
color:var(--secondary-color);
transition:0.5s;
border-color:var(--secondary-color);
transform:translateY(2px);
}
.SingleProductWishlistBtn.active{
background:#ff00001f;
color:#EA2027;
transition:0.5s;
border-color:#EA2027;
}
.SingleProductWishlistBtn.active .loader-cart ,
.SingleProductWishlistBtn:hover .loader-cart{
border: 2px solid #EA2027;
border-bottom-color: transparent;
}
.SingleProductWishlistBtn:hover{
background:#ff00001f;
color:#EA2027;
transition:0.5s;
border-color:#EA2027;
transform:translateY(2px);
}
.share-items {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 10px;
border-radius: 6px;
background: #eeeeee7d;
margin-bottom: 20px;
}
.share-items>span {
margin-left: 15px;
display: inline-flex;
color: #777;
flex: 1;
padding-right: 5px;
}
.share-items>a {
margin-right: .5rem;
display: inline-flex;
height: 2rem;
width: 2rem;
align-items: center;
justify-content: center;
border-radius: .375rem;
background: #fff;
box-shadow: 0 3px 5px #2c4f780d;
}
.copybox {
background: #eeeeee7d;
border-radius: 5px;
display: flex;
padding: 10px;
}
#copy_clipboard {
font-size: 14px;
border-radius: 6px;
cursor: pointer;
border:0;
}
.copybox input {
border: none;
background: transparent;
text-align: left;
font-size: 12px;
flex: 1;
opacity: .8;
}
.ArhiveFilterItem{
background-color: #fff;
border: 1px solid #E3EFF9;
border-radius: 15px;
margin: 15px 0;
box-shadow: 0 5px 8px -3px rgba(0, 0, 0, .1);
}
.ArhiveFilterItemTitle{
color: #5E6367;
font-size: 15px;
font-weight: 600;
padding:20px;
display:flex;
flex-direction:row;
cursor:pointer;
justify-content:space-between;
align-items:center;
}
.ArhiveFilterItemTitle::after{
font-family: "remixicon";
font-size: 14pt;
content:"\ea50";
}
.ArhiveFilterItemTitle.active::after{
content:"\ea56";
}
.ArhiveFilterItemBody{
height:0;
transition:0.3s ease-in-out;
overflow:hidden;
}
.ArhiveFilterItemInner{
padding:20px 40px;
padding-top:0;
}
.ArhiveFilterItemInner .form-check{
min-height: unset;
padding-right: unset;
margin-bottom: unset;
}
.ArhiveFilterItemInner .form-check label{
font-size: 14px;
line-height: 2.2;
display: inline-block;
text-decoration: none;
font-weight: 500;
color: #81858b;
cursor:pointer;
}
.ArhiveFilterItemInner .form-check:hover label{
color: var(--secondary-color);
}
.ArhiveFilterItemBtn button{
background:var(--secondary-color);
padding:20px;
border-radius:10px;
color:white;
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
border:0;
width:100%;
font-weight:600;
font-size:16px;
transition: 0.2s ease-in-out;
box-shadow: 0 14px 12px -8px rgb(32 160 193 / 45%);
}
.ArhiveFilterItemBtn button:hover{
background-color: #1086a5;
transition: 0.2s ease-in-out;
box-shadow: 0 10px 12px -8px rgb(32 160 193 / 45%);
transform: translateY(2px);
}
.comments-list {
padding: 20px
}
.commentlist ol {
padding-right: 20px;
margin-top: 10px;
list-style: none
}
#reply-title,.comments-title,.woocommerce-Reviews-title {
clear: none;
font-weight: 600;
margin: 0 0 15px;
font-size: 17px;
line-height: 1.5;
padding-bottom: 7px;
width: 100%;
border-bottom: 1px solid #f2f2f2;
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
#reply-title {
margin-top: 30px;
}
.commentlist {
padding: 0;
list-style: none;
}
.comment-form-rating .stars a {
color: #ffc74a;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a,.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {
padding: 1px 0;
display: inline;
}
.commentlist li {
padding: 15px;
font-size: 14px;
border: 1px solid #f2f2f2;
border-radius: 10px;
margin-bottom: 15px;
}
.commentlist li .comment-text {
border: none;
}
.commentlist ul.children {
list-style: none outside;
margin: 0;
padding-right: 20px;
}
.commentlist li .comment-text p.meta {
font-size: 14px;
margin: 0 0 18px;
}
.comment-author {
font-size: 16px;
}
.commentlist .avatar {
position: inherit!important;
left: 0;
background-color: #fff;
width: 50px!important;
margin-left: 4px!important;
padding: 2px!important;
border-radius: 10px;
overflow: hidden;
display:none;
}
.commentlist li img.avatar {
background-color: #f2f2f2;
border-color: #f2f2f2;
}
.fn,.woocommerce-review__author {
font-weight: 400;
text-transform: capitalize;
font-size: 16px;
}
.comment-author .says {
display: none;
}
.comment-meta a:link,.comment-meta a:visited {
color: #616161;
text-decoration: none;
}
.reply {
font-size: 14px;
margin: 10px 0;
position: absolute;
top: 0;
left: 0;
}
#cancel-comment-reply-link,.reply a,a.comment-edit-link {
padding: 1px 5px;
border-radius: 4px;
border: 1px solid;
}
#cancel-comment-reply-link {
margin: 0 8px;
font-size: 12px;
display: inline-block;
}
.comment-reply-title {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
align-items: center;
}
.comment-body {
position: relative;
}
.comment-metadata {
margin-top: 10px;
font-size: 12px;
}
.commentlist li {
margin-bottom: 15px;
}
.thread-even {
background-color: #f5f5f5;
}
.thread-even .comment.even {
background-color: #f5f5f5;
}
.thread-even .comment.odd {
background-color: #fff;
}
.thread-odd {
background-color: #fff;
}
.thread-odd .comment.even {
background-color: #fff;
}
.thread-odd .comment.odd {
background-color: #f5f5f5;
}
.review.thread-odd .comment.even {
background-color: #fff;
}
.review.thread-odd .comment.odd {
background-color: #f5f5f5;
}
textarea#comment {
width: 100%;
}
.comment-form>p {
margin-bottom: 15px;
}
.comment .description,.comment-content {
line-height: 2;
}
.comment-text {
position:relative;
}
.stars > span {
color: #ffc74a;
}
.comment-text .stars {
position:absolute;
top:0;
left:0;
margin:0;
}
@media (min-width: 1750px){
.container {
padding-left: 9% !important;
padding-right: 9% !important;
max-width: 100%;
}
}
@media only screen and (max-width: 1400px) {
.DiscountBodyContentItemBs:nth-child(4n) .DiscountBodyContentItem{
border-left:1px solid #E3EFF9;
}
.DiscountBodyContentItemBs:nth-child(3n) .DiscountBodyContentItem{
border-left:0;
}
.FooterLeftBox{
border-radius: 15px;
padding: 30px;
margin-bottom: 40px;
height: auto;
}
#FooterBottom{
position: relative;
}
.FooterRightBox{
padding-bottom: 60px;
}
.center-header-area::before{
display: none;
}
.logo-text h1{
font-size: 18px;
}
.logo-text span{
font-size: 9px;
}
#MainMenuHeader ul li a{
font-size: 14px;
}
.MainHeaderBtn{
white-space: nowrap;
}
.SingleProductContentDetailsAddToCart{
padding: 30px;
}
}
@media only screen and (max-width: 1200px) {
.BreadcrumbBox {
height: 61px;
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
}
.AmazingOffersBoxTitle{
margin-bottom:40px;
}
#CategoryMenuHeader{
display: none;
}
#CategoryMenuMobile{
position: fixed;
top: 0;
width: 60%;
right: -500px;
visibility:hidden;
opacity:0;
bottom: 0;
display:block !important;
background-color: white;
transition:0.2s ease-in-out;
z-index: 9;
padding: 0;
padding-bottom: 100px;
overflow-y: auto;
}
#CategoryMenuMobile.show{
right: 0;
transition:0.2s ease-in-out;
visibility:visible ;
opacity:1;
}
.CategoryMenuMobileOverlay{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #0000004f;
z-index: 8;
cursor: pointer;
}
#MainMenuHeader{
display: none;
}
#CategoryMenuMobile ul{
padding: 0;
margin: 0;
}
#CategoryMenuMobile ul li a{
text-decoration: none;
font-size: 14px;
font-weight: 600;
padding: 20px;
display: inline-flex;
color: #5E6367;
}
#CategoryMenuMobile > ul .menu-item-has-children{
position: relative;
}
.menu-item-has-children-opener {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
padding: 19px;
}
.menu-item-has-children-opener:hover {
background-color: #E3EFF9;
}
#CategoryMenuMobile .sub-menu.show{
background-color: #f3f8fd;
height: auto !important;
}
#CategoryMenuMobile .sub-menu .sub-menu{
border-right: 1px solid #d7dee0;
padding-right: 10px;
margin-right: 20px;
}
#CategoryMenuMobile .sub-menu .sub-menu li a{
font-size: 14px;
padding: 10px;
display: inline-block;
text-decoration: none;
font-weight: 500;
color: #81858b;
}
#CategoryMenuMobile > ul > .menu-item-has-children > a svg{
margin-left: 10px;
}
.CategoryMenuMobileHead{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 20px;
border-bottom:1px solid #E3EFF9;
}
.CategoryMenuMobileHead h6{
font-weight: 600;
color: #5E6367;
margin: 0;
font-size: 15px;
}
#CategoryMenuMobile > ul > .menu-item-has-children > .sub-menu,
#CategoryMenuMobile > ul > .menu-item-has-children > .sub-menu .sub-menu {
height: 0;
overflow: hidden;
list-style:none;
}
#MobileFixedNavbar{
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: white;
box-shadow: 0px -5px 40px rgba(43, 52, 57, 0.05);
z-index: 10;
}
#cart-mobile{
position:relative;
}
#cart-mobile .cart-count{
position: absolute;
background: #ED9136;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
color: white;
font-weight: 300;
font-size: 12px;
left: 21px;
top: 20px;
}
footer{
padding-bottom: 90px;
}
.SingleWoocommerceTabsBox{
padding: 0 !important;
}
#MobileFixedNavbar ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: row;
width: 100%;
}
.MainHeaderBtn-login , .MainHeaderBtn-cart{
display: none;
}
#MobileFixedNavbar ul li a{
color: var(--primary-color);
display: inline-flex;
font-weight: 600;
padding: 15px;
font-size: 14px;
align-items: center;
justify-content: center;
flex-direction: column;
text-decoration: none;
}
#MobileFixedNavbar ul li a:hover , #MobileFixedNavbar ul li a.active{
color: #E7811D;
}
#MobileFixedNavbar ul li a svg{
margin-bottom: 5px;
}
#MainHeader > .container > .row{
margin: 0;
}
.SingleProductContent , .SingleProductImage {
padding: 20px;
}
.SingleProductPriceBox{
border-top: 1px solid #E3EFF9;
}
.SingleWoocommerceTabs .woocommerce-Tabs-panel{
padding: 20px;
margin-top: 20px;
}
.SingleWoocommerceTabs .wc-tabs li a{
font-size: 15px;
padding: 25px 0;
}
.SingleProductContentDetailsAddToCart{
min-height: unset;
}
.MainHeaderBtn-search{
border-color: var(--primary-color);
color: var(--primary-color);
}
.MainHeaderBtn-search i {
display:none;
}
.MainHeaderBtn-search svg{
margin:0;
}
.MainHeaderBtn-search{
padding:10px;
}
.PageContentTitle h1 , .ContactPageInfoTitle h1{
font-size:20px;
}
.BottomSingleProductReves{
display:flex;
flex-direction:column-reverse;
}
}
@media only screen and (max-width: 991px) {
.PageContentTitle h1{
font-size:30px;
}
#CartCheckPage{
background:white;
}
#CartCheckPage .woocommerce table.shop_table_responsive tr td::before, #CartCheckPage .woocommerce-page table.shop_table_responsive tr td::before{
display:none;
}
#shipping_datetime_field > p , #shipping_method{
text-align:right;
}
#CartCheckPage .woocommerce table.shop_table_responsive tr td, #CartCheckPage .woocommerce-page table.shop_table_responsive tr td{
text-align:right !important;
}
.DiscountBodyContentItemBs:nth-child(3n) .DiscountBodyContentItem{
border-left:1px solid #E3EFF9;
}
.DiscountBodyContentItemBs:nth-child(2n) .DiscountBodyContentItem{
border-left:0;
}
.FooterLeftBoxNamadItem img{
width:80px;
}
.BrandsBoxItem img{
width:100%;
}
#SideBarNavigation{width:40%;}
.SingleProductContentTitle{
border-top: 1px solid #E3EFF9;
padding-top: 20px;
}
.SingleProductContentDetailsAddToCart{
padding-top: 0;
}
.SingleProductContent{
min-height: unset;
padding-bottom: 0;
}
.SingleProductContentDetailsExcerpt{
min-height: auto;
border-bottom: 1px solid #E3EFF9;
}
.SingleProductContentDetailsBanner{
margin-bottom:30px;
}
.catalogue-product{
border-bottom:0;
}
.SingleProductPriceBox{
border: 0;
}
.SingleProductContentBox{
border-left: 0;
}
.Developer{
margin-top: 30px;
}
#bannerSmall{
margin-bottom: 20px;
}
.SupportBoxArea{
padding: 40px;
padding-bottom: 30px;
}
.SupportBoxAreaRight{
align-items: center;
justify-content: center;
flex-direction: column;
}
.SupportBoxAreaRightText b{
font-size: 18px;
}
.SupportBoxAreaRightIco{
display: none;
}
.SupportBoxAreaRightText{
text-align: center;
justify-content: center;
}
.SupportBoxAreaLeft{
justify-content: center;
margin-top: 20px;
}
}
@media only screen and (max-width: 768px) {
.DiscountBodyContentItem{
border-left:0;
}
.FooterRightBoxMenuItem{
margin-bottom: 30px;
}
.AmazingOffersItemVerticalPicture img{
height:auto;
}
.FooterRightBox{
padding-bottom: 0;
}
.AmazingOffersItemTextDisc{
height: auto;
}
.CategoryBtnItem a{
padding: 15px;
margin-bottom: 10px;
}
.CategoryBtnItemIco {
margin-left: 10px;
}
.CategoryBtnItemIco svg{
width: 35px;
height: 35px;
}
.AmazingOffersItem a{
flex-direction: column;
}
.CategoryBtnItemText b{
font-size: 16px;
}
.CategoryBtnItemText span{
font-size: 12px;
}
.AmazingOffersItemPicture{
width: 100%;
margin: 0;
}
.AmazingOffersItemText{
width: 100%;
margin-top:25px;
}
#AmazingOffers{
margin: 10px 0!important;
}
#MainSlider{
padding: 20px 0;
padding-bottom: 90px;
}
.AmazingOffersBoxTitle{
margin-bottom: 30px;
}
.ArchiveBoxItem > a{
display: flex;
flex-direction: row;
}
.ArchiveBoxItem .ProductRowItemPicture{
width: 30%;
margin-left:10px;
}
.ArchiveBoxItem .ArchiveBoxItemContent{
width: 70%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.ArchiveBoxItem .ProductRowItemPicture img{
height: 100px;
}
.ProductSingleGalleryMain .swiper-slide img{
height:auto !important;
}
}
@media only screen and (max-width: 576px) {
.SingleWoocommerceTabsBox {
padding: 0 15px !important;
}
.StoreFeaturesBox{
box-shadow:none;
border:0;
}
#AmazingOffers .col-12:first-child .AmazingOffersBox,
#BlogIndex .col-12:first-child .BlogIndexBox,
.ProductsRow .col-12:first-child .ProductsRowBox{
border-radius:0;
}
#AmazingOffers .col-12:first-child,
#BlogIndex .col-12:first-child,
.ProductsRow .col-12:first-child{
padding:0;
}
#ProductsBestRow .col-xxl-6:first-child .ProductsRowBox{
margin:0;
}
#ProductsBestRow .col-xxl-6 .ProductsRowBox{
border-radius:0;
}
#ProductsBestRow .col-xxl-6{
padding:0;
}
#CategoryMenuMobile{
width:80%;
}
.SingleProduct{
border: 0;
box-shadow: unset;
}
#SideBarNavigation{width:70%;}
.SingleProductContentDetailsAddToCart{
padding: 0 20px;
}
#ArchiveContainer > .container > .row{
margin: 0;
}
#SideMenu{
margin-right:15px;
margin-left:15px;
}
.MainHeaderBtn-search{
margin-left:15px;
}
.ContactPage , .PageContent{
padding:15px;
border:0;
border-radius:0;
box-shadow:none;
margin-top:0;
}
.PageContent{
padding:0 15px;
}
.PageContentTitle , .PageContentText{
padding-left:0;
padding-right:0;
}
.ContactPageForm{
padding:15px;
}
.ContactPageInfoTitle{
padding-bottom:15px;
}
#Breadcrumb .row{
margin:0;
}
.ContactPageFormTitle{
margin-top:10px;
text-align:center;
}
.ContactPageFormTitle h1{
font-size:20px;
}
}
.alignleft img {
float: left;
margin-right: 1em;
margin-bottom: 1em;
}
.alignright img{
float: right;
margin-left: 1em;
margin-bottom: 1em;
}
.aligncenter img{
display: block;
margin-left: auto;
margin-right: auto;
}
.aligncenter{
text-align:center;
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft{
text-align:left;
}
.alignright{
text-align:right;
}