/*
Theme Name: PacketSled
Theme URI: http://packetsled.com
Description: Bootstrap 3 based theme for Packetsled
Version: 0.1
Author: Sean Moe
Author URI: http://moedesigns.com.com
Tags: responsive-layout, black, white, bootstrap-3
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* FONTS */

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

@font-face {
  font-family: 'PillGothic300mg-Regular';
  src: url('fonts/PillGothic300mg-Regular.eot');
  src: url('fonts/PillGothic300mg-Regular.eot?iefix') format('eot'),
    url('fonts/PillGothic300mg-Regular.woff') format('woff'),
    url('fonts/PillGothic300mg-Regular.ttf') format('truetype'),
    url('fonts/PillGothic300mg-Regular.svg#PillGothic300mg-Regular') format('svg');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'PillGothic300mg-Semibd';
  src: url('fonts/PillGothic300mg-Semibd.eot');
  src: url('fonts/PillGothic300mg-Semibd.eot?iefix') format('eot'),
    url('fonts/PillGothic300mg-Semibd.woff') format('woff'),
    url('fonts/PillGothic300mg-Semibd.ttf') format('truetype'),
    url('fonts/PillGothic300mg-Semibd.svg#PillGothic300mg-Semibd') format('svg');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'PillGothic300mg-Bold';
  src: url('fonts/PillGothic300mg-Bold.eot');
  src: url('fonts/PillGothic300mg-Bold.eot?iefix') format('eot'),
    url('fonts/PillGothic300mg-Bold.woff') format('woff'),
    url('fonts/PillGothic300mg-Bold.ttf') format('truetype'),
    url('fonts/PillGothic300mg-Bold.svg#PillGothic300mg-Bold') format('svg');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'PillGothic300mg-SemibdObq';
  src: url('fonts/PillGothic300mg-SemibdObq.eot');
  src: url('fonts/PillGothic300mg-SemibdObq.eot?iefix') format('eot'),
    url('fonts/PillGothic300mg-SemibdObq.woff') format('woff'),
    url('fonts/PillGothic300mg-SemibdObq.ttf') format('truetype'),
    url('fonts/PillGothic300mg-SemibdObq.svg#PillGothic300mg-SemibdObq') format('svg');
  font-style: normal;
  font-weight: normal;
}

body{
	font-size: 14px !important; line-height: 150%; font-weight: normal;letter-spacing: 1px;
}

p{ }

.pill {
	font-family: 'PillGothic300mg-Regular' !important;
}

.pillSb {
	font-family: 'PillGothic300mg-Semibd' !important;
}

.pillB {
	font-family: 'PillGothic300mg-Bold' !important;
}

.pillObq {
	font-family: 'PillGothic300mg-SemibdObq' !important;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.marginTop0 { margin-top: 0px !important; }
.marginTop10 { margin-top: 10px !important; }
.marginTop20 { margin-top: 20px !important; }
.marginTop30 { margin-top: 30px !important; }
.marginTop40 { margin-top: 40px !important; }
.marginTop50 { margin-top: 50px !important; }
.marginTop60 { margin-top: 60px !important; }
.marginTop70 { margin-top: 70px !important; }
.marginTop80 { margin-top: 80px !important; }
.marginTop90 { margin-top: 90px !important; }
.marginTop100 { margin-top: 100px !important; }
.marginTop150 { margin-top: 150px !important; }
.marginTop200 { margin-top: 200px !important; }

.marginBtm0 { margin-bottom: 0px !important; }
.marginBtm10 { margin-bottom: 10px !important; }
.marginBtm20 { margin-bottom: 20px !important; }
.marginBtm30 { margin-bottom: 30px !important; }
.marginBtm40 { margin-bottom: 40px !important; }
.marginBtm50 { margin-bottom: 50px !important; }
.marginBtm60 { margin-bottom: 60px !important; }
.marginBtm70 { margin-bottom: 70px !important; }
.marginBtm80 { margin-bottom: 80px !important; }
.marginBtm90 { margin-bottom: 90px !important; }
.marginBtm150 { margin-bottom: 150px !important; }

.padding20 { padding: 20px; }
.padding45 { padding: 45px; }

.paddingBtm50 { padding-bottom: 50px !important; }
.paddingBtm80 { padding-bottom: 80px !important; }

.paddedRow { padding-top: 20px; padding-bottom: 20px; }
.paddedRow40 { padding-top: 40px; padding-bottom: 40px; }

.paddedRowAll { padding: 30px !important; }

/* Font Colors */
.white { color: #fff !important; }
.black { color: #000 !important; }
.grey { color: #bcbcbc !important; }
.orange { color: #ff6c00 !important; }
.blue { color: #07b0ff !important; }

/* Font Sizes */
.font12 { font-size: 12px !important; line-height: 18px; }
.font16 { font-size: 16px !important; line-height: 18px; }
.font28 { font-size: 28px !important; line-height: 28px; }
.font32 { font-size: 32px !important; line-height: 34px; }
.font36 { font-size: 36px !important; line-height: 36px; }
.font42 { font-size: 42px !important; line-height: 45px; }
.font46 { font-size: 46px !important; line-height: 46px; }
.font58 { font-size: 58px !important; line-height: 60px; }
.font65 { font-size: 65px !important; line-height: 65px; }
.font135 { font-size: 135px !important; line-height: 135px; }


.font42_new{
	font-size: 42px; line-height: 45px; 
}

.font_custom {font-size: 38px !important; line-height: 40px;}

.h2_custom {margin-top: 40px !important; margin-bottom: 30px !important;}

.strong{font-weight:bold;}


/* Font Utility Classes */
.uppercase { text-transform: uppercase; }
.underline { text-decoration: underline; }

/* Background Colors */
.bg-white { background-color: #fff !important; }
.bg-black { background-color: #000 !important; }
.bg-grey { background: #585858 url(../img/bg-tile-70.png) repeat !important; }
.bg-grey-solid { background-color: #585858 !important; }
.bg-grey-light { background-color: #464646 !important; }
.bg-grey-lighter{background-color: #777777 !important; }
.bg-grey-darker{background-color: #222222 !important; }
.bg-orange { background-color: #ff6c00 !important; }
.bg-orange-light { background-color: #f7941d !important; }
.bg-2c { background-color: #222222 !important; color:white;}

.borderTop58 { border-top: 4px solid #585858; }

.flex {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.fCenter {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	align-items: center;
}

.btn-primary {
	background: #00a651;
	border-radius: 2px;
	border: 1px solid #79c669;
	border-color: #79c669;
	box-shadow: none;
	padding: 5px 30px;
	text-shadow: none;
}


/* Header Styles */

h1, h2, h3, h4, h5, h6 {
	font-family: 'PillGothic300mg-Semibd';
}


body {
	color: #000;
	font-family: 'Helvetica Neue','Helvetica', Arial, sans-serif;
	padding-bottom: 0;
}


.navbar {
	background: #000;
	height: 140px;
	border-radius: 0;	
}

.navbar-brand {
	float: left;
	height: 64px;
	padding: 0 0 0 50px;
	margin: 55px 0 0 15px;
}

.navbar-brand img {
	display: block;
	float: left;
	margin-right: 30px;
}

.navbar-brand span {
	display: block;
	color: #9e9e9e;
	float: left;
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	margin-top: 18px;
}

.navbar-inverse .navbar-nav>li>a {
	color: #fff;
	font-family:  MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-shadow: none;
	text-transform: uppercase;
}

ul.nav.navbar-nav {
	margin-top: 61px;
}

.footerNav {
	list-style: none;
	list-style-type: none;
}

.footerNav li {
	margin-bottom: 6px;
}

.footerNav li a {
	font-family: 'Helvetica','Arial';
	font-weight: 500;
	font-size: 16px;
	list-style-type: none;
	color: #fff;
}


/** HOMEPAGE **/

.jumbo-container {
	width: 100%;
	padding-left: 0px;
}
.no_left_padding{
	padding-left: 0px;
}
.jumbotron{
	padding-left: 0px;
	padding-bottom: 15px;
}
.jumbotron.home-top {
	background: url(../img/hero-background.jpg);
	background-size: cover;
	padding-top: 0px;
}

.jumbotron.home-top h1 {
	font-size: 51px;
	line-height: 48px;
	text-transform: uppercase;
}

.jumbotron.home-top p {
	margin-bottom: 60px;
	font-size: 25px;
	font-weight: 100;
	line-height: 36px;
}

.timeMachine-cont {
	background: url(../img/history.png) no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
	min-height: 300px;
}

.timeMachine-cont p {
	margin-bottom: 30px;
	max-width: 475px;
}

.homeIcons p {
	margin-top: 40px;
}


.cam-stage {
	padding:0px;
	margin:0px;
}

/** MEDIA QUERIES **/

@media (max-width: 768px) {

	.cam-stage img{
		width:100%;
	}

	.CAM-STAGE-1{
		width:100%;
	}

	.CAM-STAGE-2{
		width:100%;
		margin-left:20px;
	}

	.CAM-STAGE-3{
		width:100%;
		margin-left:18px;
	}

	.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom {
		height: 70px;
	}

	.navbar-brand {
		margin: 0 0 0 15px;
	}

	.navbar-toggle {
		margin-top: 17px;
	}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		background: #333;
	}

	.navbar-brand {
		height: 59px;
	}

	ul.nav.navbar-nav {
		margin-top: 10px;
	}

	.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
		color: #fff;
	}

	.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a:hover {
		color: #bcbcbc;
	}

	.arrow-overlay{
		height: 1px;
	}

	.CAM-STAGE-ARROW{
	    margin-left: 115px !important;
	    margin-top: -60px !important;
	    display: inline;
	    height: 175px !important;
	}

	.map-mobile-button{
		text-align: center;
	}
/*
	.jumbotron.home-top {
		background: #585858 url(../img/bg-tile-70.png) repeat !important;
	}
*/
	.timeMachine-cont {
		background-image: none;
	}

}

@media (max-width: 992px) {

	.navbar-brand,
	ul.nav.navbar-nav {
		display: block;
		float: none;
		margin: 10px 0 0 15px;
		padding: 0;
	}

	.navbar{height:80px;}

	ul.nav.navbar-nav {
		margin-top: 0;
	}

	.jumbotron.home-top {
		/* background: url(../img/hero-background.jpg); */
		/* background: url(../img/hero-bg-small.jpg); 
		background-color: #424242;
		background-size: contain;
		background-repeat: no-repeat;*/
	}

	.jumbotron.home-top p {
		margin-bottom: 20px;
	}

	.font42_new{
		font-size: 21px;
    	line-height: 21px;
	}

	.IRES{
		height: 70px !important;
	}

	.jumbotron.home-top p {
		font-size: 16px !important;
	}
	.CAM-copy {
		font-size: 18px !important;
	}
	.hidden-IRES-header{
		font-size: 24px;
		padding-bottom: 20px;
	}

	.mapdiv {
	background-color: #fff !important;
	height: 300px !important;
}
}

@media (max-width: 1200px) {

}



@media (min-width: 768px) {

	.flex-sm {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}

	.fCenter-sm {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		align-items: center;
	}

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1200px) {
	.nav>li>a { padding: 10px 12px; }
	.timeMachine-cont p {
		max-width: 410px;
	}
}


.navbar{
  margin-bottom: 0px;
}

.menu-banner { background:rgb(0, 155, 0);color:#ffffff;text-align: center;font-size: 14px;padding: 5px 45px 5px 15px;}
.menu-banner h4{text-transform: uppercase;margin-bottom:0px;color:#ffffff;}
.menu-banner span{text-transform: uppercase;}
.menu-banner a{color:white;}
.menu-banner a:hover{color:#d2d2d2;}

.ps-wp #wrapper a{
	color:#f08411;
	text-decoration:underline;
}

.signupLink{color:white;}
.signupLink:hover{color:#ffcc00;text-decoration:none}

.ps-wp #wrapper a:hover{color:grey;}

#footer-news {color:#ffffff;}
#footer-news h3{margin-top:0px;color:white;}
#footer-news {color:#ffffff;}
#footer-news ul{padding-left:10px;}
#footer-news li{list-style: none}
#footer-news a{color:#ffffff;}


.su_au_pos{font-size:14px;}



/* 3d serach rotator */


#threeDquery{
    margin-top:70px;
    text-align:center; 

    -webkit-perspective:600px;
    perspective:600px;
}
#cube {
	position: relative;
	margin: 0 auto;
	width: 100%;

	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);

	-webkit-transition: -webkit-transform .33s;
	transition: transform .33s; /* Animate the transform properties */
	
	-webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;

	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; /* <-NB */
}
.face {
  position: absolute;
  width: 100%;
  padding: 11px;
  background-color:#fff;
}
.front{
   /* background-color: rgba(240, 240, 240, 1); */
}
#cube .one  {
  -webkit-transform: rotateX(90deg) translateZ(40px);
  transform: rotateX(90deg) translateZ(40px);
}

#cube .two {
  -webkit-transform: translateZ(40px);
  transform: translateZ(40px);
}


#cube .three {
  -webkit-transform: rotateX(-90deg) translateZ(40px) rotate(180deg);
  transform: rotateX(-90deg) translateZ(40px) rotate(180deg);
}

#cube .four {
  -webkit-transform: rotateY(180deg) translateZ(40px); 
  transform: rotateY(180deg) translateZ(40px); 
}

.errors {
font-size: 12px;
color: white;
background-color: red;
padding: 20px;
}

/* RSA SPECIFIC STYLES */

ul.nav.navbar-nav {
	margin-top: 20px;
}

.arrow-overlay{
	height: 1px;
}
.CAM-STAGE-ARROW{
    margin-left: 62%;
    margin-top: -80px;
    display: inline;
    height: 225px;
}
.IRES{
	height: 90px;
	margin-top: 10px;
}
.navbar{
	height: 85px;
}
.navbar-brand{
	margin-top: 15px;
}

img.inverted {
	-webkit-filter: invert(1);
  	filter: invert(1);
  	height: 45px;
	padding-left: 20px;
	padding-top: 10px;
}

.map-icon-wrapper{
	margin-top: 12px;
}
.header-map-icon{
	-webkit-filter: invert(1);
  	filter: invert(1);
	height: 35px;
}

.mapcopy {
	width: 98%;
	margin: 0 auto; 
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.mapdiv {
	background-color: #fff !important;
	height: 600px;
	max-height: 600px;
}

.buttonwrapper{
	text-align: right;
}
.map-button {
	padding-right: 0px;
}
.rsa-wrapper{
	padding-top: 0px;
	margin-top: -3px;	
}
.mapcontainer{
	width: 100%;
	background-color: white;
}
.styled-select{
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.CAM-copy{
		font-size: 25px;
	font-weight: 200;
	line-height: 36px;
	color: white;
	padding-bottom: 25px;
}
.CAM-copy-left{
	margin-bottom: 60px;
	font-family: 'PillGothic300mg-Regular' !important;
}
.table-nums{
	font-size: 48px;
	color: white;
	padding-bottom: 25px;
	padding-right: 20px;
}
.table-rows{
	margin-bottom: 30px;
}
.tshirt-container{
	padding:0;
	margin: 0;
    width: 100%;
    text-align: center;
}
.tshirts{
	width:75%;
}
.tshirtouter{
	text-align:center;
}
.tshirtdiv{
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.map-green-button{
	margin-top: 12px !important;
}

h4{
	margin-top: 4px !important;
}