.no-float {
	float: none !important;	
}
.home {
	background: rgba(146, 218, 197, 0.6);
	color: #0c2340;
}

.home h2 {
	font-size: 28px;
	line-height: 36px;
}
.home h1 {
		font-size: 30px;
		line-height: 36px;
	}
  .modal.fade {
            backdrop-filter: blur(25px);
        }
/* SECTION SPACE */
#about,
#agenda,
#speaker,
#register {
	padding: 1.5rem 0 0 0;
}

.intro-section {
	background-color: #BDE9DC;
	
}

/* STICKY NAV MENU */
.menu {
	margin-top: 1rem;
	margin-left: -1rem;
	user-select: none;
}

.page-navigation {
	font-family: 'Invention';
	border-radius: 6px;
	background-color: #0c2340;
	color: #fff !important;
	padding: 1rem 2rem;
	z-index: 100;
	border: 1px solid #fff;
}

.page-navigation a {
	color: #fff !important;
	text-decoration: none;
	position: relative;
}

.page-navigation a:hover {
	border-bottom: 2px solid #fff;
}

.active-nav {
	border-bottom: 2px solid #fff;
}

.menu.mobile-menu {
	display: none;
}

.event-date {
	margin-bottom: 1rem;
}

.event-date .event-line {
	border-top: 2px solid #0c2340;
	width: 215px;
	min-height: 0;
	padding: 0.25rem 0;
}

.event-date p {
	font-size: 20px;
}


.hero img {
	width: 100%;
	display: block;
	margin: 0 auto;
	float: right;
	padding-left: 2rem;
}

.video-container {
	width: 100%;
	margin-top: 2.5rem;
}


/* AGENDA TABLE */
.agenda-table {
	margin-top: 3rem;
}

.event-details {
	margin: 0;
	padding-left: 6rem;
	position: relative;
	/* min-height: 197px; */
}
.event-details:last-of-type {
	padding-bottom: 0;	
}


.event-details .event-title {
	margin-top: 0rem;
	padding-top: 1.75rem;	
	/*min-height: 116px; */
}


.event-details::before {
	content: '';
	background-image: url('../assets/images/icon-webcast-agenda.svg');
	background-size: contain;
	background-repeat: no-repeat;
	height: 5rem;
	width: 5rem;
	position: absolute;
	z-index: 2;
	left: 0rem;
	top: 0rem;
}

.event-details::after {
	content: '';
	height: 100%;
	max-height: 100%;
	width: 0;
	border: 2px dashed #37a996;
	position: absolute;
	z-index: 1;
	left: 2.5rem;
	transform:translate(-50%,0);
	top: 20px;
}

.agenda-table .row >* .event-details:last-of-type:after {
	display: none;
}



@media (max-width:767.5px){
	.agenda-table .row >*:first-of-type .event-details:last-of-type:after {
		display: none;
	}
}


.event-name {
	font-size: 20px;
	margin-bottom: 1.25rem;
}

.event-title {
	font-size: 19px;
	line-height: 1.25em;
	margin: 1.125rem 0;
	padding-right: 1rem;
	box-sizing: border-box;
}

.event-description {
	font-size: 16px;
	padding-right: 1rem;
	line-height: 1.25em;
	box-sizing: border-box;
	min-height:17px;
	
}

.event-date {}

/* .event-image{
	width: 100%;
	display: block;
} */

.height-100 {
	height: 100%;
	max-height: 100%;
}

/* SPEAKERS */
.speaker-containers {
	margin: 0 -0.75rem;
}

.speaker-box {
	box-shadow: 0 3px 3px 0 rgb(0 0 0 / 5%);
	background-color: #00857c;
	color: #fff;
	height: auto;
	max-height: 175px;
	margin: 1rem 0.75rem;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}

.speaker-text {
	position: relative;
	display: flex;
	flex-direction: row;
	width: 100%;
}

.speaker-imagesize {
	height: 175px;
	width: 180px;
}
.speaker-image {
	flex: 1 1 1%;
	max-width: 175px;
	position: relative;
}


.speaker-description {
	display: flex;
	flex-direction: column;
	flex: 1 1 1%;
	padding: 1rem;
	box-sizing: border-box;
	justify-content: space-between;
}

/* CHANGE SPEAKER IMAGE BY CSS */

.speaker-img::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
}
.speaker-bio p {
		font-size: 16px;
		line-height: 20px ;
	}




/* END SPEAKER IMAGES */
.speaker-name {
	margin: 0;
	font-size: 20px;
}

.speaker-btn {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.speaker-modal-bottom {
	padding: 1rem 1.5rem;
}
 .speaker-button {
           /* min-width: 344px ;*/
        }


/* FORM STYLE */
.form-container:nth-of-type(1) {
	/* margin: 0 0.5rem; */
	margin-right: 0.5rem;
}

.form-container:nth-of-type(2) {
	/* margin: 0 0.5rem; */
	margin-left: 0.5rem;
}

input[type="text"],
select {
	/*color: #cccccc;*/
	border: 2px solid #cccccc;
	border-radius: 5px;
	width: 100%;
	height: 40px;
	font-family: 'Invention-Regular';
}

label {
	font-family: 'Invention-Regular';
	font-size: 14px;
	margin: 0;
	line-height: 10px;

}

input[type="checkbox"] {
	color: #cccccc;
	border: 2px solid #cccccc;
	border-radius: 5px;
	height: 25px;
	width: 25px;
}

.label-name {
	margin: 0.5rem 0;
	font-size: 14px;
}
/*update same font size item 6 #35831041*/
.error-message {
	font-size: 12px;
	font-family: 'Invention-Regular';
	margin: 0.25rem 0;
}

.terms-checkbox {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
}







/* MOBILE NAVIGATION MENU */
nav {
	margin: 50px auto;
	max-width: 700px;
	width: 95%;
	display: none;
}

#menu_mobile_nav, .toggle {
	display: none;
}

.menu-mobile {
	padding: 0;
	margin: 0;
	max-width: 700px;
	height: 50px;
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	list-style-type: none;
}

.menu-mobile li a {
	text-decoration: none;
	align-self: center;
	border-radius: 5px;
	font-size: 14px;
	padding: 10px 15px;
	transition: background .2s linear;
	line-height: 1rem;
}

.btn-backtop {
	background: #F7F7F7;
	border: 2px solid #0C2340;
	border-radius: 6px;
	color: #0C2340;
	float: right;
}

@media screen and (max-width: 600px) {
	.menu-mobile li a {
		font-size: 16px;
	}
}

@media screen and (max-width: 550px) {
	nav {
		display: block;
		font-family: 'Invention-Bold';
		background: #0c2340;
		width: 35%;
		margin: 0;
		color: #fff;
		border-radius: 6px;
		z-index: 50;
	}

	.toggle {
		clear: both;
		display: block;
		text-align: center;
		line-height: 40px;
		cursor: pointer;
		width: 100%;
		height: 40px;
		font-size: 16px;
		color: #fff;
		background: #0c2340;
		border-radius: 6px;
		transition: all .1s linear;
		position: relative;
		padding-left: 1rem;
	}

	.toggle.active {
		padding-left: 0;
		padding-right: 1rem;
	}

	.toggle.active::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 15%;
		border-bottom: 1px solid #fff;
		padding: 0 2.5rem;
	}

	.toggle:hover {
		background: #0c2340;
	}

	.toggle::after {
		content: '';
		background-image: url('../assets/images/btn-webcast-menu.svg');
		background-size: contain;
		background-repeat: no-repeat;
		height: 15px;
		width: 15px;
		position: absolute;
		left: 15%;
		top: 30%;
	}

	.toggle.active::after {
		background-image: url('../assets/images/btn-webcast-close-white.svg');
		left: 75%;
	}

	#menu_mobile_nav:checked+label .demo li {
		opacity: 1;
		visibility: visible;
		transition: all .7s linear;
	}

	nav label {
		width: 40%;
	}

	#menu_mobile_nav:checked+label .demo {
		height: 100px;
	}

	.menu-mobile {
		width: 100%;
		border-radius: 0px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		height: 0px;
		transition: height .3s linear;
	}

	.menu-mobile li {
		font-family: 'Invention-Bold';
		display: flex;
		/* align-self: center; */
		width: 100%;
		opacity: 0;
		visibility: hidden;
	}

	.menu-mobile li a {
		width: 100%;
		text-align: center;
		color: #fff;
		/* align-self: center;
		align-content: center; */
	}

	.home h2 {
		font-size: 22px;
		line-height: 36px;
	}
	.home h1 {
		font-size: 22px;
		line-height: 36px;
	}



	/* SPEAKER MOBILE IMAGES */
	.speaker-name p {
		font-size: 12px !important;
		margin: 0.5rem 0;
	}
	.speaker-bio p {
		font-size: 12px;
		line-height: 15px;
	}

    .speaker-desc {
		font-size: 10px;
		margin: 0.5rem 0;
	}
	.speaker-imagesize {
	height: 142px;
	width: 95px;
}
	.speaker-description  {
		font-size: 16px;
		margin: 0;
	}
	.speaker-description {
		padding: 0.5rem 1rem;
                justify-content :start;
	}
    .speaker-button {
        min-width: 157px;
    }
	.speaker-button a {
		font-size: 14px;
	}
	.speaker-image {
		min-height: 142px;
	}
       .speaker-box {
             height: 142px;
        }
		.speaker-bio {
        min-height: 106px;
    }
		
 

	
	
	/* END SPEAKER MOBILE IMAGES */
	/* AGENDA TABLE MOBILE */
	/*.event-details::before {
		height: 42px;
		width: 42px;
		position: absolute;
		z-index: 1;
		left: -80px;
		top: -10px;
	}

	.event-details::after {
		height: 105%;
		max-height: 105%;
		left: -61px;
		top: 25px;
	}*/

	.event-name {
		font-size: 16px;
		line-height: 18px;
	}

	.event-title {
		font-size: 14px;
		line-height: 24px;
	}

	.event-description {
		font-size: 16px;
		line-height: 20px;
	}

	.event-date {
		font-size: 14px;
		line-height: 24px;
	}

	/* END AGENDA TABLE MOBILE */
	.btn-registration {
		width: 100%;
		text-align: center;
	}

	.btn-register {
		width: 100%;
		text-align: center;
	}


}

@media only screen and (max-width:360px) {
   .speaker-button {
        min-width: 133px ;

    }
	.menu {
		display: none;
	}

	.menu.mobile-menu {
		display: block;
	}
    .speaker-bio {
        min-height: 100px;
    }
	.speaker-bio p {
		font-size: 11px;
		line-height: 14px;
	}
}


/* Series Checkin in register form */
.series-checklist-container{
	margin: 0 0 2rem 0;
}

.series-checkin {
	border: 1px solid #CCCCCC;
	border-radius: 8px;
	font-size: 1rem;
	margin: 0.25rem 0;
}

.series-checkin .series-name,
.series-checkin .attend-person-text,
.series-checkin .attend-webcast-text {
	margin: 0;
	padding: 0.5rem 0;
	box-sizing: border-box;
}

.series-checkin .series-name {
	padding-left: 0.5rem;
}

.series-checkin .attend-person-text,
.series-checkin .attend-webcast-text {
	font-weight: bold;
}

@media (max-width:600px) {
	.series-checkin {
		width: 100% !important;
		margin-bottom: 1rem;
	}
	.attend-person-text, .attend-webcast-text {
		font-size: 0.75rem;
		line-height: 1.25em;
	}
}








/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
.speaker-button {
        min-width: 141px ;
    }
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}



/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.speaker-box {
		    height: 150px;
	}
	.speaker-imagesize {
    height: 150px;
    width: 95px;
	}
	.speaker-image {
		min-height: 150px;
	}
	.speaker-button {
        min-width: 145px ;
    }
	

}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.speaker-button {
            /*min-width: 357px !important;*/
        }
		
		
}






/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* iPhone 6+, 6S+, 7+ and 8+ portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .speaker-button {
        min-width: 182px;
    }
}
/* iPhone 6+, 6S+, 7+ and 8+ landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
 .speaker-button {
            /*min-width: 428px  !important;*/
        }
}






/* ----------- iPhone 13 & 14----------- */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.speaker-button {
        min-width: 145px ;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape) {
.speaker-button {
            /* min-width: 503px; */
        }
}
/* iPhone 12 pro */
/* Portrait */
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
 .speaker-button {
        min-width: 163px ;
    }
	.speaker-bio p {
		font-size: 12px ;
		line-height: 16px;
	}
}

/* iPhone 12 pro */
/* landscape */

@media only screen and (min-device-width: 844px) and (max-device-width: 926px) and (orientation: landscape) {
  .speaker-button {
        /*min-width: 584px*/ ;
    }
}

/* iPhone 12 pro */

/* iPhone XR */
/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (orientation: portrait) {
 .speaker-button {
        min-width: 184px ;
    }
	.speaker-bio p {
		font-size: 13px ;
		line-height: 18px;
	}
}
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px)  and (orientation: landscape) {
   .speaker-button {
        min-width: 584px ;
    }
}

/* Samsung Galaxy S20 Ultra */
@media only screen and (min-device-width: 412px)   and (max-device-width: 915px) and (orientation: portrait)   {
.speaker-button {
        min-width: 181px;
    }
	.speaker-bio p {
		font-size: 12px ;
		line-height: 18px;
	}
	.speaker-bio {
        min-height: 106px;
    }
}

@media only screen and (min-device-width: 915px)   and (max-device-width: 915px) and (orientation: landscape)   {
.speaker-button {
            min-width: 606px ;
        }
		
}



/* ----------- iPad AIR----------- */
/* Portrait */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait)  {
	.speaker-button {
            min-width: 512px;
        }
}

/* Landscape */
@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape) {
	  .speaker-button {
            /*min-width: 318px ;*/
        }
}

/*** Start iPad Pro 12 ***/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {

	.speaker-button {
            min-width: 240px !important;
        }


}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape) {
	  .speaker-button {
            /* min-width: 344px ; */
        }


}
/*** End iPad Pro 12 ***/

/* ----------- iPad----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	
	
	
 .page-navigation {
		font-size: 1rem;
		margin-left: 1rem;
	}
.speaker-bio p {
		font-size: 13px;
		line-height: 18px ;
	}
.speaker-button {
           min-width: 458px ;
        }
 
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
 .page-navigation {
		font-size: 1rem;
		margin-left: 1rem;
	}
.speaker-bio p {
		font-size: 13px;
		line-height: 18px ;
	}
.speaker-button {
            /*min-width: 244px;*/
        }
 
}


@media only screen and (min-device-width: 844px) and (max-device-width: 844px) and (orientation: landscape) {
  /* styles for iPhone 12 Pro in landscape mode */
}
/* Galaxy Fold Outer Screen Portrait */
@media only screen and (min-device-width: 280px) and (max-device-width: 350px) {
	.speaker-box {
             height: 140px;
        }
		.speaker-imagesize {
	height: 140px;
	width: 80px;

		}
	.speaker-image {
		min-height: 140px;
	}
	.speaker-name {
	margin: 0;
	font-size: 15px;

}

.speaker-bio {
        min-height: 92px;
    }	
	.speaker-button {
        min-width: 66px ;

    }
	.speaker-desc {
		display:none;
	}
	
	.home h2 {
		font-size: 12px;
		line-height: 19px;
	}
	.speaker-modal-bottom {
	
	font-size: 11px;
	}
	.speaker-button a {
		font-size: 11px;
	}

}

.container {
    display: flex;
    justify-content: flex-end;
  }
.link {
    margin-bottom: 10px;
  }

/* New Page */
.new-color{	
	color: #9CB324 !important;
}

.bg_navigation {    
    background-color: #9CB324 !important;
    
}

/* Countdown CSS Added by V.R.S	Countdown section, ticket ref #44447588 */
.cnt-title {
   margin-top: 20px;
}
.countdown {
  display: flex;
  justify-content: flex-start;
  gap: 15px;
}
.cbox {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  position: relative;
  font-size: 16px;
}
span.cnum {
  color: #ffffff;
  background-color: #9CB324;
  height: 90px;
  width: 120px;
  display: grid;
  place-items: center;
  font-weight: 600;
  font-size: 4em;
}
span.ctext {
  font-family: 'Invention-Regular';
  color: #ffffff;
  font-size: 1.2em;
  background-color: #282b3a;
  display: block;
  width: 120px;
  text-align: center;
  padding: 0.5em 0;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .cbox {
    font-size: 12px;
  }
  span.cnum {
    width: 90px;
	height: 80px;
  }
  span.ctext {
	width: 90px;
  }
}
@media screen and (max-width: 768px) {
  .cbox {
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  .countdown {
    gap: 5px;
  }
  .cbox {
    font-size: 10px;
  }
  span.cnum {
    width: 80px;
	height: 60px;
  }
  span.ctext {
	width: 80px;
    font-size: 1.5em;
  }
}

#anc_select_all {
    font-size: 48px;
}

.select-all-link {
    font-size: 24px !important;
    color: #082340 !important;
    font-weight: 600;
	}



 .speaker-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.speaker-table td {
    vertical-align: top;
    text-align: left !important;
}

.speaker-img-cell {
    width: 115px;
    vertical-align: top;
}

.speaker-img-cell img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    display: block;
}


.confirmation-text {
    margin-top: 45px;
    margin-bottom: 20px;
}