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

html, body, #wrapper{width:100%; height:100%;  overflow:hidden; background:#073ed6;}

html, body, header, section, nav, footer, div, ul, li, dl, dt, dd, p, img, h1, h2, h3, h4, h5{padding:0px; margin:0px; border:0px;}
header, nav, section, footer{display:block;}
a{color:#FFFFFF; text-decoration:none;}
ul, li, dl, dt, dd{float:left;}
ul, li{list-style: none;}


#wrapper, .upgrade-browser{position:absolute; top:0px; left:0px; z-index:1; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;}
.turn-device{display:none; position:absolute; width:100%; height:100%; background:url(../images/turn.jpg) no-repeat center center #1a2950; background-size:80%; z-index:900;}

.sec, .subsec{width:100%; text-align:center; position:relative; z-index:10;}
.main-bg{width:100%; height:auto; position:absolute; bottom:-3%; z-index:0;}
.btns, .sprite{background:url(../images/sprite.png) no-repeat 0px 0px;}
.btns{display:block; overflow:hidden; line-height:200px;}


/* Pre-loader */
.pre-loader{display:block; position:absolute; width:100%; height:100%; background:#FFFFFF; z-index:950;}
.pre-loader img{width:90px; height:41px; position:absolute; top:48%; left:50%; margin:-20px 0px 0px -45px;}


/*-- UPGRADE ---------------------*/
.no-script{position:absolute; top:0px; left:0px; width:100%; height:30px; padding:20px 0px 20px 0px; background:#ffd200; border:2px solid #FFFFFF; z-index:900; text-align:center; font-size:20px; color:#000000; z-index:300;}
.upgrade-browser{position:absolute; width:100%; height:90%; padding-top:10%; background:#1a2950; z-index:900; text-align:center; color:#FFFFFF;}
.upgrade-browser .upgrade-alert{display:inline-block; width:360px; height:auto; text-align:left;}
.upgrade-browser .upgrade-alert h3{text-transform:uppercase; margin-bottom:5px; font-weight:bold;}
.upgrade-browser .upgrade-alert p{margin-bottom:25px;}
.upgrade-browser .upgrade-alert ul{width:auto; height:auto; margin:auto;}
.upgrade-browser .upgrade-alert ul li{width:auto; height:auto; margin-bottom:10px; clear:both;}
.upgrade-browser .upgrade-alert ul a{color:#ffd237; border-bottom:1px solid #ffd237;}
.upgrade-browser .upgrade-alert ul a:hover{color:#FFFFFF; border-color:#FFFFFF;}



/* Header */
/* -------------------------------------- background: rgba(0, 0, 0, .3);*/
.sec-header{height:15%; padding-top:5%; }
.sec-header h1 {display:inline-block; width:auto; height:100%;}
.sec-header h1 img{width:auto; height:100%; }
.sec-header nav{position:absolute; top:10px;}
.sec-header nav.nav-social{left:10px;}
.sec-header nav.nav-social ul li{margin-right:5px;}
.sec-header nav.nav-follow{height:30px; padding-left:90px; right:10px; background-position:-716px -255px;}

a.btn-fb, a.btn-tweet{width:30px; height:30px; float:left; margin-left:6px;}
a.btn-fb{background-position:-678px -255px;}
a.btn-tweet{background-position:-644px -255px;}


/* Content */
/* -------------------------------------- background: rgba(255, 255, 255, .3); */
.sec-content{height:68%;}


/* Landing */
/* -------------------------------------- background: rgba(255, 255, 255, .3); */
.subsec-landing{ height:100%;}
.subsec-landing a img.box-art{width:auto; height:85%; position:absolute;  right:55%; bottom:5%;}
.subsec-landing iframe{position:absolute;  width:34%; height:55%; left:47%; top:16%;}
.subsec-landing img.img-date{width:34%;  height:auto; position:absolute; left:47%; top:74%;}


/* Special Features */
/* --------------------------------------  background:rgb(123,122,140, .4); */
.subsec-features{display:none; width:48%; height:80%; top:6%; position:relative; min-width:640px; margin:auto; padding:0.5%; background:#f7f7f7;background:rgba(255,255,255,.5);  border:1px solid #ffffff;}
.subsec-features .features-holder{width:100%; height:100%; position:relative; background:rgba(255,255,255, .8);  border:1px solid #ffffff; text-align:center; }

#all-features{width:100%; height:100%;}
.features-buy{width:36%; height:95%; padding:3% 2% 0px 2%; float:left; text-align:center; }
.features-buy a img{display:inline-block; width:auto; height:80%;}
.features-buy a.btn-features-buy img{display:inline-block;  margin-top:-3%; height:12%;}


.features-list{width:56%; height:90%;  padding:6% 4% 0px 0px; float:left;}
.features-list h2{float:left;}
.features-list nav{width:100%; height:33px; margin-bottom:10px; border-bottom:1px solid #adadad;}
.features-list nav a{float:right; color:#727272; margin:6px 5px; padding-right:10px; border-right:1px solid #adadad;}
.features-list nav a:first-child{border:none; padding:0px;}
.features-list nav a:hover, .features-list nav a.btn-features-on {color:#ab840f;}

.features-list dl{margin-top:2%; text-align:left; clear:both; color:#494949;}
.features-list dt{clear:both; text-transform:uppercase;}
.features-list dd{clear:both; margin:1% 0px;}
.features-list dd:before{content:'\2022 \00A0';}



/* Footer */
/* --------------------------------------*/
.sec-footer{height:50px; position:absolute; bottom:0px; text-align:center; z-index:400; border-top:1px solid #8597c7;}
.sec-footer nav{width:auto; height:22px; position:relative; top:25px;  margin-top:-11px;}
.sec-footer nav a{display:inline-block; height:22px; border-left:1px solid #656565; text-indent: 120%; white-space: nowrap; overflow:hidden; margin: 0px 5px; padding: 0px 10px; }
.sec-footer nav a:first-child{border-left:none; }


a.btn-trailer{width:84px; background-position: 15px -451px;}
a.btn-trailer:hover, a.btn-trailer-on{background-position: 15px -475px;}

a.btn-features{width:194px; background-position: 15px -499px;}
a.btn-features:hover, a.btn-features-on{background-position: 15px -523px;}

a.btn-site{width:108px;  background-position: 15px -547px;}
a.btn-site:hover,a.btn-site-on{background-position: 15px -571px;}

a.btn-buynow{width:165px;  background-position: 15px -595px;}
a.btn-buynow:hover,a.btn-buynow-on{background-position: 15px -619px;}


/* --------------------------------------- */
/* --------------------------------------- */
/* OVERLAYS -------------------------------*/
/* --------------------------------------- */
/* --------------------------------------- */

/* OVERLAY Buy Now -------------------------------*/
.sec-buymenu{display:none; width:300px; height:auto; position:absolute; left:50%; margin-left:106px; bottom:51px; z-index:560; text-align:center;}
.sec-buymenu a{width:100%; height:auto; text-transform: uppercase; border-top:1px solid #445486; float:left; clear:both;  background:#26396e; padding:20px 0px;}
.sec-buymenu a:first-child{border:none;}
.sec-buymenu a:hover{background:#4963b4;}


/* OVERLAY Legal -------------------------------*/
.subsec-legal{display:none; width:100%; height:auto; background:#ffffff; padding:30px 0px; position:absolute; bottom:0px; z-index:550; text-align:center;}
.subsec-legal nav a{padding-left:8px; margin-left:8px; color:#231f20; border-left:1px solid #231f20;}
.subsec-legal nav a:hover{text-decoration:underline; color:#223571;}

.subsec-legal nav a:first-child{border:none;}
.legal-logos{display:inline-block; width:800px; height:200px; background-position: -5px -5px; margin-bottom:20px; }

a.btn-legal{width:auto; height: auto; position:absolute; right:8px; bottom:8px; z-index:560; font-size:.8em;}



/* Graidents */
.gradient1{
	background: #223571; /* Old browsers */
	background: -moz-linear-gradient(left,  #0f162e 0%, #223572 49%, #0f162e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0f162e), color-stop(49%,#223572), color-stop(100%,#0f162e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #0f162e 0%,#223572 49%,#0f162e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #0f162e 0%,#223572 49%,#0f162e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #0f162e 0%,#223572 49%,#0f162e 100%); /* IE10+ */
	background: linear-gradient(to right,  #0f162e 0%,#223572 49%,#0f162e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223571', endColorstr='#223571',GradientType=1 ); /* IE6-9 */
}


/* Shaddows */
.shaddow1{
	-moz-box-shaddow:  0px 0px 3px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, .2);
	box-shadow:  0px 0px 3px 1px rgba(0, 0, 0, .2);
}

.shaddowTop{
	-webkit-box-shadow: 0px -2px 26px -2px #000000;
	   -moz-box-shadow: 0px -2px 26px -2px #000000;
	        box-shadow: 0px -2px 26px -2px #000000;
}


/* ---------------------------------------------- */
/* -- MEDIA QUERIES --------------------------------- */
/* ---------------------------------------------- */


@media only screen and (min-height:700px) {
.subsec-features{width:54%; max-width:810px;}

}

@media only screen and (min-width:1200px) and (min-height:800px) {
.subsec-features{width:71.5%; max-width:1000px;}

}


@media only screen and (min-width:1700px) and (min-height:1000px) {
.subsec-features{width:71.5%; max-width:1120px;}

}

@media only screen and (orientation : portrait) {
	.turn-device{display:block;}
}