/* 0. Configurações Gerais
----------------------------*/
html, body {width: 100%; position: relative; padding: 0; margin: 0;}
html {scroll-behavior: smooth;}
body {font-family: 'BW Seido Round', 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;}
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;}
.section.large {padding: 120px 0;}
.anchor-holder {position: relative;}
.anchor-holder .anchor {position: absolute; top: -112.83px;}

.titulo {font-weight: 600; text-align: center; text-transform: uppercase;}

.btn {font-weight: 600; text-transform: uppercase; padding: 0.375rem 1rem;}
.btn.default {background: #527f88; color: #FFF; box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, .7);}
.btn.default:hover {background: #41676e; transform: translateY(5px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .7); transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
.btn.send {background: #527f88; color: #FFF; box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, .7);}
.btn.send:hover {background: #41676e; transform: translateY(5px); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .7); transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; border: 1px solid #FFF;}

.whatsapp {position: fixed; bottom: 15px; right: 15px; z-index: 1053;}
.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%;}
}

/* 1. Navbar
--------------*/
.navbar {background: transparent; color: #fff; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
.navbar.inner {background: rgb(15, 77, 130);}
.navbar .navbar-toggler {color: #46687c;}
.navbar .navbar-brand .brand {width: 150px;}
.navbar .navbar-brand .text {font-size: 14px; color: #FFF; margin-left: 0.5rem;}
.navbar .navbar-brand .text span:last-child {font-size: 12px;}
.navbar .navbar-collapse .address {margin: 0 1rem 0 0;}
.navbar .navbar-collapse .address p {font-size: 12px;}
.navbar .navbar-collapse .social a:hover {color: inherit; opacity: .75;}
.navbar .navbar-nav .nav-item {text-align: center;}
.navbar .navbar-nav .nav-item .nav-link {font-weight: 400; text-transform: uppercase;}
.navbar .navbar-nav .nav-item .nav-link:hover {color: inherit; opacity: .75;}
.navbar .navbar-collapse .social a {font-size: 20px;}
.navbar .navbar-collapse .social a small {font-size: 70%;}

.navbar.scrolled {background: rgba(255, 255, 255, .95); box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, .35); color: #46687c;}
.navbar .navbar-brand .brand {width: 107px; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
.navbar .navbar-brand .text {color: #49A0A2;}
.navbar .navbar-brand .text span:first-child {color: #BA41B4;}

/* 2. Painel
--------------*/
#painel .carousel img {height: 100vh; object-fit: cover;}
#painel .carousel .carousel-caption {top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .35); padding: 15px;}
#painel .carousel .carousel-caption .text h1 {margin: 0 0 1.25rem 0;}
#painel .carousel .carousel-caption .text h1 b {color: #EF4537;}
#painel .carousel .carousel-caption .text h2 {font-family: 'Great Vibes', cursive; font-size: 50px; font-weight: 600; margin: 0 0 1.25rem 0;}
#painel .carousel .carousel-caption .text h3 {font-weight: 300; text-transform: uppercase; margin: 0; font-size: 30px;}
#painel .reserva {background: linear-gradient(45deg, #0B2C48, #0F4D82); color: #FFF; padding: 15px 0;}

.painel {padding: 0 15px;}
.painel img {height: 250px !important; object-fit: cover;}
.painel img, .painel .text {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);}
.painel .text {background: #EF4537; color: #FFF; padding: 15px; width: 100%; height: 100%;}
.painel .text h1 {margin: 0;}

/* 3. 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 {font-weight: 300; 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: #0F4D82;}
.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);}

/* 4. Footer
--------------*/
footer {background: linear-gradient(45deg, #321035, #145f5c); color: #FFF;}
footer h1 {font-size: 18px; text-transform: uppercase;}
footer h2 {font-size: 16px; text-transform: uppercase; margin: 0 0 0.25rem 0;}
footer p {font-size: 14px;}
footer a:hover {color: inherit; opacity: .75;}
footer img {height: 80px;}
footer .social {margin-top: 0.5rem;}
footer .social a i {font-size: 20px;}
footer .list {list-style: none; padding: 0;}
footer .list .list-item {margin: 0 0 0.25rem 0;}
footer .list .list-item .list-link {font-size: 14px; padding: 0.35rem 0.5rem;}
footer .list .list-item .list-link:hover {color: inherit; opacity: .75;}
footer .bandeiras {flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;}
footer .bandeiras img {width: auto; max-width: 69px; height: 30px; background: #FFF; border-radius: 5px; padding: 5px;}
footer .bandeiras img:not(:last-child) {margin: 0 0.5rem 0 0;}
footer .container {padding-top: 45px; padding-bottom: 45px;}
footer .copyright {background: #0B2D49; border-top: 2px solid #FFF; padding: 5px 0;}
footer .copyright .container {padding-top: 0; padding-bottom: 0;}
footer .copyright p {font-size: 12px;}
footer .copyright a {font-weight: 600;}
footer .copyright a:hover {color: inherit; opacity: .75;}