@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700|Muli:300,300i,400,400i';


* {
	font-family: 'Muli', sans-serif;
}

span.accent {
	font-weight:bold;
}

.container {
	width:100%;
	max-width:1270px;
	padding:0;
}

a, a:hover {
	text-decoration:none;
}

.row {
	margin:0 0;
}

.def {
	color:#1c1c1c;
}

.row-eq-height {display:flex;}




/********* HERO *********/

.vid_container {
	height:600px;
	max-height:600px;
	overflow-y:hidden;
	position: relative;
}

.vid_container:after {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
}

.hero_content {
	width:100%;
	text-align:center;
	position:absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    color: #fff;
    text-shadow: 2px 2px 8px #000;
}

.hero_title {
	font-size:4rem;
	font-weight:bold;
	margin-bottom:25px;
}

.hero_caption {
	font-size:2rem;
}




video {
	width:100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.cta {
	padding:0;
	background-color:#b0b91e;
	color:#fff;
	line-height:80px;
    position:relative;
    margin-top:-30px;
}

.cta *:not(.fa) {
	font-family:'Montserrat'!important;
}

	.cta > div {
		padding-left:0;
	}


	.cta p {
		text-transform: uppercase;
		margin-left:10px;
	}


	.cta i {
		width: 80px;
	    height: 100%;
	    text-align: center;
	    background-color: rgba(34, 34, 34, 0.34);
	    line-height: 80px;
	    margin-right:25px!important;
	}

.submitemail {
	width:100%;
	text-align:right;
	font-weight:normal;
}

.submitemail label, .submitemail input {
	margin-right:15px;
	font-weight:initial;
}

input.email {
	background-color:rgba(34, 34, 34, 0.34);
	line-height:2;
	border:none;
	width:55%;
	padding:0 5px;
}

	input.email:focus {
		outline:none;
	}

.btn.sign_up {
	background:none;
	border-radius:0;
	color:#fff;
	border:2px solid #fff;
	padding:6px 5%;
	text-transform: uppercase;
	display:inline-block!important;
	margin:0!important;
}

.btn.sign_up:hover {
	background:#fff;
	color:#1c1c1c;
}

.home-intro {
	text-align:center;
	padding:50px 150px;
}

.home-intro h3 {
	font-size:3em;
	text-transform:uppercase;
	margin-bottom:10px;
	font-family:'Montserrat';
	font-weight:bold;
}

.home-intro p {
	font-size:1.2em;
	line-height:1.4em;
}







/********* QUESTION TILES *********/

main {
	background-color:#ebebeb;
	margin:0;
	padding-bottom:50px;
}

.main-tiles {
	margin:0 auto;
}

.tile .question {
	font-family: 'Montserrat'!important;
}

.question .accent {
    font-family: 'Montserrat';
}

.tile, .overlay {
	width:310px;
	height:254px;
	background:#fff;
}

	.tile.tall, .overlay.tall {
		height:518px;
	}

	.tile.wide, .overlay.wide {
		width:630px;
	}

	.tile.large, .overlay.large {
		height:518px;
		width:630px;
	}

.tile.Image {
	    text-shadow: 1px 1px 5px rgba(16, 16, 16, 0.51);
}

.tile.Text {
	color:#1c1c1c;
	text-align:center;
	padding:20px;
}

	.tile.Text:hover {
		background-color:#b0b91e;
	}

	.tile.Text:hover img {
	    -webkit-filter: brightness(10) grayscale(1);
	}

	.tile.Text div {
	    position: relative;
	    top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}

.tile {
	color:#fff;
	text-transform:uppercase;
	font-size:1.2rem;
	line-height:1.3;
	background-size:cover;
	text-decoration: none;
}

.tile .accent {
	font-size:1.4rem;
}

	.tile:hover {
		color:#fff;
	}

.tile .accent {
	display:block;
}

.tile .arrow {
	position:absolute;
	bottom:0;
	right:0;
	height:70px; width:70px;
	background:#1c1c1c;
	text-align:center;
	line-height:70px;
	z-index:99;
	transition:.25s;
	-webkit-transition: .25s
}

.tile.Image .question {
	padding:20px;
	position:absolute;
	z-index:99;
}

	.tile.Image .bottom .question {
		bottom:0;
	}

	.tile.Image .bottom .arrow {
		top:0;
		right:0;
	}

	.tile.Image .top .question {
		top:0;
	}

	.tile.Image .top .arrow {
		bottom:0;
		right:0;
	}

.overlay {
	width:100%;
	background:#b0b91e;
	opacity:0;
	transition:.25s;
	-webkit-transition: .25s
	font-size:1rem;
	display:table-row;
}

.overlay .arrow {transition:.5s;}

.tile:hover .overlay{
	opacity:.85;
}

.tile:hover .arrow {
	display:none;
}

.tile .bottom .rm-arrow {
	position:absolute;
	right:10px;
	top:10px;
}

.tile .top .rm-arrow {
	position:absolute;
	right:10px;
	bottom:10px;
}

.tile .q_icon {
	color:#b0b91e;
}

.tile:hover .q_icon {
	color:#fff;
}

.overlay p {
	font-size:1rem;
	text-transform: initial;
	padding:20px;
	font-weight:lighter;
}

.top .overlay p {margin-top:60px;}
.top .overlay.square p {display:table-cell; vertical-align: bottom; font-size:.8em;}







/********* SOCIAL MEDIA *********/

.social_block {
	width:100%;
	height:500px;
	display:block;
	margin-bottom:210px;
	position:relative;
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center;
	z-index:1;
}

.social_block .panel {
	border-radius:0;
	background-color:#ebebeb;
	margin-bottom:0;
	height:auto;
	padding:0;

}

.ig_block {margin-left:auto;}

.social_content {
	height:auto;
	background-color:#fff;
	margin-top:-98px;
    margin-bottom: 30px;
    padding: 60px 30px 0;
    min-height:200px;
}

	.social_content a {
		color: #b0b91e;
	}

	.social_content .text-muted {
		font-size:.8rem;
	}

	.social_content .actions li {
		display:inline-block;
		margin-right:35px;
		color: #b0b91e;
	}

	.social_content .actions li:hover {
		color:#1c1c1c;
		cursor:pointer;
	}

	.social_content .row {
		margin-bottom:35px;
	}

	.social_content:before {
		content:"";
		height:70px; width:70px;
		border-radius:100%;
		background-color:#b0b91e;
		color:#fff;
		position:absolute;
		top:-35px;
		left:40%;
		text-align:center;
		line-height:70px;
		font-size:1.4rem;
	}

	.social_content.tw:before {
	    content: "\f099";
	    font-family: 'fontawesome';
	}

	.social_content.ig:before {
	    content: "\f16d";
	    font-family: 'fontawesome';
	}

.social_content.ig {height:280px;}

.ig_gallery li {
	padding:0 5px;
}
.ig_gallery img {
	max-width:100%;
	margin-bottom:10px;
}

.ig_gallery .actions li {
	margin-right:0;
}

.tweet_text {
	line-height:1.4em;
}







/********* MEDIA QUERIES *********/


.form_small {
	display:none;
}




@media (max-width:768px){ 

.hero_title {font-size:3rem;}
	.hero_caption {font-size:1.5rem;}

	.tile, .overlay {
		width:310px;
		height:254px;
	}

		.tile.tall, .overlay.tall {
			height:254px;
		    background-position: center;
			background-size: cover;
		}

		.tile.wide, .overlay.wide {
			width:630px;
		}

		.tile.large, .overlay.large {
			height:254px;
			width:310px;
		    background-position: center;
			background-size: cover;
		}
	
	.home-intro {
		padding:20px;
		font-size:2vw;
	}

}

@media only screen 
  and (min-width: 320px) 
  and (max-width: 736px) {

	html,body {overflow-x:hidden;}

	main {padding:25px 10px; margin:0;}


	.home-intro {font-size:3.2vw;}
	.home-intro p {font-size:16px;}

	.main-tiles {width:100%!important;}
	.main-tiles .tile {max-width:100%;}

		.tile, .overlay {
				width:48%;
				height:200px;
			}

		.tile.tall, .overlay.tall {
		    background-position: center;
			background-size: cover;
			height:200px;
		}

		.tile.wide, .overlay.wide {
			width:100%;
			height:150px;
		}

		.tile.large, .overlay.large {
			width:48%;
			height:200px;
		    background-position: center;
			background-size: cover;
		}

	.tile .arrow {
		width:50px;
		height:50px;
		line-height:50px;
	}

	.tile.Image .question {padding:15px;}
	.tile .question {font-size:.9rem;}
	.tile .accent {font-size:1.1rem;}

	.vid_container {overflow-y:visible.;}
	.vid_container video {margin-top:0;}
	.hero_title {font-size:2rem;}
	.hero_caption {font-size:1.3rem;}
	.cta {margin-top:-3px;}

	.social_block {padding: 70px 15px!important; margin-bottom:100px!important; }
	.social_block .panel {width:100%!important; margin-top:50%!important;}
	.social_content .row {margin-bottom: 15px;}
	.social_content {padding:50px 10px 20px!important; height:auto!important; margin-top: -65px;}
	.social_content:before {left:37%;}
	.social_content.ig {height:215px;}
	.twitter_block {margin-bottom:5%;}
	.ig_block {margin-top:50%!important; height:175px!important; }
	.overlay,.tile.Text:hover .home-text-block .overlay{display: none;}
	.tile:hover .arrow{display: block;}

}

@media only screen 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

	.ig_block.panel {margin-top:200px!important;}
	.social_block .panel {width:90%!important; height:180px; margin-top:25%!important;}
	.social_content {height:auto!important; padding-bottom:25px!important;}
	.ig_block {height:270px!important;}
	.ig_gallery li {float:none!important; display:inline-block;}

}


@media (max-width: 992px) {
	.cta .fa.fa-newspaper-o, .hidden-md-down, .search, .social {
		display:none;
	}

	.cta {line-height:1; padding:15px 30px;}
	.cta p {margin:0;}
	.form_full {
		display:none;
	}
	.form_small {
		display:block;
		text-align:left;
		margin-top:10px;
	}

	.social_block {
		height:750px;
		padding: 0 30px;
	}

	.social_block .panel {
		width:70%;
		margin: 200px auto -20px;
	}

	.social_content {padding:60px 30px;}
	.twitter_block {height:200px!important;}
	.social_content.tw {height:263px;}

	.ig_gallery li.col-md-4:nth-child(1) {float:right;}
	.ig_block.pull-right {float:none!important;}
	.ig_gallery li.col-md-4 {float:left; width:45%;}
	.ig_gallery li.col-md-4:last-child {display:none;}
	.ig_gallery li.col-md-4 img {width:100%;}


}




@media (max-width: 1270px) {

	.social_block .panel {
		margin-top:26%;
	}
}

@media(min-width:1270px) {
	.social_block .row.positional {
		position:absolute;
		bottom:-50px;
		width:1270px;
		display:flex;
	}
}