@font-face {
  font-family: 'ITCLubalinGraphBook';
  src: url("../webfonts/itc_lubalin_graph_book-webfont.eot");
  src: url("../webfonts/itc_lubalin_graph_book-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/itc_lubalin_graph_book-webfont.woff") format("woff"), url("../webfonts/itc_lubalin_graph_book-webfont.ttf") format("truetype"), url("../webfonts/itc_lubalin_graph_book-webfont.svg#ITCLubalinGraphBook") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ITCLubalinGraphDemi';
  src: url("../webfonts/itc_lubalin_graph_demi-webfont.eot");
  src: url("../webfonts/itc_lubalin_graph_demi-webfont.eot?#iefix") format("embedded-opentype"), url("../webfonts/itc_lubalin_graph_demi-webfont.woff") format("woff"), url("../webfonts/itc_lubalin_graph_demi-webfont.ttf") format("truetype"), url("../webfonts/itc_lubalin_graph_demi-webfont.svg#ITCLubalinGraphDemi") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  color: #646464;
  background-color: #3c3c3c; }

h1, h2, h3, h4, h5 {
  font-family: "ITCLubalinGraphDemi", Helvetica, Arial, sans-serif;
  font-weight: normal; }

h1 {
  font-size: 3rem;
  color: #be1e2d;
  margin-bottom: 30px; }

h2 {
  font-size: 1.5rem;
  font-family: "ITCLubalinGraphBook", Helvetica, Arial, sans-serif; }

h1 + h2 {
  margin-top: -1.2rem; }

h3 {
  font-size: 1.3rem;
  font-family: "ITCLubalinGraphBook", Helvetica, Arial, sans-serif; }

h4 {
  font-size: 1.1rem;
  font-family: "ITCLubalinGraphBook", Helvetica, Arial, sans-serif; }

h5 {
  font-size: 1rem;
  font-family: "ITCLubalinGraphBook", Helvetica, Arial, sans-serif; }

li {
  font-size: 0.8rem;
  margin-bottom: 5px; }

p {
  font-size: 0.8rem; }
  p.lead {
    font-size: 1.1rem; }

a {
  color: #be1e2d; }

em {
  color: #be1e2d; }

strong {
  font-family: "ITCLubalinGraphDemi", Helvetica, Arial, sans-serif; }

ul {
  list-style: square; }
  ul li {
    color: #646464;
    font-family: "ITCLubalinGraphBook", Helvetica, Arial, sans-serif;
    font-size: 1.1rem; }
  ul a {
    color: #be1e2d; }

#header_container {
  border-top: 1.5rem solid #be1e2d;
  background-color: white; }

#main_container {
  background-color: #f2f2f2; }

#footer_container {
  background-color: white; }
  #footer_container h5 {
    font-size: 0.7rem;
    margin-bottom: 0; }

.btn {
  background-color: #be1e2d;
  border-color: #be1e2d; }

#logo {
  margin-top: 1rem; }

#button-quote {
  float: right;
  cursor: pointer;
  font-family: "ITCLubalinGraphBook", Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 1.7rem;
  transform: rotate(15deg);
  padding: 1rem;
  color: white;
  width: 8.5rem;
  height: 8.5rem;
  text-align: center;
  border: 4px solid white;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  background: #646464;
  /* Old browsers */
  background: -moz-linear-gradient(left, #646464 0%, #3c3c3c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #646464 0%, #3c3c3c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #646464 0%, #3c3c3c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#5c5c5c',GradientType=1 );
  /* IE6-9 */ }
  #button-quote:hover {
    background: #be1e2d; }
  #button-quote strong {
    font-family: "ITCLubalinGraphDemi", Helvetica, Arial, sans-serif;
    font-size: 1.6rem; }
  #button-quote .inner-text {
    margin-top: 13px; }

@media (max-width: 991.98px) {
  #button-quote {
    display: none; } }

.navbar {
  padding: 0 !important; }
  .navbar button {
    border: 0; }
  .navbar .nav-tabs {
    border: 0;
    padding-left: 0 !important; }
    .navbar .nav-tabs .nav-item {
      margin-bottom: -2px; }

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  #menu ul li {
    font-size: 0.8rem; }
    #menu ul li a {
      color: #646464; }
      #menu ul li a:hover {
        color: #be1e2d; }
      #menu ul li a.active {
        background-color: #f2f2f2;
        border: 0; }
    #menu ul li.active > a {
      color: #f2f2f2;
      cursor: default;
      text-decoration: none; }
    #menu ul li ul {
      padding-left: 15px;
      margin-top: 8px;
      display: none; }
    #menu ul li.child-active ul {
      display: block; }
    #menu ul li.active > ul {
      display: block; }
  @media (max-width: 991.98px) {
    #menu ul li {
      font-size: 0.9rem; } }

.breadcrumb {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin-bottom: 15px; }
  .breadcrumb li {
    font-size: 0.7rem; }
    .breadcrumb li:after {
      padding-left: 5px;
      padding-right: 5px;
      content: '>'; }

#projects .project_photos_block {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 1rem;
  vertical-align: top; }
  #projects .project_photos_block h5 {
    margin-bottom: 1rem; }
  #projects .project_photos_block h5 + .project_location {
    margin-top: -0.7rem; }
  #projects .project_photos_block .project_location i {
    margin-right: 5px;
    color: #646464; }
  #projects .project_photos_block .project_photos {
    display: inline-block;
    margin-right: 1rem; }
    #projects .project_photos_block .project_photos img {
      border: 5px solid white;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
      vertical-align: top; }
    #projects .project_photos_block .project_photos .caption {
      margin-top: 0.5rem; }

.polaroid {
  transform: rotate(-5deg);
  background-color: white;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  border: 15px solid white;
  width: 430px;
  margin: 0 auto 0 auto;
  border-radius: 2px; }
  .polaroid.first {
    margin-top: -30px; }
  .polaroid.two-images.before + .polaroid.two-images.before {
    margin-top: -90px; }
  .polaroid.two-images.after + .polaroid.two-images.after {
    margin-top: -15px; }
  .polaroid.rotate-left {
    transform: rotate(-5deg); }
    .polaroid.rotate-left .polaroid-caption {
      text-align: right; }
  .polaroid.rotate-right {
    transform: rotate(5deg); }
    .polaroid.rotate-right .polaroid-caption {
      text-align: left; }
  .polaroid.two-images.before.rotate-left {
    transform: scale(0.8) rotate(-5deg); }
    .polaroid.two-images.before.rotate-left .polaroid-caption {
      text-align: right; }
  .polaroid.two-images.before.rotate-right {
    transform: scale(0.8) rotate(5deg); }
  .polaroid.rotate-right {
    transform: rotate(5deg); }
  .polaroid.two-images.after {
    margin-top: -40px; }
  .polaroid .polaroid-caption {
    font-family: 'Caveat', cursive;
    font-size: 1.8rem;
    color: #be1e2d;
    transform: rotate(-2deg);
    padding-top: 10px;
    padding-right: 10px;
    text-align: right;
    margin-bottom: 0; }
    .polaroid .polaroid-caption .polaroid-location {
      color: #646464;
      font-size: 1.3rem;
      display: block;
      margin-top: -0.5rem; }

#contact_details h3 {
  font-family: "ITCLubalinGraphDemi", Helvetica, Arial, sans-serif; }