/*
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 */

@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; }

.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-orange { background-color: #ff6c00 !important; }
.bg-orange-light { background-color: #f7941d !important; }
.bg-2c { background-color: #2c2c2c !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 **/

.jumbotron.home-top {
	background: url(../img/hero-bg.jpg);
	background-size: cover;
}

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

.jumbotron.home-top p {
	margin-bottom: 60px;
	font-size: 27px;
	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;
}


/** MEDIA QUERIES **/

@media (max-width: 768px) {

	.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;
	}

/*
	.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-bg-small.jpg);
		background-color: #424242;
		background-size: contain;
		background-repeat: no-repeat;
	}
	
}

@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 15px;margin-top: 40px;}
.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;
}