@charset "utf-8";
/* CSS Document */


/* ======== Common for all ======== */
a{text-decoration: none;}
.left-column a{color: #fff;}

.bg-overlay{ position: absolute; width: 100%; height: 100%; background-color:#041d56; opacity: .4; z-index: 1;}

.x-icon{ opacity: .8; transition:all .3s ; -webkit-transition:all .3s ; -moz-transition:all .3s ; -ms-transition:all .3s ; -o-transition:all .3s ; }
.x-icon:hover{opacity: 1; transition:all .3s ;}

.a-link-black{color: var(--darkgrey); transition: all .3s;}
.a-link-black:hover{ color: var(--primary1); transition: all .3s; letter-spacing: 3px;}

.a-link-blue{color: var(--primary1); transition: all .3s; font-weight: 500;}
.a-link-blue:hover{ color: var(--secondary1-dark); transition: all .3s; font-weight: 500; }

.a-link-orange{color: #a70024; transition: all .3s; font-weight: 500;}
.a-link-orange:hover{ color: var(--primary1); transition: all .3s; font-weight: 500; }

.expand-effect{transition: all .3s;}
.expand-effect:hover{transition: all .3s; letter-spacing: 3px;}

.a-btn-orange{background-color: var(--secondary1); transition: all .3s;}
.a-btn-orange:hover{background-color: var(--primary1); transition: all .3s; }

.a-btn-blue{background-color: var(--primary1-light); transition: all .3s;}
.a-btn-blue:hover{background-color: var(--secondary1); transition: all .3s; }

.a-btn-ltblue{background-color: var(--tertiary2); transition: all .3s;}
.a-btn-ltblue:hover{background-color: var(--secondary1); transition: all .3s; }

.related-events img:hover{scale: 1.1; transition: all .3s; }


@media (min-width:1250px) {
  .a-btn-orange:hover, .a-btn-blue:hover{letter-spacing: 3px;}
}

.chat_btn{position: fixed; bottom: 10px; left: 10px; z-index: 500;}

/*===== forms ======*/

.form_subhead{background-color: var(--primary1-dark); margin-bottom: 15px;}
.form-check-input{border: 1px solid #5a5a5a;}

.non-mentatory::placeholder {color:#CCC; opacity: 1;}
.non-mentatory{border: 1px solid #CCC!important;}

.mentatory::placeholder {color:#666; opacity: 1;}
.mentatory{border: 1px solid #666!important;}

.form-check-label{margin-left: 25px;}
.form-check-input{position: absolute;}
.form-control{height: 46px;}

/*===== forms ======*/


/* ======== Home page ======== */
@media (max-width: 768px) {
	.home-slide-pic {height: 48vh;}
  .topbanner {height: 60vh;}
  .eventbanner {height: 45vh;}
	.empty-div{height: 110px;}
}
@media (min-width: 769px) and (max-width: 992px) {
	.home-slide-pic{height: 70vh;}
  .topbanner{height: 40vh;}
  .eventbanner {height: 40vh;}
	.empty-div{height: 110px;}
}

@media (min-width: 993px) {
	.home-slide-pic, .topbanner{height: 70vh;}
  .eventbanner {height: 55vh;}
	.empty-div{height: 150px;}
  .captionbox {position:absolute; bottom:50px; width:100%; color:#FFF; z-index: 5; }
}		
@media (max-width: 992px) {
.captionbox {position:absolute; bottom:10px; width:100%; color:#FFF; z-index: 5; }
.captionbox .h4{font-size: 18px!important;}
}		
.home-slide-pic{background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%;  z-index: 0;}
.eventext-box{position: absolute;  z-index: 500; top: 0; left: 0; width: 100%; height: 100%; }


#featured-services {
background: url("https://cdn.cmtevents.com/cmtstaticcontent/images_v6/homepage/about-bg.jpg") center top no-repeat fixed;
background-size: cover;
padding: 60px 0 40px 0;
position: relative;
}

.subscribe-btn{font-size: 16px;padding: 8px 40px; display: inline-block; background: var(--primary1); color: #fff; transition: 0.3s; border-radius: 4px;}
.subscribe-btn:hover{background: var(--primary1-light); color: #fff; }
.gsc-search-button-v2{padding: 10px 27px!important;}

/* ======== Home page end ======== */


/* ======== about us page ======== */

.topbanner{background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; z-index: 0; position: relative;}

/* ======== about us page ======== */


/* ======== Event pages ======== */
@media screen and (max-width: 1280px) {
.sidebar-heading{font-size: 20px; }
.sidebar-text{font-size: 16px; }
.header-date p{font-size: 12px; }
.header-date h6{font-size: 12px; }
}

@media (max-width:1366px){
	.event-logo{max-width: 200px;}
	.logo-box{border: none;}
}
@media (min-width:1367px){
	.event-logo{max-width: 270px;}
	.logo-box{border-right: 1px solid #ccc;}
}

.eventbanner-pic{ background-attachment: fixed; background-size: auto; background-repeat: no-repeat; width: 100%; height: 100%; z-index: 0;}

  
@media (min-width:1200px) {
  .topbanner-title{font-size: 3.5rem;}
  
  }
  .eventbanner{position: relative; }
  
  @media (min-width:993px) {
  .border-lg-1{border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;}
  .days-count{font-size: 3.5vw; line-height: 1;}
  #event-status1, #event-status2{top:110px;}
  .eventbanner-pic{ position: relative; background-position: top;}
  }
  @media (max-width:992px) {
  .days-count{font-size: 10vw;}
  .eventbanner-pic{background-position: center top!important; }
  }
  .sponsor_bg{background-image: url("https://cdn.cmtevents.com/cmtstaticcontent/images_v6/aboutevent/sponsor_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; position: relative; z-index: 0;}
  .sponsor_bg::before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(49, 76, 117, 0.6);
  z-index: -1;
  }
  .industry_bg{background-image: url("https://cdn.cmtevents.com/cmtstaticcontent/images_v6/aboutevent/industry_bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; position: relative; z-index: 0;}
  .industry_bg::before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(49, 76, 117, 0.6);
  z-index: -1;
  }
  .industry-news ul li a, .industry-news p{color:#fff; transition: all .3s;}
  .industry-news ul li{margin-bottom: 10px;}
  .industry-news ul li a:hover, .industry-news p:hover{color:#9edefc; transition: all .3s; font-weight: 500;}
  
  .headerbox{text-transform: uppercase; padding: 10px; border-bottom: 1px solid #ddd; font-weight: 500;}
  .actnow-bg{ background-color: rgba(33,37,41, 1);}
  
  .sponsor-logobox img{ width: auto!important; }

@media only screen and (max-width: 430px) {
	.modal_banner {
width:100%!important;
position:fixed;
bottom:0px;
right:0px;
margin:0px;}
	}
.modal_banner {
width:650px;
position:fixed;
bottom:0px;
right:0px;
margin:0px;
-webkit-animation-name: slideIn;
-webkit-animation-duration: 0.4s;
animation-name: slideIn;
animation-duration: 0.4s
    }
	.modal{
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
	}
@media (min-width: 769px){.modal-dialog {width: 1000px; margin: 30px auto;}}
@media (min-width: 1800px){.modal-dialog {width: 1300px; margin: 30px auto;}}

/* Add Animation */
@-webkit-keyframes slideIn {
  from {bottom: -300px; opacity: 0} 
  to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}


/* The Close Button */
.close {
	position:absolute;
  color:#333;
  font-size:36px;
  float: right;
  right:10px;
  top:7px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/*=======================================
Register page
=======================================*/

.progressbarbox {
	width: 100%;
}
.progressbar {
	counter-reset: step;
	padding-left:0;
}
.progressbar li {
	list-style: none;
	display: inline-block;
	width: 30.33%;
	position: relative;
	text-align: center;
	color:#999;
}
.progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 40px;
	height: 40px;
	line-height : 40px;
	border: 2px solid #ddd;
	border-radius: 100%;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	background-color: #fff;
}
.progressbar li:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: #ddd;
	top: 20px;
	left: -50%;
	z-index : -1;
}
.progressbar li:first-child:after {
	content: none;
}
.progressbar li.active {
	color: green;
}
.progressbar li.active:before {
	border-color: green;
	background-color:green;
	color:#FFF;
}
.progressbar li.step2 + li:after {
	background-color: green;
}

.feegroup{background-color:var(--tertiary1); color:#FFF; padding:10px;}
.feebox{border: 1px solid #999; border-radius: 12px; overflow: hidden;}
.totalfee{ background-color: #d4d8da;}