/* 0. Configurações Gerais
----------------------------*/
@font-face {
	font-family: 'Muli';
	src: url(../fonts/muli.ttf) format('TrueType');
}

html, body {width: 100%; position: relative; padding: 0; margin: 0;}
html {scroll-behavior: smooth;}
body {font-family: 'Muli', sans-serif;}

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: #356e5f;}
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.light {background: linear-gradient(45deg, #EE7297, #CA2758);}
.section.inner {border-top: 1px solid #CCC;}

.titulo {font-weight: 600; text-align: center; text-transform: uppercase; color: #EE7297;}
.subtitulo {font-size: 16px; font-weight: 400; text-align: center; text-transform: uppercase; margin: 0 0 0.25rem 0;}

.btn {font-weight: 400; text-transform: uppercase; padding: 0.375rem 1rem; border-radius: 0px;}
.btn.default {background: #0B9472; color: #FFF;}
.btn.default:hover {background: #088A6A;}

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


#servico .iframe {	border-radius: 10px;	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15);height: 400px;overflow: hidden;}
#servico .iframe iframe {width: 100% !important;	height: 100% !important;}

/* 1. Navbar
--------------*/
.header {background: #EE7297; color: #FFF; padding: 5px 0;}
.header p {font-size: 12px;}
.header a:hover {color: inherit; opacity: .75;}
.header .social a {font-size: 18px;}
.header .social a:not(:last-child) {margin: 0 0.75rem 0 0;}

.navbar {background: #FFF; color: #EE7297; 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, 0.35); color: #EE7297;}
.navbar .navbar-brand .brand {width: auto; height: 90px;}
.navbar .navbar-nav .nav-item {text-align: center;}
.navbar .navbar-nav .nav-item .nav-link {text-transform: uppercase; font-size: 13px; font-weight: 100;}
.navbar .navbar-nav .nav-item .nav-link:hover {color: inherit; opacity: .75;}

/* 2. Contato
---------------*/
#contato {background: #EE7297; color: #FFF;}
#contato img {height: 60px;}
#contato h2, #contato p {text-align: center;}
#contato h2 {font-weight: 600; text-transform: uppercase;}
#contato a:hover {color: inherit; opacity: .75;}
#contato .social a {width: 50px; height: 50px; background: #04b387; border-radius: 100%; box-shadow: 0 2px 3px 0 rgba(122, 106, 99, .6); font-size: 32px;}
#contato .social a:not(:last-child) {margin: 0 0.5rem 0 0;}

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

/* 4. Redes Sociais Fixa
--------------------------*/
.fixed {position: fixed; top: 50%; right: 0; transform: translateY(-50%); background: #EE7297; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .4); color: #FFF; z-index: 1052;}
.lg-on .fixed {z-index: 1;}
.fixed a {font-size: 25px; padding: 0.5rem;}
.fixed a:hover {color: inherit; background: #E28FA8;}

/* 5. Politicas de Privacidade
--------------------------------*/
.legal_majority_content {display: none;position: fixed;bottom: 0;left: 0;right: 0;background: rgba(255, 255, 255, 0.90);z-index: 99999999999;padding: 0 40px;box-shadow: 3px -5px 8px 0 rgba(0, 0, 0, 0.4), 0 -2px 20px 0 rgba(0, 0, 0, 0.1);}
.legal_majority_content[style*="block"] {display: flex !important; display: -webkit-flex !important; display: -ms-flex !important; align-items: center; -webkit-align-items: center; -moz-align-items: center; flex-flow: wrap; -webkit-flex-flow: wrap; -moz-flex-flow: wrap;}
.legal_majority_content h1 {padding: 10px 0;}
.legal_majority_content .title {margin: 5px 0; padding-left: 45px;}
.legal_majority_content .title p {font-size: 14px; font-weight: 600; padding: 0; margin: 0; color: #000;}
.legal_majority_content .title p a {color: #000; font-weight: 900;}
.legal_majority_content .terms {display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; margin: 0 0 5px 0; text-align: center;}

@media screen and (max-width: 767px) {
	.legal_majority_content {padding: 0 1rem;}
	.legal_majority_content .title {padding: 0;}
	.legal_majority_content .title p {text-align: center;}
}