body {
  margin-top: 0px;
  background:#000;
  color:#fff;
  font-weight: 300;

}
h1, h2,h5 {
  font-family:Oswald;
}
h2 {
  color:#c60f13;
  text-align:center;
  margin-bottom:50px;
}
h1 {
  color:#fff;
}
h1 img {
/* 	margin-bottom:20px; */
}
h5 {
	margin-top:0px;
}

.slick-dots li button:before {
  color:#fff;
}
#topnav {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  background:rgba(0,0,0,0.8);
  /*position:fixed;*/
  z-index: 1001;
}
#about-us {
  padding:30px 0px 50px 0px;
  margin:0px;
}
#top {
  margin:0px;
  position:relative;
}

#logo {
  width:150px;
  position:relative;
  
  top:-2px;
}

#references, #contact, #partners, #order {
  position:relative;
  padding:30px 0px 50px 0px;
}


#about-us, #contact, #order {
  color:#000;
  background: #fff;
}

#partners {
  padding-bottom:200px;
  background:#999;
}

#copyright {
  background:#000;
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  color:#fff;
  font-size:smaller;
  padding:20px;
}

#title-wrap {
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:1000;
  /*width:600;*/
}

#title-inner-wrap {
  background:rgba(0,0,0,0.8);
  /*margin-top:50%;*/
  padding:30px;
  text-align:center;
}

#title-wrap .row {
  position: absolute;
  left: 50%;
  top: 50%;

  /*
  *  Where the magic happens
  *  Centering method from CSS Tricks
  *  http://css-tricks.com/centering-percentage-widthheight-elements/
  */
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#references h3 {
  color:#c60f13;
}

.gallery {
  /*height: 600px;*/
  /*width:400px;*/
}
.gallery .slick-slide {
  /*height:100px;*/
}
.gallery .slick-slide img {
  /*height:100px;*/
}
.main-nav {
  position:fixed !important;
  padding:5px 0px;
  z-index:1002;
  top:0px !important;
  background: #333333;
}

#contact dl dt {
  width:30%;
  float:left;
  min-width:90px;
}

#contact h2 {
  /*margin-bottom:20px;*/
}

#contact h3 {
  margin-bottom:30px;
}

#contact i {
font-weight:bolder;
}

.top-bar.expanded .sub-nav li {
  display:block;
  float:none;
  margin-left:0px;
  background:#000;
}
.top-bar .top-bar-section .sub-nav li.active a  {
  /*padding:0px !important;*/
  border-radius:0px !important;
} 




@media (max-width:940px) {
  .top-bar.expanded .top-bar-section .sub-nav li.active a  {
    /*padding:0px !important;*/
    /*border-radius:0px !important;*/
    padding:12px 0 12px 0.9375rem !important;
  } 
   #title-inner-wrap {
	   padding-top:60px;
   }
   #title-inner-wrap h1 {
	  font-size: 20px;
  }
   #title-inner-wrap h1 img {
	  height:100px;width:100px;
  }
  
}

.news-date {
	display:inline-block;
	font-family:sans-serif !important;
	font-size:13px;
	background:#f00;
	color:#fff;
	padding:3px 5px 2px 5px;
	float:right;
}

.reference_gallery{
	list-style-type: none;
	text-align:center;
	display:block;
}
.reference_gallery li {
	display:inline-block;
	margin:20px;
}
.social-icons {
	font-size:45px;
	color:#c60f13;
	text-align: center;
}



#contact-form {
	position:relative;
}

#contact-form #overlay {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
	height:100%;
	background:rgba(255,255,255,0.5);
	display:none;
}
#contact-form #overlay img {
	margin:auto;
	margin-top:20%;
}

#news-pagination {
	display:inline-block;
}

#news-pagination li {
	float:right;
}

.slick-slider {
	margin-bottom: 0px !important;
}