.video-endcard {
	color: #fff;
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    /* Fix for bold-looking text on Mac (caused by light text against dark background with subpixel rendering) */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.show-endcard .video-endcard {
    visibility: visible;
}
.org-schedule-form-holder {
    visibility: hidden;
    position: absolute;
}
.show-form .org-schedule-form-holder {
    visibility: visible;
    width: 100%;
    height: 100%;
}

.video-container-mobile {
    position: relative;
}

.video-endcard .endcard-header-container {
    text-align: center;
}

.video-endcard .endcard-header {
    display: inline-block;
    font-weight: normal;
    font-size: 41px;
    margin: 0 0 0.4em 0;
    font-family: "Jost", Arial;
    color: #fff;
    width: 100%;
}

.video-endcard .endcard-content {
    position: relative;
}
.video-endcard .endcard-left-space,
.video-endcard .endcard-right-space {
    width: 22.5%;
    position: absolute;
    top: 0;
    padding: 0 2%;
}
.video-endcard .endcard-left-space {
    left: 0;
}
.video-endcard .endcard-right-space {
    right: 0;
}
.video-endcard .endcard-center-space {
    width: 55%;
    margin: 0 auto;
}
.video-endcard .endcard-thumb {
    width: 100%;
    border: 1px solid #86b7d7;
}
.video-endcard .endcard-thumb-caption {
    font-weight: bold;
    line-height: 1.5;
    margin: 1em 0 2em;
}
.video-endcard .endcard-caption {
    font-size: 17px;
    text-align: center;
    width: 55%;
    margin: 0.5em auto 0.5em auto;
}
:lang(ja) .video-endcard .endcard-caption {
    font-size: 16px;
}
.video-endcard .endcard-btn-learn-more {
    display: inline-block;
    padding: 4px 12px;
    background: #fff;
    border-radius: 0.3em;
    color: #82b3de;
    font-size: 1.7em;
    cursor: pointer;
    border: 1px solid #3c5f7f;
}
.video-endcard .endcard-btn-learn-more:hover {
	background: #e5f3ff;
}
.video-endcard .endcard-btn-row {
    text-align: center;
}

.video-endcard .org-info-left-text {
    font-size: 0.857em;
    line-height: 1.5em;
    color: #fff;
}
:lang(es) .endcard-right-space .org-info-left-text,
:lang(es_ES) .endcard-right-space .org-info-left-text {
    margin-right: 20px;
}
.video-endcard .org-info-left-text .endcard-emphasis,
.video-endcard .org-info-left-text a.endcard-emphasis,
.video-endcard .org-info-left-text a.endcard-emphasis:link,
.video-endcard .org-info-left-text a.endcard-emphasis:visited {
	font-weight: bold;
	color: rgb(141, 166, 189);
}
.video-endcard .endcard-extra-space {
	height: 100%;
}
.video-endcard .endcard-video-thumb {
	width: 100%;
	outline: 1px solid #fff;
}
.video-endcard .endcard-video-thumb-wrapper {
    position: relative;
    margin: 10px 0;
    cursor: pointer;
}
.video-endcard .endcard-video-thumb-wrapper:hover {
    outline: 3px solid #fff;
}
.video-endcard .endcard-video-thumb-wrapper:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1em;
    height: 1em;
    font-size: 50px;
}

/* Animations */

.video-endcard {
    
			perspective: 1000px;
			-webkit-perspective: 1000px;
			-moz-perspective: 1000px;
			-o-perspective: 1000px;
			-ms-perspective: 1000px;
		
}

.video-endcard .endcard-fadein {
    opacity: 0;
    
			transform: rotateX(-10deg) translate3d(0, -10px, 0);
			-webkit-transform: rotateX(-10deg) translate3d(0, -10px, 0);
			-moz-transform: rotateX(-10deg) translate3d(0, -10px, 0);
			-o-transform: rotateX(-10deg) translate3d(0, -10px, 0);
			-ms-transform: rotateX(-10deg) translate3d(0, -10px, 0);
		
}

.show-endcard .video-endcard .endcard-fadein {
    
			transition: opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000), transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-webkit-transition: opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000), -webkit-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-moz-transition: opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000), -moz-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-o-transition: opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000), -o-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-ms-transition: opacity 1s cubic-bezier(0.165, 0.840, 0.440, 1.000), -ms-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		
    opacity: 1;
    
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
}

.show-endcard .video-endcard .endcard-fadein.endcard-center-space {
    
			transition-delay: .15s;
			-webkit-transition-delay: .15s;
			-moz-transition-delay: .15s;
			-o-transition-delay: .15s;
			-ms-transition-delay: .15s;
		
}

.show-endcard .video-endcard .endcard-fadein.endcard-right-space {
    
			transition-delay: .3s;
			-webkit-transition-delay: .3s;
			-moz-transition-delay: .3s;
			-o-transition-delay: .3s;
			-ms-transition-delay: .3s;
		
}

.show-endcard .video-endcard .endcard-fadein.endcard-caption {
    
			transition-delay: .45s;
			-webkit-transition-delay: .45s;
			-moz-transition-delay: .45s;
			-o-transition-delay: .45s;
			-ms-transition-delay: .45s;
		
}

.show-endcard .video-endcard .endcard-fadein.endcard-btn-row {
    
			transition-delay: .6s;
			-webkit-transition-delay: .6s;
			-moz-transition-delay: .6s;
			-o-transition-delay: .6s;
			-ms-transition-delay: .6s;
		
}

.org-schedule-form-holder .endcard-transition {
    
			transform-origin: top left;
			-webkit-transform-origin: top left;
			-moz-transform-origin: top left;
			-o-transform-origin: top left;
			-ms-transform-origin: top left;
		
    
			transition: transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-moz-transition: -moz-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-o-transition: -o-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-ms-transition: -ms-transform 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		
}

@media (max-width: 1080px) {

    .video-endcard .endcard-header {
        font-size: 36px;
    }
    .video-endcard .endcard-caption {
        font-size: 17px;
        margin: 0.4em auto 0.6em;
    }
    :lang(ja) .video-endcard .endcard-caption {
        font-size: 15px;
    }
    .video-endcard .endcard-btn-learn-more {
        font-size: 20px;
    }

}

@media (max-width: 920px) {

    .video-endcard .endcard-header {
        font-size: 33px;
    }
    .video-endcard .endcard-caption {
        font-size: 15px;
    }
    :lang(ja) .video-endcard .endcard-caption {
        font-size: 14px;
    }
    .video-endcard .endcard-btn-learn-more {
        font-size: 19px;
    }

}

@media (max-width: 830px) {

    .video-endcard .endcard-header {
        font-size: 30px;
        margin: 0.2em 0;
    }

    .video-endcard .endcard-header .you-are-invited-customized-location {
        font-size: 20px;
    }

}

@media (max-width: 767px) {

    .show-endcard.video-container-mobile .video-container-16-9,
    .show-form.video-container-mobile .video-container-16-9{
        padding-bottom: 0;
    }

    .show-endcard.video-container-mobile .video-inner,
    .show-form.video-container-mobile .video-inner {
        position: relative;
    }

    .show-endcard.video-container-mobile .video-endcard {
        position: relative;
        padding-bottom: 30px;
    }

    #banner-endcard.show-form .org-schedule-form-holder,
    .show-form.video-container-mobile .org-schedule-form-holder {
        position: relative;
    }

    #banner-endcard.show-form .org-schedule-form-holder h2.endcard-header {
        top: -20px;
    }

    .video-endcard .endcard-center-space {
        width: 100%;
        padding: 0;   
    }

    .video-endcard .endcard-header {
        margin: 0.6em 0;
    }

    .video-endcard .endcard-header-container,
    .video-endcard .endcard-content {
        padding: 0 20px;
    }

    .video-endcard .endcard-right-space {
        position: static;
        width: 100%;
        margin: 10px auto;
        text-align: center;
    }

    .video-endcard .endcard-btn-row {
        padding: 10px;
    }

    .video-endcard .endcard-btn-learn-more {
        font-size: 16px;
    }

    .video-endcard .endcard-left-space {
        position: static;
        width: 100%;
    }

    .video-endcard .endcard-video-thumb-container {
        display: inline-block;
        margin: 0 1em;
    }

    /* always show the org endcard on mobile */
    .show-form.video-container-mobile #wis-endcard.ajax-endcard,
    #banner-endcard.ajax-endcard {
        display: block;
    }

    .show-form.video-container-mobile #wis-endcard.ajax-endcard .video-endcard,
    #banner-endcard.ajax-endcard .video-endcard {
        visibility: visible;
        position: static;
        padding-bottom: 20px;
    }

    .show-form.video-container-mobile #wis-endcard.ajax-endcard .video-endcard .endcard-fadein,
    #banner-endcard.ajax-endcard .video-endcard .endcard-fadein {
        opacity: 1;
        
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
		
    }

    .video-container-mobile #wis-endcard.ajax-endcard .video-endcard .endcard-right-space,
    #banner-endcard.ajax-endcard .video-endcard .endcard-right-space {
        max-height: 0;
        overflow: hidden;
        
			transition: max-height 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-webkit-transition: max-height 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-moz-transition: max-height 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-o-transition: max-height 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);
			-ms-transition: max-height 0.3s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		
    }

    .show-form.video-container-mobile #wis-endcard.ajax-endcard .video-endcard .endcard-center-space,
    #banner-endcard.ajax-endcard .video-endcard .endcard-center-space {
        position: relative;
    }

    .org-info-open #wis-endcard.ajax-endcard .video-endcard .endcard-right-space,
    .org-info-open #banner-endcard.ajax-endcard .video-endcard .endcard-right-space {
        max-height: 250px;
    }

    #header-container.show-form.video-container-mobile .video-container-16-9 {
        padding-bottom: 56.25%;
    }
    #header-container.show-form.video-container-mobile .video-inner {
        position: absolute;
    }

    /*
    #header-container .org-schedule-form-holder .org-info .org-info-animate-in {
        
			transition: none;
			-webkit-transition: none;
			-moz-transition: none;
			-o-transition: none;
			-ms-transition: none;
		
    }
    */

    #header-container.show-endcard.video-container-mobile .video-container-16-9 {
        padding-bottom: 56.25%;
    }
    #header-container.show-endcard.video-container-mobile .video-inner {
        position: absolute;
    }
    #header-container .video-endcard .endcard-caption {
        width: 100%;
    }

}

.directions-email-input {
    display: block;
    width: 100%;
    font-size: 15px;
}

.you-are-invited-customized-location {
    font-size: 26px;
    line-height: 20px;
}
:lang(hu) .you-are-invited-customized-location,
:lang(zh) .you-are-invited-customized-location {
    line-height: 23px;
}

.you-are-invited-customized-location .icon-target {
    position: relative;
    top: 2px;
    left: -2px;
}

.you-are-invited-customized-location .icon-target:hover {
    text-decoration: none;
}

.org-info-content .you-are-invited-customized-location {
    color: white;
}

.you-are-invited-customized-location a:visited,
.you-are-invited-customized-location a:active,
.you-are-invited-customized-location a:hover,
.you-are-invited-customized-location a:link,
.you-are-invited-customized-location a {
    color: rgb(141, 166, 189);
    font-size: 14px;
    text-decoration: none;
}

.you-are-invited-customized-location a:active,
.you-are-invited-customized-location a:hover {
    border-bottom: 1px solid rgb(141, 166, 189);
}

.video-endcard .endcard-content .endcard-center-space .autofill-csiorgimage {
    cursor: pointer;
}

.mobile-only-info-icon {
    position: absolute;
    bottom: -25px;
    left: -25px;
    font-size: 27px;
    cursor: pointer;
    display: none;
    padding: 40px;
}

@media (max-width: 767px) {
    .mobile-only-info-icon {
        display: block;
    }
}


.endcard-caption .wanish {
    display: none;
}
