/*

	Document   : estilos.css
	TODO customize this sample style

*/

/* :root ================================= */
:root {
	/* unitless number */
    --font18-base: 18px;
    --font14-base: 14px;
	--font24-base: 24px;
	--font32-base: 32px;
	--font36-base: 36px;
	--font40-base: 40px;
	--font48-base: 48px;
	
	/* color */
	--branco-color: #ffffff;
	--azulClaro-color: #0072bc;
	--azulEscuro-color: #003663;
	--preto-color: #000000;
	/* backs */
	--branco-background-color: #ffffff;
	--azulClaro-background-color: #0072bc;
	--azulEscuro-background-color: #003663;
	--preto-background-color: #000000;
	/* border */
	--branco-border-color: #ffffff;
	--azulClaro-border-color: #0072bc;
	--preto-border-color: #000000;

	/* 
		Uso:
		color: var(--exemplo-color
	*/
}
/* seletor Universal ===================== */
*, *:after, *:before 						{ 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	margin: 0; 
	padding: 0; 
	border:0; 
	outline: none; 
}

/* This stylesheet generated by Transfonter (https://transfonter.org) on December 16, 2017 8:35 PM */

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/hinted-Gotham-Medium.eot');
    src: url('../fonts/hinted-Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/hinted-Gotham-Medium.ttf') format('truetype'),
        url('../fonts/hinted-Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/hinted-Gotham-Bold.eot');
    src: url('../fonts/hinted-Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/hinted-Gotham-Bold.ttf') format('truetype'),
        url('../fonts/hinted-Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/hinted-Gotham-Book.eot');
    src: url('../fonts/hinted-Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/hinted-Gotham-Book.ttf') format('truetype'),
        url('../fonts/hinted-Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/hinted-Gotham-Light.eot');
    src: url('../fonts/hinted-Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/hinted-Gotham-Light.ttf') format('truetype'),
        url('../fonts/hinted-Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Black';
    src: url('../fonts/gotham_black_regular-webfont.woff2') format('woff2'),
         url('../fonts/gotham_black_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Graced';
    src: url('../fonts/gracedscript_personaluseonly-webfont.woff2') format('woff2'),
         url('../fonts/gracedscript_personaluseonly-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Javacom';
    src: url('../fonts/javacom_0-webfont.woff2') format('woff2'),
         url('../fonts/javacom_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*

	# 	ressets

========================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figure, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; vertical-align:baseline; outline:none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
sup 										{ vertical-align: super; font-size: smaller; }
body, html 									{ height: 100%; }
html 										{ background: #fff; }
body 										{ font:16px 'Gotham', Helvetica, sans-serif; font-weight: 400; color:#000000; background-color: var(--branco-background-color); }
img 										{ border:none; overflow: hidden; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
fieldset									{ display:block; border:none; }
nav ul 										{ overflow: hidden; }
ul li										{ list-style:none; }
a											{ text-decoration:none; outline: none !important;}
p strong									{ font-weight:bold; }



/*

	# 	recursos
	# 	arvore de recursos
	#	=> recuros do sistema
	#	=> recursos do layout

========================================== */

/* recuros do sistema ==================== */
.debug               	                    { width: 100%; position: fixed; top: -100px; z-index: 9999; padding:30px 10px; text-align: center; border-bottom: 1px solid #666; background: #feefb3; color: #333; font-size: 16px; font-family: Arial, Tahoma; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; }
.debug_ativo                                { top: 0; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; }
.warning_class                              { background:url('/js/4/autoform/booble.gif') top left no-repeat; color: #ffffff; z-index: 500; font-weight:bold; line-height:20px;height:25px; min-width:200px; padding-left:4px; text-align:left }
.resposta                                   { padding:10px; text-align:center; border:1px solid #ccc; font-size:14px; margin:10px 0 30px 0; }

/* recuros do layout ===================== */
.none                                       { display:none; }
.clear                                      { clear:both; }
.textNone                                   { text-indent: -9999px  !important; overflow: hidden  !important; outline: none  !important; }
.aparence                                   { -webkit-appearance: none !important;  -moz-appearance: none !important;  appearance: none !important; }

/* regras gerais  ======================== */
.flex                                       { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.rowNoWrap                                  { flex-flow: row nowrap; -ms-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; }
.rowWrap                                    { flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; }
.flexStart                                  { justify-content: flex-start; }
.flexEnd                                    { justify-content: flex-end; }
.flexCenter                                 { justify-content: center; }
.flexBetween                                { justify-content: space-between; }
.flexAround                                	{ justify-content: space-around; }
.alignItens 								{ align-items: center; }


#transicao 									{ position: fixed; top: 0; left: 0; width: 0%; height: 100%; background: #fff; z-index: 99999; overflow: hidden; }
#preloader 									{ position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: #fff; z-index: 99999; overflow: hidden; }
#transicao .logo,
#preloader .logo 							{ background: url(../img/logo.svg); width: 255px; height: 53px; display: block; background-size: cover; text-indent: -9999px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; 
	animation: loadingGradiend 1s linear; 
}
#transicao .logo {
	-webkit-filter: grayscale(1);
		filter: grayscale(1);
}
#preloader .logo::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	animation: loading 1s infinite;
}
@keyframes loading {
    0% {
        left: -100%;
        
    }
    100% {
        left: 100%;
        
    }
}
@keyframes loadingGradiend {
	0% {
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
	}
	100% {
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
	}
}

#jpreOverlay, #qLoverlay 					{ width:100%; height:5px !important; position:fixed; top:0; left:0; z-index:999; } 
#jpreLoader									{ width:100%; height:5px; border:none; }
#jpreBar 									{ border: none; background:url(../img/preloader.jpg) top center no-repeat; }


/* background-size ======================== */
.cover                                      {  -webkit-background-size: cover !important;  -moz-background-size: cover !important;  -o-background-size: cover !important;  background-size: cover !important;  }
.contain                                    {  -webkit-background-size: contain;  -moz-background-size: contain;  -o-background-size: contain;  background-size: contain;  }

/* cover em Pseudo classe ================= */
.coverPseudoElement::before,
.coverPseudoElement::after                  {  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;  }

/* background-position ==================== */
.backCenterNoRepeat                         { background-position: center center; background-repeat: no-repeat; }
.backTopNoRepeat                            { background-position: top center; background-repeat: no-repeat; }
.backAttachment                             { background-attachment: fixed; }



/* Float's ================================ */
.fLeft                                      { float: left; }
.fRight                                     { float: right; }

/* Colunas ================================ */
.col_1 										{ width: 100%; }
.col_1_2,
.col_2_4 									{ width: 50%; }

.col_1_3 									{ width: 33.33%; }
.col_2_3 									{ width: 66.66%; }

.col_1_4 									{ width: 25%; }
.col_3_4 									{ width: 75%; }

.col_1_5 									{ width: 20%; }
.col_2_5 									{ width: 40%; }
.col_3_5 									{ width: 60%; }
.col_4_5 									{ width: 80%; }

/* container's ============================ */
#canvasBox {
	overflow: hidden;
}
#canvasBox::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 880;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 54, 99,0);
	visibility: hidden;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
#canvasBox.backBlackFX::before {
	content: "";
	background-color: rgba(0, 54, 99,.7);
	visibility: visible;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#canvasBox .fechaMenu {
	display: none;
}
#canvasBox.backBlackFX .fechaMenu {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 890;
	width: 100%;
	height: 100%;
}

/* gcBox | Padões de textos e etc */
.gcBox {

	font-size: var(--font18-base);
	font-family: "Gotham";
	color:var(--preto-colo);
	line-height: 1.667;
}
.gcBox p                                    { margin-bottom: 1em; }
.gcBox a                                    { color:#000; text-decoration: underline; }
.gcBox h1                                   { font-size: 30px; }
.gcBox h2                                   { margin-bottom: 2em; font-size: var(--font18-base); font-weight: 700; color: #000; }
.gcBox h3                                   { font-size: 20px; }
.gcBox h4                                   { font-size: 18px; }
.gcBox h5                                   { font-size: 16px; }
.gcBox h6                                   { font-size: var(--font14-base); }

.gcBox a.colorBranco {
	text-decoration: none;
	color: #FFF;
}

.gcBox sub 									{ vertical-align: sub; font-size: smaller; }
.gcBox sup 									{ vertical-align: super; font-size: smaller; }    
.gcBox blockquote 							{ display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px; }

.gcBox ul 									{ padding-left: 20px; }
.gcBox ul li                                { list-style: disc !important; }
.gcBox ol 									{ padding-left: 20px; }
.gcBox ol li                                { list-style: decimal; }

.gcBox strong 								{ font-weight: 700; }

.gcBoxCustom 								{ font-size: var(--font14-base); font-family: "Gotham"; color:var(--preto-colo); line-height: 1.667; }
.gcBoxCustom h2 {
	font-size: 2em;
	margin-bottom:0;
	margin-top: 1em;
	color: #2073c0;
}
.gcBoxCustom strong {
	display: block;
}
.gcBoxCustom img {
	display: block;
	border-radius: 100%;
	border: none;
	margin: 0 auto;
}
.accordionGeral .gcBox {
	padding: 1em;	
}

/* container's padding ==================== */
.paddingsVerticais7em 						{ padding: 7em 0; }
.fixPaddingTop 								{ padding-top: 4em; }
.paddingLeftZero 							{ padding-left: 0 !important; }

.fixPaddingTop div.row article {
	padding-right: 3em;
	border-right: 1px solid #e1e1e1;
}
.fixPaddingTop div.row article.killPadding {
	padding: 0px 1em;
	border: 0;
}

/* titulo's =============================== */
.subtitulo {
	font-size: var(--font32-base);
	font-family: "Gotham";
	color: rgb(0, 0, 0);
	line-height: 1.2;
	font-weight: 400;
}

.citacao {
	display: block;
	padding-left: 1em;
	font-size: 28px;
	font-family: "Gotham";
	color: var(--preto-colo);
	line-height: 1.2;
}
/* btn's =============================== */
.btn {
	display: inline-block;
	padding: 1.5em 5em;
	font-size: 12px;
	line-height: 1;
	font-family: "Gotham";
	font-weight: 700;
	text-transform: uppercase;
	-webkit-border-radius: 7px;
	        border-radius: 7px;
}
.btn:hover {
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
}
.btn.long {
	padding: 1.5em 5em;
}
.btn.short {
	padding: 1.5em 3em;
	font-weight: 400;
}

/* color */
.colorBranco 								{ color: var(--branco-color)}
.colorAzulClaro 							{ color: var(--azulClaro-color)}
.colorPreto 								{ color: var(--preto-color)}

.fillBlue 									{ background-color: var(--azulClaro-background-color); }
.fillBluedark 								{ background-color: var(--azulEscuro-background-color); }
.fillPreto 									{ background-color: var(--preto-background-color); }
.fillBranco 								{ background-color: var(--branco-background-color); }

/*
    IE10 and IE11
    ================== 
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    /* todas as regras do IE10 e IE11 */
	/* :root ================================= */
	:root {
		/* unitless number */
	    --font18-base: 18px;
	    --font14-base: 14px;
		--font24-base: 24px;
		--font32-base: 32px;
		--font36-base: 36px;
		--font40-base: 40px;
		--font48-base: 48px;
		
		/* color */
		--branco-color: #ffffff;
		--azulClaro-color: #0072bc;
		--azulEscuro-color: #003663;
		--preto-color: #000000;
		/* backs */
		--branco-background-color: #ffffff;
		--azulClaro-background-color: #0072bc;
		--azulEscuro-background-color: #003663;
		--preto-background-color: #000000;
		/* border */
		--branco-border-color: #ffffff;
		--azulClaro-border-color: #0072bc;
		--preto-border-color: #000000;

		/* 
			Uso:
			color: var(--exemplo-color
		*/
	}
}

/* Transições ============================ */
#navMain,
#navMain .navMain .container,
#navMain .navMain .linkNav,
#navMain .navMain a.logo,
nav.sidebarBox ul,
nav.sidebarBox ul li,
nav.sidebarBox a,
nav.sidebarBox a::before,
nav.servicos a,
nav.servicos a div,
nav.servicos a::after,
.relacionados .container,
#navMain,
.relacionados .container .itemRelacionados,
.superMenu,
#canvasBox::before,
.responsiveMenu,
.responsiveMenu div.superMenu,
.superMenu ul a,
.imprensa figure a::before,
.imprensa figure a,
.btn,
a.btn,
.playVideo,
.videoCover, 
.videoCover img  {
	-webkit-transition: all .3s ease;
	-moz-transition:    all .3s ease;
	-ms-transition:     all .3s ease;
	-o-transition:      all .3s ease;
	transition:         all .3s ease;
}
.transition__3s,
.transition__3s::before, 
.transition__3s::after{
	-webkit-transition: all .5s ease;
	-moz-transition:    all .5s ease;
	-ms-transition:     all .5s ease;
	-o-transition:      all .5s ease;
	transition:         all .5s ease;	
}


/* Transformações ======================== */
nav.sidebarBox a::before,
.guiaRespostas h2::after,
.contactForm div.select::after,
.contactForm div.attach::after,
.responsiveMenu nav a::after  {
	-moz-transform:  	translateY(-50%);
	-webkit-transform: 	translateY(-50%);
	-o-transform: 		translateY(-50%);
	-ms-transform: 		translateY(-50%);
	transform: 			translateY(-50%);
}
nav.servicos a::after {
	-moz-transform:  	translateX(-50%);
	-webkit-transform: 	translateX(-50%);
	-o-transform: 		translateX(-50%);
	-ms-transform: 		translateX(-50%);
	transform: 			translateX(-50%);	
}
.playVideo {
	-moz-transform:  	translateX(-50%) translateY(-50%);
	-webkit-transform: 	translateX(-50%) translateY(-50%);
	-o-transform: 		translateX(-50%) translateY(-50%);
	-ms-transform: 		translateX(-50%) translateY(-50%);
	transform: 			translateX(-50%) translateY(-50%);	
}

/* Keyframes ============================ */

/* opacity100 3s */
.className {
	-webkit-animation: opacity100 3s; /* Safari 4+ */
	-moz-animation:    opacity100 3s; /* Fx 5+ */
	-o-animation:      opacity100 3s; /* Opera 12+ */
	animation:         opacity100 3s; /* IE 10+, Fx 29+ */
}

/* effetcs | opacity - 0 > 100% */
@-webkit-keyframes opacity100 {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes opacity100 {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes opacity100 {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes opacity100 {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}