body { font-family: 'Lato', sans-serif !important;font-weight:300;background-image: url("../img/bg-top.png");background-position: top right; background-repeat: repeat-x; }
h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif !important;}

header { height: 600px;padding-top:2em;}
header .logo { text-align: center }
header .logo img{display: block;position: relative;margin: 0 auto;right: 70px;}
header .menu {color: #fff;margin: 1em 0;}
header .menu i{ color: #fff; font-size: 2em }
header .menu span.has-tip { border-bottom: 0; cursor: pointer }

header .menu-labsbank {position: absolute;z-index: 999;display: none;margin-top: .5em;top:86px;}
header .menu-labsbank li:first-child a span { width: 0; height: 0; border: inset 0.5rem; border-color: transparent transparent #ffffff; border-bottom-style: solid; border-top-width: 0; bottom: 100%; position: absolute; left: 4%; }
header .menu-labsbank ul { list-style: none; margin: 0; background-color: #ffffff; border-radius: 2px; }
header .menu-labsbank ul li { border-bottom: 1px solid #ccc; }
header .menu-labsbank ul li:last-child { border-bottom: none; }
header .menu-labsbank ul li a { display: block; padding: .4em 4em .4em 1em; }
header .menu-labsbank ul li a:hover { background-color: #ccc; }
header .menu-labsbank ul li:first-child a:hover span {border-color: transparent transparent #ccc;}
header .menu-labsbank ul li:first-child a:hover {border-radius: 2px 2px 0 0; }
header .menu-labsbank ul li:last-child a:hover {border-radius: 0 0 2px 2px ;  }

header h2 {color: #fff;font-weight: 300;text-align: center;padding: 2em 0 .6em;}
header h2 span{font-weight: 400; text-transform: uppercase;display: block;}

header h3 {color: #fff;font-weight: 400;text-transform: uppercase;font-size: 1.3em;text-align: center;}

header .button { display: block; font-size: 0.9rem; background-color: inherit; color: #fff; text-transform: uppercase; border: 2px solid #ffffff; margin: 3em auto;}
header .button:hover, header .button:focus { background-color: #258dad; color: #fff; }

section#conheca {padding: 3em 0;}
section#conheca h2{font-size:1.875em; color: #2d465f; text-align: center;margin-bottom: 2em}

section#ob01 {background-color: #21374d;padding: 3em 0;}
section#ob01 h2 img{display: block;margin: 0 auto;margin-bottom: 1em;}
section#ob01 h3{font-size: 1.125em;color: #fff;text-align: center; text-transform: uppercase;font-weight: 700;padding: 0;margin: 1em 0 0 0}
section#ob01 p {font-size: 1.250em; color: #fff; text-align: center;padding: 0;margin: 0;}
section#ob01 .major-features {margin-top:3em; }
section#ob01 .major-features img{display: block;margin: 0 auto;}

section#ob02 { background-color: #2c445c; padding: 3em 0 0 0; }
section#ob02 h2 { font-size: 2.250em; color: #fff; text-align: center; font-weight: 300; }
section#ob02 p { font-size: 1.250em; color: #fff; text-align: center; padding: 0; margin: 0; }
section#ob02 .minor-features {margin: 2em 0 0;}
section#ob02 .minor-features ul {list-style: none;margin: 3em 0 0 0;padding: 0;}
section#ob02 .minor-features ul li { font-size: 1.250em; color: #fff; padding: 0; margin: 0; }
section#ob02 .minor-features ul li img { width: 60px; margin-right: 14px; }

section#contact {background-color: #333333;padding: 3em 0;}
section#contact h2 {font-size: 2.250em;color: #fff;text-align: center;font-weight: 300;padding: 0;margin: 0 0 2em 0;line-height: .8em;}
section#contact h2 span {font-size: .7em;display: block;padding: 0;margin: 0;}
section#contact .button { display: block; font-size: 0.9rem; background-color: inherit; color: #fff; text-transform: uppercase; border: 2px solid #ffffff; margin: 1em auto;}
section#contact .button:hover, section#contact .button:focus { background-color: #232323; color: #fff; }
section#contact h3 {font-size: 3em;color: #fff;font-weight: 700;padding: 0;margin: 0;line-height: 1em;}
section#contact h3 span {font-size: .8em;display: block;padding: 0;margin: 0;}
section#contact .box-contact { border-left: 5px solid #fff; margin-bottom: 2em; padding-left: 1em; }
section#contact .box-contact ul {list-style: none;margin: 0;padding: 0;}
section#contact .box-contact ul li{color: #fff;}
section#contact  textarea {height: 150px !important;}

footer {}
footer .socket{text-align: right;padding: 1em 0;background-color: #000;}
footer .socket a{color: #666;}
footer .socket a:hover{color: #333;}

@-webkit-keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
.fade-in, .fade-in-up { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
.cssanimations .fade-in, .cssanimations .fade-in-up { opacity: 0; }
.fade-in { -webkit-animation-name: fade-in; animation-name: fade-in; }
.fade-in-up { -webkit-animation-name: fade-in-up; animation-name: fade-in-up; -webkit-transform-origin: right middle; transform-origin: right middle; }



/* Small only */
@media screen and (max-width: 39.9375em) {
	br {display: none;}
	header .logo img { right: 0; width: 80%; margin: 1em; }
	section#conheca p {font-size: 1.250em;}
	section#ob02 .minor-features {margin: 0;}
	section#ob02 .minor-features span {display: block;position: relative;left: 60px; bottom: 18px;}
	section#ob02 .minor-features ul li:last-child {margin-bottom: 1em;}
	section#ob02 .minor-features ul li img {width: 15%;}
	section#contact h2 { margin: 0 0 1em 0; }
	section#contact h3 {text-align: center;margin: 0 0 1em 0;}
	section#contact h3 span {}
	section#contact .box-contact {margin: 2em 2em 0em;font-size: 1.5em; }

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

}

/* Medium and Small */
@media screen and (max-width: 63.9375em) {
	

}