/* --------------------------------------------------------------
   WEBFONTS
-------------------------------------------------------------- */

@import url(fonts/billabong-italic.css);
@import url(fonts/brandon-bold.css);

/* --------------------------------------------------------------
   RESET CSS (ok)
-------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}

/* iOS */
html{-webkit-text-size-adjust:100%;}
input,textarea{-webkit-appearance:none;}

/* --------------------------------------------------------------
   GLOBAL FONTS (ok)
-------------------------------------------------------------- */

body {
	color:#aaa;
	font-size:12px;
	line-height:1.4;
	font-family:'Lucida Grande',Arial,sans-serif;
	font-family:Arial,sans-serif;
	background-color:#f1f1f1;
}

/* --------------------------------------------------------------
   GLOBAL LAYOUT (ok)
-------------------------------------------------------------- */

/* --------------------------------------------------------------
   divs  index
-------------------------------------------------------------- */

#line_head { 
    width:100%;
	height:5px;
	background-color:#204c7b;
	
}


#contenido{
margin: 0 auto;
width: 1024px;
height: 700px;
background-image:url(img/fondo.jpg);
background-repeat:no-repeat;

}

#cabezal{
height: 140px;
width: 1024px;
}


#menu_uno{
margin: 0 auto;
height: 100px;
width: 1000px;
padding-left:110px;

}


#line{
margin: 0 auto;
height: 1px;
width: 1024px;
padding-left:100px;
}


#banner{
padding: 50px 0px 0px 200px;
height: 300px;
width: 680px;
}


#banner_dos{
margin: 0 auto;
height: 246px;
width: 618px;
float:left;
}


#footer_uno{
margin: 0 auto;
height: 141px;
width: 1024px;
}


/* --------------------------------------------------------------
   GLOBAL LAYOUT (ok)
-------------------------------------------------------------- */




#nav,
#main,
#footer {
	min-width:10px;
	position:relative;
}



/* fullscreen */
.fullscreen,
.fullscreen body {
	height:100%;
}
.fullscreen #main {
	position:absolute;
	top:100px;
	left:0;
	right:0;
	bottom:100px;
}
.fullscreen #footer {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
}

h2, #nav, #subnav {
	font-family:'Verdana',Arial,sans-serif;
	font-weight:normal;
}

/* logo */

#logo a {
	width:auto;
	height:100%;
	display:block;
	text-indent:-9999px;
	background-image:url(img/sidebar-logo.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#333;
	border-radius:5px;
	margin-right:10px;
	position:relative;
	-webkit-transition:background-color 150ms ease-in-out;
    -moz-transition:background-color 150ms ease-in-out;
    -o-transition:background-color 150ms ease-in-out;
    -ms-transition:background-color 150ms ease-in-out;
}
#logo a:hover {
	background-color:#B2B499;
}
#sidebar #logo .loader {
	margin-bottom:20px;
}

/* social icons */
.social .blk {
	overflow:hidden;
	text-indent:-9999px;
	position:relative;
}
.social .icon {
	display:block;
	overflow:hidden;
	position:absolute;
	top:50%; left:50%;
	background-repeat:no-repeat;
	background-position:0 0;
}
.social.twitter .icon {
	width:41px; height:28px;
	margin-left:-20px; margin-top:-14px;
	background-image:url(img/icon-twitter.png);
}
.social.facebook .icon {
	width:15px; height:30px;
	margin-left:-7px; margin-top:-15px;
	background-image:url(img/icon-facebook.png);
}
.social.blog .icon {
	width:23px; height:37px;
	margin-left:-11px; margin-top:-18px;
	background-image:url(img/icon-blog.png);
}

/* --------------------------------------------------------------
   LOADING
-------------------------------------------------------------- */

#logo .loader {
	width:11px;
	height:16px;
	display:none;
	background-image:url(img/loader.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	left:50%; bottom:0;
	margin-left:-5px;
	margin-bottom:-10px;
}
.loading-content #logo .loader {
	display:block;
}

/* --------------------------------------------------------------
   #NAV (ok)
-------------------------------------------------------------- */

#nav {
	padding:10px 0 10px 10px;
}
#nav ul {
	overflow:hidden;
}
#nav li {
	width:25%;
	height:80px;
	float:left;
	display:block;
	position:relative;
	text-align:center;
}
#nav li a {
	width:auto;
	height:100%;
	display:block;
	overflow:hidden;
	margin-right:10px;
	border-radius:5px;
	/* font */
	color:#b3b3b3;
	line-height:1.1;
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	text-decoration:none;
	
	font-family:'Verdana',Arial,sans-serif;
	font-size:15px;
	line-height:1em;
}
/* out/over */
#nav li a .out,
#nav li a .over {
	width:100%;
	height:100%;
	display:block;
	-webkit-transition:margin-top 200ms ease-out;
    -moz-transition:margin-top 200ms ease-out;
    -o-transition:margin-top 200ms ease-out;
    -ms-transition:margin-top 200ms eases-out;
}
#nav li a .out {
    color:#000000;
	filter: alpha(opacity=50); opacity: .5;
	background-color:#d8d8d8;
}
#nav li a .over {
	color:#0c3e71;
	background-color:#ffffff;
	filter: alpha(opacity=50); 
}
#nav li a .over {
	margin-top:-80px;
}
#nav li.current-item a .over,
#nav li a:hover .over {
	margin-top:0;
}
/* label */
#nav li a .label {
	display:block;
	padding-top:13px;
}
#nav li a .label span {
padding-top:5px;
	display:block;
	font-size:0.9em;
	font-style:normal;
	font-family:Arial,sans-serif;
	text-transform:uppercase;
	font-family:'Verdana',Arial,sans-serif;
	font-size:9px;
	line-height:10px;
	font-weight:normal;
}

/* --------------------------------------------------------------
   FOOTER (ok)
-------------------------------------------------------------- */


/* --------------------------------------------------------------
   MAIN
-------------------------------------------------------------- */

#main {
	overflow:hidden;
	margin-left:10px;
	background:#fff;
}

/* --------------------------------------------------------------
   HTML.HOME (ok)
-------------------------------------------------------------- */

/* HTML.HOME > .SPLASH
-------------------------------------------------------------- */

.home .splash {
	height:470px;
	overflow:hidden;
	margin-right:10px;
	border-radius:5px;
	position:relative;
	background-color:#1a1a1a;
}
.home .splash #logo,
.home .splash .captain {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:0 0;
}
.home .splash #logo {
	top:50%; right:25.6%;
	width:298px; height:156px;
	margin-top:-78px;
	margin-right:-149px;
	background-image:url(img/home-splash-logo.png);
}
.home #logo .loader {
	margin-left:10px;
	margin-bottom:-40px;
}
.home .splash .captain {
	left:29.9%; top:0;
	width:412px; height:770px;
	margin-left:-206px;
	margin-bottom:-287px;
	background-image:url(img/home-splash-captain.png);
	background-position: top;
}

/* HTML.HOME > .POWERS
-------------------------------------------------------------- */

.home .powers {
	width:75%;
	float:left;
	color:#333333;
	font-size:2.5em;
	line-height:1.4em;
	position:relative;
	margin-top:10px;
	font-family:'Billabong','Times New Roman',serif;
	line-height:1.3em;
}
.home .powers .blk {
	height:185px;
	margin-right:10px;
	background-color:#7fd9cf;
	background-image:url(img/home-bottom-bolt.png);
	background-repeat:no-repeat;
	background-position: 55% top;
	border-radius:5px;
}
.home .powers p {
	width:46%;
	float:left;
	padding-top:1.2em;
	text-align:center;
}
.home .powers p.right {
	float:right;
}
.home .powers p span {
	display:block;
	font-size:1.4em;
	font-style:normal;
	font-family:Arial,serif;
	font-family:'Brandon',Arial,sans-serif;
	text-transform:uppercase;
}

/* HTML.HOME > .FOLLOW
-------------------------------------------------------------- */

.home .follow {
	width:25%;
	float:left;
}
.home .follow .blk {
	display:block;
	margin-right:10px;
	color:#fef7d9;
	background-color:#b2b499;
	border-radius:5px;
}

/* daily */
.home .follow .daily .blk {
	height:115px;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(img/home-dailydash.png);
	background-repeat:no-repeat;
	background-position:center 15px;
}
.home .follow .daily p {
	position:absolute;
	left:0; right:0; bottom:13px;
	font-size:1.25em;
	line-height:1.2;
	font-style:italic;
	font-family:'Times New Roman',serif;
	text-align:center;
}

/* social */
.home .follow .social {
	float:left;
	display:block;
	width:33.3333%;
}
.home .follow .social .blk {
	height:60px;
	-webkit-transition:background-color 150ms ease-in-out;
    -moz-transition:background-color 150ms ease-in-out;
    -o-transition:background-color 150ms ease-in-out;
    -ms-transition:background-color 150ms ease-in-out;
}
.home .follow .social.twitter .icon {
	background-position:0 -28px;
}
.home .follow .social.facebook .icon {
	background-position:0 -30px;
}
.home .follow .social.blog .icon {
	background-position:0 -37px;
}
.home .follow a.social:hover .blk {
	background-color:#333;
}
.home .follow a.social.twitter:hover .icon {
	background-position:0 -56px;
}
.home .follow a.social.facebook:hover .icon {
	background-position:0 -60px;
}
.home .follow a.social.blog:hover .icon {
	background-position:0 -74px;
}

/* HTML.HOME.FULLSCREEN
-------------------------------------------------------------- */
.home.fullscreen #main {
	bottom:30px;
}
.home.fullscreen .splash,
.home.fullscreen .powers,
.home.fullscreen .follow {
	left:0;
	position:absolute;
}
/* splash */
.home.fullscreen .splash {
	height:auto;
	top:0;
	right:0;
	bottom:195px;
}
/* powers/follow */
.home.fullscreen .powers {
	bottom:0;
	right:25%;
}
.home.fullscreen .follow {
	left:75%;
	right:0;
	bottom:0;
}

/* --------------------------------------------------------------
   HTML.SITE-SECTION
-------------------------------------------------------------- */

.site-section #sidebar {
	float:left;
	width:25%;
}
.site-section #content {
	float:left;
	width:75%;
}

/* #SIDEBAR
-------------------------------------------------------------- */


/* logo */
.site-section #sidebar #logo {
	height:185px;
	margin-bottom:10px;
}

/* subnav */
.site-section #sidebar #subnav {
	display:block;
	margin-right:10px;
	border-radius:5px;
	color:#2b8785;
	background-color:#7fd9cf;
	border-radius:5px;
	font-size:1.44em;
}
.site-section #sidebar #subnav a {
	color:#2b8785;
	display:block;
	line-height:1;
	text-transform:uppercase;
	text-decoration:none;
	padding:20px 24px;
	-webkit-transition:padding 200ms ease-in-out;
    -moz-transition:padding 200ms ease-in-out;
    -o-transition:padding 200ms ease-in-out;
    -ms-transition:padding 200ms ease-in-out;
}
.site-section #sidebar #subnav .first a {
	border-radius:5px 5px 0 0;
}
.site-section #sidebar #subnav .last a {
	border-radius:0 0 5px 5px;
}
.site-section #sidebar #subnav .current-item a {
	background-color:#61c2ba;
	color:#ffffff;
	padding:20px 35px;
}
.site-section #sidebar #subnav a:hover {
	background-color:#61c2ba;
	padding:20px 35px;
}

.site-section #sidebar #subnav a {
position:relative;
z-index:20;
-webkit-transition:all 100ms ease-in-out;
-moz-transition:all 100ms ease-in-out;
-o-transition:all 100ms ease-in-out;
-ms-transition:all 100ms ease-in-out;
}
.site-section #sidebar #subnav a span {
height:57px;
display:block;
position:absolute;
top:50%;
left:100%;
right:0;
margin-top:-28px;
background-image:url(img/subnav-arrow.png);
background-repeat:no-repeat;
background-position:right top;
-webkit-transition:right 100ms ease-in-out;
-moz-transition:right 100ms ease-in-out;
-o-transition:right 100ms ease-in-out;
-ms-transition:right 100ms ease-in-out;
}
.site-section #sidebar #subnav a:hover,
.site-section #sidebar #subnav .current-item a {
border-top-right-radius:5px;
border-bottom-right-radius:5px;
margin-right:20px;
}
.site-section #sidebar #subnav .current-item a span,
.site-section #sidebar #subnav a:hover span {
right:-47px;
}

/* fullscreen/fullheight */
.site-section.front.fullscreen #sidebar #subnav,
.site-section.inner #sidebar #subnav.fullheight {
	position:absolute;
	top:195px;
	left:0;
	right:75%;
	bottom:0;
}

/* --------------------------------------------------------------
   HTML.SITE-SECTION.FRONT
-------------------------------------------------------------- */

.site-section.front #content {
	position:absolute;
	top:0; left:25%; bottom:0;
}
.site-section.front #content .splash {
	height:100%;
	position:relative;
	margin-right:10px;
	background-color:#1a1a1a;
	background-repeat:repeat-x;
	background-position:top right;
	border-radius:5px;
}
.site-section.front #content .splash .title {
	position:absolute;
	width:100%;
	bottom:10%;
	margin: 0 auto;
	color: #ffffff;
}
.site-section.front #content .splash .title h1 {
	font-size:4em;
	line-height:1;
	text-align:center;
	font-family:'Brandon',Arial,sans-serif;
	text-transform:uppercase;
	margin:0 0;
	font-style:normal;
}
.site-section.front #content .splash .title .sub {
	font-size:3em;
	line-height:1;
	margin-top:0.13em;
	margin-bottom:0.13em;
	text-align:center;
	font-family:'Billabong','Times New Roman',serif;
}

/* --------------------------------------------------------------
   HTML.SITE-SECTION.INNER
-------------------------------------------------------------- */

/* .SECTION
------------------------------- */

.site-section .section {
	overflow:hidden;
	position:relative;
	margin-top:10px;
}
.site-section .section.first {
	margin-top:0;
}

/* .SECTION .TITLE
------------------------------- */

.site-section .section .title {
	width:100%;
	position:relative;
	color: #ffffff;
}
.site-section .section .title .content {
	background-color:#B8EBB8;
	border-radius:5px;
	margin-right:10px;
	padding:40px;
}
.site-section .section .title h1 {
	font-size:4em;
	line-height:1;
	text-align:center;
	font-family:'Brandon',Arial,sans-serif;
	text-transform:uppercase;
	margin:0.2em 0;
	font-style:normal;
}
.site-section .section .title .sub {
	color: #81B581;
	font-size:3em;
	line-height:1;
	margin-top:0.13em;
	margin-bottom:0.13em;
	text-align:center;
	font-family:'Billabong','Times New Roman',serif;
}


/* .SECTION .TEXT
------------------------------- */

.site-section .section .text {
	color:#666666;
	position:relative;
	background-color:#f2f2f2;
	background-image:url(img/planet.png);
	background-repeat:no-repeat;
	background-position:-80px 20px;
	margin-right:10px;
	border-radius:5px;
}
.site-section .section .text .content {
	padding:40px;
	font-size:1.2em;
	line-height:1.6em;
}
.site-section .section .text h2 {
	font-size:1.8em;
	text-align:center;
	text-transform:uppercase;
	margin:-0.3em 0;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
}
.site-section .section .text .sub {
	font-size:1.8em;
	line-height:1;
	margin-top:0.3em;
	margin-bottom:0.3em;
	text-align:center;
	font-family:'Billabong','Times New Roman',serif;
	font-size:2.5em;
}
.site-section .section .text p.first {
	margin-top:3em;
}

.site-section .section .text p {
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	text-align:justify;
}

.site-section .section .text p.element {
	background-color: #d5d5d5;
	padding: 20px;
	border-radius:5px;
}

.site-section .section .text p.element span {
	font-size: 1.4em;
	font-family:'Times New Roman',serif;
	font-style:italic;
	display:block;
	text-align:center;
	margin-bottom: 0.7em;
}

.site-section .section .text p.element.center {
	text-align:center;
}

.site-section .section .text p.element.list {
	font-size: 1.4em;
	font-family:'Brandon',Arial,sans-serif;
	font-style:normal;
	display:block;
	text-align:center;
	text-transform:uppercase;
}

.site-section .section .text p.and {
	font-size: 3em;
	font-family:'Billabong','Times New Roman',serif;
	text-align:center;
	margin: 0.4em auto;
}

.site-section .section .text .readmoreLink {
	color:#999999;
	text-decoration:none;
	font-family:'Times New Roman',serif;
	font-style:italic;
	background-color: #E6E6E6;
	padding:5px 7px;
	margin:15px auto;
	width:100px;
	border-radius:5px;
	text-align:center;
	line-height:3em;
	-webkit-transition:all 150ms ease-in-out;
    -moz-transition:all 150ms ease-in-out;
    -o-transition:all 150ms ease-in-out;
    -ms-transition:all 150ms ease-in-out;
	display:block;
	cursor:pointer;
}

.site-section .section .text .readmoreLink:hover {
	color:#666666;
	background-color: #999999;
}

hr {
	background-image:url(img/separation.png);
	background-repeat:no-repeat;
	height:17px;
	width:151px;
	border:0;
	}


/* .SECTION .TEAM
------------------------------- */

.site-section .section .team {
	width:50%;
	float:left;
	color:#333333;
	position:relative;
}
.site-section .section .team .content {
	background-color:#f2f2f2;
	border-radius:5px;
	margin-right:10px;
	padding:40px;
	font-size:1.2em;
	-webkit-transition:background-color 75ms ease-in-out;
    -moz-transition:background-color 75ms ease-in-out;
    -o-transition:background-color 75ms ease-in-out;
    -ms-transition:background-color 75ms ease-in-out;
}
.site-section .section .team:hover .content {
	background-color:#333;
	color:#f2f2f2;
}
.site-section .section .team h2 {
	font-size:1.8em;
	line-height:1;
	text-align:center;
	text-transform:uppercase;
	margin:0.3em 0;
}
.site-section .section .team .sub {
	font-size:1.2em;
	line-height:1.5em;
	margin-top:-1em;
	text-align:center;
	font-style:italic;
	font-family:'Times New Roman',serif;
}
.site-section .section .team p.first {
	text-align:center;
	margin-top:2em;
	color:#808080;
}
.site-section .section .team p.first span {
	font-style:italic;
	text-align:center;
	display:block;
}
.site-section .section .team h2,
.site-section .section .team p {
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
}

.site-section .section .team.slave {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
}
.site-section .section .team.slave .content {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.site-section .section .team.right {
	margin-left:50%;
}
.site-section .section .team.solo {
	width:auto;
	float:none;
}


  
/* social */
.site-section .section .team .social {
width:150px;
display:block;
margin:10px auto;
}
.site-section .section .team .social .blk {
height:60px;
display:block;
border-radius:5px;
}
.site-section .team a.social:hover .blk {
}
.site-section .team a.social.twitter:hover .icon {
background-position:0 -56px;
}


/* .SECTION .ILLU
------------------------------- */

.site-section .section .illu {
	z-index:1;
	overflow:hidden;
	position:absolute;
	left:50%; right:0; top:0; bottom:0;
	background-color:#333;
	border-radius:5px;
	margin-right:10px;
}
.site-section .section .illu.blue {
	background-color:#61c2ba;
}
.site-section .section .illu img.center,
.site-section .section .illu img.middle,
.site-section .section .illu img.top,
.site-section .section .illu img.left,
.site-section .section .illu img.right,
.site-section .section .illu img.bottom {
	position:absolute;
}
.site-section .section .illu img.center {
	left:50%;
}
.site-section .section .illu img.middle {
	top:50%;
}
.site-section .section .illu img.top {
	top:0;
}
.site-section .section .illu img.left {
	left:0;
}
.site-section .section .illu img.right {
	right:0;
}
.site-section .section .illu img.bottom {
	bottom:0;
}

/* .SECTION.RIGHT
------------------------------- */

.site-section .section.right .text,
.site-section .section.right .team {
	margin-left:50%;
}
.site-section .section.right .illu {
	left:0;
	right:50%;
}

/* --------------------------------------------------------------
   HTML.WHAT-WE-SOLVE
-------------------------------------------------------------- */

/* BAR
-------------------------------------------------------------- */

.what-we-solve .bar {
	z-index:2;
	height:180px;
	position:relative;
	background-color:#fff;
}
html.fullscreen.what-we-solve .bar {
	padding-bottom:10px;
}
.what-we-solve .bar .blk {
	height:100%;
	margin-right:10px;
	position: relative;
	background-color:#333;
	border-radius:5px;
	-webkit-transition:background-color 150ms ease-in-out;
    -moz-transition:background-color 150ms ease-in-out;
    -o-transition:background-color 150ms ease-in-out;
    -ms-transition:background-color 150ms ease-in-out;
}
.what-we-solve .bar .blk.over {
	background-color:#B2B499;
}

/* LOGO
------------------------------- */

.what-we-solve .bar #logo {
	display:block;
	position:absolute;
	top:50%; left:50%;
	margin-top:-49px;
	margin-left:-96px;
}
.what-we-solve .bar #logo a {
	display:block;
	width:192px;
	height:99px;
	text-indent:-9999px;
	background-image:url(img/what-we-solve-logo.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:transparent;
}
.what-we-solve .bar #logo .loader {
	margin-bottom:-25px;
}

/* PREV/NEXT
------------------------------- */

.what-we-solve .bar .prev,
.what-we-solve .bar .next {
	width:120px;
	display:block;
	position:absolute;
	top:0; bottom:0;
	cursor:pointer;
}
.what-we-solve .bar .prev {
	left:0;
}
.what-we-solve .bar .next {
	right:0;
}
.what-we-solve .bar .prev .icon,
.what-we-solve .bar .next .icon {
	display:block;
	width:23px;
	height:32px;
	position:absolute;
	top:50%; left:50%;
	margin-top:-16px;
	margin-left:-11px;
	background-image:url(img/solve-arrows.png);
	background-repeat:no-repeat;
	background-position:0 0;
	-webkit-transition:margin 150ms ease-in-out;
    -moz-transition:margin 150ms ease-in-out;
    -o-transition:margin 150ms ease-in-out;
    -ms-transition:margin 150ms ease-in-out;
}
.what-we-solve .bar .next .icon {
	background-position:-23px 0;
}
.what-we-solve .bar .next:hover .icon {
	background-position:-23px -32px;
	margin-left:3px;
}
.what-we-solve .bar .prev:hover .icon {
	background-position:0 -32px;
	margin-left:-21px;
}

/* .CONTENT
-------------------------------------------------------------- */

.what-we-solve .content {
	z-index:1;
}

/* BEFORE AFTER
------------------------------- */

.what-we-solve .content .before-after {
	display:block;
	width:181px;
	height:242px;
	position:absolute;
	top:50%; left:50%;
	margin-left:-94px;
	margin-top:-160px;
	background-image:url(img/solve-before-after.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

/* SECTION
------------------------------- */

.what-we-solve .content .section {
	overflow:hidden;
	position:relative;
}
.what-we-solve .content .item {
	width:50%;
	float:left;
	margin-top:10px;
}
.what-we-solve .content .section.first .item {
	/*margin-top:0;*/
}

/* ILLU
------------------------------- */

.what-we-solve .content .item .illu,
.what-we-solve .content .item .text {
	overflow:hidden;
	position:relative;
	margin-right:10px;
	border-radius:5px;
}
.what-we-solve .content .item .illu img {
	position:absolute;
	bottom:0; 
}
.what-we-solve .content .item.before .illu img {
	right:10%;
}
.what-we-solve .content .item.after .illu img {
	left:10%;
}
.what-we-solve .content .item .illu {
	height:380px;
	margin-bottom:10px;
	background-color:#1a1a1a;
	background-image:url(img/solve-illu-bg.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	border-radius:5px;
}

/* TEXT
------------------------------- */

.what-we-solve .content .section .item .text {
	height:160px;
	padding:15px 20px;
	color:#2B8785;
	background-color:#7fd9cf;
	font-size:1.2em;
	-webkit-transition:all 150ms ease-in-out;
    -moz-transition:all 150ms ease-in-out;
    -o-transition:all 150ms ease-in-out;
    -ms-transition:all 150ms ease-in-out;
}
.what-we-solve .content .section .item:hover .text {
	background-color:#6DC9BC;
}
.what-we-solve .content .section .item .text h2,
.what-we-solve .content .section .item .text p {
	max-width:500px;
	text-align:center;
	margin: 0 auto;
}
.what-we-solve h2 {
	font-size:1.8em;
	line-height:1.2;
	text-transform:uppercase;
	margin:0.3em 0;
	font-family:'Myriad Pro',Arial,sans-serif;
	font-family: Arial,sans-serif;
	font-family:'Brandon',Arial,sans-serif;
}

/* FIXED
-------------------------------------------------------------- */

.what-we-solve.fullscreen #nav {
	z-index:100;
	position:fixed;
	top:0; left:0; right:0;
}
.what-we-solve.fullscreen #main {
	margin-top:100px;
}
html.what-we-solve.fullscreen #main {
	margin-top:280px;
}
html.what-we-solve.fullscreen #main .bar {
	margin-top:0;
	position:fixed;
	top:100px; left:10px; right:0;
}
.what-we-solve #main .bar .prev,
.what-we-solve #main .bar .next {
	display:none;
}
.what-we-solve.fullscreen #main .bar .prev,
.what-we-solve.fullscreen #main .bar .next {
	display:block;
}
/*.what-we-solve.fullscreen .content .section.first .item {
	margin-top:0;
}
html.what-we-solve.fullscreen .content .section.first .item {
	margin-top:10px;
}*/

/* FULLSCREEN
-------------------------------------------------------------- */

.what-we-solve.fullscreen #main {
	overflow:hidden;
	position:static;
	height:auto;
}
.what-we-solve.fullscreen #footer {
	position:static;
}

.what-we-solve.fullscreen .section .item {
	position:absolute;
	top:0; left:0; bottom:0;
}
.what-we-solve.fullscreen .section .item.after {
	left:50%;
}
.what-we-solve.fullscreen .section .item .illu,
.what-we-solve.fullscreen .section .item .text {
	position:absolute;
	left:0; right:0;
}
.what-we-solve.fullscreen .section .item .illu {
	height:auto;
	top:0; bottom:190px;
}
.what-we-solve.fullscreen .section .item .text {
	bottom:0;
}

/* --------------------------------------------------------------
   HTML.TRY-US
-------------------------------------------------------------- */

/* BAR
-------------------------------------------------------------- */

.try-us .bar {
	height:185px;
	overflow:hidden;
	position:relative;
}

/* LOGO
------------------------------- */

.try-us .bar #logo {
	float:left;
	display:block;
	width:25%;
	height:100%;
}
.try-us .bar #logo .loader {
	margin-bottom:20px;
}

/* FORM
------------------------------- */

form#contact .bar {
	height:185px;
	overflow:hidden;
	position:relative;
}
form#contact .blk {
	margin-right:10px;
	position:absolute;
	top:0; left:0; right:0; bottom:0;
}
.try-us .bar form {
	display:block;
	width:75%;
	float:left;
	height:100%;
}
.try-us .bar form .blk {
	margin-right:10px;
	position:absolute;
	top:0; left:0; right:0; bottom:0;
}
.try-us .bar form .and {
	left:75%;
}
/* FORM
------------------------------- */

form .area {
	height:400px;
	display:block;
	position:relative;
	margin-top:10px;
	margin-bottom:50px;
}
form .area #message {
	display:block;
	width:90%;
	height:100%;
	margin:0;
	padding:20px 5%;
	border:none;
	outline:none;
	color:#999;
	font-size:2.33em;
	background:#e6e6e6;
	border-radius:5px;
	margin-right:10px;
	font-family:inherit;
}
form .field {
	width:66.666%;
	height:100%;
	float:left;
	display:block;
	position:relative;
}
form .field #email {
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	border:none;
	outline:none;
	color:#999;
	font-size:2.33em;
	background:#e6e6e6;
	border-radius:5px;
	padding:0; margin:0;
	margin-right:10px;
	line-height: 1.4;
	-webkit-transition:all 150ms ease-in-out;
    -moz-transition:all 150ms ease-in-out;
    -o-transition:all 150ms ease-in-out;
    -ms-transition:all 150ms ease-in-out;
}
form #message.message-error,
form #email.email-error {
	color:#333;
	background-color:#FFA863;
}
form #message.send-error,
form #email.send-error {
	color:#333;
	background-color:#f5ed5c;
}
form #message.email-sent,
form #email.email-sent {
	color:#333;
	background-color:#b8ebb8;
}
form .button {
	display:block;
	width:33.333%;
	float:left;
	height:100%;
	position:relative;
}
form .button #send {
	font-family:'Brandon',Arial,sans-serif;
	display:block;
	text-align:center;
	background:#e6e6e6;
	border:none;
	outline:none;
	overflow:hidden;
	
	width:100%;
	height:100%;
	padding:0; margin:0;
	
	background-color:#7FD9CF;
	
	border-radius:5px;
	cursor:pointer;
	
	font-size:4em;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	
	-webkit-transition:background-color 150ms ease-in-out;
    -moz-transition:background-color 150ms ease-in-out;
    -o-transition:background-color 150ms ease-in-out;
    -ms-transition:background-color 150ms ease-in-out;
}
form .button #send:hover {
	background-color:#333;
}
form .and {
	z-index:1;
	display:block;
	width:125px;
	height:132px;
	margin-top:-50px;
	margin-left:-80px;
	background-image:url(img/try-us-and.png);
	background-repeat:no-repeat;
	background-position:0 0;
	position:absolute;
	top:50%;
	left:66.666%;
}

/* SPLASH / SIDEBAR
-------------------------------------------------------------- */

.try-us .splash,
.try-us .follow {
	float:left;
	display:block;
	margin-top:10px;
}
.try-us .splash {
	width:75%;
}
.try-us .follow {
	width:25%;
}
.try-us .splash .blk,
.try-us .follow .blk {
	display:block;
	margin-right:10px;
	border-radius:5px;
}
.try-us .follow .blk {
	background-color:#b1b49a;
}

/* SPLASH
------------------------------- */

.try-us .splash .blk {
	overflow:hidden;
	position:relative;
	height:500px;
	background-color:#7fd9cf;
}
.try-us .splash .tryit,
.try-us .splash .hand {
	display:block;
	overflow:hidden;
	position:absolute;
	background-repeat:no-repeat;
	background-position:0 0;
}
.try-us .splash h2.tryit {
	text-align: center;
	color: #333333;
	font-size:2.5em;
	font-family:'Billabong','Times New Roman',serif;
	line-height:1.3em;
	position:absolute;
	right: 10%;
	top:12%;
}
.try-us .splash h2.tryit span {
	display:block;
	font-size:1.4em;
	font-style:normal;
	font-family:Arial,serif;
	font-family:'Brandon',Arial,sans-serif;
	text-transform:uppercase;
}
.try-us .splash .hand {
	left:0; top:20%;
	width:481px; height:344px;
	background-image:url(img/try-us-hand.png);
}
.try-us .splash .mask {
	position:absolute;
	right:0; bottom:0;
	width:576px; height:282px;
	background-image:url(img/try-us-mask.png);
}

/* FOLLOW
------------------------------- */

.try-us .follow {
	font-family:'Times New Roman',serif;
	font-style:italic;
	font-size:1.7em;
}

/* .daily */

.try-us .follow .daily {
	color:#fdf7da;
	text-align:center;
	margin-bottom:10px;
}
.try-us .follow .daily .blk {
	background-image:url(img/try-us-daily.png);
	background-repeat:no-repeat;
	background-position:center 20%;
	padding-top:200px;
	padding-bottom:40px;
}

/* .social */

.try-us .follow .social {
	color:#333;
	display:block;
	margin-bottom:10px;
	text-decoration:none;
}
.try-us .follow a.social.blog {
	margin-bottom:0;
}
.try-us .follow .social:hover {
	color:#fdf7da;
}
.try-us .follow .social .blk {
	height:45px;
	background:#b1b49a;
	text-indent:70px;
	padding-top:15px;
	-webkit-transition:background-color 150ms ease-in-out;
    -moz-transition:background-color 150ms ease-in-out;
    -o-transition:background-color 150ms ease-in-out;
    -ms-transition:background-color 150ms ease-in-out;
}
.try-us .follow .social .icon {
	left:35px;
}
.try-us .follow .social.twitter .icon {
	background-position:0 -28px;
}
.try-us .follow .social.facebook .icon {
	background-position:0 -30px;
}
.try-us .follow .social.blog .icon {
	background-position:0 -37px;
}
.try-us .follow a.social:hover .blk {
	background-color:#333;
}
.try-us .follow a.social.twitter:hover .icon {
	background-position:0 -56px;
}
.try-us .follow a.social.facebook:hover .icon {
	background-position:0 -60px;
}
.try-us .follow a.social.blog:hover .icon {
	background-position:0 -74px;
}

/* FIXED
------------------------------- */

.try-us .splash {
	position:absolute;
	top:185px;
	left:0;
	bottom:0;
}
.try-us .splash .blk {
	height:100%;
}
.try-us .follow {
	margin-left:75%;
}

/* TRY-US.FULLSCREEN
------------------------------- */

.try-us.fullscreen #main {
	bottom:30px;
}
.try-us.fullscreen .follow {
	position:absolute;
	top:185px;
	left:0;
	bottom:0;
}
.try-us.fullscreen .follow .daily .blk {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:210px;
}
.try-us.fullscreen .follow .daily p {
	position:absolute;
	left:0;
	right:0;
	bottom:40px;
}
.try-us.fullscreen .follow .social {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
}
.try-us.fullscreen .follow .social.facebook {
	bottom:60px;
}
.try-us.fullscreen .follow .social.twitter {
	bottom:130px;
}

/* --------------------------------------------------------------
   #MAIN.404
-------------------------------------------------------------- */

.not-found .splash {
	height:400px;
	position:relative;
	color:#63cecb;
	background-color:#95ede8;
	border-radius:5px;
	margin-right:10px;
	overflow:hidden;
}
.not-found .splash .plane {
	display:block;
	width:1064px;
	height:595px;
	position:absolute;
	top:50%; left:0;
	margin-top:-297px;
	background-image:url(img/no-found-plane.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
.not-found .splash .content {
	width:400px;
	z-index:2;
	text-align:center;
	position:absolute;
	top:10%;
	right:25%;
	margin-right:-200px;
}
.not-found .splash .content h2 {
	color:#fff;
	font-size:3em;
	text-transform:uppercase;
	line-height:1;
	margin-bottom:0.5em;
}
.not-found .splash .content h2 span {
	display:block;
	font-size:1.3em;
	font-style:italic;
	font-weight:normal;
	text-transform:none;
	font-family:'Billabong','Times New Roman',serif;
}

/* FULLSCREEN
------------------------------- */

.fullscreen.not-found .splash {
	height:auto;
	position:absolute;
	top:0; left:0; right:0; bottom:0;
}