.section-content{
	margin:0 auto;
	max-width:1168px;
	position:relative;
	padding:0 15px 88px;
	text-align:left;
}
.section-content:after{
	content: " ";
  display: table;
	clear: both; 
}

.home-header .section-content,
.clients .section-content{padding-bottom:0}
/**/
/*body#home { background:#000;}*/

#home #maincontent{
	width:100%;
	margin:0;
	padding:0;
}

#home #tabs{
	position: absolute;
	z-index: 1;
	top: -2px;
}

.subtitle{
	margin: 0 0 28px 0;
	text-align:left;
}

/* hero*/
.home-header {
	width:100%;
	position: relative; 
	height: 269px;	
	background:#000;	
	color:#ffffff;
	margin:72px auto 88px;
	padding:97px 0 114px;
}
.home-header h1,
.home-header p{color:inherit; margin:0; text-align:left}
.home-header p{margin-top:21px; max-width:50%; font-size:16px;}

.home-header-bg{
	position: absolute;
	width: 50%;
	left: 50%;
	top: 0;
	bottom:0;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	background-position: center center;
}
.home-header-bg:after {
  display: block;
  position: absolute;
	background-image: linear-gradient(180deg, rgba(26,26,26,0.00) 70%, #1A1A1A 100%);
  height: 100%;
  bottom:0;
  width: 100%;
  content: '';
}
.home-header-bg.random-1{
	background-image: url("../assets/home/hero-bg-1.jpg");
	background-position: center bottom;
}
.home-header-bg.random-2{
	background-image: url("../assets/home/hero-bg-2.jpg");
}
.home-header-bg.random-3{
	background-image: url("../assets/home/hero-bg-3.jpg");
}
.home-header-bg.random-4{
	background-image: url("../assets/home/hero-bg-4.jpg");
}

.home-header .button-link{
  display:inline-block;
		margin-top:40px;
}

/**/
.image-container {
  position: relative;
	display:inline-block;
	z-index:1;
	margin:0 4px 8px;
	line-height:0;
}
.image-container img{
	border-radius: 4px;
	width:inherit;
	height:inherit;
}
.image-container h3{
	margin: 0;
	padding: 0;
	display: table;
	height: 142px;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
}

.image-container h3:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px; 
	border: 1px #000 hidden;
	content: '\A';
	background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(16, 22, 35, 0.26));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(16, 22, 35, 0.26));
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.8)), to(rgba(16, 22, 35, 0.26)));
	background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(16, 22, 35, 0.26));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(16, 22, 35, 0.26));
}

.home-categories .image-container h3:hover:before,
#browse-latest .image-container h3:hover:before{background: #e0f4ee !important;}

.home-categories .image-container h3:hover a,
#browse-latest .image-container h3:hover a{color:#2d4a41}

.image-container h3 a,
.image-container h3 span {
	font-family: "FuturaPTHeavy", Helvetica, sans-serif; 
	position: relative;
	border-radius: 4px;
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	letter-spacing: 3.4px;
	display: table-cell;
	vertical-align: middle;
}
.image-container img{width:188px;}

/*CATEGORIES*/
.home-categories {margin:0 -4px}
.home-categories .image-container img{height: 142px;}
.home-categories .image-container.big img{width:580px;height: 202px;}
.home-categories .image-container.big h3{height:202px;}

/*BROWSE*/
.browse-tabs{margin:0 4px; border-bottom:1px solid #ececec}
.tab-title{ 
font-family: "HelveticaNeueLTPro-Bold", Helvetica, sans-serif;
	display:inline-block; 
	color: #828282;
	padding:10px 24px 20px;
	cursor:pointer;
}
.tab-title:hover,
.tab-title:focus,
.tab-title.active{color: #1a1a1a;}
.tab-title.active{border-bottom:2px solid #1a1a1a}

.tab-content{
	display:none;
	margin-top:40px;
}
.tab-content.active{
	display:block;
}
.tab-content:after{
    content: "";
    display: table;
}

.tag-box {
  width: 280px;
  height: 80px;
  margin:0 8px 16px;
  display:inline-table;
  border-radius: 8px;
  background-color: #f4f9f7;
  background-repeat:no-repeat;
  background-position:16px;
  font-size:16px;
}
.tag-box:hover,
.tag-box:focus{background-color:#e0f4ee}

a.tag-title{
	font: normal 16px/24px  "HelveticaNeueLTPro-Bold", Helvetica, sans-serif;
	display: table-cell;
	vertical-align: middle;
	color:#333333;
	text-transform:capitalize;
}
#browse-location, #browse-tags{margin-left:-8px; margin-right:-8px;}

#browse-latest{margin-left:-4px; margin-right:-4px; font-size:0}
#browse-latest img{
	border-radius: 4px;
	width:286px;
	height:142px;
}

#browse-latest .image-container h3:before{
	background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(16, 22, 35, 0.26));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(16, 22, 35, 0.26));
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.4)), to(rgba(16, 22, 35, 0.26)));
	background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(16, 22, 35, 0.26));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(16, 22, 35, 0.26));
}


/****VIDEO*/
.video{margin:0 -4px}
.video .image-container{
	width:188px;
	background: #000000;
	border-radius:4px;
	font-size: 0;
}
video,
.video .image-container img,
.video .image-container h3{height: 140px;}
.video .image-container h3:before{background: none;}
.video .image-container h3:hover:before{
	 border: 0;
	 background: none;
}
.video .image-container h3 span {font-size:14px; padding: 0 10px;}
.video .image-container h3:hover a{display:none;}
video{
	border-radius:4px;
	display:none;
	width:188px;
}

/****discover*/
.discover {padding-top:104px;background:#f4f9f7}

.features{display:table;margin-bottom:38px; margin-top:38px}

.feature{
	position:relative;
	display: table-cell;
	padding: 0 12px;
	width: 272px;	
	max-width:272px;
	vertical-align: top;	
}
.feature:first-of-type{padding-left:0}
.feature:last-of-type{padding-right:0}

.circle {
	width: 104px;
	height: 104px;
	padding:0px;
 margin:0;
 display: flex;
 flex-direction: column;
 justify-content: center;
 overflow: hidden;
}
.feature-description h4 {font-size:24px; line-height:32px; text-align:left; margin:0}
.feature p{
	font-size:16px;
	line-height:24px;
	color: #828282;
}

.fact{
	display:inline-block;
	font-size:16px;
	line-height:24px;
	font-weight:900;
	color: #828282;
	min-width: 272px;
	margin-right:20px;
}
.fact-number {
	font: normal 42px/38px  "HelveticaNeueLTPro-Bold", Helvetica, sans-serif;
 display: block;
	color: #2d4a41;
	margin:12px 0 14px;
}

/* clients */
.clients{background:#000000; position:relative;}
.clients,
.clients .subtitle,
.client {opacity:0}

.clients-bg{
	background-image:url('../assets/home/home-clients-6.jpg');	
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;	
	background-position:top right;
	background-repeat:no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 33%;
	width:67%;
}
.clients-bg:after {
  display: block;
  position: absolute;
  background-color: rgba(53, 53, 53, 0.32);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.24), rgb(0, 0, 0));
  top:0;
  left:0;
  right:0;
  bottom:-2px;
  width: 100%;
  content: '';
}

.section-left{
	display:table-cell; 
	width:33%;
	background:#000000;
	vertical-align:middle;
	padding-right:5%;
}

.section-left .subtitle{color:#ffffff;}

.section-right{
	vertical-align:top;
	display:table-cell; 
	padding:3%;
	position: relative;
}

.client {
	display:inline-block;
    padding: 4% 6%;
	width:12%;
	vertical-align:middle;
	position: relative;
	z-index:200;
}
.clients img{
	display: table-row;
  vertical-align: middle;
	width: 100%;
	opacity: 0.67;
}	

.home-footer{background:#000000;}
.home-footer .section-content{max-width: 650px; padding: 120px 15px 132px}
.home-footer .subtitle{
	font-size:42px;
	line-height:48px;
	color:#ffffff;
	text-align:center;
	margin:0
}
.home-footer a{color:#00ffaf;}
.home-footer a:hover,.home-footer a:focus{color:rgba(51, 239, 180,0.5);}

@media all and (min-width:5000px) {
	.clients-bg{left:40%; width:60%}
}
@media only screen and (max-width:1215px) {
	.home-categories .image-container img {width:138px}
	.home-categories .image-container.big img {width:430px}
	.home-header p{max-width: 350px;}

	.section-content{padding-bottom:55px; max-width:872px;}
	.home-header{margin-bottom:55px;}
	.home-header h1 {max-width: 400px;}
	#browse-latest img{width:316px}
	.tag-box{width:280px}
	
	.discover .section-content{max-width:600px;margin:0 auto;}
		.fact,
	.feature,
	.feature:first-of-type,
	.feature:last-of-type {
		display: inline-block;
		width: 46%;
		padding: 0 2% 37px 0;
		max-width:46%;
	}

	.section-left {width: 37%;}
	.client {padding: 6%;}
	
}

@media only screen and (max-width:918px) {
	#home .messages-container{top:72px}
	
	.section-content{padding: 0 5px 60px;	max-width:634px !important;}
	
	.home-header{height:auto;margin-top: 62px;}
	.home-header h1.tagline {font-size:40px; line-height:46px;}
	.home-header-bg{left:0; width:100%}

	.home-categories .image-container img {width:206px}
	.home-categories .image-container.big img {width:313px; height:131px}
	.home-categories .image-container.big h3 {height:131px} 
	
	#browse-latest img{width:313px;}
	.tag-box {width: 308px;}

			
	.video .image-container img, video{width:206px;height:153px;}
	.video .image-container{width:206px}
	.video .image-container h3{height:153px;}
	
	.discover {padding-top: 62px;}

	.fact {padding-bottom:0}
	
	.clients-bg{left:0; top:306px;width:100%}
	.section-left{ padding:50px 30px 0px; height:256px;}
		.section-left,
	.section-right,
	.clients .subtitle{
		text-align:center;
		float:none;
		display:block;
		width:auto;
	}
	
	.home-footer .subtitle {font-size: 36px;}
	
}
@media only screen and (max-width:690px) {
 .section-content{max-width:346px !important;}

 .home-header {padding:0px 0 24px;}
	.home-header-bg{position:relative; height:286px; margin-bottom:17px;}
	.home-header .button-link{display:block}
	.home-categories .image-container img{width:169px; height: 105px;}
	.home-categories .image-container.big img{width:346px; height:105px}
	.home-categories .image-container h3,
	.home-categories .image-container.big h3{height:105px}
	
	.home-browse{text-align:center}
 .browse-tabs{margin:0}
	#browse-latest img{width:346px;}
	.tag-box{width: 337px;}
	
	.video .image-container,
	.video .image-container img, video,
	.video .image-container h3{width:169px; height: 128px;}
	
	.discover {padding-top: 39px;}
	
	.feature,
	.feature:first-of-type,
	.feature:last-of-type{width:100%;max-width:100%; display:block; padding:0; margin-bottom:20px; }
	.circle {margin-left:20px;}
	.feature > div{display:table-cell;}
	.feature-description {vertical-align: top;}
	.feature-description h4{font-size:20px}
	.feature-description h4,
	.feature-description p {text-align:left; margin:0 0 5px 20px; }
	
	.client {padding: 7%; width:18%}
}
@media only screen and (max-width:381px) {
	.image-container{margin: 0 3px 6px;}
}
@media only screen and (max-width:369px) {
	.section-content{padding-left:8px; padding-right:8px; text-align:center}
	.subtitle{text-align:center}
	.home-categories .image-container.big img, 
	#browse-latest img{width:100%;}
}

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 144dpi) { 
	.home-header-bg.random-1{
		background-image: url("../assets/home/hero-bg-1@2x.jpg");
		background-position: center bottom;
	}
	.home-header-bg.random-2{
		background-image: url("../assets/home/hero-bg-2@2x.jpg");
	}
	.home-header-bg.random-3{
		background-image: url("../assets/home/hero-bg-3@2x.jpg");
	}
	.home-header-bg.random-4{
		background-image: url("../assets/home/hero-bg-4@2x.jpg");
	}
}