@charset "UTF-8";
    body { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size:14px; color:#343434; line-height:20px; }
img { max-width:100%; height:auto; }
a { color:#c62026; transition:all .2s ease-out; text-decoration:none; }
a:hover { color: #c62026; text-decoration:none; }
.btn:focus,.btn:active:focus,.btn.active:focus, .btn.focus,.btn:active.focus,.btn.active.focus, .btn-primary:focus, .btn-primary:active:focus { outline: none; box-shadow:none !important; }
.btn-default {color:#fff; font-weight:500; font-size:14px; line-height:45px; height: 45px; display: inline-block; border:none; padding:0 40px; background:#c62026; text-transform:uppercase;  border-radius:0px; margin-top:0; position:relative; overflow:hidden; cursor: pointer;}
.btn-default:after{position:absolute;left:-50%;top:-50px;height:150px;width:20px;background:rgba(255,255,255,0.2);content:'';transform:rotate(20deg);-o-transform:rotate(20deg);-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg);transition:all 500ms linear 0s;-o-transition:all 500ms linear 0s;-moz-transition:all 500ms linear 0s;-webkit-transition:all 500ms linear 0s;}
.btn-default:hover:after{left:150%;}
.btn-default:hover { color: #fff; }
.form-group { margin-bottom: 20px; }
.form-group label { font-size:13px; font-weight: 600; }
.form-group label span { color:red; }
.form-control { border-radius:0; font-size:13px; padding-top:12px; padding-bottom:12px; border-color:#c5c5c5;  }
.form-control:focus { box-shadow:none !important; border-color: #c62026; }
.form-control::placeholder { color:#606060; font-size:13px; font-weight: 400; }
.container:after { display:block; content:""; clear:both; }
select.form-control:not([size]):not([multiple]) { height:auto; }
.sec-space { padding: 50px 0; }
.bg-gray { background-color: #f6f6f6; }
.sec-title { font-size: 36px; color: #141843; line-height: 40px; margin-bottom: 40px; }
h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat', sans-serif; font-weight: 700;  }
img.alignright { float: right; margin: 0 0 30px 30px; }
img.alignleft { float: left; margin: 0 30px 30px 0; } .scroll-to-top { position: fixed; bottom: 40px; right: 20px; z-index: 1; width: 40px; height: 40px; text-align: center; background:#c62026; color: #fff; font-size: 15px; line-height: 40px; border-radius: 50%; cursor: pointer; display: none; -webkit-box-shadow: 0px 23px 42px rgba(0, 0, 0, 0.2); box-shadow: 0px 23px 42px rgba(0, 0, 0, 0.2); } #header { width: 100%; position: -webkit-sticky; position: sticky; top: 38px; left: 0; z-index: 3; border-top: 2px solid #c62026; border-bottom: 2px solid #c62026; background-color: #fff; margin-top: 38px; transition: .3s ease;}
#header .container { position: relative;} #header.sticky { background-color: rgba(0,0,0,0.8); }
.navbar-brand { padding: 0; margin-right: 0; }
.navbar-brand .logo { max-width: 236px; margin: -40px auto auto; text-align: center; padding: 5px 12px; background-color: #fff; position: relative; transition: .3s ease; border-top: 2px solid #c62026;}
.sticky .navbar-brand .logo { max-width: 184px; }
.navbar-brand .logo:before, .navbar-brand .logo:after { content: ""; width: 2px; height: 38px; background-color:#c62026; position: absolute; top: -2px; }
.navbar-brand .logo:before { left: -2px;  }
.navbar-brand .logo:after { right: -2px;  }
.navbar-brand .slogan { margin-bottom: 0; }
#header .slogan { max-width: 287px; margin: 0 auto; position: absolute; top: -37px; left: 0; right: 0; color: #fff; background-color: rgba(0,0,0,0.8); padding: 6px 0px;  text-align: center; border-radius: 16px; }
.main-navigation { float: right; }
.main-navigation ul { margin: 0; padding: 0; list-style: none; }
.main-navigation ul:after { display:block; content:""; clear:both; }
.main-navigation > ul > li { float: left; margin-left: 20px; position: relative; }
.main-navigation > ul > li:first-child { margin-left: 0; }
.main-navigation > ul > li > a { display: block; padding: 25px 20px; font-weight: 700; color: #141943; text-transform: uppercase; text-decoration: none;}
#header.sticky .main-navigation > ul > li > a { color: #fff;}
.main-navigation > ul > li:hover a, .main-navigation > ul > li > a:hover, .main-navigation > ul > li.current-menu-ancestor > a { color:#c62026; }
.sticky .main-navigation > ul > li > a { }
.main-navigation ul > li .sub-menu { background-color:#f9f9f9; position: absolute; width: 200px; left: 0; top: 100%; z-index: 1; border-top: 2px solid #c62026; visibility: hidden; opacity: 0; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; transform-origin: 0 0 0; margin-left: 0; }
.main-navigation ul > li:hover .sub-menu { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.main-navigation ul > li .sub-menu li { float:none; margin:0; }
.main-navigation ul > li .sub-menu li a { display:block; padding:8px 15px; font-size:12px; color:#575757; font-family: 'Roboto', sans-serif;  font-weight:400; letter-spacing: 0.05em; text-decoration:none; transition: all 0.3s ease 0s; border-bottom:1px solid #ebebeb; position:relative; }
.main-navigation ul > li .sub-menu li:last-child a { border-bottom:none; }
.main-navigation ul > li .sub-menu li a:hover, .main-navigation ul > li .sub-menu li.current a { background-color:#c62026; color:#fff; }
.banner-lg { position: relative; background-color: #000; overflow: hidden; }
.banner-lg img { opacity: 0.7; width: 100%; max-height: 596px; object-fit: cover; }
.banner-lg .caption { max-width: 1140px; position: absolute; bottom: 20%; left: 0; right: 0; margin: 0 auto; }
.banner-lg .caption h2 { font-size: 54px; line-height: 60px; color: #fff; text-align: center; }
.step-drop { width: 298px; position: absolute; bottom: -218px; background-color: #c62026; left: 0; right: 0; margin: 0 auto; text-align: center;  border-radius: 50%;  height: 298px; line-height: 94px; font-size: 32px; color: #fff; }
.step-drop:hover { color: #fff; }
.welcome-wrap { padding: 50px 0 80px;}
.welcome-wrap .info { background-color:#c62026; padding: 15px 20px; position: absolute; min-width: 464px; z-index: 1; top: 30px; }
.welcome-wrap .info:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: bottom left; -ms-transform: skew(-16deg, 0deg); -webkit-transform: skew(-16deg, 0deg); transform: skew(-16deg, 0deg); background-color: #c62026; z-index: -1; }
.welcome-wrap .info h2 { font-weight: 500; color: #fff; font-size: 34px; line-height: 40px; text-transform: uppercase; position: relative; margin-bottom: 25px; }
.welcome-wrap .info h2 small { font-size: 18px; line-height: 24px; display: block; }
.welcome-wrap .info h2:after { content: ""; width: 36%; height: 4px; background-color: #fff; position: absolute; bottom: -10px; left: 0; }
.welcome-wrap .info p { font-size: 15px; color: #fff; line-height: 24px; text-align: justify; }
.focus-area h2 { text-align: center; }
.focus-area img { border-radius: 6px; box-shadow: 1px 1px 4px rgba(0,0,0,0.4); }
.focus-area .info { background-color:#c62026; border-radius: 6px; margin: -30px 20px 0;  padding: 15px; height: calc(100% - 40%); position: relative; }
.focus-area .info h3 { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #fff; font-weight: 600; }
.focus-area .info .arrow-list li, .focus-area .info .arrow-list li:before { color: #fff; }
.arrow-list { margin: 0; padding: 0; list-style: none;}
.arrow-list li { position: relative; padding-left: 18px; color:#343434; }
.arrow-list li:before { content: "";
position: absolute;
top: 6px;
left: 0;
background: url(//hrsolutionsfl.com/wp-content/themes/hrsolutions/assets/images/star.png);
background-position: center;
background-repeat: no-repeat;
width: 13px;
height: 13px; }
.arrow-list li a { color:#343434; }
.arrow-list li a:hover { color: #c62026;}
.post .meta { margin-bottom: 15px;}
.post h3 { font-size: 20px; line-height: 26px; margin-bottom: 15px;  }
.post h3 a { color: #363636; text-decoration: none; }
.post .entry p { font-size: 16px; line-height: 24px; }
.post .btn-groups { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between;  }
.post .btn-groups .read-btn { display: inline-block; font-size: 11px; color: #343434; text-decoration: none; text-transform: uppercase;}
.post .btn-groups .read-btn i { margin-left: 4px; font-size: 14px; }
.home-blog .thumb { position: relative; margin-bottom: 0; } .home-blog .video-play:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: "\f144";
font-family: FontAwesome;
font-size: 72px;
color: #c62026;
z-index: 1;
}
.social { margin: 0; padding: 0; list-style: none; }
.social li { display: inline-block; margin: 0 4px;}
.social li a { color: #343434; }
.newsletter { background-color:#c62026; padding: 40px 0; }
.newsletter .form-group { position: relative; margin-bottom: 0; }
.newsletter label { width: 39.5%; display: inline-block; font-size: 36px; color: #fff; line-height: 40px; font-weight: 600; }
.newsletter .widget_wysija_cont { width: 59.5%; display: inline-block; position: relative; }
.newsletter .wysija-paragraph input[type=text] { width: 100%;  border-radius: 8px; border: none; padding:18px 52px 18px 18px;  }
.newsletter .wysija-paragraph input[type=text]:focus { outline: none; }
.newsletter .widget_wysija_cont .wysija-submit {
position: absolute;
top: -12px;
right: 11px;
background-color: transparent;
border: none;
text-indent: -9999px;
cursor: pointer;
width: 40px;
height: 40px;
padding: 0;
z-index: 1;}
.newsletter i { position: absolute; top: 12px; right: 24px; color: #c62026; font-size: 30px; }
.newsletter .formError { top: 58px !important; left: 0 !important; } #footer { background-color: #141621; }
#footer h6 { font-size: 14px; color: #fff; font-weight: 600; text-transform: uppercase; margin: 60px 0 15px; border-bottom: 2px solid #c62026; padding-bottom: 10px; }
#footer ul { margin: 0; padding: 0; list-style: none; }
#footer ul li { margin-bottom: 5px;}
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color:#c62026; letter-spacing: 1px;  }
#footer .form-control { background-color: transparent; border: none; border-bottom: 1px solid #fff; color: #fff; }
#footer  .form-control::placeholder { color:#fff; }
#footer .btn-default { height: 36px; line-height: 36px;}
#footer .contact-info .bottom-logo { border-bottom: 2px solid #c62026; padding-bottom: 5px; margin-bottom: 15px; }
#footer .contact-info .bottom-logo figure { margin-bottom: 5px; }
#footer .contact-info .bottom-logo figure img { max-width: 60px; }
#footer .contact-info .bottom-logo figure + figure img { max-width: 212px; }
#footer .contact-info address { color: #fff; margin-top: 15px;}
#footer .wpcf7 .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
#footer .wpcf7 textarea { height: 60px; }
#footer .wpcf7 .wpcf7-validation-errors, #footer .wpcf7 .wpcf7-mail-sent-ok { color: #fff; }
.copyright { text-align: center; color: #fff; padding-bottom: 15px; }
.copyright p { margin-bottom: 0; }   .inner_service_pages .arrow-list {padding: 16px 16px;margin-bottom: 30px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-radius: 10px;border-left: 2px dotted #f20d3e;background: #fff;}
.two-colum { column-count: 2;}
.hr_business_wrapper img.alignright { max-width: 100%; border-radius: 6px; }
.wbox { background-color:#fff; box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.24); } .banner-lg.in img { width: 100%; max-height: 596px; object-fit: cover; object-position: top;}
.postid-406 .banner-lg.in img { object-position: center;}
.breadcrumb { background-color: transparent; border-radius: none;} .generic h2, .generic h3, .generic h4, .generic h5, .generic h6 { margin: 0 0 20px;  }
.generic h5 { font-size: 18px;}
.generic h6 { font-size: 16px; }
.generic .arrow-list { margin-bottom: 30px;}
.generic .arrow-list li { margin-bottom: 5px;}
.generic p { text-align: justify;} .page-template-template-contact .wpcf7 textarea { height: 120px; }
.page-template-template-contact .contact-info { margin-bottom: 40px;}
.page-template-template-contact .contact-info .wbox { text-align: center; padding: 10px 20px; height: 100%; background-color: rgba(0,0,0,0.02); }
.page-template-template-contact .contact-info .wbox i { width: 40px; height: 40px; margin: 0 auto 10px; display: block; border: 1px solid rgba(0,0,0,0.1); border-radius: 50%; line-height: 38px; font-size: 18px; color: #c62026; margin-bottom: 10px; }
.page-template-template-contact .contact-info .wbox strong { font-weight: 600;}
.page-template-template-contact .contact-info .wbox p { margin-bottom: 0;}
.page-template-template-contact .contact-info .wbox a { color:#343434; }
.page-template-template-contact .contact-info .wbox a:hover { color: #c62026; letter-spacing: 0.5px; }
.blog-outer {
padding: 30px 0;
}
.single-post .blog_content_sec_cstm h6 {
text-transform: inherit;
margin-bottom: 10px;
}
@media (min-width:992px) {
.hr-forms ul.arrow-list {
column-count: 2;
}
}   @media screen and (max-width: 1200px) {
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.main-navigation > ul > li { margin-left: 10px; }
.main-navigation > ul > li > a { padding-left: 18px; padding-right: 18px;}
.banner-lg .caption h2 { font-size: 40px; line-height: 46px; }
.step-drop { bottom: -244px; line-height: 58px; }
.welcome-wrap .info p { font-size: 15px; line-height: 20px; }
.home-blog img { max-width: 424px; }
.home-blog .thumb:after { right: 0;}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.sec-space { padding: 30px 0; }
#header { top: 0; margin-top: 0;}
.navbar-brand .logo, .sticky .navbar-brand .logo { max-width: 84px; margin: 0 auto; border-top: none;}
.navbar-brand .logo:before, .navbar-brand .logo:after { display: none;}
#header .slogan { background-color: transparent; top: 18px;}
#header { height:74px; }
#header.sticky { height: 74px; }
.mean-container a.meanmenu-reveal span { background-color: #141943;}
.mean-container a.meanmenu-reveal { color: #141943;}
.mobile-menu { margin-top: -46px; transition: .3s ease;}
.sticky .mobile-menu { margin-top: -46px;}
.mean-container a.meanmenu-reveal { padding-top: 0;}
.mean-container .mean-nav { float:none; margin:0; position:absolute; top:48px; z-index:1; background-color:#fff; max-height:360px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; }
.sticky .mean-container .mean-nav { top: 45px; }
.mean-container .mean-nav ul li a { float:none; width:100%; box-sizing:border-box; font-weight: 600; font-size: 15px; color:#212121; text-transform:uppercase; border-top-color:#000; padding-top: 12px; padding-bottom: 12px; }
.mean-container .mean-nav > ul > li.active > a, .mean-container .mean-nav > ul > li.active > a:hover { background-color:#c62026; color:#fff; }
.mean-container .mean-nav > ul > li:first-child > a { border-top:none; }
.mean-container .mean-nav > ul > li:hover > a, .mean-container .mean-nav ul > li ul > li:hover > a { color:#383838; }
.mean-container .mean-nav > ul > li.active:hover > a { color:#fff; }
.mean-container .mean-nav ul li a.mean-expand { width:42px; height:42px; background-color:rgba(0,0,0,0.8); color:#fff; margin-top:0; padding:0 !important; line-height:44px; border:none !important; }
.mean-container .mean-nav ul li a.mean-expand:hover { background-color:#383838; }
.mean-container .mean-nav ul li li a { width:100%; text-transform:none; font-size:13px; border-top-color:#000; }
.banner-lg img { height: 100vh; object-fit: cover; }
.banner-lg .caption h2 { font-size: 36px; line-height: 44px; }
.step-drop { bottom: -244px; line-height: 58px; }
.welcome-wrap { padding: 40px 0; }
.welcome-wrap div[class*=col-]:first-child, .home-blog div[class*=col-]:first-child { order: 1; }
.welcome-wrap .info { position: inherit; top: inherit; z-index: inherit; clip-path:none; padding: 15px 15px 5px; min-width: inherit; }
.welcome-wrap .info:after { display: none;}
.focus-area .info { height: auto; margin: 0 0 20px; }
.focus-area img { margin: 0 auto 15px; display: block; }
.newsletter label { font-size: 24px; line-height: 28px; }
#footer div[class*=col-]:last-child h6 { margin-top: 20px; }
.home-blog .thumb { margin-bottom: 15px;}
.blog-slider .slick-slide img { width: 100%; }
}
@media (max-width: 767px) { 
#header { top: 0; margin-top: 0;}
.navbar-brand .logo, .sticky .navbar-brand .logo { max-width: 84px; margin: 0 auto; border-top: none;}
.navbar-brand .logo:before, .navbar-brand .logo:after { display: none;}
#header .slogan { max-width: 234px; top: 18px; font-size: 13px; z-index: -1; background-color: transparent;}
.sec-space { padding: 30px 0; }
.sec-title { font-size: 26px; line-height:30px; }
#header { height:74px; }
#header.sticky { height: 74px; }
.mean-container a.meanmenu-reveal span { background-color: #141943;}
.mean-container a.meanmenu-reveal { color: #141943;}
.mobile-menu { margin-top: -46px; transition: .3s ease;}
.sticky .mobile-menu { margin-top: -46px;}
.mean-container a.meanmenu-reveal { padding-top: 0;}
.mean-container .mean-nav { float:none; margin:0; position:absolute; top:48px; z-index:1; background-color:#fff; max-height:360px; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch; }
.sticky .mean-container .mean-nav { top: 42px; }
.mean-container .mean-nav ul li a { float:none; width:100%; box-sizing:border-box; font-weight: 600; font-size: 15px; color:#212121; text-transform:uppercase; border-top-color:#000; padding-top: 12px; padding-bottom: 12px; }
.mean-container .mean-nav > ul > li.active > a, .mean-container .mean-nav > ul > li.active > a:hover { background-color:#c62026; color:#fff; }
.mean-container .mean-nav > ul > li:first-child > a { border-top:none; }
.mean-container .mean-nav > ul > li:hover > a, .mean-container .mean-nav ul > li ul > li:hover > a { color:#383838; }
.mean-container .mean-nav > ul > li.active:hover > a { color:#fff; }
.mean-container .mean-nav ul li a.mean-expand { width:42px; height:42px; background-color:rgba(0,0,0,0.8); color:#fff; margin-top:0; padding:0 !important; line-height:44px; border:none !important; }
.mean-container .mean-nav ul li a.mean-expand:hover { background-color:#383838; }
.mean-container .mean-nav ul li li a { width:100%; text-transform:none; font-size:13px; border-top-color:#000; }
.banner-lg img { height: 50vh; object-fit: cover; }
.banner-lg .caption h2 { font-size: 32px; line-height: 40px; }
.step-drop { bottom: -244px; line-height: 58px; }
.welcome-wrap { padding: 40px 0; }
.welcome-wrap div[class*=col-]:first-child, .home-blog div[class*=col-]:first-child { order: 1; }
.welcome-wrap .info { position: inherit; top: inherit; z-index: inherit; clip-path:none; padding: 15px 15px 5px; min-width: inherit; }
.welcome-wrap .info:after { display: none;}
.focus-area .info { height: auto; margin: 0 0 20px; }
.focus-area img { margin: 0 auto 15px; display: block; }
.home-blog .thumb:before, .home-blog .thumb:after { display: none; }
.newsletter label { font-size: 24px; line-height: 28px; }
#footer div[class*=col-]:last-child h6 { margin-top: 20px; }
.home-blog .thumb { margin-bottom: 15px;}	
#footer h6 { margin-top: 20px;}
.newsletter label, .newsletter .widget_wysija_cont { display: block; width: 100%; }
.newsletter i { top: 46px;}
img.alignleft, img.alignright { float: none; margin: 0 auto 20px; display: block; }
.newsletter .widget_wysija_cont .wysija-submit {right:18px;}
.two-colum { column-count: 1;} 
}
@media (max-width: 480px) {
#header .slogan { left: auto; right: 46px; font-size: 12px;}
}