/* 0. Configurações Gerais
----------------------------*/
html, body {width: 100%; position: relative; padding: 0; margin: 0;}
html {scroll-behavior: smooth;}
body {font-family: 'Raleway', sans-serif; font-weight: 300;}

p:last-child {margin: 0;}
i {font-style: italic;}
b {font-weight: bold;}
a {color: inherit;}
a, button {transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
a:hover {text-decoration: none; color: #0F70B7;}
button:focus {outline: none;}
img {width: 100%; height: auto; object-fit: contain; vertical-align: middle;}

h1, h2, h3, h4, h5, h6, p, a, i, b, span, em, small {-webkit-font-smoothing: antialiased;}
h1 {font-size: 26px;}
h2, h3, h4, h5, h6 {font-size: 20px;}
p {font-size: 16px; line-height: 1.5;}

.section {padding: 45px 0;}

.titulo {font-weight: 900; text-align: center; text-transform: uppercase; border-bottom: 1px solid #ECECEC; padding-bottom: 0.5rem; position: relative; color: #0F70B7;}
.titulo::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 135px; height: 3px; background: #0F70B7;}

.btn {font-weight: 400; text-transform: uppercase; padding: 0.375rem 1rem; border-radius: 0px;}
.btn.default {background: #0F70B7; border-radius: 10px; box-shadow: 0 7px 0 0 #458DC1; color: #FFF; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
.btn.default:hover {transform: translateY(5px); box-shadow: 0 2px 0 0 #458DC1;}
.btn.hollow {background: transparent; border: 1px solid #FFF; border-radius: 10px; box-shadow: 0 7px 0 0 #FFF; color: #FFF; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
.btn.hollow:hover {transform: translateY(5px); box-shadow: 0 2px 0 0 #FFF;}

.anchor-holder {position: relative;}
.anchor-holder .anchor {position: absolute; top: -101.91px; visibility: hidden; backface-visibility: hidden;}

.whatsapp {position: fixed; bottom: 15px; right: 15px; z-index: 9;}
.whatsapp a {display: flex; display: -ms-flexbox; width: 75px; height: 75px; background: #25D366; border-radius: 100%; padding: 15px; position: relative; box-sizing: border-box;}
.whatsapp a::before, .whatsapp a::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: transparent; border: 5px solid #25D366; border-radius: 100%; animation: growingCircle 1s infinite; z-index: -1;}
.whatsapp a::after {animation-delay: .6s;}
.whatsapp a:hover {opacity: .75;}
.whatsapp a img {width: 100%; height: 100%; object-fit: contain; object-position: center; margin-left: 2px;}

@keyframes growingCircle {
	from {width: 100%; height: 100%;}
	to {width: 125%; height: 125%;}
}

.form-control {font-weight: 300;}

/* 1. Navbar
--------------*/
.navbar {background: #FFF; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
.navbar.scrolled {background: rgba(255, 255, 255, .95); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);}
.navbar .navbar-brand .brand {width: 220px;}
.navbar .navbar-nav .nav-item {text-align: center;}
.navbar .navbar-nav .nav-item .nav-link {font-weight: 400; text-transform: uppercase;}

/* 2. Footer
--------------*/
footer {background: #0F70B7; color: #FFF; padding: 5px 0;}
footer p {font-size: 12px;}
footer a {font-weight: 600;}
footer a:hover {color: inherit; opacity: .75;}