@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Exo:400,600,700,800");


a{text-decoration: none !important; transition: 0.2s ease-in;}
h1, h2, h3, h4, h5, h6, div, button, a, label  {
    font-family: "Exo",sans-serif;
	color: #fff;
}


.mt-05{margin-top: 5px !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-20{margin-top: 20px !important;}
.mt-25{margin-top: 25px !important;}
.mt-30{margin-top: 30px !important;}
.mt-40{margin-top: 40px !important;}
.mt-50{margin-top: 50px !important;}

.mb-05{margin-bottom: 5px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-15{margin-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-25{margin-bottom: 25px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-50{margin-bottom: 50px !important;}



.align-center{display: flex; align-items: center;}



.body-content{position: relative; width: 100%; min-height: 100vh; overflow: hidden; left: 0; transition: left 0.2s ease-out 0s; -webkit-transition: left 0.2s ease-out 0s;}
.body-content.aside{left: -400px;}

.header-full-block{width: 100%; position: absolute; top: 0; z-index: 10; background-color: transparent; transition: all 0.2s ease-in;}
.header-full-block.fixed{background-color: rgba(27,29,47,1); position: fixed;}
.header-full-block .header-inner-block{height: 70px; width: 100%; padding-left: 50px; padding-right: 50px;}
.header-full-block .header-inner-block .logo{position: absolute; float: left;}
.header-full-block .header-inner-block .logo a{height: 70px; line-height: 70px; display: block;}
.header-full-block .header-inner-block .logo a img{max-height: 40px; display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.header-full-block .header-inner-block .right-content-block{position: relative; float: right; height: 100%; display: none;}
.header-full-block .header-inner-block .right-content-block .header-social-links{display: block; height: 100%; margin-right: 0px;}
.header-full-block .header-inner-block .right-content-block .header-social-links .social-links{height: 100%; align-items: center;}
.header-full-block .header-inner-block .right-content-block .sidebar-menu-icon{cursor: pointer; width: 25px; height: 40px; position: absolute;top: 50%; margin-top: -20px; right: 0; overflow: hidden;}
.header-full-block .header-inner-block .right-content-block .sidebar-menu-icon .line1{position: absolute; background-color: #fff; height: 1px; top: 50%; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; width: 19px; left: 50%; transform: translateX(-50%); margin-top: -6px;}
.header-full-block .header-inner-block .right-content-block .sidebar-menu-icon:hover .line1{ width: 100%;}
.header-full-block .header-inner-block .right-content-block .sidebar-menu-icon .line2{position: absolute; background-color: #fff; height: 1px; width: 100%; top: 50%; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s;}
.header-full-block .header-inner-block .right-content-block .sidebar-menu-icon .line3{position: absolute; background-color: #fff; height: 1px; top: 50%; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; width: 19px; left: 50%; transform: translateX(-50%); margin-top: 6px;}
.header-full-block .header-inner-block .right-content-block .sidebar-menu-icon:hover .line3{ width: 100%;}

.header-full-block .header-inner-block .centered-menu-block{ position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap;}
.header-full-block .header-inner-block .centered-menu-block .main-menu{ list-style-type: none; margin: 0; padding: 0;}
.header-full-block .header-inner-block .centered-menu-block .main-menu>li{ display: inline-block;}
.header-full-block .header-inner-block .centered-menu-block .main-menu li.selected a, .header-full-block .header-inner-block .centered-menu-block .main-menu li:hover a{ color: #da4972;}
.header-full-block .header-inner-block .centered-menu-block .main-menu>li>a{ color: #ffffff; font-weight: 700; text-transform: uppercase; padding: 0 15px; font-size: 13px; letter-spacing: 1px; line-height: 70px;}
.header-full-block .header-inner-block .centered-menu-block .main-menu .sub-menu{ margin: 0; list-style-type: none; position: absolute; padding: 0; display: block; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in;}
.header-full-block .header-inner-block .centered-menu-block .main-menu li:hover .sub-menu{ visibility: visible; transform: translateY(0px); opacity: 1;}
.header-full-block .header-inner-block .centered-menu-block .main-menu li .sub-menu li a{ line-height: 30px; text-transform: uppercase; font-size: 11px; padding: 0 30px; color: #fff;}
.header-full-block .header-inner-block .centered-menu-block .main-menu li .sub-menu li:hover a{ color: #da4972;}
.sub-menu li { background-color: rgba(38, 41, 66,1);}
ul.sub-menu > li:first-child {padding-top: 20px;}
ul.sub-menu > li:last-child {padding-bottom: 20px;}


.sidebar-menu-block{position: fixed; right: -500px; top: 0; width: 500px; height: 100vh; z-index: 10; overflow-y: auto; transition: right 0.2s ease-out 0s;-webkit-transition: right 0.2s ease-out 0s; background-color: rgb(23, 25, 41);}
.sidebar-menu-block.show{right: 0px; }
.sidebar-menu-block .menu-inner-block{padding: 60px 70px; }
.sidebar-menu-block .menu-inner-block .platform-name{font-size: 27px; margin-bottom: 20px; margin-top: 25px; font-weight: 600; color: #fff;}
.sidebar-menu-block .menu-inner-block .sidebar-address-text{line-height: 1.4em;color: #fff; margin-bottom: 15px;}
.sidebar-menu-block .menu-inner-block .sidebar-otherinfo-text{color: #707281; margin-bottom: 15px;}
.sidebar-menu-block .menu-inner-block .sidebar-socialmedia-block{width: 100%; position: relative; font-size: 16px;}
.social-links{display: inline-flex; margin: 0 10px 0 0;}
.social-links i{color: #fff; transition: 0.15s ease-in;}
.social-links:hover i{color: #800000;}

.sidebar-menu-block .menu-close-icon-block{width: 100%; padding-left: 50px; padding-right: 50px; position: absolute; top: 0; height: 90px;}
.sidebar-menu-block .menu-close-icon-block .close-icon{position: absolute; right: 15px; top: 50%; width: 25px; height: 40px; margin-top: -20px; cursor: pointer;}
.sidebar-menu-block .menu-close-icon-block .close-icon .line{position: absolute; background-color: #fff; height: 1px; width: 100%; top: 50%; transition: 0.3s ease-in;}
.sidebar-menu-block .menu-close-icon-block .close-icon:hover .line{transform: scale(1.1);}
.sidebar-menu-block .menu-close-icon-block .close-icon .line1{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.sidebar-menu-block .menu-close-icon-block .close-icon .line2{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}





.footer-block{font-weight: 400; height: auto; padding: 90px 0; line-height: 40px; font-size: 14px; position: relative; text-align: center; background-color: rgb(251, 59, 100);}
.footer-support-email{font-size: 36px; font-weight: 700; color: #ffffff;}
.footer-all-links{display: flex; justify-content: center; font-size: 12px; text-transform: uppercase; font-weight: 600; flex-wrap: wrap;}
.footer-all-links a{display: inline-flex; color: #fff; margin: 0 20px 10px; line-height: 2;}
.footer-social-links-block .social-links{margin: 0 20px 0 20px;}
.footer-platform-logo{width: 100%; height: 70px; position: relative; overflow: hidden; display: flex; justify-content: center;}
.footer-platform-logo img{ display: block; height: 100%;}





.page-body{width: 100%; min-height: 50vh; position: relative; overflow: hidden; background-color: #121421; }
.home-banner-section{width: 100%; min-height: 105vh; background-image: url('../images/home-banner.jpg'); background-size: cover; display: flex; align-items: center; position: relative; overflow: hidden; }
.what-virtualevents-section{width: 100%; min-height: 60vh; padding: 50px 0; background-size: cover; display: flex; align-items: center;}
.how-it-works-section{width: 100%; min-height: 100vh; position: relative; padding: 50px 0; overflow: hidden; background-image: url('../images/howitworks-banner.jpg'); background-size: cover; display: flex; align-items: center;}
.about-us-section{width: 100%; min-height: 70vh; background-color: #fff; display: flex; align-items: center; padding: 70px 0;}
.about-us-section.inverse{ background-color: transparent;}
.about-us-section.inverse .row{flex-direction: row-reverse;}
.about-us-section .section-heading, .about-us-section .section-subheading{color: #000; text-align: left;}
.about-us-section.inverse .section-heading, .about-us-section.inverse .section-subheading{color: #fff; text-align: right;}
.about-section-banner-img{width: 100%; display: block; margin: 0 auto; opacity: 0;}
.demo-request-section{background-image: url('../images/demo-request-banner.jpg'); background-size: cover; min-height: 100vh; background-attachment: fixed; position: relative; padding: 100px 0}
.demo-request-section:before{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.85);}
.section-heading{ color: #fff; font-size: 44px; line-height: 1.2; opacity: 0;}
.section-subheading{color: #707281; font-size: 18px; line-height: 1.5; opacity: 0;}
.section-heading.animate__animated, .section-subheading.animate__animated, .login-form-block .left-panel .heading.animate__animated, .login-form-block .left-panel .subheading.animate__animated, .categories-block.animate__animated{opacity:1;}



.login-page-section{padding: 100px 0;}
.list-page-section{margin-top: 70px; padding: 100px 0;}
.login-form-block{width: 800px; max-width: 100%; background-color: rgba(27,29,47,0.7); box-shadow: 0px 10px 28.8px 1.2px rgba(0,0,0,0.08); min-height: 500px; margin: 0 auto; display: flex; flex-flow: row nowrap; position: relative; overflow: hidden;}
.login-form-block.loginpage .left-panel{background: no-repeat center,linear-gradient(45deg, #1c59f3, #00d8ff); background-size: cover;}
.login-form-block.registerpage .left-panel{background: no-repeat center,linear-gradient(45deg, #420ed9, #ff055d); background-size: cover;}
.login-form-block .left-panel{padding: 26px 30px 34px; display: flex; flex-flow: column wrap; justify-content: space-between;}
.login-form-block .right-panel{min-width: 430px; max-width: 100%; padding: 34px 30px; border-radius: 6px; margin: 0 auto; position: relative;}
.login-form-block .left-panel .heading{color: #fff; line-height: 76px; word-break: break-all; font-size: 5.375em; font-weight: 700; opacity: 0;}
.login-form-block .left-panel .subheading{width: 220px; margin-top: 30px; color: #fff; line-height: 32px; font-size: 1.75em; opacity: 0;}

.section-title-wrap { position: relative;}
.login-form-block .section-title-wrap { margin-bottom: 30px;}
.section-title-wrap .section-title{ font-size: 1em; display: block;  font-weight: 700; text-transform: uppercase; line-height: 1em;}
.section-title-wrap .section-title.mdeium{ font-size: 1.125em;}
.section-title-wrap .section-title-separator{ width: 100%; height: 1px; margin-top: 16px; background-color: #707281; position: relative;}
.section-title-wrap .section-title-separator:before{ content: ''; width: 70px; height: 3px; background-color: #fb3a64; position: absolute; top: -2px; left: 0;}

.action-button{display: inline-block; font-size: 12px; line-height: 40px; letter-spacing: 1px; text-indent: 1px; font-weight: 400; border-radius: 5px; border: 1px solid; text-transform: uppercase; min-width: 140px; text-align: center; transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; background-color: transparent;}
.action-button.red{background-color: #fb3a64; border-color: #fb3a64;}
.action-button.blue{background-color: #0e96f9; border-color: #0e96f9;}
.action-button.hover-red{border-color: #fb3a64; color: #fff;}
.action-button.full{width: 100%;}
.action-button.red:hover{opacity:0.9; color: #fff;}
.action-button.blue:hover{opacity:0.9; color: #fff;}
.action-button.hover-red:hover{background-color: #fb3a64 !important; color: #fff;}

.form-row { margin-top: 22px; margin-right: 0; margin-left: 0;}
.form-row:first-child { margin-top: 0;}
.form-actions{margin-top: 30px; display: flex; flex-flow: row wrap;}
.form-item{position: relative; overflow: hidden; width: 100%;}
.rl-label{display: block; font-size: .6875em; text-transform: uppercase; font-weight: 700; margin-bottom: 0;}
.form-inputs{width: 100%; border: none; border-bottom: 1px solid #707281; background-color: transparent; color: #fff; font-size: .8125em; transition: border-color .2s ease-in-out; height: 46px; padding: 0 20px; border-radius: 6px; margin-top: 10px;}
textarea.form-inputs{height: auto; }
.form-inputs:focus{border: none; border-bottom: 1px solid #707281; outline: none !important; border-right: none !important;}
.forgot-password-text{color: #fb3a64 !important; font-size: 13px;}
.form-description-text{color: #fff; font-size: 12px; width: 100%;}
.highlighted-text{color: #fb3a64;}
.submit-input-message{font-size: 13px; color: red; font-weight: 600; display: none; padding-left: 5px;}
.submit-input-message.show{display: block; margin-bottom: 0px; margin-top: 8px}








.events-tile{width: 100%; position: relative; overflow: hidden; display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.events-tile.inverse{flex-direction: column-reverse;}
.events-tile .info-block{width: 100%; position: relative; overflow: hidden; margin-bottom: 15px;}
.events-tile .banner-img-block{width: 100%; position: relative; overflow: hidden; margin-bottom: 15px;}
.events-tile .banner-img-block img{width: 100%; height: auto;}
.events-tile .date-time-info{color: #fb3a64; font-size: 12px; line-height: 24px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 5px; transition: all 0.2s ease-in;}
.events-tile .title-info{color: #fff; font-size: 20px; line-height: 24px; font-weight: 600; letter-spacing: 0.05em; margin-bottom: 10px; transition: all 0.2s ease-in;}
.events-tile .brief-desc-info{color: #707281; font-size: 15px; line-height: 24px; font-weight: 500; margin-bottom: 20px; text-align: justify;}
.events-tile .read-more-link{color: #fb3a64; font-size: 16px; line-height: 24px; font-weight: 600; opacity: 0; transition: all 0.2s ease-in; transform: translateY(50px);}

.events-tile:hover .date-time-info{color: #fff;}
.events-tile:hover .title-info{color: #fb3a64;}
.events-tile:hover .read-more-link{ opacity: 1; transform: translateY(0px);}


.highlighted-info-block{position: relative; overflow: hidden; margin-bottom: 20px;}
.highlighted-info-block .light-text{position: relative; overflow: hidden; color: #fff; margin-bottom: 10px; padding-left: 30px; font-size: 13px; font-weight: 600;}
.highlighted-info-block .focused-text{position: relative; overflow: hidden; color: #fb3a64; margin-bottom: 10px; padding-left: 30px; font-size: 13px; font-weight: 600;}
.highlighted-info-block .light-text i, .highlighted-info-block .focused-text i{position: absolute; left: 0; top: 2px;}
.desc-block{color: #707281; font-size: 16px; line-height: 30px; text-align: justify;}
.share-info-block{font-size: 18px;}



.categories-block{position: relative; margin-bottom: 20px; padding: 20px 10px; width: 100%; opacity: 0; min-height: 250px;}
.categories-block:before{content:''; width: 100%; height: 100%; border: 0px solid #1b1d2f; position: absolute; top: 0; left: 0; transition: all 0.2s ease-in;}
.categories-block:hover:before{box-shadow: 1px 1px 2px 1px #fb3a64; border: 1px solid #fb3a64; }
.categories-block img{display: block; margin: 0 auto 20px auto; width: 85px; max-width: 75%;}
.categories-block .info-title-text{width: 100%; text-align: center; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #fb3a64; letter-spacing: 0.03em; margin-bottom: 5px;}
.categories-block .info-desc-text{width: 100%; text-align: center; font-size: 12px; font-weight: 500; color: #fff; letter-spacing: 0.01em; }

@media screen and (min-width: 1200px){
	.header-full-block .header-inner-block{max-width: 1140px; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
}

@media screen and (max-width: 991px){
	.header-full-block .header-inner-block .centered-menu-block{display: none;}
	.header-full-block .header-inner-block .right-content-block{display: block;}
	.events-tile.inverse{flex-direction: column;}

}

@media screen and (max-width: 767px){
	.header-full-block .header-inner-block{padding-left: 15px; padding-right:15px; padding-top: 10px;}
	.demo-request-section{padding-top: 100px; padding-bottom: 75px;}
	.login-form-block{flex-wrap: wrap;}
	.login-form-block .left-panel{width: 100%;}
	.login-form-block .right-panel{min-width: 100%;}
	.login-form-block .left-panel .heading{line-height: 46px; word-break: break-word; font-size: 2.75em;}
}





.animate__animated.animate__delay-0-1s {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
	-webkit-animation-delay: calc(var(--animate-delay)*0.1);
	animation-delay: calc(var(--animate-delay)*0.1)
}

.animate__animated.animate__delay-0-2s {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-delay: calc(var(--animate-delay)*0.2);
	animation-delay: calc(var(--animate-delay)*0.2)
}

.animate__animated.animate__delay-0-25s {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
	-webkit-animation-delay: calc(var(--animate-delay)*0.25);
	animation-delay: calc(var(--animate-delay)*0.25)
}

.animate__animated.animate__delay-0-3s {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
	-webkit-animation-delay: calc(var(--animate-delay)*0.3);
	animation-delay: calc(var(--animate-delay)*0.3);
}

.animate__animated.animate__delay-0-4s {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	-webkit-animation-delay: calc(var(--animate-delay)*0.4);
	animation-delay: calc(var(--animate-delay)*0.4);
}

.animate__animated.animate__delay-0-5s {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-animation-delay: calc(var(--animate-delay)*0.5);
	animation-delay: calc(var(--animate-delay)*0.5)
}

.animate__animated.animate__delay-0-6s {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
	-webkit-animation-delay: calc(var(--animate-delay)*0.6);
	animation-delay: calc(var(--animate-delay)*0.6)
}

.animate__animated.animate__delay-0-7s {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
	-webkit-animation-delay: calc(var(--animate-delay)*0.7);
	animation-delay: calc(var(--animate-delay)*0.7);
}

.animate__animated.animate__delay-0-75s {
	-webkit-animation-delay: 0.75s;
	animation-delay: 0.75s;
	-webkit-animation-delay: calc(var(--animate-delay)*0.75);
	animation-delay: calc(var(--animate-delay)*0.75)
}
.animate__animated.animate__delay-0-8s {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
	-webkit-animation-delay: calc(var(--animate-delay)*0.8);
	animation-delay: calc(var(--animate-delay)*0.8);
}
.animate__animated.animate__delay-0-9s {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
	-webkit-animation-delay: calc(var(--animate-delay)*0.9);
	animation-delay: calc(var(--animate-delay)*0.9);
}

.animate__animated.animate__delay-1-25s {
	-webkit-animation-delay: 1.25s;
	animation-delay: 1.25s;
	-webkit-animation-delay: calc(var(--animate-delay)*1.25);
	animation-delay: calc(var(--animate-delay)*1.25)
}











.video-grid{display: block; width: 100%; position: relative;}
.video-view{width: 100%; height: 100%; position: relative; overflow: hidden;}
.video-view .video-placeholder{width: 100%; height: 100%; position: relative; overflow: hidden;}
.hide-checkbox{display: none;}

select option {
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}


.videochat-controls{position: absolute; bottom: -90px; width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; transition: 0.2s ease-in;}
.video-grid:hover .videochat-controls{bottom: 30px;}
.videochat-control-button{position: relative; width: 46px; height: 46px; border: none; margin: 0 5px; border-radius: 50%; background-color: rgb(18 20 33); outline: none !important; display: flex; align-items: center; justify-content: center;}	.videochat-control-button.active{background-color: #fff;}
.videochat-control-button.leave-chat-btn{background-color: rgb(244, 67, 54);}
.videochat-control-button>img{width: 28px; height: 28px;}





.home-banner-section:before, .how-it-works-section:before{content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.banner-text-block{margin: 0 auto; width: 600px; max-width:90%; text-align: center; z-index: 1;}
.banner-text-block .banner-text{font-size: 45px; font-weight: 600; text-align: center; margin-bottom: 20px;}
