/*
Theme Name: Mapeamento MasterMind
Theme URI: https://mapeamento.mastermind.com.br
Author: Agência I9 Criações
Author URI: https://i9criacoes.com.br
Description: Theme wordpress Mapeamento MasterMind
Version: 1.0
Text Domain: mastermind
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
*/
@font-face {
    font-family: 'Omnes';
    src: url('fontes/omnes_bold-webfont.woff2') format('woff2'),
         url('fontes/omnes_bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Omnes';
    src: url('fontes/omnes_light-webfont.woff2') format('woff2'),
         url('fontes/omnes_light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Omnes';
    src: url('fontes/omnes-regular-webfont_4-webfont.woff2') format('woff2'),
         url('fontes/omnes-regular-webfont_4-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'Alegreya Sans';
    src: url('fontes/alegreya_sans_bold-webfont.woff2') format('woff2'),
         url('fontes/alegreya_sans_bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Omnes';
    src: url('fontes/omnes-medium-webfont.woff2') format('woff2'),
         url('fontes/omnes-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
*{
box-sizing:border-box;
font-family: 'Omnes', sans-serif;
outline:0;
border:0;
padding:0;
margin:0;
}
body, html{
padding:0;
margin:0;
font-family: 'Omnes', sans-serif;
height: 100%;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Omnes', sans-serif;
font-weight:700;
}
p, span{
font-family: 'Omnes', sans-serif;
}
ul{
margin:0;
padding:0;
}
ul li{
padding:0;
margin:0;
list-style: none;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select{
outline: 0 !important;
border:0;
text-decoration: none;
}
header{
background:#EDEDED;
position:relative;
width:100%;
}
header:after{
content:"";
width:600px;
height:16px;
background:#ED3024;
position:absolute;
left:50%;
transform:translatex(-50%);
bottom:-8px;
}
.content-header{
display:flex;
align-items:center;
justify-content:center;
padding:35px 0 45px;
}
.content-header .logo{
max-width:390px;
}
.banner{
width:100%;
display:flex;
align-items:center;
height:calc(100vh - 213px);
background:url(imagens/banner.jpg);
background-size:cover;
background-position:center top;
}
.banner .logo-mastermind{
margin-bottom:30px;
}
.banner .mapeamento h1{
text-align: left;
font: normal normal 300 47px/54px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
text-transform:uppercase;
margin-bottom:0;
}
.banner .mapeamento h5{
text-align: left;
font: normal normal 500 23px/25px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
text-transform:uppercase;
margin-bottom:30px;
}
.btn-agendar{
background:#ED3024;
border-radius:6px;
text-align: center;
font: normal normal 700 20px/24px Alegreya Sans;
letter-spacing: 0px;
color: #FFFFFF;
text-transform:uppercase;
height:60px;
max-width:405px;
transition:all 0.5s ease-in-out;
}
.btn-agendar:hover{
background:#121212;
color:#fff;
}
.text-one{
background:#ED3024;
color:#fff;
padding:50px 0;
}
.text-one p{
margin:0 auto;
text-align: center;
font: normal normal normal 28px/39px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
max-width:950px
}
.motivacao{
align-self:stretch;
}
.motivacao .imagem{
width:820px;
position:relative;
}
.motivacao .imagem:after{
content:"";
width:16px;
height:520px;
position:absolute;
right:-8px;
top:50%;
transform:translatey(-50%);
background:#ED3024;
}
.motivacao .imagem img{
width:100%;
height:100%;
object-fit:cover;
object-position:center right;
}
.motivacao .text{
width:calc(100% - 820px);
padding:80px;
}
.motivacao .area-texto{
max-width:630px;
width:100%;
}
.motivacao .area-texto h2{
text-align: left;
font: normal normal 700 36px/64px Omnes;
letter-spacing: 0px;
color: #000000;
margin-bottom:30px;
}
.motivacao .area-texto p{
text-align: left;
font: normal normal normal 23px/32px Omnes;
letter-spacing: 0px;
color: #000000;
margin-bottom:40px;
}
.tarja{
background:#ED3024;
position:relative;
padding:23px 0 28px;
}
.tarja:after{
content:"";
width:600px;
height:16px;
position:absolute;
bottom:-6px;
left:50%;
transform:translatex(-50%);
background:#000;
}
.tarja h2{
margin:0;
text-align: center;
font: normal normal 600 36px/51px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
}
.lista-beneficios{
padding:70px 0;
}
.beneficios{
max-width:1140px;
margin:0 auto 60px;
}
.beneficios .beneficio{
background:#EDEDED;
width:32%;
padding:50px 30px 35px;
position:relative;
}
.beneficio:after{
content:"";
width:80%;
height:16px;
bottom:-6px;
background:#ED3024;
position:absolute;
left:10%;
}
.beneficios .beneficio .icone{
width:100%;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
height:76px;
}
.beneficios .beneficio .icone img{
width:auto;
height:100%;
}
.beneficios .beneficio h3{
text-align: center;
font: normal normal 700 22px/29px Omnes;
letter-spacing: 0px;
color: #000000;
margin:0;
}
.beneficios .beneficio p{
text-align: center;
font: normal normal 400 21px/29px Omnes;
letter-spacing: 0px;
color: #000000;
margin-bottom:0;
}
.auto{
margin:0 auto;
}
.motivo{
background:#EDEDED;
box-shadow: 3px 3px 12px #00000029;
margin:0 14px;
}
.motivo .imagem{
width:179px;
height:259px;
position:relative;
background:#000;
}
.motivo .imagem:after{
content:"";
width:10px;
height:180px;
background:#ED3024;
position:absolute;
right:-5px;
top:50%;
transform:translatey(-50%);
}
.motivo .imagem img{
width:100%;
height:100%;
object-fit:cover;
}
.motivo .text{
width:calc(100% - 179px);
padding:10px 10px 10px 40px;
display:flex;
align-items:center;
}
.motivo .text .content h3{
text-align: left;
font: normal normal bold 23px/29px Omnes;
letter-spacing: 0px;
color: #000000;
margin:0;
}
.motivo .text .content p{
text-align: left;
font: normal normal normal 21px/26px Omnes;
letter-spacing: 0px;
color: #000000;
margin:0;
}
.slide{
padding-left:140px;
margin:60px 0 40px;
}
.slide-motivos .slick-list{
padding:0 130px 0 2px !important;
}
.arrows{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:60px;
color:#fff;
}
.motivos{
background:#000;
padding:50px 0 60px;
}
.motivos h2{
text-align: center;
font: normal normal 600 36px/40px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
max-width:600px;
margin:0 auto;
}
.arrows{
position:relative;
max-width:560px;
margin:0 auto 60px;
}
.progress {
display: block;
width: 460px;
height: 14px;
border-radius:0;
background-color: transparent;
background-image: linear-gradient(to right,#ED3024, #ED3024);
background-repeat: no-repeat;
background-size: 0 100%;
transition: background-size .4s ease-in-out;
margin: 0px auto;
position: relative;
overflow: hidden;
z-index: 2;
}
.slider__label_bar {
width: 460px;
max-width: 100%;
border-radius: 0px;
font-size: 0;
height: 7px;
background: #fff !important;
position:absolute;
left:50%;
top:50%;
transform:translatex(-50%) translatey(-50%);
z-index: 1;
}
.progress .slider__label, .progress::before {
opacity: 0;
display: none;
}
.arrows .arrow{
font-size:24px;
line-height:1;
cursor:pointer;
}
.motivos .btn-agendar{
border:1px solid #ED3024;
}
.motivos .btn-agendar:hover{
border-color:#fff;
}
.destino{
background:#EDEDED;
padding:60px 0;
}
.destino h2{
text-align: center;
font: normal normal bold 36px/51px Omnes;
letter-spacing: 0px;
color: #ED3024;
margin:0;
}
.destino h5{
text-align: center;
font: normal normal 400 24px/33px Omnes;
letter-spacing: 0px;
color: #000000;
margin-bottom:55px;
}
.destinos{
max-width:1150px;
margin:0 auto 40px;
}
.item-destino{
width:31%;
background:#fff;
margin-bottom:4%;
border-radius:5px;
padding:0 30px 30px;
position:relative;
}
.item-destino:after{
content:"";
width:80%;
height:12px;
position:absolute;
background:#ED3024;
left:10%;
bottom:-6px;
}
.item-destino .icone{
display:flex;
align-items:center;
justify-content:center;
margin-bottom:25px;
padding-top:50px;
}
.item-destino p{
text-align: center;
font: normal normal normal 21px/22px Omnes;
letter-spacing: 0px;
color: #000000;
max-width:254px;
margin:0 auto;
}
.item-destino .content{
min-height:140px;
display:flex;
align-items:center;
justify-content:center;
}
.agendar{
padding:60px 0;
}
.text-agendar p{
text-align: left;
font: normal normal normal 23px/32px Omnes;
letter-spacing: 0px;
color: #000000;
max-width:490px;
}
.text-agendar .duracao{
display:flex;
align-items:center;
}
.text-agendar .duracao .icon{
display:flex;
align-items:center;
justify-content:center;
width:28px;
height:29px;
}
.text-agendar .duracao strong{
text-align: left;
font: normal normal bold 23px/40px Omnes;
letter-spacing: 0px;
color: #000000;
margin-left:12px;
}
.text-agendar .duracao.dispositivo strong{
text-transform:uppercase;
}
.text-agendar p.mape{
margin-top:20px;
}
.form input[type="text"], .form input[type="tel"], .form input[type="email"]{
width:100%;
background: #EDEDED 0% 0% no-repeat padding-box;
border-radius: 6px;
height:60px;
padding:5px 20px 5px 35px;
color:#000;
text-align: left;
font: normal normal 400 17px/20px Omnes;
letter-spacing: 0px;
color: #000000;
position:relative;
}
.input-mape{
position:relative;
}
.input-mape span.after{
height:40px;
width:5px;
background:#ED3024;
position:absolute;
left:0;
top:50%;
transform:translatey(-50%);
-webkit-transition: opacity .25s;
transition: all .5s;
opacity:0;
visibility:hidden;
}
.input-mape.active span.after{
opacity:1;
visibility:visible;
}
.form input[type="submit"]{
width:100%;
height:60px;
background:#ED3024;
color:#fff;
text-align: center;
font: normal normal bold 25px/31px Alegreya Sans;
letter-spacing: 0px;
color: #FFFFFF;
text-transform:uppercase;
border-radius:6px;
margin-top:10px;
cursor:pointer;
}
.form input[type="submit"]:hover{
background:#121212;
color:#fff;
}
.formulario p{
text-align: left;
font: normal normal normal 23px/32px Omnes;
letter-spacing: 0px;
color: #000000;
}
.formulario{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
padding-left:80px;
}
.formulario .wpcf7{
width:100%;
}
.agendar .row{
max-width:1150px;
margin:auto;
}
.napoleon{
background:#EDEDED;
}
.napoleon .imagem-napoleon{
width:550px;
background:#ED3024;
position:relative;
display: flex;
align-items: flex-end;
}
.napoleon .imagem-napoleon:before{
content:"";
width:16px;
height:550px;
background:#000000;
position:absolute;
left:-8px;
top:50%;
transform:translatey(-50%);
}
.napoleon .imagem-napoleon img{
width:100%;
height:auto;
}
.napoleon .text-napoleon{
width:calc(100% - 550px);
padding:80px 330px 80px 0;
display:flex;
justify-content:flex-end;
align-items:center;
}
.napoleon .text-napoleon .text{
max-width:645px;
}
.napoleon .text-napoleon .text h2{
text-align: left;
font: normal normal normal 45px/64px Omnes;
letter-spacing: 0px;
color: #000000;
text-transform:uppercase;
margin-bottom:20px
}
.napoleon .text-napoleon .text p{
text-align: left;
font: normal normal normal 21px/29px Omnes;
letter-spacing: 0px;
color: #000000;
}
footer{
background:#000;
}
.content-footer .contatos .contato a{
display:flex;
align-items:center;
}
.content-footer .contatos .contato a .icon{
margin-right:10px;
}
.content-footer .contatos .contato a span{
text-align: left;
font: normal normal normal 20px/28px Omnes;
letter-spacing: 0px;
color: #FFFFFF;
}
.logo-rodape{
max-width:240px;
}
.content-footer .contatos .contato a:hover span{
color:#ED3024;
}
.content-footer{
padding:30px;
}
.content-footer .contatos .contato:not(:last-child) a{
margin-bottom:10px;
}


@media(max-width:1680px){
.content-header .logo {
max-width: 320px;
}	
.content-header{
padding:25px 0 35px;
}	
header::after {
height: 12px;
bottom: -6px;
}	
.banner {
height: calc(100vh - 169px);
}	
.banner .mapeamento h1 {
text-align: left;
font: normal normal 300 43px/50px Omnes;
}
.motivacao .imagem {
width: 700px;
position: relative;
}
.motivo .text{
padding:10px 40px 10px 40px;
}	
.napoleon .text-napoleon{
width:calc(100% - 550px);
padding:80px 150px 80px 0;
display:flex;
justify-content:flex-end;
}	
.motivacao .text {
width: calc(100% - 700px);
padding: 80px;
}	
	
}

@media(max-width:1440px){
.motivacao .imagem {
width: 630px;
position: relative;
}	
.motivacao .text {
width: calc(100% - 630px);
padding: 80px;
}		
.napoleon .text-napoleon {
width: calc(100% - 550px);
padding: 80px 90px 80px 0;
}	
	
}

@media(max-width:1400px){
.napoleon .text-napoleon {
width: calc(100% - 550px);
padding: 80px 65px 80px 0;
}	

}

@media(max-width:1370px){
.motivacao .imagem {
width: 540px;
position: relative;
}
.slide {
padding-left: 110px;
margin: 60px 0 40px;
}	
.napoleon .imagem-napoleon {
width: 520px;
background: #ED3024;
position: relative;
}	
.napoleon .text-napoleon {
width: calc(100% - 520px);
padding: 80px 65px 80px 0;
}	

}

@media(max-width:992px){
.content-header .logo {
max-width: 150px;
margin-right: 20px;
}	
.content-header .btn-agendar {
font: normal normal 700 15px/19px Alegreya Sans;
height: 50px;
padding: 0 20px;
}	
.content-header {
padding: 20px 0 25px;
}	
header::after {
height: 10px;
bottom: -5px;
width: 80%;
z-index: 5;
}	
.banner {
height: calc(100vh - 96px);
background: url(imagens/banner_mobile.jpg);
background-size:cover;
background-position:center bottom;
position:relative;
}	
.banner:after{
content:"";
width:100%;
height:100%;
background: #0000004D 0% 0% no-repeat padding-box;
position:absolute;
left:0;
top:0;
}
.banner .mapeamento{
position:relative;
z-index:3;
}	
.banner .logo-mastermind {
margin-bottom: 30px;
text-align: center;
}	
.banner .logo-mastermind img{
max-width:220px;
}	
.banner .mapeamento h1 {
text-align: center;
font: normal normal 300 20px/32px Omnes;
}	
.banner .mapeamento h5 {
 text-align: center;
font: normal normal 500 16px/22px Omnes;
}
.btn-agendar {
font: normal normal 700 16px/20px Alegreya Sans;
height: 48px;
max-width: 340px;
margin: auto;
}	
.text-one p {
margin: 0 auto;
text-align: center;
font: normal normal normal 20px/26px Omnes;
padding: 0 15px;
}	
.text-one {
background: #ED3024;
color: #fff;
padding: 35px 0 40px;
}	
.motivacao .imagem{
display:none;
}	
.motivacao .text {
width: 100%;
padding: 50px 25px;
}	
.motivacao .area-texto h2 {
text-align: center;
font: normal normal 700 26px/36px Omnes;
margin-bottom: 20px;
}	
.motivacao .area-texto p {
text-align: center;
font: normal normal normal 18px/26px Omnes;
margin-bottom: 40px;
}	
.tarja h2 {
margin: 0;
text-align: center;
font: normal normal 600 20px/31px Omnes;
}	
.tarja::after {
content: "";
width: 80%;
height: 10px;
position: absolute;
bottom: -5px;
left: 50%;
transform: translatex(-50%);
background: #000;
}	
.beneficios{
flex-wrap:wrap;
margin-bottom:20px;
}	
.beneficios .beneficio {
background: #EDEDED;
width: 100%;
padding: 35px 30px 35px;
position: relative;
max-width: 360px;
margin: 0 auto 40px;
}	
.beneficios .beneficio p {
text-align: center;
font: normal normal 400 18px/24px Omnes;
}	
.beneficios .beneficio h3 {
text-align: center;
font: normal normal 700 18px/25px Omnes;
}	
.motivos h2 {
text-align: center;
font: normal normal 600 20px/26px Omnes;
}	
.slide {
padding-left: 20px;
margin: 60px 0 40px;
}	
.motivo{
width:260px;
}
.motivo .imagem {
width: 100%;
height: 259px;
}	
.motivo .text {
padding: 10px 20px 10px 20px;
width: 100%;
}	
.slide-motivos .slick-list {
padding: 0 70px 0 2px !important;
}	
.motivo .text .content p {
text-align: center;
font: normal normal normal 18px/22px Omnes;
}	
.motivo .text .content h3 {
text-align: center;
font: normal normal bold 20px/26px Omnes;
}	
.motivo .imagem::after {
content: "";
width: 180px;
height: 10px;
background: #ED3024;
position: absolute;
right: 50%;
top: auto;
transform: translatey(0%) translateX(50%);
bottom: -5px;
}	
.motivo .text{
height:262px;
display:flex;
align-items:center;
}
.motivo .content{
padding: 20px 0;
}
.progress {
display: block;
width: calc(100% - 58px);
height: 10px;
}	
.slider__label_bar {
max-width: 100%;
height: 4px;
width: calc(100% - 58px);
}	
.destino {
background: #EDEDED;
padding: 45px 0;
}	
.destino h2 {
text-align: center;
font: normal normal bold 24px/32px Omnes;
}	
.destino h5 {
text-align: center;
font: normal normal 400 20px/24px Omnes;
letter-spacing: 0px;
color: #000000;
margin-bottom: 40px;
}	
.item-destino {
width: 100%;
padding: 0 30px 20px;
max-width: 360px;
margin: 0 auto 30px;
}	
.item-destino .icone {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
padding-top: 20px;
height: 75px;
}	
.item-destino .icone img{
width:auto;
height:100%;
}
.item-destino .content {
min-height: auto;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0 10px;
}	
.item-destino p {
text-align: center;
font: normal normal normal 18px/22px Omnes;
}	
.agendar .row{
flex-direction:column-reverse;
}	
.formulario {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
padding-left: 0;
}	
.form input[type="text"], .form input[type="tel"], .form input[type="email"] {
height: 50px;
padding: 5px 15px 5px 25px;
font: normal normal 400 16px/20px Omnes;
}	
.form input[type="submit"] {
width: 100%;
height: 50px;
font: normal normal bold 20px/31px Alegreya Sans;
}	
.text-agendar p {
text-align: center;
font: normal normal normal 18px/26px Omnes;
}	
.text-agendar .duracao {
display: flex;
align-items: center;
max-width: 170px;
margin: 0 auto;
}	
.text-agendar .duracao .icon {
width: 23px;
height: 29px;
}	
.text-agendar .duracao strong {
text-align: left;
font: normal normal bold 18px/32px Omnes;
letter-spacing: 0px;
color: #000000;
margin-left: 12px;
}	
.text-agendar p.d-block{
margin-top: 30px;
margin-bottom: -20px;
}	
.napoleon .imagem-napoleon {
width: 90%;
background: #FF2C1E;
position: relative;
margin-left: 5%;
justify-content:flex-end;
padding-right:30px;
}	
.napoleon{
padding-top:20px;
}	
.napoleon .imagem-napoleon::before {
content: "";
width: 80%;
height: 10px;
background: #000000;
position: absolute;
left: 50%;
top: auto;
transform: translatey(0%) translatex(-50%);
bottom: -5px;
}	
.napoleon .imagem-napoleon img {
width: 100%;
height: auto;
max-width: 140px;
}	
.napoleon .text-napoleon {
width: 100%;
padding: 35px 25px;
}	
.napoleon .text-napoleon .text h2 {
text-align: center;
font: normal normal normal 24px/34px Omnes;
}	
.napoleon .text-napoleon .text p {
text-align: center;
font: normal normal normal 18px/26px Omnes;
}	
.logo-rodape {
max-width: 220px;
margin: 0 auto 30px;
}	
.content-footer .contatos .contato a {
display: flex;
align-items: center;
justify-content: center;
}
.content-footer .contatos .contato a .icon {
margin-right: 10px;
max-width: 22px;
}	
.content-footer .contatos .contato a span {
text-align: left;
font: normal normal normal 16px/24px Omnes;
}	
	
}