/* Feature Grid Items */
.featureGrid{
	margin: 0 -0 48px;
	width:100%;
	float:left;
}

.featureItem{
	float:left;
	padding: 8px;
}

/* ITEM SIZES*/
.gridItem2x2{
	width: 50%;
}

.gridItem1x1{
	width: 25%;
}

.gridItem2x1{
	width: 50%;
}

.gridItem2x2 img{
	max-height: 434px;
}

.gridItem1x1 img, .gridItem2x1 img{
	max-height: 208px;
}

/*ITEM INTERIOR*/
.gridInterior{
	width: 100%;
	height: 100%;
}


.gridInterior img, .surveyItem img{
	width: 100%;
	height: auto;
}

.gridSurveyThanks{
	display:none;
	opacity:0;
}
.surveyItem{
	color:white;
	font-family: 'AvenirLT-Black',sans-serif;
	font-size: 15px;
	line-height: 20px;
}

.featureRollover{
	position:absolute;
	opacity:0;
	width:100%;
	height:100%;
	background-color: #266083;
	background-color: rgba(38,96,131,0.9);
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
}

.featureRollover.gradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,266083+60&0+0,0+28,1+91,1+91 */
background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(34,91,143,0) 28%, rgba(38,96,131,0.51) 60%, rgba(38,96,131,1) 91%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(34,91,143,0) 28%,rgba(38,96,131,0.51) 60%,rgba(38,96,131,1) 91%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(34,91,143,0) 28%,rgba(38,96,131,0.51) 60%,rgba(38,96,131,1) 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#266083',GradientType=0 ); /* IE6-9 */
	opacity:1;
	transition:none;
}

.featureRollover:hover{
	opacity:1;
}

.featureTitle{
	font-family: 'AvenirLT-Heavy', sans-serif;
	font-size: 18px;
	color:white;
	margin-bottom: 10px;
}

.gridItem2x2 .featureTitle{
	font-size: 21px;
}

.gradient .featureTitle, .gradient .featureAction{
	margin-bottom: 10px;
}

.featureAction{
	font-family: 'AvenirLT-Black', sans-serif;
	color:#ffcb32;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.gridItem2x2 .featureAction{
	font-size: 16px;
}

.featureFlag{
	background-color: #738b9f;
	position:absolute;
	top:13px;
	left:-13px;
	color:white;
	padding:7px;
	font-family: 'AvenirLT-Black';
	font-size:9px;
	text-transform: uppercase;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
}

.flagFold{
	position: absolute;
	top:100%;
	left:0;
	width:1px;
	height:1px;
	background-color: transparent;
	border-top:7px solid #4c5c6a;
	border-right:7px solid #4c5c6a;
	border-left:7px solid transparent;
	border-bottom:7px solid transparent;
}

/*HOME GRID*/
.home .featureGrid{
	margin-bottom: 24px;
}

.featureItem:hover .featureFlag{
	opacity: 0;
}

.mobileLabel{
	background-color: #00446d;
	padding:20px 25px;
}

.mobileLabel .featureTitle{
	margin-bottom: 10px;
}
.mobileLabel .featureAction{
	margin-bottom: 0;
}