@charset "utf-8";
/* CSS Document */

.blog-post-title{ color:#0069b7;  font-size:20px; line-height:20px; position:relative; margin-bottom:10px; font-weight:500;}
.blog-post-title:after{ content:''; position:absolute; bottom:-10px; left:0; width:50px; border-bottom:1px solid #0069b7;}

.upcoming-webinars-outer{ margin:30px 0; width: 100%;
    float: left;}
.past-webinar-recording-expend{width:100%; float:left;}

.past-webinar-recording-outer{ background:url(../images/bg.jpg) no-repeat; position:relative; padding:70px 0; text-align:center;}
.past-webinar-recording-outer a{ border:1px solid #212121; padding:15px 30px; display:inline-block; margin:0 auto; color:#212121; font-size:18px; line-height:18px;}

#Upcoming-Webinars-carousel{ margin:30px 0 0;}
#Upcoming-Webinars-carousel .carousel-control,
#webinarCarousel  .carousel-control{width:8%;width:0}
#Upcoming-Webinars-carousel .carousel-control.left,
#webinarCarousel  .carousel-control.left, 
#Upcoming-Webinars-carousel .carousel-control.right,
#webinarCarousel  .carousel-control.right{margin-right:40px;margin-left:32px;background-image:none;opacity:1; cursor:pointer;}
#Upcoming-Webinars-carousel .carousel-control.left a,
#webinarCarousel  .carousel-control.left a, 
#Upcoming-Webinars-carousel .carousel-control.right a,
#webinarCarousel  .carousel-control.right a{ display:block;width:30px; cursor:pointer; z-index:999;}
#Upcoming-Webinars-carousel .carousel-control > a > span,
#webinarCarousel  .carousel-control > a > span{color:#fff;font-size:29px!important}
#Upcoming-Webinars-carousel .carousel-col{position:relative;min-height:1px;padding:8px;float:left; width: 100%;}
#Upcoming-Webinars-carousel .active > div{display:none}
#Upcoming-Webinars-carousel .active > div:first-child{display:block}
#Upcoming-Webinars-carousel .carousel-col-in{ border:1px solid #b6b6b6; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:20px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.03);}
#Upcoming-Webinars-carousel .carousel-col-in .video_thumb{position: relative;}
#Upcoming-Webinars-carousel .carousel-col-in .video_thumb a{position: absolute;left: 0%; top: 0%; bottom: 0; right: 0; text-align: center; display: flex; flex-wrap: nowrap; align-items: CENTER; justify-content: center;}
#Upcoming-Webinars-carousel .carousel-col-in .video_thumb a:hover,
#Upcoming-Webinars-carousel .carousel-col-in .video_thumb a:active,
#Upcoming-Webinars-carousel .carousel-col-in .video_thumb a:focus{ border:0; outline:none;}

#Upcoming-Webinars-carousel .carousel-col-in .carousel-col-title h3{ font-weight:700; font-size:17px; line-height:20px; color:#000; text-align:center; margin:0; display:table-cell; vertical-align:middle; padding:0 0 10px;}
#Upcoming-Webinars-carousel .carousel-col-in .carousel-col-title{ position:relative; max-height:120px; min-height:120px; display:table; margin-bottom: 20px;}
#Upcoming-Webinars-carousel .carousel-col-in .carousel-col-title:after{ content:''; position:absolute; bottom:0; border-bottom:1px solid #b6b6b6; left:0px; right:0px;}
#Upcoming-Webinars-carousel .carousel-col-in .carousel-date-time-wrap{ padding:20px; font-size:27px; line-height:27px; padding-bottom:0;}
#Upcoming-Webinars-carousel .carousel-col-in .carousel-date-wrap{ position:relative; padding-left:60px; margin-bottom:20px;}
#Upcoming-Webinars-carousel .carousel-col-in .carousel-time-wrap{ position:relative; padding-left:30px; margin-bottom:20px; font-size:14px; line-height:20px; color:#515151;}
#Upcoming-Webinars-carousel .carousel-col-in .carousel-time-wrap:before{content:''; position:absolute; height:19px; width:19px; background:url(../images/time-icon.png) no-repeat; left:0; top:3px;}
#Upcoming-Webinars-carousel .carousel-col-in .carousel-date-wrap:before{content:''; position:absolute; height:50px; width:53px; background:url(../images/calender-img.png) no-repeat; left:0; top:0px;}
#Upcoming-Webinars-carousel .carousel-col-in .date{ position:absolute; top:22px; left:20px; font-size:23px; line-height:23px; font-weight:600; color:#e9aa30;}
#Upcoming-Webinars-carousel .carousel-col-in .month{font-size:24px; line-height:24px; font-weight:600; color:#e9aa30;}
#Upcoming-Webinars-carousel .carousel-date-wrap{ font-size:25px; color:#515151; line-height:25px; display:grid;}
#Upcoming-Webinars-carousel .requestInviteBtn, #Upcoming-Webinars-carousel .join-post, #Upcoming-Webinars-carousel .DownloadFilebtn{ background:#0069b7; padding:10px 15px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px;-o-border-radius:20px; font-size:14px; line-height:14px; color:#fff; display:block; text-align:center;  border:1px solid #0069b7;}
#Upcoming-Webinars-carousel .requestInviteBtn:hover, #Upcoming-Webinars-carousel .join-post:hover, #Upcoming-Webinars-carousel .DownloadFilebtn:hover{ background:#fff; color:#0069b7;}

/*4.past-webinar-recording-expend{ display:none;}*/
#webinarCarousel{ margin:20px;}
.slick-arrow{position:absolute; border:none; box-shadow:none; outline:none; background:none; width:20px; height:20px;  top:50%; z-index:2 }
.slick-next.slick-arrow{right:-5px;}
.slick-prev.slick-arrow{left:-15px;}
.slick-next.slick-arrow:before{    content: '';
    position: absolute;
    top: calc(50% - 10px);
    display: block;
    width: 20px;
    height: 20px;
    border-top: 4px solid #828282;
    border-left: 4px solid #828282;
    z-index: 999;     transform: rotate(135deg); }
	.slick-prev.slick-arrow:before{    content: '';
    position: absolute;
    top: calc(50% - 10px);
    display: block;
    width: 20px;
    height: 20px;
    border-top: 4px solid #828282;
    border-left: 4px solid #828282;
    z-index: 999;transform: rotate(-45deg);}
	
	.slick-next.slick-arrow.slick-disabled:before, .slick-next.slick-arrow.slick-disabled:before{opacity:0.5;}

  #myModal1  .modal-content{width: 90%; height: 660px; max-width: 1024px;}
  #myModal1  .modal-body{width: 100%;   height: 100%;}
  #myModal1  .modal-body iframe{width: 100%; height: 97%;}

@media (min-width:320px){
#Upcoming-Webinars-carousel .carousel-control.left,
#webinarCarousel  .carousel-control.left {left:-20px; top:0;}
#Upcoming-Webinars-carousel .carousel-control.right,
#webinarCarousel  .carousel-control.right {right:-30px; top:0;}
#Upcoming-Webinars-carousel .carousel-control.left a:before,
#Upcoming-Webinars-carousel .carousel-control.right a:before,
#webinarCarousel  .carousel-control.left a:before,
#webinarCarousel  .carousel-control.right a:before{ content:''; position:absolute; top:calc(50% - 10px);display: block; width: 20px;height: 20px;  border-top: 4px solid #828282;  border-left: 4px solid #828282; z-index:999;}
#Upcoming-Webinars-carousel .carousel-control.right a:before,
#webinarCarousel  .carousel-control.right a:before{ transform: rotate(135deg); right:-20px;}
#Upcoming-Webinars-carousel .carousel-control.left a:before,
#webinarCarousel  .carousel-control.left a:before{transform: rotate(-45deg); left:-20px;}
#webinarCarousel  .carousel-control.right a:before{ right:-30px;}
#webinarCarousel  .carousel-control.left a:before{ left:-30px;}
}

@media (max-width: 767px) {
#Upcoming-Webinars-carousel .carousel-inner .active.left{left:-50%}
#Upcoming-Webinars-carousel .carousel-inner .active.right{left:50%}
#Upcoming-Webinars-carousel .carousel-inner .next{left:50%}
#Upcoming-Webinars-carousel .carousel-inner .prev{left:-50%}
/*#Upcoming-Webinars-carousel .carousel-col{width:50%}*/
#Upcoming-Webinars-carousel .active > div:first-child + div{display:block;}

.past-webinar-recording-outer{ padding:40px;}
.past-webinar-recording-outer a{ padding:15px; font-size:16px; line-height:20px;}
}
@media (min-width: 768px) and (max-width: 1024px) {
#Upcoming-Webinars-carousel .carousel-inner .active.left{left:-50%}
#Upcoming-Webinars-carousel .carousel-inner .active.right{left:50%}
#Upcoming-Webinars-carousel .carousel-inner .next{left:50%}
#Upcoming-Webinars-carousel .carousel-inner .prev{left:-50%}
/*#Upcoming-Webinars-carousel .carousel-col{width:50%}*/
#Upcoming-Webinars-carousel .active > div:first-child + div{display:block}
}
@media (min-width: 1025px) and (max-width: 1199px) {
#Upcoming-Webinars-carousel .carousel-inner .active.left{left:-33%}
#Upcoming-Webinars-carousel .carousel-inner .active.right{left:33%}
#Upcoming-Webinars-carousel .carousel-inner .next{left:33%}
#Upcoming-Webinars-carousel .carousel-inner .prev{left:-33%}
/*#Upcoming-Webinars-carousel .carousel-col{width:33%}*/
#Upcoming-Webinars-carousel .active > div:first-child + div{display:block}
#Upcoming-Webinars-carousel .active > div:first-child + div + div{display:block}
}
@media (min-width: 1200px) {
#Upcoming-Webinars-carousel .carousel-inner .active.left{left:-33%}
#Upcoming-Webinars-carousel .carousel-inner .active.right{left:33%}
#Upcoming-Webinars-carousel .carousel-inner .next{left:33%}
#Upcoming-Webinars-carousel .carousel-inner .prev{left:-33%}
/*#Upcoming-Webinars-carousel .carousel-col{width:33%}*/
#Upcoming-Webinars-carousel .active > div:first-child + div{display:block}
#Upcoming-Webinars-carousel .active > div:first-child + div + div{display:block}
#Upcoming-Webinars-carousel .active > div:first-child + div + div + div{display:block}
}

@media (max-width:992px) {
#Upcoming-Webinars-carousel .carousel-col-in{ padding:10px;}
#Upcoming-Webinars-carousel .carousel-col-in .carousel-date-time-wrap{ padding:10px;}
.past-webinar-recording-outer{ padding:70px 40px;}
}

@media (max-width:480px) {
	#Upcoming-Webinars-carousel .carousel-col-in .carousel-date-time-wrap { padding: 15px 0;}
	#Upcoming-Webinars-carousel .carousel-col-in .month{  font-size:22px; line-height:22px;}
	#Upcoming-Webinars-carousel .carousel-date-wrap{ font-size:24px;}
	#Upcoming-Webinars-carousel .carousel-col-in .carousel-col-title h3{ font-size:15px;}
	
	/*#Upcoming-Webinars-carousel .carousel-inner .active.left{left:-100%}
#Upcoming-Webinars-carousel .carousel-inner .active.right{left:100%}
#Upcoming-Webinars-carousel .carousel-inner .next{left:100%}
#Upcoming-Webinars-carousel .carousel-inner .prev{left:-100%}
#Upcoming-Webinars-carousel .carousel-col{width:100%}*/
}
