/* Webinar Banner */
.webinar-banner{
  padding: 50px 0;
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #eaede1;
}
.webinar-banner_container{
  max-width: 1140px;
  margin: 0 auto;
}

.webinar-banner_flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;eae
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.webinar-banner_flex .col-image{
  width: 40%;
  padding: 0 20px;
}

.webinar-banner_flex .col-info{
  width: 60%;
  padding: 0 20px;
}

.webinar-banner_flex .col-info p{
  line-height: 1.6;
  margin-bottom: 22px;
}

.webinar-banner_flex .col-info h1{}

.webinar-banner_flex .col-info h3{}

/* Webinar Body */
.webinar-body{
  padding: 50px 0;
  display: block;
  position: relative;
  background-color: #f8f9f6;
}

.webinar-body_container{
  max-width: 1140px;
  margin: 0 auto;
}

.webinar-body_flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  /* align-items: center; */
}

.webinar-body_flex .col-sidebar{
  width: 40%;
  padding: 0 20px;
}

.webinar-body_flex .col-info{
  width: 60%;
  padding: 0 20px;
}

.col-sidebar .col-sidebar_top{
  margin-bottom: 15px;
}

.col-sidebar .col-sidebar_bottom{
  margin-top: 15px;
}

.col-sidebar .col-sidebar_wrapper{
  padding: 20px;
  background-color: #f8f8f8;
  box-shadow: 1px 1px 20px 5px rgb(0 0 0 / 10%);
}

#col-sidebar-form form .hs-form-field .input{
  margin: 0;
}
/* #col-sidebar-form form .hs-form-field .input input, */
#col-sidebar-form form .hs-form-field .input select{
  height: 44px!important;
  width: 100%!important;
}
#col-sidebar-form form .hs-form-field.hs-fieldtype-checkbox .input input {
  height: auto !important;
  width: auto !important;
}
#col-sidebar-form form fieldset.form-columns-2 > div:first-child{
  padding-right: 6px!important;
}
#col-sidebar-form form fieldset.form-columns-2 > div:last-child{
  padding-left: 6px!important;
}
#col-sidebar-form form .hs_submit{
  margin-top: 25px;
}
#col-sidebar-form form ul.hs-error-msgs li label{
  font-size: 12px;
  line-height: 1.4;
  margin-top: 4px;
}

/* Webinar Speakers and Related Webinars */
.webinar-bottom{
  padding: 50px 0;
  display: block;
  position: relative;
  box-shadow: 1px 1px 20px 0 rgb(236 239 241 / 50%);
}

.webinar-bottom_container{
  max-width: 1140px;
  margin: 0 auto;
}

.webinar-bottom_flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}

.webinar-bottom_flex .col-right{
  width: 40%;
  padding: 0 20px;
}

.webinar-bottom_flex .col-left{
  width: 60%;
  padding: 0 20px;
}

.webinar-speakers{}
.webinar-speakers .webinar-speakers_block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}

.webinar-speakers .webinar-speakers_block:not(:last-child){
  margin-bottom: 15px;
}

.webinar-speakers_block .webinar-speakers_block_img{
  width: 25%;
}

.webinar-speakers_block .webinar-speakers_block_info{
  width: 75%;
  padding-left: 20px;
  padding-top: 20px;
}

.webinar-speakers_block .webinar-speakers_block_info h5{
  line-height: 1;
}

.related-webinars{
  padding-left: 40px;
  border-left: 2px solid #eaede1;
}

.related-webinars .related-box {
  background-color: transparent;
  height: 100%;
  position: relative;
}

.related-webinars .related-box:not(:last-child){
  margin-bottom: 20px;
}

.related-webinars .related-content {
  position: relative;
  height: 100%;
  padding: 0;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 1px 1px 20px 5px rgba(159,179,193,0.64);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.related-webinars .related-content a {
  text-decoration: none;
  margin-bottom: 5px;
}

.related-webinars .related-content a:hover {}

.related-webinars .related-image {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 62%;
  margin-bottom: 0px;
  background-color: #80a1c1;
  background-position: center;
  background-size: cover;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}

.related-webinars .related-desc {
  padding: 20px;
}

.related-desc .related-desc_topic span {
  padding: 3px 4px;
  color: rgba(96,125,139,0.8);
  font-size: 11px;
  border: 1px solid rgba(96,125,139,0.8);
  text-transform: uppercase;
  border-radius: 0;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.related-webinars .related-desc p {
  color: #333;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5em;
  margin-bottom: 15px;
}

.related-webinars .related-heading {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2em;
  margin: 10px 0;
  white-space: normal;
}

.related-webinars .related-tag {
  text-transform: uppercase;
  margin-bottom: 5px;
  border-radius: 0;
  padding: 8px 20px;
  font-size: .7em;
  background: #ca4f00;
  color: #ffffff;
  border: 2px solid #ca4f00;
  display: inline-block;
  line-height: 1.7em;
  letter-spacing: 1px;
}

.related-webinars .related-tag:hover {
  background: #ffffff;
  color: #ca4f00;
  border: 2px solid #ca4f00;
}

.webinar-share{
  margin: 30px 0;
  display: flex;
  align-items: center;
}
.webinar-share p{
  margin-bottom: 0px;
  margin-right: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: 5px;
}
.webinar-share .webinar-share_icons{
  display: flex;
  align-items: center;
  justify-content: center;
}
.webinar-share_icons a{
  background-color: #9cb4ad;
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  line-height: 40px;
}
.webinar-share_icons a i{ font-size: 20px;}
.webinar-share_icons a:not(:last-child){margin-left: 5px; margin-right: 5px;}
.webinar-share_icons a:hover{ color: #fff;}

@media (max-width: 767px){
  /* Webinar Banner */
  .webinar-banner{padding: 20px 0;}
  .webinar-banner_flex .col-image,
  .webinar-banner_flex .col-info{width: 100%;}

  .webinar-banner_flex .col-image{order: 1; margin-bottom: 15px;}
  .webinar-banner_flex .col-info{order: 2;}

  /* Webinar Body */
  .webinar-body{padding: 20px 0;}
  .webinar-body_flex .col-sidebar,
  .webinar-body_flex .col-info{width: 100%;}

  .webinar-body_flex .col-sidebar{order: 2; margin-top: 15px;}
  .webinar-body_flex .col-info{order: 1;}

  #col-sidebar-form form fieldset{
    margin: 0!important;
  }
  #col-sidebar-form form .hs-form-field{
    margin-bottom: 15px;
  }

  /* Webinar Bottom */
  .webinar-bottom{padding: 20px 0;}
  .webinar-bottom_flex .col-left,
  .webinar-bottom_flex .col-right{width: 100%;}

  .webinar-bottom_flex .col-right{order: 2; margin-top: 15px;}
  .webinar-bottom_flex .col-right{order: 1;}

  .related-webinars{
    padding-left: 0px;
    border-left: 0px;
  }
}

@media (max-width: 425px){
  .webinar-speakers_block .webinar-speakers_block_info{
    padding-top: 2px;
  }
  .webinar-speakers .webinar-speakers_block:not(:last-child){
    margin-bottom: 20px;
  }
  .webinar-share{
    align-items: flex-start;
    flex-direction: column;
  }
  .webinar-share p{
    margin-bottom: 1rem;
  }
}