/**
Green Color #65b843
Blue Color #4bc6ff
Dark Blue Color #0553ab
Sky Blue Color #4d74ba
Purple Color #3d3da4
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
**/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
body{ font-family: 'Roboto Slab', serif; overflow-x: hidden;}
h1{ font-size: 36px; color: #293567; margin-bottom: 25px;}
h2{ font-size: 24px; font-weight: 300; color: #28276f; margin-top: 25px; }
h3, h4, h5{ font-size: 18px; color: #343434; }

p{ font-size: 18px; color: #262626; margin-bottom: 30px; font-weight: 300;}
.content p{ font-weight: 300; }

ul{ font-size: 18px; }
.content ul{ list-style: none; }
.content ul li{ padding-left: 30px; margin-bottom: 20px; position: relative; }
.content ul li:before{ content: ""; width: 4px;  height: 4px; background-color: #e63312; border-radius: 100%; display: inline-block; position: absolute; top: 10px; left: -5px; } /*was #4d74ba*/
.content .green-text{ color: #e63312; } /*was green above*/

img{ max-width: 100%; }
.content p img{ float: left; margin-bottom: 35px; margin-right: 35px; }


.banner-text{ font-size: 48px; color: #ffffff; line-height: 52px; padding: 15px 0px; }
.btn{ border-radius: 0px; padding: 10px 25px; }
.btn.btn-primary{ background-color: #e63312; border: solid 1px #e63312; } /*was #286090 both*/
.btn.btn-primary:hover{ background-color: #ffffff; color: #e63312; } /*second color was green above*/
.btn.btn-default{ background-color: #e63312; color: #ffffff; border-radius: 4px; border: solid 1px #e63312; } /*was #4985d6 both*/
.btn.btn-default:hover{ background-color: #ffffff; color: #e63312; } /*was #4985d6*/
.align-center{ text-align: center; }
.align-right{ text-align: right; }
.no-relative{ position: initial !important; }

/** Header Area **/
header{ position: fixed; width: 100%; background: #ffffff; z-index: 99999; top: 0px; }
#header{ padding: 25px 0px 10px; }
#header .logo-wrapper .logo{ display: inline-block; }
#header .menu-search-wrapper .top-menu ul{ list-style: none; padding: 0px; margin: 0px; display: inline-block; font-size: 16px;}
#header .menu-search-wrapper .top-menu ul li{ float: right; padding-left: 40px; }
#header .menu-search-wrapper .top-menu ul li a{ color: #808080; }
#header .menu-search-wrapper .top-menu ul li a:hover{ text-decoration: none; color: #e63312; } /*was #4bc6ff teal*/
#header .menu-search-wrapper .search-box .search-form{ width: 0px; opacity: 0; overflow: hidden; }
#header .menu-search-wrapper .search-box .open-search-box{ display: inline-block; color: #343434; padding: 7px 12px; position: absolute; right: 0px; }
#header .menu-search-wrapper .search-box.open .search-form{ width: 200px; opacity: 1;  }
#header .menu-search-wrapper .search-box{ padding: 15px 0px 10px; position: relative; }
#header .menu-search-wrapper .search-box .input-group{ background: #ededed; }
#header .menu-search-wrapper .search-box .btn{ background: transparent; border: 0px; box-shadow: none;padding: 0px; color: #e63312; } /*was #65b843 green*/
#header .menu-search-wrapper .search-box .btn:hover i{ color: #e63312; } /*was green color*/
#header .menu-search-wrapper .search-box .input-group-addon{ background: transparent; border: 0px; }
#header .menu-search-wrapper .search-box .form-control{ border: 0px; outline: none; box-shadow: none; background: transparent; }
#header .menu-search-wrapper .search-box .form-control:hover, 
#header .menu-search-wrapper .search-box .form-control:focus{ box-shadow: none; outline: none; }
#header .menu-search-wrapper .search-box .form-control::placeholder{ color: #343434; }
#main-menu{ background: #343434; position: relative; }
#main-menu ul li{ padding: 0px 0px 0px 68px; }
#main-menu ul li a{ padding: 15px 0px; background: transparent; color: #d8d8d8; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; position: relative;}
#main-menu ul li a.green-text{ color: #e63312; } /*was green color*/
#main-menu ul li a:hover{ color: #e63312; } /*was #4bc6ff teal*/
#main-menu ul li.dropdown.open > a:after{ content: ""; height: 4px; display: inline-block; width: 100%; background: #E63312; position: absolute; bottom: -4px; left: 0px; z-index: 9999;}
#main-menu ul li.dropdown{ position: initial; }
#main-menu ul li.dropdown .dropdown-menu{ width: 100%; padding: 0px; margin: 0px; box-shadow: none; border: none; }
#main-menu ul li.dropdown .dropdown-menu .dropdown-wrapper{ width: 100%; padding: 30px 0px; box-shadow: 0 6px 12px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15);}
#main-menu ul li.dropdown .dropdown-menu h2{ font-weight: 700; color: #4d4e4c; margin-bottom: 0px;}
#main-menu ul li.dropdown .dropdown-menu p{ font-weight: 500; margin-top: 28px;}
#main-menu ul li.dropdown .dropdown-menu .read-more{ text-transform: initial; font-weight: 700; color: #e63312; } /*was green color*/
#main-menu ul li.dropdown .dropdown-menu .read-more:hover{ text-decoration: none; }
#main-menu ul li.dropdown .dropdown-menu ul{ display: inline-block; margin-left: 5px; list-style: none; padding: 0px; margin: 0px; float: left;}
#main-menu ul li.dropdown .dropdown-menu ul li{ padding: 0px; }
#main-menu ul li.dropdown .dropdown-menu ul li a{ display: inline-block; width: 100%; color: #4d4e4c; padding: 5px 10px; text-transform: initial;}
#main-menu ul li.dropdown .dropdown-menu ul li a:hover{ background: #e63312; color: #ffffff; text-decoration: none;} /*was green color*/
#main-menu ul li.dropdown .dropdown-menu i.fa-arrow-right{ -webkit-text-stroke: 1.5px #ffffff; }
#main-menu .top-menu{ padding: 0px 40px; }
#main-menu .top-menu ul{ list-style: none; padding: 0px; margin: 0px; display: inline-block; font-size: 16px;}
#main-menu .top-menu ul li{ float: left; padding-right: 13px; width: auto;}
#main-menu .top-menu ul li a{ color: #808080; padding: 0px; text-transform: capitalize; font-size: 13px; letter-spacing: 0px;}
#main-menu .top-menu ul li a:hover{ text-decoration: none; color: #e63312; } /*was 4bc6ff teal*/
#main-menu .search-box{ padding: 15px 0 10px 45px; width: 85%; }
#main-menu .search-box .input-group{ background: #ededed; }
#main-menu .search-box .btn{ background: transparent; border: 0px; box-shadow: none;padding: 0px; }
#main-menu .search-box .btn:hover i{ color: #e63312; } /*was green color*/
#main-menu .search-box .input-group-addon{ background: transparent; border: 0px; }
#main-menu .search-box .form-control{ border: 0px; outline: none; box-shadow: none; background: transparent; }
#main-menu .search-box .form-control:hover, 
#main-menu .search-box .form-control:focus{ box-shadow: none; outline: none; }
#main-menu .search-box .form-control::placeholder{ color: #343434; }
#main-menu .search-box .fa-search{ color: #343434; }

/**** Main Container ****/
.main-container{ background-size: 100%; background-position: 0px -50px; background-repeat: no-repeat; margin-top: 168px; }
.main-container .banner-section{ /*background-size: 100%; background-position: left -75px; background-repeat: no-repeat;*/ padding: 4% 0px; background-image: none !important; }

.main-container .content-section{ padding: 70px 0px; background-color: #ffffff}
.main-container .content-section .content h2{ margin-bottom: 50px; }

/**** Sidebar ****/
.sidebar .sidebar-box{ margin-bottom: 50px; }
.sidebar .sidebar-content{ padding: 25px; position: relative; width: 209px; float: right;}
.sidebar .sidebar-content .sidebar-box-logo{ position: absolute; top: 15px; right: 15px; }
.sidebar .industries-sidebar-box .sidebar-content{ background-color: #f7f7f7; }
.sidebar .sidebar-content .title-arrow{ position: absolute; left: 0px; font-size: 30px; margin-top: -4px; color: #e63312;} /*was green color*/
.sidebar .sidebar-content ul{ list-style: none; padding: 0px; margin: 0px; }
.sidebar .sidebar-content ul li{ margin-bottom: 5px; }
.sidebar .sidebar-content ul a{ font-family: 'Roboto', sans-serif; font-size: 14px; color: #343434; font-weight: 500; }
.sidebar .contact-sidebar-box .sidebar-content{ background-color: #e63312; } /*was 91cd44 green*/
.sidebar .sidebar-content p{ font-family: 'Roboto', sans-serif; font-size: 14px; color: #343434; font-weight: 500; margin-bottom: 0px;}
.sidebar .sidebar-content h3{ margin-top: 0px; }
.sidebar .contact-sidebar-box .sidebar-content h3{ color: #ffffff; }
.sidebar .candidate-sidebar-box .sidebar-content{ background-color: #0553ab; }
.sidebar .candidate-sidebar-box .sidebar-content h3{ color: #ffffff; }
.sidebar .candidate-sidebar-box .sidebar-content p{ color: #ffffff; }
.sidebar .customer-sidebar-box .sidebar-content{ background-color: #4d74ba; }
.sidebar .customer-sidebar-box .sidebar-content h3{ color: #ffffff; }
.sidebar .customer-sidebar-box .sidebar-content p{ color: #ffffff; }
.sidebar-box .box-title{ background-color: #224ba4; padding: 15px 25px; }
.sidebar-box .box-title h2{ color: #ffffff; margin: 0px; }
.sidebar-box .box-title h2 i{ color: rgba(255,255,255,0.5); -webkit-text-stroke: 3px #224ba4; }
.sidebar-box .box-title.box-title-register h2 i{ -webkit-text-stroke: 2px #224ba4; }
.sidebar-box .box-content{ padding: 15px; box-shadow: 0px 1px 5px #a1a1a1; }
.sidebar-box .box-content .login-form .input-group{ width: 100%; margin-bottom: 10px; }
.sidebar-box .box-content .login-form .forget-link{ font-size: 12px; font-weight: 700; color: #4985d6; }
.sidebar-box .box-content .register-form p{ font-size: 12px; color: #827e86; }
/*.sidebar-box .box-content .login-form .btn{ padding: 7px 30px; background-color: #4985d6; color: #ffffff; border-radius: 5px; }
.sidebar-box .box-content .register-form .btn{ padding: 7px 30px; background-color: #4985d6; color: #ffffff; border-radius: 5px; }
.sidebar-box .box-content .contact-form .btn{ padding: 7px 30px; background-color: #4985d6; color: #ffffff; border-radius: 5px; }
*/

.sidebar .sidebar-box-btn{ padding: 0px 15px; text-align: center; width: 209px; float: right; background-color: #051941; }
.sidebar .sidebar-box-btn a{ color: #ffffff; text-transform: uppercase; letter-spacing: 2px; } /*was 4bc6ff teal*/

.nav-tabs li{ background-color: #efefef; margin-right: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }
.nav-tabs li a{ color: #224ba4; background-color: transparent !important; border-color: transparent !important; }
.nav-tabs li.active{ background: #224ba4; }
.nav-tabs li.active a{ color: #ffffff !important;  background-color: transparent !important; border-color: transparent !important; }
.nav-tabs li.active a:hover{ border-color: transparent !important; }



/**** Footer ****/
footer{ background-color: #262626; padding: 60px 0px; }
footer .footer-logo-box span{ color: #a8a8a8; font-weight: 700; font-size: 20px; margin-left: 35px;}
footer .footer-logo-box span sup{ font-weight: 500; font-size: 12px; top: -1em; }
footer .footer-links ul{ list-style: none; padding: 0px; margin: 0px; font-size: 16px; }
footer .footer-links ul li{ float: right; margin-left: 20px; }
footer .footer-links ul li a{ color: #cccccc; }
footer .footer-links ul li a:hover{ color: #ffffff; text-decoration: none; }
footer .footer-links ul.socialicons{ margin-top: 15px; }


/********** Responsive ***********/

@media only screen and (max-width: 1239px) {
  .banner-text{ font-size: 38px; }
  .main-container .banner-section{ padding: 100px 0px; background-size: 100%; background-position: top left; }
  footer .footer-logo-box span{ font-size: 16px; }
  footer .footer-logo-box span sub{ font-size: 10px; }
  footer .footer-links ul{ font-size: 12px; }
  footer .footer-links ul.socialicons{ font-size: 16px; }
}

@media only screen and (max-width: 992px) {
  #main-menu ul li{ padding: 0px 0px 0px 30px; }
  #main-menu ul li.dropdown .dropdown-menu ul{ width: 100%; }
  .banner-text{ font-size: 30px; line-height: 38px; }
  .main-container .banner-section{ padding: 50px 0px; }
  .sidebar .sidebar-content{ max-width: 100%; padding: 25px 25px 25px 15px; }
  .sidebar .sidebar-box-btn{ max-width: 100%; }
  .sidebar .sidebar-box-btn a{ padding: 15px 0px; }
  .sidebar .sidebar-content .sidebar-box-logo{ top: 10px; right: 10px; }
  .sidebar-box .box-title{ padding: 10px; }
  .sidebar-box .box-title h2{ font-size: 18px; }
}

@media only screen and (max-width: 767px) {
  .main-container{ background-position: center; background-size: auto 100%; margin-top: 100px; }
  /*.main-container .banner-section{ background-position: top center; background-size: auto 100%; }*/
  .banner-text{ font-size: 40px; line-height: 46px; }
  .container{ padding-left: 30px; padding-right: 30px; overflow: hidden; }
  .navbar-toggle .icon-bar{ background-color: #343434; width: 30px; height: 4px; border-radius: 0px; }
  header{ overflow: hidden; }
  header.toggle-menu{ position: initial; }
  #main-menu{ position: absolute; width: 100%; top: 0px; right: -200%; z-index: 9999; padding: 25px 0px; }
  #main-menu.open{ right: 0px;  }
  #main-menu .container, #main-menu [class*="col-"]{ padding-left: 0px; padding-right: 0px; }
  #main-menu ul{ float: none !important; }
  #main-menu ul li{ float: none; padding: 0px; width: 100%; }
  #main-menu ul li a{ padding: 15px 65px; }
  #main-menu .close-btn span{ background-color: #ffffff; position: relative; }
  #main-menu .close-btn span.icon-bar:first-child{ transform: rotate(45deg); }
  #main-menu .close-btn span.icon-bar:last-child{ transform: rotate(-45deg); top: -8px; }
  #main-menu .nav{ padding: 25px 0px; font-weight: 700; }
  #main-menu .nav li.dropdown{ position: relative; }
  #main-menu .nav li.dropdown:before{ content: "\f0da"; font: normal normal normal 34px/1 FontAwesome; display: inline-block; position: absolute; top: 5px; right: 60px; }
  #main-menu .nav li.dropdown.open a:after{ display: none; }
  #main-menu .nav li.dropdown.open:before{ transform: rotate(90deg); }
  #main-menu .nav li.dropdown .dropdown-menu{ position: relative; }
  #main-menu .nav li.dropdown .dropdown-menu .dropdown-wrapper{ padding: 10px 80px; background-color: #ededed; }
  #main-menu .nav li.dropdown .dropdown-menu .dropdown-wrapper a{ padding: 8px 25px; font-weight: 500; color: #4d4e4c; }
  #main-menu .nav li.dropdown .dropdown-menu .dropdown-wrapper a:hover{ color: #ffffff; }
  #main-menu .logo-wrapper{ padding-left: 45px; }
  #main-menu .close-btn{ padding-right: 44px; margin-top: 11px; }
  .main-container .banner-section{ background-size: 100%; }
  .sidebar .sidebar-content{ width: 100%; }
  .sidebar .sidebar-box-btn{ width: 100%; }
  .main-container .content-section{ background-color: #ffffff; }
  .main-container .content-section .content{ width: 100%; }
  .nav-tabs{ clear: both; }
  .nav-tabs li a{ padding: 10px; font-size: 12px; }
}

@media only screen and (max-width: 480px) {
  .banner-text{ font-size: 32px; }
  footer .footer-logo-box img{ width: 65px; }
  footer .footer-logo-box span{ font-size: 11px; margin-left: 15px; }
  footer .footer-logo-box span sup{ font-size: 9px; }
  footer .footer-links{ margin-top: 15px; }
  footer .footer-links ul{ font-size: 11px; }
  .menu-search-wrapper .navbar-toggle, #main-menu .navbar-toggle{ margin-top: 0px; margin-right: 0px; padding: 0px; }
  h1{ font-size: 24px; }
  h2{ font-size: 18px; }
  .container{ padding-left: 15px; padding-right: 15px; overflow: hidden; }
}

@media only screen and (max-width: 380px) {
  .banner-text{ font-size: 26px; line-height: 32px; }
  p{ font-size: 16px; }
  footer .footer-logo-box span{ font-size: 10px; margin-left: 10px; }
  footer .footer-logo-box span sup{ font-size: 8px; }
}

@media only screen and (max-width: 320px) {
  footer .footer-logo-box span{ font-size: 9px; margin-left: 10px; }
  footer .footer-logo-box span sup{ font-size: 7px; }
  footer .footer-links ul{ font-size: 9px; margin-right: 15px; }
  #main-menu .nav li.dropdown .dropdown-menu .dropdown-wrapper{ padding: 10px 0px 10px 80px; }
}