html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
  caption, tbody, tfoot, thead, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration:none; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; 
-o-transition:all 0.5s ease; transition:all 0.5s ease; color:#333;}
a:focus {outline:none;}

:focus { outline: none; }
html, body {font-family: 'Raleway', sans-serif;}

#maincontainer {width:100%; float:left;}

/* LOGIN SREEN START HERE */

.header {width:100vw; height:100vh; float:left; background:url(../images/m_bg.jpg) no-repeat left top; background-size:cover; position:relative;}
.header .inner {display:flex; align-items:center; height:100vh; background:linear-gradient(to right, rgba(22,53,81,1) , rgba(71,187,183,0.9));}

.header .inner .content {display:block; padding:0 50px 0 0;}

.header .inner .content .presents {display:block; font-family:'Raleway', sans-serif;}
.header .inner .content .presents h4 {display:block; text-transform:uppercase; padding:0 0 10px; font-weight:600; color:#f4b134; font-size:20px; letter-spacing:0.5px;}
.header .inner .content .presents h1 {display:block; padding:0 0 20px; font-weight:700; color:#fff; font-size:40px; letter-spacing:0.25px; line-height:44px;}

.header .inner .presents .logo {display:block; padding:0 0 50px;}
.header .inner .presents .logo img {max-width:400px; display:inline-block;}

.header .inner .content .presents .block {display:block;}
.header .inner .content .presents span.date {padding: 5px 0 5px 35px; margin:0; color:#fff; display:inline-block; text-transform:none; font-weight:400; 
background: url(../images/calendar.png) no-repeat left 4px; line-height:24px;}


.header .inner .login_box {display:block; max-width:400px; box-sizing:border-box; position:relative; margin:70px 0 0;}

.header .inner .login_box p {display:block; padding:0 0 20px; font-size:17px; color:#000; text-align:center;}
.header .inner .login_box p small {font-size:13px;}
.header .inner .login_box p a {color:#000000; font-size:14px; margin:5px 0 0; display:inline-block; text-decoration:underline; font-weight:bold;}

.header .inner .login_box input[type="text"] {width:100%; box-sizing:border-box; background:#ffffff; line-height:22px; font-size:17px; color:#000; font-weight:400; padding:10px 20px; border-radius:6px; border:none; margin:0 0 10px; font-family: 'Raleway', sans-serif; text-align:center;}

.header .inner .login_box input[type="submit"] {width:100%; border:none; box-sizing:border-box; margin:10px 0; background:#f4b134; border-radius:6px; padding:12px 20px; text-align:center; text-transform:uppercase; color:#000; font-size:18px; letter-spacing:1px; font-family: 'Raleway', sans-serif; cursor:pointer; font-weight:700;}

.partners_blk {display:block; padding:30px 0 0;}

.partners_blk .com_blk {display:block; text-align:center; max-width:400px; box-sizing:border-box;}
.partners_blk .com_blk .top {display:block;}
.partners_blk .com_blk .top strong {display:block; text-transform:uppercase; font-size:16px; padding:0 0 20px; font-weight:700; color:#fff;}
.partners_blk .com_blk .bottom {display:block;}
.partners_blk .com_blk .bottom a {display:inline-block;}

/* LOGIN SREEN END HERE */

/* LOBBY SREEN START HERE */

.lobby .sessions {display:block; overflow:hidden; min-width:1140px;}
.lobby .sessions .session {width:23%; margin:0 1%; float:left;}
.lobby .sessions .session a {display:block; background:#00ffff; padding:50px 20px; text-align:center;}
.lobby .sessions .session a img {max-width:96px; display:inline-block;}
.lobby .sessions .session a strong {display:block; padding:30px 0 0; font-weight:900; font-size:18px; 
letter-spacing:0.5px; color:#000; line-height:26px;}
.lobby .sessions .session a strong small {display:block;}

.lobby .top_row {width:100%; position:absolute; left:0; top:50px;}
.lobby .top_row .logo img {padding:0 20px 0 0; display:inline-block; vertical-align:top;}
.lobby .top_row .logo img:first-child {max-width:270px;}

.lobby .bottom_row {width:100%; position:absolute; left:0; bottom:0;}
.lobby .bottom_row .br_inner {display:block; overflow:hidden; border-top:3px solid #132f49; padding:0 50px;}

.lobby .bottom_row .br_inner ul {width:auto; float:left; list-style:none; padding:30px 0;}
.lobby .bottom_row .br_inner ul li {width:auto; float:left;}
.lobby .bottom_row .br_inner ul li a {display:block; color:#fff; font-size:14px; margin:0 20px 0 0; 
text-transform:uppercase; border:1px solid #f4b134; border-radius:20px; padding:0 20px; line-height:28px; font-weight:600;}
.lobby .bottom_row .br_inner ul li a i {padding:0 10px 0 0; color:#f74b71;}
.lobby .bottom_row .br_inner ul li:first-child a {background:#f4b134; color:#000;}

.lobby .bottom_row .br_inner .info_bar {width:auto; float:right; padding:20px 0 0;}
.lobby .bottom_row .br_inner .info_bar .logo {display:inline-block; max-width:120px; margin:0 0 0 20px; vertical-align:bottom;}
.lobby .bottom_row .br_inner .info_bar .logo span {display:block; font-weight:700; font-size:10px;
color:#fff; padding:0 0 5px; text-align:center;}
.lobby .bottom_row .br_inner .info_bar .logo.host span {padding:0 0 10px;}

.lobby .bottom_row .br_inner .info_bar strong {display:inline-block; max-width:250px; font-family:'Raleway', sans-serif; font-weight:700; font-size:14px; 
text-align:left; color:#fff; text-transform:uppercase; margin:0 0 0 30px; line-height:18px;}
.lobby .bottom_row .br_inner .info_bar strong b {color:#f4b134; text-transform:none; display:block;}

/* LOBBY SREEN END HERE */

/* MAIN SESSION SREEN START HERE */

.header.lobby.main_session {border-top:12px solid #132f49; box-sizing:border-box; background:url(../images/m_bg.jpg) no-repeat left top; background-size:cover;}

.header.lobby.main_session .content {display:block;}

.header.lobby.main_session .content .left {display:block; padding:30px 50px; margin:0 30% 0 0;}

.header.lobby.main_session .content .left .head {display:block; padding:0 0 30px;}
.header.lobby.main_session .content .left .head h1 {display:block; overflow:hidden; color:#000; font-weight:900; 
font-size:32px; text-transform:uppercase; letter-spacing:1px;}
.header.lobby.main_session .content .left .head h1 span {width:96px; height:96px; border-radius:50%; 
background:#242582; text-align:center; float:left;}
.header.lobby.main_session .content .left .head h1 span img {max-width:48px; display:inline-block; padding:24px 0 0;}
.header.lobby.main_session .content .left .head h1 strong {display:block; padding:24px 0 0 120px; line-height:48px;}

.header.lobby.main_session .content .left .video_screen {display:block;}
.header.lobby.main_session .content .left .video_screen iframe {width:100%!important;}

.header.lobby.main_session .content .right {width:30%; position:fixed; right:0; top:12px; 
background:#fff; height: calc(100% - 102px);}
.header.lobby.main_session .content .right iframe {width:100%!important; min-height:500px!important;}
.header.lobby.main_session .content .right .chat_blk {display:block; border-right:1px solid #eee; margin:10px 0; position:relative;}
.header.lobby.main_session .content .right .chat_blk iframe {width:100%!important; min-height:500px!important;}

.header.lobby.main_session .content .right .strip {width:30%; background:#8172f9; right:0; top:0; z-index:100; height:52px; position:fixed;}

.header.lobby.main_session .bottom_row {border-top:2px solid #f4b134; background:#132f49;}
.header.lobby.main_session .bottom_row .br_inner {border:none;}

.chat-room--chat--header--wrapper {display:none!important;}

/* MAIN SESSION SREEN END HERE */

.register .header .inner .presents .logo {padding-top:80px;}