@font-face {
    font-family: 'bonvenocflight';
    src: url('../fonts/bonvenocf-light-webfont.eot');
    src: url('../fonts/bonvenocf-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bonvenocf-light-webfont.woff2') format('woff2'),
         url('../fonts/bonvenocf-light-webfont.woff') format('woff'),
         url('../fonts/bonvenocf-light-webfont.ttf') format('truetype'),
         url('../fonts/bonvenocf-light-webfont.svg#bonvenocflight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*
{
	margin:0;
	padding:0;
}
body
{
	background:#f3f3f3 !important;font-family: 'bonvenocflight';
}
a{text-decoration: none;}
/* a, ul li{  font-family: 'bonvenocflight';} */
header {
  background: #181818 none repeat scroll 0 0;
  padding-bottom: 47px;
}
.logo img
{
	float:left;
	max-width:206px;
}
.logo ul
{
	float:right;
	margin-bottom:0;
	margin-top:20px;
}
.logo ul li
{
	list-style:none;
	display:inline;
}
.logo ul li span {
  /* border-right: 1px solid #fff; */
  color: #fff;
  font-family: "bonvenocflight";
  font-size: 15px;

  text-transform: uppercase;
  cursor: pointer;
}
/* .logo ul li:last-child a
{
	border-right:none;
} */
.header_main h1 {
  color: #fff;
  font-family: "montserratregular";
  font-size: 36px;
  line-height: 47px;
  margin-bottom: 40px;
  margin-left: -15px;
  margin-top: 0;
  text-transform: uppercase;
  margin-left: 0;
}
.header_main span
{
	font-family: 'bonvenocflight';
	font-size:15px;
	color:#fff;
	display:inline-block;
	background:#1799d0;
	padding:10px;
	text-transform:uppercase;
}
.header_main nav {margin-top: 70px;}
.header_main nav ul li{display: inline-block;}

.header_main nav ul li a {display: inline-block;color: #fff;text-decoration: none;    font-family: 'bonvenocflight';padding: 5px 15px;}
.header_main nav ul li.active {background: #fff;color: #000;}
.header_main nav ul li.active a {color: #000;}
.header_top
{
	padding:0px 0 0px 0;
}
.menu {
  padding-top: 76px;
}
.menu .hdd{font-size: 20px;color: #fff;margin-bottom: 20px;}
.mid_section
{
	position:relative;
}
.mid_sec_black_hd
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:50px 0;
	background:#181818;
}
.proj
{
	height:419px;
	text-align:center;
	position:relative;
	overflow:hidden;
	
}
.proj_logo
{
	 padding:20px;
}
.masks
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	transform:scale(0);
	transition:ease all .4s;
	padding:30px;
	opacity:.9;
	
}
.mask_inner
{
	/*border:solid 1px #fff;*/
	height:360px;
	transition:ease all .5s;
}
.masks h3
{
	 font-family: 'bonvenocflight';
	 font-size:23px;
	 color:#fff;
	 margin:0;
}
.mask_txt
{
	position:relative;
	top:44%;
	transform:translate(-50%,25%);
	transition:ease all .5s;
}
.proj:hover .mask_txt
{
	transform:scale(1);
}
.proj:hover .masks
{
	transform:scale(1);
}

.proj1 .masks
{
	background:#1e8f97;
	
}

.proj2 .masks
{
	background:#65b0da;
	
}
.proj3 .masks
{
	background:#fc1e26;
	
}
.proj4 .masks
{
	background:#c62d3d;
	
}
.proj5 .masks
{
	background:#36b2b2;
	
}
.proj6 .masks
{
	background:#c1161c;
	
}
.proj7 .masks
{
	background:#03d7ec;
	
}
.proj8 .masks
{
	background:#883c5d;
	
}
.logo1 .masks
{
	background:#569e95;
}
.logo2 .masks
{
	background:#dd4e44;
}
.logo3 .masks
{
	background:#4690cd;
}
.logo4 .masks
{
	background:#fcc342;
}
.logo5 .masks
{
	background:#7bad00;
}
.logo6 .masks
{
	background:#0089cf;
}
.logo7 .masks
{
	background:#c44d9d;
}
.logo8 .masks
{
	background:#277abe;
}
.proj_row .proj img {
  height:auto;
  width: 100%;
}
.proj_row
{
	margin-bottom:60px;
}
/* .image img {
  
} */
.logo_row
{
	margin-bottom:60px;
}
.logo_row .proj img {
  max-width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}
.proj.logo1
{
	background:#569e95;
}
.proj.logo2
{
	background:#dd4e44;
}
.proj.logo3
{
	background:#fff;
}
.proj.logo4
{
	background:#292929;
}
.proj.logo5
{
	background:#7bad00;
}
.proj.logo6
{
	background:#0089cf;
}
.proj.logo7
{
	background:#fff;
}
.proj.logo8
{
	background:#fff;
}
.ftr_inner h4
{
	font-family: 'bonvenocflight';
	font-size:23px;
	color:#616161;
}
.ftr_inner h1 {
  color: #1799d0;
  font-family: "montserratregular";
  font-size: 54px;
  margin-bottom: 37px;
  margin-top: 32px;
  text-transform: uppercase;
  letter-spacing: 12px;
}
.ftr_inner ul li
{
	list-style:none;
	/* float:left; */
	line-height: 2;
}.ftr_inner ul li a
{
	font-family: 'bonvenocflight';
	font-size:19px;
	color:#505050;
	margin-right:46px;
}
.get-couch
{
	padding:30px 0 75px 0;
}
footer{background: #181818;padding: 20px;}
footer .ft-bottom{text-align: center;color: #a19d9d;font-size: 12px;}
.mb_padding{padding: 16px;}
.top-header-inner{display: flex}
.top-header-inner ul{margin-left: auto;}
.myLinkToTop{color: #fff;cursor: pointer;list-style: none;}

@media (min-width: 767px) {
	.header_top
{
	padding:30px 0 80px 0;
}
	.mb_padding{padding: 0px;}
	.header_main h1{font-size: 70px;line-height: 70px;}
	.ftr_inner h1 {
		
		font-size: 60px;
		
	  }
}