/* Variables */
/* LOGO */
/* TOP NAVIGATION */
/* BACKGROUND IMAGE */
/* BOTTOM BAR COLORS */
/* THEME BOX BACKGROUND */
/* SIDE FIX PATH */
/* MIXINS */
body {
  color: #555;
  font: normal 14px/14px ProximaNovaRegular, Arial;
  background: #f2f1f1; }
  @media (max-width: 991px) {
  body {
    font: normal 12px/12px ProximaNovaRegular, Arial; } }

@font-face {
  font-family: 'ProximaNovaRegular';
  src: url('../fonts/Proxima-Nova-Regular.eot');
  src: url('../fonts/Proxima-Nova-Regular.woff') format("woff"), url('../fonts/Proxima-Nova-Regular.ttf') format("truetype"), url('../fonts/Proxima-Nova-Regular.svg') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ProximaNovaBold';
  src: url('../fonts/ProximaNovaBold.eot');
  src: url('../fonts/ProximaNovaBold.eot') format("embedded-opentype"), url('../fonts/ProximaNovaBold.woff2') format("woff2"), url('../fonts/ProximaNovaBold.woff') format("woff"), url('../fonts/ProximaNovaBold.ttf') format("truetype"), url('../fonts/ProximaNovaBold.svg#ProximaNovaBold') format("svg"); }

@font-face {
  font-family: 'ProximaNovaExtrabold';
  src: url('../fonts/ProximaNovaExtrabold.eot');
  src: url('../fonts/ProximaNovaExtrabold.eot') format("embedded-opentype"), url('../fonts/ProximaNovaExtrabold.woff2') format("woff2"), url('../fonts/ProximaNovaExtrabold.woff') format("woff"), url('../fonts/ProximaNovaExtrabold.ttf') format("truetype"), url('../fonts/ProximaNovaExtrabold.svg#ProximaNovaExtrabold') format("svg"); }

@font-face {
  font-family: 'ProximaNovaLight';
  src: url('../fonts/ProximaNovaLight.eot');
  src: url('../fonts/ProximaNovaLight.eot') format("embedded-opentype"), url('../fonts/ProximaNovaLight.woff2') format("woff2"), url('../fonts/ProximaNovaLight.woff') format("woff"), url('../fonts/ProximaNovaLight.ttf') format("truetype"), url('../fonts/ProximaNovaLight.svg#ProximaNovaLight') format("svg"); }

:-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, ::-webkit-input-placeholder {
  opacity: 1;
  font-family: 'ProximaNovaLight';
  color: #5e5e5e; }

h1, h2, h3, h4, h5 {
  font-weight: normal;
  font-family: ProximaNovaBold;
  margin-top: 10px;
  padding-top: 15px;
  color: #000; }

div {
  text-decoration: none;
  outline: 0; }

.btn {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0; }

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0; }
  a:hover {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: 0; }

.more-info {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0; }

h1 {
  font-size: 4.286em;
  color: #fff; }
  @media (max-width: 1400px) {
  h1 {
    font-size: 3em; } }
  @media (max-width: 991px) {
  h1 {
    font-size: 40px; } }

h2 {
  font-size: 2.143em; }
  @media (max-width: 1400px) {
  h2 {
    font-size: 2em; } }

h3 {
  font-size: 30px;
  color: #1f1f1f;
  font-family: ProximaNovaBold;
  text-transform: uppercase;
  margin: 15px 0 10px 0; }
  @media (max-width: 991px) {
  h3 {
    font-size: 18px; } }

h4 {
  font-size: 14px;
  color: #1f1f1f;
  font-family: ProximaNovaBold;
  text-transform: uppercase;
  margin: 5px 0 10px; }
  h4 a {
    color: #1f1f1f; }

p {
  margin-bottom: 30px; }
  @media (max-width: 991px) {
  p {
    margin-bottom: 20px; } }

a {
  color: #ff1f00;
  text-decoration: none;
  outline: none; }
  a:hover {
    color: #333;
    text-decoration: none; }
  a:focus {
    outline: none;
    text-decoration: none; }
/**/
.btn {
  border: none !important;
  border-radius: 0;
  font-family: ProximaNovaBold;
  text-transform: uppercase;
  border-radius: 3px; }

.btn-default {
  background: #c3c3c3;
  color: #4d4d4d; }

.btn-green {
  border: none;
  width: 100%;
  height: 48px;
  border-radius: 0 0 4px 4px;
  font-family: 'ProximaNovaBold', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
  color: #fff;
  background: #00a153;
  background: #00a153;
  background-color: #00a957;
  /* Fallback */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00b05b), to(#00a153));
  background-image: -webkit-linear-gradient(top, #00b05b, #00a153);
  background-image: -moz-linear-gradient(top, #00b05b, #00a153);
  background-image: -ms-linear-gradient(top, #00b05b, #00a153);
  background-image: -o-linear-gradient(top, #00b05b, #00a153);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$from-color', EndColorStr='$to-color')";
  display: block;
  text-align: center;
  line-height: 48px; }

.btn:hover, .btn:focus, .btn.focus, .btn:active, .btn.active {
  box-shadow: none !important;
  outline: none !important; }

@media (min-width: 991px) {
  .btn-green:hover, .btn-green:focus {
    color: #fff; } }

a.readmore {
  font-size: 13px;
  font-family: ProximaNovaRegular;
  background: url(/assets/img/arrow.png) right center no-repeat;
  padding-right: 15px;
  line-height: 13px; }

strong {
  color: #1f1f1f; }

.more {
  position: relative;
  color: #0067ff; }
  .more:after {
    content: '\f178';
    font-family: FontAwesome;
    position: relative;
    top: 2px;
    margin-left: 3px; }

.title-link {
  width: 100%;
  height: 48px;
  display: block;
  background: #f6351a;
  font-family: 'ProximaNovaBold', sans-serif;
  text-transform: uppercase;
  color: #fff;
  line-height: 48px;
  padding: 0 20px;
  border-radius: 4px 4px 0 0; }

@media (min-width: 991px) {
  .title-link:hover {
    color: #fff; } }

.gradient-block {
  width: 100%;
  font-family: 'ProximaNovaBold', sans-serif;
  background: #fff;
  background-color: #f8f8f8;
  /* Fallback */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#fff));
  background-image: -webkit-linear-gradient(top, #f0f0f0, #fff);
  background-image: -moz-linear-gradient(top, #f0f0f0, #fff);
  background-image: -ms-linear-gradient(top, #f0f0f0, #fff);
  background-image: -o-linear-gradient(top, #f0f0f0, #fff);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$from-color', EndColorStr='$to-color')";
  display: block;
  border-top: solid 1px #ededed;
  border-bottom: solid 1px #e3e3e3;
  position: relative; }

ul.list-dashstyled {
  list-style: none;
  padding-left: 0; }
  ul.list-dashstyled li {
    position: relative;
    padding-left: 10px; }
    ul.list-dashstyled li:before {
      content: '-';
      position: absolute;
      left: 0; }

.action {
  padding: 6px;
  border-top: solid 1px #e2e1e1; }

.apply-form {
  border-top: solid 1px #e2e1e1; }
  .apply-form .form-wrap {
    margin: 6px;
    padding: 10px;
    background: #e7e6e6;
    border-radius: 5px;
    display: none;
    height: 0; }
    .apply-form .form-wrap.open {
      display: block;
      height: auto; }
    .apply-form .form-wrap .row {
      margin-left: -5px;
      margin-right: -5px; }
  .apply-form .col-xs-12 {
    padding-left: 5px;
    padding-right: 5px; }
  .apply-form .form-group {
    position: relative;
    margin-bottom: 10px; }
    .apply-form .form-group .form-control {
      height: 56px;
      width: 100%;
      background: #fbfbfb;
      box-shadow: none;
      border-radius: 2px;
      border: none;
      border-bottom: solid 1px #cdcdcd;
      font-family: 'ProximaNovaBold', sans-serif;
      color: #2b2b2b;
      padding: 10px 20px;
      position: relative; }
    .apply-form .form-group textarea.form-control {
      height: 188px;
      padding: 20px 10px;
      resize: none; }
    .apply-form .form-group .form-control:focus, .apply-form .form-group.focus .form-control {
      background: #fff;
      border-bottom-color: #222;
      text-indent: 50px; }
    .apply-form .form-group i.fa {
      position: absolute;
      left: 20px;
      top: 15px;
      font-size: 21px;
      color: #dfdfdf;
      visibility: hidden;
      z-index: 1; }
    .apply-form .form-group.error .form-control {
      background: #fff9f9;
      color: #c00; }
    .apply-form .form-group i.fa-exclamation-triangle {
      left: auto;
      right: 20px;
      color: #c00; }
    .apply-form .form-group.focus i.fa {
      visibility: visible; }
      .apply-form .form-group.focus i.fa-exclamation-triangle {
        visibility: hidden; }
    .apply-form .form-group.error i.fa-exclamation-triangle {
      visibility: visible; }
    .apply-form .form-group.last {
      margin-bottom: 0; }
    .apply-form .form-group .form-control label.file-input {
      height: 36px;
      line-height: 36px;
      margin: 0;
      display: block;
      font-family: 'ProximaNovaLight';
      font-weight: 400; }
      .apply-form .form-group .form-control .fileinput-button {
        position: absolute;
        top: 0;
        right: 0;
        height: 56px;
        width: 84px;
        background: #292929;
        color: #acacac;
        font-size: 12px;
        padding: 20px 0;
        text-transform: uppercase;
        text-align: center;
        line-height: 20px;
        border-radius: 0 2px 2px 0; }
/*apply form */
img.align-left {
  float: left; }

.mb-20 {
  margin-bottom: 20px; }

.mr-20 {
  margin-right: 20px; }

iframe.youtube {
  min-width: 100%;
  height: auto; }
/*nagivation*/
.navbar-brand {
  padding: 0 15px 0 15px;
  float: none !important; }
  .navbar-brand.logo {
    display: table-cell;
    vertical-align: middle;
    height: 55px;
    background: #e04118 !important;
    position: relative;
    z-index: 100; }
    @media (max-width: 1400px) {
  .navbar-brand.logo {
    height: 46px; } }

@media (max-width: 767px) {
  .navbar-toggle {
    padding: 7px 10px; }
    .navbar-toggle:focus {
      background: #333;
      outline: 0; }
    .navbar-toggle:hover {
      background: #333;
      outline: 0; }
    .navbar-toggle.collapsed:hover, .navbar-toggle.collapsed:focus {
      background: transparent !important;
      outline: 0; } }

@media (max-width: 767px) {
  .navbar-header {
    background: #e04118;
    background-color: #e04118;
    /* Fallback */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e04118), to(#e04118));
    background-image: -webkit-linear-gradient(top, #e04118, #e04118);
    background-image: -moz-linear-gradient(top, #e04118, #e04118);
    background-image: -ms-linear-gradient(top, #e04118, #e04118);
    background-image: -o-linear-gradient(top, #e04118, #e04118);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$from-color', EndColorStr='$to-color')"; } }

.navbar-inverse {
  border: none;
  margin: 0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  z-index: 1130; }
  @media (max-width: 991px) {
  .navbar-inverse {
    background-position: 2030px center; } }
  @media (max-width: 767px) {
  .navbar-inverse {
    background-position: top center; } }
  .navbar-inverse .navbar-collapse {
    background: #e04118;
    background-color: #e04118;
    /* Fallback */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e04118), to(#e04118));
    background-image: -webkit-linear-gradient(top, #e04118, #e04118);
    background-image: -moz-linear-gradient(top, #e04118, #e04118);
    background-image: -ms-linear-gradient(top, #e04118, #e04118);
    background-image: -o-linear-gradient(top, #e04118, #e04118);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$from-color', EndColorStr='$to-color')";
    position: relative;
    height: 55px !important; }
    @media (max-width: 1400px) {
  .navbar-inverse .navbar-collapse {
    height: 46px !important; } }
    @media (max-width: 767px) {
  .navbar-inverse .navbar-collapse {
    height: auto !important;
    overflow-x: hidden; } }
    .navbar-inverse .navbar-collapse:before, .navbar-inverse .navbar-collapse:after {
      position: absolute;
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      top: 0; }
    .navbar-inverse .navbar-collapse:before {
      background: white;
      left: -100%; }
    .navbar-inverse .navbar-collapse:after {
      background: #e04118;
      background-color: #e04118;
      /* Fallback */
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e04118), to(#e04118));
      background-image: -webkit-linear-gradient(top, #e04118, #e04118);
      background-image: -moz-linear-gradient(top, #e04118, #e04118);
      background-image: -ms-linear-gradient(top, #e04118, #e04118);
      background-image: -o-linear-gradient(top, #e04118, #e04118);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$from-color', EndColorStr='$to-color')";
      right: -100%; }
  @media (max-width: 1400px) {
    .navbar-inverse.navbar {
      min-height: 46px; } }
    .navbar-inverse.navbar > .container .navbar-brand {
      background: #fff; }
  .navbar-inverse .navbar-nav {
    border-right: 1px solid #c93a16;
    box-shadow: inset -1px 0 0 #b23413; }
    @media (max-width: 767px) {
  .navbar-inverse .navbar-nav {
    margin: 0 -15px; } }
    .navbar-inverse .navbar-nav > li > a {
      line-height: 25px;
      font-size: 1.143em;
      color: #fff;
      text-shadow: none;
      border-left: 1px solid #c93a16;
      box-shadow: inset 1px 0 0 #b23413;
      padding-left: 30px;
      padding-right: 30px;
      background-position: 200px bottom; }
      @media (max-width: 1400px) {
    .navbar-inverse .navbar-nav > li > a {
      line-height: 16px;
      font-size: 1em; } }
      @media (max-width: 1400px) {
    .navbar-inverse .navbar-nav > li > a {
      padding-left: 20px;
      padding-right: 20px; } }
      @media (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a {
      padding: 15px 12px; } }
      @media (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a {
      padding: 10px 12px; }
      .navbar-inverse .navbar-nav > li > a:hover {
        background-color: #e04118 !important; } }
      @media (min-width: 991px) {
    .navbar-inverse .navbar-nav > li > a:hover {
      box-shadow: inset 0px 5px 15px #6d200c;
      background: #e04118;
      position: relative; }
      .navbar-inverse .navbar-nav > li > a:hover:after {
        content: '';
        width: 100%;
        height: 4px;
        background: #fff;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1; } }
      .navbar-inverse .navbar-nav > li.active > a {
        box-shadow: inset 0px 5px 15px #6d200c;
        background-color: #e04118;
        position: relative; }
        @media (min-width: 991px) {
    .navbar-inverse .navbar-nav > li.active > a:focus, .navbar-inverse .navbar-nav > li.active > a:hover {
      background: #e04118; }
    .navbar-inverse .navbar-nav > li.active > a:after, .navbar-inverse .navbar-nav > li.active > a:hover:after, .navbar-inverse .navbar-nav > li.active > a:focus:after {
      content: '';
      width: 100%;
      height: 4px;
      background: #fff;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1; } }
    .navbar-inverse .navbar-nav.signup {
      border: none;
      text-shadow: none;
      margin-right: 0 !important; }
      .navbar-inverse .navbar-nav.signup a {
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        text-shadow: 1px 1px 0px #080909;
        position: relative;
        z-index: 100; }
      .navbar-inverse .navbar-nav.signup .register a {
        border-left: 1px solid #222;
        border-right: 1px solid #222;
        box-shadow: inset 1px 0 0 #444;
        background: #333;
        background-color: #333;
        /* Fallback */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#333));
        background-image: -webkit-linear-gradient(top, #333, #333);
        background-image: -moz-linear-gradient(top, #333, #333);
        background-image: -ms-linear-gradient(top, #333, #333);
        background-image: -o-linear-gradient(top, #333, #333);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$from-color', EndColorStr='$to-color')"; }
      .navbar-inverse .navbar-nav.signup .login a {
        border-left: 1px solid #c93a16;
        box-shadow: inset 1px 0 0 #b23413;
        background: #e04118;
        background-color: #e04118;
        /* Fallback */
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e04118), to(#e04118));
        background-image: -webkit-linear-gradient(top, #e04118, #e04118);
        background-image: -moz-linear-gradient(top, #e04118, #e04118);
        background-image: -ms-linear-gradient(top, #e04118, #e04118);
        background-image: -o-linear-gradient(top, #e04118, #e04118);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$from-color', EndColorStr='$to-color')"; }
  @media (max-width: 767px) {
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    background: #b23413;
    border: none; } }
/*nagivation*/
/*side-fix*/
.side-fix {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 1200;
  width: 52px;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -60px; }
  @media (max-width: 1400px) {
  .side-fix {
    width: 45px;
    right: -5px; } }
  @media (max-width: 767px) {
  .side-fix {
    display: none; } }
  .side-fix a {
    position: relative;
    left: 0px;
    margin: 5px 0 3px;
    text-align: center;
    display: inline-block;
    border-top: 1px solid #444346;
    border-bottom: 1px solid #2d271d;
    border-radius: 4px 0 0 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: white;
    background: #231b1b;
    background-color: #251d1d;
    /* Fallback */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#271f1f), to(#231b1b));
    background-image: -webkit-linear-gradient(top, #271f1f, #231b1b);
    background-image: -moz-linear-gradient(top, #271f1f, #231b1b);
    background-image: -ms-linear-gradient(top, #271f1f, #231b1b);
    background-image: -o-linear-gradient(top, #271f1f, #231b1b);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$from-color', EndColorStr='$to-color')"; }
    .side-fix a p {
      font-size: 14px;
      color: #fff;
      text-transform: uppercase;
      text-align: center; }
      @media (max-width: 1400px) {
  .side-fix a p {
    font-size: 12px; } }
      .side-fix a p.count {
        padding: 8px 10px 8px 0;
        text-align: center;
        margin-bottom: 5px;
        position: relative; }
      @media (max-width: 1400px) {
    .side-fix a p.count {
      padding-right: 5px; } }
      .side-fix a p.count:after {
        position: absolute;
        content: '';
        display: block;
        width: 27px;
        height: 1px;
        border-bottom: 1px solid rgba(70, 120, 152, 0.5);
        border-top: 1px solid rgba(1, 40, 65, 0.5);
        border-radius: 2px;
        left: 12px;
        bottom: 0; }
        @media (max-width: 1400px) {
    .side-fix a p.count:after {
      width: 20px;
      left: 9px; } }
      .side-fix a p.count i {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-bottom: 7px;
        position: relative; }
        @media (max-width: 1400px) {
    .side-fix a p.count i {
      margin-bottom: 3px; } }
        .side-fix a p.count i.icon-clock {
          width: 22px;
          height: 22px;
          background: url(/assets/img/icon-clock.png) 1px 0 no-repeat;
          background-size: contain; }
          @media (max-width: 1400px) {
    .side-fix a p.count i.icon-clock {
      width: 19px;
      height: 19px; } }
        .side-fix a p.count i.icon-briefcase {
          width: 24px;
          height: 19px;
          background: url(/assets/img/icon-briefcase.png) 0 0 no-repeat;
          background-size: contain; }
          @media (max-width: 1400px) {
    .side-fix a p.count i.icon-briefcase {
      width: 21px;
      height: 16px; } }
      .side-fix a p.side-text {
        line-height: 52px;
        padding-left: 5px;
        padding-right: 15px;
        padding-top: 10px;
        margin: 0;
        white-space: nowrap;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
      @media (max-width: 1400px) {
    .side-fix a p.side-text {
      line-height: 37px;
      padding-top: 5px; } }
    .side-fix a.side-btn-1 {
      width: 62px;
      height: 195px; }
      @media (max-width: 1400px) {
  .side-fix a.side-btn-1 {
    width: 45px;
    height: 170px; } }
    .side-fix a.side-btn-2 {
      width: 65px;
      height: 145px; }
      @media (max-width: 1400px) {
  .side-fix a.side-btn-2 {
    width: 45px;
    height: 130px; } }
    @media (min-width: 991px) {
  .side-fix a:hover {
    position: relative;
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px); } }
/*side-fix*/
/*bannner*/
.banner-wrapper {
  padding-top: 0;
  position: relative;
  background: rgba(39, 28, 32, 1); }
  .banner-wrapper .banner {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .banner-wrapper .banner img {
      object-fit: cover; }
    .banner-wrapper .banner .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(39, 28, 32, 0.8);
      box-shadow: inset 0 10px 70px #000; }
    .banner-wrapper .banner.fullpage {
      height: 100vh;
      overflow: hidden;
      /*
       @media (max-width: 767px) {
       height: auto !important;
       // height: 375px !important;
       }
       */ }
    .banner-wrapper .banner.page-banner {
      min-height: 650px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
      @media (max-width: 767px) {
  .banner-wrapper .banner.page-banner {
    min-height: 300px; }
    .banner-wrapper .banner.page-banner .img-responsive {
      display: none; } }
  .banner-wrapper .search-block {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 1100;
    top: 40%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 100%; }
    @media (max-width: 767px) {
  .banner-wrapper .search-block {
    position: static;
    top: 0;
    padding: 100px 0 0;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0); } }
    .banner-wrapper .search-block h1 {
      font-family: ProximaNovaExtrabold;
      text-transform: uppercase;
      text-shadow: 0 1px 0 #000;
      margin-bottom: 10px; }
      @media (max-width: 1400px) {
  .banner-wrapper .search-block h1 {
    margin-bottom: 5px; } }
      @media (max-width: 767px) {
  .banner-wrapper .search-block h1 {
    font-size: 20px;
    margin-bottom: 5px; } }
    .banner-wrapper .search-block span.sub-title {
      font-size: 2.286em;
      color: #fff;
      letter-spacing: 12px;
      font-family: ProximaNovaLight;
      margin-bottom: 50px;
      display: block; }
      @media (max-width: 1400px) {
  .banner-wrapper .search-block span.sub-title {
    font-size: 1.15em;
    margin-bottom: 10px;
    letter-spacing: 6px; } }
      @media (max-width: 991px) {
  .banner-wrapper .search-block span.sub-title {
    font-size: 1.2em;
    letter-spacing: 5px; } }
      @media (max-width: 767px) {
  .banner-wrapper .search-block span.sub-title {
    letter-spacing: normal;
    font-size: 1em;
    margin-bottom: 15px; } }
    .banner-wrapper .search-block .input-group {
      display: inline-table;
      width: 595px; }
      @media (max-width: 1400px) {
  .banner-wrapper .search-block .input-group {
    width: 570px; } }
      @media (max-width: 767px) {
  .banner-wrapper .search-block .input-group {
    width: 100%;
    height: 41px; } }
      .banner-wrapper .search-block .input-group .form-control {
        height: 55px; }
      @media (max-width: 1400px) {
    .banner-wrapper .search-block .input-group .form-control {
      height: 40px; } }
      .banner-wrapper .search-block .input-group .input-group-addon {
        background: #333;
        color: #fff;
        padding: 0;
        border: none; }
      .banner-wrapper .search-block .input-group .input-group-addon button {
        border-radius: 0;
        border: none;
        background: transparent;
        padding: 0px 40px;
        height: 100%; }
  .banner-wrapper .team {
    background: rgba(14, 14, 14, 0.9);
    border-radius: 5px;
    width: 595px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer; }
    @media (max-width: 1400px) {
  .banner-wrapper .team {
    width: 570px; } }
    @media (max-width: 767px) {
  .banner-wrapper .team {
    width: 100%; } }
    .banner-wrapper .team h2 {
      font-family: ProximaNovaExtrabold;
      text-transform: uppercase;
      text-shadow: 0 1px 0 #000;
      margin-bottom: 10px;
      color: #f1351b;
      margin-bottom: 0;
      margin-top: 10px; }
      @media (max-width: 1400px) {
  .banner-wrapper .team h2 {
    margin-top: 5px; } }
    .banner-wrapper .team span.caption {
      color: #fff;
      font-size: 0.857em;
      font-family: ProximaNovaRegular;
      letter-spacing: 4px;
      text-transform: uppercase; }
    .banner-wrapper .team .logos-list {
      border-top: 1px solid #1e1e1e;
      box-shadow: inset 0 1px 0 #000;
      margin-top: 10px;
      padding: 10px 10px;
      text-align: center; }
      @media (max-width: 1400px) {
  .banner-wrapper .team .logos-list {
    margin-top: 5px;
    padding: 5px; } }
      .banner-wrapper .team .logos-list .logos {
        text-align: center;
        display: block;
        margin-bottom: 7px; }
      .banner-wrapper .team .logos-list .logos span {
        display: inline-block;
        margin: 0 7px; }
        @media (max-width: 1400px) {
    .banner-wrapper .team .logos-list .logos span {
      width: 12%; }
      .banner-wrapper .team .logos-list .logos span img {
        display: inline-block; } }
    .banner-wrapper .team .learnmore {
      font-family: ProximaNovaLight;
      font-size: 11px;
      color: #fff;
      letter-spacing: 3px;
      text-align: left;
      background: url(/assets/img/arrow-white.png) center right no-repeat;
      padding-right: 15px; }
/*bannner*/
.company-ttl {
  margin: 0; }

.company-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  justify-content: center; }
  @media (min-width: 991px) {
  .company-container {
    flex-flow: row nowrap; } }
  .company-container > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 30px; }

.company-block {
  background: white;
  border: 1px solid #cecdcd;
  box-shadow: 0 1px 0 rgba(1, 1, 1, 0.15);
  border-radius: 3px;
  cursor: pointer;
  width: 100%; }
  @media (min-width: 991px) {
  .company-block:hover {
    box-shadow: 0 1px 0 rgba(1, 1, 1, 0.15), 0 0 15px #010101; } }
  .company-block .company-img {
    width: 100%;
    height: 180px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 2px 2px 0 0; }
    @media (max-width: 991px) {
  .company-block .company-img {
    height: 250px; } }
    .company-block .company-img .logo-wrap {
      position: absolute;
      bottom: -20px;
      left: 10px;
      width: 76px;
      height: 76px;
      border-radius: 50%;
      background: white;
      border: 1px solid #ccc;
      text-align: center;
      vertical-align: middle; }
      @media (min-width: 991px) {
  .company-block .company-img .logo-wrap:hover .logo {
    background: transparent;
    border: 0;
    padding: 0; }
    .company-block .company-img .logo-wrap:hover p {
      z-index: 100;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); } }
      .company-block .company-img .logo-wrap .logo {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        width: 70%;
        height: 70%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: block;
        z-index: 50; }
      .company-block .company-img .logo-wrap p {
        background: #00b05b;
        opacity: 1;
        display: block;
        color: white;
        z-index: -1;
        position: absolute;
        width: 76px;
        height: 76px;
        left: -1px;
        top: -1px;
        border: 1px solid #ccc;
        border-radius: 50%;
        font-family: ProximaNovaExtrabold;
        font-size: 10px;
        text-transform: uppercase;
        line-height: 17px;
        padding-top: 14px;
        text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    .company-block .company-img p.logo-txt {
      margin: 0;
      padding: 0 25px 0 95px;
      display: inline;
      position: absolute;
      bottom: 5px;
      left: 0;
      color: white;
      font-size: 12px;
      font-family: ProximaNovaBold;
      text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000; }
  .company-block > img {
    border-radius: 3px 3px 0 0; }
  .company-block .txt-wrap {
    padding: 30px 15px 15px;
    position: relative;
    max-height: 250px;
    overflow: hidden; }
    .company-block .txt-wrap:after {
      position: absolute;
      content: '';
      display: block;
      width: 100%;
      height: 15px;
      background: white;
      left: 0;
      bottom: 0;
      border-radius: 0 3px 3px 0; }
    .company-block .txt-wrap p {
      line-height: 1.2;
      margin-bottom: 12px; }
      .company-block .txt-wrap p.ttl {
        font-weight: bold;
        font-size: 17px;
        line-height: 1.1; }
    .company-block .txt-wrap a.more-info {
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase;
      margin-bottom: 12px;
      display: inline-block; }

.company-banner-info {
  position: absolute;
  bottom: 10px;
  left: 35px;
  width: 100%; }
  @media (max-width: 991px) {
  .company-banner-info {
    bottom: 60px; } }
  @media (max-width: 767px) {
  .company-banner-info {
    bottom: 170px;
    left: 0; } }
  .company-banner-info h2 {
    color: #fff;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
    font-size: 24px; }
  .company-banner-info span, .company-banner-info a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    margin-right: 10px; }

.company-banner-logo {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
  bottom: 0; }
  .company-banner-logo.company .company-logo {
    background: #fff;
    border: solid 1px #ccc;
    border-radius: 50%; }
  .company-banner-logo .company-logo {
    width: 286px;
    height: 286px;
    bottom: -100px;
    background: url(/assets/img/logo-bgr.png) 0 0 no-repeat;
    background-size: contain;
    position: absolute; }
    @media (max-width: 1200px) {
  .company-banner-logo .company-logo {
    width: 220px;
    height: 220px; } }
    .company-banner-logo .company-logo img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      @media (max-width: 1200px) {
  .company-banner-logo .company-logo img {
    width: 50%; } }
    .company-banner-logo .company-logo .company-logo-big {
      width: 60%;
      height: 60%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      position: absolute;
      left: 20%;
      top: 20%; }
    .company-banner-logo .company-logo .company-logo-small {
      max-width: 100%;
      position: absolute;
      left: auto;
      top: auto;
      bottom: 4px;
      right: 8px;
      transform: none; }
    .company-banner-logo .company-logo .company-logo-small-wrap {
      width: 90px;
      height: 90px;
      box-shadow: 0 0 0 1px #cecdcd;
      border: 15px solid white;
      border-radius: 50%;
      position: absolute;
      right: 8px;
      bottom: 4px;
      background-color: white;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
      @media (max-width: 1200px) {
  .company-banner-logo .company-logo .company-logo-small-wrap {
    width: 65px;
    height: 65px; } }
  .company-banner-logo .social {
    position: absolute;
    left: 90px;
    top: -20px;
    width: auto; }
    @media (max-width: 1200px) {
  .company-banner-logo .social {
    left: 65px; } }
    @media (max-width: 479px) {
  .company-banner-logo .social {
    left: -15px; } }
    @media (max-width: 991px) {
  .company-banner-logo .social li.heart a {
    color: #f00;
    background: #f2f1f1; }
    .company-banner-logo .social li.instagram a {
      color: #231f20; }
    .company-banner-logo .social li.linkedin a {
      color: #007bb5; }
    .company-banner-logo .social li.twitter a {
      color: #28aae1; }
    .company-banner-logo .social li.facebook a {
      color: #3b5998; } }
    @media (min-width: 991px) {
  .company-banner-logo .social:hover li.heart a {
    color: #f00;
    background: #f2f1f1; } }
    .company-banner-logo .social ul {
      list-style: none;
      padding: 0; }
      .company-banner-logo .social ul li {
        display: inline-block;
        width: 48px;
        height: 48px;
        float: left;
        background: #fff;
        border-radius: 50%;
        padding: 4px;
        margin-left: -2px;
        position: relative; }
      .company-banner-logo .social ul li.heart a {
        color: #f00;
        background: #f2f1f1; }
        .company-banner-logo .social ul li.heart a i {
          color: #f00; }
      .company-banner-logo .social ul li.instagram a i {
        color: #231f20; }
      .company-banner-logo .social ul li.linkedin a i {
        color: #007bb5; }
      .company-banner-logo .social ul li.twitter a i {
        color: #28aae1; }
      .company-banner-logo .social ul li.facebook a i {
        color: #3b5998; }
      @media (min-width: 992px) {
    .company-banner-logo .social ul li.active .share-expand, .company-banner-logo .social ul li:hover .share-expand {
      width: 200px;
      padding-left: 2px;
      margin-left: -1px; } }
      .company-banner-logo .social ul li a {
        background: #f2f1f1;
        display: block;
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 18px;
        text-align: center;
        border-radius: 50%;
        color: #fff; }
        @media (min-width: 991px) {
    .company-banner-logo .social ul li a:hover, .company-banner-logo .social ul li a > i {
      color: #fff; } }
      @media (max-width: 991px) {
    .company-banner-logo .social ul li.share.active .share-expand {
      width: 200px; } }
      .company-banner-logo .social ul .share-expand {
        position: absolute;
        left: 100%;
        top: 0;
        width: 0;
        height: 48px;
        overflow: hidden;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      @media (max-width: 767px) {
    .company-banner-logo .social ul .share-expand {
      width: 200px; } }
      .company-banner-logo .social ul .share-expand li {
        float: left; }
        @media (min-width: 767px) {
    .company-banner-logo .social ul .share-expand li.instagram:hover a {
      background: #231f20; }
    .company-banner-logo .social ul .share-expand li.linkedin:hover a {
      background: #007bb5; }
    .company-banner-logo .social ul .share-expand li.twitter:hover a {
      background: #28aae1; }
    .company-banner-logo .social ul .share-expand li.facebook:hover a {
      background: #3b5998; }
    .company-banner-logo .social ul .share-expand li a:hover i {
      color: white; } }
    @media (min-width: 991px) {
      .company-banner-logo .social li.heart:hover a {
        background: #f00; }
        .company-banner-logo .social li.heart:hover a i {
          color: #fff; } }
      .company-banner-logo .social li.heart a {
        color: #f00; }
      .company-banner-logo .social li.heart.active a {
        background: #f00; }
        .company-banner-logo .social li.heart.active a i {
          color: #fff; }
      .company-banner-logo .social li.share > a {
        color: #fff;
        background: #f00; }
    .company-banner-logo .social.secondary {
      left: auto;
      right: 0;
      top: 50px;
      width: auto; }
      @media (max-width: 991px) {
  .company-banner-logo .social.secondary {
    top: 100px; } }
      @media (max-width: 767px) {
  .company-banner-logo .social.secondary {
    display: none; } }
      .company-banner-logo .social.secondary li.first {
        width: auto;
        background: none;
        padding-top: 10px;
        font-size: 10px;
        color: rgba(255, 255, 255, 0.5);
        padding-right: 10px; }
      .company-banner-logo .social.secondary li.instagram a {
        background: #231f20; }
      .company-banner-logo .social.secondary li.linkedin a {
        background: #007bb5; }
      .company-banner-logo .social.secondary li.twitter a {
        background: #28aae1; }
      .company-banner-logo .social.secondary li.facebook a {
        background: #3b5998; }
      .company-banner-logo .social.secondary li a i {
        color: #fff !important; }
/*.company-banner-logo .social li.share:hover .share-expand {width:200px;}*/
/*company-info*/
/*.banner-wrapper .company-info:hover{z-index: 1000;}*/
.owl-carousel .owl-item img {
  max-width: 100%;
  width: auto; }

.banner-wrapper .image-holder {
  position: absolute;
  z-index: 999;
  bottom: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer; }
  @media (max-width: 767px) {
    .banner-wrapper .image-holder {
      position: static; } }
  @media (min-width: 991px) {
    .banner-wrapper .image-holder:hover {
      padding-bottom: 20px;
      background-color: #fff; } }
  .banner-wrapper .image-holder img {
    width: 100%; }
  .banner-wrapper .image-holder .img-responsive {
    background-size: cover;
    background-repeat: no-repeat;
    height: 110px; }
    @media (max-width: 767px) {
    .banner-wrapper .image-holder .img-responsive {
      height: 120px; } }
  @media (max-width: 767px) {
    .banner-wrapper .owl-stage-outer {
      padding-top: 80px; } }
  .banner-wrapper .owl-stage-outer .owl-stage .owl-item {
    height: 350px;
    position: relative; }
    @media (max-width: 1400px) {
    .banner-wrapper .owl-stage-outer .owl-stage .owl-item {
      height: 310px; } }
  .banner-wrapper .company-info {
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    z-index: 1000; }
  @media (max-width: 1400px) {
    .banner-wrapper .company-info {
      bottom: 49px; } }
  @media (max-width: 767px) {
    .banner-wrapper .company-info {
      position: static;
      bottom: auto;
      top: 380px; } }
  .banner-wrapper .company-info .company {
    height: 100%;
    position: relative;
    top: 0;
    bottom: auto; }
    .banner-wrapper .company-info .company .information {
      background-color: #fff;
      opacity: 1;
      padding: 30px 15px 15px 15px;
      color: #1f1f1f;
      font-size: 12px;
      line-height: 18px;
      position: absolute;
      top: 135px;
      width: 100%;
      height: 100%; }
    @media (max-width: 1400px) {
      .banner-wrapper .company-info .company .information {
        padding: 20px 10px 10px 10px;
        font-size: 12px;
        line-height: 16px;
        top: 115px; } }
    @media (max-width: 900px) {
      .banner-wrapper .company-info .company .information {
        top: 120px; } }
    @media (max-width: 767px) {
      .banner-wrapper .company-info .company .information {
        display: block; } }
    @media (min-width: 768px) {
      .banner-wrapper .company-info .company .information {
        opacity: 0;
        z-index: -1; } }
    .banner-wrapper .company-info .company .information span {
      display: block;
      color: #ac0f00;
      font-size: 12px;
      text-transform: uppercase;
      padding: 5px 0; }
      @media (max-width: 1400px) {
      .banner-wrapper .company-info .company .information span {
        padding: 5px 0;
        font-size: 11px; } }
    @media (max-width: 767px) {
        .banner-wrapper .company-info .company .information h4 {
          font-size: 18px; } }
    .banner-wrapper .company-info .company.hover .information {
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -ms-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out;
      opacity: 1;
      z-index: 99; }
      @media (min-width: 767px) {
      .banner-wrapper .company-info .company.hover .information {
        opacity: 1;
        z-index: 99; } }
    .banner-wrapper .company-info .company.hover .logo-wrap {
      opacity: 0; }
    @media (max-width: 767px) {
      .banner-wrapper .company-info .company.hover .more-info {
        bottom: 85% !important; } }
    @media (max-width: 1400px) {
      .banner-wrapper .company-info .company.hover h4 {
        font-size: 15px; } }
    .banner-wrapper .company-info .company .logo-wrap {
      position: absolute;
      top: -25px;
      left: 10px;
      width: 76px;
      height: 76px;
      border-radius: 50%;
      background: white;
      border: 1px solid #ccc;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .banner-wrapper .company-info .company .logo-wrap .logo {
      display: block;
      width: 70%;
      height: 70%;
      position: relative;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain; }
      .banner-wrapper .company-info .company .logo-wrap .logo img {
        width: auto;
        z-index: 100;
        position: absolute;
        top: -25px;
        left: 10px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        @media (max-width: 767px) {
      .banner-wrapper .company-info .company .logo-wrap .logo img {
        top: 60px;
        width: 70px; } }
    .banner-wrapper .company-info .company h6 {
      position: absolute;
      top: -10px;
      left: 0;
      right: 0;
      color: #fff;
      padding: 10px 0 10px 95px;
      font-size: 12px; }
    @media (max-width: 767px) {
      .banner-wrapper .company-info .company h6 {
        display: none; } }
    .banner-wrapper .company-info .company h5 {
      display: none;
      position: absolute;
      color: #fff;
      left: 0;
      line-height: 1.2;
      /*top: 90px;*/
      right: 0;
      padding: 10px 10px 5px 95px;
      font-size: 12px; }
    @media (max-width: 767px) {
      .banner-wrapper .company-info .company h5 {
        display: none; } }
    @media (min-width: 767px) {
      .banner-wrapper .company-info .company h5 {
        bottom: 0; } }
    .banner-wrapper .company-info .company .more-info {
      opacity: 0;
      position: absolute;
      /*top: 0px;*/
      bottom: 58%;
      left: 10px;
      background-color: #00b05b;
      border-radius: 50%;
      width: 76px;
      height: 76px;
      color: #fff;
      font-family: ProximaNovaExtrabold;
      text-transform: uppercase;
      text-align: center;
      padding-top: 10px;
      border: 2px solid #fff;
      font-size: 10px;
      text-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -ms-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out;
      z-index: 100;
      z-index: -1; }
    @media (min-width: 767px) {
      .banner-wrapper .company-info .company .more-info {
        bottom: 50%; } }
    @media (max-width: 1400px) {
      .banner-wrapper .company-info .company .more-info {
        font-family: ProximaNovaRegular; } }
  .banner-wrapper .company.hover .image-holder {
    bottom: 212px; }
    .banner-wrapper .company.hover .image-holder:hover {
      padding-bottom: 0; }
    @media (max-width: 1400px) {
    .banner-wrapper .company.hover .image-holder {
      bottom: 194px; } }
    @media (max-width: 900px) {
    .banner-wrapper .company.hover .image-holder {
      bottom: 190px; } }
  .banner-wrapper .company-info .company.hover h4 {
    position: static;
    font-size: 17px;
    color: #1f1f1f;
    box-shadow: none;
    padding: 0;
    margin: 0;
    word-break: break-word; }
  .banner-wrapper .company-info .company.hover h6 {
    display: none; }
  .banner-wrapper .company-info .company.hover h5, .banner-wrapper .company-info .company.hover .information {
    display: block; }
  .banner-wrapper .company-info .company.hover .more-info {
    opacity: 1;
    z-index: 100;
    bottom: -20px; }
/*.banner-wrapper .company-info .company.hover .more-info {display:block;}*/
/*company-info*/
.company-logos {
  line-height: 9px;
  text-align: left;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #f15722;
  background-color: #f15722;
  /* Fallback */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f15722), to(#f15722));
  background-image: -webkit-linear-gradient(top, #f15722, #f15722);
  background-image: -moz-linear-gradient(top, #f15722, #f15722);
  background-image: -ms-linear-gradient(top, #f15722, #f15722);
  background-image: -o-linear-gradient(top, #f15722, #f15722);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$from-color', EndColorStr='$to-color')";
  display: table;
  width: 100%;
  height: 65px; }
  @media (max-width: 1400px) {
  .company-logos {
    height: 49px; } }
  @media (max-width: 767px) {
  .company-logos {
    display: none; } }
  .company-logos > a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-top: 2px;
    height: 100%;
    width: 12.5%; }
  @media (max-width: 1400px) {
    .company-logos > a {
      padding-top: 0; } }
  .company-logos span {
    padding: 0;
    width: 100%;
    margin: 0;
    position: relative;
    display: block; }
  .company-logos span:after {
    position: absolute;
    content: '';
    display: block;
    width: 2px;
    height: 40px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-right: 1px solid #c5461a;
    box-shadow: inset -1px 0 0 #f56e40; }
    @media (max-width: 1400px) {
    .company-logos span:after {
      top: 51%; } }
  .company-logos span img {
    display: inline-block;
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    margin: 0 auto;
    max-height: 100%; }
    @media (max-width: 1400px) {
    .company-logos span img {
      max-width: 65%; } }
    @media (max-width: 1200px) {
    .company-logos span img {
      max-width: 75%; } }
    @media (max-width: 998px) {
    .company-logos span img {
      max-width: 85%; } }
  .company-logos span canvas.img-responsive {
    margin: 0 auto; }
    @media (max-width: 1400px) {
    .company-logos span canvas.img-responsive {
      max-width: 70px;
      max-height: 35px; } }
  .company-logos span.last {
    border-right: none;
    box-shadow: none; }
  .company-logos a:first-child span:after {
    display: none; }
  .company-logos a.visa {
    border-left: 1px solid #380408;
    color: #fff;
    text-align: center;
    position: relative;
    line-height: 63px;
    background: #333;
    background-color: #333;
    /* Fallback */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#333));
    background-image: -webkit-linear-gradient(top, #333, #333);
    background-image: -moz-linear-gradient(top, #333, #333);
    background-image: -ms-linear-gradient(top, #333, #333);
    background-image: -o-linear-gradient(top, #333, #333);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$from-color', EndColorStr='$to-color')"; }
  @media (max-width: 1400px) {
    .company-logos a.visa {
      font-size: 12px;
      line-height: 49px; } }
  @media (max-width: 991px) {
    .company-logos a.visa {
      font-size: 10px; } }
  .company-logos a.visa:after {
    position: absolute;
    content: '';
    display: block;
    width: 5px;
    height: 100%;
    background: #333;
    background-color: #333;
    /* Fallback */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#333));
    background-image: -webkit-linear-gradient(top, #333, #333);
    background-image: -moz-linear-gradient(top, #333, #333);
    background-image: -ms-linear-gradient(top, #333, #333);
    background-image: -o-linear-gradient(top, #333, #333);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$from-color', EndColorStr='$to-color')";
    top: 0;
    right: -5px; }
  .company-logos a.visa b {
    background: url(/assets/img/arrow-white.png) right center no-repeat;
    padding-right: 15px;
    font-weight: normal;
    margin: 0 auto;
    align-self: center; }

#company .main-content {
  display: none; }
  #company .main-content:first-child {
    display: block; }
  #company .main-content h1 {
    font-size: 2.143em;
    color: #000; }
  @media (max-width: 1400px) {
    #company .main-content h1 {
      font-size: 2em; } }
/*services*/
.services {
  padding: 120px 0;
  background-color: #f2f1f1;
  font-size: 18px;
  font-family: ProximaNovaLight;
  line-height: 20px; }
  @media (max-width: 1200px) {
  .services {
    padding: 80px 0; } }
  @media (max-width: 991px) {
  .services {
    padding: 40px 0;
    font-size: 15px;
    line-height: 17px; } }
  @media (max-width: 767px) {
  .services {
    background-image: none; }
    .services a.readmore {
      display: inline-block;
      margin-bottom: 20px; }

    .services p {
      margin-bottom: 10px; } }
/*services*/
.main-content {
  line-height: 1.5; }
  .main-content h1, .main-content h2 {
    margin: 0 0 20px; }
/*programs*/
.programs {
  background: url(/assets/img/program.jpg) right center no-repeat #fff;
  padding: 120px 0;
  background-size: contain; }
  @media (max-width: 1200px) {
  .programs {
    padding: 80px 0; } }
  @media (max-width: 991px) {
  .programs {
    padding: 40px 0; } }
  @media (max-width: 767px) {
  .programs {
    background-image: none; } }
  .programs p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
    font-family: ProximaNovaLight; }
  @media (max-width: 991px) {
    .programs p {
      font-size: 15px;
      line-height: 20px; } }

.stories {
  background: url(/assets/img/story.jpg) left center no-repeat #f2f1f1;
  padding: 105px 0;
  font-size: 18px;
  line-height: 28px;
  background-size: contain; }
  @media (max-width: 1200px) {
  .stories {
    padding: 80px 0; } }
  @media (max-width: 991px) {
  .stories {
    padding: 40px 0; } }
  @media (max-width: 767px) {
  .stories {
    background-image: none; } }
  .stories ul {
    padding-left: 20px; }
  .stories ul li {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 20px;
    font-family: ProximaNovaLight; }
    @media (max-width: 991px) {
    .stories ul li {
      font-size: 15px;
      line-height: 17px;
      margin-bottom: 15px; } }

.footer {
  background-color: #191919;
  padding: 60px 0 50px 0;
  font-size: 12px;
  font-family: ProximaNovaLight; }
  @media (max-width: 767px) {
  .footer {
    padding: 40px 0; } }
  .footer h4 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px; }
  @media (max-width: 767px) {
    .footer h4 {
      margin-top: 20px;
      margin-bottom: 0; } }
  @media (max-width: 991px) {
    .footer .footnote {
      padding-bottom: 35px; } }
  @media (max-width: 767px) {
    .footer .footnote {
      padding-bottom: 15px; } }
  .footer .footnote p {
    padding: 15px 1px 30px 85px;
    color: #717375; }
    @media (max-width: 767px) {
    .footer .footnote p {
      padding: 15px 1px 10px 85px; } }
  .footer ul {
    padding-left: 15px; }
  .footer ul li a {
    color: #717375;
    font-size: 12px;
    font-family: ProximaNovaLight;
    line-height: 20px; }
  .footer span.input-group-addon {
    color: #fff;
    font-size: 12px;
    font-family: ProximaNovaBold;
    background: #f13419;
    border: none;
    text-transform: uppercase;
    padding: 0; }
  .footer span.input-group-addon button {
    border-radius: 0;
    background: transparent;
    color: white; }
  .footer input {
    border: none; }

.copyright {
  background-color: #1b1b1b;
  line-height: 45px;
  font-size: 10px;
  font-family: ProximaNovaLight;
  color: #aaa; }
/*inside-page*/
.inside-page {
  margin: 145px 0; }
  .inside-page.company-details {
    margin-top: 200px; }
  @media (max-width: 1200px) {
    .inside-page.company-details {
      margin: 120px 0 80px; } }
  @media (max-width: 991px) {
    .inside-page.company-details.job {
      margin: 80px 0 60px; } }
  @media (max-width: 767px) {
    .inside-page.company-details .company-details .content p img {
      width: 100%; } }
  .inside-page.company-details .content p img {
    max-width: 75%;
    height: auto; }
    .inside-page.company-details .content iframe {
      width: 100%; }

.joblist {
  background-color: #fff;
  margin-bottom: 20px;
  border-radius: 4px;
  border-bottom: solid 1px #cecdcd;
  position: relative; }
  .joblist .job-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    flex-flow: row nowrap; }
  @media (max-width: 767px) {
    .joblist .job-block {
      flex-flow: column nowrap; } }
  .joblist .job-block .company-info-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-right: 0;
    margin-right: -1px; }
    @media (max-width: 767px) {
    .joblist .job-block .company-info-wrap {
      height: 350px;
      padding-left: 0; } }
    .joblist .job-block .company-info-wrap .company-info {
      padding-right: 0;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 0 3px 3px 0; }
    @media (max-width: 767px) {
      .joblist .job-block .company-info-wrap .company-info {
        position: static;
        margin-top: 30px;
        border-radius: 0 0 3px 3px; }
        .joblist .job-block .company-info-wrap .company-info .company-logo-wrap {
          left: 50%;
          top: 0;
          margin-left: -50px; } }
  .joblist .label {
    width: 78px;
    height: 80px;
    position: absolute;
    left: -4px;
    top: -6px; }
  .joblist .label.label-red {
    background: url(/assets/img/label-red.png) 0 0 no-repeat; }
  .joblist .label.label-blue {
    background: url(/assets/img/label-blue.png) 0 0 no-repeat; }
  .joblist .label span {
    transform: rotate(-45deg);
    position: absolute;
    left: 17px;
    top: 15px;
    text-transform: uppercase;
    width: 78px;
    height: 80px; }
  .joblist .job-info {
    padding: 30px 15px 30px 25px; }
  @media (max-width: 767px) {
    .joblist .job-info {
      padding-left: 30px; } }
  .joblist .job-info h4 {
    padding-top: 0; }
  .joblist .job-info p {
    margin: 0;
    line-height: 22px;
    font-family: ProximaNovaLight; }
  .joblist .sub-info {
    color: #ff1f00;
    text-transform: uppercase;
    font-size: 12px;
    margin: 5px 0; }
  .joblist .sub-info .fa {
    color: #1f1f1f;
    margin-right: 4px; }
  .joblist .company-info {
    position: relative;
    float: right;
    border-left: solid 1px #ddd;
    max-width: 100%;
    width: 100%; }
  @media (max-width: 767px) {
    .joblist .company-info {
      margin-top: 50px; } }
  .joblist .company-info .company-name {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 20px;
    bottom: 10px;
    color: #fff;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000; }
  @media (max-width: 767px) {
      .joblist .company-info img {
        width: 100%;
        border-radius: 0 0 4px 4px; } }
    .joblist .company-info .company-logo-wrap {
      width: 100px;
      height: 100px;
      position: absolute;
      top: 50%;
      margin-top: -50px;
      left: -50px;
      border-radius: 50%;
      box-shadow: 0 0 0 1px #ccc;
      background-color: white; }
    @media (max-width: 767px) {
    .joblist .company-info .company-logo-wrap {
      margin-top: -10px; } }
    .joblist .company-info .company-logo-wrap .company-logo {
      width: 90%;
      height: 90%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      position: relative;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .joblist .company-info .company-logo-wrap .rounded-info {
      border-radius: 50%;
      width: 100px;
      height: 100px;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      font-size: 10px;
      line-height: normal;
      padding: 21px 0;
      letter-spacing: 0;
      opacity: 0; }
    @media (min-width: 991px) {
    .joblist .company-info .company-logo-wrap:hover .rounded-info {
      opacity: 1; } }
  .joblist.new:before {
    content: '';
    width: 78px;
    height: 80px;
    background: url(/assets/img/label-new.png) 0 0 no-repeat;
    position: absolute;
    left: -4px;
    top: -6px; }
  .joblist.featured:before {
    content: '';
    width: 78px;
    height: 80px;
    background: url(/assets/img/label-featured.png) 0 0 no-repeat;
    position: absolute;
    left: -4px;
    top: -6px; }
/*sidebar */
.sidebar {
  background: #1f1f1f;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 20px; }
  .sidebar ul.tab {
    list-style: none;
    padding: 0;
    margin: 0; }
  .sidebar ul.tab li {
    display: inline-block;
    width: 50%;
    float: left;
    height: 50px;
    background: #2b2b2b; }
    @media (min-width: 991px) {
    .sidebar ul.tab li:hover a {
      background: #1a1a1a;
      border-bottom: solid 3px #c31302;
      color: #fff; } }
    .sidebar ul.tab li a {
      font-family: 'ProximaNovaBold', sans-serif;
      text-transform: uppercase;
      color: rgba(95, 95, 95, 0.7);
      line-height: 47px;
      text-align: center;
      display: block; }
    .sidebar ul.tab li.active a {
      background: #1a1a1a;
      border-bottom: solid 3px #c31302;
      color: #fff; }
    .sidebar ul.tab li:first-child {
      border-right: solid 1px #222; }
    .sidebar ul.tab li:last-child {
      border-left: solid 1px #1a1a1a; }
  .sidebar .tab-pane {
    border-top: solid 1px #181818;
    margin: 0; }
  .sidebar .tab-pane .panel {
    border: none;
    background: none;
    margin: 0;
    padding: 0; }
  .sidebar .tab-pane .panel-heading {
    font-size: 13px;
    text-transform: uppercase;
    color: rgba(242, 241, 241, 0.2);
    border-top: solid 1px #2a2a2a;
    border-bottom: solid 1px #181818;
    display: block;
    position: relative;
    padding: 0; }
    @media (min-width: 991px) {
    .sidebar .tab-pane .panel-heading:hover a {
      color: rgba(242, 241, 241, 0.4); } }
    .sidebar .tab-pane .panel-heading > a {
      padding: 18px 20px; }
    .sidebar .tab-pane .panel-heading i.fa {
      position: absolute;
      right: 0;
      top: 0;
      height: 50px;
      width: 50px;
      line-height: 50px;
      text-align: center;
      font-size: 18px;
      border-left: solid 1px #181818;
      color: #fff; }
    .sidebar .tab-pane .panel-heading i.fa:after {
      content: '';
      border-left: solid 1px #2a2a2a;
      height: 50px;
      position: absolute;
      left: 0;
      top: 0; }
    .sidebar .tab-pane .panel-heading.sidebar-search .search-input {
      background: #363636;
      height: 48px;
      width: 100%;
      border: none;
      padding: 12px 36px;
      color: #606060;
      outline: 0; }
    .sidebar .tab-pane .panel-heading.sidebar-search .search-btn {
      position: absolute;
      left: 5px;
      top: 8px;
      background: none;
      border: none;
      width: 30px;
      height: 30px;
      padding: 0;
      text-align: center; }
      .sidebar .tab-pane .panel-heading.sidebar-search .search-btn i.fa {
        position: static;
        line-height: 30px;
        height: 30px;
        width: 30px;
        text-align: center;
        font-size: 14px;
        color: #eaeaea;
        transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
        border: none; }
        .sidebar .tab-pane .panel-heading.sidebar-search .search-btn i.fa:after {
          display: none; }
    .sidebar .tab-pane .panel-heading.sidebar-search-btn {
      padding: 5px; }
  .sidebar .tab-pane .panel-body {
    padding: 0 0 0 20px;
    background: #2b2b2b; }
    .sidebar .tab-pane .panel-body ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    .sidebar .tab-pane .panel-body ul li {
      padding: 16px;
      color: #fff;
      border-top: solid 1px #343434;
      border-bottom: solid 1px #181818;
      clear: both;
      font-size: 13px;
      text-transform: uppercase;
      display: block;
      position: relative; }
      .sidebar .tab-pane .panel-body ul li:first-child {
        border-top: none; }
      .sidebar .tab-pane .panel-body ul li:last-child {
        border-bottom: none; }
      .sidebar .tab-pane .panel-body ul li .counter {
        background: #c31302;
        font-size: 10px;
        padding: 0 8px;
        height: 20px;
        border-radius: 10px;
        float: right;
        line-height: 20px;
        position: absolute;
        right: 7px;
        top: 50%;
        margin-top: -10px; }
      .sidebar .tab-pane .panel-body ul li a {
        color: white; }
        .sidebar .tab-pane .panel-body ul li a.removeIcon {
          position: absolute;
          left: -7px;
          top: 50%;
          margin-top: -9px; }
  .sidebar .tab-pane a, .sidebar .job-details li {
    color: rgba(242, 241, 241, 0.2);
    display: block; }
  .sidebar .sidebar-title {
    background: #f6351a;
    color: #fff;
    min-height: 48px;
    line-height: 48px;
    padding: 15px 15px 10px 75px;
    position: relative; }
  @media (max-width: 1200px) {
    .sidebar .sidebar-title {
      padding: 8px 15px 5px 75px; } }
  .sidebar .sidebar-title h4 {
    color: #f2f1f1;
    margin: 0;
    line-height: 1.5;
    text-align: left;
    font-size: 12px; }
    @media (max-width: 1200px) {
    .sidebar .sidebar-title h4 {
      line-height: 1.5; } }
    @media (max-width: 767px) {
    .sidebar .sidebar-title h4 {
      line-height: 2.6; } }
  .sidebar .sidebar-title .company-logo {
    position: absolute;
    width: 60px;
    top: -20px;
    left: 10px; }
  .sidebar .sidebar-title .logo-wrap {
    position: absolute;
    top: -20px;
    left: 10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: white;
    border: 1px solid #ccc; }
    .sidebar .sidebar-title .logo-wrap .logo {
      position: relative;
      width: 70%;
      height: 70%;
      display: block;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .sidebar .sidebar-content {
    overflow: hidden; }
  .sidebar .sidebar-content .subscribe .text-input {
    border: none;
    background: none;
    width: 100%;
    height: 100%;
    font-family: 'ProximaNovaLight', sans-serif;
    font-size: 16px;
    outline: 0;
    color: rgba(31, 31, 31, 0.6); }
    .sidebar .sidebar-content .subscribe .gradient-block:hover {
      margin-left: 0; }
  .sidebar.job-lists {
    background: #fff;
    margin-top: 40px;
    overflow: visible;
    border-bottom: solid 1px #cecdcd; }
  .sidebar.job-lists .gradient-block .more-info {
    position: absolute;
    right: -80px;
    top: -2px;
    bottom: -2px;
    width: 80px;
    height: auto;
    border-radius: 0;
    text-align: center;
    padding: 12px 10px;
    font-size: 10px;
    letter-spacing: normal;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    line-height: 1.8; }
    @media (max-width: 991px), (any-pointer: coarse) {
      .sidebar.job-lists .gradient-block .more-info {
        width: 70px;
        padding: 12px 5px;
        right: 0; }
        .sidebar.job-lists .gradient-block .more-info:hover {
          color: white; } }
    .sidebar.job-lists .gradient-block .more-info i.fa {
      font-size: 18px; }

button.more {
  background: none;
  border: none;
  text-transform: uppercase; }

.job-lists {
  border: none;
  margin-top: 50px; }
  .job-lists .row {
    margin: 0 0 0 -1px; }
  .job-lists .col-xs-12 {
    padding: 0 0 0 1px;
    overflow: hidden; }
  .job-lists .gradient-block {
    padding: 20px;
    margin-bottom: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  @media (max-width: 991px) {
    .job-lists .gradient-block {
      padding: 20px 50px 20px 10px; } }
  @media (min-width: 991px) {
    .job-lists .gradient-block:hover {
      margin-left: -80px; } }
  .job-lists .job-title {
    margin: 0;
    padding: 0 0 5px;
    font-size: 16px;
    text-transform: none; }
  .job-lists .job-location {
    font-family: 'ProximaNovaRegular', sans-serif;
    color: #ff1f00;
    font-size: 12px;
    text-transform: uppercase; }
  .job-lists .hidden-info {
    width: auto;
    border-radius: 0;
    position: absolute;
    right: -80px;
    top: -2px;
    bottom: -2px;
    width: 80px;
    height: auto;
    border-radius: 0;
    text-align: center;
    padding: 12px 10px;
    font-size: 10px;
    letter-spacing: normal;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    line-height: 1.8; }
  @media (max-width: 991px), (any-pointer: coarse) {
    .job-lists .hidden-info {
      right: 0; } }
  .job-lists .action {
    height: 48px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase; }

.job-details {
  margin: 0; }
  .job-details li {
    text-transform: none;
    font-size: 12px;
    padding: 18px 20px; }
  .job-details li:after {
    content: '';
    display: table;
    clear: both; }
  .job-details li span {
    float: right;
    font-family: 'ProximaNovaBold', sans-serif;
    font-size: 14px;
    color: rgba(242, 241, 241, 0.3);
    text-align: right; }
    .job-details li span.posted {
      color: #00ad59; }
    .job-details li span.closes {
      color: #f6351a; }
    .job-details li span a {
      color: #fff;
      line-height: 21px; }
    @media (min-width: 991px) {
      .job-details li span a:hover {
        text-decoration: underline; } }

.content-box {
  background: #fff;
  border-radius: 4px;
  border-bottom: solid 1px #cecdcd;
  margin-bottom: 20px; }
  .content-box .content-title {
    background: #1f1f1f;
    color: #fff;
    font-size: 18px;
    min-height: 50px;
    padding: 14px 20px;
    border-radius: 4px 4px 0 0;
    border-bottom: solid 1px #bfbfbf;
    position: relative; }
  .content-box .content-title a {
    color: #fff; }
    .content-box .content-title a.collapsed .title-cornor i.fa:before {
      content: '\f067'; }
  .content-box .content-title .title-cornor {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 48px;
    color: #fff;
    text-align: center;
    line-height: 48px;
    border-left: solid 1px #2c2c2c; }
    .content-box .content-title .title-cornor:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 48px;
      border-left: solid 1px #121212; }
  .content-box .content-title .days-left {
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px 10px;
    font-weight: 300;
    color: #7d7d7d; }
    .content-box .content-title .days-left small {
      position: relative;
      margin-left: 20px;
      float: right;
      line-height: 20px; }
    .content-box .content-title .days-left small:before {
      content: '';
      position: absolute;
      left: -10px;
      top: 0;
      height: 18px;
      border-left: solid 1px #121212; }
    .content-box .content-title .days-left small:after {
      content: '';
      position: absolute;
      left: -11px;
      top: 0;
      height: 18px;
      border-left: solid 1px #2c2c2c; }
  .content-box .content {
    padding: 20px;
    line-height: 20px; }

.sub-menu ul {
  margin: 0;
  padding: 0; }
  .sub-menu ul li a {
    padding: 15px 20px;
    display: block;
    color: #5f5f5f; }
  .sub-menu ul li.active a {
    border-left: solid 7px #f7351a;
    color: #fff;
    background: #171717;
    font-family: 'ProximaNovaBold'; }
  @media (min-width: 991px) {
    .sub-menu ul li:hover a {
      border-left: solid 7px #f7351a;
      color: #fff;
      background: #171717;
      font-family: 'ProximaNovaBold'; } }
/* ==========================================================================
 Radio Checkbox styles
 ========================================================================== */
.has-pretty-child {
  position: relative;
  padding-left: 20px; }

.prettycheckbox label {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 0 10px !important; }

.prettyradio label {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 0 10px; }
  .prettyradio a {
    background: none;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0; }

.prettycheckbox a {
  background: none;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0; }

.prettyradio a:before {
  content: '\f10c';
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #f6351a; }
  .prettyradio a.checked:before {
    content: '\f192'; }

.prettycheckbox a:before {
  content: '\f096';
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  color: #f6351a; }
  .prettycheckbox a.checked:before {
    content: '\f14a';
    background: #fff;
    border-radius: 50%;
    width: 15px; }

.pagination-wrap {
  margin-top: 80px; }
  @media (max-width: 767px) {
  .pagination-wrap {
    margin-top: 20px; } }

.pagination {
  margin: 0;
  float: right; }
  @media (max-width: 1200px) {
  .pagination {
    float: left;
    margin: 20px 0; } }
  @media (max-width: 767px) {
  .pagination {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 20px;
    clear: both;
    float: none;
    -webkit-flex-flow: row wrap;
    justify-content: space-around; }
    .pagination > li {
      float: none;
      margin: auto;
      flex-grow: 1;
      padding-right: 1px;
      padding-left: 1px; }
      .pagination > li:first-child {
        padding-right: 10px; }
        .pagination > li:first-child > a, .pagination > li:first-child > span {
          margin-right: 0; }
      .pagination > li:last-child {
        padding-left: 10px; }
        .pagination > li:last-child > a, .pagination > li:last-child > span {
          margin-left: 0; }
      .pagination > li > a {
        width: 100%;
        padding: 0;
        line-height: 43px;
        margin-left: 0; } }
  .pagination > li > a, .pagination > li > span {
    margin-left: 3px;
    width: 52px;
    height: 45px;
    text-align: center;
    line-height: 32px;
    border: none;
    border-bottom: solid 1px #cecdcd;
    border-radius: 4px;
    color: #1f1f1f;
    padding-bottom: 0; }
  .pagination > li.current > a, .pagination > li.current > span {
    background: #1f1f1f;
    color: #fff; }
  .pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 4px;
    margin-right: 20px; }
  .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 4px;
    margin-left: 20px; }
  @media (min-width: 991px) {
    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
      background: #1f1f1f;
      color: #fff; } }

.dropdown {
  z-index: 500; }
  .dropdown.sort-page {
    float: left;
    width: 100px;
    margin-right: 20px; }
  .dropdown.sort-by {
    float: left;
    min-width: 140px;
    width: auto; }
  .dropdown .dropdown-current {
    height: 45px;
    width: 100%;
    background: #fff;
    border-bottom: solid 1px #cecdcd;
    border-radius: 4px;
    position: relative;
    padding: 15px 50px 15px 20px;
    overflow: hidden; }
  .dropdown .dropdown-current i.fa {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #1f1f1f;
    color: #fff;
    text-align: center; }
  @media (min-width: 991px) {
  .dropdown .dropdown-menu > li > a:hover, .dropdown .dropdown-menu > li > a:focus {
    background: #1f1f1f;
    color: #fff; } }

.goTop {
  height: 45px;
  width: 60px;
  background: #fff;
  border-bottom: solid 1px #cecdcd;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  padding: 0;
  color: #1f1f1f;
  text-align: center;
  line-height: 45px;
  display: inline-block; }
/*responsive starts here*/
/**{outline: 1px solid red}*/
ul.global-error li.err {
  font-size: 14px;
  color: #c00;
  padding: 5px;
  font-weight: bold;
  border: 0; }
/*
 success li item
 */
ul.global-error li:not(.err) {
  font-size: 14px;
  color: #285b29;
  font-weight: bold;
  padding: 5px;
  border: 0; }

.apply-form .alert {
  margin: 10px; }

#login-form {
  display: none;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  width: 350px;
  padding: 10px;
  z-index: 1210; }
  #login-form .my-group label.input-group-addon {
    width: 35%; }
  #login-form .my-group .checkbox input[type=checkbox] {
    float: none; }

.flash-message {
  position: absolute;
  top: 175px;
  left: 50%;
  width: 350px;
  padding: 10px;
  margin-left: -175px;
  z-index: 101; }

#remember_me_0 {
  vertical-align: bottom; }

.input-group.my-group {
  width: 100%; }
/* Page */
.main-page {
  background: rgba(14, 14, 14, 0.9);
  border-radius: 5px;
  max-width: 90%;
  display: inline-block;
  padding: 0px 20px 0px 20px;
  line-height: 1.3em; }
  @media (max-width: 1400px) {
  .main-page {
    max-width: 90%; } }
  @media (max-width: 767px) {
  .main-page {
    max-width: 100%; } }
  .main-page p {
    margin-bottom: 1em; }
  .main-page a {
    color: #fff;
    text-decoration: none; }