/***************************************************/
/********************** GERAL **********************/
/***************************************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Poiret+One');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');

@font-face { font-family: 'fontello'; src: local(fontello), url('../fonts/fontello/font/fontello.woff') format('woff'); }

body											{ margin:0; color:#000; height: 100%; background:#fff; font-weight: 300; }
html											{ height: 100%; }

*												{ outline:none; -webkit-font-smoothing: antialiased; font-size: 16px; letter-spacing: 2px; font-family: 'Open Sans'; }
img												{ border:0px; }
form											{ margin:0px; padding:0px; }

.l												{ float:left; }
.r												{ float:right; }
.b,b,strong										{ font-weight: 600; }
.hide											{ display:none; }
.clear											{ clear:both; }
.clear.spacer									{ height: 60px; }
.clear.minSpacer								{ height: 30px; }
.color											{ color:#00afef; }
.warningBox										{ padding: 50px; background: #f1f1f1; text-align: center; text-transform: uppercase; letter-spacing: 2px; }
.forceSquare									{ width: 100%; height: auto; }
.marginSide										{ padding: 0 20px; }
.submitmyform									{ cursor: pointer; }
.pointer										{ cursor: pointer; }


.fifth											{ position: relative; width: 20%; }
.quarter										{ position: relative; width: 25%; }
.thirth											{ position: relative; width: 33%; }
.thirth.middle									{ position: relative; width: 33%; margin: 0 0.5%; }
.twothirth										{ position: relative; width: 67%; }
.half											{ position: relative; width: 50%; }
.threequarter									{ position: relative; width: 75%; }
.full											{ position: relative; width: 100%; }


a:link											{ text-decoration: none; color:#000; transition: color 0.2s; }
a:visited										{ text-decoration: none; color:#000; transition: color 0.2s; }
a:hover											{ text-decoration: none; color:#124668; transition: color 0.2s; }
a:active										{ text-decoration: none; color:#124668; transition: color 0.2s; }

.groupinput .innerpadding .input									{ background: none; border: 0; outline: none; resize: none; padding: 0; margin: 0; width: 100%; background: none; }
.groupinput .innerpadding .input:focus								{  }
.groupinput .innerpadding .input::-webkit-input-placeholder			{ color:#999; }
.groupinput .innerpadding .input:focus::-webkit-input-placeholder	{ color:#b7b7b7; }
.groupinput .innerpadding .select									{ background: url('../img/bg-select-arrow.png') no-repeat right 5px center; border: none; line-height: 1; -webkit-appearance: none; cursor: pointer; border-radius: 0; font-size: 12px; padding: 3px 0 2px 0; }


.button,a.button								{ background: #124668; border: 1px solid #fff; color: #fff; margin: 0; padding: 0; transition:border 0.2s; border-radius: 20px; }
.button .innerpadding,a.button .innerpadding	{ padding: 7px 15px; font-weight: 600; }
.button:hover,a.button:hover					{ border-color: #124668; cursor: pointer; transition:border 0.2s; }


/***************************************************/
/********************** ANIMATIONS *****************/
/***************************************************/

.animateTop										{ -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); opacity: 0; }
.animateTop.animateMe							{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; transition: all 0.5s; }
.animateLeft									{ -webkit-transform:translateX(-30px); -ms-transform:translateX(-30px); transform:translateX(-30px); opacity: 0; }
.animateLeft.animateMe							{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; transition: all 0.5s; }
.animateBottom									{ -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); opacity: 0; }
.animateBottom.animateMe						{ -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity: 1; transition: all 0.5s; }
.animateRight									{ -webkit-transform:translateX(50px); -ms-transform:translateX(50px); transform:translateX(50px); opacity: 0; }
.animateRight.animateMe							{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1; transition: all 0.5s; }
.animatePaddTop									{ padding-top: 30px; opacity: 0; }
.animatePaddTop.animateMe						{ padding-top: 0; opacity: 1; transition: all 0.3s; }
.animateFade									{ opacity: 0; }
.animateFade.animateMe							{ opacity: 1; transition: all 1s; }


/***************************************************/
/********************** MENUS **********************/
/***************************************************/

.menu .mainmenu									{ position: relative; width: 100%; overflow: hidden; z-index: 0; transition: width 0.2s linear 1s; }
.menu .mainmenu>.link							{ position: relative; float: left; transition: all 1s; }
.menu .mainmenu>.link .innerpadding				{ color: #231F20; text-align: center; font-size: 14px; padding-top: 0; padding-bottom: 0; line-height: 70px; transition: background 0.2s,color 0.2s; }
.menu .mainmenu>.link.current .innerpadding		{ line-height: 64px; border-top: 3px solid transparent; border-bottom: 3px solid #124668; }
.menu .mainmenu>.link .innerpadding:hover		{ color: #fff; background: #124668; transition: background 0.2s,color 0.2s; }


/*
.openMenu										{ position:relative; float:right; width:33px; height:33px; cursor:pointer; }
.openMenu .path									{ position:absolute; left:4px; right:4px; height:3px; background:#fff; }
.openMenu .path:nth-of-type(1)					{ top:8px; transition-property: all,top; transition-duration: 0.2s,0.2s; transition-delay: 0s,0.2s; }
.openMenu .path:nth-of-type(2)					{ top:15px; opacity:1; transition-property: opacity; transition-duration: 0s; transition-delay: 0.2s; }
.openMenu .path:nth-of-type(3)					{ bottom:8px; transition-property: all,bottom; transition-duration: 0.2s,0.2s; transition-delay: 0s,0.2s; }
.openMenu.open .path:nth-of-type(1)				{ transform: rotate(45deg); -webkit-transform: rotate(45deg); top:15px; transition-property: all,top; transition-duration: 0.2s,0.2s; transition-delay: 0.2s,0s; }
.openMenu.open .path:nth-of-type(2)				{ opacity:0; transition-property: opacity; transition-duration: 0s; transition-delay: 0.2s; }
.openMenu.open .path:nth-of-type(3)				{ transform: rotate(4-5deg); -webkit-transform: rotate(-45deg); bottom:15px; transition-property: all,bottom; transition-duration: 0.2s,0.2s; transition-delay: 0.2s,0s; }
*/


/***************************************************/
/********************* CONTENT *********************/
/***************************************************/

.aligncenter									{ position: relative; width: 100%; max-width: 1280px; margin: 0 auto; }
.innerpadding									{ padding: 20px; }
.innerpadding.removesides						{ padding-left: 0; padding-right: 0; }
.innerpadding.removetops						{ padding-top: 0; padding-bottom: 0; }

.clear.headerSpacer{
	height: 70px;
}
header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(255,255,255,0.9);
	z-index: 10;
	box-shadow: 0 0 3px #333;
}
header>.aligncenter>.innerpadding{
	padding-top: 0;
	padding-bottom: 0;
}
header .logo{
	width: 75px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 20px;
}
header .logo img{
	width: 100%;
	height: auto;
}

header .menu.social .mainmenu>.link .innerpadding{
	padding-left: 5px;
	padding-right: 5px;
}


footer{
	background: rgba(0,0,0,0.9);
}
footer p{
	margin: 2px 0;
}
footer p.main-menu{
	margin-bottom: 15px;
}
footer a:link{
	color: #fff;
	font-size: 14px;
}
footer a:visited{
	color: #fff;
}
footer a:active{
	color: #fff;
}
footer a:hover{
	color: #90c5f4;
}
footer .menu.social .mainmenu>.link .innerpadding{
	padding-left: 5px;
	padding-right: 5px;
	line-height: normal;
}
footer .menu.social .mainmenu>.link .innerpadding *{
	color: #fff;
}
footer .menu.social .mainmenu>.link .innerpadding:hover{
	background: none;
}
footer .menu.social .mainmenu>.link .innerpadding:hover *{
	color: #2f73ba;
}

footer .brand{
	background: rgba(0,0,0,0.95);
}
footer .brand *{
	color: #fff;
	font-size: 13px;
}
footer .brand img{
	vertical-align: middle;
}



/* GERAL */
.bg-blue{
	background: #2f73ba;
	color: #fff;
}
.bg-grey{
	background: #e6e7e8;
}

h1{
	font-family: 'Poiret One';
	font-weight: lighter;
	font-size: 60px;
	margin: 0;
	margin-left: -3px;
}
h2{
	font-family: 'Poiret One';
	font-size: 20px;
	text-transform: uppercase;
}
h2 span{
	font-family: 'Open Sans Condensed';
	font-weight: 700;
}
h3{
	font-family: 'Poiret One';
	font-size: 20px;
}

.list-icon .icon-demo{
	font-size: 26px;
}
.list-icon .icon-demo:before{
	margin: 0;
}



/* PARCEIROS */
.partnerships{
	position: relative;
	text-align: center;
}
.partnerships .elem{
	display: inline-block;
	cursor: pointer;
}

.partnerships .elem>a>.innerpadding{
	padding: 40px;
	color: #fff;
}
.partnerships .elem .image-mask{
	border-radius: 100px;
	overflow: hidden;
	background-color: #fff;
}
.partnerships .elem .image-mask .img{
	background-repeat: no-repeat;
	margin: 20px;
}
.partnerships .elem:hover .image-mask{
	box-shadow: 0 0 5px #000;
}


/* PARCEIROS */
.news .elem{
	position: relative;
	background: #404041;
	color: #fff;
	border-bottom: 1px solid #000;
	transition: background 0.2s;
	min-height: 300px;
}
.news .elem:hover{
	background: #333;
	transition: background 0.2s;
}
.news .elem .text h2{
	margin: 0;
}
.news .elem .image{
	height: 300px;
	background: #000;
	width: 45%;
}
.news .elem .text{
	width: 55%;
}

.news .elem.secondrow .image{
	float: right;
}



/* CONTACTS */
.map											{ position: relative; width: 100%; height: 500px; z-index: 0; }
.contactform .dialog							{ margin-bottom: 20px; }
.contactform .dialog .innerpadding				{ padding: 10px 15px; }
.contactform h1									{ padding-left: 15px; }
.contactform .groupinput						{  }
.contactform .groupinput .innerpadding			{ background: #e6e7e8; padding: 10px 15px; border-radius: 20px; font-size: 12px; }
.contactform .groupinput .input					{ font-size: 12px; }
.contactform .groupinput p						{ margin-bottom: 0; padding-left: 15px; }
.contactform .groupinput.r p					{ padding-left: 25px; }
.contactform .groupinput.l .innerpadding		{ margin-right: 10px; }
.contactform .groupinput.r .innerpadding		{ margin-left: 10px; }
.contactform .groupinput.textarea .input		{ height: 100px; }

.contactform.coloredBG .groupinput .innerpadding{ background: #fff; }


/* LOGIN AREA */
.loginform .newregist .groupinput.l .innerpadding		{ margin-right: 5px; }
.loginform .newregist .groupinput.r .innerpadding		{ margin-left: 5px; }
.loginform .newregist .half.l .groupinput .innerpadding	{ margin-right: 5px; }
.loginform .newregist .half.r .groupinput .innerpadding	{ margin-left: 5px; }
.loginform .newregist .groupinput .select				{ width: 100%; padding: 3px 0; padding-right: 25px; background-color: #fff; }
.loginform .dialog										{ margin-bottom: 10px; }
.loginform .button										{ border-width: 2px; margin: 0; }


/* SCROLL */
.jspContainer									{ overflow:hidden; position:relative; }
.jspPane										{ position:absolute; }
.jspVerticalBar									{ position: absolute; top: 0; right: 0; width: 6px; height: 100%; padding: 2px; }
.jspHorizontalBar								{ position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; }
.jspVerticalBar *,
.jspHorizontalBar *								{ margin: 0; padding: 0; }
.jspCap											{ display: none; }
.jspHorizontalBar .jspCap						{ float: left; }
.jspTrack										{ background:none; position: relative;  }
.jspDrag										{ background:#1c1c1c; position: relative; box-shadow: 0 0 3px #000; top: 0; left: 0; cursor: pointer; }
.jspDrag:hover									{ background-position:center right; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag						{ float: left; height: 100%; }
.jspArrow										{ background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled							{ cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow						{ height: 5px; }
.jspHorizontalBar .jspArrow						{ width: 5px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus					{ outline: none; }
.jspCorner										{ background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner								{ margin: 0 -3px 0 0; }




/* Tooltips */
.tipsy { padding: 5px; position: absolute; z-index: 100000; }
.tipsy * { font-size: 13px; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { /*border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px;*/ }
.tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }



/* Messages */
.dialog						{ color: #000; }
.dialog .innerpadding		{ padding: 10px; border-radius: 20px; }
.dialog.done .innerpadding	{ border: 2px solid #ceef73; background: rgba(206,239,115,0); }
.dialog.error .innerpadding	{ border: 2px solid #ef7373; background: rgba(239,155,115,0); }
.dialog.notes .innerpadding	{ border: 2px solid #73b3ef; background: rgba(115,179,239,0); }
.dialog li					{ margin-left: 20px; }
.dialog p					{ margin-left: 0; }


/* Parallax */
.parallaxImage									{ position: relative; width: 100% !important; height: 330px; margin: 0; padding: 0; overflow: hidden; z-index: 2; }
.parallaxImage .randomImage						{ position: absolute; left:0; top:0; width: 100%; height: 100%; background-repeat:no-repeat; background-attachment:fixed; background-position:50% 0; opacity: 1; }