/* Scootstrap  2/15/25
   ========================================================================== */
.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left:  auto;
}
.hideModal{
  opacity:0;
  animation: hide .25s;
  transform: scale(0);
  visibility: hidden;
}

@keyframes hide {
  from{
  transform: scale(1);
    opacity:1;
  } to{
    transform: scale(0);
    opacity: 0;
  }
}
.showModal{
  opacity:1;
  visibility: visible;
  animation: show .2s;
  transform: scale(1);
}
@keyframes show {
  from{
    transform: scale(0);
    opacity:0;
  } to{
    transform: scale(1);
    opacity: 1; 
  }
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col-reverse {
      flex-direction: column-reverse;
}
.row-reverse {
      flex-direction: row-reverse;
}
.flex-end {
      align-self: flex-end;
}
.col-1 {
    -webkit-box-flex: 0;
    flex: 0 0 8.33%;
    max-width: 8.33%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-2 {
    -webkit-box-flex: 0;
    flex: 0 0 16.66%;
    max-width: 16.66%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-3 {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-4 {
    -webkit-box-flex: 0;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-5 {
    -webkit-box-flex: 0;
    flex: 0 0 41.66%;
    max-width: 41.66%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-6 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-7 {
    -webkit-box-flex: 0;
    flex: 0 0 58.33%;
    max-width: 58.33%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-8 {
    -webkit-box-flex: 0;
    flex: 0 0 66.66%;
    max-width: 66.66%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-9 {
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-10 {
    -webkit-box-flex: 0;
    flex: 0 0 83.33%;
    max-width: 83.33%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-11 {
    -webkit-box-flex: 0;
    flex: 0 0 91.66%;
    max-width: 91.66%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width:100%;
    min-height:1px;
}

.order-1 { order: 1  }
.order-2 { order: 2  }
.order-3 { order: 3  }
.order-4 { order: 4  }
.order-5 { order: 5  }
.order-6 { order: 6  } 

.radius-1 { border-radius: .15rem !important  }
.radius-2 { border-radius: .25rem !important }
.radius-3 { border-radius: .50rem !important }
.radius-4 { border-radius: 1.5rem !important }
.radius-5 { border-radius: 3rem !important  }
.circle  { border-radius: 50% !important  }

.mt-0 {margin-top: 0 !important}
.mt-1 {margin-top: .5rem !important}
.mt-2 {margin-top: 1rem !important}
.mt-3 {margin-top: 1.5rem !important}
.mt-4 {margin-top: 2.5rem !important}
.mt-5 {margin-top: 3.5rem !important}

.mb-0 {margin-bottom: 0 !important}
.mb-1 {margin-bottom: .5rem !important}
.mb-2 {margin-bottom: 1rem !important}
.mb-3 {margin-bottom: 1.5rem !important}
.mb-4 {margin-bottom: 2.5rem !important}
.mb-5 {margin-bottom: 3.5rem !important}

.mtb-1 {margin:.5rem 0 .5rem 0 !important}
.mtb-2 {margin:1rem 0 1rem 0 !important}
.mtb-3 {margin:1.5rem 0 1.5rem 0 !important}
.mtb-4 {margin:2.5rem 0 2.5rem 0 !important}
.mtb-5 {margin:3.5rem 0 3.5rem 0 !important}

.ml-0 {margin-left: 0 !important}
.ml-1 {margin-left: .5rem !important}
.ml-2 {margin-left: 1rem !important}
.ml-3 {margin-left: 1.5rem !important}
.ml-4 {margin-left: 2.5rem !important}
.ml-5 {margin-left: 3.5rem !important}

.mr-0 {margin-right: 0 !important}
.mr-1 {margin-right: .5rem !important}
.mr-2 {margin-right: 1rem !important}
.mr-3 {margin-right: 1.5rem !important}
.mr-4 {margin-right: 2.5rem !important}
.mr-5 {margin-right: 3.5rem !important}

.m-0 {margin: 0 !important}
.m-1 {margin: .5rem !important}
.m-2 {margin: 1rem !important}
.m-3 {margin: 1.5rem !important}
.m-4 {margin: 2.5rem !important}
.m-5 {margin: 3.5rem !important}
    
.pt-0 {padding-top: 0 !important}
.pt-1 {padding-top: .5rem !important}
.pt-2 {padding-top: 1rem !important}
.pt-3 {padding-top: 1.5rem !important}
.pt-4 {padding-top: 2.5rem !important}
.pt-5 {padding-top: 3.5rem !important}

.pb-0 {padding-bottom: 0 !important}
.pb-1 {padding-bottom: .5rem !important}
.pb-2 {padding-bottom: 1rem !important}
.pb-3 {padding-bottom: 1.5rem !important}
.pb-4 {padding-bottom: 2.5rem !important}
.pb-5 {padding-bottom: 3.5rem !important}

.ptb-1 {padding:.5rem 0 .5rem 0 !important}
.ptb-2 {padding:1rem 0 1rem 0 !important}
.ptb-3 {padding:1.5rem 0 1.5rem 0 !important}
.ptb-4 {padding:2.5rem 0 2.5rem 0 !important}
.ptb-5 {padding:3.5rem 0 3.5rem 0 !important}

.pl-0 {padding-left: 0 !important}
.pl-1 {padding-left: .5rem !important}
.pl-2 {padding-left: 1rem !important}
.pl-3 {padding-left: 1.5rem !important}
.pl-4 {padding-left: 2.5rem !important}
.pl-5 {padding-left: 3.5rem !important}

.pr-0 {padding-right: 0 !important}
.pr-1 {padding-right: .5rem !important}
.pr-2 {padding-right: 1rem !important}
.pr-3 {padding-right: 1.5rem !important}
.pr-4 {padding-right: 2.5rem !important}
.pr-5 {padding-right: 3.5rem !important}

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

.border-radius {
  border-radius: 0.25rem;
}
.border-radius-right {
  border-radius: 0 0.25rem 0.25rem 0;
}
.border-radius-left {
  border-radius: 0.25rem 0 0 0.25rem;
}

.center {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.link {
  text-decoration: underline;
  transition: color 0.2s;
}
    
@media (max-width: 37em){
  
.center-sm {
    align-items: center;
    justify-content: center;
    text-align: center;
}
.col-sm-reverse {
      flex-direction: column-reverse;
  }
.row-sm-reverse {
      flex-direction: row-reverse;
  }
.col-sm-1 {
    -webkit-box-flex: 0;
    flex: 0 0 8.33%;
    max-width: 8.33%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-sm-2 {
    -webkit-box-flex: 0;
    flex: 0 0 16.66%;
    max-width: 16.66%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-sm-3 {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-sm-4 {
    -webkit-box-flex: 0;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-sm-5 {
    -webkit-box-flex: 0;
    flex: 0 0 41.66%;
    max-width: 41.66%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-sm-6 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-sm-7 {
    -webkit-box-flex: 0;
    flex: 0 0 58.33%;
    max-width: 58.33%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-sm-8 {
    -webkit-box-flex: 0;
    flex: 0 0 66.66%;
    max-width: 66.66%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-sm-9 {
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-sm-10 {
    -webkit-box-flex: 0;
    flex: 0 0 83.33%;
    max-width: 83.33%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-sm-11 {
    -webkit-box-flex: 0;
    flex: 0 0 91.66%;
    max-width: 91.66%;
    position: relative;
    width:100%;
    min-height:1px;
}
.col-sm-12 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width:100%;
    min-height:1px;
}
  
.hide-mobile, .desktop {
    display:none;
}
.playsinline {
    webkit-playsinline: true;
}

.order-sm-1 { order: 1  }
.order-sm-2 { order: 2  }
.order-sm-3 { order: 3  }
.order-sm-4 { order: 4  }
.order-sm-5 { order: 5  }
.order-sm-6 { order: 6  } 
  
.mt-sm-0 {margin-top: 0 !important}
.mt-sm-1 {margin-top: .5rem !important}
.mt-sm-2 {margin-top: 1rem !important}
.mt-sm-3 {margin-top: 1.5rem !important}
.mt-sm-4 {margin-top: 2.5rem !important}
.mt-sm-5 {margin-top: 3.5rem !important}

.mb-sm-0 {margin-bottom: 0 !important}
.mb-sm-1 {margin-bottom: .5rem !important}
.mb-sm-2 {margin-bottom: 1rem !important}
.mb-sm-3 {margin-bottom: 1.5rem !important}
.mb-sm-4 {margin-bottom: 2.5rem !important}
.mb-sm-5 {margin-bottom: 3.5rem !important}

.mtb-sm-1 {margin:.5rem 0 .5rem 0 !important}
.mtb-sm-2 {margin:1rem 0 1rem 0 !important}
.mtb-sm-3 {margin:1.5rem 0 1.5rem 0 !important}
.mtb-sm-4 {margin:2.5rem 0 2.5rem 0 !important}
.mtb-sm-5 {margin:3.5rem 0 3.5rem 0 !important}

.ml-sm-0 {margin-left: 0 !important}
.ml-sm-1 {margin-left: .5rem !important}
.ml-sm-2 {margin-left: 1rem !important}
.ml-sm-3 {margin-left: 1.5rem !important}
.ml-sm-4 {margin-left: 2.5rem !important}
.ml-sm-5 {margin-left: 3.5rem !important}

.mr-sm-0 {margin-right: 0 !important}
.mr-sm-1 {margin-right: .5rem !important}
.mr-sm-2 {margin-right: 1rem !important}
.mr-sm-3 {margin-right: 1.5rem !important}
.mr-sm-4 {margin-right: 2.5rem !important}
.mr-sm-5 {margin-right: 3.5rem !important}

.m-sm-0 {margin: 0 !important}
.m-sm-1 {margin: .5rem !important}
.m-sm-2 {margin: 1rem !important}
.m-sm-3 {margin: 1.5rem !important}
.m-sm-4 {margin: 2.5rem !important}
.m-sm-5 {margin: 3.5rem !important}
    
.pt-sm-0 {padding-top: 0 !important}
.pt-sm-1 {padding-top: .5rem !important}
.pt-sm-2 {padding-top: 1rem !important}
.pt-sm-3 {padding-top: 1.5rem !important}
.pt-sm-4 {padding-top: 2.5rem !important}
.pt-sm-5 {padding-top: 3.5rem !important}

.pb-sm-0 {padding-bottom: 0 !important}
.pb-sm-1 {padding-bottom: .5rem !important}
.pb-sm-2 {padding-bottom: 1rem !important}
.pb-sm-3 {padding-bottom: 1.5rem !important}
.pb-sm-4 {padding-bottom: 2.5rem !important}
.pb-sm-5 {padding-bottom: 3.5rem !important}

.ptb-sm-1 {padding:.5rem 0 .5rem 0 !important}
.ptb-sm-2 {padding:1rem 0 1rem 0 !important}
.ptb-sm-3 {padding:1.5rem 0 1.5rem 0 !important}
.ptb-sm-4 {padding:2.5rem 0 2.5rem 0 !important}
.ptb-sm-5 {padding:3.5rem 0 3.5rem 0 !important}

.pl-sm-0 {padding-left: 0 !important}
.pl-sm-1 {padding-left: .5rem !important}
.pl-sm-2 {padding-left: 1rem !important}
.pl-sm-3 {padding-left: 1.5rem !important}
.pl-sm-4 {padding-left: 2.5rem !important}
.pl-sm-5 {padding-left: 3.5rem !important}

.pr-sm-0 {padding-right: 0 !important}
.pr-sm-1 {padding-right: .5rem !important}
.pr-sm-2 {padding-right: 1rem !important}
.pr-sm-3 {padding-right: 1.5rem !important}
.pr-sm-4 {padding-right: 2.5rem !important}
.pr-sm-5 {padding-right: 3.5rem !important}

.p-sm-0 {padding: 0 !important}
.p-sm-1 {padding: .5rem !important}
.p-sm-2 {padding: 1rem !important}
.p-sm-3 {padding: 1.5rem !important}
.p-sm-4 {padding: 2.5rem !important}
.p-sm-5 {padding: 3.5rem !important}
  
} /* close max-width: 592px */

@media (min-width: 37em){
.psticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}
.mobile, .hide-desktop {
  display: none;
}

} /* close min-width: 592px */ 

.capitalize, .uppercase {text-transform: uppercase }
.lowercase {text-transform: lowercase }

.small, .small7 {
  font-size: 0.7rem;
}
.small6 {
  font-size: 0.6rem;
}
.img-fluid {
    max-width:100%;
    height: auto;	
}

.full-width {
    width: 100%;
}

.border { border:1px solid #dadada }
.border-top { border-top: 1px solid #dadada }
.border-top-bottom { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada;}
.border-dark { border-color: #121315; border-top: #121315; border-bottom: #121315;}
.noborder { border: none; }
.box-shadow img {box-shadow: 0 1px 1px rgba(16,27,30,0.05), 0 2px 2px rgba(16,27,30,0.05), 0 4px 4px rgba(16,27,30,0.05), 0 8px 8px rgba(16,27,30,0.03), 0 16px 16px rgba(16,27,30,0.05); }


.width-16 {width:16% !important;}
.width-25 {width:25% !important;}
.width-33 {width:33% !important;}
.width-50 {width:50% !important;}
.width-66 {width:66% !important;}
.width-75 {width:75% !important;}

video[poster]{
    object-fit: fill; 
    object-position: 0 0; 
}
.row video {
    width:100%;
}
.text-black{ 
    color: #141517;
}
.text-grey{ 
    color: #777777;
}
.cta-1 {
    font-weight: bold;
    font-family: 'canada-type-gibson';
    text-transform: uppercase;
    font-size: 14px;
    color: #131415;
    border-bottom: 0.25px solid #dadada;
    padding-bottom: 6px;
}
.cta-2 {
    border-bottom: 0.25px solid #dadada;
    padding-bottom: 6px;
}
.scale{
    transition:all .2s ease-in;
    cursor: pointer;
}
.scale:hover{
    transform:scale(1.02);
}
.hide {
    display:none !important;
    transition:0.4s top cubic-bezier(.3,.73,.3,.74);
}
.clickable {
  cursor: pointer;
}



/*========================================================================== */

/* COMPONENTS **

========================================================================== */

/****             	   ****/
/* popup modal **
========================================================================== */
.interstitial_overlay {
  display: block;
  position: fixed;
  z-index: 2147483647;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0,0,0,0.65);
  border-width: 0px;
}

.interstitial {
  border-radius: 4px;
  background: #ffffff;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 1.0rem;
  padding: 10px;
  margin: 15px auto 0 auto;
  width: 96vw;
  max-width: 1200px;
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.interstitial_close {
  text-align: right;
  width: 100%;
  cursor: pointer;
  margin-top: -10px;
  right: 5px;
  top: 12px;
  z-index: 10;
}
.interstitial_overlay .v-align-middle {
  transform: translateY(40%);
  -webkit-transform: translateY(40%);
  -ms-transform: translateY(40%);
}
@media ( max-width: 37em ) {
  .interstitial {
      padding: 10px;
  }
}

/****             	   ****/
/* Collapsible Accordion **
========================================================================== */

.collaps-wrapper {
  border-radius: 8px;
  overflow: hidden;
  /* box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5); */
}

.collaps-item {
  width: 100%;
  overflow: hidden;
  border-bottom: 0.5px solid rgba(108, 108, 108, 0.3);
}
.collaps-item:first-child { /* top line */
  border-top: 0.5px solid rgba(108, 108, 108, 0.075);
}

.collaps-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  cursor: pointer;
  letter-spacing: 0.05rem; 
  /* Icon */
}
.collaps-label:hover {
  /* background: #1a252f; */
}
.collaps-label::after {
  content:  "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.collaps-content {
  max-height: 0;
  padding: 0 1em;
  transition: all 0.15s;
}
.collaps-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  cursor: pointer;
}
.collaps-close:hover {
  /* background: #1a252f; */
}

input:checked + .collaps-label {
  /* background: #1a252f; */
}
input:checked + .collaps-label::after {
  transform: rotate(90deg);
}
input:checked ~ .collaps-content {
  max-height: 100vh;
  padding: 1em;
}
input.hide {
  position: absolute;
  opacity: 0;
  z-index: -1;
}