/* -------------------NEW Hero Banner----------------------- */

#home-slider { width:100%; float:left; position:relative;  margin:125px 0 0 0; height:200px; overflow:hidden }
.bxslider-HeroBanner li { height:200px; float:left;}
.bxslider-HeroBanner .HomeSlide-Area { position:relative; margin:0 auto; width:950px; display:flex; height:100%; align-items:end;}
.bxslider-HeroBanner figure {width:350px; margin:0; line-height: 0;/* position: relative; float: left; padding: 20px 0 0 0;*/}
.bxslider-HeroBanner figure img { width:100%; vertical-align:bottom}
.bxslider-HeroBanner .HomeSlide-Txt { width:550px; position: absolute; right:0; display: block; margin: 0; padding: 0; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
.bxslider-HeroBanner .HomeSlide-Txt h2 {font-size:35px; font-weight: 700; color: #fff; margin-bottom:10px; text-align:left; line-height:35px; }
.bxslider-HeroBanner .HomeSlide-Txt h3 { font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; line-height:20px; color: #fff; margin-bottom:15px; }
.bxslider-HeroBanner .HomeSlide-Txt .HomeSlide-btn {font-size:16px; font-weight: 500; color: #fff; text-transform:uppercase; background-color:#b70f0a; border:1px solid #ffffff; padding:10px 35px; display:inline-block; letter-spacing:1px; text-align:center }

.HomeSlide-NAIHspeakers .HomeSlide-Txt h2 {font-size:26px; line-height:30px; }

.bxslider-HeroBanner .HomeSlide1 { background:url(../images/business_bgrd.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-Cybersecurity { background:url(../images/cybersecurity_bgrd.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-HispanicHeritageMonth { background:url(../images/hhm_bgrd.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-Mentalhealth { background:url(../images/mentalhealth_bgrd.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-IndigenousSpeakers { background:url(../images/indigebous-bgrd.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-VeteransDay { background:url(../images/veterans-day-bgrd.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-SummerVibes { background:url(../images/summer-vibes-bgrd.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-Eoy { background:url(../images/eoy-bgrd.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-BHM { background:url(../images/bhm-background.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-AIspeakers { background:url(../images/ai-speakers-background.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-HRspeakers { background:url(../images/human-rights-background.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-AAPIspeakers { background:url(../images/aapi_bgrd.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-LGBTQspeakers { background:url(../images/lgbtq-bgrd.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-Junespeakers { background:url(../images/juneteenth-bgrd1.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-EarthDay { background:url(../images/earth_day_bgrd.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-HHMspeakers { background:url(../images/HHM_bgrd.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-PoliticalSpeakers { background:url(../images/political_bgrd.webp) no-repeat center top; background-size:cover}
.bxslider-HeroBanner .HomeSlide-TechFutuSpeakers{background:url(../images/techfuturism_bgrd.webp) no-repeat center top; background-size:cover;}
.bxslider-HeroBanner .HomeSlide-NAIHspeakers{background:url(../images/NAIH_bgrd.webp) no-repeat center top; background-size:cover;}

/*@media (max-width:1200px) {
.bxslider-HeroBanner .HomeSlide-Area {width:1000px;}	
.bxslider-HeroBanner .HomeSlide-Txt {width:500px;}
}*/

@media (max-width:1024px) {
.bxslider-HeroBanner .HomeSlide-Area {width:820px;}	
.bxslider-HeroBanner .HomeSlide-Txt { width: 450px;}
.bxslider-HeroBanner .HomeSlide-Txt h2 {font-size:28px;}
.HomeSlide-NAIHspeakers .HomeSlide-Txt h2{font-size:21px; line-height: 25px;}
.bxslider-HeroBanner .HomeSlide-Txt h3{ line-height: 18px;}

}
@media (max-width:992px) {
.bxslider-HeroBanner .HomeSlide-Area {width: 750px;}
.bxslider-HeroBanner figure {width: 320px;}
.bxslider-HeroBanner .HomeSlide-Txt {width: 400px;}
.bxslider-HeroBanner .HomeSlide-Txt h2 {font-size: 32px; line-height:38px;}
.HomeSlide-NAIHspeakers .HomeSlide-Txt h2{font-size:21px; line-height: 25px;}
.bxslider-HeroBanner .HomeSlide-Txt h3 {font-size: 15px;line-height:17px; padding-right:30px; margin-bottom: 10px;}
.bxslider-HeroBanner .HomeSlide-Txt .HomeSlide-btn {font-size:16px; padding: 5px 20px;}
}
@media (max-width:767px) {
#home-slider { margin-top:106px;}
.bxslider-HeroBanner .HomeSlide-Area {width:85%;}
.bxslider-HeroBanner figure {width: 300px;}
.bxslider-HeroBanner .HomeSlide-Txt {width:320px;}
.bxslider-HeroBanner .HomeSlide-Txt h2 {font-size:22px; margin-bottom:5px; line-height:22px}
.HomeSlide-NAIHspeakers .HomeSlide-Txt h2{font-size:16px; line-height: 20px;}
.bxslider-HeroBanner .HomeSlide-Txt h3 {font-size:14px; padding-right:30px; margin-bottom:10px}
.HomeSlide-NAIHspeakers .HomeSlide-Txt p {font-size:13px; line-height: 16px;}
.bxslider-HeroBanner .HomeSlide-Txt .HomeSlide-btn {font-size:12px;text-align: center;}
}
@media (max-width:680px) {
.bxslider-HeroBanner figure {width:260px;}
.bxslider-HeroBanner .HomeSlide-Txt {width:280px;}	
.bxslider-HeroBanner .HomeSlide-Txt h2 {font-size:20px;line-height:20px }
.bxslider-HeroBanner .HomeSlide-Txt h3 {padding-right:10px;} 
.bxslider-HeroBanner .HomeSlide-Txt .HomeSlide-btn { display:block}

.bxslider-HeroBanner .HomeSlide-IndigenousSpeakers .HomeSlide-Txt {width:260px;}
.bxslider-HeroBanner .HomeSlide-IndigenousSpeakers .HomeSlide-Txt h2 {font-size: 20px; line-height: 24px;}
}
@media (max-width:600px) { 
.bxslider-HeroBanner .HomeSlide-Area,
.bxslider-HeroBanner figure {width:100%;}
.bxslider-HeroBanner figure img {max-width:330px; margin:0 auto 15px auto}
.bxslider-HeroBanner .HomeSlide1 figure img, .bxslider-HeroBanner .HomeSlide6 figure img { width:310px; }
.bxslider-HeroBanner .HomeSlide6 figure img { margin-bottom:5px;}
.bxslider-HeroBanner .HomeSlide-Txt, .bxslider-HeroBanner .HomeSlide-IndigenousSpeakers .HomeSlide-Txt {width:100%; text-align:center; display: block; left: 50%; right:auto; top:auto; bottom:0; background-color: rgba(0,0,0,0.5); padding:5px; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}
.bxslider-HeroBanner .HomeSlide-Txt h2, .bxslider-HeroBanner .HomeSlide-IndigenousSpeakers .HomeSlide-Txt h2 {font-size:18px; text-align: center; display:inline-block;margin-bottom:2px}
.bxslider-HeroBanner .HomeSlide-Txt h3 {font-size:12px;line-height:16px; padding-right:0; margin-bottom:5px}
.bxslider-HeroBanner .HomeSlide-Txt .HomeSlide-btn {display: inline-block; width:100%;}
}
@media (max-width:479px) {
.bxslider-HeroBanner .HomeSlide-Txt h2 {font-size:16px;}
.bxslider-HeroBanner .HomeSlide6 figure img { margin-bottom:15px;}
}

/*----------Common Class------------*/
h1.section-title {font-size:44px; color:#000; text-align:center; font-weight:400; line-height:40px; margin-bottom:0; text-align:center;letter-spacing: 0.01em;  }
h2 {font-size:32px; color:#000; text-align:center; font-weight:400; margin-bottom:30px; position:relative; line-height: 42px;}

body { font-size:15px}
.container { margin: 0 auto;}
#footer.home-footer { margin-top:0 !important}
:focus { outline:none !important}

.BorderBtn {display: inline-block; border:1px solid #b29247; color:#000; font-size:20px; font-weight:500; text-align:center; padding:10px 30px; margin-top:10px}
.BorderBtn:hover { border-color:#8d0106}

.PrimaryBtn {background:#b29247; color:#fff; font-size:24px; font-weight:500; text-align:center; line-height:26px; padding:10px 50px; border:1px solid #000; margin-top: 40px; display: inline-block; }
.PrimaryBtn:hover { background:#8d0106; color:#fff;}




/*----------About Bureau------------*/
#AboutBureau {width:100%; float:left; padding:60px 0 60px 0; position:relative;}
#AboutBureau h2 {width: 70%; margin: 0 auto 30px auto;}
#AboutBureau .AboutBureau-InfoTxt {position: relative; display: flex; height: 100%; align-items:center; margin-bottom: 50px;}
#AboutBureau .AboutBureau-InfoTxt p { font-size:16px; letter-spacing: 0.01em; line-height: 22px; color: #444;}
#AboutBureau .AboutBureau-InfoTxt figure { margin: 0 0 0 60px;}
#AboutBureau .AboutBureau-InfoTxt figure img { width:400px}

#AboutBureau .RedirectBtns li { display:inline-block; width:30%; margin-right:4.6%;}
#AboutBureau .RedirectBtns li:last-child {margin-right:0;}
#AboutBureau .RedirectBtns li a { display:block; border:1px solid #b29247; color:#000; font-size:20px; font-weight:500; text-align:center; padding:10px}
#AboutBureau .RedirectBtns li a:hover { border-color:#8d0106}
#AboutBureau .RedirectBtns li a.Darkbg { background-color:#b29247; border-color:#000; color:#fff}
#AboutBureau .RedirectBtns li a.Darkbg:hover { background-color:#8d0106}


/*---Trending Speaker---*/
#TrendingTopics { padding:70px 0 60px 0; width:100%; float:left; background:#fff; position: relative; overflow:hidden }
.TrendDate { text-align:center; font-size:28px; font-weight:400; color:#222; margin-bottom: 50px; text-transform:uppercase}

#TrendingTopicsList li figure { margin:0 0 10px 0; padding:0}
#TrendingTopicsList li figure img { margin:0 auto; border: 1px solid #f4f4f4;}
#TrendingTopicsList li h3 {text-align:center; padding:0 15px; min-height: 45px;}
#TrendingTopicsList li h3 a { font-size:18px; font-weight:600; color:#000; margin:0 0 10px 0; font-family: 'Roboto', sans-serif;}
#TrendingTopicsList li h3 a:hover { color:#8d0106}
#TrendingTopicsList li p { color:#222; text-align:center; line-height: 20px; }
#TrendingTopicsList li p a { text-decoration:underline; color:#222;}
#TrendingTopicsList li p a:hover { text-decoration:underline; color:#8d0106}

#TrendingTopics .section-btn-viewlist { text-align:center; margin-top:40px; width:100%; float:left}
#TrendingTopics .section-btn-viewlist a { background:#b29247; color:#fff; font-size:24px; font-weight:500; text-align:center; line-height:45px; padding:10px 50px; border:1px solid #000;   }
#TrendingTopics .section-btn-viewlist a:hover { background:#8d0106; }

/*---Popular Topics---*/
#PopularList { width:100%; float:left; padding:70px 0 65px 0; position:relative; background:#fff}
#PopularList h2 { margin-bottom:15px;}
#PopularList .SubtitleTxt  { color:#444; font-size:20px; text-align:center; margin-bottom:40px}

#PopulaSpeakerrList figure { margin:0 0 10px 0; padding:0}
#PopulaSpeakerrList li figure img { margin:0 auto; border: 1px solid #f4f4f4;}
#PopulaSpeakerrList li p {text-align:center;}
#PopulaSpeakerrList li p a { color:#b29247; text-decoration:underline; font-size:14px; font-weight:500}
#PopulaSpeakerrList li p a:hover {color:#8d0106}

/*---Customer---*/
#Customer {padding:50px 0 30px 0; width:100%; float:left; background:#fff; position:relative}
#Customer #ClientLogo { margin-bottom: 0; padding: 0; border: 0;}
#Customer #ClientLogo p {color: #777; text-align:center; font-family: 'Roboto', sans-serif; line-height:36px;font-weight: 400;font-size: 26px;letter-spacing: 0.01em; margin-bottom: 0px; margin-top:-10px;}
#Customer .customer-list { min-height:100px;} 


/*---Blog---*/

#BlogSocial {width:100%; float:left; padding:50px 0 60px 0; position:relative;/* background:#fff*/}
#BlogSocial h2 { margin-bottom:40px} 

.BlogListNew li{display:inline-block;width:44%; vertical-align:top}

.BlogListNew li .BlogItem { width:99%; float:left; margin-bottom:10px; margin-left:6px} 
.BlogListNew li figure {width:42%;float:left; margin:0 3% 0 0; padding: 0; line-height:0}
.BlogListNew li figure img{width:100%; height:130px; line-height: 0; margin-left:0 !important}
.BlogListNew li .BlogDisArea {width:55%; float:left; text-align:left;}
.BlogListNew li .BlogDisArea h5 {text-align:left; margin:0 0 5px 0; line-height:0;}
.BlogListNew li .BlogDisArea h5 a {font-size:14px; color:#b29247; line-height:18px; letter-spacing: 0.01em; font-weight:500;}
.BlogListNew li .BlogDisArea h5 a:hover {color:#8d0106}
.BlogListNew li .BlogDisArea p {font-size:12px; color:#444; line-height:16px; letter-spacing: 0.01em; font-weight: 400;}

.BlogListNew li:first-child { width:55.5%}
.BlogListNew li:first-child .BlogItem { width:100%; float:left; margin-bottom:0; margin-left:0; position:relative}  
.BlogListNew li:first-child figure {width:100%; float: left; margin: 0 0 10px 0; padding: 0; line-height: 0;}
.BlogListNew li:first-child figure img { width:100%; height:410px}
.BlogListNew li:first-child .BlogDisArea {width:100%; float:left; text-align: left; position:absolute; bottom:15px; background:rgba(178, 146, 71, 0.7) /*rgba(0,0,0,0.4)*/; padding:15px}
.BlogListNew li:first-child .BlogDisArea h4 {text-align:left; margin:0 0 5px 0; line-height:0;}
.BlogListNew li:first-child .BlogDisArea h4 a {font-size:22px; color:#fff /*#b29247*/; line-height:28px; letter-spacing: 0.01em; font-weight:500;}
.BlogListNew li:first-child .BlogDisArea h4 a:hover {color:#000}
.BlogListNew li:first-child .BlogDisArea p {color:#f2f2f2; letter-spacing: 0.06em;}



@media (max-width:1200px) {
#AboutBureau h2 { width:80%}
.customer-consumerElectronics, .customer-bank, .customer-internet, .customer-consmerBrands, .customer-university, .customer-restaurants, .customer-bussnessServiceAgency, .customer-medical, .customer-retail,.customer-insurance,.customer-associations,.customer-universities  { width:1000px; background-size:100% auto; margin-left:0}
}

@media (max-width:1024px) {
#home-slider { margin:65px 0 0 0;}

.container { margin: 0 auto !important;}
h1.section-title {font-size: 40px; padding-bottom:10px}
.TrendDate {font-size: 26px;}
#AboutBureau h2, #PopularList h2, #BlogSocial h2 {font-size:28px; line-height:38px;}
#AboutBureau .AboutBureau-InfoTxt figure { margin: 0 0 0 50px;}
#TrendingTopics .section-btn-viewlist a {font-size:22px;}
.PrimaryBtn {font-size:22px;}

}
@media (max-width:992px) {

.section-title-red {font-size: 28px;}	
.section-title-red::after { top: 55px;}
.PrimaryBtn {font-size:20px; padding: 8px 40px;}

#TrendingTopics {padding: 50px 0 60px 0;}
h1.section-title { font-size: 32px;}
.TrendDate {font-size: 20px; margin-bottom: 30px;}
#TrendingTopicsList li h3 {min-height:40px;}
#TrendingTopicsList li h3 a { font-size:16px;}
#TrendingTopics .section-btn-viewlist a {font-size:20px; padding: 8px 40px;}

#AboutBureau h2 { width: 100%;} 
#AboutBureau h2, #PopularList h2, #BlogSocial h2 {font-size:24px; line-height:36px;}
#AboutBureau .AboutBureau-InfoTxt figure {margin: 0 0 0 30px;}
#AboutBureau .RedirectBtns li { margin-right: 4.4%;} 

.col-container, .col { display:block}
#AboutAAS .blank-col { display:none}
#AboutBureau .RedirectBtns li a {font-size: 18px;}


.BlogListNew li:first-child { width:100%;}
.BlogListNew li:first-child figure img {height:auto;}
.BlogListNew li {width:100%;}
.BlogListNew li .BlogItem {min-height:125px; position:relative; margin-left:0}
.BlogListNew li:nth-child(2) figure {margin:0; position:absolute; width:auto}
.BlogListNew li figure img {height:125px; width:195px}
.BlogListNew li .BlogDisArea {padding-left:215px; width:auto}

.customer-list .bx-wrapper .bx-pager {bottom: -30px;}
}

@media (max-width:767px) {

.section-title-red {font-size: 20px; display:block}
.section-title-red::before {top: -16px;}	
.section-title-red:after { top: 37px;}
.section-title-red{margin-bottom: 50px; }

#TrendingTopics {padding: 40px 0 40px 0;}
h1.section-title {  font-size: 28px; line-height: 32px;padding-bottom: 5px;}
.TrendDate {font-size: 16px; margin-bottom: 20px;}

#AboutBureau {padding: 40px 0 40px 0;}
#AboutBureau h2, #PopularList h2, #BlogSocial h2 {font-size:22px; line-height:30px;}
#AboutBureau .AboutBureau-InfoTxt { display:block; margin-bottom:40px;}
#AboutBureau .AboutBureau-InfoTxt figure { margin:30px 0 0 0; text-align: center;}
#AboutBureau .RedirectBtns li { margin-right:2.8%; width:31%;} 
#AboutBureau .RedirectBtns li a { font-size: 16px;}

#PopularList {padding:30px 0 25px 0;}
#PopularList .SubtitleTxt {font-size: 16px; margin-bottom: 30px;}

/*#BlogSocial { border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding: 30px 0 30px 0;} 
.BlogListNew li:first-child, .BlogListNew li { width:100%;}
.BlogListNew li .BlogItem { margin-left:0}
.BlogListNew li:first-child figure img { height: auto;}*/

#Customer { padding-top:35px}
#Customer #ClientLogo p {font-size: 18px; line-height:26px; margin-bottom: 10px;}
}

@media (max-width:639px) {
.PrimaryBtn {font-size:18px; padding:6px 30px; margin-top:15px;}	

#TrendingTopics { padding: 30px 0 30px 0;}
h1.section-title {font-size: 22px; line-height: 30px;}
#TrendingTopicsList li h3 a { font-size: 14px; line-height: 18px;}
#TrendingTopicsList li p { font-size:14px}
#TrendingTopics .section-btn-viewlist {margin-top: 15px;}
#TrendingTopics .section-btn-viewlist a { font-size:18px; padding:6px 30px;}

#AboutBureau { padding: 30px 0 30px 0;} 
#AboutBureau .AboutBureau-InfoTxt {display: block; margin-bottom: 30px;}
#AboutBureau .AboutBureau-InfoTxt p { text-align:justify}
#AboutBureau .RedirectBtns li { margin-right:0; width:100%; margin-bottom:10px; display:block}

.BlogListNew li:first-child .BlogDisArea h4 a { font-size:20px;}


}
@media (max-width:520px) {
.BlogListNew li .BlogItem {min-height:110px;}
.BlogListNew li figure img {height:auto; width:170px;}
.BlogListNew li .BlogDisArea {padding-left:185px;}
.BlogListNew li .BlogDisArea h5 a {font-size:12px;}	
}

@media (max-width:479px) {
.PrimaryBtn {font-size:16px;}

#TrendingTopics { padding: 20px 0 30px 0;}
h1.section-title { font-size:20px;}
#TrendingTopics .section-btn-viewlist {margin-top: 5px;}
#TrendingTopics .section-btn-viewlist a { font-size: 16px;}

#PopularList h2, #BlogSocial h2 {font-size: 20px; line-height: 28px;}
#AboutBureau h2 {font-size: 18px; line-height: 26px;}
#AboutBureau .AboutBureau-InfoTxt figure img { width: 90%;}

.BlogListNew li:first-child .BlogDisArea { padding:8px}
.BlogListNew li:first-child .BlogDisArea h4 a { font-size:18px;}
.BlogListNew li:nth-child(2) figure {position: relative; width: 100%; text-align: center;}
.BlogListNew li figure img {height: auto; width: auto;}
.BlogListNew li .BlogDisArea {padding-left: 0; margin-top: 10px;}

.customer-list { margin-top:20px}

.customer-list .bx-wrapper .bx-pager { bottom: -30px;}
}