* { font-family: Arial; margin: 0px; padding: 0px; transition: color .5s, background .5s, opacity .5s, text-decoration .5s, box-shadow .5s, text-shadow .5s; }

section { width: 90%; margin: 30px auto; display: table; }

h1 { font-size: 23px; font-weight: 100; }
h2 { font-size: 21px; font-weight: 100; color: #545454; }
h3 { font-size: 17px; font-weight: 100; }
h4 { font-size: 16px; font-weight: 100; text-align:left; }

a { text-decoration: none; }

p { margin: 15px; text-align: justify; font-size:17px; }

.bt { color: #FFFFFF; background: #C60014; margin: 15px; padding: 8px; border-radius: 5px; display: table; text-decoration: none; float: right; }
.bt:hover { box-shadow: 3px 3px 3px #FF000; text-decoration: underline; }

strong { font-weight: 600; }

.basic { width: 100%; max-width: 1360px; margin: 0px auto; display: table; }

#up { position: fixed; width: 45px; height: 45px; right: 15px; bottom: 15px; box-shadow: 3px 3px 3px #333; } .up img { width: 100%; }

.bg_vermelho { background: #EB0015; }
.vermelho { color: #EB0015; }
.branco { color: #fff; }

.aling_center { text-align: center;  }

.aling_img { width:30%; height:auto; float: left; margin: 15px 15px 15px 0px; border-radius: 5px; }

.separador { width: 100%; height: 5px; background: #EEFE00; }

/* header */

header { width: 100%; height: auto; background: #EB0015; display: table; }
header .header { width: 90%; margin: 5px auto; display: table; }
header .header .left  { width: 30%; float: left; } header .header .left .logo { width: 80%; }
header .header .right { width: 70%; float: left; } 
header .header .right h2 { font-size:31px; text-align: right; color: #FFFFFF; margin: 25px 0px; font-weight: 500;  }
header .menu { width: 100%; height: auto; background: #D6D6D6; }
header #menu { width: 50%; margin:auto; display: table; }
header #menu nav ul { list-style: none; }
header #menu nav ul li { float: left; }
header #menu nav ul li a { font-size: 16px; padding: 10px; display: block; text-decoration: none; color: #000000; }
header #menu nav ul li a:hover { text-decoration: underline; color: #000000; }
/* header */

/*** slider ***/
.container_slider { position: relative; width: 100%; height:400px; display:table; margin: 0px auto; top: 0px; }
.container_slider ul { list-style: none; }

.container_slider .slider { position: relative; width: 100%; -webkit-animation: fading 21s infinite; animation: fading 21s infinite; display: block; }
.container_slider .slider img { width: 100%; height:450px; }

.container_slider .caption { 
    position: absolute; width: 86%; left: 5%; top: 85%;
    -webkit-animation: drop 1s; animation: drop 1s;
}

.container_slider .caption .center *  { color: #FFFFFF; text-align: center; text-shadow: 1.5px 1.5px 3px #000000; }
.container_slider .caption .center h1 { font-size: 40px; margin: -10px 0; }
.container_slider .caption .center h2 { font-size: 23px; margin: 10px 0; }

.container_slider .container_bullets { position: absolute; left: 50%; transform: translate(-50%,-150%); }
.container_slider .bullets { display: inline-block; padding: 5px; text-align: center; border-radius: 50%; background: #F5F5F5; }
.container_slider .bullets:hover { background: #EB0015; cursor: pointer; }
.container_slider .bullet_activated { background: #EB0015; }

.container_slider .prev { position: absolute; top: 43%; left: 50px; border-radius: 10px; }
.container_slider .next { position: absolute; top: 43%; right: 50px; border-radius: 10px; }

.container_slider .button_floating { 
    font-size: 25px; 
    color: #FFFFFF; background: #EB0015; 
    width: 40px; height: 40px; padding: 10px 0;
    line-height: 40px; 
    display: inline-block; 
    text-align: center; 
    overflow: hidden;
    cursor: pointer;
}

.container_slider .button_floating:hover { color: #FFFFFF; background: rgba(0, 0, 0, .6); }
/*** slider ***/

/* center */
center { width: 100%; height: auto; display: table; }
center .destaque { width: 14%; margin: 1%; float: left; text-align: center; }
center .destaque-i { width: 17%; margin: 1%; float: left; text-align: center; }
center .destaque img { width: 100%; border-radius: 100%; }
center .destaque-i img { width: 100%; border-radius: 100%; }
center .destaque h1 { font-size: 17px; }
center .destaque-i h1 { font-size: 17px; }
center .destaque a { color: #000000; }
center .destaque-i a { color: #000000; }
center .destaque a:hover { color: #EB0015; text-decoration: underline; }
.banner { width: 100%; }
.banner-top { width: 90%; margin: auto; float: none; }
.banner-top img { width: 100%; }
/* center */

/* serviços */
center { width: 100%; height: auto; display: table; }
center .servicos { width: 28%; margin: 1%; float: left; text-align: center; }
center .servicos img { width: 50%; border-radius: 100%; }
center .servicos h1 { font-size: 17px; }
center .servicos a { color: #000000; }
center .servicos a:hover { color: #EB0015; text-decoration: underline; }
/* serviços */

/*** lINKS PAG SERVIÇOS ***/
.link-servicos a { background: #ccc; padding:6px; border-radius: 5px; margin:0px; color:#333; font-size:12px; box-shadow: 1px 1px 1px #000; }
.link-servicos h2 { color:#000; }
.link-servicos a:hover { background: #EB0015; color:#fff; }

/***Whatsaapp dos botões***/
.whatsapp a { background: #0C6; padding:6px; border-radius: 5px; margin:0px; color:#000; font-size:12px; box-shadow: 1px 1px 1px #000; }
.whatsapp h2 { color:#000; }
.whatsapp a:hover { background: #0F3; }
/***Whatsaapp dos botões***/

/***Whatsaapp fixo no topo***/
.whats { width: 30.333%; margin: 1.5%; float: left; display: table; }
.bt_whatsapp { display: table; margin: 15px auto; padding: 10px; border-radius: 10px; position: relative; }
/***Whatsaapp fixo no topo***/

/* Whatsapp */
.whats-app { 
    position: fixed; width: 76px; height: 76px; margin: 0; padding: 0px; 
    right: 30px; bottom: 50px; display: table; z-index: 10000;
    box-shadow: 0 0 0 0px rgba(40,135,106,1); background: #fff; border-radius: 100%;
    animation: pulse 1s; animation-iteration-count: infinite;
}
.whats-app img { width: 60%; padding: 20%; }
/* Keyframe Whatsapp*/
@keyframes pulse {
    from { box-shadow: 0 0 0 0px rgba(40,135,106,1); }
    to { box-shadow: 0 0 0 45px rgba(40,135,106,0); }
}

@-webkit-keyframes pulse {
    from { box-shadow: 0 0 0 0px rgba(40,135,106,1); }
    to { box-shadow: 0 0 0 45px rgba(40,135,106,0); }
}
/* Keyframe Whatsapp*/

/*** lINKS PAG SERVIÇOS ***/
.top-servico { padding-top:143px; }
caminhao-pipa { width: 100%; margin: 30px auto; display: table; }
#carro-pipa-servicos { width: 170px; height:130px; float:left; margin: 6px; font-size:10px; }

/*** lINKS PAG SERVIÇOS ***/

/* rodape */
.rodape { width:88%; height:auto; font-size: 13px; padding:1%; margin: 30px auto; color: #D6D6D6; background: #F2F2F3; display:table;}
.rodape p { margin: 0px; padding: 0px; }
.tags { width:88%; height:auto; font-size: 8px; padding:1%; margin: 30px auto; color: #D6D6D6; background: #F2F2F3; display: none;}
.tags p { margin: 0px; padding: 0px; font-size: 8px; }
.tags a {color:#ccc;}
#zonas { width:90%; height:auto; font-size: 13px; padding:1%; margin: 30px auto; color: #ccc; display:table;}
.zonas { width:100%; height:auto; font-size: 13px; padding:1%; margin: 30px auto; color: #ccc; display: table;}
#zonas p { margin: 0px; padding: 0px; font-size: 13px; }
#direitos {width:100%; height:auto; float:left; display:table; background-color: #FF0; padding:10px 0px; text-align:center;}
.link-b {width: 30%; height: auto; float: left; }
/* rodape */

/* footer */
footer { width: 100%; display: table; background: #EB0015; padding:30px 0px; }
footer .header .left { width: 80%; float: left; font-size:13px; color:#FFF; text-align:center; }
footer .header .right { width: 20%; float: left; text-align: center; font-size:13px; color:#FFF; }

footer .center { width: 90%; margin: 10px auto; }
footer .center p { margin: 0px; padding: 0px; color: #FFFFFF; font-size: 12px; }
footer .footer { width: 100%; background: #FFFFFF; } footer .footer p { margin: 0px; }

.uteis { width: 25%; height: auto; color: #fff; float: left; display: table; margin: 50px 30px; }
.uteis a{ color: #fff; }
.uteis h2{ color: #FFF; }
.uteis a:hover { color: #FFC92E; }
/* footer */

/* reponsive */
@media only screen and (max-width: 760px){
    header .header .left  { width: 100%; } header .header .left .logo { width: 90%; }
    header .header .right { width: 100%; } header .header .right h2 { font-size: 16px; text-align: center; color: #FFFFFF; }
	header #menu { width: 100%; margin:auto; display: table; }
	/*** slider ***/
.container_slider { position: relative; width: 100%; height:300px; display:table; margin: 0px auto; top: 0px; }
.container_slider .slider img { width: 100%; height:300px; }
.container_slider .caption .center h1 { font-size: 25px; margin: -20px 0; }
    /*** slider ***/
    center .destaque { width: 90%; margin: 1%; float: left; text-align: center; }
    center .destaque h1 { font-size: 16px; }
	center .destaque-i { width: 95%; margin: 1%; float: left; text-align: center; }
    center .destaque-i img { width: 100%; border-radius: 100%; }
    center .destaque-i img { width: 100%; border-radius: 100%; }
	.aling_img { width:95%; height:auto; float: left; border-radius: 5px; }
	.link-servicos a { width: 97%; display:table; margin: 6px auto; }
	center .servicos { width: 98%; margin: 1%; }
    .whatsapp a { width: 97%; display:table; margin: 6px auto;  }
	.bt_whatsapp { display: table;top:10px;  }
    .whats { width: 100%; margin: 0; display: table; }
	
	.uteis { width: 30%; height: auto; color: #fff; float: left; display: table; }
	.uteis a{ color: #fff; }
}
@media only screen and (max-width: 450px){
    .aling_img { width: 90%; margin: 15px 5%;}
	.aling_img { width:95%; height:auto; float: left; border-radius: 5px; }
	
    .link-servicos a { width: 97%; display:table; margin: 6px auto; }
	center .servicos { width: 98%; margin: 1%; }
	.whatsapp a { width: 97%; display:table; margin: 6px auto;  }
	.bt_whatsapp { display: table;top:10px;  }
    .whats { width: 100%; margin: 0; display: table; }
	
    center .destaque { width: 45%; margin: 2.5%; }
    center .destaque h1 { font-size: 18px; }
    center .destaque { width: 90%; margin: 1%; float: left; text-align: center; }
    center .destaque-i { width: 95%; margin: 1%; float: left; text-align: center; }
    center .destaque-i img { width: 100%; border-radius: 100%; }
    center .destaque-i img { width: 100%; border-radius: 100%; }
    footer .header .left { width: 100%; float: left; }
}
/* reponsive */