:root{
    --dark-green:#063F48;
    --green:#B2C431;
    --white:#ffffff
}
body .image-layer.video video{
    position:fixed;
    right:0;
    bottom:0;
    min-width:100%;
    min-height:100%
}
body,html{
    height:100%;
    color:#0F0F0F;
    background-color:#E3E3E3;
    font-weight:400;
    font-size:1rem;
    line-height:22px;
    font-family:'Ubuntu', sans-serif
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    line-height:1;
    color:#ffffff
}

.color-1 {
    color: #B5C330 !important;
}

.color-2 {
    color: #7B0E5A !important;
}

:focus{
    outline:none;
    border:none
}
p{
    margin-bottom:1em;
    line-height:1.2
}
a{
    text-decoration:none;
    color:var(--green)
}
a:hover{
    text-decoration:none;
    color:var(--green)
}
span,strong{
    font-weight:700
}
ul,li{
    list-style:none;
    margin:0;
    padding:0
}
img{
    max-width:100%;
    height:auto
}
.linear{
    background:linear-gradient(90deg, #0fa1b9 0%, #18a3b2 30%, #b2c431 100%)
}
.owl-carousel button.owl-dot{
    text-align:center;
    border-radius:50%;
    border:solid 1px var(--green);
    padding:6px !important;
    font:inherit;
    margin:20px 2px 0
}
.owl-carousel .owl-dot.active{
    background:var(--green)
}
.background-linear:before{
    content:'';
    position:absolute;
    width:100%;
    min-height:687px;
    background:linear-gradient(90deg, #0fa1b9 0%, #18a3b2 30%, #b2c431 100%);
    opacity:0.5;
    z-index:-1
}
span.navbar-toggler-icon::before{
    content:'';
    display:block;
    width:22px;
    background:var(--green);
    height:2px;
    position:relative;
    top:-8px
}
span.navbar-toggler-icon::after{
    content:'';
    display:block;
    width:22px;
    background:var(--green);
    height:2px;
    position:relative;
    top:8px
}
header{
    background:var(--dark-green)
}
header .logo{
    margin-right:40px
}
header .navbar{
    padding:20px 0;
}
header .navbar .navbar-nav{
    width:100%;
    justify-content:space-between;
    align-items:center
}
header .navbar .navbar-nav li a{
    color:var(--white)
}
header .navbar .navbar-nav li a:hover{
    color:var(--green)
}
header .navbar .navbar-nav li a.active{
    color:var(--green)
}
header .navbar .navbar-nav .btn-bill a{
    border-radius:38px;
    position:relative;
    left:20px;
    padding:15px 50px 15px 60px
}
header .navbar .navbar-nav .btn-bill a::before{
    content:'';
    background:url(../img/user.svg) center center no-repeat;
    width:20px;
    height:20px;
    background-size:100% 100%;
    position:absolute;
    left:34px;
    top:50%;
    transform:translateY(-50%)
}
header .navbar-toggler{
    padding:20px 12px;
    font-size:0;
    line-height:1;
    background-color:transparent;
    border:2px solid var(--green);
    border-radius:6px;
    transition:none
}
header .navbar-toggler:focus{
    text-decoration:none;
    outline:0;
    box-shadow:none
}
header .navbar-toggler span.navbar-toggler-icon{
    display:block;
    width:22px;
    background:var(--green);
    height:2px
}
header .navbar-toggler span.navbar-toggler-icon:before{
    content:'';
    display:block;
    width:22px;
    background:var(--green);
    height:2px;
    position:relative;
    top:-8px
}
header .navbar-toggler span.navbar-toggler-icon:after{
    content:'';
    display:block;
    width:22px;
    background:var(--green);
    height:2px;
    position:relative;
    top:8px
}

.background-benvenuti {
    display: block;
    padding: 0;
    background: url(../img/benvenuti-bg.png) no-repeat bottom center scroll;
    background-position: 30% 45%;
    background-color: black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.background-benvenuti-1 {
    display: block;
    padding: 0;
    background: url(../img/benvenuti-bg-1.png) no-repeat bottom center scroll;
    background-position: 30% 45%;
    background-color: black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


    .mr-dpm { position: relative; display: block; }
    .mr-dpm .mr-dpm-open { display: block; }
    .dpd-filter{
        z-index: 10;
        position: absolute;
        right: -20px;
        display: none;
        /* transition: opacity 1s ease-out; */
        /* opacity: 0; */
        /*background-color: rgb(255,255,255, 1);*/
        background-color: rgb(6 63 72);
        padding: 15px 20px;
        /*min-height: 450px;*/
        -webkit-box-shadow: -6px 6px 15px 0px rgba(0,0,0,0.18);
        box-shadow: -6px 6px 15px 0px rgba(0,0,0,0.18);
        /*background: linear-gradient(136.38deg, rgba(255, 255, 255, 1) 6.57%, rgba(255, 255, 255, 0.98) 75.6%);*/
        min-height: 10px;
        height: auto;
        width: 100%;
        border: 1px solid #a4c13d;
        border-radius: .75rem;
        font-size: 16px;
    }
    .dpd-filter.active { display: block; -webkit-animation: fadeIn .5s; animation: fadeIn .5s; }
    .dpd-filter .subitens{ display: flex; flex-direction: column; }
    .dpd-filter .subitens a{ padding: 10px 0 !important; left: 0px !important; font-size: 14px; }
    .dpd-filter .subitens a::before{ display: none !important; }


.search{
    padding:30px 0
}
.search .input-group-flex{
    position:relative;
    display:flex;
    max-width:1150px;
    margin:0 auto
}
.search .input-group-flex .form-control{
    padding:12px 60px;
    border-radius:38px;
    border:none
}
.search .input-group-flex .form-control:focus{
    color:var(--dark-green);
    border-color:transparent;
    box-shadow:none
}
.search .input-group-flex img{
    position:absolute;
    width:30px;
    top:50%;
    transform:translateY(-50%);
    left:20px
}
.search .input-group-flex button{
    background:linear-gradient(90deg, #0fa1b9 0%, #063f48 100%);
    border-radius:38px;
    color:var(--white);
    padding:12px 60px;
    margin-left:20px;
    border:none
}

.btn-1{
    background:linear-gradient(90deg, #0fa1b9 0%, #063f48 100%);
    border-radius:38px;
    color:var(--white);
    padding:12px 30px;
    margin-bottom: 5px;
    margin-left:0px;
    border:none
}
.btn-2{
    background:linear-gradient(90deg, #0FA1B9 0%, #ACC236 100%);
    border-radius:38px;
    color:var(--white);
    padding:12px 30px;
    margin-bottom: 5px;
    margin-left:0px;
    border:none
}

.banner .owl-carousel.itens .owl-nav button{
    position:absolute;
    font-size:90px;
    top:50%;
    transform:translateY(-50%);
    color:#B2C432
}
.banner .owl-carousel.itens .owl-nav button.owl-prev{
    left:34px
}
.banner .owl-carousel.itens .owl-nav button.owl-next{
    right:34px
}
.banner .owl-carousel.itens .owl-dots{
    position:absolute;
    bottom:20px;
    width:100%;
    text-align:center
}
.emphasis{
    background:#004855;
    padding:80px 0
}
.emphasis .text-left{
    margin-top:60px
}
.emphasis .text-left h1{
    font-weight:700;
    margin-bottom:20px
}
.emphasis .text-left h1 span{
    color:var(--green)
}
.emphasis .text-left p{
    color:var(--white);
    margin-bottom:70px;
    line-height:1.8
}
.emphasis .title h3{
    color:var(--green);
    font-weight:700
}
.emphasis .grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:8px
}
.emphasis .grid a{
    position:relative;
    text-align:center;
    padding:40px 20px 60px
}
.emphasis .grid a .item{
    transition:0.3s all ease-in-out
}
.emphasis .grid a .item:hover{
    transform:scale(1.04);
    transition:0.3s all ease-in-out
}
.emphasis .grid a p{
    font-size:0.85rem
}
.emphasis .grid a h5{
    margin:20px 0;
    font-size:1.2rem;
    font-weight:700
}
.emphasis .grid a:nth-child(1){
    background:var(--white);
    border-top-left-radius:20px;
    z-index:999
}
.emphasis .grid a:nth-child(1) h5{
    color:var(--dark-green)
}
.emphasis .grid a:nth-child(1) p{
    color:var(--dark-green)
}
.emphasis .grid a:nth-child(1)::before{
    content:'';
    background:url(../img/ap-1.png) center center no-repeat;
    width:70px;
    height:70px;
    background-size:70px;
    position:absolute;
    right:-68px;
    top:50%;
    transform:translateY(-50%)
}
.emphasis .grid a:nth-child(2){
    background:#0FA1B9;
    padding:68px 20px 30px
}
.emphasis .grid a:nth-child(2) p{
    color:var(--white)
}
.emphasis .grid a:nth-child(2)::before{
    content:'';
    background:url(../img/ap-5.png) center center no-repeat;
    width:70px;
    height:70px;
    background-size:65px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-68px;
    z-index:999
}
.emphasis .grid a:nth-child(3){
    background:#acc50f;
    border-top-right-radius:20px
}
.emphasis .grid a:nth-child(3) p{
    color:var(--white)
}
.emphasis .grid a:nth-child(3)::before{
    content:'';
    background:url(../img/ap-2.png) center center no-repeat;
    width:70px;
    height:70px;
    background-size:70px;
    position:absolute;
    left:-68px;
    top:50%;
    transform:translateY(-50%)
}
.emphasis .grid a:nth-child(4){
    background:#0FA1B9;
    border-bottom-left-radius:20px;
    z-index:1111;
    padding:60px 20px 20px
}
.emphasis .grid a:nth-child(4) p{
    color:var(--white)
}
.emphasis .grid a:nth-child(4)::before{
    content:'';
    background:url(../img/ap-3.png) center center no-repeat;
    width:70px;
    height:70px;
    background-size:64px;
    position:absolute;
    left:50%;
    top:-68px;
    transform:translateX(-50%);
    z-index:999
}
.emphasis .grid a:nth-child(4)::after{
    content:'';
    background:url(../img/ap-4.png) center center no-repeat;
    width:70px;
    height:70px;
    background-size:70px;
    position:absolute;
    right:-65px;
    top:50%;
    transform:translateY(-50%);
    z-index:999
}
.emphasis .grid a:nth-child(5){
    background:#acc50f;
    padding:70px 20px 20px
}
.emphasis .grid a:nth-child(5) p{
    color:var(--dark-green)
}
.emphasis .grid a:nth-child(5) h5{
    color:var(--dark-green)
}
.emphasis .grid a:nth-child(5) .icon{
    margin-bottom:36px
}
.emphasis .grid a:nth-child(5)::after{
    content:'';
    background:url(../img/ap-7.png) center center no-repeat;
    width:70px;
    height:70px;
    background-size:70px;
    position:absolute;
    right:-68px;
    top:50%;
    transform:translateY(-50%);
    z-index:999
}
.emphasis .grid a:nth-child(6){
    background:#0FA1B9;
    border-bottom-right-radius:20px;
    padding:60px 20px 20px
}
.emphasis .grid a:nth-child(6) p{
    color:var(--white)
}
.emphasis .grid a:nth-child(6)::before{
    content:'';
    background:url(../img/ap-3.png) center center no-repeat;
    width:70px;
    height:70px;
    background-size:64px;
    position:absolute;
    left:50%;
    top:-68px;
    transform:translateX(-50%);
    z-index:999
}
.benvenuti{
    padding:80px 0
}
.benvenuti .logo{
    margin-bottom:20px
}
.benvenuti .container{
    padding: 80px 6px;
}
.benvenuti .grid{
    display:flex;
    grid-gap:15px;
    /*justify-content:space-between;*/
    /*justify-content: stretch;*/
    justify-content:  center;
}
.benvenuti .grid.col4-itens{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 15px;
    justify-content: flex-start;
    justify-content: center;
}
.benvenuti .grid.col4-itens a{
    flex-basis: 24%;
    margin-bottom: 15px;
}
.benvenuti .grid a{
    width:100%;
    background:var(--dark-green);
    padding:60px 40px;
    text-align:center;
    border-radius:20px;
    transition:0.3s all ease-in-out
}
.benvenuti .grid a:hover{
    transform:scale(1.04);
    transition:0.3s all ease-in-out
}
.benvenuti .grid a img{
    margin-bottom:30px;
    min-height:124px
}
.benvenuti .grid a h5{
    font-weight:700
}



    @media (min-width: 1024px){
        .padding-60 {
        padding: 0 80px;
        }
    }




.listicons{
    /*padding:80px 0*/
}
.listicons .container {
    padding: 80px 0;
}
.listicons .title h1{
    font-weight:700;
    color:var(--dark-green);
    margin-bottom:30px
}
.listicons .card-listicons{
    background-color: #FFF;
    border-radius: 1.0rem;
    min-height: 200px;
    padding: 1rem 1rem;
}


    .benvenuti-slider{
        overflow:hidden;
        padding:80px 0 120px
    }
    .benvenuti-slider .logo {
        margin-bottom: 20px;
    }
    .benvenuti-slider .list-itens.owl-carousel{
        clip-path:inset(-1px -100vw -100px 0)
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-nav{
        position:absolute;
        bottom:-40px;
        right:70px
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-nav button.owl-prev{
        margin:0
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-nav button.owl-prev:before{
        content:'';
        background:url(../img/arrow-down.svg) center center no-repeat;
        width:40px;
        height:30px;
        background-size:100% 100%;
        position:absolute;
        right:0
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-nav button.owl-prev span{
        display:none
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-nav button.owl-next{
        margin:0
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-nav button.owl-next:before{
        content:'';
        background:url(../img/arrow-down-dir.svg) center center no-repeat;
        width:40px;
        height:30px;
        background-size:100% 100%;
        position:absolute;
        left:50px
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-nav button.owl-next span{
        display:none
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-stage-outer{
        overflow:visible
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-stage-outer a {
        position:relative;
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-stage-outer a .item{
        position:relative;
        background: var(--dark-green);
        height: 305px;
        border-radius: 20px;
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-stage-outer a .item h5{
        margin: 10px 0;
        text-align: center;
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-stage-outer a .item .play{
        position:absolute;
        width:40px;
        height:40px;
        z-index:99;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        border-radius:0
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-stage-outer a .item .icon{
        /*position:absolute;*/
        /*width:120px;*/
        /*height:auto;*/
        /*z-index:99;*/
        /*top:50%;*/
        /*left:50%;*/
        /*transform:translate(-50%, -50%);*/
        /*border-radius:0*/
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-stage-outer a .item img{
        border-radius:30px
    }

    /*.benvenuti-slider .grid a {*/
        /*width: 25%;*/
        /*background: var(--dark-green);*/
        /*padding: 60px 40px;*/
        /*text-align: center;*/
        /*border-radius: 20px;*/
        /*transition: 0.3s all ease-in-out;*/
    /*}*/

    .development-slider{
    overflow:hidden;
    padding:80px 0 120px
    }
    .development-slider .title h1{
        font-weight:700;
        margin-bottom:30px;
        color:var(--green)
    }
    .development-slider .logo {
        margin-bottom: 20px;
    }
    .development-slider .list-itens.owl-carousel{
        clip-path:inset(-1px -100vw -100px 0)
    }
    .development-slider .list-itens.owl-carousel .owl-nav{
        position:absolute;
        bottom:-40px;
        right:70px
    }
    .development-slider .list-itens.owl-carousel .owl-nav button.owl-prev{
        margin:0
    }
    .development-slider .list-itens.owl-carousel .owl-nav button.owl-prev:before{
        content:'';
        background:url(../img/arrow-down.svg) center center no-repeat;
        width:40px;
        height:30px;
        background-size:100% 100%;
        position:absolute;
        right:0
    }
    .development-slider .list-itens.owl-carousel .owl-nav button.owl-prev span{
        display:none
    }
    .development-slider .list-itens.owl-carousel .owl-nav button.owl-next{
        margin:0
    }
    .development-slider .list-itens.owl-carousel .owl-nav button.owl-next:before{
        content:'';
        background:url(../img/arrow-down-dir.svg) center center no-repeat;
        width:40px;
        height:30px;
        background-size:100% 100%;
        position:absolute;
        left:50px
    }
    .development-slider .list-itens.owl-carousel .owl-nav button.owl-next span{
        display:none
    }
    .development-slider .list-itens.owl-carousel .owl-stage-outer{
        overflow:visible
    }
    .development-slider .list-itens.owl-carousel .owl-stage-outer a {
        position:relative;
    }
    .development-slider .list-itens.owl-carousel .owl-stage-outer a .item{
        position:relative;
        background: var(--dark-green);
        height: 305px;
        border-radius: 20px;
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .development-slider .list-itens.owl-carousel .owl-stage-outer a .item h5{
        margin: 10px 0;
        text-align: center;
    }
    .development-slider .list-itens.owl-carousel .owl-stage-outer a .item .play{
        position:absolute;
        width:40px;
        height:40px;
        z-index:99;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        border-radius:0
    }
    .development-slider .list-itens.owl-carousel .owl-stage-outer a .item .icon{
        /*position:absolute;*/
        /*width:120px;*/
        /*height:auto;*/
        /*z-index:99;*/
        /*top:50%;*/
        /*left:50%;*/
        /*transform:translate(-50%, -50%);*/
        /*border-radius:0*/
    }
    .development-slider .list-itens.owl-carousel .owl-stage-outer a .item img{
        border-radius:30px
    }

    /*.development-slider .grid a {*/
        /*width: 25%;*/
        /*background: var(--dark-green);*/
        /*padding: 60px 40px;*/
        /*text-align: center;*/
        /*border-radius: 20px;*/
        /*transition: 0.3s all ease-in-out;*/
    /*}*/

    .company-areas-slider{
        overflow:hidden;
        position: relative;
        padding:80px 0 120px;
        /*padding:80px 0 120px*/
    }
    .company-areas-slider:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*min-height: 687px;*/
        background: linear-gradient(90deg, #0fa1b9 0%, #18a3b2 30%, #b2c431 100%);
        opacity: 0.5;
        z-index: -1;
    }

    .company-areas-slider .title h1{
        font-weight:700;
        margin-bottom:30px;
        color:var(--white)
    }
    .company-areas-slider .title h1{
        font-weight:700;
        margin-bottom:30px;
        color:var(--white)
    }
    .company-areas-slider .container .list-itens .item img{
        margin-bottom:30px;
        min-height:124px;
        width: 85%;
    }
    .company-areas-slider .container .list-itens .box-item .item img{
        width: 62%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .company-areas-slider .container .list-itens .item .spc{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 78%;
    }
    .company-areas-slider .container .list-itens .item .spc .box-img{
        height: 80%;
        max-height: 80%;
        display: flex;
        justify-content: center;
        align-content: center;
    }
    .company-areas-slider .container .list-itens .item h5{
        font-weight:700
    }
    .company-areas-slider .container .list-itens .item .tags{
        display:flex;
        grid-gap:5px;
        width:100%;
        justify-content:center;
        margin-top:20px
    }
    .company-areas-slider .container .list-itens .item .tags p{
        border-radius:40px;
        padding:8px 15px;
        color:#ffffff;
        font-weight:600;
        margin:0;
        background:linear-gradient(270deg, #0fa1b9 0%, #b2c431 100%)
    }
    .company-areas-slider .logo {
        margin-bottom: 20px;
    }
    .company-areas-slider .list-itens.owl-carousel{
        clip-path:inset(-1px -100vw -100px 0)
    }
    .company-areas-slider .list-itens.owl-carousel .owl-nav{
        position:absolute;
        bottom:-40px;
        right:70px
    }
    .company-areas-slider .list-itens.owl-carousel .owl-nav button.owl-prev{
        margin:0
    }
    .company-areas-slider .list-itens.owl-carousel .owl-nav button.owl-prev:before{
        content:'';
        background:url(../img/arrow-down.svg) center center no-repeat;
        width:40px;
        height:30px;
        background-size:100% 100%;
        position:absolute;
        right:0
    }
    .company-areas-slider .list-itens.owl-carousel .owl-nav button.owl-prev span{
        display:none
    }
    .company-areas-slider .list-itens.owl-carousel .owl-nav button.owl-next{
        margin:0
    }
    .company-areas-slider .list-itens.owl-carousel .owl-nav button.owl-next:before{
        content:'';
        background:url(../img/arrow-down-dir.svg) center center no-repeat;
        width:40px;
        height:30px;
        background-size:100% 100%;
        position:absolute;
        left:50px
    }
    .company-areas-slider .list-itens.owl-carousel .owl-nav button.owl-next span{
        display:none
    }
    .company-areas-slider .list-itens.owl-carousel .owl-stage-outer{
        overflow:visible
    }
    .company-areas-slider .list-itens.owl-carousel .owl-stage-outer a {
        position:relative;
    }
    .company-areas-slider .list-itens.owl-carousel .owl-stage-outer div.box-item .item,
    .company-areas-slider .list-itens.owl-carousel .owl-stage-outer a .item{
        position:relative;
        background: var(--dark-green);
        height: 305px;
        border-radius: 20px;
        display: flex;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .company-areas-slider .list-itens.owl-carousel .owl-stage-outer a .item h5{
        margin: 10px 0;
        text-align: center;
    }
    .company-areas-slider .list-itens.owl-carousel .owl-stage-outer a .item .play{
        position:absolute;
        width:40px;
        height:40px;
        z-index:99;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        border-radius:0
    }
    .company-areas-slider .list-itens.owl-carousel .owl-stage-outer a .item .icon{
        /*position:absolute;*/
        /*width:120px;*/
        /*height:auto;*/
        /*z-index:99;*/
        /*top:50%;*/
        /*left:50%;*/
        /*transform:translate(-50%, -50%);*/
        /*border-radius:0*/
    }
    .company-areas-slider .list-itens.owl-carousel .owl-stage-outer a .item img{
        /*border-radius:30px*/
    }

    /*.company-areas-slider .grid a {*/
        /*width: 25%;*/
        /*background: var(--dark-green);*/
        /*padding: 60px 40px;*/
        /*text-align: center;*/
        /*border-radius: 20px;*/
        /*transition: 0.3s all ease-in-out;*/
    /*}*/





.calendar .container{
    padding:80px 0
}
.calendar .container .title h1{
    font-weight:700;
    color:var(--dark-green);
    margin-bottom:20px
}
.calendar .container .itens{
    display:grid;
    grid-template-columns:1fr 1fr;
    max-width:540px;
    text-align:center;
    grid-gap:15px
}
.calendar .container .itens a{
    background:var(--dark-green);
    padding:40px 70px;
    border-radius:20px;
    transition:0.3s all ease-in-out;
    margin-bottom: 15px;
}
.calendar .container .itens a:hover{
    transform:scale(1.04);
    transition:0.3s all ease-in-out
}
.calendar .container .itens a img{
    margin-bottom:30px;
    min-height:90px
}
.calendar .container .itens a h5{
    font-weight:700
}
.calendar.bg-linear{ position: relative; }
.calendar.bg-linear:before{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    /*min-height:687px;*/
    background:linear-gradient(90deg, #0fa1b9 0%, #18a3b2 30%, #b2c431 100%);
    opacity:0.5;
    z-index:-1
}
.development{
    /*padding:80px 0*/
}
.development .container {
    padding: 80px 0;
}
.development .title h1{
    font-weight:700;
    color:var(--dark-green);
    margin-bottom:30px
}
.development .list-dev{
    /*max-width:1080px;*/
    /*display:grid;*/
    /*grid-template-columns:1fr 1fr 1fr;*/
    /*grid-gap:15px;*/
    /*text-align:center*/

    display:flex;
    grid-gap:15px;
    justify-content:space-between;
    text-align:center
}
.development .list-dev a{
    background:var(--dark-green);
    /*padding:80px 0 50px;*/
    border-radius:20px;
    transition:0.3s all ease-in-out
}
.development .list-dev a{
    width:25%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 40px 0px 20px;
}
.development .list-dev a:hover{
    transform:scale(1.04);
    transition:0.3s all ease-in-out
}
.development .list-dev a img{
    margin-bottom:50px;
    min-height:90px
}
.development .list-dev a h5{
    font-weight:700;
    font-size:1.5rem;
    line-height:1.2
}

.company-areas.background-linear::before{
    min-height:520px;
    height: 100%;
}
.company-areas{
    position: relative;
}
.company-areas .container{
    padding: 80px 6px;
}
.company-areas .container .title h1{
    font-weight:700;
    margin-bottom:30px
}
.company-areas .container .grid{
    display:flex;
    grid-gap:15px;
    justify-content:space-between;
}
.company-areas .container .grid .item{
    width:25%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--dark-green);
    padding:40px 40px 20px;
    text-align:center;
    border-radius:20px;
    transition:0.3s all ease-in-out;
}
.company-areas .container .grid .item{
    
}
.company-areas .container .grid .item {
    padding: 40px 0px 20px;
}
.company-areas .container .grid .item:hover{
    transform:scale(1.04);
    transition:0.3s all ease-in-out
}
.company-areas .container .grid .item img{
    margin-bottom:30px;
    min-height:124px
}
.company-areas .container .grid .item h5{
    font-weight:700
}
.company-areas .container .grid .item .tags{
    display:flex;
    grid-gap:20px;
    width:100%;
    justify-content:center;
    margin-top:20px
}
.company-areas .container .grid .item .tags p{
    border-radius:40px; 
    padding:8px 25px;
    color:#ffffff;
    font-weight:600;
    margin:0;
    background:linear-gradient(270deg, #0fa1b9 0%, #b2c431 100%)
}

.development .container .grid{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-gap: 15px;
    justify-content: flex-start;
}
.development .container .grid a{
    width:25%;
    display:flex;
    flex-basis: 24%;
    align-items:center;
    justify-content:center;
    margin-bottom: 15px;
    background:var(--dark-green);
    padding:40px 40px 20px;
    text-align:center;
    border-radius:20px;
    transition:0.3s all ease-in-out
}
.development .container .grid a {
    padding: 40px 0px 20px;
}
.development .container .grid a:hover{
    transform:scale(1.04);
    transition:0.3s all ease-in-out
}
.development .container .grid a img{
    margin-bottom:30px;
    min-height:124px
}
.development .container .grid a h5{
    font-weight:700
}
.development .container .grid a .tags{
    display:flex;
    grid-gap:20px;
    width:100%;
    justify-content:center;
    margin-top:20px
}
.development .container .grid a .tags p{
    border-radius:40px;
    padding:8px 40px;
    color:#ffffff;
    font-weight:600;
    margin:0;
    background:linear-gradient(270deg, #0fa1b9 0%, #b2c431 100%)
}

.title h1 a{
    color:var(--dark-green);
    text-decoration: none;
}

.title h1 a:hover{
    /*color:var(--green);*/
    text-decoration: none;
}


.botao-cinza img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}

.botao-up {
    display: table;
    width: 100%;
    padding: 15px;
    text-align: center;
    border-radius:40px;
    padding:8px 25px;
    color:#ffffff;
    font-weight:600;
    margin:0;
    background: linear-gradient(90deg, #0fa1b9 0%, #18a3b2 30%, #b2c431 100%);
    height: 100%;
    line-height: 45px;
    margin-bottom: 20px;
}

.botao-up a {
    color:#ffffff;
}

.mb-20 {
    margin-bottom: 20px;
    display: block;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-25 {
    margin-bottom: 25px;
}

.box-border {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #B5C330;
}

.box-1 {
    margin: 0;
    padding: 20px;
    background: #008A97;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    min-height: 150px;
}

.box-2 {
    margin: 0;
    padding: 20px;
    background: #A82585;
    color: #fff;
    vertical-align: middle;
    min-height: 150px;
}

.box-3 {
    margin: 0;
    padding: 20px;
    background: #B5C330;
    color: #fff;
    vertical-align: middle;
    min-height: 150px;
}

.box-4 {
    margin: 0;
    padding: 20px;
    background: #5A5A5A;
    color: #fff;
    vertical-align: middle;
    min-height: 150px;
}

.box-5 {
    margin: 0;
    padding: 20px;
    background: #273478;
    color: #fff;
    vertical-align: middle;
    min-height: 150px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-50 {
    padding-bottom: 50px;
}

.list-1 ul {
  padding-bottom: 30px !important;
}

.list-1 li {
  position: relative;
  font-size: 16px;
  line-height: 1.82em !important;
  margin-top: 5px;
  margin-left: 20px;  
  list-style: disc;
}

.list-1 li:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 12px !important;
  left: 0;
}

.list-1 li::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
    color: #B5C330;
}

.videos{
    overflow:hidden;
    padding:80px 0 120px
}
.videos .title h1{
    font-weight:700;
    margin-bottom:30px;
    color:var(--green)
}
.videos .list-videos.owl-carousel{
    clip-path:inset(-1px -100vw -100px 0)
}
.videos .list-videos.owl-carousel .owl-nav{
    position:absolute;
    bottom:-40px;
    right:70px
}
.videos .list-videos.owl-carousel .owl-nav button.owl-prev{
    margin:0
}
.videos .list-videos.owl-carousel .owl-nav button.owl-prev:before{
    content:'';
    background:url(../img/arrow-down.svg) center center no-repeat;
    width:40px;
    height:30px;
    background-size:100% 100%;
    position:absolute;
    right:0
}
.videos .list-videos.owl-carousel .owl-nav button.owl-prev span{
    display:none
}
.videos .list-videos.owl-carousel .owl-nav button.owl-next{
    margin:0
}
.videos .list-videos.owl-carousel .owl-nav button.owl-next:before{
    content:'';
    background:url(../img/arrow-down-dir.svg) center center no-repeat;
    width:40px;
    height:30px;
    background-size:100% 100%;
    position:absolute;
    left:50px
}
.videos .list-videos.owl-carousel .owl-nav button.owl-next span{
    display:none
}
.videos .list-videos.owl-carousel .owl-stage-outer{
    overflow:visible
}
.videos .list-videos.owl-carousel .owl-stage-outer a .vd{
    position:relative
}
.videos .list-videos.owl-carousel .owl-stage-outer a .vd .play{
    position:absolute;
    width:40px;
    height:40px;
    z-index:99;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    border-radius:0
}
.videos .list-videos.owl-carousel .owl-stage-outer a .vd img{
    border-radius:30px
}
.vd h5{
    text-align: center; 
    margin-top: 12px;
    color: #063F48;
}
footer{
    padding:0
}
footer .links{
    position:relative;
    background:var(--dark-green);
    padding:30px 0
}
footer .links ul{
    display:flex;
    justify-content:center;
    grid-gap:100px
}
footer .links ul a{
    color:var(--white);
    font-weight:600;
    text-transform:uppercase
}
footer .links ul a:hover{
    color:var(--green)
}
footer .links .logout a{
    top:50%;
    position:absolute;
    right:100px;
    color:var(--white);
    transform:translateY(-50%)
}
footer .links .logout a:before{
    content:'';
    background:url(../img/sign-out.svg) center center no-repeat;
    width:30px;
    height:30px;
    background-size:100% 100%;
    position:absolute;
    right:40px;
    top:50%;
    transform:translateY(-50%)
}
footer .logo{
    background:var(--green);
    padding:20px 0;
    text-align:center
}
.login{
    display:grid;
    justify-content:center;
    align-items:center;
    height:100%
}
.login .box{
    padding:60px 40px 40px;
    background:var(--dark-green);
    border-radius:20px;
    text-align:center;
    max-width:406px;
    margin:0 auto
}
.login .box img{
    margin-bottom:20px
}
.login .box .text{
    padding:20px 60px;
    display:table;
    background-color:var(--green);
    margin:20px 0 40px;
    border-radius:20px;
    color:var(--dark-green)
}
.login .box .form-control{
    border-radius:30px;
    margin-top:20px;
    padding:12px 20px;
    width:326px
}
.login .box button.linear{
    border:none;
    padding:12px 60px;
    color:var(--white);
    border-radius:30px;
    margin-top:20px
}
.login .box .forgot-it{
    margin-top:20px
}
.login .box .forgot-it a{
    color:var(--white)
}
.benvenuti.action.pbb{
    padding:80px 0 200px
}
.action .title h1{
    text-align:center;
    color:var(--dark-green);
    margin-bottom:50px;
    font-weight:700
}
.product{
    padding:80px 0
}
.product .title h1{
    text-align:center;
    color:var(--dark-green);
    margin-bottom:50px;
    font-weight:700
}
.product .list-products{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    padding:0 80px;
    grid-gap:30px
}
.product .iten{
    display:flex;
    background:var(--white);
    justify-content:center;
    align-items:center;
    text-align: center;
    border-radius:30px;
    padding:10px;
    transition:0.3s all ease-in-out
}
.product .iten img{
    width:160px
}
.product .iten:hover{
    transform:scale(1.04);
    transition:0.3s all ease-in-out
}
.access-list{
    padding:80px 0 120px
}
.access-list .title h1{
    text-align:center;
    color:var(--dark-green);
    margin-bottom:50px;
    font-weight:700
}
.access-list .box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    grid-gap:20px;
    background:var(--dark-green);
    padding:50px 70px;
    border-radius:20px;
    margin-bottom:40px
}
.access-list .box .btn-line a{
    padding:14px 40px;
    border-radius:40px;
    font-weight:700;
    color:var(--white)
}
@media (max-width: 1400px){
    header .navbar .navbar-nav .btn-bill a{
        padding:15px 20px 15px 40px
    }
    header .navbar .navbar-nav .btn-bill a::before{
        left:16px
    }
    .background-linear::before{
        min-height:622px
    }
    .emphasis .grid a{
        padding:60px 20px 40px
    }
    .emphasis .grid a h5{
        font-size:1rem
    }
    .emphasis .grid a:nth-child(1)::before{
        background-size:60px;
        right:-64px
    }
    .emphasis .grid a:nth-child(2)::before{
        background-size:54px;
        bottom:-62px
    }
    .emphasis .grid a:nth-child(3){
        background:#acc50f;
        border-top-right-radius:20px
    }
    .emphasis .grid a:nth-child(3) p{
        color:var(--white)
    }
    .emphasis .grid a:nth-child(3)::before{
        background-size:60px;
        left:-64px
    }
    .emphasis .grid a:nth-child(4)::before{
        background-size:54px;
        top:-64px
    }
    .emphasis .grid a:nth-child(4)::after{
        background-size:60px;
        right:-65px
    }
    .emphasis .grid a:nth-child(5)::after{
        background-size:60px;
        right:-64px
    }
    .emphasis .grid a:nth-child(6)::before{
        background-size:54px;
        top:-64px
    }
}
@media (max-width: 1199px){
    header .logo{
        width:180px
    }
    header .navbar .navbar-nav a{
        font-size:14px
    }
    header .navbar .navbar-nav .btn-bill a{
        border-radius:38px;
        position:relative;
        left:20px;
        padding:15px 20px 15px 40px
    }
    header .navbar .navbar-nav .btn-bill a:before{
        content:'';
        background:url(../img/user.svg) center center no-repeat;
        width:20px;
        height:20px;
        background-size:100% 100%;
        position:absolute;
        left:15px;
        top:50%;
        transform:translateY(-50%)
    }
    .emphasis .grid a{
        padding:60px 20px 40px
    }
    .emphasis .grid a h5{
        font-size:1.2rem
    }
    .emphasis .grid a::after{
        display:none
    }
    .emphasis .grid a::before{
        display:none
    }
    .background-linear::before{
        min-height:555px
    }
    .company-areas .container .grid a{
        padding:30px 0
    }
    .company-areas .container .grid a .tags{
        display:grid
    }
    .development .container .grid {
        grid-gap: 12px;
    }
    .development .container .grid a{
        padding:30px 0
    }
    .development .container .grid a .tags{
        display:grid
    }
    .product .list-products{
        grid-template-columns:1fr 1fr
    }
    .benvenuti .grid.col4-itens {
        grid-gap: 12px;
    }
}
@media (max-width: 991px){
    header .navbar .navbar-nav{
        margin-top:20px
    }
    header .navbar .navbar-nav .btn-bill a{
        left:0
    }
    .emphasis{
        text-align:center
    }
    .emphasis .text-left{
        margin-top:0
    }
    .emphasis .title h3{
        margin-top:80px
    }
    .emphasis .grid a{
        padding:40px 50px 40px
    }
    .benvenuti .grid{
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .benvenuti .grid a{
        width:100%
    }
    .background-linear::before{
        min-height:100%
    }
    .calendar .container .itens{
        margin-top:40px;
        max-width:100%
    }
    .company-areas .container .grid{
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .company-areas .container .grid .item{
        width:100%
    }
    .company-areas .container .grid .item .tags{
        display:flex
    }
    .company-areas.background-linear::before{
        min-height:790px
    }

    .development .container .grid{
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .development .container .grid a{
        width:100%
    }
    .development .container .grid a .tags{
        display:flex
    }

    footer .links ul{
        grid-gap:20px
    }
}
@media (max-width: 767px){
    .container{
        padding-right:30px !important;
        padding-left:30px !important
    }
    .background-linear::before{
        min-height:1100px
    }
    .company-areas.background-linear::before{
        min-height:1260px;
        height: 100%;
    }
    .search{
        padding:20px 0
    }
    .search .input-group-flex{
        max-width:100%;
        display:block
    }
    .search .input-group-flex img{
        position:absolute;
        width:20px;
        top:10px;
        transform:unset;
        left:20px
    }
    .search .input-group-flex button{
        padding:8px 40px;
        margin-left:50%;
        transform:translateX(-50%);
        margin-top:10px
    }
    .search .input-group-flex .form-control{
        padding:6px 60px;
        border-radius:38px;
        border:none
    }
    .banner .owl-carousel.itens .owl-dots{
        bottom:8px
    }
    .banner .owl-carousel.itens .owl-dots button.owl-dot{
        padding:4px !important
    }
    .banner .owl-carousel.itens .owl-nav button{
        font-size:40px
    }
    .banner .owl-carousel.itens .owl-nav button.owl-next{
        right:10px
    }
    .banner .owl-carousel.itens .owl-nav button.owl-prev{
        left:10px
    }
    .emphasis{
        padding:60px 0
    }
    .emphasis .text-left p{
        margin-bottom:30px
    }
    .emphasis .grid{
        grid-template-columns:1fr
    }
    .emphasis .grid a{
        border-radius:20px
    }
    .emphasis .title h3{
        font-size:1.7rem;
        margin-top:60px;
        margin-bottom:30px
    }
    .benvenuti{
        padding:60px 0
    }
    .benvenuti .grid{
        display:grid;
        grid-template-columns:1fr
    }
    .development{
        padding:60px 0
    }
    .development .list-dev{
        grid-template-columns:1fr
    }
    .calendar .container{
        padding-top:60px;
        padding-bottom:60px
    }
    .calendar .container .itens{
        display:grid;
        grid-template-columns:1fr;
        margin:0 auto
    }
    .calendar .container .col-lg-5{
        margin-bottom:30px
    }
    .company-areas .container{
        padding-top:60px;
        padding-bottom:60px
    }
    .company-areas .container .grid{
        display:grid;
        grid-template-columns:1fr
    }
    .development .container .grid{
        display:grid;
        grid-template-columns:1fr
    }
    .videos{
        overflow:unset;
        padding:60px 0 80px
    }
    .videos .list-videos.owl-carousel{
        clip-path:unset
    }
    .videos .list-videos.owl-carousel .owl-nav{
        text-align:center
    }
    .videos .list-videos.owl-carousel .owl-nav button.owl-prev:before{
        right:unset;
        margin-left:-60px
    }
    .videos .list-videos.owl-carousel .owl-nav button.owl-next:before{
        left:unset
    }
    .videos .list-videos.owl-carousel .owl-stage-outer{
        overflow:hidden
    }
    .videos .list-videos.owl-carousel .owl-nav{
        position:relative;
        bottom:0;
        right:0
    }




    .benvenuti-slider .list-itens.owl-carousel .owl-nav {
        position: relative;
        bottom: 0;
        right: 0;
        text-align: center;
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-nav button.owl-prev:before{
        right:unset;
        margin-left:-60px
    }
    .benvenuti-slider .list-itens.owl-carousel .owl-nav button.owl-next:before{
        left:unset
    }


    .development-slider .list-itens.owl-carousel .owl-nav {
        position: relative;
        bottom: 0;
        right: 0;
        text-align: center;
    }
    .development-slider .list-itens.owl-carousel .owl-nav button.owl-prev:before{
        right:unset;
        margin-left:-60px
    }
    .development-slider .list-itens.owl-carousel .owl-nav button.owl-next:before{
        left:unset
    }


    .development .list-dev {
        display: grid;
        grid-template-columns: 1fr;
    }
    .development .list-dev a {
        width: 100%;
        padding: 30px 0;
    }

    .company-areas-slider .list-itens.owl-carousel .owl-nav {
        position: relative;
        bottom: 0;
        right: 0;
        text-align: center;
    }
    .company-areas-slider .list-itens.owl-carousel .owl-nav button.owl-prev:before{
        right:unset;
        margin-left:-60px
    }
    .company-areas-slider .list-itens.owl-carousel .owl-nav button.owl-next:before{
        left:unset
    }


    .company-areas .list-dev {
        display: grid;
        grid-template-columns: 1fr;
    }
    .company-areas .list-dev a {
        width: 100%;
        padding: 30px 0;
    }


    footer .links .logout a{
        right:20px
    }
    footer .links ul{
        display:grid;
        grid-gap:10px;
        text-align:center
    }
    .login .box{
        padding:40px 20px
    }
    .login .box .text{
        padding:20px;
        margin:30px auto 0
    }
    .login .box .form-control{
        width:100%
    }
    .product .list-products{
        grid-template-columns:1fr;
        padding:0
    }
    .access-list{
        padding:80px 0 30px
    }
    .access-list .box{
        display:grid;
        justify-content:center;
        text-align:center;
        grid-gap:20px;
        padding:40px 20px
    }
}
@media (max-width: 560px){
    .background-linear::before{
        min-height:1046px
    }
}
@media (max-width: 480px){
    .background-linear::before{
        min-height:1030px
    }
}
@media (max-width: 400px){
    .background-linear::before{
        min-height:980px
    }
}
@media (max-width: 350px){
    .container{
        padding-right:15px !important;
        padding-left:15px !important
    }
}


.box-grid4-comptos{ 
        position: relative; 
        left: -15px;
        width: calc(100% + 30px);
}
.box-grid4-comptos .gd4Row1{ 
    position: relative;
    z-index: 20;
    display: flex;
    justify-content: space-between;
}
.box-grid4-comptos .gd4Row2{
    position: relative;
    z-index: 19;
    display: flex;
    justify-content: center;
    margin-top: -20px;
}
.box-grid4-comptos .gd4Row3{
    position: relative;
    z-index: 20;    
    display: flex;
    justify-content: space-between;
    margin-top: -20px;
}
.box-item-2{ 
    flex: 0 0 auto;
    padding: 20px; 
    width: calc(50% - 10px);
    min-height: 150px; 
}
.box-grid4-comptos .gd4Box-2 { background: #A82585; color: #fff; }
.box-grid4-comptos .gd4Box-2 p { text-align: right; }
.box-grid4-comptos .gd4Box-3 { background: #B5C330; color: #fff; }
.box-grid4-comptos .gd4Box-3 h4{ text-align: right; }
.box-grid4-comptos .gd4Box-4 { background: #5A5A5A; color: #fff; display: flex; align-items: center; }
.box-grid4-comptos .gd4Box-1 { background: #008A97; color: #fff; }
.box-grid4-comptos .gd4Box-1 p { text-align: right; }
.box-grid4-comptos .gd4Box-5 { background: #273478; color: #fff; }
.box-grid4-comptos .gd4Box-5 h4{ text-align: right; }

@media (max-width: 767px){
    .box-grid4-comptos .box-item-2 h4{ font-size: .9rem !important; hyphens: auto; }
    .box-grid4-comptos .box-item-2 p{ font-size: .80rem !important; }
}