html,body{font-size:15px;font-family: 'Roboto', sans-serif;}

h1,h2,h3,h4,h5,h6{text-transform:uppercase;}

.row{width:100%;margin:0;font-size:11px;}

#scrollTop{display:none;cursor:pointer;position:fixed;bottom:40px;right:30px;background:#CCC;color:#FFF;border-radius:100%;padding:10px 13px;}

.logo{max-width: 300px;width:100%;}

.noPadding{padding:0;}

.navbar-fixed-top{background: var(--cor-principal);}

.navMenu{line-height: 40px;}

#menu-btn{display:none;}

.brand > h1{color: var(--cor-preto);}

.imgBack{
    background-attachment: fixed;
    background-image: var(--bg-slider);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--cor-branco);
    padding:22% 15%;
}

.imgText h2{
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.3em;
    margin-bottom: 20px;
}

.imgText p{
    font-size: 16px;
}

.bgOverlay{
    background-color: var(--cor-preto);
    opacity: 0.8;
    padding: 30px;
    width: 60%;
}

.menu,
.menu a{
    color: var(--cor-preto);
    display: inline-block;
    font-size: 1.2em;
    letter-spacing: 2px;
    padding: 15px 15px;
    text-transform: uppercase;
}

.texto14{
    font-size: 14px;
}
.justify{
    text-align: justify;
}
.center{
    text-align: center;
}

.about{
    padding: 50px;
}

.about h2{
    font-weight: bold;
    letter-spacing: 0.3em;
    padding: 0 0 20px 0;
}

.about img{
    border: var(--cor-principal) 10px solid;
    float: right;
    margin: 0 15px;
    width: 60%;
}

.features{

    background: var(--bg-features);
    padding: 50px;

}

.features h3, .features p, .features h2{
    color: var(--cor-branco);
    font-weight: bold;
    letter-spacing: 0.15em;
    text-align: center;
    padding: 0 0 20px 0;
}

.features figure{text-align: center;}
.features img{
    width: 60px;
}

.services{
    padding: 50px;
}

.services h2{
    font-weight: bold;
    letter-spacing: 0.3em;
    padding: 0 0 30px 0;
}

.services h3{
    font-weight: bold;
    letter-spacing: 0.15em;
    padding: 0 0 10px 0;
    text-align: center;
}
.services .texto-servico{ padding: 0 30px;}
.services figure{text-align: center;}
.services img{
    border: var(--cor-principal) 10px solid;
    margin: 0 15px;
    width: 80%;
}

.contact{
    background: var(--cor-principal);
    padding: 50px;
}
.contact h2{
    color: var(--cor-preto);
    font-weight: bold;
    letter-spacing: 0.3em;
    padding: 0 0 30px 0;
}

.contact figure{
    margin: 0 0 40px 0;
}

.contact figure span{
    color: var(--cor-preto);
    font-size: 14px;
    padding-left: 15px;
}

.contact figure i{
    color: var(--cor-preto);
    font-size: 25px;
}


.form{
    background: var(--cor-principal);
    color: var(--cor-preto);
    font-size: 14px;
    padding: 50px;
}

.form h3{
    font-weight: bold;
    letter-spacing: 0.15em;
    padding: 0 0 20px 0;
}

.form h4{
    font-weight: bold;
    letter-spacing: 0.12em;
    text-align: center;
    padding: 50px 0 10px 0;
}

.form .social ul {
    text-align: center;
    padding: 0;
}

.form .social ul li{
    display: inline-block;
    list-style: none;
    padding: 10px;
}

.form .social ul li i{
    color: var(--cor-preto);
    font-size: 30px;
}

.rights{
    background: var(--cor-preto);
    color: var(--cor-branco);
    font-size: 12px;
    letter-spacing: 0.1em;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
}
.slider{background:#ab0224;min-height:300px;padding:4% 2% 0px;}
.slider h3{font-size:50px;font-family: 'Nothing You Could Do', cursive;float:left;display:block;padding:15px 30px;color:#FFF;font-weight:bold;position:relative;top:25px;right:10px}
.slider h4{background:#222;float:left;display:block;padding:12px 18px;color:#FFF;font-weight:bold;position:relative;left:40px;}

.font-style1{font-family: 'Satisfy', cursive;}

.style-30deg{-webkit-transform:rotate(-5deg);}

a{cursor:pointer;}

.btn-default{background:#222;color:#FFF;border:none;padding:10px;}

.btn-style{background:#f0bba8;color:#FFF;font-weight:bold;}.btn-style:hover{background:#F9F9F9;color:#999;}

.promocao p{visibility: hidden;background:#222;padding:10px;position:absolute;bottom:0;margin:20px;}
.promocao:hover p{visibility: visible;background:#222;padding:10px;position:absolute;bottom:0;margin:20px;}

@media only screen and (max-width: 768px) {
    #menu-content{display: none !important;}
    #menu-btn{
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 15px 0;
    }
    #menu-btn span{font-size: 16px; font-weight: bold; margin-right: 10px;}
    #menu-btn button{
        background: var(--cor-principal);
        border: var(--cor-principal-hover) 1px solid;
        color: var(--cor-preto);
        padding: 5px 10px 0 10px;
    }
    #menu-btn button:hover{background: var(--cor-principal-hover);}
    #menu-btn i{
        font-size: 20px;
    }
    .menu, menu a{display: inherit;}

}
@media only screen and (max-width: 992px) {

    .about img{
        border: var(--cor-principal) 10px solid;
        float: none;
        margin: 0 auto;
        width: 60%;
    }
    .bgOverlay{
        width: auto;
    }
}

.bgNavmobile ul {
    padding: 20px 0;
}

.bgNavmobile ul li{
    list-style: none;
    text-align: center;
}
.bgNavmobile ul li a{
    color: var(--cor-preto);
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
}
.swal2-popup, .swal2-modal,
.swal2-show{
    background: var(--cor-principal-hover) !important;