/*
Version: 1.0
Author: Terrance Morris 
Client: http://www.ninthman.com/
*/

body {
	margin: 0;
	background: #F2F2F2;
	font-family: "proxima-nova", sans-serif;

}
.pw, .pwa {
	width: 89%;
	margin: 0 auto;
}
.clrfx {
	clear: both;
}
.navi {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/*font-family: "News 706", Georgia, serif;*/
    font-size: 14px;
	font-size: 0.875rem;
	line-height: 22px;
	line-height: 2.375rem;
	-webkit-font-smoothing: auto;
	z-index: 1000;
	color: #ffffff;
}
.navi_banner {
	padding: 16px;
 padding: .7rem;
	background: rgba(0,0,0,.6);
	height: 35px;
}


.logo {
	padding: 11px 0 0 0;
	float: left; max-width: 172px;
}
.logo img {
	width: 100%;
}
.nm { font-family: 'Quicksand', sans-serif; padding-right: 2px;
    letter-spacing: 2px; }
.lp a { text-decoration: none; color: #87BE3B; }


.cap {
    position: relative;
    z-index: 999;
    padding: 30px 0;
    background: #0099cc;
}

.main-panel {
	height: 500px;
	background: #010101; /*#B8BDC1;*/
	overflow: hidden;
}
.sub-panel-l {
	width: 65%;
	background: url(/imgs/limits.jpg);
	background-size: cover;
	text-align: center;
	color: #fff;
}
.sub-panel-r {
	width: 35%;
	background: #B8BDC1;
	margin-left: -4px;
}
.sub-panel-l, .sub-panel-r {
	min-height: 500px;
	float: left;
}
.cover {
	padding: 2em;
	background: rgba(0,0,0,.4);
	margin-top: 13.75%;
}


.relate { font-size: 20px; width: 175px; padding: 8px 17px; background: #F12545; margin: 85px auto 40px; text-align: center; border-radius: 3px; font-family: sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.275em;
    letter-spacing: .06em; color: #ffffff; }
.gets { padding: 15px 15% 72px; display: block; text-align: center; font-size: 1.6em; color: #424344; }


.component {
	height: 250px;
	background: #000; /*url(/imgs/limits.jpg);*/
	background-size: 100%;
	border-top: 0;
	border-left: 1px solid #ececec;
	border-left: 1px solid rgba(237,237,237,0.7);/*  */
}
.component img {
	width: 109%;
}





.headish {
    padding: 110px 0 60px;
    background: url("/imgs/background-header.jpg") center center no-repeat #1B1F3A;
    background-size: cover;
}

.htle {
    font-size: 38px;
    line-height: 1.2;
         color: #fff;
    width: 8%; font-family: helvetica;

}


.languages {
    padding: 28px 0;  background: #ececec; text-align: center; color: crimson;
}

.content-area {
	background: #fdfdfd; /*#ececec;*/
	padding: 32px 0;
}
.content-area-white {
	background: #ffffff;
	padding: 32px 0;
}
.content-area, .content-area-white {
	padding-top:  67px;
	min-height: 291px;
font-size: 1.2em;
	line-height: 1.4;
}
.content-area img {
	border-radius: 2px;
}
.content-area-white img {
	border-radius: 2px;
}
.area {
	height: 600px;
}
.fifs,.difs {
	width: 48%;
	float: left;
	min-height: 64px;
	margin: 1% 1% 0; background: none;
}
.fifs img {
	width: 100%;
}

.drifs { width: 100%; }
.drifs img { border-radius: 4px; width: 100%; }
.drifs span {color: #EF666C; padding: 9px 0 0; font-size: 13px; }
.line9 {
	width: 44%;
	float: left;
	min-height: 64px;
	margin: 1% 1% 0; padding: 2%; 
}

.bp {
    min-height: 133px;
    margin-bottom: 45px;
    border-top: thin solid #ebebeb;
    font-size: .9em;
}
.bp-title { color: #777; margin: 15px 0 20px 0; text-transform: uppercase; font-size: 1em; font-family: helvetica; font-weight: bold; border-left: solid #C766EF 3px; padding-left: 25px;  } 


.fifs, .line9 { border-radius: 2px; background: #FBFBFB; }

.quads {
	width: 48%;
	/*background: #f6f6f6;*/
    float: left;
	min-height: 4px;
	padding-bottom: 38px;
	margin: 1%;
}
.quads_i, .quads_t {
	width: 100%;
	float: left;
}
.quads_i img {
	width: 100%;
}
.quads_t h3 {
	padding-top: 8px;
	font-size: 1.3em;
	letter-spacing: .05em;
	text-shadow: none;
}

.qt { color: #777; margin: 15px 0 0; text-transform: uppercase; font-size: .9em; font-weight: bold; font-family: helvetica; border-left: solid #89C140 3px; padding-left: 25px; /*#C766EF*/}

.quads_t p {
	font-size: .8em; font-family: helvetica;
	padding-top: 8px;
	text-shadow: none;
}




.squads {
	width: 46%;
	background: #f6f6f6;
    float: left;
	min-height: 244px;
	padding-bottom: 38px;
	margin: 2%;
}

.templates {
	width: 18.5%;
	height: 143px;
	margin: .5%;
	display: inline-block;
	background: #E4E4E4;
}
.footer {
	clear: both;
	padding-top: 48px;
	padding-top: 3rem;
	padding-bottom: 16px;
	padding-bottom: 1rem;
	background: url(/imgs/dark-coverbook.png);
	min-height: 408px;
	color: #F1F1F1;
}
footer {
	background: #353535;
	padding: 18px 0;
	color: #cecece;
	text-align: center;
	font-size: 70%;
font-f
/* height: 357px; */
}
h1, h2, h3 {
	font-family: PFDin, Impact, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	line-height: .9;
	letter-spacing: -1px;
	margin-bottom: 8px;
 margin-bottom: .5rem;
}
h1, h2, h3, p {
	text-shadow: 1px 1px 0 #888;
	margin: 0 0 12px;
}
h5 {
	border-bottom: 1px solid #EBEBEB;
	line-height: .1em;
	font-size: .9em;
	letter-spacing: .4em;
	text-align: center;
	margin: 12px 0 45px;
}
h5 span {
	color: #777;
	letter-spacing: .3em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: .25px;
	font-size: 1.35em;
	padding: 0 25px;
}
.content-area h5 span {
	background-color: #fdfdfd; /*#ececec;*/
}
.content-area-white h5 span {
	background-color: #ffffff;
}
.max {
	font-size: 4em;
}
/*nav*/

.menu-header {
	float: left;
}
ul, li {
	list-style: none;
	margin:0; padding: 0;
}
.menu li {
	display: block;
	float: left;
	padding: 0 0 15px 35px; margin-top: -4px;
} /*menu-header ul*/


.the_means {
	background: #F6AB36; /*#FBAF25*/
	padding: 72px 0;
	color: white;
	font-family: sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.275em;
	letter-spacing: .06em;
	line-height: 1.4;
	text-align: center;
}
.cbt {
	display: inline;
	padding: 8px 28px;
	transition: background-color 0.5s ease;
	background-color: #fb2571;
	border-radius: 3px;
}
.cbt:hover {
	background-color: #E02366;
}
.the_means a { text-decoration: none; color: #ffffff; }

.lp { width: 46%; min-height: 319px; float: left; border-right: thin solid #615F5F; }
.lp .nm { color: #87BE3B;
    font-size: 1.7em; }
.rp { width: 46%; min-height: 319px; float: right;}
.bitts {
    padding: 20px 0 20px 0;
    border-top: 1px solid #615F5F;
}

.hunits { background: #EFEFEF; height: 60px; width: 34%;  float: left; overflow: hidden; }
.word { width: 63%; float: left; margin-left: 3%; line-height: 1;}


/* ======================== 
the slider
======================== */


div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite; 
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

#video_background {
	display: block;
	width: 100%;
	background: #000;
	background-size: cover;
	position: relative;
	z-index: 0;
}




/* ======================== 
the nav
======================== */

ul.nav {
	position: relative;
	float: right;
	display: inline-block;
	list-style-type: none;
	text-shadow: 1px 1px 1px #000; 
}
li.nav {
		display: block;
	float: left;
	padding: 7px 18px 0;

}

a li { text-decoration: none; }

a li { 


	font-weight: 300;
	font-size: 12px;
	color: white; text-transform: uppercase;
	list-style-type: none;
   border-bottom: 1px solid rgba(255, 255, 255, 0);
	-webkit-transition: border 500ms ease;
	-moz-transition: border 500ms ease;
	-ms-transition: border 500ms ease;
	-o-transition: border 500ms ease;
	transition: border 500ms ease;

 }





a li:hover {
	border-bottom: 1px solid rgba(255, 255, 255, 1);
}






nav {
	width: 100%;
	/* height: 65px; border-bottom: 1px dotted #697786; #989E9D;*/
	position: relative;
	background: none; /**/
	font-family: helvetica;  background: rgba(34,38,63,0.7);
}
nav ul {
	padding: 2px 0;
	margin: 0 auto;
	width: 82%;
}

nav a#pal {
	background-image: url(); /*the max-logo */
	float: left;
	/*height: 65px;*/  /*-18top*/
	margin: 0 0 0 2%;
	width: 172px;
	background-repeat: no-repeat;
	background-position: center center;
}
nav a#pull {
	display: none;
}
/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */

.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
/*

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */

.clearfix {
 *zoom: 1;
}


.menu-icon {
  position: relative;
  top: 20px;
  display: block;
  width: 4em;
  height: 4em;
  margin: 0 auto;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.menu-icon span {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 0.5em;
  background-color: #E74C3C;
}
.menu-icon span:before,
.menu-icon span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #E74C3C;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.menu-icon span:before {
  transform: translateY(-1em);
  
}
.menu-icon span:after {
  transform: translateY(1em);
}
/* OPEN */
.menu-icon.open {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.menu-icon.open span:before, .menu-icon.open span:after {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}









.gm { display: none;}

.peps { text-align: center; margin: 0 0 54px; }
section { margin-bottom: 54px; }
section p { text-shadow: none; }

.about-left { padding: 5px 0;  width: 65%; float: left; }
.about-right { padding: 5px 0; width: 30%; background: #313131; float: right; }


.footer p { margin-top: 15px; text-shadow: none; font-size: 1.35em}
.footer h3 { text-shadow: none; font-family: helvetica; letter-spacing: 1px; }
.tw { background: #36CAF6; }
.ig { background: #EF666C; }
.tw, .ig { padding: 2px 8px; width: 45px; text-align: center; text-decoration: none; color: #fff;  border-radius: 5px;}


.large {
    vertical-align: middle; text-align: center; font-size: 5.4em;
    z-index: 9;
    position: relative;
margin: 0;
    font-weight: 700;
    color: #fff;
    font-family: "interface", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: uppercase;
    line-height: 1.1em;
    letter-spacing: 2px;
    text-rendering: optimizelegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;

 }

.separator {
    border-top: 5px solid #8BC53E;
    width: 220px;
    margin: 40px auto;
}

/* ======================== 
the one stop
======================== */


@media screen and (max-width: 800px) {




#brand {
	height: 38px; line-height: 38px;
	padding-top: 0px;
	margin-top: -2px;
	text-transform: uppercase;
	background-image: url(); /* the min-logo */
	background-repeat: no-repeat;
	width: 100%;
	background-position: left center;
}

nav {
	width: 100%;
	left: 0;
	position: fixed;
	height: 40px; padding: 0 0 16px;
	top: 0;
	z-index: 99999;
	border-bottom: none; 
background: none; 

 
}
nav ul {
	display: none;
	height: auto;
	margin: 0;
	width: 100%;
}
nav li {
	width: 100%;
	float: right;
	position: relative;
	border-bottom: 1px dotted #636363;
	padding: 9px 0;
	font-weight:900;
	text-transform: uppercase;
	background: rgba(34,38,63,0.7);
}
li.nav {
	margin-left: 0; font-size: 1.05em; padding-left: 0; }
nav a {
	text-align: left;
	width: 100%;
	text-indent: 25px;
	color: white;
	text-decoration: none;    border-bottom: none;
}

nav a#pull {
	display: block;
	/*background-color: #363636;*/
	width: 100%;
	position: relative;
	font-weight: 700; background: rgba(34,38,63,.8); /*rebeccapurple*/ padding-bottom: 21px;
}
nav a#pull:after {
	content:"";
	background: url(/imgs/nav-icon.png) no-repeat;
	width: 30px;
	height: 30px;
	color: #FFF;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 20px;
}


.logo {
    padding: 16px 0 0 0; }




.headish {
    padding: 90px 0 60px;

}



.large {
     font-size: 3.4em; }


.pw {
	width: 92%;
}







.pwa {
	width: 100%;
}
.main-panel {
	height: auto;
}
.sub-panel-l, .sub-panel-r, .fifs {
	width: 100%;
}
.sub-panel-r {
	min-height: 250px;
}


.gets { font-size: 1.2em; }

.quads, .line9{
	width: 98%;
}


.about-left, .squads {
	width: 98%;
       float: none;
	margin: 0 auto 18px;
}

.line9 {
	width: 96%; margin-bottom: 30px;
}

.max {
	font-size: 3.2em;
}
.fifs, .difs {
	width: 98%; float: none; }

/*.quads_i, .quads_t { width: 48%;  }*/

.quads_t h3 {
	padding-left: 23px;
}
.quads_t p {
	padding-left: 23px;
	/*font-size: 1.2em;*/
}
.templates {
	width: 48%;
}

.lp { width: 98%; text-align: center; min-height: 229px; border-right: none;}
.rp { width: 98%; }

.gm {display: block;}
.gn, a#pal {
	display: none;
}
}