body,html{
    height:100%
}
img{
    max-width:100%;
    height:auto
}
p{
    margin:0 0 15px;
    color:#4f006b
}
h2,h3,h4,h5{
    font-family:Raleway,sans-serif;
    margin:0 0 15px;
    color:#000;
    font-weight:500
}
h2{
    font-size:38px;
    line-height:40px
}
h3{
    font-size:25px;
    line-height:32px
}
.yellow{
    color:#fc0
}
h4{
    font-size:24px;
    line-height:26px
}
h5{
    font-size:20px;
    line-height:22px
}
a{
    transition:all .3s ease 0s;
    text-decoration:none
}
a:hover{
    text-decoration:none
}
a:active,a:hover{
    outline:0 none
}
body{
    background:#fff none repeat scroll 0 0;
    color:#000;
    font-family:"Open Sans",sans-serif;
    font-size:14px;
    text-align:left;
    overflow-x:hidden;
    line-height:20px
}
#hero .btn-pulse{
    width:400px;
    text-align:left
}
.btn-pulse{
    text-align:center
}
.btn-pulse a{
    background:-moz-linear-gradient(bottom,#5ad144 0,#6fc 100%);
    background:-webkit-linear-gradient(bottom,#5ad144 0,#6fc 100%);
    background:-o-linear-gradient(bottom,#5ad144 0,#6fc 100%);
    background:-ms-linear-gradient(bottom,#5ad144 0,#6fc 100%);
    background:linear-gradient(bottom,#5ad144 0,#6fc 100%);
    animation:1.5s ease-out infinite playShadowx;
    border-radius:50px!important;
    cursor:pointer;
    margin-top:10px;
    margin-bottom:10px;
    color:#564734;
    text-transform:none;
    text-decoration:none;
    padding:2px 40px;
    font-size:18px;
    font-weight:700;
    transition:all .5s ease 0s
}
.btn-pulse a:hover{
    background:-moz-linear-gradient(bottom,#51ddad 0,#6fc 100%);
    background:-webkit-linear-gradient(bottom,#51ddad 0,#6fc 100%);
    background:-o-linear-gradient(bottom,#51ddad 0,#6fc 100%);
    background:-ms-linear-gradient(bottom,#51ddad 0,#6fc 100%);
    background:linear-gradient(bottom,#51ddad 0,#6fc 100%);
    color:#564734;
    animation:1.5s ease-out infinite playShadowxhover;
    transition:all .5s ease 0s
}
@keyframes playShadowxhover{
    0%{
        box-shadow:0 0 0 0 #51ddad,0 0 0 0 rgba(102,255,204,.5);
        transform:scale(1)
    }
    15%{
        box-shadow:0 0 0 0 rgba(81,221,173,.5),0 0 0 0 rgba(102,255,204,.25)
    }
    25%{
        transform:scale(1.05)
    }
    85%{
        transform:scale(.95)
    }
    100%{
        box-shadow:0 0 0 16px rgba(81,221,173,0),0 0 0 32px rgba(0,215,255,0);
        transform:scale(1)
    }
}
@keyframes playShadowx{
    0%{
        box-shadow:0 0 0 0 #51ddad,0 0 0 0 rgba(81,221,173,.5);
        transform:scale(1)
    }
    15%{
        box-shadow:0 0 0 0 rgba(102,255,204,.5),0 0 0 0 rgba(81,221,173,.25)
    }
    25%{
        transform:scale(1.05)
    }
    85%{
        transform:scale(.95)
    }
    100%{
        box-shadow:0 0 0 16px rgba(255,255,0,0),0 0 0 32px rgba(255,255,0,0);
        transform:scale(1)
    }
}
.mt-10{
    margin-top:10px
}
.mt-30{
    margin-top:30px
}
.mt-80{
    margin-top:-80px
}
.mt-100{
    margin-top:100px
}
.mt-130{
    margin-top:130px
}
.mb-130{
    margin-bottom:130px
}
.mb-20{
    margin-bottom:20px
}
.mb-30{
    margin-bottom:30px
}
.mb-80{
    margin-bottom:80px
}
.mt-20{
    margin-top:20px
}
::-webkit-scrollbar{
    width:10px;
    height:0;
    background:#0a0101
}
::-webkit-scrollbar-thumb{
    background:#dce0e1;
    background:-moz-linear-gradient(top,#a30404 0,red 100%);
    background:-webkit-linear-gradient(top,#a30404 0,red 100%);
    background:-o-linear-gradient(top,#a30404 0,red 100%);
    background:-ms-linear-gradient(top,#a30404 0,red 100%);
    background:linear-gradient(to bottom,#a30404 0,red 100%);
    box-shadow:0 0 9px 0 #f19b9b;
    border-radius:0 0 50px 50px
}
::-webkit-scrollbar-thumb:hover{
    background:-moz-linear-gradient(top,red 0,#a30404 100%);
    background:-webkit-linear-gradient(top,red 0,#a30404 100%);
    background:-o-linear-gradient(top,red 0,#a30404 100%);
    background:-ms-linear-gradient(top,red 0,#a30404 100%);
    background:linear-gradient(to bottom,red 0,#a30404 100%);
    box-shadow:0 0 9px 0 #fd6363
}
.back-to-top{
  background:#5AD144;
  border-radius: 50px;
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  width: 40px;
  height: 40px;
  transition: all 0.4s
}
.back-to-top i{
  font-size: 28px;
  color: #FFF;
  line-height: 0
}
.back-to-top:hover{
  background:#564734;
  color: #FFF
}
.back-to-top.active{
  visibility: visible;
  opacity: 1
}
ul{
    list-style:outside none none;
    margin:0;
    padding:0
}
.area-padding{
    padding:40px 0 20px
}
.section-headline h2{
    color:red;
    text-shadow:1px 2px 2px rgba(0,0,0,.6);
    display:inline-block;
    font-size:40px;
    font-weight:700;
    position:relative
}
.img-fluid{
    max-width:100%;
    height:auto
}
#header{
    height:100px;
    transition:all .5s;
    transition:all .5s;
    z-index:999
}
#header .logo img{
    margin-top:25px;
    max-height:100px;
    z-index:9999
}
@media (min-width:320px) and (max-width:768px){
    #header .logo img{
        padding:0;
        max-height:60px;
        margin-left:25%;
        z-index:9999
    }
    .img-fluid{
        max-width:75%;
        height:auto;
        margin-left:10%
    }
    .img-fluid-2{
        max-width:75%;
        height:auto;
        margin-left:0;
        margin-bottom:20px
    }
    .img-fluid-3{
        height:auto;
        margin-left:0;
        margin-bottom:10px
    }
    .img-fluid-about1{
        max-width:75%;
        height:auto;
        margin-left:15%
    }
    .area-padding{
        padding:20px 0 0
    }
    .contact-icon{
        margin-bottom:20px;
        width:280px
    }
}
@media (max-width:768px){
    #header{
        height:100px;
        transition:all .5s;
        transition:all .5s;
        background-repeat:no-repeat;
        background-position:top left;
        margin-top:-1px;
        z-index:999
    }
    #about1 .section-headline h3{
        font-size:13px;
        margin-top:-10px
    }
    #about1 .testimonials-slider img{
        margin-bottom:20px
    }
}
.navbar{
    padding:0
}
.navbar ul{
    margin:0;
    padding:0;
    display:flex;
    list-style:none;
    align-items:center
}
.navbar li{
    position:relative
}
.navbar a,.navbar a:focus{
    border-radius:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:10px;
    margin-bottom:10px;
    font-size:15px;
    font-weight:600;
    color:#564734;
    white-space:nowrap;
    transition:color .3s,border-bottom .3s;
    text-decoration:none;
    position:relative
}
.navbar a i,.navbar a:focus i{
    font-size:12px;
    line-height:0;
    margin-left:5px
}
.navbar a:hover::after{
    width:calc(100% - 30px)
}
.static-right-social-area{
    position:fixed;
    margin-right:30px;
    right:0;
    top:75%;
    z-index:99999
}
.static-right-social{
    position:relative
}
.static-right-social ul li{
    background:-moz-linear-gradient(top,#5ad144 0,#5ad144 100%);
    background:-webkit-linear-gradient(top,#5ad144 0,#5ad144 100%);
    background:-o-linear-gradient(top,#5ad144 0,#5ad144 100%);
    background:-ms-linear-gradient(top,#5ad144 0,#5ad144 100%);
    background:linear-gradient(to bottom,#5ad144 0,#5ad144 100%);
    animation:1.5s ease-out infinite playShadowxWhats;
    border-radius:50px!important;
    cursor:pointer;
    margin-bottom:10px;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    padding:6px 6px;
    font-weight:700;
    transition:all .5s ease 0s;
    top:0;
    list-style:none
}
.static-right-social ul li:hover{
    right:0
}
.static-right-social ul li a{
    color:#564734!important;
    display:block;
    font-size:15px;
    line-height:50px;
    width:50px;
    height:50px;
    font-weight:500;
    text-decoration:none
}
.static-right-social ul li a i{
    width:40px;
    font-size:32px;
    padding-top:6px;
    padding-left:10px;
    text-align:center
}
@keyframes playShadowxhoverWhats{
    0%{
        box-shadow:0 0 0 0 #25d266,0 0 0 0 rgba(12,99,16,.5);
        transform:scale(1)
    }
    15%{
        box-shadow:0 0 0 0 rgba(13,243,109,.5),0 0 0 0 rgba(6,63,29,.25)
    }
    25%{
        transform:scale(1.05)
    }
    85%{
        transform:scale(.95)
    }
    100%{
        box-shadow:0 0 0 16px rgba(0,204,92,0),0 0 0 32px rgba(0,215,255,0);
        transform:scale(1)
    }
}
@keyframes playShadowxWhats{
    0%{
        box-shadow:0 0 0 0 #25d266,0 0 0 0 rgba(12,99,16,.5);
        transform:scale(1)
    }
    15%{
        box-shadow:0 0 0 0 rgba(13,243,109,.5),0 0 0 0 rgba(6,63,29,.25)
    }
    25%{
        transform:scale(1.05)
    }
    85%{
        transform:scale(.95)
    }
    100%{
        box-shadow:0 0 0 16px rgba(0,204,92,0),0 0 0 32px rgba(0,215,255,0);
        transform:scale(1)
    }
}
@media (max-width:991px){
    .navbar ul{
        display:none
    }
}
#hero{
    width:100%;
    height:100vh;
    overflow:hidden;
    position:relative
}
#hero-home {
    background:url(../img/home/bg_home.jpg);
    background-repeat:no-repeat;
    background-position:top right;
    background-size:cover;
    background-position:center;
    height:100%;
    z-index:999
}

/* Sobrescreve se suportar WebP */
@supports (background-image: url('test.webp')) {
    #hero-home {
        background-image: url(../img/home/bg_home.webp);
    }
}


@media (max-height:500px){
    #hero{
        height:150vh
    }
}
#hero .container{
    text-align:left
}
#hero img{
    margin-top:32%
}
#hero h1{
    font-size:32px;
    font-weight:700;
    margin-top:30%;
    color:red
}
#hero p{
    color:#fff;
    font-size:16px;
    font-weight:lighter;
    line-height:150%;
    margin-bottom:30px;
    text-shadow:1px 2px 2px rgba(0,0,0,.15)
}
#hero .btn-call-to-action{
    color:#fff;
    font-size:13px;
    font-weight:500;
    margin-bottom:30px;
    text-shadow:1px 2px 2px rgba(0,0,0,.15)
}
@media (max-width:768px){
    #hero h2{
        font-size:28px;
        line-height:1.1;
        margin-top:85px;
        margin-bottom:10px;
        width:100%
    }
}
@media (min-width:1024px){
    #hero p{
        width:80%
    }
}
@media (min-width:320px) and (max-width:768px){
    .navbar ul li a{
        background:0 0;
        color:#fff;
        margin-left:18px;
        text-transform:uppercase;
        font-size:14px;
        line-height:3;
        letter-spacing:.1rem;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:8px;
        padding-right:8px
    }
    #hero p{
        font-size:13px!important;
        line-height:1.4;
        margin-bottom:0
    }
    #hero img{
        margin-top:0
    }
}
.img-fluid{
    margin-bottom:20px
}
address p{
    color:#564734
}
.img-fluid-3{
    height:auto;
    margin-left:0;
    margin-top:6px;
    margin-bottom:5px
}
.img-fluid-4{
    height:auto;
    margin-left:8%;
    margin-bottom:5px
}
.img-fluid-5{
    max-width:85%;
    height:auto
}
#casais-profissionais {
    background:#fff url(../img/sombra_top.png);
    background-repeat:no-repeat;
    background-position:top center;
    margin-top:0;
    margin-bottom:30px;
    z-index:999}

/* Sobrescreve se suportar WebP */
@supports (background-image: url('test.webp')) {
    #casais-profissionais {
        background-image: url(../img/sombra_top.webp);
    }
}


#casais-profissionais h2{
    font-size:32px;
    font-weight:700;
    color:red;
    text-shadow:1px 2px 2px rgba(0,0,0,.6)
}
#casais-profissionais h4{
    font-size:16px;
    text-align:left;
    font-weight:700;
    color:#490000
}
#casais-profissionais p{
    color:#564734
}
.single-well>a{
    display:block
}
.single-well p{
    color:#564734;
    font-size:14px;
    text-align:left
}
#casais-profissionais img{
    text-align:left
}
#beneficios{
    background:#f8f8f8 url(../img/plano-fundo/bg_beneficios.jpg);
    background-repeat:no-repeat;
    background-position:top right;
    background-size:cover;
    margin-top:0;
    height:100vh;
    z-index:3}
/* Sobrescreve se suportar WebP */
@supports (background-image: url('test.webp')) {
    #beneficios {
        background-image: url(../img/plano-fundo/bg_beneficios.webp);
    }
}
    
#beneficios h2{
    font-size:32px;
    font-weight:700;
    color:red;
    text-shadow:1px 2px 2px rgba(0,0,0,.6)
}
#beneficios h5{
    color:#564734;
    font-weight:700
}
#beneficios p{
    color:#564734
}
#transparencia {
    background:#f8f8f8 url(../img/plano-fundo/bg_transparencia.jpg);
    background-repeat:no-repeat;
    background-position:top right;
    background-size:cover;
    margin-top:0;
    height:100vh;
    z-index:3
}

/* Sobrescreve se suportar WebP */
@supports (background-image: url('test.webp')) {
    #transparencia {
        background-image: url(../img/plano-fundo/bg_transparencia.webp);
    }
}


#transparencia h2{
    font-size:32px;
    font-weight:700;
    color:red;
    text-shadow:1px 2px 2px rgba(0,0,0,.6)
}
#transparencia p{
    color:#564734
}
#depoimentos{
    background:url(../img/plano-fundo/bg_depoimentos.jpg);
    background-repeat:no-repeat;
    background-position:top right;
    background-size:cover;
    margin-top:0;
    height:100vh;
    z-index:999}
/* Sobrescreve se suportar WebP */
@supports (background-image: url('test.webp')) {
    #depoimentos {
        background-image: url(../img/plano-fundo/bg_depoimentos.webp);
    }
}


#depoimentos h2{
    font-size:32px;
    font-weight:700;
    color:red;
    text-shadow:1px 2px 2px rgba(0,0,0,.6)
}
#depoimentos p{
    color:#fff
}
#depoimentos img{
    margin-top:100px;
    margin-bottom:20px
}
#nuru-acao{
    background:#f8f8f8 url(../img/plano-fundo/bg_nuru_acao.jpg);
    background-repeat:no-repeat;
    background-position:top right;
    background-size:cover;
    margin-top:0;
    height:100vh;
    z-index:3}
/* Sobrescreve se suportar WebP */
@supports (background-image: url('test.webp')) {
    #nuru-acao {
        background-image: url(../img/plano-fundo/bg_nuru_acao.webp);
    }
}

#nuru-acao h2{
    font-size:32px;
    font-weight:700;
    color:#fff;
    text-shadow:1px 2px 2px rgba(0,0,0,.6)
}
#nuru-acao p{
    color:#fff
}

#garanta-seu {
    /* Fallback padrão */
    background: #f8f8f8 url(../img/plano-fundo/bg_garanta_seu.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;}
/* Sobrescreve se suportar WebP */
@supports (background-image: url('test.webp')) {
    #garanta-seu {
        background-image: url(../img/plano-fundo/bg_garanta_seu.webp);
    }
}


#garanta-seu h2{
    font-size:32px;
    font-weight:700;
    background-image:linear-gradient(to right,#a30404,red);
    color:#101820;
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
#garanta-seu h5{
    color:#490000;
    font-size:16px;
    font-weight:800
}
#garanta-seu p{
    color:#564734
}
.services-icon{
    color:#444;
    display:inline-block;
    font-size:36px;
    line-height:36px;
    margin-bottom:20px
}
.single-services>h4{
    color:#2a344e;
    font-size:24px;
    font-weight:500
}
.single-services>p{
    color:#2a344e;
    font-size:14px
}
#contact{
    background:#f8f8f8 url(../img/sombra_top.png);
    background-repeat:no-repeat;
    background-position:top center;
    margin-top:0;
    z-index:999}
/* Sobrescreve se suportar WebP */
@supports (background-image: url('test.webp')) {
    #contact {
        background-image: url(../img/sombra_top.webp);
    }
}

    
#contact .form-transparente{
    background:rgba(255,255,255,.5) none repeat scroll 0 0;
    border-radius:15px;
    padding:10px
}
#contact h4{
    font-size:32px;
    font-weight:700;
    background-image:linear-gradient(to right,#a30404,red);
    color:#101820;
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
#contact p{
    color:#564734;
    text-align:center
}
.contact-area{
    height:auto;
    width:100%;
    margin-top:0;
    z-index:999
}
.single-icon i{
    font-size:22px;
    width:50px;
    height:50px;
    line-height:56px;
    border-radius:50%;
    margin-bottom:30px;
    color:#564734
}
.single-icon p{
    font-size:14px;
    line-height:25px
}
.contact-icon{
    margin-bottom:40px
}
.btn-contact{
    background:#5ad144 none repeat scroll 0 0;
    color:#564734;
    border:none;
    border-radius:50px;
    font-size:16px;
    font-weight:800;
    margin-top:25px;
    margin-bottom:25px;
    padding:10px 80px;
    transition:all .3s ease 0s
}
.btn-contact:hover{
    background:#6fc;
    color:#4f006b
}
.form-control{
    display:block;
    width:100%;
    padding:.375rem .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#4f006b!important;
    background:0 0!important;
    background-clip:padding-box;
    border-bottom:1px solid rgb(41,0,58,.3);
    border-left:none;
    border-right:none;
    border-top:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@keyframes slideUp{
    to{
        transform:initial;
        opacity:initial
    }
}
.footer-area{
    padding:40px 0;
    background:#564734
}
.footer-head p{
    color:#fff
}
.footer-head h4{
    color:#fff;
    font-size:16px;
    letter-spacing:2px;
    padding-bottom:10px;
    text-transform:uppercase
}
.footer-logo{
    padding-bottom:20px
}
.footer-icons ul li{
    display:inline-block
}
.footer-icons ul li a{
    color:#5ad144;
    display:block;
    font-size:16px;
    height:40px;
    width:40px;
    line-height:38px;
    margin-right:5px;
    text-align:center;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:0
}
.footer-icons ul li a:hover{
    color:#6fc
}
.footer-icons ul li a i{
    line-height:0
}
.footer-icons{
    color:#5ad144
}
.footer-icons a{
    color:#5ad144
}
.footer-icons a:hover{
    color:#6fc
}
.footer-content{
    display:block;
    overflow:hidden
}
.footer-area-bottom{
    background:#564734;
    margin-top:0;
    height:120px;
    z-index:999;
    padding:15px 0
}
.copyright{
    margin-bottom:0;
    color:#5ad144
}
@media (min-width:768px) and (max-width:991px){
    .contact-form{
        margin-top:0
    }
}
@media (max-width:767px){
    #hero-home .row{
        height:100%;
        padding-bottom:40px
    }
    #beneficios{
        height:100%;
        padding-bottom:40px
    }
    #casais-profissionais{
        height:100%;
        padding-bottom:40px
    }
    #casais-profissionais p{
        margin-top:100px
    }
    #depoimentos{
        height:100%;
        padding-bottom:40px
    }
    #transparencia{
        height:100%;
        padding-bottom:40px
    }
    #nuru-acao{
        height:100%;
        padding-bottom:40px
    }
    #garanta-seu{
        height:100%;
        padding-bottom:40px
    }
    #hero h1{
        font-size:28px;
        line-height:2rem;
        text-shadow:1px 2px 2px rgba(0,0,0,.6);
        font-weight:700;
        margin-top:30%;
        color:red
    }
    .static-right-social ul li{
        margin-top:40px
    }
    #beneficios h2{
        font-size:28px;
        line-height:2rem;
        text-shadow:1px 2px 2px rgba(0,0,0,.6);
        font-weight:700;
        color:red
    }
   
    .img-fluid-4{
        height:auto;
        width:80%
    }
    .img-fluid-5{
        margin-left:72px
    }
    .section-headline h2{
        font-size:27px;
        line-height:36px
    }
    .well-middle .single-well{
        margin-top:30px
    }
    .contact-form{
        margin-top:30px
    }
    .footer-content{
        margin-bottom:30px
    }
}