/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */

/* Simple style overrides or custom adds */

/* Theme fonts */

@font-face {
  font-family: -futuraStdHeavy;
  src: url(../fonts/futura/FuturaStdHeavy.ttf);
}

@font-face {
  font-family: -futuraThin;
  src: url(../fonts/futura/FuturaThin.ttf);
}

@font-face {
  font-family: -futuraBold;
  src: url(../fonts/futura/FuturaBold.ttf);
}

@font-face {
  font-family: -futuraStdBook;
  src: url(../fonts/futura/FuturaStdBook.ttf);
}

@font-face {
  font-family: -futuraRound;
  src: url(../fonts/futura/FuturaRound.ttf);
}

@font-face {
  font-family: -FuturaBook;
  src: url(../fonts/futura/FuturaBook.ttf);
}

/* h1, h2, h3, h4, h5, h6 {
  font-family: -futuraStdHeavy;
} */

a, p, span, li {
  font-family: -futuraRound;
}

.main-nav > ul > li > a,
.main-nav > a {
  font-family: -futuraRound;
}


/* .pointer */

.pointer {
	cursor: pointer;
}


/* .services_box */

.services_box .services_box__icon-inner {
	margin-bottom: 10px;
}

.services_box .services_box__icon-inner img {
	width: 80px;
}


/* .hg_map_container */

.hg_map_container,
.th-google_map {
  min-height: 850px;
}


/* .hg_modal */

.hg_modal .modal-dialog {
  min-width: 85%;
  padding-bottom: 50px;
}

.hg_modal .modal-header {
  border-bottom: none;
}

.hg_modal .modal-body {
  min-height: 80vh;
}

.hg_modal .modal-body .header {
	text-align: center;
}

.hg_modal .modal-body .header img {
	width: 75px;
}

/** .careers-form **/

.careers-form {
  color: #fff;
}

.careers-form-box {
  background-color: #253645;
}

.careers-form input, 
.careers-form select, 
.careers-form textarea {
  border-radius: 0;
  background-color: #77818A;
  color: #fff
}

.careers-form button {
  border-radius: 0;
}

.careers-form .form-check-label {
  font-size: 11px;
  line-height: 12px;
  position: relative;
  top: 5px;
}

.careers-form input::placeholder, 
.careers-form select::placeholder, 
.careers-form textarea::placeholder {
  color: #fff;
}

.careers-form input::placeholder:hover, 
.careers-form select::placeholder:hover, 
.careers-form textarea::placeholder:hover {
  color: #000;
}



/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */

/** Higher screens+ **/
@media only screen and (min-width: 1921px) {
}

/** Desktop+ **/
@media (min-width: 1200px) {
}

/** Laptop **/
@media (max-width: 1200px) {
}

/** Laptop+ **/
@media (min-width: 991px) {
}

/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {
}

/** Large Tablets **/
@media (max-width: 992px) {
}

/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {
}

/** Tablets+  **/
@media (min-width: 768px) {
}

/** Tablets (portrait mode)  **/
@media (min-width: 481px) and (max-width: 768px) {
}

/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {
}

/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {
}

/** Smartphone portrait mode **/
@media (max-width: 480px) {
}

/** Normal phone portrait mode+ **/
@media (min-width: 320px) {
}