/*

AZUL						225AD5

CINZA						EEEEEE

CINZA ESCURO 				323133
*/

*::selection 				{ background:rgba(225,225,225,0.5); color: #225AD5; }
*::-moz-selection			{ background:rgba(225,225,225,0.5); color: #225AD5; }


* 							{ color: #323133; font-family: 'GalanoGrotesque-Regular'; letter-spacing: 1px; font-weight: normal; outline: none; border: none; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; text-shadow: rgba(0,0,0,.01) 0 0 1px; }
/*
HACKS PARA TYPE
*/

_:-ms-fullscreen, :root * {
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-weight: lighter;
-webkit-text-stroke: 0.7px;
}

_:-ms-fullscreen, :root h2 {
	font-size: 21px !important;
	font-family: 'GalanoGrotesque-Regular' !important;
	font-weight: bold
}

h2 {

text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-weight: lighter !important;
-webkit-text-stroke: 0.7px;
	font-size: 21px !important;
	font-family: 'GalanoGrotesque-Regular' !important;

}
#banner h2 {
	font-weight: normal !important;
	-webkit-text-stroke: 0 !important;

}




body 						{ overflow-x: hidden; }

img 						{ max-width: 100%; border: none; outline: none; }


@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
    -webkit-font-smoothing: subpixel-antialiased;
}


/*
							ANIMATIONS
*/
a,
input,
#menuMob ul li,
.itemFolio img,
.styled-select,
#lupa,
.botao						{ -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}

/*
 							BASE SECTIONS
*/
header 						{ position: absolute; z-index: 2 !important; margin: 0 auto; left:0; right:0; }
header .wrap 				{ width: 100%; max-width: 1000px; margin: 0 20px; }

header,
.wrap,
footer 						{ width: 100%; max-width: 1140px; margin: 50px auto; padding-bottom: 0; }
footer 						{ padding: 40px; max-width: 100%; margin: 0 0px auto; }
footer p 					{ font-size: 12px; color: #225AD5; }
footer p a b 				{ color: #225AD5; }
footer p a b:hover 			{ color: #111; }



				.logo-footer {
				    width: 348px;
				    margin: 0 0 0 0;
				    padding: 0;
				    float: right;
				}

				.logo-footer img {
				    z-index:9999;
				    cursor: pointer;
				    position: relative;
				    -webkit-transition: all 400ms cubic-bezier(0.750, 0.000, 0.250, 1.000);
				       -moz-transition: all 400ms cubic-bezier(0.750, 0.000, 0.250, 1.000);
				         -o-transition: all 400ms cubic-bezier(0.750, 0.000, 0.250, 1.000);
				            transition: all 400ms cubic-bezier(0.750, 0.000, 0.250, 1.000); /* custom */

				-webkit-transition-timing-function: cubic-bezier(0.750, 0.000, 0.250, 1.000);
				   -moz-transition-timing-function: cubic-bezier(0.750, 0.000, 0.250, 1.000);
				     -o-transition-timing-function: cubic-bezier(0.750, 0.000, 0.250, 1.000);
				        transition-timing-function: cubic-bezier(0.750, 0.000, 0.250, 1.000); /* custom */

				     -webkit-transform:scale(0.7);
				    	-moz-transform:scale(0.7);
				   		 -ms-transform:scale(0.7);
					  	  -o-transform:scale(0.7);
				 		     transform:scale(0.7);
				}
/*
				.logo-footer:hover img {
				    z-index:9999;
				    right: 75px !important;
				     -webkit-transform:scale(1.2);
					    -moz-transform:scale(1.2);
				   		 -ms-transform:scale(1.2);
				 	      -o-transform:scale(1.2);
				    		 transform:scale(1.2);

				}
				*/
[class*='chrome'] footer h4 {padding-bottom: 4px !important;}

#content 					{ z-index: 1; }
#content p 					{ font-family: 'GalanoGrotesque-Regular'; font-size: 14px; line-height: 26px; font-weight: normal;}
#content li 				{ font-family: 'GalanoGrotesque-Regular'; list-style-position: inside; padding-left: 26px; font-size: 14px; line-height: 26px; padding-top: 2px; padding-bottom: 4px }

header 						{ margin: 0 auto; }
header ul li 				{ display: inline; }
header .brand 				{ padding-top: 50px; }
.nav 						{ margin-top: 63px; text-align: right; }
.nav a						{ border-top: 3px solid transparent; padding-top: 60px !important; }
.nav a:hover,
.nav a.active 					{ border-top: 3px solid #225AD5; color: #225AD5; }

#menuMob ul li				{ font-family: 'GalanoGrotesque-Regular' !important; text-align: left !important }
#menuMob ul li a			{ font-family: 'GalanoGrotesque-Medium' !important; text-align: left !important }

header li 					{ margin: 10px 6px;}


#banner 					{ width: 100%; padding: 250px 0; background: #eee url('../_gi/bg-1.jpg') no-repeat scroll top left; background-size: cover; background-color: #eee !important }
#banner h1 					{ text-align: center; color: #225AD5; font-family: 'GalanoGrotesque-Medium'; font-size: 42px; padding-top: 20px; letter-spacing: 2px}
#banner * 					{width: 100%; }


.disable 					{ border-color: #ccc !important; color: #ccc;}
.disable:hover 				{ border-color: #ccc !important; color: #ccc;}
.disable *					{ color: #ccc !important; }
/*
 							TYPE
*/
h1 							{ text-align: center; color: #225AD5; font-family: 'GalanoGrotesque-Medium'; font-size: 30px; line-height: 38px; padding-bottom: 8px; letter-spacing: 2px}
h2 							{ font-family: 'GalanoGrotesque-Regular'; font-size: 22px; color: #225AD5; }
h3 							{ color: #225AD5 !important; }
h3 strong 					{ color: #225AD5 !important; font-family: 'GalanoGrotesque-Medium';  }

h4 							{ text-align: left; color: #225AD5; font-family: 'GalanoGrotesque-Medium'; font-size: 12px; letter-spacing: 2px}

a 							{ text-decoration: none; color: #225AD5}
a:hover 					{ color: #111;}

p 							{ font-family: 'GalanoGrotesque-Regular'; font-size: 13px; line-height: 20px; letter-spacing: 1px}
p b, p strong 				{ font-family: 'GalanoGrotesque-Medium'; }

.black 						{ color: #000;}
.bold 						{ font-family: 'GalanoGrotesque-Medium'; }
.superBold 					{ font-family: 'GalanoGrotesque-Bold' !important; font-weight: normal; }
p.tituloNews  				{ line-height: 20px !important; padding-bottom: 8px; }

/*
 							INPUTS
*/
input 						{ border: none; padding: 8px 10px 6px 10px; background: transparent; margin: 0; }
input[type=text] 			{ border: 2px solid #225AD5; width: 80%; background: rgba(255,255,255,0.5); font-family:'GalanoGrotesque-Regular';}
input[type=button] 			{ font-family: 'GalanoGrotesque-Bold'; color: #225AD5; cursor: pointer; }
input[type=button]:hover	{ color: #323133; }



	.styled-select select {
		background: transparent;
		width: 268px;
		padding: 0px 10px 12px 10px;
		line-height: 32px;
		border: 0;
		border-radius: 0;
		height: 38px;
		-webkit-appearance: none;
		font-size: 14px;
		font-family: 'GalanoGrotesque-Regular';
		cursor: pointer;
		color: #225AD5;
	}
	.styled-select {
		width: 280px;
		height: 34px;
		overflow: hidden;
		background: url('../_gi/mais.png') no-repeat right #fff;
		border: 2px solid #225AD5;

	}

	.styled-select:hover {
		color: #222 !important;
		border: 2px solid #222;

	}

textarea 			{ font-size:11px; font-family:'GalanoGrotesque-Regular'; }

/*
							BANNERS
*/

#paginadorWrapper 		{ position:absolute; bottom:10px; width:100%; text-align:center; }
	#paginadorWrapper>div 		{ cursor:pointer; display:inline-block; margin:5px; width:13px; height:13px; background-color:rgba(255,255,255,0.6); border-radius:50%; }
	#paginadorWrapper>div:hover, #paginadorWrapper>div.active 	{ background-color:rgba(255,255,255,0.9) }



/*
							VIEW MORE
*/
.showmore 					{ line-height:18px; }
.showmore_content 			{ position:relative; overflow: hidden; border: 1px solid red; }
.showmore_trigger 			{ width:100%; height:45px; line-height:45px; cursor:pointer; }
.showmore_trigger span 		{ display:block; padding-top: 20px;}
.showmore_trigger span:hover{ color: #225AD5; }




.botao 						{ font-family: 'GalanoGrotesque-Medium'; border: 2px solid #225ad5; color: #225ad5; font-size: 13px; width: auto; padding: 10px 20px 8px 20px !important; cursor: pointer}
.botao:hover 				{ border-color: #323133; color: #323133; }
[class*='chrome'] .botao 			{padding-top: 4px !important;}
_:-ms-fullscreen, :root .botao 		{ padding-top: 4px !important;}
/*
 							FORMATS
*/
.light 						{ font-family: 'GalanoGrotesque-Light';}
.regular 					{ font-family: 'GalanoGrotesque-Regular';}
.bold 						{ font-family: 'GalanoGrotesque-Medium';}
.azul 						{ color: #225AD5 !important;}

.inactivo 						{ border-color: #ccc; color: #ccc;}

.lineHeight20 * 			{ line-height: 20px}
.lineHeight25 * 			{ line-height: 25px}
.lineHeight30 * 			{ line-height: 30px}

.left 						{ text-align: left }
.center 					{ text-align: center }
.right 						{ text-align: right }

/*
 							ELEMENTS
*/
.picto 						{ width: 100% !important; height: 220px; vertical-align: bottom; }
.picto > * 					{ vertical-align: bottom; }
.picto img 					{ max-width: 80%}

.picto-hidraulicas 			{ max-width: 300px; padding: 0 20px; padding-top: 78px; }

_:-ms-fullscreen, :root .picto-hidraulicas { max-width: 253px; margin-top: -90px;} /* IE 11 */

.itemFolio 					{ cursor: pointer;}

.itemFolio img				{ opacity: 1 !important; max-width: 100%; padding: 10px; }
.itemFolio:hover img 		{ opacity: .6 !important;  }
.itemFolio a h3 				{ padding: 0 25px; }

#loading 					{ position: fixed; width: 100%; height: 100%; top: 40%; }

#lupa						{ width: 30px; height: 30px; margin-top: 20px; background: transparent url('../_gi/lupa.png') scroll no-repeat center center;}
#lupa:hover 				{ zoom: 1; filter: alpha(opacity=50) !important; opacity: 0.5 !important; }
#lupa:active 				{ zoom: 1; filter: alpha(opacity=100) !important; opacity: 1 !important;  -webkit-transition: all 0 ease-in-out; -moz-transition: all 0 ease-in-out; transition: all 0 ease-in-out;}


#servicos a 				{ color: #111; }
#servicos a:hover 			{ color: #225ad5; }



.thumbClient {
	position: relative;
	padding-bottom: 100%;
	height: 0;
}

.thumbClient img {
	width: 100%;
	position:absolute;
	left:0;
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}

.thumbClient img.top:hover {
	opacity:0 !important;
}




.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 9px;
  height: 9px;
  background-color: #225AD5;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/*
							MENU MOBILE
*/

.mobile {
	display: none;
	position: fixed;
	width: 100%;
	top: -30px;
	right: 0;
	margin: 0;
}
#menuMob {
	display: none;
	background-color: #fff;
}
#menuMob ul li {
	padding: 10px 20px;
	display: block;
}
#menuMob ul li:hover {
	background-color: #f4f4f4;
}

.expanded {
	transform: rotate(90deg);
	background-color: red;
}

#hamburger {
	z-index: 9999;
	cursor: pointer;
	position: absolute;
	top: 75px;
	right: 20px;
	border: 0;
	text-indent: 200%;
	overflow: hidden;
	background: rgba(255,255,255,.8) url("../_gi/hamburger@x2.png") center no-repeat;
	background-size: 80%;
	width: 30px;
	height: 30px;
	outline: none;
	padding: 20px;
	transition: all 400ms ease;
	text-indent: 9999px;

}






/*
							RESPONSIVE STUFF
*/
@media (max-width: 900px) {

	.noMobile 	{ display: none }

	nav a 		{ display: block; width: 100%; height: 100%;  }
	.nav a						{ padding-top: 0 !important;}
	.nav * a,
	.nav * a:hover 						{ border:none;}
	.mobile 	{ display: block; }
	.desktop 	{ display: none; }
/*
	#menuMob ul li {
		width: 46%; display: inline-block;
	}
*/
}


@media (max-height: 780px) {

	#banner 		{ height: 300px; }
	#banner h1 		{ margin-top: -40px;}

}

@media (max-height: 580px) {

	#banner 		{ height: 240px !important; padding-top: 220px; }
	#banner h1 		{ margin-top: -20px;}

}