* {font-family: 'Rubik';}
img {max-width: 100%;}
a {text-decoration: none !important; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
section {overflow: hidden;}

#navbar {background: #333333; color: #fff;}
#navbar a {color: #fff;}]
#navbar a:hover {color: #fff;}
.navbar-nav {text-align: right; float: right;}



#dlm {padding: 130px 0; background: #ecf1f9;}
#dlm p {color: #333333; text-align: right; width: 100%; margin: 0; display: inline-block; }
#dlm .left {text-align: left; float: left;}
#dlm .rig {float: right; text-align: right;}
#dlm .ico {width: 50px; margin-bottom: 5px;}
#dlm .bot {margin-bottom: 25px;}
#dlm .papel {top: -110px; max-width: 450px; position: absolute; left: 0; right: 0; margin-left: 0; margin-right: 0;  z-index: 999;}


#servicos {padding: 70px 0; background: url(img/bg-servicos.jpg) center top no-repeat; background-size: cover; color: #fff; text-align: center;}
#servicos img {max-width: 64px; margin: 0 auto; display: block; margin-bottom: 5px;}
#servicos h3 {font-weight: bold; text-align: center; margin: 0; line-height: 1; font-size: 24px;}
#servicos p {line-height: 1; margin-bottom: 25px;}

#fale {padding: 50px 0; background: #ecf1f9;}
#fale p {color: #333333; text-align: center; text-transform: uppercase; font-size: 28px; line-height: 1;}
#fale a {background: #eb8200; border-radius: 30px; margin: 0 auto; padding: 10px 0; max-width: 350px; text-align: center; display: block; color: #fff; font-size: 18px;}

#quem {padding: 200px 0; background: url(img/bg-quem.jpg) center top no-repeat; color: #fff; background-size: cover;}
#quem p {text-transform: uppercase;}
#quem .r {font-size: 30px; line-height: 40px;}
#quem h3 {margin-bottom: 40px;}

#certificados {padding: 50px 0; text-align: center; background: #ecf1f9; border-bottom: 1px solid #ccc;}

#depoimentos {padding: 50px 0; background: #ecf1f9;}
#depoimentos .imagem {width: 50%; float: left;}
#depoimentos .imagem img {width: auto; display: block; margin: 0 auto;}
#depoimentos .texto {width: 50%; float: left; margin-top: 70px; text-transform: uppercase;}
#depoimentos .texto b {text-transform: uppercase; display: block; line-height: 1; font-size: 22px;}
#depoimentos .texto span {font-style: italic; font-weight: 300;}

#clientes {padding: 70px 0;}
#clientes img {width: auto; margin: 0 auto;}

#call {padding: 70px 0 90px; background: url(img/fundo-call.jpg) center top no-repeat; text-align: center; background-size: cover; color: #fff;}
#call img {display: block; margin: 0 auto; margin-bottom: 25px;}
#call a {color: #333333; padding: 20px; border-radius: 50px; background: #fff; margin: 0 auto; display: block; width: 350px; font-weight: bold;}
#call a:hover {background: #eb8200;}
#call p {margin: 20px 0;}

#banner-bot {height: 350px;}

#sobre {padding: 50px 0; background: #ecf1f9;}
#sobre h3 {font-weight: bold; margin-top: 50px;}

#banner-top {padding: 50px 0;}
#banner-top h1 {color: #fff; font-size: 32px; margin: 5px 0 25px;}
#banner-top a {color: #fff; text-transform: uppercase; }

#contato {padding: 50px 0 20px; text-align: center; background: #ecf1f9;}
#contato h1 {color: #333333; font-weight: bold; text-transform: uppercase;}
#contato-form {padding-bottom: 50px; background: #ecf1f9;}
#contato-form input , #contato-form textarea {border-radius: 20px;}
#contato-form #btnEnvia {border: none; background: #333333; color: #fff; padding: 7px 30px; text-transform: uppercase; display: block; margin: 0 auto; max-width: 250px;}

#topo {background: url(img/bg-top-port.jpg) center top no-repeat; padding: 50px 0; background-size: cover;}
#topo h1 {color: #fff; font-size: 52px; line-height: 1; margin-top: 50px;}

.overlay {  position: absolute;  top: 0;  bottom: 0;left: 0;  right: 0;  height: 100%;width: 100%;  opacity: 0;  transition: .5s ease;  background-color: #f76e0087;}

#trabalhos {padding: 50px 0;}
#trabalhos article img {margin: 0 auto; display: block;}
#trabalhos article {position: relative; margin-bottom: 15px;}
#trabalhos article:hover .overlay {  opacity: 1;}
#trabalhos .text {color: white;  font-size: 22px; font-weight: bold; line-height: 1;  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);: translate(-50%, -50%);  text-align: center;}

#empresa {padding: 100px 0; background: url(img/bg-quem-somos.jpg) center top no-repeat; background-size: cover;}
#empresa h1 {color: #fff;}

#cafe {padding: 50px 0; background: url(img/bg-cafe.jpg) center top no-repeat;}
#cafe .bola {background: #fff;width: 90px; height: 90px; border-radius: 100%; font-size: 58px; text-align: center; float: left;}
#cafe h3 {color: #fff; line-height: 1; float: left; margin-top: 15px; margin-left: 10px;}
#cafe .small {font-size: 28px; margin-top: 22px;}

#quem-desc {background: #ecf1f9;}
#quem-desc {padding: 70px 0;}

#quem-desc h2 {font-weight: bold; text-transform: uppercase;}
#quem-desc .servicos img {max-width: 15%; float: left;}
#quem-desc .servicos .texto {float: left; width: 80%; margin-left: 15px; line-height: 1; margin-bottom: 25px;}
#quem-desc .servicos h3 {font-weight: bold;}

footer {background: #333333; color: #fff; padding: 10px 0;}
footer a {color: #fff;}
footer .marg {margin-top: 10px; display: block;}
footer .social i {font-size: 20px;}
footer .social {margin-top: 10px;}
footer i {margin-right: 10px;}

.bandeiras {position: absolute; right: -30px; top: 15px;}

/*BLOG*/
#blog-header {padding: 100px 0; background: url(img/banner.webp) center top no-repeat;}
#blog-header h1 {color: #fff; text-align: center; font-family: 'Rubik'; font-weight: bold; text-transform: uppercase;}
#blog-header h2 {color: #fff; text-align: center; font-family: 'Rubik';}

#blog {padding: 50px 0;}
#blog img {width: 100%; max-width: 100%; height: auto;}
#blog .texto {background: #f5f5f5; padding: 30px 40px; margin-bottom: 5px;}
#blog .texto h3 {color: #1A1C26;}
#blog .texto a {color: #606060;}

#single-top {padding: 100px 0; background: url(img/banner.webp) center top no-repeat;}
#single-top h1 {color: #fff; text-align: center; font-family: 'Rubik'; font-weight: bold; text-transform: uppercase;}

#single-content {padding: 70px 0;}
#single-content img {width: 100%; max-width: 100%; height: auto; margin-bottom: 25px;}
#single-content ul {padding: 0;}
#single-content ul li {list-style: none; padding-bottom: 8px; margin-bottom: 8px; border-bottom: solid 1px #f2f2f2;}
#single-content ul li:hover {color: #f78b00;}
#single-content ul li a {color: #111111;}
#single-content .quem {margin-top: 50px;}
#single-content h3 {margin-bottom: 10px;}
#single-content .small {height: 2px; width: 30px; background: #fff; margin: 0px 0 20px 0; display: block; background: #f78b00;;}


#formulario-vaga {padding: 70px 0; background: #ecf1f9; text-align: center;}
#formulario-vaga h1 {text-transform: uppercase; font-weight: bold;}
#formulario-vaga h2 {margin: 30px 0;}
#formulario-vaga #btnEnvia {border: none; background: #333333; border-radius: 20px; color: #fff; padding: 7px 30px; text-transform: uppercase; display: block; margin: 0 auto; max-width: 250px;}
#formulario-vaga #btnEnvia:hover {background: #f59a00;}

#cultura {padding: 70px 0; text-align: center; background: url(img/bg-servicos-black.jpg); color: #fff;}

@media only screen and (max-width: 600px) {
	#dlm .papel {display: none;}
	#dlm .ico {float: none; display: block; margin: 0 auto;}
	#dlm p {float: none !important; text-align: center !important;}
	#certificados img {display: block; margin: 0 auto; margin-bottom: 15px;}
	#depoimentos .texto {width: 100%; margin-top: 15px;}
	#depoimentos .imagem {width: 100%;}
	.end {display: none;}
	#banner-top img {margin-top: 15px;}

	.logo-merc {max-width: 100px;}

	#cafe {background-size: cover;}
	#cafe .bola {margin-bottom: 15px;}
	.bandeiras {position: unset;}
	

}