/* HOME SLIDESHOW */
.slideshow__outer { position: relative; display: block;  width: calc(100%); height: 100%;  }
.slideshow { position: relative; display: block; width: 100%; height: 100%;  margin-left: 0px !important; }
.slide { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;  display: none; overflow: hidden;   }
.slide--first { display: block;   }
.slide__background {  position: relative; width: 100%; height: 100%; background-position: 50% center; background-repeat: no-repeat;  background-size: cover; display: block;  transition: all 12s linear;    }


.slideshow__arrow { position: absolute; top: 50%; margin-top: -24px; width: 48px; height: 48px; background-color: #FFFFFF; border: 2px solid #FFFFFF; border-radius: 50%; z-index: 110; cursor: pointer;   }
.slideshow__arrow svg { width: 19px; margin-top: 3px; height: 38px;  }
.slideshow__arrow path { fill: #ec1c99;   }
.slideshow__arrow:hover path { fill: #ec652c;  }
.slideshow__arrow--left { left: 30px;   }
.slideshow__arrow--left svg { margin-left: -2px;  }
.slideshow__arrow--right { right: 30px;  }
.slideshow__arrow--right svg { margin-right: -2px;  }


.slide__caption { width: 100%; position: absolute; left: 0px;   font-family: 'VAGRoundedNext-Light'; color: #FFFFFF; font-size: 24px; line-height: 30px; text-align: left;   }
.slide__caption--centered { width: 40%; left: 30%; top: 50%;  margin-top: -24px;   }

.slide__caption--upper { top: 0px; padding: 11px 16px;   }
.slide__caption--lower { bottom: 0px;   padding: 16px 16px 32px; }

.slide__caption__text { position: relative; margin: 0 auto; max-width: 1280px;  }
.slide__caption__text--short, .slide__caption__text--mid { display: none;   }
.slide__caption__text .pink {   color: #ec1c99;  }
.slide__caption__text a { font-family: 'VAGRoundedNext-Light'; }

.slide__caption--flow .slide__caption__text p > span {  display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; background-color: rgba(0,0,0,0.5); padding: 0px 16px 2px;   font-size: 24px; line-height: 35.5px;  }
.slide__caption--box .slide__caption__text  {  background-color: rgba(0,0,0,0.5); padding: 6px 16px 6px; }

.scale .slide__background { transform: scale(1.1);   }
.scale.fx1 .slide__background {transform-origin: bottom left;  }
.scale.fx2 .slide__background { transform-origin: top left;  }
.scale.fx3 .slide__background { transform-origin: top right; }
.scale.fx4 .slide__background { transform-origin: bottom right; }




/* HOME SLIDESHOW END */

/***** START OF MEDIA QUERIES *******/



@media only screen and (max-width: 501px) { /* CYAN */



.slideshow__arrow { width: 26px; height: 26px; }
.slideshow__arrow svg { width: 10px; margin-top: 1px; height: 20px;   }
.slideshow__arrow--left { left: 12px;   }
.slideshow__arrow--right { right: 12px;   }

.slide__caption__text--full, .slide__caption__text--mid { display: none;   }
.slide__caption__text--short { display: block;   }
.slide__caption--upper { padding: 6px 16px;    }
.slide__caption--lower { padding: 12px 16px 12px;  }
.slide__caption {  font-size: 16px; line-height: 18px;  }
  
  .slide__caption__text p > span {  padding: 0px 8px 0px;   font-size: 16px; line-height: 22.5px; }
  .slide__caption--centered { width: 70%; left: 15%;  }  
  
}

@media only screen and (max-width: 360px) {

}

@media only screen and (min-width: 502px) and (max-width: 580px) { /* BLUE */

  
    
    
    .slideshow__arrow { width: 26px; height: 26px; }
    .slideshow__arrow svg { width: 10px; margin-top: 1px; height: 20px;  }
    .slideshow__arrow--left { left: 12px;   }
    .slideshow__arrow--right { right: 12px;   }
  
    
    .slide__caption__text--full, .slide__caption__text--mid { display: none;   }
    .slide__caption__text--short { display: block;   }
    .slide__caption--upper { padding: 6px 16px;    }
    .slide__caption--lower { padding: 12px 16px 12px;  }
    .slide__caption {  font-size: 16px; line-height: 18px;  }
  
    .slide__caption__text p > span {  padding: 0px 8px 0px;   font-size: 16px; line-height: 22.5px; }
    
    .slide__caption--centered { width: 60%; left: 20%;  }
  

}

@media only screen and (min-width: 581px) and (max-width: 767px) { /* RED */

    .slideshow__arrow { width: 30px; height: 30px; }
    .slideshow__arrow svg { width: 12px; margin-top: 1px; height: 24px;   }
    .slideshow__arrow--left { left: 12px;   }
    .slideshow__arrow--right { right: 12px;   }
    
    
    .slide__caption__text--full  { display: none;   }
    .slide__caption--lower .slide__caption__text--mid  { display: block;   }
    .slide__caption--upper .slide__caption__text--short  { display: block;   }
  
    .slide__caption--upper { padding: 6px 16px;    }
    .slide__caption--lower { padding: 12px 16px 12px;  }
    .slide__caption {  font-size: 16px; line-height: 18px;  }
    
    .slide__caption__text p > span {  padding: 0px 8px 0px;   font-size: 16px; line-height: 22.5px; }
  .slide__caption--centered { width: 50%; left: 25%;  }
  
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  
}

/********  Tablet Portrait   **********/
@media only screen and (min-width:  768px) and (max-width: 840px)   { /* PINK */
.slideshow__arrow { width: 36px; height: 36px; }
.slideshow__arrow svg { width: 14px; margin-top: 2px; height: 28px;  }
.slideshow__arrow--left { left: 16px;   }
.slideshow__arrow--right { right: 16px;   }



.slide__caption--lower .slide__caption__text--full  { display: none;   }
.slide__caption--lower .slide__caption__text--mid  { display: block;   }

.slide__caption--upper { padding: 6px 16px;    }
.slide__caption--lower { padding: 12px 16px 12px;  }
.slide__caption {  font-size: 16px; line-height: 18px;  }


.slide__caption__text p > span {  padding: 0px 8px 0px;   font-size: 16px; line-height: 22.5px; }
.slide__caption--centered { width: 50%; left: 25%;  }


}

@media only screen  and (min-width: 841px) and (max-width: 1000px)  { /* YELLOW */

.slide__caption--centered { width: 60%; left: 20%;  }
  
}

@media only screen  and (min-width: 1001px) and (max-width: 1154px)  { /* BLACK */
.slide__caption--centered { width: 60%; left: 20%;  }

}



@supports (-ms-ime-align: auto) {
  .slide__caption--flow .slide__caption__text  {  background-color: rgba(0,0,0,0.5); padding: 6px 16px 6px; }
  .slide__caption--flow .slide__caption__text p > span {  display: inline;  background-color: transparent; padding: 0px 0px 0px; font-size: inherit; line-height: inherit;   }
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .slide__caption--flow .slide__caption__text  {  background-color: rgba(0,0,0,0.5); padding: 6px 16px 6px; }
  .slide__caption--flow .slide__caption__text p > span {  display: inline;  background-color: transparent; padding: 0px 0px 0px;  font-size: inherit; line-height: inherit;  }
}