@import "auxlm.css";
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Serif:300,400&display=swap');


/*! HTML5 Boilerplate v4.3.0 - START */
html,button,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection,::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}



/* ==========================================================================
   Site
   ========================================================================== */

html { font-size: 20px; }
body { font: 100% "IBM Plex Serif", Arial, Helvetica, sans-serif; background: #FFFBF4; font-size: inherit; line-height: 1.5em; color: #102546; font-weight: 300; }

a { color: inherit; outline: none !important; text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }
a:active,
a:focus { color: inherit; text-decoration: none; }
a, button, input { outline: none !important; }

/* a, button, input { transition: color 0.15s, border-color 0.15s, background-color 0.15s, opacity 0.15s; } /* light transitions */

ul, li { display: block; list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; display: block; font-weight: inherit; font-size: inherit; line-height: inherit; }

p { margin: 0 0 1.4em 0; }
p:last-child { margin-bottom: 0 !important; }

/* *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* use if not include bootstrap */
/* background: linear-gradient(to right, #ffffff 0%,#000000 100%); */


.container { position: relative; }



#wrapper { position: relative; width: 100%; max-width: 4000px; margin: auto; overflow: hidden; }



#header { background: #102546; background-size: cover; position: relative; }
#header .container { z-index: 100; }
#header:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/header_bg.jpg) center center no-repeat; z-index: 1; }
#header .tbl { height: 19.35em; padding: 2.5em 0 1em 0; }
#header .logo { }
#header .logo img { margin: auto; height: 11.25em; display: block; }

#header .connect { position: absolute; right: 15px; top: 1.5em; }
#header .connect li { display: inline-block; margin: 0 8px 0 0; }
#header .connect li:last-child { margin-right: 0; }
#header .connect li a { display: table; width: 54px; height: 42px; text-align: center; vertical-align: middle; border: solid 1px #08142B; background: #102546; line-height: 0; box-shadow: 0.2em 0.2em 0.4em rgba(0,0,0,0.1); position: relative; }
#header .connect li a > div { display: table-cell; vertical-align: middle; }
#header .connect li a > div img { display: block; margin: auto; }

#header .connect li a:before,
#header .connect li a:after { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 1px; background: #DBB267; transition: all 0.2s; }
#header .connect li a:after { left: auto; right: 0; top: auto; bottom: 0; }

#header .connect li a > div:before,
#header .connect li a > div:after { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 0; background: #DBB267; transition: all 0.2s; }
#header .connect li a > div:after { left: auto; right: 0; top: auto; bottom: 0; }

#header .connect li a:hover:before,
#header .connect li a:hover:after { width: 100%; }
#header .connect li a:hover > div:before,
#header .connect li a:hover > div:after { height: 100%; }



#main { position: relative; z-index: 10; padding: 3.5em 0; }
#main h1 { font-size: 2.5em; text-align: center; line-height: 1.2em; color: #0D4D76; }
#main hr { display: block; width: 100%; margin: 2em 0; padding: 0; border: none; border-top: solid 1px #E2C184; }
#main .text1 { padding-bottom: 0.85em; }
#main .text2 { font-size: 0.8em; line-height: 1.438em; }
#main .connect { text-align: center; padding: 1.5em 0 0 0; font-size: 20px; }
#main .connect ul { }
#main .connect ul li { display: inline-block; margin: 0 0.7em; }
#main .connect ul li a { display: block; background: #0D4D76; color: #DBB267; padding: 0.35em; min-width: 15em; box-shadow: 0.2em 0.2em 0.4em rgba(0,0,0,0.1); transition: all 0.3s; }
#main .connect ul li a > span { display: block; border: solid 1px #DBB267; line-height: 1.2em; padding: 1em; }


#main .connect ul li a:hover { background: #116095; box-shadow: 0.2em 0.2em 0.4em rgba(0,0,0,0.3); }
#main .connect ul li a.em { background: #3C3970; }
#main .connect ul li a.em:hover { background: #4A478B; }



.load-effects #header:after { transition: opacity 0.2s, transform 0.2s; opacity: 0; }
.load-effects #header .logo { transition: opacity 0.8s, transform 0.8s; transform: rotateY(90deg); opacity: 0; }
.load-effects #header .connect li { transition: opacity 0.6s, transform 0.6s; transform: translateY(-70px); opacity: 0; }
.load-effects #header .connect li:nth-child(1) { transition-delay: 0.2s; }
.load-effects #header .connect li:nth-child(2) { transition-delay: 0.4s; }
.load-effects #header .connect li:nth-child(3) { transition-delay: 0.6s; }
.load-effects #header .connect li:nth-child(4) { transition-delay: 0.8s; }
.load-effects #header .connect li:nth-child(5) { transition-delay: 1s; }
.load-effects #main hr { transition: opacity 0.8s, transform 0.8s; opacity: 0; }
.load-effects #main h1,
.load-effects #main .text1,
.load-effects #main .text2 { transition: opacity 0.5s, transform 0.5s; opacity: 0; transform: translateY(100px); }
.load-effects #main .text1,
.load-effects #main .text2 { transition-delay: 0.2s; }

.load-effects.loaded #header:after { opacity: 1; }
.load-effects.loaded #header .logo { transform: rotateY(0); opacity: 1; }
.load-effects.loaded #header .connect li { transform: translateY(0); opacity: 1; }
.load-effects.loaded #main hr { opacity: 1; }
.load-effects.loaded #main h1,
.load-effects.loaded #main .text1,
.load-effects.loaded #main .text2 { opacity: 1; transform: translateY(0); }







#footer { background: #102546; vertical-align: middle; position: relative; padding: 1em 0; color: #DBB267; text-align: center; }
#footer .logo { display: inline-block; vertical-align: middle; height: 1.5em; }
#footer .copy { display: inline-block; vertical-align: middle; font-size: 0.8em; line-height: 1.45em; }
#footer .copy .sep { padding: 0 0.4em; }



#loading { position: fixed; right: 0; top: 0; z-index: 5000; width: 100%; height: 100%; width: 100vw; height: 100vh; background: url(../img/loading.gif) center center no-repeat rgba(255,255,255,0.95); transition: all 0.5s; }
#loading { width: 60px; height: 60px; }
.loaded #loading { visibility: hidden; opacity: 0; }



/* ==========================================================================
   Resposive
   ========================================================================== */

@media (min-width: 1020px) {
	
	
}

@media (max-width: 1019px) {
	html { font-size: 19px; }
	
}

@media (max-width: 991px) {
	html { font-size: 17px; }
	
}

@media (max-width: 767px) {
	html { font-size: 16px; }

	#header .tbl { height: 266px; padding: 70px 0 20px 0; }
	#header .logo img { height: 132px; }
	#header .connect { top: 20px; }
	
	#main { padding: 30px 5px; }
	#main h1 { font-size: 1.625em; line-height: 1.3em; }
	#main hr { margin: 25px 0; }
	#main .text2 { font-size: 0.875em; }
	#main .connect { padding: 10px 0 0 0; }
	#main .connect ul li { margin: 0 auto 20px auto; display: block; max-width: 400px; }
	#main .connect ul li a { min-width: 0; width: 100%; }

	#footer .logo { display: block; margin: 0 auto 10px auto; }
	#footer .copy { display: block; font-size: 0.875em; }
	#footer .copy .sep { padding: 0 0.2em; }
	#footer .copy .lxs { display: block; margin-bottom: 8px; }
}

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






/*! HTML5 Boilerplate v4.3.0 - END */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}