/*html, body {
    overflow-x: hidden;
}*/

body {
    position: relative;
    font-family: 'Barlow', sans-serif;
    margin: 0 !important;
    overflow-x: hidden;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #d6d6d6;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #d4d3d3;
    }

.navbar {
    overflow: hidden;
}

.navbar {
    position: unset;
}

    .navbar a {
        float: left;
        font-size: 16px;
        color: white !important;
        text-align: left;
        padding: 14px 16px;
        text-decoration: none;
    }

.dropdown {
    float: left;
    overflow: hidden;
}

    .dropdown .dropbtn {
        font-size: 16px;
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

.image-qren {
    height: 65px !important;
}

.sumario p {
    text-align: left !important;
    line-height: 20px !important;
}

.image-about {
    max-width: 100%;
}

.content-details p {
    line-height: 20px !important;
}

.dropdown-content {
    position: absolute;
    margin-left: 10px;
    border-radius: 13px;
    background-color: #f9f9f9;
    min-width: 160px;
    /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
    z-index: 1;
}

    .dropdown-content a {
        float: none;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.icone-open-news {
    color: #3fa6db;
}

.pr-large-line {
    width: 110px;
    margin-top: 20px;
    height: 15px;
    background-image: linear-gradient(to right, #40a7db, #11e2cb);
    border-radius: 12px;
}

.h1, h1 {
    font-size: 18px;
    font-family: 'Barlow', sans-serif !Important;
}

.swal2-popup {
    background-color: #141414 !important;
    border-radius: 25px !important;
}

.swal2-title {
    color: white !important;
}

.swal2-content {
    color: white !important;
}

.pr-line {
    margin-top: 7px;
    width: 30%;
    height: 3px;
    border-radius: 100px;
    background-color: #11e2cb;
    animation-name: prline-animation;
    animation-duration: 2s;
}

@keyframes prline-animation {
    from {
        width: 0%;
    }

    to {
        width: 30%;
    }
}

.btn {
    background-color: #423E3D;
    color: white !important;
    transition: .14s ease-out;
}

    .btn:hover {
        background-color: #3fa6db;
        color: white !important;
    }

p {
    line-height: 20px;
}

.icone-open-news {
    position: absolute;
    bottom: 8px;
    right: 27px;
    font-size: 20px;
}

.pr-fullnavbar {
    width: 100%;
    position: absolute;
    z-index: 99999;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transition: background-color ease-in 0.14s;
}

.pr-navbar {
    padding-top: 25px;
    padding-bottom: 25px;
}

.border-image > img {
    border-radius: 10px;
}

.pr-menu-option {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 15px;
    cursor: pointer;
    text-decoration: none !important;
    color: #fff;
    text-transform: uppercase;
    transition: 0.14s ease-out;
}

.pr-tickets {
    position: fixed;
    right: -76px;
    top: 445px;
    z-index: 9999;
    transform: rotate(-90deg);
}

.pr-ticket {
    background-image: linear-gradient(to right, #40a6dc, #11e2cb);
    font-size: 15px;
    text-transform: uppercase;
    color: white;
    border-radius: 10px 10px 0px 0px;
    outline: 0;
    font-weight: bold;
    border: 0 !important;
    margin: 0 !important;
    opacity: 0.8;
    padding: 10px;
    transition: .14s ease-out;
}

    .pr-ticket:hover {
        opacity: 1;
    }

.segmented-pages {
    margin: 20px;
    margin-top: 70px;
}

.segmented-link {
    font-size: 10.5px;
    display: inline-flex;
    padding: 10px 0px 10px 20px;
    color: #000;
    text-decoration: none;
    border-left: 2px solid #d4d4d4;
    transition: .14s ease-out;
}

    .segmented-link:hover {
        color: #000 !important;
        border-left: 2px solid black;
        font-weight: bold;
    }

.sub-segmented-links {
    display: none;
}

.sub-segmented-link {
    padding-left: 40px;
}

img {
    max-width: 100%;
}

.pr-menu-option-line {
    width: 0%;
    background-color: white;
    height: 2.4px;
    border-radius: 20px;
}

.pr-menu-option-box {
    padding-right: 35px;
}

.pr-button {
    padding-left: 20px;
    padding-right: 20px;
    border: 1.5px solid white;
    text-decoration: none !important;
    border-radius: 3px;
    color: white;
    padding-top: 3px;
    font-weight: 600;
    padding-bottom: 5px;
    transition: background-color 0.14s ease-out;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.pr-form-input {
    border: 2px solid #fff !important;
    outline: unset !important;
    padding: 10px 15px 13px 10px !important;
    text-indent: 21px;
    background-color: transparent !important;
    box-shadow: unset !important;
    border-radius: 80px !important;
    color: #fff !important;
    font-size: 14px !important;
}

    .pr-form-input::placeholder {
        color: #fff !important;
        text-transform: lowercase !important;
        font-size: 14px;
    }

.ft-submit {
    padding: 7px 20px 8px 20px;
    border-radius: 15px;
    background-color: transparent !important;
    font-size: 13px;
    transition: .14s ease-out;
    text-decoration: none !important;
    border: 2px solid #F1E014;
    color: #fff !important;
    text-transform: lowercase;
    font-weight: 700;
    font-family: 'Barlow', sans-serif;
}

.ca-color-icon {
    --value: 30px;
    cursor: pointer;
    width: var(--value);
    height: var(--value);
    margin-bottom: 20px;
    display: inline-block;
}

.ca-color-icon-co {
    width: 40px;
    height: 30px;
    border: 1px solid black;
    border-radius: 5px;
    display: none;
    cursor: pointer;
}

.logos-footer {
    display: inline-block;
    height: 100%;
    object-fit: contain;
    vertical-align: middle;
}

.logo {
    margin: 20px 60px;
    max-width: 230px;
}

.mobile-logo {
    display: none;
}

.ft-submit:hover {
    background-color: transparent !important;
    color: #F1E014 !important;
}

.ft-icon {
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    transition: .14s ease-out;
    padding-right: 10px;
}

    .ft-icon:hover {
        color: #15DBCE;
    }

.pr-form-button {
    /* border: 1px solid gray !important; */
    box-shadow: unset !important;
    border-radius: 3px !important;
    background-color: #3fa6db;
    color: white !important;
    transition: 0.14s ease-out;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

    .pr-form-button:hover {
        background-color: #464646 !important;
    }

.pr-footer {
    padding: 10px;
    color: white;
    background: linear-gradient(to right, #9FC53C, #14BCC4);
    text-align: center;
    font-size: 12px;
}

.pr-button:hover {
    background-color: white;
    color: black;
}

.pr-dropdown-content-option {
    color: white !important;
}

.buttonBack {
    transition: 0.14s ease-out;
    padding: 5px 10px 5px 10px;
    color: white !important;
    border: 2px solid #7b7b7b;
    background-color: #7b7b7b;
    border-radius: 10px 0px 10px 0px;
    cursor: pointer;
    user-select: none;
}

#mainImage {
    cursor: pointer;
}

.arrows {
    cursor: pointer;
    opacity: 0.8;
    transition: .14s ease-out;
}

    .arrows:hover {
        opacity: 1;
    }

.photos-modal {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 705px;
    padding: 10px;
    margin: auto;
    z-index: 999999;
}

.buttonBack:hover {
    background-color: #ffffff;
    color: black !important;
}

.pr-dropdown-content {
    display: none;
    background-color: rgba(4, 4, 4, 0.8);
    width: auto;
    z-index: 9999;
    position: absolute;
    margin-top: 25px;
}

.pr-project-content {
    border-radius: 0px 0px 10px 10px;
    padding: 30px !important;
    background-color: #ffffff !important;
    color: #151515 !important;
    transition: 0.14s ease-out;
}

.photos-header {
    background-color: white;
    padding: 10px;
}

.pr-button-project {
    border: 2px solid #151515;
    color: #151515 !important;
    background-color: transparent !important;
    transition: 0.14s ease-out;
}

    .pr-button-project:hover {
        background-color: #151515 !important;
        color: white !important;
    }

.pr-project-photo {
    border-radius: 10px 10px 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.slideCircle {
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.14s ease-out;
}

.searchButton {
    position: absolute;
    left: 178px;
    background-color: unset;
    top: -3px;
}

.slideCircle:hover {
    background-color: #838383;
}

.dots-list {
    padding: 0 !important;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 25px;
}

.pr-highlight-project:hover > .pr-button-project {
    border: 2px solid white !important;
    color: white !important;
}

.pr-highlight-project {
    margin-bottom: 25px;
}

.pr-arrow-left {
    left: 105px;
    position: absolute;
}

.pr-arrow-right {
    right: 120px;
    position: absolute;
}

.pr-arrow {
    padding: 10px;
    border-radius: 100px;
    cursor: pointer;
    transition: 0.14s ease-out;
    opacity: 0.7;
}

    .pr-arrow:hover {
        opacity: 1;
    }

.pr-slide-h1 {
    line-height: 1.1;
    font-size: 50px;
    font-family: 'Offside', cursive !important;
    color: white;
}

h1 {
    font-family: 'Barlow', sans-serif !Important;
}

.pr-slide {
    width: 85%;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.pr-arrows {
    display: none;
    position: absolute;
    width: 100%;
    top: 300px;
}

.pr-dropdown-content-option {
    padding: 6px;
    cursor: pointer;
    transition: 0.14s ease-out;
    padding: 6px 17px;
    background-color: #20bed8;
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
}

    .pr-dropdown-content-option:hover {
        background-color: #b3c729;
        border-left: 0px;
    }

    .pr-dropdown-content-option > a {
        text-decoration: none !important;
        color: #fff;
    }

    .pr-dropdown-content-option a:hover {
        color: #fff;
    }

.col-lg-2 {
    max-width: 19.66666%;
}

.pr-menu-options-mb {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
}

.pr-navbar-mb {
    display: none;
}

.nav-link {
    color: white !important;
}

.searchBox {
    top: -15px;
    position: absolute;
    right: 36px;
}

.pr-dropdown-menu {
    display: none;
}

.SearchCampo {
    text-indent: 10px;
    border-radius: 3px;
    border: 1px solid white;
    font-size: 14px;
    padding: 0px;
    outline: none !important;
}

.searchButton {
    cursor: pointer;
    padding: 8.5px;
}

.languages {
    text-align: right;
    color: white;
}

.language-text {
    color: white;
    text-decoration: none !important;
    transition: 0.14s ease-out;
}

    .language-text:hover {
        color: #e8e8e8;
    }

.languages > a:hover {
    color: lightgray;
}

.pr-button-project-menu {
    color: white !important;
    margin-bottom: 0 !important;
}

.link-linguagem-mb {
    padding: 0 8px !important;
    float: right !important;
}

.navbar {
    padding: 0px 11px !important;
}

.footer-bar {
    background-color: #2c2c2c;
    padding: 12px 0px;
}

.footer-content {
    background-color: #f5f5f5;
    padding-top: 3px;
}

.owl-buttons {
    margin-top: -20px;
}

.ca-coloradd {
    cursor: pointer;
    height: 50px;
    opacity: 0.7;
    transition: .14s ease-out;
}

.ca-colorpicker {
    background-color: #fff;
    z-index: 9999;
    border-radius: 20px;
    box-shadow: 0px 0px 300px -77px #000000;
    position: fixed;
    right: -100%;
    top: 120px;
    width: 600px;
    padding: 15px 30px;
}

.copyright {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.footer-title {
    color: #252525;
    font-family: 'Barlow', sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-weight: 600;
}

.input-newsletter {
    font-family: 'Barlow', sans-serif;
    width: 100%;
    padding: 10px;
    background-color: #333333;
    outline: none;
    border: 0;
    color: white;
}

.submit-newsletter {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: absolute;
    border-radius: 0px !important;
    background-color: #3fa6db;
    text-transform: uppercase;
    top: -50px;
    border: 0;
    height: 40px;
    right: 15px;
    font-weight: bold;
    color: white;
    font-family: 'Barlow', sans-serif;
    transition: .14s ease-out;
    outline: none !important;
}

    .submit-newsletter:hover {
        background-color: #ffffff;
        color: #3fa6db;
    }

a {
    color: #181817 !important;
}

    a:focus, a:hover {
        color: #c7373c !important;
    }

.item-footer {
    color: black !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px !important;
    text-decoration: none !important;
}

    .item-footer:hover {
        color: #000 !important;
    }

.nav-item {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Barlow', sans-serif;
    font-size: 25px;
}

.mobile-navbar {
    display: none;
    z-index: 99999999;
    position: fixed;
    background-color: #313945;
    top: 88px;
    width: 100%;
}

    .mobile-navbar > li {
        margin-bottom: 15px;
    }

    .mobile-navbar > .navbar-nav {
        padding-top: 20px;
        margin: 0 !important;
        padding-bottom: 36px;
    }



    .mobile-navbar > ul {
        padding-right: 15px !important;
        padding-left: 15px !important;
        list-style: none !important;
    }

.funkyradio div {
    clear: both;
    overflow: hidden;
}

.funkyradio label {
    width: 100%;
    border-radius: 3px;
    font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
    display: none;
}

    .funkyradio input[type="radio"]:empty ~ label,
    .funkyradio input[type="checkbox"]:empty ~ label {
        position: relative;
        line-height: 2.5em;
        text-indent: 3.25em;
        margin-top: 1em;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .funkyradio input[type="radio"]:empty ~ label:before,
        .funkyradio input[type="checkbox"]:empty ~ label:before {
            position: absolute;
            display: block;
            top: 0;
            bottom: 0;
            left: 0;
            content: '';
            width: 2.5em;
            background: #D1D3D4;
            border-radius: 3px 0 0 3px;
        }

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}

    .funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
    .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
        content: '\2714';
        text-indent: .9em;
        color: #C2C2C2;
    }

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
    color: #777;
}

    .funkyradio input[type="radio"]:checked ~ label:before,
    .funkyradio input[type="checkbox"]:checked ~ label:before {
        content: '\2714';
        text-indent: .9em;
        color: #333;
        background-color: #ccc;
    }

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}

.box-option {
    cursor: pointer;
}

    .box-option h1 {
        border-bottom: 3px solid lightgray;
        padding-bottom: 15px;
        font-family: 'Barlow', sans-serif;
    }

.pr-account-bar {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #f3f3f3;
    z-index: 99999;
}

.pr-account-button {
    float: right;
    padding: 7px;
    font-size: 15px;
    font-style: italic;
    font-family: 'Barlow', sans-serif;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #afc72c;
    transition: .14s ease-out;
}

    .pr-account-button:focus {
        color: white !important;
    }

    .pr-account-button:hover {
        color: white !important;
        background-color: #20bed8;
    }

.pr-settings {
    z-index: 9;
    background-color: #afc72c;
    position: absolute;
    right: 0;
    top: 35px;
    width: 160px;
    display: none;
}

.link-pagination {
    background-color: #f1e014;
    color: #fff !important;
    border-radius: 4px;
    padding: 0px 10px;
    cursor: pointer;
}

    .link-pagination:hover {
        color: #fff !important;
    }

.pr-box-news {
    cursor: default !important;
}

.ca-button {
    float: right;
    margin-top: -49px;
    background-color: #F1E014;
    color: #fff;
    font-size: 25px;
    padding: 6px 23px;
    border: 0px;
    border-radius: 30px 0px 23px 0px;
}

.ca-menu-block {
    margin-top: -420px;
}

.ca-menu {
    position: fixed;
    right: -200px;
    top: 45px;
    z-index: 9999;
    transition: .14s ease-out;
}

.ca-coloradd {
    padding: 0px 20px 0px 0px;
}

.ca-open {
    cursor: pointer;
}

.ca-close {
    font-size: 30px;
    margin-bottom: 20px;
    cursor: pointer;
    opacity: 0.7;
    transition: .14s ease-out;
}

    .ca-close:hover {
        opacity: 1;
    }

.ca-menu-list {
    position: fixed;
    right: -100%;
    top: 0;
    padding: 52px 77px 0px 20px;
    background-color: rgb(254 254 254 / 95%);
    text-align: right;
    height: 100vh !important;
    z-index: 9999;
    width: 35%;
}

.ca-menu-link {
    font-size: 33px;
    color: #181817 !important;
    transition: .14s ease-out;
    text-decoration: none;
}

    .ca-menu-link:hover {
        font-weight: bold;
        color: #000 !important;
    }

.ca-color-codes {
    border-bottom: 1px solid lightgray;
    padding: 0px 30px;
}

.ca-color-codes-category {
    padding: 10px 10px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-radius: 22px 22px 0px 0px;
    transition: .14s ease-out;
    cursor: pointer;
}

    .ca-color-codes-category:hover {
        background-color: #2c2c2c;
        color: #fff;
    }

.ca-color-codes-values-category {
    margin-left: -1600%;
    height: 0px;
}

.ca-arrow {
    color: #fff;
    font-size: 63px;
    position: absolute;
    margin-top: -199px;
    cursor: pointer;
    opacity: .8;
    transition: .14s ease-out;
}

    .ca-arrow:hover {
        opacity: 1;
    }

.ca-back-arrow {
    left: 35px;
}

.ca-next-arrow {
    right: 35px;
}

.ca-color-image {
    object-fit: contain;
    width: 185px !important;
    height: 140px;
}

.ca-menu i {
    color: #fff;
    font-size: 55px;
    cursor: pointer;
}

.ca-button2 {
    background-color: transparent;
    border: 3px solid #F1E014;
    color: #F1E014;
    font-weight: bold;
    border-radius: 100px;
    text-transform: uppercase;
    padding: 5px 35px;
    transition: .14s ease-out;
}

    .ca-button2:hover {
        background-color: #F1E014;
        color: #fff;
    }

.ca-menu-arrow {
    transition: .14s ease-out;
    margin-top: -10px;
}

.ca-arrow-rotated {
    transform: rotate(180deg);
}

.ca-sub-menu-link {
    font-weight: 300;
    font-size: 23px;
    line-height: 28px;
}

.ca-top-button {
    position: fixed;
    right: 25px;
    bottom: 25px;
    background-color: rgb(241, 224, 20, 0.86);
    border-radius: 100px;
    cursor: pointer;
    opacity: 0.8;
    transition: .14s ease-out;
    z-index: 9999;
    display: none;
    padding: 10px;
}

    .ca-top-button:hover {
        opacity: 1;
    }

.slick-dots {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}

li {
    margin: 0 0.25rem;
}

    li > button {
        display: block;
        width: 13px;
        height: 13px;
        padding: 0;
        border: none;
        border-radius: 100px;
        background-color: #fcfbfb;
        text-indent: -9999px;
    }

    li.slick-active button {
        background-color: #f7e017;
    }

.link-projeto-destaque {
    display: block !important;
}

.overlay1 {
    background-color: rgb(0 0 0 / 60%);
    display: none;
    transition: .14s ease-out;
    position: absolute;
    top: 0;
    width: 457px;
    height: 100%;
}

.project-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
}

.btn-forms {
    background-color: #efdd67 !important;
    font-weight: bold !important;
    color: #000 !important;
    text-transform: uppercase;
    border: 1px solid #efdd67 !important;
    border-radius: 100px !important;
    box-shadow: 2px 3px 0px 0px #000;
    outline: none !important;
    display: block !important;
    margin: 0 auto !important;
}

    .btn-forms:hover {
        color: #000 !important;
    }

    .btn-forms:focus {
        box-shadow: 0px 0px 0px 0px #000 !important;
    }

.round-input {
    border: 1px solid #ededed !important;
    border-radius: 100px !important;
    box-shadow: unset !important;
    font-size: 12px !important;
}