/** Shopify CDN: Minification failed

Line 169:204 Unexpected "{"
Line 173:204 Unexpected "{"
Line 177:203 Unexpected "{"
Line 406:204 Unexpected "{"
Line 410:204 Unexpected "{"
Line 414:203 Unexpected "{"

**/

/*----------------------------------------------------------------------MODAL POPUP------------------------------*/


.trigger, .trigger-2, .trigger-3, .trigger-4, .trigger-5, .trigger-6, .trigger-7, 
.trigger-8, .trigger-9, .trigger-9b, .trigger-9c{
/*text-align: center;
padding: 5px 20px;
background: #e1e1e1;
color: #000;
font-size: 11px;
line-height: 1;
font-weight: 800;
letter-spacing: 5px;
outline: none;
border: none;
border-radius: 5px;
vertical-align: top;
font-family: 'Poppins';
min-width: 102px;
transition: 0.4s ease-in-out;
padding: 0px !important;*/
}
.trigger:hover, .trigger-2:hover, .trigger-3:hover, .trigger-4:hover, .trigger-5:hover, 
.trigger-6:hover, .trigger-7:hover, .trigger-8:hover, .trigger-9:hover, .trigger-9b:hover, .trigger-9c:hover {
/*filter: brightness(0.92);
letter-spacing: 2px;
transition: 0.7s ease-in-out;*/
}
.modal-1, .modal-2, .modal-3, .modal-4, .modal-5, .modal-6, .modal-7, .modal-8, .modal-9, .modal-9b, .modal-9c {
position: fixed;
width: 100%;
max-width: 1540px !important;
/*height: 100%;*/
height: 700px;
/*background-color: rgba(0, 0, 0, 0.8);*/
opacity: 0;
visibility: hidden;
margin-bottom: -50px;
background-color: tan;
padding: 20px;
border-radius: 20px;
max-width: 80vw;
width: 80vw;
max-width: 1540px !important;
height: 80vh;
min-height: 600px;
max-height: 770px;
transform: translateY(-30px);
transition: opacity 0.3s ease, transform 0.3s ease;
z-index: 104 !important;
top: 50% !important; 
right: 50% !important; 
transform: translate(50%,-50%) !important;
margin: 0 auto !important;
margin-top: -30px !important;
backdrop-filter: brightness(100%) blur(1rem) !important;
-moz-backdrop-filter: brightness(100%) blur(1rem) !important;
-webkit-backdrop-filter: brightness(100%) blur(1rem) !important;
-o-backdrop-filter: brightness(100%) blur(1rem) !important;
-ms-backdrop-filter: brightness(100%) blur(1rem) !important;
background-color: rgba(255,255,255,.82) !important;
top: 50% !important; right: 50% !important; transform: translate(50%,-50%) !important;
}

.show-modal, .show-modal-2, .show-modal-3, .show-modal-4, .show-modal-5, .show-modal-6, 
.show-modal-7, .show-modal-8, .show-modal-9, .show-modal-9b, .show-modal-9c {
opacity: 1;
visibility: visible;
z-index: 103 !important;
transform: translateY(30px);
top: 50%; right: 50%; transform: translate(50%,-50%);
box-shadow: 0 5px 15px #0000007a;
overflow-y: hidden;
margin-top: -10px;
position: fixed !important;
}
.show-modal::before {
 width: 1800px !important;
height: 1800px !important;
  background-color: #333 !important;
}
.show-modal>body {
  opacity: 0.3 !important;
}

.modal-contentx, .modal-contentx-2, .modal-contentx-3, .modal-contentx-4, .modal-contentx-5, 
.modal-contentx-6, .modal-contentx-7, .modal-contentx-8, .modal-contentx-9, .modal-contentx-9b, 
.modal-contentx-9c {
background-color: transparent;
padding: 0 1.5rem 1rem;
width: 100%;
position: relative;
height: 100%;
}
.close-button, .close-button-2, .close-button-3, .close-button-4, .close-button-5, 
.close-button-6, .close-button-7, .close-button-8, .close-button-9, .close-button-9b, .close-button-9c, .close-buttonmb, .close-buttonmb-2, 
.close-buttonmb-3, .close-buttonmb-4, .close-buttonmb-5, .close-buttonmb-6, .close-buttonmb-7, 
.close-buttonmb-8, .close-buttonmb-9, .close-buttonmb-9b, .close-buttonmb-9c{
top: 0px;
right: 0px;
float: right;
padding: 5px;
cursor: pointer;
position: absolute;
border-radius: 8px;
font-size: 50px;
}
.close-button:hover, .close-button-2:hover, .close-button-3:hover, .close-button-4:hover, .close-button-5:hover, 
.close-button-6:hover, .close-button-7:hover, .close-button-8:hover, .close-button-9:hover, .close-button-9b:hover, .close-button-9c:hover, .close-buttonmb:hover, .close-buttonmb-2:hover, 
.close-buttonmb-3:hover, .close-buttonmb-4:hover, .close-buttonmb-5:hover, .close-buttonmb-6:hover, 
.close-buttonmb-7:hover, .close-buttonmb-8:hover, .close-buttonmb-9:hover, 
.close-buttonmb-9b:hover, .close-buttonmb-9c:hover {
background-color: #f1f1f1;
}

/*----------------------------------------------------------------------END MODAL POPUP------------------------------*/
/*----------------------------------------------------------------------MODAL TABS------------------------------*/


/*-------------------------------------------TAB LINKS ----------------------------------------------*/
.tab-wrapper {
text-align: center;
display: block;
margin: auto;
max-width: 500px; 
}

.tabs {
margin: 0;
padding: 0;
display: flex;
justify-content: center; 
}

.tab-link, .tab-link2, .tab-link3, .tab-link4, .tab-link5, .tab-link6, .tab-link7, .tab-link8, .tab-link9, .tab-link9b, .tab-link9c {
margin: 0 1%;
list-style: none;
padding: 10px 40px 10px;
color: #aaa;
cursor: pointer;
transition: all ease 0.5s;
border-bottom: solid 5px rgba(255, 255, 255, 0);
letter-spacing: 1px;
font-family: 'StretchPro' !important;
font-variant: none;
font-size: 20px;
letter-spacing: 15px;
}
.tab-link:hover, .tab-link2:hover, .tab-link3:hover, .tab-link4:hover, .tab-link5:hover, .tab-link6:hover, .tab-link7:hover, .tab-link8:hover, .tab-link9:hover, .tab-link9b:hover, .tab-link9c:hover  {
color: #999;
border-color: #999; }

.tab-link.active, .tab-link2.active, .tab-link3.active, .tab-link4.active, .tab-link5.active, .tab-link6.active, .tab-link7.active, .tab-link8.active, .tab-link9.active, .tab-link9b.active, .tab-link9c.active  {
color: #333;
border-color: #333; 
letter-spacing: 5px;}

.tab-link:nth-of-type(1).active, .tab-link2:nth-of-type(1).active, .tab-link3:nth-of-type(1).active, .tab-link4:nth-of-type(1).active, .tab-link5:nth-of-type(1).active, .tab-link6:nth-of-type(1).active,  {
color: #101010;
border-color: #101010; }

.tab-link:nth-of-type(2).active, .tab-link2:nth-of-type(2).active, .tab-link3:nth-of-type(2).active, .tab-link4:nth-of-type(2).active, .tab-link5:nth-of-type(2).active, .tab-link6:nth-of-type(2).active,  {
color: #101010;
border-color: #101010; }

.tab-link:nth-of-type(3).active, .tab-link2:nth-of-type(3).active, .tab-link3:nth-of-type(3).active, .tab-link4:nth-of-type(3).active, .tab-link5:nth-of-type(3).active, .tab-link6:nth-of-type(3).active, {
color: #101010;
border-color: #101010; }


/*-------------------------------------------END TAB LINKS ----------------------------------------------*/
/*-------------------------------------------TAB CONTENT ----------------------------------------------*/

.wrapper {
max-width: 100%;
margin: auto; 
height: 100%;
padding-top: 10px;
/*padding: 30px 30px;*/
}
.content-wrapper {
/*padding: 25px 0px;*/
height: 100%;
}
.tab-content {
display: none;
text-align: center;
color: #888;
font-weight: 300;
font-size: 15px;
opacity: 0;
transform: translateY(15px);
animation: fadeIn 0.5s ease 1 forwards; 
height: 100%;
padding-top: 5px;
}
.tab-content.active {
display: block; 
}
@keyframes fadeIn {
100% {
opacity: 1;
transform: none; 
}}

.reel-desc {
font-size: 11px; 
font-weight: 600; 
text-transform: uppercase; 
letter-spacing: 3px;
text-align: justify;
}

.grid-row:after {
content: "";
display: flex;
clear: both;
margin: 0 auto !important;
width: 100%;
justify-content: center;
}

.grid-row div {
float: left;
width: 32%;
padding: 10px;
gap: 4px;
height: 400px;
border-radius: 10px;
margin: 4px;
display: flex;
flex-direction: column;
justify-content: center;
}

/*-------------------------------------------END TAB CONTENT ----------------------------------------------*/





















/*----------------------------------------------------------MODAL MOBILE -----------------------------------------------*/
@media (max-width: 1024px){
.trigger, .trigger-2, .trigger-3, .trigger-4, .trigger-5, .trigger-6, .trigger-7, 
.trigger-8, .trigger-9, .trigger-9b, .trigger-9c{
text-align: center;
/*padding: 5px 20px;*/
background: #e1e1e1;
color: #000;
font-size: 11px;
line-height: 1;
font-weight: 800;
letter-spacing: 5px;
outline: none;
border: none;
border-radius: 5px;
vertical-align: top;
font-family: 'Poppins';
min-width: 102px;
transition: 0.4s ease-in-out;
}
.trigger:hover, .trigger-2:hover, .trigger-3:hover, .trigger-4:hover, .trigger-5:hover, .trigger-6:hover, .trigger-7:hover, .trigger-8:hover, .trigger-9:hover, .trigger-9b:hover, .trigger-9c:hover {
filter: brightness(0.92);
letter-spacing: 2px;
transition: 0.7s ease-in-out;
}
.modal-1, .modal-2, .modal-3, .modal-4, .modal-5, .modal-6, .modal-7, .modal-8, .modal-9, .modal-9b, .modal-9c  {
position: fixed;
width: 100%;
/*height: 100%;*/
height: 480px !important;
/*background-color: rgba(0, 0, 0, 0.8);*/
opacity: 0;
visibility: hidden;
opacity: 0;
margin-bottom: -50px;
background-color: tan;
padding: 5px;
border-radius: 20px;
max-width: 90vw;
width: 90vw;
height: 80vh;
min-height: 350px;
max-height: 480px !important;
transform: translateY(-30px);
transition: opacity 0.3s ease, transform 0.3s ease;
z-index: 104 !important;
top: 50% !important; 
right: 50% !important; 
transform: translate(50%,-50%) !important;
margin: 0 auto !important;
margin-top: -15px !important;
transition: 0.2s ease-out;
backdrop-filter: brightness(100%) blur(1rem) !important;
-moz-backdrop-filter: brightness(100%) blur(1rem) !important;
-webkit-backdrop-filter: brightness(100%) blur(1rem) !important;
-o-backdrop-filter: brightness(100%) blur(1rem) !important;
-ms-backdrop-filter: brightness(100%) blur(1rem) !important;
background-color: rgba(255,255,255,.7) !important;
top: 50% !important; right: 50% !important; transform: translate(50%,-50%) !important;
}
.modal-2, .modal-3, .modal-4, .modal-5, .modal-6, .modal-7, .modal-8, .modal-9, .modal-9b, .modal-9c {
}
.show-modal, .show-modal-2, .show-modal-3, .show-modal-4, .show-modal-5, .show-modal-6, .show-modal-7, .show-modal-8, .show-modal-9, .show-modal-9b, .show-modal-9c {
opacity: 1;
visibility: visible;
z-index: 103 !important;
transition: 0.35s ease-out;
transform: translateY(30px);
top: 50%; right: 50%; transform: translate(50%,-50%);
box-shadow: 0 5px 15px #0000007a;
overflow-y: hidden;
margin-top: -10px;
position: fixed !important;
z-index: 999 !important;
}
.modal-contentx, .modal-contentx-2, .modal-contentx-3, .modal-contentx-4, .modal-contentx-5, .modal-contentx-6, .modal-contentx-7, .modal-contentx-8, .modal-contentx-9, .modal-contentx-9b, .modal-contentx-9c {
background-color: transparent;
padding: 0 10px 1rem;
width: 100%;
position: relative;
height: 100%;
}
.close-button, .close-button-2, .close-button-3, .close-button-4, .close-button-5, .close-button-6, .close-button-7, .close-button-8, .close-button-9, .close-button-9b, .close-button-9c  {
top: 0px;
right: 0px;
float: right;
padding: 5px;
cursor: pointer;
position: absolute;
border-radius: 8px;
font-size: 50px;
}
.close-button:hover, .close-button-2:hover, .close-button-3:hover, .close-button-4:hover, .close-button-5:hover, .close-button-6:hover, .close-button-7:hover, .close-button-8:hover, .close-button-9:hover, .close-button-9b:hover, .close-button-9c:hover {
background-color: #f1f1f1;
}
.wrapper {
max-width: 100%;
margin: auto; 
height: 100%;
padding-top: 0px;
/*padding: 30px 30px;*/
}
.tab-wrapper {
text-align: center;
display: block;
margin: auto;
max-width: 500px; }
.tabs {
margin: 0;
padding: 0;
display: flex;
justify-content: center; }


.tab-link, .tab-link2, .tab-link3, .tab-link4, .tab-link5, .tab-link6, .tab-link7, .tab-link8, .tab-link9, .tab-link9b, .tab-link9c {
margin: 0 1%;
list-style: none;
padding: 10px 5px 5px;
color: #aaa;
cursor: pointer;
transition: all ease 0.5s;
border-bottom: solid 5px rgba(255, 255, 255, 0);
letter-spacing: 1px;
font-family: 'StretchPro' !important;
font-size: 10px;
font-variant: none;
letter-spacing: 2px;
}
.tab-link:hover, .tab-link2:hover, .tab-link3:hover, .tab-link4:hover, .tab-link5:hover, .tab-link6:hover, .tab-link7:hover, .tab-link8:hover, .tab-link9:hover, .tab-link9b:hover, .tab-link9c:hover {
color: #999;
border-color: #999; }

.tab-link.active, .tab-link2.active, .tab-link3.active, .tab-link4.active, .tab-link5.active, .tab-link6.active, .tab-link7.active, .tab-link8.active, .tab-link9.active, .tab-link9b.active, .tab-link9c.active {
color: #333;
border-color: #333; 
letter-spacing: 5px;}

.tab-link:nth-of-type(1).active, .tab-link2:nth-of-type(1).active, .tab-link3:nth-of-type(1).active, .tab-link4:nth-of-type(1).active, .tab-link5:nth-of-type(1).active, .tab-link6:nth-of-type(1).active,  {
color: #101010;
border-color: #101010; }

.tab-link:nth-of-type(2).active, .tab-link2:nth-of-type(2).active, .tab-link3:nth-of-type(2).active, .tab-link4:nth-of-type(2).active, .tab-link5:nth-of-type(2).active, .tab-link6:nth-of-type(2).active,  {
color: #101010;
border-color: #101010; }

.tab-link:nth-of-type(3).active, .tab-link2:nth-of-type(3).active, .tab-link3:nth-of-type(3).active, .tab-link4:nth-of-type(3).active, .tab-link5:nth-of-type(3).active, .tab-link6:nth-of-type(3).active, {
color: #101010;
border-color: #101010; }



.content-wrapper {
/*padding: 25px 0px;*/
height: 100%;
}

.tab-content {
display: none;
text-align: center;
color: #888;
font-weight: 300;
font-size: 15px;
opacity: 0;
transform: translateY(15px);
animation: fadeIn 0.5s ease 1 forwards; 
height: 100%;
padding-top: 5px;
}
.tab-content.active {
display: block; 
}
.column-modal {
float: left;
width: 50%;
padding: 10px;
height: 100%;
text-align: left;
gap: 5px;
margin: 0px;
}


.modal-ul {
overflow: hidden;
padding: 20px 3px;
}
.modal-ul > li {
list-style: none;
position: relative;
padding: 0 0 15px 20px;
margin: 0 0 0px 10px;
transition: 0.12s;
line-height: 1.2;
color: #747474 !important;
}
.modal-ul > li::before {
position: absolute;
content: '\2022';
font-family: Arial;
color: #f1f1f1;
top: 6px;
left: 3px;
text-align: center;
opacity: 1;
line-height: 0.75;
transition: 0.5s;
transform: scale(1);
opacity: 1;
text-shadow: 0 0 4px;
}
.modal-ul > li:hover {
color: #fff !important;
transition: 0.2s;
}
.modal-ul > li:hover::before {
transform: scale(2);
opacity: 1;
text-shadow: 0 0 4px;
transition: 0.22s;
}


.row-modal {
display: flex;
height: 91%;
}
.row-modal:after {
display: flex;
content: "";
display: table;
clear: both;
}

.threecol span {
padding-bottom: 10px !important;
}}
/*----------------------------------------------------------MODAL MOBILE END-----------------------------------------------*/





@media (min-width: 1024px){ 
.modal-ul {
overflow: hidden;
padding: 20px 3px;
margin-left: 50px;
}
.modal-ul > li {
list-style: none;
position: relative;
padding: 0 0 15px 20px;
margin: 0 0 0px 10px;
transition: 0.12s;
line-height: 1.2;
color: #232323 !important;
cursor: default;
}
.modal-ul > li::before {
position: absolute;
content: '\2022';
font-family: Arial;
color: #000;
font-size: 20px;
top: 2px;
left: 0px;
text-align: center;
opacity: 1;
line-height: 0.75;
transition: 0.5s;
transform: scale(1);
opacity: 1;
text-shadow: 0 0 4px;
}
.modal-ul > li:hover {
font-weight: 600 !important;
color: #000 !important;
transition: 0.2s;

}
.modal-ul > li:hover::before {
transform: scale(2);
opacity: 1;
text-shadow: 0 0 4px;
transition: 0.22s;
}}  







@media (min-width: 1024px) and (max-width: 1550px){
.tab-link, .tab-link2, .tab-link3, .tab-link4, .tab-link5, .tab-link6, .tab-link7, .tab-link8, .tab-link9, .tab-link9b, .tab-link9c {
  padding: 10px 10px 10px !important;  
}}