body {
	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
}

.container {
	max-width: 1200px;
}

.primary-color {
	color: #757db5;
}

.primary-color-hover:hover,
.primary-color-hover:focus,
.primary-color-hover:active {
	color: #757db5 !important;
}

.secondary-color {
	color: #976a0c;
}

.secondary-color-hover:hover,
.secondary-color-hover:focus,
.secondary-color-hover:active {
	color: #976a0c !important;
}

.terciary-color {
	color: #1a1a1a;
}

.terciary-color-hover:hover,
.terciary-color-hover:focus,
.terciary-color-hover:active {
	color: #1a1a1a !important;
}

.primary-bg {
	background-color: #757db5;
}

.secondary-bg {
	background-color: #976a0c;
}

.terciary-bg {
	background-color: #1a1a1a;
}

::-moz-selection {
	background: #757db5; /* Gecko Browsers */
	color: #FFF;
	opacity: 1;
}

::selection {
	background: #757db5; /* WebKit/Blink Browsers */
	color: #FFF;
	opacity: 1;
}

.btn-primary:focus {
    box-shadow: none !important;
}

/*@media (min-width: 992px) {*/
	*:focus {
	    outline: none !important;
	}
/*}*/

p {
	font-size: 15px;
	line-height: 24px;
	color: #555;
}

ul li {
	font-size: 15px;
	line-height: 24px;
	color: #555;
}

a,
.a {
	color: #757db5;
}

a:hover,
.a:hover,
a:focus,
.a:focus,
a:active,
.a:active {
	color: #444;
	text-decoration: none;
}

.h1, h1 {
	font-weight: 600;
	font-size: 48px;
	color: #757db5;
}

.h2, h2 {
    font-size: 20px;
    color: #757db5;
    font-weight: 600;
}

.notransition {
	transition: none !important;
}

input[type='text']:hover,
input[type='text']:focus,
input[type='text']:active,
input[type='password']:hover,
input[type='password']:focus,
input[type='password']:active,
textarea:hover,
textarea:focus,
textarea:active,
input[type='email']:hover,
input[type='email']:focus,
input[type='email']:active {
	
}

/* botoes */
.btn-primary {
    color: #FFF;
    background-color: #757db5;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    font-weight: 500;
    box-shadow: none;
    transition: all .3s;
    text-transform: uppercase;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	border-color: transparent !important;
    box-shadow: 5px 5px 20px 2px rgba(0,0,0,.2) !important;
	background-color: #555F9F !important;
	color: #FFF !important;
}

.btn-secondary {
    color: #FFF;
    background-color: transparent;
    border: 1px solid #FFF !important;
    border-radius: 36px;
    display: inline-block;
    font-weight: 400;
    box-shadow: none;
    box-shadow: 0px 5px 20px 2px rgba(0,0,0,.05);
    transition: all .3s;
    text-transform: uppercase;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    color: #fff !important;
    background-color: #555F9F !important;
    border-color: #555F9F !important;
    box-shadow: 5px 5px 20px 2px rgba(0,0,0,.2) !important;
    text-decoration: none !important;
}

.btn-terciary {
    color: #FFF;
    background-color: #976a0c;
    border: 1px solid transparent !important;
    border-radius: 4px;
    display: inline-block;
    font-weight: 700;
    box-shadow: none;
    box-shadow: 5px 5px 20px 2px rgba(0,0,0,.05);
    transition: all .3s;
}

.btn-terciary:hover,
.btn-terciary:focus,
.btn-terciary:active {
    color: #FFF !important;
    background-color: #1999CC !important;
    box-shadow: 5px 5px 20px 2px rgba(0,0,0,.2) !important;
    text-decoration: none !important;
}

.btn-lg {
	font-size: 17px;
	padding: 13px 30px;
}

.btn-lg2 {
	font-size: 18px;
	padding: 14px 36px;
}

.btn-xlg {
	font-size: 16px;
	padding: 14px 30px;
}

.btn-whatsapp {
	background: initial;
	background: unset;
	border-color: transparent !important;
	background-color: #FFF !important;
	color: #4c4c4c !important;
}

.btn-whatsapp span {
	vertical-align: middle;
}

.btn-whatsapp:hover,
.btn-whatsapp:focus,
.btn-whatsapp:active {
	background-color: #01A18C !important;
	border-color: transparent !important;
	border-bottom: 1px solid rgba(151,106,12,.7) !important;
	box-shadow: 0 0 20px 2px rgba(0,0,0,.185) !important;
}

.social-buttons {
	list-style: none;
	margin: 0;
	padding: 0;
}

.social-buttons li {
	display: inline-block;
	margin-left: 0px;
}

.social-buttons li:first-child {
	margin-left: 0;
}

.social-buttons li a {
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color: transparent;
	border-radius: 200px;
	border: 0px solid #ccc;
}

.social-buttons li a .fab {
	font-size: 16px;
	line-height: 33px;
	text-align: center;
	width: 100%;
	height: 100%;
	display: inline-block;
	color: #6c6e71;
}

.social-buttons li a.facebook-btn:hover,
.social-buttons li a.facebook-btn:focus,
.social-buttons li a.facebook-btn:active {
	background-color: #3b5a9a;
}

.social-buttons li a.instagram-btn:hover,
.social-buttons li a.instagram-btn:focus,
.social-buttons li a.instagram-btn:active {
	background-color: #7c4a3a;
}

.social-buttons li a.twitter-btn:hover,
.social-buttons li a.twitter-btn:focus,
.social-buttons li a.twitter-btn:active {
	background-color: #1aa9e1;
}

.social-buttons li a.youtube-btn:hover,
.social-buttons li a.youtube-btn:focus,
.social-buttons li a.youtube-btn:active {
	background-color: #c3191e;
}

.social-buttons li a.linkedin-btn:hover,
.social-buttons li a.linkedin-btn:focus,
.social-buttons li a.linkedin-btn:active {
	background-color: #0073b2;
}

.social-buttons li a.whatsapp-btn:hover,
.social-buttons li a.whatsapp-btn:focus,
.social-buttons li a.whatsapp-btn:active {
	background-color: #25D366;
}

.social-buttons li a:hover .fab,
.social-buttons li a:focus .fab,
.social-buttons li a:active .fab {
	color: #FFF;
}

.owl-carousel .owl-nav {
    top: 50%;
    position: absolute;
    margin-top: -20px;
    width: 100%;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: -5px 5px 5px 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-carousel .owl-nav button[class*="owl-"] {
    background-color: #757db5;
    border-color: #757db5 #757db5 #757db5;
    color: #FFF;
    border-radius: 200px;
    font-size: 20px;
    height: 50px;
    width: 50px;
    opacity: 1;
    box-shadow: 0 0 10px 2px rgba(0,0,0,.3);
}

.owl-carousel .owl-nav button[class*="owl-"]:hover, .owl-carousel .owl-nav button[class*="owl-"].hover {
    background-color: #757db5;
    border-color: #757db5 #757db5 #757db5;
    color: #ffffff;
    transform: scale(1.1);
}

.owl-carousel .owl-nav button.owl-prev {
    left: -15px;
}

.owl-carousel .owl-nav button.owl-next {
    right: -15px;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    display: inline-block;
    position: absolute;
    outline: 0;
}

.owl-carousel .owl-nav button.owl-prev:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f053";
    position: relative;
    left: -2px;
    top: 0px;
}

.owl-carousel .owl-nav button.owl-next:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f054";
    position: relative;
    left: 2px;
    top: 0px;
}


/* sticky header */
.sticky-header {
	width: 100%;
	z-index: 20;
}

@media (max-width: 768px) {
	#header {
		height: auto !important;
	}

	.sticky-header {
		height: auto !important;
	}
}

@media (min-width: 992px) {
	#header {
		overflow: hidden !important;
	}
	
	html.sticky-header-active .sticky-header {
		position: fixed;
		top: -148px;
		box-shadow: 0 0 20px 2px rgba(0,0,0,.7);
		transition: box-shadow .5s;
	}
}
/*
@media (max-width: 991px) {
	html.sticky-header-active .sticky-header {
		position: fixed;
		top: -44px;
		box-shadow: 0 0 20px 2px rgba(0,0,0,.7);
		transition: box-shadow .5s;
	}
}*/

/* header */
#header .header-content {
	height: 207px;
}

@media (min-width: 992px) {
	#header .header-content:after {
		content: "";
		background-image: url(../img/background/1.jpg);
		background-size: cover;
		background-position: center;
		position: absolute;
		top: 0;
		left: 35%;
		width: 75%;
		height: 100%;
		z-index: -1;
		transform: skew(-15deg);
		border-left: 10px solid #9C9C9C;
		background-color: #848CBD;
	}
}

@media (max-width: 1400px) {
	#header .header-content:after {
		left: 29%;
	}
}

#header .header-content > .container {
	position: relative;
	/*min-height: 172px;*/
	min-height: 148px;
}

.header-top {
	background-color: #EFEFEF;
}

/* logo */
/*#header .logo:before {
	content: "";
	position: absolute;
	top: 0;
	right: -35px;
	width: 50px;
	height: 100%;
	background-color: #FFF;
	border-right: 10px solid #9C9C9C;
	transform: skew(-12deg);
	z-index: 1;
}*/

#header .logo {
	background-color: #FFF;
	padding: 26px 0 0;
	text-align: center;
	transition: top .3s;
	position: relative;
	top: 0;
}

@media (max-width: 768px) {
	#header .logo {
		padding: 10px 0;
	}
}

#header .logo img {
	height: 122px;
	object-fit: scale-down;
	transition: all .3s;
	max-width: 100%;
}

@media (max-width: 768px) {
	#header .logo img {
		margin-right: 30px;
		margin-bottom: 0px;
		margin-top: 15px;
	}
}

#header .logo .logo-grande {
	display: inline-block;
}

#header .logo .logo-pequena {
	display: none;
	height: 40px !important;
}

@media (min-width: 768px) {
	html.sticky-header-active #header .logo {
		position: relative;
		top: 140px;
		background-color: transparent;
	}

	html.sticky-header-active #header .logo .logo-grande {
		display: none;
	}

	html.sticky-header-active #header .logo .logo-pequena {
		display: inline-block;
	}
}

@media (min-width: 768px) {
	html.sticky-header-active #header .logo img {
		height: 40%;
	}
}

#header .meio {
	height: 100%;
	display: inline-block;
}

#header .meio .item {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 148px;
	text-align: center;
	text-align: left;
}

#header .meio .item-container {
	width: 100%;
}

#header .meio .item.slogan {
	text-align: right;
	padding-right: 10px;
}

#header .meio .fa,
#header .meio .far,
#header .meio .fab {
	float: left;
	margin-right: 16px;
	padding-top: 5px;
	border-radius: 200px;
	width: 45px;
	height: 45px;
	line-height: 35px;
	flex-basis: 100%;
	text-align: center;
	color: #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+16,0.7+100 */
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 16%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 16%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 16%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#header .meio .whatsapp img {
	float: left;
	margin-right: 16px;
	padding-top: 5px;
	border-radius: 200px;
	width: 45px;
	height: 45px;
	padding: 11px;
	line-height: 35px;
	flex-basis: 100%;
	text-align: center;
	color: #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+16,0.7+100 */
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 16%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 16%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 16%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#header .meio .titulo {
	font-size: 13px;
	line-height: 13px;
	font-weight: 300;
	color: #FFF;
	text-transform: uppercase;
}

#header .meio .conteudo {
	margin-top: -4px;
	font-size: 18px;
	color: #FFF;
	display: block;
	line-height: 22px;
}

#header .meio .email .conteudo a {
	margin-top: -4px;
	font-size: 14px;
	color: #FFF;
	display: block;
	line-height: 22px;
}

#header .meio .email .conteudo a:hover,
#header .meio .email .conteudo a:focus {
	text-decoration: underline;
}

/* menu */
#header .menu {
	background-color: #FFF;
	border-top: 1px solid #E5E5E5;
}

@media (max-width: 991px) {
	#header .menu > .container {
		padding: 0;
	}
}

@media (min-width: 768px) {
	html.sticky-header-active #header .menu {
		/*padding-top: 42px;*/
	}
}

#header .menu nav ul {
	margin: 0;
	padding: 0;
	font-size: 0;
}

#header .menu nav > ul > li {
	display: inline-block;
	position: relative;
}

#header .menu nav > ul > li > a {
	font-size: 17px;
	color: #4c4c4c;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 500;
	padding: 18px 40px;
	transition: color .2s, background-color .2s, text-shadow .2s, box-shadow .2s;
	position: relative;
	margin-top: -1px;
}

html.sticky-header-active #header nav.menu-desktop {
	transition: all 3s;
}

html.sticky-header-active #header nav.menu-desktop {
    justify-content: flex-end !important;
    display: flex;
}

@media (min-width: 992px) {
	html.sticky-header-active #header .menu nav > ul > li > a {
		font-size: 15px;
		font-weight: 600;
		padding: 20px 23px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	#header .menu nav > ul > li > a {
		font-size: 14px;
		font-weight: 600;
		padding: 20px 12px;
	}	
}

@media (min-width: 768px) and (max-width: 1199px) {
	html.sticky-header-active #header .menu nav > ul > li > a {
		font-size: 14px;
		font-weight: 600;
		padding: 20px 11px;
	}	
}

#header .menu nav > ul > li > a:hover,
#header .menu nav > ul > li > a:focus,
#header .menu nav > ul > li > a:active {
	background-color: #848CBD;
	text-shadow: 1px 1px 4px rgba(0,0,0,1);
	box-shadow: inset 0 -20px 20px -0px rgba(0,0,0,.2);
	color: #FFF;
}

#header .menu nav > ul > li.current a {
	background-color: #848CBD;
	text-shadow: 1px 1px 4px rgba(0,0,0,1);
	box-shadow: inset 0 -20px 20px -0px rgba(0,0,0,.2);
	color: #FFF;
}

/* menu responsivo */
.menu-responsive-btn {
	background-color: #848CBD;
	color: #FFF;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.menu-responsivo-col {
	position: absolute;
	top: 35px;
	right: 0;
}

.menu-responsive-btn:hover,
.menu-responsive-btn:focus,
.menu-responsive-btn:active {
	color: #FFF;
}

.menu-responsive {
	width: 100%;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: opacity .8s, max-height .6s;
}

.menu-responsive-open {
	max-height: 1000px;
	opacity: 1;
}

.menu-responsive ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

.menu-responsive ul li {
	border-bottom: 1px solid #F0F0F0;
	display: inline-block;
	width: 100%;
}

.menu-responsive ul li a {
	padding: 16px 20px;
	display: inline-block;
	width: 100%;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

.menu-responsive ul li.current a {
	color: #444;
}

.pagina-conteudo .imagens .item img {
	width: 100%;
	height: 350px;
	object-fit: cover;
	object-position: center;
}

/* main */
main {
	min-height: 601px;
}

main .pagina-conteudo {
	min-height: 420px;
}

/* slider */
.slider-home {
	border-bottom: 10px solid #757db5;
}

.tp-caption.top-label {
	/*text-shadow: 3px 3px 10px rgba(0,0,0,.5);*/
}

.tp-caption.top-label strong {
	color: #757db5;
	font-weight: 900;
}

.tp-caption.main-label {
	text-shadow: 3px 3px 10px rgba(0,0,0,.5);
}

@media (max-width: 991px) {
	.tp-caption.main-label {
		max-width: 400px !important;
		width: 400px !important;
		word-wrap: normal !important;
		white-space: normal !important;
	}
	.tp-caption.main-label br {
		display: none;
	}
}

@media (max-width: 991px) {
	.slider-container .btn {
		font-size: 12px !important;
		padding: 6px 10px !important;
	}
}

@media (max-width: 799px) {
	.tp-bgimg.defaultimg  {
		background-size: 300% !important;
		background-position: left center !important;
	}
}

/* intro */
section.intro {
	background-color: #ecb123;
	position: relative;
	background-image: url(../img/background/1.png);
	background-blend-mode: multiply;
}

@media (min-width: 992px) {
	section.intro:after {
		content: "";
		background-color: #6c6e71;
		background-image: url(../img/background/1.png);
		background-blend-mode: multiply;
		position: absolute;
		top: 0;
		right: 0;
		width: 30%;
		height: 100%;
	}
}

section.intro > .container {
	position: relative;
}

section.intro .topo {
	position: absolute;
	width: 100%;
	top: -50px;
	border-radius: 4px;
	padding: 20px;
	z-index: 2;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#976a0c+1,ac7a04+100 */
	background: rgb(151,106,12); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(151,106,12,1) 1%, rgba(172,122,4,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(151,106,12,1) 1%,rgba(172,122,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(151,106,12,1) 1%,rgba(172,122,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#976a0c', endColorstr='#ac7a04',GradientType=1 ); /* IE6-9 */
}

@media (max-width: 991px) {
	section.intro .topo {
		width: auto;
	}
}

section.intro .topo span {
	color: #FFF;
	font-size: 30px;
	line-height: 50px;
	font-weight: 500;
}

@media (max-width: 991px) {
	section.intro .topo span {
		font-size: 30px;
		line-height: 26px;
		margin-bottom: 15px;		
	}
}

section.intro .conteudo .contato,
section.intro .conteudo .orcamento {
	padding: 50px 50px 30px;
}

@media (max-width: 991px) {
	section.intro .conteudo .contato {
		padding: 140px 50px 30px;
	}
	section.intro .conteudo .orcamento {
		padding: 30px 50px 30px;
	}
}

section.intro .conteudo .fa.fa-phone {
	float: left;
	margin-right: 30px;
	color: #FFF;
	font-size: 22px;
	padding: 24px;
	background-image: url(../img/icons/borda-2.png);
	background-size: contain;
	background-repeat: no-repeat;
}

section.intro .conteudo .fa.fa-envelope {
	float: left;
	margin-right: 30px;
	color: #FFF;
	font-size: 22px;
	padding: 24px;
	background-image: url(../img/icons/borda-1.png);
	background-size: contain;
	background-repeat: no-repeat;
}

section.intro .conteudo .texto {
	display: inline-block;
}

section.intro .conteudo .texto span.titulo {
	display: block;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 15px;
	margin-top: 10px;
}

section.intro .conteudo .texto span.telefone {
	color: #FFF;
	font-size: 25px;
	font-weight: 600;
}

section.intro .conteudo .texto a.email {
	color: #FFF;
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
}

section.intro .conteudo .texto a.email:hover,
section.intro .conteudo .texto a.email:focus,
section.intro .conteudo .texto a.email:active {
	text-decoration: underline;
}

section.intro .conteudo .orcamento {
	background-color: #6c6e71;
	z-index: 1;
}

section.intro .conteudo .orcamento .fa.fa-dollar-sign {
	float: left;
	margin-right: 20px;
	color: #FFF;
	font-size: 22px;
	padding: 28px;
	line-height: 14px;
	background-image: url(../img/icons/borda-1.png);
	background-size: contain;
	background-repeat: no-repeat;
}

section.intro .conteudo .orcamento .texto {
	float: left !important;
}

section.intro .conteudo .orcamento .titulo {
	font-weight: 600 !important;
	font-size: 20px;
	line-height: 20px !important;
	margin-right: 20px !important;
	margin-top: 12px !important;
	display: inline-block !important;
}

section.intro .conteudo .orcamento .btn {
	margin-top: 6px;
}

/* serviços */
section.servicos {
	padding: 50px 0;
	border-bottom: 10px solid #757db5;
}

section.servicos .topo {
	text-align: center;
}

section.servicos .topo .titulo {
	color: #221e1f;
	font-size: 40px;
	line-height: 40px;
	font-weight: 300;
}

section.servicos .topo .subtitulo {
	color: #221e1f;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	letter-spacing: 7px;
	text-transform: uppercase;
}

section.servicos .conteudo .item {
	margin: 20px 0;
	padding: 20px;
}

section.servicos .conteudo .item .imagem {
	width: 100%;
	height: 230px;
	overflow: hidden;
	margin: 0;
}

section.servicos .conteudo .item .imagem img {
	width: 100%;
	height: 230px;
	object-fit: cover;
	object-position: center;
	transition: all 5s;
}

section.servicos .conteudo .item:hover {
    box-shadow: 0 0 30px 2px rgba(0,0,0,.1);
}

section.servicos .conteudo .item:hover .imagem img {
	transform: scale(1.1);
}

section.servicos .conteudo .item > a:hover {
	border: 3px solid #757db5;
	box-shadow: 0 0 30px 2px rgba(0,0,0,.1);
}

section.servicos .conteudo .item .texto {
	padding: 20px 30px 30px 30px;
}

section.servicos .conteudo .item .texto .titulo {
	text-align: center;
	color: #221e1f;
	display: block;
	/*text-align: center;*/
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 12px;
	height: 72px;
}

section.servicos .conteudo .item .texto .chamada {
	color: #4c4c4c;
	display: block;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 8px;
	text-align: center;
	height: 120px;
}

section.servicos .conteudo .item .botao {
	text-align: center;
}

section.servicos .conteudo .item .botao .btn {
	width: 298px;
}

section.servicos .conteudo .item .conteudo-lista {
	padding: 30px;
	display: none;
}

section.servicos .conteudo .item .conteudo-lista ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

section.servicos .conteudo .item .conteudo-lista ul li {
	color: #848cbe;
	font-size: 15px;
	line-height: 16px;
	text-transform: uppercase;
	margin-bottom: 14px;
	font-weight: 500;
}

section.servicos .conteudo .item .conteudo-lista ul li .fa,
section.servicos .conteudo .item .conteudo-lista ul li .far,
section.servicos .conteudo .item .conteudo-lista ul li .fab {
	margin-right: 10px;
}

/* clientes */
section.clientes {
	padding: 50px 0;
	background-color: #FBFBFB;
	/*background-image: url(../img/background/1.jpg);*/
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	border-bottom: 10px solid #757db5;
}

section.clientes .topo .titulo {
	font-size: 40px;
    line-height: 40px;
    font-weight: 300;
	color: #221e1f;
}

section.clientes .topo .subtitulo {
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	letter-spacing: 7px;
	text-transform: uppercase;
	color: #221e1f;
}

section.clientes .conteudo .item {
	margin: 20px;
	box-shadow: 0 0 20px 2px rgba(0,0,0,.1);
	background-color: #FFF;
}

section.clientes .conteudo .item > a {
	display: inline-block;
	position: relative;
	width: 100%;
}

section.clientes .conteudo .item figure {
	width: 100%;
	height: 150px;
	overflow: hidden;
	margin: 0;
}

section.clientes .conteudo .item figure img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	object-position: center;
	transition: all 5s;
	padding: 10px;
}

section.clientes .conteudo .item:hover figure img {
	transform: scale(1.1);
}

section.clientes .conteudo .item > a:hover {
	box-shadow: 0 0 30px 2px rgba(0,0,0,.1);
}

section.clientes .conteudo .item .texto {
	padding: 20px 30px 20px 30px;
	width: 100%;
}

section.clientes .conteudo .item .texto .titulo {
	color: #333;
	display: block;
	/*text-align: center;*/
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 8px;
}

section.clientes .conteudo .item .texto .chamada {
	color: #4c4c4c;
	display: block;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 8px;
}

section.clientes .conteudo .item .texto .link {
	font-weight: 700;
	font-style: italic;
}

section.clientes .conteudo .item .texto .link:hover {
	text-decoration: underline;
}

section.clientes .conteudo .item .texto .link .fa,
section.clientes .conteudo .item .texto .link .far {
	font-size: 10px;
}

section.clientes .ver-todos a {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 30px;
}

section.clientes .ver-todos a:hover {
	text-decoration: underline;
}

section.clientes .ver-todos a .fa,
section.clientes .ver-todos a .far {
	font-size: 14px;
}

/* emrpesa */
section.empresa {
	padding: 60px 0;
	background-image: url(../img/background/2.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	border-bottom: 10px solid #757db5;
}

section.empresa .texto-fantasma {
	font-size: 140px;
	line-height: 140px;
	text-transform: uppercase;
	color: rgba(255,255,255,.1);
	font-weight: 900;
	letter-spacing: -10px;
	position: absolute;
	top: 0;
	left: -70px;
}

@media (max-width: 991px) {
	section.empresa .texto-fantasma {
		font-size: 60px;
		left: 0px;
		letter-spacing: -3px;
	}	
}

section.empresa .titulo {
	color: #848cbe;
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 6px;
	margin-top: 65px;
	margin-bottom: 14px;
}

section.empresa .chamada {
	color: #FFF;
	font-size: 30px;
	line-height: 40px;
	font-weight: 400;
	max-width: 650px;
	margin-bottom: 20px;
}

section.empresa p {
	color: #FFF;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	max-width: 650px;
}

section.empresa .subtitulo {
	color: #848cbe;
	font-size: 22px;
	line-height: 22px;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 14px;
	font-weight: 600;
}

section.empresa ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

section.empresa ul li {
	margin-bottom: 10px;
	color: #FFF;
	font-weight: 600;
	font-size: 16px;
	line-height: 16px;
}

section.empresa ul li .fa,
section.empresa ul li .far,
section.empresa ul li .fab {
	margin-right: 10px;
}

/* contato */
section.contato {
	padding: 60px 0 0;
	background-image: url(../img/background/1.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.interna section.contato {
	padding: 30px 0 0;
}

section.contato .topo h1 {
	color: #FFF;
	font-weight: 700;
	margin: 0;
}

section.contato .topo .subtitulo {
	color: #FFF;
	font-weight: 200;
	font-family: 'Roboto';
}

section.contato .conteudo form input[type="text"],
section.contato .conteudo form input[type="email"],
section.contato .conteudo form textarea {
	border: none;
	border-right: 3px solid #757db5;
	border-bottom: 3px solid #757db5;
}

section.contato .conteudo {
	position: relative;
}

section.contato .conteudo label {
	color: #FFF;
}

section.contato .conteudo .imagem img {
	position: absolute;
	bottom: 0;
	left: 10%;
}

section.contato a {
	color: #FFF;
	font-weight: 500;
}

section.contato a:hover,
section.contato a:focus {
	text-shadow: 0 0 5px rgba(255,255,255,.5);
	text-decoration: underline;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #D4A300;
    outline: 0;
    box-shadow: none;
}

.contato-pagina h2 {
	color: #D4A300;
	font-size: 24px;
}

.menu-lateral ul {
	list-style: none;
	padding: 0;
}

.menu-lateral ul li {
	border-top: 1px solid rgba(0,0,0,.1);
}

.menu-lateral ul li:first-child {
	border-top: none;
}

.menu-lateral ul li a {
	display: block;
	padding: 6px;
	width: 100%;
	text-align: center;
	font-size: 14px;
}

.menu-lateral ul li a:hover {
	color: #333;
}

.grid .element-item a {
	width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: bottom;
	overflow: hidden;
}

.grid .element-item img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	object-position: center;
	transition: all 0.3s ease;
}

.grid .element-item a:hover img,
.grid .element-item a:focus img,
.grid .element-item a:active img {
	transform: scale(1.1);
}

.grid .element-item a:hover .thumb-info-title,
.grid .element-item a:focus .thumb-info-title,
.grid .element-item a:active .thumb-info-title {
	background-color: rgba(0,0,0,.5);
}

.grid {
	width: 100%;
	margin: 0 auto;
}

.grid .element-item {
	width: 32%;
	height: auto;
	padding: 10px;
}

@media (max-width: 991px) {
	.grid .element-item {
		width: 50%;
		height: auto;
	}
}

.grid .element-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* footer */
#footer {
	border-top: 6px solid #262626;
	background-image: url(../img/background/3.jpg);
	background-size: cover;
}

#footer > .conteudo {
	padding: 30px 0;
}

#footer > .conteudo .fa,
#footer > .conteudo .far,
#footer > .conteudo .fab {
	float: left;
	margin-right: 16px;
	padding-top: 5px;
	border-radius: 200px;
	width: 45px;
	height: 45px;
	line-height: 35px;
	flex-basis: 100%;
	text-align: center;
	color: #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+16,0.7+100 */
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 16%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 16%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 16%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#footer > .conteudo .whatsapp img {
	float: left;
	margin-right: 16px;
	padding-top: 5px;
	border-radius: 200px;
	width: 45px;
	height: 45px;
	padding: 11px;
	line-height: 35px;
	flex-basis: 100%;
	text-align: center;
	color: #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+16,0.7+100 */
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 16%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 16%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 16%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


#footer > .conteudo .titulo {
	font-size: 12px;
	line-height: 12px;
	font-weight: 300;
	color: #FFF;
	text-transform: uppercase;
}

#footer > .conteudo .conteudo {
	margin-top: -4px;
	font-size: 14px;
	color: #FFF;
	display: block;
	line-height: 20px;
}

#footer > .conteudo .conteudo a {
	color: #FFF;
}

#footer > .conteudo a:hover {
	text-decoration: underline;
	color: #757db5;
}

#footer .creditos {
	background-color: #E6E6E6;
	padding: 10px 0;
}

#footer .creditos .cia span {
	color: #4D4D4D;
	font-weight: 600;
	font-size: 13px;
}

#footer .creditos .dev a {
	color: #4D4D4D;
	font-weight: 600;
	font-size: 13px;
}

/* page header */
.page-header {
	background-image: url(../img/background/2.jpg);
	background-size: cover;
	/*background-size: auto;*/
	background-position: 50% 50%;
	padding: 35px;
	text-align: left;
	box-shadow: inset 0 10px 30px 2px rgba(0,0,0,.05);
}

.page-header h1 {
	font-size: 30px;
	line-height: 30px;
	padding-top: 5px;
	font-weight: 600;
	color: #333;;
	text-align: left;
	display: inline-block;
	text-transform: uppercase;
}

.pagina-conteudo {
	padding: 30px 0;
}

@media (max-width: 991px) {
	.pagina-conteudo {
		padding: 20px 0;
	}
}

.pagina-conteudo h1 {
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 0;
	color: #757db5;
}

.pagina-conteudo .imagens .popup-gal img {
	object-fit: scale-down;
	object-position: top;
}

.breadcrumb {
	background-color: transparent;
	margin-bottom: 0;
	padding: 0;
}

.breadcrumb ol {
	display: inline-block;
}

.breadcrumb a {
	color: #333;
	text-shadow: 0 0 2px rgba(0,0,0,.2);
}

.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active {
	color: #757db5;
	text-shadow: none;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #333;
    content: "/";
    text-shadow: 0 0 2px rgba(0,0,0,.2);
}

.breadcrumb-item.active {
    color: #999;
}

.especificacoes {
	margin-top: 30px;
	background-color: #FAFAFA;
	padding: 40px;
}

/* pagina contato */
.contato-pagina iframe {
	width: 100%;
	height: 250px;
}

.contato-pagina .endereco ul {
	list-style: none;
	padding: 0;
}

.contato-pagina .endereco .list-icons .fa,
.contato-pagina .endereco .list-icons .far {
	color: #757db5;
	width: 30px;
	height: 30px;
	font-size: 18px;
	text-align: center;
	margin-right: 6px;
}

.contato-pagina .endereco .list-icons .texto {
	max-width: 85%;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #757db5;
    outline: 0;
    box-shadow: none;
}

.contato-pagina h2 {
	color: #757db5;
	font-size: 24px;
}

/* empresa pagina */
.empresa-pagina h3 {
	color: #444;
	font-size: 22px;
}

.empresa-pagina h2 {
	color: #757db5;
	font-size: 24px;
}

.menu-lateral {
	text-align: center;
	position: relative;
}

.menu-lateral .titulo {
	display: inline-block;
	width: 100%;
	padding: 20px 30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,ffffff+100 */
	background: rgb(243,243,243); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(243,243,243,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	font-size: 18px;
	font-weight: 600;
	color: red;
}

.menu-lateral .titulo .fa {
	float: right;
	margin-top: 3px;
	color: #ccc;
}

.menu-lateral ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

.menu-lateral ul li {
	position: relative;
}

.menu-lateral > ul > li > a {
	display: inline-block;
	padding: 12px 30px;
	width: 100%;
	border-top: 1px solid #F0F0F0;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #666;

	background-color: #FFF;
	transition: all .3s;
}

.menu-lateral ul.submenu {
	margin: 0;
	border-bottom: 1px solid #CCC;
}

.menu-lateral ul.submenu > li > a {
	display: inline-block;
	padding: 10px 45px;
	width: 100%;
	border-top: 1px solid #F5F5F5;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	color: #4c4c4c;

	background-color: #FFF;
	transition: all .3s;
}

.menu-lateral ul li a:hover {
	background-color: #F5F5F5;
	color: #333;
}

.menu-lateral ul li.current > a {
	background-color: #F5F5F5;
	border-bottom: 1px solid #CCC;
	font-weight: 600;
}

.d-none-ni {
	display: none;
}

.tparrows {
	cursor: pointer;
	background: #757db5;
	border: 0px solid #FFF;
	box-shadow: 0 0 30px 2px rgba(0,0,0,.3);
	width: 50px;
	height: 50px;
	position: absolute;
	display: block;
	z-index: 1000;
	border-radius: 200px !important;
	transition: background .2s;
}

.tparrows:hover {
	background: #757db5;
}

.tp-leftarrow:hover {
	transform: matrix(1, 0, 0, 1, 30, -25) scale(1.1) !important;
}

.tp-rightarrow:hover {
	transform: matrix(1, 0, 0, 1, -80, -25) scale(1.1) !important;
}

.tparrows:hover:before {
	color: #FFF;
}

.tparrows:before {
	font-family: "revicons";
	font-size: 20px;
	color: #FFF;
	display: block;
	line-height: 50px;
	text-align: center;
}

.tp-leftarrow {
	padding-right: 4px;
}

@media (min-width: 992px) {
	.tp-leftarrow {
		padding-right: 4px;
		left: 10% !important;
	}

	.tp-rightarrow {
		left: 90% !important;
	}
}

@media(min-width: 992px) {
	.col-1-5 {
		width: 20%;
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 5px;
		padding-left: 5px;
	}
}