* {
    padding:0;
    margin:0;
    vertical-align:baseline;
    list-style:none;
    border:0
    }
    a:hover{
        text-decoration: none;
    }
body{
    background-color: #f6f6f6;
    font-family: 'Montserrat', sans-serif;
}
#intro{
    height: 100vh;
    overflow: hidden;
    margin-top: 0!important;
    padding-top: 0!important;
}
#intro .container{
    height: 100%;
    position: relative;
    align-items: center;
}
#intro .container.thanks {
    justify-content: flex-end;
    max-width: none;
    padding: 0 35px;
}
.intro-mockup{
    height: 90vh;
    position: absolute;
    left: -9% !important;
}
.intro-title{
    font-size: 2.75em;
    line-height: 1.2;
    letter-spacing: -1.2px;
    margin-bottom: 30px;
}
.section-title{
    font-size: 1.75em;
    letter-spacing: .23px;
    font-weight: 600;
}
.intro-txt{
    margin-left: auto;
    margin-top: 40px;
}
#servicos .row{
    padding-top: 64px;
    position: relative;
    overflow: hidden;
}
.img-relogio{
    width: 25%;
    position: absolute;
    left: 0;
    top: 0;
}
.box-insta .icone-insta{
    width: 28px;
    margin: 0;
}
#como-funciona{
    padding: 64px 0 105px;
}
#servicos .section-title.col-md-12 {
    margin-bottom: 52px;
}
.service-box{
    width: 23%;
    margin: 0 3.4% 4.3%;
    padding: 23px 0 19px;
}
.service-name, footer h3{
    font-size: 1.125em;
    font-weight: 600;
    letter-spacing: .15px;
    margin-bottom: 0;
}   
img + .service-name{
    margin-top:25px;
    margin-bottom: 8px;
}
.service-desc{
    font-size: 1em;
    margin-bottom: 0;
    letter-spacing: .1px;
}
#como-funciona p{
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
}
.box-work img{
    width: 70px;
}
.border-box{
    border: solid 1px #c8c8c8;
    border-radius: 6px;
    padding: 57px 0;
    width: 89.5%;
}
.btn{
    font-size: 1.125em;
    letter-spacing: .15px;
    padding: 14px 22px;
    font-weight: 600;
    border: none;
    border-radius: 2px;
    line-height: 1;
    width: 336px;
}
.btn--dark:hover{
    color: #fff;
}
.btn:hover{
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
}
.btn--light{
    background: #fff;
    color: #000;

}
.btn--dark {
     background-image: linear-gradient(98deg, #e04f11, #e04f11 50%, #e04f11);
   
    color: #fff;
}
.xamaeu-num{
    margin: 0;
}
.xamaeu-num span{
    font-size: 1.75em;
    font-weight: 600;
}
.bg--light{
    background: #fff;
    border-radius: 6px;
}
.xamaeu-values{
    padding: 46px 0;
}
#profissional {
    background-image: linear-gradient(119deg, dd3131, dd3131 23%, f03000);
    color: #fff;
    padding: 64px 0 0;
}
.navbar, .navbar-mobile{
    padding: 0;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
}
.navbar .container{
    padding: 0;
}
.navbar ul{
    display: flex;
    justify-content: flex-end;
    margin-bottom:0;
    width: 80%;
    flex-grow: 1;
}
.navbar ul li{
    width: 20%;
    text-align: center;
    color: #000;
}
.navbar ul li a{
    display: block;
    padding: 38px 0 0;
    font-size: .875em;
    font-weight: 600;
    color: inherit;
}
    .navbar ul li a:hover {
        color: #18a7ec;
    }
.border-hover {
    opacity: 0;
    display: block;
    width: 100%;
    height: 6px;
    background-image: linear-gradient(92deg, #18a7ec, #18a7ec 50%, #18a7ec);
    margin-top: 32px;
    transition: opacity .3s;
}
/* .navbar ul li a:hover .border-hover, .active .border-hover{
    opacity: 1;
} */
.navbar .spot {
    background-image: linear-gradient(116deg, #18a7ec, #18a7ec 50%, #18a7ec);
    color: #fff;
}
.navbar .spot a{
    padding-top: 27px;
    padding-bottom: 25px;
}
.navbar .spot a:hover{
    color: inherit
}
.insta-container{
    width: 26%;
    margin: 64px 3.67%;
}
.box-insta{
    border-radius: 6px;
  border: solid 1px #c8c8c8;
  background-color: #fdfdfd;
    width: 100%;
    padding: 12px 12px 23px;
    
}
.box-insta img{
    margin-bottom: 50px;
}
.box-insta p{
    margin: 0;
}
#social .container{
    padding: 64px 0;
    position: relative;
    z-index: 2;
}
.box-dest {
    border-radius: 6px;
    background-image: linear-gradient(138deg, #18a7ec, #18a7ec 50%, #18a7ec);
    color: #fff;
}
.border-box p{
    margin-bottom: 0;
}
.border-box {
    position: relative; 
    overflow: hidden;
}
.media-container{
    padding:  15px 32.5px;
}

.box-media{
    background-color: #fff;
    width: 180px;
    height: 180px;
    border-radius: 6px;
    transition: box-shadow .3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-media img{
    width: 135px;
}
.media-container a:hover .box-media{
 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.13);
}
.no-padding{
    padding: 0;
}
.flickity-media{
    margin: 0 auto 74px;
    width: 1020px;
}
.xamaeu-success{
    padding: 55px 0;
}
.user-comment{
    letter-spacing: 0.1px;
    font-size: 1em;
    line-height: 1.2;
    margin: 40px 0 24px;
}
.user-name{
    font-weight: 600;
    letter-spacing: 0.1px;
    font-size: 1.125em;
    line-height: 1;
    margin: 0;
}
.user-date{
    font-size: .875em;
    margin: 0;
}
.xamaeu-recomend .row{
    padding: 64px 0;
}
.xamaeu-recomend{
    padding-bottom: 64px;
}
.xamaeu-recomend .section-title{
    margin-bottom: 64px;
}
.cel-img{
    position: absolute;
    bottom: 0;
    right: 10%;
    max-width: 205px;
    transform: translateY(20%);
}
.download-app{
    padding: 36px 0 41px;
}
.download-title{
    font-size: 1.125em;
    font-weight: 600;
    margin-bottom: 25px;
}
#profissional .btn{
    margin: 0 111px;
}
#profissional p{
    margin-bottom: 0;
}
.prof-title{
    font-size: 2.75em;
    letter-spacing: -1.24px;
    font-weight: 400;
    line-height: 1.2;
}
.prof-desc{
    line-height: 1.31;
}
.prof-benefits{
    line-height: 1;
    margin-top: 19px;
}
.benefits-container{
    margin: 51px 0;
}
.benefits-box{
    margin-right: auto;
}

.teste-container .teste, .img-container img{
    opacity: 0;
    transition: opacity .6s;
}
.teste-container .visible, .img-container .visible{
    opacity: 1;
    transition: opacity .6s;
}
.img-responsive{
    max-width: 100%;
}

.navbar-mobile{
  display: flex;
  align-items: center;
  padding: 27px 0;
}
.menu-mob{
  margin-left: auto;
  margin-right: 15px;
}
.navbar-mobile{
    display: none;
}
.navbar-mobile .navbar-brand{
    margin-right: 0;
    margin-left: 15px;
}
.icon-work{
    margin-bottom: 31px;
}
#como-funciona .section-title{
    margin-bottom: 45px;
    margin-top: 44px;
}
.box-work{
    text-align: center;
}
.box-user img{
    width: 100%;
}
#hu-header{
    box-shadow: none;
}
.iframe iframe{
    width: 100%;
    height: 100vh;
}
.footer-servicos ul:first-child{
    margin-right: auto;
}
footer{
    padding: 30px;
    background: #fff;
}
footer .col-md-2{
    margin-right: auto;
}
footer a{
    color: inherit;
}
    footer a:hover {
        color: #18a7ec;
    }

footer h3{
    margin-bottom: 15px;
    font-size: 14px;
}
footer p, footer ul li{
    font-size: .875em;
}
#xamaeu{
    position: relative;
    background: #f6f6f6;
}
#profissional .container{
    padding: 64px 0;
    position: relative;
}
.Coments-title h2{
    margin: 0;
}
.Coments-title{
    margin-bottom: 18px;
}
.five-stars{
    margin-left: 9px;
}

.five-stars img{
    margin-left: 12px;
}
.logo-desktop{
    width: 16%;
    text-align: center
    
}
#media p{
    margin-bottom: 39px;
}
#media .flickity-page-dots{
    bottom: -48px;
}
#media{
    padding-bottom: 50px;
}
.block-scroll{
    overflow: hidden;
}
.img-profissional{
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
}
#profissional .faca-parte{
    font-size: 1.125em;
    color: #000;
    font-weight: 600;
    margin-bottom: 28px;
    text-align: center;
}
#como-funciona .col-md-4{
    padding: 0 5px;
}
#como-funciona .container{
    margin-top: 42px;
}
#como-funciona .bg--light{
    max-height: 320px;
    margin: 0 -15px;
}
.mockup-fone{
    position: relative;
    z-index: 2;
    transform: translateY(-35%);
    margin-left: 5%;
}
.thanks .cities {
    display: flex;
    margin: 0 -30px;
}
.thanks .cities a {
    margin: 0 30px;
}