@charset "UTF-8";
/* CSS Document */

body {font-size: 16px; font-family:tahoma, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body > section {padding: 30px 0;}

h1#logo img {max-height: 35px; margin-top:-.65em;}
h1#logo img:hover {opacity:.8;}



@font-face {
    font-family: knockout;
    src:url(../fonts/Knockout-49.otf);}
	
@font-face {
    font-family: tahoma;
    src:url(../fonts/Tahoma.ttf)}

.next-section {   
    position: relative;
	bottom:0;
    text-align: center;
    width: 100%; z-index:100000;
	text-transform:uppercase;}

.shadow {	-webkit-box-shadow: 0px 0px 4px 3px rgba(0,0,0,.45);
			-moz-box-shadow: 0px 0px 4px 3px rgba(0,0,0,.45);
			-ms-box-shadow: 0px 0px 4px 3px rgba(0,0,0,.45);
			box-shadow: 0px 0px 4px 3px rgba(0,0,0,.45);}
#hero .container {margin-top: 0%;}
#hero {
	
	padding: 10em 0;
	

	
	}
.row {margin-bottom: 2em; margin-top:0;}
section .container {width: 90%;}
#navigation .container {width: 81%;}
#main-carousel .item h3 {text-align:center;}
#main-carousel .item {height: auto !important; min-height:none !important;}
#hero h1 {font-family: knockout, Arial Black, Impact, arial, sans-serif; font-size: 3.75em !important; line-height: .75em !important;margin-top:.5em;}
#hero .left {}
#hero .left h3 {font-family:tahoma, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.35em; line-height:1.1em; color:#000000; margin:.75em 0; font-weight:bold;}
#hero .left h5 {font-size: 1.5em; color:#000000;}
#hero .btn-sp-custom {margin:1em auto;}

.carousel .text-placement h5 {margin-bottom: 0; margin-top: 1.75em;}

#hero1A h3, #hero1B h3, #hero1C h3 {color:#ed2024; margin-bottom: .5em; }


.videoWrapper {
	position: relative;
	padding-bottom: 53%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#hero1C .image-placement {}
#hero1C .image-placement img.img-responsive {}
#hero1C h1 {color:#FF0004;}
#hero1C h5 {color:#000000;}




.carousel-control {margin-top: 35%;}

.carousel-control.right {
    background-image: none;
    background-repeat: repeat-x;
    left: auto;
    right: 0;
	height:0;
}

.carousel-control.left {
    background-image: none;
    background-repeat: repeat-x;
	height:0;
}

/*comparison table*/

table.sp-comparison { 
  width: 100%; 
  border-collapse: collapse; 
   background: box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  border: solid 1px #ed2024;
  background-color:rgba(0,0,0,0.60)
}
/* Zebra striping */

table.sp-comparison tr {color: #ffffff;}
table.sp-comparison tr:nth-of-type(odd) { 
text-align: center;
background-color:rgba(127,127,127,0.40);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

span.sp-callout {font-size:.75em; line-height:1em;}

table.sp-comparison tr:nth-of-type(odd):hover {background-color:transparent;}


table.sp-comparison th { 
  background: #000000; 
  color: white; 
  font-weight: bold; 
}
table.sp-comparison i {color:#ed2024;}
table.sp-comparison td, table.sp-comparison th { 
  padding: .em; }
.sp-plus img {width: 18px;}

.sp-benefit {font-family:tahoma, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1em; line-height:1.2em; text-align:right; padding: 15px 40px;}
td.sp-benefit {}

table.sp-comparison td.sp-plus {text-align:center;}
th.sp-label {text-align:center; font-family:knockout, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; padding: 10px 0;}

table.sp-comparison .type {
font-weight: 900;
font-size: 1.1em;
line-height:1em;
color: #ffffff;
font-family:tahoma, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.table-hide {display:block;}
.table-unhide {display:none;}

/*comparison table*/

/*start mobile comparison table*/
#mobile-comparison-table

/*end mobile comparison table*/






h1, h2, h3, h4, h5, h6 {font-family: knockout, Arial Black, Impact, arial, sans-serif;}
h1 {font-size: 5em !important; line-height:1em;}
h2 {font-size: 4.5em; text-transform:uppercase; line-height:1em;}
h3 {font-size: 3.5em; line-height:1em;}
h4 {font-site: 2.5em; line-height:1em;}
h5 {font-size: 1.5em; line-height:1.2em;}
h6 {font-size: 1.25em; line-height:1em;}
p {font-size:1em; line-height:1em; font-family:tahoma, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}



.carousel .text-placement {margin-top: 17%;}
.text-placement {margin-top: 2%; display:block;}
.text-placement h1 {line-height: .8em; text-transform:uppercase;}
.text-placement h2 {color:#ffffff;font-weight:800; line-height:.8em !important;}
.text-placement h3 {color:#ffffff;}
.text-placement h5 {font-family:tahoma, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:.5em 0;}
.text-placement p {color:#ffffff; margin: 1em 0;}


.next-section {   
    position:absolute;
    text-align: center;
    width: 100%; z-index:1000;
	text-transform:uppercase;
	display:none;
	}


.btn {
    -moz-user-select: none;
    background-image: none;

	color:#ffffff;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 1.9em;
    font-weight: 400;
    line-height: 1.42857;
   
    padding: .2em .6em;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	text-transform:uppercase;
	margin:1em 0;
	font-family: knockout, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	background-color:#ed2024; 
	
}

.btn:hover, btn:focus {color:rgba(255,255,255,1.0);}

button.btn.more-info {background-color:transparent; border:none; opacity:.6; font-size: 1em; margin-top:0;}
button.btn.more-info:hover {opacity:1;}

.btn.btn-free-trial {color:#ed2024;padding: .05em 1em; margin:.45em 0 0 1em; font-size: 1.3em;}
.btn.btn-free-trial:hover {color:rgba(255,255,255,1.0);}
.btn.btn-free-trial.special {background:transparent; border: solid 1px #ed2024;}


.modal-content {text-align:center; padding: 5em 0;}
.modal-content .carousel h3 {color:#000000; text-align:center; width: 100%;}
.modal-content .carousel video {}




ul.sp-list {margin-top:2em; width:80%;}
ul.sp-list li {list-style-image:url(../img/PLUS.png);font-family:tahoma, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1em; margin-bottom:1em; line-height: 1.15em; font-weight:100; list-style-position:inside; margin-left:4em; text-indent:-1.25em; width: 85%;}

#unlimited-access {background-image:url(../img/unlimited-access.jpg); background-repeat:no-repeat; background-size:cover; }
#unlimited-access h2 {font-family: knockout, Arial Black, Impact, arial, sans-serif; font-weight:normal; color:#ffffff;  text-align:center;}
#unlimited-access h5 {color:#ffffff; text-align:center;}
#unlimited-access .btn-sp-custom {margin:1em auto; display:block; width: 250px;}
#unlimited-access .text-placement {margin-top:0;}

#exclusive-content {background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(214,214,214,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(214,214,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6d6d6', GradientType=1 );
	
	
	
/*background: rgba(132,182,215,1);
background: -moz-linear-gradient(top, rgba(132,182,215,1) 0%, rgba(117,189,209,1) 41%, rgba(73,147,197,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(132,182,215,1)), color-stop(41%, rgba(117,189,209,1)), color-stop(100%, rgba(73,147,197,1)));
background: -webkit-linear-gradient(top, rgba(132,182,215,1) 0%, rgba(117,189,209,1) 41%, rgba(73,147,197,1) 100%);
background: -o-linear-gradient(top, rgba(132,182,215,1) 0%, rgba(117,189,209,1) 41%, rgba(73,147,197,1) 100%);
background: -ms-linear-gradient(top, rgba(132,182,215,1) 0%, rgba(117,189,209,1) 41%, rgba(73,147,197,1) 100%);
background: linear-gradient(to bottom, rgba(132,182,215,1) 0%, rgba(117,189,209,1) 41%, rgba(73,147,197,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b6d7', endColorstr='#4993c5', GradientType=0 );*/
}
#exclusive-content h2 {font-family: knockout, Arial Black, Impact, arial, sans-serif; font-weight:normal; color:#ed2024;}
#exclusive-content h5 {color:#000000;}
#exclusive-content li {color:#000000;}
#exclusive-content .btn {}
#exclusive-content .image-placement {margin-top:1%;}
#exclusive-content .text-placement {margin-top:4%; }


#gametracker {background-image:url(../img/sp-gametracker2.jpg);  background-size:cover; background-position:bottom center; background-repeat:no-repeat; }
#gametracker h2{font-family: knockout, Arial Black, Impact, arial, sans-serif; font-weight:normal; color:#ffffff;}
#gametracker h5 {color:#ffffff;}
#gametracker .text-placement {margin-top:11%;}
#gametracker li {color:#eaeaea;}
#gametracker .btn {}

#benefits {background-image:url(../img/VIP-section.jpg);background-repeat:no-repeat;  background-size:cover;}
#benefits h2 {font-family: knockout, Arial Black, Impact, arial, sans-serif;color:#000000;font-weight:normal; }
#benefits h5 {color:#000000;}
#benefits .text-placement {margin-top:6%;}
#benefits li {color:#000000;}
#benefits .btn {}


.navbar-nav li a {
	font-weight:500;    
	color:#ffffff;
	font-size: 1.3em;
    margin-left: 0.25em;	
	text-transform:uppercase;
	font-family:knockout, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	;
}

.navbar-nav li a.current, .navbar-nav li a:focus, .navbar-nav li a:hover {
    background-color: transparent;
    border-top: 1px solid transparent;
    color: #ed2024;
}






/*footer*/


.footer {
  background-color: #000000;
  color: #ed2024;
  height: 5em;
  Padding: 2em;
}


p {
  color: #ed2024;
  font-size: 1em;
}

#back-top {
  bottom: 20px;
  position: fixed;
  right: 25px;
  z-index: 9;
  background-color: #ed2024;
  padding:0 .5em .25em .5em;
  
}
#back-top a {font-size:.5em;}
#back-top a:focus, #back-top a:visited, #back-top a:hover {color:#ffffff;}