html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
  caption, tbody, tfoot, thead, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration:none; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; 
-o-transition:all 0.5s ease; transition:all 0.5s ease; color:#333;}
a:hover {text-decoration:none;}
a:focus {outline:none;}

:focus { outline: none; }
html, body {font-family: "Public Sans", sans-serif; overflow-x:hidden;}

/* ==================== COMMON CSS ==================== */

section {padding:70px 0;}

h2 {font-size:30px; color:#062b43; padding:0 0 30px; font-weight:700; text-transform:uppercase;}
h3 {font-size:20px; color:#044568; padding:20px 0; font-weight:700;}
p {font-size:15px; line-height:24px; color:#333; padding:0 0 25px; font-weight:300;}
p b {font-weight:700; color:#062b43;s}
p a {color:#5692a9; font-weight:700;}
p a:hover {color:#044568;}


.btn_blk {display:block; padding:20px 0 0;}
.btn_blk a {display:inline-block; color:#fff; font-size:18px; font-weight:700; padding:15px 50px; position:relative; letter-spacing:0.75px; z-index:1; 
overflow:hidden; border-radius:30px; text-transform:uppercase;}
.btn_blk a::after {content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:#5f6ad9; border-radius:30px; z-index: -2;}
.btn_blk a::before {content:""; position:absolute; bottom:0; left:0; width:0%; height:100%; background:#080c38; transition: all 0.3s; border-radius:30px; z-index:-1;}
.btn_blk a:hover::before {width:100%;}

.side_btn {width:auto; position:fixed; z-index:1001; right:-112px; top:50%; transform:rotateZ(90deg);}
.side_btn a {width:auto; height:auto; background:#fa9d26; color:#000; font-size:16px; text-transform:uppercase; padding:11px 20px; border-radius:0 0 5px 5px;    
font-weight:600; transition: 0.5s all ease;}
.side_btn a:hover {background:#000; color:#fff;}

/* ==================== INDEX PAGE ==================== */

/* HEADER START */

.header {background:url("../images/main_bg3.jpg") no-repeat center top; background-size:cover; position:relative; padding:100px 0 125px;}

.header h1 {color:#fff; font-size:46px; font-weight:700; line-height:54px; margin:0 0 10px; text-shadow:4px 4px 0 #062b43;}
.header p {color:#fff; font-size:24px; font-weight:700; line-height:28px; padding:0;}
.header strong {display:inline-block; background:#9dcddc; font-weight:700; border-radius:30px; text-transform:uppercase; font-size:15px;  padding:5px 30px; 
margin:0 0 15px; line-height:28px; color:#062b43;}
.header span.dates {background:url("../images/calendar1.png") no-repeat left top; color:#9dcddc; font-size:24px; font-weight:700; 
padding:0 0 0 50px; margin:30px 0 0; line-height:32px; display:block; text-shadow:2px 2px 0 #000;}

.header .time_blk {background:linear-gradient(to left, rgba(6,43,67,0.9), rgba(0,0,0,0)); padding:30px; border-radius:30px; margin:5px 0 0;}
.header .time_blk span {color:#fff; font-size:18px; font-weight:700;  text-transform:uppercase; padding:0 0 0 50px; margin:10px 0 0; line-height:32px; display:block;}
.header .time_blk span:first-child {background:url("../images/calendar1.png") no-repeat left top;}
.header .time_blk span:last-child {background:url("../images/time1.png") no-repeat left top;}

.header .btn_blk {padding:30px 0 0;}

/* HEADER END */

/* OVERVIEW START */

.overview {background:#ffffff;}

.overview .info {padding:0 20px 0 0;}
.overview .info ul {padding:0 0 0 18px;}
.overview .info ul li {font-size:15px; line-height:24px; color:#000; padding:0; font-weight:300;}

.overview .graphic img {width:100%; border-radius:30px;}

/* OVERVIEW END */

/* WEBINAR DELIVER START */

.agenda_blk {padding:70px 0 60px; background:#cdd7df; overflow:hidden;}
.agenda_blk .segment {border-left:3px solid #13217a; background:#ccd1f3; padding:20px; margin:0 0 10px; display:flex; align-items:flex-start;}
.agenda_blk .segment span {display:inline-block; background:#465098; border-radius:5px; line-height:20px; font-size:13px; font-weight:700; color:#fff; 
margin:0 20px 0 0; padding:5px 10px; min-width:88px;}
.agenda_blk .segment strong {color:#13217a; font-size:18px; font-weight:700; display:block; line-height:24px; padding:3px 0;}

.agenda_blk .com_blk {display:flex; justify-content:flex-start; align-items:center; padding:0 20px 30px;}
.agenda_blk .com_blk .pic {width:100px; height:100px; border-radius:50%; margin:0 20px 0 0; overflow:hidden; position:relative; 
border:2px solid #0A0F42;}
.agenda_blk .com_blk .pic img {border-radius:50%; max-width:100%;}

.agenda_blk .com_blk .info {display:block; margin:10px 0 0;}
.agenda_blk .com_blk .info strong {display:block; text-transform:uppercase; font-weight:700; color:#0A0F42; font-size:17px; padding:0 0 10px;}
.agenda_blk .com_blk .info b {display:block; font-weight:600; color:#000; font-size:14px; padding:8px 0 0; line-height:18px;}
.agenda_blk .com_blk .info p {display:block; font-size:14px; line-height:20px; padding:0;}
.agenda_blk .com_blk .info a {display:inline-block; font-size:14px; font-weight:700; color:#5f6ad9;}

.agenda_blk .point {text-align:center;s}

.agenda_blk .point .top {width:72px; height:72px; border-radius:50%; background:#062b43; position:relative;  margin:0 0 15px; display:inline-block;}
.agenda_blk .point .top:before {width:36px; height:36px; background:#044568; border:2px solid #fff; border-radius:50%; position:absolute; right:-18px; top:50%; 
content:"1"; color:#fff; text-align:center; line-height:36px; font-size:18px; font-weight:700; margin:-14px 0 0;}
.agenda_blk .point .top:after {width:100px; height:2px; background:#062b43; position:absolute; left:127px; top:50%; content:""; margin:-1px 0 0;}

.agenda_blk .point .bottom strong {font-size:17px; font-weight:700; color:#062b43; line-height:22px;}

.agenda_blk .col-xl-3:nth-child(2) .point .top:before {content:"2";}
.agenda_blk .col-xl-3:nth-child(3) .point .top:before {content:"3";}
.agenda_blk .col-xl-3:last-child .point .top:before {content:"4";}
.agenda_blk .col-xl-3:last-child .point .top:after {display:none;} 

/* WEBINAR DELIVER END */

/* FOOTER START */

.footer {background:#9dcddc; padding:70px 0 45px; position:relative; overflow:hidden;}
.footer h2 {color:#062b43;}

/* FOOTER END */

/* WHY ATTEND START */

.why_attend {padding:70px 0;}
.why_attend .points {background:linear-gradient(to bottom, #ffffff, #f7f7f7); border-radius:15px; padding:20px; text-align:left; transition:all ease 0.5s; 
border-bottom:5px solid #fff;}
.why_attend .points:hover {border-bottom:5px solid #044568; background:linear-gradient(to bottom, #f7f7f7, #f7f7f7);}

.why_attend .points .icon {background:#044568; width:72px; height:72px; border-radius:15px;}
.why_attend .points .icon img {max-width:100%;}

.why_attend .points .info {padding:10px 0 0;}
.why_attend .points .info strong {color:#044568; line-height:22px; padding:0 0 5px; font-weight:700; font-size:17px; display:block;}
.why_attend .points .info p {padding:0 0 15px;}
.why_attend .points .info p b {font-weight:900; font-size:15px; text-transform:uppercase; color:#5692a9;}
.why_attend .points .info a {font-size:15px; color:#9dcddc;}
.why_attend .points:hover a {color:#5692a9;}

.why_attend .points.upcoming {display:flex; align-items:center; background:none; padding:0 0 20px; border-color:#044568; border-width:2px;}
.why_attend .points.upcoming .info {padding:0 0 0 20px;}

.owl-dots {
    text-align: center;
    margin-top: 35px;
}
button.owl-dot {
    width: 15px;
    height: 15px;
    background: #cdd7df !important;
    border-radius: 10px;
    margin: 3px;
}
button.owl-dot.active {
    background: #5692a9 !important;
}

/* WHY ATTEND END */

/* CONTACT START */

.contact_blk {text-align:center; background:#cdd7df;}
.contact_blk .com_blk {display:block; text-align:center;}
.contact_blk .com_blk .pic {width:120px; height:120px; display:inline-block; border-radius:50%; margin:0 0 20px; overflow:hidden; position:relative; 
border:2px solid #062b43;}
.contact_blk .com_blk .pic img {border-radius:50%; max-width:100%;}

.contact_blk .com_blk .info {display:block;}
.contact_blk .com_blk .info img {max-width:250px; margin:0 0 10px;}
.contact_blk .com_blk .info strong {display:block; text-transform:uppercase; font-weight:700; color:#0A0F42; font-size:17px; padding:0 0 10px;}
.contact_blk .com_blk .info b {display:block; font-weight:600; color:#000; font-size:14px; padding:8px 0 0; line-height:18px;}
.contact_blk .com_blk .info p {display:block; font-size:14px; line-height:20px; padding:0;}
.contact_blk .com_blk .info a {display:inline-block; font-size:14px; font-weight:700; color:#5692a9;}

/* CONTACT END */

/* HOST START */

.partners_container {padding:30px 0; text-align:center; background:#ffffff;} 
.partners_container h3 {display:block; color:#000; font-size:22px; margin:0 0 15px;}

.partners_container .pc_com {display:block;}

.partners_container .pc_com .top {display:block;}
.partners_container .pc_com .top strong {display:block; font-size:20px; color:#000; padding:0 0 30px; text-transform:uppercase; font-weight:700;}

.partners_container .pc_com .bottom {display:block;}
.partners_container .pc_com .bottom a {display:inline-block; margin:0 10px;}
.partners_container .pc_com .bottom a img {max-width:300px;}

/* HOST END */