html {
scroll-behavior: smooth;
}
.grecaptcha-badge {
display: none !important;
}
p:empty:before {
content: none !important;
}
*:focus {
outline: none !important;
}
/****************************************/
/** breadcrumbs
/****************************************/
.breadcrumbs {
position: relative;
top: -7px;
font-size: 13px;
}
.breadcrumbs a {
color: #000;
text-decoration: none;
}
/****************************************/
/** Back Home
/****************************************/
.backhome {
top: 8px;
left: -40px;
position: absolute;
}
@media only screen and (max-width: 1000px) {
.backhome {
position: absolute;
left: 90px;
top: 30px;
}
}
a.homelink {
text-decoration: none;
color: inherit;
}
/****************************************/
/** Events Loop Breakpoint
/****************************************/
@media only screen and (max-width: 1030px) {
.eventsbreak-desk {
display: none !important;
}
.eventsbreak-mob {
display: inline !important;
}
.bestseller-product-grid li .card-bottom-section .buttonlight, .standard-product-grid li .card-bottom-section .buttonlight{
display:contents;
}
}
@media only screen and (min-width: 1030px) {
.eventsbreak-desk {
display: inline;
}
.eventsbreak-mob {
display: none !important;
}
.bestseller-product-grid li .card-bottom-section .buttonlight, .standard-product-grid li .card-bottom-section .buttonlight{
display:contents;
}
.banner-section {
padding-top: 20px ;
padding-bottom: 20px !important;
}
.bestseller-product-grid .card-top-section img {
/* height: 300px !important; */
}
.bestseller-home .bestseller-product-grid li{
/* min-height: 810px !important; */
min-height: 550px !important;
}
}
/****************************************/
/** Review Loop Breakpoint
/****************************************/
@media only screen and (max-width: 1030px) {
.reviewbreak-desk {
display: none !important;
}
.reviewbreak-mob {
display: inline !important;
}
}
@media only screen and (min-width: 1030px) {
.reviewbreak-desk {
display: inline;
}
.reviewbreak-mob {
display: none !important;
}
}
/****************************************/
/** Review Loop Breakpoint
/****************************************/
@media only screen and (max-width: 1030px) {
.reviewbreak-desk {
display: none !important;
}
.reviewbreak-mob {
display: block !important;
}
}
@media only screen and (min-width: 1030px) {
.reviewbreak-desk {
display: inline;
}
.reviewbreak-mob {
display: none !important;
}
}
/****************************************/
/** Cards Loop Breakpoint
/****************************************/
@media only screen and (max-width: 1030px) {
.productsloopbreak-desk {
display: none !important;
}
.productsloopbreak-mob {
display: inline !important;
}
}
@media only screen and (min-width: 1030px) {
.productsloopbreak-desk {
display: inline;
}
.productsloopbreak-mob {
display: none !important;
}
}
/****************************************/
/** Benefit Loop Breakpoint
/****************************************/
@media only screen and (max-width: 1030px) {
.benefitbreak-desk {
display: none !important;
}
.benefitbreak-mob {
display: inline !important;
}
}
@media only screen and (min-width: 1030px) {
.benefitbreak-desk {
display: inline;
}
.benefitbreak-mob {
display: none !important;
}
}
/****************************************/
/**Menu Loop Breakpoint
/****************************************/
@media only screen and (max-width: 1000px) {
.menubreakpoint-desk {
display: none !important;
}
.menubreakpoint-mob {
display: inline !important;
}
.menubreakpoint-mob .main-menu {
display: inline !important;
}
}
@media only screen and (min-width: 1000px) {
.menubreakpoint-desk {
display: inline;
}
.menubreakpoint-mob {
display: none !important;
}
.menubreakpoint-mob .main-menu {
display: none !important;
}
}
/****************************************/
/** Basic
/****************************************/
html, body {
max-width: 100%;
overflow-x: hidden;
}
.page {
margin: 0;
}
.wc-forward {
display: none;
}
/****************************************/
/** Check User Settings
/****************************************/
#advert-once {
position: fixed;
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -200px;
display: inline-block;
background-color: #A5D6DA;
padding: 5px 5px 0;
z-index: 99999;
border-radius: 10px;
padding: 30px;
text-align: center;
}
#advert-once p {
font-size: 20px;
font-weight: 700;
color: #3E3B3B;
}
#advert-once small {
font-size: 16px;
font-weight: 500;
color: #3E3B3B;
}
.blurbg {
height: 100%;
width: 100%;
position: fixed;
background-color: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
z-index: 9999;
}
.language-box i {
font-size: 50px;
}
.language-box .logo {
max-width: 250px;
}
.language-box .hi-title {
font-size: 20px;
}
.language-box .selector-section select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* Remove default arrow */
background-image: url(...);
/* Add custom arrow */
width: 100%;
border: 0;
border-radius: 0;
padding: 5px 10px;
margin: 5px 0;
font-size: 15px;
}
.language-box button {
background-color: #3E3B3B;
border: 0;
border-radius: 0;
margin-top: 15px;
padding: 15px 30px;
color: #fff;
}
.language-box .country-selector {
width: 100%;
margin-bottom: 5px;
z-index: 999 !important;
}
.country-selector.weglot-dropdown a, .country-selector.weglot-dropdown span, .country-selector.weglot-dropdown ul {
z-index: 99999;
}
.language-box .country-selector input {
font-size: 15px;
}
.language-box .country-selector.weglot-dropdown span {
display: block;
height: auto;
line-height: inherit;
font-size: 15px;
padding: 5px 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
}
.language-box .country-selector.weglot-dropdown .wgcurrent {
border: 0px;
list-style: none;
display: block;
}
.language-box .country-selector.weglot-dropdown .wgcurrent:after {
display: none;
}
.hidepopup {
display: none !important;
visibility: hidden;
transition: 400ms all;
}
.showdash {
position: fixed;
opacity: 1;
visibility: visible;
transition: 400ms all;
}
.hidedash {
position: fixed;
opacity: 1 !important;
visibility: visible !important;
transition: 400ms all;
}
/****************************************/
/** Fonts & Titles
/****************************************/
@font-face {
font-family: 'SteagalW01';
src: url('../fonts/SteagalW01-Bold.eot');
src: url('../fonts/SteagalW01-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SteagalW01-Bold.woff2') format('woff2'), url('../fonts/SteagalW01-Bold.woff') format('woff'), url('../fonts/SteagalW01-Bold.ttf') format('truetype'), url('../fonts/SteagalW01-Bold.svg#SteagalW01-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SteagalW01';
src: url('../fonts/SteagalW01-Medium.eot');
src: url('../fonts/SteagalW01-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/SteagalW01-Medium.woff2') format('woff2'), url('../fonts/SteagalW01-Medium.woff') format('woff'), url('../fonts/SteagalW01-Medium.ttf') format('truetype'), url('../fonts/SteagalW01-Medium.svg#SteagalW01-Medium') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FreightSansProBlack';
src: url('../fonts/FreightSansProBlack-Italic.eot');
src: url('../fonts/FreightSansProBlack-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/FreightSansProBlack-Italic.woff2') format('woff2'), url('../fonts/FreightSansProBlack-Italic.woff') format('woff'), url('../fonts/FreightSansProBlack-Italic.ttf') format('truetype'), url('../fonts/FreightSansProBlack-Italic.svg#FreightSansProBlack-Italic') format('svg');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'FreightSansProBold';
src: url('../fonts/FreightSansProBold-Italic.eot');
src: url('../fonts/FreightSansProBold-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/FreightSansProBold-Italic.woff2') format('woff2'), url('../fonts/FreightSansProBold-Italic.woff') format('woff'), url('../fonts/FreightSansProBold-Italic.ttf') format('truetype'), url('../fonts/FreightSansProBold-Italic.svg#FreightSansProBold-Italic') format('svg');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'FreightSansProMedium';
src: url('../fonts/FreightSansProMedium-Italic.eot');
src: url('../fonts/FreightSansProMedium-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/FreightSansProMedium-Italic.woff2') format('woff2'), url('../fonts/FreightSansProMedium-Italic.woff') format('woff'), url('../fonts/FreightSansProMedium-Italic.ttf') format('truetype'), url('../fonts/FreightSansProMedium-Italic.svg#FreightSansProMedium-Italic') format('svg');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'FreightSansProBlack';
src: url('../fonts/FreightSansProBlack-Regular.eot');
src: url('../fonts/FreightSansProBlack-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/FreightSansProBlack-Regular.woff2') format('woff2'), url('../fonts/FreightSansProBlack-Regular.woff') format('woff'), url('../fonts/FreightSansProBlack-Regular.ttf') format('truetype'), url('../fonts/FreightSansProBlack-Regular.svg#FreightSansProBlack-Regular') format('svg');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FreightSansProLight';
src: url('../fonts/FreightSansProLight-Regular.eot');
src: url('../fonts/FreightSansProLight-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/FreightSansProLight-Regular.woff2') format('woff2'), url('../fonts/FreightSansProLight-Regular.woff') format('woff'), url('../fonts/FreightSansProLight-Regular.ttf') format('truetype'), url('../fonts/FreightSansProLight-Regular.svg#FreightSansProLight-Regular') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FreightSansProMedium';
src: url('../fonts/FreightSansProMedium-Regular.eot');
src: url('../fonts/FreightSansProMedium-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/FreightSansProMedium-Regular.woff2') format('woff2'), url('../fonts/FreightSansProMedium-Regular.woff') format('woff'), url('../fonts/FreightSansProMedium-Regular.ttf') format('truetype'), url('../fonts/FreightSansProMedium-Regular.svg#FreightSansProMedium-Regular') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FreightSansProSemibold';
src: url('../fonts/FreightSansProSemibold-Italic.eot');
src: url('../fonts/FreightSansProSemibold-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/FreightSansProSemibold-Italic.woff2') format('woff2'), url('../fonts/FreightSansProSemibold-Italic.woff') format('woff'), url('../fonts/FreightSansProSemibold-Italic.ttf') format('truetype'), url('../fonts/FreightSansProSemibold-Italic.svg#FreightSansProSemibold-Italic') format('svg');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'FreightSansProSemibold';
src: url('../fonts/FreightSansProSemibold-Regular.eot');
src: url('../fonts/FreightSansProSemibold-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/FreightSansProSemibold-Regular.woff2') format('woff2'), url('../fonts/FreightSansProSemibold-Regular.woff') format('woff'), url('../fonts/FreightSansProSemibold-Regular.ttf') format('truetype'), url('../fonts/FreightSansProSemibold-Regular.svg#FreightSansProSemibold-Regular') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FreightSansProBook';
src: url('../fonts/FreightSansProBook-Regular.eot');
src: url('../fonts/FreightSansProBook-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/FreightSansProBook-Regular.woff2') format('woff2'), url('../fonts/FreightSansProBook-Regular.woff') format('woff'), url('../fonts/FreightSansProBook-Regular.ttf') format('truetype'), url('../fonts/FreightSansProBook-Regular.svg#FreightSansProBook-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FreightSansProBold';
src: url('../fonts/FreightSansProBold-Regular.eot');
src: url('../fonts/FreightSansProBold-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/FreightSansProBold-Regular.woff2') format('woff2'), url('../fonts/FreightSansProBold-Regular.woff') format('woff'), url('../fonts/FreightSansProBold-Regular.ttf') format('truetype'), url('../fonts/FreightSansProBold-Regular.svg#FreightSansProBold-Regular') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FreightSansProBook';
src: url('../fonts/FreightSansProBook-Italic.eot');
src: url('../fonts/FreightSansProBook-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/FreightSansProBook-Italic.woff2') format('woff2'), url('../fonts/FreightSansProBook-Italic.woff') format('woff'), url('../fonts/FreightSansProBook-Italic.ttf') format('truetype'), url('../fonts/FreightSansProBook-Italic.svg#FreightSansProBook-Italic') format('svg');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'FreightSansProLight';
src: url('../fonts/FreightSansProLight-Italic.eot');
src: url('../fonts/FreightSansProLight-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/FreightSansProLight-Italic.woff2') format('woff2'), url('../fonts/FreightSansProLight-Italic.woff') format('woff'), url('../fonts/FreightSansProLight-Italic.ttf') format('truetype'), url('../fonts/FreightSansProLight-Italic.svg#FreightSansProLight-Italic') format('svg');
font-weight: 300;
font-style: italic;
font-display: swap;
}
textarea:focus, input:focus {
outline: none;
}
* {
word-break: break-word;
}
h1, h2, h3, h4, h5, h6 {
padding: 0em;
margin: 0em;
color: #3C3C3B;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'SteagalW01';
font-weight: 500 !important;
font-style: normal;
}
.home h2, h1.entry-title {
font-size: 22px;
font-weight: 500;
}
.home h2:after, .bestseller-pdp h2:after, .product-review-section h2:after {
content: "";
display: block;
width: 200px;
padding-top: 15px;
margin-bottom: 25px;
border-bottom: 3px solid #C8E6E6;
}
p {
font-family: 'FreightSansProMedium';
font-weight: 300;
font-style: normal;
color: #646464;
}
b {
font-weight: 800 !important;
}
blockquote p {
font-family: 'FreightSansProMedium';
font-size: 18px;
font-style: italic;
}
blockquote p strong {
font-size: 16px;
display: block;
font-style: normal;
}
.home a {
text-decoration: none;
}
/****************************************/
/** Main Width & Spacing
/****************************************/
.site-main{padding-top: 150px;}
.pt50{margin-top: 50px; }
.pdt50{padding-top: 50px; }
.headerwithoutimg h1 {
position: relative;
left: 20%;
font-size: 50px;
padding-top: 50px;
}
.headerwithoutimg h2 {
position: relative;
left: 20%;
font-size: 32px;
padding-bottom: 30px;
}
.site-main, .grid-90 {
max-width: 90%;
margin: auto;
}
@media only screen and (max-width: 1000px) {
.bestseller-filter-swiper-container-home{ margin-top:50px;}
.water-filter-section { margin-top: 50px; }
.carouselfixContainer .learn-more{ bottom: -17px ; right: 0px; }
}
@media only screen and (max-width: 798px) {
.site-main {
max-width: 100%;
padding-top: 80px !important;
}
.grid-90 {
padding-top: 0px !important;
}
.banner-section .grid-90 .pt50{ padding-bottom: 40px !important; }
.video-cont{ margin-bottom: 20px !important; display: inline-block;}
section.images-section-home { margin-bottom: 20px !important; }
}
/* .video { max-height: 275px !important; } */
img.videohome {
width: 100%;
object-fit: contain;
height:auto !important;
}
.section.images-section-home{ margin-bottom: 0px !important; }
.carouselfixContainer .learn-more{bottom:15px;}
}
/* Portrait and Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2) {
section.images-section-home {
margin-top: 30px;
margin-bottom: 30px !important;
}
.bestseller-product-grid li .card-bottom-section .button.add_to_cart_button{
display: inline-block;
}
.images-container .title-section a{
font-size:18px;
}
.bestseller-product-grid li .card-bottom-section{
margin: 20px 20px !important;
}
.bestseller-product-grid li .card-bottom-section .buttonrounded, .bestseller-product-grid li .card-bottom-section .button.add_to_cart_button{ font-size: 12px !important; }
.bestseller-product-grid li .card-bottom-section .button.add_to_cart_button, .button.product_type_simple{ padding: 10px 20px !important;}
.carouselfix-textcontainer{ padding: 20px 20px !important; min-height: 210px !important;}
.carouselfixContainer p, .carouselfix-textcontainer{ font-size: 13px !important;}
.bestseller-filter-swiper-container{ margin-top: 30px; }
.header-menu .header-menu-top{padding: 20px 0 20px 0 !important;}
.move-logo-up {top: 60px !important;}
.move-mainmenu-up {top: -70px !important;}
.slider-section .promo-cont .promo h3{font-size: 22px !important;}
.slider-section .promo-cont a:before {padding-top: 5px !important;}
.slider-section .promo-cont hr {margin:10px !important;}
.all-rev-button {
position: relative !important;
bottom: 0px !important;
margin-top: 20px;
}
a.catLink { display: inline-flex; }
.prev-next-parent-div{left:-35px !important}
.video { max-height: 400px !important; }
}
@media only screen and (width:1024px) and (-webkit-min-device-pixel-ratio: 2){
.carouselfix-textcontainer{ padding: 20px 20px !important; min-height:180px !important;}
.bestseller-product-grid li .card-bottom-section .button.add_to_cart_button{display: inline-block;}
.images-container .title-section a{ font-size:18px; }
.bestseller-product-grid li .card-bottom-section{ margin: 10px !important; }
.bestseller-product-grid li .card-bottom-section .buttonrounded, .bestseller-product-grid li .card-bottom-section .button.add_to_cart_button{ font-size: 12px !important; }
.bestseller-product-grid li .card-bottom-section .button.add_to_cart_button, .button.product_type_simple{ padding: 10px 20px !important;}
.carouselfixContainer p, .carouselfix-textcontainer{ font-size: 13px !important;}
.bestseller-filter-swiper-container{ margin-top: 30px; }
.header-menu .header-menu-top{padding: 20px 0 20px 0 !important;}
.move-logo-up {top: 60px !important;}
.move-mainmenu-up {top: -70px !important;}
.slider-section .promo-cont .promo h3{font-size: 22px !important;}
.slider-section .promo-cont a:before {padding-top: 5px !important;}
.slider-section .promo-cont hr {margin:10px !important;}
.carouselfixContainer{ min-height: 235px !important;}
.all-rev-button {position: relative !important; bottom: 0px !important; margin-top: 20px;}
a.catLink { display: inline-flex; }
.prev-next-parent-div{left:-35px !important}
.video { max-height: 400px !important; }
.pdp-tech-video{ padding-left:20px;}
.home .video { max-height: 230px !important; }
.bestseller-product-grid li .card-bottom-section{ padding: 10px 10px !important; }
section.images-section-home{ margin-bottom: 40px!important; }
.pdp-header-review { grid-area: 2 / 1/ 2 / 4 !important; margin-top: 40px; }
.pdp-header-summary { grid-area: 1 / 2 / 2 / 4 !important; }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 2){
section.images-section-home {
margin-top: 10px;
margin-bottom: 30px !important;
}
.bestseller-product-grid li .card-bottom-section .button.add_to_cart_button{
display: inline-block;
}
.images-container .title-section a{
font-size:18px;
}
.bestseller-product-grid li .card-bottom-section{
margin: 20px 20px !important;
}
.bestseller-product-grid li .card-bottom-section .buttonrounded, .bestseller-product-grid li .card-bottom-section .button.add_to_cart_button{ font-size: 12px !important; }
.bestseller-product-grid li .card-bottom-section .button.add_to_cart_button, .button.product_type_simple{ padding: 10px 20px !important;}
.carouselfix-textcontainer{ padding: 20px 20px !important; min-height:auto !important; }
.carouselfixContainer p, .carouselfix-textcontainer{ font-size: 13px !important;}
.carouselfix-imagecontainer{ border-radius: 0px !important; }
.bestseller-filter-swiper-container{ margin-top: 30px; }
.header-menu .header-menu-top{padding: 20px 0 20px 0 !important;}
.move-logo-up {top: 60px !important;}
.move-mainmenu-up {top: -70px !important;}
.slider-section .promo-cont .promo h3{font-size: 22px !important;}
.slider-section .promo-cont a:before {padding-top: 5px !important;}
.slider-section .promo-cont hr {margin:10px !important;}
.carouselfixContainer{ min-height: 235px ;}
.all-rev-button {
position: relative !important;
bottom: 0px !important;
margin-top: 20px;
}
a.catLink { display: inline-flex; }
.prev-next-parent-div{left:-35px !important}
.pdp-tech-video{ padding-left:20px;}
.home .video { max-height: 184px !important; }
.bestseller-product-grid li{ min-height: 600px !important; }
.carouselfixContainer { min-height: 600px !important; }
.bestseller-product-grid li .card-bottom-section .price{bottom: -25px !important;}
}
.site-main section, .grid-90 section {
padding-bottom: 50px;
}
.site-main .benefits-section {
padding-top: 20px;
padding-bottom: 20px;
}
@media only screen and ( max-width: 1030px) {
.site-main .benefits-section {
padding-top: 0px;
padding-bottom: 50px;
}
}
.content80width {
width: 80%;
margin: 0 auto;
}
.content70width {
width: 70%;
margin: 0 auto;
}
.content60width {
width: 60%;
margin: 0 auto;
}
.content60widthleft {
width: 60%;
margin: 0 0 0 20%;
}
.content50width {
width: 50%;
margin: 0 auto;
}
@media only screen and ( max-width: 840px) {
.content50width {
width: 70%;
margin: 0 auto;
}
.content60widthleft {
width: 80%;
margin: 0 auto;
}
}
/****************************************/
/** Header
/****************************************/
header {
position: fixed;
z-index: 999;
width: 100%;
padding: 0 5%;
}
.site-header {
height: 150px;
transition: top 0.2s ease-in-out;
}
.headerbg {
background-color: #fff;
height: 150px;
}
.nav-up {
top: -90px;
transition-delay: 1s;
transition: ease-in .2s;
box-shadow: 0 5px 5px -8px;
}
.move-mainmenu-up {
position: relative;
display: flex;
top: -57px;
}
.move-backhome-up {
top: -49px;
}
.hidemenuelement {
display: none !important;
transition: top 0.2s ease-in-out;
}
.header-logo {
position: absolute;
top: 20px;
height: 100px;
}
.header-logo img {
height: 100px
}
@media only screen and (max-width: 1024px)and (min-width: 769px){
.move-logo-up {
position: relative;
top: -100px !important;
}
.header-logo {
top: -20px !important;
}
}
@media only screen and ( max-width: 1000px) and ( min-width: 300px){
.move-backhome-up {
top: 30px;
}
.headerbg {
background-color: #fff;
height: 80px;
}
.nav-up {
top: 0;
}
header {
position: fixed;
z-index: 999;
width: 100%;
padding: 0;
}
.site-header {
height: 80px;
background-color: #fff;
}
.site-main{ padding-top: 100px; }
}
@media only screen and (max-width: 1200px) {
.header-logo img {
max-width: 80px;
position: absolute;
margin-top: 10px;
}
.header-logo {
position: absolute;
top: 30px;
}
.header-logo-mobile {
position: absolute;
top: 0px;
width: 10%;
margin: 0 45%;
top: 10px;
}
.bestseller-product-grid .card-top-section img{
height: 300px !important;
}
.bestseller-product-grid li .card-bottom-section .card-bottom-infos .product-short-desc-card p{
margin-bottom: 0 !important;
}
.prev-next-parent-div {
bottom: 360px !important;
}
.site-main section {
padding-bottom: 30px !important;
}
.banner-section{
padding-top: 30px !important;
margin-bottom: 20px;
padding-bottom: 40px !important;
}
.banner-section h2{
padding-bottom: 20px !important;
}
.intercom-lightweight-app-launcher {
bottom: 30px !important;
right: 30px !important;
}
.move-logo-up {
position: relative;
top: -100px;
}
.cookie-notice-container {
width: 40% !important;
}
.prev-next-parent-div {
left: -36px;
width: 108% !important;
}
.header-menu .header-menu-top .header-searchbar input[type="text"]{
width: 200px;
}
.header-menu .header-menu-top .header-searchbar i{
left: 170px;
}
.header-menu .header-menu-top{
margin-left: 120px;
}
.bestseller-filter-swiper-container-home{ margin-top:50px; }
.swiper-container-gallery{height: 220px !important;}
}
@media only screen and (max-width: 760px) {
.header-logo-mobile {
position: absolute;
width: 20%;
margin: 0 42%;
top: 10px;
}
}
.site-header.headerbg.nav-up {
height: 180px;
}
@media only screen and (max-width: 1000px) {
.site-header.headerbg.nav-up {
height: 80px;
}
}
.site-header.headerbg.nav-up img {
height: 70px;
}
@media only screen and (max-width: 1000px) {
.site-header.headerbg.nav-up img {
height: auto;
}
}
.header-menu {
float: right;
}
.move-logo-up {
position: relative;
top: 100px;
}
.header-menu-top {
z-index: 9999;
}
.header-menu .header-menu-top {
position: relative;
display: flex;
}
.header-menu .header-menu-top {
padding: 20px 0 10px 0;
margin-left: 180px;
clear:both;
}
.woocommerce-currency-switcher-form, .wcpbc-country-switcher{ margin-top:-8px !important;}
.header-menu .header-menu-top select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* Remove default arrow */
background-image: url(...);
/* Add custom arrow */
max-width: 90px !important;
border-radius: 0;
padding: 8px 10px;
color: #3C3C3B;
font-size: 13px;
margin: 0 15px;
border: 1px solid #d9d9d9;
}
.header-menu .header-menu-top .searchbar {
max-width: 240px;
margin-right: 15px;
}
.header-menu .header-menu-top .header-searchbar {
position: relative;
left: 20px;
top: -8px;
}
#mega-menu-wrap-our_products{
background: rgba(232, 18, 18, 1) !important;
}
.header-menu .header-menu-top .header-searchbar input[type="text"],.product_select, .downloadtype_select, .select_language, #searchDownloads {
border: 1px solid #d9d9d9;
outline: none;
/* box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2); */
border-radius: 0px;
font-size: 12px;
padding: 5px 20px;
width: 230px;
height: 38px;
}
.product_select, .downloadtype_select, .select_language{font-size: 15px !important; padding: 5px 5px!important;}
.header-menu .header-menu-top .header-searchbar input[type="submit"] {
background: none;
background-color: transparent;
border: 0;
position: absolute;
left: 170px;
top: 2px;
z-index: 99;
cursor: pointer;
}
.header-menu .header-menu-top .header-searchbar i {
position: absolute;
left: 200px;
top: 12px;
cursor: pointer;
}
.header-menu .header-menu-top .header-loginregister a {
font-size: 15px;
color: #3C3C3B;
text-decoration: none;
font-weight: 700;
width: 300px;
}
#headerlogintitle {
/* width: 170px; */
display: inline-grid;
text-align: center;
background: #C8E6E6;
color: rgba(232, 18, 18, 1);
margin: 0 0 0 20px;
padding: 9px 22px;
font-weight: bold;
position: relative;
top: -7px;
text-transform: capitalize;
border: 1px solid #AAD5D5;
white-space: nowrap;
}
.header-menu .header-menu-top .header-loginregister label {
font-size: 13px;
cursor: pointer;
}
.header-menu .header-menu-top .header-loginregister .inner .button {
cursor: pointer;
border: 0px;
border-radius: 0px;
padding: 10px 30px;
margin-top: 15px;
}
.header-menu .header-menu-top .header-loginregister .inner .logout-txt {
position: relative;
float: right;
text-align: right;
top: 10px;
font-size: 20px;
right: 80px;
}
.header-menu-bottom {
position: relative;
display: flex;
}
.header-menu .header-menu-top .header-loginregister .woocommerce .col2-set .col-1 {
width: 100%;
}
header .country-selector {
margin-bottom: 5px;
}
header .country-selector input {
font-size: 15px;
}
header .country-selector.weglot-dropdown span {
display: block;
height: auto;
line-height: inherit;
font-size: 13px;
padding: 5px 10px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
padding-right: 0px;
white-space: nowrap;
}
header .country-selector.weglot-dropdown .wgcurrent {
border: 0px;
list-style: none;
display: block;
}
header .country-selector.weglot-dropdown .wgcurrent span {
padding-right: 10px;
}
header .country-selector.weglot-dropdown .wgcurrent:after {
display: none;
}
p.submenu-title {
font-family: 'FreightSansProBold';
font-size: 17px;
color: #3C3C3B;
padding: 0;
margin: 0;
}
@media only screen and (min-width: 768px) {
#mega-menu-wrap-our_products #mega-menu-our_products p {
margin-bottom: 0px !important;
}
#mega-menu-wrap-our_products #mega-menu-our_products li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
padding: 5px 0 !important;
font-family: 'FreightSansProLight';
font-size: 17px;
}
#mega-menu-wrap-our_products #mega-menu-our_products>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
font-family: 'FreightSansProMedium';
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
padding: 3px 0 !important;
font-family: 'FreightSansProLight';
font-size: 17px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu b {
/* color: red !important; */
}
.mega-menu-link b {
font-family: 'FreightSansProBold';
}
.menu-second {
width: 100%;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
padding: 0px 43px 0px 43px !important;
}
.sparrowContainer{ padding:0 0 0 50px; }
}
.cart-in-header li, .cart-in-header-mobile li {
list-style: none;
}
.cart-in-header span.woofc-menu-item-inner-subtotal, .cart-in-header-mobile span.woofc-menu-item-inner-subtotal {
display: none;
}
.cart-in-header .woofc-icon-cart8, .cart-in-header-mobile .woofc-icon-cart8, .woofc-icon-cart4 {
color: #3C3C3B;
}
.cart-in-header-mobile {
position: absolute;
right: 30px;
top: 32px;
}
/****************************************/
/** Promo Box Menu
/****************************************/
.promo-box.box-menu {
background-color: rgba(232, 18, 18, 0.8);
box-shadow: 1px 1px 10px 1px rgba(176, 176, 176, 0.3);
padding: 20px;
max-height: 400px;
}
@media only screen and (max-width: 768px) {
.promo-box.box-menu {
margin: 0 5%;
}
}
.promo-cont.box-menu .promo h3 {
font-size: 18px !important;
color: #fff;
padding-top: 20px;
}
.promo-cont.box-menu .promo p {
font-size: 15px !important;
color: #fff;
}
.promo-cont.box-menu a {
text-decoration: none;
display: block;
color: #fff;
}
.promo-cont.box-menu .promo img.arrow {
display: block;
}
/****************************************/
/** Mobile Menu
/****************************************/
@media only screen and (max-width: 798px) {
.header-mobile {
max-width: 55px;
}
.headerbg {
height: 80px;
}
.nav-up {
top: 0;
}
}
.menu-button {
position: relative;
height: 60px;
width: 60px;
}
.menu-open {
position: relative;
top: 0;
width: 60px;
height: 60px;
line-height: 0px;
display: block;
padding: 0;
text-indent: -9999px;
background: #fff url(../assets/svg/burger.svg) 50% 50%/25px 25px no-repeat;
background-color: rgba(232, 18, 18, 0.85);
margin: 10px 0 0 10px;
}
.menu-open.close-btn {
position: absolute;
right: 0;
top: 5px;
background: transparent url(../assets/svg/close.svg) 70% 10%/26px 26px no-repeat;
z-index: 99999;
padding-left: 60px;
}
.menu {
top: 0;
}
.menu, .main-menu {
position: absolute;
left: 0;
background: #C8E6E6;
width: 100%;
min-height: 100vh;
transform: translate3d(-1000px, 0, 0);
transition: transform 0.3s ease-in-out;
z-index: 99;
padding: 0 0 0 40px;
overflow-x: hidden;
}
.menu label.menu-toggle, .main-menu label.menu-toggle {
position: absolute;
right: -60px;
width: 60px;
height: 60px;
line-height: 0px;
display: block;
padding: 0;
text-indent: -9999px;
background: #fff url(https://cdn4.iconfinder.com/data/icons/wirecons-free-vector-icons/32/menu-alt-512.png) 50% 50%/25px 25px no-repeat;
}
.menu ul, .main-menu ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 30px;
}
.menu ul li>label, .main-menu ul li>label {
background: url(../assets/svg/arrow.svg) 90% 50%/30px 30px no-repeat;
}
.menu ul li>label.back, .main-menu ul li>label.back {
background: url(../assets/svg/arrow-r.svg) 5% 50%/36px 50px no-repeat;
line-height: 30px;
padding-left: 60px;
color: rgba(255, 0, 0, 0.9);
}
.menu ul li a, .menu ul li label, .main-menu ul li a, .main-menu ul li label {
display: block;
text-align: left;
padding: 0 20px;
line-height: 45px;
color: #999;
text-decoration: none;
transition: color 0.15s, background-color 0.15s;
}
.menu ul li a.model-title, .menu ul li label.model-title, .main-menu ul li a.model-title, .main-menu ul li label.model-title {
line-height: 40px;
background-color: #ececec;
}
.main-menu {
top: 0px;
overflow: hidden;
overflow-x: hidden !important;
}
.main-menu .menu {
transform: translate3d(800px, 0, 0);
}
/* hide inputs */
.menu-checkbox {
display: none;
}
/* hide navigation icon for sublabels */
.main-menu .menu label.menu-toggle {
background: none;
}
/* fade in checked menu */
.menu-checkbox:checked+.main-menu, .menu-checkbox:checked+.menu {
transform: translate3d(0, 0, 0);
position: fixed;
overflow: scroll;
}
#info {
display: table;
background: rgba(0, 0, 0, 0.4);
height: 100%;
width: 100%;
}
#info #info-content {
display: table-cell;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
color: #fff;
font-size: 12px;
}
#info #info-content h1 {
color: #fff;
border: 3px solid #fff;
text-align: center;
background: rgba(0, 0, 0, 0.1);
font-size: 22px;
font-weight: normal;
padding: 20px;
margin: 10px;
display: inline-block;
}
#info #info-content h1 strong {
display: block;
font-size: 26px;
}
.back {
position: relative,
}
.mobile-switcher {
display: inline-flex;
padding-bottom: 0px;
padding-top: 60px;
}
.mobile-switcher select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
max-width: 150px;
border: 1px solid #3C3C3B;
border-radius: 0;
background-color: transparent;
padding: 0 10px;
margin-left: 10px;
font-size: 15px;
font-weight: bold;
}
.country-selector {
z-index: 0 !important;
}
.submenu-btn.btn-red, .submenu-btn.btn-red:hover {
background-color: rgba(232, 18, 18, 0.85);
color: #fff;
font-weight: bold;
}
.submenu-btn.btn-grey, .submenu-btn.btn-grey:hover {
background-color: #3C3C3B;
color: #fff;
font-weight: bold;
}
.main-menu ul li label {
margin-bottom: 20px;
}
.main-menu ul li a {
color: #ffF;
background-color: #3C3C3B;
margin-bottom: 20px;
font-weight: bold;
}
ul.sub-menu {
padding-bottom: 15px;
}
ul.sub-menu li a {
background-color: transparent;
color: #3C3C3B;
margin-bottom: 5px;
font-size: 13px;
line-height: 25px;
padding: 0;
}
.main-menu ul li label {
display: block;
text-align: left;
padding: 0 20px;
line-height: 45px;
color: #999;
text-decoration: none;
transition: color 0.15s, background-color 0.15s;
}
ul.sub-menu{
padding-top:0px !important;
}
ul.sub-menu li.menu-item a{
background-color: #e81212;
padding: 10px 20px;
margin-bottom: 7px;
color: #fff;
margin-left: 15px;
line-height: 24px;
text-decoration: none;
transition: color 0.15s, background-color 0.15s;
text-align:left;
font-size: 1rem;
}
ul.acoord-menu li.menu-item-has-children>a{
line-height: 45px;
text-decoration: none;
transition: color 0.15s, background-color 0.15s;
text-align:left;
background: url(../assets/svg/arrow.svg) #000 90% 50%/30px 30px no-repeat;
}
/****************************************/
/** weglot
/****************************************/
@media only screen and (max-width: 798px) {
.country-selector.weglot-dropdown {
-moz-appearance: none;
appearance: none;
max-width: 100px;
border: 1px solid #3C3C3B;
border-radius: 0;
background-color: transparent;
padding: 0 5px;
margin-left: 10px;
font-size: 14px;
}
.country-selector.weglot-dropdown .wgcurrent a, .country-selector.weglot-dropdown .wgcurrent span {
padding-right: 0px;
}
.country-selector.weglot-dropdown .wgcurrent:after {
display: none;
}
.country-selector.weglot-dropdown span {
display: block;
height: 20px;
line-height: 22px;
font-size: 14px;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: normal;
font-weight: bold;
}
.country-selector.weglot-dropdown, .country-selector.weglot-dropdown ul, .main-menu ul li.weglot-language a {
background-color: transparent;
margin-bottom: 0 !important;
}
.country-selector.weglot-dropdown ul {
background-color: #fff;
color: grey;
}
.weglot-language a {
color: #3C3C3B !important;
}
.headerwithoutimg h1{ font-size:40px !important; padding: 30px !important; left: 0% !important; }
.mobile-switcher select { max-width: 100px !important; height: 32px;}
.woocommerce-currency-switcher-form, .wcpbc-country-switcher{ margin-top: 0px !important; }
.wp-block-button__link{ color:#ffffff; font-size:13px;}
.bestseller-swiper-container .swiper-wrapper, .bestseller-swiper-container-faq .swiper-wrapper{ margin-left: 7px; }
.swiper-container-benefitmob .swiper-wrapper{ margin-left: 15px; }
.bestseller-product-grid li .card-top-section{ min-height: 370px !important; }
.pdp-header .summary.entry-summary span.product-subtitle { font-size: 24px !important; }
.pdp-header .single_add_to_cart_button{ padding: 0 25px !important;}
.prev-next-parent-div { width: 110% !important; }
.banner-section .button { padding: 15px 15px !important; }
.video-container .title-section p { padding: 15px; }
.benefit-detail-box { padding: 30px !important; }
.benefit-container .learn-more { top: -22px !important; }
}
/****************************************/
/** Newsletter Form Small
/****************************************/
.newsletter-form-small {
margin-top: 5px;
}
.newsletter-form-small input[type="email"] {
border: 2px solid #3E3B3B !important;
background-color: transparent;
padding: 5px 15px;
margin-top: 0px;
max-width: 200px;
/* border-radius: 8px; */
}
.newsletter-form-small input[type="email"]::-webkit-input-placeholder {
color: #3C3C3B;
}
.newsletter-form-small input[type="email"]:-ms-input-placeholder {
color: #3C3C3B;
}
.newsletter-form-small input[type="email"]::placeholder {
color: #3C3C3B;
}
.newsletter-form-small input[type="submit"] {
background-color: #3C3C3B;
color: #fff;
font-weight: 400;
font-size: 13px;
border: none;
border-radius: 0;
margin-top: 10px;
padding: 12px 20px;
cursor: pointer;
}
.newsletter-form-small input[type="submit"]:hover {
background-color: rgba(232, 18, 18, 0.9);
color: #fff;
}
/****************************************/
/** Newsletter Form Big
/****************************************/
@media only screen and (max-width: 798px) {
.newsletter-form-big {
max-width: 300px;
}
}
@media only screen and (max-width: 380px) {
.newsletter-form-big {
max-width: 250px;
}
}
.newsletter-form-big input[type="email"], .newsletter-form-big input[type="text"] {
border: 2px solid #3E3B3B !important;
background-color: transparent;
padding: 7px 15px;
margin-top: 10px;
border-radius: 0;
}
@media only screen and (max-width: 798px) {
.newsletter-form-big input[type="email"], .newsletter-form-big input[type="text"] {
max-width: 100%;
}
}
.newsletter-form-big input[type="email"]::-webkit-input-placeholder, .newsletter-form-big input[type="text"]::-webkit-input-placeholder {
color: #3C3C3B;
}
.newsletter-form-big input[type="email"]:-ms-input-placeholder, .newsletter-form-big input[type="text"]:-ms-input-placeholder {
color: #3C3C3B;
}
.newsletter-form-big input[type="email"]::placeholder, .newsletter-form-big input[type="text"]::placeholder {
color: #3C3C3B;
}
.newsletter-form-big input[type="submit"] {
background-color: #3C3C3B;
color: #fff;
font-weight: 400;
font-size: 13px;
border: none;
border-radius: 0;
margin-top: 10px;
padding: 15px 30px;
}
.newsletter-form-big .accept .wpcf7-list-item {
margin: 0;
padding: 0;
}
.newsletter-form-big .wpcf7-list-item-label {
font-size: 13px;
}
/****************************************/
/** Mini Cart
/****************************************/
.woofc-item-qty-plus, .woofc-item-qty-minus {
display: none !important;
}
.woofc-area-top span {
display: none !important;
}
.woofc-area.woofc-style-02 .woofc-area-top {
background-color: #fff;
border-radius: 20px 20px 0 0;
}
.woofc-area.woofc-effect-04.woofc-area-show, .woofc-area.woofc-effect-04.woofc-slide-no {
position: fixed;
border-radius: 20px 20px 0 0;
}
@media only screen and (min-width: 798px) {
.woofc-area.woofc-effect-04 {
left: 70%;
max-width: 450px;
}
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner>div a {
background-color: #A5D6DA;
border-radius: 20px;
color: #3C3C3B;
font-weight: bold;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner>div a:hover {
transition: .2s;
}
.woofc-area.woofc-effect-04.woofc-area-show .qib-button:not(#qib_id):not(#qib_id), .woofc-area.woofc-effect-04.woofc-area-show .qib-container .quantity input.qty:not(#qib_id):not(#qib_id) {
color: #fff;
background: #3C3C3B;
font-size: 16px;
border-style: none;
border-width: 0px;
border-radius: 0px;
font-weight: 600;
}
/****************************************/
/** Register Page
/****************************************/
.register_page {
padding-top: 200px;
width: 500px;
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.register_page {
padding-top: 60px;
width: 80%;
}
}
.section-title h2 {
padding-bottom: 20px;
font-size: 30px;
}
.register_page .woocommerce-form label {
display: block;
padding: 10px 0px;
font-weight: bold;
}
.register_page input[type="text"], .register_page input[type="email"], .register_page input[type="password"] {
font-family: 'FreightSansProMedium';
color: #3C3C3B;
font-weight: 500;
border: 2px solid #A5D6DA;
border-radius: 10px;
width: 100%;
padding: 10px 10px !important;
margin: 10px 0 !important;
font-size: 18px !important;
height: 50px;
}
.afreg_extra_fields .input-text {
min-height: 50px !important;
max-height: 50px !important;
height: 50px;
font-family: 'FreightSansProMedium';
color: #3C3C3B;
font-weight: 500;
border: 2px solid #A5D6DA;
border-radius: 10px;
width: 100%;
padding: 10px 10px !important;
margin: 10px 0 !important;
font-size: 18px !important;
height: 50px;
}
.register_page .woocommerce-privacy-policy-text p {
font-size: 14px;
}
.register_page .woocommerce-privacy-policy-text p a {
color: #646464;
text-decoration: none;
border-bottom: 1px solid #646464;
}
.register_page .btn-default button {
background-color: #A5D6DA;
font-size: 16px;
border: none;
padding: 12px 50px;
font-weight: 600;
cursor:pointer;
}
.filter-button {
background-color: #A5D6DA;
font-size: 16px;
border: none;
padding: 12px 30px;
font-weight: 600;
cursor:pointer;
box-shadow: 1px 1px 13px 1px rgb(176 176 176 / 40%);
}
.filter-button:before {
font-family: 'Font Awesome 5 Free';
content: '\f0b0';
padding-right: 10px;
position: relative;
font-size: 90%;
}
.filter-button:hover { background-color: #404040; color: #ffffff; }
.register_page .woocommerce-form label {
display: none !important;
}
.register_page .woocommerce-form .afreg_full_field {
padding: 0 !important;
margin: 0 !important;
}
.register_page .woocommerce-form p {
padding: 0px !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
}
/****************************************/
/** Header Login & Register Pop Up
/****************************************/
.popup-container .popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 99999;
opacity: 0;
visibility: hidden;
transition: 400ms all;
}
.popup-container .popup>label {
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.popup-container .popup .inner {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
min-width: 300px;
max-width: 400px;
box-sizing: border-box;
transition: 400ms all;
z-index: 10;
max-height: 100%;
overflow: auto;
}
.popup-container .popup .popup-login-logincont {
background-color: #A5D6DA;
padding: 30px;
}
.popup-container .popup .popup-login-logincont .fa-times-circle {
font-size: 22px;
color: #3C3C3B;
}
.popup-container .popup .popup-login-logincont h6 {
font-size: 24px;
}
.popup-container .popup .popup-login-logincont h6:after {
content: "";
display: block;
width: 50px;
padding-top: 1px;
margin-bottom: 10px;
border-bottom: 3px solid #3C3C3B;
}
.popup-login-registercont {
background-color: #fff;
padding: 30px;
}
.popup-container .popup .popup-login-registercont h6 {
font-size: 24px;
}
.popup-container .popup .popup-login-registercont h6:after {
content: "";
display: block;
width: 50px;
padding-top: 1px;
margin-bottom: 10px;
border-bottom: 3px solid #3C3C3B;
}
.popup-container .popup .btn-section {
display: grid;
min-width:315px;
}
.popup-container .popup .btn-register {
background-color: #A5D6DA;
padding: 10px 40px;
text-align: center;
margin-bottom: 10px;
}
.popup-container .popup .btn-register small {
font-size: 12px;
font-weight: 400;
}
.popup-container .popup .woocommerce h2 {
display: none;
}
.popup-container .popup .woocommerce-form-login {
border: 0;
padding: 0;
margin: 0;
text-align: left;
border-radius: 0;
}
.popup-container .popup .woocommerce form .form-row input.input-text {
font-family: 'FreightSansProMedium';
color: #000;
font-weight: 500;
border: 2px solid #A5D6DA;
border-radius: 10px;
width: 100%;
font-size: 18px;
padding: 10px 10px;
}
.woocommerce form .show-password-input::after {
font-family: 'Font Awesome 5 Free';
content: '\f06e';
}
.woocommerce form .display-password::after {
font-family: 'Font Awesome 5 Free';
content: '\f070';
}
.popup-container .popup .woocommerce form .form-row input::placeholder {
color: #3E3B3B;
padding: 10px 10px;
font-size: 14px;
}
.woocommerce form .show-password-input {
top: auto;
}
.popup-container .popup .woocommerce form .form-row {
padding: 0;
}
.popup-container .popup .woocommerce .woocommerce-form-login__rememberme {
float: initial;
display: block;
}
.popup-container .popup .woocommerce .lost_password {
top: 0px;
float: right;
padding: 0;
margin: 0;
}
.popup-container .popup .woocommerce .lost_password a {
font-size: 13px;
}
.popup-container .popup .inner .title {
display: inline-block;
justify-content: space-between;
align-items: center;
top: 0;
}
.popup-container .popup .inner .title p {
font-size: 14x;
font-weight: 500;
}
.popup-container .popup .inner .title label {
font-size: 14px;
color: #999;
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
}
.popup-container .popup .inner .title label:hover {
color: #222;
}
.popup-container .popup .inner .content ul li {
margin-bottom: 15px;
}
.popup-container .popup .inner .content ul li:last-child {
margin-bottom: 0;
}
.popup-container .popup .inner .content ul li input {
width: 100%;
box-sizing: border-box;
border: none;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
font-size: 12px;
}
.popup-container .popup .inner .content ul li input:focus {
outline: 0;
border-color: #272643;
}
.popup-container .popup .inner .content ul li button {
width: 100%;
height: 30px;
border: none;
background: #272643;
color: #ffffff;
font-size: 13px;
cursor: pointer;
}
.popup-container .popup .inner .content p {
font-size: 13px;
line-height: 130%;
}
.popup-container .popup .inner .content p:last-child {
margin-bottom: 0;
}
.popup-container .popup .inner .content .close-btn {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #ddd;
}
.popup-container .popup .inner .content .close-btn label {
background: rgba(0, 0, 0, 0.05);
display: block;
line-height: 30px;
text-align: center;
font-size: 13px;
color: #444;
border-radius: 3px;
cursor: pointer;
}
.popup-container .popup .inner .content .close-btn label:hover {
background: rgba(0, 0, 0, 0.1);
}
.popup-container>input {
position: absolute;
left: -9999px;
opacity: 0;
}
.popup-container>input:checked+.popup {
opacity: 1;
visibility: visible;
}
.popup-container>input:checked+.popup .inner {
top: 50%;
}
/****************************************/
/** Header Logged in
/****************************************/
.popup.header-loggedin-section {
width: 100%;
position: fixed;
top: 170px;
background-color: #C8E6E6;
z-index: 99;
left: 0;
box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.15);
overflow: scroll;
padding-bottom: 100px;
}
.popup-container .popup.header-loggedin-section .inner {
position: initial;
top: 0;
left: 0;
transform: none;
background: transparent;
min-width: 100%;
max-width: 100%;
transition: none;
z-index: 10;
overflow: auto;
padding: 10px 5% 60px 5%;
}
.popup.header-loggedin-section .fa-times-circle {
font-size: 30px;
position: absolute;
right: 40px;
top: 20px;
cursor: pointer;
}
.popup.header-loggedin-section .welcome-user-title {
font-size: 35px;
color: #3C3C3B;
}
.popup.header-loggedin-section .welcome-user-title:after {
content: "";
display: block;
width: 200px;
padding-top: 10px;
margin-bottom: 20px;
border-bottom: 3px solid #3C3C3B;
}
.popup.header-loggedin-section .info-section p {
padding: 10px 0;
margin: 0;
font-size: 25px;
color: #3C3C3B;
}
.popup.header-loggedin-section .info-section p b {
position: absolute;
left: 450px;
font-weight: 900;
text-align: left;
width: 400px;
}
.popup.header-loggedin-section .info-section a {
background-color: #3C3C3B;
color: #fff;
padding: 10px 30px;
}
.popup.header-loggedin-section .info-section p b r {
color: red;
}
.popup.header-loggedin-section .welcome-user-turnover c {
padding-right: 10px;
}
.popup.header-loggedin-section .red-info-box {
width: 400px;
position: absolute;
right: 80px;
top: 100px;
background: rgba(232, 18, 18, 0.9);
}
.popup.header-loggedin-section .red-info-content {
padding: 50px 30px;
display: grid;
}
.popup.header-loggedin-section .red-info-content a {
color: #fff;
font-size: 17px;
padding: 15px;
font-weight: 600;
}
.popup.header-loggedin-section .red-info-content a .fas {
padding-left: 10px;
font-size: 20px;
}
.popup.header-loggedin-section .popup-products {
background-color: #fff;
padding: 40px 5%;
overflow: scroll;
padding-bottom: 150px;
}
.popup.header-loggedin-section .popup-products .order-title {
background: rgba(232, 18, 18, 0.9);
padding: 15px 40px;
display: inline;
color: #fff;
}
.popup.header-loggedin-section .popup-products .bestselling-title {
position: relative;
right: 10px;
top: -70px;
text-align: right;
font-size: 35px;
color: #3C3C3B;
}
/****************************************/
/** Rating Stars
/****************************************/
.customer-ratingstars {
color: #C99300;
}
.ratingstars-1:before {
font-family: 'Font Awesome 5 Free';
content: '\f005';
font-weight: bold;
position: absolute;
}
.ratingstars-2:before {
font-family: 'Font Awesome 5 Free';
content: '\f005\f005';
font-weight: bold;
position: absolute;
}
.ratingstars-3:before {
font-family: 'Font Awesome 5 Free';
content: '\f005\f005\f005';
font-weight: bold;
position: absolute;
}
.ratingstars-4:before {
font-family: 'Font Awesome 5 Free';
content: '\f005\f005\f005\f005';
font-weight: bold;
position: absolute;
}
.ratingstars-5:before {
font-family: 'Font Awesome 5 Free';
content: '\f005\f005\f005\f005\f005';
font-weight: bold;
position: absolute;
}
/****************************************/
/** Review Side Cont
/****************************************/
.review-side-cont {
padding: 20px 0;
}
.review-side-cont .rev-text {
font-family: 'FreightSansProMedium';
font-size: 13px;
font-style: italic;
padding: 0px;
margin: 0;
}
.review-side-cont .rev-date {
font-family: 'FreightSansProMedium';
font-size: 13px;
padding: 3px 0;
margin: 0;
font-style: italic;
}
.review-side-cont .customer-ratingstars {
position: relative;
float: left;
font-size: 12px;
padding-top:10px;
}
.product-short-desc-card p{ font-size: 13px; }
.all-rev-button img.arrow {
width: 50px;
float: left;
}
/****************************************/
/** Contact Box
/****************************************/
.contact-box {
background-image: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url(../../../uploads/2021/02/benefit.jpg);
background-position: center center;
background-size: cover;
}
.contact-box-cont {
max-width: 70%;
padding: 60px 0;
margin: 0 auto;
text-align: center;
}
@media only screen and (max-width: 798px) {
.contact-box-cont {
max-width: 80%;
padding: 30px 0;
margin: 0 auto;
text-align: center;
}
}
.contact-box-cont h4 {
font-size: 30px;
color: #fff;
}
.contact-box-cont p {
font-size: 20px;
color: #fff;
}
@media only screen and (max-width: 798px) {
.contact-box-cont .button-inline {
display: grid;
}
.contact-box-cont .btn-contact.btn1 {
width: 100%;
margin-bottom: 20px;
}
}
.contact-box-cont .btn-contact {
padding: 10px 30px;
}
.contact-box-cont .btn-contact.btn1 {
background-color: #A5D6DA;
color: #3C3C3B;
margin-right: 10px;
}
.contact-box-cont .btn-contact.btn2 {
background-color: #6F6F6C;
color: #fff;
}
.two-col {
-moz-column-count: 2;
-moz-column-gap: 0px;
-webkit-column-count: 2;
-webkit-column-gap: 0px;
padding-bottom: 150px;
}
@media only screen and ( max-width: 840px) {
.two-col {
-moz-column-count: 1;
-moz-column-gap: 80px;
-webkit-column-count: 1;
-webkit-column-gap: 80px;
padding-bottom: 150px;
}
}
.two-col p {
display: block;
margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-right: 60px;
}
@media only screen and ( max-width: 840px) {
.two-col p {
padding-right: 0px;
}
}
/****************************************/
/** Other Pages
/****************************************/
@media only screen and ( max-width: 768px) {
.search-results .site-main {
max-width: 90%;
}
.search-results .page-header h1.page-title {
font-size: 30px;
}
.search-results .entry-header h2 a {
font-size: 20px;
}
}
/****************************************/
/** Share function
/****************************************/
.share-button i{
color: #A5D6DA;
font-size: 16px !important;
}
.share-button {
text-transform: uppercase;
display: inline-block;
overflow: hidden;
width: 200px;
height: 40px;
font-size: 14px;
transform: translate(-5%, -50%);
position: relative;
}
.share-button .share-icon {
height: 26px;
}
.share-button a {
color: #A5D6DA;
font-size: 30px;
display: block;
text-decoration: none;
letter-spacing: 1px;
line-height: 26px;
padding: 7px 13px 7px 13px;
}
.share-button small, .product-manuals small {
font-size: 16px;
text-transform: none;
position: relative;
padding-left: 5px;
}
.share-button>a:hover, .share-button>a:hover:after, .share-button .icon-wrapper ul li a:hover i {
color: #A5D6DA;
}
/* .share-button .icon-wrapper ul li:last-child a:hover i{
color: #000;
} */
.share-button .icon-wrapper {
position: absolute;
left: -300px;
top: 0;
width: 300px;
}
.share-button .icon-wrapper>a {
display: inline-block;
}
.share-button a.hidden {
display: none;
}
.share-button.active .icon-wrapper {
max-height: 40px;
}
.share-button .icon-wrapper ul {
padding-left: 0;
margin: 0;
height: 40px;
}
.share-button .icon-wrapper ul:after {
clear: both;
}
.share-button .icon-wrapper ul li {
float: left;
display: inline-block;
}
/* .share-button .icon-wrapper ul li:last-child {
float: right;
} */
.share-button .icon-wrapper ul li a i {
color: #000 !important;
font-size: 20px !important;;
font-weight: 100;
}
/* .share-button .icon-wrapper ul li:last-child a {
background-color: white;
}
.share-button .icon-wrapper ul li:last-child a i {
color: #000 !important;
position: relative;
left: 1px;
}
*/
/****************************************/
/** Footer
/****************************************/
.site-footer {
padding: 60px 10% 40px 10%;
background-color: #A5D6DA;
margin-top: 40px;
}
@media only screen and (max-width: 798px) {
.site-footer {
padding: 60px 10% 80px 10%;
}
}
.site-footer .footerlogo {
max-width: 200px;
margin: 0 auto;
padding-bottom: 30px;
}
.site-footer .footer-widgets {
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: end;
}
@media only screen and (max-width: 798px) {
.site-footer .footer-widgets {
display: inline;
}
}
@media only screen and (max-width: 798px) {
.site-footer .footer-widget1, .site-footer .footer-widget2 {
padding-bottom: 40px;
}
}
.site-footer .footer-widgets h3 {
font-size: 23px;
}
.site-footer .footer-widgets h4 {
font-size: 18px;
color: #3C3C3B;
}
.site-footer .footer-widgets .footer-widget3 img {
width: 100px;
height: auto;
float: left;
position: relative;
top: -10px;
}
.site-footer .footer-widgets .footer-widget3 .wp-caption-text {
display: none;
}
.site-footer .footer-widgets h4:hover:after {
font-family: "Font Awesome 5 Free";
content: '\f30b';
padding-left: 10px;
text-decoration: none;
font-size: 14px;
}
.site-footer .footer-widgets a {
text-decoration: none;
}
.site-footer .footer-widgets p {
color: #3C3C3B;
font-size: 18px;
}
.site-footer .socialicons i {
font-size: 26px;
color: #3C3C3B;
margin-right: 15px;
margin-top: 5px;
}
.socialicons { display: flex; }
.copyright{ font-family: "FreightSansProMedium"; }
.site-footer .footerpayments img {
max-height: 90px;
max-width: 50px;
display: inline-table;
margin: 0 5px;
}
.site-footer figure {
padding-bottom: 40px;
}
@media only screen and (max-width: 798px) {
.site-footer .footer-widget3 h3 {
font-size: 20px;
}
.site-footer .footer-widget3 img {
margin-bottom: 50px;
}
}
/****************************************/
/** Contact Form
/****************************************/
.contact-form .wps-form {
width: 100%;
margin: 0 auto;
}
.contact-form .wps-form-row {
display: flex;
flex-direction: column;
width: 100%;
}
.contact-form .wps-form-row .wpcf7-form-control {
width: 100%;
}
.contact-form .wps-form-column {
flex: 1;
padding: 0.5rem 0;
width: 100%;
margin: 0;
}
@media only screen and ( min-width: 48em) {
.contact-form .wps-form-row {
flex-direction: row;
}
.contact-form .wps-form-column {
padding: 0.5rem 1rem;
}
}
@media only screen and (min-width: 48em) {
.contact-form .wps-form-column {
padding: 0em;
}
}
.contact-form .wps-form input[type="text"], .contact-form .wps-form input[type="email"], .contact-form .wps-form input[type="url"], .contact-form .wps-form input[type="password"], .contact-form .wps-form input[type="search"], .contact-form .wps-form input[type="number"], .contact-form .wps-form input[type="tel"], .contact-form .wps-form input[type="range"], .contact-form .wps-form input[type="date"], .contact-form .wps-form input[type="month"], .contact-form .wps-form input[type="week"], .contact-form .wps-form input[type="time"], .contact-form .wps-form input[type="datetime"], .contact-form .wps-form input[type="datetime-local"], .contact-form .wps-form input[type="color"], .contact-form .wps-form textarea {
font-family: 'FreightSansProMedium';
color: #3C3C3B;
font-weight: 500;
border: 2px solid #A5D6DA;
border-radius: 10px;
padding: 3px;
width: 100%;
margin: 10px 0;
padding: 10px 10px;
font-size: 18px;
}
.contact-form .wps-form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* Remove default arrow */
font-family: 'FreightSansProMedium';
color: #3C3C3B;
font-weight: 500;
border: 2px solid #A5D6DA;
border-radius: 10px;
padding: 3px;
width: 100%;
margin: 10px 0;
padding: 10px 10px;
font-size: 18px;
}
.contact-form .wps-form .wpcf7-select {
background-image: linear-gradient(45deg, transparent 50%, #3C3C3B 50%), linear-gradient(135deg, #3C3C3B 50%, transparent 50%), radial-gradient(#C8E6E6 70%, transparent 72%);
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .4em) .5em;
background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
background-repeat: no-repeat;
}
.contact-form .wps-form .wpcf7-select:focus {
background-image: linear-gradient(45deg, #3C3C3B 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #3C3C3B 50%), radial-gradient(#C8E6E6 70%, transparent 72%);
background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - .4em) .5em;
background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
background-repeat: no-repeat;
border-color: transparent;
outline: 0;
}
input:matches([type="button"], [type="submit"], [type="reset"]), .contact-form .wps-form input[type="file"]::-webkit-file-upload-button, button {
align-items: flex-start;
text-align: center;
cursor: pointer;
color: #3C3C3B;
padding-top: 2px;
padding-right: 6px;
padding-bottom: 3px;
padding-left: 6px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: #A5D6DA;
border-right-style: #A5D6DA;
border-bottom-style: #A5D6DA;
border-left-style: #A5D6DA;
border-top-color: #A5D6DA;
border-right-color: #A5D6DA;
border-bottom-color: #A5D6DA;
border-left-color: #A5D6DA;
border-image-source: #A5D6DA;
border-image-slice: #A5D6DA;
border-image-width: #A5D6DA;
border-image-outset: #A5D6DA;
border-image-repeat: #A5D6DA;
background-color: #A5D6DA;
box-sizing: border-box;
border: none;
padding: 10px 30px;
font-weight: 500;
}
.contact-form .wps-form input[type="submit"] {
background-color: #A5D6DA;
font-size: 16px;
border: none;
padding: 12px 50px;
font-weight: 600;
}
/****************************************/
/** Bestseller Product Cards & Loop
/****************************************/
.bestseller-section .swiper-pagination {
position: relative;
margin: 0 auto;
text-align: center;
margin-top: 50px;
}
.bestseller-section .swiper-pagination .swiper-pagination-bullet {
background-color: transparent;
border: 2px solid #A5D6DA;
height: 22px;
width: 22px;
}
.bestseller-section .swiper-pagination .swiper-pagination-bullet-active {
background-color: #A5D6DA;
border: 3px solid #A5D6DA;
}
.bestseller-product-grid {
display: grid;
list-style: none;
}
.bestseller-product-grid li {
background-color: #fff;
box-shadow: 1px 1px 10px 1px rgba(176, 176, 176, 0.4);
border-radius: 10px;
min-height: 550px;
}
.bestseller-product-grid li .card-top-section {
background-color: rgba(165, 212, 217, 0.8);
padding: 10px;
border-radius: 10px 10px 0 0;
min-height: 360px;
}
.bestseller-product-grid li .card-top-section h2 {
padding-top: 10px;
font-family: 'SteagalW01';
font-size: 18px !important;
font-weight: 500;
min-height: 40px;
text-align: center;
}
.bestseller-product-grid li .card-top-section h2:after {
content: "";
width: 0;
padding-top: 0;
margin-bottom: 0;
border-bottom: 0;
}
.bestseller-product-grid li .woocommerce-Price-amount.amount {
font-family: 'SteagalW01';
color: #3C3C3B;
font-size: 16px;
}
.bestseller-product-grid li .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol {
padding-right: 5px;
}
.bestseller-product-grid li .card-top-section .vat {
padding: 0;
margin: 0;
font-size: 13px;
}
.bestseller-product-grid li .card-bottom-section {
position: relative;
margin: 0 auto;
display: table;
margin: 0 auto;
text-align: center;
padding: 10px 15px;
min-width:80%;
}
.bestseller-product-grid li .card-bottom-section .buttons-section {
margin: 0 auto;
display: none;
position: relative;
}
h2.woocommerce-loop-product__title:after{display:none;}
h2.woocommerce-loop-product__title{font-size:16px !important;}
.price-section{
position: relative;
margin: 0 auto;
display: block;
text-align: center;
font-family: 'SteagalW01';
}
.bestseller-product-grid li .card-bottom-section .price{
position: fixed;
bottom: 0px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
line-height:18px;
}
.bestseller-product-grid li .card-bottom-section p{
margin:5px !important;
font-size: 15px;
line-height: 18px;
padding:0px;
overflow: hidden;
max-height: 55px;
font-weight: 300;
}
.bestseller-product-grid li .card-bottom-section .button.add_to_cart_button, .button.product_type_simple {
background-color: #A5D6DA;
font-size: 13px;
padding: 10px 30px;
border-radius: 20px;
margin-right: 5px;
color: #3C3C3B;
font-weight: bold;
position: absolute;
top: 50%;
transform: translateX(-50%);
display:none;
}
.bestseller-product-grid li .card-bottom-section .buttonrounded {
font-size: 13px;
padding: 10px 35px;
border-radius: 20px;
font-weight: bold;
}
.bestseller-product-grid li .card-bottom-section .buttonlight {
border: 2px solid #A5D6DA;
color: #3C3C3B;
font-weight: 600;
}
.bestseller-product-grid li .card-bottom-section .card-bottom-infos hr {
height: 3px;
background-color: #A5D6DA;
width: 60%;
margin: 0;
}
.bestseller-product-grid li .card-bottom-section .card-bottom-infos .read-more-incard .buttonlight {
margin: 40px auto 0 auto;
display: table;
}
.bestseller-product-grid li .card-bottom-section .card-bottom-infos{
max-height: 130px;
overflow: hidden;
}
.bestseller-product-grid li .card-bottom-section .card-bottom-infos .product-short-desc-card ul {
margin: 0;
padding: 0;
/* max-height: 40px; */
padding-top: 10px;
}
.bestseller-product-grid li .card-bottom-section .card-bottom-infos .product-short-desc-card ul li {
box-shadow: none;
min-height: auto;
font-family: 'FreightSansProMedium';
font-size: 13px;
padding: 0px;
margin: 0;
display: none;
padding: 5px 0;
}
.bestseller-product-grid li .card-bottom-section .card-bottom-infos .product-short-desc-card ul li:before {
font-family: 'Font Awesome 5 Free';
content: '\f00c';
padding-right: 15px;
color: #A5D6DA;
font-weight: 900;
}
.bestseller-product-grid li .card-bottom-section .card-bottom-infos .product-short-desc-card ul li:first-child,
.bestseller-product-grid li .card-bottom-section .card-bottom-infos .product-short-desc-card ul li:nth-child(2),
.bestseller-product-grid li .card-bottom-section .card-bottom-infos .product-short-desc-card ul li:nth-child(3) {
display: inherit;
}
.popup-button {
position: fixed;
padding: 40px;
min-width: 600px;
max-width: 550px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 1);
visibility: hidden;
opacity: 0;
/* "delay" the visibility transition */
-webkit-transition: opacity .5s, visibility 0s linear .5s;
transition: opacity .5s, visibility 0s linear .5s;
z-index: 999999;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
padding-bottom: 70px;
min-width: 500px;
}
@media only screen and (max-width: 768px) {
.popup-button {
min-width: 100%;
}
}
.popup-button:target {
visibility: visible;
opacity: 1;
/* cancel visibility transition delay */
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.popup-close {
position: absolute;
padding: 10px;
max-width: 500px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, .9);
}
.popup-button .popup-button-close {
position: absolute;
right: 5px;
top: 5px;
padding: 5px;
color: #000;
transition: color .3s;
font-size: 2em;
line-height: .6em;
font-weight: 300;
opacity: 1;
}
.popup-button .popup-button-close:hover {
color: #000;
}
.close-button-popup {
background: rgba(0, 0, 0, .5);
cursor: default;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
/* "delay" the visibility transition */
-webkit-transition: opacity .5s, visibility 0s linear .5s;
transition: opacity .5s, visibility 0s linear .5s;
}
.popup-button:target+.close-button-popup {
opacity: 1;
visibility: visible;
/* cancel visibility transition delay */
-webkit-transition-delay: 0s;
transition-delay: 0s;
z-index: 999998;
}
/****************************************/
/** Cookie Notice
/****************************************/
#cookie-notice {
background-color: transparent !important;
}
.cn-close-icon {
display: none;
}
.cookie-notice-container {
display: block;
background-color: #2B2B2B;
width: 30% !important;
text-align: left !important;
padding: 50px !important;
}
@media only screen and ( max-width: 790px) {
.cookie-notice-container {
width: 95% !important;
}
}
.cookie-notice-container h5 {
font-size: 22px;
color: #fff;
padding-bottom: 10px;
}
.cookie-notice-container a {
color: #fff;
}
#cookie-notice .cn-button {
margin: 0 !important;
margin-right: 20px !important;
margin-top: 10px !important;
border-radius: 0 !important;
padding: 10px 30px !important;
}
#cn-accept-cookie {
background-color: #fff;
color: #000;
}
#cn-refuse-cookie {
background-color: transparent;
color: #fff;
border: 1.5px solid #fff !important;
}
.search-something-special {
position: relative;
margin: 0 auto;
width: 450px;
border: 1.3px solid #2B2B2B;
padding: 40px 60px 50px 60px;
}
.search-something-special p {
padding-bottom: 10px;
}
@media only screen and ( max-width: 760px) {
.search-something-special {
max-width: 100%;
}
}
/* WooCommerce */
.woocommerce-notices-wrapper ul {
border-radius: 10px;
background-color: transparent;
}
.woocommerce-message {
border-radius: 10px;
}
.woocommerce-message, .woocommerce-error {
background-color: #d5d5d5;
margin: 20px 0;
}
.woocommerce-error::before {
display: none;
}
.woocommerce-error .showlogin {
display: none;
}
.woocommerce-notices-wrapper ul {
list-style: none;
padding: 0;
margin: 0;
padding-left: 20px;
font-family: 'FreightSansProMedium';
}
.woocommerce-notices-wrapper a {
color: #000;
font-size: 13px;
padding: 0;
margin: 0;
padding-top: 5px;
}
.cart-icon {
height: 35px !important;
padding-right: 30px;
}
.loop-buy-bagde {
position: relative;
display: block;
right: 50px;
width: 120px;
height: 120px;
top: 40px;
}
/* backtotop */
#backtotop {
display: none;
position: fixed;
bottom: 20px;
left: 20px;
z-index: 9;
font-size: 18px;
border: none;
outline: none;
background-color: #C8E6E6;
color: #fff;
cursor: pointer;
padding: 15px;
border-radius: 4px;
}
.fixanker {
position: relative;
top: -40px;
height: 1px;
}
.bestseller-product-grid .card-top-section img{
width: auto;
margin: 0 auto;
display:block;
/* object-fit: cover; */
padding-top:10px;
max-height: 350px;
min-height: 350px;
object-fit: contain;
}
.bestseller-home .swiper-button-next, .bestseller-home .swiper-button-prev{
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: rgba(232, 18, 18, 1);
}
a.learn-more:hover,
.learn-more:hover p,
.bestseller-product-grid li .card-bottom-section .button.product_type_simple:hover,
.product_type_simple add_to_cart_button:hover, .standard-product-grid li .card-bottom-section .button.add_to_cart_button:hover, .button.product_type_simple:hover{
background-color: #3C3C3B !important;
color:#ffffff !important;
}
.bestseller-product-grid li .card-bottom-section .buttonrounded:hover{
border: 2px solid #3C3C3B;
}
.page-id-1739 .prev-next-parent-div {
width: 105% !important;
left: -28px !important;
}
.prev-next-parent-div {
position: relative;
bottom: 315px;
width: 105%;
left: -28px;
}
.home .prev-next-parent-div {
width: 105% ;
left: -30px ;
}
@media only screen and (max-width: 798px) {
.prev-next-parent-div {
width: 113%;
left: -14px !important;
}
.events-section .swiper-container-events{
padding-top: 20px;
}
.parentGrid { display: flow-root !important; }
.sliderGrid { overflow: unset !important;}
.water-filter-section h2.pt50 {margin-top: 0px !important;}
.page-id-1739 .prev-next-parent-div {
width: 100% !important;
left: 0px !important;
}
a.catLink {
display: block;
margin-top: -30px;
margin-left: 20px !important;
margin-bottom: 15px;
}
.benefits-products{ max-width: 90%; margin: auto;}
.images-container .title-section a{ padding: 10px 0 !important;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/* CSS */
}
.woocommerce form .form-row input.input-text, .woocommerce .select2-container--default{
height: 38px;
}
.dashboard {
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #c8e6e6;
padding: 30px;
}
.dashboard .welcomeArea {
grid-area: 1 / 1 / 2 / 2;
}
.dashboard .welcome-user-title {
font-size: 35px;
color: #3C3C3B;
}
.dashboard .welcomeArea a.become-partner {
background-color: #3C3C3B;
color: #fff;
padding: 10px 30px;
}
.dashboard .links {
grid-area: 1 / 2 / 2 / 3;
background-color: #e81212;
position: relative;
}
.dashboard .links .linkelement {
padding: 25px 0;
}
.dashboard .links a {
color: #ffffff;
font-size: 17px;
padding: 15px;
font-weight: 600;
left: 10%;
position: relative;
width: 100%;
display: inline-block;
}
.best_selling_products_dash h1 {
padding: 50px 0;
text-align: center;
}
a.headerlogintitle {
width: auto !important;
display: inline-grid;
text-align: center;
background: #C8E6E6;
color: rgba(232, 18, 18, 1) !important;
margin: 0 0 0 20px;
padding: 9px 22px;
font-weight: bold;
font-size: 13px !important;
position: relative;
top: -7px;
text-transform: capitalize;
border: 1px solid #AAD5D5;
white-space: nowrap;
}
.best_selling_products_dash .filter-button{display: none;}
.woocommerce table.my_account_orders .button {
display: table-cell;
}
.woocommerce-account .woocommerce-MyAccount-content {
max-width: 100% !important;
}
.acme-news-ticker {
height: 40px;
overflow: hidden;
background: #C8E6E6;
padding: 8px;
margin-bottom: 15px;
}
.acme-news-ticker a{ color: #3C3C3B !important; font-family: 'FreightSansProMedium'; }
p#billing_last_name_field {
display: inline-block;
}
.bestseller-filter-swiper-container, .bg-full-blue, .bestseller-home, .video-section-home, .bestseller-acquaphi-swiper-container,.reviewbreak-desk, .reviewbreak-mob{ margin-top:50px; }
.bestseller-filter-slider{width:75% ;}
.bestseller-filter-box-container{width:25%;}
.video-section-home .video { max-height: 300px; }
.reviewbreak-desk {
display: block;
}
.partner-map h2{ font-size:28px; color:#A5D6DA;}
.home .partner-map{ margin-top:50px !important; }
.bg-full-blue{
background-color: rgba(165, 212, 217, 0.8);
padding-bottom:40px;
}
.pb50{ padding-bottom:100px; }
.two-col-benefit {
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
}
.water-filter-section .titleBenefits{font-size:28px !important;}
.water-filter-section .titleBenefits:after{ display:none !important;}
.water-filter-section .benefit-textcontainer{
min-height: 225px;
overflow: hidden;
max-height:225px;
}
.water-filter-section .benefit-textcontainer p{
max-height: 120px !important;
}
.water-filter-section .benefit-container .learn-more{
top: -20px;
background-color: #ffffff !important;
}
.water-filter-section .prev-next-parent-div {
bottom: 300px !important;
}
.footer-widget3 {
margin: auto;
}
.footerpayments {
display: flex;
margin-top: -15px;
}
.cont-2 {
max-height:800px;
}
.video-container {
overflow: hidden;
}
a.woocommerce-LoopProduct-link img {
max-height: 350px;
min-height: 350px;
object-fit: contain;
margin: 0 auto;
}
/*
.page-id-1739 .card-top-section, .subpage-products-loop .card-top-section{
min-height:520px !important;
} */
.swiper-button-next, .swiper-button-prev{
color: rgba(232, 18, 18, 1) !important;
background-color: white;
padding: 5px;
width: 45px !important;
border-radius: 90px;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
font-size: 20px !important;
}
.parentGrid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.sliderGrid { grid-area: 1 / 1 / 2 / 4; overflow:hidden; padding:10px; }
.fixGrid { grid-area: 1 / 4 / 2 / 5; padding:10px 5px; }
.sliderGrid .prev-next-parent-div {
position: relative;
bottom: 315px;
width: 104%;
left: -18px;
z-index: 99999;
}
.bestseller-Austauschpatronen .swiper-button-next:after, .bestseller-Austauschpatronen .swiper-button-prev:after,
.bestseller-Wasserfilter .swiper-button-next:after, .bestseller-Wasserfilter .swiper-button-prev:after,
.bestseller-acquaphi .swiper-button-next:after, .bestseller-acquaphi .swiper-button-prev:after
{ font-size:20px !important;}
.sliderGrid .swiper-button-next, .sliderGrid .swiper-button-prev {
color: rgba(232, 18, 18, 1) !important;
background-color: white;
padding: 5px;
width: 45px;
border-radius: 90px;
}
.carouselfixContainer {
background-color: transparent;
box-shadow: 1px 1px 10px 1px rgb(176 176 176 / 82%);
min-height: 550px;
border-radius: 10px;
background-color: #b7dde1;
position:relative;
}
.carouselfix-imagecontainer {
height: 380px;
background-position: center center;
background-size: cover;
border-radius: 10px 10px 0 0;
}
.carouselfix-textcontainer {
font-family: 'FreightSansProMedium' !important;
padding: 30px 30px 0 30px;
text-align: left;
min-height: 165px;
overflow: hidden;
}
.carouselfixContainer .learn-more {
position: absolute;
bottom: -20px;
background-color: #ffffff !important;
width: 150px;
font-size: 15px;
float: right;
text-align: center;
border-radius: 10px;
right: 0;
}
.carouselfixContainer .learn-more p, .carouselfixContainer .learn-more a {
padding: 10px 0;
margin: 0;
color: #3C3C3B;
box-shadow: 0px 0px 10px 1px rgb(176 176 176 / 40%);
border-radius: 10px
}
.wpcf7-spinner {
margin: 15px 0px;
position: absolute;
}
.mega-menu-our-products .term-description { display:none; }
.single-product .prev-next-parent-div {
position: relative;
bottom: 315px;
width: 104%;
left: -25px;
}
.imgTitleOver {
font-family: 'SteagalW01';
position: absolute;
color: #3C3C3B;
padding: 10px 10px;
text-align: center;
font-size: 16px;
width: 100%;
}
h2.entry-title{
display: inline-block;
}
h2.entry-title::after{
content: "";
display: block;
width: 70%;
padding-top: 15px;
margin-bottom: 40px;
border-bottom: 3px solid #C8E6E6;
}
a.catLink{ color:rgb(64 64 64) !important; margin-left:10px; font-family: 'SteagalW01'; }
.benefitsProductHeading{ font-size: 22px; font-family: 'SteagalW01'; }
.benefitsProductHeading:after {
content: "";
display: block;
width: 200px;
padding-top: 15px;
margin-bottom: 25px;
border-bottom: 3px solid #C8E6E6;
}
.wfbCarousel{ margin-bottom: 50px; }
.category-filter-swiper-container{ margin-bottom:50px;}
section.images-section-home { margin-bottom: 160px; }
.woocommerce-Price-currencySymbol { margin-right: 2px; }
.card-bottom-section h2.woocommerce-loop-product__title{ height: 50px; display: inline-block; }
.card-bottom-section .add_to_cart_button, .card-bottom-section h2.woocommerce-loop-product__title:after, .card-bottom-section a.add_to_cart_button { display:none; }
.onsale, .woocommerce span.onsale {
--f: 10px; /* control the folded part*/
--r: 15px; /* control the ribbon shape */
--t: 10px; /* the top offset */
position: absolute;
inset: var(--t) calc(-1*var(--f)) auto auto;
padding: 0 10px var(--f) calc(10px + var(--r));
clip-path:
polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%,
calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)),
var(--r) calc(50% - var(--f)/2));
background: #E81212;
box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
color:#fff;
font-family: 'SteagalW01';
border-radius:0px;
font-weight: normal;
}
.woocs_price_code {
color: red;
}
.flip-container{
transform-style: preserve-3d;
transition: all 1.0s linear;
height: 150px;
}
.backCard{
position: absolute;
top: 40%;
width:100%;
text-align:center;
visibility:hidden;
}
.backCard a.woocommerce-LoopProduct-link{display:none;}
.backCard a{
background-color:#3c3c3b;
padding:10px 40px;
color:#fff;
text-decoration:none;
font-family: 'SteagalW01';
font-size:14px;
border-radius:5px;
}
.content-section .flip-container:hover .frontCard{
visibility:hidden;
}
.content-section .flip-container:hover .backCard{
visibility:visible;
display:block;
box-sizing: border-box;
}
.bannerPromo{
max-width: 90%;
margin: 0 auto;
grid-template-rows: 1fr;
padding-bottom:40px;
}
.promoBanner{
position:relative;
margin:0 auto;
display: grid;
grid-template-columns: 2.7fr 1.3fr;
grid-template-rows: 1fr;
gap: 0px 0px;
font-family: 'SteagalW01';
align-items: center;
justify-content: center;
}
.promoBannerImage {
grid-area: 1 / 1 / 2 / 3;
padding: 5px;
min-height:290px;
}
.promoBannerText {
grid-area: 1 / 2 / 2 / 3;
color:#5B889F;
margin: 20px;
text-align: center;
}
.promoBannerText img{ width: 75%; }
.promoBannerText h1{
font-family: 'FreightSansProBold';
text-transform:uppercase;
font-size:50px;
line-height:50px;
font-weight:900;
color:#5B889F;
}
.promoBannerText .button{
padding: 20px 48px;
box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.5);
line-height: 1.25;
background: #E81212;
text-decoration: none;
color: white;
font-size: 20px;
letter-spacing: .08em;
text-transform: uppercase;
position: relative;
transition: background-color .6s ease;
overflow: hidden;
display: inline-block;
margin-top:20px;
&:after {
content: "";
position: absolute;
width: 0;
height: 0;
top: 50%;
left: 50%;
transform-style: flat;
transform: translate3d(-50%,-50%,0);
background: rgba(white,.1);
border-radius: 100%;
transition: width .3s ease,
height .3s ease;
}
&:focus,
&:hover {
background:
darken(#FC6E51,7%);
}
&:active {
&:after {
width: 200px;
height: 200px;
}
}
}
.promoBannerText .button:hover {
background: #3c3c3b;
}
.promoBannerText p{
font-family: 'FreightSansProMedium';
font-size:35px;
font-weight:100;
color:#5B889F;
line-height:1;
margin:0px;
}
.captionTransbox {
margin: 25px;
background: rgba(0, 0, 0, .75);
padding:25px 20px;
width:40%;
}
#captionTop{
color:#ffffff;
font-family: 'FreightSansProMedium';
font-size:22px;
display:block;
margin-bottom:15px;
}
#captionBottom{
color:#ffffff;
font-family: 'FreightSansProMedium';
font-size:16px;
}
.visible-mobile {
display: none ;
}
@media (max-width: 800px) {
.visible-mobile {
display: block ;
}
.hidden-mobile {
display: none ;
}
}
.padtop50{ padding-top:50px;}
.bestseller-product-grid li .price r, .bestseller-product-grid li .price r bdi {
font-size: 16px !important;
color: red;
}
span #languagePreference{display:none;}
del bdi{ color:#000000 !important; }
ins bdi{ color:#e81212 !important; }
.downloadCards .cards {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.downloadCards .cards .cards_item {
display: flex;
padding: 1rem;
}
@media (min-width: 40rem) {
.downloadCards .cards .cards_item {
width: 50%;
}
}
@media (min-width: 56rem) {
.downloadCards .cards .cards_item {
width: 25%;
}
}
.downloadCards .cards .card {
background-color: white;
border-radius: 0.25rem;
box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
overflow: hidden;
max-height: 410px;
position:relative;
}
.downloadCards .cards .card_content {
padding: 1rem;
background: linear-gradient(to bottom left, #EAEAEA 40%, #F9F9F9 100%);
min-height: 220px;
max-height: 220px;
}
.downloadCards .card_text{
margin-top: 5px;
font-size: 13px;
}
.downloadCards .cardBottom {
position:absolute;
bottom:0;
width: 100%;
}
.downloadCards .cardBottom:hover, .downloadCards .cardBottom a:hover{
background-color:#E81212;
color:#ffffff;
}
.downloadCards .cardBottom a{
color:#ffffff;
padding: 10px 20px;
text-align: center;
background-color:#3C3C3B;
display: block;
}
.downloadCards img {
height: 100%;
max-width: 100%;
vertical-align: middle;
}
.card_image {
max-height: 200px;
min-height: 200px;
display:flex;
align-items:center;
justify-content:center;
}
.metatype{
background: rgba(85,90,95,.5);
color: #fff;
display: block;
float: left;
font-family: SteagalW01;
font-size: 11px;
font-style: normal;
font-weight: 400;
height: 26px;
line-height: 17px;
margin-right: 2px;
padding: 5px 28px;
position: absolute;
text-decoration: none;
text-transform: uppercase;
width: fit-content;
}
.contenttype {
display: block;
float: left;
font-family: SteagalW01;
font-size: 12px;
font-style: normal;
color:#434343;
font-weight: 400;
height: 26px;
line-height: 17px;
margin-left: 15px;
padding: 5px 5px;
position: absolute;
text-decoration: none;
text-transform: uppercase;
width: fit-content;
top: 174px;
border-bottom:5px solid red;
background: rgba(255,255,255,.65);
}
#fade {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
}
#light {
display: none;
position: fixed;
top: 50%;
left: 50%;
max-width: 600px;
max-height: 360px;
margin-left: -300px;
margin-top: -180px;
border: 2px solid #FFF;
background: #FFF;
z-index: 1002;
overflow: visible;
}
#boxclose {
float: right;
cursor: pointer;
color: #fff;
border: 1px solid #AEAEAE;
border-radius: 3px;
background: #222222;
font-size: 31px;
font-weight: bold;
display: inline-block;
line-height: 0px;
padding: 5px 3px;
position: absolute;
right: 2px;
top: 2px;
z-index: 1002;
opacity: 0.9;
}
#VisaChipCardVideo{
position: absolute;
top: 50%;
left: 50%;
}
.boxclose:before {
content: "x";
line-height:20px;
}
#fade:hover ~ #boxclose {
display:none;
}
.test:hover ~ .test2 {
display: none;
}
.inputField{
font-family: 'FreightSansProMedium';
color: #3E3B3B;
font-weight: 500;
border: 2px solid #A5D6DA !important;
border-radius: 10px !important;
width: 100%;
font-size: 14px;
padding: 10px 10px !important;
height: 38px;
margin-bottom:10px;
}
.popup-login-registercont h4{ font-size:20px;}
.popup-login-registercont h2{ color:#000;}
.popup-login-registercont h2:after, .popup-login-logincont h2:after{ display:none;}
.popup-login-registercont i, .popup i{
color: red;
font-style: normal;
}
.popup-login-registercont .buttonBlue{
cursor: pointer;
background-color: #A5D6DA !important;
border: 0px;
border-radius: 0px;
padding: 10px 30px;
margin-top: 5px;
float: left;
position: relative;
width:auto;
font-weight: 700;
color: #515151;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
width: fit-content;
}
.downloadssearch-box{margin-top:20px;}
.searchFilters{padding:20px;}
.buttonDark{
background-color: #3C3C3B;
color: #fff;
font-weight: 400;
font-size: 15px;
border: none;
border-radius: 0;
margin-top: 10px;
padding: 11px 20px;
cursor: pointer;
}
.metatype{
background: rgba(85,90,95,.5);
color: #fff;
display: block;
float: left;
font-family: SteagalW01;
font-size: 11px;
font-style: normal;
font-weight: 400;
height: 26px;
line-height: 17px;
margin-right: 2px;
padding: 5px 28px;
position: absolute;
text-decoration: none;
text-transform: uppercase;
width: fit-content;
}
.wpuf-submit-button{
margin-top:50px;
padding: 15px 40px !important;
box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.5);
line-height: 1.25;
background: #E81212 !important;
text-decoration: none;
color: white !important;
font-size: 20px;
letter-spacing: .08em;
text-transform: uppercase;
position: relative;
transition: background-color .6s ease;
overflow: hidden;
display: inline-block;
}
#post-5300 input[type=submit]:hover{
background: #3c3c3b;
}
.swiper-container-gallery .swiper-pagination{
height: 50px;
background-color: #ffffff;
}
.swiper-container-gallery .swiper-button-next, .swiper-container-gallery .swiper-button-prev{ background-color: rgba(255,255,255,.8); }
#popup1 .popup {
font-family: 'FreightSansProMedium';
margin: 70px auto;
padding: 30px;
background: #fff;
border-radius: 5px;
width: 40%;
position: relative;
transition: all 5s ease-in-out;
top: 25%;
}
#popup1 .popup .buttonGrey{
background-color: #3C3C3B;
color: #fff;
padding: 10px 20px;
font-family: 'FreightSansProMedium';
}
#popup1 .popup .buttonRed{
background-color: red;
color: #fff;
padding: 10px 20px;
font-family: 'FreightSansProMedium';
}
#popup1 .popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
#popup1 .popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
#popup1 .popup .close:hover {
color: #06D85F;
}
#popup1 .popup .content {
font-family: 'FreightSansProMedium';
overflow: hidden;
display: inline;
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
z-index: 9999;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
#popup1 .popup .content p{ margin: 0 0 20px 0;}
.formField{
font-family: 'FreightSansProMedium' !important;
color: #3C3C3B;
font-weight: 500;
border: 2px solid #A5D6DA !important;
border-radius: 10px !important;
width: 100%;
padding: 10px 10px !important;
margin: 10px 0 !important;
font-size: 18px !important;
height: 50px !important;
margin-top:45px !important;
}
.errorMessage{
background-color: #ffb3b3;
padding:10px 20px;
}
.errorField{
border-color:red !important;
}
#pr-box {
font: 13px/16px sans-serif;
position: absolute;
z-index:9999;
display:none;
width:400px;
max-width:100%;
background:#f1f1f1;
}
#pr-box i {
width: 0;
height: 0;
margin-left: 20px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #23a86d;
}
#pr-box-inner {
margin-top: 6px;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#pr-box p {
padding:20px;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
color: #3C3C3B !important;
}
#pr-box ul {
padding:7px;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
margin:0px !important;
}
#pr-box ul li {
list-style: none;
padding:7px;
}
#pr-box ul li span {
width:15px;
height:15px;
display:block;
float:left;
border-radius:100%;
margin-right:15px;
}
#pr-box.light {
color:#3C3C3B;
}
#pr-box.light p {
background-color:#A5D6DA;
color: #3C3C3B !important;
}
#pr-box.light ul {
background-color:#f1f1f1;
}
#pr-box.light ul li span {
background-color:#f1f1f1;
border:3px solid #23a86d;
}
#pr-box.light ul li span.pr-ok {
background-color:#23a86d;
border:3px solid #23a86d;
}
#pr-box.dark {
color:#f1f1f1;
}
#pr-box.dark p {
background-color:#23a86d;
}
#pr-box.dark ul {
background-color:#2d2f31;
}
#pr-box.dark ul li span {
background-color:#2d2f31;
border:3px solid #23a86d;
}
#pr-box.dark ul li span.pr-ok {
background-color:#23a86d;
border:3px solid #23a86d;
}
.placeholder {
position: relative;
}
.placeholder::after {
position: absolute;
right: 10px;
bottom: 24px;
content: attr(data-placeholder);
pointer-events: none;
opacity: 0.5;
color: #b1b1b1;
font-size:13px;
}
@media screen and (min-width: 1600px) {
.video-section-home .video {
max-height: 400px;
}
}