/* ----------------------------------------------------------------
Custom CSS

Add all your Custom Styled CSS here for New Styles or
Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/



@font-face {
  font-family: myFirstFont;
  src: url('fonts/CPNOTF/CPN-Light.otf') format("OpenType");
}

body {
  font-family: 'myFirstFont' !important;
}

.promo-custombg {
     background-color : #C02942;
}

.company-list {
    background: #ffffff;
    border:1px solid #f4f5f7;
    -webkit-box-shadow:0px 0px 5px 0px rgba(107,121,124,0.2);
    box-shadow:0px 0px 5px 0px rgba(107,121,124,0.2);
}

.company-list:hover {
    border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  animation-name: example;
  animation-duration: 0.25s;
  border-left: 8px solid rgba(192,41,66,0.8);
  box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.15);
}

.thfont {
    font-family: 'myFirstFont' !important;
}

.jobdetail {
    margin-bottom: 2px; 
    margin-right:5px;
}
.revo-slider-emphasis-text {
    font-size: 64px;
    font-weight: 700;
    letter-spacing: -1px;
    font-family: 'myFirstFont';
    padding: 15px 20px;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
}

.revo-slider-desc-text {
    font-size: 20px;
    font-family: 'myFirstFont';
    width: 650px;
    text-align: center;
    line-height: 1.5;
}

.revo-slider-caps-text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    font-family: 'myFirstFont';
}
.tp-video-play-button { display: none !important; }

.tp-caption { white-space: nowrap; }

#more{
    display: none;
}

a.effect-underline:after {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1em;
    width: 100%;
    border-bottom: 1px solid;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}

a.effect-underline:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.aa {
    padding: 0.2em 0.4em !important; 
    font-size: 0.8rem !important;
}

@media only screen and (min-width: 780px) {
    
    .parent {
      position: relative;
      /*text-align: right !important;*/
    }

    .child {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
}

@media only screen and (min-width: 768px) {
  .company-logo {
    max-width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media only screen and (min-width: 375px) {
  .company-logo {
    max-width: 50%;
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
  }
}