body{
      background: #252525 !important;
      }
      #content {
      background-color: #252525 !important;
      } 
    h1, h2, h3, h4, h5, h6 {
    color: #444;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 10px 0;
    font-family: 'Raleway', sans-serif;
  }
    p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
      margin-bottom: 10px;
    }
    .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 1.5rem 1.5rem !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px;
    color: #ffffff !important;
    background-color: #161616 !important;
    background-clip: padding-box;
    border: 1px solid #161616 !important;
    border-radius: 10px !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
    color:white !important;
    background-color:#161616 !important;
    border-color:#161616 !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
::-webkit-input-placeholder { /* Edge */
  color: #ff8227 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ff8227 !important;
}

::placeholder {
  color: #ff8227 !important;
}
.btn-primary {
    display: block;
    width: 17%;
    color: #fff;
    background-color: #ff8227;
    border-color: #ff8227;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
}
.Careersclip{display: block !important;}.mobclip{display: none !important;}

@media only screen and (max-width: 600px) {

    .Careersclip{display: none !important;}.mobclip{display: block !important;}

    .force-full-screen.full-screen.dark {height: 635px!important;}

    #google-map {
        position: relative;
        width: 100%;
        height: 190px !important;
        /*height: auto !important;*/
        padding-top: 20% !important;
    }
    .btn-primary {
        width: 40% !important;
    }
    .content-wrap {
        padding: 30px 0;
    }
    img.head_fixed {
    position: fixed;
    top: 15px !important;
    right: 10px !important;
    z-index: 9;
    width: 20% !important;
}
/* Modal Content */
.modal-content {
  width: 100% !important;
}
.row.career-text p {
    font-size: 12px !important;
     margin-top: 15px !important;
}
.row.career-text img {
    display: none;
}
#owl-example.owl-carousel .owl-nav [class*=owl-] {
    top: 40% !important;
    width: 22% !important;
}
.life-at-altius p {
    font-size: 13px !important;
}
.life-at-altius {
    margin-top: 10%;
}
.container-fluid.client_test h2 {
    margin-bottom: 10%;
    margin-top: 5% !important;
    text-align: center;
}
.container-fluid.client_test p {
    font-size: 13px !important;
}
div#carousel p {
    font-size: 13px !important;
}
.container-fluid.frmfield {
    width: 100% !important;
}
div#succmsg span {
    margin-left: 0px !important;
    font-size: 16px !important;
}
#owl-example .owl-slide {
    width: 100% !important;
  }
.owl-stage-outer {
    height: auto !important;
}
    
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

label.error {
    display: block !important;
}
label.error {
    font-weight: 400;
    color: #ff8227;
    margin-left: 10px;
}

button.owl-prev {
   display: none;
   }
   button.owl-next {
   display: none;
   }
      #google-map {
   position: relative;
   width: 100%;
   height: 220px;
   }
   .content-wrap {
   position: relative;
   padding: 5px;
   }
   /*button.owl-prev {
   display: none;
   }
   button.owl-next {
   display: none;
   }*/
   /*.owl-carousel .owl-nav .owl-next {
   left: auto;
   right: -15px !important;
   top: 140px !important;
   }*/
   #carousel .owl-item.active {
    width: 262px !important;
    margin-right: 20px !important;
}
   .owl-carousel {
   position: relative;
   height: 100%;
   }
   #owl-example .owl-slide {
   width: 60%;
   background-repeat: no-repeat;
   background-size: cover;
   margin: auto;
   background-position: center center;
   }
   div.owl--text {
   position: absolute;
   bottom: 4em;
   left: 2em;
   width: 20em;
   height: 8em;
   background: rgba(255,255,255,.5);
   }
   .owl-controls {
   position: absolute;
   top: 50%;
   left: 0;
   right:0;
   }
   
   #owl-example.owl-carousel .owl-nav [class*=owl-] {
   position: absolute;
   top: 15%;
   zoom: 0 !important;
   width: 30%;
   height: 36px;
   line-height: initial !important;
   font-size: initial !important;
   opacity: 1;
   -webkit-transition: initial !important;
   -o-transition: initial !important;
   transition: initial !important;
   }
   #owl-example button.owl-next {
   display: block;
   left: auto !important;
   right: -21%;
   background: transparent;
   }
   #owl-example button.owl-prev {
   display: block;
   right: auto !important;
   left: -21%;
   background: transparent;
   }

   .owl-nav.disabled {
    display: block !important;
}
   select.select_opt {
    width: 100%;
    padding: 0.9rem 0.9rem !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 15px;
    color: #ff8227 !important;
    background-color: #161616 !important;
    background-clip: padding-box;
    border: 1px solid #161616 !important;
    border-radius: 10px !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.card {
    /*height: 80vh !important;*/
}
.container-fluid.frmfield{
    width: 70%;
}

@media only screen and (min-width: 1440px) {
.card {
    height: 35vh !important;
}
.modal-content {
    top: 150px !important;
  }

}

@media only screen and (min-width: 1920px) {
.card {
    height: 30vh !important;
}
#carousel .owl-item.active {
    width: 376.66px !important;
    margin-right: 40px !important;

}
.container-fluid.client_test h2 {
    margin-top: 15% !important;
}
.modal-content {
    top: 200px !important;
  }
}