/* Camilo Cifuentes */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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}

body {background-color:#f2f2f2; font-family: 'Open Sans', sans-serif; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
body, html, .one-page{position:static; width:100%; height:100%; display:block; padding:0;}
a{text-decoration:none; color:#fff;} a:hover, li.active a{color:#00C0FF; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.top {}
header {width:100%; background-color: #000000; border-bottom: 8px solid #00C0FF; border-top:2px solid #333; position:fixed; top:0; left:0; z-index:99;}
.head-l, .head-r, .head-c, .services, .links {width:1280px; min-height:70px; margin:0 auto;}
.head-l{background:transparent url(../images/head-l.png) no-repeat left 0 scroll; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.head-r{background:transparent url(../images/head-r.png) no-repeat right 0 scroll; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.head-c{background:transparent url(../images/head-c.png) no-repeat center bottom scroll;}
.menu-lang{width:50px; margin:0 auto; position:relative;}
.menu-lang ul{float:left; margin:0; padding:0;}
.menu-lang ul li{padding:0 5px; display:inline-block; line-height:12px; float:left;}
.menu-lang ul li.fisrt{border-right:1px solid #666666;}
.menu-lang ul li a{font-size:12px; text-decoration:none;}
.menu{float:right;}
.menu ul {margin:0; padding:22px 60px 0 0; float:right;} nav.menu ul li {float:left; margin:10px;}
.menu ul li a{font-size:16px; text-decoration:none; cursor:pointer; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.menu ul li a:hover{-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.top-content, .mid-scontent, .bot-scontent{width:100%; height:auto; margin:20px auto 5px; overflow:hidden;}
.banner{width:521px; height:521px; position:relative; margin:0; padding:0; left:15%; top:10%; overflow:hidden; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.slides{overflow:hidden;}
.slides img{width:100%;}
.mid-scontent{margin:30px 0;}
.bot-scontent{margin:0 auto;}
.services{height:auto;}
.service{width:400px; float:left;}
.service > a {width:100%; height: auto; cursor:pointer; float:left; perspective:1000px;}
.service img{width:100%; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.service img:hover{transform: rotateX(50deg); -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.service-1{margin:0 20px 0 0;} .service-2{margin:0 20px 0;} .service-3{margin:0 0 0 20px;}
.mylinks{width:561px; margin:0 auto;}
.link{width:18%; height:auto; min-height:114px; text-align:center; float:left; margin:0 1%;}
.link a{width:32px; height:32px; display:block; overflow:hidden; background:#fff url(../images/social-icons.png) no-repeat 0 0 scroll; text-indent:-10000px; margin:0 auto;}
.face a{background-position:0 0;}
.twit a{background-position:-32px 0;}
.yout a{background-position:0 -32px;}
.goog a{background-position:-32px -32px;}
footer{width:100%; min-height:70px; background-color:#333; float:left;}
.logo a{position:absolute; min-width:480px; text-indent:-10000px; min-height:70px;}

.my-pages {width:100%; float:left;}
.home-page	{background:radial-gradient(#FFFFFF, #E3E3E3) repeat scroll 0 0 #FFFFFF;}
.design-page{background:radial-gradient(#CCFF00, #A1BB41) repeat scroll 0 0 #A1BB41;}
.web-page	{background:radial-gradient(#00F6FF, #00C0FF) repeat scroll 0 0 #00C0FF;}
.media-page	{background:radial-gradient(#77001B, #000000) repeat scroll 0 0 #000000;}
.cont-page	{background:radial-gradient(#FFBB00, #FFA400) repeat scroll 0 0 #FFA400;}

/*.full-page{margin:90px 0 0; position:relative;} Orange #EA9502 Pink #da086b*/

.fixed {width:100%;position: fixed; top: 0; left: 0;}
.myhead a{color:#fff;}
.viewing-page-2 .myhead{border-bottom:8px solid #8CA533 !important;}
.viewing-page-3 .myhead{border-bottom:8px solid #06A9DB !important;}
.viewing-page-4 .myhead{border-bottom:8px solid #FF0043 !important;}
.viewing-page-5 .myhead{border-bottom:8px solid #EA9502 !important;}
.viewing-page-2 a:hover, .viewing-page-2 li.list-1 a, .viewing-page-2 li.active a {color:#9FBA42;}
.viewing-page-3 a:hover, .viewing-page-3 li.list-2 a, .viewing-page-3 li.active a {color:#00CDFF;} 
.viewing-page-4 a:hover, .viewing-page-4 li.list-3 a, .viewing-page-4 li.active a {color:#FFA500;} 
.viewing-page-5 a:hover, .viewing-page-5 li.list-4 a, .viewing-page-5 li.active a {color:#ff0078;} 

.viewing-page-2 .head-r{background-position:right -70px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.viewing-page-2 .head-l{background-position:left -70px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.viewing-page-3 .head-r{background-position:right -140px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.viewing-page-3 .head-l{background-position:left -140px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.viewing-page-4 .head-r{background-position:right -210px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.viewing-page-4 .head-l{background-position:left -210px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.viewing-page-5 .head-r{background-position:right -280px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.viewing-page-5 .head-l{background-position:left -280px; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}

.reel {width:80%; margin:0 auto; position:relative;}
.reel-cont > img{width:90%;}

.form {margin:0 auto; position:relative;}
.form > form{max-width:100%;}

.footer{}

/** Nivo Slider v3.2 **/
 .slider-wrapper{position:relative;}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	/* width:100%;*/width:300%;
	height:auto;
	overflow: hidden;
	left:-50%
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	right:0px;
	bottom:30%;
	background:transparent;
	color:#fff;
	width:50%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	/*top:45%;*/
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px; top:0;
}
.nivo-nextNav {
	right:0px; bottom:0;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {text-align:center; position:absolute; left:50.5%; bottom:1.5%; z-index:9;}
.nivo-controlNav a {
	cursor:pointer;
	margin:0 5px;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* Dropdown Menu */

.nolink {
    color: #FFFFFF;
    float: left;
}

ul.topnav {
	list-style: none;
}
ul.topnav li {
	float: left;
	margin: 0;	
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	float: left;
}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn.png) no-repeat center bottom;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px; cursor:pointer;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center; 
}


@media only screen and (min-width: 990px) and (max-width: 1280px) {
.head-l, .head-r, .head-c,.services, .links {width:960px;}
.service{width:300px}
.service-1{margin:0 10px 0 0;} .service-2{margin:0 20px 0;} .service-3{margin:0 0 0 10px;}
.menu ul li a{font-size:14px;} .menu-lang ul li a{font-size:11px;}

.banner {top:10% !important; left:5% !important;}
.mask{width:521px !important; height:521px !important; background-image:url(../images/mask.png) !important;}
.intro{top:25% !important; left:57% !important; width:40% !important;}
.home-messaje{font-size:300% !important;}
.scroll-icon{width:150px !important; height:150px !important;}
.con-sldr{width:33.33% !important;}
.reel{width:80%; top:8%;}
.reel-cont{width:80%;}
.reel .tt-section {font-size: 200% !important;}
.cloud-portfolio {padding:1.8% 4% !important; position:relative; top:13.5%;}
.form {top:10%; width:80%;}
input, textarea{font-size:120%;}
.alien{width:40% !important;}
.alien-slider {width:60% !important;}
.alien-inside {min-height:260px !important; width:93% !important;}
}

/*ipad Portrait*/
@media only screen and (min-width: 768px) and (max-width: 989px) {
.head-l, .head-r, .head-c,.services, .links {width:720px;}
.banner{width:400px; height:400px; top:5% !important; left:23% !important;}
.mask{width:400px !important; height:400px !important; background-image:url(../images/mask-400.png) !important;}
.intro{top:45% !important; left:24% !important;}
.home-messaje{font-size:400% !important;}
.scroll-icon{width:160px !important; height:160px !important;}
.con-sldr{width:50% !important;}
.reel{width:80%; top:18%;}
.reel-cont{width:80%;}
.cloud-portfolio {padding:1.8% 4% !important; position:relative; top:4.5%;}
.form {top:20%; width:80%;}
.service{width:220px}
.service-1{margin:0 10px 0 0;} .service-2{margin:0 20px 0;} .service-3{margin:0 0 0 10px;}
.menu ul li a{font-size:14px;} .menu-lang ul li a{font-size:11px;}
nav.menu ul li{margin:0 10px;}
.alien{width:40% !important;}
.alien-slider {width:60% !important;}
.alien-inside {min-height:260px !important; width:93% !important;}
}
}

/*Kindle 600 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.head-l{background:transparent url(../images/head-l-sm.png) no-repeat left center scroll;}
.head-l, .head-r, .head-c,.banner,.services, .links {width:430px;}
.services{min-height:50px !important;}
.service{width:133px}
.service-1{margin:0 5px 0 0;} .service-2{margin:0 5px 0;} .service-3{margin:0 0 0 5px;}
.banner{height:auto;}
.menu ul li{margin:0 10px;} .menu ul li a{font-size:14px;} .menu-lang ul li a{font-size:11px;}
.link{min-height:80px;} .mylinks{width:430px; margin:0 auto;} .myhe.link > img{width:100%;}
.head-l{background-position:left 0;} .head-r{background-position:right 0;}
.head-l, .head-r, .head-c, .banner, .services, .links{min-height:100px; position:relative;}
.menu{position:absolute; right:10px; bottom:0;}
.mid-scontent{margin:20px 0;}
.con-sldr{width:50% !important;}
}

/*iPhone */
@media only screen and (min-width: 1px) and (max-width: 479px) {
header{display:none;}
.head-l{background:transparent url(../images/head-l-sm.png) no-repeat left center scroll;}
.head-l, .head-r, .head-c{width:100%;}
.services, .links{width:320px;}
.services{min-height:50px !important;}
.service{width:320px}
.service-1{margin:10px 5px 10px 0;} .service-2{margin:10px 5px;} .service-3{margin:10px 0 10px 5px;}
.menu ul{padding:0;}
.menu ul li{margin:9px !important;} .menu ul li a{font-size:14px;} .menu-lang ul li a{font-size:11px;}
.link{min-height:80px;} .mylinks{width:300px; margin:0 auto;} .myhe.link > img{width:100%;}
.head-l{background-position:left 0;} .head-r{background-position:right 0;}
.head-l, .head-r, .head-c, .banner, .services, .links{min-height:100px; position:relative;}
.menu{position:absolute; right:10px; bottom:0;}
.mid-scontent{margin:20px 0;}

.banner {width:280px; height:280px; left:5%; top:5%; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.mask{width:280px !important; height:280px !important; background-image:url(../images/mask-280.png) !important; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.intro{top:52% !important; left:25% !important; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.home-messaje{font-size:150% !important; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.scroll-icon{width:80px !important; height:80px !important; background:url(../images/scroll-sm.png) no-repeat scroll 50% -633px rgba(0, 0, 0, 0);transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.con-sldr{width:100% !important;transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.reel{width:80%; top:20%;transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.reel-cont{width:80%;transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.reel .tt-section {font-size: 200% !important;transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.cloud-portfolio {padding:1.8% 4% !important; position:relative; top:4.5%;transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.form {top:20%; width:80%;transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.one-page{overflow-x:hidden;transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
input, textarea{font-size:140% !important;transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.alien{width:100% !important;}
.alien-slider {width:100% !important;}
.alien-inside {min-height:160px !important; width:93% !important;}

}

html {
height: 100%;
}
body {
background: #E2E4E7;
padding: 0;
text-align: center;
font-family: 'open sans';
position: relative;
margin: 0;
height: 100%;
-webkit-font-smoothing: antialiased;
}
.wrapper {
height: 100% !important;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
a {
text-decoration: none;
}
h1, h2 {
width: 100%;
float: left;
}
h1 {
margin-top: 100px;
color: #000;
margin-bottom: 5px;
font-size: 70px;
letter-spacing: -4px;
font-weight: 100;
}
h1 span {
font-size: 26px;
margin: 0 5px;
text-transform: capitalize;
background: rgba(0,0,0,0.85);
display: inline-block;
color: #6D461D;
border-radius: 5px 5px;
-webkit-border-radius: 5px 5px;
-moz-border-radius: 5px 5px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75);
padding: 3px 10px;
}
h2 {
color: #6D461D;
font-weight: 100;
margin-top: 0;
margin-bottom: 10px;
}
.pointer {
color: #9b59b6;
font-family: 'Pacifico', cursive;
font-size: 30px;
margin-top: 15px;
}
code {
margin: 20px 1%;
float: left;
width: 48%;
height: 105px;
background: rgba(0,0,0,0.1);
border: rgba(0,0,0,0.05) 5px solid;
border-radius: 5px;
padding:5px;
color: white;
text-align: center;
font-size: 15px;
margin-top: 25px;
display: block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
code.html {
color: #7EC9E6;
}
code.js {
color: #FFAD00;
}
.main {
float: left;
width: 100%;
margin: 0 auto;
}
.main h1 {
padding:150px 50px;
float: left;
width: 100%;
font-size: 45px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-weight: 100;
color: white;
margin: 0;
}
.main h1.demo1 {
background: #1ABC9C;
}
.reload.bell {
font-size: 12px;
padding: 20px;
width: 45px;
text-align: center;
height: 47px;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}
.reload.bell #notification {
font-size: 25px;
line-height: 140%;
}
.reload, .btn{
display: inline-block;
border: 4px solid #A2261E;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #CC3126;
display: inline-block;
line-height: 100%;
padding: 0.7em;
text-decoration: none;
color: #fff;
width: 100px;
line-height: 140%;
font-size: 17px;
font-family: 'Open Sans';
font-weight: bold;
}
.reload:hover{
background: #444;
}
.btn {
width: 200px;
color: rgb(255, 255, 255);
border: 4px solid rgb(0, 0, 0);
background: rgba(3, 3, 3, 0.75);
}
.clear {
width: auto;
}
.btn:hover, .btn:hover {
background: #444;
}
.btns {
width: 410px;
margin: 50px auto;
}
.credit {
text-align: center;
color: rgba(0,0,0,0.5);
padding: 10px;
width: 410px;
clear: both;
}
.credit a {
color: rgba(0,0,0,0.85);
text-decoration: none;
font-weight: bold;
text-align: center;
}
.back {
position: absolute;
top: 0;
left: 0;
text-align: center;
display: block;
padding: 7px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: rgba(255, 255, 255, 0.25);
font-weight: bold;
font-size: 13px;
color: #000;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.back:hover {
color: black;
background: rgba(255, 255, 255, 0.5);
}
header {
position: relative;
z-index: 10;
}
.main section .page_container {
position: relative;
top: 25%;
margin: 0 auto 0;
max-width: 950px;
z-index: 3;
}
.main section {
overflow: hidden;
}
.main section > img {
position: absolute;
max-width: 100%;
z-index: 1;
}
.main section.page1 {
background:rgb(230, 217, 200);
}
.main section.page1 h1 {
text-align: left;
padding: 0;
margin-bottom: 15px;
font-size: 70px;
color: black;
}
.main section.page1 h2 {
color: rgba(0,0,0,0.85);
text-align: center;
width: 435px;
line-height: 160%;
}
.main section .page_container .btns {
clear: both;
float: left;
text-align: center;
width: 435px;
}
.main section .page_container .btns a{
text-align: center;
}
.main section.page2 {
background: #555557 url(back-phone.png) no-repeat center -150px ;
}
.main section.page2 > img {
position: absolute;
top: -300px;
left: 50%;
margin-left: -1095px;
}
.main section.page2 .page_container {
margin-top: 240px;
overflow: hidden;
}
.main section.page2 h1 {
text-align: center;
padding: 0;
margin-bottom: 15px;
font-size: 50px;
letter-spacing: -1px;
color: white;
}
.main section.page2 h2 {
color: rgba(255,255,255,0.85);
text-align: center;
line-height: 160%;
font-weight: 100;
}
.viewing-page-2 .back{
background: rgba(0, 0, 0, 0.25);
color: #FFF;
}
.main section.page3 {
background:url(tilted-phone.png) no-repeat 156px -150px ;
}
.main section.page3 .page_container {
overflow: hidden;
width: 500px;
right: -285px;
}
.main section.page3 h1 {
text-align: left;
padding: 0;
margin-bottom: 0;
font-size: 70px;
letter-spacing: -1px;
color: black;
}
.main section.page3 h2 {
color: rgba(0,0,0,0.85);
text-align: left;
line-height: 160%;
font-weight: 100;
font-size: 21px;
}
body.disabled-onepage-scroll .onepage-wrapper section {
min-height: 100%;
height: auto;
}
body.disabled-onepage-scroll .main section .page_container, body.disabled-onepage-scroll .main section.page3 .page_container {
padding: 20px;
margin-top: 150px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body.disabled-onepage-scroll section .page_container h1{
text-align: center;
font-size: 50px;
}
body.disabled-onepage-scroll section .page_container h2, body.disabled-onepage-scroll section .page_container .credit, body.disabled-onepage-scroll section .page_container .btns{
text-align: center;
width: 100%;
}
body.disabled-onepage-scroll .main section.page1 > img {
position: absolute;
width: 80%;
left: 10%;
}
body.disabled-onepage-scroll .main section > img {
position: relative;
max-width: 80%;
bottom: 0;
}
body.disabled-onepage-scroll code {
width: 95%;
margin: 0 auto 25px;
float: none;
overflow: hidden;
}
body.disabled-onepage-scroll .main section.page3 .page_container {
width: 90%;
margin-left: auto;
margin-right: auto;
right: 0;
}










body, html {
  margin: 0;
  overflow: hidden;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  transition: opacity 400ms;
}

body, .onepage-wrapper, html {
  display: block;
  position: static;
  padding: 0;
  width: 100%;
  height: 100%;
}

.onepage-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding: 0;
  -webkit-transform-style: preserve-3d;
}

.onepage-wrapper .ops-section {
  width: 100%;
  height: 100%;
  position: relative;
}

.onepage-pagination {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.onepage-pagination li {
  padding: 0;
  text-align: center;
}
.onepage-pagination li a{
  padding: 10px;
  width: 4px;
  height: 4px;
  display: block;
  
}
.onepage-pagination li a:before{
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(0,0,0,0.85);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.onepage-pagination li a.active:before{
  width: 10px;
  height: 10px;
  background: none;
  border: 1px solid black;
  margin-top: -4px;
  left: 8px;
}

.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
  overflow: auto;
}

.disabled-onepage-scroll .onepage-wrapper .ops-section {
  position: relative !important;
  top: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  transform: none !important;
  -ms-transform: none !important;
  min-height: 100%;
}


.disabled-onepage-scroll .onepage-pagination {
  display: none;
}

body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
  position: inherit;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/page-loader.gif) 50% 50% no-repeat #fff;
}

.page-inside{padding:1.8% 2%;}
.tt-section{width:100%; font-size:250%; font-weight:300; color:#fff; margin:0 0 15px; text-align:right;}

.con-sldr {width: 33.33%; float: left; position:relative;}
.con-sldr .img-sldr {width: 100%; float:left;}
.con-sldr .txt-sldr {width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.con-sldr .txt-sldr:hover{opacity:1; background:rgba(0,0,0,0.5) url(../images/pixelone.png) repeat 0 0 scroll; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s;}
.con-sldr .txt-sldr .inside {}

.drag-tx {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    line-height: 25px;
    position: absolute;
    width: 100%;
}

/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%; height:auto !important;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;}
.swiper-slide {float: left;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
/* Custom */
.swiper-container {width:100%; height:70%; color:#fff; text-align: center; box-shadow:0 0 20px 0 rgba(0,0,0,0.5)}
.swiper-nested {width:100%;}
.red-slide {background:#ca4040;} .blue-slide{background:#4390ee;} .orange-slide {background:#ff8604;} .green-slide {background: #49a430;} .pink-slide {background: #973e76;}
.swiper-slide {font-style: italic;f ont-size: 42px; margin-bottom: 0; line-height: 250px; height:auto !important; padding:25px 0 0; cursor:pointer;}
.swiper-nested .swiper-slide {
  line-height: 125px;
  font-size: 21px
}
.pagination {
  position: absolute;
  z-index: 100;
  left: 10px;
  bottom: 10px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color:  #000;
  margin-right: 5px;
  opacity: 0.8;
  border: 3px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {background: #aaa;}
.swiper-active-switch {background-color: #00C0FF;}
.pagination-nested{bottom: auto; top:10px;}
.pagination-nested .swiper-pagination-switch {display: block; margin-right:0; margin-bottom:5px;}

/* Shadowbox */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/shadow/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/shadow/close.png);}
#sb-nav-next{background-image:url(../images/shadow/next.png);}
#sb-nav-previous{background-image:url(../images/shadow/previous.png);}
#sb-nav-play{background-image:url(../images/shadow/play.png);}
#sb-nav-pause{background-image:url(../images/shadow/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


label {
    display:block;
    margin-top:20px;
    letter-spacing:1px;
}
.formulario {
    display:block;
    margin:0 auto;
    width:510px;
    color: #666666;
    font-family:Arial;
}

form {
    margin: 0 auto;
    max-width: 60%;
    min-width: 40%;
}
 

input, textarea {
    background: none repeat scroll 0 0 #D38600;
    border: medium none;
    border-radius: 10px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), 0 2px 4px rgba(0, 0, 0, 0.2) inset, 0 0 12px rgba(255, 255, 255, 0.1);
    color: #FFEABC;
    font-family: 'Open Sans';
    font-size: 36px;
    line-height: 36px;
    margin: 1% 0;
    padding: 1%;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
    width: 98%;
}
 
textarea {min-height:150px;}
 
#submit {width:auto; height:auto; border:none; margin-top:20px;cursor:pointer;}

.mask{width:521px; height:521px; position:absolute; top:0; left:0; background:transparent url(../images/mask.png) no-repeat 0 0 scroll; z-index:9;}
.intro {width:50%; position:absolute; top:20%; left:40%; webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.home-messaje {color:#424F5F; font-size:500%; font-weight:300;}
.scroll-icon {width:200px; height:200px; position:relative; margin:10% auto; background:url(../images/scroll.png) no-repeat scroll 50% -633px rgba(0, 0, 0, 0); webkit-transition:all 3s ease 0.2s; transition:all 3s ease 0.2s;}
.scroll-icon-hvr {cursor:crosshair; background-position:50% 0;  webkit-transition:all 3s ease 0.2s; transition:all 3s ease 0.2s; }

.ic-corner {width:10%; height:10%; position:absolute; webkit-transition:all 0.5s ease 0.2s; transition:all 0.5s ease 0.2s;}
.ic-conter-lt {border-left:  5px solid #424F5F; border-top: 5px solid #424F5F; webkit-transition:all 0.5s ease 0.2s; transition:all 0.5s ease 0.2s;}
.ic-conter-rt {border-right: 5px solid #424F5F; border-top: 5px solid #424F5F; webkit-transition:all 0.5s ease 0.2s; transition:all 0.5s ease 0.2s;}
.ic-conter-lb {border-left:  5px solid #424F5F; border-bottom: 5px solid #424F5F; webkit-transition:all 0.5s ease 0.2s; transition:all 0.5s ease 0.2s;}
.ic-conter-rb {border-right: 5px solid #424F5F; border-bottom: 5px solid #424F5F; webkit-transition:all 0.5s ease 0.2s; transition:all 0.5s ease 0.2s;}

.int-intro .ic-corner {opacity:0;}
.int-intro .ic-conter-lt {top:50px; left:50px;}
.int-intro .ic-conter-rt {top:50px; right:50px;}
.int-intro .ic-conter-lb {bottom:50px; left:50px;}
.int-intro .ic-conter-rb {bottom:50px; right:50px;}

.int-start .ic-corner {opacity:1;}
.int-start .ic-conter-lt {top:0; left:0;}
.int-start .ic-conter-rt {top:0; right:0;}
.int-start .ic-conter-lb {bottom:0; left:0;}
.int-start .ic-conter-rb {bottom:0; right:0;}

.bnr-intro{opacity:0; left:0 !important;}
.bnr-start{opacity:1;}
.int-intro{opacity:0; top:0 !important;}
.int-start{opacity:1;}

.design-action{}
.alien {width: 50%; float:left;}
.alien > img {width:100%;}
.alien-slider {width:50%; float:left; position:relative;}
.alien-inside {
    background: none repeat scroll 0 0 #000000;
    border: 10px solid #333333;
    display: block;
    min-height: 500px;
    position: absolute;
    width: 95%;
}


.titulo {
    font-size: 300%;
    position: relative;
    top: 38%;
    width: 100%;
}


.copy{
    position: absolute;
    bottom: 10%;
    width: 100%;
}
.g-recaptcha > div {display: block; margin: 0 auto; position: relative; text-align: center;}