/***********************************************
 * Header
 ***********************************************/
.typo_slider_wrapper.content_section{position: relative; z-index: 0; padding: 0; }
.typo_slider{position: relative; overflow: hidden; z-index: 0;}
.typo_slider .slider_content_wrapper{
    position: absolute; left: 0; right: 0;
    top: 50%; z-index: 10; text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}



.typo_slider .slick_wrapper{position: static; padding-bottom: 100%;}
.typo_slider .slick_wrapper:before{
    content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 90;
    background-color: #FFFFFF; opacity: 1; visibility: visible;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.typo_slider .slick_wrapper:after{
    content: '';
    position: absolute; top: 50%; top: calc(50% - 2.5rem); left: 0; right: 0;
    width: 5rem; height: 5rem; display: block; margin: 0 auto;  z-index: 100;
    border: .1875rem solid #0A0A0A; border-bottom-color: #FFFFFF; border-radius: 50%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-animation: spinner 2s linear infinite;
    -moz-animation:    spinner 2s linear infinite;
    -moz-animation:    spinner 2s linear infinite;
    -o-animation:      spinner 2s linear infinite;
    animation:         spinner 2s linear infinite;   
}

.typo_slider .slick_wrapper .slick_slider{
    position: absolute; left: 0; top: 0; right: 0; bottom: 0;
}


.typo_slider .slick_wrapper.loaded:before{
    opacity: 0; visibility: hidden;
}
.typo_slider .slick_wrapper.loaded:after{
    opacity: 0; visibility: hidden;
}


.typo_slider .slick_slide .iframe_wrapper{
    position: absolute; left: 0; right: 0;
    bottom: 0;  top: 0; z-index: 100;
    padding: 0; opacity: 0; visibility: hidden;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.typo_slider .slick_slide.video_toggled .iframe_wrapper{
    opacity: 1; visibility: visible;
}

.typo_slider .slick_slide .iframe_wrapper iframe{
    border: none; width: 100%; height: 100%;
}

@media screen and (min-width: 40em){
    .typo_slider .slick_wrapper{position: static; padding-bottom: 75%;}
}



@media screen and (min-width: 64em){
    .typo_slider .slick_wrapper{position: static; padding-bottom: 56.25%;}
}






/*###############################################
 # Animations
 ###############################################*/
@-webkit-keyframes spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinner {
  0%   { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}
@-ms-keyframes spinner {
  0%   { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); }
}
@-o-keyframes spinner {
  0%   { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); }
}
@keyframes spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}