html {
  position: relative;
  min-height: 100%;
}

body {
  
  /*font-family: "Montserrat", sans-serif;*/
  font-family: 'Roboto Slab', serif;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #333333;
  background-color: #f7f7f7;
}
p {line-height: 1.7rem;} a {
  color: #113053;
  text-decoration: none;
}

a:focus, a:hover {
  color: #eb2227;
  text-decoration: underline;
}
h1, h2, h3,
h4, h5, h6 {
  font-family: 'Roboto Slab', serif;
/*  font-family: "Montserrat", sans-serif;*/
  color: #222222;
  line-height: 1.5em;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 400;
}
h6 {font-size: 13px;}
.nav-item a {font-family: 'Amiri', serif;font-size:1rem;font-weight: 300;} .nav-item.active a{font-weight: 700;} .bgwhite {background:#fff !important;
    z-index: 999;
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}

.nav-holder {
  background:rgba(255, 255, 255, 0.8);

}
#navbar {
    padding-top: 13px;
    padding-bottom: 13px;
}
.overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.banner-area {
  background: url(../img/matsas_home.jpg) no-repeat center center/cover;
}
.inside-banner-area {
  background: url(../img/history_bg.jpg) no-repeat center center/cover;
}
.services-area {
  background: url(../img/services_bg.jpg) no-repeat center center/cover;
}
.photos-area {
  background: url(../img/photos_bg.jpg) no-repeat center center/cover;
}
.contracts-area {
  background: url(../img/contract-bg.jpg) no-repeat center center/cover;

}
.contact-us-area {
background: url(../img/contact-bg.jpg) no-repeat center center/cover;
}
.relative {
  position: relative;
}
.bannerh1 {font-family: 'Amiri', serif;font-size:55px; font-weight: 400; /*font-style: italic; */ line-height: 1.2;}
.bannerh2 {font-size:35px; font-weight: 300;line-height: 1.2;}
.text-white {
  color: #fff;
}
.section-full {
  padding: 80px 0;
}
.wtitle{ color:#113053; letter-spacing: 2px;font-family: 'Amiri', serif;}
.wtitle span {border-bottom:2px solid #bba482;}
.wtitle2{ font-family: 'Amiri', serif; color:#113053; letter-spacing: 2px;/*border-bottom:2px solid #bba482;*/}
h2.wtitle3 {margin-bottom:15px;}
h2.wtitle3 span {padding-bottom:5px;border-bottom:1px solid #bba482;font-size: 1.5rem;}
.bluebg {background-color:#0f385c;/*#10405b;*/}
.footer-bottom {font-size:13px;background-color: #022944;color:#969696;}
.footer-bottom a {color:#969696;font-weight: 600;}
.nopadding {padding: 0;}

.fixed {position: fixed;}
.timeline {
 /* position: fixed;*/
  z-index: 99;
  top: 0;
  transition: top .3s ease-out;
}
.timeline ul {
  list-style: none;
  list-style-position: inside;
  margin: 15px 0;
}
.timeline ul li {
  margin: 15px 0;
  padding-left: 0;
  list-style-type: none;
  color: #bba482/*#bfc1c3*/;
  font-weight: 400;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.timeline ul li.active {
  font-weight: bold;
  color: #f94125;
  border-bottom: 1px dotted transparent;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.timeline ul li:hover {
  color: #000;
}
.services ul {margin-top:20px;padding-left: 0px;}
.services ul li { margin-bottom:10px; }
.services ul li a { color:#414141; }

.services ul li a:hover {
  color:#bba482;
  text-decoration: none;
}
.services ul li.active a {
  color:#bba482;
  text-decoration: none;
}

.services ul li.active {
  color:#bba482;
  font-weight: bold; }

  .services ul li a:before {content: "> ";}
  .services ul li.active a:before {content: " ";}
  .services ul li.active a:after {content: " >";}


  #contracts a {font-size: 14px;line-height: normal;}
#contracts a:hover {text-decoration: none;}


    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
        border:1px solid #e4e4e4;
    }
    .google-maps iframe {
        
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }