/*------------------------------------------------------------------------------------*/
/* ! Grid System ---------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------- */
.grid{display: flex; flex-wrap: wrap; max-width: 1250px; margin: 0 auto}
.grid--small{max-width: 900px}
.grid--center{justify-content: center;}
.grid--full{max-width: 100%}


.col-10{width:10%}
.col-11{width:11%}
.col-12{width:12%}
.col-15{width:15%}
.col-20{width:20%}
.col-25{width:25%}
.col-30{width:30%}
.col-33{width:33.33%}
.col-35{width:35%}
.col-40{width:40%}
.col-49{width:49%}
.col-50{width:50%}
.col-60{width:60%}
.col-65{width:65%}
.col-70{width:70%}
.col-75{width:75%}
.col-80{width:80%}
.col-90{width:90%}
.col-100{width:100%}

/* [class*='col-']{padding: 10px;} */

.grid--full [class*='col-'],
.grid .grid [class*='col-'] {padding: 0;}

@media (max-width: 1024px) {
  [class*='col-']{width: 100%}
	.sma-10{width: 10%}
  .sma-33{width: 33.33%}
  .sma-40{width: 40%}
  .sma-49{width: 49%}
  .sma-50{width: 50%}
  .sma-60{width: 60%}
  .sma-25{width: 25%}
  .sma-100{width: 100%}
}

/*----------------------------------------------------------------------------------- */
/* ! Helpers -------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------- */

 .br{border: 1px solid red;}

.video-res{width: 100%;height: 100%;overflow: hidden;}
.video-res video{width: 100%;height: 100%;object-fit: cover}
.overflow{overflow:hidden;}

.mt-0{margin-top: 0;}
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem;}
.mt-3{margin-top: 3rem;}
.mt-4{margin-top: 4rem;}

.mb-0{margin-bottom: 0;}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}
.mb-4{margin-bottom: 4rem;}

.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}

.p-0{padding: 0;}
.p-1{padding: 1rem;}
.p-2{padding: 2rem;}
.p-3{padding: 3rem;}
.p-4{padding: 4rem;}

.pt-0{padding-top: 0;}
.pt-1{padding-top: 1rem;}
.pt-2{padding-top: 2rem;}
.pt-3{padding-top: 3rem;}
.pt-4{padding-top: 4rem;}

.pb-0{padding-bottom: 0;}
.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}
.pb-3{padding-bottom: 3rem;}
.pb-4{padding-bottom: 4rem;}

.pl-0{padding-left: 0;}
.pl-1{padding-left: 1rem;}
.pl-2{padding-left: 2rem;}
.pl-3{padding-left: 3rem;}
.pl-4{padding-left: 4rem;}

.pr-0{padding-right: 0;}
.pr-1{padding-right: 1rem;}
.pr-2{padding-right: 2rem;}
.pr-3{padding-right: 3rem;}
.pr-4{padding-right: 4rem;}

.icon-small{width: 40px;padding: 8px;}
.icon-white{filter: invert(1);}
.bg-dark{background: #000;}
.text-white{color:#fff}
.text-dark{color:#000}
.v-center{display: flex; justify-content: center; flex-flow: column;align-items: flex-start;}

.header-spacer{
  height: var( --header-size);
}

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

.none{display: none;}
@media (max-width: 768px) {
  .sma-none{display: none;}
}

@media (min-width: 768px) {
  .desktop-none{display: none;}
}