@charset "utf-8";
/* CSS Document */

body  {
	font-family: 'Bentham', serif;
	font-variant: small-caps;
	font-size: 24px;
	color: #FFFFFF;
	text-align: center;
	background-color: #11234c;
	margin: 0px;
	padding: 0px;
}

a, a:link, a:visited {
	color: #ffffff;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #ffffbd;
	text-decoration: underline;
}

img { border: none; }

ul.standard {
	list-style-type: disc;
	width: 500px;
	margin: 0px 0px 10px 20px;
}

ul.standard li {
	padding: 2px 0px;
	float: none;
}

span { display: inline-block; }

span img { width: 100%; height: 100%; }

p {
	font-size: 1.5vw;
	line-height: 1.5vw;
	color: #ffffff;
	padding: 0 0 2vw 0;
	margin: 0;
}
@media (orientation: portrait) {
	p {
		font-size: 5vw;
		line-height: 5vw;
		padding: 0 0 1.8vh 0;
	}
}

.clear {
	clear: both;
	font-size: 0em;
	line-height: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

.spacer {
	font-size: 0em;
	line-height: 1px;
	height: 1px;
	margin: 25px 0px;
}

.bg {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	overflow: hidden;
}
@media (orientation: landscape) {
	.bg-l { display: block; }
	.bg-p { display: none; }
	span.bg img { width: 105%; height: 105%; }
}
@media (orientation: portrait) {
	.bg-l { display: none; }
	.bg-p { display: block; }
}

.jar {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

.page-logo {
	width: 50vw;
	max-width: 708px;
	margin: 0 auto;
}
@media (orientation: portrait) {
	.page-logo {
		width: 95vw;
	}
}

.bg-nav {
	background-image: url(images/bg-nav.jpg);
	background-repeat: repeat-x;
	height: 7.5vw;
	max-height: 58px;
}
@media (orientation: portrait) {
	.bg-nav { height: auto; }
}
@media (orientation: landscape) and (max-width: 850px) {
	.bg-nav { height: auto; }
}
.nav a, .nav a:link, .nav a:visited { color: #ffffbd; }
.nav a:hover { color: #ffffff; }
.nav ul {
	list-style-type: none;
	width: 97vw;
	max-width: 800px;
	margin: 0 auto;
	padding: 0;
}
@media (orientation: portrait) {
	.nav ul {
		width: 100%;
		max-width: none;
	}
}
@media (orientation: landscape) and (max-width: 850px) {
	.nav ul {
		width: 100%;
		max-width: none;
	}
}
.nav li {
	text-indent: -2.5vw;
	width: 20%;
	padding-top: 14px;
	float: left;
}
@media (orientation: portrait) {
	.nav li {
		font-size: 3.3vw;
		text-indent: -6.5vw;
		padding: 1vh 0;
		float: left;
	}
}
@media (orientation: landscape) and (max-width: 850px) {
	.nav li {
		font-size: 3.3vw;
		text-indent: -6.5vw;
		padding: 1vh 0;
		float: left;
	}
}

.ham-nav {
	position: relative;
	display: none;
}
/* IF NEEDED, REMOVE COMMENT */
/*@media (max-width: 350px) {
	.bg-nav { display: none; }
	.ham-nav { display: block; }
}*/
.ham-nav header {
	width: 100%; 
	background-image: url(images/bg_text.png);
	height: 40px;
	line-height: 40px;
}
.ham-nav .hamtxt {
	font-size:.9em;
	color: #FFFFFF;
	padding: 0;
	position: absolute;
	right: 15%;
	top: 0;
}
.hamburger, .cross {
	background: none;
	position: absolute;
	right: 4%;
	padding: 0;
	color: #fff;
	border: 0;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
}
.hamburger {
	font-size: 29px;
}
.cross {
	font-size: 45px;
}
.menu {
	z-index: 1000000;
	font-weight: bold;
	font-size: 0.8em;
	width: 45%;
	background-image: url(images/bg_text.png);
	position: absolute;
	text-align: center;
	right: 0;
}
.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
.menu li {
	display: block;
	border-bottom: #1d1f20 1px solid;
}
.menu li:last-child { border-bottom:none; }
.menu li:hover, .ham-static {
	display: block;
	background: #181818;
	border-bottom: #1d1f20 1px solid;
}
.menu ul li a {
	text-decoration: none;
	margin: 0px;
	width: 100%;
	display: inline-block;
}
.menu ul li a, .ham-static {
	line-height: 10vh;
}
@media (orientation: landscape) {
/*	.menu ul li a, .ham-static { line-height: 8.7vh; }*/
}
.menu ul li a:hover { color: #fff; text-decoration: none; }
.menu a { text-decoration: none; color: white; }
.menu a:hover { text-decoration: none; color: white; }
.glyphicon-home {
	color: white; 
	font-size: 1.5em; 
	margin-top: 5px; 
	margin: 0 auto;
}

.panel {
	background-image: url(images/bg-panel.png);
	background-repeat: repeat;
	border: 6px solid #000000;
	width: 95vw;
	max-width: 1428px;
	margin: 2vh auto 5vw auto;
/*	padding: 1vw 0 .3vw 0;*/
	padding: 1vw 0;
	position: relative;
}

p.panel-headline, p.panel-text { padding: 0 0 0 0; }
p.panel-headline {
	font-size: 7vh;
	line-height: 9vh;
}

p.panel-text {
	font-size: 3vh;
	line-height: 3.8vh;
}
@media (orientation: portrait) { p.panel-text {	font-size: 3.5vh;	line-height: 4vh; } }
p.panel-text em {
	font-size: 2.3vh;
	line-height: 2.3vh;
}
@media (orientation: portrait) { p.panel-text em {	font-size: 2.5vh;	line-height: 2.5vh; } }
.panel-one {
	padding-bottom: 4vw;
}

.panel-l, .panel-r { display: table }
.panel-txt { display: table-cell; vertical-align: middle; }
@media (orientation: portrait) { .panel-l, .panel-r { height: auto !important; } }

.panel-l {
	text-align: left;
	width: 50%;
	float: left;
	position: relative;
}
@media (orientation: portrait) { .panel-l { margin-bottom: 12%; } }
.panel-r {
	width: 50%;
	float: right;
	position: relative;
}
.panel-even .panel-l {
	text-align: center;
	width: 40%;
	padding: 0 0 0 10%;
}
.panel-even .panel-r {
	text-align: right;
	width: 49.5%;
	padding: 0 .5% 0 0;
}

.panel-odd .panel-l, .panel-one .panel-l {
	width: 49.5%;
	padding: 0 0 0 .5%;
}
.panel-odd .panel-r {
	width: 40%;
	padding: 0 10% 0 0;
}
@media (orientation: portrait) {
	.panel-one .panel-l, .panel-one .panel-r,
	.panel-even .panel-l, .panel-even .panel-r,
	.panel-odd .panel-l, .panel-odd .panel-r {
		text-align: center;
		width: 97%;
		padding: 1.5%;
		float: none;
	}
	.panel-one .panel-l {
		text-align: left;
	}
}


.quote {
	font-size: 1.6vw;
	line-height: 2.8vw;
}
@media (orientation: portrait) {
	.quote {
		font-size: 6vw;
		line-height: 6vw;
	}
}

.avatar {
/*	width: 100%;*/
/*	width: 78%;*/
	width: 72%;
	position: relative;
	margin-top: -19vh;
}
@media (orientation: portrait) { .avatar { margin-top: 0; } }
.avatar01 { max-width: 515px; margin-top: 0; }
@media (orientation: portrait) { .avatar01 { width: 52%; } }
.avatar02 { max-width: 577px; margin-right: -7vh; }
@media (orientation: portrait) { .avatar02 { margin-right: 0; } }
.avatar03 { max-width: 644px; margin-left: -6vh; }
@media (orientation: portrait) { .avatar03 { margin-left: 0; } }
.avatar04 { max-width: 595px; }

.video-trailer {
	text-align: center;
/*	width: 15.37vw;*/
	width: 20.37vw;
	max-width: 295px;
	position: absolute;
	right: 4vw;
	bottom: -9vw;
}
@media (orientation: portrait) {
	.video-trailer {
		width: 46.37vw;
		right: 1.5vw;
		top: 4vh;
		bottom: 0;
	}
}
.video-trailer p { padding: 0; }


.jar-slider {
/*	width: 36.1vw; /* 694px */
	width: 46.1vw;
	max-width: 694px;
/*	height: 24.3vw; /* 467px */
	height: 31vw;
	max-height: 467px;
	position: relative;
	margin: 0 auto;
	left: 0;
	right: 0;
}
@media (orientation: portrait) {
	.jar-slider {
		width: 95vw;
		height: 63.8vw;
		margin: 0 auto 10% auto;
	}
}
#cycler span {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	left: 0;
	z-index: 1
}
#cycler span.active { z-index: 3 }
.slider {
/*	width: 30.8vw; /* 592px */
	width: 40vw;
	max-width: 601px;
/*	height: 16.67vw; /* 320px */
	height: 22vw;
	max-height: 339px;
	margin: 0 auto;
	position: absolute;
	top: 17.3%;
	right: 0;
	left: -.5%;
}
@media (orientation: portrait) {
	.slider {
		width: 82vw;
		height: 45.5vw;
		left: 4.4%;
	}
	.buttons { margin-bottom: 5vh; }
}
.slider-mask {
/*	width: 36.1vw; /* 694px */
	width: 46.1vw;
	max-width: 694px;
/*	height: 24.3vw; /* 467px */
	height: 31vw;
	max-height: 467px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -5%;
	z-index: 4;
/*	opacity: .5;*/
}
@media (orientation: portrait) {
	.slider-mask {
		width: 95vw;
		height: 63.8vw;
		left: 0;
	}
}
.slides {
	position: relative;
	z-index: 1;
}

.btn {
	width: 9.82vw;
	max-width: 131px;
	margin-top: .3vw;
	padding: 0 0 .8vw 0;
}
@media (orientation: portrait) {
	.btn {
		width: 31.5vw;
		margin: .5vw .5vw 0 .5vw;
	}
}

.reviews {
	background-image: url(images/bg-panel.png);
	background-repeat: repeat;
	border: 6px solid #000000;
	width: 90%;
	text-align: left;
	margin: 2vh auto;
	padding: 1vw 0;
}
.overview {
/*	font-family: 'Open Sans', sans-serif;
	font-variant: normal;*/
	width: 70%;
	margin: 0 auto;
}
@media (orientation: portrait) {
	.overview { width: 90%; }
}
.reviews p.title { font-size: 2.8vw; text-align: center; padding: 2vw 0; }
.reviews a, .reviews p { padding: 0 0 2vw 0; }
.reviews-l {
	text-align: center;
	width: 30%;
	padding: .5% 2.5% 0 2.5%;
	float: left;
}
.reviews-r {
	width: 60%;
	margin: 0;
	padding: 0 2.5%;
	float: right;
}
@media (orientation: portrait) {
	.reviews a, .reviews p { font-size: 5vw; padding: 0 0 2vh 0; }
	.reviews p.title { font-size: 8vw; line-height: 8vw; }
	.reviews-l, .reviews-r {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	.reviews-l {
		padding: 2vh 0;
	}
}

.screenshot {
	text-align: center;
	margin: .85vw;
}
@media (orientation: portrait) { .screenshot { font-size: 3.5vw; } }
.video { width: 20vw; max-width: 384px; }
@media (orientation: landscape) { .video iframe { width: 20vw; max-width: 384px; height: 11.8vw; max-height: 225px; } }
@media (orientation: portrait) { .video { width: 36vw; height: 21.1vw; } }
.document { width: 11.5vw; max-width: 125px; }
@media (orientation: portrait) { .document { width: 25vw; } }
.phone, .promotional { width: 7.8vw; max-width: 153px; }
@media (orientation: portrait) { .phone, .promotional { width: 21vw; } }
.flyer { width: 9vw; max-width: 153px; }
@media (orientation: portrait) { .flyer { width: 35vw; } }
.tablet { width: 11.2vw; max-width: 215px; }
@media (orientation: portrait) { .tablet { width: 29vw; } }

.presskit {
	width: 90%;
	max-width: 1728px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
@media (orientation: portrait) {
	.presskit { width: 97%; }
}
.presskit p {
	text-align: left;
	width: 70%;
	margin: 0 auto;
}
@media (orientation: portrait) { .presskit p { width: 97%; } }
.presskit p.title { font-size: 2.8vw; text-align: center; }
@media (orientation: portrait) { .presskit p.title { font-size: 5.8vw; } }

.alert {
	display: none;
	margin-bottom: 2px;
}
@media (orientation: portrait) {
	.alert { font-size: 6vw; line-height: 6vw; }
}
.red { color: #D00306 !important; }
.blue { color: #2590CF !important; }
.white { color: #FFFFFF !important; }
label { display: none; }

.form-contact {
	text-align: center;
	width: 38.04vw;
	margin: 0 auto;
	padding-bottom: 4vh;
}
@media (orientation: portrait) {
	.form-contact { width: 87vw; margin: 0 auto;
	}
}
@media (orientation: landscape) and (max-width: 850px) {
	.form-contact { width: 87vw; margin: 0 auto; }
}
.form-contact .input, .form-contact .dropdown {
	font-family: 'Bentham', serif;
	font-size: 18px;
	color: #000000;
	border: none;
	border-radius: 5px;
	background-color: #FFFFFF;
	width: 37vw;
	height: 2.9vw;
	margin: 0 0 .7vw 0;
	padding: 0 .5vw;
	display: block;
}
.form-contact .dropdown {
	width: 38.04vw;
	padding: 0 .1vw;
}
@media (orientation: portrait) {
	.form-contact .input, .form-contact .dropdown {	width: 87vw; height: 30px; }
}
@media (orientation: landscape) and (max-width: 850px) {
	.form-contact .input, .form-contact .dropdown {	width: 87vw; height: 30px; }
}
@media (orientation: portrait) {
	.form-contact .dropdown { width: 88vw; }
}
@media (orientation: landscape) and (max-width: 850px) {
	.form-contact .dropdown { width: 88vw; }
}
.form-contact .input-txt {
	max-width: 37vw;
	min-width: 37vw;
	height: 10vw;
	max-height: 14vw;
	min-height: 10vw;
	overflow: auto;
}
@media (orientation: portrait) {
	.form-contact .input-txt {
		max-width: 87vw;
		height: 40vw;
		max-height: 60vw;
		margin-bottom: 1.8vh;
	}
}
@media (orientation: landscape) and (max-width: 850px) {
	.form-contact .input-txt {
		max-width: 87vw;
		height: 40vw;
		max-height: 60vw;
		margin-bottom: 1.8vh;
	}
}
.form-contact .dropdown-span, .form-contact .checkbox p, .agree { float: left; }
.form-contact #stateContainer, .form-contact #checkboxContainer, .form-contact #submitContainer { display: none; }
.form-contact .checkbox p {
	font-size: 12px;
	text-align: left;
	width: 38vw;
}
input[type="checkbox"], .checkbox label { display: none; }
.checkbox span {
	width: .9vw;
	max-width: 16px;
	margin: .3vw 1vw 0 0;
	float: left;
	display: inline-block;
	cursor: pointer;
}

.txt-agreement {
	text-align: left;
	background-image: url(images/bg-txt.png);
	background-repeat: repeat;
    border-radius: 20px;
	width: 85%;
	margin: 0 auto;
	padding: 1vw;
}
@media (orientation: portrait) { .txt-agreement { width: 97%; } }

.site-footer {
	font-size: 14px;
	width: 97vw;
	max-width: 1428px;
	margin: 1vw auto;
	padding: .5vw 0;
}
@media (orientation: portrait) {
	.site-footer {
		margin: 1vw auto;
	}
}
.site-footer-left {
	max-width: 178px;
	float: left;
}
.site-footer-left img {
	margin: 5px 0px 0px 0px;
	float: left;
}
.site-footer-center {
	text-align: left;
	float: left;
}
.site-footer-center, .site-footer-right { margin-top: 10px; }
.site-footer-right {
	text-align: right;
	float: right;
}
.site-footer-center, .site-footer-right { padding-top: 10px; }
.site-footer div { padding: 0px 5px; }
@media (max-width: 650px) {
	.site-footer .site-footer-left span {
		width: 7.4vw;
		height: 7.4vw;
		max-width: 27px;
		max-height: 27px;
		margin: 0 .5vw;
	}
	.site-footer-left img {
		margin: 0;
		float: left;
	}
	.site-footer-left, .site-footer-center, .site-footer-right {
		font-size: 3.3vw;
		text-align: center;
		max-width: 337px;
		margin: 0px auto;
		float: none;
	}
}

/*	border: 1px solid #FF0004; /* red */
/*	border: 1px solid #0005FF; /* blue */
/*	border: 1px solid #00FF2C; /* green */