/*
	JBO Landing Page

*/


/*------------------------------------*\
    NORMALIZE
\*------------------------------------*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */


html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
body {
	margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
	display: none;
}
/* Links
   ========================================================================== */

a {
	background-color: transparent;
}
a:active, a:hover {
	outline: 0;
	border: none;
}
/* Text-level semantics
   ========================================================================== */

abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */


img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
/* Grouping content
   ========================================================================== */

figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
/* Forms
   ========================================================================== */

button, input, optgroup, select, textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}
button[disabled], html input[disabled] {
	cursor: default;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
 input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield; /* 1 */ /* 2 */
	box-sizing: content-box;
}
 input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}
= textarea {
 overflow: auto;
}
optgroup {
	font-weight: bold;
}
/* Tables
   ========================================================================== */


table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}
/*------------------------------------*\
    INITIALIZATION
\*------------------------------------*/

/* global box-sizing */
*, *:after, *:before {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;   /* Firefox 1, probably can drop this */   /* Safari 3-4, also probably droppable */
	box-sizing: border-box;   /* Everything else */
}
/* ========================================================================== 
								BEGIN STYLING
 ========================================================================= */

a, a:hover:after, .imageBack, .rate, .jbo-submit {
	-webkit-transition: all cubic-bezier(0, 0, 0.58, 1) 0.4s;
	transition: all cubic-bezier(0, 0, 0.58, 1) 0.4s;
}
/*------------------------------------*\
  ANIMATION
\*------------------------------------*/

/*Fade In */

@-webkit-keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
@keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
.fade-in {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}


.fade-in-fast {
	opacity: 0;
	-webkit-animation: fadeIn ease-in 1;
	animation: fadeIn ease-in 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.5s;
	animation-duration:  0.5s;
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}


/*Rise Up */


 @-webkit-keyframes riseUp {
from {
 opacity:0;
 -webkit-transform: translateY(150px);
 transform:translateY(150px);
}
to {
 opacity:1;
 -webkit-transform: translateY(0);
 transform:translateY(0);
}
}
@keyframes riseUp {
from {
 opacity:0;
 -webkit-transform:translateY(150px);
 transform:translateY(150px);
}
to {
 opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.riseUp {
	opacity: 0;
	-webkit-transform: translateY(150px);
	transform: translateY(150px);
	-webkit-animation: riseUp ease-out 1;
	animation: riseUp ease-out 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
}
/*------------------------------------*\
   TRANSITIONS
\*------------------------------------*/


.bx-wrapper .bx-prev, .bx-wrapper .bx-next, .menu {
	-webkit-transition: all cubic-bezier(0, 0, 0.58, 1) 0.4s;
	transition: all cubic-bezier(0, 0, 0.58, 1) 0.4s;
}
.menu-item a:after {
	-webkit-transition: all cubic-bezier(0, 0, 0.58, 1) 0.2s;
	transition: all cubic-bezier(0, 0, 0.58, 1) 0.2s;
}
/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/

body {
	color: #000000;
	font-family: 'PT Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.4em;
}
.pageTitle {
	margin-top: 0;
	font-weight: 300;
	line-height: normal;
}
.body-content {
	padding: 0 10vw;
	font-size: 1em;
	font-weight: 100;
	letter-spacing: 0.025em;
	line-height: 1.1em;
}
a {
	color: #000000;
}
.current {
	opacity: 1 !important;
}
.header a {
	text-decoration: none !important;
}
.justify {
	text-align: justify;
}
/*------------------------------------*\
   STRUCTURE
\*------------------------------------*/
body {
}
.wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-height: 90vh;

}
.flexColumn, .homeBrand {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
}
.flexColumn-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
/*------------------------------------*\
   LANDING
\*------------------------------------*/
.homeBrand {
	text-align: center;
	width: 456px;
	margin: 0 auto;
}
.landing-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0.25em auto 0;
	width: 456px;
}
.landing-link a {
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.5em;
	font-weight: 200;
	padding-bottom:3px;
	border-bottom: 2px solid rgba(255,255,255,0);
	font-size: 0.6em;
}
.landing-link a:hover {
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 200;
	border-bottom: 2px solid rgba(255,255,255,1);
}
.landing-link-left {
	text-align: left;
}
.landing-link-center {
	font-weight: 100;
}
.landing-link-right {
	text-align: right;
}
/*------------------------------------*\
   HEADER
\*------------------------------------*/

.header {
	height: 10vh;
	padding: 0 2.5vw;
}
.header .site-title {
	font-size: 1.2em;
	letter-spacing: -0.025;
	font-weight: 900;
	text-transform: uppercase;
}

/*------------------------------------*\
   CONTENT
\*------------------------------------*/
.content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.content p {
	font-size: 0.9em;
	line-height: 1.3em;
	margin-top: 0;
	margin-bottom: 1.5em;
	min-width: 100%;
}
.content .flexColumn-item {
	-ms-flex-line-pack: center;
	align-content: center;
}
/*------------------------------------*\
   FOOTER
\*------------------------------------*/
.footer {
}
.footerContainer {
	margin: 5vh auto;
}
.footerContainer div {
}

/* HOME==========================================================================*/

.blackTheme {
	color: #fff;
	background: #000;
	font-family: 'PT Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	min-height: 100vh;
	max-height: 100vh;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.home {
	padding: 5vh 5vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100vh;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.homeBrand {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	font-size: 1.3em;
}
#branding h1 {
	margin: 0;
	padding: 0;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0em;
	line-height: 1em;
	font-size: 2.25em;
	text-align: center;
	color: #fff;
}
#branding h2 {
	margin: 2vh 0;
	padding: 0;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	font-size: 0.8em;
	text-align: center;
	color: #fff
}

/* RESPONSIVE
   ========================================================================== */

@media only screen and (max-width : 768px) {
.homeBrand {
	font-size: 18px;
	width: 400px;
}
.landing-links {
	width: 400px;
}
.landing-links a {
	font-size: 10px !important;
	letter-spacing: 0.65em;
	font-weight:600;
}
.wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-height: none;
	overflow: auto;
}
.flexColumn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
}
.flexColumn-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.header {
	height: 50px;
	padding: 1.5vh 2.5vw;
}
.header .site-title {
	line-height: 1em;
}


}

@media only screen and (max-width : 500px) {

.sidebar {
	padding: 0 5vw;
	
}
	
.homeBrand {
	font-size: 12.5px;
	width: 280px;
}
.landing-links {
	width: 280px;
}
.landing-links a {
	font-size: 8.5px !important;
	letter-spacing: 0.35em;
}
}