@import "config.css";

/*CSS DA BARRA DE ROLAGEM*/
body::-webkit-scrollbar-track {background-color:#F4F4F4;}
body::-webkit-scrollbar {width:8px; background:#F4F4F4;}
body::-webkit-scrollbar-thumb {background:#1a95ef;}
/*CSS DA BARRA DE ROLAGEM*/

#right_topo {float:right; width:20%;}
.orcamento_topo {float:left; width:60%; padding:10px 0; background:#42e2f5; text-align:center; color:#fff; border-radius:2px; margin-top:25px; font-size:15px; font-weight:600; transition:.5s;}
.orcamento_topo:hover {background:#1a95ef;}

#logo_iso {float:right; width:35%; height:60px; margin-top:15px; text-align:center;}
#logo_iso img {max-height:100%;}


#img_sobre {float:left; width:50%; height:auto;}
#sobre {width:100%; height:auto; padding:90px 0 0 0;}
#texto_sobre {float:right; width:45%; height:auto; margin-top:20px;}
#texto_sobre p {font-size:16px; line-height:26px; color:#7f8d99;}
#texto_sobre a {display:inline-block; padding:17px 25px; font-size:18px; font-weight:600; border-radius:2px; color:#fff; background:#14b7ff; margin-top:20px;}



.title {width:100%; height:auto; margin-bottom:50px;}
.title h1 {font-size:45px; line-height:55px; color:#1690f0; margin-top:15px; font-weight:700;}
.title h3 {font-size:24px; line-height:28px; font-weight:300; color:#7f8d99; text-transform:capitalize;}
.title span {display:block; height:2px; width:30px; background:#7f8d99; float:left; margin:14px 15px 0 0;}

/* ANDAR CINCO */
#servicos {width:100%; height:auto; padding:90px 0; overflow:auto; background:url("../imagens/bg_agua.png") no-repeat; background-size:cover;}
.box_servicos {width:100%; height:279px; border-radius:5px; position:relative; overflow:hidden; background:#4d575f;}
.box_servicos img {opacity:0.7; transition:.5s; transform:scale(1.1); position:absolute; margin:auto; top:0; left:0; bottom:0; right:0;}
.box_servicos:hover img {opacity:0.2;}

.title_servico {width:100%; position:absolute; left:0; right:0; bottom:50px; text-align:center;}
.title_servico span {color:#42e2f5; font-weight:600; text-shadow:0px 1px 2px rgba(000, 000, 000, 0.5);}
.title_servico h2 {font-size:29px; line-height:33px; font-weight:600; margin:10px 40px; display:block; color:#fff; text-shadow:0px 1px 2px rgba(000, 000, 000, 0.5);}

.owl-carousel .item {position:relative; z-index:100; -webkit-backface-visibility:hidden;}
.owl-nav > div {position:absolute; top:45%; width:60px; height:60px; border-radius:60px; line-height:70px; text-align:center; background:#127ab3; color:#fff;}
.owl-nav i {font-size:30px;}
.owl-nav .owl-prev {left:-30px;}
.owl-nav .owl-next {right:-30px;}
/* ANDAR CINCO */




#atendimento_on {width:100%; height:auto; padding:70px 0; background:url("../imagens/bg_tel.png") fixed no-repeat; background-size:cover;}
#btns_atmt {float:right; width:50%; height:auto; overflow:auto; margin-top:30px;}
#btns_atmt a {float:left; width:45%; margin:2%; border-radius:3px; padding:20px 0; background:#fff; color:#0067da; text-align:center; font-size:20px;}
#tilte_atdm_on {float:left; width:40%; color:#fff;}
#tilte_atdm_on h1 {font-size:45px; line-height:55px; font-weight:700; margin-bottom:15px;}
#tilte_atdm_on h3 {font-size:25px; line-height:35px; font-weight:300;}




#diferencial {width:100%; height:auto; padding:90px 0; overflow:auto;}
.box_diferencial {float:left; width:22%; height:auto; margin-right:3.5%; text-align:center; padding:20px 15px; transition:.5s;}
.box_diferencial:last-child {margin-right:0;}

.box_diferencial h3 {font-size:25px; line-height:35px; color:#1690f0;}
.box_diferencial span {display:block; height:2px; width:40px; margin:25px auto; background:#1690f0;}
.box_diferencial p {font-size:16px; color:#7f8d99;}

.icone_diferencial {width:170px; height:170px; border-radius:170px; border:7px solid #42e2f5; margin:0 auto 30px auto; position:relative;}
.icone_diferencial img {position:absolute; margin:auto; top:0; left:0; right:0; bottom:0;}
.box_diferencial:hover {box-shadow:0px 0px 30px 0px rgba(100, 100, 100, 0.1); border-radius:10px;}



#atendimento {width:100%; height:400px; padding:90px 0; margin-bottom:350px; position:relative; background:url("../imagens/bg_azul5.png") no-repeat; background-size:cover; text-align:center;}

.boxs {width:29%; height:auto; margin:2.1%; float:left; border-radius:3px; box-shadow:0px 0px 30px 0px rgba(100, 100, 100, 0.2); padding:35px 25px; /* background-color:rgba(255, 255, 255, 0.1); */ background:#fff;}

.boxs h2 {font-size:20px; line-height:25px; color:#444; margin-top:18px;}
.boxs p {display:block; width:90%; height:auto; color:#777; font-size:15px; margin:15px auto 0 auto;}

.numero_qld {color:#1690f0; font-size:55px; font-weight:800; height:100px; line-height:100px; text-align:center;}

.ct_box_atendimento {width:100%; position:absolute;}




#informativo {width:100%; height:auto; margin:70px 0 70px 0; z-index:999; position:relative;}
#info_destaque {float:left; width:45%; height:auto;}
#info_destaque h3 {font-size:25px; line-height:35px;}
.box_informativo {width:100%; height:300px; border-radius:5px; position:relative; overflow:hidden; background:#4d575f;}
.box_informativo img {opacity:0.5; transition:.5s; transform:scale(1.1); position:absolute; margin:auto; top:0; left:0; bottom:0; right:0;}
.box_informativo:hover img {opacity:0.2; }
.title_informativo {width:100%; position:absolute; left:0; right:0; bottom:50px; text-align:center;}
.title_informativo span {color:#42e2f5; font-weight:600; text-shadow:0px 1px 2px rgba(000, 000, 000, 0.5);}
.title_informativo h2 {font-size:20px; line-height:25px; margin:10px 40px; display:block; color:#fff; text-shadow:0px 1px 2px rgba(000, 000, 000, 0.5);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* number of lines to show */
	-webkit-box-orient: vertical;
}



/* FOOTER */
#footer {width:100%; height:auto; overflow:auto; padding:50px 0; background:#f4f7f9;}

#sobre_footer {float:left; width:25%; height:auto;}
#sobre_footer p {color:#7f8d99;}

.boxs_footer {float:right; height:auto; color:#505050;}

#sobre_footer h3,
.boxs_footer h3 {display:block; font-size:18px; font-weight:700; color:#7f8d99;}
#sobre_footer h3 span,
.boxs_footer h3 span {display:block; width:40px; height:2px; margin:20px 0 30px 0; background:#7f8d99;} 

.boxs_footer ul {margin:0; padding:0; list-style:none;}
.boxs_footer li {display:block;}
.boxs_footer a {display:block; color:#7f8d99; font-size:14px; padding:3px 0;}
.r_sociais_footer {display:inline-table !important; padding:5px !important;}
.r_sociais_footer img {width:30px;}

.box_f_sobre {width:18%;}
.box_f_servicos {width:25%}
.box_f_contato {width:25%;}


#by {width:100%; height:auto; overflow:auto; padding:25px 0; color:#7f8d99;}
#by_left {float:left;}
#by_right {float:right;}
#by_right a {font-weight:700; color:#7f8d99;}
/* FOOTER */



/* INTERNAS */

#migalha {width:100%; height:auto; color:#fff; padding:170px 0 30px 0; background:url("../imagens/migalha.png") no-repeat; background-size:cover;}
#migalha h2 {font-size:35px; font-weight:700; line-height:45px;}
#migalha p {font-size:16px;}
#migalha a {color:#fff; text-decoration:underline;}


/* SOBRE */
.sobre {width:100%; height:auto; padding:70px 0; color:#7f8d99;}
#banner_sobre {float:right; width:50%; height:auto;}

.texto_sobre_left {float:left; width:45%; height:auto;}
.texto_sobre_left  h3 {font-size:40px; line-height:50px; font-weight:700; color:#1690f0;}
.texto_sobre_left p {font-size:16px; line-height:26px;}

.bg_texto_sobre {background:url("../imagens/bg_sobre.png") no-repeat; background-size:cover; font-size:18px; line-height:28px;}
.bg_texto_sobre h3 {font-size:40px; line-height:50px; font-weight:700; color:#1690f0;}

.box_tres_sobre {width:29%; height:auto; float:left; margin:50px 2.1% 0 2.1%;}
.box_tres_sobre h3 {font-size:20px; line-height:30px; color:#1690f0;}
.sombra_sobre {box-shadow:0px 0px 30px 0px rgba(100, 100, 100, 0.1); border-radius:5px; padding:30px; margin-top:0;}

#orcamento_link {width:100%; height:auto; padding:70px 0; background:url("../imagens/bg_tel.png") fixed no-repeat; background-size:cover;}	
#orcamento_link h2 {width:50%; float:left; font-size:50px; line-height:60px; color:#fff;}
#orcamento_link a {display:block; float:right; width:35%; padding:30px; background:#fff; color:#0a8cad; border-radius:3px; margin-top:20px; font-size:22px; text-align:center; font-weight:500; transition:.5s;}
#orcamento_link a:hover {background:#1690f0; color:#fff;}
/* SOBRE */



/* CATEGORIA */
#conteudo_ct_categ {width:100%; height:auto; padding:70px 0;}
.title_categ {display:block; font-size:50px; line-height:60px; margin-bottom:20px; text-transform:uppercase; color:#0a8cad}
.container_categoria {
  -moz-column-width:40em;
  -webkit-column-width:40em;
  -moz-column-gap:2em;
  -webkit-column-gap:2em;
}
.item_categ {
	display: inline-block;
	margin:1em 0;
	width:100%;
	background:#fff;
	box-shadow:0px 5px 15px 0px rgba(000, 000, 000, 0.05);
	position:relative;
	transition:0.5s;
}
.item_categ img {width:100%;}	
.item_categ:hover {opacity:0.8;}
	
.text_categ {width:100%; height:auto; padding:25px;}
.text_categ h3 {font-size:25px; line-height:35px; color:#1a95ef;}
.text_categ p {color:#555; line-height:26px; font-size:16px;}	
/* CATEGORIA */



/* CONTATO */
#contato {width:100%; height:auto; padding:70px 0; overflow:auto;}
#contato_left {float:left; width:50%; height:auto;}
#contato_left h3 {font-size:30px; line-height:40px; color:#0a8cad;}
#contato_left p {font-size:16px; color:#555;}
#contato_left input,
#contato_left select,
#contato_left textarea {width:100%; border:1px solid #ddd; padding:15px; font-size:17px; border-radius:3px; margin-bottom:15px; margin-top:5px; height:55px; color:#555;} 
#contato_left input[type="submit"] {background:#11c778; color:#fff; font-weight:600; max-width:250px; border-radius:80px;}
#contato_left input[type="submit"]:hover {cursor:pointer; background:#0ba562;}
#contato_left textarea {height:120px;}

.input_left,
.input_right {width:49%;}
.input_left {float:left;}
.input_right {float:right;}

#contato_right {float:right; width:40%; height:auto;}
.box_info_contato {width:100%; height:auto; padding:30px; border-radius:5px; box-shadow:0px 0px 30px 0px rgba(150, 150, 150, 0.1); margin-bottom:30px;}
.box_info_contato h3 {font-size:25px; line-height:35px; margin-bottom:15px; color:#0a8cad;}
.box_info_contato span {display:block; width:30px; height:2px; background:#0a8cad; margin-top:15px;}
.box_info_contato address,
.box_info_contato a {font-style:normal; font-size:18px; line-height:28px; color:#777;}
.box_info_contato a {padding:5px 0; display:block;}

#maps {width:100%; height:auto; padding:0 0 70px 0; overflow:auto;}
#maps h3 {font-size:30px; line-height:40px; color:#0a8cad; text-align:center; margin-bottom:25px;}
/* CONTATO */

/* CONTEÚDO */
.conteudo_left {float:left; width:70%; height:auto;}
.conteudo_left h3 {font-size:25px; line-height:35px; color:#333;}
.conteudo_left p {font-size:16px; line-height:26px; color:#555;}

#lateral {float:right; width:25%; height:auto; overflow:auto;}
#links_laterais {width:90%; margin:10px auto; height:auto; border-radius:5px; box-shadow:0px 3px 13px 0px rgba(000, 000, 000, 0.1); background:#039fc7;}
#links_laterais ul {margin:0; padding:15px; list-style:none;}
#links_laterais ul li {display:block; border-bottom:1px solid #048caf;}
#links_laterais ul li:last-child {border-bottom:0;}
#links_laterais ul li a {display:block; padding:15px 10px; font-size:16px; color:#fff; transition:.5s;}
#links_laterais ul li a:hover {padding:15px 10px 15px 20px;}
#links_laterais .fas {float:right; font-size:14px;}
/* CONTEÚDO */




/* CSS RESPONSIVO */ /* CSS RESPONSIVO */ 

@media screen and (max-width: 1280px) {
body, html {width:100%;}
.container {width:90%;}
}

@media screen and (max-width: 1200px) {
#right_topo {display:none}
#migalha {padding:40px 0;}	
}

@media screen and (max-width: 900px) { 

#right_topo {display:none}


#sobre {width:100%; height:auto; padding:40px 0 0 0;}
#texto_sobre {float:none; width:100%;}
#img_sobre {float:none; width:100%; height:auto;}



.title {width:100%; height:auto; margin-bottom:50px;}
.title h1 {font-size:30px; line-height:40px;}
/*.title h3 {font-size:18px; line-height:28px;}*/
/*.title span {display:block; height:2px; width:30px; background:#7f8d99; float:left; margin:14px 15px 0 0;}*/

/* ANDAR CINCO */
#servicos {padding:90px 0 130px 0;}
.owl-carousel .item {position:relative; z-index:100; -webkit-backface-visibility:hidden;}
.owl-nav > div {position:absolute; top:auto; bottom:-80px; width:50px; height:50px; border-radius:50px; line-height:60px;}
.owl-nav i {font-size:30px;}
.owl-nav .owl-prev {left:30%;}
.owl-nav .owl-next {right:30%;}
/* ANDAR CINCO */




#atendimento_on {text-align:center; padding:50px 0;}
#btns_atmt {float:none; width:100%; height:auto; overflow:auto;}
#btns_atmt a {float:none; display:block; width:100%; max-width:250px; margin:15px auto;}
	
#tilte_atdm_on {float:none; width:100%;}
#tilte_atdm_on h1 {font-size:30px; line-height:40px; margin-bottom:0;}
#tilte_atdm_on h3 {font-size:20px; line-height:30px;}


#diferencial {padding:40px 0;}
.box_diferencial {float:none; width:100%; max-width:400px; margin:20px auto;}
.box_diferencial:last-child {margin:20px auto;}


#atendimento {width:100%; height:auto; padding:50px 0; margin-bottom:0; background:#0067da;}
#atendimento .title {margin:0 0 20px 0;}
#atendimento br {display:none;}	
.boxs {width:100%; max-width:400px; height:auto; margin:20px auto; float:none;}
.ct_box_atendimento {position:static;}

#informativo {margin:70px 0 120px 0;}

	
/* FOOTER */
#sobre_footer {float:none; width:100%;}
.boxs_footer {float:none;}
.box_f_sobre,
.box_f_servicos,
.box_f_contato {width:100%;}

#by_left,
#by_right {float:none; padding:10px 0;}
/* FOOTER */


	
	
	
/* INTERNAS */

#migalha {padding:40px 0;}
	
	
/* SOBRE */
.sobre {padding:50px 0;}
	
#banner_sobre,
.texto_sobre_left {float:none; width:100%; height:auto;}
#banner_sobre {margin-top:30px;}	
	
.texto_sobre_left  h3 {font-size:30px; line-height:40px;}

.box_tres_sobre {width:100%; max-width:400px; margin:20px auto; float:none;}
.box_tres_sobre h3 {font-size:20px; line-height:30px; color:#1690f0;}

#orcamento_link {padding:50px 0; text-align:center;}
#orcamento_link h2 {width:100%; float:none; font-size:30px; line-height:40px;}
#orcamento_link a {float:none; width:100%; max-width:300px; padding:20px; margin:20px auto; line-height:30px;}
/* SOBRE */	
	
	
/* CONTATO */
#contato {padding:50px 0;}
#contato_left,
#contato_right {float:none; width:100%; height:auto;}
.input_left,.input_right {width:100%; float:none;}
#maps iframe {width:100%; height:auto;}
/* CONTATO */	
	
/* CONTEÚDO */
.conteudo_left {float:none; width:100%;}
.conteudo_left h3 {font-size:25px; line-height:35px; color:#333;}
.conteudo_left p {font-size:16px; line-height:26px; color:#555;}

#lateral {float:none; width:100%; max-width:400px; margin:0 auto;}
#links_laterais {width:90%; margin:10px auto; height:auto; border-radius:5px; box-shadow:0px 3px 13px 0px rgba(000, 000, 000, 0.1); background:#039fc7;}
#links_laterais ul {margin:0; padding:15px; list-style:none;}
#links_laterais ul li {display:block; border-bottom:1px solid #048caf;}
#links_laterais ul li:last-child {border-bottom:0;}
#links_laterais ul li a {display:block; padding:15px 10px; font-size:16px; color:#fff; transition:.5s;}
#links_laterais ul li a:hover {padding:15px 10px 15px 20px;}
#links_laterais .fas {float:right; font-size:14px;}
/* CONTEÚDO */	
	
}