@import url('https://fonts.googleapis.com/css?family=Poppins:400,700|Suez+One');


html {position:relative;}
html, body {height:100%;}
body {font-family:poppins; font-size:15px; color:#444444; display:flex; flex-direction:column;}
@media (max-width:499px){body{font-size:14px;}}


/* Homepage top level hero */

@media (max-width: 575px) {.find-box-hero {padding-top:40px; padding-bottom:40px;}}
@media (min-width: 576px) {.find-box-hero {padding-top:90px; padding-bottom:90px;}}
@media (min-width: 768px) {.find-box-hero {padding-top:90px; padding-bottom:90px;}}
@media (min-width: 1000px) {.find-box-hero {padding-top:90px; padding-bottom:90px;}}
@media (min-width: 1300px) {.find-box-hero {padding-top:90px; padding-bottom:90px;}}
@media (min-width: 1500px) {.find-box-hero {padding-top:100px; padding-bottom:100px;}}
@media (min-width: 1700px) {.find-box-hero {padding-top:210px; padding-bottom:210px;}}


/* Home category box */

@media (max-width: 575px) {.category-box {padding-top:40px; padding-bottom:40px; padding-right: 1px; padding-left: 1px;}}
@media (min-width: 576px) {.category-box {padding-top: 100px; padding-bottom: 100px;}}
@media (min-width: 1900px) {.category-box {padding-top: 100px; padding-bottom: 200px;}}

.category-box-container {gap: 14px;}
.category-box-card {width: 90px;}


/* Homepage side scroll blocks */

.side-scroll-container-wrapper {
	position: relative;
	display: flex;
	align-items: center;
}

.side-scroll-container {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	gap: 15px;
	/* padding: 16px; */
	padding-top: 16px;
	padding-bottom: 16px;
	padding-right: 16px;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	flex: 1;
}

@media (max-width: 576px) {.side-scroll-container {gap: 8px !important;}}

.side-scroll-container::-webkit-scrollbar {display: none;}

.scroll-control {
	position: absolute;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.9);
	border: 1px solid #ddd;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	font-size: 24px;
	line-height: 1;
	transition: all 0.2s ease;
}

.scroll-control:hover {background-color: rgba(255, 255, 255, 1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);}
.scroll-prev {left: 5px;}
.scroll-next {right: 5px;}

.snap-card {
	scroll-snap-align: start;
	flex: 0 0 auto;
}

/* homepage offers (best deals) block */
.offer-card {width: 47%; max-width: 47%;} /* On mobile: show two cards + peek */
@media (min-width: 768px) {.offer-card {width: 28%; max-width: 28%;}}
@media (min-width: 1000px) {.offer-card {width: 21%; max-width: 21%;}}
@media (min-width: 1300px) {.offer-card {width: 17%; max-width: 17%;}}
@media (min-width: 1500px) {.offer-card {width: 13%; max-width: 13%;}}
@media (min-width: 1700px) {.offer-card {width: 11.5%; max-width: 11.5%;}}


/* homepage products block */
/* class below is not being used at the moment */
.product-card {width: 96%;} /* On mobile: show one card + peek */
@media (min-width: 576px) {.product-card {width: 85%; max-width: 450px;}}
@media (min-width: 768px) {.product-card {width: 66%; max-width: 433px;}}
@media (min-width: 1000px) {.product-card {width: 47%; max-width: 450px;}}
@media (min-width: 1300px) {.product-card {width: 38%; max-width: 475px;}}
@media (min-width: 1500px) {.product-card {width: 33%; max-width: 480px;}}
@media (min-width: 1700px) {.product-card {width: 30%; max-width: 500px;}}


/* homepage banners */
@media (max-width: 365px){.banner-card .card-img{width:130px; height:130px;}}
@media (min-width: 365px){.banner-card .card-img{width:140px; height:140px;}}
@media (min-width: 576px){.banner-card .card-img{width:185px; height:185px;}}

@media (max-width: 365px){.banner-card .collection-item-title{max-width:146px;}}
@media (min-width: 365px){.banner-card .collection-item-title{max-width:156px;}}
@media (min-width: 576px){.banner-card .collection-item-title{max-width:200px;}}


/* Home wallpapar stuff */

/* .pretty-home {background-image:linear-gradient(56deg, rgba(130, 130, 130, 0.05) 0%, rgba(130, 130, 130, 0.05) 33.333%,rgba(255, 255, 255, 0.05) 33.333%, rgba(255, 255, 255, 0.05) 66.666%,rgba(198, 198, 198, 0.05) 66.666%, rgba(198, 198, 198, 0.05) 99.999%),linear-gradient(29deg, rgba(94, 94, 94, 0.05) 0%, rgba(94, 94, 94, 0.05) 33.333%,rgba(185, 185, 185, 0.05) 33.333%, rgba(185, 185, 185, 0.05) 66.666%,rgba(113, 113, 113, 0.05) 66.666%, rgba(113, 113, 113, 0.05) 99.999%),linear-gradient(129deg, rgba(196, 196, 196, 0.05) 0%, rgba(196, 196, 196, 0.05) 33.333%,rgba(148, 148, 148, 0.05) 33.333%, rgba(148, 148, 148, 0.05) 66.666%,rgba(24, 24, 24, 0.05) 66.666%, rgba(24, 24, 24, 0.05) 99.999%),linear-gradient(76deg, rgba(19, 19, 19, 0.05) 0%, rgba(19, 19, 19, 0.05) 33.333%,rgba(159, 159, 159, 0.05) 33.333%, rgba(159, 159, 159, 0.05) 66.666%,rgba(108, 108, 108, 0.05) 66.666%, rgba(108, 108, 108, 0.05) 99.999%),linear-gradient(112deg, rgba(225, 225, 225, 0.05) 0%, rgba(225, 225, 225, 0.05) 33.333%,rgba(13, 13, 13, 0.05) 33.333%, rgba(13, 13, 13, 0.05) 66.666%,rgba(81, 81, 81, 0.05) 66.666%, rgba(81, 81, 81, 0.05) 99.999%),linear-gradient(90deg, rgb(75, 2, 28),rgb(175, 60, 142));} */
.pretty-home {background-image: repeating-linear-gradient(135deg, rgba(4, 229, 71,0.08) 0px, rgba(4, 229, 71,0.08) 1px,transparent 1px, transparent 9px),repeating-linear-gradient(45deg, rgba(4, 229, 71,0.08) 0px, rgba(4, 229, 71,0.08) 1px,transparent 1px, transparent 9px),linear-gradient(90deg, rgb(77, 18, 84),rgb(31,105,121));}
@media (min-width:500px){.pretty-home nav.bg-dark{background-color:transparent !important;}} /* Small devices (tablets portait, 500px and up) */
.pretty-home .home-solo {color:white !important;}
/* .pretty-home .find-box .bg-dark {background-color:black !important;} */
.pretty-home .footer {color:white !important;}
.pretty-home .footer a {color:white !important;}


/* FAQ Page wallpapar stuff */

.pretty-faq {background-image:radial-gradient(circle at 48% 77%, rgba(27, 27, 27,0.04) 0%, rgba(27, 27, 27,0.04) 50%,rgba(135, 135, 135,0.04) 50%, rgba(135, 135, 135,0.04) 100%),radial-gradient(circle at 74% 36%, rgba(223, 223, 223,0.04) 0%, rgba(223, 223, 223,0.04) 50%,rgba(113, 113, 113,0.04) 50%, rgba(113, 113, 113,0.04) 100%),radial-gradient(circle at 62% 13%, rgba(16, 16, 16,0.04) 0%, rgba(16, 16, 16,0.04) 50%,rgba(168, 168, 168,0.04) 50%, rgba(168, 168, 168,0.04) 100%),linear-gradient(223deg, rgb(37, 143, 136),rgb(87, 117, 249));}
.pretty-faq .text-muted {color:lightgray !important;}
.pretty-faq .footer {color:white !important;}
.pretty-faq .footer a {color:white !important;}

.lead {font-size:1rem;}

h1 {font-weight:700;margin-top:30px;margin-bottom:25px;}
@media (max-width: 499px){h1{font-size:21px;}} /* Small devices (cellphones, below 500px) */
@media (min-width: 500px){h1{font-size:21px;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width: 768px){h1{font-size:21px;}} /* Small devices (tablets, 768px and up) */
@media (min-width: 992px){h1{font-size:22px;}} /* Medium devices (desktops, 992px and up) */
@media (min-width: 1200px){h1{font-size:32px;}} /* Large devices (large desktops, 1200px and up) */

h2 {font-weight:700;margin-top:25px;margin-bottom:25px;}
@media (max-width: 499px){h2{font-size:17px;}} /* Small devices (cellphones, below 500px) */
@media (min-width: 500px){h2{font-size:17px;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width: 768px){h2{font-size:18px;}} /* Small devices (tablets, 768px and up) */
@media (min-width: 992px){h2{font-size:19px;}} /* Medium devices (desktops, 992px and up) */
@media (min-width: 1200px){h2{font-size:24px;}} /* Large devices (large desktops, 1200px and up) */

.product-title {font-weight:700;margin-top:30px;margin-bottom:25px;text-align:center;}
@media (max-width: 499px){.product-title{font-size:18px;}} /* Small devices (cellphones, below 500px) */
@media (min-width: 500px){.product-title{font-size:19px;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width: 768px){.product-title{font-size:21px;}} /* Small devices (tablets, 768px and up) */
@media (min-width: 992px){.product-title{font-size:22px;}} /* Medium devices (desktops, 992px and up) */
@media (min-width: 1200px){.product-title{font-size:28px;}} /* Large devices (large desktops, 1200px and up) */

h3 {margin-bottom:10px;margin-top:25px;margin-bottom:15px;}
@media (max-width: 499px){h3{font-size:15px;}} /* Small devices (cellphones, below 500px) */
@media (min-width: 500px){h3{font-size:16px;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width: 768px){h3{font-size:18px;}} /* Small devices (tablets, 768px and up) */
@media (min-width: 992px){h3{font-size:19px;}} /* Medium devices (desktops, 992px and up) */
@media (min-width: 1200px){h3{font-size:24px;}} /* Large devices (large desktops, 1200px and up) */

@media (max-width: 365px){.category-block-card .card-img{width:135px; height:180px;}}
@media (min-width: 365px){.category-block-card .card-img{width:150px; height:200px;}}
@media (min-width: 576px){.category-block-card .card-img{width:225px; height:300px;}}

.pl-card-container {
	gap: 20px;

}

/* @media (max-width: 499px){.product-price-card{padding-right:5px; padding-left:5px;}}
@media (min-width: 1200px){.product-price-card{flex:0 0 50%; max-width:50%;}}
@media (min-width: 1470px){.product-price-card{flex:0 0 33.333333%; max-width:33.333333%;}} */

/* @media (max-width: 499px){.product-list-ad-block{padding-right:5px; padding-left:5px;}} */
/* @media (min-width: 1200px){.product-list-ad-block{flex:0 0 50%; max-width:50%;}}
@media (min-width: 1470px){.product-list-ad-block{flex:0 0 33.333333%; max-width:33.333333%;}} */

@media (max-width: 576px){.product-list-ad-block > div{width:100%;}}
@media (min-width: 576px){.product-list-ad-block > div{width:500px;}}
@media (min-width: 768px){.product-list-ad-block > div{width:510px;}}
@media (min-width: 992px){.product-list-ad-block > div{width:510px; min-height:178px;}}
@media (min-width: 1200px){.product-list-ad-block > div{width:530px; min-height:265px;}}
@media (min-width: 1800px){.product-list-ad-block > div{width:540px;}}

@media (max-width: 575px){.pl-card{width:100%;}}
@media (min-width: 576px){.pl-card{width:520px;}}
@media (min-width: 768px){.pl-card{width:520px;}}
@media (min-width: 992px){.pl-card{width:520px;}}
@media (min-width: 1200px){.pl-card{width:540px; min-height:265px;}}
@media (min-width: 1800px){.pl-card{width:550px;}}


@media (max-width:575px){.offers-container{gap:8px;}}
@media (min-width:576px){.offers-container{gap:16px;}}

.discount-badge {
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: mediumvioletred;
	padding: 10px;
}
@media (max-width: 575px){.discount-badge{font-size: 11px;}}
@media (min-width: 576px){.discount-badge{font-size: 12px;}}

@media (max-width: 575px){.offer-list-mobile-ad-block > div{width:100%;}}
@media (min-width: 576px){.offer-list-desktop-ad-block > div{width:250px; height: 250px;}}
@media (min-width: 576px){.related-products-desktop-ad-block > div{width:250px; height: 250px;}}
@media (min-width: 576px){.related-products-mobile-ad-block > div{width:100%;}}

@media (max-width: 359px){.offer-card-inner-box{width:220px;}}
@media (min-width: 360px){.offer-card-inner-box{width:170px;}}
@media (min-width: 400px){.offer-card-inner-box{width:175px;}}
@media (min-width: 576px){.offer-card-inner-box{width:200px;}}
@media (min-width: 768px){.offer-card-inner-box{width:220px;}}
@media (min-width: 992px){.offer-card-inner-box{width:240px;}}


@media (max-width: 499px){.collection-item-title{font-size:12px;}} /* Small devices (cellphones, below 500px) */
@media (min-width: 500px){.collection-item-title{font-size:13px;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width: 768px){.collection-item-title{font-size:14px;}} /* Small devices (tablets, 768px and up) */
@media (min-width: 992px){.collection-item-title{font-size:14px;}} /* Medium devices (desktops, 992px and up) */
@media (min-width: 1200px){.collection-item-title{font-size:14px;}} /* Large devices (large desktops, 1200px and up) */

.pl-card-title {margin-top:20px;margin-bottom:20px;} /* Extra small devices (phones, less than 768px) */
@media (max-width: 499px){.pl-card-title{font-size:14px;}} /* Small devices (cellphones, below 500px) */
@media (min-width: 768px){.pl-card-title{font-size:15px;}} /* Small devices (tablets, 768px and up) */
@media (min-width: 992px){.pl-card-title{font-size:14px;}} /* Medium devices (desktops, 992px and up) */
@media (min-width: 1200px){.pl-card-title{font-size:16px;}} /* Large devices (large desktops, 1200px and up) */


@media (max-width: 499px){.card-price-box{width:70px;}}
@media (min-width: 499px){.card-price-box{width:97px;}}

.card-store-box {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media (max-width: 409px){.card-store-box{width:100px;}}
@media (min-width: 410px){.card-store-box{width:120px;}}
@media (min-width: 576px){.card-store-box{width:140px;}}
@media (min-width: 768px){.card-store-box{width:140px;}}
@media (min-width: 1200px){.card-store-box{width:150px;}}

@media (max-width:499px){.store-table{width:98%;font-size:11px !important;}} /* Small devices (cellphones, below 500px) */
@media (min-width:500px){.store-table{width:95%;font-size:11px !important;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width:768px){.store-table{width:92%;font-size:11px !important;}} /* Small devices (tablets landscape, 768px and up) */
@media (min-width:992px){.store-table{width:90%;font-size:12px !important;}} /* Medium devices (desktops, 992px and up) */
@media (min-width:1200px){.store-table{width:85%;font-size:13.5px !important;}} /* Large devices (large desktops, 1200px and up) */

@media (max-width:499px){.cat-ads-width{width:320px;}} /* Small devices (cellphones, below 500px) */
@media (min-width:576px){.cat-ads-width{width:360px;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width:768px){.cat-ads-width{width:390px;}} /* Small devices (tablets landscape, 768px and up) */
@media (min-width:992px){.cat-ads-width{width:460px;}} /* Medium devices (desktops, 992px and up) */


.offer-list-custom-width{max-width:2000px !important;}
.product-list-custom-width{max-width:1800px !important;}

.text-orange {color:orange;}
.text-dark {color:#212529;}
.bg-orange {background-color:orange;}
.true-center {margin:0 auto;}
.border-2 {border:2px solid;}
.border-3 {border:2px dashed;}
.no-hover:hover {text-decoration:none;}

.green-link {color: forestgreen !important;}
.green-link:hover {color: darkgreen !important;}
/* .green-link:visited {color: seagreen !important;} */

.sorting-button {font-size:14px;}
@media (max-width:499px){.sorting-button{font-size:13px;}}
.font-14 {font-size:14px;}

#nav-scroll {transition:top 0.3s;} /* Transition effect when sliding down (and up) */
.navbar-dark .navbar-brand {color:bisque;padding-top:0px;padding-bottom:0px;}
.navbar-dark .navbar-toggler {color:bisque;border-color:bisque;}
.navbar-dark .navbar-nav .nav-link {color:bisque;}
.navbar-dark .navbar-nav .nav-link:hover {color:white;}
.dropdown-item:active {background-color:#343a40;}

@media (max-width:992px){.mobile-nav-level-1{font-size:14px;}} /* Small devices (tablets landscape, 768px and up) */
@media (max-width:992px){.mobile-nav-level-2{font-size:14px;}} /* Small devices (tablets landscape, 768px and up) */
@media (max-width:992px){.mobile-nav-level-3{font-size:14px;}} /* Small devices (tablets landscape, 768px and up) */

.mega-menu {overflow:hidden;padding:.5rem 0;width:100%;}

.menu-large {position: static !important;}

.content {flex: 1 0 auto;}
.footer {flex-shrink:0; padding-bottom:100px;}
.footer a {color:#212529; margin: 0 8px;}
.footer span {margin:0 8px;}

.merchant-footer {flex-shrink:0; padding-bottom:30px;}
.merchant-footer a {color:#212529; margin: 0 8px;}
.merchant-footer span {margin:0 8px;}

/* .merchant-footer {position:absolute;width:100%;bottom:0;margin-bottom:15px;overflow:hidden;}
.merchant-footer a {color:#212529; margin: 0 10px;}
.merchant-footer span {margin:0 10px;} */

.ps-logo {font-family:suez one; font-size:23px; vertical-align: middle;}

/*.form-control {border: 1px solid #28a745;}*/
/* .btn {font-size:14px;}   */
@media (max-width:499px){.btn{font-size:12.5px;}} /* Small devices (cellphones, below 500px) */

.btn-green {
	color: bisque;
	background-color: darkslategrey;
}

.btn-green:hover {
	color: white;
	background-color: rgb(39, 68, 68);
}

@media (max-width:499px){.add-store{width:95%;}} /* Small devices (cellphones, below 500px) */
@media (min-width:500px){.add-store{width:70%;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width:768px){.add-store{width:50%;}} /* Small devices (tablets landscape, 768px and up) */
@media (min-width:992px){.add-store{width:40%;}} /* Medium devices (desktops, 992px and up) */
@media (min-width:1200px){.add-store{width:30%;}} /* Large devices (large desktops, 1200px and up) */

.find-box form {max-width:600px;}
/* @media (max-width: 499px){.find-box form{width:95%;}} Small devices (cellphones, below 500px) */
/* @media (min-width: 500px){.find-box form{width:70%;}} Small devices (tablets portait, 500px and up) */
/* @media (min-width: 768px){.find-box form{width:60%;}} Small devices (tablets landscape, 768px and up) */
/* @media (min-width: 992px){.find-box form{width:50%;}} Medium devices (desktops, 992px and up) */


.find-box input {font-size:14.5px;}
@media (max-width:499px){.find-box input {font-size:12.5px;}} /* Small devices (cellphones, below 500px) */

.login-form label {color:grey !important;}
.login-form input {font-size:13px;}
  @media (min-width:1200px){.login-form input{font-size:14px !important;}}
.login-form select {font-size:13px !important;}
  @media (max-width:499px){.login-form{width:90%;}} /* Small devices (cellphones, below 500px) */
  @media (min-width:500px){.login-form{width:60%;}} /* Small devices (tablets portait, 500px and up) */
  @media (min-width:768px){.login-form{width:40%;}} /* Small devices (tablets landscape, 768px and up) */
  @media (min-width:992px){.login-form{width:20%;}} /* Medium devices (desktops, 992px and up) */
  @media (min-width:1200px){.login-form{width:18%;}} /* Large devices (large desktops, 1200px and up) */

.merchant-form label {color:grey !important;}
.merchant-form input {font-size:13px;}
.merchant-form select {font-size:13px !important;}
@media (min-width:1200px){.merchant-form input{font-size:14px !important;}}


.contact-form label {color:grey !important;}
.contact-form input {font-size:13px;}
  @media (min-width:1200px){.contact-form input{font-size:14px !important;}}
.contact-form textarea {font-size:13px;}
  @media (min-width:1200px){.contact-form textarea{font-size:14px !important;}}
.contact-form select {font-size:13px !important;}
  @media (max-width:499px){.contact-form{width:90%;}} /* Small devices (cellphones, below 500px) */
  @media (min-width:500px){.contact-form{width:85%;}} /* Small devices (tablets portait, 500px and up) */
  @media (min-width:768px){.contact-form{width:70%;}} /* Small devices (tablets landscape, 768px and up) */
  @media (min-width:992px){.contact-form{width:50%;}} /* Medium devices (desktops, 992px and up) */
/*  @media (min-width:1200px){.contact-form{width:25%;}}  Large devices (large desktops, 1200px and up) */

/*.find-box .form-control {border:1px solid #343a40;}*/
/*.find-box .btn-outline-success {color:orange;background-color:#343a40;border-color:#343a40;}*/

/* .form-control:focus,.form-control:active, {border:1px solid orange;} */
/* .form-control:focus,.form-control:active,.btn.secondary:focus,.btn.secondary:active {border:1px solid orange; outline:none !important;box-shadow:none;}*/
/* ;font-family:Segoe UI */

/*.form-control:focus {box-shadow: rgba(108,117,125,.5);}*/
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border: 2px solid #343a40;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0px 3px rgba(108,117,125,.5);
  -moz-box-shadow: inset 0 1px 0 1px rgba(0, 0, 0, 0.075), 0 0 0 0px 3px rgba(108,117,125,.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0px 3px rgba(108,117,125,.5);
}

.page-content {padding-bottom:15px; margin:0 auto;}
  /* @media (min-width:500px){.page-content{width:85%;}} /* Small devices (tablets portait, 500px and up) */
  /* @media (min-width:768px){.page-content{width:80%;}} /* Small devices (tablets landscape, 768px and up) */
  @media (min-width:992px){.page-content{width:750px;}} /* Medium devices (desktops, 992px and up) */


@media (max-width:499px){.collection li{width:175px; margin-right:0px; margin-left:0px;}} /* Small devices (cellphones, below 500px) */
@media (min-width:500px){.collection li{width:185px; margin-right:.5rem; margin-left:.5rem;}} /* Small devices (tablets portait, 500px and up) */

@media (max-width:499px){.collection li img{width:175px; height:175px;}} /* Small devices (cellphones, below 500px) */
@media (min-width:500px){.collection li img{width:185px; height:185px;}} /* Small devices (tablets portait, 500px and up) */


.crumbs {background-color:#e9ecef;border-radius:.25rem;padding:5px 25px 5px 25px;width:fit-content;width:-moz-fit-content;margin:0 auto;font-size:12.5px;}


@media (min-width: 360px) and (max-width: 768px){.product-image{max-width:330px;max-height:330px;}} /* Small devices (tablets portait, 500px and up) */

@media (max-width:499px){.platform-images{width:95%;}} /* Small devices (cellphones, below 500px) */
@media (min-width:500px){.platform-images{width:80%;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width:768px){.platform-images{width:80%;}} /* Small devices (tablets landscape, 768px and up) */
@media (min-width:992px){.platform-images{width:80%;}} /* Medium devices (desktops, 992px and up) */
@media (min-width:1200px){.platform-images{width:80%;}} /* Large devices (large desktops, 1200px and up) */


@media (max-width:499px){.faq-platforms{width:95% !important;}} /* Small devices (cellphones, below 500px) */
@media (min-width:500px){.faq-platforms{width:80% !important;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width:768px){.faq-platforms{width:80% !important;}} /* Small devices (tablets landscape, 768px and up) */
@media (min-width:992px){.faq-platforms{width:80% !important;}} /* Medium devices (desktops, 992px and up) */
@media (min-width:1200px){.faq-platforms{width:80% !important;}} /* Large devices (large desktops, 1200px and up) */

.slick-magic {display:inline-grid !important; height:max-content;}
.slick-slide img {display:inline-block !important;}
.slick-prev {left:-5px !important;}
  @media (max-width:768px){.slick-prev{display:none !important;}} /* Small devices (cellphones, below 500px) */
.slick-next {right:-5px !important;}
  @media (max-width:768px){.slick-next{display:none !important;}} /* Small devices (cellphones, below 500px) */
.slick-prev:before {color:#696969 !important;}
.slick-next:before {color:#696969 !important;}
.slick-dots li button:before {font-size:9px !important;}


@media (max-width: 499px){.kinda-right{position:fixed;bottom:30%;right:58px;}} /* Small devices (cellphones, below 500px) */
@media (min-width: 500px){.kinda-right{position:fixed;bottom:25%;right:100px;}} /* Small devices (tablets portait, 500px and up) */
@media (min-width: 768px){.kinda-right{position:fixed;bottom:25%;right:100px;;}} /* Small devices (tablets, 768px and up) */
@media (min-width: 992px){.kinda-right{position:fixed;bottom:25%;right:105px;}} /* Medium devices (desktops, 992px and up) */
@media (min-width: 1200px){.kinda-right{position:fixed;bottom:25%;right:135px;}} /* Large devices (large desktops, 1200px and up) */

 .floating-search {
	 position: absolute;
	 margin: auto;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 /* width: 300px; */
	 height: 100px;
}
 .floating-search .search {
	 position: relative;
	 margin: auto;
	 top: 10px; /* extra, new */
	 right: 0;
	 bottom: 0;
	 left: 0;
	 width: 80px;
	 height: 80px;
	 background: white; /*used to be crimson*/
	 border-radius: 50%;
	 transition: all 0.5s;
	 z-index: 4;
	 box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);
}

@media (max-width: 499px){.floating-search .search{top:25px;width:50px;height:50px;}} /* Small devices (cellphones, below 500px) */

 .floating-search .search:hover {
	 cursor: pointer;
}
 .floating-search .search::before {
	 content: "";
	 position: absolute;
	 margin: auto;
	 top: 22px;
	 right: 0;
	 bottom: 0;
	 left: 22px;
	 width: 12px;
	 height: 2px;
	 background: orange; /*used to be white*/
	 transform: rotate(45deg);
	 transition: all 0.5s;
}

@media (max-width:499px){.floating-search .search::before{top:10px;left:10px;width:9px;}} /* Small devices (cellphones, below 500px) */

 .floating-search .search::after {
	 content: "";
	 position: absolute;
	 margin: auto;
	 top: -5px;
	 right: 0;
	 bottom: 0;
	 left: -5px;
	 width: 25px;
	 height: 25px;
	 border-radius: 50%;
	 border: 2px solid orange; /*used to be white*/
	 transition: all 0.5s;
}

@media (max-width:499px){.floating-search .search::after{width:15px;height:15px;}} /* Small devices (cellphones, below 500px) */

 .floating-search input {
	 /* font-family: 'Inconsolata', monospace; */
	 position: absolute;
	 margin: auto;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 width: 50px;
	 height: 50px;
	 outline: none;
	 border: none;
	 background: #212529; /*used to be crimson*/
	 color: orange;
	 /* text-shadow: 0 0 10px crimson; */
	 padding: 0 80px 0 20px;
	 border-radius: 30px;
	 box-shadow: 0 0 25px 0 orange, 0 20px 25px 0 rgba(0, 0, 0, 0.2); /*used to be crimson*/
	 transition: all 1s;
	 opacity: 0;
	 z-index: 5;
	 font-weight: bolder;
	 letter-spacing: 0.1em;
}

@media (max-width:499px){.floating-search input{padding: 0 50px 0 0;}} /* Small devices (cellphones, below 500px) */

 .floating-search input:hover {
	 cursor: pointer;
}
 .floating-search input:focus {
   left: -300px;
	 width: 350px;
	 opacity: 1;
	 cursor: text;
   box-shadow: 0 0 25px 0 orange, 0 20px 25px 0 rgba(0, 0, 0, 0.2); /* new*/
   padding: 0 80px 0 20px; /* new*/
}

@media (max-width:358px){.floating-search input:focus{left:-250px;width:300px;}} /* Small devices (cellphones, below 500px) */
@media (max-width:499px){.floating-search input:focus{padding: 0 60px 0 20px;}} /* Small devices (cellphones, below 500px) */

 .floating-search input:focus ~ .search {
	 right: -250px;
	 background: #151515;
	 z-index: 6;
}
 .floating-search input:focus ~ .search::before {
	 top: 0;
	 left: 0;
	 width: 25px;
}
 .floating-search input:focus ~ .search::after {
	 top: 0;
	 left: 0;
	 width: 25px;
	 height: 2px;
	 border: none;
	 background: orange; /*used to be white*/
	 border-radius: 0%;
	 transform: rotate(-45deg);
}
 .floating-search input::placeholder {
	 color: white;
	 opacity: 0.5;
	 font-weight: bolder;
}




/* product display template */
.product-page-store-box {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media (max-width: 575px) {.product-page-store-box{width:130px;}}
@media (min-width: 576px) {.product-page-store-box{width:160px;}}


@media (max-width: 365px){.related-product-card {width:146px;}}
@media (max-width: 365px){.related-product-card .card-img{width:130px; height:130px;}}
@media (min-width: 365px){.related-product-card{width:156px;}}
@media (min-width: 365px){.related-product-card .card-img{width:140px; height:140px;}}
@media (min-width: 576px){.related-product-card{width:255px;}}
@media (min-width: 576px){.related-product-card .card-img{width:200px; height:200px;}}