@charset "UTF-8";

/* DESKTOP */

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

	.fLatoBlack { font-family: 'LatoBlack', sans-serif; }
	.fDosisLight { font-family: 'Dosis', sans-serif; }
	.fPoppins { font-family: 'Poppins', sans-serif; }
	.fLucidaBright{ font-family: 'lucida_brightregular', sans-serif; }

	.fNunito { font-family: 'Nunito Sans', sans-serif; }
	.fLobster { font-family: 'Lobster', cursive; font-family: 'Cookie', cursive; font-weight: 400; }
	.fTeko { font-family: 'Teko', sans-serif, cursive; }
	.fTitillium { font-family: 'Titillium Web', sans-serif; }

	
	.hide, .hidden, .mobiletest-div{ display: none !important; }

	*, a { outline: none !important; }

	body h1, body h2, body h3, body h4, body h5, body h6 {
		font-family: 'Titillium Web', sans-serif;
		/*font-family: 'Hind Madurai', sans-serif;*/
		margin-bottom: 10px;
		line-height: 24px;
		line-height: 1.2;
		/*font-size: 1rem;*/
		font-weight: normal;
		color: #444256;
	}

	*, h1, h2, h3, h4, h5, h6, li, ol, p, ul {
		margin: 0;
		padding: 0;
	}
	ol, ul {
		list-style: none;
	}

	.col-padding-0, .col-padding-0>.row>[class*=col-] {
		padding: 0;
	}
	.col-padding-0>.row {
		margin: 0;
	}

	.equal {
	  display: flex;
	  display: -webkit-flex;
	  flex-wrap: wrap;
	}

	.bd1{ border: 2px dotted red; }
	.pd-15{ padding: 15px; }
	.pd-25{ padding: 25px; }
	.h100{ height: 100%; }


	.color-white{ color: #FFFFFF; }
	.color-black{ color: #000000; }


	.icon-svg{ width: 70px; height: 70px; }

	.btn-effect {
		letter-spacing: 4px;
		position: relative;
		text-transform: uppercase;
	}
	.btn-effect:before, .btn-effect:after {
		border-color: transparent;
		-webkit-transition: all 0.25s;
		transition: all 0.25s;
		border-style: solid;
		border-width: 0;
		content: "";
		height: 24px;
		position: absolute;
		width: 24px;
	}
	.btn-effect:before {
		border-color: #F5BF23;
		border-left-width: 2px;
		border-top-width: 2px;
		left: -5px;
		top: -5px;
	}
	.btn-effect:after {
		border-color: #F5BF23;
		border-bottom-width: 2px;
		border-right-width: 2px;
		bottom: -5px;
		right: -5px;
	}
	.site-button {
		padding: 10px 20px;
		display: inline-block;
		font-size: 14px;
		outline: none;
		cursor: pointer;
		outline: none;
		border-width: 0;
		border-style: solid;
		border-color: transparent;
		line-height: 1.42857;
		margin-left: -1px;
		text-decoration: none !important;
	}
	.site-button {
		background-color: #F5BF23;
		color: #fff;
	}
	.btn-effect:hover:before,
	.btn-effect:hover:after{
		height: 100%;
		width: 100%;
	}
	.site-button:hover.btn-effect:before,
	.site-button:hover.btn-effect:after{
	  border-color: #222;
	}
	.site-button:hover {
		background-color: #222;
		color: #fff;
	}
	.site-button:hover {
		background-color: #222;
		color: #fff;
	}


	.feature-numberd-item{ text-align: center; color: white; padding: 35px 0; }

	.box-contact-infos{
	
	}
	.box-contact-infos .item{ font-size: 1.1rem; margin-bottom: 3px; color: #6a6a6a; }


	.form-default .form-control {
		border: 0px;
		border: 1px solid #efefef;
		border: 1px solid #FFFFFF;
		height: calc(1.5em + .75rem + 7px);
		padding: .45rem .75rem;
		font-family: 'Poppins', sans-serif;

		color: #555;
		height: 55px;
		font-size: .95rem;
		font-size: 1.1rem;
		line-height: 20px;
		padding: 18px 12px 18px 12px;
		border-radius: 3px;
		background-clip: unset;
	}


	.box-logotipo {
		z-index: 99;
		position: absolute;
		top: 5px;
		left: 15px;
		width: auto;
		padding: 0 10px;
		background-color: white;
		padding-bottom: 5px;
		border-radius: 5px;
		box-shadow: 0 3px 63px 0 rgba(40,40,40,.11);
	}


	.navbar{ padding: 0; padding-bottom: 5px; }
	.menu-principal .navbar-nav {
		margin-left: auto !important;
	}
	.menu-principal .navbar-nav .nav-item { margin: 3px 13px; margin: 6px 10px; border-bottom: 3px solid #FFFFFF; }
	.menu-principal .navbar-nav .nav-item.active { border-bottom: 3px solid #4ac7d5; }
	.menu-principal .navbar-nav .nav-link { padding: .3rem .2rem; color: #27858b; font-size: 1.1rem; font-size: 1rem; text-transform: uppercase; font-family: 'Titillium Web', sans-serif; }
	.menu-principal .navbar-nav .nav-link:hover { color: #27858b; }



	.service-item {
		position: relative;
		height: 100%;
		background-color: #fff;
		position: relative;
		margin-bottom: 30px;
		overflow: hidden;
		border-radius: 4px;
		box-shadow: 0 3px 53px 0 rgba(40,40,40,.05);
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
	}
	.service-item .linha{
		position: absolute;
		border-top: 6px solid gray;
		height: 5px;
		width: 230px;
		top: 0;	
	}
	.service-item .linha.linhaazul{ border-color: #6bd9e7; }
	.service-item .linha.linhaamarelo{ border-color: #F5BF23; }


	.diferent-item {
		position: relative;
		height: 100%;
		background-color: #fff;
		position: relative;
		margin-bottom: 30px;
		border: 1px solid #d1eaef;
		/*overflow: hidden;*/
		border-radius: 4px;
		box-shadow: 0 3px 53px 0 rgba(40,40,40,.05);
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-ms-transition: all .4s ease;
		-o-transition: all .4s ease;
		transition: all .4s ease;
		background-color: #ffffff;
	}
	.diferent-item:hover { background-color: #d1eaef; background-color: #d9dfe0; border: 1px solid #F5BF23; }
	.diferent-item:after {
		position: absolute;
		content: '';
		left: 10px;
		right: 10px;
		top: -10px;
		height: 10px;
		background-color: #F5BF23;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-ms-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.diferent-item:hover:after {
		top: 0px;
		left: 0px;
		right: 0px;
	}
	.diferent-item p{
		font-size: .9rem;
		line-height: 1.2;	
	}

	.bg{
		height: 95vh;
		background-color: rgb(0,0,0,.8);
		background-size: cover;
		background-position: bottom center;
	}
	.bg-banner-transparency {
		position: absolute;
		right: 0;
		height: 100%;
		width: 100%;
		background: linear-gradient(to right, rgba(255,255,255,.9) 40%, rgba(255,255,255,0) 60%);
	}
	.panel-contato {
		background-color: #fff;
		padding: 60px;
		border-radius: 5px;
		box-shadow: 0 3px 63px 0 rgba(40,40,40,.11);
		/*display: flex;*/
		/*flex-wrap: wrap;*/
	}
	.cta__banner {
		background-color: #ff5e14;
		padding: 50px 30px 40px 40px;
		max-width: 95%;
		border-radius: 4px;
		position: absolute;
		bottom: -10px;
		left: -10px;
		color: white !important;
	}
	.cta__banner p, .cta__banner a{ color: white !important; }


	.tb_left_heading_wraper h4 {
		font-size: 18px;
		color: #F5BF23;
		text-transform: capitalize;
		font-family: 'PT Sans', sans-serif;
	}
	.tb_left_heading_wraper h4.linha {
		height: auto;
		color: #F5BF23;
		text-transform: capitalize;
		font-family: 'PT Sans', sans-serif;
		border-bottom: 3px solid #F5BF23;
		border-bottom: 3px solid #7f7f7e;
		width: 50%;
	}
	.tb_left_heading_wraper h3 {
		font-size: 32px;
		color: #111111;
		line-height: 30px;
		text-transform: uppercase;
		font-weight: 400;
		margin-top: 10px;
	}
	.tb_left_heading_wraper h3 span {
		font-size: 32px;
		color: #111111;
		line-height: 32px;
		text-transform: uppercase;
		font-weight: 700;
	}


	.tb-flex-bdr-img {
		text-align: center;
		perspective: 1000px;
		position: relative;
		height: 100%;
	}

	.tb-flex-bdr-img:after {
		content: '';
		position: absolute;
		right: -6%;
		top: 50px;
		height: 80%;
		width: 112%;
		border-width: 8px;
		border-style: solid;
		transform: rotateY(0);
		transform-origin: right;
		z-index: -1;
		transition: all 1s ease;
		opacity: 1;
		visibility: visible;
		color: #308891; 
		/*#F5BF23;*/
	}
	.box-img{ width: 100%; height: 100%; }

	.tb_work_wrapper {
		float: left;
		width: 100%;
		padding-bottom: 90px;
	}
	.tb-flex-bdr-img {
		text-align: center;
		perspective: 1000px;
		position: relative;
	}
	.tb-flex-bdr-img img {
		width: 100%;
	}
	.tb-flex-bdr-img:after {
		content: '';
		position: absolute;
		right: -6%;
		top: 50px;
		height: 80%;
		width: 112%;
		border-width: 8px;
		border-style: solid;
		transform: rotateY(0);
		transform-origin: right;
		z-index: -1;
		transition: all 1s ease;
		opacity: 1;
		visibility: visible;
		/*color: #F5BF23;*/
		color: #308891; 
	}
	.tb-flex-bdr-img:hover:after {
		transform: rotateY(35deg);
		opacity: 0;
		visibility: hidden;
	}
	.tb_work_txt_wrapper {
		float: left;
		width: 100%;
	}



	/* clientes */
	.box-clientes{ 
		/*margin-top: 40px;*/
		/*margin-top: 120px;*/
		/*margin-bottom: 90px;*/
		background-color: #FFF;
		padding-top: 120px;
		padding-bottom: 90px;
		border-top: 1px solid #d1eaef;
	}

	.box-galeria-home{
		margin-top: 40px;
		/*margin-top: 120px;*/
		/*margin-bottom: 90px;*/
		/*background-color: #e8e8e8;*/
		padding-top: 90px;
		padding-bottom: 90px;
		border-top: 1px solid #d1eaef;		
	}


	.box-header-texto{
		position: absolute;
		bottom: 5px;
		left: 0;
		width: 50%;
		padding: 2%;
		padding-bottom: 10%;
		padding-left: 5%;
		/*background-color: rgb(255,255,255,.8);*/
		border-bottom: 10px solid #F5BF23;
		border-bottom: 10px solid #7f7f7e;
	}

	.box-header-texto h2 {
		color: #2b858f;
		font-size: 3.6rem;
		line-height: 1.2;
		font-weight: bold;
		/*margin-bottom: 35px;*/
	}
	.box-header-texto h3 {
		color: #2b858f;
		font-size: 2.3rem;
		line-height: 1;
		font-weight: bold;
		/*margin-bottom: 35px;*/
	}

	.box-chamada-desc p{ margin-bottom: 1rem; }


	.box-circle{
		width: 200px;
		height: 200px;
		border: 3px solid gray;
		display: table;
		border-radius: 50%;
		background-color: #e2f6fb;
		/* padding: 15px 50px; */
		/* position: absolute; */
		/* right: -30px;*/	
	}



	.feature-numberd-item{ position:relative;text-align:center; background-color: #5673a0; border-radius: 10px; }
	.feature-numberd-item .feature__numberd-item-icon{ margin: 15px 0; margin-bottom: 8px; }
	.feature-numberd-item:hover .feature__numberd-item-icon{
		/*border: 1px dotted red;*/
		-webkit-animation:slideTopDown 1s infinite alternate;
		-moz-animation:slideTopDown 1s infinite alternate;
		-ms-animation:slideTopDown 1s infinite alternate;
		-o-animation:slideTopDown 1s infinite alternate;
		animation:slideTopDown 1s infinite alternate;
	}
	.feature-numberd-item span{ font-size: 1.5rem; }

	/*.feature-numberd-item .feature__numberd-item-number{font-size:160px;line-height:1;color:#f5f5f5;margin-bottom:0;z-index:-1;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}*/
	/*.feature-numberd-item .feature__numberd-item-title{font-size:24px;line-height:27px;margin-bottom:15px}*/
	
	.box-bg-parallax{
		min-height: 500px;
		height: 500px;	
	}
	.bg-parallax{
		background-attachment: fixed;
		min-height: 500px;
		height: 500px;
		background-size: cover;
		background-position: center center;	
	}
	.content-text{
		position: absolute;
		height: 110%;
		width: 100%;
		padding: 60px;
		background-color: #b97714;
		background-color: #5673a0;
		top: -5%;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.heading__title{
		font-size: 2.7rem;
		margin-bottom: 25px;
		line-height: 1;
	}
	.heading__desc{
		font-size: 1.3rem;
		/*margin-bottom: 25px;*/
		line-height: 1.25;
		font-weight: lighter;
	}


	.social__icons {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		align-items: center;

		margin: 15px 0;
	}
	.social__icons li {
		padding-right: 5px;
	}
	.social__icons li a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		background-color: #fff;
		color: #fff;
		font-size: 17px;
		border-radius: 50%;
	}
	.social__icons li a {
		display: block;
		color: #1b1a1a;
		color: #20727c;
		-webkit-transition: all .4s linear;
		-moz-transition: all .4s linear;
		-o-transition: all .4s linear;
		transition: all .4s linear;
	}

	.box-logo-fotter{
		position: absolute;
		top: -63px;
		left: 15px;
		width: auto;
		padding: 0 10px;
		background-color: white;
		padding-bottom: 5px;
		border-radius: 5px;	
		box-shadow: 0 3px 63px 0 rgba(40,40,40,.11);
	}

	.item-box-clie{
		/*border: 1px dotted red;*/
		height: 165px;
		display: table;
		width: 100%;
	}

	.item-box-clie-img{
		width: 100%;
		height: 100%;
		display: table-cell;
		vertical-align: middle;
		margin: 0 auto;
		text-align: center;
	}
	.item-box-clie-img img{ width: auto; max-width: 100%; }




	h4.borda {
		height: auto
		color: #F5BF23;
		text-transform: capitalize;
		font-family: 'PT Sans', sans-serif;
		border-bottom: 3px solid #F5BF23;
		width: 50%;
	}
	h4.borda.sm { width: 8%; border-bottom: 2px solid #F5BF23; }