/* .float.whatsapp {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    position: fixed;

    bottom: 10px;

    right: 10px;

    z-index: 1000;

}



.float.whatsapp .btn-floating {

    width: 50px !important;

    height: 50px !important;

    text-align: center;

    font-size: 1.5em !important;

    background-color: #34af23 !important;

    line-height: 50px;

    box-shadow: none !important;

    width: 200px !important;

    height: auto !important;

    border-radius: 30px !important;

    font-size: 1.1em !important;

    padding: 10px 20px;

    line-height: 20px;

    box-shadow: none !important;

}



.float.whatsapp p {

    font-size: .7em;

    margin: 0;

    line-height: 1.25em;

    margin-bottom: 0em;

}



.float.whatsapp strong {

    font-weight: normal !important;

}



.float.whatsapp svg {

    float: left;

    margin-right: -5px;

    margin-top: 2px;

    margin-left: 10px;

} */





/*-------- Menu --------*/



.menu {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 9999;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100% !important;

    height: 90px !important;

}



.menu .nav-wrapper {

    display: flex;

    align-items: center;

    justify-content: center;

}



.menu .button-collapse {

    position: absolute;

    left: 0;

    font-size: 2.5em;

    color: #48acf0;

}



.menu .float {

    display: none;

}



.menu img {

    width: 100%;

    height: 90px;

    object-fit: contain;

    padding: 10px;

}



.menu .services {

    position: fixed;

    z-index: 9999;

    top: -20px;

    left: 0;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-content: center;

    background-color: rgba(0, 0, 0, 1);

    min-height: calc(100vh + 20px);

    padding: 40px 5%;

    opacity: 0;

    transform: translateY(-100%);

    transition: all 1s;

}



.menu .services.active {

    opacity: 1;

    transform: translate(0);

}



.menu .services::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/menu.png);

    background-size: cover;

    background-position: top right;

    opacity: .2;

}



.menu .services .close {

    position: absolute;

    z-index: 9999;

    top: 40px;

    right: 40px;

    font-size: 2.5em;

}



.menu h2 {

    position: relative;

    font-size: 2em;

    font-weight: bold;

    color: #48acf0;

    text-align: center;

    width: 100%;

    float: left;

    border-bottom: 2px solid #48acf0;

    padding-bottom: 20px;

}



.menu h3 {

    position: relative;

    font-size: 1.25em;

    font-weight: bold;

    color: #48acf0;

    margin-top: 0;

}



.menu .services li {

    position: relative;

    z-index: 1;

    padding: 20px !important;

    width: calc(100% / 4);

    flex-grow: 1;

    flex-shrink: 1;

    flex-basis: calc(100% / 4);

}



.menu p {

    font-size: .9em;

    line-height: 1.25em;

    color: #fff;

}



.menu .services li a {

    width: 100%;

    float: left;

}



.menu .btn {

    position: relative;

    text-transform: none;

    font-weight: bold;

    height: 2.5em;

    box-shadow: none !important;

    border-radius: 30px !important;

    margin-top: 10px !important;

    background-color: transparent !important;

    color: #48acf0;

    border: 2px solid #48acf0;

    line-height: calc(2.5em - 4px) !important;

    padding: 0 2em;

    margin-left: 0 !important;

}



.menu a:hover .btn {

    background-color: #48acf0 !important;

    color: #fff;

}



.side-nav {

    z-index: 9999 !important;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    background: rgb(0, 0, 0);

    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 52, 1) 100%);

    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 52, 1) 100%);

    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 52, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000034", GradientType=1);

}



.side-nav p {

    color: #48acf0;

    font-weight: bold;

    font-size: 1.25em;

    padding: 0 32px;

}



.side-nav a {

    color: #fff !important;

    height: auto !important;

    line-height: 2em !important;

}



.side-nav svg {

    color: #48acf0;

}



.side-nav li svg {

    width: 20px !important;

}



.side-nav .float {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: nowrap;

    padding: 0 32px !important;

}



.side-nav .float a {

    padding: 0 !important;

}



.side-nav .float svg {

    font-size: 2em;

    color: #fff;

}



.menu a {

    padding: 0;

    position: relative;

}



.menu li {

    padding: 0 15px;

}



.menu a::before,

.menu a::before {

    content: "";

    position: absolute;

    z-index: 2;

    left: 0;

    right: 0;

}



.menu li a:before {

    content: "";

    position: absolute;

    z-index: -2;

    left: 0;

    right: 100%;

    bottom: 50%;

    background: #48acf0;

    height: 2px;

    -webkit-transition-property: right;

    transition-property: right;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.menu li a:hover {

    opacity: 1 !important;

}



.menu li a:hover:before {

    right: 0;

}



.menu li a:before {

    bottom: -10%;

}



@media(min-width: 993px) {

    .menu {

        top: 20px;

    }

    .menu .nav-wrapper {

        padding: 0 10%;

        justify-content: space-between;

    }

    .menu .brand-logo {

        position: relative;

    }

    .menu img {

        height: 60px;

    }

    .menu a {

        font-weight: bold;

        transition: .5s;

    }

    .menu a:hover {

        color: #48acf0;

    }

    .menu .float {

        display: flex;

        align-items: center;

        justify-content: center;

        flex-wrap: nowrap;

        position: relative;

        top: 0;

        right: 0;

    }

    .menu .float li {

        padding: 0;

    }

    .menu .float a {

        padding: 5px;

        font-size: 1.25em;

    }

}





/*-------- Head --------*/



.head {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100%;

    /* min-height: 100vh; */

    position: relative;

    padding: 80px 0;

}



.head video {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover;

    opacity: .3;

}



.head .owl-carousel {

    /* min-height: 100vh !important; */

    display: flex !important;

    align-items: center;

}



.head .owl-dots {

    display: none;

}



.head .item {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

    text-align: center;

    padding: 0 10%;

}



.head img {

    width: 100%;

    height: 300px;

    object-fit: contain;

    opacity: .7;

}



.head h1 {

    position: relative;

    font-size: 1.5em;

    font-weight: bold;

    color: #fff;

    margin-bottom: 10px;

}



.head h1 strong {

    width: 100%;

    float: left;

    font-size: .75em;

    color: #00aced;

    line-height: 1.1em;

    margin-top: 5px;

    text-transform: uppercase;

}



.head p {

    width: 100%;

    float: left;

    font-size: 1em;

    line-height: 1.25em;

    color: #fff;

    margin-top: 20px;

}



.head .btn {

    position: relative;

    text-transform: none;

    font-weight: bold;

    width: 150px;

    height: 2.5em;

    line-height: 2.5em !important;

    padding: 0;

    box-shadow: none !important;

    border-radius: 30px !important;

    margin-top: 10px !important;

}



.head .btn:nth-of-type(1) {

    background-color: #48acf0 !important;

    margin-right: 10px;

}



.head .btn:nth-of-type(2) {

    background-color: transparent !important;

    color: #48acf0;

    border: 2px solid #48acf0;

    line-height: calc(2.5em - 4px) !important;

}



@media(min-width: 993px) {

    .head,

    .head .item {

        min-height: 100vh;

        padding: 0;

    }

    .head h1 {

        font-size: 2em;

        text-align: center;

        display: flex;

        justify-content: center;

        flex-wrap: wrap;

    }

    .head h1 strong {

        margin: 0 auto;

        margin-top: 10px;

        max-width: 700px;

        font-size: 1.1em;

    }

    .head p {

        font-size: 1.25em;

    }

    .head .col {

        margin: 0 !important;

    }

}





/*-------- Thank You Page --------*/



.thanks {

    padding: 60px 5%;

    width: 100%;

    float: left;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    text-align: center;

    min-height: 100vh !important;

    background-color: #fff;

}



.thanks figure.col img {

    width: 100%;

    height: auto;

}



.thanks article.col figure {

    width: 100%;

    text-align: center;

}



.thanks article.col img {

    width: 90px;

    height: 90px;

    object-fit: contain;

    border: 4px solid #008000;

    border-radius: 50%;

    padding: 10px;

    margin: 0 auto;

}



.thanks article.col h1 {

    font-size: 1.75em;

    font-weight: bold;

    margin-bottom: 5px;

    color: #000034;

}



.thanks article.col h2 {

    font-size: 1.25em;

    max-width: 450px;

    margin: 0 auto;

    margin-bottom: 10px;

    color: #666;

}



.thanks article.col p {

    font-size: .9em;

    color: #000;

    max-width: 300px;

    line-height: 1.25em;

    margin: 0 auto;

}



.thanks .time {

    margin: 10px auto;

    margin-top: 40px;

    position: relative;

}



.thanks .time h3 {

    margin: 0 auto;

    font-size: 3em;

    font-weight: bold;

    color: #000034;

    border-radius: 50%;

    border: 4px solid #000034;

    width: 80px;

    height: 80px;

    line-height: 70px;

    margin-bottom: 5px;

}



.thanks .time p {

    color: #999 !important;

}



.thanks article.col h4 {

    font-size: 1.5em;

    font-weight: bold;

    margin-right: 10px;

}



.thanks ul {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: nowrap;

    margin-top: 40px !important;

    margin-bottom: 10px !important;

}



.thanks article.col svg {

    color: #fff;

    width: 40px !important;

    height: 40px;

    padding: 10px;

    border-radius: 50%;

    margin: 0 2.5px;

}



.thanks .fa-facebook {

    background-color: #3b5998;

}



.thanks .fa-instagram {

    background-color: #517fa4;

}



.thanks .fa-linkedin {

    background-color: #0976b4;

}



.thanks .fa-youtube {

    background-color: #bb0000;

}



.thanks aside {

    background-color: rgba(0, 0, 0, .7);

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 9999;

    transform: translateY(-100%);

    transition: all .5s;

    padding: 20px;

    backdrop-filter: blur(3px);

}



.thanks aside article {

    width: 100%;

    float: left;

    background-color: #fff !important;

    border: 4px solid #000034;

    border-radius: 20px;

    border-bottom: 30px solid #000034;

    max-width: 700px;

    padding: 20px;

}



.thanks aside img {

    width: 100%;

    height: 250px;

    object-fit: contain;

}



.thanks aside h2 {

    font-size: 2em;

    font-weight: bold;

    color: #000034;

    margin-top: 0;

    margin-bottom: 5px;

    font-family: 'Open Sans Bold', Tahoma, Geneva, Verdana, sans-serif;

}



.thanks aside p {

    margin: 0;

    font-size: 1.25em;

    line-height: 1.25em;

}



.thanks aside .btn {

    background-color: #000034 !important;

    box-shadow: none !important;

    border-radius: 5px;

    height: auto !important;

    text-transform: none;

    line-height: 1.25em;

    width: 300px;

    padding: 10px 1em;

    margin-top: 1em;

    font-size: .9em;

}



.thanks aside .btn strong {

    width: 100%;

    float: left;

    font-size: 1.25em;

}





/*-------- Head Mazukim --------*/



.head-mazukim {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100%;

    position: relative;

    padding: 80px 10%;

    padding-top: 200px;

    background-color: #000;

    margin-top: -25px;

}



.head-mazukim::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/alcateia.jpg);

    background-size: cover;

    background-position: top;

    opacity: .2;

}



.head-mazukim hgroup {

    border-left: 4px solid #fff;

    padding: 20px 0;

    padding-left: 20px;

    position: relative;

    z-index: 1;

}



.head-mazukim h2 {

    margin: 0;

    color: white;

    font-size: 1em;

}



.head-mazukim h1 {

    font-size: 4em;

    font-weight: bold;

    color: #48acf0;

    margin: 0;

}



.head-mazukim p {

    font-size: 1em;

    font-weight: bold;

    color: #fff;

    margin: 0;

}



.head-mazukim ul {

    display: flex;

    flex-wrap: nowrap;

    background-color: #000;

    border: 2px solid #48acf0;

    color: #fff;

    align-items: center;

    width: fit-content;

    padding: 10px 20px !important;

    border-radius: 30px;

    position: relative;

    z-index: 1;

}



.head-mazukim a {

    color: white;

}



.head-mazukim .fa-angle-right {

    width: 30px !important;

    font-size: 1.25em;

}



.head-mazukim li {

    font-size: .8em;

    letter-spacing: .15em;

}



.head-mazukim ul li:last-child {

    font-weight: bold;

    color: #48acf0;

}



.head-mazukim ul img {

    width: 20px;

    height: 20px;

    object-fit: contain;

    margin-bottom: -6px;

}





/*-------- Head Contato --------*/



.head-contato {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100%;

    position: relative;

    padding: 80px 10%;

    padding-top: 200px;

    padding-bottom: 120px;

    background-color: #000;

    margin-top: -25px;

}



.head-contato::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/mazukim.jpg);

    background-size: cover;

    background-position: center;

    opacity: .2;

}



.head-contato hgroup {

    border-left: 4px solid #fff;

    padding: 20px 0;

    padding-left: 20px;

    position: relative;

    z-index: 1;

}



.head-contato h2 {

    margin: 0;

    color: white;

    font-size: 1em;

}



.head-contato h1 {

    font-size: 4em;

    font-weight: bold;

    color: #48acf0;

    margin: 0;

}



.head-contato p {

    font-size: 1em;

    font-weight: bold;

    color: #fff;

    margin: 0;

}



.head-contato ul {

    display: flex;

    flex-wrap: nowrap;

    background-color: #000;

    border: 2px solid #48acf0;

    color: #fff;

    align-items: center;

    width: fit-content;

    padding: 10px 20px !important;

    border-radius: 30px;

    position: relative;

    z-index: 1;

}



.head-contato a {

    color: white;

}



.head-contato .fa-angle-right {

    width: 30px !important;

    font-size: 1.25em;

}



.head-contato li {

    font-size: .8em;

    letter-spacing: .15em;

}



.head-contato ul li:last-child {

    font-weight: bold;

    color: #48acf0;

}



.head-contato ul img {

    width: 20px;

    height: 20px;

    object-fit: contain;

    margin-bottom: -6px;

}





/*-------- Head Google --------*/



.head-google {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100%;

    position: relative;

    padding: 80px 10%;

    padding-top: 200px;

    padding-bottom: 120px;

    background-color: #000;

    margin-top: -25px;

}



.head-google::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/ads.jpg);

    background-size: cover;

    background-position: center;

    opacity: .1;

}



.head-google hgroup {

    border-left: 4px solid #fff;

    padding: 20px 0;

    padding-left: 20px;

    position: relative;

    z-index: 1;

}



.head-google h2 {

    margin: 0;

    color: white;

    font-size: 1em;

}



.head-google h1 {

    font-size: 4em;

    font-weight: bold;

    color: #48acf0;

    margin: 0;

}



.head-google p {

    font-size: 1em;

    font-weight: bold;

    color: #fff;

    margin: 0;

}



.head-google ul {

    display: flex;

    flex-wrap: nowrap;

    background-color: #000;

    border: 2px solid #48acf0;

    color: #fff;

    align-items: center;

    justify-content: center;

    width: fit-content;

    padding: 10px 20px !important;

    border-radius: 30px;

    position: relative;

    z-index: 1;

    flex-wrap: wrap;

}



.head-google a {

    color: white;

}



.head-google .fa-angle-right {

    width: 30px !important;

    font-size: 1.25em;

}



.head-google li {

    font-size: .8em;

    letter-spacing: .15em;

}



.head-google ul li:last-child {

    font-weight: bold;

    color: #48acf0;

}



.head-google ul img {

    width: 20px;

    height: 20px;

    object-fit: contain;

    margin-bottom: -6px;

}





/*-------- Head Meta --------*/



.head-meta {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100%;

    position: relative;

    padding: 80px 10%;

    padding-top: 200px;

    padding-bottom: 120px;

    background-color: #000;

    margin-top: -25px;

}



.head-meta::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/meta.jpg);

    background-size: cover;

    background-position: top;

    opacity: .1;

}



.head-meta hgroup {

    border-left: 4px solid #fff;

    padding: 20px 0;

    padding-left: 20px;

    position: relative;

    z-index: 1;

}



.head-meta h2 {

    margin: 0;

    color: white;

    font-size: 1em;

}



.head-meta h1 {

    font-size: 4em;

    font-weight: bold;

    color: #48acf0;

    margin: 0;

}



.head-meta p {

    font-size: 1em;

    font-weight: bold;

    color: #fff;

    margin: 0;

}



.head-meta ul {

    display: flex;

    flex-wrap: nowrap;

    background-color: #000;

    border: 2px solid #48acf0;

    color: #fff;

    align-items: center;

    justify-content: center;

    width: fit-content;

    padding: 10px 20px !important;

    border-radius: 30px;

    position: relative;

    z-index: 1;

    flex-wrap: wrap;

}



.head-meta a {

    color: white;

}



.head-meta .fa-angle-right {

    width: 30px !important;

    font-size: 1.25em;

}



.head-meta li {

    font-size: .8em;

    letter-spacing: .15em;

}



.head-meta ul li:last-child {

    font-weight: bold;

    color: #48acf0;

}



.head-meta ul img {

    width: 20px;

    height: 20px;

    object-fit: contain;

    margin-bottom: -6px;

}





/*-------- Head Youtube --------*/



.head-youtube {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100%;

    position: relative;

    padding: 80px 10%;

    padding-top: 200px;

    padding-bottom: 120px;

    background-color: #000;

    margin-top: -25px;

}



.head-youtube::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/youtube.jpg);

    background-size: cover;

    background-position: top;

    opacity: .1;

}



.head-youtube hgroup {

    border-left: 4px solid #fff;

    padding: 20px 0;

    padding-left: 20px;

    position: relative;

    z-index: 1;

}



.head-youtube h2 {

    margin: 0;

    color: white;

    font-size: 1em;

}



.head-youtube h1 {

    font-size: 4em;

    font-weight: bold;

    color: #48acf0;

    margin: 0;

}



.head-youtube p {

    font-size: 1em;

    font-weight: bold;

    color: #fff;

    margin: 0;

}



.head-youtube ul {

    display: flex;

    flex-wrap: nowrap;

    background-color: #000;

    border: 2px solid #48acf0;

    color: #fff;

    align-items: center;

    justify-content: center;

    width: fit-content;

    padding: 10px 20px !important;

    border-radius: 30px;

    position: relative;

    z-index: 1;

    flex-wrap: wrap;

}



.head-youtube a {

    color: white;

}



.head-youtube .fa-angle-right {

    width: 30px !important;

    font-size: 1.25em;

}



.head-youtube li {

    font-size: .8em;

    letter-spacing: .15em;

}



.head-youtube ul li:last-child {

    font-weight: bold;

    color: #48acf0;

}



.head-youtube ul img {

    width: 20px;

    height: 20px;

    object-fit: contain;

    margin-bottom: -6px;

}





/*-------- Head Produtos --------*/



.head-product {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100%;

    position: relative;

    padding: 80px 10%;

    padding-top: 200px;

    padding-bottom: 120px;

    background-color: #000;

    margin-top: -25px;

}



.head-product::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/product.png);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    opacity: .1;

}



.head-product hgroup {

    border-left: 4px solid #fff;

    padding: 20px 0;

    padding-left: 20px;

    position: relative;

    z-index: 1;

}



.head-product h2 {

    margin: 0;

    color: white;

    font-size: 1em;

}



.head-product h1 {

    font-size: 4em;

    font-weight: bold;

    color: #48acf0;

    margin: 0;

}



.head-product p {

    font-size: 1em;

    font-weight: bold;

    color: #fff;

    margin: 0;

}



.head-product ul {

    display: flex;

    flex-wrap: nowrap;

    background-color: #000;

    border: 2px solid #48acf0;

    color: #fff;

    align-items: center;

    justify-content: center;

    width: fit-content;

    padding: 10px 20px !important;

    border-radius: 30px;

    position: relative;

    z-index: 1;

    flex-wrap: wrap;

}



.head-product a {

    color: white;

}



.head-product .fa-angle-right {

    width: 30px !important;

    font-size: 1.25em;

}



.head-product li {

    font-size: .8em;

    letter-spacing: .15em;

}



.head-product ul li:last-child {

    font-weight: bold;

    color: #48acf0;

}



.head-product ul img {

    width: 20px;

    height: 20px;

    object-fit: contain;

    margin-bottom: -6px;

}



.product .kimpages {

    background-color: #000034;

}



.product .lojaskim {

    padding-bottom: 120px;

}





/*-------- Planos de Gestão --------*/



.planos {

    padding: 60px 5%;

    position: relative;

    min-height: 100vh;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    background-color: #000;

}



.planos::before {

    content: '';

    width: calc(100% - 20%);

    height: calc(100% - 20%);

    background-image: url(../images/mapa.png);

    background-position: center;

    background-size: contain;

    background-repeat: no-repeat;

    position: absolute;

    top: 10%;

    left: 10%;

    opacity: .2;

}



.planos h1 {

    font-size: 1.5em;

    text-align: center;

    font-weight: bold;

    color: #fff;

    width: 100%;

    float: left;

    position: relative;

    z-index: 1;

    margin: 0;

}



.planos h2 {

    font-size: 1.25em;

    text-align: center;

    color: #fff;

    width: 100%;

    float: left;

    position: relative;

    z-index: 1;

    margin: 0;

    margin-bottom: 2em;

}



.planos strong {

    color: #48acf0;

}



.planos iframe {

    width: 100%;

    height: 400px;

}



.planos p {

    color: #fff;

    font-size: .8em;

    line-height: 1.25em;

    text-align: center;

    margin-top: 0;

    background-color: #000034;

    padding: 20px 20px;

    margin-top: -5px;

    position: relative;

    z-index: 1;

    border-radius: 0 0 20px 20px;

    min-height: 90px;

}



.planos .col {

    padding: 0 5% !important;

    margin-top: 2em !important;

    position: relative;

    z-index: 1;

}



.planos iframe {

    -webkit-animation: neon1 1.5s ease-in-out infinite alternate;

    -moz-animation: neon1 1.5s ease-in-out infinite alternate;

    animation: neon1 1.5s ease-in-out infinite alternate;

}



@keyframes neon1 {

    from {

        box-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #48acf0, 0 0 8px #48acf0, 0 0 10px #48acf0;

    }

    to {

        box-shadow: 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #48acf0, 0 0 10px #48acf0, 0 0 15px #48acf0;

    }

}





/*-------- Pagina de Serviços --------*/



.video {

    padding: 120px 5%;

    position: relative;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

}



.video iframe {

    width: 100%;

    height: 400px;

    margin-top: 2em;

    -webkit-animation: neon1 1.5s ease-in-out infinite alternate;

    -moz-animation: neon1 1.5s ease-in-out infinite alternate;

    animation: neon1 1.5s ease-in-out infinite alternate;

}



.video h2 {

    width: 100%;

    float: left;

    font-size: 1em;

    font-weight: bold;

    color: white;

    margin: 0;

    line-height: 3em;

    margin-bottom: 2em;

}



.video h2 strong {

    width: 100%;

    float: left;

    font-size: 4em;

    color: #48acf0;

}



.video p {

    color: white;

    font-size: 1em;

    line-height: 1.25em;

}



.video::before {

    content: '';

    width: 100%;

    height: 20px;

    position: absolute;

    bottom: 0;

    left: 0;

    background: rgb(4, 202, 196);

    background: -moz-linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    background: -webkit-linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    background: linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#48acf0", endColorstr="#000000", GradientType=1);

}





/*-------- Planos de Gestão --------*/



.plans {

    padding: 60px 10%;

    padding-bottom: 120px !important;

    position: relative;

    min-height: 100vh;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    background-color: #000034;

}



.plans::before {

    content: '';

    width: 100%;

    height: 100%;

    background-image: url(../images/waves-1.png);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    position: absolute;

    top: 0%;

    left: 0%;

    opacity: .2;

}



.plans h2 {

    font-size: 2em;

    text-align: center;

    font-weight: bold;

    color: #48acf0;

    position: relative;

    z-index: 1;

    margin: 0;

}



.plans p {

    font-size: 1em;

    text-align: center;

    font-weight: bold;

    color: #fff;

    position: relative;

    z-index: 1;

    margin: 0;

}



.plans .owl-carousel .owl-stage-outer {

    margin-top: 2em;

    display: flex;

    align-items: center;

    justify-content: center;

}



.plans .owl-item {

    padding: 10px;

}



.plans .owl-item .item {

    display: none;

}



.plans .owl-item.active .item {

    display: block;

}



.plans .owl-dots {

    display: none;

}



.plans .owl-next {

    position: absolute;

    width: 30px;

    height: 30px;

    background-color: #000;

    color: #48acf0;

    border: none;

    border: 2px solid #48acf0;

    top: calc(50% - 30px);

    right: -10px;

}



.plans .owl-prev {

    position: absolute;

    width: 30px;

    height: 30px;

    background-color: #000;

    color: #48acf0;

    border: none;

    border: 2px solid #48acf0;

    top: calc(50% - 30px);

    left: -10px;

}



.plans .owl-nav .disabled {

    display: none;

}



.plans .item {

    background-color: #000;

    padding: 20px;

    position: relative;

    padding-top: 200px;

    -webkit-animation: neon1 1.5s ease-in-out infinite alternate;

    -moz-animation: neon1 1.5s ease-in-out infinite alternate;

    animation: neon1 1.5s ease-in-out infinite alternate;

}



.plans h3 {

    height: 200px;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    color: #fff;

    font-size: 1.5em;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 0 20px;

    font-weight: bold;

    margin: 0;

}



.plans h3::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/blog.jpg);

    background-size: cover;

    background-position: center;

    opacity: .2;

}



.plans .owl-item:nth-of-type(1) h3::after {

    background-image: url(../images/iniciante.jpg);

}



.plans .owl-item:nth-of-type(3) h3::after {

    background-image: url(../images/avancado.jpg);

}



.plans h3 strong {

    position: relative;

    z-index: 1;

    border: 2px solid #fff;

    padding: 20px;

}



.plans ul li {

    color: white;

    font-size: .8em;

    border-bottom: 1px solid #48acf0;

    padding: 5px 0;

}



.plans ul li svg {

    color: #48acf0;

    margin-right: 5px;

}



.plans .btn {

    width: 100%;

    height: 3em;

    line-height: 3em;

    text-transform: none !important;

    font-size: 1.25em;

    font-weight: bold;

    background-color: #48acf0 !important;

    box-shadow: 0 0 5px 3px rgba(1, 223, 249, .3);

    border-radius: 5px;

}





/*-------- Perguntas Frequentes --------*/



.questions {

    padding: 60px 10%;

    padding-bottom: 120px;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

}



.questions h2 {

    font-size: 2em;

    font-weight: bold;

    color: #48acf0;

    text-align: center;

}



.questions a {

    color: #48acf0;

    font-weight: bold;

}



.questions .collapsible-body ul {

    padding-left: 2em !important;

}



.questions .collapsible-body ul li {

    list-style: disc !important;

}



.questions .collapsible {

    box-shadow: none;

    border: none;

    margin-top: 30px;

    transition: all 1s;

}



.questions .active .collapsible-header {

    background-color: #000;

    outline: none !important;

}



.questions .collapsible-header {

    display: flex;

    align-items: center;

    padding: 15px 10px;

    border: none;

    outline: none !important;

    border-left: 10px solid #48acf0;

    margin-top: 10px;

}



.questions .active .collapsible-header {

    background-color: #48acf0;

    color: white;

}



.questions h3 {

    width: 100%;

    margin: 0;

    font-size: 1em;

    font-weight: bold;

    margin-left: 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.questions .svg svg {

    color: #48acf0;

}



.questions .active .svg svg {

    color: #fff;

}



.questions h3 svg {

    margin-left: 5px;

    transition: .5s all;

}



.questions .collapsible-body {

    padding: 20px;

    border: none;

    border-bottom: 10px solid #48acf0;

    color: white;

}



.questions .active h3 svg {

    transform: rotate(180deg);

}



.questions ul {

    margin: 0 !important;

}



@media(min-width: 601px) {

    .questions .col {

        margin-top: 2em;

    }

}

@media(max-width: 601px) {

    .head h1 {

        font-size: 1.7em;
        margin-bottom: 5px;
    }
    
    .planos {

        padding: 30px 5%;
    }
    .planos h1 {
        font-size: 1.2em;
        margin-bottom: 5px;
    }
}





/*-------- Mazukim Plus --------*/



.plus {

    padding: 60px 5%;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    position: relative;

    min-height: 100vh;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

}



.plus::before {

    content: '';

    width: 100%;

    height: 20px;

    position: absolute;

    top: 0;

    left: 0;

    background: rgb(4, 202, 196);

    background: -moz-linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    background: -webkit-linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    background: linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#48acf0", endColorstr="#000000", GradientType=1);

}



.plus::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    background-image: url(../images/waves-1.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top;

    opacity: .2;

    transform: rotate(180deg);

}



.plus .col,

.plus .center {

    position: relative;

    z-index: 1;

}



.plus .center {

    width: 100%;

    float: left;

    padding: 0 5%;

}



.plus figure {

    display: flex;

    flex-flow: wrap-reverse;

    justify-content: center;

}



.plus img {

    width: 100%;

    height: 60px;

    object-fit: contain;

}



.plus h2 {

    font-size: 2em;

    font-weight: bold;

    color: white;

}



.plus strong {

    color: #48acf0;

}



.plus .btn {

    width: 100%;

    height: 3em;

    line-height: 3em;

    text-transform: none !important;

    font-size: 1.25em;

    font-weight: bold;

    background-color: #48acf0 !important;

    box-shadow: 0 0 5px 3px rgba(1, 223, 249, .3);

    border-radius: 5px;

}



.plus h3 {

    text-align: center;

    color: white;

    font-size: 1.1em;

    font-weight: bold;

}



.plus hgroup {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

}



.plus p {

    text-align: center;

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 0;

    font-weight: bold;

    margin-right: 10px;

}



.plus svg {

    font-size: 1.5em;

    color: #48acf0;

    margin-right: 10px;

}



.plus iframe {

    margin-top: 2em;

}



@media(min-width: 993px) {

    .plus hgroup {

        flex-wrap: nowrap;

        justify-content: space-between;

    }

    .plus p {

        font-size: 1em;

        min-width: fit-content;

    }

    .plus h2 {

        font-size: 1.75em;

    }

    .plus .col {

        padding: 0 5% !important;

    }

    .plus figure {

        flex-flow: unset;

        align-items: center;

        justify-content: space-between;

    }

    .plus img {

        object-position: left;

    }

}





/*-------- Sobre a Mazukim --------*/



.mazukim {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    position: relative;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    background-color: #000034;

}



.mazukim .col {

    padding: calc(5% + .75rem) !important;

}



.mazukim .col:nth-of-type(2) {

    position: relative;

    display: flex;

    align-content: center;

    flex-wrap: wrap;

    min-height: 100vh !important;

    background-color: #000;

}



.mazukim .col:nth-of-type(2)::before {

    content: '';

    background-image: url(../images/mazukim.jpg);

    background-size: cover;

    background-position: left bottom;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    opacity: .2;

}



.mazukim p {

    position: relative;

    color: white;

    font-size: 1.1em;

    line-height: 1.25em;

}



.mazukim p strong {

    color: #48acf0;

}



.mazukim h2 {

    font-size: 3em;

    font-weight: bold;

    color: white;

    text-transform: uppercase;

}



.mazukim h2 strong {

    color: #48acf0;

    width: 100%;

    float: left;

}



.mazukim h3 {

    width: 100%;

    float: left;

    font-size: 1em;

    color: white;

    max-width: 400px;

    margin-top: 1em;

}



@media (max-width: 600px) {

    .mazukim .col:nth-of-type(2) {

        min-height: auto !important;

    }

}





/*-------- Sobre a Mazukim --------*/



.sobre-mazukim {

    position: relative;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

}



.sobre-mazukim::before {

    content: '';

    width: 100%;

    height: 20px;

    position: absolute;

    top: 0;

    left: 0;

    background: rgb(4, 202, 196);

    background: -moz-linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    background: -webkit-linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    background: linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#48acf0", endColorstr="#000000", GradientType=1);

}



.sobre-mazukim .container {

    max-width: 100% !important;

    width: 100% !important;

    display: flex !important;

    align-items: center;

    flex-wrap: wrap;

    padding: 80px 5%;

}



.sobre-mazukim .col {

    margin: 0 !important;

}



.sobre-mazukim img {

    width: 100%;

    height: 400px;

    object-fit: contain;

}



.sobre-mazukim figcaption {

    display: block !important;

}



.sobre-mazukim ul {

    display: flex;

    align-items: center;

    justify-content: center;

}



.sobre-mazukim svg {

    width: 50px !important;

    height: 50px;

    border-radius: 50%;

    border: 2px solid #48acf0;

    color: #48acf0;

    margin: 0 5px;

    padding: 10px;

}



.sobre-mazukim h2 {

    font-size: 1.5em;

    font-weight: bold;

    color: white;

    margin: 0;

    line-height: 1.5em;

    margin-bottom: 20px;

    width: 100%;

    float: left;

}



.sobre-mazukim h2 strong {

    color: #48acf0;

    width: 100%;

    float: left;

    font-size: 2em;

}



.sobre-mazukim strong {

    color: #48acf0;

}



.sobre-mazukim h3 {

    font-size: 1em;

    color: white;

    margin: 0;

    max-width: 400px;

    font-weight: bold;

}



.sobre-mazukim p {

    color: white;

    font-size: 1em;

    line-height: 1.25em;

}





/*-------- Sobre a Mazukim | Essências --------*/



.essencias {

    position: relative;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    background-color: #000034;

    padding: 60px 5%;

    padding-bottom: 120px;

    text-align: center;

}



.essencias h2 {

    font-size: 2em;

    font-weight: bold;

    color: white;

    margin: 0;

}



.essencias strong {

    color: #48acf0;

}



.essencias h3 {

    font-size: 1.25em;

    font-weight: bold;

    color: white;

    margin: 0;

}



.essencias p {

    font-size: .9em;

    line-height: 1.25em;

    font-weight: bold;

    margin: 0;

    padding: 60px 20px;

}



.essencias .col {

    margin-top: calc(4em + 40px);

}



.essencias .col div {

    background-color: #fff;

    position: relative;

    border: 3px solid transparent;

    border-image: linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    border-image-slice: 1;

}



.essencias h4 {

    position: absolute;

    border-radius: 20px 20px 0 0;

    top: -41px;

    left: 10%;

    margin: 0;

    color: #fff;

    width: 80%;

    font-size: 1.25em;

    text-align: center;

    font-weight: bold;

    padding: 10px 0;

    background: rgb(4, 202, 196);

    background: -moz-linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    background: -webkit-linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    background: linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#48acf0", endColorstr="#000000", GradientType=1);

}



.essencias .col div::before {

    content: '';

    width: 100%;

    height: 20px;

    position: absolute;

    bottom: 0;

    left: 0;

    background: rgb(4, 202, 196);

    background: -moz-linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    background: -webkit-linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    background: linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#48acf0", endColorstr="#000000", GradientType=1);

}





/*-------- Webkim --------*/



.webkim {

    position: relative;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    padding: 60px 5%;

    min-height: 100vh !important;

    display: flex;

    align-content: center;

    justify-content: center;

    flex-wrap: wrap;

}



.webkim::before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    background-image: url(../images/waves.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top;

    opacity: .2;

}



.webkim .col {

    position: relative;

    z-index: 1;

}



.webkim img {

    width: 100%;

    height: 60px;

    object-fit: contain;

}



.webkim h2 {

    font-size: 3em;

    font-weight: bold;

    text-transform: uppercase;

    color: #48acf0;

    max-width: 500px;

}



.webkim p {

    color: white;

    font-size: 1.25em;

    line-height: 1.25em;

    max-width: 500px;

}



.webkim h3 {

    font-size: 1.5em;

    font-weight: bold;

    color: #48acf0;

}



.webkim ul li {

    font-size: 1.1em;

    color: white;

}



.webkim li svg {

    width: 30px !important;

    color: #48acf0;

}



.webkim .col.center {

    margin-top: 2em;

}



.webkim .btn {

    position: relative;

    text-transform: none;

    font-weight: bold;

    width: 150px;

    height: 2.5em;

    line-height: 2.5em !important;

    padding: 0;

    box-shadow: none !important;

    border-radius: 30px !important;

    margin-top: 10px !important;

}



.webkim .btn:nth-of-type(1) {

    background-color: #48acf0 !important;

    margin-right: 10px;

}



.webkim .btn:nth-of-type(2) {

    background-color: transparent !important;

    color: #48acf0;

    border: 2px solid #48acf0;

    line-height: calc(2.5em - 4px) !important;

}





/*-------- Alcateia --------*/



.alcateia {

    padding: 60px 5%;

    position: relative;

    /* min-height: 100vh; */

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    background-color: #000;

}



.alcateia::before {

    content: '';

    width: 100%;

    height: 100%;

    background-image: url(../images/alcateia.jpg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    position: absolute;

    top: 0%;

    left: 0%;

    opacity: .2;

}



.alcateia h2 {

    font-size: 2em;

    text-align: center;

    font-weight: bold;

    color: #fff;

    width: 100%;

    float: left;

    position: relative;

    z-index: 1;

    margin: 0;

}



.alcateia .owl-carousel {

    width: 100%;

    float: left;

}



.alcateia .owl-dots {

    display: none;

}



.alcateia .owl-next {

    position: absolute;

    width: 30px;

    height: 30px;

    background-color: #000;

    color: #48acf0;

    border: none;

    border: 2px solid #48acf0;

    top: calc(50% - 30px);

    right: -10px;

}



.alcateia .owl-prev {

    position: absolute;

    width: 30px;

    height: 30px;

    background-color: #000;

    color: #48acf0;

    border: none;

    border: 2px solid #48acf0;

    top: calc(50% - 30px);

    left: -10px;

}



.alcateia .owl-nav .disabled {

    display: none;

}



.alcateia strong {

    color: #48acf0;

}



.alcateia h3 {

    font-size: 1.25em;

    text-align: center;

    color: #fff;

    width: 100%;

    float: left;

    position: relative;

    z-index: 1;

    margin: 0;

    margin-bottom: 2em;

}



.alcateia figure {

    padding: 5px;

    position: relative;

    overflow: hidden;

}



.alcateia img {

    width: 100%;

    height: 600px;

    object-fit: cover;

    object-position: top;

    margin-bottom: -5px;

}



.alcateia figcaption {

    display: block !important;

    position: absolute;

    bottom: 10px;

    left: 10px;

    width: calc(100% - 20px);

    background-color: rgba(0, 0, 0, .9);

    padding: 10px;

}



.alcateia h4 {

    font-size: 1.25em;

    font-weight: bold;

    color: #fff;

    margin: 0;

}



.alcateia small {

    font-size: .9em;

    color: #48acf0;

}



.alcateia p {

    font-size: .9em;

    color: white;

    line-height: 1.25em;

    position: absolute;

    left: 0;

    bottom: 0;

    opacity: 0;

    transform: translateY(100%);

    transition: all .5s;

    background-color: #000034;

    margin: 0;

    padding: 10px;

}



.alcateia figure:hover p {

    transform: translate(0);

    opacity: 1;

}





/*-------- Kimpages --------*/



.kimpages {

    position: relative;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    padding: 60px 5%;

    min-height: 100vh !important;

    display: flex;

    align-content: center;

    justify-content: center;

    flex-wrap: wrap;

}



.kimpages::before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    background-image: url(../images/wave-1.png);

    background-repeat: no-repeat;

    background-size: contain;

    background-position: bottom;

    opacity: .1;

}



.kimpages .col {

    position: relative;

    z-index: 1;

}



.kimpages img {

    width: 100%;

    height: 60px;

    object-fit: contain;

}



.kimpages h2 {

    font-size: 3em;

    font-weight: bold;

    text-transform: uppercase;

    color: #48acf0;

    max-width: 500px;

}



.kimpages p {

    color: white;

    font-size: 1.25em;

    line-height: 1.25em;

    max-width: 500px;

}



.kimpages h3 {

    font-size: 1.5em;

    font-weight: bold;

    color: #48acf0;

}



.kimpages ul li {

    font-size: 1.1em;

    color: white;

}



.kimpages li svg {

    width: 30px !important;

    color: #48acf0;

}



.kimpages .col.center {

    margin-top: 2em;

}



.kimpages .btn {

    position: relative;

    text-transform: none;

    font-weight: bold;

    width: 150px;

    height: 2.5em;

    line-height: 2.5em !important;

    padding: 0;

    box-shadow: none !important;

    border-radius: 30px !important;

    margin-top: 10px !important;

}



.kimpages .btn:nth-of-type(1) {

    background-color: #48acf0 !important;

    margin-right: 10px;

}



.kimpages .btn:nth-of-type(2) {

    background-color: transparent !important;

    color: #48acf0;

    border: 2px solid #48acf0;

    line-height: calc(2.5em - 4px) !important;

}





/*-------- Canal --------*/



.channel {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    position: relative;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    background-color: #000;

}



.channel .col {

    padding: calc(5% + .75rem) !important;

}



.channel .col:nth-of-type(1) {

    position: relative;

    display: flex;

    align-content: center;

    flex-wrap: wrap;

    min-height: 100vh !important;

}



.channel .col:nth-of-type(1)::before {

    content: '';

    background-image: url(../images/channel.jpg);

    background-size: cover;

    background-position: left bottom;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    opacity: .1;

}



.channel p {

    position: relative;

    color: white;

    font-size: 1.1em;

    line-height: 1.25em;

}



.channel p strong {

    color: #48acf0;

}



.channel h2 {

    font-size: 2em;

    font-weight: bold;

    color: white;

    text-transform: uppercase;

}



.channel h2 strong {

    color: #48acf0;

    width: 100%;

    float: left;

}



.channel h3 {

    width: 100%;

    float: left;

    font-size: 1em;

    color: white;

    max-width: 400px;

    margin-top: 1em;

}



.channel .btn {

    position: relative;

    text-transform: none;

    font-weight: bold;

    width: auto;

    height: 2.5em;

    padding: 0 1em;

    box-shadow: none !important;

    border-radius: 30px !important;

    background-color: transparent !important;

    color: #48acf0;

    border: 2px solid #48acf0;

    line-height: calc(2.5em - 4px) !important;

}



.channel .col:nth-of-type(2) {

    min-height: 100vh !important;

    padding: .75rem !important;

    width: 100%;

    float: left;

    position: relative;

    z-index: 1;

    display: flex;

    flex-wrap: wrap;

    background-color: #000034;

}



.channel figure {

    flex-grow: 1;

    flex-shrink: 1;

    flex-basis: 250px;

    padding: 5px;

    position: relative;

    overflow: hidden;

    border-radius: 40px !important;

}



.channel iframe {

    width: 100%;

    height: 200px;

    margin-bottom: -6px !important;

}



.channel figcaption {

    display: block !important;

    background-color: #000;

    padding: 10px 20px;

}



.channel h4 {

    font-size: .8em;

    color: white;

    margin: 0;

    min-height: 40px;

}



.channel figcaption p {

    font-size: .6em;

    color: #48acf0;

}



@media (max-width: 600px) {

    .channel .col:nth-of-type(1),

    .channel .col:nth-of-type(2) {

        min-height: auto !important;

    }
    .alcateia img {
    
        height: 250px;
    
    }
}





/*-------- Lojas Kim --------*/



.lojaskim {

    position: relative;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    padding: 60px 5%;

    min-height: 100vh !important;

    display: flex;

    align-content: center;

    justify-content: center;

    flex-wrap: wrap;

}



.lojaskim::before {

    content: '';

    width: calc(100% - 20%);

    height: calc(100% - 20%);

    position: absolute;

    bottom: 10%;

    left: 10%;

    background-image: url(../images/wave-2.png);

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    filter: contrast(0) brightness(1000%);

    opacity: .1;

}



.lojaskim .col {

    position: relative;

    z-index: 1;

}



.lojaskim img {

    width: 100%;

    height: 60px;

    object-fit: contain;

}



.lojaskim h2 {

    font-size: 2.5em;

    font-weight: bold;

    text-transform: uppercase;

    color: #48acf0;

    max-width: 500px;

}



.lojaskim p {

    color: white;

    font-size: 1.25em;

    line-height: 1.25em;

    max-width: 500px;

}



.lojaskim h3 {

    font-size: 1.5em;

    font-weight: bold;

    color: #48acf0;

}



.lojaskim ul li {

    font-size: 1.1em;

    color: white;

}



.lojaskim li svg {

    width: 30px !important;

    color: #48acf0;

}



.lojaskim .col.center {

    margin-top: 2em;

}



.lojaskim .btn {

    position: relative;

    text-transform: none;

    font-weight: bold;

    width: 150px;

    height: 2.5em;

    line-height: 2.5em !important;

    padding: 0;

    box-shadow: none !important;

    border-radius: 30px !important;

    margin-top: 10px !important;

}



.lojaskim .btn:nth-of-type(1) {

    background-color: #48acf0 !important;

    margin-right: 10px;

}



.lojaskim .btn:nth-of-type(2) {

    background-color: transparent !important;

    color: #48acf0;

    border: 2px solid #48acf0;

    line-height: calc(2.5em - 4px) !important;

}





/*-------- Cases de sucesso --------*/



.clients {

    position: relative;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    padding: 120px 5%;

    min-height: 100vh !important;

    display: flex;

    align-content: center;

    justify-content: center;

    flex-wrap: wrap;

    background-color: #02025a;

}



.clients::before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    background-image: url(../images/cases.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    opacity: .1;

}



.clients .container:not(.logos) {

    position: relative;

    z-index: 1;

    background-color: #000034;

    padding: 40px;

    border-radius: 10px 10px 0 0;

}



.clients .container.logos {

    position: relative;

    z-index: 1;

    padding: 40px;

    padding-bottom: 20px;

    background-color: #000;

    border-radius: 0 0 10px 10px;

}



.clients .container.logos figure{

    width: 100% !important;

}



.clients .container.logos figure:nth-of-type(3) img{

    filter: none !important;

}



.clients iframe{

    width: 100%;

    height: 300px;

}



.clients figcaption {

    display: block !important;

    margin-bottom: 10px;

}



.clients h2 {

    font-size: 1.5em;

    font-weight: bold;

    color: #00aced;

}



.clients p {

    color: #fff;

    line-height: 1.25em;

    font-size: .9em;

}



.clients .container:not(.logos) img {

    width: 100%;

    height: 120px;

    object-fit: contain;

    background-color: #fff;

    padding: 10px;

    margin-bottom: -6px;

    position: relative;

}



.clients .fa-quote-left {

    position: absolute;

    top: -30px;

    left: 30px;

    width: 60px;

    height: 60px;

    background-color: #007bb6;

    color: #fff;

    border-radius: 50%;

    padding: 15px;

}



.clients .container:not(.logos) figcaption {

    background-color: #007bb6;

    padding: 20px;

}



.clients .container:not(.logos) figcaption p {

    font-size: .9em;

    font-weight: bold;

    margin: 0;

    margin-bottom: 20px;

}



.clients a {

    color: #000034;

    font-weight: bold;

    width: 100%;

    margin-top: 2em;

}



.clients .logos h3 {

    font-size: 1.2em;

    color: #fff;

    margin: 0;

    text-align: center;

    font-weight: bold;

}



.clients .logos .flex {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}



/* .clients .logos img {

    width: 100%;

    height: 150px;

    object-fit: contain;

    padding: 10px;

    filter: contrast(0);

} */



@media(min-width: 601px) {

    .clients .logos .flex {

        flex-wrap: wrap;

    }

    .clients .container.logos figure{

        width: 50% !important;

    }

}





/*-------- Blog --------*/



.blog {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    background-color: #000;

    padding: 60px 5%;

    position: relative;

    padding-bottom: 120px;

}



.blog::before {

    content: '';

    width: 100%;

    height: 20px;

    position: absolute;

    top: 0;

    left: 0;

    background: rgb(4, 202, 196);

    background: -moz-linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    background: -webkit-linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    background: linear-gradient(270deg, rgba(4, 202, 196, 1) 0%, rgba(0, 0, 52, 1) 50%, rgba(0, 0, 0, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#48acf0", endColorstr="#000000", GradientType=1);

}



.blog h2 {

    font-size: 1.5em;

    text-align: center;

    font-weight: bold;

    margin: 0;

    color: white;

}



.blog h3 {

    font-size: 1em;

    color: white;

    margin: 0;

    text-align: center;

}



.blog img {

    width: 100%;

    height: auto;

}



.blog .col {

    margin-top: 2em;

}



.blog figure {

    background-color: #000034;

}



.blog figcaption {

    display: block !important;

    padding: 20px;

}



.blog h4 {

    font-size: 1.5em;

    font-weight: bold;

    color: white;

    margin: 0;

}



.blog p {

    color: white;

}



.blog time {

    color: #48acf0;

    font-weight: bold;

}



.blog button.btn {

    background-color: #48acf0 !important;

    color: #fff;

    font-weight: bold;

    text-transform: none;

    box-shadow: none !important;

    width: 100%;

    height: 3em;

    line-height: 3em;

    padding: 0 1em;

}



.blog a.btn {

    width: 100%;

    max-width: 300px;

    height: 3em;

    line-height: 3em;

    text-transform: none !important;

    font-size: 1.25em;

    font-weight: bold;

    background-color: #48acf0 !important;

    box-shadow: 0 0 5px 3px rgba(1, 223, 249, .3);

    border-radius: 5px;

}





/*-------- Whatsapp --------*/



.whats {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

}



.whats .container {

    background-color: white;

    position: absolute;

    max-width: 600px !important;

    padding: 20px;

}



.whats figure {

    display: flex !important;

    align-items: center;

    flex-wrap: nowrap;

    position: relative;

}



.whats figcaption {

    display: block !important;

}



.whats h2 {

    font-size: .9em;

    color: #000;

    margin: 0;

}



.whats p {

    font-size: 1.25em;

    font-weight: bold;

    margin: 0;

}



.whats img {

    width: 80px;

    height: 80px;

    object-fit: cover;

    object-position: top;

    border-radius: 50%;

    margin-right: 20px;

}



.whats svg {

    position: absolute;

    bottom: 0;

    left: 60px;

    background-color: #25D366;

    width: 30px !important;

    height: 30px;

    border-radius: 50%;

    color: white;

    padding: 5px !important;

}



.whats .btn {

    width: 100%;

    height: 3em;

    line-height: 3em;

    text-transform: none;

    font-weight: bold;

    background-color: #25D366 !important;

    box-shadow: none !important;

    margin-top: 10px;

}



@media(min-width: 601px) {

    .whats .container {

        display: flex;

        align-items: center;

        flex-wrap: nowrap;

        border-radius: 10px;

    }

    .whats .btn {

        width: auto;

        margin-left: 20px;

        font-size: .9em;

        border-radius: 30px;

    }

}





/*-------- Formulario --------*/



.form {

    background-image: url(../images/form.png);

    padding: 60px 5% !important;

    background-size: cover;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    padding-top: 120px !important;

}



.form h2 {

    font-size: 2em;

    font-family: 'Open Sans Bold', Tahoma, Geneva, Verdana, sans-serif;

    color: white;

    margin-bottom: 0;

}



@media(min-width: 993px) {

    .form h2 {

        font-size: 3.5em;

    }

}



.form p {

    color: white;

    margin: 0;

}



.form form {

    background-color: white !important;

    border-radius: 30px;

    padding: 40px;

    max-width: 400px;

    margin: 0 auto;

    margin-top: 2em;

}



.form input {

    border: 2px solid #000034 !important;

    border-radius: 10px !important;

    width: calc(100% - 1.3em) !important;

    padding-left: 1em !important;

    color: #000034;

    margin: 0 !important;

    margin-bottom: 10px !important;

}
.form select {
    border: 2px solid #000034 !important;
    border-radius: 10px !important;
    width: calc(100% - 0.05em) !important;
    padding-left: 1em !important;
    color: #000034;
    margin: 0 !important;
    margin-bottom: 10px !important;
    font-weight: bold!important;
}

.form select option {

    color: #000034;

    font-weight: bold!important;

}

.form select option:checked {
    
    color: #000034;

    font-weight: bold!important;
}

.form input::placeholder,

.form textarea::placeholder {

    color: #000034;

    font-weight: bold;

}



.form textarea {

    padding: 1em;

    height: 6em;

    border: 2px solid #000034 !important;

    border-radius: 10px !important;

}



.form .btn {

    box-shadow: none !important;

    text-transform: none;

    margin-top: 10px;

    border-radius: 10px;

    background: rgb(0, 18, 95);

    background: -moz-linear-gradient(180deg, rgba(0, 18, 95, 1) 0%, rgba(19, 174, 228, 1) 100%);

    background: -webkit-linear-gradient(180deg, rgba(0, 18, 95, 1) 0%, rgba(19, 174, 228, 1) 100%);

    background: linear-gradient(180deg, rgba(0, 18, 95, 1) 0%, rgba(19, 174, 228, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000034", endColorstr="#13aee4", GradientType=1);

    font-weight: bold;

}





/*-------- Pagina de Contato --------*/



.contato {

    padding: 120px 5%;

    position: relative;

    overflow: hidden;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



.contato h2 {

    width: 100%;

    float: left;

    text-align: center;

    color: #48acf0;

    font-size: 2em;

    font-weight: bold;

    margin-bottom: 0;

}



.contato h3 {

    width: 100%;

    float: left;

    text-align: center;

    font-size: 1em;

    color: white;

    margin: 0;

}



.contato .container {

    margin-top: 2em;

    background-color: #000;

    float: left;

    -webkit-animation: neon1 1.5s ease-in-out infinite alternate;

    -moz-animation: neon1 1.5s ease-in-out infinite alternate;

    animation: neon1 1.5s ease-in-out infinite alternate;

}



.contato .m4 {

    background-color: #000034;

    min-height: 80vh !important;

    display: flex;

    align-content: flex-start;

    flex-wrap: wrap;

    padding: 20px !important;

    position: relative;

}



.contato .m4::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/waves-1.png);

    background-size: cover;

    background-position: right;

    opacity: .2;

}



.contato h4 {

    position: relative;

    z-index: 1;

    color: #48acf0;

    font-size: 1.25em;

    font-weight: bold;

    width: 100%;

    float: left;

    margin-bottom: 0 !important;

}



.contato .m4 p {

    font-size: 1em;

    line-height: 1.25em;

    color: white;

    margin-top: 0;

    position: relative;

    z-index: 1;

}



.contato .m4 a {

    color: white;

    position: relative;

    z-index: 1;

}



.contato svg {

    color: #48acf0;

}



.contato ul.float svg {

    width: 30px !important;

    height: 30px;

    padding: 5px;

    border: 2px solid #48acf0;

    border-radius: 50%;

}



.contato ul.float {

    width: 100%;

    float: left;

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

    z-index: 1;

}



.contato .m8 {

    padding: 20px !important;

}



.contato label {

    color: #48acf0;

    font-size: .9em;

    font-weight: bold;

}



.contato input {

    border: 1px solid #ccc !important;

    width: calc(100% - 1em) !important;

    padding-left: 1em !important;

    background-color: #333 !important;

    color: #ccc !important;

    font-size: .9em !important;

    font-weight: normal !important;

    border-radius: 5px !important;

    margin-top: 5px !important;

}



.contato textarea {

    border: 1px solid #ccc !important;

    height: 8em !important;

    padding: 1em !important;

    background-color: #333 !important;

    color: #ccc !important;

    font-size: .9em !important;

    font-weight: normal !important;

    border-radius: 5px !important;

    margin-top: 5px !important;

    resize: none;

}



.contato .flex {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

    padding: 10px 0;

}



.contato .flex p {

    margin: 0;

}



.contato .flex label {

    color: #fff;

    font-weight: normal;

    font-size: .9em !important;

    margin-left: 10px !important;

}



.contato [type="radio"]:not(:checked)+label:before,

.contato [type="radio"]:not(:checked)+label:after {

    border: 1px solid rgb(37, 37, 37);

}



.contato [type="radio"]:checked+label:after,

.contato [type="radio"].with-gap:checked+label:after {

    background-color: #48acf0 !important;

}



.contato [type="radio"]:checked+label:after,

.contato [type="radio"].with-gap:checked+label:before,

.contato [type="radio"].with-gap:checked+label:after {

    border: 2px solid #48acf0;

}



.contato .btn {

    box-shadow: none !important;

    text-transform: none;

    margin-top: 10px;

    border-radius: 5px;

    height: 3em;

    line-height: 3em;

    background: rgb(0, 18, 95);

    background: -moz-linear-gradient(180deg, rgba(0, 18, 95, 1) 0%, rgba(19, 174, 228, 1) 100%);

    background: -webkit-linear-gradient(180deg, rgba(0, 18, 95, 1) 0%, rgba(19, 174, 228, 1) 100%);

    background: linear-gradient(180deg, rgba(0, 18, 95, 1) 0%, rgba(19, 174, 228, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000034", endColorstr="#13aee4", GradientType=1);

    font-weight: bold;

    float: right;

}





/*-------- Footer Info --------*/



.footer-info {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    padding: 60px;

    background-color: #000;

}



.footer-info img {

    width: 90%;

    height: auto;

}



.footer-info a img {

    width: 100%;

    height: 100px;

    object-fit: contain;

}



.footer-info hgroup {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

}



.footer-info p {

    color: #999;

}



.footer-info h2 {

    font-size: 1.25em;

    font-weight: bold;

    color: white;

}



.footer-info a {

    color: #999;

    display: flex;

    align-items: center;

    margin-top: 10px;

}



.footer-info svg {

    width: 30px !important;

    height: 30px;

    border-radius: 50%;

    line-height: 30px;

    background-color: #48acf0;

    color: #000034;

    padding: 5px;

    margin-right: 10px;

}





/*-------- Menu Blog --------*/



.menu-blog {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100% !important;

    height: 90px !important;

    padding: 0 5%;

    background-color: #000 !important;

}



.menu-blog .nav-wrapper {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.menu-blog .brand-logo {

    position: relative !important;

}



.menu-blog img {

    width: auto;

    height: 40px;

    object-fit: contain;

}



.menu-blog .button-search {

    font-size: 1.5em;

    color: #fff;

    margin-right: 10px;

}



.menu-blog .button-sidebar {

    font-size: 1.5em;

    color: #48acf0;

}



.menu-blog a {

    padding: 0;

    position: relative;

    transition: all .5s;

}



.menu-blog a:hover {

    color: #48acf0 !important;

}



.menu-blog li {

    padding: 0 15px;

}



.menu-blog a::before,

.menu-blog a::before {

    content: "";

    position: absolute;

    z-index: 2;

    left: 0;

    right: 0;

}



.menu-blog li a:before {

    content: "";

    position: absolute;

    left: 0;

    right: 100%;

    bottom: 50%;

    background: #48acf0;

    height: 2px;

    -webkit-transition-property: right;

    transition-property: right;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.menu-blog li a:hover {

    opacity: 1 !important;

}



.menu-blog li a:hover:before {

    right: 0;

}



.menu-blog li a:before {

    bottom: -10%;

}





/*-------- Head Blog --------*/



.head-blog {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100%;

    position: relative;

    padding: 80px 5%;

    background-color: #000034;

    min-height: calc(100vh - 90px);

    display: flex;

    align-content: center;

    flex-wrap: wrap;

    text-align: center;

}



.head-blog::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/head-blog.jpg);

    background-size: cover;

    background-position: top;

    opacity: .1;

}



.head-blog .container {

    float: left;

    margin: 0 !important;

    width: 100% !important;

    max-width: 700px !important;

}



.head-blog h1 {

    font-size: 1.5em;

    color: #48acf0;

    font-weight: bold;

    margin: 0;

}



.head-blog strong {

    color: #48acf0;

}



.head-blog p {

    font-size: 1em;

    color: white;

    line-height: 1.25em;

}



.head-blog .btn {

    background-color: transparent !important;

    border: 2px solid #48acf0;

    border-radius: 30px;

    height: 3em;

    line-height: calc(3em - 4px);

    color: #48acf0;

    font-weight: bold;

    text-transform: none;

    transition: all .5s;

}



.head-blog .btn svg {

    margin-left: 10px;

    position: relative;

    top: 1px;

    transition: all .5s;

}



.head-blog .btn:hover {

    background-color: #48acf0 !important;

    color: #fff;

}



.head-blog .btn:hover svg {

    margin-left: 20px;

}



@media(min-width: 601px) {

    .head-blog {

        text-align: left;

    }

    .head-blog h1 {

        font-size: 2em;

    }

    .head-blog p {

        font-size: 1.25em;

    }

}





/*-------- Modal Search --------*/



.search {

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-content: center;

    background-color: rgba(0, 0, 0, 1);

    min-height: 100%;

    padding: 40px 5%;

    opacity: 0;

    transform: translateY(-100%);

    transition: all 1s;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

}



.search.active {

    opacity: 1;

    transform: translate(0);

}



.search::after {

    content: '';

    width: calc(100% - 20%);

    height: calc(100% - 20%);

    position: absolute;

    top: 10%;

    left: 10%;

    background-image: url(../images/mapa.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

    opacity: .1;

}



.search .close {

    position: absolute;

    z-index: 9999;

    top: 40px;

    right: 40px;

    font-size: 2.5em;

}



.search h2 {

    font-size: 1.25em;

    font-weight: bold;

    color: #fff;

    text-align: center;

    padding: 0 45px !important;

}



.search h2 strong {

    color: #48acf0;

}



.search fieldset {

    width: 100%;

    float: left;

    position: relative;

    z-index: 1;

    padding-bottom: 20px !important;

}



.search form {

    max-width: 600px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

}



.search input {

    height: 40px !important;

    border: 1px solid #48acf0 !important;

    border-right: none !important;

    padding-left: 1em !important;

    width: calc(100% - 1em) !important;

    color: #ccc !important;

    margin: 0 !important;

    border-radius: 5px 0 0 5px !important;

}



.search button {

    background-color: #48acf0 !important;

    border: 1px solid #48acf0;

    color: #fff;

    height: 42px;

    line-height: 40px;

    font-weight: bold;

    padding: 0 20px;

    border-radius: 0 5px 5px 0;

}



.search .container {

    max-width: 700px !important;

    position: relative;

    z-index: 1;

}



.search h3 {

    font-size: 1.25em;

    font-weight: bold;

    color: white;

    margin: 0;

}



.search p {

    font-size: 1em;

    line-height: 1.25em;

    color: white;

    margin: 0;

}



.search time {

    color: #48acf0;

    font-size: .8em;

}



.search ul {

    max-height: calc(100vh - 250px);

    overflow: auto;

}



.search ul::-webkit-scrollbar-track {

    background-color: transparent;

    border: 1px solid #48acf0;

}



.search ul::-webkit-scrollbar {

    width: 6px;

    background: transparent;

}



.search ul::-webkit-scrollbar-thumb {

    background: #48acf0;

}



.search li {

    border-bottom: 1px solid #48acf0;

    margin-bottom: 20px;

    padding-bottom: 10px;

}



.search .empty {

    padding: 40px;

    text-align: center;

}



.search .empty svg {

    color: #48acf0;

    font-size: 4em;

}





/*-------- Modal Sidebar --------*/



.sidebar {

    position: fixed;

    z-index: 9999;

    top: 0;

    right: 0;

    width: 100%;

    max-width: 300px;

    background-color: rgba(0, 0, 0, 1);

    height: 100%;

    overflow: auto;

    padding: 32px;

    opacity: 0;

    transform: translateX(100%);

    transition: all 1s;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

}



.sidebar.active {

    opacity: 1;

    transform: translate(0);

}



.sidebar::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/waves-1.png);

    background-size: cover;

    background-position: center;

    opacity: .2;

}



.sidebar .close {

    position: absolute;

    z-index: 1;

    top: 10px;

    right: 10px;

    background-color: #000;

    text-align: center;

    line-height: calc(30px - 4px);

    color: #48acf0;

    border: 2px solid #48acf0;

    padding: 0 10px;

    border-radius: 5px;

    font-weight: bold;

}



.sidebar .close svg {

    margin-left: 10px;

}



.sidebar figure {

    width: 100%;

    float: left;

    position: relative;

    z-index: 1;

    text-align: center;

    margin-bottom: 20px !important;

}



.sidebar img {

    width: 100px;

    height: 100px;

    object-fit: cover;

    object-position: top;

    border-radius: 50%;

    border: 2px solid #48acf0;

}



.sidebar p {

    color: #48acf0;

    font-size: 1em;

    font-weight: bold;

    margin: 0;

    position: relative;

    z-index: 1;

}



.sidebar a {

    color: white;

    font-size: .9em;

}



.sidebar ul {

    position: relative;

    z-index: 1;

    margin: 10px 0 !important;

}



.sidebar ul li svg {

    width: 20px !important;

    color: #48acf0;

}



.sidebar .float {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: nowrap;

}



.sidebar .float svg {

    font-size: 2em;

}





/*-------- Posts Blog --------*/



.posts {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100%;

    position: relative;

    padding: 60px 5%;

}



.posts h2 {

    font-size: 2em;

    color: white;

    text-align: center;

}



.posts strong {

    color: #48acf0;

}



.posts .l8 a {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    border: 1px solid #48acf0;

    margin-top: 2em;

}



.posts .l8 a article {

    padding: 20px;

}



.posts .l8 a img {

    width: 100%;

    height: auto;

}



.posts h3 {

    font-size: 1.5em;

    font-weight: bold;

    color: #fff;

    margin: 0;

}



.posts time {

    font-size: .9em;

    color: #48acf0;

}



.posts p {

    font-size: 1em;

    line-height: 1.25em;

    color: #fff;

}



.posts hgroup figure {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

}



.posts hgroup img {

    width: 30px !important;

    height: 30px !important;

    object-fit: cover;

    object-position: top;

    border-radius: 50%;

}



.posts hgroup figcaption {

    display: block !important;

    color: #fff;

    margin-left: 10px;

}



.posts .btn {

    width: 100%;

    height: 3em;

    line-height: 3em;

    text-transform: none !important;

    font-size: 1.25em;

    font-weight: bold;

    background-color: #48acf0 !important;

    box-shadow: 0 0 5px 3px rgba(1, 223, 249, .3);

    border-radius: 5px;

    margin-top: 20px;

}



.posts .l4 figure {

    border: 1px solid #48acf0;

    text-align: center;

    margin-top: calc(2em + 60px) !important;

    min-height: 100px;

}



.posts .l4 figure img {

    width: 120px;

    height: 120px;

    object-fit: cover;

    object-position: top;

    border-radius: 50%;

    margin-top: -60px;

    border: 2px solid #48acf0;

}



.posts .l4 p {

    text-align: center;

    margin-top: 10px !important;

    font-size: .8em;

}



.posts .float {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: nowrap;

}



.posts .float svg {

    margin: 0 5px;

    font-size: 1.5em;

    color: #48acf0;

}



.posts h4 {

    background-color: #000034;

    text-align: center;

    font-size: 1.1em;

    font-weight: bold;

    color: white;

    padding: 10px 0;

    position: relative;

    margin-bottom: 20px;

}



.posts h4::after {

    content: '';

    position: absolute;

    bottom: -15px;

    left: calc(50% - 15px);

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 15px 15px 0 15px;

    border-color: #000034 transparent transparent transparent;

}



.posts .l4 .tags {

    display: flex;

    flex-wrap: wrap;

}



.posts .l4 .tags a {

    color: #48acf0;

    border: 1px solid #48acf0;

    padding: 5px 10px;

    border-radius: 30px;

    line-height: 40px;

    margin-right: 5px !important;

    margin-top: 5px !important;

}





/*-------- Instagram --------*/



.instagram {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

}



.instagram a {

    width: 50% !important;

    margin: 0 !important;

}



.instagram img {

    display: none;

    margin-bottom: -6px !important;

    border: 1px solid #48acf0;

}





/*-------- Posts Blog --------*/



.news {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100%;

    position: relative;

    padding: 40px 5%;

    background-color: #000034;

    text-align: center;

}



.news h2 {

    font-size: 3em;

    color: white;

    margin: 0;

}



.news strong {

    color: #48acf0;

}



.news p {

    font-size: 1.1em;

    line-height: 1.25em;

    color: #fff;

}



.news input {

    height: 3em !important;

    border: 1px solid #48acf0 !important;

    padding-left: 1em !important;

    width: calc(100% - 1.15em) !important;

    color: #ccc !important;

    margin: 0 !important;

}



.news .btn {

    width: 100%;

    height: 3em;

    line-height: 3em;

    text-transform: none !important;

    font-size: 1.25em;

    font-weight: bold;

    background-color: #48acf0 !important;

    box-shadow: 0 0 5px 3px rgba(1, 223, 249, .3);

    border-radius: 0;

}



@media(min-width: 993px) {

    .news {

        display: flex;

        align-items: center;

        justify-content: space-between;

        flex-wrap: nowrap;

        text-align: left;

    }

    .news .btn {

        height: 2.5em;

        line-height: 2.5em;

    }

}





/*-------- Recentes Blog --------*/



.recented {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100%;

    position: relative;

    padding: 60px 5%;

    padding-bottom: 120px;

}



.recented h2 {

    font-size: 2em;

    text-align: center;

    font-weight: bold;

    color: #48acf0;

}



.recented .center h2 {

    margin: 0;

    font-size: 1.5em;

    text-align: center;

    font-weight: bold;

    color: #fff;

}



.recented strong {

    color: #48acf0;

}



.recented a div {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    border: 1px solid #48acf0;

    margin-top: 2em;

}



.recented a article {

    padding: 20px;

}



.recented a figure {

    width: 100%;

}



.recented a img {

    width: 100%;

    height: 150px;

    object-fit: cover;

}



.recented h3 {

    font-size: 1em;

    min-height: 60px;

    font-weight: bold;

    color: #fff;

    margin: 0;

}



.recented time {

    font-size: .8em;

    color: #48acf0;

}



.recented p {

    font-size: .9em;

    line-height: 1.25em;

    color: #fff;

}



.recented hgroup figure {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

}



.recented hgroup img {

    width: 30px !important;

    height: 30px !important;

    object-fit: cover;

    object-position: top;

    border-radius: 50%;

}



.recented hgroup figcaption {

    display: block !important;

    color: #fff;

    margin-left: 10px;

}



.recented .btn {

    width: 100%;

    height: 3em;

    line-height: 3em;

    text-transform: none !important;

    font-size: 1.25em;

    font-weight: bold;

    background-color: #48acf0 !important;

    box-shadow: 0 0 5px 3px rgba(1, 223, 249, .3);

    border-radius: 5px;

    margin-top: 20px;

}



.paginator {

    margin-top: 40px;

    width: 100% !important;

    float: left;

    display: flex;

    justify-content: center;

    text-align: center;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

}



.paginator_item {

    width: 30px;

    height: 30px;

    border: 1px solid #48acf0;

    color: #48acf0;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0;

    font-weight: bold;

}



.paginator_item.paginator_active {

    width: 30px !important;

    height: 30px !important;

    border: 1px solid #48acf0;

    color: #fff !important;

    background-color: #48acf0;

}



.paginator_item:first-of-type,

.paginator_item:last-of-type {

    width: initial;

    height: initial;

    color: #48acf0;

    border: none;

    border-radius: 0;

    padding: 0 10px;

    font-weight: bold;

}





/*-------- Chamada --------*/



.result {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    width: 100%;

    position: relative;

    padding: 120px 5%;

    text-align: center;

    background-color: #000;

}



.result::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/alcateia.jpg);

    background-size: cover;

    background-position: top;

    opacity: .2;

}



.result h2 {

    font-size: 2.5em;

    font-weight: bold;

    color: #48acf0;

    margin: 0;

    position: relative;

    z-index: 1;

}



.result p {

    color: white;

    font-size: 1.5em;

    line-height: 1.25em;

    position: relative;

    z-index: 1;

    margin: 0;

}



.result .btn {

    width: 100%;

    height: 3em;

    line-height: 3em;

    text-transform: none !important;

    font-size: 1.25em;

    font-weight: bold;

    background-color: #48acf0 !important;

    box-shadow: 0 0 5px 3px rgba(1, 223, 249, .3);

    border-radius: 5px;

    position: relative;

    z-index: 1;

    max-width: 400px;

    margin-top: 20px;

}





/*-------- Artigos do Blog --------*/



.head-artigo {

    position: relative;

    padding: 60px 5%;

    padding-bottom: 0;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    background-color: #000;

}



.head-artigo::after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/artigo.jpg);

    background-size: cover;

    background-position: top;

    opacity: .1;

}



.head-artigo img {

    width: 100%;

    height: auto;

    padding: 60px;

    position: relative;

    z-index: 2;

}



.head-artigo article {

    background-color: #000034;

    padding: 60px;

    padding-top: 120px;

    margin-top: -180px;

    position: relative;

    z-index: 1;

    bottom: -60px;

}



.head-artigo hgroup {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

    justify-content: space-between;

    margin-top: 40px;

}



.head-artigo hgroup figure {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

}



.head-artigo hgroup img {

    width: 50px !important;

    height: 50px !important;

    object-fit: cover;

    object-position: top;

    border-radius: 50%;

    padding: 0;

}



.head-artigo hgroup figcaption {

    display: block !important;

    color: #fff;

    margin-left: 10px;

}



.head-artigo time {

    color: #48acf0;

}



.head-artigo h1 {

    font-size: 2em;

    font-weight: bold;

    color: #fff;

    margin: 0;

    margin-bottom: 10px;

}



.head-artigo p {

    font-size: 1.5em;

    line-height: 1.25em;

    color: #fff;

    margin: 0;

}



.head-artigo ul {

    display: flex;

    flex-wrap: wrap;

}



.head-artigo li a {

    border: 1px solid #48acf0;

    padding: 5px 10px;

    border-radius: 0 15px 0 15px;

    font-weight: bold;

}



.artigo {

    margin-top: 40px;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

}



.artigo .container {

    padding: 60px 5%;

    position: relative;

    color: #fff !important;

}



.artigo .container p {

    font-size: 1.25em;

    color: #fff !important;

    line-height: 1.25em;

}



.artigo .container span {

    font-size: 1em;

    color: #fff !important;

    line-height: 1em;

}



.artigo .container h2 {

    font-size: 2em;

    font-weight: bold;

    color: #48acf0;

    margin-top: 80px;

}



.artigo .container h3 {

    font-size: 1.5em;

    font-weight: bold;

    color: #48acf0;

    margin-top: 40px;

}



.artigo .container h4,

.artigo .container h5,

.artigo .container h6 {

    font-size: 1.25em;

    font-weight: bold;

    color: #48acf0;

    margin-top: 40px;

}



.artigo .container a {

    color: #48acf0;

    font-weight: bold;

}



.artigo .container img {

    width: 100%;

    height: auto;

}



.writer {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    text-align: center;

    position: relative;

    margin-top: 60px !important;

}



.writer::before {

    content: '';

    width: 100%;

    height: 90%;

    top: 10%;

    left: 0;

    border-radius: 20px;

    background-color: #48acf0;

    position: absolute;

}



.writer img {

    min-width: 200px;

    width: 200px !important;

    height: 200px !important;

    object-fit: cover;

    object-position: top;

    border-radius: 50%;

    position: relative;

    z-index: 1;

}



.writer figcaption {

    width: 100%;

    display: block !important;

    color: #fff;

    font-weight: bold;

    position: relative;

    z-index: 1;

    padding: 20px !important;

}



.writer small {

    color: #666;

}



.writer h6 {

    color: #000034 !important;

    margin: 0 !important;

    font-size: 1.5em !important;

}



.writer p {

    font-size: .9em !important;

    font-weight: normal;

}



@media(min-width: 601px) {

    .writer {

        flex-wrap: nowrap;

        padding: 40px 0;

        text-align: left;

    }

    .writer::before {

        width: 80%;

        height: 100%;

        top: 0%;

        left: 10%;

    }

    .writer figcaption {

        padding: 0 30px !important;

        padding-right: calc(10% + 30px) !important;

    }

    .writer p {

        font-size: 1em !important;

    }

}



.comment {

    padding: 60px 5%;

    background-color: #000;

}



.comment h2 {

    font-size: 1.5em;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    color: #fff;

    width: fit-content;

    margin: 30px auto;

}



.comment h2 strong {

    width: 100%;

    float: left;

    font-size: 2em;

    margin-bottom: 20px;

    color: #48acf0;

}



.comment #disqus_thread {

    max-width: 700px;

    margin: 0 auto;

}





/*-------- Modal Cookie --------*/



.cookie {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    position: fixed;

    left: 5%;

    right: auto;

    bottom: 10px;

    width: 90%;

    background-color: #000;

    border-radius: 10px;

    padding: 15px;

    -webkit-animation: neon1 1.5s ease-in-out infinite alternate;

    -moz-animation: neon1 1.5s ease-in-out infinite alternate;

    animation: neon1 1.5s ease-in-out infinite alternate;

    z-index: 9999;

    transform: translateY(200%);

    opacity: 0;

    transition: all .5s;

}



.cookie.active {

    transform: translateY(0%);

    opacity: 1;

}



.cookie p {

    font-size: 1.25em;

    margin: 0;

    color: #ccc;

}



.cookie a {

    color: #00aced;

}



.cookie .btn {

    width: 100%;

    background-color: transparent !important;

    border: 1px solid #00aced;

    border-radius: 10px;

    box-shadow: none !important;

    height: 3em;

    line-height: 3em;

    text-transform: none;

    font-size: 1.25em;

    margin-top: 10px;

}



@media(min-width: 785px) {

    .cookie {

        display: flex;

        align-items: center;

        padding: 20px;

    }

    .cookie p {

        font-size: 1em;

        padding-right: 20px;

    }

    .cookie .btn {

        width: 300px;

        padding: 0 1em;

        font-size: 1em;

        margin-top: 0;

    }

}





/*-------- Compartilhar --------*/



.buttonShare {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #000034;

    position: fixed;

    bottom: 0;

    left: 0;

    z-index: 9999;

    width: 100%;

    cursor: pointer;

    width: 50%;

}



.buttonShare p {

    color: #00aced;

    font-weight: bold;

    font-size: .8em;

}



.buttonShare svg {

    color: #00aced;

    margin-left: 10px;

}



@media(min-width: 601px) {

    .buttonShare p {

        display: none;

    }

    .buttonShare {

        width: 50px;

        height: 50px;

        border-radius: 50%;

        bottom: 10px;

        left: 10px;

    }

    .buttonShare svg {

        margin-left: 0;

        font-size: 1.5em;

    }

}



.share {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 1000;

    background-color: rgba(0, 0, 0, .3);

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

    transform: scale(0);

    opacity: 0;

    transition: all .5s;

}



.share.active {

    opacity: 1;

    transform: scale(1);

}



.share .box {

    background-color: #000;

    padding: 20px;

    width: 100%;

    max-width: 450px;

    position: relative;

}



.share h2 {

    font-size: 1.5em;

    margin: 0;

    font-weight: bold;

    color: #00aced;

}



.share .close {

    position: absolute;

    top: 20px;

    right: 20px;

    color: #fff;

    font-size: 1.25em;

}



.share a[target="_blank"] {

    width: calc(100% / 4);

    float: left;

    text-align: center;

    color: #fff;

    margin-top: 20px;

}



.share a[target="_blank"] svg {

    width: 75px !important;

    height: 75px;

    padding: 20px;

    border-radius: 50%;

    color: white;

}



.share strong {

    width: 100%;

    float: left;

}



.share .fa-facebook-f {

    background-color: #3b5998;

}



.share .fa-twitter {

    background-color: #00aced;

}



.share .fa-linkedin-in {

    background-color: #007bb6;

}



/* .share .fa-whatsapp {

    background-color: #34af23;

} */



.share .link {

    display: flex;

    align-items: center;

    width: 100%;

    float: left;

    background-color: rgba(0, 0, 0, .2);

    padding: 10px 20px;

    margin-top: 20px;

    justify-content: space-between;

    border: 1px solid #00aced;

}



.share input {

    margin: 0 !important;

    font-size: .9em !important;

    height: 20px !important;

    border: none !important;

    box-shadow: none !important;

    color: #fff !important;

}



.share .link a {

    padding-left: 10px;

    text-transform: uppercase;

    font-weight: bold;

    color: #00aced;

}



/*-------- Whatapp --------*/



.buttonWhats {

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #34af23;

    position: fixed;

    bottom: 0;

    right: 0;

    z-index: 9999;

    width: 100%;

    cursor: pointer;

    width: 50%;

}



.buttonWhats p {

    color: #fff;

    font-weight: bold;

    font-size: .8em;

}



.buttonWhats svg {

    color: #fff;

    margin-left: 10px;

}



@media(min-width: 601px) {

    .buttonWhats p {

        display: none;

    }

    .buttonWhats {

        width: 50px;

        height: 50px;

        border-radius: 50%;

        bottom: 10px;

        right: 10px;

    }

    .buttonWhats svg {

        margin-left: 0;

        font-size: 1.5em;

    }

}



/*-------- 404 --------*/



.erro {

    padding: 40px;

    display: flex;

    align-content: center;

    justify-content: center;

    flex-wrap: wrap;

    font-family: 'Open Sans', Tahoma, Geneva, Verdana, sans-serif;

    min-height: 100vh;

    position: relative;

}



.erro::before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/espaco.png);

    background-size: cover;

    opacity: .5;

}



.erro h1 {

    margin: 0;

    font-size: 1.5em;

    font-weight: bold;

    color: white;

    text-align: center;

    width: 100%;

    position: relative;

    z-index: 1;

}



.erro figure:first-of-type {

    display: flex;

    justify-content: center;

    margin: 20px auto !important;

    position: relative;

    z-index: 1;

}



.erro figure:first-of-type img {

    max-width: 450px;

    margin: 0 auto;

    width: 100%;

    height: auto;

}



.erro figure:last-of-type img {

    width: 100%;

    height: 40px;

    object-fit: contain;

    margin-top: 2em;

    position: relative;

    z-index: 1;

}



.erro .btn {

    background-color: #fff !important;

    font-weight: bold;

    color: #000;

    height: 3em;

    line-height: 3em;

    border-radius: 5px;

    text-transform: none;

    position: relative;

    z-index: 1;

}





/*-------- TIPOGRAFIA --------*/



@font-face {

    font-family: 'Open Sans';

    src: url(../fonts/opensans-regular.ttf);

}



@font-face {

    font-family: 'Open Sans Bold';

    src: url(../fonts/opensans-bold.ttf);

}



html {

    scroll-behavior: smooth;

}



body {

    background: rgb(0, 0, 0);

    background: -moz-linear-gradient(122deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 52, 1) 100%);

    background: -webkit-linear-gradient(122deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 52, 1) 100%);

    background: linear-gradient(122deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 52, 1) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000034", GradientType=1);

}



button {

    cursor: pointer !important;

}



.row {

    margin-bottom: 0 !important;

}



nav {

    color: #000 !important;

    background-color: transparent !important;

    width: initial !important;

    height: initial !important;

    line-height: initial !important;

    box-shadow: none !important;

}



address {

    font-style: normal;

}



cite {

    font-style: normal;

}



strong {

    font-weight: bold !important;

}



figcaption {

    display: none !important;

}



figure {

    margin: 0 !important;

}



fieldset {

    border: none !important;

    margin: 0 !important;

    padding: 0 !important;

}



form input[name="complement"] {

    display: none;

}
/* .clients .logos img { cometei */

.carousell {
    width: 100%;
    overflow: hidden;
  }
  
.carousell-container {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousell-item {
    flex: 0 0 100%;
}

.carousell-item img {
    max-width: 100%;
    height: auto;
}

.carousell-indicators {
display: flex;
justify-content: center;
margin-top: 0px;
z-index: 2;
}

.indicator {
width: 10px;
height: 10px;
background-color: gray;
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
}

.indicator.active {
background-color: white;
}

@media(max-width: 601px) {
    .carousell-item img {
        max-width: 99%;
        height: auto;
    }
      
}
.franchise{
    position: relative;

    padding: 270px 10%;

    overflow: hidden;

    background-image: url(../images/Mazukim_BannerFranquia_Desktop-min.png);

    background-position: center;

    width: calc(100% - 15%);

    height: calc(100% - 10%);

    background-size: cover;

    /* background-repeat: no-repeat; */

    overflow: hidden;

    overflow-x: hidden !important;
}
.franchise .btn {
    width: 100%;
    height: 3em;
    line-height: 3em;
    text-transform: none !important;
    font-size: 1.25em;
    font-weight: bold;
    background-color: #48acf0 !important;
    box-shadow: 0 0 5px 3px rgba(1, 223, 249, .3);
    border-radius: 5px;
    top: 210px;
}
@media(max-width: 601px) {
    .franchise{
        background-image: url(../images/Mazukim_BannerFranquia_Mockup-min.png);
        position: relative;

        padding: 350px 10%;
        
        background-position: center;

        background-size: cover;

        /* background-repeat: no-repeat; */

        overflow: hidden;

        overflow-x: hidden !important;
    }
    .franchise .btn {
        top: 300px;
        padding: 10px;
        line-height: 1em;
        height: 3.5em;
    }
}