@font-face {
    font-family: rbt-it;
    src: url("fonts/robotoblack-italic.ttf");
}

@font-face {
    font-family: rbt-md;
    src: url("fonts/robotomedium.ttf");
}

@font-face {
    font-family: rbt-th;
    src: url("fonts/robotothin.ttf");
}

@font-face {
    font-family: rbt-th-it;
    src: url("fonts/robotothin-italic.ttf");
}

body {
  font-family: rbt-th !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

img {
  max-width: 100%;
}

h4 {
    font-family: rbt-md !important;
    color: #ed1c24 !important;
    font-weight: bolder !important;
}

.header-container {
  position: relative;
}

.border {
  width: 100%;
}

.item img {
  width: 100%;
}

.navbar-default .navbar-nav>li>a {
  font-family: rbt-md;
  color: #fff !important;
}

.carousel-caption {
  font-family: rbt-it;
  font-size: 40px;
}

h1.title, h1.title-sm {
  font-family: rbt-th-it;
  color: #fff;
}

.navbar-brand {
    height: auto !important;
}

nav.navbar.navbar-default {
    background: transparent !important;
    border: none !important;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

.header-info-section {
    position: absolute;
    right: 0;
    bottom: 0;
}

p.header-phonenumber, p.header-phonenumber a {
    text-align: right;
    font-size: 25px;
    color: #fff;
    font-family: rbt-th-it;
    font-weight: bold;
}

.content-container {
    padding: 20px 0px;
}

.black-section {
  background-color: #18191c;
}

.inline-content h1 {
  font-family: rbt-th;
  color: #fff;
  font-size: 30px;
}

.inline-content {
    display: inline-block;
    padding: 0px 20px;
}

.inline-contents {
  text-align: center;
}

.homepage-slider2 {
    position: relative;
}

.homepage-slider2 .border-inbottom {
    margin-bottom: -100px;
    position: absolute;
    top: 0;
    z-index: 9;
}

.navbar-default .navbar-nav>li>a {
    text-shadow: 2px 3px 2px #000000;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #d46163 !important;
}

.border.border-intop {
  margin-bottom: -2px;
}

.border.border-inbottom  {
  margin-top: -2px;
}

.navbar-toggle {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
}

.banner {
  background-size: cover;
  background-position: 0 50%;
  height: 400px;
  position: relative;
}

.banner .banner-content {
  position: absolute;
  bottom: 50px;
  width: 100%;
}

.page-banner {
  position: relative;
}

.banner-border .border {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.project-container {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
}

.project-container .project-caption {
  color: #fff;
  font-size: 20px;
  line-height: 50px;
}

.white-section .project-container .project-caption {
    color: #000;
}

.project .link {
    background-color: #fff;
    color: #000;
    font-weight: bolder;
    padding: 5px 15px;
    border-radius: 25px;
    border: 3px solid #ff0000;
    font-family: rbt-md;
    font-size: 15px;
}

.white-section .project .link {
  background-color: #18191c;
  color: #fff;
  border: 3px solid #ff0000;
}

.project .link:hover {
  text-decoration: none;
    border: 3px solid #008000;
}

.testimonial {
  padding: 0 50px;
  position: relative;
  font-family: rbt-th-it;
}

.testimonial .qoute {
  position: absolute;
  top: 0;
  left: 0;
}

.testimonial .writer {
  text-align: right;
  font-family: rbt-th;
  margin-top: 20px;
}

.black-section .testimonial, .about-us, .contact-form,  .contact-form a {
  color: #fff !important;
}

.white-section .testimonial {
  color: #000 !important;
}

.projects-slider {
    margin-bottom: 20px;
}

.banner-content.proejct-slider {
    position: relative;
}

.project-slider-caption {
    position: absolute;
    bottom: 0px;
    z-index: 9;
    width: 100%;
}

.banner-content.proejct-slider .projects-slider {
    margin: 0;
}

.modal.and.carousel {
  position: absolute; // Needed because the carousel overrides the position property
}

input.btn.btn-warning.custom {
    font-size: 18px;
    font-weight: bolder;
    width: 180px;
}

.modal-project-slider .item img {
  max-height: 90vh;
  width: inherit;
}

.header-phonenumber {
    text-shadow: 2px 3px 2px #000000;
}

#footer a, #footer {
    color: #fff;
}
#footer {
    background-color: #111213;
    padding: 50px 0;
}

#bs-navbar-collapse-1 {
    position: relative;
}

#carousel-homepage-generic {
    margin-bottom: -120px;
    z-index: -9;
}

@media screen and (min-width: 768px) {
  .carousel-caption {
      right: auto !important;
      left: 10% !important;
      padding-bottom: 100px !important;
  }
}

@media (max-width: 991px) {
  nav.navbar.navbar-default {
    position: relative;
    background-color: #2f2f2f !important;
    margin-bottom: 0;
    padding: 15px 0;
  }
  .navbar-header, .header-info-section {
    position: relative !important;
    width: 100%;
    text-align: center;
  }
  .navbar-brand {
    float: none !important;
  }
  .navbar-brand>img {
    display: inherit !important;
    width: 130px;
    margin-bottom: 10px;
  }
  .header-phonenumber, p.header-phonenumber a {
    text-align: center !important;
  }
  .navbar-right {
    float: none !important;
    display: inline-block !important;
  }
  .navbar-header {
      margin: 0 !important;
  }
  .banner {
    height: 250px;
  }
  #header-navigation {
    float: none !important;
  }
}

@media (max-width: 767px) {
  .carousel-caption {
    font-family: rbt-it;
    font-size: 30px;
    top: 20px;
}
#footer span {
    display: inline-block;
}
}

/* Slider Styles */
.homepage-banner .carousel .item {
    max-height: 700px;
}

.logo-footer {
    width: 210px;
}

@media only screen and (min-width: 1200px) {
    .modal-dialog .item img {
        width: 100%; /* width: auto; */
        height: 600px !important;
        max-height: 600px;
        display: inline-block !important;
    }
}   

.modal-content {
    background-color: rgba(0,0,0, 1) !important;
}

.inline-contents a,
.inline-contents a:visited,
.inline-contents a:hover,
.inline-contents a:focus {
    color:  inherit;
    text-decoration: none;
}