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

p:last-child {margin: 0; text-align: justify;}
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: #EC9E0F;}
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: 800; text-align: center; text-transform: uppercase; color: #EC9E0F;}

.btn {font-weight: 600; text-transform: uppercase; padding: 0.375rem 1rem;}
.btn.default {background: #FFCC00;}
.btn.default:hover {background: #FFD736;}
.btn.dark {background: #000; color: #FFF;}
.btn.dark:hover {background: #1B1B1B;}

.whatsapp {position: fixed; bottom: 20px; right: 20px; width: 65px; height: 65px; background: #25D366; border-radius: 100%; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .6); z-index: 9; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; cursor: pointer; z-index: 1053;}
.whatsapp::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border: 5px solid #25D366; border-radius: 100%; animation-name: scalingCircle; animation-iteration-count: infinite; animation-duration: 1s; z-index: -1;}
.whatsapp::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border: 5px solid #25D366; border-radius: 100%; animation-name: scalingCircle; animation-iteration-count: infinite; animation-duration: 1s; animation-delay: 0.2s; z-index: -1;}
.whatsapp:hover {opacity: .75;}
.whatsapp img {width: 100%; height: 100%; object-fit: contain; object-position: center;}

@keyframes scalingCircle {
	from {width: 100%; height: 100%;}
	to {width: 150%; height: 150%;}
}

/* 1. Navbar
--------------*/
.fixed-top {position: relative;}
.navbar {background: rgb(255, 255, 255); transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
.navbar.scrolled {border-bottom: 1px solid #FFCD00; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .4);}
.navbar .navbar-brand .brand {width: auto; height: 130px;}
.navbar .navbar-nav .nav-item {text-align: center;}
.navbar .navbar-nav .nav-item .nav-link {font-weight: 600; text-transform: uppercase; color: #000; position: relative; z-index: 0;}
.navbar .navbar-nav .nav-item .nav-link:hover {color: #FFCD00;}

/* 2. Label + Placeholder
---------------------------*/
.input {position: relative; overflow: hidden;}
.input label {position: absolute; left: 0; bottom: -20px; width: 100%; background: #EEE; border: 1px solid #CED4DA; font-size: 10px; font-weight: 600; text-transform: uppercase; margin: 0; padding: 0 0.25rem; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
.input .form-control {border-radius: 0; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
.input .form-control:not(textarea) {height: 40px;}
.input .form-control:focus {border-color: #EC9E0F; box-shadow: unset;}
.input .form-control:not(:placeholder-shown):focus {border-color: #CED4DA;}
.input .form-control:not(:placeholder-shown):focus {font-size: 14px; padding-top: 5px; padding-bottom: 18px;}
.input .form-control:not(:placeholder-shown):focus + label {transform: translateY(-20px);}

/* 3. Footer
--------------*/
footer {background: linear-gradient(45deg, #FFCE00, #EC9E0F); padding: 3px 0;}
footer p {font-size: 12px; font-weight: 600;}
footer a {font-weight: 900;}
footer a:hover {color: inherit; opacity: .75;}