.dope-repeatable-child > .container-ele {
    transition: .3s;
}

.dope-repeatable-child > .container-ele .movers {
    opacity: 0;
    transition: .3s;
}

.dope-repeatable-child > .container-ele:hover .movers {
    opacity: 1;
}

#splash-container {
    animation: presentPage 3.3s linear;
    transform-origin: top center;
}

div#cmsPageLoader {
    background: #111;
    animation: loaderLoadin 3s linear;
    opacity: 0;
    /*filter: grayscale(100%);*/
    display: block;
    pointer-events: none;
    position: fixed;
    width: 100%;
    height: 100%;
}

div#cmsPageLoader:before {
    content: '';
    position: fixed;
    z-index: 111;
    top: 50%;
    left: 50%;
    font-size: 6rem;
    transform: translate(-185%,48%);
    transform-origin: top right;
    animation: movin 3s infinite;
}

div#cmsPageLoader:after {
    content: '';
    position: fixed;
    z-index: 111;
    top: 50%;
    left: 50%;
    font-size: 6rem;
    line-height: 1.1;
    width: 100px;
    height: 100px;
    transform: translate(-50%,-50%);
    transform-origin: center;
    background: url('https://d24wuq6o951i2g.cloudfront.net/img/events/457710160/assets/902c3068.bsf-star.png');
    background-size: contain;
    animation: rotate 10s infinite linear;

}

.thisLoader {
    visibility: visible;
    width: auto;
    height: auto;
    background: none;
    color: #fff;    
    font-family: monospace;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-400%)
}

.thisLoader:before {
    /*content: 'Boston';*/
    animation: flashy 2s infinite;
    white-space: nowrap;
}

.nu-loader {
    display: none;
}

@keyframes rotate {
    0% { transform: translate(-50%,-50%) rotate(0) ; }
    100% { transform: translate(-50%,-50%) rotate(360deg); }
}

@keyframes flashy {
    0%, 50% { opacity: 1; }
    51%, 54% { opacity: 0; }
    54%, 57% { opacity: 1; }
    71%, 74% { opacity: 0; }
    74%, 77% { opacity: 1; }
    97%, 98% { opacity: 0; }
    98%, 99% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes movin {
    0% { transform: rotate(0) translate(-185%,48%); }
    33% { transform: rotate(20deg) translate(-205%,58%); }
    66% { transform: rotate(-10deg) translate(-155%,38%); }
    100% { transform: rotate(0deg) translate(-185%,48%); }
}

@keyframes loaderLoadin {
    0% { transform: scale(1); opacity: 1; }
    95% { transform: scale(1); opacity: 1; }
    100% { transform: scale(0.8); opacity: 0; }
}

@keyframes presentPage {
    0% { transform: scale(0.8); opacity: 0; }
    95% { transform: scale(0.8); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}


video {
    max-width: 100%;
}

.allStreams {
    cursor: pointer;
}

.fauxdal {
    top: 100% !important;
    opacity: 0;
    transition: top 0s, opacity .2s;
    overflow-y: auto;
    overflow-x: hidden;
}

.fauxdal.is-active {
    top: 0% !important;
    opacity: 1;
    transition-delay: top .2s linear;
}

.noScroll {
	overflow: hidden;
}

.vflex {
    display: flex !important;
    align-items: center;
}

.cms-session-card .x4 {
	cursor: zoom-in;
}

#attendeeAgendaModal .cms-session-card .x4 {
	cursor: default;
}

.cms-session-card .card-image {
    background-size: cover;
    background-position: center;
    min-height: 100% !important;
}

.cms-session-card > .container-ele {
    transition: .2s;
}

.cms-session-card > .container-ele .movers {
    opacity: 0;
    transition: .2s;
}

.cms-session-card > .container-ele:hover .movers {
    opacity: 1;
}

#attendeeAgendaModal [sui-modal-content-container] {
	height: 60vh !important;
}

.allStreams > .element {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

[data-session-id="45994"],
[data-session-id="46004"] {
	display: none !important;
}

[data-session-id="46004"].showTest {
	display: inline-block !important;	
}


/*join now button*/

.joinNowBtn {
	background: white;
	width: 100%;
	display: inline-block;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1rem;
	display: none;
	cursor: pointer;
}

.joinNowBtn:before {
	content: 'Join Now';
	font-size: 0.875rem;
    font-family: Gotham Bold;
    color: rgb(1, 45, 107);
}

.joinNowBtn:hover {
	background: rgb(236, 15, 140) !important;
}

.joinNowBtn:hover:before {
	color: #fff;
}