@charset "utf-8";

/*FONTS*/
@font-face {
    font-family: 'bankgothic';
    src: url('../fonts/bankgothankic-lt-bt-light-webfont.eot');
    src: url('../fonts/bankgothic-lt-bt-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bankgothic-lt-bt-light-webfont.woff2') format('woff2'),
         url('../fonts/bankgothic-lt-bt-light-webfont.woff') format('woff'),
         url('../fonts/bankgothic-lt-bt-light-webfont.ttf') format('truetype'),
         url('../fonts/bankgothic-lt-bt-light-webfont.svg#bankgothic_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dutch801';
    src: url('../fonts/dutch801-xbd-bt-extra-bold-webfont.eot');
    src: url('../fonts/dutch801-xbd-bt-extra-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dutch801-xbd-bt-extra-bold-webfont.woff2') format('woff2'),
         url('../fonts/dutch801-xbd-bt-extra-bold-webfont.woff') format('woff'),
         url('../fonts/dutch801-xbd-bt-extra-bold-webfont.ttf') format('truetype'),
         url('../fonts/dutch801-xbd-bt-extra-bold-webfont.svg#dutch801_xbd_btextra_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*end FONTS*/

body {
	max-width: 960px;
	margin: 0 auto !important;
	float: none !important;
	height:100%;
	font-family: 'dutch801';
	background-color: #111111;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position: center center;
	background-image: url('../img/smc-track-bg.jpg');
}

p {
	font-size: 1.15em;
}

h4 {
	font-size: 1.4em;
}

.modal-dialog {
	color: #000;
}

.popover { color:black; }

.smc-heading { color:#CC0000; font-size:2em; margin:0px; padding:0px; line-height:1em; }
.product-title {color:#CC0000; margin:0px; padding:0px; }

.gallery-hide { display:none; }

.img-responsive { width: 100%; }

.modal-dialog {
	text-align: center;
	color: #000;
	padding-bottom: 60px;
}

.v-divider {
	min-height: 650px;
	min-width:10px;
	background: transparent url('../img/v-divider.png') no-repeat center;
}

.valign-center {
	min-height:100%;
	min-height:100vh;
	display: flex;
	align-items: center;
}

.top25 {
	margin-top:25px;
}

#wrapper {
  	transition: all 0.4s ease 0s;
}

.navbar-header {
	min-height:80px;
	position:relative;
}

.navbar {
	background-color: transparent;
	border: none;
}

#nav-container {
	max-width: 960px;
	margin: 0 auto !important;
	float: none !important;
}

.navbar-brand {
	padding: 15px 0px 15px 0px;
	float:none;
	min-height:55px;
}
.navbar-brand a {
	font-size:2em;
	color: #E91216;
}
.navbar-brand p {
	padding:10px;
}
.navbar-brand img {
	margin-top:-15px;
	max-width:90%;
	min-height:80px;
	max-height:80px;
}

.navbar-float-right {
	padding-top: 10px;
	padding-right:10px;
	float: right;
	right:0;
	max-width: 50%;
	max-height: 80px;
	min-width:100px;
}

.sidebar-wrapper {
  text-align:right;
  top: 51px;
  width: 250px;
  height: 100%;
  overflow-y: auto;
  z-index: 1000;
  transition: all 0.4s ease 0s;
}

#wrapper.active {
  padding-left: 0;
}

#wrapper.active .sidebar-wrapper {
  left: 0;
}

#page-content-wrapper {
  position: relative;
  width: 100%;
  padding: 0 0 0 0;
  color: #CCC;
  transition: all 0.4s ease 0s;
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 220px;
  list-style: none;
  margin: 30px 0px 0px 0px;
  padding: 0;
}

.sidebar-nav li {
	font-size:1.25em;
  	line-height: 40px;
  	text-indent: 0px;
}

.sidebar-nav li a {
  color: #CCC;
  display: block;
  text-decoration: none;
  padding-left: 30px;
}

.sidebar-nav li a span:before {
  position: absolute;
  left: 0;
  color: #41484c;
  text-align: center;
  width: 20px;
  line-height: 18px;
}

.sidebar-nav li a:hover,
.sidebar-nav li.active {
  color: #FFF;
  background-color:transparent;
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  line-height: 60px;
  font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

.menu-icon {
	min-height: 25px;
	min-width: 25px;
	padding-left: 25px;
	background: url('../img/menu-carret.png') no-repeat;
}

.menu-icon:hover {
	min-height: 25px;
	min-width: 25px;
	padding-left:25px;
	background: url('../img/menu-carret-hover.png') no-repeat;
}

.home-icon {
	color: #CCCCCC;
	font-size: 1.1em;
	text-decoration: none;
	min-height: 25px;
	min-width: 25px;
	padding-right:27px;
	background: url('../img/home-selector.png') no-repeat right;
}

.home-icon:hover {
	color: #FFFFFF;
	font-size: 1.1em;
	font-decoration: none;
	min-height: 25px;
	min-width: 25px;
	padding-right:27px;
	background: url('../img/home-selector-hover.png') no-repeat right;
}

.home-icon a {
	text-decoration: none;
}

.home-icon a:hover {
	text-decoration:none;
}

#menu-toggle {
    text-decoration: none;
    float: left;
    color: #fff;
    padding-right: 15px;
}

.product-arrow {
	color: #CCC;
	min-height: 10px;
	min-width: 10px;
	padding-left: 14px;
	background: url('../img/product-arrow.png') 2px no-repeat;
}

.product-arrow:hover {
	color: #CC0000;
	min-height: 10px;
	min-width: 10px;
	padding-left: 14px;
	background: url('../img/product-arrow-hover.png') 2px no-repeat;
}

@media (max-width:767px) {
	
body {
	padding: 0px 0 0 0;
}

#wrapper {
  padding-left: 0;
}

.menu-icon {
	padding-left:0;
	background: #000;
	background-color:transparent;
}

.menu-icon:hover {
	padding-left:0;
	background: #000;
	background-color:transparent;
}
.navbar {
	background-color: rgba(51,51,51,1);
	border-bottom:2px solid #CCC;
}

.navbar-nav {
}

#navbar {
	width:100%;
	min-height:165px;
	background-color: rgba(51,51,51,1);
	margin:0;
	top: 80px;
	padding:0;
	position:absolute;
	z-index:100000;
}

.sidebar-wrapper {
  width:100%;
  max-height:200px;
}

.sidebar-nav {
	width: 100%;
	margin: 0px 0px 0px 0px;
}

.sidebar-nav li {
	width:100%;
	text-align: center;
}

.sidebar-wrapper {
	margin-left:0;
	left:0;
}

#wrapper.active {
  position: relative;
  left: 250px;
}

#wrapper.active .sidebar-wrapper {
  left: 250px;
  width: 250px;
  transition: all 0.4s ease 0s;
}

#menu-toggle {
  display: inline-block;
}

#page-content-wrapper {
	padding: 80px 0 30px 0;
	margin-bottom: -30px;
}

}

@media (max-width:425px) {
.navbar-float-right {
	display: none;
}
#page-content-wrapper {
	padding: 80px 0 60px 0;
}
}

/*SMC STUFFS */
#logo-heading {
	padding-top:15px;
}
#knowledge-header {
	color:#ccc;
}
.smc-red {
	color: #cc0000;
}
#made-in-usa {
	font-family:'bankgothic';
	margin-top:20px;
	width: 100%;
	text-align: center
}
#ez-track { 
	font-family:'bankgothic';
	margin-top:50px;
	margin-left:0px;
	margin-bottom:30px;
}
#ez-track h2 {
	font-family:'bankgothic';
	font-size:1.5em;
	margin:0;
	color:#cccccc;
}
#ez-track h3 {
	font-family:'bankgothic';
	font-size:1.25em;
	margin:0;
	color:#cccccc;
}
.news_feed {
	font-family:'bankgothic';
	color: #CCCCCC;
	margin-top:5px;
	padding:10px 7px 0px 7px;
	font-size:0.8em;
}
.news_feed h4 {
	color: #CC0000;
}
.topic-text {
	color: #CC0000;
}
.return-home {
	display: block;
	margin-top: 20px;
}
#contact-form-messages {
	color: #cc0000;
	padding:5px;
}
.notice {
	font-family:'bankgothic';
}

/*** INDEX ***/
#home-content { font-family:'dutch801'; color:#fff; text-align:left; margin-top:50px; padding:0 20px 20px 0; width:100%; }
#home-content h1 { font-size:2.5em; margin:0px; padding:0px; line-height:1.2em; letter-spacing:0.2em; }
#home-content h3 { max-width:80%; margin:0px auto; padding:0px; letter-spacing:0.2em; }
#home-content h3.play-link { margin-top:20px; }
#home-content h3.play-link a { color:#EDE06B; }
#home-content p { font-size:1.25em;color:#999999; }

#contact-us {
	font-size: 0.8em;
}

/*footer stuff*/
/*#footer {
	bottom: 0;
	left: 0pt;
	width: 100%;
	height: 30px;
	color: #CCCCCC;
	background-color: #000;
	padding-left:30px;
	font-family: 'bankgothic';
	font-size: 0.8em;
	padding-top:20px;
	background-attachment: scroll;
    background-position: 0% 0%;
    position: fixed;
	z-index:2000;
	text-align:center;
}*/

/* Set the fixed height of the footer here */
footer {
  	height: 30px;
	width: 100%;
  	background-color: transparent;
	color: #666;
  	font-family: 'bankgothic';
	font-size: 0.8em;
	margin-top: -30px;
	text-align: center;
}

/* Custom page CSS */
footer > p {
  	padding: 5px;
}