@import url(http://fonts.googleapis.com/css?family=Oxygen:300);
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);



 html, body {
  overflow-x: hidden;
}


p {

	font-family: 'Oxygen', sans-serif;
	font-size: 1.2em;
	text-align: center;
	color: #4f5459;
}

.list-group-item {
	font-family: 'Oxygen', sans-serif;
	font-size: 1.2em;
	text-align: center;
	color: #4f5459;

}

.sidebarText {
	font-family: 'Oxygen', sans-serif;
	font-size: 1.2em;
	text-align: left;
	color: #4f5459;

}


.white {

	font-family: 'Oxygen', sans-serif;
	font-size: 1.2em;
	text-align: center;
	color: #ffffff;
	margin-top: 8px;
}


h1 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.2em;
	color: #374f6b;
	text-transform: uppercase;


}

h2 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.8em;
	color: #374f6b;

}

h3 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.5em;
	color: #374f6b;
}

.navbar-brand {
	font-family: 'Oxygen', sans-serif;
	font-size: 1.8em;
	text-transform: uppercase;

}

.hotgear_logo {
	padding-top: 1px;


}

.space {

	 margin-bottom: 8px;
}

.form-space {
	margin-top: 46px;
}



.largeHeading {
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.5em;
	color: #374f6b;
	text-transform: uppercase;



}


.line-space {

	 margin-bottom: 18px;
}

.hgFooter {

	background-color: #0671b9;
	
}

.hotgear {

	width: 100% !important;
}

/* ======================================== NAVIGATION =============================== */

.navbar-inverse { background-color: #0671b9; text-transform: uppercase; font-size: 1em; margin-top:-19px;
}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #0B61A3}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #0B61A3}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #0671b9}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #080808}
.navbar-inverse .navbar-brand { color: #FFFFFF}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #9EAEFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #9EAEFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #9EAEFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}



/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.text-success {
	margin-top: -15px;
	font-size: 1em;
}

.boldText {
	font-family: 'Oxygen', sans-serif;
	font-weight: bolder;
	font-size: 1.2em;
	text-decoration: underline;
	text-transform: uppercase;
}


/* ******************************************* iphone landscape ***************************** */


@media (min-width: 568px) { 



.white {

	font-family: 'Oxygen', sans-serif;
	font-size: 1em;
	text-align: center;
	color: #ffffff;
}


h1 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 2em;
	color: #374f6b;
	text-transform: uppercase;


}

h2 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.8em;
	color: #374f6b;

}

h3 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.5em;
	color: #374f6b;
}
	
}

/* ******************************************* PORTRAIT ***************************** */


@media (min-width: 768px) {

p {

	font-size: 1.1em;

}

h1 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 2.3em;
	color: #374f6b;
	text-transform: uppercase;


}

h3 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.2em;
	color: #374f6b;
}

.navbar-brand {

	font-size: 1.2em;

}

.navbar-inverse {
	font-size: 0.8em; 
}



}


/* ******************************************* LANSCAPE ***************************** */

@media (min-width: 1024px) {

hr {

	margin-top: -10px;
	margin-bottom: -10px;
}



h1 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 2em;
	color: #374f6b;
	text-transform: uppercase;

}

h3 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.3em;
	color: #374f6b;
}

.largeHeading {

	margin-top: -10px;

}


p {

	font-size: 1.2em;
}

.navbar-brand {

	font-size: 1.4em;

}

.navbar-inverse {
	font-size: 1em; 
}




}



/* ******************************************* DESKTOP ***************************** */

@media (min-width: 1440px) {

hr {

	margin-top: -5px;
	margin-bottom: -5px;
}

h3 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.5em;
	color: #374f6b;
}

p {

	font-size: 1.4em;
}

.largeHeading {

	font-size: 4.3em;
	margin-top: -10px;
	margin-bottom: -10px;


}

.navbar-inverse { 
	font-size: 1.2em;
}


.white {

	font-size: 1.4em;

}
.jumbotron {

	margin-top: 45px;
}

.sidebarText {
	font-family: 'Oxygen', sans-serif;
	font-size: 1.3em;
	text-align: left;
	color: #4f5459;
	
}

.result {

	margin-top: 80px;
}

}