@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

@media all{
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	outline:0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	color:#454545;
	text-wrap:normal;
}

.dark-purple{color:#150a51}
.purple{color:#594f9d}
.white{color:white}

.wrapper{
	width:100%;
	margin-top: 100px;
}
.layer-top, .layer-top-b{
	padding:0 0 60px;
}
.layer-top, .layer-bottom{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e3e3+0,b2b4af+100 */
	background: #e3e3e3; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #e3e3e3 0%, #b2b4af 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #e3e3e3 0%,#b2b4af 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #e3e3e3 0%,#b2b4af 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#b2b4af',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.layer-top-b{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#554d9a+0,2a2770+100 */
	background: #554d9a; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #554d9a 0%, #2a2770 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #554d9a 0%,#2a2770 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #554d9a 0%,#2a2770 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#554d9a', endColorstr='#2a2770',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.page{
	max-width:1400px;
	margin:0 auto;
	padding:0;
}
.img-responsive{
	width:100%;
	height:auto;
}

.layer-middle{
	background:#594f9d;
	padding:20px 0 0;
}
	.layer-middle ul{
		list-style-type:none;
		margin:0;
		padding:0;
		clear:both;
	}
	.layer-middle ul li{
		float:left;
	}
	.layer-middle ul li .arrow{
		width:22px;
		height:337px;
		background:url(../img/arrow-right.png) no-repeat;
		text-align:center;
		display: block;
	}
	.layer-middle ul li.item{
		width:18.5%;
	}
	.layer-bottom{
		padding:0 0 40px;
	}
	.layer-bottom .right{
		padding:90px 0 0;
	}
	
	.layer-card{
		width:90%;
		margin:40px auto 0;
		background:#cbcdcc;
		border:2px solid white;
		border-radius:50px;
		padding:25px;
		text-align:center;
	}
	.layer-card img{
		margin-top:-80px;
		width:90%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
	}
	.layer-card h1{
		font-size:34px;
		font-weight:300;
		text-transform:uppercase;
		margin:10px 0;
	}
	.layer-card h3{
		font-size:26px;
		font-weight:300;
		margin:20px 0 15px;
	}
	.layer-card input{
		width:100%;
		display:block;
		margin:10px auto;
		color:#666666;
		border-bottom:1px solid #666666;
		background:transparent;
		text-align:center;
		font-size:26px;
		font-weight:300;
	}
	.layer-card button{
		margin:20px auto 0;
		background:white;
		font-size:30px;
		font-weight:300;
		text-transform:uppercase;
		border:1px solid white;
		border-radius:10px;
		padding:5px 50px;
		color:#594f9d;
		cursor:pointer;
		display:block;
	}
	.layer-card p a{
		margin:10px auto 0;
		color:#666666;
		font-size:20px;
		display:block;
		text-decoration:underline;
	}
	
}

@media only screen and (max-width: 1190px) {
	.layer-middle ul li{
		float:none;
	}
	.layer-middle ul li.item{
		width:100%;
	}
	.layer-middle ul li .arrow{
		width:25px;
		height:38px;
		background-image:url(../img/arrow-down.png);
		background-repeat: no-repeat;
    	background-position: center center;
		margin: 30px auto 10px;
    	display: block;
	}
	.layer-middle .img-responsive{
		width:auto;
		height:auto;
		margin:0 auto;
	}
	
}

@media only screen and (max-width: 991px) {
	.layer-bottom{
		padding:20px 0 0;
	}
	.layer-bottom .right{
		padding:0;
	}
}

@media only screen and (max-width: 768px) {
	.wrapper{
	width:100%;
	margin-top: 65px;
}

    .layer-card p a{
        margin:10px auto 0;
        color:#666666;
        font-size:18px;
        display:block;
        text-decoration:underline;
    }
}

@media only screen and (max-width: 480px) {
    .layer-card p a{
        margin:10px auto 0;
        color:#666666;
        font-size:15px;
        display:block;
        text-decoration:underline;
    }
}