@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
/* font-family: "Inter", sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap'); 
/* font-family: "Oswald", sans-serif; */





@media only screen and (min-width: 551px) { 

 .footer-mobile { display: none;}
 .home-content { display: none;} 

 }
 
@media only screen and (min-width: 991px) { 
 header.header-mobile { display: none; }
  .hdr_call_icon { display: none;}
   .navPages #quickSearch { display: none;}
}

@media only screen and (max-width: 991px) { 
header.header { display: none; }
	header.header-mobile { display: block; padding: 0; margin-bottom:15px; }
  .hdr_call_icon { font-size: 12px; text-align: center; background: #e5e5e5; padding: 12px 10px; line-height: 16px; }
	.hdr_call_icon a { font-weight: 600; }
  .header-mobile .hdr_logo .header-logo img { max-height: 84px; }
	.header-mobile .hdr_logo .header-logo a { border: 10px solid #fff; position: relative; }
	.header-mobile .hdr_logo .header-logo::before { width: 202px; height: 58px; position: absolute; left: 0; bottom: -25px; content: ""; background: url(../img/logo-shedow.png) no-repeat center; right: 0; margin: 0 auto; } 

	.previewCart-additionalCheckoutButtons .FloatRight p { text-align: center; margin-top: 0;}
	#cart-preview-dropdown .previewCartItem-content .previewCartItem-brand { display: none;}

.navPages-container{ padding:0; }
	.header-mobile .navPages-container.is-open { padding-top: 145px; }
	.header-mobile.header.is-open { top: 40px;  }
	.header-mobile .container {  padding: 0 20px;}
	.header-mobile .hdr_logo { text-align: center; }
	.header-mobile .hdr_logo .header-logo { display: inline-block; width: auto; }
	.header-mobile .hdr_cart { position: absolute; right: 20px; top: 35px; }
	.header-mobile .hdr_cart .navUser-action { position: relative; }
	.header-mobile .hdr_cart .navUser-action .countPill { position: absolute; right: -10px; top: -10px;  }
	.navPages-action-moreIcon { top: 2px; }
	.header-mobile .mobileMenu-toggle { left: 12px; top: 30px; }
	.mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {	background: #000; width: 23px; }
	.mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after {
		background: #000; width: 24px;	}
	.header .mobileMenu-toggle { background: #fff !important; }
	.header .navPages { height: calc(100vh - 90px); }
	.header .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {transform: skewX(0);}
	.header .navPage-subMenu { padding: 0 !important; }
	.header .navPage-subMenu .navPage-subMenu-list { margin: 0 !important; padding: 0 0 0 10px;  }
	.header .navPages-action { color: #000; }
	.header #quickSearch .container { padding: 0; width: 100%; max-width: 100%; }
	.header #quickSearch .form { margin: 0; }
	.header #quickSearch .form .form-field { margin: 0; position: relative; }
	.header #quickSearch .form .form-field .form-input { border: 0; font-size: 14px; color: #000; border-radius: 0;  font-family: "Inter", sans-serif; }
	.header #quickSearch .form .form-field .button  { border: 0; padding: 0; margin: 0; min-width: 40px; height: 30px; position: absolute; top: 10px; right: 10px; background: url(../img/hdr-search-ic.png) no-repeat center; font-size: 0; }
	.header #quickSearch .form .form-field .form-input::-webkit-input-placeholder {  color:rgba(0,0,0,0.7); opacity: 1; }
	.header #quickSearch .form .form-field .form-input::-moz-placeholder { color:rgba(0,0,0,0.7);  opacity: 1; }
	.header #quickSearch .form .form-field .form-input:-ms-input-placeholder {  color:rgba(0,0,0,0.7);  opacity: 1; }
}

@media only screen and (max-width: 550px) { 
.homepageDesktopMain{ display:none; }
	
	.header .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {transform: skewX(0);}
	div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { font-family: "Inter", sans-serif;  }
	body, html { font-family: "Inter", sans-serif;	font-weight: 400;	color: #000;	font-size: 16px; letter-spacing: 0; }
	.container { width: 100%; max-width: 100%; padding: 0 20px; }

	footer.footer { display: none; }
	

	.serviceSec{ padding: 25px 0 10px 0; background: #f5f5f5; }
.serviceSec .serviceBlock{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin:0px; }
.serviceSec .serviceBlock .col { border-right: 1px solid rgba(0,0,0,0.1);  width: 19%;  }
.serviceSec .serviceBlock .col .colIn { padding: 5px 2px 15px 2px;  }
.serviceSec .serviceBlock .col:nth-child(even) { width: 31%;  }
.serviceSec .serviceBlock .col:last-child { border: 0;}
.serviceSec .serviceBlock .ser_ic{ text-align: center; display: flex; justify-content: center; align-items: center; min-height: 40px; margin: 0 0 10px 0;  }
.serviceSec .ser_title { font-size: 12px; font-weight: 600; line-height: 1.2; color: #000; text-align: center; }


.catBtnSec.catBtnSecBtm { background: #fff; padding: 0 0 70px 0;}
.catBtnSec.catBtnSecBtm .catBtnBlocks .catBtnBlock .btn { height: 60px; font-size: 15px; }
.catBtnSec { padding: 20px 0 40px 0; position: relative; background: #f5f5f5; }
.catBtnSec .catBtnBlocks { display: flex; flex-wrap: wrap; gap: 20px; }
.catBtnSec .catBtnBlocks .catBtnBlock { width: calc(50% - 10px); }
.catBtnSec .catBtnBlocks .catBtnBlock .btn {  width: 100%; background: #00ade9; font-size: 16px; font-weight: 500; font-family: "Oswald", sans-serif; line-height: 1.2; text-align: center; color: #fff; min-height: 50px; display: flex; align-items: center; justify-content: center; letter-spacing: 0;  }

.cateSec.cateSecBtm { padding:70px 0 70px 0;  }
.cateSec { position:relative; text-align:center;  padding:70px 0 30px 0;  }
.cateSec .cateBoxes {  display:flex; flex-wrap:wrap; gap: 20px; }
.cateSec .cateBoxes .cateBox { position:relative; width:calc(50% - 10px);}
.cateSec .cateBoxes .cateBox a { display:block;  }
.cateSec .cateBoxes .cateBox a img { width: 100%;}
.cateSec .cateBoxes .cateBox  .cateDtl {  position:absolute;  left:0; top:15px; width:100%; padding: 0 10px; }
.cateSec .cateBoxes .cateBox  .cateDtl .cateTitle { display:block; font-size:15px; line-height: 1.3; font-weight:500; color:#fff; font-family: "Oswald", sans-serif;  }
.cateSec .cateBoxes .cateBox  .cateDtl .cateTitle.cateTitleBig { font-size: 17px; }


.productSliderSec { position: relative; padding: 35px 0 10px 0; }
.productSliderSec .productsliderTitleMain { font-size: 30px; color: #000; line-height: 1.2; font-family: "Oswald", sans-serif; font-weight: 600; margin: 0 0 25px 0; text-align: center;  }
.productSliderSec .productGrid .product .card { margin: 0 5px; padding: 0; border: 0; font-family: "Inter", sans-serif; }
.productSliderSec .productGrid .product .card .card-figure { padding: 0;}
.productSliderSec .productGrid .product .card .card-figure .card-img-container .card-image { object-fit: cover; margin: 0; height: 100%; }
.productSliderSec .productGrid .product .card .card-img-container::after { padding-bottom: 100%; }
.productSliderSec .productGrid .product .card .card-title { font-size: 15px; line-height: 1.2; color: #000; margin: 0; font-family: "Inter", sans-serif; height: auto; }
.productSliderSec .productGrid .product .card .card-title a { color: #000 !important; }
.productSliderSec .productGrid .product .card .card-text[data-test-info-type="price"] { display: none;}
.productSliderSec .productGrid .product .card .cartdRating { margin: 10px 0;}
.productSliderSec .productGrid .product .card .cartdRating .icon { height: 13px; width: 13px; margin: 0; }
.productSliderSec .productGrid .product .card .cardCompare { padding: 0; display:none; }
.productSliderSec .productGrid .product .card .card-body {	padding: 18px 0 70px 0; }
.productSliderSec .productGrid .product .card .cardCompare .button { font-family: "Inter", sans-serif; font-size: 14px; text-transform: unset; font-weight: 400; line-height: normal;  }
.productSliderSec .productGrid .product .card .cardButtonsMain .button  { padding: 0; margin: 15px 0 0 0; text-align: center; background: #fff; color: #00ade9 !important; font-size: 16px; text-decoration: underline; font-weight: 600; font-family: "Inter", sans-serif; width: 100%; border: 0;   }
.productSliderSec .productBox { padding: 0 0 60px 0;}
.productSliderSec .productBox:first-child .product .card .card-title { height: 38px; }
.productSliderSec .productBox:nth-child(2) .product .card .card-title { height: 72px; }
.productSliderSec .productBox:nth-child(3) .product .card .card-title { height: 38px; }
.productSliderSec .productBox:nth-child(4) .product .card .card-title { height: 54px; }
.productSliderSec .productBox:last-child .product .card .card-title { height: 38px; }
.productSliderSec .slick-arrow { width: 75px; height: 35px; position: absolute; bottom: 0; top: auto; transform: unset; font-size: 15px; color: #000; text-transform: uppercase;  font-family: "Oswald", sans-serif; font-weight: 500; z-index: 1;  }
.productSliderSec .slick-arrow::before { display: none;}
.productSliderSec .slick-arrow::after { display: none;}
.productSliderSec .prev-arrow { left: calc(50% - 80px); background:#e5e5e5 url(../img/prew-ic.png) no-repeat left 15px center; padding: 0 0 0 20px; border-radius: 20px 0 0 20px;   }
.productSliderSec .next-arrow { right: calc(50% - 80px); background:#e5e5e5 url(../img/next-ic.png) no-repeat right 15px center; padding: 0 20px 0 0; border-radius: 0 30px 30px 0;  }


.reviewSliderSec {position:relative; text-align:center; padding:50px 0 60px 0; background:url(../img/review-bg.jpg) no-repeat center; background-size: cover; }
.reviewSliderSec .page-heading{display:inline-block; background:url(../img/review-ic-left.png) no-repeat left center, url(../img/review-ic-right.png) no-repeat right center; padding:0 40px; margin:0 0 30px 0; color: #fff; font-size: 30px; font-weight: 600; font-family: "Oswald", sans-serif; width: 100%; text-transform: unset; }
.reviewSliderSec .reviewBox .reviewCntn{padding:0 15px; margin-bottom: 85px; }
.reviewSliderSec .reviewCntn .ratingStar{margin:0 auto 20px; width:auto; }
.reviewSliderSec .reviewCntn h5{font-size:15px; font-weight:600; color:#fff; margin:0 0 10px 0; text-transform:none;}
.reviewSliderSec .reviewCntn p{line-height:20px; margin:0 0 10px 0; color:#fff; font-size: 15px; font-style: italic; }
.reviewSliderSec .reviewCntn .authorDtl{font-weight:600; color:#fff; font-size: 17px; }
.reviewSliderSec .reviewCntn .authorDtl small { display: inline-block; padding: 0 10px 0 0; font-weight: 400; font-size: 20px; }
.reviewSliderSec .slick-arrow { top: auto; bottom: 0; width: 40px; height: 40px; transform: unset; }
.reviewSliderSec .slick-arrow::before { display: none;}
.reviewSliderSec .slick-prev { background:#ededed url(../img/review-prev-icon-black.png) no-repeat center; left: calc(50% - 45px); }
.reviewSliderSec .slick-next { background:#ededed url(../img/review-next-icon-black.png) no-repeat center; right: calc(50% - 45px); }
.reviewSliderSec .slick-prev:hover { background:#00ade9 url(../img/review-prev-icon-white.png) no-repeat center; }
.reviewSliderSec .slick-next:hover { background:#00ade9 url(../img/review-next-icon-white.png) no-repeat center; }


.discountSec { background: #f5f5f5; padding: 57px 0 52px 0; text-align: center; }
.discountSec h3 { font-size: 18px; line-height: 1.2; text-transform: uppercase; color: #00ade9; margin: 0 0 10px 0;  font-family: "Oswald", sans-serif; font-weight: 600; } 
.discountSec h2 { font-size: 20px; line-height: 1; text-transform: unset; color: #ff0000; margin: 0 0 14px 0; font-family: "Inter", sans-serif;  font-weight: 600; } 
.discountSec h4 { font-size: 15px; text-transform: uppercase; text-decoration: underline; line-height: 22px; text-transform: unset; color: #000000; margin: 0 0 8px 0; font-family: "Inter", sans-serif;  font-weight: 600; } 
.discountSec p { font-size: 16px; line-height: 22px; text-transform: unset;  color: #000000; margin: 0; font-family: "Inter", sans-serif;  font-weight: 400; } 
.discountSec p .green { color: #008000;}


.aboutSec { padding: 60px 0 60px 0; }
.aboutSec img { width: 100%; margin-bottom: 5px; }
.aboutSec p { color: #000; font-size: 15px; line-height: 21px; margin: 20px 0; }
.aboutSec p .red { font-weight: 600; color: #ff0000; }
.aboutSec p .grew {  color: #6e6e6e; }
.aboutSec .more_btn { display: inline-block; color: #00ade9; font-size: 16px; line-height: normal; font-weight: 600; text-decoration: underline; text-transform: uppercase; margin-top: 10px;  }


footer.footer-mobile { margin:30px 0 0 0; padding: 20px 0 0 0; display: inline-block !important; width: 100%; background: #111111; border: 0;  }
.footer .container { padding: 0 20px; }
.footer .footer-info { margin: 0; }
.footer .footer-info .footer-info-col { padding: 11px 0; margin: 0; border-bottom: 1px solid rgba(255,255,255,0.2); }
.footer .footer-info .footer-info-col:last-child { border-bottom: 0;}
.footer .footer-info .footer-info-col .footer-info-heading {  color:#fff; font-size: 20px; font-weight: 600;  font-family: "Oswald", sans-serif; margin: 0; padding: 5px 0; border: 0; line-height: 1.4; background: url(../img/plush-ic.png) no-repeat right 8px center; cursor: pointer;   }
.footer .footer-info .footer-info-col.active .footer-info-heading { background: url(../img/minus-ic.png) no-repeat right 8px center;  }
.footer .footer-info .footer-info-list { padding: 15px 0 2px 0; display: none; }
.footer .footer-info .footer-info-list li { padding: 0; line-height: normal;  }
.footer .footer-info .footer-info-list li a { font-size: 14px; line-height: 22px; color: rgba(255,255,255,0.7);   margin: 0 0 14px 0; display: block;  }
.footer .footer-info .footer-info-list li a strong {text-decoration: underline; font-weight: 600; }
 .footer .contactInfo{ padding: 20px 0 10px 0;}
.footer .contactInfo p{ padding:0 0 12px 35px; text-align: left; line-height:22px; margin: 0; font-size: 14px; font-weight: 400; color: rgba(255,255,255,0.7); }
.footer .contactInfo p a { color: rgba(255,255,255,0.7);  }
.footer .contactInfo .ftrcallIc { background: url(../img/ftr-call-ic.png) no-repeat left 2px; font-size: 15px; font-weight: 500;  }
.footer .contactInfo .ftrmailIc { background: url(../img/ftr-mail-ic.png) no-repeat left 4px;   }
.footer .contactInfo .ftrlocationIc { background: url(../img/ftr-loc-ic.png) no-repeat left 4px;}
.footer .socialLinks  { padding: 0 0 10px 0; display: block !important;  }
.footer .socialLinks .socialLinks-item .icon--facebook { background: url(../img/ftr-facebook-ic.png) no-repeat center; width: 14px; height: 29px; }  
.footer .socialLinks .socialLinks-item .icon--instagram { background: url(../img/ftr-instagram.png) no-repeat center; width: 30px; height: 30px; }  
.footer .socialLinks .socialLinks-item .icon--facebook svg { display: none;  }
.footer .socialLinks .socialLinks-item .icon--instagram svg { display: none;  }

.footerContact { display: none;}
.newsletterSec p { font-size: 14px; color: rgba(255,255,255,0.7); margin: 10px 0 15px 0; }
.newsletterSec .form-field { margin: 0 0 25px 0; }
.newsletterSec .form-input { background: #3c3c3c; margin: 0; border: 0; border-radius: 0; font-size: 14px; font-family: "Inter", sans-serif; padding: 10px 10px 10px 30px; color: #fff; height: 40px; font-weight: 400; min-height: 40px;  }
.newsletterSec .form-input::-webkit-input-placeholder {  color:rgba(255,255,255,0.7); opacity: 1; }
.newsletterSec .form-input::-moz-placeholder { color:rgba(255,255,255,0.7);  opacity: 1; }
.newsletterSec .form-input:-ms-input-placeholder {  color:rgba(255,255,255,0.7);  opacity: 1; }
.newsletterSec .form-input:-moz-placeholder {  color:rgba(255,255,255,0.7); }
.newsletterSec .button  { display: inline-block; font-size: 16px; color: #fff; border: 0; background: #00ade9; text-transform: uppercase; font-weight: 400; width: 150px; display: block; height: 40px; font-family: "Inter", sans-serif; }
.newsletterSec .form-prefixPostfix.wrap { flex-direction: column; }
.newsletterSec .footer-info-heading { background-image: none !important; }

.footerBottom { border-top: 1px solid rgba(255,255,255,0.2); padding: 25px 0 30px 0; }
.footerBottom p { margin: 0; padding: 0 0 20px 0; font-size: 14px; line-height: 22px; color: rgba(255,255,255,0.7); }
.footerBottom p a { color: rgba(255,255,255,0.7); }
.footerBottom p strong { font-weight: 600;}
.footerBottom .bull { padding: 0 11px; color: #cccccc;}


}