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

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: "untitled-font-1";
  src:url("../fonts/untitled-font-1.eot");
  src:url("../fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"),
    url("../fonts/untitled-font-1.woff") format("woff"),
    url("../fonts/untitled-font-1.ttf") format("truetype"),
    url("../fonts/untitled-font-1.svg#untitled-font-1") format("svg");
  font-weight: normal;
  font-style: normal;

}



[data-icon]:before {
  font-family: "untitled-font-1" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "untitled-font-1" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-left-open-big:before {
  content: "\61";
}
.icon-right-open-big:before {
  content: "\62";
}
.icon-up-open-big:before {
  content: "\63";
}
.icon-down-open-big:before {
  content: "\64";
}


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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 {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 10px; overflow-x: hidden; }
body{ position:initial;background:#000; color: #fff; font-family: 'ProximaNovaRegular', sans-serif; font-size:14px; width: 100%;height: 100%;overflow-x: hidden;}
*, *:before, *:after {-moz-box-sizing: border-box;box-sizing: border-box;}
h1 {margin-bottom: 30px;}
h1, h2, h3{
	color:#000;
	text-transform:uppercase; 
	font-size:38px; 
	font-size:3.8rem
	}
h2 {font-size: 26px; font-size: 2.6rem; font-weight:300; margin-bottom:10px}
h3 {font-size: 18px; font-size:1.8rem; margin-bottom: 5px;}
small {font-size: 12px;}

/*-------------------------- Links -----------------------------*/

header {
    position: absolute;
    background: rgba(0, 0, 0, 0.9);
    padding: 5vh 3vw;
    min-height: 200px;
    width: 100%;
    top: 10%;
    left: 0;
    z-index: 99999;
}

header .container{
	width: 70%;
	margin: 0 auto;
}

header img{
	width: 100%
}

a{	
color:#F93;
text-decoration: none;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease; 	
	}
a:hover{color: #999; text-decoration:underline}

.alpha-link{opacity: 1;}
.alpha-link:hover{opacity:0.5;}

*, *:before, *:after {-moz-box-sizing: border-box;box-sizing: border-box;}

.container{
	position:relative;
	width:1200px; 
	margin: 0 auto; 
	padding: 0 30px;
	}
	
.res .container{
	width:auto;
	max-width:1200px;
	}
		
.wrapper{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:30px;
}
.col1{width:6.25%}
.col2{width:12.5%}
.col3{width:18.75%}
.col4{width:25%}
.col5{width: 31.25%}
.col6{width: 37.5%}
.col7{width: 43.75%}
.col8{width: 50%}
.col9{width: 56.25%}
.col10{width: 62.5%}
.col11{width: 68.75%}
.col12{width: 75%}
.col13{width: 81.25%}
.col14{width: 87.5%}
.col15{width: 93.75%}
.col16{width:100%}

.TresCol{width:33%; float:left; padding:30px}

.mod{position:relative;width:100%;padding: 15px;margin: 20px 0; z-index:10; }

/* ------------------------ Prefix ------------------------------*/

.prefix15{margin-left:93.75%}
.prefix14{margin-left:87.5%}
.prefix13{margin-left:81.25%}
.prefix12{margin-left:75%}
.prefix11{margin-left:68.75%}
.prefix10{margin-left:62.5%}
.prefix9{margin-left:56.25%}
.prefix8{margin-left:50%}
.prefix7{margin-left:43.75%}
.prefix6{margin-left:37.5%}
.prefix5{margin-left:31.25%}
.prefix4{margin-left:25%}
.prefix3{margin-left:18.75%}
.prefix2{margin-left:12.5%}
.prefix1{margin-left:6.25%}
.halfprefix{margin-left:3%}

/* ------------------------ Suffix ------------------------------*/

.suffix15{margin-right:93.75%}
.suffix14{margin-right:87.5%}
.suffix13{margin-right:81.25%}
.suffix12{margin-right:75%}
.suffix11{margin-right:68.75%}
.suffix10{margin-right:62.5%}
.suffix9{margin-right:56.25%}
.suffix8{margin-right:50%}
.suffix7{margin-right:43.75%}
.suffix6{margin-right:37.5%}
.suffix5{margin-right:31.25%}
.suffix4{margin-right:25%}
.suffix3{margin-right:18.75%}
.suffix2{margin-right:12.5%}
.suffix1{margin-right:6.25%}
.halfsuffix{margin-right:3%}

/* ------------------------- Float ---------------------------- */

.rg{float: right}
.lf{float: left}
.iblock{display:inline-block}
.block{display:block}
.center-wrap{display:table}	
.center{display: table-cell; vertical-align:middle}
.clear{ clear: both !important}


/*-------------------------- parrafos --------------------------*/
p{
font-size:15px;
font-size:1.5rem; 
line-height:1.2em;
padding: 10px 0;
}
.upp{ text-transform:uppercase}
.white{color: #fff} 
.grey{color:#777} 
.black{color:#142B39}
.blue{color: #225D85}
.green{color: #56AE7C}
.red{color: #ED624F}
.xlight{font-weight: 300 !important;}
.cursiva{font-style:italic; font-weight: 300;}
.txt-center{text-align:center}
.txt-lf{text-align:left}
.txt-rg{text-align:right}

/*------------------------------ Backgrounds --------------------*/
.backwhite{background: #fff} 
.backshinegrey{background: #666}
.backlightgrey{background:#555} 
.backdarkgrey{background:#444} 
.backblack{background:#142B39}
.backblue{background: #225D85}
.backgreen{background: #56AE7C}
.backred{background: #ED624F}
/* ---------------------------- Img ----------------------------*/

.flex {width: 100%;height: auto;}

/*-------------------------- Tools -----------------------------*/


.hide{display: none; visibility: hidden;}
.show{display: block; visibility:visible}
.trans{-moz-transition: background-position 0.5s ease;-ms-transition: background-position 0.5s ease;-o-transition: background-position 0.5s ease;-webkit-transition: all 0.4s ease;}
.round{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px; behavior: url(../ie-css3.htc);}
.round50{border-radius: 50%;-webkit-border-radius:  50%;-moz-border-radius:  50%;-khtml-border-radius:  50%;behavior: url(../ie-css3.htc);}
.w100{width:100%}
.h100{height:100%}
.zoom{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	}

.zoom:hover{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	}
/*-------------------------- Separadores -----------------------------*/
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/*----------------------------- Buttons ------------------------------*/	
.btn{
	display:inline-block;
	padding: 10px 15px;
	background:#5400C8;
	color: #fff;
	border: 2px solid #5400C8;
	text-decoration:none;
	text-transform:uppercase;
	margin:0;
	font-size:16px;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease; 
	}
	
.btn:hover{background:rgba(0,0,0,0); color: #5400C8}
	
.big.btn{
	font-size: 24px;
	padding: 15px 30px;
	margin: 12px;
	font-weight: bold;
	}

big.btn:hover{
	background:rgba(0,0,0,0); color: #fff; border-color:#fff
	}

/*------------------------------ Hedaer --------------------------------*/

header, nav, nav ul, nav ul li a, #brand-wrapper{height: 74px}

#brand {
	position:relative;
	width:145px;
	margin-left: -30px;
	display:inline-block;
	overflow:hidden
	}
#brand span{position:absolute; left:-9999px}

/*------------------------------ Navs --------------------------------*/
nav.hide{display:block; visibility:visible}
nav ul {display:inline-block}
nav ul li{display:table-cell;}
nav ul li a{
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 23px 20px;
	margin: 0;
	display: block;
	background: #ccc;
	}
nav ul li a:hover{color: #dadada; background:#666}
i.icon-menu{display:none; visibility:hidden}

/*------------------------------- KillerBox --------------------------*/
.col6.backlightgrey.lf {
height: 300px;
display: table;
text-align: center;
}

.col6.backlightgrey.lf span {
display: table-cell;
vertical-align: middle;
font-size: 40px;
}

/*------------------------------ Main --------------------------------*/
main, aside, wrapper {padding: 30px;}
#killerBlock .wrapper .mod {margin-bottom: 0;}
#killerBlock .wrapper {padding-bottom: 0;}
main{padding-right:15px}
aside{padding-left:15px}

/*------------------------------ Footer --------------------------------*/

footer{
position: relative;
width: 100%;
min-height: 100vh;
clear: both;
	}
	
/*--------------------------------- GotuUp -----------------------------*/
  #gotoup {
   position: fixed;
   bottom: 0;
   display: none;
   width: 100%;
	z-index:99999;
  }
  #gotoup span {
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	width: 100%;
	text-decoration: none;
	text-align: center;
  }
  
  #gotoup span a{
	    display: table;
		text-align: center;
		font-size: 40px;
		opacity: 0.7;
		color: #fff;
		border-color: transparent;
		padding: 10px 20px;
			}
  
  #gotoup span a:before {
		display: table-cell;
		vertical-align: middle;
		font-family: "untitled-font-1" !important;
		content: "\63";
		color: #fff;
		font-style: normal !important;
		font-weight: normal !important;
		font-variant: normal !important;
		text-transform: none !important;
		speak: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
  
   #gotoup a:hover:before {color:#fff !important}
/*----------------------------------- OpenBox ------------------------------*/

.overlay {
position: fixed;
width: 100%;
height: 100%;
background: #000;
opacity: 0.8;
z-index: 8888;
}

.MasterBox{
	position:absolute;
	width:100%;
	height:100%;
	display:table;
	}
	
.boxContainer{
	display:table-cell;
	vertical-align:middle;
	height:50%;
	z-index:9999999;
	}

.box {
	position:relative;
	display:inline-block;
	width:100%;
	text-align:center;
	margin:0 auto;
	z-index:9999999;
}
.box p{color:#555}

.box .boxWrapper{
	position:relative; 
	width:50%; 
	padding:30px; 
	display:inline-block; 
	background: #fff;
	text-align: left;
	}
.close{
	position:absolute;
	font-size: 18px;
	width:30px;
	height:30px;
	top:0;
	right:-35px;
	cursor:pointer;
	}
	
a.smooth {
    position: absolute;
    bottom: 5%;
    left: 50%;
    border: 2px solid rgba(0, 0, 0,.9);
	background:rgba(0, 0, 0,.9);
	font-size: 18px;
	color: #fff;
    padding: 18px 30px 15px 30px;
	z-index: 999;
	text-decoration:none;
    text-transform: uppercase;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}



form{
	position: absolute;
    display: inline-block;
    width: 60%;
    text-align: center;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
         transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	}
	
form h2 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 1%;
}

form p {
   color: #fff;
   margin: 0 auto 4% auto;
   width: 80%;
}
	
form ul {
    display: inline-block;
    width: 60%;
}
	
	
input, textarea {
	width:100%;
	font-family: 'ProximaNovaRegular', sans-serif;
	font-size:16px;
    border: 2px solid  #fff;
    padding: 15px 25px;
    margin: 10px 0;
	outline:none;
}

::-webkit-input-placeholder { font-size:16px}
::-moz-placeholder {font-size:16px} 
:-ms-input-placeholder {
 font-size:16px} 

input#submit {
    background: #E20613;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border-color: #E20613;
}

.Overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);z-index:99999;}
.LayerWrapper{position:relative;width:100%;height:100%;}
.LayerWrapper *{color:#fff}
.Layer{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.Close{position:absolute;top:5%;right:5%;display:block;width:65px;height:65px;text-indent:-9999px;}
.Close:before, .Close:after{position:absolute;content:"";width:1px;height:60px;left:50%;top:0;background:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.Close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.Layer h1{font-size:28px;margin-bottom:0px;}
a.holeBtn{font-size:16px;background:transparent;border:2px solid #fff;padding:12px 20px;text-decoration:none !important;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
a.holeBtn:hover{background:#fff;color:#fff;}
.LayerWrapper p{margin-bottom:12%;}

/*------------------------------ Responsive --------------------------------*/

@media (max-width:1920px) {

	a.smooth {bottom: 9%;}

}

@media (max-width:1500px) {

	a.smooth {bottom: 5%;}
	
	#gotoup span a {padding: 0px 20px;}
	
	form p {margin: 0 auto 0 auto;}

}

@media (max-width:980px) {
	
.mobHide{display: none !important}
.mobShow{display:block !important}

html.res{font-size:12px}
header, nav, nav ul, nav ul li a, #brand-wrapper {height: 90px;}
.res .mod {background: rgba(204, 204, 204, 0) !important;}
.res #gotoup span, #gotoup span a  {width: 100%;}
.res #gotoup span a {height: 70px;}
.res footer {padding-bottom: 100px;}
.res .container{position:inherit}
.res #brand {margin-left: 0; width: 180px;}
.res .col1, .res .col2,.col3, .res .col4, .res .col5, .res .col6, .res .col7, .res .col8, .res .col9, .res .col10, .res .col11, .res .col12, .res .col13, .res .col14, .res .col15, .res .col16, .res .TresCol{width:100%; display:block}

form {
    position: relative;
	display: block;
    width: 90%;
    text-align: center;
    top: initial;
    left: initial;
    margin: 0 auto;
    -moz-transform: translate(0,0%);
     -ms-transform: translate(0,0%);
         transform: translate(0,0%);
    -webkit-transform: translate(0,0);
}

form ul {
    display: inline-block;
    width: 100%;
}

form p {
    margin: 0 auto 4% auto;
    width: 80%;
    font-size: 1.2rem;
}

form h2 {margin-top: 10%;}

}


@media (max-width:720px) {
	html.res{font-size:15px}
	.res #brand {width: 150px;}
	.res header, .res nav, .res nav ul, .res #brand-wrapper {height: 77px;}
	.res i.icon-menu {top: 10px; font-size: 50px;}

		header {
			position: relative;
		    min-height: initial;
		    top:0;
		}
	}

@media (max-width:640px) {}

@media (max-width:600px) {}

@media (max-width:480px) {
.res header, .res nav, .res nav ul, .res #brand-wrapper {height: 90px;}
.res #brand {
	position: absolute;
	top: 13px;
	width: 120px;
	}
	
.res i.icon-menu {
top: 20px;
right: 25px;
font-size:45px;
	}
.res main, .res aside, .res wrapper, .res main, .res aside, .res .mod {padding: 0;}
.res article.mod {
margin-bottom: 50px;
padding-bottom:50px;
border-bottom: 1px solid;
}
.res nav ul li a {padding: 8%;}

}

@media (max-width:320px) {}

/* ------------------------------- Animation -------------------------------*/

/*==============================================MenuDown Animation==============================================*/

.MenuDown{
	-moz-animation-name: MenuDown;
	     animation-name: MenuDown;
	-webkit-animation-name: MenuDown;	
	-moz-animation-duration:  0.5s;	
	     animation-duration:  0.5s;	
	-webkit-animation-duration:  0.5s;
	-moz-animation-timing-function: ease;
	     animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	visibility: visible !important;						
}

@-moz-keyframes MenuDown {
	0% { -moz-transform: translateY(-100%); transform: translateY(-100%); }		
	100% { -moz-transform: translateY(0%); transform: translateY(0%); }		
}

@keyframes MenuDown {
	0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); }		
	100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); }		
}

@-webkit-keyframes MenuDown {
	0% { -webkit-transform: translateY(-100%);}			
	100% {-webkit-transform: translateY(0%);}	
}

/*==============================================bigEntrance==============================================*/


.bigEntrance{
	-moz-animation-name: bigEntrance;
	     animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;	
	-moz-animation-duration: 0.5s;	
	     animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;	
	-moz-animation-timing-function: ease-in-out;	
	     animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;	
	visibility: visible !important;			
}

@-moz-keyframes bigEntrance {
	0% {
		-moz-transform: scale(0) ;
		     transform: scale(0) ;
	}
	
	60% {
		-moz-transform: scale(1.2) ;
		     transform: scale(1.2) ;		
	}	

	100% {
		-moz-transform: scale(1) ;
		     transform: scale(1) ;
	}		
}

@keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0) ;
		   -moz-transform: scale(0) ;
		        transform: scale(0) ;
	}
	
	60% {
		-webkit-transform: scale(1.2) ;
		   -moz-transform: scale(1.2) ;
		        transform: scale(1.2) ;		
	}	

	100% {
		-webkit-transform: scale(1) ;
		   -moz-transform: scale(1) ;
		        transform: scale(1) ;
	}		
}

@-webkit-keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0) ;
	}
	
	60% {
		-webkit-transform: scale(1.2) ;		
	}	

		
	100% {
		-webkit-transform: scale(1) ;
	}				
}

/*==============================================alphaOn==============================================*/

.alphaOn{
	-moz-animation-name: alphaOn;
	     animation-name: alphaOn;
	-webkit-animation-name: alphaOn;	

	-moz-animation-duration: 0.5s;	

	     animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;

	-moz-animation-timing-function: ease-in-out;

	     animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@-moz-keyframes alphaOn {
	0% {
	
	     filter: alpha(opacity=0); 
	     -khtml-opacity: 0;     
	     -moz-opacity: 0;      
	     opacity: 0;           
           -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	}
	
	100% {
		filter: alpha(opacity=80); 
	     -khtml-opacity: 0.8;      
	     -moz-opacity: 0.8;       
	     opacity: 0.8;           
           -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	}		
}

@keyframes alphaOn {
	0% {
	
	     filter: alpha(opacity=0); 
	     -khtml-opacity: 0;     
	     -moz-opacity: 0;      
	     opacity: 0;           
           -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	}
	
	100% {
		filter: alpha(opacity=80); 
	     -khtml-opacity: 0.8;      
	     -moz-opacity: 0.8;       
	     opacity: 0.8;           
           -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	}		
}

@-webkit-keyframes alphaOn {
	0% {
		 filter: alpha(opacity=0); 
	     -khtml-opacity: 0;     
	     -moz-opacity: 0;      
	     opacity: 0;           
           -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		
	100% {
		filter: alpha(opacity=80); 
	     -khtml-opacity: 0.8;      
	     -moz-opacity: 0.8;       
	     opacity: 0.8;           
           -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	}		
}

}