/*
 * dark blue: #2948b3; #18558C
 * button orange: #f89b1c;
 * text color #666
 * dark text color #333
 * dk blu: #3B70C8;
 * green in logo: #6BDF05;
 * weights: 400,700,900;
*/



/*======== browsercss =============*/
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% }
pre, code {font:115% monospace;*font-size:100%;}
.sc{display:block;clear:both;*zoom:1;}
.sc:after{content:".";display:block;height:0;clear:both;visibility:hidden; }

/*======== /browsercss  =============*/

html{
	margin:0;
	padding:0;
}
body{
	background:#ccc;
	font:400 18px "Lato", helvetica, arial;
	color:#666;
	max-width:2880px;
	margin:0 auto;
}
body:before{
	display:block;
	content:"";
	width:100%;
	height:50vh;
	max-height:710px;
	min-height:375px;
	background-color:#fff;
	background-image:url("/s/v2/img/subpage-header.svg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom center;

}
#body{
	background:#fff;
}

body.fullscreen{
	color:#fff;
	min-height:100vh;
	background:url("/s/v2/img/fullscreen.svg") no-repeat;
	background-size:cover;
}
body.fullscreen:before{
	display:none;
}
.fullscreen #body{
	background:transparent;
}


body.circles #body{
	background-repeat:no-repeat;
	background-image:url("/s/v2/img/left-side-circle.svg"), url("/s/v2/img/right-side-circles.svg");
	background-position:0 50%, right center;
}
body.waves #body{
	background-repeat:no-repeat;
	background-image:url("/s/v2/img/leftborder1.svg"), url("/s/v2/img/rightborder1.svg");
	background-position:left 20%, right center;	
}
body.waves2 #body{
	background-repeat:no-repeat;
	background-image:url("/s/v2/img/side-blue-elements.svg");
	background-position:left top;
	background-size:100% auto;
	background-attachment:fixed;
}


header{
	width:100%;
	max-width:1410px;
	position:absolute;
	left:50%;
	top:30px;
	transform:translatex(-50%);
	display:flex;
	align-items:center;
	z-index:5;
}
header a{
	color:#fff;
	text-decoration: none;
	font-size:20px;
}
.logo{
	display:block;
	background-repeat:no-repeat;
	background-size:contain;
}
header .nav-all{
	flex:1;
	display:flex;
}
header nav{
	flex:1;
	/*background:rgba(255,255,0,0.5);*/
	text-align:center;
}
header nav a{
	line-height:50px;
	display:inline-block;
	padding:0 18px;
	transition:all .3s;
}
header nav a:hover{
	color:rgba(255,255,255,0.4);
}
header .getstarted{
	display:inline-block;
	border:2px #fff solid;
	border-radius:25px;
	padding:0 25px;
	font-size:18px;
	line-height:50px;
	transition: all .3s;
}
header .getstarted:hover{
	background:#fff;
	color:#3B70C8;
}
.hright .myreplink{
	text-align:right;
}
.hright .myreplink div{
	font-size:14px;
	text-decoration: underline;
}


img{max-width:100%;}

.page-header{
	position:absolute;
	left:50%;
	top:180px;
	transform:translatex(-50%);
	width:100%;
	max-width:920px;
	margin:auto;
	color:#fff;
	text-align:center;
}
.page-header h1{
	font-size:60px;
	margin-bottom:0.25em;
}
.page-header h2{
	font-size:22px;
}

b,strong{
	font-weight:900;
}
.btn{
	font-weight:900;
	color:#fff;
	text-transform: uppercase;
	text-decoration: none;
	padding:0 30px;
	background:#f89b1c;
	border:0;
	border-radius:2px;
	line-height:60px;
	transition:all .3s;
	box-shadow:none;
	cursor:pointer;
}
.btn:hover{
	box-shadow:0 0 6px 6px rgba(0,0,0,0.07);
}
input.input{
	outline:none;
}
input.input.big{
	line-height:58px;
	padding:0 30px;
	border:1px #ccc solid;
	background:#fff;
	color:#333;
	border-radius:2px;	
}
input.input.big.light{
	border:1px #FFF solid;
	background:rgba(255,255,255,0.1);
	color:#fff;
}
input.input.light::-webkit-input-placeholder{
	color:rgba(255,255,255,0.5);
}

input[type='number'] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.page-content{
	padding-top:110px;
}


.max-width, .med-width, .narrow-width{
	width:100%;
	margin:auto;
}
.max-width{
	max-width:1600px;
}
.med-width{
	max-width:1170px;
}
.narrow-width{
	max-width:790px;
}

h2.under{
	display:inline-block;
	color:#333;
	font-size:28px;
	font-weight:700;
	text-align:center;
}
h2.under:after{
	content:"";
	width:40%;
	height:3px;
	background:#3B70C8;
	display:block;
	margin:auto;
	margin-top:5px;
}

.footer-form{
	background:url("/s/v2/img/bottom-form.svg") no-repeat;
	background-size:cover;
	min-height:275px;
	position:relative;
}
.footer-form .footer-form-content{
	position:absolute;
	left:50%;
	top:170px;
	transform:translatex(-50%);
}

.outline-dark{
	 text-shadow:
		-1px -1px 0 rgba(0,0,0,0.2),  
		1px -1px 0  rgba(0,0,0,0.2),
		-1px 1px 0  rgba(0,0,0,0.2),
		1px 1px 0   rgba(0,0,0,0.2);
}
.outline-light{
	text-shadow:
		-1px -1px 0 rgba(255,255,255,0.8),  
		1px -1px 0 rgba(255,255,255,0.8),
		-1px 1px 0 rgba(255,255,255,0.8),
		1px 1px 0  rgba(255,255,255,0.8);
}


footer{
	background:#18558C;
	padding:60px;
	font-size:14px;
}
footer, footer a{
	color:#fff;
	text-decoration: none;
}
footer .content{
	width:100%;
	display:flex;
	align-items:center;
}
footer nav{
	flex:1;
	text-align:center;
}
footer nav a{
	display:inline-block;
	padding:0 18px;
}
footer .addr, footer .mail{
	padding-left:55px;
	background-repeat:no-repeat;
	background-position:0 0;
}
footer .addr{
	background-image:url("/s/v2/img/icon-home.png");
	margin-bottom:25px;
}
footer .mail{
	background-image: url("/s/v2/img/icon-email.png");
}

footer .copy{
	border-top:1px rgba(255,255,255,0.5) solid;
	margin-top:55px;
	padding-top:30px;
	text-align:center;
}
.mobile-nav-trigger{display:none;}

 @-webkit-keyframes spin { 
    from { 
        -webkit-transform: rotate(0deg); 
    } to { 
        -webkit-transform: rotate(360deg); 
    }
}
@keyframes spin { 
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(360deg); 
    }
}

.spin{
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  animation: bounce 1s linear infinite;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}







@media screen and (max-width:1440px){
	header{
		padding-left:25px;
		padding-right:25px;
	}
}

@media screen and (max-width:1170px){
	.med-width{
		padding-left:25px;
		padding-right:25px;
	}
}

@media screen and (max-width:980px){
	footer{padding:15px; text-align:center;}
	footer .content{
		width:100%;
		flex-wrap:wrap; 
		max-width:320px; 
		margin:40px auto;
	}
	footer .fleft, footer nav, footer .fright{
		width:100%;
		margin-bottom:15px;
	}
	footer .fleft{margin-bottom:30px;}
	footer .logo{margin:auto;}
	footer nav{margin-right:.1px; display:flex; flex-wrap: wrap; justify-content:center;}
	footer nav a{display:block; padding:0 0 1em 0; width:50%;}
	footer .fright{
		text-align:left;
		display:flex;
		justify-content:space-between;
		font-size:12px;
	}
	footer .addr, footer .mail{padding-left:27px; background-size:20px;}
	
}


@media screen and (max-width:900px){
	header{
		display:block; 
		width:100%;
		z-index:3;
	}
	header .hleft{
		position:absolute;
		left:50%;
		transform:translatex(-50%);
	}
	
	.mobile-nav-trigger{
		display:block;
		position:absolute;
		left:25px;
		top:0;
		width:50px;
		height:30px;
		background:url("/s/v2/img/burger.svg") no-repeat;
		background-size:contain;
		cursor:pointer;
		z-index:2;
	}
	.menu-on header .nav-all{
		display:flex;
	}
	header .nav-all{
		display:none;
		position:absolute;
		left:0;
		top:-30px;
		flex-direction:column-reverse;
		flex-wrap:wrap;
		padding-top:80px;
		padding-bottom:30px;
		background: -webkit-linear-gradient(-45deg, rgba(67,112,199,1) 0%,rgba(95,177,232,1) 100%);
		background: linear-gradient(135deg, rgba(67,112,199,1) 0%,rgba(95,177,232,1) 100%);
		box-shadow:2px 2px 4px rgba(0,0,0,0.1);
	}
	header nav{
		text-align:left;
		width:100%;
	}	
	header nav a{
		display: block;
		padding: 0 18px 0 30px;
	}
	header nav a:hover{
		background:rgba(0,0,0,0.04);
	}
	header .hright{
		width:100%;
		padding:0 30px;
	}
	header .getstarted{border-radius:5px;}
	.hright .myreplink{
		text-align:left;
	}
	
	body::before{
		background-image:url("/s/v2/img/mobile-home-header.svg");
		max-height:285px;
		min-height:250px;
	}
	.page-content{
		padding-top:0;
	}
	.page-header{
		top:125px;
		padding:0 25px;
	}
	.page-header h1{
		font-size:25px;
	}
	.page-header h2{
		font-size:16px;
	}
	
}

@media screen and (max-width:790px){
	.narrow-width{
		padding-left:25px;
		padding-right:25px;
	}
	.footer-form{
		background-position-x: 50%;
	}
	.footer-form .footer-form-content{
		width:100%;
		text-align:center;
	}
}

@media screen and (max-width:475px){
	.btn{
		line-height:30px;
		padding:0 15px;
	}
	input.input.big{
		line-height:28px;
		padding:0 15px;
	}
	.footer-form .footer-form-content{ top:130px; }
	.footer-form form{
		max-width:320px;
		margin:auto;
		padding:0 20px;
	}
	.footer-form .input, .footer-form .btn{
		width:100%;
	}
	.footer-form .input{
		margin:0 0 10px 0;
		text-align:center;
	}
}


@media screen and (max-width:374px){
	.mobile-nav-trigger{
		right:25px;
		top:15px;
		left:auto;
	}
	header .hleft{
		left:25px;
		transform:none;
	}
	header .nav-all, header nav a, .hright .myreplink{
		text-align:right;
	}
	header .nav-all{
		left:auto;
		right:0;
		padding-top:100px;
	}
	header nav a{
		padding-right:30px;
	}
}

@media screen and (max-width:322px){
	.narrow-width{ padding-left:15px; padding-right:15px; }
}