#place_order.ppcp-hidden{display:none !important}.ppcp-disabled{cursor:not-allowed;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.ppcp-disabled *{pointer-events:none}.ppc-button-wrapper .ppcp-messages:first-child{padding-top:10px}#ppc-button-ppcp-gateway{line-height:0}#ppc-button-ppcp-gateway div[class^=item-]{margin-top:14px}#ppc-button-ppcp-gateway div[class^=item-]:first-child{margin-top:0}#ppc-button-minicart{line-height:0;display:block}.ppcp-button-apm{--apm-button-border-radius: 4px;overflow:hidden;min-width:0;max-width:750px;line-height:0;border-radius:var(--apm-button-border-radius);height:45px;margin-top:14px}.ppcp-button-apm.ppcp-button-pill{--apm-button-border-radius: 50px}.ppcp-button-apm.ppcp-button-minicart{display:block}.ppcp-width-min .ppcp-button-apm{height:35px}.ppcp-width-300 .ppcp-button-apm{height:45px}.ppcp-width-500 .ppcp-button-apm{height:55px}.wp-block-woocommerce-checkout .ppcp-button-apm,.wp-block-woocommerce-cart .ppcp-button-apm{margin:0;min-width:0}.wp-admin .ppcp-button-apm{pointer-events:none}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital@0;1&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Rubik:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
body , textarea , input , select {
font-family: 'Roboto', sans-serif;
font-size: 17px;
font-weight: 400;
color: #333333;
background-color: #fff;
} h1, h2, h3, h4, h5, h6, .title-large, .title-medium,
.title-small, .title-x-small, .title-xx-small {
font-family: 'Rubik', sans-serif;
font-weight: 700;
line-height: 1.1em;
margin-top: 0;
margin-bottom: 1em;
}
h1, h2, .title-large {
font-size: clamp(36px, 6vw, 60px);
text-transform: uppercase;
}
h3, .title-medium {
font-size: clamp(30px, 5vw, 42px);
}
h4, .title-small {
font-size: clamp(24px, 5vw, 36px);
}
h5, .title-x-small {
font-size: clamp(20px, 5vw, 24px);
}
h6, .title-xx-small {
font-size: 20px;
}
.p_title {
font-size: 20px;
}
.quote {
font-family: 'Rubik', sans-serif;
font-size: 24px;
font-style: italic;
} .invert h1, .invert h2, .invert h3,
.invert h4, .invert h5, .invert h6,
.invert .title-large, .invert .title-medium,
.invert .title-small, .invert .title-x-small,
.invert .title-xx-small, .invert .p_title,
.invert .quote, .invert p {
color: #fff;
}
.black, .black a:not(.button) {
color: #333333;
}
a {
color: #BFE10E;
text-decoration: none;
transition: .3s;
}
a:hover {
color: #009EB8;
}
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 20px;
}
.aligncenter {
margin: auto;
text-align: center;
}
img {
max-width: 100%;
height: auto;
}
div.wp-caption {
max-width: 100%;
display: inline-block;
}
p.wp-caption-text {
background-color: #f7f7f7;
color: #808080;
padding: 16px 25px;
font-size: 18px;
font-style: italic;
} .button {
font-family: 'Rubik', sans-serif;
font-size: 18px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
text-decoration: none;
padding: 19px 38px;
display: inline-block;
color: #fff;
background-color: #333333;
border: 2px solid #333333;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
transition: .3s;
}
.button:hover,
a.fc_split_content:hover .button {
color: #333333;
background-color: #fff;
}
.blue_button, .bg_blue .bg_button {
background-color: #009EB8;
border: 2px solid #009EB8;
}
.blue_button:hover, .bg_blue .bg_button:hover,
.image-link-container.bg_blue:hover .bg_button,
.sub-category-tile:hover .bg_blue.button,
a.fc_split_content:hover .bg_blue.button,
a.shop-category:hover  .bg_blue.button {
color: #009EB8;
background-color: #fff;
}
.green_button, .bg_green .bg_button {
background-color: #BFE10E;
border: 2px solid #BFE10E;
}
.green_button:hover, .bg_green .bg_button:hover,
.image-link-container.bg_green:hover .bg_button,
.sub-category-tile:hover .bg_green.button,
a.fc_split_content:hover .bg_green.button,
a.shop-category:hover  .bg_green.button {
color: #BFE10E;
background-color: #fff;
}
.red_button, .bg_red .bg_button {
background-color: #B0014C;
border: 2px solid #B0014C;
}
.red_button:hover, .bg_red .bg_button:hover,
.image-link-container.bg_red:hover .bg_button,
.sub-category-tile:hover .bg_red.button,
a.fc_split_content:hover .bg_red.button,
a.shop-category:hover  .bg_red.button {
color: #B0014C;
background-color: #fff;
}
.gform_button, .purple_button, .bg_purple .bg_button {
background-color: #7B4B94;
border: 2px solid #7B4B94;
}
.gform_button:hover, .purple_button:hover, .bg_purple .bg_button:hover,
.image-link-container.bg_purple:hover .bg_button,
.sub-category-tile:hover .bg_purple.button,
a.fc_split_content:hover .bg_purple.button,
a.shop-category:hover  .bg_purple.button {
color: #7B4B94;
background-color: #fff;
}
.white_button {
color: #333333;
background-color: #fff;
border: 2px solid #fff;
}
.white_button:hover {
color: #fff;
background-color: #333333;
border: 2px solid #fff;
}
.button.bg_green {
color: #333333;
}
.mce-content-body a.button[data-mce-selected] {
padding: 8px 20px;
margin: 0;
box-shadow: none;
border-radius: 0;
} .hr-title {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
gap: 30px;
}
.hr-title::before, .hr-title::after {
content: '';
border-bottom: 1px solid #333333;
height: 1px;
flex: 1 1 auto;
}
.banner-title { } ul {
list-style: none;
padding: 0;
margin: 0;
} .flex-quarters, .flex-3-4 {
width: 100%;
}
@media (min-width: 768px) {
.flex-quarters {
width: calc((100%/2) - ((50px*1)/2));
}
}
@media (min-width: 1024px) {
.flex-3-4 {
width: calc((100%/3) - ((50px*2)/3));
}
}
@media (min-width: 1500px) {
.flex-quarters, .flex-3-4 {
width: calc((100%/4) - ((50px*3)/4));
}
}
@media (max-width: 450px) {
.button {
min-width: 100%;
box-sizing: border-box;
}
}
#baguetteBox-overlay {
display: none;
opacity: 0;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000000;
background-color: #222;
background-color: rgba(0, 0, 0, 0.8);
transition: opacity 0.5s ease;
}
#baguetteBox-overlay.visible {
opacity: 1;
}
#baguetteBox-overlay .full-image {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
text-align: center;
}
#baguetteBox-overlay .full-image figure {
display: inline;
margin: 0;
height: 100%;
}
#baguetteBox-overlay .full-image img {
display: inline-block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
display: block;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 1.8;
white-space: normal;
color: #ccc;
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
font-family: sans-serif;
}
#baguetteBox-overlay .full-image:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#baguetteBox-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
white-space: nowrap;
transition: left 0.4s ease, transform 0.4s ease;
}
#baguetteBox-slider.bounce-from-right {
animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
animation: bounceFromLeft 0.4s ease-out;
}
@keyframes bounceFromRight {
0% {
margin-left: 0;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0;
}
}
@keyframes bounceFromLeft {
0% {
margin-left: 0;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0;
}
}
.baguetteBox-button#previous-button, .baguetteBox-button#next-button {
top: 50%;
top: calc(50% - 30px);
width: 44px;
height: 60px;
}
.baguetteBox-button {
position: absolute;
cursor: pointer;
outline: none;
padding: 0;
margin: 0;
border: 0;
border-radius: 15%;
background-color: #323232;
background-color: rgba(50, 50, 50, 0.5);
color: #ddd;
font: 1.6em sans-serif;
transition: background-color 0.4s ease;
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
background-color: rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
right: 2%;
}
.baguetteBox-button#previous-button {
left: 2%;
}
.baguetteBox-button#close-button {
top: 20px;
right: 2%;
right: calc(2% + 6px);
width: 30px;
height: 30px;
}
.baguetteBox-button svg {
position: absolute;
left: 0;
top: 0;
} .baguetteBox-spinner {
width: 40px;
height: 40px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
}
.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: bounce 2s infinite ease-in-out;
}
.baguetteBox-double-bounce2 {
animation-delay: -1s;
}
@keyframes bounce {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
body {
margin: 0;
}
.error_404 {
text-align: center;
padding: 200px 0;
}
.wp_content > :first-child {
margin-top: 0;
}
.wp_content > :last-child {
margin-bottom: 0;
} .margin_1820 {
margin: clamp(15px, 10vw, 50px) max(clamp(15px, 5vw, 120px), calc(50% - 910px));
}
.margin_1500 {
margin: clamp(15px, 10vw, 50px) max(clamp(15px, 5vw, 120px), calc(50% - 750px));
} .default_120 {
padding: clamp(15px, 10vw, 120px) clamp(15px, 5vw, 120px);
}
.padding_1820 {
padding: clamp(15px, 10vw, 120px) max(clamp(15px, 5vw, 120px), calc(50% - 910px));
}
.padding_1500 {
padding: clamp(15px, 10vw, 120px) max(clamp(15px, 5vw, 120px), calc(50% - 750px));
}
.padding_850 {
padding: clamp(15px, 10vw, 120px) max(clamp(15px, 5vw, 120px), calc(50% - 425px));
}
.half_padding_top {
padding-top: clamp(15px, 10vw, 50px);
}
.half_padding_both {
padding-top: clamp(15px, 10vw, 50px);
padding-bottom: clamp(15px, 10vw, 50px);
}
.half_padding_bottom {
padding-bottom: clamp(15px, 10vw, 50px);
}
.remove_padding_top  {
padding-top: 1px;
}
.remove_padding_both  {
padding-top: 1px;
padding-bottom: 1px;
}
.remove_padding_bottom {
padding-bottom: 1px;
}
.remove_padding_x {
padding-left: 0;
padding-right: 0;
}
.margin_top_120 {
padding-top: 0;
margin-top: clamp(15px, 10vw, 120px);
}
.margin_top_50 {
padding-top: 0;
margin-top: clamp(15px, 10vw, 50px);
}
.margin_bottom_50 {
padding-bottom: 0;
margin-bottom: clamp(15px, 10vw, 50px);
} .bg_purple {
background-color: #7B4B94;
border-color: #7B4B94;
}
.bg_blue {
background-color: #009EB8;
border-color: #009EB8;
}
.bg_green {
background-color: #BFE10E;
border-color: #BFE10E;
}
.bg_red {
background-color: #B0014C;
border-color: #B0014C;
}
.bg_grey {
background: #F2F2F2;
border-color: #F2F2F2;
}
.bg_black {
background: #333333;
border-color: #333333;
} .pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 40px;
flex-wrap: wrap;
margin-top: clamp(30px, 10vw, 120px);
}
.pagination a, #pagination > span {
font-family: 'Rubik', sans-serif;
font-size: 24px;
font-weight: 700;
color: #BDBDBD;
text-decoration: none;
}
.pagination a:hover {
color: #009EB8;
}
.pagination > span {
color: #333333;
}
.pagination .next {
width: 70px;
height: 70px;
background: center / 13px 21px no-repeat #333333 url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 21'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.51 20.47a1.75 1.75 0 010-2.48l7.52-7.51L.5 2.97A1.75 1.75 0 013 .49l8.75 8.75a1.75 1.75 0 010 2.48l-8.75 8.75a1.75 1.75 0 01-2.48 0z' fill='%23fff'/%3E%3C/svg%3E");
}
.pagination .next:hover {
background: center / 13px 21px no-repeat #333333 url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 21'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.51 20.47a1.75 1.75 0 010-2.48l7.52-7.51L.5 2.97A1.75 1.75 0 013 .49l8.75 8.75a1.75 1.75 0 010 2.48l-8.75 8.75a1.75 1.75 0 01-2.48 0z' fill='%23009EB8'/%3E%3C/svg%3E");
}
.pagination .prev {
width: 70px;
height: 70px;
background: center / 13px 21px no-repeat #333333 url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 21'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.74.51a1.75 1.75 0 010 2.48l-7.52 7.5 7.52 7.52a1.75 1.75 0 01-2.48 2.48L.51 11.74a1.75 1.75 0 010-2.48L9.26.51a1.75 1.75 0 012.48 0z' fill='%23fff'/%3E%3C/svg%3E");
}
.pagination .prev:hover {
background: center / 13px 21px no-repeat #333333 url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 21'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.74.51a1.75 1.75 0 010 2.48l-7.52 7.5 7.52 7.52a1.75 1.75 0 01-2.48 2.48L.51 11.74a1.75 1.75 0 010-2.48L9.26.51a1.75 1.75 0 012.48 0z' fill='%23009EB8'/%3E%3C/svg%3E");
} .title_bar {
padding-left: 30px;
border-left-width: 10px;
border-left-style: solid;
}
.purple_bar {
border-left-color: #7B4B94;
}
.blue_bar {
border-left-color: #009EB8;
}
.green_bar {
border-left-color: #BFE10E;
}
.red_bar {
border-left-color: #B0014C;
} .gallery {
display: flex;
justify-content: center;
align-items: stretch;
gap: 15px;
flex-wrap: wrap; }
.gallery .gallery-item {
display: inline;
margin: 0;
width: calc(50% - (15px/2));
}
.gallery .gallery-item * {
display: flex;
align-items: flex-end;
justify-content: flex-start;
margin: 0;
width: 100%;
height: 100%;
}
.gallery .gallery-item img {
height: 100%;
flex: 1;
object-fit: cover;
width: 100%;
}
.gallery .gallery-item a, .small-gallery-image {
position: relative;
}
.gallery .gallery-item a::before,
.small-gallery-image::before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: center / 48px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M31.13 21.36a2.66 2.66 0 01-2.67 2.66h-4.44v4.44a2.66 2.66 0 01-5.32 0v-4.44h-4.45a2.66 2.66 0 110-5.32h4.45v-4.44a2.66 2.66 0 115.32 0v4.44h4.44a2.66 2.66 0 012.67 2.66zm16.09 25.86a2.66 2.66 0 01-3.77 0l-9.03-9.03a21.34 21.34 0 113.77-3.77l9.03 9.03a2.66 2.66 0 010 3.77zm-25.86-9.88a15.98 15.98 0 100-31.96 15.98 15.98 0 000 31.96z' fill='%23fff'/%3E%3C/svg%3E"), linear-gradient(0deg, rgba(51, 51, 51, 0.8), rgba(51, 51, 51, 0.8));
opacity: 0;
transition: .3s;
}
.gallery .gallery-item a:hover::before,
.small-gallery-image:hover::before {
opacity: 1;
}
.gallery-caption {
display: none;
}
.small-gallery-image {
height: 0;
background: center / cover no-repeat;
}
.small-gallery-container-2 .small-gallery-image,
.small-gallery-container-4 .small-gallery-image {
width: calc((100%/2) - ((15px*1)/2));
padding-bottom: calc((100%/2) - ((15px*1)/2));
}
.small-gallery-container-1 .small-gallery-image,
.small-gallery-container-3 .small-gallery-image {
width: 100%;
padding-bottom: 100%;
} .gfield_description.validation_message {
position: absolute;
left: 0px;
top: -42px;
background-color: #7B4B94;
color: white;
padding: 8px 12px;
font-size: 14px;
text-align: center;
}
.gform_fields .hidden_label label.gfield_label {
display: none;
}
.validation_message::after {
content: '';
display: block;
position: absolute;
border: 10px solid rgba(0,0,0,0);
border-top-color: #7B4B94;
width: 0;
height: 0;
bottom: -20px;
left: 7px;
}
.validation_error {
margin-bottom: 20px;
border: 1px solid #7B4B94;
padding: 10px 20px;
font-size: 15px;
color: #7B4B94;
}
.gform_confirmation_message {
font-family: 'Rubik', sans-serif;
font-size: clamp(24px, 5vw, 36px);
font-weight: 700;
color: #7B4B94;
text-align: center;
}
.gform_body ul {
padding: 0;
margin: 0;
list-style: none;
}
.gform_body > ul {
margin: 20px 0 0 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.gform_body > ul > li {
position: relative;
}
.gform_body > ul > li {
width: 100%;
margin-bottom: 20px;
}
.gform_body > ul > li.medium_field {
width: calc(50% - 10px);
}
.gform_body > ul > li.small_field {
width: calc(33.33% - 13px);
}
.gform_body > ul > li.large_field {
width: 100%;
}
.gform_body > ul > li.captcha_field {
margin: 0;
}
.gform_body > ul > li.captcha_field > .gfield_label {
display: none;
}
.gfield_checkbox label, .gfield_radio label, .gfield_select {
display: inline;
cursor: pointer;
font-size: 14px;
}
.gform_body input[type=text], .gform_body textarea , .gform_body select,
.gform_body input[type=email], .gform_body input[type=tel],
.gform_body input[type=number], input[type=email], input[type=text], input[type=password],
input[type=tel], input.header-search {
min-height: 60px;
color: #333333;
padding: 18px;
width: 100%;
border: 1px solid #BDBDBD;
box-sizing: border-box;
font-size: 18px;
}
input[type=search] {
-webkit-appearance: none;
}
.gform_body select {
appearance: none;
-webkit-appearance: none;
background: #fff calc(100% - 20px) center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='15'%3E%3Cpath fill-rule='evenodd' fill='%237B4B94' d='M27 1L14 15 0 1l1-1 13 13L26 0l1 1z'/%3E%3C/svg%3E");
padding-right: 70px;
font-size: 18px;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.gform_body select::-ms-expand {
display: none;
}
.gform_body textarea {
height: 100px;
padding-top: 20px;
}
.gfield_visibility_ {
display: none;
}
.gform_validation_container ,
.gform_wrapper .gform_validation_container ,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container ,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
display: none!important;
position: absolute!important;
left: -9000px;
}
::-webkit-input-placeholder { color: #828282;
font-size: 18px;
}
::-moz-placeholder { color: #828282;
font-size: 18px;
}
:-ms-input-placeholder { color: #828282;
font-size: 18px;
}
:-moz-placeholder { color: #828282;
font-size: 18px;
} .gform_wrapper {
margin: 70px 0;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
.gform_fields {
display: flex;
justify-content: center;
align-items: center;
gap: 50px;
flex-wrap: wrap;
}
.gfield_label {
display: inline-block;
margin-bottom: 10px;
font-size: 14px;
}
.gfield.large_field, .gfield.medium_field, .gfield.small_field {
width: 100%;
position: relative;
}
.gform_footer {
margin-top: 50px;
}
.gfield_checkbox, .gfield_radio {
display: flex;
flex-wrap: wrap;
gap: 15px 100px;
align-items: center;
}
.gchoice {
display: flex;
align-items: center;
gap: 25px;
}
input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #BDBDBD;
background-color: #fff;
min-height: 36px;
min-width: 36px;
border-radius: 0;
margin: 0;
cursor: pointer;
position: relative;
}
input[type="checkbox"]:checked {
background-color: #7B4B94;
}
input[type="checkbox"]:checked::after {
content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 3A1.8 1.8 0 0017.3.8l-9.9 11-3.5-3.5a1.8 1.8 0 10-2.5 2.6l4.8 4.8a1.8 1.8 0 002.6 0L20 3z' fill='%23ffffff'/%3E%3C/svg%3E");
height: 20px;
width: 30px;
position: absolute;
top: 4px;
left: 2px;
}
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #BDBDBD;
background-color: #fff;
min-height: 20px;
min-width: 20px;
border-radius: 50%;
margin: 0;
cursor: pointer;
position: relative;
}
input[type="radio"]:checked {
background-color: #7B4B94;
}
.gfield_required, .gfield_label_before_complex,
.gform_validation_errors {
display: none;
}
.gfield.captcha_field {
position: absolute;
}
.gfield.captcha_field::marker {
content: none;
}
.gfield.captcha_field::marker, .gfield.captcha_field .gfield_label {
display: none !important;
max-height: 0;
}
.ginput_container.ginput_recaptcha.gform-initialized .grecaptcha-badge {
z-index: 4;
}
@media (max-width:640px) {
.header-right {
display: flex;
justify-content: space-between;
}
}
@media (min-width: 768px) {
.gallery {
display: grid;
grid-gap: clamp(15px, 3vw, 50px);
grid-template-columns: repeat(4, 1fr);
}
.padding_1500 .gallery {
grid-auto-rows: clamp(150px, 18vw, 275px);
}
.margin_1820 .gallery, .padding_1820 .gallery {
grid-auto-rows: clamp(150px, 18vw, 420px);
}
.gallery .gallery-item,
.small-gallery-container-1 .small-gallery-image,
.small-gallery-container-2 .small-gallery-image,
.small-gallery-container-3 .small-gallery-image,
.small-gallery-container-4 .small-gallery-image {
width: 100%;
height: 100%;
padding-bottom: 0;
}
.gallery .gallery-item:nth-child(1),
.gallery .gallery-item:first-child:nth-last-child(2) ~ .gallery-item,
.small-gallery-container-4 .small-gallery-image:nth-child(1),
.small-gallery-container-3 .small-gallery-image:nth-child(1),
.small-gallery-container-2 .small-gallery-image:nth-child(1),
.small-gallery-container-2 .small-gallery-image:nth-child(2) {
grid-column: span 2;
grid-row: span 2;
}
.gallery .gallery-item:nth-child(2),
.gallery .gallery-item:first-child:nth-last-child(3) ~ .gallery-item,
.small-gallery-container-4 .small-gallery-image:nth-child(2),
.small-gallery-container-3 .small-gallery-image:nth-child(2),
.small-gallery-container-3 .small-gallery-image:nth-child(3) {
grid-column: span 2;
}
.gfield.medium_field {
width: calc((100%/2) - ((50px*1)/2));
}
.gallery .gallery-item:first-child:nth-last-child(1),
.small-gallery-container-1 .small-gallery-image:nth-child(1) {
grid-column: span 4;
grid-row: span 2;
}
}
@media (min-width: 1024px) {
.gfield.small_field {
width: calc((100%/3) - ((50px*2)/3));
}
}
.search-container {
background-color: #333333;
height: 107px;
width: 100%;
box-sizing: border-box;
top: -107px;
left: 0;
z-index: 3;
overflow: hidden;
transition: .3s;
position: absolute;
padding: 30px max(clamp(15px, 5vw, 120px), calc(50% - 800px)) 15px;
}
#wrap {
padding-top: 0;
transition: .3s;
}
body.show_search #wrap {
padding-top: 107px;
}
body.show_search .search-container {
top: 0;
}
body.menu_open.show_search .search-container {
left: -300px;
}
body.menu_open.show_menu_close .search-container {
left: 0;
}
.search-container form {
display: flex;
justify-content: center;
align-items: stretch;
gap: 15px 30px;
}
.close-header-search {
position: absolute;
top: 10px;
right: 10px;
width: 16px;
height: 16px;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M437.5 386.6L306.9 256l130.6-130.6a35.91 35.91 0 000-50.9 35.91 35.91 0 00-50.9 0L256 205.1 125.4 74.5a35.91 35.91 0 00-50.9 0 35.91 35.91 0 000 50.9L205.1 256 74.5 386.6a35.91 35.91 0 000 50.9 35.91 35.91 0 0050.9 0L256 306.9l130.6 130.6a35.91 35.91 0 0050.9 0c14-14.1 14-36.9 0-50.9z' fill='%23fff'/%3E%3C/svg%3E");
cursor: pointer;
transition: .3s;
}
.close-header-search:hover {
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M437.5 386.6L306.9 256l130.6-130.6a35.91 35.91 0 000-50.9 35.91 35.91 0 00-50.9 0L256 205.1 125.4 74.5a35.91 35.91 0 00-50.9 0 35.91 35.91 0 000 50.9L205.1 256 74.5 386.6a35.91 35.91 0 000 50.9 35.91 35.91 0 0050.9 0L256 306.9l130.6 130.6a35.91 35.91 0 0050.9 0c14-14.1 14-36.9 0-50.9z' fill='%23009EB8'/%3E%3C/svg%3E");
}
.header_logo {
display: block;
box-sizing: border-box;
position: absolute;
top: 0;
left: max(clamp(15px, 5vw, 120px), calc(50% - 800px));
background: center / contain no-repeat #fff url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122 109'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M.35 108.88c-.12 0-.2-.04-.23-.07-.08-.08-.08-.16-.08-.24v-8.9c0-.12.04-.2.08-.23.07-.08.15-.08.23-.08h1.09c.12 0 .23.04.27.12.08.07.12.11.12.15l2.64 4.9 2.64-4.9c0-.04.08-.08.12-.15a.35.35 0 01.27-.12h1.05c.12 0 .2.04.24.08.07.08.07.15.07.23v8.9c0 .08-.04.16-.07.24-.08.07-.16.07-.24.07H7.4c-.12 0-.2-.04-.24-.07-.07-.08-.07-.16-.07-.24v-5.94l-1.91 3.65a.47.47 0 01-.2.2c-.07.07-.15.07-.27.07h-.54a.73.73 0 01-.31-.08c-.08-.08-.12-.11-.16-.2l-1.86-3.64v5.9c0 .08-.04.16-.08.24-.08.07-.16.08-.23.08H.35v.03zM19.79 109c-.82 0-1.52-.12-2.1-.39a3.01 3.01 0 01-1.36-1.24 4.63 4.63 0 01-.55-2.1v-1.17-1.16c.04-.82.2-1.52.55-2.06.35-.55.81-.98 1.4-1.25a4.87 4.87 0 012.06-.43c.77 0 1.47.16 2.06.43.58.27 1.05.7 1.4 1.25.35.54.5 1.24.54 2.06 0 .39.04.77.04 1.16 0 .4 0 .78-.04 1.17-.04.85-.2 1.55-.54 2.1-.31.54-.78.97-1.36 1.24-.59.27-1.29.39-2.1.39zm0-1.56a2 2 0 001.43-.54c.4-.35.59-.93.59-1.71 0-.39.04-.78.04-1.13 0-.35 0-.7-.04-1.09 0-.54-.12-.97-.31-1.28-.2-.35-.43-.58-.7-.74a2.32 2.32 0 00-1.05-.23c-.4 0-.74.08-1.01.23-.31.16-.55.4-.7.74-.2.35-.27.78-.31 1.28v2.22c.04.78.23 1.36.58 1.71.43.35.9.54 1.48.54zM30.98 108.88c-.08 0-.15-.04-.23-.07-.08-.08-.08-.16-.08-.24v-8.9c0-.08.04-.16.08-.23.08-.08.15-.08.23-.08h1.28c.08 0 .16.04.24.08.08.08.08.15.08.23v7.62h4.35c.12 0 .2.04.23.08.08.07.08.15.08.23v.97c0 .08-.04.16-.08.24-.08.07-.15.07-.23.07h-5.95zM43.97 108.88c-.08 0-.16-.04-.24-.07-.08-.08-.08-.16-.08-.24v-8.9c0-.12.04-.2.08-.23.08-.08.16-.08.24-.08h6.02c.12 0 .2.04.23.08.08.08.08.15.08.23v.9c0 .07-.04.15-.08.23-.07.08-.15.08-.23.08h-4.5v2.4h4.19c.12 0 .2.05.23.08.08.08.08.16.08.24v.85c0 .12-.04.2-.08.23-.07.08-.15.08-.23.08h-4.2v2.5h4.59c.12 0 .2.03.23.07.08.08.08.15.08.23v.9c0 .07-.04.15-.08.23-.08.08-.15.08-.23.08h-6.1v.11zM60.8 109c-.86 0-1.56-.16-2.14-.43a3.1 3.1 0 01-1.36-1.28 4.39 4.39 0 01-.5-1.98v-1.2-1.25c.03-.78.19-1.44.54-1.98.3-.55.78-.98 1.36-1.29a4.47 4.47 0 012.14-.42c.62 0 1.16.07 1.67.23.5.15.9.39 1.24.66a2.93 2.93 0 011.13 2.25c0 .08 0 .16-.08.2-.08.04-.12.08-.2.08h-1.28c-.11 0-.19-.04-.23-.08-.08-.04-.12-.12-.12-.23-.15-.59-.38-1.02-.73-1.25a2.3 2.3 0 00-1.33-.31c-.62 0-1.08.16-1.47.5-.35.36-.55.9-.59 1.68-.04.74-.04 1.51 0 2.29s.24 1.36.59 1.67c.35.35.85.5 1.47.5.55 0 .98-.1 1.33-.34.35-.24.62-.62.73-1.2.04-.12.08-.2.12-.28a.55.55 0 01.23-.08h1.29a.3.3 0 01.2.08c.07.04.07.12.07.2 0 .42-.12.85-.31 1.24a3.35 3.35 0 01-2.06 1.67c-.55.27-1.1.35-1.71.35zM75.3 109c-.78 0-1.48-.12-2.06-.39a3.01 3.01 0 01-1.36-1.24 4.35 4.35 0 01-.47-2.14v-5.56c0-.12.04-.2.08-.23.08-.08.15-.08.23-.08h1.25c.11 0 .19.04.23.08.08.08.08.15.08.23v5.56c0 .74.19 1.28.54 1.67.35.35.86.54 1.48.54s1.09-.19 1.44-.54c.35-.35.54-.9.54-1.67v-5.56c0-.12.04-.2.08-.23.08-.08.15-.08.23-.08h1.24c.12 0 .2.04.24.08.08.08.08.15.08.23v5.56c0 .85-.16 1.6-.47 2.14-.31.54-.78.97-1.32 1.24-.59.27-1.25.39-2.06.39zM86.6 108.88c-.07 0-.15-.04-.22-.07-.08-.08-.08-.16-.08-.24v-8.9c0-.08.04-.16.08-.23.07-.08.15-.08.23-.08h1.28c.08 0 .16.04.24.08.07.08.07.15.07.23v7.62h4.32c.11 0 .2.04.23.08.08.07.08.15.08.23v.97c0 .08-.04.16-.08.24-.08.07-.15.07-.23.07H86.6zM98.66 108.88a.3.3 0 01-.2-.07c-.07-.04-.07-.12-.07-.2 0-.04 0-.08.04-.11l3.3-8.83a.83.83 0 01.16-.23c.07-.08.2-.12.3-.12h1.48c.16 0 .24.04.31.12.08.08.12.15.16.23l3.3 8.83v.11a.3.3 0 01-.07.2.3.3 0 01-.2.07h-1.2c-.12 0-.23-.04-.27-.07-.08-.08-.08-.12-.12-.16l-.66-1.67h-4.04l-.63 1.67c0 .04-.03.12-.11.16-.08.07-.16.07-.28.07h-1.2zm2.72-3.5h3.11l-1.55-4.23-1.56 4.23zM114.1 108.88a.55.55 0 01-.24-.07c-.08-.08-.08-.16-.08-.24v-8.9c0-.12.04-.2.08-.23.08-.08.16-.08.23-.08h3.54c1.09 0 1.98.27 2.6.78.63.5.98 1.24.98 2.21a2.6 2.6 0 01-.5 1.67 3 3 0 01-1.33.98l1.98 3.5c.04.03.04.11.04.15a.3.3 0 01-.08.2c-.07.03-.11.07-.2.07h-1.23c-.16 0-.28-.04-.36-.11-.07-.08-.15-.16-.19-.24l-1.75-3.22h-1.9v3.26c0 .08-.04.16-.08.23-.08.08-.16.08-.23.08h-1.29v-.04zm1.55-5.17h1.94c.55 0 .97-.11 1.24-.38.28-.24.43-.63.43-1.05 0-.47-.11-.82-.39-1.1-.27-.27-.7-.38-1.24-.38h-1.94v2.91h-.04zM35.18 15.82c.86.97 1.52 2.1 1.94 3.34.12.32.2.63.28.9L60.72 6.57l23.32 13.49c.47-1.9 1.48-3.62 2.84-4.94L60.68 0 34.52 15.12c.23.23.43.43.66.7zM86.22 67.8a9.84 9.84 0 01-1.9-3.35c-.12-.3-.2-.62-.28-.9l-23.32 13.5-23.32-13.5a11.45 11.45 0 01-2.18 4.24c-.2.24-.43.47-.66.7l26.16 15.13 26.16-15.13c-.23-.23-.47-.46-.66-.7z' fill='%23000'/%3E%3Cpath d='M94.03 71.37a10.27 10.27 0 01-9.71-6.96 10.34 10.34 0 016.88-13.3V32.47a10.24 10.24 0 01-4.32-2.49L70.71 39.3a10.32 10.32 0 01-9.99 12.79 10.32 10.32 0 01-10-12.79l-16.16-9.33a10.48 10.48 0 01-4.32 2.49v18.7a10.3 10.3 0 014.98 16.63 10.33 10.33 0 01-7.81 3.62 10.32 10.32 0 01-2.84-20.21V32.46a10.32 10.32 0 01-7.54-9.91 10.32 10.32 0 1120.33 2.52l16.17 9.33a10.22 10.22 0 0114.3 0L84 25.07A10.32 10.32 0 0194 12.28a10.32 10.32 0 012.84 20.22v18.7a10.3 10.3 0 017.47 9.9 10.2 10.2 0 01-10.27 10.27zm0-14.93a4.63 4.63 0 100 9.24 4.63 4.63 0 000-9.24zm-66.66 0a4.63 4.63 0 10.01 9.24 4.63 4.63 0 00-.01-9.24zm33.31-19.28a4.6 4.6 0 00-4.63 4.63 4.61 4.61 0 004.63 4.62 4.61 4.61 0 003.15-8 4.54 4.54 0 00-3.15-1.25zm33.35-19.24a4.61 4.61 0 00-3.14 8 4.61 4.61 0 007.77-3.38 4.61 4.61 0 00-4.63-4.62zm-66.66 0a4.61 4.61 0 00-4.63 4.63 4.67 4.67 0 004.63 4.62 4.63 4.63 0 000-9.25z' fill='%237B4B94'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h121.4v109H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
#header {
display: flex;
flex-direction: column;
position: relative;
}
.header-text {
background-color: #000;
font-family: 'Rubik', sans-serif;
font-size: 14px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.12em;
height: 45px;
width: 100%;
padding: 0 max(clamp(15px, 5vw, 120px), calc(50% - 800px));
box-sizing: border-box;
display: flex;
align-items: center;
}
.header-text p {
width: calc(100% - (195px * 2));
margin: 0 auto;
}
.icon-container {
display: flex;
justify-content: center;
align-items: flex-end;
gap: 30px;
}
.header-icon {
background: center / contain no-repeat;
}
.search-icon {
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.45 10.49a7.63 7.63 0 11-15.27 0 7.63 7.63 0 0115.27 0zm-1.5 7.67a9.82 9.82 0 111.54-1.54l6.19 6.19a1.1 1.1 0 11-1.54 1.54l-6.2-6.19z' fill='%23fff'/%3E%3C/svg%3E");
}
.account-icon {
width: 22px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 25'%3E%3Cpath d='M11 3.073c-1.296 0-2.54.506-3.456 1.406a4.756 4.756 0 00-1.432 3.394c0 1.273.515 2.494 1.432 3.394.916.9 2.16 1.406 3.457 1.406 1.296 0 2.54-.505 3.457-1.406a4.756 4.756 0 001.431-3.394 4.756 4.756 0 00-1.431-3.394A4.935 4.935 0 0011 3.073zm-7.333 4.8c0-1.91.773-3.74 2.148-5.09a7.403 7.403 0 015.186-2.11c1.944 0 3.81.759 5.185 2.11a7.134 7.134 0 012.148 5.09c0 1.91-.773 3.741-2.148 5.091A7.403 7.403 0 0111 15.074a7.403 7.403 0 01-5.186-2.11 7.134 7.134 0 01-2.148-5.09zm2.445 12c-.973 0-1.905.38-2.593 1.055a3.567 3.567 0 00-1.074 2.545c0 .319-.129.624-.358.849-.23.225-.54.351-.864.351-.324 0-.635-.126-.865-.351A1.189 1.189 0 010 23.473c0-1.591.644-3.117 1.79-4.242a6.169 6.169 0 014.322-1.758h9.777c1.621 0 3.175.632 4.322 1.758A5.945 5.945 0 0122 23.473c0 .319-.13.624-.359.849-.229.225-.54.351-.864.351-.324 0-.635-.126-.864-.351a1.189 1.189 0 01-.358-.849c0-.954-.386-1.87-1.074-2.545a3.701 3.701 0 00-2.593-1.055H6.112z' fill='%23fff'/%3E%3C/svg%3E");
}
.basket-icon {
width: 28px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 24'%3E%3Cpath d='M27.73 7.9a1.08 1.08 0 00-.82-.37h-6.45v-4.3A3.23 3.23 0 0017.23 0h-6.46a3.23 3.23 0 00-3.23 3.23v4.3H1.1A1.08 1.08 0 000 8.77l2.03 13.07a2.15 2.15 0 002.15 1.83h19.65a2.15 2.15 0 002.15-1.83l2-13.07a1.08 1.08 0 00-.26-.86zM9.7 3.24a1.08 1.08 0 011.07-1.08h6.46a1.08 1.08 0 011.08 1.08v4.3H9.7v-4.3zm14.14 18.3H4.17L2.35 9.67h23.3l-1.81 11.84z' fill='%23fff'/%3E%3C/svg%3E");
position: relative;
}
.search-icon:hover {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.45 10.49a7.63 7.63 0 11-15.27 0 7.63 7.63 0 0115.27 0zm-1.5 7.67a9.82 9.82 0 111.54-1.54l6.19 6.19a1.1 1.1 0 11-1.54 1.54l-6.2-6.19z' fill='%23009EB8'/%3E%3C/svg%3E");
}
.account-icon:hover {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 25'%3E%3Cpath d='M11 3.073c-1.296 0-2.54.506-3.456 1.406a4.756 4.756 0 00-1.432 3.394c0 1.273.515 2.494 1.432 3.394.916.9 2.16 1.406 3.457 1.406 1.296 0 2.54-.505 3.457-1.406a4.756 4.756 0 001.431-3.394 4.756 4.756 0 00-1.431-3.394A4.935 4.935 0 0011 3.073zm-7.333 4.8c0-1.91.773-3.74 2.148-5.09a7.403 7.403 0 015.186-2.11c1.944 0 3.81.759 5.185 2.11a7.134 7.134 0 012.148 5.09c0 1.91-.773 3.741-2.148 5.091A7.403 7.403 0 0111 15.074a7.403 7.403 0 01-5.186-2.11 7.134 7.134 0 01-2.148-5.09zm2.445 12c-.973 0-1.905.38-2.593 1.055a3.567 3.567 0 00-1.074 2.545c0 .319-.129.624-.358.849-.23.225-.54.351-.864.351-.324 0-.635-.126-.865-.351A1.189 1.189 0 010 23.473c0-1.591.644-3.117 1.79-4.242a6.169 6.169 0 014.322-1.758h9.777c1.621 0 3.175.632 4.322 1.758A5.945 5.945 0 0122 23.473c0 .319-.13.624-.359.849-.229.225-.54.351-.864.351-.324 0-.635-.126-.864-.351a1.189 1.189 0 01-.358-.849c0-.954-.386-1.87-1.074-2.545a3.701 3.701 0 00-2.593-1.055H6.112z' fill='%23009EB8'/%3E%3C/svg%3E");
}
.basket-icon:hover {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 24'%3E%3Cpath d='M27.73 7.9a1.08 1.08 0 00-.82-.37h-6.45v-4.3A3.23 3.23 0 0017.23 0h-6.46a3.23 3.23 0 00-3.23 3.23v4.3H1.1A1.08 1.08 0 000 8.77l2.03 13.07a2.15 2.15 0 002.15 1.83h19.65a2.15 2.15 0 002.15-1.83l2-13.07a1.08 1.08 0 00-.26-.86zM9.7 3.24a1.08 1.08 0 011.07-1.08h6.46a1.08 1.08 0 011.08 1.08v4.3H9.7v-4.3zm14.14 18.3H4.17L2.35 9.67h23.3l-1.81 11.84z' fill='%23009EB8'/%3E%3C/svg%3E");
}
.basket-icon .basket-count {
color: #fff;
font-size: 12px;
font-weight: 700;
text-align: center;
display: block;
width: 20px;
height: 20px;
background-color: #7B4B94;
border-radius: 50%;
line-height: 20px;
position: absolute;
top: -6px;
right: -6px;
} .trustpilot-widget {
background-color: #7B4B94;
padding-top: 6px;
padding-bottom: 6px;
}
@media (min-width: 1500px) {
.header_logo {
width: 175px;
height: 175px;
border: 33px solid #fff;
border-left: 27px solid #fff;
border-right: 27px solid #fff;
}
.logo-shadow {
min-width: 175px;
}
.header-container {
height: 130px;
padding: 0 max(clamp(15px, 5vw, 120px), calc(50% - 800px));
}
}
@media (min-width: 1201px) {
.mobile_logo {
display: none;
}
.header-container {
background-color: #333333;
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
box-sizing: border-box;
}
.main_menu {
list-style: none;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.main_menu > li > a {
font-family: 'Rubik', sans-serif;
font-size: 18px;
font-weight: 700;
color: #fff;
text-align: center;
text-transform: uppercase;
padding: 8px 20px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.main_menu a:hover, .main_menu li.current-menu-item > a,
.main_menu li.current-menu-parent > a {
color: #009EB8;
}
.main_menu > li {
position: relative;
}
.main_menu li.menu-item-has-children > a::after {
content: '';
display: block;
height: 6px;
width: 12px;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 7'%3E%3Cpath d='M11.5 1l-5 5-5-5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
transition: .3s;
}
.main_menu li.menu-item-has-children > a:hover::after,
.main_menu li.menu-item-has-children.current-menu-item > a::after,
.main_menu li.menu-item-has-children.current-menu-parent > a::after,
.main_menu li.menu-item-has-children.current-page-parent > a::after {
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 7'%3E%3Cpath d='M11.5 1l-5 5-5-5' stroke='%23009EB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.sub-menu {
list-style: none;
display: none;
position: absolute;
top: 84px;
right: 0;
padding: 10px;
border: 1px solid #7B4B94;
border-top: 5px solid #009EB8;
border-bottom: 5px solid #009EB8;
background-color: #fff;
z-index: 10;
width: 250px;
}
.main_menu > li.menu-item-has-children > a {
position: relative;
}
.main_menu > li.menu-item-has-children > a::before {
content: '';
display: none;
position: absolute;
bottom: -46px;
right: 15px;
height: 0;
width: 0;
border: 12px solid transparent;
border-bottom-color: #009EB8;
}
.main_menu > li.menu-item-has-children:hover > a::before {
display: block;
}
.sub-menu::after {
content: '';
display: block;
position: absolute;
top: -60px;
left: -1px;
height: 55px;
width: calc(100% + 2px);
background-color: transparent;
}
.sub-menu > li > a {
display: block;
color: #333333;
width: 100%;
box-sizing: border-box;
padding: 8px 18px;
border-bottom: 1px solid rgba(22,22,22,0.2);
}
.sub-menu li:last-child a {
border-bottom: none;
}
.sub-menu > li:hover > a {
color: #161616;
background-color: rgba(0,0,0,0.1);
}
.main_menu li:hover .sub-menu {
display: block;
} .main_menu > li.mega_menu {
position: static;
}
.main_menu > li.mega_menu > ul.mega-menu {
width: 100%;
top: 175px;
left: 0;
box-sizing: border-box;
border-left: none;
border-right: none;
padding: clamp(15px, 10vw, 50px) max(clamp(15px, 5vw, 50px), calc(50% - 910px));
background-color: #F6F6F6;
display: none;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap: clamp(30px, 3vw, 50px);
z-index: 10;
}
.main_menu > li.mega_menu:hover > ul.mega-menu {
display: flex;
}
.parent-category {
background-color: transparent;
border-left-width: 10px;
border-left-style: solid;
padding-left: 30px;
padding-bottom: 30px;
width: calc((100%/3) - ((clamp(30px, 3vw, 50px)*2)/3));
box-sizing: border-box;
}
.mega-sub-menu > li > a {
display: block;
color: #333333;
width: 100%;
box-sizing: border-box;
padding: 8px 0;
text-decoration: underline;
}
.mega-sub-menu > li > a:hover {
color: #009EB8;
}
.sub-menu > li > a.parent-category-label {
font-family: 'Rubik', sans-serif;
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
padding: 0;
border: none;
display: flex;
align-items: center;
gap: 10px;
}
.sub-menu > li > a.parent-category-label:hover {
background-color: transparent;
color: #009EB8;
}
.mega-menu.sub-menu > li:hover > a {
color: inherit;
background-color: transparent;
}
.parent-category-icon {
height: 24px;
width: 24px;
background: center / contain no-repeat;
}
}
@media (min-width: 1201px) and (max-width: 1499px) {
.header_logo {
width: 100px;
height: 100px;
border: 7px solid #fff;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
}
.header-text p {
width: calc(100% - (120px * 2));
}
.logo-shadow {
min-width: 100px;
}
.header-container {
height: 55px;
padding: 0 max(clamp(15px, 5vw, 120px), calc(50% - 800px));
}
.sub-menu {
top: 46px;
}
.sub-menu::after {
height: 20px;
top: -25px;
}
.main_menu > li.menu-item-has-children > a::before {
bottom: -8px;
} .main_menu > li.mega_menu > ul.mega-menu {
top: 100px;
}
}
@media (max-width: 1200px) {
.header-container {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 15px max(clamp(15px, 5vw, 120px), calc(50% - 800px));
background-color: #333333;
gap: clamp(30px, 8vw, 50px);
min-height: 60px;
box-sizing: border-box;
position: relative;
}
.header_logo {
width: 60px;
height: 60px;
border: none;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
}
.desktop_logo {
display: none;
}
.mobile_logo {
top: unset;
bottom: 0;
}
.header-text {
padding-top: 5px;
padding-bottom: 5px;
height: unset;
}
.header-text p {
font-size: 12px;
width: 100%;
}
.main_menu > li:last-child {
margin-bottom: 150px;
}
#close_menu {
background-color: rgba(0, 0, 0, 0.01);
position: fixed;
top: 0;
right: 0;
z-index: 10;
width: 0;
height: 100vh;
display: block;
transition: background-color 0.3s ease, right 0.3s ease;
-webkit-transition: background-color 0.3s ease, right 0.3s ease;
}
body.menu_open {
overflow: hidden;
}
body.menu_open #close_menu {
display: block;
background: rgba(0, 0, 0, 0.5);
right: 300px;
width: 100%;
}
body.menu_open.show_menu_close #close_menu {
background-color: rgba(0, 0, 0, 0.01);
width: 100%;
right: 0;
}
#wrap {
position: relative;
width: auto;
min-width: 320px;
overflow: hidden;
}
#shifter {
position: relative;
width: 100%;
left: 0;
transition: left 0.3s ease;
-webkit-transition: left 0.3s ease;
background: #fff;
}
body {
background: #d8d8d8;
}
body.menu_open #shifter {
left: -300px;
}
body.menu_open.show_menu_close #shifter {
left: 0;
}
#mobile_menu_button {
width: 35px;
display: block;
cursor: pointer;
}
#mobile_menu_button > div {
width: 100%;
height: 5px;
background-color: #fff;
margin-bottom: 5px;
}
#mobile_menu_button > div:last-child {
margin: 0;
}
#main_menu {
display: block;
top: 0;
left: 100%;
width: 330px;
z-index: 11;
position: fixed;
overflow-x: hidden;
overflow-y: scroll;
height: 100vh;
-webkit-transition: left 0.3s ease;
}
body.menu_open #main_menu {
left: calc(100% - 300px);
}
body.menu_open.show_menu_close #main_menu {
left: 100%;
}
.main_menu , .main_menu ul {
padding: 0;
margin: 0;
list-style: none;
background: #333333;
}
.main_menu a {
display: block;
color: #fff;
padding: 20px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.main_menu ul a {
font-size: 16px;
padding: 15px 30px;
background: rgba(255, 255, 255, 0.05);
}
.main_menu li {
position: relative;
} .parent-category {
background-color: #333333;
}
.mega-sub-menu li.mega-view-all {
display: none;
}
.mega-sub-menu li a {
padding: 15px 50px;
background: rgba(255, 255, 255, 0.12);
}
}
@media (max-width: 450px) {
.search-container form {
flex-direction: column;
}
body.show_search .search-container {
max-height: 191px;
height: 191px;
}
}
.page_banner {
background: center / cover no-repeat;
min-height: clamp(260px, 30vw, 500px);
display: flex;
align-items: stretch;
position: relative;
}
.page_banner::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(0deg, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0.7));
}
.page-banner-content-container {
padding: clamp(15px, 5vw, 100px) clamp(15px, 5vw, 100px);
max-width: 750px;
position: relative;
display: flex;
align-items: center;
}
.banner_title p:not([class]) {
font-size: clamp(18px, 5vw, 20px);
font-weight: 700;
}
.home .page_banner {
min-height: clamp(260px, 50vw, 700px);
}
.home .page-banner-content-container {
min-width: 100%;
box-sizing: border-box;
}
.home .page-banner-content-container::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: -380px -50px #7B4B94 no-repeat url(//www.molecular-uk.com/wp-content/themes/molecular-uk/includes/images/molecular-bg-purple.png);
}
.home .page-banner-content-container > * {
position: relative;
}
@media (min-width: 1500px) {
.home .page-banner-content-container {
min-width: 50%;
max-width: 50%;
}
}
.the_usps {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
padding-top: 70px;
padding-bottom: 70px;
position: relative;
background-color: #333333;
}
.usp {
font-family: 'Rubik', sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
position: absolute;
opacity: 0;
transition: .3s;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
padding: 0 15px;
}
.usp::before {
content: '';
display: block;
min-width: 22px;
min-height: 22px;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.64 21.27c5.87 0 10.63-4.76 10.63-10.63h-2.36a8.27 8.27 0 11-4.61-7.42l1.57-1.84a10.64 10.64 0 10-5.24 19.9zM18.6 6.7a1.18 1.18 0 10-1.76-1.58l-6.61 7.34-2.31-2.32a1.18 1.18 0 10-1.68 1.66l3.2 3.22a1.18 1.18 0 001.71-.05l7.45-8.27z' fill='%23fff'/%3E%3C/svg%3E");
}
.usp.active {
opacity: 1;
}
.usp-text {
font-family: 'Cinzel', sans-serif;
font-size: 22px;
font-weight: 400;
text-transform: uppercase;
color: #B49B40;
margin-bottom: 0;
}
.usp-sub-text {
font-size: 20px;
margin-top: 10px;
}
@media (min-width: 1024px) {
.the_usps {
justify-content: space-between;
align-items: flex-start;
padding: 54px clamp(50px, 20vw, 100px);
}
.usp {
position: relative;
opacity: 1;
flex-direction: row;
align-items: flex-start;
flex: 1 1 auto;
padding: 0;
}
}
.colour-strip {
display: flex;
justify-content: center;
align-items: center;
}
.colour-strip > * {
flex: 1 1 100%;
height: 10px;
}
.newsletter-sign-up-container {
min-height: clamp(250px, 50vw, 460px);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background: center / cover no-repeat url(//www.molecular-uk.com/wp-content/themes/molecular-uk/includes/images/bg-bubbles.png), center / cover radial-gradient(50% 874.88% at 50% 50%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
text-align: center;
padding: clamp(15px, 5vw, 120px) max(clamp(15px, 5vw, 120px), calc(50% - 425px));
box-sizing: border-box;
}
.newsletter-sign-up-content {
margin-bottom: 50px;
}
.sign-up-email-container {
display: flex;
justify-content: center;
align-items: stretch;
gap: 15px;
flex-wrap: wrap;
width: 100%;
}
input[type=email].sign-up-email {
flex: 0 1 450px;
height: 62px;
border: 2px solid #333333;
}
input[type=email].sign-up-email::-webkit-input-placeholder { color: #333333;
font-size: 14px;
}
input[type=email].sign-up-email::-moz-placeholder { color: #333333;
font-size: 14px;
}
input[type=email].sign-up-email::-ms-input-placeholder { color: #333333;
font-size: 14px;
}
input[type=email].sign-up-email::-moz-placeholder { color: #333333;
font-size: 14px;
}
.sign-up-submit-button {
flex: 0 1 450px;
}
@media (min-width: 768px) {
.sign-up-submit-button {
flex: 0 1 auto;
}
}
#footer {
background: #333333;
}
.footer-free-text {
padding: 30px max(clamp(15px, 5vw, 120px), calc(50% - 910px));
text-align: center;
border-bottom: 2px solid #4F4F4F;
}
.footer-free-text p {
margin: 7px 0;
}
.footer-free-text p:not([class]) {
font-size: 14px;
}
.footer-container {
padding: 0 clamp(15px, 5vw, 120px);
}
.footer-icon-container {
gap: 10px;
margin-top: 60px;
margin-bottom: 30px;
}
.footer-icon {
width: 52px;
height: 52px;
background-color: #7B4B94;
border-radius: 50%;
}
.facebook-icon {
background: center / 7px 14px no-repeat #7B4B94 url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpath d='M4.72 14V7.62h2.15l.32-2.5H4.72V3.55c0-.72.2-1.22 1.23-1.22h1.31V.1C6.63.03 5.98 0 5.34 0c-1.9 0-3.2 1.16-3.2 3.3v1.82H0v2.5h2.14V14h2.58z' fill='%23fff'/%3E%3C/svg%3E");
}
.instagram-icon {
background: center / 15px no-repeat #7B4B94 url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M17.32 13A4.3 4.3 0 0013 8.68 4.3 4.3 0 008.68 13 4.3 4.3 0 0013 17.32 4.3 4.3 0 0017.32 13zm2.24 0A6.49 6.49 0 0113 19.56 6.49 6.49 0 016.44 13 6.49 6.49 0 0113 6.44 6.49 6.49 0 0119.56 13zm1.76-6.88c0 .96-.64 1.6-1.6 1.6-.96 0-1.6-.64-1.6-1.6 0-.96.64-1.6 1.6-1.6.96 0 1.6.8 1.6 1.6zM13 2.44c-1.92 0-5.92-.16-7.52.48a4.2 4.2 0 00-2.4 2.56c-.64 1.6-.48 5.6-.48 7.52s-.16 5.92.48 7.52a3.6 3.6 0 002.4 2.4c1.6.64 5.76.48 7.52.48 1.76 0 5.92.16 7.52-.48a4.41 4.41 0 002.4-2.4c.64-1.76.48-5.76.48-7.52 0-1.76.16-5.92-.48-7.52a3.6 3.6 0 00-2.4-2.4c-1.6-.8-5.6-.64-7.52-.64zM25.8 13v5.28c0 1.92-.64 3.84-2.08 5.44a7.48 7.48 0 01-5.44 2.08H7.72a8.02 8.02 0 01-5.44-2.08A8.2 8.2 0 01.2 18.28V7.72c0-2.08.8-4 2.08-5.44A8.87 8.87 0 017.72.2h10.56c1.92 0 3.84.64 5.44 2.08a8.2 8.2 0 012.08 5.44V13z' fill='%23fff'/%3E%3C/svg%3E");
}
.twitter-icon {
background: center / 15px 12px no-repeat #7B4B94 url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 12'%3E%3Cpath d='M14.76 1.42c-.54.24-1.12.4-1.74.48.63-.38 1.1-.97 1.33-1.68-.6.36-1.24.6-1.92.74a3.03 3.03 0 00-5.16 2.76A8.6 8.6 0 011.03.56a3.03 3.03 0 00.94 4.04 3.02 3.02 0 01-1.38-.38v.04a3.03 3.03 0 002.43 2.97c-.44.12-.91.14-1.36.05a3.03 3.03 0 002.82 2.1A6.08 6.08 0 010 10.64C1.38 11.53 3 12 4.64 12c5.57 0 8.62-4.61 8.62-8.62L13.25 3c.6-.43 1.1-.96 1.51-1.56z' fill='%23fff'/%3E%3C/svg%3E");
}
.linkedin-icon {
background: center / 14px 14px no-repeat #7B4B94 url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 14'%3E%3Cpath d='M1.69 3.37a1.69 1.69 0 100-3.37 1.69 1.69 0 000 3.37zM4.96 4.65V14h2.9V9.37c0-1.22.24-2.4 1.75-2.4 1.5 0 1.5 1.4 1.5 2.48V14h2.91V8.87c0-2.52-.54-4.45-3.48-4.45-1.42 0-2.36.77-2.75 1.5h-.04V4.66H4.96zm-4.73 0h2.9V14H.24V4.65z' fill='%23fff'/%3E%3C/svg%3E");
}
.youtube-icon {
background: center / 15px 10px no-repeat #7B4B94 url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 10'%3E%3Cpath d='M14.68 1.57c-.09-.3-.25-.58-.48-.8a1.9 1.9 0 00-.84-.46C12.2.01 7.5.01 7.5.01 5.53-.03 3.57.07 1.63.3c-.32.08-.6.25-.84.47-.23.22-.4.5-.48.8A18.17 18.17 0 000 5c0 1.15.1 2.3.3 3.43.1.3.26.57.49.8.23.21.52.37.84.46 1.19.3 5.86.3 5.86.3 1.96.03 3.92-.07 5.87-.29.32-.08.6-.24.84-.46.23-.22.4-.5.48-.8.21-1.12.32-2.27.31-3.43a16.6 16.6 0 00-.31-3.44zM6 7.14V2.86L9.9 5 6 7.14z' fill='%23fff'/%3E%3C/svg%3E");
}
.footer-icon:hover {
background-color: #009EB8;
}
ul.footer_menu, ul.end_of_page_menu {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px 0;
margin-top: 30px;
margin-bottom: 30px;
}
ul.footer_menu li a {
font-family: 'Rubik', sans-serif;
font-size: 16px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
ul.footer_menu li:hover a, ul.end_of_page_menu li:hover a {
color: #009EB8;
}
ul.end_of_page_menu li a {
font-size: 15px;
color: #fff;
}
.end_of_page {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
margin: 60px clamp(15px, 5vw, 120px) 0;
}
.end-of-page-text p:not([class]) {
font-family: 'Rubik', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.end-of-page-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 15px 0;
margin-top: 15px;
margin-bottom: 30px;
}
.end-of-page-container > * {
font-size: 14px;
margin: 0;
}
@media (min-width: 1024px) {
ul.footer_menu, ul.end_of_page_menu, .end-of-page-container {
flex-direction: row;
}
ul.footer_menu li a {
padding: 0 30px;
border-right: 2px solid #FFF;
}
ul.end_of_page_menu li a {
padding: 0 15px;
border-right: 1px solid #fff;
}
ul.footer_menu li:first-child a, ul.end_of_page_menu li:first-child a {
padding-left: 0;
}
ul.footer_menu li:last-child a, ul.end_of_page_menu li:last-child a {
padding-right: 0;
border-right: none;
}
.end-of-page-address {
padding-left: 5px;
}
.end-of-page-marketing {
padding-left: 15px;
}
.end-of-page-marketing a {
color: #fff;
}
.end-of-page-marketing a:hover {
color: #009EB8;
}
#footer {
background: -850px -130px #333333 no-repeat url(//www.molecular-uk.com/wp-content/themes/molecular-uk/includes/images/molecular-bg-black.png);
}
}
.single_post_list {
display: flex;
justify-content: center;
align-items: stretch;
gap: 50px;
flex-wrap: wrap;
}
.single_post {
display: flex;
flex-direction: column;
border-bottom: 10px solid #333333;
}
.post_thumb {
background: center / cover no-repeat;
width: 100%;
height: 60vw;
position: relative;
}
.post_thumb::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(0deg, rgba(51, 51, 51, 0.8), rgba(51, 51, 51, 0.8));
opacity: 0;
transition: .3s;
}
.post_content {
padding: 30px 0;
display: flex;
align-items: stretch;
flex-direction: column;
flex-grow: 1;
position: relative;
background-color: #fff;
}
.post_title {
font-family: 'Rubik', sans-serif;
font-size: 14px;
font-weight: 700;
color: #333333;
transition: .3s;
margin: 0;
}
.post_excerpt {
font-size: 16px;
color: #333333;
margin: 10px 0;
}
.post-date-category {
font-size: 14px;
font-weight: 700;
color: #333333;
display: flex;
margin-top: 10px;
}
.post_date {
margin: 0;
padding-right: 10px;
border-right: 2px solid #333333;
flex-shrink: 0;
}
.post_category {
text-decoration: underline;
margin: 0;
padding-left: 10px;
}
.single_post:hover {
border-bottom: 10px solid #009EB8;
}
.single_post:hover .post_title {
color: #009EB8;
}
.single_post:hover .post_thumb::before {
opacity: 1;
} .default-page main {
background-color: #F6F6F6;
padding: clamp(15px, 5vw, 100px) clamp(15px, 5vw, 100px);
}
.post_author {
font-size: 15px;
font-weight: 500;
margin-top: 40px;
}
.post_author span {
font-weight: 300;
text-transform: capitalize;
} .news-banner-posts-container {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap: 50px;
}
.news-banner-intro {
display: flex;
justify-content: center;
flex-direction: column;
width: 100%;
}
@media (min-width: 768px) {
.flex-quarters .post_thumb {
height: 30vw;
}
}
@media (min-width: 1024px) {
.flex-3-4 .post_thumb {
height: 20vw;
}
}
@media (min-width: 1500px) {
.flex-quarters .post_thumb, .flex-3-4 .post_thumb {
height: min(15vw, 305px);
}
.news-banner-intro {
width: calc((100%/4) - ((50px*3)/4));
}
}
ul.case-study-services-list {
list-style: none;
padding: 0 max(0px, calc(50% - 600px));
margin: 50px 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
ul.case-study-services-list li {
min-width: 100%;
flex: 1 1 100%;
display: flex;
}
ul.case-study-services-list li a {
flex: 1 1 100%;
text-align: center;
font-family: 'Rubik', sans-serif;
font-size: 18px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
padding: 20px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
}
ul.case-study-services-list li a.current-category::after {
content: '';
display: block;
height: 0;
width: 0;
border: 8px solid transparent;
border-left-color: #fff;
}
.case-studies-archive .post_thumb::after {
content: '';
display: block;
width: 70px;
height: 70px;
position: absolute;
bottom: 0;
right: 0;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.01 27.49a1.75 1.75 0 010-2.48l7.52-7.51L18 9.99A1.75 1.75 0 1120.5 7.5l8.75 8.75a1.75 1.75 0 010 2.48l-8.75 8.75a1.75 1.75 0 01-2.48 0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.51 27.49a1.75 1.75 0 010-2.48l7.52-7.51L7.5 9.99A1.75 1.75 0 0110 7.5l8.75 8.75a1.75 1.75 0 010 2.48l-8.75 8.75a1.75 1.75 0 01-2.48 0z' fill='%23fff'/%3E%3C/svg%3E");
background-position: center;
background-size: 35px;
background-repeat: no-repeat;
}
.case-studies-archive .post_thumb.bg_purple::after {
background-color: #7B4B94;
}
.case-studies-archive .post_thumb.bg_blue::after {
background-color: #009EB8;
}
.case-studies-archive .post_thumb.bg_green::after {
background-color: #BFE10E;
}
.case-studies-archive .post_thumb.bg_red::after {
background-color: #B0014C;
}
.post_from {
font-weight: 700;
font-style: italic;
color: #333333;
margin: 0;
}
.case-studies-archive .single_post {
border: none;
}
.case-studies-archive .post_content {
padding-top: 20px;
padding-bottom: 20px;
} .single-case_studies .page-banner-container {
margin: 0;
position: absolute;
width: 100%;
}
.single-case_studies .page-banner-content-container {
display: none;
}
.single-case-study {
position: relative;
padding-top: calc(clamp(260px, 30vw, 500px)/2);
}
.single-case-study-container {
background-color: #F7F7F7;
padding: clamp(15px, 10vw, 120px) max(clamp(15px, 5vw, 120px), calc(50% - 600px));
}
.single-case-study-container .post_from {
margin-top: 70px;
}
.single-case-study-container p {
margin: 30px 0;
}
.single-case-study-container > p > img,
.default-content > p > img {
width: 100%;
height: clamp(160px, 50vw, 700px);
object-fit: cover;
object-position: center;
margin: 30px 0;
} .case-studies-banner-posts-container {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap: 50px;
}
.case-studies-banner-intro {
display: flex;
justify-content: center;
flex-direction: column;
width: 100%;
}
@media (min-width: 768px) {
ul.case-study-services-list {
flex-direction: row;
}
ul.case-study-services-list li {
min-width: auto;
}
ul.case-study-services-list li a.current-category::before {
content: '';
display: block;
position: absolute;
bottom: -32px;
left: 50%;
transform: translateX(-50%);
height: 0;
width: 0;
border: 16px solid transparent;
border-top-color: inherit;
}
ul.case-study-services-list li a.current-category::after {
display: none;
}
}
@media (min-width: 1500px) {
.case-studies-banner-intro {
width: calc((100%/4) - ((50px*3)/4));
}
}
.fc_split_content {
display: flex;
}
.fc_split_content > div {
flex: 1 1 50%;
min-height: 735px;
box-sizing: border-box;
display: flex;
align-items: stretch;
gap: 30px;
flex-direction: column;
position: relative;
}
a.fc_split_content > div {
justify-content: space-between;
}
div.fc_split_content > div {
justify-content: center;
}
div.content {
padding: clamp(15px, 5vw, 70px) clamp(15px, 5vw, 70px);
background-repeat: no-repeat;
background-position: -380px -50px;
}
div.content.bg_purple {
background-image: url(//www.molecular-uk.com/wp-content/themes/molecular-uk/includes/images/molecular-bg-purple.png);
}
div.content.bg_blue {
background-image: url(//www.molecular-uk.com/wp-content/themes/molecular-uk/includes/images/molecular-bg-blue.png);
}
div.content.bg_green {
background-image: url(//www.molecular-uk.com/wp-content/themes/molecular-uk/includes/images/molecular-bg-green.png);
}
div.content.bg_red {
background-image: url(//www.molecular-uk.com/wp-content/themes/molecular-uk/includes/images/molecular-bg-red.png);
}
.fc_split_content.left > div.content.bg_grey {
background-position: center;
background-image: url(//www.molecular-uk.com/wp-content/themes/molecular-uk/includes/images/bg-dots-left.png);
}
.fc_split_content.right > div.content.bg_grey {
background-position: center;
background-image: url(//www.molecular-uk.com/wp-content/themes/molecular-uk/includes/images/bg-dots-right.png);
}
.fc_split_content > div.image {
display: flex;
align-items: flex-end;
justify-content: flex-start;
background: center / cover no-repeat;
}
.fc_split_content.right {
flex-direction: row-reverse;
}
.split-content-button {
align-self: flex-end;
}
@media (max-width:1199px) {
.fc_split_content {
display: block;
}
.fc_split_content > div.content {
min-height: auto;
}
.fc_split_content > div.image {
min-height: 60vw;
}
}
.contact-banner-container {
display: flex;
flex-direction: column;
}
.contact-banner-container > div.content {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.contact-banner-container > div.image {
min-height: 60vw;
background: center / cover no-repeat;
}
.contact-banner-container > div.content > div.wp_content + .contact-container {
margin-top: clamp(60px, 10vw, 120px);
border-top: 1px solid #FFFFFF;
padding-top: 50px;
}
.contact-container {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 50px;
flex-wrap: wrap;
}
.contact-title {
font-family: 'Rubik', sans-serif;
font-size: clamp(20px, 5vw, 24px);
font-weight: 700;
margin-bottom: 15px;
}
.contact-text {
font-size: clamp(20px, 5vw, 24px);
}
.contact-banner-address, .contact-banner-email {
flex: 0 1 300px;
}
.contact-banner-social {
flex: 0 1 100%;
justify-content: flex-start;
gap: 10px;
align-items: center;
}
.contact-container a {
color: #fff;
}
.contact-container a:hover {
color: #009EB8;
}
.facebook-icon-white {
background: center / 7px 14px no-repeat #fff url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpath d='M4.72 14V7.62h2.15l.32-2.5H4.72V3.55c0-.72.2-1.22 1.23-1.22h1.31V.1C6.63.03 5.98 0 5.34 0c-1.9 0-3.2 1.16-3.2 3.3v1.82H0v2.5h2.14V14h2.58z' fill='%237B4B94'/%3E%3C/svg%3E");
}
.instagram-icon-white {
background: center / 15px no-repeat #fff url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M17.32 13A4.3 4.3 0 0013 8.68 4.3 4.3 0 008.68 13 4.3 4.3 0 0013 17.32 4.3 4.3 0 0017.32 13zm2.24 0A6.49 6.49 0 0113 19.56 6.49 6.49 0 016.44 13 6.49 6.49 0 0113 6.44 6.49 6.49 0 0119.56 13zm1.76-6.88c0 .96-.64 1.6-1.6 1.6-.96 0-1.6-.64-1.6-1.6 0-.96.64-1.6 1.6-1.6.96 0 1.6.8 1.6 1.6zM13 2.44c-1.92 0-5.92-.16-7.52.48a4.2 4.2 0 00-2.4 2.56c-.64 1.6-.48 5.6-.48 7.52s-.16 5.92.48 7.52a3.6 3.6 0 002.4 2.4c1.6.64 5.76.48 7.52.48 1.76 0 5.92.16 7.52-.48a4.41 4.41 0 002.4-2.4c.64-1.76.48-5.76.48-7.52 0-1.76.16-5.92-.48-7.52a3.6 3.6 0 00-2.4-2.4c-1.6-.8-5.6-.64-7.52-.64zM25.8 13v5.28c0 1.92-.64 3.84-2.08 5.44a7.48 7.48 0 01-5.44 2.08H7.72a8.02 8.02 0 01-5.44-2.08A8.2 8.2 0 01.2 18.28V7.72c0-2.08.8-4 2.08-5.44A8.87 8.87 0 017.72.2h10.56c1.92 0 3.84.64 5.44 2.08a8.2 8.2 0 012.08 5.44V13z' fill='%237B4B94'/%3E%3C/svg%3E");
}
.twitter-icon-white {
background: center / 15px 12px no-repeat #fff url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 12'%3E%3Cpath d='M14.76 1.42c-.54.24-1.12.4-1.74.48.63-.38 1.1-.97 1.33-1.68-.6.36-1.24.6-1.92.74a3.03 3.03 0 00-5.16 2.76A8.6 8.6 0 011.03.56a3.03 3.03 0 00.94 4.04 3.02 3.02 0 01-1.38-.38v.04a3.03 3.03 0 002.43 2.97c-.44.12-.91.14-1.36.05a3.03 3.03 0 002.82 2.1A6.08 6.08 0 010 10.64C1.38 11.53 3 12 4.64 12c5.57 0 8.62-4.61 8.62-8.62L13.25 3c.6-.43 1.1-.96 1.51-1.56z' fill='%237B4B94'/%3E%3C/svg%3E");
}
.linkedin-icon-white {
background: center / 14px 14px no-repeat #fff url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 14'%3E%3Cpath d='M1.69 3.37a1.69 1.69 0 100-3.37 1.69 1.69 0 000 3.37zM4.96 4.65V14h2.9V9.37c0-1.22.24-2.4 1.75-2.4 1.5 0 1.5 1.4 1.5 2.48V14h2.91V8.87c0-2.52-.54-4.45-3.48-4.45-1.42 0-2.36.77-2.75 1.5h-.04V4.66H4.96zm-4.73 0h2.9V14H.24V4.65z' fill='%237B4B94'/%3E%3C/svg%3E");
}
.youtube-icon-white {
background: center / 15px 10px no-repeat #fff url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 10'%3E%3Cpath d='M14.68 1.57c-.09-.3-.25-.58-.48-.8a1.9 1.9 0 00-.84-.46C12.2.01 7.5.01 7.5.01 5.53-.03 3.57.07 1.63.3c-.32.08-.6.25-.84.47-.23.22-.4.5-.48.8A18.17 18.17 0 000 5c0 1.15.1 2.3.3 3.43.1.3.26.57.49.8.23.21.52.37.84.46 1.19.3 5.86.3 5.86.3 1.96.03 3.92-.07 5.87-.29.32-.08.6-.24.84-.46.23-.22.4-.5.48-.8.21-1.12.32-2.27.31-3.43a16.6 16.6 0 00-.31-3.44zM6 7.14V2.86L9.9 5 6 7.14z' fill='%237B4B94'/%3E%3C/svg%3E");
}
@media (min-width: 1200px) {
.contact-banner-container {
flex-direction: row;
}
.contact-banner-container > div.content {
flex: 0 1 60%;
}
.contact-banner-container > div.image {
flex: 1 0 40%;
min-height: 725px;
}
}
.columned-content {
padding: clamp(15px, 10vw, 50px) clamp(15px, 5vw, 120px);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 50px;
text-align: center;
}
@media (min-width: 1024px) {
.columned-content {
flex-direction: row;
}
.columned-content .left-content {
text-align: left;
}
.columned-content .right-content {
text-align: initial;
}
.columned-content.align_top  {
align-items: flex-start;
}
.columned-content.align_center {
align-items: center;
}
.columned-content.align_bottom {
align-items: flex-end;
}
.columned-content.split_auto > div {
flex: 1 1 auto;
}
.columned-content.split_70 .left-content {
flex: 1 1 70%;
}
.columned-content.split_70 .right-content {
flex: 1 1 30%;
}
.columned-content.split_60 .left-content {
flex: 1 1 60%;
}
.columned-content.split_60 .right-content {
flex: 1 1 40%;
}
.columned-content.split_50 > div  {
flex: 1 1 50%;
}
.columned-content.split_40 .left-content {
flex: 1 1 40%;
}
.columned-content.split_40 .right-content {
flex: 1 1 60%;
}
.columned-content.split_30 .left-content {
flex: 1 1 30%;
}
.columned-content.split_30 .right-content {
flex: 1 1 70%;
}
}
.image-links-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: clamp(15px, 10vw, 50px);
}
.image-link-container {
background: center / cover no-repeat;
padding: 50px;
box-sizing: border-box;
width: 100%;
min-height: min(60vw, 470px);
display: flex;
gap: 50px;
border-bottom-width: 10px;
border-bottom-style: solid;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.image-link-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.5));
}
.image-link-container * {
position: relative;
}
.image-link-title {
color: #fff;
font-family: 'Rubik', sans-serif;
font-size: clamp(30px, 5vw, 42px);
font-weight: 700;
line-height: 1.1em;
margin-top: 0;
margin-bottom: 0;
}
.image-link-sub-title {
color: #fff;
font-family: 'Rubik', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.1em;
}
.image-link-button {
align-self: flex-end;
}
@media (min-width: 1024px) {
.image-links-container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-rows: clamp(300px, 23vw, 445px);
}
.image-link-container {
min-height: 100%;
height: 100%;
}
.image-link-container:nth-child(3n-2) {
grid-row: span 2;
}
}
.quotes-banner-container {
background:  #7B4B94;
height: auto;
min-height: 460px;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
position: relative;
}
.quotes-banner-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100.04%), -100px / 1240px 840px no-repeat url(//www.molecular-uk.com/wp-content/themes/molecular-uk/includes/images/bg-dots-left.png);
opacity: 0.10;
}
.quotes-banner-container * {
position: relative;
}
#previous-quote, #next-quote {
min-height: 36px;
min-width: 18px;
padding: clamp(15px, 5vw, 90px) clamp(15px, 5vw, 90px);
cursor: pointer;
}
#previous-quote {
background: center / 18px 36px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 28'%3E%3Cpath d='M14 26L2 14 14 2' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
#next-quote {
background: center / 18px 36px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 28'%3E%3Cpath d='M2 2l12 12L2 26' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.quotes {
padding-top: clamp(15px, 10vw, 120px);
padding-bottom: clamp(15px, 10vw, 120px);
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.quote-container {
padding: 0 clamp(15px, 5vw, 120px);
}
.stars-container {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-bottom: 30px;
}
.quotes-star {
display: block;
width: 30px;
height: 30px;
background: center / 25px 24px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 24'%3E%3Cpath d='M24.6 8.34l-7.43-1.08L13.84.52a.94.94 0 00-1.68 0L8.83 7.26 1.4 8.34a.94.94 0 00-.52 1.6l5.38 5.25-1.27 7.41a.94.94 0 001.36.99l6.65-3.5 6.65 3.5c.18.1.4.13.6.1A.94.94 0 0021 22.6l-1.27-7.4 5.38-5.26a.94.94 0 00-.52-1.6z' fill='%23333'/%3E%3C/svg%3E");
}
.quote-content, .quote-from {
padding-left: max(clamp(15px, 5vw, 120px), calc(50% - 425px));
padding-right: max(clamp(15px, 5vw, 120px), calc(50% - 425px));
color: #fff;
}
.quote-from {
margin-top: 20px;
}
@media (min-width: 768px) {
.quotes-banner-container {
flex-wrap: nowrap;
}
#previous-quote {
order: 1;
}
.tns-outer {
order: 2;
}
#next-quote {
order: 3;
}
}
.tns-outer{padding:0 !important;}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{ }.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden;}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}
.icon-banner-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 0 clamp(15px, 4vw, 70px);
margin-top: 50px;
margin-bottom: 50px;
}
.icons-container {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 20px;
flex: 0 1 100%;
}
.icon-image-container {
display: block;
min-width: 150px;
min-height: 150px;
padding: 25px;
box-sizing: border-box;
}
.icon-image {
display: block;
min-width: 150px;
min-height: 150px;
background: center / contain no-repeat;
}
.icon-label {
font-family: 'Rubik', sans-serif;
font-size: clamp(20px, 5vw, 24px);
font-weight: 700;
line-height: 1.1em;
margin-top: 0;
margin-bottom: 0;
max-width: 120px;
}
@media (min-width: 768px) {
.icon-banner-container {
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
}
.icons-container {
flex: 0 1 290px;
}
}
@media (min-width: 1510px) {
.icon-banner-container {
justify-content: flex-start;
}
}
.social-media-banner-container {
padding: clamp(15px, 10vw, 120px) 0;
background:  #333333;
position: relative;
}
.social-media-banner-container::before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: right / 1240px 840px no-repeat url(//www.molecular-uk.com/wp-content/themes/molecular-uk/includes/images/bg-dots-right.png), linear-gradient(90deg, rgba(189, 189, 189, 0.05) 0%, rgba(189, 189, 189, 0) 100.04%);
opacity: 0.1;
}
.social-media-banner-container * {
position: relative;
}
.social-media-intro, .social-media-outro {
text-align: center;
padding-left: max(clamp(15px, 5vw, 120px), calc(50% - 425px));
padding-right: max(clamp(15px, 5vw, 120px), calc(50% - 425px));
}
.social-media-intro {
margin-bottom: 50px;
}
.social-media-outro {
margin-top: 50px;
}
.social-media-gallery-container {
display: flex;
justify-content: center;
align-items: center;
gap: clamp(15px, 5vw, 50px);
overflow: hidden;
}
.social-media-image {
display: block;
min-width: clamp(90px, 20vw, 260px);
min-height: clamp(90px, 20vw, 260px);
width: clamp(90px, 20vw, 260px);
height: clamp(90px, 20vw, 260px);
background: center / cover no-repeat;
}
.social-media-banner-icon-container {
gap: 20px;
margin-top: 30px;
}
.sm-banner-icon {
min-height: 32px;
min-width: 32px;
}
.facebook-sm-banner-icon {
background: center / 13px 24px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 24'%3E%3Cpath d='M8.86 24V13.07h3.69l.55-4.28H8.86V6.06c0-1.23.35-2.08 2.12-2.08h2.24V.17C12.13.05 11.03 0 9.93 0c-3.25 0-5.5 1.99-5.5 5.64v3.14H.79v4.28h3.67V24h4.41z' fill='%23fff'/%3E%3C/svg%3E");
}
.instagram-sm-banner-icon {
background: center / 32px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M20.32 16A4.3 4.3 0 0016 11.68 4.3 4.3 0 0011.68 16 4.3 4.3 0 0016 20.32 4.3 4.3 0 0020.32 16zm2.24 0A6.49 6.49 0 0116 22.56 6.49 6.49 0 019.44 16 6.49 6.49 0 0116 9.44 6.49 6.49 0 0122.56 16zm1.76-6.88c0 .96-.64 1.6-1.6 1.6-.96 0-1.6-.64-1.6-1.6 0-.96.64-1.6 1.6-1.6.96 0 1.6.8 1.6 1.6zM16 5.44c-1.92 0-5.92-.16-7.52.48a4.2 4.2 0 00-2.4 2.56c-.64 1.6-.48 5.6-.48 7.52s-.16 5.92.48 7.52a3.6 3.6 0 002.4 2.4c1.6.64 5.76.48 7.52.48 1.76 0 5.92.16 7.52-.48a4.41 4.41 0 002.4-2.4c.64-1.76.48-5.76.48-7.52 0-1.76.16-5.92-.48-7.52a3.6 3.6 0 00-2.4-2.4c-1.6-.8-5.6-.64-7.52-.64zM28.8 16v5.28c0 1.92-.64 3.84-2.08 5.44a7.48 7.48 0 01-5.44 2.08H10.72a8.02 8.02 0 01-5.44-2.08 8.2 8.2 0 01-2.08-5.44V10.72c0-2.08.8-4 2.08-5.44a8.87 8.87 0 015.44-2.08h10.56c1.92 0 3.84.64 5.44 2.08a8.2 8.2 0 012.08 5.44V16z' fill='%23fff'/%3E%3C/svg%3E");
}
.twitter-sm-banner-icon {
background: center / 32px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M31.52 6.58c-1.1.5-2.3.83-3.56.98 1.3-.78 2.27-2 2.73-3.44a12.4 12.4 0 01-3.95 1.5 6.21 6.21 0 00-10.58 5.68 17.64 17.64 0 01-12.8-6.5 6.2 6.2 0 001.92 8.3 6.2 6.2 0 01-2.81-.78v.08a6.21 6.21 0 004.98 6.1c-.91.24-1.87.28-2.8.1a6.21 6.21 0 005.8 4.31 12.46 12.46 0 01-9.2 2.57 17.57 17.57 0 009.52 2.8c11.43 0 17.67-9.47 17.67-17.68 0-.26 0-.53-.02-.8a12.63 12.63 0 003.1-3.21z' fill='%23fff'/%3E%3C/svg%3E");
}
.linkedin-sm-banner-icon {
background: center / 32px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 14'%3E%3Cpath d='M1.69 3.37a1.69 1.69 0 100-3.37 1.69 1.69 0 000 3.37zM4.96 4.65V14h2.9V9.37c0-1.22.24-2.4 1.75-2.4 1.5 0 1.5 1.4 1.5 2.48V14h2.91V8.87c0-2.52-.54-4.45-3.48-4.45-1.42 0-2.36.77-2.75 1.5h-.04V4.66H4.96zm-4.73 0h2.9V14H.24V4.65z' fill='%23fff'/%3E%3C/svg%3E");
}
.youtube-sm-banner-icon {
background: center / 32px 21px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 10'%3E%3Cpath d='M14.68 1.57c-.09-.3-.25-.58-.48-.8a1.9 1.9 0 00-.84-.46C12.2.01 7.5.01 7.5.01 5.53-.03 3.57.07 1.63.3c-.32.08-.6.25-.84.47-.23.22-.4.5-.48.8A18.17 18.17 0 000 5c0 1.15.1 2.3.3 3.43.1.3.26.57.49.8.23.21.52.37.84.46 1.19.3 5.86.3 5.86.3 1.96.03 3.92-.07 5.87-.29.32-.08.6-.24.84-.46.23-.22.4-.5.48-.8.21-1.12.32-2.27.31-3.43a16.6 16.6 0 00-.31-3.44zM6 7.14V2.86L9.9 5 6 7.14z' fill='%23fff'/%3E%3C/svg%3E");
}
.facebook-sm-banner-icon:hover {
background: center / 13px 24px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 24'%3E%3Cpath d='M8.86 24V13.07h3.69l.55-4.28H8.86V6.06c0-1.23.35-2.08 2.12-2.08h2.24V.17C12.13.05 11.03 0 9.93 0c-3.25 0-5.5 1.99-5.5 5.64v3.14H.79v4.28h3.67V24h4.41z' fill='%23009EB8'/%3E%3C/svg%3E");
}
.instagram-sm-banner-icon:hover {
background: center / 32px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M20.32 16A4.3 4.3 0 0016 11.68 4.3 4.3 0 0011.68 16 4.3 4.3 0 0016 20.32 4.3 4.3 0 0020.32 16zm2.24 0A6.49 6.49 0 0116 22.56 6.49 6.49 0 019.44 16 6.49 6.49 0 0116 9.44 6.49 6.49 0 0122.56 16zm1.76-6.88c0 .96-.64 1.6-1.6 1.6-.96 0-1.6-.64-1.6-1.6 0-.96.64-1.6 1.6-1.6.96 0 1.6.8 1.6 1.6zM16 5.44c-1.92 0-5.92-.16-7.52.48a4.2 4.2 0 00-2.4 2.56c-.64 1.6-.48 5.6-.48 7.52s-.16 5.92.48 7.52a3.6 3.6 0 002.4 2.4c1.6.64 5.76.48 7.52.48 1.76 0 5.92.16 7.52-.48a4.41 4.41 0 002.4-2.4c.64-1.76.48-5.76.48-7.52 0-1.76.16-5.92-.48-7.52a3.6 3.6 0 00-2.4-2.4c-1.6-.8-5.6-.64-7.52-.64zM28.8 16v5.28c0 1.92-.64 3.84-2.08 5.44a7.48 7.48 0 01-5.44 2.08H10.72a8.02 8.02 0 01-5.44-2.08 8.2 8.2 0 01-2.08-5.44V10.72c0-2.08.8-4 2.08-5.44a8.87 8.87 0 015.44-2.08h10.56c1.92 0 3.84.64 5.44 2.08a8.2 8.2 0 012.08 5.44V16z' fill='%23009EB8'/%3E%3C/svg%3E");
}
.twitter-sm-banner-icon:hover {
background: center / 32px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M31.52 6.58c-1.1.5-2.3.83-3.56.98 1.3-.78 2.27-2 2.73-3.44a12.4 12.4 0 01-3.95 1.5 6.21 6.21 0 00-10.58 5.68 17.64 17.64 0 01-12.8-6.5 6.2 6.2 0 001.92 8.3 6.2 6.2 0 01-2.81-.78v.08a6.21 6.21 0 004.98 6.1c-.91.24-1.87.28-2.8.1a6.21 6.21 0 005.8 4.31 12.46 12.46 0 01-9.2 2.57 17.57 17.57 0 009.52 2.8c11.43 0 17.67-9.47 17.67-17.68 0-.26 0-.53-.02-.8a12.63 12.63 0 003.1-3.21z' fill='%23009EB8'/%3E%3C/svg%3E");
}
.linkedin-sm-banner-icon:hover {
background: center / 32px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 14'%3E%3Cpath d='M1.69 3.37a1.69 1.69 0 100-3.37 1.69 1.69 0 000 3.37zM4.96 4.65V14h2.9V9.37c0-1.22.24-2.4 1.75-2.4 1.5 0 1.5 1.4 1.5 2.48V14h2.91V8.87c0-2.52-.54-4.45-3.48-4.45-1.42 0-2.36.77-2.75 1.5h-.04V4.66H4.96zm-4.73 0h2.9V14H.24V4.65z' fill='%23009EB8'/%3E%3C/svg%3E");
}
.youtube-sm-banner-icon:hover {
background: center / 32px 21px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 10'%3E%3Cpath d='M14.68 1.57c-.09-.3-.25-.58-.48-.8a1.9 1.9 0 00-.84-.46C12.2.01 7.5.01 7.5.01 5.53-.03 3.57.07 1.63.3c-.32.08-.6.25-.84.47-.23.22-.4.5-.48.8A18.17 18.17 0 000 5c0 1.15.1 2.3.3 3.43.1.3.26.57.49.8.23.21.52.37.84.46 1.19.3 5.86.3 5.86.3 1.96.03 3.92-.07 5.87-.29.32-.08.6-.24.84-.46.23-.22.4-.5.48-.8.21-1.12.32-2.27.31-3.43a16.6 16.6 0 00-.31-3.44zM6 7.14V2.86L9.9 5 6 7.14z' fill='%23009EB8'/%3E%3C/svg%3E");
}
.shop-categories {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap: clamp(30px, 3vw, 50px);
}
.shop-category {
width: 100%;
min-height: clamp(280px, 80vw, 675px);
border-bottom-width: 10px;
border-bottom-style: solid;
background: center / cover no-repeat;
position: relative;
}
.shop-category::before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.5));
}
.shop-category * {
position: relative;
}
.shop-category .content {
padding: clamp(15px, 5vw, 50px) clamp(15px, 5vw, 50px);
display: flex;
justify-content: space-between;
flex-direction: column;
min-height: calc(clamp(280px, 80vw, 675px) - clamp(15px, 10vw, 50px));
}
.shop-category .content .shop-category-title {
font-family: 'Rubik', sans-serif;
font-weight: 700;
line-height: 1.1em;
margin-top: 0;
font-size: clamp(30px, 5vw, 42px);
color: #fff;
text-transform: uppercase;
}
@media (min-width: 450px) {
.shop-category .content .button {
align-self: flex-end;
}
}
@media (min-width: 768px) {
.shop-category {
width: calc((100%/2) - (((clamp(30px, 3vw, 50px))*1)/2));
min-height: clamp(300px, 40vw, 675px);
}
.shop-category .content {
min-height: calc(clamp(300px, 40vw, 675px) - clamp(15px, 10vw, 50px) - 35px);
}
}
@media (min-width: 1200px) {
.shop-category {
width: calc((100%/3) - (((clamp(30px, 3vw, 50px))*2)/3));
min-height: clamp(230px, 28vw, 465px);
}
.shop-category .content {
min-height: calc(clamp(230px, 28vw, 465px) - clamp(15px, 10vw, 50px) - 35px);
}
}
.popular-products-container {
background: #333333;
position: relative;
}
.popular-products-container::before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(189, 189, 189, 0.05) 0%, rgba(189, 189, 189, 0) 100.04%), right / 1240px 840px no-repeat url(//www.molecular-uk.com/wp-content/themes/molecular-uk/includes/images/bg-dots-right.png);
opacity: 0.1;
}
.popular-products-container * {
position: relative;
}
.popular-products-intro {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
gap: clamp(30px, 3vw, 50px);
margin-bottom: clamp(15px, 10vw, 50px);
}
.popular-products {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap: clamp(30px, 3vw, 50px);
}
.popular-product-category {
width: 100%;
border-left-width: 10px;
border-left-style: solid;
box-sizing: border-box;
background-color: transparent;
}
.popular-product-image {
width: 100%;
height: 60vw;
background: center / cover no-repeat;
position: relative;
}
.popular-product-image:before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.5));
opacity: 0;
transition: .3s;
}
.popular-product-category:hover .popular-product-image:before {
opacity: 1;
}
.product-category-content {
background-color: transparent;
padding-top: 20px;
padding-left: 30px;
}
.product-category-title {
font-family: 'Rubik', sans-serif;
font-weight: 700;
line-height: 1.1em;
margin-top: 0;
font-size: clamp(20px, 5vw, 24px);
text-transform: uppercase;
color: #fff;
}
.parent-category-title {
font-family: 'Rubik', sans-serif;
font-weight: 700;
line-height: 1.1em;
font-size: 14px;
text-transform: uppercase;
margin-top: 5px;
}
.bg_blue .parent-category-title {
color: #009EB8;
}
.bg_green .parent-category-title {
color: #BFE10E;
}
.bg_red .parent-category-title {
color: #B0014C;
}
.bg_purple .parent-category-title {
color: #7B4B94;
}
@media (min-width: 768px) {
.popular-product-category {
width: calc((100%/2) - (((clamp(30px, 3vw, 50px))*1)/2));
}
.popular-product-image {
height: 30vw;
}
.popular-products-intro {
justify-content: space-between;
align-items: flex-start;
flex-direction: row;
}
.popular-products-intro.align_center  {
align-items: center;
}
.popular-products-intro.align_bottom   {
align-items: flex-end;
}
}
@media (min-width: 1200px) {
.popular-product-category {
width: calc((100%/3) - (((clamp(30px, 3vw, 50px))*2)/3));
}
.popular-product-image {
height: min(20vw, 340px);
}
}
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
.faqs-container {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap: 60px clamp(50px, 10vw, 150px);
}
.faq-section {
width: 100%;
box-sizing: border-box;
}
.faq-section-title {
font-family: 'Rubik', sans-serif;
font-size: clamp(20px, 5vw, 24px);
font-weight: 700;
line-height: 1.1em;
margin-top: 0;
margin-bottom: 30px;
}
.faq-question {
font-family: 'Open Sans', sans-serif;
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
cursor: pointer;
border-bottom: 1px solid #333333;
padding: 10px 0;
}
.faq-question::after {
content: '';
display: inline-block;
min-width: 18px;
min-height: 10px;
transition: transform .3s;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 11'%3E%3Cpath d='M9 10.5L0 1.73 1.26.5 9 8.04 16.74.5 18 1.73 9 10.5z' fill='%234F4F4F'/%3E%3C/svg%3E");
}
.faq-question.show-answer::after {
transform: rotate(-180deg);
}
.faq-answer {
font-family: 'Open Sans', sans-serif;
color: #828282;
max-height: 0;
overflow: hidden;
transition: 0.3s;
}
.faq-answer::before, .faq-answer::after {
content: '';
display: block;
height: 10px;
width: 100%;
}
.faq-answer::after {
border-bottom: 1px solid #333333;
}
.faq-question.show-answer + .faq-answer {
max-height: 500px;
}
@media (min-width: 1024px) {
.faq-section {
width: calc((100%/2) - ((clamp(50px, 10vw, 150px)*1)/2));
}
}
.product-chain {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
gap: 10px;
font-size: 14px;
}
.product-chain a {
color: #828282;
text-decoration: underline;
}
.product-chain a:hover {
color: #009EB8;
}
.chain-arrow {
display: inline-block;
width: 11px;
height: 11px;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath d='M3.67 1.83L7.33 5.5 3.67 9.17' stroke='%23828282' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.woocommerce div.product .product-main-container {
display: flex;
gap: clamp(15px, 5vw, 50px);
flex-direction: column;
}
.woocommerce div.product div.images {
margin-bottom: 0;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
float: none;
width: auto;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
justify-content: center;
}
figure.woocommerce-product-gallery__wrapper {
display: flex;
flex-wrap: wrap;
gap: clamp(15px, 5vw, 30px);
}
.woocommerce div.product div.images img {
border: 1px solid #333333;
box-sizing: border-box;
min-height: 100%;
height: 100%;
object-fit: cover;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 64px;
height: 64px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(1) {
width: 100%;
height: 100%;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(1) a {
display: block;
width: 100%;
position: relative;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(1) img {
height: calc(100vw - (2 * clamp(15px, 5vw, 120px)) - 17px);
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(1) a::before {
content: '';
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 32px;
height: 32px;
background: center / 18px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M11.67 8.01a1 1 0 01-1 1H9.01v1.66a1 1 0 01-2 0V9.01H5.35a1 1 0 110-2H7V5.35a1 1 0 012 0V7h1.66a1 1 0 011 1zm6.04 9.7a1 1 0 01-1.42 0l-3.38-3.39a8 8 0 111.41-1.41l3.39 3.39a1 1 0 010 1.4zM8 14a6 6 0 100-12 6 6 0 000 12z' fill='%23333'/%3E%3C/svg%3E");
}
.woocommerce div.product div.summary {
margin-bottom: 0;
}
.summary .product_title {
margin-bottom: 10px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
font-size: 17px;
font-weight: 700;
color: #333333;
margin-top: 10px;
margin-bottom: 30px;
display: flex;
gap: 5px;
}
.woocommerce div.product p.price .woocommerce-price-suffix {
line-height: 1.7;
}
.woocommerce div.product form.cart .variations td.label,
.woocommerce div.product form.cart table td.value {
display: inline-block;
width: 100%;
}
.woocommerce div.product form.cart table td.value select {
display: inline;
cursor: pointer;
font-size: 18px;
min-height: 60px;
color: #333333;
padding: 18px;
margin-right: 15px;
width: calc(100% - 55px);
border: 1px solid #333333;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
background: #fff calc(100% - 20px) center / 24px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 10'%3E%3Cpath d='M17 1L9 9 1 1' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.woocommerce div.product form.cart table td.value select::-ms-expand {
display: none;
}
.woocommerce div.product form.cart .reset_variations {
color: #333333;
font-size: 14px;
text-decoration: underline;
max-width: 40px;
}
.woocommerce div.product form.cart .reset_variations:hover {
color: #009EB8;
}
.woocommerce-variation-price {
margin-bottom: 10px;
}
.woocommerce div.product form.cart .variations {
margin: 0;
}
.woocommerce div.product p.stock {
margin: 0 0 30px 0;
display: flex;
align-items: center;
gap: 10px;
font-size: 18px;
color: #333333;
}
.woocommerce div.product p.out-of-stock {
color: red;
}
.woocommerce div.product p.in-stock::before,
.woocommerce div.product p.out-of-stock::before {
content: '';
display: block;
width: 22px;
height: 22px;
background: center / contain no-repeat;
}
.woocommerce div.product p.in-stock::before {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 23'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.64 22.14c5.87 0 10.63-4.77 10.63-10.64h-2.36a8.27 8.27 0 11-4.61-7.42l1.57-1.84a10.64 10.64 0 10-5.24 19.9zM18.6 7.56a1.18 1.18 0 10-1.76-1.58l-6.61 7.35L7.93 11a1.18 1.18 0 00-1.68 1.67l3.2 3.2a1.18 1.18 0 001.71-.03l7.45-8.28z' fill='%23333'/%3E%3C/svg%3E");
}
.woocommerce div.product p.out-of-stock::before {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Cpath d='M3.7 1.78l6.8 6.8 6.78-6.77a1.29 1.29 0 01.92-.41 1.4 1.4 0 011.3 1.9c-.06.16-.16.3-.28.42l-6.84 6.78 6.84 6.85c.23.22.37.53.38.85a1.4 1.4 0 01-1.4 1.4 1.29 1.29 0 01-.97-.38l-6.73-6.8-6.79 6.79a1.29 1.29 0 01-.91.39 1.4 1.4 0 01-1.3-1.9c.06-.16.16-.3.28-.42l6.84-6.78-6.84-6.85a1.26 1.26 0 01-.38-.85 1.4 1.4 0 011.4-1.4c.34 0 .66.14.9.38z' fill='%23FF0000'/%3E%3C/svg%3E");
}
.woocommerce div.product form.cart,
.variations_button {
margin: 0;
display: flex;
align-items: stretch;
gap: 30px;
flex-wrap: wrap;
}
.woocommerce div.product form.cart {
padding-bottom: 60px;
border-bottom: 1px solid #828282;
}
.woocommerce div.product form.cart::after,
.woocommerce div.product form.cart::before {
display: none;
}
.woocommerce .quantity .qty {
height: 100%;
box-sizing: border-box;
min-height: 60px;
color: #333333;
padding: 18px;
width: 90px;
border: 1px solid #333333;
font-size: 18px;
text-align: center;
}
.woocommerce div.product form.cart div.quantity {
margin: 0;
float: none;
}
.product_meta {
color: #828282;
display: flex;
gap: 5px;
flex-direction: column;
}
.product_meta .sku_wrapper {
text-transform: uppercase;
}
.product_meta a {
color: #828282;
text-decoration: underline;
}
.product_meta a:hover {
color: #009EB8;
}
.product-meta-container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 50px;
margin-top: 25px;
}
.product-meta-delivery-container {
display: flex;
align-items: center;
gap: 20px;
}
.product-meta-delivery-image {
min-width: 100px;
min-height: 60px;
background: center / contain no-repeat url(//www.molecular-uk.com/wp-content/themes/molecular-uk/includes/images/delivery-icon.png);
}
.product-meta-delivery-text {
color: #333333;
font-family: 'Rubik', sans-serif;
font-weight: 700;
line-height: 1.1em;
width: 160px;
}
.product-meta-delivery-container:hover .product-meta-delivery-text {
color: #009EB8;
}
.product-sub-header {
margin-bottom: clamp(15px, 5vw, 50px);
display: flex;
align-items: center;
gap: 20px;
}
.product-sub-header > * {
margin: 0;
}
.product-sub-header hr {
display: none;
}
.product-sub-container {
margin-bottom: clamp(15px, 10vw, 50px);
}
.product-hazards-and-specs {
display: flex;
flex-direction: column;
gap: clamp(15px, 10vw, 50px) clamp(15px, 5vw, 120px);
}
.product-hazards-and-specs > * {
flex: 1 1 100%;
}
.woocommerce table.shop_attributes {
margin: 0;
width: 100%;
font-size: 18px;
border-spacing: 0;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
padding: 20px;
vertical-align: middle;
text-align: start;
width: 50%;
font-size: 18px;
font-style: normal;
font-weight: 400;
border: none;
margin: 0;
line-height: 21px;
}
.woocommerce table.shop_attributes td p {
margin: 0;
padding: 0;
}
.product-specs table tr:nth-child(odd) {
background-color: #EEEEEE;
}
.product-specs table tr:nth-child(even) {
background-color: #F7F7F7;
}
.product-reviews-container {
display: flex;
flex-direction: column;
gap: clamp(30px, 3vw, 50px);
}
.product-review {
width: 100%;
box-sizing: border-box;
background-color: #F6F6F6;
padding: 30px;
}
.product-review .stars-container {
justify-content: flex-start;margin-bottom: 20px;
}
.reviews-star {
display: block;
width: 25px;
height: 26px;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 22'%3E%3Cpath d='M11.02.53a.5.5 0 01.96 0l2.22 7.1c.06.21.26.35.47.35h7.23a.5.5 0 01.3.9l-5.88 4.44a.5.5 0 00-.17.55l2.23 7.16a.5.5 0 01-.78.55l-5.8-4.39a.5.5 0 00-.6 0l-5.8 4.39a.5.5 0 01-.78-.55l2.23-7.16a.5.5 0 00-.17-.55L.8 8.88a.5.5 0 01.3-.9h7.23a.5.5 0 00.47-.35l2.22-7.1z' fill='%23E6C657'/%3E%3C/svg%3E");
}
.review-content {
color: #828282;
}
.review-from {
font-weight: 700;
margin-top: 15px;
} .woocommerce-message,
.woocommerce-error {
padding: 1em max(clamp(15px, 5vw, 120px), calc(50% - 910px)) 1em;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column-reverse;
gap: 30px;
margin: 0 0 1em;
text-align: center;
}
.woocommerce-message::before,
.woocommerce-error::before {
align-self: start;
justify-self: start;
order: 1;
width: 100%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.video-banner-container {
width: 100%;
min-height: calc((clamp(150px, 18vw, 420px) * 2) + clamp(15px, 3vw, 50px));
background: center / cover no-repeat;
margin-bottom: clamp(15px, 10vw, 50px);
box-sizing: border-box;
cursor: pointer;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.video-banner-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%;
width: 100%;
background: linear-gradient(0deg, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0.7))
}
.video-banner-container * {
position: relative;
}
.video-banner-content {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: clamp(15px, 5vw, 70px) clamp(15px, 5vw, 70px);
display: flex;
justify-content: center;
flex-direction: column;
}
.video-banner-content::before {
content: '';
align-self: center;
display: block;
min-height: 80px;
min-width: 80px;
margin-bottom: 30px;
border-radius: 50%;
background: center / 22px no-repeat #7B4B94 url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 22'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.33 21.81V.44l21.75 11.09L.33 21.8Z' fill='%23fff'/%3E%3C/svg%3E");
}
.video-banner-video {
display: none;
}
.video-banner-video iframe {
height: calc((clamp(150px, 18vw, 420px) * 2) + clamp(15px, 3vw, 50px));
width: min(100%, calc(((clamp(150px, 18vw, 420px) * 2) + clamp(15px, 3vw, 50px)) * 1.78));
display: block;
margin-left: auto;
margin-right: auto;
}
p.product_subtitle {
margin-top: -1em;
}
@media (min-width: 1024px) {
.product-sub-header hr {
display: block;
flex: 1 1 auto;
box-sizing: border-box;
height: 1px;
background-color: #333333;
border: none;
}
.product-hazards-and-specs {
flex-direction: row;
}
.product-hazards-and-specs > * {
flex: 1 1 calc(50% - 60px);
}
.product-reviews-container {
flex-direction: row;
align-items: stretch;
}
.product-review {
width: calc((100%/3) - ((clamp(30px, 3vw, 50px)*2)/3));
}
.woocommerce table.shop_attributes {
max-width: 750px;
}
}
@media (min-width: 768px) {
.woocommerce div.product .product-main-container {
flex-direction: row;
flex-wrap: wrap;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(1) a {
width: min(100%, 575px);
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(1) img {
height: min(575px, calc(100vw - (2 * clamp(15px, 5vw, 120px))));
}
.woocommerce div.product div.images.woocommerce-product-gallery, .woocommerce div.product div.summary {
width: calc((100%/2 - ((50px*1)/2)));
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(1) img {
height: min(575px, calc(50vw - (2 * clamp(15px, 5vw, 120px))));
}
.product-specs table td {
width: 50%;
padding: 20px;
}
}
@media (min-width: 600px) {
.woocommerce-message,
.woocommerce-error {
flex-direction: row;
text-align: inherit;
justify-content: space-between;
gap: 0;
padding-left: calc(max(clamp(15px, 5vw, 120px), calc(50% - 910px)) + 30px);
}
.woocommerce-message::before,
.woocommerce-error::before {
text-align: inherit;
height: 18px;
width: 18px;
left: calc(max(clamp(15px, 5vw, 120px), calc(50% - 910px)));
top: calc(50% - 9px);
margin-left: 0;
}
.woocommerce-page .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-message a,
.woocommerce-page .woocommerce-error a {
margin-left: 30px;
order: 2;
}
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
font-family: 'Rubik', sans-serif;
font-size: 18px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
text-decoration: none;
padding: 19px 38px;
display: inline-block;
color: #fff;
background-color: #333333;
border: 2px solid #333333;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
transition: .3s;
} .woocommerce .cart .actions > .button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
background-color: #7B4B94;
border-color: #7B4B94;
} .woocommerce input.button.white_button {
color: #333333;
background-color: #fff;
border-color: #fff;
}  .woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background-color: #fff;
color: #333333;
} .woocommerce .cart .actions > .button:hover,
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
background-color: #fff;
color: #7B4B94;
} .woocommerce input.button.white_button:hover {
color: #fff;
background-color: #333333;
border: 2px solid #fff;
} .woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
padding: 19px 38px;
color: #fff;
} #add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text,
.woocommerce form .form-row textarea {
min-height: 60px;
color: #333333;
padding: 18px;
border: 1px solid #BDBDBD;
box-sizing: border-box;
font-size: 18px;
float: none;
margin: 0;
}
.woocommerce-store-notice, p.demo_store {
background-color: #7B4B94;
}
@media (max-width: 768px) {
.woocommerce #content table.cart td.actions .coupon .button,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon input,
.woocommerce table.cart td.actions .coupon .button,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon input,
.woocommerce-page #content table.cart td.actions .coupon .button,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon input,
.woocommerce-page table.cart td.actions .coupon .button,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon input {
width: 100%;
}
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
display: flex;
justify-content: center;
align-items: stretch;
gap: 15px 20px;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
width: 200px;
}
.woocommerce-cart-form {
margin-top: 50px;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
background-color: #fff;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
border-bottom-color: #fff;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
box-sizing: border-box;
} .woocommerce-page .col2-set .col-2 {
display: block !important;
}
@media (max-width: 768px) {
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
flex-direction: column;
padding-bottom: 0;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
width: 100%;
}
}
@media (max-width: 450px) {
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
width: 100%;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
padding: 0;
}
}
.woocommerce-account .woocommerce-MyAccount-navigation {
background: #333333;
border: 5px solid #009EB8;
border-left: 1px solid #7B4B94;
border-right: 1px solid #7B4B94;
padding: 20px;
box-sizing: border-box;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul > li > a {
color: #fff;
display: block;
padding: 10px 20px;
font-size: 18px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul > li {
border-bottom: 1px solid rgba(255,255,255,0.3);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul > li:last-child {
border-bottom: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul > li.is-active > a {
color: #009EB8;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul > li:hover > a {
background-color: rgba(255,255,255,0.1);
}
.woocommerce form .form-row {
margin-bottom: 30px;
padding: 0;
}
.woocommerce .woocommerce-Price-amount bdi {
display: flex;
}
.woocommerce form .form-row label,
.woocommerce form legend,
.woocommerce form span {
line-height: normal;
display: block;
font-size: 14px;
margin-bottom: 10px;
}
.woocommerce form table span {
display: inline-block;
}
.woocommerce form legend {
font-size: 16px;
margin-bottom: 0;
}
.woocommerce form span {
margin: 0;
}
.woocommerce form input + span {
margin-top: 10px;
}
.woocommerce-MyAccount-content a {
color: #333333;
text-decoration: underline;
}
.woocommerce-MyAccount-content a:hover {
color: #009EB8;
}
.woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions, .woocommerce table.my_account_orders th.woocommerce-orders-table__cell-order-actions {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
gap: 10px;
}
.select2-container--default .select2-selection--single {
min-height: 60px;
color: #333333;
padding: 18px;
width: 100%;
border: 1px solid #BDBDBD;
box-sizing: border-box;
border-radius: 0;
font-size: 18px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #BDBDBD;
min-height: 40px;
}
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
padding-left: 0;
font-size: 18px;
height: 20px;
line-height: initial;
}
.woocommerce form .form-row label {
display: flex;
}
.woocommerce-checkout #payment div.payment_box p:last-child {
padding: 1em;
display: flex;
align-items: center;
}
.woocommerce-checkout #payment div.payment_box p:last-child label {
margin: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 20px;
right: 20px;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 11'%3E%3Cpath d='M9 10.5L0 1.73 1.26.5 9 8.04 16.74.5 18 1.73 9 10.5z' fill='%234F4F4F'/%3E%3C/svg%3E");
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.woocommerce-Address .woocommerce-Address-title {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 25px;
}
.woocommerce-Address .woocommerce-Address-title h3 {
margin: 0;
}
.woocommerce-Address .woocommerce-Address-title a {
margin-left: auto;
padding-left: 50px;
}
.woocommerce-Address {
margin-top: 20px;
}
.woocommerce-LostPassword a {
color: #333333;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: inline-flex;
gap: 10px;
margin-bottom: 30px;
}
.woocommerce-cart-form__cart-item .product-name a,
.woocommerce-privacy-policy-text a,
.woocommerce-info a {
color: #333333;
text-decoration: underline;
}
.woocommerce-cart-form__cart-item .product-name a:hover,
.woocommerce-privacy-policy-text a:hover,
.woocommerce-info a:hover {
color: #7B4B94;
}
.sub-category-title {
margin-bottom: 50px;
}
.sub-category-container {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap: 50px;
}
.sub-category-tile {
display: block;
width: 100%;
background: center / cover no-repeat transparent;
box-sizing: border-box;
border-bottom-width: 10px;
border-bottom-style: solid;
position: relative;
}
.sub-category-tile::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(0deg, rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.5));
}
.sub-category-tile * {
position: relative;
}
.sub-category-content {
padding: clamp(15px, 5vw, 50px) clamp(15px, 5vw, 50px);
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 30px;
flex-direction: column;
min-height: clamp(250px, 44vw, 450px);
box-sizing: border-box;
}
@media (min-width: 1024px) {
.sub-category-tile {
width: calc((100%/2) - ((50px*1)/2));
}
.sub-category-content {
min-height: clamp(300px, 22vw, 450px);
}
}
.sidebar li.woocommerce::marker {
content: '';
display: none;
}
.main-with-sidebar {
display: flex;
align-items: flex-start;
gap: 0 50px;
}
.main-with-sidebar .sidebar {
flex: 1 2 420px;
background-color: #F6F6F6;
padding: clamp(15px, 10vw, 50px) clamp(15px, 5vw, 50px);
box-sizing: border-box;
}
.main-with-sidebar .div-with-sidebar {
flex: 1 3 1350px;
} .close-sidebar {
display: none;
}
.sidebar > li {
margin-bottom: 50px;
}
.sidebar > li:last-child {
margin-bottom: 0;
}
.sidebar .widgettitle {
font-family: 'Rubik', sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1.1em;
text-transform: capitalize;
border-bottom: 1px solid #333333;
padding-bottom: 20px;
margin: 0;
}
.sidebar .woocommerce ul.cart_list {
margin: 30px 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.sidebar .woocommerce span.quantity {
display: flex;
gap: 4px;
}
.sidebar .woocommerce a.remove {
width: 20px;
height: 20px;
color: transparent!important;
background: center / 17px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 .6a8.4 8.4 0 100 16.8A8.4 8.4 0 009 .6zm4.79 11.46l-1.73 1.73L9 10.73l-3.06 3.06-1.73-1.73L7.27 9 4.21 5.94 5.94 4.2 9 7.27l3.06-3.06 1.73 1.73L10.73 9l3.06 3.06z' fill='%23333'/%3E%3C/svg%3E");
}
.sidebar .woocommerce a.remove:hover {
background: center / 17px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M9 .6a8.4 8.4 0 100 16.8A8.4 8.4 0 009 .6zm4.79 11.46l-1.73 1.73L9 10.73l-3.06 3.06-1.73-1.73L7.27 9 4.21 5.94 5.94 4.2 9 7.27l3.06-3.06 1.73 1.73L10.73 9l3.06 3.06z' fill='%23009EB8'/%3E%3C/svg%3E");
}
.sidebar .woocommerce ul.cart_list li a {
color: #333333;
font-weight: 400;
font-size: 14px;
text-decoration: underline;
margin-bottom: 10px;
}
.sidebar .woocommerce ul.cart_list li a:hover {
color: #009EB8;
}
.sidebar .woocommerce ul.cart_list li img {
width: 50px;
height: 50px;
}
.sidebar .woocommerce ul.cart_list li {
color: #333333;
font-weight: 400;
font-size: 14px;
}
.sidebar .woocommerce ul.cart_list li dl {
padding-left: 0;
border: none;
}
.sidebar .woocommerce ul.cart_list li dl dt,
.sidebar .woocommerce ul.cart_list li dl dd,
.sidebar .woocommerce ul.cart_list li dl dd p {
margin: 0;
padding: 0;
}
.sidebar .woocommerce ul.cart_list li dl dt {
margin-right: 6px;
}
.woocommerce .widget_shopping_cart .total {
font-size: 14px;
margin: 0;
text-align: center;
padding: 15px 0;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
display: flex;
justify-content: space-between;
align-items: center;
}
.sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons {
margin-top: 15px;
}
.sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons .button {
width: 100%;
box-sizing: border-box;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
padding-top: 9px;
padding-bottom: 9px;
margin: 0 0 10px 0;
}
.sidebar .widget_shopping_cart .woocommerce-mini-cart__buttons .button:last-child {
margin-bottom: 0;
}
.sidebar .widget_product_categories a {
color: #333333;
}
.sidebar .widget_product_categories a:hover {
color: #009EB8;
}
.sidebar .widget_product_categories .cat-item > a {
font-family: 'Rubik', sans-serif;
font-size: 17px;
font-weight: 700;
}
.sidebar .widget_product_categories ul.children .cat-item > a {
font-size: 14px;
font-weight: 400;
text-decoration: underline;
background-color: transparent;
}
.sidebar .widget_product_categories ul.children {
padding-left: 34px;
display: flex;
flex-direction: column;
gap: 15px;
margin-top: 15px;
}
.sidebar .widget_product_categories ul.children .cat-item.current-cat > a {
font-weight: 700;
}
.sidebar ul.product-categories {
display: flex;
flex-direction: column;
gap: 40px;
margin-top: 35px;
}
.sidebar .widget_price_filter form {
margin-top: 30px;
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 30px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #009EB8;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content > * {
background-color: #333333;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
box-sizing: border-box;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
padding-top: 9px;
padding-bottom: 9px;
margin: 0;
}
span.ui-slider-handle.ui-state-default.ui-corner-all {
margin-top: 1px;
}
.filter-toggle {
display: none;
float: right;
text-align: right;
}
.filter-toggle:before {
content: "";
display: block;
z-index: -1;
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.4);
transition: opacity .25s,visibility 0ms linear .25s,z-index 0ms linear .25s;
}
.filter_open .filter-toggle:before {
transform: translateZ(0);
opacity: 1;
visibility: visible;
transition: opacity .2s,visibility 0ms,transform .5s ease;
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
}
.sidebar-parent-cat {
display: flex;
align-items: center;
gap: 10px;
background: transparent;
} .product-sorting {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin: 50px 0;
}
.filter {
display: none;
align-items: center;
gap: 20px;
cursor: pointer;
font-size: 14px;
font-weight: 700;
width: 100%;
}
.filter::before {
content: '';
display: block;
width: 30px;
height: 30px;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg data-name='Layer 2'%3E%3Cpath d='M28 9H11a1 1 0 010-2h17a1 1 0 010 2zM7 9H4a1 1 0 010-2h3a1 1 0 010 2zM21 17H4a1 1 0 010-2h17a1 1 0 010 2zM11 25H4a1 1 0 010-2h7a1 1 0 010 2z'/%3E%3Cpath d='M9 11a3 3 0 113-3 3 3 0 01-3 3zm0-4a1 1 0 101 1 1 1 0 00-1-1zM23 19a3 3 0 113-3 3 3 0 01-3 3zm0-4a1 1 0 101 1 1 1 0 00-1-1zM13 27a3 3 0 113-3 3 3 0 01-3 3zm0-4a1 1 0 101 1 1 1 0 00-1-1z'/%3E%3Cpath d='M28 17h-3a1 1 0 010-2h3a1 1 0 010 2zM28 25H15a1 1 0 010-2h13a1 1 0 010 2z'/%3E%3C/g%3E%3Cpath fill='none' d='M0 0h32v32H0z'/%3E%3C/svg%3E");
}
.filter:hover {
color: #009EB8;
}
.filter:hover::before {
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M28 9H11a1 1 0 110-2h17a1 1 0 110 2zM7 9H4a1 1 0 010-2h3a1 1 0 010 2zM21 17H4a1 1 0 010-2h17a1 1 0 010 2zM11 25H4a1 1 0 010-2h7a1 1 0 010 2z' fill='%23009EB8'/%3E%3Cpath d='M9 11a3 3 0 110-6 3 3 0 010 6zm0-4a1 1 0 100 2 1 1 0 000-2zM23 19a3 3 0 110-6 3 3 0 010 6zm0-4a1 1 0 100 2 1 1 0 000-2zM13 27a3 3 0 110-6 3 3 0 010 6zm0-4a1 1 0 100 2 1 1 0 000-2z' fill='%23009EB8'/%3E%3Cpath d='M28 17h-3a1 1 0 010-2h3a1 1 0 010 2zM28 25H15a1 1 0 010-2h13a1 1 0 010 2z' fill='%23009EB8'/%3E%3C/svg%3E");
}
.woocommerce .woocommerce-ordering {
margin: 0;
}
.woocommerce .woocommerce-ordering select {
min-height: 36px;
color: #333333;
padding: 10px 70px 10px 18px;
width: 100%;
border: 1px solid #333333;
box-sizing: border-box;
font-size: 14px;
display: inline;
cursor: pointer;
background: #fff calc(100% - 20px) center / 15px 15px no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8'%3E%3Cpath d='M11.5 1.13l-5 5-5-5' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
appearance: none;
-webkit-appearance: none;
}
.woocommerce .woocommerce-ordering select::-ms-expand {
display: none;
}
.woocommerce .woocommerce-result-count {
color: #828282;
font-size: 14px;
float: none;
margin: 0;
}
.product-sorting .pagination {
gap: 10px;
margin: 0 0 0 auto;
}
.product-sorting .pagination span, .product-sorting .pagination a {
background-color: #fff;
width: 36px;
height: 36px;
border: 1px solid #333333;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
color: #333333;
}
.product-sorting .pagination span {
background-color: #333333;
color: #fff;
}
.product-sorting .pagination .next {
background: center / 13px 21px no-repeat #fff url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpath d='M7.25 7.35l-5.8 5.8a.5.5 0 01-.85-.36V1.21a.5.5 0 01.86-.36l5.79 5.8a.5.5 0 010 .7z' fill='%23333'/%3E%3C/svg%3E");
}
.product-sorting .pagination .prev {
background: center / 13px 21px no-repeat #fff url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13'%3E%3Cpath d='M.15 5.94L5.94.14a.5.5 0 01.85.36v11.59a.5.5 0 01-.85.35l-5.8-5.8a.5.5 0 010-.7z' fill='%23333'/%3E%3C/svg%3E");
}
.product-sorting .pagination a:hover {
background-color: #009EB8;
color: #fff;
}
.product-sorting .pagination .next:hover {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Cpath d='M7.25 7.35l-5.8 5.8a.5.5 0 01-.85-.36V1.21a.5.5 0 01.86-.36l5.79 5.8a.5.5 0 010 .7z' fill='%23fff'/%3E%3C/svg%3E");
}
.product-sorting .pagination .prev:hover {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 13'%3E%3Cpath d='M.15 5.94L5.94.14a.5.5 0 01.85.36v11.59a.5.5 0 01-.85.35l-5.8-5.8a.5.5 0 010-.7z' fill='%23fff'/%3E%3C/svg%3E");
} span.single-product-thumbnail {
height: 0;
width: 100%;
padding-bottom: 100%;
background: center / contain no-repeat;
display: block;
border-bottom-width: 10px;
border-bottom-style: solid;
}
.sale-discount {
position: absolute;
top: 20px;
right: 0;
width: 85px;
height: 30px;
background-color: #009EB8;
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 700;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
}
.woocommerce ul.products {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
gap: clamp(30px, 3vw, 50px);
margin: 0;
}
.products-banner .woocommerce ul.products {
gap: 0 clamp(30px, 3vw, 50px);
}
.woocommerce ul.products::before {
display: none;
}
.woocommerce ul.products[class*=columns-] li.product {
margin: 0;
}
.woocommerce ul.products[class*=columns-] li.product {
width: calc((100%/3) - (((clamp(30px, 3vw, 50px))*2)/3));
}
.woocommerce ul.products[class*=columns-4] li.product {
width: calc((100%/4) - (((clamp(30px, 3vw, 50px))*3)/4));
}
.sp-title-price-container, .sp-brand-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 5px;
flex-wrap: wrap;
}
.sp-title-price-container {
color: #333333;
font-family: 'Rubik', sans-serif;
font-weight: 700;
text-transform: uppercase;
margin-top: 10px;
flex-wrap: nowrap;
}
.sp-title-price-container .sp-title {
word-break: break-word;
}
.sp-title-price-container .sp-title small {
display: block;
font-size: 0.8em;
padding-top: 2px;
}
.sp-brand-container .sp-brand {
margin-top: 5px;
color: #4F4F4F;
font-size: 14px;
}
span.sp-sale-price {
display: flex;
gap: 5px;
flex-wrap: wrap;
justify-content: end;
min-width: 150px;
}
span.sp-sale-price .woocommerce-price-suffix {
text-transform: initial;
}
.woocommerce ul.products li.product a .sp-title-price-container,
.woocommerce ul.products li.product a .sp-brand-container .sp-brand {
transition: .3s;
}
.woocommerce ul.products li.product a.bg_blue:hover .sp-title-price-container,
.woocommerce ul.products li.product a.bg_blue:hover .sp-brand-container .sp-brand {
color: #009EB8;
}
.woocommerce ul.products li.product a.bg_green:hover .sp-title-price-container,
.woocommerce ul.products li.product a.bg_green:hover .sp-brand-container .sp-brand {
color: #BFE10E;
}
.woocommerce ul.products li.product a.bg_red:hover .sp-title-price-container,
.woocommerce ul.products li.product a.bg_red:hover .sp-brand-container .sp-brand {
color: #B0014C;
}
.sp-sale-price del {
display: none;
}
.sp-sale-price ins {
text-decoration: none;
}
@media (max-width: 1400px) {
.woocommerce ul.products[class*=columns-] li.product {
width: calc((100%/2) - ((clamp(30px, 3vw, 50px)*1)/2));
}
}
@media (max-width: 1199px) {
.product-sorting-before .pagination, .product-sorting-after .woocommerce-ordering, .product-sorting-after .woocommerce-result-count {
display: none;
}
.product-sorting-after .pagination {
margin-right: auto;
}
}
@media (max-width: 1023px) {
.filter {
display: flex;
}
.main-with-sidebar {
flex-direction: column;
}
.main-with-sidebar .div-with-sidebar {
width: 100%;
flex: 1 1 auto;
}
.main-with-sidebar .sidebar {
display: block;
position: fixed;
z-index: 20;
top: 0;
height: 100vh;
background: #fff;
padding: 20px;
left: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
overflow-y: scroll;
overflow-x: hidden;
transition: opacity .2s,visibility 0ms linear .2s,transform .5s ease;
transform: translate3d(-300px, 0, 0);
}
.filter_open .sidebar {
transform: translateZ(0);
opacity: 1;
visibility: visible;
transition: opacity .2s,visibility 0ms,transform .5s ease;
}
.filter-toggle {
display: inline-block;
margin-left: auto;
background: no-repeat right center/20px url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231D1D1B'%3E%3Cpath d='M1.8 7.8h6.6C8.8 9 10 10 11.4 10s2.5-1 2.8-2.3h10a.8.8 0 000-1.5h-10a3 3 0 00-5.8 0H1.7a.8.8 0 000 1.5zm9.5-2.3a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM24.3 12.3h-1.7c-.3-1.3-1.5-2.3-2.9-2.3s-2.5 1-2.9 2.3h-15a.8.8 0 000 1.4h15c.4 1.3 1.5 2.3 3 2.3s2.5-1 2.8-2.2h1.6a.8.8 0 000-1.6zm-4.6 2.2a1.5 1.5 0 110-3 1.5 1.5 0 010 3zM24.3 18.3H9.7A3 3 0 006.8 16 3 3 0 004 18.3H1.8a.8.8 0 000 1.4h2.1A3 3 0 007 22a3 3 0 002.8-2.2h14.6a.8.8 0 000-1.6zM6.8 20.4a1.5 1.5 0 110-3 1.5 1.5 0 010 3z'/%3E%3C/g%3E%3C/svg%3E");
padding-right: 30px;
position: relative;
z-index: 11;
margin-bottom: 20px;
}
.close-sidebar {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 5px;
margin: 10px 10px 30px 0;
text-align: right;
font-size: 14px;
cursor: pointer;
transition: .3s;
}
.close-sidebar::after {
content: '';
display: block;
width: 16px;
height: 16px;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M437.5 386.6L306.9 256l130.6-130.6a35.91 35.91 0 000-50.9 35.91 35.91 0 00-50.9 0L256 205.1 125.4 74.5a35.91 35.91 0 00-50.9 0 35.91 35.91 0 000 50.9L205.1 256 74.5 386.6a35.91 35.91 0 000 50.9 35.91 35.91 0 0050.9 0L256 306.9l130.6 130.6a35.91 35.91 0 0050.9 0c14-14.1 14-36.9 0-50.9z' fill='%23000'/%3E%3C/svg%3E");
transition: .3s;
}
.close-sidebar:hover {
color: #009EB8;
}
.close-sidebar:hover::after {
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M437.5 386.6L306.9 256l130.6-130.6a35.91 35.91 0 000-50.9 35.91 35.91 0 00-50.9 0L256 205.1 125.4 74.5a35.91 35.91 0 00-50.9 0 35.91 35.91 0 000 50.9L205.1 256 74.5 386.6a35.91 35.91 0 000 50.9 35.91 35.91 0 0050.9 0L256 306.9l130.6 130.6a35.91 35.91 0 0050.9 0c14-14.1 14-36.9 0-50.9z' fill='%23009EB8'/%3E%3C/svg%3E");
}
}
@media (max-width: 767px) {
.woocommerce ul.products {
gap: 30px;
}
.products-banner .woocommerce ul.products {
gap: clamp(30px, 3vw, 50px);
}
}
@media (max-width: 600px) {
.woocommerce ul.products {
gap: 30px;
}
.woocommerce ul.products[class*=columns-] li.product {
width: 100%;
}
}
@media (max-width: 450px) {
.woocommerce .widget_price_filter .price_slider_amount .price_label {
display: inline-flex;
order: 1;
justify-content: flex-start;
}
.woocommerce .widget_price_filter .price_slider_amount {
display: flex;
flex-direction: column;
gap: 10px;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
order: 2;
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 10px;
}
}
a:hover,
.product-chain a:hover,
.sidebar .woocommerce ul.cart_list li a:hover,
.faq-question:hover,
.woocommerce-MyAccount-content a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul > li.is-active > a
{
color: #7B4B94;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.product-sorting .pagination a:hover {
background-color: #7B4B94;
}
.single_post:hover .post_title,
.sidebar .widget_product_categories a:hover {
color: #7B4B94;
}
.single_post.bg_blue:hover .post_title,
.sidebar .widget_product_categories a.bg_blue:hover {
color: #009EB8;
}
.single_post.bg_green:hover .post_title,
.sidebar .widget_product_categories a.bg_green:hover {
color: #BFE10E;
}
.single_post.bg_red:hover .post_title,
.sidebar .widget_product_categories a.bg_red:hover {
color: #B0014C;
}
.single_post:hover {
border-bottom: 10px solid #7B4B94;
}
.faq-question:hover::after {
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 11'%3E%3Cpath d='M9 10.5L0 1.73 1.26.5 9 8.04 16.74.5 18 1.73 9 10.5z' fill='%237B4B94'/%3E%3C/svg%3E");
}
.close-header-search:hover {
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M437.5 386.6L306.9 256l130.6-130.6a35.91 35.91 0 000-50.9 35.91 35.91 0 00-50.9 0L256 205.1 125.4 74.5a35.91 35.91 0 00-50.9 0 35.91 35.91 0 000 50.9L205.1 256 74.5 386.6a35.91 35.91 0 000 50.9 35.91 35.91 0 0050.9 0L256 306.9l130.6 130.6a35.91 35.91 0 0050.9 0c14-14.1 14-36.9 0-50.9z' fill='%237B4B94'/%3E%3C/svg%3E");
} .main_menu a:hover,
.main_menu li.current-menu-item > a,
.main_menu li.current-menu-parent > a,
ul.footer_menu li:hover a,
ul.end_of_page_menu li:hover a,
.end-of-page-marketing a:hover {
color: #7B4B94;
}
.main_menu li.menu-item-has-children > a:hover::after,
.main_menu li.menu-item-has-children.current-menu-item > a::after,
.main_menu li.menu-item-has-children.current-menu-parent > a::after,
.main_menu li.menu-item-has-children.current-page-parent > a::after {
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 7'%3E%3Cpath d='M11.5 1l-5 5-5-5' stroke='%237B4B94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.search-icon:hover {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 25'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.45 10.49a7.63 7.63 0 11-15.27 0 7.63 7.63 0 0115.27 0zm-1.5 7.67a9.82 9.82 0 111.54-1.54l6.19 6.19a1.1 1.1 0 11-1.54 1.54l-6.2-6.19z' fill='%237B4B94'/%3E%3C/svg%3E");
}
.account-icon:hover {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 25'%3E%3Cpath d='M11 3.073c-1.296 0-2.54.506-3.456 1.406a4.756 4.756 0 00-1.432 3.394c0 1.273.515 2.494 1.432 3.394.916.9 2.16 1.406 3.457 1.406 1.296 0 2.54-.505 3.457-1.406a4.756 4.756 0 001.431-3.394 4.756 4.756 0 00-1.431-3.394A4.935 4.935 0 0011 3.073zm-7.333 4.8c0-1.91.773-3.74 2.148-5.09a7.403 7.403 0 015.186-2.11c1.944 0 3.81.759 5.185 2.11a7.134 7.134 0 012.148 5.09c0 1.91-.773 3.741-2.148 5.091A7.403 7.403 0 0111 15.074a7.403 7.403 0 01-5.186-2.11 7.134 7.134 0 01-2.148-5.09zm2.445 12c-.973 0-1.905.38-2.593 1.055a3.567 3.567 0 00-1.074 2.545c0 .319-.129.624-.358.849-.23.225-.54.351-.864.351-.324 0-.635-.126-.865-.351A1.189 1.189 0 010 23.473c0-1.591.644-3.117 1.79-4.242a6.169 6.169 0 014.322-1.758h9.777c1.621 0 3.175.632 4.322 1.758A5.945 5.945 0 0122 23.473c0 .319-.13.624-.359.849-.229.225-.54.351-.864.351-.324 0-.635-.126-.864-.351a1.189 1.189 0 01-.358-.849c0-.954-.386-1.87-1.074-2.545a3.701 3.701 0 00-2.593-1.055H6.112z' fill='%237B4B94'/%3E%3C/svg%3E");
}
.basket-icon:hover {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 24'%3E%3Cpath d='M27.73 7.9a1.08 1.08 0 00-.82-.37h-6.45v-4.3A3.23 3.23 0 0017.23 0h-6.46a3.23 3.23 0 00-3.23 3.23v4.3H1.1A1.08 1.08 0 000 8.77l2.03 13.07a2.15 2.15 0 002.15 1.83h19.65a2.15 2.15 0 002.15-1.83l2-13.07a1.08 1.08 0 00-.26-.86zM9.7 3.24a1.08 1.08 0 011.07-1.08h6.46a1.08 1.08 0 011.08 1.08v4.3H9.7v-4.3zm14.14 18.3H4.17L2.35 9.67h23.3l-1.81 11.84z' fill='%237B4B94'/%3E%3C/svg%3E");
}
.sub-menu,
.woocommerce-account .woocommerce-MyAccount-navigation {
border: 1px solid #009EB8;
border-top: 5px solid #7B4B94;
border-bottom: 5px solid #7B4B94;
}
.main_menu > li.menu-item-has-children > a::before {
border-bottom-color: #7B4B94;
}
.bg_blue .mega-sub-menu > li > a:hover,
.sub-menu > li.bg_blue > a.parent-category-label:hover {
color: #009EB8;
}
.bg_green .mega-sub-menu > li > a:hover,
.sub-menu > li.bg_green > a.parent-category-label:hover {
color: #BFE10E;
}
.bg_red .mega-sub-menu > li > a:hover,
.sub-menu > li.bg_red > a.parent-category-label:hover {
color: #B0014C;
}