@charset "utf-8";
/* CSS Document */

#slide-cursor {
 
  	cursor: none!important;
 	width: 40px;
 	height: 40px;
    overflow: hidden;
 	position: absolute;
 	top: -100px;
 	left: -100px;
 	z-index: 10000; 
    background-size: 40px 40px;

}

#slide-cursor.cursor-dark.cursor-right {

 	background: url('../../../images/cursor-right-dark.svg') no-repeat left top;

}

#slide-cursor.cursor-dark.cursor-left {
    
 	background: url('../../../images/cursor-left-dark.svg') no-repeat left top;

}

#slide-cursor.cursor-light.cursor-right {

 	background: url('../../../images/cursor-right-light.svg') no-repeat left top;

}

#slide-cursor.cursor-light.cursor-left {
    
 	background: url('../../../images/cursor-left-light.svg') no-repeat left top;

}

#header-spacer {

    display:none;
    
}

#slides {

    z-index: 1000;
    touch-action: none;
    width:100%;
    height:100%;
    position: relative;
    cursor: none;

}

#slides.deny-slide-click {
    
    cursor:default;    
    
}

.slide {
    
    width:100%;
    height:100%;
    overflow: hidden;
    
}

.slide .inner {
    
    width:100%;
    height:100%;

}

.slide .con {
    
    float:left;
    position: relative;
    
}

.slide.dark .text-con {

    color:#262626;
    
}

.slide.light .text-con {

    color:#ffffff;
    
}

.slide .image-block {
    
    position: absolute;
    overflow: hidden;
    
}

.slide .text-block {
    
    width:230px;
    height:auto;
    position: absolute;
    
}

.slide .text-block.quote {
    
    width:380px;
    
}

.slide .text-block.quote .the-text {

    font-family: "New Baskerville ITC W01 Italic","Times New Roman",Times, serif;
    font-size: 30px;
    line-height: 35px;
    
}

.slide .text-block.quote .sub-text {

    margin-top:20px;
    margin-bottom:0; 
    
}

.slide .text {
    
    font-family: "Untitled Sans Regular", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 20px;

}

.slide .the-text em {
    
    font-family: "Untitled Sans Regular Italic", Arial, Helvetica, sans-serif;
    font-style: normal;

}

.slide .sub-text {
    
    font-family: "Untitled Sans Regular", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    margin-bottom:20px;

}

.slide .video-con {

    position: relative;
    overflow: hidden;

}

.slide .here-video {

    padding:0;
    margin:0;
    line-height: 0;
    border:0;

}

.slide .video-play-button, .slide .video-pause-button {

    position:absolute;
    top:calc(50% - 50px);
    left:calc(50% - 50px);
    width:100px;
    height:100px;
    overflow:hidden;
    z-index: 1500;

}

.slide .video-play-button-icon, .slide .video-pause-button-icon {
    
    width:40px;
    height:40px;
    background-size: 40px 40px;          
    
}

.slide .video-play-button-icon.dark    {
    
    background: url('../../../images/video-play-dark.svg') no-repeat left top;

}

.slide .video-play-button-icon.light    {
    
    background: url('../../../images/video-play-light.svg') no-repeat left top;

}

.slide .video-pause-button-icon.dark    {
    
    background: url('../../../images/video-pause-dark.svg') no-repeat left top;

}

.slide .video-pause-button-icon.light    {
    
    background: url('../../../images/video-pause-light.svg') no-repeat left top;

}

.slide .video-pause-button {

    display:none;

}

.slide .video-play, .slide .video-pause {

    position: relative;
    color:#262626;
    left:30px;
    top:30px;
    
}

.slide .video-play-button:hover, .slide .video-pause-button:hover  {

    opacity: 0.6!important;

}

.slide .video-play-button.autoplay {

    display:none;

}

@media only screen and (max-width: 1919px) {
 
    .slide .video-play-button-icon, .slide .video-pause-button-icon {

        width:30px;
        height:30px;
        background-size: 30px 30px;          

    }
    
    .slide .video-play, .slide .video-pause {

        left:35px;
        top:35px;

    }
    
    .slide .text-block {

        width:210px;

    }
    
    .slide .text-block.quote {

        width:325px;

    }
    
    .slide .text {

        font-size: 13px;
        line-height: 19px;

    }

}

@media only screen and (max-width: 1439px), screen and (max-height: 767px) {

    .slide .text-con {

        display:none;

    }
    
    #slide-cursor {
        
        width:30px!important;
        height:30px!important;
        background-size: 30px 30px!important;
        
    }

}