/*Offline Event Landing page CSS*/
.slick-arrow:hover { background: #F26F25; }
.container.oelp {
    width: 1683px;
    padding: 0;
}
.oelp.banner {
    min-height: 600px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover !important;
    z-index: 0;
}
.banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 1;
}
.container.oelp.flexbox {
	justify-content: flex-end;
}
.banner .container.oelp {
    position: relative;
    z-index: 2;
}
.oelpbanner {
	width: 70%;
	max-width: 1046px;
}
.oelpbannerCols {
	width: 100%;
	justify-content: space-between;
	gap: 109px;
}
#oelpBannerTitle {
	padding: 0;
	text-align: left;
	max-width: 674px;
	text-transform: inherit;
	color: #fff;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
}
#oelpbannerLogoz {
	float: right;
}
#oelpbannerCol-top {
	padding-bottom: 40px;
}
#oelpbannerCol-bottom {
	padding-top: 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.50);
}
#oelpBannerDesc, #oelpBannerDesc p {
	font-size: 19px;
	line-height: 36px;
	color: #fff;
}
.oelp-CTA-btn {
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 69px;
	letter-spacing: 0.36px;
	padding: 0 53px;
	border-radius: 60px;
	border: 2px solid #1BBBED;
	background: #1BBBED;
	display: inline-flex;
	height: 76px;
	align-self: center;
}
.oelp-CTA-btn:hover {
	background: #F26F25;
	border: 2px solid #F26F25;
	text-decoration: none;
}
.fullwidth_oelp {
    width: 100%;
}
.sectionTitles_oelp {
    text-align: center;
}
.sectionTitles_oelp h2 {
    color: #0C0C0C;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 112.5%;
}
#speakerList.flexbox, #speakerList1.flexbox {
    gap: 1.6%;
    justify-content: space-between;
    padding-top: 60px;
}
.speaker, .speaker1 {
    width: 23.8%;
    padding: 20px 23px 28px;
    border-radius: 10px;
    background: #F5F5F5;
}
.speaker img {
    width: 100%;
    height: 290px;
    object-fit: cover;
    object-position: top center;
    border-radius: 10px;
}
.speaker h3 {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 36px;
    padding-top: 35px;
    margin: 0;
}
.speaker p, .speaker1 p {
    margin: 0;
    color: #1D1D1D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding-top: 10px;
}
section.oelp.section3 {
    padding-top: 10px;
}
.blue_wrapper {
    border-radius: 10px;
    background: #0D6EB6;
    text-align: left;
    padding: 25px 0 25px 47px;
}
.blue_wrapper.blue_wrapper h2 {
    color: #fff;
    margin: 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    padding-left: 30px;
}
.sectionTitles_oelp_icon svg {
    vertical-align: middle;
}
#section3List.flexbox {
    column-gap: 2%;
    justify-content: space-between;
    padding-top: 25px;
    row-gap: 25px;
}
.section3_item {
    width: 49%;
    padding: 62px 128px;
    text-align: center;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 4px 17px 61.5px -9px rgba(154, 154, 154, 0.25);
}
.section3_item h3 {
    color: #0C0C0C;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
}
.sec3_desc p {
    margin: 0;
    color: #1D1D1D;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    line-height: 166%;
}
.section4, .section5, .section6, .section8 {padding-top: 0;}
.section4 .sectionTitles_oelp, .section5 .sectionTitles_oelp, .section6 .sectionTitles_oelp, .section8 .sectionTitles_oelp { margin-top: 10px; }
#section4_innercontent {
    width: 100%;
    margin-top: 32px;
    border-radius: 10px;
    border: 4px solid #0D6EB6;
    background: linear-gradient(124deg, #FFF 29.25%, #E4E4E4 100.21%);
    padding: 46px 47px;
}
#section4_innercontent.flexbox {
    justify-content: space-between;
    align-items: center;
}
#section4_innercontent_cols_left {
    width: 70%;
}
#section4List.flexbox {
    flex-direction: column;
    row-gap: 21px;
}
.section4_item {
    width: 100%;
}
.section4_item > * {
    float: left;
}
.section4_item img {
    margin-right: 28px;
}
.section4_item h3 {
    color: #1D1D1D;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}
.sec4_desc {
    padding-left: 7px;
}
.section4_item .sec4_desc p, .section4_item .sec4_desc a, .section4_item .sec4_desc li, .section4_item .sec4_desc ol {
    color: #1D1D1D;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin: 0;
    letter-spacing: 0;
}
#section4_additional_info {
    margin-top: 24px;
}
#section4_additional_info ul {
    list-style: '*';
    list-style-position: inside;
    margin: 0;
}
#section4_additional_info li, #section4_additional_info p {
    color: #6D6D6D;
    font-style: italic;
    font-weight: 500;
    line-height: 30px;
}
#section4_additional_info p:last-child {
    margin: 0;
    padding: 0;
}
#speakerList1.flexbox {
    padding-top: 25px;
}
.section5 .speaker1 {
    background: #FFF;
    box-shadow: 4px 17px 61.5px -9px rgba(154, 154, 154, 0.25);
    padding: 46px 45px;
    transition: 300ms all ease-in-out;
}
.section5 .speaker1:hover {
    box-shadow: 4px 17px 61.5px -9px rgba(154, 154, 154, 0.55);
}
.section5 .speaker1 h3 span {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #1BBBED;
    color: #fff;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    vertical-align: top;
    text-align: center;
    border-radius: 50%;
}
.section5 .speaker1 p {
    padding-top: 42px;
}
.sectionTitles_oelp_icon {
    vertical-align: top;
    display: inline-block;
    transform: translateY(-2px);
}
#sessionList, .sessionList {
    padding-top: 25px;
}
#sessionList.flexbox, .sessionList.flexbox {
    row-gap: 25px;
}
.session {
    flex-wrap: nowrap;
    width: 100%;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 4px 17px 61.5px -9px rgba(154, 154, 154, 0.25);
    transition: 300ms all ease-in-out;
}
.session:hover {
    box-shadow: 4px 17px 61.5px -9px rgba(154, 154, 154, 0.55);
}
#sessionLeft, .sessionLeft {
    width: 294px;
    padding: 40px 47px;
}
#sessionRight, .sessionRight {
    border-left: 1px solid #ECECEC;
    padding: 40px 47px 40px 60px;
}
.sessionName, .sessionTiming, .sessionShortForm, .sessionTitle, .sessionDesc {
    color: #1D1D1D;
    font-size: 21px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
    letter-spacing: 0;
}
.sessionTiming {
    margin-bottom: 25px;
}
.sessionShortForm {
    font-weight: 500;
}
.sessionTitle {
    padding-bottom: 10px;
}
.sessionDesc p {
    margin-bottom: 0;
    line-height: 30px;
}
.session.break {
    border: 4px solid #0D6EB6;
}
.session.wrap {
    background: #E09200;
}
.session.wrap .sessionName, .session.wrap .sessionTiming, .session.wrap .sessionShortForm, .session.wrap .sessionTitle, .session.wrap .sessionDesc p {
    color: #fff;
}
.session.wrap #sessionRight {
    border-left: 1px solid #C78100;
}
.session.wrap .sessionTiming {
    margin-bottom: 0;
}
.section7 {
    padding-top: 30px;
}
.section6 .blue_wrapper, .section7 .blue_wrapper {
    padding: 45px 85px 45px 47px;
    position: relative;
}
.section6 .blue_wrapper::after, .section7 .blue_wrapper::after {
    content: '';
    position: absolute;
    right: 50px;
    top: 50px;
    background-image: url('images/down_arrow_white.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    background-position: center;
}
.section8_content {
    width: 100%;
}
.section8 .container.oelp {
    justify-content: center;
}
.section8 {
    border-bottom: 1px solid #EFEFEF;
}




/**/
.shake {
  animation: shake-animation 4.72s ease-in-out infinite;
  transform-origin: 50% 50%;
}
@keyframes shake-animation {
   0% { transform:translate(0,0) }
  1.78571% { transform:translate(0,5px) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(0,5px) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(0,5px) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}


/*Responsive*/
@media  only screen and (max-width: 1860px){
    .oelpbanner {width: 60%;}
    #oelpBannerTitle {font-size: 55px;}
    .oelpbannerCols {gap: 20px;}
    #oelpBannerTitle { max-width: 100%;}
}
@media  only screen and (max-width: 1800px){
    #oelpBannerTitle { max-width: 100%;}
}
@media  only screen and (max-width: 1680px){
	
}
@media  only screen and (max-width: 1600px){
	.banner::before {background: rgba(0,0,0,0.45);}
    .oelp-CTA-btn {
        font-size: 17px;
        line-height: 62px;
        padding: 0 50px;
        height: 66px;
    }
    .sectionTitles_oelp h2 {font-size: 44px;}
    .section3_item h3 {font-size: 28px;}
}
@media  only screen and (max-width: 1540px){
	.sec3_desc p {font-size: 17px;}
    .sessionName, .sessionTiming, .sessionShortForm, .sessionTitle, .sessionDesc, .sessionDesc p {font-size: 20px;}
    .blue_wrapper.blue_wrapper h2 {font-size: 22px;}
}
@media  only screen and (max-width: 1440px){
	#oelpBannerTitle {font-size: 50px;}
    .section3_item {padding: 45px 90px;}
    .sectionTitles_oelp h2 {font-size: 42px;}
    .speaker h3 {
        font-size: 22px;
        line-height: 34px;
    }
    .section5 .speaker1 p {padding-top: 32px;}
    .section4_item .sec4_desc p, .section4_item .sec4_desc a, .section4_item .sec4_desc li, .section4_item .sec4_desc ol, .section4_item h3 {
        font-size: 22px;
        line-height: 30px;
    }
}
@media  only screen and (max-width: 1366px){
	.section3_item h3 {font-size: 26px;}
    .section5 .speaker1 {padding: 40px 36px;}
}
@media  only screen and (max-width: 1280px){
    .banner::before {background: rgba(0,0,0,0.50);}
	.container.oelp.flexbox {justify-content: flex-start;}
    .section8 .container.oelp.flexbox {justify-content: center;}
    .oelpbanner {width: 100%;}
    #oelpBannerTitle {text-align: center;}
    #oelpbannerLogoz {
        float: right;
        text-align: center;
        width: 100%;
    }
    #oelpBannerTitle {font-size: 45px;}
    #oelpBannerDesc, #oelpBannerDesc p {
        font-size: 18px;
        line-height: 30px;
    }
    #speakerList.flexbox, #speakerList1.flexbox {
        gap: 35px;
    }
    .speaker, .speaker1 {
        width: 48%;
    }
    .speaker img { height: 395px;}
    .section5 .speaker1 p {padding-top: 26px;}

}
@media  only screen and (max-width: 1181px){
	.sessionCols { width: 100%;}
    #sessionRight, .sessionRight {
        border-left: none;
        border-top: 1px solid #ECECEC;
        padding: 40px 47px 40px 47px;
    }
    #sessionLeft, .sessionLeft { position: relative;}
    .session {flex-wrap: wrap;}
    .sessionLeft::before {
        content: '';
        position: absolute;
        width: 200px;
        height: 5px;
        background: #e5e5e5;
        bottom: -3px;
    }
    .session.break .sessionLeft::before, .session.wrap .sessionLeft::before { display: none;  }
    .section3_item { padding: 40px 60px;}
}
@media  only screen and (max-width: 1024px){
	#oelpBannerTitle {font-size: 40px;}
    #section4_innercontent_cols_left { width: 100%;}
    #section4_innercontent.flexbox {row-gap: 50px;}
    .speaker1 { width: 100%;}
    .speaker {width: 47%;}
    .section3_item h3 {font-size: 22px;}
}
@media  only screen and (max-width: 992px){
	
}
@media  only screen and (max-width: 840px){
	.sectionTitles_oelp h2 {
        font-size: 34px;
    }
    .sectionTitles_oelp_icon {display: none;}
    .blue_wrapper.blue_wrapper h2 {padding-left: 0;}
    .blue_wrapper.blue_wrapper h2 { font-size: 20px;}
    .sessionDesc p {font-size: 17px;}
}
@media  only screen and (max-width: 767px){
	.oelp.banner {padding: 50px 0;}
    #oelpBannerTitle {font-size: 35px;}
    .section3_item {
        padding: 40px 43px;
        width: 100%;
        text-align: left;
    }
    .sec4_desc {
        padding-left: 35px;
        width: 100%;
    }
    .section8 {padding: 40px 0;}
    #speakerList.flexbox {
        padding-top: 20px;
    }
    .blue_wrapper { padding: 25px 0 25px 27px;}
    .section4_item .sec4_desc p, .section4_item .sec4_desc a, .section4_item .sec4_desc li, .section4_item .sec4_desc ol, .section4_item h3 {
        font-size: 19px;
        line-height: 30px;
    }
}
@media  only screen and (max-width: 700px){
    .banner::before {background: rgba(0,0,0,0.60);}
	#oelpBannerDesc, #oelpBannerDesc p {
        width: 100%;
        text-align: center;
    }
    #oelpbannerCol-bottom {justify-content: center; }
    .speaker {width: 100%;}
    .speaker img {height: 420px;}
}
@media  only screen and (max-width: 600px){
	#oelpBannerTitle {font-size: 32px;}
    .section3_item {padding: 40px 23px;}
    #sessionLeft, .sessionLeft {
        padding: 40px 30px;
    }
    #sessionRight, .sessionRight {
        padding: 40px 30px 40px 30px;
    }
}
@media  only screen and (max-width: 440px){
	.section4_item h3 {
        width: 100%;
        padding-top: 10px;
    }
    .sec4_desc {padding-left: 0;}
}