@charset "UTF-8";
/* CSS Document */
html, body, #wrapper{width:100%; height:100%; overflow:hidden;}
body, div, header, section, nav, footer, a, img, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5{padding:0px; margin:0px; border:none; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;}
ul, li{list-style:none;}
body{background:#000000; }
header, section, nav, footer{display:block;}
a{color:#FFFFFF; text-decoration:none;}


/* General */
#wrapper{position:absolute; top:0px; left:0px; z-index:1; }
.sec{width:100%; height:auto; position:absolute; text-align:center;}
a.btns, .sprite{background:url(../images/sprite.png) no-repeat 0px 0px;}
.turn-device{display:none; position:absolute; width:100%; height:100%; background:url(../images/turn.jpg) no-repeat center center #160a20; background-size:80%; z-index:900;}

a.btns{display:block; line-height:400px; overflow:hidden;}
a.btn-close{width:22px; height:22px; position:absolute; background-position:-213px -220px; z-index:300;}


/* Pre-loader */
.pre-loader{display:block; position:absolute; width:100%; height:100%; background:#000000; 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:#000000; z-index:900; text-align:center; color:#e0e0e0;}
.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:#e0e0e0; border-bottom:1px solid #e0e0e0;}
.upgrade-browser .upgrade-alert ul a:hover{color:#b69cd3; border-color:#b69cd3;}


/* Landing */
.sec-landing{height:100%; z-index:100;}
.sec-landing nav.social{width:auto; height:auto; position:absolute; top:10px; right:15px;  z-index:600;}
.sec-landing nav.social a{text-transform:uppercase; margin: 0px 10px;}
.sec-landing nav.social a:first-child{border-right:1px #757d95 solid; padding-right:15px; margin-right:0px;}
.sec-landing footer{width:100%; height:26.5%; position:absolute; left:0px; bottom:0px; z-index:200; border-top:8px solid #c9c9c8;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.lft-side{width:auto; height:100%; position:relative; top:0px; left:24%; z-index:10; z-index:300;}
.sec-landing .lft-side h1 {width:100%; height:38%; padding:2.5% 0px 2.7% 0px; margin:auto; position:relative; right:50%;}
.sec-landing .lft-side h1 img{width:auto; height:100%;}
.sec-landing .lft-side a{display:block; width:100%; height:5%; position:relative; right:50%;}
.sec-landing .lft-side a img{width:auto; height:100%; background-color:#3f59c3; border:1px solid #1a2d79; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, .5); box-shadow: 0px 0px 2px rgba(0, 0, 0, .5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center;}
.sec-landing .lft-side img.glamshot{width:auto; height:38%; padding-top:2.7%; position:relative; right:50%;}
.sec-landing .lft-side a:hover img{background:#2d429a;}

.rt-side{width:100%; height:24%; position:absolute; bottom:0px; right:32%; z-index:10; z-index:300; }
.rt-side img.main-cta{width:auto;  height:42%; position:relative; left:50%; }
.rt-side .main-nav{width:auto; height:20%;  position:relative; left:50%; margin-top:0.4%; }
.rt-side .main-nav a img{width:auto; height:100%; margin:.2%; border:1px solid #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .6); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .6); box-shadow: 0px 0px 3px rgba(0, 0, 0, .6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center;}
.rt-side .main-nav a:hover img{background:#462b64;}

a.btn-legal{width:50px; height:auto; color:#808080; padding:3px 15px; text-transform:uppercase; left:50%; margin-left:-40px; border:1px solid #cecece; position:fixed; text-align:center; bottom:10px; z-index:330; font-size:.7em;}
a.btn-legal:hover{color:#462b64; border:1px solid #979797;}


/* Social */
.sec-landing .follow-holder {width:70px; height:auto; text-align:center; position:absolute; right:-100px; top:36px;  z-index:600;}
.sec-landing .follow-holder a{display:inline-block; width:44px; height:44px; margin:3px 5px;}

.sec-landing .share-holder{position:absolute; top:-50px; right:180px; width:auto; height:auto; z-index:600;}
.sec-landing .share-holder ul{display:block; float:left; padding:5px 10px; }
.sec-landing .share-holder ul li{float:left; margin:0px 3px;}


/* Follow Buttons */
a.btn-fb{background-position:-10px -220px;}
a.btn-tweet{background-position:-58px -220px;}
a.btn-tumblr{background-position:-106px -220px;}
a.btn-instagram{background-position:-154px -220px;}


/* OVERLAY Features */

section.overlay-features{display:none; height:100%; z-index:100; background:rgba(0,0,0,.5); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)";}
section.overlay-features a.btn-close{top:15px; right:15px;}
section.overlay-features h2{width:auto; height:10%; position:relative; padding-top:2%; right:50%; z-index:100;}
section.overlay-features h2 img{width:auto; height:100%; margin-right:-100%;}
section.overlay-features section {width:100%; height:56%; position:relative; text-align:center;}
section.overlay-features section dl{width:30%; height:90%; position:absolute; top:5%; padding-right:2%; margin-left:19%; color:#d5def1; text-align:left; overflow:hidden;  -webkit-overflow-scrolling: touch;}
section.overlay-features section dl dt h3{font-size:1.6em; font-weight:normal; color:#FFFFFF;}
section.overlay-features section dl dt{text-transform:uppercase;  font-size:1em; margin:20px 0px 2px 0px;}
section.overlay-features section dl dd{font-size:1em;}

section.overlay-features footer{display:inline; width:100%; height:28%;}
.packaging {width:auto; height:28%; position:relative; right:50%; z-index:100;}
.packaging img{width:auto; height:100%; margin-right:-100%;}


/* Main Background */
.bg-img{width:auto; height:100%; position:relative; top:0px; right:50%; text-align:center; z-index:10;}
.bg-img img{width:auto; height:100%; margin-right:-100%;}

/* Gradient */
.grad1{
	background: #b6b6b6; /* Old browsers */
	background: -moz-linear-gradient(left,  #b6b6b6 0%, #fefefe 50%, #b6b6b6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b6b6b6), color-stop(50%,#fefefe), color-stop(100%,#b6b6b6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #b6b6b6 0%,#fefefe 50%,#b6b6b6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #b6b6b6 0%,#fefefe 50%,#b6b6b6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #b6b6b6 0%,#fefefe 50%,#b6b6b6 100%); /* IE10+ */
	background: linear-gradient(to right,  #b6b6b6 0%,#fefefe 50%,#b6b6b6 100%); /* W3C */

}

.grad2{
	background: #3a2453; /* Old browsers */
	background: -moz-linear-gradient(left,  #3a2453 0%, #674094 50%, #3a2453 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3a2453), color-stop(50%,#674094), color-stop(100%,#3a2453)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #3a2453 0%,#674094 50%,#3a2453 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #3a2453 0%,#674094 50%,#3a2453 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #3a2453 0%,#674094 50%,#3a2453 100%); /* IE10+ */
	background: linear-gradient(to right,  #3a2453 0%,#674094 50%,#3a2453 100%); /* W3C */


}

.grad3{
	background: #3c54c0; /* Old browsers */
	background: -moz-linear-gradient(left,  #3c54c0 0%, #6e9ce4 50%, #3c54c0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3c54c0), color-stop(50%,#6e9ce4), color-stop(100%,#3c54c0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #3c54c0 0%,#6e9ce4 50%,#3c54c0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #3c54c0 0%,#6e9ce4 50%,#3c54c0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #3c54c0 0%,#6e9ce4 50%,#3c54c0 100%); /* IE10+ */
	background: linear-gradient(to right,  #3c54c0 0%,#6e9ce4 50%,#3c54c0 100%); /* W3C */
}

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

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

}