/* GLOBALS */

body{
	font:400 16px/24px 'Open Sans', sans-serif;
	color:#333333;
	background:#eff0f3;
	margin:0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}



/* HEADINGS */

h1, h2, h3, h4, h5, h6{
	color:#005587;
	font-family:'Bitter', serif;
	font-weight:700;
	margin:0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color:inherit;
	text-decoration:none;}

h1{}
h2{font-size:28px; line-height:36px; margin-bottom:24px;}
h3{}
h4{}
h5{}
h6{}

@media(max-width:960px){
	h1 br, h2 br, h3 br, h4 br, h5 br, h6 br{display:none;}
}



/* BASIC TAGS */

p{margin:0 0 24px;}
p:last-child{margin:0;}

a{
	color:#0091c6;
	text-decoration:none;
	background:transparent;}
a img{border:none;}



/* FONT STYLES */

strong, b{font-weight:700;}
em, i{font-style:italic;}

.small-text{font-size:14px;}
.large-text{}



/* LAYOUT */

.left-side{
	overflow:hidden;
	width:50%;}

.right-side{
	position:fixed;
	top:0;
	left:50%;
	right:0;
	bottom:0;}
.right-side iframe{
	width:100%;
	height:100%;
	overflow:hidden;
	border:none;}

.background{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:center center no-repeat;
	background-size:cover;}

.mobile-iframe{display:none;}
.mobile-iframe iframe{
	border:none;
	width:100%;
	overflow:hidden;
	height:420px;}

@media(max-width:1000px){
	.mobile-iframe{display:block; background:#fff; margin:40px 0;}
}

@media(max-width:1000px){
	.left-side{width:auto;}
	.right-side{display:none;}
}



/* CALL TO ACTION */

.cta-copy{
	max-width:480px;
	position:absolute;
	left:120px;
	right:120px;
	top:50%;
	transform:translateY(-50%);}

.cta-btn{
	display: inline-block;
	text-transform: none;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	padding: 9px 18px;
	color: #fff;
	background: #0091c6;
	border:3px solid #0091c6;
	border-radius: 3px;
	transition: color 0.25s, background-color 0.25s;}
.cta-btn:hover{
	color:#0091c6;
	background-color:#fff;}



/* LOGO */

.site-logo{
	width:160px;
	margin:40px auto;}
.site-logo svg *{fill:#005587;}



/* DEMO */

.demo{
	text-align:center;
	font-weight:700;
	font-size:18px;}
.demo-btn{
	margin-top:15px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 21px;
	font-weight: 800;
	line-height: 24px;
	color: #fff;
	padding: 18px 36px;
	background: #26c571;
	border: 3px solid #26c571;
	border-radius: 3px;
	transition: color 0.25s, background-color 0.25s;}
.demo-btn:hover{
	color: #26c571;
	background: #fff;}



/* CONTACT */

.contact{
	text-align:center;
	max-width:640px;
	margin:40px auto;
	overflow:hidden;}
.contact .column{float:left; width:180px;}
.contact .column:nth-child(2){width:280px;}
.contact a{color:#333; transition:color 0.25s;}

@media(max-width:1400px){
	.contact .column{float:none; width:auto;}
	.contact .column:nth-child(2){width:auto; margin:20px 0;}
}



/* COPYRIGHT */

.copyright{
	margin-bottom:20px;
	color:#7c7c7c;
	text-align:center;
	font-size:14px;}



/* CONTENT */

.content{
	padding:0 20px;
	max-width:500px;
	margin:40px auto;
	text-align:center;}
.content.padded{margin:120px auto;}

@media(max-width:1000px){
	.content{margin:40px auto !important;}
}



/* FORM */

form{
	overflow:hidden;
	background:#fff;
	padding:20px 30px;
	margin:30px;
	text-align:left;}
form [data-col]{
	display:block;
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:10px;}
form [data-col="1/1"]{width:100%;}
form [data-col="1/2"]{width:50%;}

label{
	display:block;
	font-size:14px;
	font-weight:700;}
label span{
	white-space:nowrap;
	text-transform:uppercase;
	display:block;
	padding:0 10px 2px 10px;}

input[type="text"]{
	font-size:16px;
	color: #333;
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 11px 10px;
	border: 1px solid #dadada;
	border-radius: 4px;
	background: #fff;}

input[type="checkbox"]{
	position:relative;
	top:-2px;}

button{
	margin:10px 0;
	cursor:pointer;
	display: inline-block;
	text-transform: none;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	padding: 9px 0;
	width:100%;
	color: #fff;
	background: #0091c6;
	border:3px solid #0091c6;
	border-radius: 3px;
	transition: color 0.25s, background-color 0.25s;}
button:hover{
	color:#0091c6;
	background-color:#fff;}

.forgot-pass{text-align:right;}
.captcha{
	background:#888888;
	height:42px;}

@media(max-width:1000px){
	form{margin:30px 0; }
}

@media(max-width:500px){
	form{padding:20px 5px;}
}




p.error{color:#e12a27;}
input.error{border-color:#e12a27;}



/* MODAL BOX */

.modal{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:50%;
	background:rgba(0,0,0,0.6);}
.modal-box{
	box-sizing:border-box;
	text-align:center;
	padding:20px;
	position:absolute;
	top:50%;
	left:50%;
	width:90%;
	max-width:440px;
	transform:translate(-50%, -50%);
	background:#fff;}

@media(max-width:1000px){
	.modal{right:0;}
}