@font-face {font-family:"regular"; src: url("fonte/Oxanium-Regular.ttf");}
body {font-family: "regular";}
.whatsapp {background-color: #f1c000; color: #181818;}
.whatsapp-link {color: #181818; font-size: 1.0em;}
.whatsapp-link:hover {color: #404f6e; text-decoration: none;}
.btn-zap {background-color: #f1c000; color: #404f6e; border-radius: 10px; width: 50%;}
.btn-zap:hover {background-color: #404f6e; color: #f1c000; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.navbar {background-color: #F0F0F0;}
.banner {background-image: url("img/banner-spinning.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.pecas {background-color: #F0F0F0; color: #404f6e;}
.shadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.card-pecas {border: none; width: 230px;}
.card {border-radius: 10px;}
.card-header {border: none; background-color: #f1c000; color: #f0f0f0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.card:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.link-card:hover {text-decoration: none;}
.servicos {background-color: #404f6e; color: #f0f0f0;}
.link-servicos {color: #f0f0f0; font-size: 1.2em;}
.link-servicos:hover {color: #f1c000; text-decoration: none;}
iframe:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.nav-link {color: #404f6e; font-size: 1.0em;}
.nav-link:hover {color: #f1c000; text-decoration: none;}
.navbar-toggler {color: #404f6e;}
.navbar-toggler:hover {color: #f1c000;}
.closemodal {color: #f0f0f0;}
.closemodal:hover {color: #f0f0f0;}
.container-overlay {position: relative; width: 100%;}
.image-overlay {display: block; width: 100%; height: auto;}
.overlay {position: absolute; bottom: 100%; left: 0; right: 0; background-color: #f1c000; overflow: hidden; width: 100%; height:0; transition: .5s ease;}
.container-overlay:hover .overlay {bottom: 0; height: 100%;}
.text-overlay {color: #f0f0f0; font-size: 40px; position: absolute; top: 50%; left: 50%; line-height: 38px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;}
.sobre-nos {background-color: #F0F0F0; color: #404f6e;}
.clientes {background-color: #f1c000; color: #404f6e;}
.contatos {background-color: #404f6e; color: #f0f0f0;}
.nav-footer {color: #f1c000; font-size: 1.2em;}
.nav-footer:hover {color: #f0f0f0; text-decoration: none;}
#myBtn {display: none; position: fixed; bottom: 100px; right: 16px; z-index: 99; border: none; outline: none; background-color: #2b2b2b; color: #F0F0F0; cursor: pointer; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; border-radius: 10px; font-size: 18px;}
#myBtn:hover {background-color: #3b3b3b; color: #f8f8f8;}