/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
    font-family: "avenir_next", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    background-color: #fff;
    font-weight: 400;
}
.btn-primary {
    color: #fff;
    background-color: #277e27;
    border-color: #277e27;
}
a {color: #0a6c0a !important; transition: 0.5s;}
a:hover, a:active, a:focus {color: #0a6c0a; outline: none; text-decoration: none;}
p {padding: 0; margin: 0 0 30px 0;}
h1, h2, h3, h4, h5, h6 {font-family: "Montserrat", sans-serif; font-weight: 400; margin: 0 0 20px 0; padding: 0;}
.back-to-top {position: fixed; display: none; background: #007bff; color: #fff; width: 44px; height: 44px; text-align: center;
  line-height: 1; font-size: 16px; border-radius: 50%; right: 15px; bottom: 15px; transition: background 0.5s; z-index: 11;}
.back-to-top i {padding-top: 12px; color: #fff;}
#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff;}
#preloader:before {content: ""; position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); border: 6px solid #f2f2f2;
  border-top: 6px solid #007bff; border-radius: 50%; width: 60px; height: 60px; -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;}
@-webkit-keyframes animate-preloader {
  0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes animate-preloader {
  0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {height: 80px; transition: all 0.5s; z-index: 997; transition: all 0.5s; padding: 20px 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);}
#header.header-scrolled, #header.header-pages {height: 60px; padding: 10px 0;}
#header .logo h1 {font-size: 36px; margin: 0; padding: 0; line-height: 1; font-weight: 400; letter-spacing: 3px; text-transform: uppercase;}
#header .logo h1 a, #header .logo h1 a:hover {color: #00366f; text-decoration: none;}
#header .logo img {padding: 0; margin: 0px; max-height: 45px;}
.main-pages {margin-top: 60px;}
.countrypicker button {padding:7px; margin-top:1px; right: 2px; background: #277e27; color: white; font-size: 14px; padding: 7px;}
.account-logged-in-btn {background: #277e27;
    padding: 6px 10px !important;
    font-size: 14px;
    margin-top: 2px !important;
    border-radius: 3px;}
/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/
#intro {width: 100%; position: relative; background: url("../images/site-banner-image.jpg") center bottom no-repeat;
  background-size: cover; padding: 180px 0 80px 0;}
#intro .intro-img {width: 50%; float: right;}
#intro .intro-info {width: 100%; float: left;}
#intro .intro-info h2 {color: #00366f; font-size: 26px; font-weight: 500;}
#intro .intro-info h2 span {color: #00366f;}
#intro .intro-info .btn-get-started, #intro .intro-info .btn-departments {
  font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 1px; display: inline-block;
  padding: 10px 32px; border-radius: 50px; transition: 0.5s; margin: 0 20px 20px 0; color: #fff;}
#intro .intro-info .btn-get-started {background: #277e27; border: 2px solid #277e27; color: #fff !important;}
#intro .intro-info .btn-get-started:hover {background: #3c3c3c; border-color: #fff; color: #fff;}
#intro .intro-info .btn-departments {border: 2px solid #fff;}
#intro .intro-info .btn-departments:hover {background: #007bff; border-color: #007bff; color: #fff;}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.main-nav {}
.main-nav, .main-nav * {margin: 0; padding: 0; list-style: none;}
.main-nav > ul > li {position: relative; white-space: nowrap; float: left;}
.main-nav a {padding: 6px 15px; margin-top: 2px;}
.main-nav a:hover, .main-nav .active > a, .main-nav li:hover > a {text-decoration: none;}
.main-nav .drop-down ul {display: block; position: absolute; left: 0; top: calc(100% + 30px); z-index: 99; opacity: 0;
  visibility: hidden; padding: 10px 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s;}
.main-nav .drop-down:hover > ul {opacity: 1; top: 100%; visibility: visible;}
.main-nav .drop-down li {min-width: 180px; position: relative;}
.main-nav .drop-down ul a {padding: 10px 20px; font-size: 13px; color: #004289;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {color: #007bff;}
.main-nav .drop-down > a:after {content: "\f107"; font-family: FontAwesome; padding-left: 10px;}
.main-nav .drop-down .drop-down ul {top: 0; left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1; top: 0; left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105"; position: absolute; right: 15px;}
.mobile-nav {position: fixed; top: 0; bottom: 0; z-index: 9999; overflow-y: auto; left: -260px; width: 260px; padding-top: 18px;
  background: rgba(19, 39, 57, 0.8); transition: 0.4s;}
.mobile-nav * {margin: 0; padding: 0; list-style: none;}
.mobile-nav a {display: block; position: relative; color: #fff; padding: 10px 20px; font-weight: 500;}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: #74b5fc; text-decoration: none;}
.mobile-nav .drop-down > a:after {content: "\f078"; font-family: FontAwesome; padding-left: 10px; position: absolute; right: 15px;}
.mobile-nav .active.drop-down > a:after {content: "\f077";}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down ul {display: none; overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle {position: fixed; right: 0; top: 0; z-index: 9998; border: 0; background: none; font-size: 24px; transition: all 0.4s;
  outline: none !important; line-height: 1; cursor: pointer; text-align: right;}
.mobile-nav-toggle i {margin: 18px 18px 0 0; color: #004289;}
.mobile-nav-overly {width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: rgba(19, 39, 57, 0.8);
  overflow: hidden; display: none;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
.section-header h3 {font-size: 36px; color: #283d50; text-align: center; font-weight: 500; position: relative;}
.section-header p {text-align: center; margin: auto; font-size: 15px; padding-bottom: 60px; color: #556877; width: 50%;}
.section-bg {background: #f7f8f9;}
#about {background: #fff; padding: 5px 0;}
#about .about-container .background {margin: 20px 0;}
#about .about-container .content {background: #fff;}
#about .about-container .title {color: #333; font-weight: 700; font-size: 32px;}
#about .about-container p {line-height: 26px;}
#about .about-container p:last-child {margin-bottom: 0;}
#about .about-container .icon-box {background: #fff; background-size: cover; padding: 0 0 30px 0;}
#about .about-container .icon-box .icon {float: left; background: #fff; width: 64px; height: 64px; display: -webkit-box;
  display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center;
  -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;
  align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;
  -ms-flex-direction: column; flex-direction: column; text-align: center; border-radius: 50%; border: 2px solid #007bff;
  transition: all 0.3s ease-in-out;}
#about .about-container .icon-box .icon i {color: #007bff; font-size: 24px;}
#about .about-container .icon-box:hover .icon {background: #007bff;}
#about .about-container .icon-box:hover .icon i {color: #fff;}
#about .about-container .icon-box .title {margin-left: 80px; font-weight: 600; margin-bottom: 5px; font-size: 18px;}
#about .about-container .icon-box .title a {color: #283d50;}
#about .about-container .icon-box .description {margin-left: 80px; line-height: 24px; font-size: 14px;}
#about .about-extra {padding-top: 60px;}
#about .about-extra h4 {font-weight: 600; font-size: 24px;}
/*--------------------------------*/
/*    Home Custom Section         */
/*--------------------------------*/
#home-custom-content {background: #f6f7f9;}
.job-listing-filters-dd-home {margin-top: 10px;}
.btn-home-search {margin:10px 0px; padding: 7px;}
/*--------------------------------*/
/*    Departments Section         */
/*--------------------------------*/
#departments {padding: 0px 0 40px 0;}
#departments .box {padding: 20px 30px 26px 30px; position: relative; overflow: hidden; border-radius: 10px; margin: 0 10px 40px 10px;
  background: #fff; box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1); transition: all 0.3s ease-in-out; text-align: center;}
#departments .box:hover {-webkit-transform: translateY(-5px); transform: translateY(-5px);}
#departments .icon {position: absolute; left: -10px; top: calc(50% - 32px);}
#departments .icon i {font-size: 64px; line-height: 1; transition: 0.5s;}
#departments .title {font-weight: 700; margin-bottom: 15px; font-size: 16px; position: absolute; text-align: center;
    display: block; width: 80%; top: 15px;}
#departments .title a {color: #111;}
#departments .box:hover .title a {color: #007bff;}
#departments .description {font-size: 14px; margin-left: 40px; line-height: 24px; margin-bottom: 0;}
.department-image {width: 85px; margin-top: 42px;}
#how-it-works {padding: 82px 0px 40px 0px; background: #f6f7f8;}
#how-it-works .card {
    background: #ffffff;
    border-color: transparent;
    border-radius: 10px;
    margin: 0 15px;
    padding: 15px 0;
    text-align: center;
    color: #4a4a44;
    transition: 0.3s ease-in-out;
    height: 100%;
    margin: 0;
}
#how-it-works .card:hover {background: #0a6c0a; color:white;border-color: #003b7a;}
#how-it-works .card i {font-size: 48px; padding-top: 15px; color: #1e4d80;}
#how-it-works .card h5 {font-size: 22px; font-weight: 600;}
#how-it-works .card p {font-size: 15px; color: #4a4a44;}
#how-it-works .card .readmore {color: #1e4d80; font-weight: 600; display: inline-block; transition: 0.3s ease-in-out;}
#how-it-works .card .readmore:hover {}
#how-it-works .counters {padding-top: 40px;}
#how-it-works .counters span {font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 48px; display: block; color: #fff;}
#how-it-works .counters p {padding: 0; margin: 0 0 20px 0; font-family: "Montserrat", sans-serif; font-size: 14px; color: #cce5ff;}
#news-section {padding: 0px 0px 40px 0px; background: #f6f7f8;}
#news-section .card {
    background: #ffffff;
    border-color: transparent;
    border-radius: 10px;
    margin: 0 15px;
    padding: 15px 0;
    text-align: center;
    color: #4a4a44;
    transition: 0.3s ease-in-out;
    height: 100%;
    margin: 0;
    box-shadow: 10px 10px 20px 0px #ededed;
}
#news-section .card:hover {background: #61adff; border-color: #003b7a;}
#news-section .card i {font-size: 48px; padding-top: 15px; color: #1e4d80;}
#news-section .card h5 {font-size: 22px; font-weight: 600;}
#news-section .card p {font-size: 15px; color: #4a4a44;}
#news-section .card .readmore {color: #1e4d80; font-weight: 600; display: inline-block; transition: 0.3s ease-in-out;}
#news-section .card .readmore:hover {}
#news-section .counters {padding-top: 40px;}
#news-section .counters span {font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 48px; display: block; color: #fff;}
#news-section .counters p {padding: 0; margin: 0 0 20px 0; font-family: "Montserrat", sans-serif; font-size: 14px; color: #cce5ff;}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {background: #3c3c3c; padding: 0 0 0px 0; color: #eee; font-size: 14px;}
#footer .footer-top {background: #793a20; padding: 60px 0 30px 0;}
#footer .footer-top .footer-info {margin-bottom: 30px;}
#footer .footer-top .footer-info h3 {font-size: 17px; margin: 0 0 20px 0; padding: 2px 0 2px 0; line-height: 1; font-family: "Montserrat", sans-serif;
  color: #fff; font-weight: 400; letter-spacing: 2px; text-transform: uppercase;}
#footer .footer-top .footer-info p {font-size: 13px; line-height: 24px; margin-bottom: 0; font-family: "Montserrat", sans-serif; color: #ecf5ff;}
#footer .footer-top .social-links a {font-size: 18px; display: inline-block; background: #c1c1c1; color: #525252; line-height: 1; padding: 8px 0;
  margin-right: 4px; border-radius: 50%; text-align: center; width: 36px; height: 36px; transition: 0.3s; border: 1px solid white;}
#footer .footer-top .social-links a:hover {background: #0067d5; color: #fff;}
#footer .footer-top h4 {font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; position: relative; padding-bottom: 10px;}
#footer .footer-top .footer-links {margin-bottom: 30px;}
#footer .footer-top .footer-links ul {list-style: none; padding: 0; margin: 0;}
#footer .footer-top .footer-links ul li {padding: 8px 0;}
#footer .footer-top .footer-links ul li:first-child {padding-top: 0;}
#footer .footer-top .footer-links ul a {color: #fff !important;}
#footer .footer-top .footer-links ul a:hover {color: #74b5fc;}
#footer .footer-top .footer-contact {margin-bottom: 30px;}
#footer .footer-top .footer-contact p {line-height: 26px;}
#footer .footer-top .footer-newsletter {margin-bottom: 30px;}
#footer .footer-top .footer-newsletter input[type="email"] {border: 0; padding: 6px 8px; width: 65%;}
#footer .footer-top .footer-newsletter input[type="submit"] {background: #007bff; border: 0; width: 35%; padding: 6px 0; text-align: center;
  color: #fff; transition: 0.3s; cursor: pointer;}
#footer .footer-top .footer-newsletter input[type="submit"]:hover {background: #0062cc;}
#footer .copyright {text-align: center; padding-top: 30px;}
#footer .credits {text-align: center; font-size: 13px; color: #f1f7ff;}
#footer .credits a {color: #bfddfe;}
#footer .credits a:hover {color: #f1f7ff;}
/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/
@media (min-width: 992px) {
  #testimonials .testimonial-item p {width: 80%;}
}
@media (max-width: 991px) {
  #header {height: 60px; padding: 10px 0;}
  #header .logo h1 {font-size: 28px; padding: 8px 0;}
  #intro {padding:50px 0px 2px 0 !important;}
  #intro .intro-img {width: 80%; float: none; margin: 0 auto 25px auto;}
  #intro .intro-info {width: 80%; float: none; margin: auto; text-align: center;}
}
@media (max-width: 768px) {
  .back-to-top {bottom: 15px;}
}
@media (max-width: 767px) {
  #intro .intro-info {width: 100%;}
  #intro .intro-info h2 {font-size: 34px;}
  .section-header p {width: 100%;}
}
@media (max-width: 574px) {
  #intro {padding:50px 0px 2px 0 !important;}
}
@media (max-width: 768px) {
  #header .logo img {max-width: 136px !important; margin-top: 8px !important;}
}
@media (max-width: 360px) {
  #header .logo img {max-width: 136px !important; margin-top: 8px !important;}
}
@media (max-width: 640px) {
  #header .logo img {max-width: 136px !important; margin-top: 8px !important;}
}