@import url('https://fonts.googleapis.com/css2?family=Asap:wght@400;500;600&display=swap');
body{font-family: 'Asap', sans-serif; font-weight: 400;}

.btn.btn-warning{background: #FFC82E !important; padding: 0.7rem 1.2rem; border: 0; color: #000000 !important;}
.btn.btn-warning:hover{background: #00539F !important; color: #ffffff !important; box-shadow: 0 5px 10px rgb(0, 0, 0, 0.3);}
.btn.btn-warning:hover img{filter: invert(1);}
.btn.btn-primary{background: #00539F !important; border: 0; padding: 0.6rem 1.2rem; color: #ffffff !important;}
.btn.btn-primary:hover{background: #FFC82E !important; box-shadow: 0 5px 10px rgb(0, 0, 0, 0.3); color: #000 !important;}
.text-warning{color: #0549e9 !important; text-decoration: none;}
a.text-warning:hover{color: #FFC82E !important; text-decoration: none;}
.bg-primary{background: #00539F !important;}

header{background: #00539F;}
.navbar.navbar-expand-lg{padding-top: 0; padding-bottom: 0;}
.site-navbar{left: 0; right: 0; margin: auto;  width: 100% !important;}
.site-navbar .site-navigation .site-menu{margin-right: 2rem;}
.sticky-wrapper{height: auto !important;}
.sticky-wrapper.is-sticky .site-navbar{background: #00539F; z-index: 999 !important; width: 100% !important; padding: 0 3rem;}
.site-navbar .site-navigation .site-menu > li{padding: 0; margin: 0 0.5rem;}
.site-navbar .site-navigation .site-menu > li > a{font-size: 1rem; padding:20px 0; display: block; color: #ffffff; text-transform: uppercase;}
.site-navbar .site-navigation .site-menu > li >a:hover::before, .site-navbar .site-navigation .site-menu > li.current_page_item >a::before,.site-navbar .site-navigation .site-menu > li.active >a::before{background-color:#ffc82e;}
.sticky-wrapper .site-navbar ul li.active a,.sticky-wrapper .site-navbar ul li.current_page_item a,.site-navbar .site-navigation .site-menu > li > a:hover,.site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a{color: #ffc82e;}
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown-menu, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown-menu, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown-menu{display: block;}
.site-mobile-menu .site-nav-wrap li.active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu a.active{color: #1372D3;}
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu{border-radius: 0; border: 0; min-width: 15rem;}
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li > a{text-decoration: none; border-radius: 0 !important; text-decoration: none; padding: 9px 15px;}
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu a{font-size: 1rem;}
.site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li > a:hover, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown-menu .active > a{color: #000000 !important; background: #ffc82e;}
.site-mobile-menu .site-nav-wrap > li > a, .site-mobile-menu .site-nav-wrap > li > ul > li > a{text-decoration: none;}

.search-inline {
    width: 250px;
    padding-left: 15px;
    padding-right: 0;
    top: 50%;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    transition: all .5s ease-in-out;
    transform: translate(0%, -50%);
    right: -10px;
    height: 42px;
}
.search-inline .form-control{
  background: #023d73; border-color: #023d73; color: #ffffff;
}
.search-inline .form-control::-webkit-input-placeholder { /* Edge */
  color: #ddd;
}

.search-inline .form-control:-ms-input-placeholder { /* Internet Explorer */
  color: #ddd;
}

.search-inline .form-control::placeholder {
  color: #ddd;
}
.search-inline.search-visible {
    opacity: 1;
    visibility: visible;
    animation: fadeInDown .4s ease-in-out;
    margin-right: 0.5rem;
}

.login-form label.error{ color:#ff0000; margin-bottom:10px; font-size:12px; margin-bottom:5px;float:left; width:100%;}

.top-contact a{color: #ffffff; text-decoration: none;}
.socialshare{padding: 0; margin: 0; margin-left:2rem; position: relative;}
.socialshare::before{position: absolute; content: ''; right: auto; left: -15px; top: -18px; width: 1px; height: 65px; background-color: #ffffff; opacity: 0.3;}
.socialshare li{display: inline-block;}
.socialshare li a.btn.btn-warning{display: block; padding: 0.4rem 0.8rem !important;}
.socialshare li a.btn.btn-warning:hover{background: #ffffff !important; color: #000000 !important; box-shadow: none !important;}

/* main banner */
.main-banner .carousel-caption{z-index: 9; top: 30%; left: 0; right: 0; margin: auto; text-align: left;}
.main-banner .carousel-caption h1{font-size: 2.5rem; color: #00539f; font-weight: 600;}
.main-banner .carousel-caption p{font-size: 1.25rem; color: #333333;}
.main-banner .carousel-control-next, .main-banner .carousel-control-prev{width: 5%;}

/* feature-card */
.feature-section{margin-top: -9rem; width: 100%; z-index: 99; position: relative;}
.feature-card{background: #ffffff; height: 260px; overflow-y: hidden; font-size: 1.25rem; padding:4rem 2rem; text-align: center; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, .20) }
.feature-card:hover{background: #00539f; color: #ffffff; padding: 1.5rem 1rem; font-size: 1.2rem;}
.feature-card img{width: 70px; margin-bottom: 1rem;}
.feature-card:hover img{width: 40px;}
.feature-card .feature-hover{margin-top: 100px; font-size: 0.9rem; color: #ffffff;}
.feature-card:hover .feature-hover{margin-top: 1rem;}
.feature-card, .feature-card:hover, .feature-card img, .feature-card:hover img, .feature-card .feature-hover, .feature-card:hover .feature-hover{
  -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
       -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
}


/* about ection */
.about-section{margin: 3.5rem 0;}
.about-card{position: relative;}
.about-card::before{content: ''; z-index: -1; position: absolute; bottom: -160px; left: 0; width:300px; height:300px; border-radius: 50%; border: 40px solid #00539f;}
.about-1{width: 400px;}
.about-1 img{border-radius: 10px; box-shadow:  0 0 6px rgba(0, 0, 0, 0.2);}
.about-2{position: absolute; right: 0; bottom: -120px; right: 130px; width: 280px;}
.about-2 img{border-radius: 10px; box-shadow:  0 0 6px rgba(0, 0, 0, 0.2);}
.welcome-heading span{text-transform: uppercase; letter-spacing: 3px;}
.welcome-heading h2{font-size: 2.5rem; color: #00539f; font-weight: 600;}
.about-section h3{font-size: 1.8rem; color: #0549e9; font-weight: 600;}
.about-section h4{font-size: 1.5rem; color: #333333; font-weight: 600;}
.about-section .welcome-content{margin-top: 3rem;}

/* soltution section */
.solution-section{padding: 3rem 0; margin-top: 3rem; background-image: url('../images/solution-bg.jpg'); background-size: cover; background-position: center; position: relative;}
.solution-section::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(4, 57, 105, 0.95);}
.solution-section .container{position: relative; z-index: 9;}
.solution-heading{color: #ffffff; text-align: center; margin-bottom: 1rem;}
.solution-heading span{letter-spacing: 3px; text-transform: uppercase;}
.solution-heading h2{font-size: 2.5rem;}
.membershipProgram{margin-top: 11rem;}
.solution-item{text-align: center; display: block; text-decoration: none; color: #ffffff; padding:2rem 2rem; height: 320px; border: 1px solid #00539f; border-radius: 10px;}
.solution-item:hover{background:#FDB827; color: #000000;}
.solution-item h3{font-size: 1.3rem; margin: 1rem 0 0.7rem;}
.solution-item:hover h3{color: #000000;}
.solution-item:hover img{filter: invert(1);}

/* webinar-section */
.webinar-section{margin: 4rem 0;}
.webinar-item{border-radius: 10px; width: 100%; position: relative; overflow: hidden;}
.webinar-item:hover::before{content: ''; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; border-radius: 10px;}
.webinar-item img{border-radius: 10px; width: 100%;}
.webinar-item a{display: block; color: #ffffff; text-decoration: none;}
.webinar-item p{position: absolute; text-decoration: none; bottom: 1rem; left: -10rem; color: #ffffff; font-size: 1.1rem;
  -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
       -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out;
          visibility: hidden; width: 250px;
}
.webinar-item:hover p{left: 2rem;
  -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
       -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out;
          visibility: visible;

}
.webinar-item span{background: #fff; display: block; width: 35px; height: 20px; text-align: center; border-radius: 7px; color: #00539f;}
.webinar-item span i{position: relative; bottom: 4px;}

/* blog section */
.blog-section{background: #E5F1F9; padding: 3.5rem 0; clear: both;}
.blog-section .card{border: 0;}
.blog-section .card img{border-radius: 6px 6px 0 0; width: 100%}
.blog-section .card .post-date{display: flex; justify-content: space-between; margin-bottom: 1rem; color: #666;}
.blog-section .card h4{font-size: 1.25rem; min-height: 72px;}
.blog-section .card h4 a{color: #00539f; text-decoration: none;}
.blog-section .card a{text-decoration: none;}

.brand-section{background: #F7F7F7; padding: 2.5rem 0;}
 .owl-carousel .item{
  text-align: center;
 }
 .owl-carousel .item img{
    max-height: 50px;
    width: auto;
    margin: auto;
}

/* join now */
.join-now-section{background: #E5F1F9; padding: 3rem 0; position: relative; overflow: hidden;}
.join-now-section h3{color: #00539f; text-transform: uppercase;}
.join-now-section::before{content: ''; position: absolute; left: 3rem; top: 2.1rem; width: 80px; height: 100px; background-image: url('../images/dotted.png');background-size: cover; opacity: 0.5;}
.join-now-section::after{content: ''; position: absolute; right: -1rem; top: 0.2rem; width: 80px; height: 130px; background-image: url('../images/join-shape.png');background-size: cover; }

/* footer */
footer{background: #00539F; padding: 2.5rem 0 1.5rem; color: #ddd; }
footer .subscribe-heading{text-transform: uppercase; position: relative;}
footer .subscribe-heading::before{content: ''; position: absolute; right: -1rem; top: 0; width: 70px; height: 40px; opacity: 0.3; background-image: url('../images/subscribe-dotted.png');background-size: cover;}
footer .subscribe-heading span{color: #FFC82E; letter-spacing: 3px;}
footer .subscribe-heading h2{font-size: 2.5rem; font-weight: 600; color: #fff;}
footer .newsletter-box .input-group{align-items: center;}
footer .newsletter-box .input-group .form-control{position: relative; left: 1.5rem; height: 60px; border: 0; background-color: rgba(0, 0, 0, 0.2); width: 85%; border-radius: 6px !important;}
footer .newsletter-box .input-group .form-control{
  background: #023d73; border-color: #023d73; color: #ffffff;
}
footer .newsletter-box .input-group .form-control::-webkit-input-placeholder { /* Edge */
  color: #ccc;
}

footer .newsletter-box .input-group .form-control:-ms-input-placeholder { /* Internet Explorer */
  color: #ccc;
}

footer .newsletter-box .input-group .form-control::placeholder {
  color: #ccc;
}
footer .newsletter-box .input-group button{height: 35px; padding: 0; border-radius: 18px !important; width: 65px; position: relative; z-index: 9;}
footer h4{color: #ffffff;}
footer .quick-links{padding: 0;}
footer .quick-links li{display: flex; align-items: center; color: #ddd; font-size: 0.9rem; margin: 0.5rem 0; font-weight: 400;}
footer .quick-links li a{display: block; color: #ddd; text-decoration: none;}
footer .quick-links li a:hover{text-decoration: underline;}
footer .quick-links li img{margin-top: 0.5rem; margin-bottom: 0.8rem; margin-right: 0.8rem; display: block;}
.media-links a{display: inline-block; padding: 0.7rem; text-align: center; color: #000; width: 45px; height: 45px; border-radius: 50%; margin-right: 0.5rem; background-color: #FFC82E;}
.media-links a:hover{background: rgba(0, 0, 0, 0.1);color: #ffffff; box-shadow: 0 5px 10px rgb(0, 0, 0, 0.3);}
footer .copyrights{position: relative; padding-top: 1.5rem; margin-top: 1rem; font-size: 0.9rem;}
footer .copyrights::before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 0.5px; background-color: rgba(255, 255, 255, 0.3);}
footer .copyrights a{text-decoration: none; color: #ddd;}
footer .copyrights ul{margin: 0; text-align: right; padding: 0;}
footer .copyrights ul li{display: inline-block; margin-left: 1rem;}
 
/* inner pages */
.inner-content{padding: 2rem 0;}
.inner-content h1{color: #00539F; font-weight: 600; margin-bottom: 1rem;}
/*.inner-content h2{color: #FFC82E; font-weight: 600; font-size: 1.6rem;}*/
.inner-content h2{color: #FFC82E; font-weight: 600; font-size: 1.6rem;}
.inner-content h3{color: #00539F; font-weight: 600; font-size: 1.3rem;}
.inner-content h4{color: #d39c01; font-weight: 600; font-size: 1.2rem;}
.inner-content h5{color: #3179ba; font-weight: 600; font-size: 1.1rem;}
.specialties-block{background: #055094; padding: 1rem;}
.specialties-block h4{font-size: 1.25rem; color: #FFC82E;}
.specialties-block .input-group{background: #ffffff; border-radius: 6px}
.specialties-block .input-group .form-control{background: transparent; border: 0;border-radius: 6px}
.specialties-block .specialties-list{margin-top: 1rem; max-height: 550px; overflow-y: scroll;
  scrollbar-color: #7f7f7f white; /* thumb and track color */
  scrollbar-width: thin;
}
.specialties-block .collapse:not(.show){display: block;}
.specialties-block .specialties-list::-webkit-scrollbar {
  width: 3px;
}

.specialties-block .specialties-list::-webkit-scrollbar-track {
  background: white;
}

.specialties-block .specialties-list::-webkit-scrollbar-thumb {
  background: #7f7f7f;
  border-right: 1px solid white;
}

.specialties-block .specialties-list ul{padding-left: 0; margin: 0;}
.specialties-block .specialties-list li{display: block;}
.specialties-block .specialties-list li a{display: block; text-decoration: none; color: #ffffff; padding: 0.3rem 0;}
.specialties-block .specialties-list li a:hover{color: #FFC82E;}

.contracted-vendors{padding: 1rem 1.5rem; border-radius: 10px; background: #F5F5F5;}
.contracted-vendors span{text-decoration: none; color: #333333; display: block; padding: 0.4rem 0;}
.contracted-vendors span a{text-decoration: none;}
.contracted-vendors span a:hover{text-decoration: none; color: #333333;}

.contracted-vendors ul {  display: flex;  flex-wrap: wrap;padding:10px 0 0 3px;margin:0;}
.contracted-vendors ul li {  flex-basis: calc(100% / 3);list-style: none;margin-bottom: 15px;}



/* login */
.login-card{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); border-radius: 10px; margin: 3rem 0;}
.login-img{position: relative; padding: 8rem 0; text-align: center; color: #ffffff;}
.login-img::before{content: ''; position: absolute; border-radius: 10px 0 0 10px; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/login-bg.jpg'); background-position: center; background-size: cover; z-index: -1;}
.login-request-img{padding: 55% 0;}
.login-icon{width: 70px; height: 70px; padding: 0.55rem; background-color: #ffffff; border-radius: 50%; margin: auto; color: #00539F; font-size: 2rem;}
.login-img h3{font-size: 1.5rem; margin-top: 1rem; color: #ffffff;}
.login-form{padding:1rem 3rem 1rem 2rem;}
.login-form h2{text-align: center; position: relative; color: #00539F; font-size: 1.8rem; font-weight: 600; padding-bottom: 0.3rem; margin-bottom: 1.5rem;}
.login-form h2::before{content: ''; position: absolute; left: 0; right: 0; bottom: -0.3rem; margin: auto; width: 120px; height: 3px; background: #00539F;}
.login-form .input-group-text{border: 0; background-color: #f5f5f5; padding-left: 1rem; color: #666666;}
.login-form .form-control{padding: 0.7rem 0.75rem; border: 0; background-color: #f5f5f5; outline: none;}
.login-form .form-select{padding-right: 2rem;}
.login-form p{margin-bottom: 0.3rem;}
/* .login-form a{text-decoration: none; color: #333333;} */
.login-form a:hover{text-decoration: underline; color: #00539f;}
.login-request-heading{display: flex; justify-content: space-between;}
.login-request-heading a{font-size: 1rem; font-weight: 400;}
h2.login-request-heading::before{margin: 1px;}

/* member home */
.member-home{
  background: #f5f5f5;
  padding: 2.5rem 0;
}
.member-home .breadcrumb .breadcrumb-item a{text-decoration: none; color: #00539F;}
.member-home .user-info-tab{padding: 0; text-align: right;}
.member-home .user-info-tab li{display: inline; text-align: left;}
.member-home .user-info-tab li a{color: #222222;}
.member-home .user-info-tab li:first-child{margin-right: 0rem;}
.member-home .user-info-tab li span{display: block; float: left; position: relative;}
.member-home .user-info-tab li span .edit-icon{position: absolute; left: 65px; top: 2px; font-size: 0.6rem;}
.member-home .user-info-tab li small{display: block; font-size: 0.8rem;}
.member-home .user-info-tab li span.user-icon{float: left; margin-right: 0.7rem; color: #00539F; width: 45px; height: 45px; border-radius: 50%; padding: 0.6rem; font-size: 1.1rem; text-align: center; background: #fff;}
.member-nav h3{display: inline-block; position: relative;}
.member-nav h3::before{content: ''; position: absolute; left: 0; bottom: -0.3rem; width: 100%; height: 3px; font-weight: 600; background: #333333;}
.member-nav ul{padding: 0;}
.member-nav ul li{display: block; padding: 0.5rem 0;}
.member-nav ul li a{position: relative; text-decoration: none; display: block; color: #000000; transition: 0.3s;}
.member-nav ul li a:hover, .member-nav ul li.active a{padding-left: 1.5rem; transition: 0.3s;}
.member-nav ul li a:hover::before, .member-nav ul li.active a::before{content: '\f105'; transition: 0.3s; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: 0.2rem;color: #00539F; }
.member-container{background: #ffffff; border-radius: 10px; padding: 2rem;}
.member-item{transition: 0.5s; display: block; text-decoration: none; color: #222222; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);height: 170px; border-radius: 6px; padding:2.5rem 2rem; text-align: center;}
.member-item span{display: block; font-size: 1.05rem; font-weight: 600; line-height: 22px; margin-top: 0.5rem;}
.member-item:hover{background:#00539F; color: #ffffff;transition: 0.5s;}
.webinar-filter .input-group .form-control{border: 0; padding: 0.7rem;}
.webinar-filter .input-group .dropdown-toggle::after{content: none;}

.member-container h2{color: #00539F; font-weight: 600;}
.member-container h3{color:#FFC82E; font-weight: 600; margin-top: 1rem;}
.live-webinar-card{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-radius: 8px; background: #ffffff;}
.live-webinar-card img{border-radius: 8px 0 0 8px; max-width: 190px; max-height:200px;}
.live-webinar-card.webinar-card img{border-radius: 8px 8px 0 0; width: 100%; max-width:100%;}
.webinar-card-body{padding: 0.7rem;}
.webinar-card .webinar-card-body{padding: 1rem;}
.live-webinar-card h3{color: #00539F; font-size: 1.3rem; font-weight: 600;}
.webinar-card-body small{color: #777777;}
.live-webinar-card.webinar-card h3{color: #00539F; font-size: 1.25rem; height: 50px; font-weight: 600;}

/*form css*/
.recording-form{padding: 1.5rem; background: #FFC82E; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.25); border-radius: 8px;}
.recording-form h3{text-transform: uppercase; font-size: 1.25rem; letter-spacing: 0.3px;}
.recording-form .form-control, .recording-form .form-select, .recording-form .input-group-text{border: 0; border-radius: 4px;}

.custom-file-button input[type=file] {
  margin-left: -2px !important;
}
.custom-file-button input[type=file]::-webkit-file-upload-button {
  display: none;
}
.custom-file-button input[type=file]::file-selector-button {
  display: none;
}
.custom-file-button:hover label {
  background-color: #dde0e3;
  cursor: pointer;
}
/* .pbForm select{background: #ffffff !important;} */
/*label.error{margin-bottom: 0 !important;}*/
label.error{ color:#ff0000; font-size:12px; margin-bottom:0;float:left; width:100%;}
.dynamicForm textarea{height: 85px !important; margin-bottom: 0 !important;}
.input-group.custom-file-button{align-items: baseline;}
.input-group.custom-file-button label{height: 37px;}
.webinar-latest-posts{margin-bottom: 1.5rem;}
.webinar-latest-posts h6{text-transform: uppercase;}
.webinar-latest-posts h4{color: #055094; font-size: 1.2rem; font-weight: 600;}
.Webinar-container{position: relative; padding: 3rem 3rem 3rem 0; color: #ffffff;}
.Webinar-container::before{content: ''; z-index: -1; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); position: absolute;width: 120%; height: 100%; top: 0; left: -20%; border-radius: 8px;  background: url('../images/webinar-bg.jpg'); background-size: cover; background-repeat: no-repeat;}
.Webinar-container h2, .Webinar-container h2, .specialty-box h2, .doc-video-sample h2{color:#fff !important;}
.webinar-demand-section{padding: 2rem 0;}
.webinar-demand-section h2{font-weight: 600; color: #055094; text-align: center; margin-bottom: 2rem}
.inner-content.member-home{background: #ffffff;}
.inner-content.member-home .member-container{padding: 0;}
.webinar-schedule-bg{background: url('../images/webinar-series-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 8px; padding: 3rem 4rem 1rem;}
.pagination_cls{margin-top: 1.5rem;}
.member-container .webinar-schedule-bg  h3{color: #ffffff; margin-bottom: 1rem;}
.member-container .webinar-schedule-bg .webinar-card-body  h3{color: #055094; margin-bottom: 0.5rem;}

.frank-fast-block{padding: 2rem 0; height: 800px; overflow-y: scroll; background: url('../images/franks-fast-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
.frank-fast-block h5{color: #ffffff;}
.frank-fast-card{background: #ffffff; border-radius: 6px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.frank-fast-card .frank-fast-header{position: relative; display: block}
.frank-fast-card .frank-fast-header img{width: 100%; border-radius: 8px 8px 0 0;}
.frank-fast-card .frank-fast-header::before{content: ''; width: 100%; height: 75%; position: absolute; bottom: 0; left: 0; 
  background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.frank-fast-card .frank-fast-header h4{padding: 0 1rem; position: absolute; bottom: 0; z-index: 3; color: #ffffff; font-size: 1rem; font-weight: 600;}
.frank-fast-card .frank-fast-header i{position: absolute; color: #ffffff; display: block; height:20px; text-align: center; font-size: 1.5rem; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.frank-fast-card .frank-fast-header:hover i{color: #CA2727;}
.frank-fast-card .frank-fast-body{padding: 1rem; min-height: 170px;}
.frank-fast-card .frank-fast-body .frank-link{text-decoration: none; color: #FFC82E;}
.frank-fast-card .frank-fast-body .frank-link:hover{color: #055094;}

.join-form{padding: 2.5rem; background: url('../images/join-block-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 8px;}
.join-form h2{color: #ffffff; font-size: 1.6rem;}
.join-form .accordion-item{border: 0; background-color: transparent; margin-bottom: 1rem;}
/* .join-form .accordion-item .collapse:not(.show){visibility: hidden; display: block; height: 0;} */
.join-form .accordion-item .accordion-body{padding: 1rem 0 0; color: #ffffff;}
.join-form .accordion-item .accordion-body a{color: #ddd; text-decoration: none;}
.join-form .accordion-item .accordion-body a.addlocation{padding: 0.25rem 0.5rem !important; background: #0d6efd !important;}
.join-form .accordion-item .accordion-body .form-control{border: 0;}
.join-form .accordion-button{color: #000000; background: #FFC82E; border-radius: 6px 6px 0 0; padding: 0.5rem 1rem; font-size: 1.2rem; font-weight: 600;}
.join-form .accordion-button:not(.collapsed){box-shadow: none;}
.join-form .accordion-item:last-of-type .accordion-button.collapsed{border-radius: 6px 6px 0 0;}
.join-form .accordion-button:not(.collapsed)::after{content: '\f068'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 1rem; color: #000000; background: none;}
.join-form .accordion-button::after{content: '\f067'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: 0.7rem; color: #000000; background: none;}

.specialty-box{color: #ffffff; border-radius: 6px; text-align: center; background: url('../images/specialty-bg.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat;padding: 1.5rem;}
.specialty-block{padding: 0;}
.specialty-block a{display: block; font-size: 1.15rem; text-decoration: none; background: #ffffff; color: #333333; text-align: center; padding: 1rem 0.7rem 0.7rem 0.7rem; margin:0.75rem 0; width: 100%; height: 146px; line-height: 22px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); border-radius: 6px;}
.specialty-block a img{max-height: 50px;}
.specialty-block span{display: block; word-break: break-word; padding: 1rem 0rem 0;}
.specialty-block a:hover{background: #FFC82E; color: #000000;}
.specialty-block a:hover img{filter: brightness(0.1);}

.value-added-services-list ul{padding: 0; margin: -0.75rem;}
.value-added-services-list ul li{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 295px; float: left; height: 80px; margin: 0.75rem; padding: 1rem; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); border-radius: 6px;}
.value-added-services-list ul li ul li{width: 100%; display: block; height: auto; padding: 0; box-shadow: none; display: block; margin: 0.75rem 0;}
.value-added-services-list ul li a{text-decoration: none;}
.value-added-services-list ul li a:hover{color: #00539F;}

/* blog page */
.inner-banner{position: relative;}
.inner-content.blog-main a{color: #055094; text-decoration: none;}
.blog-heading{position: absolute; text-align: center; color: #fff; font-weight: 600; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%;height: 40px;}
.blog-main .post{border-radius: 6px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); background-color: #ffffff; height:100%;}
.blog-main .post img{border-radius: 6px 6px 0 0; margin-bottom: 0} 
.blog-main .post .post_cont{padding: 1rem;}
.blog-main .post .post_cont a:hover{color: #ffc82e !important;}
.blog-main .post_date{color: #666666;}
.blog-main .post_date i{color: #FFC82E; margin-right: 0.5rem;}
.blog-main .post h4 a{min-height: 45px; display: block; margin-top: 0.8rem; color: #007AC2; font-weight: 600; letter-spacing: 0.2px; text-transform: uppercase; font-size: 1.1rem; text-decoration: none;}

.blog-main .navigation.pagination{justify-content: center; margin-bottom: 2rem}
.blog-main .navigation.pagination .page-numbers, .pagination_cls .page-numbers{display: inline-block; height: 35px; width: 35px; padding: 0.3rem; border-radius: 4px; text-align: center; background: #F7F7F7; color: #999999; text-decoration: none;}
.blog-main .navigation.pagination .page-numbers.current, .pagination_cls .page-numbers.current{color: #000000; background: #FFC82E;}
.blog-main .navigation.pagination .next.page-numbers,.blog-main .navigation.pagination .prev.page-numbers, .pagination_cls .next.page-numbers, .pagination_cls .prev.page-numbers{width:85px;}

.blog-sidebar{background: #055094; border-radius: 6px; color: #ffffff; padding: 1.5rem; margin-bottom: 1.5rem;}
.blog-sidebar h3{text-transform: uppercase; letter-spacing: 0.5px; color: #ffffff;}
.blog-sidebar ul{padding-left: 0;}
.blog-sidebar ul li{display: flex; flex-wrap: wrap; align-items: center; padding: 0.5rem 0; position: relative; justify-content: space-between;}
.blog-sidebar ul li:first-child{padding-top: 0;}
.blog-sidebar ul li:last-child{padding-bottom: 0;}
.blog-sidebar ul li::before{content: ''; position: absolute; width: 100%; height: 1px; border-bottom: 1px dashed rgba(255, 255, 255, 0.5); bottom: 0;}
.blog-sidebar ul li:last-child::before{content: none;}
.blog-sidebar ul li a{display: inline-block; color: #ffffff !important; text-decoration: none; width: 75%; font-size: 0.9rem; line-height: 20px;}
.blog-sidebar ul li a:hover{color: #0549e9 !important;}
.blog-sidebar ul li img{width: 50px; height: 35px; margin-right: 1rem;}
.blog-listing{background: #E5F1F9;}

.webinar-filter .dropdown-menu{height: 300px; overflow-y: scroll;}
.webinar-filter .dropdown-menu li a{text-decoration: none; display: block; padding: 0.2rem 0.3rem; color: #555555;}
.webinar-search{position: relative;}
.webinar-search i{position: absolute; top: 11px; left: 12px; color: #999999;}
.webinar-search .form-control{padding-left: 2.5rem;}
.benefits{background: #f5f5f5;}
.benefits .webinar-card-body{min-height: 260px;}

.rounded.solution-section::before{border-radius: 6px;}
.contact-bg{color: #ffffff; background: url('../images/contact-bg.jpg'); border-radius: 10px 0 0 10px; background-size: cover; background-position: center; padding: 3rem;}
.contact-bg h1{ color: #ffffff; }
.contact-bg h3{ color: #fff; }
.contact-bg ul{padding-left: 0; margin-bottom: 2.5rem;}
.contact-bg ul li{display: flex; align-items: center; margin: 1.5rem 0;}
.contact-bg ul li i{margin-right: 1rem; color: #FFC82E;}
.contact-bg ul li a{color: #ffffff; text-decoration: none;}
.contact-form{padding: 0 3rem 0 4rem;}
.contact-form h2{font-size: 1.7rem; color: #055094; margin-bottom: 1.5rem;}
.join-form.faq-block h2{color: #0549e9;}
.join-form.faq-block .accordion-button{background: #f5f5f5; color: #00539f; padding: 0.8rem 1rem; font-size: 1.1rem;}
.join-form.faq-block{background: none; padding: 0;}
.join-form.faq-block .accordion-item .accordion-body{color: #000000; padding: 1rem; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); border-radius: 0 0 6px 6px;}

.contract-item, .exclisive-item {
    transition: 0.5s;
    display: block;
    text-decoration: none;
    color: #222222;
    box-shadow: 0 3px 8px rgb(0, 0, 0, 0.1);
    height: 130px;
    border-radius: 6px;
    padding: 1.1rem 0.3rem;
    text-align: center;
    margin-bottom: 1.5rem;
}
.contract-item:hover {
    background: #00539F;
    color: #ffffff;
    transition: 0.5s;
}
.contract-item span, .exclisive-item span {
    display: block;
    margin-top: 0.6rem;
    font-size: 0.9rem;
}

.supplier-form{background: #055094; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); border-radius: 8px; padding:1.5rem 2rem;}
.supplier-form h3{color: #FFC82E; margin-bottom: 1.3rem; font-size: 1.3rem;text-transform: uppercase;}
.doc-video-sample{padding: 1.5rem 1.5rem 0.5rem 1.5rem; background: url('../images/faq-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 10px;}
.doc-video-sample .frank-fast-body{min-height: 120px;}
.doc-video-sample .frank-fast-body h4{font-size: 1.2rem; color: #055094;}
.doc-video-sample .frank-fast-card iframe{border-radius: 6px 6px 0 0; height: 170px; width: 100%;}
.doc-video-sample .frank-fast-card .frank-fast-header::before{content: none;}

.member-401k{padding-left: 0;}
.member-401k li{display: block; padding: 0.5rem 0;}
.member-401k li a{display: block; text-decoration: none; color: #ffffff;}

.exclisive-item{transition: 0.5s;
    display: block;
    text-decoration: none;
    color: #222222;
    box-shadow: 0 3px 8px rgb(0 0 0 / 10%);
    height: 130px;
    border-radius: 6px;
    padding: 1.1rem 0.3rem;
    text-align: center;
    margin-bottom: 1.5rem;
  }
.contracted-vendor-list{padding-left: 1.5rem; column-count: 2;}
.contracted-vendor-list li{display: block; position: relative; margin: 0.5rem 0;}
.contracted-vendor-list li::before{content: '\f105'; position:absolute; left: -1.3rem; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFC82E;}
.contracted-vendor-list .contract-title{text-decoration: none; color: #00539f;}
.contracted-vendor-list .contract-title:hover{color: #FFC82E !important;}
.exclisive-item span{display: block; margin-top: 0.6rem; font-size: 0.9rem;}
.exclisive-item img{max-height: 70px;}
.border-dashed{margin: 2rem 0; border-top: 1px dashed #cccccc;}

.contact-envelop .contact-bg{height: 500px;}
.contact-envelop h1{font-size: 2.2rem; color: #00539f;font-weight: 600;}

.dynamicForm button[type=submit]{font-size: 1rem !important; padding: 0.7rem 1.2rem !important;}
.pbForm select{line-height: 25px !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;}
.form-check-input{margin-top: 0.25rem !important;}
.docsonvideo-body p{font-size: 15px; height: 80px;}
.captchaArea{overflow:hidden;}
.form-script iframe{width:100% !important;}

.essential-membership-list{background: #f5f5f5; padding: 1.5rem; border-radius: 6px;}
.essential-program-box{text-align: left;}
.essential-program-box p{margin-bottom: 0; line-height:36px; font-size: 1.3rem; font-weight: 600; }
.essential-membership-list ul{margin-bottom: 0;}
.essential-membership-list ul li{display: block; position: relative; margin: 0.6rem 0;}
.essential-membership-list ul li::before{position: absolute; content: ''; width: 8px; height: 8px; border-radius: 6px; background: #00539F; left: -1.5rem; top: 8px;}
.essential-membership-list ul ul li::before{content: '-'; background: transparent; top: 0; }
.membership-join{background: url('../images/join-today-bg.jpg'); padding:3rem 2rem; border-radius: 10px; background-size: cover; background-position: center;}
.membership-join h2{font-size: 3rem;}
.membership-join fieldset{border: 1px solid #ffffff; border-radius: 8px; padding: 1.5rem; color: #ffffff;}
.membership-join fieldset legend{float: none; padding: 0 1rem; color: #ffffff; width: auto; margin: 0 auto}
.join-today-member:hover{color: #FFC82E !important;}
.join-today-member{font-size: 2.2rem;text-decoration: none;padding: .3em .6em;letter-spacing: 2px;color: #ffffff; outline:none;}
.mobile-form{display: none;}
.blog-section .card p {
    height: 78px;
}

.subscribeBox {
    background: rgb(0,83,159);
    background: linear-gradient(0deg, rgba(0,83,159,1) 0%, rgba(41,153,255,1) 100%);
    padding: 2rem;
    border-radius: 8px;
    color: #fff;
    margin: 3rem 0;
}
.authorBio a{color: #00539F}
.authorBio a:hover{color: #00539F; text-decoration: none}
.single_bio{color: rgba(255,255,255,1.00); background: #00539F;border-radius: 6px;}
.inner-content.blog-main .single_bio a{color: #fff}
.inner-content.blog-main .single_bio a:hover{color: #FFFFFF; text-decoration: underline}
.single_bio h4{color: rgba(255,255,255,1.00)}
@media (min-width:1921px) and (max-width:7000px) {
  html, body{ width: 110rem; margin: auto; position: relative }

}

@media (max-width: 1370px) {
  .doc-video-sample .frank-fast-card iframe{height: 145px;}
  .webinar-card .webinar-card-body{height: 310px;}
  .owl-carousel .item img{max-height: 40px;}
  .affinity-program .affinity-short{height: 120px;}
  .frank-fast-card .frank-fast-header h4{font-size:13px;}
}
@media (max-width: 1280px) {
  .navbar-brand img{width: 170px;}
  .sticky-wrapper.is-sticky .site-navbar{padding: 0 2rem;}
  .site-navbar .site-navigation .site-menu > li{margin: 0 0.3rem;}
  .feature-section{margin-top: -6rem;}
  .feature-section .feature-card{padding: 2rem 0.5rem;}
  .feature-card:hover p{margin-bottom: 0.5rem;}
  .feature-card img{margin-top: 2.5rem;}
  .feature-card:hover img{margin-top: 0rem;}
  .about-2{right: 0; width: 250px;}
  .solution-section{margin-top: 2rem;}
  .membershipProgram{margin-top: 9rem;}
  .solution-item{padding: 2.5rem 0.5rem; height: 330px;}
  .solution-item h3{font-size: 1.2rem;}
  .blog-section .card h4{min-height: 74px;}
  .specialties-block .specialties-list{max-height: 480px;}
  .member-item{padding: 2rem 1rem;}
  .webinar-card-body{padding: 1rem 1.5rem;}
  .webinar-card small{font-size: 0.7rem;}
  .webinar-card .webinar-card-body{padding: 0.8rem; height: 320px;}
  .webinar-schedule-bg{padding: 1rem 1.5rem;}
  .specialty-block li a{width: 170px;}
  .doc-video-sample .frank-fast-card iframe{height: 120px;}
  .live-webinar-card.webinar-card h3{font-size: 1.15rem; height: 40px;}
  .blog-section .card p{font-size: 14px; height: 90px;}
  .docsonvideo-body h4{font-size: 1.1rem; margin-bottom: 0.25rem}
  .docsonvideo-body p{font-size: 14px;}
  .membership-join h2{font-size: 2.5rem;}
}

@media (max-width:1200px) {
  .frank-fast-card .frank-fast-header h4{font-size:15px;}
}
@media (max-width:1170px) {
    .navbar-brand img{width: 160px;}
  .site-navbar .site-navigation .site-menu > li > a{font-size: 0.9rem;}
  .top-contact a{font-size: 0.8rem;}
  .sticky-wrapper.is-sticky .site-navbar{padding: 0 1rem;}
  .socialshare{margin-right: 0;}

  .login-form .form-control{padding: 0.4rem 0.75rem;}
  .login-form h2{font-size: 1.6rem;}
  .login-request-img{padding: 65% 0;}
  .specialty-block li a{width: 156px;}
  .site-navbar .site-navigation .site-menu > li{margin: 0 0.2rem;}
  .membership-join h2{font-size: 2rem;}
  .join-today-member{font-size: 2rem;}

}
@media (max-width:990px) {
  .socialshare{margin-right: 2rem;}
  .site-menu-toggle{color: #FFC82E;}
  .site-mobile-menu{width: 350px;}
  .menu-bars{position: absolute; right: 0; top: 0;}
  .main-banner .carousel-caption{top: 10%;}
  .feature-card img{width: 50px;}
  .feature-card:hover img{margin-bottom: 0.4rem; width: 30px;}
  .feature-card .feature-hover{font-size: 0.8rem; margin-top: 0.2rem; line-height: 18px;}
  .feature-card:hover .feature-hover{margin-top: 0.2rem;}
  .feature-section{margin-top: -4.5rem;}
  .feature-section .feature-card{font-size: 1rem; height: 220px; padding: 1rem 0.3rem;}
  .feature-section .feature-card p{margin-bottom: 0;}
  .about-1{width: 90%;}
  .solution-item{height: 320px;}
  .blog-section .card .post-date{font-size: 12px;}
  .blog-section .card h4{font-size: 1rem;}
  .blog-section .card p{font-size: 13px; height: 80px;}
  .join-now-section::before{left: 1rem;}
  .copyrights, footer .copyrights ul{text-align: center;}
  footer .subscribe-heading h2{font-size: 1.8rem;}
  footer .newsletter-box .input-group .form-control{width: 80%;}
  .member-nav{display: flex; justify-content: space-between; margin-bottom: 1.5rem}
  .member-nav ul li{padding: 0.2rem 0;}
  .recording-form{padding: 0.8rem;}
  .Webinar-container{padding: 1rem 1rem 1rem 0;}
  .webinar-latest-posts{margin-bottom: 0rem;}
  .webinar-block .text-end{text-align: left !important; margin-bottom: 1.5rem;}
  .recording-form .form-control, .recording-form .form-select, .recording-form .input-group-text{font-size: 0.9rem;}
  .recording-form h3{font-size: 1rem;letter-spacing: 0;}
  .affinity-program h2{font-size: 1.3rem; height: 50px}
  .blog-sidebar ul li a{width: 100%;}
  .membership-join h2{font-size: 1.8rem;}
  .membershipProgram{margin-top: 3rem;}
  .frank-fast-card .frank-fast-header h4{font-size:17px;}
}
@media (max-width:767px) {
  .site-mobile-menu{width: 300px;}
  .top-contact a{font-size: 1rem;}
  .navbar.navbar-expand-lg{padding-top: 0.5rem; padding-bottom: 0.5rem;}
  .feature-section{margin-top: 0; }
  .feature-card{margin-top: 1.5rem; height: 150px;}
  .main-banner .carousel-caption{
    width: 100%;
    top: auto;
    position: initial;
    clear: both;
    }
  .about-2{width: 200px;}
  .about-section .welcome-content{margin-top: 9rem;}
  .about-card::before{bottom: -130px;}
  .solution-section{margin-top: 2rem;}
  .membershipProgram{margin-top: 2rem;}
  .webinar-item{margin-bottom: 1.5rem;}
  .webinar-section{margin: 3rem 0;}
  .blog-section .card{margin-bottom: 1rem;}
  .blog-section .card h4{min-height: auto;}
  .join-now-section::before{content: none;}
  footer .subscribe-heading{text-align: center;}
  footer .subscribe-heading::before{right: 0;}
  .login-request-img{padding: 15% 0;}
  .login-img::before{border-radius: 10px 10px 0 0;}
  .login-form{padding: 1.5rem;}
  .login-form h2{font-size: 1.4rem;}
  .live-webinar-card{display: block !important;}
  .live-webinar-card img{border-radius: 8px 8px 0 0; width: 100%;}
  .webinar-card-body{padding: 0.8rem; height: auto;}
  .webinar-latest-posts{margin-top: 2rem;}
  .Webinar-container{padding: 1rem;}
  .Webinar-container::before{width: 100%; background-size: cover; left: 0;}
  .specialties-block{margin-bottom: 1.3rem;}
  .specialties-block .collapse:not(.show){display: none;}
  .value-added-services-list ul{margin: -0.75rem 0;}
  .value-added-services-list ul li{width: 44%;}
  .doc-video-sample .frank-fast-card iframe{height: 170px;}
  .solution-item{height: 370px;}
  .contracted-vendor-list{column-count: 1;}
  .affinity-program{margin-bottom: 2rem;}
  .join-form.faq-block .accordion-button{padding-right: 2rem;}
  .join-form .accordion-button::after{right: 0.3rem;}
  .contact-form{margin-top: 2rem;}
  .contact-bg{border-radius: 10px 10px 0 0;}
  .essential-program-box p{font-size: 1rem;}
  .essential-membership-list{margin-bottom: 1rem;}
  .join-today-member{font-size: 1.5rem; letter-spacing: 1px;}
  .blog-section .card p{height: auto;}
  .mobile-form{display: block; position: fixed; bottom: 0; width: 100%; border-radius: 0 !important; z-index: 99;}
  footer .copyrights{margin-bottom: 2.5rem;}
}
@media (max-width:480px) {
  .site-menu-toggle{margin-left: 1.5rem;}
  .navbar-brand{margin-bottom: 1.1rem;}
  .socialshare{margin-right: 0;}
  .socialshare li a{padding: 0 0.4rem;}
  .navbar-brand img{width: auto;}
  .justify-content-between{justify-content: center !important;}
  .top-contact{margin: 0 0.5rem}
  .socialshare::before{height: 30px; top: 0;}
  .specialty-block a{font-size: 0.95rem;}
  .value-added-services-list ul li{width: 94%;}
  .search-inline{top: 70%;}
  .search-inline.search-visible{left: 0; right: 0; margin: auto !important;}
  .solution-item{height: auto;}
  .contracted-vendors ul li{flex-basis: 100%;}
}
@media (max-width:320px) {
  .search-inline{top: 50%;}  
  .contracted-vendors ul li{flex-basis: 100%;}
}