/* Table of Content */
/* ------------------------------------------ */
/* 1. Imports & Clears                        */
/* 2. Reset                                   */
/* 3. General                                 */
/* 4. Main Container                          */
/* 5. Header                                  */
/* 6. Master Menu                             */
/* 7. Events                                  */
/* 8. Faqs                                    */
/* 9. Schedule                                */
/* 10. Dashboard                              */
/* 11. Registration & Sponsors                */
/* 12. Loader Objects                         */
/* 13. Footer Section                         */
/* 14. Forms                                  */
/* 15. Objects                                */
/* ------------------------------------------ */

/*********************************************/
/***  1. Imports, Clears & Variables       ***/
/*********************************************/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url("https://fonts.googleapis.com/css?family=Jockey+One");

/*variables*/
:root {
    --blue: #00A2B5;
    --green: #afcb64;
    --black: #070606;
}

/*********************************************/
/***  3. General                            ***/
/*********************************************/
body {
    font-family: 'Ubuntu', sans-serif;
}

a {
    color: var(--blue);
    text-decoration: none;
    background-color: transparent;
}

.colorBlue {
    color: var(--blue);
}

.colorGreen {
    color: var(--green);
}

.colorWhite, .colorWhite a {
    color: #ffffff;
}

.colorRed {
    color: #ba1010;
}

.bg-green {
    background: var(--green);
}

.bg-red {
    background: #ba1010;
}

.bg-blue {
    background: var(--blue);
}

.bg-blue-v2 {
    background: #88d2c5;
}

/*********************************************/
/***  4. Main Container                    ***/
/*********************************************/
.wrapper {
    z-index: 1;
}

.video-wrapper {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .video-wrapper::before {
        padding-top: 56.25%;
        display: block;
        content: "";
    }

    .video-wrapper iframe, .video-wrapper object, .video-wrapper video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        border: 0;
    }

.topics, .events-list, .speakers, .sponsors, .parallax-window {
    position: relative;
    width: 100%;
}

.section-tittle, .form-title {
    position: relative;
}

    .section-tittle h2, .form-title h3 {
        text-transform: uppercase;
        color: #00a2b5;
        font-size: 2.2rem;
        line-height: 2.4rem;
    }

    .form-title h3 {
        padding: 0px;
        /*border-bottom: 1px solid #e1e1e1;*/
        font-size: 1.7rem;
        line-height: 1.9rem;
        font-weight: 300;
    }

    .section-tittle p {
        color: #444444;
        font-size: .9rem;
        line-height: 1.1rem;
        font-weight: 300;
    }

/*********************************************/
/***  5. Header                            ***/
/*********************************************/
.header-section {
    z-index: 999;
}

.sticky-bar {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 10px 15px rgba(25,25,25,.1);
    box-shadow: 0 10px 15px rgba(25,25,25,.1);
    z-index: 9999;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25,25,25,.1);
    background: #fff;
}

.header-area {
    background: rgba(255,255,255,.95);
    box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.64);
    -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.64);
    -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.64);
}

    .header-area .main-header {
        padding: 0 130px
    }

@media only screen and (min-width:1200px) and (max-width:1600px) {
    .header-area .main-header {
        padding: 0 30px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header-area .main-header {
        padding: 0 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-area .main-header {
        padding: 22px 50px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .header-area .main-header {
        padding: 22px 20px
    }
}

@media(max-width:575px) {
    .header-area .main-header {
        padding: 22px 14px
    }
}

.logo {
    height: 68px;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

    .logo a {
        display: block;
        height: 100%;
    }

    .logo img {
        height: 100%;
    }


.banner {
    background: #888888;
    /* background-size: cover; */
    color: white;
    z-index: 10;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 10px 15px rgba(25,25,25,.1);
    box-shadow: 0 10px 15px rgba(25,25,25,.1);
}

.carousel-inner, carousel-item {
    height: 100%;
}

.banner.banner-home {
    z-index: 10;
    -webkit-box-shadow: 0 10px 15px rgba(25,25,25,.1);
    box-shadow: 0 10px 15px rgba(25,25,25,.1);
    -webkit-box-shadow: 0 10px 15px rgba(25,25,25,.1);
}

.page-loader {
    background-color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 995000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 2s;
    transition-property: opacity;
    height: 100%;
}

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right {
        opacity: 1;
    }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

.carousel-inner::after {
    /* content: ""; */
}

.carousel-indicators {
    z-index: 99;
    left: 50%;
    bottom: 3%;
    transform: translateX(-50%);
}

    .carousel-indicators li {
        width: 22px;
        border-radius: 50%;
        background: #88d2c5;
    }

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    background: #88d2c5;
    width: 54px;
    height: 54px;
    bottom: 3%;
    left: auto;
    top: auto;
    right: calc(3% + 64px);
    font-size: 2rem;
}

.carousel-control-next {
    right: 3%;
    left: auto;
}

.banner-img {
    background-repeat: no-repeat;
    background-position: center center;
    /* background-attachment: fixed; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.banner-shadow, .bg-overlay {
    position: absolute;
    background: rgba(11,11,11,0);
    z-index: 9;
    width: 100%;
    height: 100vh;
}

@media all and (max-width: 940px) {
    .banner {
        height: auto;
    }
}

.banner .container-fluid {
    padding: 120px 130px 4%;
    position: relative;
    min-height: 100%;
    z-index: 10;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.banner-content {
    padding: 2rem;
    height: auto;
    position: relative;
    background: rgba(0,162,181, 0.9);
    max-width: 520px;
    min-width: 220px;
}

.banner h1, .banner h2, .banner h3 {
    padding: 0px;
    margin-bottom: 0;
}

.banner h1 {
    font-size: 4rem;
    line-height: 4.2rem;
    font-weight: 300;
    position: relative;
    padding: 0rem;
}

.banner h2 {
    font-size: 2.5rem;
    line-height: 2.7rem;
    font-weight: 300;
    position: relative;
    padding: 0rem;
}

.banner .subtitle {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.7rem;
}

.banner a {
    text-decoration: none;
    color: #ffffff;
    font-weight: 300;
}

.register-now {
    /* bottom: 10rem; */
    /* right: 0; */
    text-align: right;
    margin: 0;
    width: 100%;
    position: relative;
}

    .register-now.btn-left {
        text-align: left;
        margin-top: 20px;
    }

@media all and (max-width: 1180px) {
    .register-now {
        text-align: right;
        margin: 0 0 1rem;
    }
}

.register-now a.button {
    display: inline-block;
    font-size: 1rem;
    color: #4e4e4e;
    background: rgba(236,236,236, 1);
    text-transform: initial;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

    .register-now a.button:hover {
        background: #00a2b5;
        color: #FFFFFF;
    }

@media all and (max-width: 480px) {
    .register-now a.button {
        text-align: center;
        font-size: 1.33333em;
        padding: 0 26px;
        line-height: 50px;
    }
}

/*Parallax*/
.parallax-window {
    position: relative;
    overflow: hidden;
    margin: 0;
}

.parallax-container {
    position: relative;
    z-index: 10;
}

.button {
    background: rgb(255 255 255);
    /* border: 3px solid #88d2c5; */
    padding: 12px 24px;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    line-height: 1.2rem;
    font-weight: bold;
}

    .button:hover {
        background: none;
        color: white;
        background: rgb(136 210 197);
    }

.parallax-window a {
    text-decoration: none;
}

.parallax-window .btn-parallax {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
}

.parallax-window a:hover .bg-overlay {
    background: rgba(11,11,11, 0.3) !important;
}


/*********************************************/
/***  6. Master Menu                       ***/
/*********************************************/
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .header-area .main-header .main-menu {
        margin-right: 30px
    }
}

.header-area .main-header .main-menu ul li {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 27px 0;
}

    .header-area .main-header .main-menu ul li a {
        font-weight: 400;
        padding: 15px 27px;
        display: block;
        font-size: 1rem;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
        text-transform: capitalize;
        position: relative;
        text-transform: uppercase;
        text-decoration: none;
        color: var(--black);
    }

        .header-area .main-header .main-menu ul li a:hover,
        .header-area .main-header .main-menu ul li.active a,
        .header-area .main-header .main-menu ul li:hover > a {
            color: var(--blue);
        }

.menu-main ul {
    margin: 0;
}

.menu-main > ul > li {
    position: relative;
    white-space: nowrap;
    float: none;
    display: inline-block;
}

    /*.menu-main > ul > li.member_profile_menu, .header-btn {
        background: var(--green);
        border: 1px solid var(--green);
        color: #ffffff;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        border-radius: 0;
        padding: .5rem 2rem;
    }*/

    .menu-main > ul > li.member_profile_menu {
        max-width: 220px;
        /* overflow: hidden; */
        padding: 0;
    }

        .menu-main > ul > li.member_profile_menu > a {
            position: relative;
            /* display: block; */
            overflow: hidden;
            padding: 15px 30px 15px 15px;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: block;
        }

        .menu-main > ul > li.member_profile_menu:hover, .header-btn:hover {
            background: var(--blue);
            border: 1px solid var(--blue);
            color: #ffffff;
        }

.menu-main a {
    display: block;
    position: relative;
    color: #FFF;
    padding: 15px 15px;
    transition: 0.3s;
    font-size: 16px;
    font-weight: 400;
    /*font-family: "Roboto", sans-serif;
  text-transform: uppercase;*/
    text-decoration: none;
}

.header-section.scrolled .menu-main a {
    color: #505050;
}

.header-section.scrolled .menu-main li.member_profile_menu a {
    color: #F1F1F1;
}

.header-section.scrolled .menu-main li.member_profile_menu ul li a {
    color: #505050;
}

.menu-main a:hover, .menu-main .active > a, .menu-main li:hover > a {
    color: #eae8e5;
    text-decoration: none;
}

.menu-main > ul > li.member_profile_menu, .header-btn, .main-menu ul > li > a.item-menu-highlight {
    background: var(--green);
    border: 1px solid var(--green);
    color: #ffffff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-radius: 0;
}

.main-menu ul > li > a.item-menu-highlight {
    color: #ffffff !important;
    background: var(--blue);
    border: 1px solid var(--blue);
}

    .main-menu ul > li > a.item-menu-highlight:hover {
        background: var(--green);
        border: 1px solid var(--green);
    }

.menu-main > ul > li.member_profile_menu, .header-btn {
    padding: .5rem 2rem;
}


.menu-main .drop-down ul {
    display: block;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 0px 0;
    background: rgba(255,255,255,.95);
    min-width: 100%;
    /* border-top: 1px solid #afcb64; */
    /* padding-top: 15px; */
    transform: translateY(30px);
    transition: .33s all ease-out;
    list-style: none;
}


.menu-main .drop-down:hover > ul {
    opacity: 1;
    top: 55px;
    transform: translateY(0px);
    visibility: visible;
}

.menu-main .drop-down li {
    min-width: 180px;
    position: relative;
    border-top: 1px solid #afcb64;
}

.menu-main .drop-down ul a {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 200;
    /*! text-transform: uppercase; */
    color: #333333;
    text-align: left;
}

    .menu-main .drop-down ul a:hover, .menu-main .drop-down ul .active > a, .menu-main .drop-down ul li:hover > a {
        color: #00a2b5;
    }

.menu-main .drop-down > a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    padding-left: 5px;
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.menu-main .drop-down .drop-down ul {
    top: 0;
    left: calc(100% - 30px);
}

.menu-main .drop-down .drop-down:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
}

.menu-main .drop-down .drop-down > a {
    padding-right: 35px;
}

    .menu-main .drop-down .drop-down > a:after {
        content: "\f105";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        /*position: absolute;*/
        right: 15px;
    }

@media (max-width: 1366px) {
    .menu-main .drop-down .drop-down ul {
        left: -90%;
    }

    .menu-main .drop-down .drop-down:hover > ul {
        left: -100%;
    }

    .menu-main .drop-down .drop-down > a:after {
        /*content: "\ea9d";*/
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-area .main-header .main-menu ul li a {
        padding: 39px 15px
    }
}

.header-area .main-header .main-menu ul ul.submenu {
    position: absolute;
    width: 170px;
    background: rgba(255,255,255,0.9);
    left: 0;
    top: 80%;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.05);
    padding: 17px 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

    .header-area .main-header .main-menu ul ul.submenu > li {
        margin-left: 7px;
        display: block
    }

        .header-area .main-header .main-menu ul ul.submenu > li > a {
            padding: 6px 10px !important;
            font-size: 16px;
            text-transform: capitalize;
            margin: 0
        }

            .header-area .main-header .main-menu ul ul.submenu > li > a:hover {
                color: #331391;
                background: none
            }

.header-area .main-menu ul ul.submenu > li > a:hover {
    padding-left: 13px !important
}

.header-area .main-menu ul > li:hover > ul.submenu {
    visibility: visible;
    opacity: 1;
    top: 100%
}

.header-transparent {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9
}

.header-sticky.sticky-bar.sticky .main-menu ul li a {
    padding: 20px 20px !important
}


.mobile_menu {
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 99
}

    .mobile_menu .slicknav_menu {
        background: 0 0;
        margin-top: 0 !important
    }

        .mobile_menu .slicknav_menu .slicknav_btn {
            top: -52px;
        }

            .mobile_menu .slicknav_menu .slicknav_btn .slicknav_icon-bar {
                background-color: var(--blue) !important;
            }

        .mobile_menu .slicknav_menu .slicknav_nav {
            margin-top: 15px !important
        }

            .mobile_menu .slicknav_menu .slicknav_nav a:hover {
                background: 0 0;
                color: #00a2b5;
            }

            .mobile_menu .slicknav_menu .slicknav_nav a {
                font-size: 15px;
                padding: 7px 10px
            }

            .mobile_menu .slicknav_menu .slicknav_nav .slicknav_item a {
                padding: 0 !important
            }


/*********************************************/
/***  7. Events                            ***/
/*********************************************/
.event-img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.eventItem {
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: baseline;
}

    .eventItem .linkEvent {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: 111;
    }

.titleEventList {
    position: relative;
    background: rgb(0 162 181);
    padding: 1rem;
    width: 100%;
    flex-grow: 1;
}

    .titleEventList span {
        font-size: 1.1rem;
        line-height: 1.3rem;
        color: #ffffff;
        width: 100%;
        display: block;
    }

    .titleEventList a {
        font-size: 0.85rem;
        color: #ffffff;
        width: auto;
        display: inline-block;
        padding: 10px 0px;
        margin: 10px 0 0;
        text-decoration: none;
    }

/*********************************************/
/***  8. Faqs                              ***/
/*********************************************/
.heading {
    position: relative;
    margin: 0;
    padding: 0;
    background: #f4f4f4;
}

    .heading:hover {
        background: #e6e6e6;
    }

    .heading a {
        padding: 20px 20px 20px 20px;
        display: flex;
        color: #3b5654;
        text-decoration: none;
        border-bottom: 1px solid var(--blue);
        font-size: .9rem;
        width: 100%;
        justify-content: space-between;
    }

        .heading a .plus, .heading a .minus {
            font-size: 1.5rem;
            color: var(--blue);
            display: none;
        }

        .heading a .minus {
            display: block;
        }

        .heading a.collapsed .minus {
            display: none;
        }

        .heading a.collapsed .plus {
            display: block;
        }

.textPerguntas {
    background: #f4f4f4;
    padding: 20px;
}
/*********************************************/
/***  9. Dashboard                         ***/
/*********************************************/
.dashboard-block {
}

.msg-boasvindas, .itemNome {
    font-size: 1.1rem;
    font-weight: 300;
    margin: 0;
    padding: .5rem 0;
    border-bottom: 1px solid #4ac0ce;
}

.itemNome {
    font-size: 1.5rem;
    border-bottom: 0px solid #4ac0ce;
    line-height: 1.8rem;
}

.item-member-data {
    padding: 1rem 106px 1rem 1rem !important;
    min-height: calc(66px + 2rem);
}

.member-link-data {
    position: absolute;
    width: 66px;
    height: 66px;
    top: 1rem;
    right: 1rem;
    background: #f4f4f4;
    border-radius: 50%;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .member-link-data a {
        color: var(--blue) !important;
    }

.questionario {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 1rem;
    border-bottom: 1px solid #e1e1e1;
}

.data-quest {
    display: flex;
    flex-direction: column;
}

.title-quest {
    color: var(--blue);
    font-size: 1.5rem;
}

.module-quest {
    color: #9e9e9e;
    font-size: 1rem;
}

.data-classificacao, .data-links {
    /*background: #ffffff;*/
    width: 86px;
    height: 86px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    border-radius: 50%;
}

    .data-links a {
        font-size: 3rem;
    }

.btn-send.colorWhite:hover {
    color: #ffffff !important;
}
/*********************************************/
/***  12. Registration Event Form          ***/
/*********************************************/
.form-group.item-price.bg-blue-v2 {
    background: #d6f1ec;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

.item-price.bg-blue, .item-price:hover * {
    color: #ffffff;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
}

.form-group.item-price:hover,
.form-group.item-price.bg-blue {
    background-color: #88d2c5;
}

.item-price:nth-child(even) {
    border-right: 0px solid #ffffff !important;
}

.btn-price {
    background-color: #88d2c5;
    border-color: #54c1ae;
    box-shadow: 0 0 0 0rem rgb(38 143 255 / 50%)
}

    .btn-price:hover, .btn-price:active, .btn-price.active, .btn-price:focus,
    .btn-price:not(:disabled):not(.disabled):active {
        background-color: #54c1ae;
        border-color: #3d9081;
        box-shadow: 0 0 0 0rem rgb(38 143 255 / 50%)
    }

.title-price {
    color: #54c1ae;
}

.item-price.bg-blue .title-price,
.item-price.bg-blue-v2:hover .title-price,
.item-price:hover .item-val-price,
.item-price.bg-blue .item-val-price {
    color: #FFFFFF !important;
}

.item-price .item-val-price {
    color: #54c1ae;
}

.hide {
    height: 0;
    opacity: 0;
    display: none;
}
/*********************************************/
/***  12. LOADER                           ***/
/*********************************************/
.preloader {
    background-color: #f7f7f7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    margin: 0 auto
}

    .preloader .preloader-circle {
        width: 100px;
        height: 100px;
        position: relative;
        border-style: solid;
        border-width: 1px;
        border-top-color: #8acec3;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        z-index: 10;
        border-radius: 50%;
        -webkit-box-shadow: 0 1px 5px 0 rgba(35,181,185,0.15);
        box-shadow: 0 1px 5px 0 rgba(35,181,185,0.15);
        background-color: #fff;
        -webkit-animation: zoom 3000ms infinite ease;
        animation: zoom 3000ms infinite ease;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s;
    }

    .preloader .preloader-circle2 {
        border-top-color: #0078ff
    }

    .preloader .preloader-img {
        position: absolute;
        top: 50%;
        z-index: 200;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        display: inline-block;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding-top: 6px;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

        .preloader .preloader-img img {
            max-width: 55px;
            -webkit-animation: zoom 4000ms infinite ease;
            animation: zoom 4000ms infinite ease;
        }

    .preloader .pere-text strong {
        font-weight: 800;
        color: #dca73a;
        text-transform: uppercase
    }

@-webkit-keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }
}

@keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }
}


/*********************************************/
/***  13. Footer                           ***/
/*********************************************/

footer.footer-section {
    position: relative;
    width: 100%;
    bottom: 0;
    background: #00A2B5;
}

.footer .container {
    padding: 40px 0;
    text-align: center;
}

.footer p {
    font-size: 1.28571em;
    color: #010101;
    font-weight: 300;
}

.footer a {
    color: #ffffff;
    text-decoration: none;
}

/*FOOTER*/
.footer-line {
    color: #FFF;
    font-size: 12px;
    line-height: 12px;
}

    .footer-line ul {
        margin: .5rem 0;
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: flex-start;
        overflow: hidden;
    }

        .footer-line ul.redes-sociais {
            padding: .5rem 0;
            margin: 0;
        }

        .footer-line ul li {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .footer-line ul.menu-footer li a {
            padding: 0.5rem;
            font-weight: 400;
        }

        .footer-line ul.menu-footer li a {
            font-size: 14px;
            text-decoration: none;
            line-height: 20px;
        }

    .footer-line .bordertop {
        border-top: 1px solid #57b6c1;
    }


    .footer-line a {
        color: #FFF;
        text-decoration: none;
    }


.redes-sociais {
    list-style: none;
    padding: .5rem 0;
    margin: 0;
}

.redes-sociais {
    list-style: none;
    padding: .5rem 0;
    margin: 0;
}

    .redes-sociais a {
        font-size: 22px;
        line-height: 24px;
        margin: 0 .5rem 0 .5rem;
    }

/*********************************************/
/***  14. Forms                            ***/
/*********************************************/
.bg-form {
    padding: 2rem;
    background: #ffffff;
    box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.2);
}

.form-title, .form-title-2, .item-title {
    font-size: 2rem;
    line-height: 2.2rem;
    margin: 0 0 1rem;
}

    .form-title h3, .form-title-2, .item-title {
        padding: 0px 0px 1rem;
        border-bottom: 1px solid #e1e1e1;
    }

.form-title-2, .item-title {
    font-size: 1.4rem;
}

.btn-send {
    padding: .5rem 2rem;
    background-color: var(--green);
    border: 0px solid #ffffff;
    font-size: 1.1rem;
}

.btn-send-blue {
    padding: .5rem 2rem;
    background-color: var(--blue);
    border: 0px solid #ffffff;
    font-size: 1.1rem;
}

.btn-minwidth-50 {
    min-width: 50%;
}

.btn-other-form-login {
    position: relative;
    color: var(--blue);
    text-decoration: none;
    padding: 0;
    margin: 0rem auto;
    display: inline-block;
}

    .btn-other-form-login:hover {
        position: relative;
        color: var(--green);
        text-decoration: none;
    }

.contact-form p.error, .contact-form p.message, .validation-summary-errors {
    text-transform: none;
    font-size: 1em;
    margin: 0;
}

.validation-summary-errors {
    margin: 0;
    width: 100%;
}

    .validation-summary-errors ul {
        margin: 0;
        padding: 9;
    }

.contact-form p.error.active {
    padding: 10px;
    background: #fef0f0;
    color: #ea0001;
    border: 3px solid #f8b2b2;
}

.validation-summary-errors ul {
    list-style: none;
}


.custom-control-input {
    z-index: 9999;
}


/*********************************************/
/***  15. Objects                          ***/
/*********************************************/
.map {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1;
    min-height: 420px;
    overflow: hidden;
    box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.2);
}

    .map iframe {
        position: absolute;
        width: 125%;
        height: calc(100% + 60px);
        top: -60px;
        left: 0;
    }


.btn-send:hover, .btn-send:focus,
.btn-send.active, .btn-send:active,
.btn-send:not(:disabled):not(.disabled):active {
    background-color: #00a2b5;
    border: 0px solid #ffffff;
    box-shadow: 0 0 0 0rem rgba(38,143,255,0) !important;
}

.btn-send-blue:hover, .btn-send-blue:focus,
.btn-send-blue.active, .btn-send-blue:active,
.btn-send-blue:not(:disabled):not(.disabled):active {
    background-color: #afcb64;
    border: 0px solid #ffffff;
    box-shadow: 0 0 0 0rem rgba(38,143,255,0) !important;
}

.back {
    position: fixed;
    width: 100%;
    z-index: 99;
    margin: 0;
    bottom: -1000%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

    .back.show-top {
        bottom: 0;
    }

    .back .container {
        position: relative;
        max-width: 1180px;
    }

    .back a {
        width: 50px;
        height: 50px;
        background: #00a2b5;
        text-align: center;
        color: white;
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }

        .back a:hover {
        }

.filter-white {
    filter: brightness(0) invert(1);
}

.colorBlue {
    color: #00A2B5;
}

.colorGreen {
    color: #afcb64;
}


.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-45 {
    margin-top: 45px
}

.mt-50 {
    margin-top: 50px
}

.mt-55 {
    margin-top: 55px
}

.mt-60 {
    margin-top: 60px
}

.mt-65 {
    margin-top: 65px
}

.mt-70 {
    margin-top: 70px
}

.mt-75 {
    margin-top: 75px
}

.mt-80 {
    margin-top: 80px
}

.mt-85 {
    margin-top: 85px
}

.mt-90 {
    margin-top: 90px
}

.mt-95 {
    margin-top: 95px
}

.mt-100 {
    margin-top: 100px
}

.mt-105 {
    margin-top: 105px
}

.mt-110 {
    margin-top: 110px
}

.mt-115 {
    margin-top: 115px
}

.mt-120 {
    margin-top: 120px
}

.mt-125 {
    margin-top: 125px
}

.mt-130 {
    margin-top: 130px
}

.mt-135 {
    margin-top: 135px
}

.mt-140 {
    margin-top: 140px
}

.mt-145 {
    margin-top: 145px
}

.mt-150 {
    margin-top: 150px
}

.mt-155 {
    margin-top: 155px
}

.mt-160 {
    margin-top: 160px
}

.mt-165 {
    margin-top: 165px
}

.mt-170 {
    margin-top: 170px
}

.mt-175 {
    margin-top: 175px
}

.mt-180 {
    margin-top: 180px
}

.mt-185 {
    margin-top: 185px
}

.mt-190 {
    margin-top: 190px
}

.mt-195 {
    margin-top: 195px
}

.mt-200 {
    margin-top: 200px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-55 {
    margin-bottom: 55px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-65 {
    margin-bottom: 65px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-75 {
    margin-bottom: 75px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-85 {
    margin-bottom: 85px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-95 {
    margin-bottom: 95px
}

.mb-100 {
    margin-bottom: 100px
}

.mb-105 {
    margin-bottom: 105px
}

.mb-110 {
    margin-bottom: 110px
}

.mb-115 {
    margin-bottom: 115px
}

.mb-120 {
    margin-bottom: 120px
}

.mb-125 {
    margin-bottom: 125px
}

.mb-130 {
    margin-bottom: 130px
}

.mb-135 {
    margin-bottom: 135px
}

.mb-140 {
    margin-bottom: 140px
}

.mb-145 {
    margin-bottom: 145px
}

.mb-150 {
    margin-bottom: 150px
}

.mb-155 {
    margin-bottom: 155px
}

.mb-160 {
    margin-bottom: 160px
}

.mb-165 {
    margin-bottom: 165px
}

.mb-170 {
    margin-bottom: 170px
}

.mb-175 {
    margin-bottom: 175px
}

.mb-180 {
    margin-bottom: 180px
}

.mb-185 {
    margin-bottom: 185px
}

.mb-190 {
    margin-bottom: 190px
}

.mb-195 {
    margin-bottom: 195px
}

.mb-200 {
    margin-bottom: 200px
}

.ml-5 {
    margin-left: 5px
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-25 {
    margin-left: 25px
}

.ml-30 {
    margin-left: 30px
}

.ml-35 {
    margin-left: 35px
}

.ml-40 {
    margin-left: 40px
}

.ml-45 {
    margin-left: 45px
}

.ml-50 {
    margin-left: 50px
}

.ml-55 {
    margin-left: 55px
}

.ml-60 {
    margin-left: 60px
}

.ml-65 {
    margin-left: 65px
}

.ml-70 {
    margin-left: 70px
}

.ml-75 {
    margin-left: 75px
}

.ml-80 {
    margin-left: 80px
}

.ml-85 {
    margin-left: 85px
}

.ml-90 {
    margin-left: 90px
}

.ml-95 {
    margin-left: 95px
}

.ml-100 {
    margin-left: 100px
}

.ml-105 {
    margin-left: 105px
}

.ml-110 {
    margin-left: 110px
}

.ml-115 {
    margin-left: 115px
}

.ml-120 {
    margin-left: 120px
}

.ml-125 {
    margin-left: 125px
}

.ml-130 {
    margin-left: 130px
}

.ml-135 {
    margin-left: 135px
}

.ml-140 {
    margin-left: 140px
}

.ml-145 {
    margin-left: 145px
}

.ml-150 {
    margin-left: 150px
}

.ml-155 {
    margin-left: 155px
}

.ml-160 {
    margin-left: 160px
}

.ml-165 {
    margin-left: 165px
}

.ml-170 {
    margin-left: 170px
}

.ml-175 {
    margin-left: 175px
}

.ml-180 {
    margin-left: 180px
}

.ml-185 {
    margin-left: 185px
}

.ml-190 {
    margin-left: 190px
}

.ml-195 {
    margin-left: 195px
}

.ml-200 {
    margin-left: 200px
}

.mr-5 {
    margin-right: 5px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-25 {
    margin-right: 25px
}

.mr-30 {
    margin-right: 30px
}

.mr-35 {
    margin-right: 35px
}

.mr-40 {
    margin-right: 40px
}

.mr-45 {
    margin-right: 45px
}

.mr-50 {
    margin-right: 50px
}

.mr-55 {
    margin-right: 55px
}

.mr-60 {
    margin-right: 60px
}

.mr-65 {
    margin-right: 65px
}

.mr-70 {
    margin-right: 70px
}

.mr-75 {
    margin-right: 75px
}

.mr-80 {
    margin-right: 80px
}

.mr-85 {
    margin-right: 85px
}

.mr-90 {
    margin-right: 90px
}

.mr-95 {
    margin-right: 95px
}

.mr-100 {
    margin-right: 100px
}

.mr-105 {
    margin-right: 105px
}

.mr-110 {
    margin-right: 110px
}

.mr-115 {
    margin-right: 115px
}

.mr-120 {
    margin-right: 120px
}

.mr-125 {
    margin-right: 125px
}

.mr-130 {
    margin-right: 130px
}

.mr-135 {
    margin-right: 135px
}

.mr-140 {
    margin-right: 140px
}

.mr-145 {
    margin-right: 145px
}

.mr-150 {
    margin-right: 150px
}

.mr-155 {
    margin-right: 155px
}

.mr-160 {
    margin-right: 160px
}

.mr-165 {
    margin-right: 165px
}

.mr-170 {
    margin-right: 170px
}

.mr-175 {
    margin-right: 175px
}

.mr-180 {
    margin-right: 180px
}

.mr-185 {
    margin-right: 185px
}

.mr-190 {
    margin-right: 190px
}

.mr-195 {
    margin-right: 195px
}

.mr-200 {
    margin-right: 200px
}

.pt-5 {
    padding-top: 5px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-35 {
    padding-top: 35px
}

.pt-40 {
    padding-top: 40px
}

.pt-45 {
    padding-top: 45px
}

.pt-50 {
    padding-top: 50px
}

.pt-55 {
    padding-top: 55px
}

.pt-60 {
    padding-top: 60px
}

.pt-65 {
    padding-top: 65px
}

.pt-70 {
    padding-top: 70px
}

.pt-75 {
    padding-top: 75px
}

.pt-80 {
    padding-top: 80px
}

.pt-85 {
    padding-top: 85px
}

.pt-90 {
    padding-top: 90px
}

.pt-95 {
    padding-top: 95px
}

.pt-100 {
    padding-top: 100px
}

.pt-105 {
    padding-top: 105px
}

.pt-110 {
    padding-top: 110px
}

.pt-115 {
    padding-top: 115px
}

.pt-120 {
    padding-top: 120px
}

.pt-125 {
    padding-top: 125px
}

.pt-130 {
    padding-top: 130px
}

.pt-135 {
    padding-top: 135px
}

.pt-140 {
    padding-top: 140px
}

.pt-145 {
    padding-top: 145px
}

.pt-150 {
    padding-top: 150px
}

.pt-155 {
    padding-top: 155px
}

.pt-160 {
    padding-top: 160px
}

.pt-165 {
    padding-top: 165px
}

.pt-170 {
    padding-top: 170px
}

.pt-175 {
    padding-top: 175px
}

.pt-180 {
    padding-top: 180px
}

.pt-185 {
    padding-top: 185px
}

.pt-190 {
    padding-top: 190px
}

.pt-195 {
    padding-top: 195px
}

.pt-200 {
    padding-top: 200px
}

.pt-260 {
    padding-top: 260px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-35 {
    padding-bottom: 35px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-45 {
    padding-bottom: 45px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-55 {
    padding-bottom: 55px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-65 {
    padding-bottom: 65px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-75 {
    padding-bottom: 75px
}

.pb-80 {
    padding-bottom: 80px
}

.pb-85 {
    padding-bottom: 85px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-95 {
    padding-bottom: 95px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-105 {
    padding-bottom: 105px
}

.pb-110 {
    padding-bottom: 110px
}

.pb-115 {
    padding-bottom: 115px
}

.pb-120 {
    padding-bottom: 120px
}

.pb-125 {
    padding-bottom: 125px
}

.pb-130 {
    padding-bottom: 130px
}

.pb-135 {
    padding-bottom: 135px
}

.pb-140 {
    padding-bottom: 140px
}

.pb-145 {
    padding-bottom: 145px
}

.pb-150 {
    padding-bottom: 150px
}

.pb-155 {
    padding-bottom: 155px
}

.pb-160 {
    padding-bottom: 160px
}

.pb-165 {
    padding-bottom: 165px
}

.pb-170 {
    padding-bottom: 170px
}

.pb-175 {
    padding-bottom: 175px
}

.pb-180 {
    padding-bottom: 180px
}

.pb-185 {
    padding-bottom: 185px
}

.pb-190 {
    padding-bottom: 190px
}

.pb-195 {
    padding-bottom: 195px
}

.pb-200 {
    padding-bottom: 200px
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-25 {
    padding-left: 25px
}

.pl-30 {
    padding-left: 30px
}

.pl-35 {
    padding-left: 35px
}

.pl-40 {
    padding-left: 40px
}

.pl-45 {
    padding-left: 45px
}

.pl-50 {
    padding-left: 50px
}

.pl-55 {
    padding-left: 55px
}

.pl-60 {
    padding-left: 60px
}

.pl-65 {
    padding-left: 65px
}

.pl-70 {
    padding-left: 70px
}

.pl-75 {
    padding-left: 75px
}

.pl-80 {
    padding-left: 80px
}

.pl-85 {
    padding-left: 85px
}

.pl-90 {
    padding-left: 90px
}

.pl-95 {
    padding-left: 95px
}

.pl-100 {
    padding-left: 100px
}

.pl-105 {
    padding-left: 105px
}

.pl-110 {
    padding-left: 110px
}

.pl-115 {
    padding-left: 115px
}

.pl-120 {
    padding-left: 120px
}

.pl-125 {
    padding-left: 125px
}

.pl-130 {
    padding-left: 130px
}

.pl-135 {
    padding-left: 135px
}

.pl-140 {
    padding-left: 140px
}

.pl-145 {
    padding-left: 145px
}

.pl-150 {
    padding-left: 150px
}

.pl-155 {
    padding-left: 155px
}

.pl-160 {
    padding-left: 160px
}

.pl-165 {
    padding-left: 165px
}

.pl-170 {
    padding-left: 170px
}

.pl-175 {
    padding-left: 175px
}

.pl-180 {
    padding-left: 180px
}

.pl-185 {
    padding-left: 185px
}

.pl-190 {
    padding-left: 190px
}

.pl-195 {
    padding-left: 195px
}

.pl-200 {
    padding-left: 200px
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-25 {
    padding-right: 25px
}

.pr-30 {
    padding-right: 30px
}

.pr-35 {
    padding-right: 35px
}

.pr-40 {
    padding-right: 40px
}

.pr-45 {
    padding-right: 45px
}

.pr-50 {
    padding-right: 50px
}

.pr-55 {
    padding-right: 55px
}

.pr-60 {
    padding-right: 60px
}

.pr-65 {
    padding-right: 65px
}

.pr-70 {
    padding-right: 70px
}

.pr-75 {
    padding-right: 75px
}

.pr-80 {
    padding-right: 80px
}

.pr-85 {
    padding-right: 85px
}

.pr-90 {
    padding-right: 90px
}

.pr-95 {
    padding-right: 95px
}

.pr-100 {
    padding-right: 100px
}

.pr-105 {
    padding-right: 105px
}

.pr-110 {
    padding-right: 110px
}

.pr-115 {
    padding-right: 115px
}

.pr-120 {
    padding-right: 120px
}

.pr-125 {
    padding-right: 125px
}

.pr-130 {
    padding-right: 130px
}

.pr-135 {
    padding-right: 135px
}

.pr-140 {
    padding-right: 140px
}

.pr-145 {
    padding-right: 145px
}

.pr-150 {
    padding-right: 150px
}

.pr-155 {
    padding-right: 155px
}

.pr-160 {
    padding-right: 160px
}

.pr-165 {
    padding-right: 165px
}

.pr-170 {
    padding-right: 170px
}

.pr-175 {
    padding-right: 175px
}

.pr-180 {
    padding-right: 180px
}

.pr-185 {
    padding-right: 185px
}

.pr-190 {
    padding-right: 190px
}

.pr-195 {
    padding-right: 195px
}

.pr-200 {
    padding-right: 200px
}