body {font-family: "Roboto", sans-serif; background: white; margin: 0;}
.container { max-width: 800px; margin: 0 auto;}

header {background: #ffffff; padding: 20px 0; margin: 0;}
header h1 {background: url(/images/logo.png) no-repeat top left; width: 189px; height: 43px; text-indent: -9999px; font-size: 0; background-size: 186px 44px; margin: 0 auto;}
header h1 a {display: block; width: 161px; height: 25px}

nav {background: #01193D; margin: 0}
nav p {margin: 0; text-align: center;}
nav a {padding: 10px; display: inline-block; text-decoration: none; color: white;}
article {max-width: 600px; margin: 40px auto; padding: 0 2% 40px; border-bottom: 1px solid #f1f1f1;}
article img {max-width: 100%; height: inherit}
article h1, article h2 {text-align: center; color: #01193D; font-size: 24px}
article h2 a {text-decoration: none; color: #01193D;}
article p {color: #666; line-height: 1.5em}
article h3 {margin: 1.5em 0 0; font-size: 18px; padding: 0;}
article a {text-decoration: none; color: #01193D; font-weight: bold;}
body.home {background: #01193D url(../../uploads/2016/05/homebg-big.jpg) no-repeat 50% 0; background-size: 1500px;}
body.home h1 {background: url(/images/logo.png) no-repeat top left; width: 161px; height: 75px; text-indent: -9999px; font-size: 0; background-size: 161px 75px; margin-left: 370px;}
body.home h2 {margin-left: 370px; font-size: 21px; font-weight: bold; color: #01193D}
body.home img {float: left; width: 209px; height: 371px; margin-left: 100px;} 

body.home #content {max-width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

a.download {
    display: block;
    width: 163px;
    height: 54px;
    background: url(images/download.png) no-repeat top left;
    background-size: 163px 54px;
    position: fixed;
    left: 51.7%;
    top: 383px;
    bottom: 63%;
    margin-left: 0px;
    margin-bottom: -54px;
}
.cloud1 {background: url(/images/cloud1.png) no-repeat top left; display: block; width: 168px; height: 60px; background-size: 168px 60px; position: absolute; top: 200px; left: -30px;}
.cloud2 {background: url(/images/cloud2.png) no-repeat top left; display: block; width: 185px; height: 77px; background-size: 185px 77px; position: absolute; top: 100px; left: 70%}
.cloud3 {background: url(/images/cloud3.png) no-repeat top left; display: block; width: 185px; height: 77px; background-size: 185px 77px; position: absolute; top: 290px; left: 16%}
.cloud4 {background: url(/images/cloud4.png) no-repeat top left; display: block; width: 169px; height: 59px; background-size: 169px 59px; position: absolute; top: 400px; left: 38%}

.birds {background: url(/images/birds.png) no-repeat top left; display: block; width: 65px; height: 17px; background-size: 65px 17px; position: absolute; top: 360px; left: 68%}
.bird {background: url(/images/bird.png) no-repeat top left; display: block; width: 26px; height: 9px; background-size: 26px 9px; position: absolute; top: 140px; left: 10%}

.middlemountain {background: url(/images/middlemountain.png) no-repeat top left; display: block; width: 215px; height: 128px; background-size: 215px 128px; position: absolute; top: 420px; left: 56%;}
.leftmountain {background: url(/images/leftmountain.png) no-repeat top left; display: block; width: 178px; height: 87px; background-size: 178px 87px; position: absolute; top: 455px; left: 46%;}
.rightmountain {background: url(/images/rightmountain.png) no-repeat top left; display: block; width: 180px; height: 92px; background-size: 180px 92px; position: absolute; top: 450px; left: 65%;}


.ground {
    display: block;
    padding: 10px;
    width: 0px;
    background-size: 100% 104px;
    position: fixed;
    left: 50%;
    bottom: 0%;
    margin-left: -260px;
    margin-bottom: 0px;
}

.ground p {width: 620px; margin: 0 auto; font-size: 13px; color: white; padding-top: 60px;}
.ground p a {color: white; text-decoration: none; padding: 0 10px}

.trees1 {background: url(/images/trees1.png) no-repeat top left; display: block; width: 176px; height: 94px; background-size: 176px 94px; position: absolute; top: 450px; left: 41%;}
.trees2 {background: url(/images/trees2.png) no-repeat top left; display: block; width: 157px; height: 68px; background-size: 157px 68px; position: absolute; top: 465px; left: 70%;}
.trees3 {background: url(/images/trees3.png) no-repeat top left; display: block; width: 172px; height: 92px; background-size: 172px 92px; position: absolute; top: 448px; left: 60%;}
.trees4 {background: url(/images/trees2.png) no-repeat top left; display: block; width: 157px; height: 68px; background-size: 157px 68px; position: absolute; top: 465px; left: 15%;}

.tents {background: url(/images/tents.png) no-repeat top left; display: block; width: 201px; height: 83px; background-size: 201px 83px; position: absolute; top: 500px; left: 58%;}


.app {background: url(../../uploads/2016/05/lockscreen-example.jpg) no-repeat top left; display: block; width: 209px; height: 371px; background-size: 209px 371px; position: absolute; top: 150px; left: 26%;}


footer { background: #333333; min-height: 100px; line-height: 100px; text-align: center; color: white; clear: both; font-size: 13px;position: relative;box-shadow: 0 50vh 0 50vh #01193D;}
footer a {color: white; padding: 10px;}

nav.navigation.pagination {
	background-color: #ffffff;
}
h2.screen-reader-text {
	display: none;
}
.nav-links {
	text-align: center;
}
.nav-links a{
	color: #2d809e;
}

.cta {display: block; width: 600px; height: 250px; background: url(../../uploads/2016/04/download_smore.jpg) no-repeat top left; background-size: 600px 250px;}

.social { position: relative; padding: 0; text-align: center; margin-bottom: 20px;}
.fb-like { position: absolute; left: 50%; margin-left: -45px}

a#referral { display: block; width: 163px; height: 54px; background: url(/images/download.png) no-repeat top left; background-size: 163px 54px; margin: 0 auto; text-align:center; }


.box { width: 100%; }
.box img { width: 70%; height: auto; text-align: center; margin-left: 15%; margin-right: 15%; }

.post-124 .entry-title {display: none;}


a#failure { display: block; width: 163px; height: 54px; background: url(/images/download.png) no-repeat top left; background-size: 163px 54px; margin: 0 auto; text-align:center; }

.list-1 {list-style: decimal;}

.list-2 {list-style: upper-latin;}

.list-3 {list-style: lower-latin;}

.list-4 {list-style: lower-roman;}

.content-area .main-content {padding: 40px;margin-left: auto;margin-right: auto;box-shadow: 0 4px 24px 0 rgba(0,0,0,.15);width: 74%;max-width: 500px;border-radius: 16px;margin-top: 60px;margin-bottom: 60px;}

.content-area .main-content h1 {color: #01193D;margin-top: 0;}

.content-area .main-content p {font-weight: 600;margin-top: 50px;}

.content-area .main-content p.error {margin-top: 10px;color: #EB3157;
}

.content-area .main-content input[type="radio"] {opacity: 0;position: absolute;}

.content-area .main-content label.radio-label {cursor: pointer;}

.content-area .main-content label.radio-label:first-of-type {margin-right: 22px;}

.content-area .main-content label.radio-label::before {content: '';display: inline-block;height: 20px;width: 20px;border: 2px solid black;border-radius: 100%;margin-right: 8px;top: 5px;position: relative;cursor: pointer;}

.content-area .main-content input[type="radio"]:checked + label.radio-label::before {border-color: #01193D;background: radial-gradient(#01193D 40%, white 40%);}


.content-area .main-content input[type="text"] {border-radius: 4px;padding: 12px 18px;font-size: 16px;border: 1px solid black;width: 88%;max-width: 370px;
}

.content-area .main-content input[type="text"]:active,
.content-area .main-content input[type="text"]:focus {border: 2px solid #01193D;outline: none;}

.content-area .main-content input[type="text"].error {border-color: #EB3157;}

.content-area .main-content .btn-holder button {margin-top: 50px;border: none;background-color: #01193D;color: white;text-transform: uppercase;border-radius: 15px;padding: 15px 50px;font-size: 18px;letter-spacing: 1.5px;cursor: pointer;}

.content-area .main-content .btn-holder button:hover {background-color: #666666;}

.d-none {display: none;}

.osano-cm-info-dialog header {background-color: #01193D;}


@media only screen and (max-width: 768px) {
	body.home {background: #01193D url(../../uploads/2016/05/homebg-small.jpg) no-repeat 50% 0; background-size: 768px;}
	body.home #content {top: 20px; left: 0; text-align: center; margin-left: 0; margin: 0 auto; width: 100%;}

	body.home h1 {width: 90px; height: 38px; text-indent: -9999px; font-size: 0; background-size: 80px 38px; margin-left: 0; margin: 0 auto 10px;}
	body.home h2 {font-size: 16px; margin-left: 0; margin: 0 auto 20px; }
	.ground {width: 100%;text-align: center;left: 0;right: 0;margin-bottom: 0;bottom: 0;margin-left: 0;height: auto;padding-bottom: 10px;background-color: #01193D;}
	.ground p {width: 100%; margin: 0 auto; font-size: 13px; color: white; padding-top: 10px;}

	a.download {margin-bottom: 10px;margin-left: -81px;top: 41%;}
	article {margin: 40px auto; padding: 0 4% 40px; border-bottom: 1px solid #f1f1f1;}

	.cta {display: block; width: 300px; height: 125px; background: url(../../uploads/2016/04/download_smore.jpg) no-repeat top left; background-size: 300px 125px; margin:auto;}
}

@media only screen and (max-width: 670px) { 
	footer,footer a {line-height: 3;}

	footer a {white-space: nowrap;}
}

@media only screen and (max-width: 460px) {
	.content-area .main-content .btn-holder {
		text-align: center;
	}
}