/*
|---------------------------------------------------------------------------------------------
|  HOMEPAGE HEADER SLIDES
|---------------------------------------------------------------------------------------------
*/
.slideshow-container{
    min-height: 200px;
    position: relative;
    opacity: 0;
}

.slideshow-container .watermark-image {
	position: absolute;
	bottom: 0px;
	left: 0px;
	opacity: 0.5;
}

.slideshow-container.vid .slideshow{
    overflow: hidden;
    margin: 0;
}
.slideshow-container.vid .items img{
    left: 0;
    margin: auto;
    max-width: none;
    right: 0;
    top: 0;
    width: auto;
}

.slideshow-container.vid .slideshow-arrows {
    left: 0;
    margin: auto;
    max-width: 90%;
    right: 0;
    width: 100%;
    height: 0;
    position: absolute;
    top: calc(50% - 32px);
}
.slideshow-container.vid .slideshow-arrows .arrow {
    background-image: url("/includes/public/assets/shared/arrow-left.png") !important;
    height: 64px;
    width: 32px;
    cursor: pointer;
    float: left;
}
.slideshow-container.vid .slideshow-arrows .arrow.next {
    background-image: url("/includes/public/assets/shared/arrow-right.png") !important;
    float: right;
}

.slideshow-container.vid .shadow-gradient {
	background-image: url("/includes/public/assets/shared/shadow.png") !important;
	background-repeat: repeat-x;
	position: absolute;
	z-index: 1000;
	height: 260px;
	width: 100%;
	bottom: 0px;
}

.slideshow-container.vid .items .imageContainer img{
    display: block;
    margin: 0 auto;
    width: 100%;
}

.slideshow-container.vid .imageContainer{
    position: relative;
    text-align: center;
    top: 0;
}

.slideshow-container.vid h2 {
	font-family: 'Avenir Heavy', sans-serif;
	font-size: 28px;
	color: #ffffff !important;
	text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.3);
}

.slideshow-container.vid h2 a {
	color: #fff;
}

.micrsosite-tmd .slideshow-container.vid h2 {
    font-family: 'Como W03 Medium', sans-serif;
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 2px;
    padding: 0 0px 10px 100px;
    text-transform: uppercase;
}

.slideshow-container.vid p {
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
	text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.3);
}

.slideshow-container.vid a {
	color: #cdde54;
}

.slideshow-container.vid a:hover {
	color: #ffff7e;
}
.slideshow-container.vid .caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
	margin: auto;
	text-align: left;
	z-index: 1001;	
}
.slideshow-container.vid.interior .caption {
	text-align: right;
}
.slideshow-container.vid .video-mute {
    background-image: url(/includes/public/videoplayer/video-volume.svg);
    opacity: .8;
    cursor: pointer;
    transition: opacity ease .5s;
    position: absolute;
    bottom: 70px;
    left: 75px;
    width: 44px;
    height: 44px;
    z-index: 1001;
    background-position: center;
    background-size: 100%;
    display: none !important;
}
.slideshow-container.vid .video-mute:hover { opacity: 1; }
.slideshow-container.vid .video-mute.mute {
    background-image: url(/includes/public/videoplayer/video-mute.svg);
}
.slideshow-container.vid .play-button { display: none; }
.slideshow-container.vid iframe {
    position: absolute;
    width: 100%;
    min-width: auto;
    height: 100%;
    margin-top: 0px;
    top: 0;
    left: 0;
    z-index: -1;
}
.slideshow-container.vid .slick-slide img { border: none; }
.slideshow-container.vid .moreArrow {
    position: absolute;
    bottom: 80px;
    display: block;
    width: 100%;
    z-index: 1000;
    text-align: center;
}
.slideshow-container.vid .moreArrow > i {
    color: #fff;
    font-size: 40px;
}

/* .slideshow-container.vid.interior .caption, .slideshow-container.vid.interior .shadow-gradient { display: none !important; } */


.slideshow-container.vid.meeting .box-wrapper { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 300px; overflow: hidden; z-index: 1; }
.slideshow-container.vid.meeting .box-1 { position: absolute; bottom: 0px; left: 0; width: 100%; height: 230px; overflow: hidden; }
.slideshow-container.vid.meeting .box-2 { position: absolute; bottom: 0px; left: 0; width: 100%; height: 230px; overflow: hidden; }
.slideshow-container.vid.meeting .box-1:before {
    background: rgba(17, 40, 76, .4);
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    height: 100%;
    width: 100%;
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin: 0 0;
    -webkit-transform: skewY(5deg);
    -ms-transform: skewY(5deg);
    transform: skewY(5deg);    
    z-index: -1;
}
.slideshow-container.vid.meeting .box-2:before {
    background: rgba(181, 32, 37, .5);
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    height: 100%;
    width: 100%;
    -webkit-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    transform-origin: 100% 0;
    -webkit-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    transform: skewY(-5deg);    
    z-index: -1;
}

.slideshow-container.vid.meeting .caption { width: 100%; position: absolute; left: 0px; bottom: 0px; height: 230px; z-index: 2000; }
.slideshow-container.vid.meeting .caption .title { position: absolute; left: 0; bottom: 25px; width: 100%; text-align: center; }
.slideshow-container.vid.meeting .caption .title, .slideshow-container.vid.meeting .caption .title a { 
    font-family: "Rockwell Bold", "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif;
    color: #FFF; 
    font-size: 55px; 
    text-transform: lowercase; 
}
.slideshow-container.vid.meeting .caption .desc { position: absolute; left: 0px; bottom: 55%; }
.slideshow-container.vid.meeting .caption .desc, .slideshow-container.vid.meeting .caption .desc a { color: #FFF; font-size: 30px; text-transform: uppercase; }
@media only screen and (max-width: 100em) {
    .slideshow-container.vid.meeting .caption .desc { bottom: 60%; }
}
@media only screen and (max-width: 85em) {
    .slideshow-container.vid.meeting .caption .desc { bottom: 65%; }
}
@media only screen and (max-width: 70em) {
    .slideshow-container.vid.meeting .caption .desc { bottom: 70%; }
}

/*
|---------------------------------------------------------------------------------------------
|  MEDIA QUERIES
|---------------------------------------------------------------------------------------------
*/
@media only screen and (max-width: 64em) {
    .slideshow-container.vid iframe{
        display: none;
    }
    .slideshow-container.vid .play-button { position: absolute; top: 48%; left: calc(50% - 12px); transform: translate(-31%, -50%); z-index: 1001; display: inline-block; }
    .slideshow-container.vid .fa-play-circle { font-size: 5em; color: #fff; opacity: .5; text-shadow: 0 0 15px rgba(0,0,0,.9); }
    .slideshow-container.vid .fa-play-circle:hover { opacity: .8; }
    .slideshow-container.vid .video-mute { display: none; }
    .slideshow-container.vid .hero-carousel .shadow-gradient {
		background-image: url("/includes/public/assets/shared/shadow-med.png") !important;
		height: 158px;
	}

	.slideshow-container.vid .slick-prev {
		background-image: url("/includes/public/assets/shared/arrow-left-med.png") !important;
		background-repeat: no-repeat;
		left: 17px;
		background-color: transparent;
    	background-size: contain;
	}

	.slideshow-container.vid .slick-next {
		background-image: url("/includes/public/assets/shared/arrow-right-med.png") !important;
		background-repeat: no-repeat;
		right: 17px;
		background-color: transparent;
    	background-size: contain;
	}

	.slideshow-container.vid .slick-prev:hover, .slideshow-container.vid .slick-prev:focus, .slideshow-container.vid .slick-next:hover, .slideshow-container.vid .slick-next:focus {
		background-size: contain !important;
		background-repeat: no-repeat !important;
	}
    .slideshow-container.vid.meeting .box-wrapper { display: none; }
    .slideshow-container.vid.meeting .caption { display: none; }
}


/*** Mobile ***/ 
@media only screen and (max-width: 40em) {
    .slideshow-container.vid .slideshow-arrows .arrow.prev {
		background-image: url("/includes/public/assets/shared/arrow-left-sm.png") !important;
		left: 17px;
	}

	.slideshow-container.vid .hero-carousel .shadow-gradient {
		background-image: url("/includes/public/assets/shared/shadow-sm.png") !important;
		height: 39px;
		bottom: 35px;
	}

	.slideshow-container.vid .slideshow-arrows .arrow.next {
		background-image: url("/includes/public/assets/shared/arrow-right-sm.png") !important;	
		right: 17px;
	}
	.slideshow-container.vid .slideshow-arrows .arrow {
		width: 15px;
		height: 29px;
		margin-bottom: 5.4rem;
	}
	.slideshow-container.vid p { display: none; }
	.slideshow-container.vid h2 {
	    font-size: 14px;
	    line-height: 16px !important;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	.slideshow-container.vid .caption {
	    position: static;
	    top: 0;
	    bottom: auto;
	    text-align: center;
	    width: 100%;
	    max-width: 100%;
	    background: #00274c;
	}
	.slideshow-container.vid .shadow-gradient {
	    background-image: url(/includes/public/assets/shared/shadow-sm.png) !important;
	    height: 39px;
	    bottom: 0px;
	}
    .slideshow-container.vid.meeting .caption { background: transparent; display: none; }
    .slideshow-container.vid.meeting .shadow-gradient { display: none; }
    .slideshow-container.vid.meeting .slideshow-arrows { top: calc(50% - 15px); }
}
/*** Tablet ***/ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
    .slideshow-container.vid .slideshow{

    }
    .slideshow-container.vid .slideshow-arrows {
        left: 0;
        margin: auto;
        right: 0;
        width: 92%;
    }
    .slideshow-container.vid .items .imageContainer img {
        
    }
    .slideshow-container.vid .caption {
	    width: 80%;
	    bottom: 10px;
	}
    
}
/*** Desktop ***/ 
@media only screen and (min-width: 64.063em) { 

    /*slides*/
    .slideshow-container{
        height: auto;
        max-height: auto;
        position: relative;
        top: 0;
        margin-bottom: 0px;
        height: auto;
    }
    .slideshow-container.vid .slideshow{
        height: auto;
        overflow: hidden;
     }
     .slideshow-container.vid .items img{
        height: auto;
        max-width: none;
        width: auto;
        min-width: 100%;
    }    
    .slideshow-container.vid .items .imageContainer img{
        max-width: 100%;
        min-height: auto;
        min-width: 100%;
        width: auto;
    }
    .slideshow-container.vid .imageContainer {
        left: -50%;
        margin-left: 50%;
        min-width: 100%;
        position: relative;
        text-align: center;
        top: 0;
        width: 100%;
    }
}

/*** LARGE Desktop ***/ 
@media only screen and (min-width: 1800px){ 
    .slideshow-container.vid .items .imageContainer {
        left: -50%;
        margin-left: 50%;
    }
}