@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'metropolismedium';
    src: url('../fonts/metropolis-medium-webfont.woff2') format('woff2'),
         url('../fonts/metropolis-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'metropolisbold';
    src: url('./fonts/metropolis-bold-webfont.woff2') format('woff2'),
         url('../fonts/metropolis-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'metropolislight';
    src: url('./fonts/metropolis-light-webfont.woff2') format('woff2'),
         url('../fonts/metropolis-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
	margin: 0px;
	padding: 0px;
	color: #fff;
    font-family: 'metropolismedium';

}
.bg1 {
	background: url(../images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.wrapper {
    width: 100%;
    height: 100vh;
    position: relative;
}

#warning-message {display: none;}

.spacing{padding-left:40px;}
.logo{width:10%; margin-top:50px; margin-bottom:80px;}
.logoVDO{width:10%; margin-top:40px; margin-bottom:20px;}
.forCAST{width:58%; margin-bottom:50px;}
.forCAST h1{font-family: 'metropolislight'; font-size: 80px; color: #01c1d6;}
.forCAST h2{font-family: 'metropolislight'; font-size: 42px; color: #6e6e72; margin-top: 15px; font-weight: 500; }
.homehead {font-size:35px; color:#052e7d; font-weight:800; font-family:'metropolislight';  margin: 0;}
.timer{width: 80%}
.countdown { width: 700px;margin-left: -15px; }
.forCASTvdo{width:58%; margin-bottom:20px;}
.forCASTvdo h1{font-family: 'metropolislight'; font-size: 50px; color: #01b4fd;}
/*.live{font-family:'metropolislight'; font-size: 30px; color: #ffffff; text-decoration: none; background-color: #ff0000; padding: 8px 25px;}
.live:hover{text-decoration: none;}
.join{font-family:'metropolislight'; font-size: 30px; color: #ffffff; text-decoration: none; background-color: #01a982; padding: 8px 25px;}
.join:hover{text-decoration: none;}*/
.joinNow{ margin-top:80px; margin-bottom:80px;}
.joinNow button{border: 0; background: none; outline:none; background: #1e438b; color: #fff; padding: 8px 30px; border-radius: 15px; font-size: 32px; list-style: 30px;}
.joinNow2{width:20%; margin-top:80px; margin-bottom:80px;}
.joinNow2 button{border: 0; background: none; outline:none;}
.joinNowVDO{margin-top:20px; margin-bottom:20px;}
.joinNowVDO button{border: 0; background: none; outline:none;}
.sub{border: 0; background: none; width: 12%;}
.joinNowVDO ul{padding: 0px;}
.joinNowVDO ul li {
    width: 9%;
    margin: 0 0.5%;
    float: left;
    list-style: none;
}
.form-login{padding: 15px 10px; display: inline-block; width: 100%; background:rgba(0,0,0,0.8); }
.fade {
    transition: opacity .15s linear;
    background: rgb(26 49 98 / 50%);
}
/*.gredbox {
    display: inline-block;
    margin: 0 10px;
}
.video-box {
    border: 1px solid #000;
    margin-bottom: 0px;
    background: #606060;
    width: 1244px;
    height: 700px;
    z-index: 1;
}
.boxp {
    width: 1244px;
    background: transparant;
    color: #fff;
    margin: 0;
    padding: 5px;
    font-size: 16px;
    font-weight: normal;
}*/
button.ot-sdk-show-settings{ 
	position: fixed!important; 
	bottom: 0px!important; 
	right: 0px!important; 
	z-index: 999999!important; 
	color: rgb(255, 255, 255) !important; 
	border: 2px solid rgb(29, 66, 138) !important; 
	padding: 6px!important; 
	display: inline-block; 
	margin: -8px 0px 1.2px -82px; 
	background-color: rgb(29, 66, 138); 
	cursor: pointer; 
	border-radius: 2.75rem; 
	font-size: 13px; 
	min-width: 200px; 
	height: 40px; 
	font-weight: bold; 
} 
.close {
    right: -8px;
    top: -25px;
    float: right;
    font-size: 3rem;
    font-weight: normal;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    color: #fff;
    position: absolute;
    outline: 0px auto -webkit-focus-ring-color!important;
}
.close:hover {
    opacity: 0.8;
    color: #fff;
    text-decoration: none;
}

.btn-blue { background: #1e438b!important; color: #fff; padding: 5px 20px; }
.btn-blue:hover {background: #1e438b; color: #fff; padding: 5px 20px; }


.form_CO {border: 2px solid #5d5d5d; border-radius: 5px; background-color: #fff; color: #000; }
.form-check-label {
    margin-bottom: 0;
    color: #000;
}

.bottom-logo {position:absolute; left:15px; bottom:15px;}
.bottom-logo img{ width:120px;}


@media(max-width:1680px){
.forCAST h1{font-size: 70px;}
.forCAST h2{font-size: 38px; }
/*.video-box {width:1200px; height:675px; background:#999; margin-top:50px;}*/  
.homehead { font-size: 32px; padding-top: 0px; }  
}

@media(max-width:1600px){
.forCAST h1{font-size: 60px;}
.forCAST h2{font-size: 32px; }
/*.video-box {width:1200px; height:675px; background:#999; margin-top:50px;}*/  
.homehead { font-size: 30px; }  
.countdown { width: 650px; }
}

@media(max-width:1536px){
.logo{margin-top:60px; margin-bottom:60px;}	
/*.video-box {width:924px; height:520px; background:#999; margin-top:50px;} */  
.forCAST h1{font-size: 55px;}
.forCAST h2{font-size: 30px; }
.countdown { width: 600px; } 
}

@media(max-width:1440px){
.logo{width:10%; margin-top:40px; margin-bottom:60px;}    
.forCAST h1{font-size: 55px;}
.forCAST h2{font-size: 30px; }
.homehead { font-size: 30px;}
.countdown { width: 600px; } 
}

@media(max-width:1366px){
.forCAST h1{font-size: 48px;}
.forCASTvdo h1{font-size: 38px;}    
/*.video-box {width:853px; height:480px; background:#999; margin-top:30px;} */
.homehead { font-size: 26px;}
.countdown { width: 500px; } 
.joinNow button { 
    font-size: 26px;
}
.joinNow {
    margin-top: 60px;
    margin-bottom: 40px;
}
}

@media(max-width:1343px){
 
}

@media(max-width:1280px){
.forCAST h1{font-size: 48px;}
.forCAST h2{font-size: 26px; }
.homehead { font-size: 26px;}
/*.video-box {width:747px; height:420px; background:#999; margin-top:50px;}   */ 
.countdown { width: 450px; } 
}

@media(max-width:1024px){
.forCAST h1{font-size: 42px;}
.forCAST h2{font-size: 22px; }   
.homehead {font-size:25px;}
 
/*.video-box {width:711px; height:400px; background:#999; margin-top:50px;}   */
.countdown { width: 400px; }  
}

@media(max-width:952px){
.logo{width:10%; margin-top:15px; margin-bottom:15px;}
.forCAST{width:100%; margin-bottom:15px;}
.forCAST h1{font-size: 28px;}
.forCAST h2{font-size: 18px;}     
.homehead {font-size:16px; }
.joinNow button { 
    font-size: 18px;
}
.joinNow {
    margin-top: 20px;
    margin-bottom: 40px;
}
/*.video-box {width:480px; height:270px; background:#999; margin-top:15px;} */  
.bottom-logo img{ width:90px;} 
.spacing { padding-left: 15px;}
.countdown { width: 300px; } 
.bottom-logo {
    position: absolute;
    left: 15px;
    bottom: 5px;
}
.bottom-logo img {
    width: 60px;
}
}

@media(max-width:851px){ 
.forCAST h1{font-size: 24px;}
.forCAST h2{font-size: 14px;}     
.homehead {font-size:14px; } 
.countdown { width: 250px; } 
}
@media(max-width:672px){
.forCAST h1{font-size: 24px;}
.forCAST h2{font-size: 14px;}     
.homehead {font-size:14px; } 
.countdown { width: 250px; }   
}

@media(max-width:480px){
.bg1 {
	background:#fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100% 100%;
}
}	

@media only screen and (orientation:portrait) {
	html,
	body {
		width: 100%;
		height: 100%;
	}
	#wrapper {
		display: none;
	}
	#warning-message {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
	}
	#warning-message p {
		font-family: Arial, Helvetica, sans-serif;
		width: 100%;
		color: #fff;
		padding: 15px;
		font-size: 21px;
		line-height: 1.5;
		text-align: center;
		letter-spacing: 0.0125em;
		font-weight: 400;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
	}
}