.my-3r{margin-top: 3rem !important; margin-bottom: 3rem !important;}
.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0!important;margin-right:0!important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }`

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }								
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }			
.pr-1 { padding-right:.25rem!important; }						
.pb-1 { padding-bottom:.25rem!important; }		
.pl-1 { padding-left:.25rem!important; }							
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }												
.pr-2 { padding-right:.5rem!important; }								
.pb-2 { padding-bottom:.5rem!important; }				
.pl-2 { padding-left:.5rem!important; }												
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }								
.pr-3 { padding-right:1rem!important; }				
.pb-3 { padding-bottom:1rem!important; }				
.pl-3 { padding-left:1rem!important; }								
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }								
.pr-4 { padding-right:1.5rem!important; }				
.pb-4 { padding-bottom:1.5rem!important; }				
.pl-4 { padding-left:1.5rem!important; }								
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }	
.pr-5 { padding-right:3rem!important; }	
.pb-5 { padding-bottom:3rem!important; }	
.pl-5 { padding-left:3rem!important; }	
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }



.text-black {
font-weight: 900;
}

.text-extra-bold {
font-weight: 800;
}

.text-bold {
font-weight: 700;
}

.text-semi-bold {
font-weight: 600;
}

.text-medium {
font-weight: 500;
}

.text-normal {
font-weight: 400;
}

.text-light {
font-weight: 300;
}

.text-extra-light {
font-weight: 200;
}

.text-thin {
font-weight: 100;
}


.description{
background-color: #fff;
color: #181818;
position: relative;
padding: 30px 90px 30px 30px;
}
.ltx-more {
position: absolute;
right: 15px;
top: 35%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 18px;
width: 50px;
height: 50px;
line-height: 50px;
border: 1px solid #181818;
border-color: #181818;
text-align: center;
z-index: 3;
cursor: pointer;
color: #181818;
color: var(--black);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ltx-more::after {
display: inline-block;
font-family: ltx-font;
font-weight: 400 !important;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e828";
}
/* Shadows */

.box-shadow{
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.shadow-top {
box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75);
}
.shadow-right {
box-shadow: 10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-bottom {
box-shadow: 0 10px 20px -5px rgba(115,115,115,0.75);
}
.shadow-left {
box-shadow: -10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-all {
box-shadow: 0 0 20px rgba(115,115,115,0.75);
}
.shadow-top-right{
box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-top-bottom{
box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
0 10px 20px -5px rgba(115,115,115,0.75);
}
.shadow-top-left{
box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
-10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-bottom-right{
box-shadow: 0 10px 20px -5px rgba(115,115,115,0.75),
10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-left-right{
box-shadow: -10px 0 20px -5px rgba(115,115,115,0.75),
10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-bottom-left{
box-shadow: 0 10px 20px -5px rgba(115,115,115,0.75),
-10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-top-bottom-right{
box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
0 10px 20px -5px rgba(115,115,115,0.75),
10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-top-bottom-left{
box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75),
0 10px 20px -5px rgba(115,115,115,0.75),
-10px 0 20px -5px rgba(115,115,115,0.75);
}
.shadow-inset {
box-shadow: inset 0 0 20px rgba(115,115,115,0.75);
}
.product {
border-left: 1px solid #efefef;
border-radius: 0px;
}
.section-bg {
background: rgb(249, 249, 249);
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a{
width: 100% !important;
float: left !important;
display: flex;
margin-bottom: 20px;
padding: 10px 20px !important;
}

@mixin aspect-ratio($width, $height) {
position: relative;

&:before {
display: block;
content: "";
width: 100%;
padding-top: ($height / $width) * 100%;
}

> img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
}

.carousel {
display: block;
text-align: left;
position: relative;
margin-bottom: 22px;

> input {
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;

&:nth-of-type(6):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -500%; }
&:nth-of-type(5):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -400%; }
&:nth-of-type(4):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -300%; }
&:nth-of-type(3):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -200%; }
&:nth-of-type(2):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: -100%; }
&:nth-of-type(1):checked ~ .carousel__slides .carousel__slide:first-of-type { margin-left: 0%; }

&:nth-of-type(1):checked ~ .carousel__thumbnails li:nth-of-type(1) { box-shadow: 0px 0px 0px 5px rgb(249, 190, 58); }
&:nth-of-type(2):checked ~ .carousel__thumbnails li:nth-of-type(2) { box-shadow: 0px 0px 0px 5px rgb(249, 190, 58); }
&:nth-of-type(3):checked ~ .carousel__thumbnails li:nth-of-type(3) { box-shadow: 0px 0px 0px 5px rgb(249, 190, 58); }
&:nth-of-type(4):checked ~ .carousel__thumbnails li:nth-of-type(4) { box-shadow: 0px 0px 0px 5px rgb(249, 190, 58); }
&:nth-of-type(5):checked ~ .carousel__thumbnails li:nth-of-type(5) { box-shadow: 0px 0px 0px 5px rgb(249, 190, 58); }
&:nth-of-type(6):checked ~ .carousel__thumbnails li:nth-of-type(6) { box-shadow: 0px 0px 0px 5px rgb(249, 190, 58); }
}
}

.carousel__slides {
position: relative;
z-index: 1;
padding: 0;
margin: 0;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
display: flex;
height: 500px;
}

.carousel__slide {
position: relative;
display: block;
flex: 1 0 100%;
width: 100%;
height: 100%;
overflow: hidden;
transition: all 300ms ease-out;
vertical-align: top;
box-sizing: border-box;
white-space: normal;

figure {
display: flex;
margin: 0;
height: 100%;
}

div {
@include aspect-ratio(3, 2);
width: 100%;
height: 100%;
}

img {
display: block;
flex: 1 1 auto;
object-fit: cover;
height: 100%;
}

figcaption {
align-self: flex-end;
padding: 20px 20px 0 20px;
flex: 0 0 auto;
width: 25%;
min-width: 150px;
}

.credit {
margin-top: 1rem;
color: rgba(0, 0, 0, 0.5);
display: block;        
}

&.scrollable {
overflow-y: scroll;
}
}


.carousel__thumbnails {
list-style: none;
padding: 0;
margin: 0;
display: flex;

margin: 0 -10px;

.carousel__slides + & {
margin-top: 20px;
}

li {        
flex: 1 1 auto;
max-width: calc((100% / 6) - 40px);  
margin: 0 5px;
transition: all 300ms ease-in-out;
}

label {
display: block;
margin: 0 !important;
border: 1px solid #ccc;
@include aspect-ratio(1,1);

  
&:hover,
&:focus {
cursor: pointer;

img {
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
transition: all 300ms ease-in-out;
}
}
}

img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
justify-content: center !important;
}


.faq-drawer {
margin: 10px 0px 0px 0px;
}

.faq-drawer__content-wrapper {
font-size: 1.25em;
line-height: 1.4em;
max-height: 0px;
overflow: hidden;
transition: 0.25s ease-in-out;
}

.faq-drawer__title {
    border-bottom: #d1d1d1 1px solid;
    cursor: pointer;
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    padding: 15px 20px 15px 0px !important;
    position: relative;
    margin-bottom: 0;
    transition: all 0.25s ease-out;
}

.faq-drawer__title::after {
border-style: solid;
border-width: 1px 1px 0 0;
content: " ";
display: inline-block;
float: right;
height: 10px;
left: 2px;
position: relative;
right: 20px;
top: 2px;
transform: rotate(135deg);
transition: 0.35s ease-in-out;
vertical-align: top;
width: 10px;
}

/* OPTIONAL HOVER STATE */
.faq-drawer__title:hover { 
color: #4E4B52  ;
}

.faq-drawer__trigger:checked
+ .faq-drawer__title
+ .faq-drawer__content-wrapper {
max-height: 350px;
}

.faq-drawer__trigger:checked + .faq-drawer__title::after {
transform: rotate(-45deg);
transition: 0.25s ease-in-out;
}
.faq-drawer input[type="checkbox"] {
display: none;
}

.faq-drawer__content p {
margin: 15px 0 0 15px !important;
}