#page.the101 {
    padding: 0;
}

#page.the101 #h_main {
    top: -130px;
    transition: all 0.5s ease-in-out;
}
#page.the101 #top_banner{
    display: none !important;
}


.tm-show-header {
    top: 0 !important;
}

.m-title .gradient{
	background: #FFAE09;
	background: linear-gradient(to right, #FFAE09 0%, #FF7607 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.ev_cta{
	background-color: #fff;
    border-radius: 50px;
    display: flex;
    padding: 0 35px;
    width: max-content;
    text-decoration: none !important;
    color: #E75300;
    line-height: 45px;
    font-size: 15px;
    margin: 0px;
    margin-top: 13px;
    height: 45px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.ev_cta i{
	padding-left: 8px;;
}
@font-face {
    font-family: 'dinPro';
    src: url('../../../assets/webfonts/33B124_6_0.eot');
    src: url('../../../assets/webfonts/33B124_6_0.eot?#iefix') format('embedded-opentype'), url('../../../assets/webfonts/33B124_6_0.woff2') format('woff2'), url('../../../assets/webfonts/33B124_6_0.woff') format('woff'), url('../../../assets/webfonts/33B124_6_0.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
h1,h2,h3,h4,h5,h6{
	font-family:"dinPro","Open Sans", sans-serif;
	font-weight: 700;
}

#the101-menu{
	position: relative;
	z-index: 99;
}
.the101-header-bar{
    display: flex;
    flex-wrap: wrap;
    background-color: #233141;
    flex-direction: row-reverse;
}
.the101-header-bar > div{

}
.the101-menu-header{
    display: flex;
    flex-wrap: wrap;
}
.success{
	color: green;
}


/* FOOTER STYLES */
.footer{
    padding: 15px 0px;
    background-color: #414B53;
    color: #fff;
    font-size: 12px;
}
.footer a{
    color: #fff;
    text-decoration: none;
}
.footer .p-wrap,
.footer .module{
    display: flex;
    flex-wrap: wrap;
}
.footer .p-wrap{
	justify-content: space-between;
	align-items: center;
}
.footer-logo{

}
.footer-logo img{
    padding-right: 10px;
}
.footer-nav-wrap{
    
}
.footer-nav-wrap ul{
    list-style: none;
    margin: 0px;
}
.footer-nav-wrap ul li{
    display: inline-block;
    border-left:1px solid #fff;
}
.footer-nav-wrap ul li:first-child{
    border-left:0px;
}
.footer-nav-wrap ul li a{
    padding: 2px 10px;
}
.footer .small-screen-show {
	display: none;
}
@media only screen and (max-width: 480px) {
	.footer .small-screen-hide {
		display: none;
	}
	.footer .small-screen-show {
		display: inline;
	}
	.footer-nav-wrap {
		text-align: right;
	}
	.footer-nav-wrap ul li:last-child a {
		padding-right: 0;
	}
}


.justify-content-center{
	justify-content: center;
}

/* profile settings */
.the101_profile_setting_module{
    overflow: hidden;
    padding: 0px;
}
.the101_profile_setting_module .bg_overflow{
    position: relative;
    overflow: visible;
    background-color: #F7F7F7;
}
.the101_profile_setting_module .bg_overflow:before{
    content: '';
    width: 1000px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    right: 100%;
    background-color: #F7F7F7;
}
.the101_profile_setting_module .bg_overflow:after{
    content: '';
    width: 1000px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 100%;
    background-color: #F7F7F7;
}

.the101_profile_setting_module .row{
    display: flex;
    flex-wrap: wrap;
}
.the101_profile_setting_module .col-md-6{
    width: 100%;
    max-width: 50%;
}
.the101_profile_setting_module .formWrapper{
    width: 80%;
    margin: 0px auto;
    padding: 55px 0px;
}
.the101_profile_setting_module .formWrapper h2{
    font-size: 26px;
	margin-bottom: 20px;
    color: #667380;
}



/*  SIGNUP FORM STYLES */
.text-align-right{
    text-align: right;
}
.text-align-center{
    text-align: center;
}
.signup_login_module{
    overflow: hidden;
    padding: 0px;
}
.signup_login_module .bg_overflow{
    position: relative;
    overflow: visible;
    background-color: #F7F7F7;
}
.signup_login_module .bg_overflow:after{
    content: '';
    width: 1000px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 100%;
    background-color: #F7F7F7;
}

.signup_login_module .row{
    display: flex;
    flex-wrap: wrap;
}
.signup_login_module .col-md-6{
    width: 100%;
    max-width: 50%;
}
.signup_login_module .formWrapper{
    width: 80%;
    margin: 0px auto;
    padding: 55px 0px;
}
.signup_login_module .formWrapper h2{
    font-size: 26px;
	margin-bottom: 20px;
    color: #667380;
}

#registration-errors {
	color: red;
	font-weight: bold;
}

.formWrapper input,
.formWrapper select,
.formWrapper textarea{
    border: 1px solid rgba(18, 30, 40, 0.30);
    border-radius: 3px;
    background-color: #fff;
    padding: 10px;;
}
.formWrapper label{
    background-color: #fff;
    margin-bottom: -8px;
    margin-left: 14px;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    color: #121E28B2;
    display: block;
    width: fit-content;
    position: relative;
    padding: 0px 5px;
	z-index: 99;
}
.signup_login_module .bg_overflow label{
    background-color: #F7F7F7;
}
.formWrapper .form-group-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.formWrapper .form-group{
    margin-bottom: 13px;
    width: 100%;
}
.formWrapper .w-50{
    max-width: 48%;
}

.password-container{
	position: relative;
}
.toggle-password {
	position: absolute;
	z-index: 99;
	top: 21px;
	right: 10px;
	/*transform: translateY(-50%);*/
	cursor: pointer;
  }

.error{
    color: #790000;
}
em.error{
    background-color: #ff000012;
    padding: 7px;
    display: block;
    width: fit-content;
    font-size: 12px;
}
.formWrapper input.error{
    border: 1px solid #790000;
}
.formWrapper .gchoice {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    width: 100%;
}
.formWrapper .gchoice input[type=checkbox]{
    width: 20px;
}
.formWrapper .gchoice label {
    color: rgba(35, 49, 65, .7);
    font-size: 12px;
    font-weight: 600;
    margin: -2px 0px 0px 0px;
    cursor: pointer;
    transition: color .1s ease-in-out;
}
.formWrapper .term{
	font-size: 12px;
    font-weight: 600;
    color: rgba(35, 49, 65, .7);
	text-align: center;
	margin: 5px 0px 18px 0px;
}

.formWrapper .forgot_password_btn{
    color: rgba(35, 49, 65, .7);
    font-size: 12px;
    font-weight: 600;
    margin: -2px 0px 0px 0px;
    cursor: pointer;
    transition: color .1s ease-in-out;
}

.formWrapper input[type=button],
.formWrapper input[type=submit],
.formWrapper button{
    background-color: #FF7607;
    border-radius: 4px;
    text-align: center;
    color: #fff;;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    display: block;
    width: 100%;
    border: 2px solid #FF7607;
    font-family: "Open Sans";
    padding: 10px;
}
.formWrapper input[type=button].invert,
.formWrapper input[type=submit].invert,
.formWrapper button.invert{
    background-color: #fff;
    color: #FF7607;
}

.formWrapper .verification-group{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 20px;;
}
.formWrapper .verification-group input{
    padding: 10px;
    width: 13%;
    text-align: center;
}

#VerificationFormWrap{
    display: none;
}
.orange{ color: #E75300;}
.pointer{ cursor: pointer;}

#ajaxLoader{
    position: fixed;
    z-index: 9999999;
    background-color: #4b4b4b91;
    height: 100vh;
    width: 100vw;
    left: 0px;
    top: 0px;
    display: none;
}
#ajaxLoader img{
	position: fixed;
    color: #fff;
    margin: 0px 0px 0px -30px;
    display: block;
    text-align: center;
    font-size: 28px;
	top:45%;
	left: 50%;
}



@media only screen and (max-width: 961px) {
    .signup_login_module .col-md-6{
        max-width:100%;
    }
}


/*******************************************/

/***********Global*************/
/*
* {box-sizing: border-box;}
body, html {
    overflow-x: hidden;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: normal;
}
body, button, input, select, textarea {
    color: #667380;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1.33;
	margin: 0px;
	background-color: #F7F7F7;
}
h1, h2, h3, h4, h5 h6 {
	font-family: dinPro;
	font-weight: 700;
	margin: 0;
}
p {font-size: 18px;margin-top: 0;line-height:1.333}
a {color: #FF891A;text-decoration: none;}
*/
.container {max-width: 1100px;margin: 0 auto;}
section{
	padding-top: 80px;
	padding-bottom: 80px;
}
.flex {
	display: flex;
}
.grid-3-col {
	display: grid;
	grid-template-columns: repeat(3, 1fr);;
}
.full {
	width: 100%;
	height: 100%;	
}
.no-y-padding {
	padding-top: 0px;
	padding-bottom: 0px;
}
.no-x-padding {
	padding-left: 0px;
	padding-right: 0px;
}
.brand-color {
	color: #FF7607;
}
.light-grey-bg {
	background-color: #F7F7F7;
}
.grey-bg {
	background-color: #F0F0F0;
}
.button, a.button {
	background-color: #FF7607;
	color: #ffffff;
	padding: 10px 20px;
	border-radius: 4px;
}
.cta .button, a.cta.button {
	padding: 14px 53px;
}
.tag {
	background-color: #E75300;
	padding: 2px 6px;
	display: inline-block;
	color: #ffffff;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
}
.top-bar {
	color: #ffffff;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	background-color: #233141;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	z-index: 99;
}
.top-bar .menu {
	justify-content: flex-end;
}
.top-bar .menu .item {
	padding-left: 30px;
	position: relative;
}
.top-bar .menu .item.user{
	cursor: pointer;
}
.top-bar .menu .item .top_submenu{
	display: none;
	position: absolute;
	background: #233141;
    padding: 15px;
	top: 100%;;
	z-index: 999;
	right: -17px;
	width: max-content;
}
.top-bar .menu .item .top_submenu a{
	display: block;
	color: #fff;
	border-bottom:1px solid #ccc;
	padding: 5px 0px;
	text-decoration: none;
}
.top-bar .menu .item .top_submenu a:hover{
	color: #FF7607;
}
.top-bar .menu .item .top_submenu a:last-child{
	border:0px
}
.top-bar .menu .item:hover > .top_submenu{
	display: block;
}
.top-bar .menu .item.brand i {
	margin-right: 10px;
}
.top-bar .menu .item.icon-bell i {
	color: #ffffff;
	font-size: 20px;
}
.nav {
	border-bottom: 1px solid #121E2833;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ffffff;
}
.nav ul.menu {
	padding: 0px;
}
.nav .row {
	justify-content: space-between;
}
.nav .row .logo {
	max-width: 87px;
}
.nav .row .logo img {
	width: 100%;
    height: 100%;
}
.nav .row .menu {
	align-content: center;
    flex-wrap: wrap;
	list-style: none;
	margin: 0;
	justify-content: flex-end;
}
.nav .row .menu li {
	padding-left: 57px;	
	position: relative;
}
.nav .row .menu li a {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.3;
	color: #667380;
	text-decoration: none;
}
.nav .row .menu li.hilighted a {
	font-family: Open Sans;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
    background-color: #FF7607;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 4px;
}
.nav .row .menu li ul{
	list-style: none;
	margin: 0px;
	display: none;
	position: absolute;
	z-index: 9;
	top: 100%;
	background-color: #fff;
	width: max-content;
	padding: 10px 15px;
	margin-left: -10px;
	border-bottom:1px solid #F7F7F7;
	box-shadow: 2px 3px 3px rgba(0, 0, 0, .05);
}
.nav .row .menu li:hover ul{
	display: block;
}
.nav .row .menu li ul:hover{
	display: block;
}
.nav .row .menu li ul li{
	padding: 6px 0px;
	display: block;
}
.nav .row .menu li ul li a{
	font-size: 16px;
	font-weight: 400;
}
.nav .row .menu .menu-item:hover > a {
    color: #FF7607 !important;
}
.nav .row .menu li ul li:hover a{
	color: #FF7607;
}

.breadcrumbs i {
	font-size: 10px;
	padding-right: 5px;
}
.breadcrumbs {
	padding-top: 40px;
	padding-bottom: 40px;
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 400;
	line-height: 19.07px;
	background-color: #F7F7F7;
	margin: 0px !important;
}
.breadcrumbs a {
	font-size: 14px;
	line-height:1.35;
	color: #FF7607;
	text-decoration: none;
	display: flex;
    align-items: center;
	padding-left: 5px;
}

.event-calender{
	position: relative;
	z-index: 999;
}

@media only screen and (max-width: 1140px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media only screen and (max-width: 961px) {
	.t-full-width {
		width: 100% !important;
		max-width: 100% !important;
		padding-bottom: 40px;
	}
	.t-block {
		display: block;
	}
	.t-no-border {
		border: none !important;
	}
	.t-no-y-padding {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.t-no-x-padding {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

@media only screen and (max-width: 767px) {
	.m-full-width {
		width: 100% !important;
		max-width: 100% !important;
		padding-bottom: 40px;
	}
	.m-block {
		display: block;
	}
	.m-none {
		display:none;
	}
	.m-no-border {
		border: none !important;
	}
	.m-no-y-padding {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.m-no-x-padding {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.grid-3-col {
		grid-template-columns: repeat(1, 1fr);;
	}
	.nav .row .menu li {
		padding-left: 15px;
		padding-bottom: 15px;
	}
	.nav .menu li.hilighted a {
		padding: 5px 10px;
	}
	.nav .row .menu li a {
		font-size: 16px;
	}
	footer a {
		display: block;
	}
	
}
@media only screen and (max-width: 468px) {
	.nav .row .menu li {
		padding-left: 11px;
		padding-bottom: 8px;
	}
	.nav .row .menu li a {
		font-size: 14px;
	}
	.nav .row .menu li ul li a {
		font-size: 13px;
	}
	.top-bar{
		padding-left: 0px;
		padding-right: 0px;
	}
	.top-bar .menu{
		justify-content: space-between;
	}
	.top-bar .menu .item{
		padding-left: 0px;;
	}

}


.no-tb-padding{
	padding-top: 0px;
	padding-bottom: 0px;
}
.text_color_Blue{
	color: #3E8DDE !important;
}
/**************Event***************/
.events .items a{
	text-decoration: none;
}
.events .item {
	align-content: center;
    flex-wrap: nowrap;
	background-color: #F7F7F7;
	padding: 20px;
	margin-bottom: 20px;
	transition: all 0.5s ease-out;
}
.events .item:hover {
	background-color: #FF7607;
}
.events .webinar .item:hover {
	background-color: #3E8DDE;
}
.events .on-site-event .item:hover {
	background-color: #FF7607;
}
.events .exclusive-event .item:hover {
	background-color: #7849FF;
}
.events .tip-tuesdays .item:hover {
	background-color: #9859FF;
}

.events .item:hover .date,
.events .item:hover .month,
.events .item:hover .event-details .name,
.events .item:hover .month-date,
.events .item:hover .event-details .time-description,
.events .item:hover .event-details .description,
.events .item:hover .event-details .time-description .separator,
.events .item:hover .arrow {
	color: #ffffff;
	border-color: #ffffff;
}
.events .item .month-date {
	padding-right: 20px;
	border-right: 1px solid #667380;
	text-transform: uppercase;
}
.events .item .date {
	font-weight: 500;
	font-size: 52px;
	color: #667380;
	line-height: 1;	
}
.events .item .month {
	font-family: Open Sans;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.5em;
	color: #667380;
	line-height: 1;
	text-align: center;
}
.events .event-details {
	align-self: center;
	padding-left: 20px;
}
.events .event-details .name {
	color: #FF7607;
	font-family: Open Sans;
	font-size: 26px;
	font-weight: 700;
	line-height: 35.41px;
	line-height: 1.34;
	padding-bottom: 10px;
}

.events .on-site-event .event-details .name:before {
	content:'';
	vertical-align: middle;
	display: inline-block;
	background: url(../../../assets/images/the101/on-site_icon_color.svg) no-repeat left center;
	background-size: 18px;
    width: 26px;
    height: 24px;
}
.events .on-site-event .item:hover .event-details .name:before {
	background: url(../../../assets/images/the101/on-site_icon.svg) no-repeat left center;
	background-size: 18px;
}


.events .webinar .event-details .name {
	color: #3E8DDE;
}
.events .webinar .event-details .name:before {
	content:'';
	vertical-align: middle;
	display: inline-block;
	background: url(../../../assets/images/the101/webinar_icon_color.svg) no-repeat left center;
	background-size: 22px;
    width: 30px;
    height: 22px;
}
.events .webinar .item:hover .event-details .name:before {
	background: url(../../../assets/images/the101/webinar_icon.svg) no-repeat left center;
	background-size: 22px;
}


.events .exclusive-event .event-details .name {
	color: #7849FF;
}
.events .exclusive-event .event-details .name:before {
	content:'';
	vertical-align: middle;
	display: inline-block;
	background: url(../../../assets/images/the101/The_101_logo_ondark.svg) no-repeat left center;
	background-size: 30px;
    width: 38px;
    height: 22px;
}
.events .exclusive-event .item:hover .event-details .name:before {
	background: url(../../../assets/images/the101/exclusive_icon.svg) no-repeat left center;
	background-size: 30px;
}

.events .tip-tuesdays .event-details .name {
	color: #9859FF;
}
.events .tip-tuesdays .event-details .name:before {
	content:'';
	vertical-align: middle;
	display: inline-block;
	background: url(../../../assets/images/the101/icon-tipstuesday-color.svg) no-repeat left center;
	background-size: 30px;
    width: 38px;
    height: 22px;
}
.events .tip-tuesdays .item:hover .event-details .name:before {
	background: url(../../../assets/images/the101/icon-tipstuesday.svg) no-repeat left center;
	background-size: 30px;
}


.events .event-details .time-description {
	font-family: Open Sans;
	font-size: 18px;
	font-weight: 400;
	line-height: 24.51px;
	color:#667380;
}
.events .event-details .time-description .separator {
	margin: 0 16px;
	height: auto;
	border-left: 1px solid #667380
}
.events .item .arrow {
	margin-left: auto;
	align-self: center;
	color: #667380;
}
@media (max-width: 767px) {
    .events .event-details .name,
	.events .event-details .time-description .time.m-full-width, .events .event-details .time-description .description.m-full-width, .events .event-details .event-detail .description.m-full-width {
        padding-bottom: 0px !important;
    }
}
@media only screen and (max-width: 480px) { 
	.events .item .month-date {
		padding-right: 5px;
		padding-left: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: center;
	}
	.events .item {
		padding: 5px;
	}
	.events .item .date {
		font-size: 40px;
		padding-right: 5px;
	}
	.m-title{
		font-size: 32px;
	}

	.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{
		top: 0px;
		/* background: #FF7607; */
		background: rgba(255, 118, 7, 0.75);
		color: white;
		font-size: 12px;
	}
	.fc .fc-daygrid-more-link{
        color: transparent;
        padding: 9px 0;
	}

	.fc .fc-toolbar{
		flex-direction: column;
    	align-items: flex-start;
	}
	.fc .fc-toolbar .fc-toolbar-chunk{
		padding-bottom: 10px;
	}

}

/**************Expert***************/

.expert .col.person {
	max-width: 30%;
	overflow: hidden;
}
.expert .col.person .avatar {
	margin-bottom: 30px;
}
.expert .col.person .social-wrapper h2 {
	font-size: 26px;
	margin-bottom: 20px;
	color: #667380;
}
.expert .col.person .social .item {
	margin-bottom: 10px;
}
.expert .col.person .social a {
	font-size: 22px;
}
.expert .col.person .social i {
	color: #FF7607;
	font-size: 22px;
	margin-right: 20px;
}
.expert .col.porfolio-wrapper {
	max-width: 70%;
	overflow: hidden;
	padding-left: 35px;	
}
.expert .col.porfolio-wrapper .porfolio {
	padding-bottom: 10px;
}
.expert .col.porfolio-wrapper h1 {
	color: #E75300;
	line-height: 1.3;
	font-weight: 700;
	font-size: 36px;
	padding-bottom: 10px;
}
.expert .col.porfolio-wrapper .subtitle {
	color: #667380;
	font-size: 18px;
	line-height: 1.33;
	padding-bottom: 20px;
}
.expert .events {
	box-shadow: 0px 14px 24px 0px #0000000D;
	margin-bottom: 80px;
    padding: 30px;
    border: 1px solid #0000000D;
	padding-bottom: 10px;
	background-color: #fff;;
}
.expert .events .logo {
	max-width: 190px;
}
.expert .events .header {
	align-content: center;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.expert .events .header .events-header {
	align-self: center;
	font-weight: 400px;
	font-size: 18px;
	color: #667380;
}
.expert .events .header .separator {
	height: auto;
    margin: 0 30px;
	border-left: 1px solid #667380
}

@media only screen and (max-width: 961px) {
	.expert .col.porfolio-wrapper {
		padding-left: 0px;
	}
}


@media only screen and (max-width: 767px) {
	.expert .events {
		padding: 10px;
	}
	.expert .col.person {
		max-width: 100%;
	}
	.expert .col.person .avatar {
		margin-bottom: 0;
	}
}


.stf-modal.lg {
	background-color: rgba(18, 30, 40, .7) !important;
}


.loginmessage.stf-modal-wrap{
	height: auto;
	max-width: 600px;
	width: 100%;
	padding: 0px;
	overflow: visible;

	bottom: unset;
    right: unset;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loginmessage .stf-modal-close{
	right: none;
	left: 5px;
	top: -32px;
	color: #fff;;
}

.loginmessage .row{
	display: flex;
	flex-wrap: wrap;
}
.loginmessage .col-6{
    flex: 0 0 auto;
    width: 50%;
	text-align: center;
}
.loginmessage h3{
	margin: 15px auto;
}

.loginmessage.stf-modal-wrap .signup_btn{
	background-color: #FF7607;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    display: inline-block;
    border: 2px solid #FF7607;
    font-family: "Open Sans";
    padding: 10px 50px;
}
.loginmessage.stf-modal-wrap .login_btn{
	background-color: #fff;
    border-radius: 4px;
    text-align: center;
    color: #FF7607;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    display: inline-block;
    border: 2px solid #FF7607;
    font-family: "Open Sans";
    padding: 10px 50px;
}

/**************Expert - Event Detail - Google Map***************/
.event-banner {
	min-height: 390px;
	background-color: #121E28CC;
	background: #121E28CC;
	background-size: cover;
	background-position: center;
	height: 100%;
    display: grid;
}
.event-banner .overlay {
	background-color: #121E28CC;
}
.event-banner .breadcrumbs {
	padding-bottom: 25px;
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 400;
	line-height: 19.07px;
	background:none;
}
.event-banner .breadcrumbs a {
	color: #ffffff;
}
.event-banner .row {
	justify-content: space-between;
}
.event-banner .event-header {
	color: #ffffff;
	font-size: 18px;
}
.event-banner .event-header h1 {
	font-size: 40px;
}
.event-banner .type {
	color: #E75300;
	font-size: 14px;
	font-style: italic;
	font-weight: 700;
	padding-top: 20px;
}
.event-banner .type.exclusive-event{
	color: #7849FF;
}
.event-banner .type.on-site-event{
	color: #E75300;
}
.event-banner .type.webinar{
	color: #3E8DDE;
}
.event-banner .type.tip-tuesdays{
	color: #9859FF;
}
.event-banner .event-name {
	margin-bottom: 20px
}
.event-banner .event-date {
	margin-bottom: 5px;
}
.event-banner .event-date .icon, .event-banner .venue .icon{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
.event-banner .col.event-speakers {
	overflow:hidden;
}
.event-banner .speaker {
	max-width: 185px;
	flex: 1;
}
.event-banner .speaker:nth-child(n+2) {
	margin-left: 20px;
}
.event-banner .speaker-image {
	max-height: 170px;
	max-width: 185px;
	margin-top: -10px;
	overflow: hidden;
}
.event-banner .speaker-image img{
	object-fit: cover;
}
.event-banner .speaker-tag {
	margin-left: 10px;
    z-index: 2;
    position: relative;
}
.event-banner .speaker-name {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	color: #ffffff;
	padding-top: 10px;
	text-align: center;
	display: block;
	text-decoration: none !important;
}
.event-details h2 {
	padding-bottom: 30px;
	font-size: 40px;
	color: #667380;
}
.event-details .col.event-description {
	max-width: 55%;
	margin-right: 5%;
}
.event-details .col.event-location {
	max-width: 40%;
	width: 100%;
}
.event-details .col.event-location .map {
	width: 100%;
	height: 300px;
}
.event-details .cta {
	padding-top: 20px;
}
.more-events a{
	text-decoration: none;
}
.more-events .row.events.grid-3-col {
	column-gap: 30px;
	row-gap: 30px;
}
.more-events .header {
	justify-content: space-between;
	padding-bottom: 30px;
}
.more-events .header .icon {
	width: 60px;
	height: 60px;
}
.more-events .heading {
	padding-right: 30px;
	border-right: 1px solid #667380
}
.more-events .heading h2 {
	font-size: 40px;
	line-height: 1.3;
	color: #667380;
}
.more-events .subtitle {
	/*max-width: 500px;*/
	padding-left: 30px;
	align-self: center;
	flex:1;
}
.more-events .events .item {
	padding:0;
	align-content: baseline;
	overflow: hidden;
	display: flex;
    flex-direction: column;
}
.more-events .events .item .event-image {
	aspect-ratio: 360 / 260;
    overflow: hidden;
}
.more-events .events .event-details {
	padding: 30px;
	flex-grow: 1;
	width: 100%;
	color: #667380;

}
.more-events .events .item .month-date {
	max-width: 90px;
	width: 100%;
    overflow: hidden;
}
.more-events .events .event-detail {
	padding-left: 30px;
}

@media only screen and (max-width: 961px) {
	.more-events .events .event-details {
		padding: 15px;
	}
	.more-events .events .event-detail {
		padding-left: 10px;
	}
	.more-events .events .item .month-date {
		max-width: 70px;
	}
}
@media only screen and (max-width: 767px) {
	.more-events .events .item {
		display: block;
	}
	.more-events .events .item .month-date {
		max-width: 90px;
	}
	.more-events .events .event-detail {
		padding-left: 30px;
	}
}

@media only screen and (max-width: 480px) {
	.event-banner .speaker {
		max-width: 47%;
		margin-bottom: 40px;
		margin-left: 0px;
	}
	.event-banner .speaker:nth-child(n+2) {
		margin-left: 0px;
	}
	.event-banner .speaker-name {
		font-size: 14px;
	}
	.event-banner .col.event-speakers {
		flex-wrap: wrap;
		column-gap: 6%;
	}
}

.col.online {
	width: 100%;
}
.col.online .connect {
	background-color: #ffffff;
}
.zoom {
	max-width: 285px;
	margin: 0 auto;
}


.presenters_wrap{
	
}

.presenter_item{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px;;
	align-items: center;
}
.presenter_item .img_col{
	width: 80px;
}
.presenter_item .img_col a{
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin-right: 20px;
}
.presenter_item .img_col a img{
	object-fit: cover;
	height: 100%;
    width: 100%;
    max-width: none;
}
.presenter_item .title_col{
	flex: 1;
}
.presenter_item .title_col a{
	display: block;
	text-decoration: none;
	font-family: "dinPro", "Open Sans", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
}

/**************Container Width***************/
@media (min-width: 900px) {
    .top-bar .module, header .module, footer .module, #primary .module, .event-calender .module, #calender_list .module, .event-banner .module, .event-details .module, .more-events .module, #latest-notebooks .module {
        padding-left: 25px;
        padding-right: 25px;
    }
}
@media (min-width: 1024px) {
    .m-inner {
        max-width: 1100px;
    }
}
@media (min-width: 1160px) {
    .top-bar .module, header .module, footer .module, #primary .module, .event-calender .module, #calender_list .module, .event-banner .module, .event-details .module, .more-events .module, #latest-notebooks .module {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1200px) {
    .nrc-wrap.m-inner {
        padding-left: 0;
        padding-right: 0;
    }
}

/**************Mobile Menu***************/
.h-main {
	z-index: 1002;
}
#the101-menu {
	z-index: 1001;
}
.mobile-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	background-color: #fff;
	color: #667380;
	position: relative;
}

.mobile-header .contact-button {
	background-color: #FF7607;
	color: #fff;
	padding: 7px 15px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-size: 14px;
	text-decoration: none;
	margin-left: auto;
	margin-right: 20px;
}

.mobile-header .menu-icon {
	font-size: 24px;
	cursor: pointer;
	user-select: none;
}
.mobile-header .menu-icon:hover {
	color: #FF7607;
}

.mobile-header .nav-menu {
	display: none;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	position: fixed;
	top: 0;
	left: -100%;
	height: 100%;
	width: 86%;
	padding-top: 20px;
	background-color: #fff;
	box-shadow: 5px 0 5px -5px lightgrey;
	color: #667380;
	z-index: 1000;
	transition: left 0.3s ease;
}

.mobile-header .nav-menu.active {
	left: 0;
}

.mobile-header .nav-menu .menu-title {
	font-size: 24px;
	margin-bottom: 10px;
}

.mobile-header .nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

.mobile-header .nav-menu ul li {
	padding: 10px 0;
}

.mobile-header .nav-menu ul li:first-child {
	border-top: none;
}

.mobile-header .nav-menu ul li a {
	display: block;
	color: #667380;
	text-decoration: none;
	font-size: 18px;
}
.mobile-header .nav-menu ul li a:hover {
	color: #FF7607;
}

.mobile-header .menu-item-has-children a:nth-child(1)::after {
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    right: 10px;
    margin-top: 10px;
    pointer-events: none;
    font-size: 0.75em;
}

.mobile-header .menu-item-has-children .sub-menu a::after {
    content: none;
}

.mobile-header .menu-item-has-children a.toggle-active:nth-child(1)::after {
    transform: rotate(180deg);
}

.mobile-header .nav-menu ul li .sub-menu {
	display: none;
	background: #F7F7F7;
	padding: 10px 0;
	margin-top: 20px;
	opacity: 0;
	transform: translateY(-20px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}
.mobile-header .nav-menu ul li .sub-menu.active {
	display: block;
	opacity: 1;
	transform: translateY(0);
}

@media (min-width: 769px) {
	.mobile-header {
		display: none;
	}
}
@media (max-width: 768px) {
	header.nav {
		display: none;
	}
}