html {
    -webkit-text-size-adjust: 100%;
    -webkit-appearance: none;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#header {
	height: 155px;
}

	#header #wrap {
		width: 100%;
		max-width: 1150px;
		margin: 0 auto;
	}
	
	#header #columnLogo {
		display: inline-table;
		vertical-align: middle;
		width: 160px;
		margin-top: 20px;
		z-index: 30000;
		position: relative;
	}
	
		#header #columnLogo #logo img {
			width: 300px;
			position: absolute;
		}

	#header #columnNav {
		display: inline-table;
		vertical-align: middle;
		text-align: right;
		margin-top: 20px;
		float: right;
		width: 920px;
		z-index: 30000;
		position: relative;
	}
	
	#header #store, #header #social {
		display: inline-table;
		vertical-align: middle;
		padding-left: 0px;
	}
	
	#header #social {
	}

	#app {
		font-family: 'Montserrat', sans-serif;
		font-size: 9px;
		font-weight: bold;
		text-transform: uppercase;
		display: inline-table;
		margin-left: 20px;
		letter-spacing: 2px;
	}
	
		#app a {
			color: #ffffff;
			text-decoration: none;
		}
		
		#app:hover a {
			color: #f6c4a5;
			text-decoration: none;
			opacity: 0.6;

		}
	
		#app img {
			vertical-align: middle;
			margin-right: 5px;
		}
	
	#header #social img {
		width: 20px;
		opacity: 1;
	}
	
	#header #social img:hover {
		width: 20px;
		opacity: 0.8;
	}
	
	#header #column {
		vertical-align: middle;
	}
	
#navigation {
	
	font-family: 'Montserrat', sans-seif;
	font-size: 13px;
	font-weight: normal;
	line-height: 27px;
	margin-top: 0px;
	
	-moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;	

}

#navigation-sub {
	
	font-family: 'Montserrat', sans-seif;
	font-size: 13px;
	font-weight: normal;
	line-height: 27px;
	margin-top: 30px;
	
	-moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;	

}


	#navigationBar {
	
		display: none;
		background: url(../images/overlay-nav.png);

		position: fixed;
		margin-top: 0px;
		
		font-family: 'Montserrat', sans-seif;
		font-size: 25px;
		font-weight: normal;
		line-height: 35px;
		text-transform: uppercase;
		white-space: nowrap;
		
		-moz-transition: all 0.4s ease-in;
	    -o-transition: all 0.4s ease-in;
	    -webkit-transition: all 0.4s ease-in;
	    transition: all 0.4s ease-in;	
	
		width: 0px;
		height: 100%;
		overflow: scroll;
		
		z-index: 1402000;
	}
	
		#navigationBar #wrap {
			position: relative;
			/*overflow-y: scroll;*/
			height: 100%;
			width: 90%;;
			
			scrollbar-3dlight-color:gold;
    scrollbar-arrow-color:blue;
    scrollbar-base-color:blue;
    scrollbar-darkshadow-color:blue;
    scrollbar-face-color:blue;
    scrollbar-highlight-color:blue;
    scrollbar-shadow-color:blue;
		}
	
		#navigationBar .subLink {
			font-size: 16px;
			line-height: 35px;
		}
	
	#navigationControl {
		display: none;
		position: fixed;
		background: url(../images/overlay-nav.png);
		padding: 15px;
		margin-top: 33px;
		
		z-index: 350400;
		
		-moz-transition: all 0.4s ease-in;
	    -o-transition: all 0.4s ease-in;
	    -webkit-transition: all 0.4s ease-in;
	    transition: all 0.4s ease-in;	

	}
	
	#navigation ul {
		list-style: none;
		padding: 0px;
		margin: 0px;	
	}
	
		#navigation ul li {
			display: inline-table;
			margin-right: 22px;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
		
		#navigation ul li.nomargin {
			margin-right: 0px;
		}
		
		#navigation ul li.narrowmargin {
			margin-right: 10px;
		}

		
		#navigation ul li.red {
			color: #830c0c;
		}
		
		
	#navigation-sub ul {
		list-style: none;
		padding: 0px;
		margin: 0px;	
	}
	
		#navigation-sub ul li {
			display: inline-table;
			margin-right: 22px;
			font-size: 11px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
		
		#navigation-sub ul li.nomargin {
			margin-right: 0px;
		}
		
		#navigation-sub ul li.narrowmargin {
			margin-right: 10px;
		}

		
		#navigation-sub ul li.red {
			color: #830c0c;
		}


	
	#navigationBar.closedWidth {
		width: 0px;
	}
	
	#navigationControl.closedLeft {
		margin-left: 0px;
	}
	
	#navigationBar.openWidth {
		width: 550px;
	}
	
	#navigationControl.openLeft {
		margin-left: 549px;
	}

	#navigationBar #wrap {
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 40px;
	}

	#navigation a {
		color: #0f0f8a;
		text-decoration: none;
	}

	#navigation-sub a {
		color: #3c3c3c;
		text-decoration: none;
	}

	#navigationBar a {
		color: #ffffff;
		text-decoration: none;
	}
	
		#navigation a:hover, #navigationBar a:hover {
			color: #830c0c;
		}
		
#banner {
	background: url(../images/bannerv4.jpg);
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 800px;
}

	#banner #tag {
		position: relative;
		background: none;
		width: 100%;
		height: 200px;
		top: 545px;
		
		text-align: center;
		color: #fff;
		z-index: 100000;
	}
	
		#banner #tag #wrap {
			padding-top: 70px;
			font-family: 'Open Sans', sans-serif;
			font-size: 46px;
			line-height: 60px;
		}
		
	#banner #canvas {
		width: 1250px;
		margin: 0 auto;
	}
		
#diamonds {
	margin-top: -50px;
	position: absolute;
	z-index: 203000;
}

	#diamonds img {
		border: 0px;
		
		-moz-transition: all 0.4s ease-out;
	    -o-transition: all 042s ease-out;
	    -webkit-transition: all 0.4s ease-out;
	    transition: all 0.4s ease-out;	

		z-index: 203000;
	}

	#diamonds a {
		text-decoration: none;
		color: #fff;
		font-style: italic;
		font-weight: bold;
		text-transform: uppercase;
	}

	#diamonds #tabEmployer {
		position: absolute;
		margin-top: 290px;
		margin-left: 370px;
		font-size: 20px;
		font-family: 'Open Sans', sans-serif;
		
		z-index: 204000;
	}

	#diamonds #tabEmployee {
		position: absolute;
		margin-top: 490px;
		margin-left: 160px;
		font-size: 20px;
		font-family: 'Open Sans', sans-serif;
		
		z-index: 204000;
	}

	#diamonds #tabProvider {
		position: absolute;
		margin-top: 710px;
		margin-left: 370px;
		font-size: 20px;
		font-family: 'Open Sans', sans-serif;
		
		z-index: 204000;
	}

#swipe {
	background: url(../images/b-banner.jpg);
	width: 100%;
	height: 140px;
	
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	color: #fff;
}

	#swipe #wrap {
		max-width: 1100px;
		width: 90%;
		margin: 0 auto;
		text-align: right;	
		padding-top: 25px;
	}
	
#provider {
	background-color: #ececec;
	width: 100%;
	height: auto;
	padding: 32px 0px;
	
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	color: #fff;
}

	#provider #wrap {
		max-width: 920px;
		width: 90%;
		margin: 0 auto;
		text-align: center;	
	}
	
	#provider img {
		filter: grayscale(100%);
		opacity: 0.7;
		
		-moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -webkit-transition: all 0.2s ease-out;
	    transition: all 0.2s ease-out;	

	}
		
		#provider img:hover {
			filter: grayscale(0%);
			opacity: 1;
		}

#retail {
	text-align: center;
}
	
	#retail #block
	{
		width: 45%; 
		max-width: 400px;
		padding: 30px; 
		display: inline-table;
		margin: 0 auto;
		font-size: 14px;
		line-height: 24px;
		text-align: left;
	}
	
	
#infoBox
{
	text-align: center;	
}

	#infoBox:hover #infoBox-Detail {
		display: block;
	}
	
		#infoBox-Detail:hover  {
			display: block;
		}

	#icon-question {
		border: 1px solid #cccccc;
		border-radius: 50px;
		display: inline-block;
		width: 30px;
		text-align: center;
		padding: 0px;
	}
	
		#infoBox:hover #icon-question {
			background-color: #f7f7f7;

		}
	
	#infoBox-Detail {
		background-color: #ffffff;
		position: absolute;
		width: 220px;
		border: 1px solid #cccccc;
		padding: 20px 30px 20px 30px;
		box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
		z-index: 20000;
		text-align: left;
		font-size: 20px;
		margin-top: -22px;
	}
	
		
#title {
	background: url(../images/r-banner.jpg) no-repeat center;

	width: 100%;
	height: auto;
}

	#title #tag {
		position: relative;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		height: auto;
		padding-top: 45px;
		padding-bottom: 45px;
		
		text-align: center;
		color: #fff;
	}
	
		#title #tag #wrap {
			font-family: 'Open Sans', sans-serif;
			font-size: 46px;
			line-height: 60px;
		}


#panel {
	background-color: #f7f7f7; 
	color: #000000; 
	width: 100%; 
	text-align: center;
}
		
#blocks
{
	width: 100%;
	margin: 0 auto;
}

	#blocks #block {
		display: inline-table;
		width: 25%;
		height: 350px;
	}
	
		#blocks #block:hover #caption {
		    border-top: 10px solid #a40234;
		}
	
		#blocks #caption {
			border-top: 10px solid rgba(0,0,0,0);
			
			font-family: 'Open Sans', sans-serif;
			font-size: 30px;
			line-height: 42px;
			color: #000;
			padding-top: 40px;
			
			text-align: right;
			width: 100%;
			
			-moz-transition: all 0.2s ease-out;
		    -o-transition: all 0.2s ease-out;
		    -webkit-transition: all 0.2s ease-out;
		    transition: all 0.2s ease-out;	

		}
		
		#blocks #caption #wrap {
			padding-right: 40px;
		}
		
		#blocks a {
			text-decoration: none;
			color: #a40234;
			font-weight: bold;
			font-size: 65%;
		}
	
		#blocks #block.d-1 {
			background: url(../images/d-1.jpg) no-repeat;
			background-position: center top;
		}
		
		#blocks #block.d-2 {
			background: url(../images/d-2.jpg) no-repeat;
			background-position: center top;
		}
		
		#blocks #block.d-3 {
			background: url(../images/d-3.jpg) no-repeat;
			background-position: center top;
		}
		
		#blocks #block.d-4 {
			background: url(../images/d-4.jpg) no-repeat;
			background-position: center top;
		}
		
#content {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	background: url(../images/bg-content.gif) repeat-y center #e2e2e1;
	
}

	#content.subtitle {
		background: url(../images/g-banner.jpg);
		background-position: left bottom;
	}
	

	#content.gold {
		background: linear-gradient(#f1d957, #fcf7df);
		background-size: cover;
	}

	
	#content.cover {
		background-size: cover;
	}


	#content.b-team {
		background: url(../images/g-team.jpg);
		background-size: cover;
	}

	#content.b-business {
		background: url(../images/g-business.jpg);
		background-size: cover;
	}

	#content.b-meeting {
		background: url(../images/g-meeting.jpg);
		background-size: cover;
	}

	#content.shadow {
		box-shadow: 0px 0px 20px #eaeaea;
	}

	#content.shadowdark {
		position: relative;
		box-shadow: 0px 0px 50px rgba(0,0,0,0.3);
		z-index: 1000;
	}


	#content #wrap {
		width: 80%;
		max-width: 1200px;
		margin: 0 auto;
	}
	
	.center {
		text-align: center;
	}
	
	
		
#news {
	width: 100%;
	background: url(../images/bg-valley.jpg) no-repeat bottom;
	background-size: cover;
	padding: 40px 0px;
}

	#news #wrap {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		text-align: center;
	}
	
#feature {
	width: 100%;
	background: url(../images/r-banner.jpg) no-repeat center center;
	background-size: cover;
	padding: 70px 0px;
}

	#feature #wrap {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
		text-align: left;
	}
	
	#feature #photo {
		position: absolute;
		margin-left: 850px;
		margin-top: -72px;
	}
	
	#feature #testimonial {
		width: 60%;
		max-width: 690px;
		min-width: 690px;
		
		font-family: 'Open Sans', sans-serif;
		font-size: 24px;
		font-weight: bold;
		line-height: 47px;
		text-transform: uppercase;
		color: #fff;
	}
	
		#feature #testimonial .byline {
			opacity: 0.7;
			font-size: 18px;
		}

	
#footer {
	width: 100%;
	padding: 40px 0px;
	text-align: center;
	
	background-color: #fff;
}

	#footer #copyright {
		font-family: 'Open Sans', sans-serif;
		font-size: 10px;
		letter-spacing: 2px;
		line-height: 21px;
		color: #333;
	}
	
		#footer #copyright a {
			text-decoration: none;
			color: #1413f5;
		}


/* -- ELEMENTS -- */

#column {
	display: inline-table;
	width: 49%;
	vertical-align: top;
}

	#column #wrap {
		width: 90%;
		margin: 0px;
	}
	
.dividerHR {
	height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px #000;
    margin: 10px auto 30px auto;
    width: 100%;
    max-width: 1200px;
}
	
.highlightBox {
	background-color: #eaeaea; 
	display: inline-table; 
	width: 200px; 
	padding: 40px; 
	vertical-align: middle; 
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

	.highlightBoxTerms {
		background-color: #eaeaea; 
		display: inline-table; 
		width: 200px; 
		padding: 40px; 
		vertical-align: top; 
		margin-right: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: left;
	}
	
	.highlightBoxTerms  h2{
		font-size: 20px;
	}

.highlightContent {
	display: inline-table; 
	width: 600px; 
	vertical-align: middle;
	text-align: left;
}

.top
{
	vertical-align: top;
}


.form-text {
	width: 93%;
	border: 1px solid #cccccc;
	border-radius: 6px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	padding: 15px;
	margin-bottom: 5px;
}

.form-button {
	border: 0px;
	border-radius: 6px;
	background-color: #830c0c;
	font-family: 'Montserrat';
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	width: 190px;
	padding: 10px;
	text-align: center;
	opacity: 1;
	
	-moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;	
 
}

	.form-button:hover {
		opacity: 0.7;
	}

.bio {
	float: right;
	width: 250px;
}

#article {
	display: inline-table;
	width: 30%;
	margin: 0 10px;
	margin-bottom: 30px;
	vertical-align: top;
}

	#article.red {
	
	}

	#article.noshadow {
		box-shadow: 0px 0px 20px #fff;
	}

	#article:hover {
		-moz-transition: all 0.2s ease;
	    -o-transition: all 0.2s ease;
	    -webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;	
	}
	
	#article.noshadow {
		box-shadow: 0px 0px 20px #fff;
		
		-moz-transition: all 0.2s ease;
	    -o-transition: all 0.2s ease;
	    -webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;	
	}

	#article #icon {
		text-align: center;
		padding: 20px 0px;
		font-size: 21px;
		line-height: 40px;
		
	}
	
		#article #icon img {
			box-shadow: 0px 0px 20px #ccc;
			width: 100%;
		}
	
		#article #icon.left {
			text-align: left;
			padding-left: 20px;
			padding-right: 20px;
		}

	
	#article #caption {
		text-align: center;
		font-family: 'Open Sans', sans-serif;
		font-size: 21px;
		line-height: 34px;
		font-weight: bold;
		
		padding: 10px 20px;
		
		-moz-transition: all 0.2s ease;
	    -o-transition: all 0.2s ease;
	    -webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;	
	}
	
		#article #caption a {
			color: #02024f;
			text-decoration: none;
		}
		
		#article #caption .date {
			font-size: 16px;
			line-height: 34px;
			color: #757575;
		}
	
		#article.noshadow #caption {
			padding-bottom: 20px;
		}
	
		#article #caption span {
			font-size: 20px;
			line-height: 25px;
			font-style: italic;
		}

		#article:hover #caption, #article.red #caption {
			color: #830c0c;
		}
		
		#article:hover #caption a, #article.red #caption a {
			color: #830c0c;
			text-decoration: none;
		}

#listing {
	
}

	#listing h3 {
		font-family: 'Montserrat';
		color: #333333;
		opacity: 0.9;
		margin-bottom: 15px;
	}


	#listing ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
		#listing ul li {
			display: inline-table;
			width: 25%;
			height: 85px;
			border: 0px solid #cccccc;
			border-radius: 15px;
			padding: 10px 40px;
			margin: 10px;
			text-align: center;
			
			background-color: rgba(255,255,255,0.5);
			
			vertical-align: middle;
			
			text-transform: uppercase;
			font-size: 20px;
			line-height: 30px;
			letter-spacing: 2px;
			
			box-shadow: 0px 0px 10px #efefef;
		}
		
			#listing ul li div {
				display: table-cell;
				vertical-align: middle;
			}

#box {
	display: inline-table;
	width: 30%;
	margin: 0 10px;
	margin-bottom: 30px;
	box-shadow: 0px 0px 20px #ccc;
	vertical-align: top;
}

	#box.red {
	
	}

	#box.noshadow {
		box-shadow: 0px 0px 20px #fff;
	}

	#box:hover {
		box-shadow: 0px 0px 20px #333;
		
		-moz-transition: all 0.2s ease;
	    -o-transition: all 0.2s ease;
	    -webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;	
	}
	
	#box.noshadow {
		box-shadow: 0px 0px 20px #fff;
		
		-moz-transition: all 0.2s ease;
	    -o-transition: all 0.2s ease;
	    -webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;	
	}

	#box #icon {
		text-align: center;
		padding: 20px 0px;
		font-size: 21px;
		line-height: 40px;
		
	}
	
		#box #icon .team {
			width: 100%;
		}
	
		#box #icon.left {
			text-align: left;
			padding-left: 20px;
			padding-right: 20px;
		}

	
	#box #caption {
		background-color: #eaeaea;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
		font-size: 29px;
		line-height: 51px;
		
		padding: 10px 20px;
		
		-moz-transition: all 0.2s ease;
	    -o-transition: all 0.2s ease;
	    -webkit-transition: all 0.2s ease;
	    transition: all 0.2s ease;	
	}
	
		#box #caption a {
			color: #000000;
			text-decoration: none;
		}
	
		#box.noshadow #caption {
			padding-bottom: 20px;
		}
	
		#box #caption span {
			font-size: 20px;
			line-height: 25px;
			font-style: italic;
		}

		#box:hover #caption, #box.red #caption {
			background-color: #a40234;
			color: #fff;
		}
		
		#box:hover #caption a, #box.red #caption a {
			color: #fff;
			text-decoration: none;
		}
	
#grid {
	margin: 0 auto;
	display: block;
	text-align: center;
}

	
	#grid_arrow {
	    width: 0;
	    height: 0;
	    border-top: 15px solid transparent;
	    border-bottom: 15px solid transparent;
	    margin: 0 auto;
	    position: absolute;
	    margin-top: 43px;
	    margin-left: 0px;
	    border-left: 15px solid #990000;
	    z-index: 1500;
		
		-moz-transition: all 2s ease-out;
		-o-transition: all 2s ease-out;
		-webkit-transition: all 2s ease-out;
		transition: all 2s ease-out;
	}


	#grid_cap {

		display: inline-table;
		background-color: #990000;
		border-left-radius: 20px;
		position: relative;
		z-index: 900;
		vertical-align: top;
		
		-moz-transition: all 2s ease-out;
   		-o-transition: all 2s ease-out;
   		-webkit-transition: all 2s ease-out;
  		transition: all 2s ease-out;
		
		width: 14%;
		text-align: center;
		height: 120px;
		
		opacity: 0.8;
		
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		
		font-family: 'Open Sans', sans-serif;
		color: #fff;
		font-size: 20px;
		line-height: 25px;
		font-weight: normal;
		
		z-index: 1000;
		
	}
	
	#grid_block {

		display: inline-table;
		background-color: #990000;
		border-left-radius: 0px;
		position: relative;
		z-index: 900;
		vertical-align: top;
		
		-moz-transition: all 2s ease-out;
   		-o-transition: all 2s ease-out;
   		-webkit-transition: all 2s ease-out;
  		transition: all 2s ease-out;
  		
  		margin-bottom: 10px;
		
		width: 14%;
		white-space: nowrap;
		text-align: center;
		height: 120px;
		margin-left: -9px;
		
		opacity: 0.8;
		
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		
		font-family: 'Open Sans', sans-serif;
		color: #fff;
		font-size: 20px;
		line-height: 25px;
		font-weight: normal;
	
	}
	
		#grid_block.leftcap {
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
		}

	
		#grid_block.rightcap {
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
		}

	
	#grid_wrap
	{
		display: table-cell;
		vertical-align: middle;
		padding: 20px;
	}

area:focus{
  border: none;
  outline-style: none; 
  -moz-outline-style:none;  
}

#preview
{
	width: 100%;
	background-color: #444;
}

	#preview #wrap {
		margin: 0 auto;
		width: 80%;
		max-width: 900px;
		padding: 40px;
	}

#arrow {
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    margin: 0 auto;
}

	#arrow.gray {
		border-top: 25px solid #444;
	}

/* -- FONTS -- */

h2 {
	margin: 0px;
}

h2.mb {
	margin-bottom: 10px;
}

.highlight {
	font-family: 'Open Sans', sans-serif;
	font-size: 29px;
	line-height: 51px;
}

.bodytext {
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	line-height: 41px;
}

.w {
	color: #fff;
}

.pop {
	font-weight: bold;
	color: #a40234;
}

.slideanim {
	visibility:hidden;
}

.slide {
    animation-name: slide;
    -webkit-animation-name: slide; 
    animation-duration: 0.5s; 
    -webkit-animation-duration: 0.5s;
    animation-timing-function: ease-out;
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}


@media only screen and (max-width: 1500px){

	#blocks #block {
		display: inline-table;
		width: 25%;
		height: 350px;
	}
	
		#blocks #caption {
			font-family: 'Open Sans', sans-serif;
			font-size: 24px;
			line-height: 38px;
			color: #000;
			padding-top: 40px;
			
			text-align: right;
			width: 100%;
		}
		
}


@media only screen and (max-width: 1300px){

	#blocks #block {
		display: inline-table;
		width: 50%;
		height: 350px;
	}
	
		#blocks #caption {
			font-family: 'Open Sans', sans-serif;
			font-size: 34px;
			line-height: 47px;
			color: #000;
			padding-top: 40px;
			
			text-align: right;
			width: 100%;
		}
		
				
		#blocks #caption #wrap {
			padding-right: 60px;
		}
		
	#feature #photo {
		display: none;
	}
	
	#feature #testimonial {
		width: 80%;
		margin: 0 auto;
		max-width: none;
		min-width: 200px;
		text-align: center;
	}
		
}

@media only screen and (max-width: 1200px){



		#banner #tag #wrap {
			padding-top: 40px;
			font-family: 'Open Sans', sans-serif;
			font-size: 46px;
			line-height: 60px;
		}
		
		#blocks #caption {
			font-family: 'Open Sans', sans-serif;
			font-size: 27px;
			line-height: 40px;
			color: #000;
			padding-top: 40px;
			
			text-align: right;
			width: 100%;
		}

#base {
	width: 100%;
	background: url(../images/bg-valley.jpg) no-repeat bottom;
	background-size: cover;
	padding-bottom: 1700px;
}

}

@media only screen and (max-width: 1050px){

#diamonds {
	margin-top: -60px;
}


	#header #columnLogo {
		width: 55%;
		text-align: center;
	}

	#header #navigationexpand {
		display: none;
	}
	
	#navigationControl {
		display: inline;
	}
	
	#navigationBar {
		display: inline;
	}

	#header #navigation, #header #navigation-sub {
		display: none;
	}
	
#preview {
	
}
	
#banner {
	background: linear-gradient(#edeee9,#0f10f8);
	width: 100%;
	height: 950px;
}

#banner #tag {
	background: none;
}

	#swipe #wrap {
		max-width: 1100px;
		width: 90%;
		margin: 0 auto;
		text-align: center;	
		padding-top: 25px;
	}

	
#title {
	height: auto;
}
	
	#title #tag {
		position: relative;
		width: 100%;
		height: auto;
		padding-top: 105px;
		
		text-align: center;
		color: #fff;
		z-index: 100000;
	}


#box {
	display: inline-table;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 40px;
	box-shadow: 0px 0px 20px #ccc;
}

	#box.red {
		width: 100%;
	}

.nomobile {
	display: none;
}

}

@media only screen and (max-width: 800px) {
				
		#blocks #caption #wrap {
			padding-right: 22px;
		}
		
	#retail #block
	{
		width: 100%;
		font-size: 22px;
		line-height: 32px;
	}
		
	.form-text {
		font-size: 27px;
	}
	
	.form-button {
		opacity: 1;
	}

	#column {
		width: 100%;
	}
	
	
.highlightBox {
	background-color: #eaeaea; 
	display: inline-table; 
	width: 120px; 
	padding: 40px; 
	vertical-align: top; 
	margin-right: 30px;
	margin-bottom: 10px;
}

	.highlightBox h2 {
		font-size: 20px;
		line-height: 30px;
	}

.highlightBoxTerms {
	background-color: #eaeaea; 
	display: inline-table; 
	width: 120px; 
	padding: 20px; 
	vertical-align: top; 
	margin-right: 30px;
	margin-bottom: 10px;
}


	.highlightBoxTerms h2 {
		font-size: 16px;
		line-height: 28px;
	}

.highlightContent {
	display: inline-table; 
	width: 315px; 
	vertical-align: top;
}

	
	
#grid {
	margin: 0 auto;
	display: block;
	text-align: center;
}

	
	#grid_arrow {
	    width: 0;
	    height: 0;
	    border-right: 15px solid transparent;
	    border-left: 15px solid transparent;
	    border-bottom: 0px;
	    position: absolute;
	    margin-left: -295px;
	    margin-top: 120px;
	    border-top: 8px solid #990000;
	    z-index: 1500;
		
		-moz-transition: all 2s ease-out;
		-o-transition: all 2s ease-out;
		-webkit-transition: all 2s ease-out;
		transition: all 2s ease-out;
	}

	
	#grid_block {

		display: inline-table;
		background-color: #990000;
		border-left-radius: 0px;
		position: relative;
		z-index: 900;
		vertical-align: top;
		
		-moz-transition: all 2s ease-out;
   		-o-transition: all 2s ease-out;
   		-webkit-transition: all 2s ease-out;
  		transition: all 2s ease-out;
  		
  		margin-bottom: 20px;
		
		width: 100%;
		white-space: nowrap;
		text-align: center;
		height: 120px;
		margin-left: 0px;
		margin-top: -22px;
		
		opacity: 0.75;
		
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		
		font-family: 'Open Sans', sans-serif;
		color: #fff;
		font-size: 20px;
		line-height: 25px;
		font-weight: normal;
	
	}
	
		#grid_block.leftcap {
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;

		}

	
		#grid_block.rightcap {
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;

		}

	
	#grid_wrap
	{
		display: table-cell;
		vertical-align: middle;
		padding: 20px;
	}
	

#listing {
	
}

	#listing h3 {
		font-family: 'Montserrat';
		color: #333333;
		opacity: 0.9;
		margin-bottom: 15px;
	}


	#listing ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
		#listing ul li {
			display: inline-table;
			width: 25%;
			min-width: 170px;
			height: 85px;
			border: 0px solid #cccccc;
			border-radius: 15px;
			padding: 10px 40px;
			margin: 10px;
			text-align: center;
			
			background-color: rgba(255,255,255,0.5);
			
			vertical-align: top;
			
			text-transform: uppercase;
			font-size: 20px;
			line-height: 30px;
			letter-spacing: 2px;
			
			box-shadow: 0px 0px 10px #efefef;
		}
		
			#listing ul li div {
				display: table-cell;
				vertical-align: middle;
			}

		.centerMobileOnly {
			text-align: center;			
		}

	
}