@font-face {
	font-family:'NeoSans-Regular';
	src: url('../styles/fonts/NeoSans_gdi.eot');
	src: url('../styles/fonts/NeoSans_gdi.eot?#iefix') format('embedded-opentype'),
		url('../styles/fonts/NeoSans_gdi.woff') format('woff'),
		url('../styles/fonts/NeoSans_gdi.ttf') format('truetype'),
		url('../styles/fonts/NeoSans_gdi.svg#NeoSans-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2122;
}

body {
    background-repeat: repeat;
}

.background-image {
	background-color:#303030;	
    background-repeat: repeat;
	position:fixed;	
	left:0;	
	width:100%;
	height:100%;
	z-index:-10;
	overflow:hidden;
    text-align:center;
    
}
.background-image img {
	/*width:100%;
	min-width:800px;
	margin-top:100px;*/
}

.navbar {
	background-color:#454545;
	text-transform:uppercase;
	color: #d9d9d9;
    box-shadow: 0px 10px 20px #000000;
}

a.navbar {
	text-transform:uppercase;
	color: #FFFFFF;
}

.navbar-inverse .navbar-nav>li>a {
	text-transform:uppercase;
	color: #d9d9d9;
}

.navbar-inverse .navbar-nav>li>a:visited {
	text-transform:uppercase;
	color: #d9d9d9;
}

.navbar-inverse .navbar-nav>li>a:hover {
	text-transform:uppercase;
	color: #000000;
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
	color:#d9d9d9;
	background-color:#454545;
}

.container {
	padding-right: 15px;
	padding-left: 15px;
}

h4 {
	margin-top: 25px;
}

.row {
	margin-bottom: 20px;
}

.row .row {
	margin-top: 10px;
	margin-bottom: 0;
}

[class*="col-"] {
	padding-top: 15px;
	padding-bottom: 15px;
	/*background-color: #eee;
	background-color: rgba(86,61,124,.15);
	border: 1px solid #ddd;
	border: 1px solid rgba(86,61,124,.2);*/
}

hr {
	margin-top: 40px;
	margin-bottom: 40px;
}

.extremeitem {
	/*width: 280px;
	height: 197px;*/
	background:url(../images/itembg.png) no-repeat;
    background-size: contain;
	color: #CBF930;	
	font-weight:900;
	box-shadow: 5px 5px 10px #222222;
	/*border:hsla(118,100%,47%,1.00) 5px solid;*/
}

.extremeitem:hover {
	background:url(../images/itembghover.png) no-repeat;
    background-size: contain;
	color: #CBF930;	
	font-weight:900;
	box-shadow: 5px 5px 10px #000000;
}

.extremeitem img
{
	/*padding-top:0px;
    padding-left:12px;
    padding-right:12px;
    padding-bottom:12px;*/
}

.pad {
	padding-top: 180px;
}

@media (max-width: 1199px) /* @grid-float-breakpoint -1 */
{
    .pad {
	padding-top: 140px;
}
}

@media (max-width: 991px) /* @grid-float-breakpoint -1 */
{
    .pad {
	padding-top: 90px;
}
}

@media (max-width: 767px) /* @grid-float-breakpoint -1 */
{
    .pad {
	padding-top: 45px;
}
}

table.extremeitem {
	/*cellpadding: 10px;*/
}

table td:extremeitemheader{
	text-transform:uppercase;
	font-weight:900
}

.extremedetail {
	/*font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;;*/
	background-color: #FFFFFF;
	padding: 30px;
	color: #000000;	
	font-weight:400;
	font-size:15px;
	line-height:150%;
    box-shadow: 5px 5px 10px #222222;
}

.divnavextreme a{
	color:#ffffff;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:-20px;
}

.divnavextreme a:visited {
	color:#ffffff !important;
	font-weight:bold;
}

.divnavextreme a:hover {
	color:#ffffff !important;
	font-weight:bold;
	text-decoration:underline;
}

a.divnavextreme {
	color:#ffffff !important;
	font-weight:bold;
}

.detailpageoptions {
	overflow: hidden;
	margin: 10px;	
}

.optionlists {
	float: left;
	text-align:left;
	position: relative;
	width: 40%
	padding-bottom: 0px;
	height: 20px;
}

.playbutton {
	float:right;
	z-index:1000;
	color:#555555 !important;
	margin-top: 2px;
	margin-bottom:-15px;
	)

/*CAROUSEL*/


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	height: 500px;
	margin-bottom: 60px;
}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {
	z-index: 10;
}

/* Declare heights because of positioning of img element */

.carousel .item {
	height: 500px;
	background-color: #777;
}

.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 500px;
}


/* MARKETING CONTENT

-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */

.marketing {
	padding-right: 15px;
	padding-left: 15px;
}

/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {
	margin-bottom: 20px;
	text-align: center;
}

.marketing h2 {
	font-weight: normal;
}

.marketing .col-lg-4 p {
	margin-right: 10px;
	margin-left: 10px;
}

/* Featurettes

------------------------- */

.featurette-divider {
	margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */

.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1px;
}

/* RESPONSIVE CSS

-------------------------------------------------- */

@media (min-width: 768px) {
/* Remove the edge padding needed for mobile */
.marketing {
	padding-right: 0;
	padding-left: 0;
}
/* Navbar positioning foo */
.navbar-wrapper {
	margin-top: 20px;
}

.navbar-wrapper .container {
	padding-right: 15px;
	padding-left:  15px;
}

.navbar-wrapper .navbar {
	padding-right: 0;
	padding-left:  0;
}

/* The navbar becomes detached from the top, so we round the corners */

.navbar-wrapper .navbar {
    border-radius: 4px;
}

/* Bump up size of carousel content */
.carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
}

.featurette-heading {
    font-size: 50px;
}
}

@media (min-width: 992px) {
.featurette-heading {
    margin-top: 120px;
  }
}

.footerpanel {
	width:100%;
	height:50px;
	bottom:0%;
	position:fixed;
	background-color:rgba(0,0,0,0.82)
	z-index:40000;	
}

select {  
	color: #CBF930;
	border-color:rgba(203, 249, 48, 0.5);
    background-color:#0D1735;
}  

navbar-toggle {
	padding:0px;
	margin:0px;	
}

input.mailformfield {
	/*background: #CBF930;*/
	background: #FFFFFF;
	border-color: #0D1735;
	border:1px solid #0D1735;
	padding: 3px;
	width: 100%;
	margin-bottom:5px;
}

textarea.mailformfield {
	/*background: #CBF930;*/
	background: #FFFFFF;
	border-color: #0D1735;
	border:1px solid #0D1735;
	padding: 3px;
	width: 100%;
	margin-bottom:5px;
}
	
::-webkit-input-placeholder {
   color: hsla(225,61%,13%,0.74);
   font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
   color: hsla(225,61%,13%,0.74);  
   font-style: italic;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: hsla(225,61%,13%,0.74); 
   font-style: italic; 
}

:-ms-input-placeholder {  
   color: hsla(225,61%,13%,0.74);  
   font-style: italic;
}

.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #0D1735;
  /*background: #CBF930;*/
	background: #FFFFFF;
  padding: 10px 20px 10px 20px;
  border: solid #0D1735 1px;
  text-decoration: none;
  /*margin-bottom: 5px;*/
}

.btn:hover {
  /*background: #b0d628;*/
  background: #E1E1E1;
  text-decoration: none;
}
        
        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('../img/a17.png') no-repeat;
            overflow: hidden;
			z-index:1000;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01-99-66 .p            (normal)
        .jssort01-99-66 .p:hover      (normal mouseover)
        .jssort01-99-66 .p.pav        (active)
        .jssort01-99-66 .p.pdn        (mousedown)
        */
        .jssort01-99-66 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 99px;
            height: 66px;
        }
        
        .jssort01-99-66 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort01-99-66 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        
        .jssort01-99-66 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 95px;
            height: 62px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url('../img/t01.png') -800px -800px no-repeat;
            _background: none;
        }
        
        .jssort01-99-66 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 95px;
            height: 62px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01-99-66 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 97px;
            height: 64px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        
        .jssort01-99-66 .p.pdn .c {
            background-position: 50% 50%;
            width: 95px;
            height: 62px;
            border: #000 2px solid;
        }
        
        * html .jssort01-99-66 .c, * html .jssort01-99-66 .pdn .c, * html .jssort01-99-66 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 99px;
            height /**/: 66px;
        }
		
		#jssor_1
		{
			/*background-color: #24262e;*/
			border: #000000 1px solid;
			background-color: #454545;
			box-shadow: 5px 5px 10px #222222;
		}
		.titlescript{
			width: 100%;
			height: 30px;
			background-color: rgba(86,61,124,.15);
			z-index: 1000;
		} 
		#text {
  z-index: 100;
  position: absolute;
  color: white;
  font-size: 16px;
  font-weight: bold;
  padding:5px;
  left: 30px;
  top: 430px;
  background-color: rgba(00,00,00,.50);
}