.img-fluid {
    display: block;
    height: auto;
    max-width: 100%; margin: 0px auto 0px auto; position: relative;
}
.sec_inner a{ color: #970000 }

.head_subnav{ width: 100%; background: #000000; color: #ffffff; text-align: center; }
.head_subnav .container{ text-align: center; }
.subnav ul{ list-style: none; display: inline-block;vertical-align: middle; }
.subnav ul li{ list-style: none; display: inline-block; vertical-align: middle; padding: 0px 15px 15px 15px; }
.subnav ul li a{ color: #ffffff;border-top:2px solid transparent; text-transform: uppercase;font-size: 18px; line-height: 20px; padding-top: 15px; display: block; }
.subnav ul li:hover a{ border-top:2px solid #ffffff;  }
.subnav ul li.active a{ border-top:2px solid #ffffff;  }
.container.w900{ max-width: 900px; width: 95%; position: relative; margin-left: auto; margin-right: auto;  }
.head{ position: relative; background: #1f4492; }
.head_img{ height: 292px; position: relative; background:url(../images/head.png) top center no-repeat; }
.sec{ margin-top: 30px; }
.head_img_m{ display: none;  }
.sponsor_logos{ position: relative;  }
.sponsor_logos a{ display: inline-block; vertical-align: middle; padding: 10px; }
.sec_inner{ position: relative; text-align: center; }
.sec hr{ position: relative; max-width: 500px; margin-left:auto; margin-right: auto; position: relative; }
.speakers{ display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; }
.speaker{  width: 19%; margin: 0.5%; min-width: 150px; text-align: center;  }

.f_speaker_img{ position: relative; width: 150px; margin: 0px auto 0px auto; height:150px;}
.speaker_img{ position: relative; width: 90px; margin: 0px auto 0px auto; height:90px;}
.speaker_img img{ display: block; border-radius: 50px; overflow: hidden; width: 100%; height: auto; }
.f_speaker_img img{ display: block; border-radius: 90px; overflow: hidden; width: 100%; height: auto; }
.speaker_info{ position: relative; }
.speaker_info span{ display: block;}
.speaker_name{ color: #101010; font-size: 16px; line-height: 20px; font-weight: 500;margin-top:5px;}
.speaker_position{ color: #333; font-size: 12px; line-height: 16px; margin-top:2px; }
.speaker_company{ color: #333; font-size: 12px; line-height: 16px; font-weight: bold;margin-top:1px;margin-bottom:5px;}

.more{ position: relative; margin-top: 15px;  font-size:16px; line-height: 20px }
.more a{ color: #101010; position: relative; font-weight: 600 }

a.btn{ display: inline-block; vertical-align: middle; margin: 10px; position: relative; display: inline-block; vertical-align: middle; color: #ffffff; font-size: 20px; line-height: 22px; background: #1f4491; min-width: 200px; padding: 10px 20px 10px 20px;}
a.btn:hover{  background: #132b5d }
.events_table{ width: 100%; position: relative; font-family: 'Nunito Sans', sans-serif;}
  .events_row{ position: relative; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }
  .cl{ width: 100%; position: relative; margin-top:1%;  }
  
  .cols3 .cl{ width: 32%; position: relative; margin-top:1%;  }
  .event_box{ min-height: 145px; width: calc(100% - 30px); border: 1px solid #787878; border-top: 5px solid #787878; text-align: left;padding: 8px 10px 8px 20px;  }
  .event_box.gray{ border-top-color:#787878; }
  .event_box.blue{ border-top-color:#208ad1; }
  .event_box.green{ border-top-color:#33b86c; }
  .event_box.red{ border-top-color:#ef403c; }
  .col_head{ position: relative; }
  .col_head{ padding: 8px 20px 8px 20px; color: #ffffff; font-size: 18px; font-weight: 700; text-align: left; }
  .event_timing{ width: 100%; display: flex; justify-content: space-between; }
  .event_start{ font-size: 15px; line-height: 20px; color: #313131; }
  .event_duration{font-size: 13px; line-height: 20px; color: #888; }
.event_badge{ position: relative; padding: 3px 5px; background: #787878; color: #ffffff; font-weight: 800; margin-left:5px; border-radius: 4px;font-size:10px; }
  .event_box.gray .event_badge{ background-color: #787878; font-size:10px;}
  .event_box.blue .event_badge{ background-color: #208ad1; font-size:10px;}
  .event_box.green .event_badge{ background-color: #33b86c; font-size:10px;}
  .event_box.red .event_badge{ background-color: #ef403c; font-size:10px;}


  .event_right_info{ text-align: right; margin-top:-4px; margin-bottom:5px; }
.event_ttl{ font-size: 16px; line-height: 18px; color: #313131; font-weight: 800 }
.event_sttl{ margin-top:0px; font-size: 13px; line-height: 17px; color: #313131; font-weight: 400; font-style: italic; }
.special_event_box{ position: relative; width: 100%; background: #d6d6d6; color:#313131; text-align: center; padding: 20px;  }
.special_event_box .se_hours{ position: absolute; left: 20px; text-align: left; }
.se_name{ font-size: 18px; line-height: 22px; font-weight: 800; }
.event_people{ position: relative; text-align: left; }
.event_people a{ display: inline-block; vertical-align: middle; width: 30px;height: 30px; margin-top:8px; margin-right: 3px; }
.event_people a img{ width: 100%; height: auto; display: block; border-radius: 30px}

.s_people_img{ width: 100%; height: auto; display: block; border-radius: 20px}
.s_people .people_info{ width: 40px; margin-right: 5px; }
.s_people_name{ position: relative; font-weight: 700;font-size: 14px; line-height: 18px; }
.s_people_company{ position: relative; font-size: 12px; line-height: 16px }

.h_people_img{ width: 100%; height: auto; display: block; border-radius: 100px; margin-left: auto;; margin-right: auto; max-width: 260px }
.h_people .people_info{ width: 100%; text-align: center; display: block; }
.h_people_name{ position: relative; font-weight: 700;font-size: 30px;
line-height: 35px;}
.h_people_company{ position: relative;
font-size: 18px;
line-height: 22px; }
.h_people_info{ text-align: center; margin-top:3px; }
.event_people_list_h{ flex-wrap: wrap; }
.event_people_list_h{ display: flex; align-items: flex-start; }
.h_people{ width: 16%; margin: 2% 5% 2% 0% !important; max-width: 200px; }
.breadcrumb{ position: relative; text-align: left }
.speaker_content{ position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin-top:30px; }
.speaker_left{ width: 32% }
.speaker_right{ width: 65% }
.profile_photo{ position: relative; margin: 0px auto; width: 100%; max-width: 200px }
.profile_photo img{ width: 100%; height: auto; border-radius: 100px;  }
.profile_socials{ margin-top: 10px;  text-align: center;}
.profile_socials a{ font-size: 35px; line-height: 35px; display: inline-block;vertical-align: middle; color: #000000 !important; margin:4px; }
.speaker_head{ position: relative; padding-bottom: 15px; text-align: left; }
.speaker_head h1{ margin-top:0px;  line-height: 40px; font-size: 35px; }
.speaker_head h3{ margin-top:0px; line-height: 30px; font-size: 22px; }
.see_all{ position: relative; }
.bio_ttl{ margin-top:20px; position: relative;text-align: left; font-weight: 700; color:#101010; }
.bio_txt{ position: relative; text-align: left; }
.more_lnk{ position: relative; margin-top:0px; display: inline-block; font-weight: 700; color: #101010;  }
.see_all{ position: relative; margin: 30px 0px 0px 0px; display: block; text-align: center; font-weight: 700;  }

.see_all a{ color:#101010;display: block; width: 100%;border-radius: 4px; background: #efefef; }
.share_event{ position: relative; font-size: 25px; line-height: 35px; display: flex; justify-content: center; align-items: center; }
.s_people{ position: relative; display: flex; align-items: center; margin-top: 10px; }


.share_event span{ color:#101010;  }
.share_icons a{ display: inline-block; vertical-align: middle; margin: 5px; position: relative; color:#101010; font-size: 40px; line-height: 40px }
.videoWrapper {
    position: relative;
    padding-bottom: 51.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; display: block; border:0px solid #ffffff; background: #cccccc center no-repeat; box-sizing: border-box;
}

.dropdown {
  position: absolute;
  right: 0px;
  top:25px;
  height: auto;;
  background-color: #ffffff;
  box-shadow: 0px;
  outline: none;
  opacity: 1;
  z-index: 2;
  transition: opacity 0.1s, z-index 0.1s, max-height: 5s;
  border:1px solid #dddddd;
  color:#313131;
  min-width: 100px;text-align: left;
  font-size:12px;
}
.dots_container{ position: relative; display: inline-block;vertical-align: top; top:3px; width: 10px }

.dropdown-container:focus {
  outline: none;
}
/*
.dropdown-container:focus .dropdown {
  opacity: 1;
  z-index: 100;
  max-height: 100vh;
  transition: opacity 0.2s, z-index 0.2s, max-height: 0.2s;
}
*/
.dropdown a{ color: #313131 !important; padding-left: 10px; display: block;  }
.dropdown a:hover{ background:#ada8a8; }
.three-dots:after {
  cursor: pointer;
  color: #313131;
  content: '\2807';
  font-size: 20px;
  padding: 0 5px;
}

.ovr_modal{ position: fixed;top:0px; left: 0px; width: 100%; height: 100%; }
.ovr_back{ position: absolute; top:0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
.ovr_dialog{ top:20%; position: relative; max-width: 300px; margin: 0px auto; }
.dialog_header .dialog_ttl{ color: #000000; }
.dialog_close{ color: #000000; }
.frm{ width: 100%; max-width: 400px; margin: 10px auto 0px auto;position: relative; }
.in2{ position: relative; width: 100%; margin-top: 10px;  }
.in2 input,.in2 select{text-indent: 10px; width: 100%; height: 45px; border:1px solid #ffffff; background: rgba(255,255,255,0.2); color: #ffffff; font-size: 18px; line-height: 20px; vertical-align: middle; position: relative; }
.in2 select option{ color:#000000; }
.in2 .submit_btn{  position: relative; text-align: center; color: #ffffff; background: #fb4462; font-size: 18px; line-height: 22px; padding: 8px 0px 8px 0px; display: block; }
.err{ font-size: 12px; line-height: 15px;color: red; margin: 2px 0px 0px 0px; }
.ico--large{ font-size: 17px !important; line-height: 22px !important; }
.action_item{border-bottom-color: #DBDAE3;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 2px 20px 2px 20px !important;
position: relative;
display: block;
-webkit-transition: background-color .2s ease;
-moz-transition: background-color .2s ease;
transition: background-color .2s ease;
color: #39364F;
cursor: pointer;
display: block;
height: 40px;
background: #FFF;
display: block;
}
@media handheld, only screen and (max-width: 900px) {

.head_img{ display: none; }
.head_img_m{ display: block; }
}
@media handheld, only screen and (max-width: 600px) {
.cols3{ flex-wrap: wrap; }
.cols3 .cl{ width: 100% }
.col_head{ width: 100% }

}
@media handheld, only screen and (max-width: 550px) {
.se_hours{ position: relative; left: 0px; width: 100%; text-align: center; }
}

h3.sec_sttl{ font-size: 18px; line-height: 22px;font-weight: 500 }


.sec_cards_ev{ width: 100%; max-width: 1000px; margin: auto;; position: relative; }
.cards_ev_info{ position: relative; text-align: left; }
.ev_label{ position: absolute; top:25px; right: 0px; }
.ev_label .event_badge{ font-size: 18px; line-height: 22px; padding: 10px 30px; }
.sec_cards_ev h4 i{ font-style: italic; }
.cards_head{ position: relative; background: #1e4491 }
.sec_cards_ev .sec_inner{ max-width: 860px; margin-left: auto;; margin-right: auto; }
.sec_cards_ev h2{ font-size: 35px; line-height: 40px; font-weight: 700 }
.sec_cards_ev h4{ font-size: 29px; line-height: 34px; font-weight: 300 }
.sec_cards_ev .speakers{ margin-top:30px !important; }
.sec_cards_ev .sec_content{ margin-top: 50px }

.speaker_full{ width: 100%; display: block; }
.lmv{ max-width: 900px }
.rcc{ justify-content: center;  }
.rcc .speaker{ margin: 0.5% 2.5% }
.faqs{ position: relative; flex-wrap: wrap; display: flex; justify-content: space-between; align-items: stretch;  }
.faq{ min-width: 200px;   width: 45%; margin-top:30px; margin-bottom: 15px; text-align: left; }
.faq .question{ font-size: 15px; line-height: 20px; font-weight: 600; margin-bottom: 4px; margin-top:12px; }

.faq .answer{ font-size: 12px; line-height: 15px;  }
.btn-contact{ text-align: center; }
.mt-3{ margin-top: 8px; }
.error{ text-align:left; color: red; font-size: 12px; line-height: 18px; font-weight: 700 }
@media handheld, only screen and (max-width: 550px) {
.subnav ul{ padding-top:0px;padding-bottom: 15px; }
.subnav ul li{ padding-top:15px;padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
.subnav ul li a{ font-size: 13px; line-height: 18px; padding-top: 5px; }
}
@media handheld, only screen and (max-width: 1100px) {
.new-header #navigation{ position: absolute; top:80px; right: 10px; }
#navigation ul{ position: relative; width: 150px; background: #ffffff; border:#cccccc; border-radius: 4px; }
#navigation.sh ul{ position: relative; display: block;}
#navigation.sh ul li{ width: 100%; display: block; border-bottom: 1px solid #cccccc; }

}