@charset "utf-8";
/* CSS Document */
/* upcoming events start*/
#slideOut {
	position: fixed;
	width: 350px;
	height: 800px;
	top: 160px;
	left: -350px;
	/* Animation  */
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	cursor:pointer;
}
/* Display slideOut */

.showSlideOut {
	left: 0px !important;
}
/* Tab */

.slideOutTab {
	margin-top: 50px;
	position: absolute;
	right: -40px;
	height: 200px;
	width: 40px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	background: #c29633;
	border-radius: 0px 15px 15px 0px
}
.slideOutTab div {
	    font-weight: bold;
    color: #000;
	text-align: center;
	position: relative;
	right: 70px;
	top: 90px;
	background: #c29633;
	width: 180px;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-webkit-writing-mode: lr-tb;
	-ms-writing-mode: lr-tb;
	writing-mode: lr-tb;
}
/* None relevant included styling */
section:nth-child(2) {
	background: #7876A0;
}
section {
	height: 100%;
	width: 100%;
}
.modal-body {
	height: 270px;
	width:300px;
}
.modal-body a img{
	width:300px;
	height:250px;}
section {
	display: table;
	width: 100%;
	height: 100%;
}
.intro {
	display: table-cell;
	vertical-align: middle;
}
.modal-title{
	font-size:18px !important;
	color:#BE922F;
	text-align:center;
	font-weight:bold;}
.modal-content{
	background-color:#000 !important;}	
.modal-header {
        border-bottom: 1px solid #c29633 !important;
}
.upevent_img{}
.upevent_img h3{
	font-size:20px;
	color:#000;
	text-align:center;
	padding-bottom: 5px;
    border-bottom: 1px solid #BE922F;
	font-weight:bold;}	
.upevent_img img{
	width:500px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:400px;}
/* 
 */

.video_popup {
	display: none;
	position:fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
}
.video-popup-overlay {
	background: rgba(0,0,0,0.9);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.video-popup-content {
	position: absolute;
	background: #fff;
	width: 70%;
	height: auto;
	margin: -58px 0 0 -264px;
	left: 35%;
	top: 15%;
	z-index: 11;
	padding: 14px;
}
.close-popup {
	display: inline-block;
	position: absolute;
	top: -8px;
	right: 8px;
	font-size: 42px;
	text-decoration: none;
	color: #000;
}
.rotateIn {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: rotateIn .5s both ease-out;
	-moz-animation: rotateIn .5s both ease-out;
	animation: rotateIn .5s both ease-out;
}
@-webkit-keyframes rotateIn {
 from {
-webkit-transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
@-moz-keyframes rotateIn {
 from {
-moz-transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
@keyframes rotateIn {
 from {
transform: translateZ(-3000px) rotateZ(-360deg);
opacity: 0;
}
}
.rotateOut {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: rotateOut .5s both ease-in;
	-moz-animation: rotateOut .5s both ease-in;
	animation: rotateOut .5s both ease-in;
}
@-webkit-keyframes rotateOut {
 to {
-webkit-transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
 to {
-moz-transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
@keyframes rotateOut {
 to {
transform: translateZ(-3000px) rotateZ(360deg);
opacity: 0;
}
}
.rotateCubeIn {
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: rotateCubeIn .6s both ease-in;
	-moz-transform-origin: 50% 100%;
	-moz-animation: rotateCubeIn .6s both ease-in;
	transform-origin: 50% 100%;
	animation: rotateCubeIn .6s both ease-in;
}
@-webkit-keyframes rotateCubeIn {
 0% {
opacity: .3;
 -webkit-transform: translateY(-100%) rotateX(90deg);
}
 50% {
-webkit-animation-timing-function: ease-out;
 -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
}
@-moz-keyframes rotateCubeIn {
 0% {
opacity: .3;
 -moz-transform: translateY(-100%) rotateX(90deg);
}
 50% {
-moz-animation-timing-function: ease-out;
 -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
}
@keyframes rotateCubeIn {
 0% {
opacity: .3;
 transform: translateY(-100%) rotateX(90deg);
}
 50% {
animation-timing-function: ease-out;
 transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
}
.rotateCubeOut {
	-webkit-transform-origin: 50% 0;
	-webkit-animation: rotateCubeOut .6s both ease-in;
	-moz-transform-origin: 50% 0;
	-moz-animation: rotateCubeOut .6s both ease-in;
	transform-origin: 50% 0;
	animation: rotateCubeOut .6s both ease-in;
}
@-webkit-keyframes rotateCubeOut {
 50% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
 100% {
opacity: .3;
-webkit-transform: translateY(100%) rotateX(-90deg);
}
}
@-moz-keyframes rotateCubeOut {
 50% {
-moz-animation-timing-function: ease-out;
-moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
 100% {
opacity: .3;
-moz-transform: translateY(100%) rotateX(-90deg);
}
}
@keyframes rotateCubeOut {
 50% {
animation-timing-function: ease-out;
 transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
 100% {
opacity: .3;
transform: translateY(100%) rotateX(-90deg);
}
}
/* Demo Styles */

video_popup {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
}
.video-popup-content {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
@media (max-width: 520px) {
.upevent_img img {
    width: 100%;
    height: 210px;
}	
.video-popup-content {
        width: 100%;
    height: 300px;
     left: 67%;
   
}  
.play-video iframe {    
    height: 250px;
   } 
}