@font-face{
	font-family: HelveticaLight;
	src: url("http://turnspace.com/css/Helvetica Light.ttf");
}

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

body{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	background-color:#1d6f8a;
}

.container {
	width:100%;
	padding:0;
}

.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 18px;
color: #c09853;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
}

.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
font-weight: bold;
cursor: pointer;
}

.alert-success > a {
	color: #468847;
}

#content{
	background-size: cover;
	background-position: center center;
	box-sizing: border-box;
	padding-top: 5px;
	-webkit-box-shadow: 0 0 0 0px #000;
    box-shadow: 0 0 0 0px #000;
		background-color:white;
}

#content div {
	text-align:center;
	max-width:1200px;
	margin:auto;
	height:300px;
}

#content div div {
	/*padding:0 5%;*/
}

#content div div:last-child {
	position:relative;
}

#formparent {
   padding:0 5%;
} 

.footer {
	background-color:#20a3b5;
	bottom:0;
	text-align:center;
}

.footer #copyright{
	font-size:8pt;
	color:#fff;
	font-weight:400;
}


.header {
	text-align:center;
	padding:0;

}

.header-logo-container {
	background-color:#185f77;
	padding:0;
	margin-bottom:50px;
}

.header .header-logo {
	width:90%;
	max-width:300px;
	padding:20px 0;
}

.header p {
	font-size:20pt;
	color:#ffffff;
	font-weight:300;
	line-height:50pt;
	margin-bottom:70px;
}

#logo{
	width: 606px;
	max-width: 90%;
	margin-top: 100px;
	margin-bottom: 25px;
}

 p{
	font-size: 40px;
	font-weight: 300;
	font-family: 'Open Sans','HelveticaLight', Helvetica, Arial, sans-serif;
	line-height: 59px;
	margin-bottom: 90px;
	margin-top: 0;
	color:#505050;
}

#phone{
	bottom: 0;
    position: absolute;
    max-width: 350px;
    left: 0;
}

form p{
	color:#555;
	margin-bottom: 30px;
	margin-top: 0;
	margin-bottom: 20px;
	padding-top:50px;
	font-size:20pt;
}

form input{
	text-align:center;
	border-radius: 5px;
	border: 1px solid #cccccc;
	padding: 18px 18px 14px;
	font-size: 15pt;
	outline: none;
	font-weight: 300;
	line-height: 1;
	margin-bottom:20px;
}

  form button{
	padding: 12px 35px;
	color:#ffffff;
	border-radius: 40px;
	background-color:#4ec3c8;
  border:3px solid #4ec3c8;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
  font-size: 14pt;
  position: relative;
	transition: all 0.5s ease;
}

form button:hover {
	color:#4ec3c8;
	background-color:transparent;
	border: 3px solid #4ec3c8;
}

.show-on-992 #phone{
  max-width: 500px;
	width:90%;
	bottom:0;
	margin:auto;
	position:inherit;
	margin-top:-50px;
	margin-left:-50px;
}

#success{
	text-align:center;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 55px;
	color:#6a6a6a;
	margin-bottom:20px;
}

#subtext {
	text-align:center;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 35px;
	color:#7a7a7a;
}

.notice_1{
	margin-bottom: 10px;
		
}

@media screen and (min-height: 758px) and (min-width: 1531px){
	#content{
		margin-top:50px;
		/*margin-top: calc( (100vh - 758px) / 2);*/
	}
	.show-on-992 {
		display:none;
	}
	#formparent{
	   padding:0 0 0 200px;
	}
	#logo{
		margin-top: 50px;
		margin-bottom: 20px;
	}
	#logo + p{
		font-size: 30px;
		margin-bottom: 50px;
		line-height: 32px;
	}

	form button{
		top:0;
		margin-top: 15px;
	}
}

@media screen and (min-height: 543px) and (min-width: 993px) and (max-width: 1530px){
	#content{
		/*margin-top: calc( (100vh - 543px) / 2);*/
	}
	#logo{
		margin-top: 30px;
	}

	.show-on-992 {
		display:none;
	}
}

@media screen and (max-width: 1530px){
       #formparent{
	   padding:0 5% 0 250px;
	}
	#logo{
		margin-top: 50px;
		margin-bottom: 20px;
	}

	#logo + p{
		font-size: 30px;
		margin-bottom: 50px;
		line-height: 32px;
	}

	form button{
		top:0;
		margin-top: 15px;
	}

	.show-on-992 {
		display:none;
	}

}

@media screen and (max-width: 1200px){
       #formparent{
	   padding:0 5%;
	}
	#logo{
		margin-top: 50px;
		margin-bottom: 20px;
	}

	#logo + p{
		font-size: 30px;
		margin-bottom: 50px;
		line-height: 32px;
	}

	form button{
		top:0;
		margin-top: 15px;
	}

	.show-on-992 {
		display:none;
	}

}

@media screen and (max-width: 992px){
	#content{
		/*padding-left: 15px;
		padding-right: 15px;*/
	}
       #formparent{
	   padding:0 5%;
	}

	#logo{
		margin-top: 30px;
		max-width: 100%;
		margin-left: auto;
    	margin-right: auto;
    	display: block;
	}

	#logo + p{
		font-size: 36px;
		margin-bottom: 30px;
		line-height: 45px;
		text-align:center;
	}

	form input{
		width: 100%;
		font-size: 16px;
	}

	form p{
		font-size:20px;
		text-align:center;
	}

	form button{
		width: 100%;
		margin-bottom: 10px;
	}

	header p {
		font-size:28pt;
	}

	.hide-on-992 {
		display:none;
	}
	.show-on-992 {
		display:inherit;
	}

}

@media screen and (max-width: 700px){
	#content {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#formparent{
	   padding:0 5%;
	}
	#logo + p{
		font-size: 26px;
		margin-bottom: 30px;
		line-height: 45px;
	}

	form input{
		width: 100%;
		font-size: 16px;
	}

	form p{
		font-size:20px;
	}
}