* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}

body {
    font-size: 16px;
    line-height: 1.5;
    font-family: Poppins;
}
a, a:active, a:visited {
    text-decoration: none;
    color: inherit;
}
.underline, .underline a {
    text-decoration: underline;
}
.line-1 {
  line-height: 1;
}
/*BACKGROUND COLORS*/
.background-lite-gray  {
  background: #e8e8e8;
}
.background-gray  {
  background: #b5b5b5;
}
.background-dark-gray  {
  background: #69717c;
}
.background-almost-white {
  background: #f9f9f9;
}
.background-white {
  background: #fff;
}
.background-almost-black {
  background: #111111;
}
.background-black {
  background: #000;
}
.background-teal  {
  background: #009999; 
}
/*TEXT COLORS*/
.text-lite-gray  {
  color: #e8e8e8;
}
.text-gray  {
  color: #b5b5b5;
}
.text-dark-gray  {
  color: #69717c;
}
.text-almost-white {
  color: #f9f9f9;
}
.text-white {
  color: #fff;
}
.text-almost-black {
  color: #111111;
}
.text-black {
  color: #000;
}
.text-teal  {
  color: #009999; 
}
/*TEXT SIZES*/
.text-small {
  font-size: 8px;
}
.text-regular {
  font-size: 16px;
}
.text-medium  {
  font-size: 24px;
}
.text-large {
  font-size: 32px;
}
.text-huge  {
  font-size: 40px;
}
/*FONT STYLES*/
.font-regular {
  font-family: Poppins;
}
.font-bold  {
  font-family: PoppinsBold;
}
.font-thick  {
  font-family: PoppinsBlack;
}
/*EVERTHING ABOVE THIS IS UNIVERSAL*/



/*THIS IS THE NEW SHIT*/
.background-stage {
  background: url('stage.jpg');
  background-size: cover;
}



.background-black-opacity {
  background: rgba(0, 0, 0, 0.8);
}


/*NEW ITEMS AND TESTS*/
.test, .test-1 {
    background: #aba;
}
.test-2 {
    background: #c11;
}
.test-3 {
    background: #7560fa;
}




/*WIDTHS & HEIGHT*/
.height-100  {
  min-height: 100vh;
}
.max-width-1400 {
    max-width: 1400px;
}      
.max-width-1134 {
    max-width: 1134px;
}    
.width-auto {
  width: auto;
}
.width-100  {
  width: 100%;
}
.width-62  {
  width: 62%;
}
.width-50  {
  width: 50%;
}
.width-38  {
  width: 38%;
}
.width-25  {
  width: 25%;
}
.width-10  {
  width: 10%;
}
/*BORDERS*/
.border-radius {
  border-radius: 25px;
}
.border-radius-top-left {
  border-radius: 25px 0 0 0;
}
.border-radius-top-right {
  border-radius: 0 25px 0 0;
}
.border-radius-bottom-left {
  border-radius: 0 0 0 25px;
}
.border-radius-bottom-right {
  border-radius: 0 0 25px 0;
}
/*POSITIONS*/
.relative {
  position: relative;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.sticky {
  position: sticky;
}
.top {
  top: 0;
}
.bottom {
  bottom: 0;
}
.left {
  left: 0;
}
.right {
  right: 0;
}
/*FLEX*/
.row  {
  display: flex;
  flex-direction: row;
}
.row-reverse  {
  display: flex;
  flex-direction: row-reverse
}
.column  {
  display: flex;
  flex-direction: column;
}
.column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}  
.align-stretch  {
  align-items: stretch;
}  
.align-center {
  align-items: center;
}
.justify-around  {
  justify-content: space-around;
}
.justify-between  {
  justify-content: space-between;
}  
.justify-center  {
  justify-content: center;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-wrap {
  flex-wrap: wrap;
}
/*GAPS*/
 .gap-50 {
  gap:50px;  
  }


.gap, .gap-25 {
  gap: 25px;
}        
.gap-10 {
  gap: 10px;
}    
.gap-5  {
  gap: 5px;
}
/*PADS*/
.pad, .pad-25 {
  padding: 25px;
}        
.pad-10 {
  padding: 10px;
}    
.pad-5  {
  padding: 5px;
}
.pad-horizontal, .pad-horizontal-25  {
  padding-left: 25px;
  padding-right: 25px;
}
.pad-horizontal-10  {
  padding-left: 10px;
  padding-right: 10px;
}
.pad-horizontal-5  {
  padding-left: 5px;
  padding-right: 5px;
}
.pad-vertical, .pad-vertical-25  {
  padding-top: 25px;
  padding-bottom: 25px;
}
.pad-vertical-10  {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pad-vertical-5  {
  padding-top: 5px;
  padding-bottom: 5px;
}
.pad-left, .pad-left-25  {
  padding-left: 25px;
}
.pad-left-10  {
  padding-left: 10px;
}
.pad-left-5  {
  padding-left: 5px;
}
.pad-right, .pad-right-25  {
  padding-right: 25px;
}
.pad-right-10  {
  padding-right: 10px;
}
.pad-right-5  {
  padding-right: 5px;
}
.pad-top, .pad-top-25  {
  padding-top: 25px;
}
.pad-top-10  {
  padding-top: 10px;
}
.pad-top-5  {
  padding-top: 5px;
}
.pad-bottom, .pad-bottom-25  {
  padding-bottom: 25px;
}
.pad-bottom-10  {
  padding-bottom: 10px;
}
.pad-bottom-5  {
  padding-bottom: 5px;
}



@media only screen and (min-width: 1134px) {
.desktop-hidden {
  display: none;
}


.desktop-height-100  {
  min-height: 100vh;
}
.desktop-max-width-1400 {
    max-width: 1400px;
}      
.desktop-max-width-1134 {
    max-width: 1134px;
}    
.desktop-width-auto {
  width: auto;
}
.desktop-width-100  {
  width: 100%;
}
.desktop-width-62  {
  width: 62%;
}
.desktop-width-50  {
  width: 50%;
}
.desktop-width-38  {
  width: 38%;
}
.desktop-width-25  {
  width: 25%;
}
.desktop-width-10  {
  width: 10%;
}
/*BORDERS*/
.desktop-border-radius {
  border-radius: 25px;
}
.desktop-border-radius-top-left {
  border-radius: 25px 0 0 0;
}
.desktop-border-radius-top-right {
  border-radius: 0 25px 0 0;
}
.desktop-border-radius-bottom-left {
  border-radius: 0 0 0 25px;
}
.desktop-border-radius-bottom-right {
  border-radius: 0 0 25px 0;
}
/*POSITIONS*/
.desktop-relative {
  position: relative;
}
.desktop-fixed {
  position: fixed;
}
.desktop-absolute {
  position: absolute;
}
.desktop-sticky {
  position: sticky;
}
.desktop-top {
  top: 0;
}
.desktop-bottom {
  bottom: 0;
}
.desktop-left {
  left: 0;
}
.desktop-right {
  right: 0;
}
/*FLEX*/
.desktop-row  {
  display: flex;
  flex-direction: row;
}
.desktop-row-reverse  {
  display: flex;
  flex-direction: row-reverse
}
.desktop-column  {
  display: flex;
  flex-direction: column;
}
.desktop-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.desktop-align-start {
  align-items: flex-start;
}
.desktop-align-end {
  align-items: flex-end;
}  
.desktop-align-stretch  {
  align-items: stretch;
}  
.desktop-align-center {
  align-items: center;
}
.desktop-justify-around  {
  justify-content: space-around;
}
.desktop-justify-between  {
  justify-content: space-between;
}  
.desktop-justify-center  {
  justify-content: center;
}
.desktop-flex-1 {
  flex: 1;
}
.desktop-flex-2 {
  flex: 2;
}
.desktop-flex-3 {
  flex: 3;
}
.desktop-flex-wrap {
  flex-wrap: wrap;
}
/*GAPS*/
 .desktop-gap-50 {
  gap:50px;  
  }


.desktop-gap, .desktop-gap-25 {
  gap: 25px;
}        
.desktop-gap-10 {
  gap: 10px;
}    
.desktop-gap-5  {
  gap: 5px;
}
/*PADS*/
.desktop-pad, .desktop-pad-25 {
  padding: 25px;
}        
.desktop-pad-10 {
  padding: 10px;
}    
.desktop-pad-5  {
  padding: 5px;
}
.desktop-pad-horizontal, .desktop-pad-horizontal-25  {
  padding-left: 25px;
  padding-right: 25px;
}
.desktop-pad-horizontal-10  {
  padding-left: 10px;
  padding-right: 10px;
}
.desktop-pad-horizontal-5  {
  padding-left: 5px;
  padding-right: 5px;
}
.desktop-pad-vertical, .desktop-pad-vertical-25  {
  padding-top: 25px;
  padding-bottom: 25px;
}
.desktop-pad-vertical-10  {
  padding-top: 10px;
  padding-bottom: 10px;
}
.desktop-pad-vertical-5  {
  padding-top: 5px;
  padding-bottom: 5px;
}
.desktop-pad-left, .desktop-pad-left-25  {
  padding-left: 25px;
}
.desktop-pad-left-10  {
  padding-left: 10px;
}
.desktop-pad-left-5  {
  padding-left: 5px;
}
.desktop-pad-right, .desktop-pad-right-25  {
  padding-right: 25px;
}
.desktop-pad-right-10  {
  padding-right: 10px;
}
.desktop-pad-right-5  {
  padding-right: 5px;
}
.desktop-pad-top, .desktop-pad-top-25  {
  padding-top: 25px;
}
.desktop-pad-top-10  {
  padding-top: 10px;
}
.desktop-pad-top-5  {
  padding-top: 5px;
}
.desktop-pad-bottom, .desktop-pad-bottom-25  {
  padding-bottom: 25px;
}
.desktop-pad-bottom-10  {
  padding-bottom: 10px;
}
.desktop-pad-bottom-5  {
  padding-bottom: 5px;
}



}


@media only screen and (min-width: 769px) and (max-width: 1133px) {
.tablet-hidden {
  display: none;
}

.tablet-height-100  {
  min-height: 100vh;
}
.tablet-max-width-1400 {
    max-width: 1400px;
}      
.tablet-max-width-1134 {
    max-width: 1134px;
}    
.tablet-width-auto {
  width: auto;
}
.tablet-width-100  {
  width: 100%;
}
.tablet-width-62  {
  width: 62%;
}
.tablet-width-50  {
  width: 50%;
}
.tablet-width-38  {
  width: 38%;
}
.tablet-width-25  {
  width: 25%;
}
.tablet-width-10  {
  width: 10%;
}
/*BORDERS*/
.tablet-border-radius {
  border-radius: 25px;
}
.tablet-border-radius-top-left {
  border-radius: 25px 0 0 0;
}
.tablet-border-radius-top-right {
  border-radius: 0 25px 0 0;
}
.tablet-border-radius-bottom-left {
  border-radius: 0 0 0 25px;
}
.tablet-border-radius-bottom-right {
  border-radius: 0 0 25px 0;
}
/*POSITIONS*/
.tablet-relative {
  position: relative;
}
.tablet-fixed {
  position: fixed;
}
.tablet-absolute {
  position: absolute;
}
.tablet-sticky {
  position: sticky;
}
.tablet-top {
  top: 0;
}
.tablet-bottom {
  bottom: 0;
}
.tablet-left {
  left: 0;
}
.tablet-right {
  right: 0;
}
/*FLEX*/
.tablet-row  {
  display: flex;
  flex-direction: row;
}
.tablet-row-reverse  {
  display: flex;
  flex-direction: row-reverse
}
.tablet-column  {
  display: flex;
  flex-direction: column;
}
.tablet-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.tablet-align-start {
  align-items: flex-start;
}
.tablet-align-end {
  align-items: flex-end;
}  
.tablet-align-stretch  {
  align-items: stretch;
}  
.tablet-align-center {
  align-items: center;
}
.tablet-justify-around  {
  justify-content: space-around;
}
.tablet-justify-between  {
  justify-content: space-between;
}  
.tablet-justify-center  {
  justify-content: center;
}
.tablet-flex-1 {
  flex: 1;
}
.tablet-flex-2 {
  flex: 2;
}
.tablet-flex-3 {
  flex: 3;
}
.tablet-flex-wrap {
  flex-wrap: wrap;
}
/*GAPS*/
 .tablet-gap-50 {
  gap:50px;  
  }


.tablet-gap, .tablet-gap-25 {
  gap: 25px;
}        
.tablet-gap-10 {
  gap: 10px;
}    
.tablet-gap-5  {
  gap: 5px;
}
/*PADS*/
.tablet-pad, .tablet-pad-25 {
  padding: 25px;
}        
.tablet-pad-10 {
  padding: 10px;
}    
.tablet-pad-5  {
  padding: 5px;
}
.tablet-pad-horizontal, .tablet-pad-horizontal-25  {
  padding-left: 25px;
  padding-right: 25px;
}
.tablet-pad-horizontal-10  {
  padding-left: 10px;
  padding-right: 10px;
}
.tablet-pad-horizontal-5  {
  padding-left: 5px;
  padding-right: 5px;
}
.tablet-pad-vertical, .tablet-pad-vertical-25  {
  padding-top: 25px;
  padding-bottom: 25px;
}
.tablet-pad-vertical-10  {
  padding-top: 10px;
  padding-bottom: 10px;
}
.tablet-pad-vertical-5  {
  padding-top: 5px;
  padding-bottom: 5px;
}
.tablet-pad-left, .tablet-pad-left-25  {
  padding-left: 25px;
}
.tablet-pad-left-10  {
  padding-left: 10px;
}
.tablet-pad-left-5  {
  padding-left: 5px;
}
.tablet-pad-right, .tablet-pad-right-25  {
  padding-right: 25px;
}
.tablet-pad-right-10  {
  padding-right: 10px;
}
.tablet-pad-right-5  {
  padding-right: 5px;
}
.tablet-pad-top, .tablet-pad-top-25  {
  padding-top: 25px;
}
.tablet-pad-top-10  {
  padding-top: 10px;
}
.tablet-pad-top-5  {
  padding-top: 5px;
}
.tablet-pad-bottom, .tablet-pad-bottom-25  {
  padding-bottom: 25px;
}
.tablet-pad-bottom-10  {
  padding-bottom: 10px;
}
.tablet-pad-bottom-5  {
  padding-bottom: 5px;
}


}

@media only screen and (min-width: 150px) and (max-width: 768px) {
.mobile-hidden {
  display: none;
}

.mobile-height-100  {
  min-height: 100vh;
}
.mobile-max-width-1400 {
    max-width: 1400px;
}      
.mobile-max-width-1134 {
    max-width: 1134px;
}    
.mobile-width-auto {
  width: auto;
}
.mobile-width-100  {
  width: 100%;
}
.mobile-width-62  {
  width: 62%;
}
.mobile-width-50  {
  width: 50%;
}
.mobile-width-38  {
  width: 38%;
}
.mobile-width-25  {
  width: 25%;
}
.mobile-width-10  {
  width: 10%;
}
/*BORDERS*/
.mobile-border-radius {
  border-radius: 25px;
}
.mobile-border-radius-top-left {
  border-radius: 25px 0 0 0;
}
.mobile-border-radius-top-right {
  border-radius: 0 25px 0 0;
}
.mobile-border-radius-bottom-left {
  border-radius: 0 0 0 25px;
}
.mobile-border-radius-bottom-right {
  border-radius: 0 0 25px 0;
}
/*POSITIONS*/
.mobile-relative {
  position: relative;
}
.mobile-fixed {
  position: fixed;
}
.mobile-absolute {
  position: absolute;
}
.mobile-sticky {
  position: sticky;
}
.mobile-top {
  top: 0;
}
.mobile-bottom {
  bottom: 0;
}
.mobile-left {
  left: 0;
}
.mobile-right {
  right: 0;
}
/*FLEX*/
.mobile-row  {
  display: flex;
  flex-direction: row;
}
.mobile-row-reverse  {
  display: flex;
  flex-direction: row-reverse
}
.mobile-column  {
  display: flex;
  flex-direction: column;
}
.mobile-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.mobile-align-start {
  align-items: flex-start;
}
.mobile-align-end {
  align-items: flex-end;
}  
.mobile-align-stretch  {
  align-items: stretch;
}  
.mobile-align-center {
  align-items: center;
}
.mobile-justify-around  {
  justify-content: space-around;
}
.mobile-justify-between  {
  justify-content: space-between;
}  
.mobile-justify-center  {
  justify-content: center;
}
.mobile-flex-1 {
  flex: 1;
}
.mobile-flex-2 {
  flex: 2;
}
.mobile-flex-3 {
  flex: 3;
}
.mobile-flex-wrap {
  flex-wrap: wrap;
}
/*GAPS*/
 .mobile-gap-50 {
  gap:50px;  
  }


.mobile-gap, .mobile-gap-25 {
  gap: 25px;
}        
.mobile-gap-10 {
  gap: 10px;
}    
.mobile-gap-5  {
  gap: 5px;
}
/*PADS*/
.mobile-pad, .mobile-pad-25 {
  padding: 25px;
}        
.mobile-pad-10 {
  padding: 10px;
}    
.mobile-pad-5  {
  padding: 5px;
}
.mobile-pad-horizontal, .mobile-pad-horizontal-25  {
  padding-left: 25px;
  padding-right: 25px;
}
.mobile-pad-horizontal-10  {
  padding-left: 10px;
  padding-right: 10px;
}
.mobile-pad-horizontal-5  {
  padding-left: 5px;
  padding-right: 5px;
}
.mobile-pad-vertical, .mobile-pad-vertical-25  {
  padding-top: 25px;
  padding-bottom: 25px;
}
.mobile-pad-vertical-10  {
  padding-top: 10px;
  padding-bottom: 10px;
}
.mobile-pad-vertical-5  {
  padding-top: 5px;
  padding-bottom: 5px;
}
.mobile-pad-left, .mobile-pad-left-25  {
  padding-left: 25px;
}
.mobile-pad-left-10  {
  padding-left: 10px;
}
.mobile-pad-left-5  {
  padding-left: 5px;
}
.mobile-pad-right, .mobile-pad-right-25  {
  padding-right: 25px;
}
.mobile-pad-right-10  {
  padding-right: 10px;
}
.mobile-pad-right-5  {
  padding-right: 5px;
}
.mobile-pad-top, .mobile-pad-top-25  {
  padding-top: 25px;
}
.mobile-pad-top-10  {
  padding-top: 10px;
}
.mobile-pad-top-5  {
  padding-top: 5px;
}
.mobile-pad-bottom, .mobile-pad-bottom-25  {
  padding-bottom: 25px;
}
.mobile-pad-bottom-10  {
  padding-bottom: 10px;
}
.mobile-pad-bottom-5  {
  padding-bottom: 5px;
}



}



.hidden {
  display: none;
}