/*1.  Default / for Grid 1200px*/

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 15, 2017 */ @font-face {
    font-family: museo_sans500;
    src: url(../fonts/museosans-webfont.woff2) format("woff2"),url(../fonts/museosans-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo_sans700;
    src: url(../fonts/museosans_0-webfont.woff2) format("woff2"),url(../fonts/museosans_0-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo_sans900;
    src: url(../fonts/museosans_1-webfont.woff2) format("woff2"),url(../fonts/museosans_1-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo_sans500_italic;
    src: url(../fonts/museosans_500_italic-webfont.woff2) format("woff2"),url(../fonts/museosans_500_italic-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo_sans100;
    src: url(../fonts/museosans-100-webfont.woff2) format("woff2"),url(../fonts/museosans-100-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo_sans100_italic;
    src: url(../fonts/museosans-100italic-webfont.woff2) format("woff2"),url(../fonts/museosans-100italic-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo_sans300;
    src: url(../fonts/museosans-300-webfont.woff2) format("woff2"),url(../fonts/museosans-300-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo_sans300_italic;
    src: url(../fonts/museosans-300italic-webfont.woff2) format("woff2"),url(../fonts/museosans-300italic-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo_sans700_italic;
    src: url(../fonts/museosans-700italic-webfont.woff2) format("woff2"),url(../fonts/museosans-700italic-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: museo_sans900_italic;
    src: url(../fonts/museosans-900italic-webfont.woff2) format("woff2"),url(../fonts/museosans-900italic-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

div {
    border: 0px solid red;
}

h3.main-title {
    font-size: 26px;
    /* font-size: 1.625rem; */
}

body {
    color: #000;
    font-family: museo_sans300;
    font-size: 16px;
}

@media only screen and (max-width:768px) {
    h1 {
        font-size: 30px;
        /*font-size: 1.875rem*/
    }

    h2 {
        font-size: 26px;
        /*font-size: 1.625rem*/
    }

    h3 {
        font-size: 19px;
        /*font-size: 1.1875rem*/
    }
}

@media only screen and (max-width:480px) {
    h2 {
        font-size: 24px;
        /* font-size: 1.5rem*/
    }
}


/* 0 - Estrutura Inner Layout - Desktop*/

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.title--main {
    margin-top: 85px;
    background: #a1ce41;
    background: linear-gradient(90deg,#24b6f4 0,#a1ce41);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24b6f4",endColorstr="#a1ce41",GradientType=1);
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

    .title--main .wrapper {
        padding: 20px 0px 20px 0px; /*Default  13px 30px 20px*/
    }

        .title--main .wrapper h2 {
            color: #fff;
            padding: 0 10px;
            font-size: 30px;
        }

h2, h3 {
    color: #2c537c;
    font-family: museo_sans300;
    font-weight: 300;
    line-height: 1em;
    letter-spacing: -.025em;
}

h3 {
    font-size: 26px;
}


/* Contact Out Team*/
.contact-our-team {
    padding: 25px 15px
}

    .contact-our-team, .contact-our-team > .description {
        box-sizing: border-box;
        display: inline-block;
        width: 100%
    }

        .contact-our-team > .description {
            font-size: 16px;
            color: #868585;
            font-family: museo_sans500;
            font-weight: 400;
            line-height: 1.6em;
            letter-spacing: -.02em;
            margin: 0;
            padding: 0 15px 0px;
            text-align: justify
        }


.contact-our-team--list {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 0 35px;
    width: 100%
}

.contact-our-team--list--item {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding: 10px 15px 0;
    position: relative;
    width: 33%;
}

    .contact-our-team--list--item .title {
        line-height: 1em;
        padding-bottom: 25px
    }

    .contact-our-team--list--item .image {
        box-sizing: border-box;
        display: inline-block;
        overflow: hidden;
        position: relative;
        width: 100%
    }

        .contact-our-team--list--item .image img {
            height: auto;
            width: 100%
        }

        .contact-our-team--list--item .image:before {
            box-sizing: border-box;
            display: inline-block;
            background: #a1ce41;
            background: linear-gradient(90deg,#a1ce41 0,#24b6f4);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a1ce41",endColorstr="#24b6f4",GradientType=1);
            content: "";
            height: 5px;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

    .contact-our-team--list--item .description {
        box-sizing: border-box;
        display: inline-block;
        float: left;
        margin: 0;
        padding: 15px 0 20px;
        width: 100%;
    }

.description strong {
    text-align: center;
    font-size: 16.5px !important;
    width: 100% !important;
}


.contact-our-team--list--item .btn-border {
    font-size: 16px;
    color: #24b6f3;
    font-family: museo_sans700;
    font-weight: 400;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #24b6f3;
    display: inline-block;
    cursor: pointer;
    letter-spacing: -.02em;
    line-height: 1em;
    padding: 8px 25px;
    text-transform: uppercase;
    transition: all .3s cubic-bezier(.05,.91,.43,.61);
    width: 100%;
    text-align: center;
}

.contact-our-team--list--item .btn-border {
    width: 100%;
    text-align: center;
    color: #fff !important;
    background-color: #24b6f3 !important;
}

.div-schedule {
    display: inline-block;
    width: 100%;
    margin: 35px 0 0 0;
}

.spn-schedule {
    font-family: museo_sans500;
    font-weight: 400;
    color: #868585;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.contact-our-team--list--item .description strong {
    box-sizing: border-box;
    display: inline-block;
    font-size: 22px;
    font-size: 1.375rem;
    color: #494949;
    font-family: museo_sans700;
    font-weight: 400;
    line-height: 1.2em
}

.contact-our-team--list--item .description span {
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    color: #868585;
    font-family: museo_sans300;
    font-weight: 400;
    line-height: 1.6em;
    padding: 5px 0 0
}

@media only screen and (max-width:992px) {
    .contact-our-team--list--item {
        height: auto !important
    }

        .contact-our-team--list--item .title {
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            white-space: nowrap
        }
}

@media only screen and (max-width:768px) {
    .contact-our-team {
        padding: 0px 20px
    }

    .contact-our-team .description {
        padding: 0;
        width: 100%;
    }

    .contact-our-team .description:first-child {
        padding: 0;
        width: 100%;
        margin: 10px auto;
    }

    .contact-our-team .description span, .contact-our-team .description strong {
        display: block
    }

    .contact-our-team--list {
        padding: 60px 0
    }

    .contact-our-team--list--item {
        padding: 10px 0 0;
        width: 100%
    }

        .contact-our-team--list--item .description strong {
            font-size: 18px;
            font-size: 1.125rem;
            padding: 15px 0
        }

        .contact-our-team--list--item .description span {
            padding: 0 0 15px
        }

        .contact-our-team--list--item .title {
            padding-bottom: 10px
        }

        .contact-our-team--list--item:first-child {
            padding-top: 0
        }
}


.btn-border {
    font-size: 16px;
    color: #24b6f3;
    font-family: museo_sans700;
    font-weight: 400;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #24b6f3;
    display: inline-block;
    cursor: pointer;
    letter-spacing: -.02em;
    line-height: 1em;
    padding: 8px 25px;
    text-transform: uppercase;
    transition: all .3s cubic-bezier(.05,.91,.43,.61);
}


/*Carta Quitação*/
.register-client--form {
    width: 43%;
    float: left;
    margin-left: 1.2886597938%;
    margin-right: 1.2886597938%;
    display: block;
    float: none;
    margin: 0 auto;
    padding: 10px 0 55px;
}

/* registerclient */

.wrapper {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /*padding-bottom: 20px;*/
    padding: 20px 0;
    float: none;
}


.input-control {
    background-color: #fff;
    float: left;
    padding: 7px 0;
    position: relative;
    width: 100%;
}

    .input-control, .input-control .text {
        box-sizing: border-box;
        display: inline-block
    }

        .input-control .text {
            font-size: 16px;
            color: #494949;
            font-family: museo_sans500;
            font-weight: 400;
            left: 15px;
            letter-spacing: -.02em;
            line-height: 1em;
            position: absolute;
            pointer-events: none;
            top: 31px;
            transition: all .3s cubic-bezier(.09,.89,.4,.88);
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            z-index: -1
        }

        .input-control.label {
            padding: 15px 0 0;
            z-index: 0;
        }

            .input-control.label .input-default:focus {
                border-color: #2c537c !important
            }

                .input-control.label .input-default:focus + .text {
                    display: none;
                    left: 0 !important;
                    top: 35px !important
                }

            .input-control.label .input-default[value=""] + .text {
                left: 15px;
                top: 31px
            }

            .input-control.label .input-default:not([value=""]) {
                border-color: #2c537c
            }

                .input-control.label .input-default:not([value=""]) + .text {
                    display: none;
                    left: 0;
                    top: 35px
                }

            .input-control.label.select-comp {
                z-index: auto !important
            }

.input-default {
    box-sizing: border-box;
    display: inline-block;
    color: #868585;
    font-weight: 400;
    background-color: transparent;
    border: 1px solid #24b6f3 !important;
    box-shadow: none;
    outline: none;
    line-height: 1em;
    padding: 13px 7px 13px 15px;
    width: 100%
}

    .input-default, .input-default.pn {
        font-size: 16px;
        font-size: 1rem;
        font-family: museo_sans500
    }

        .input-default.pn {
            color: #494949;
            font-weight: 300;
            padding-left: 15px
        }

        .input-default.full {
            width: 100%
        }

        .input-default.auto {
            width: auto
        }

.input-radio {
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    position: relative
}

    .input-radio input[type=radio] {
        display: none
    }

        .input-radio input[type=radio]:checked + span:after {
            -webkit-animation-name: zoomIn;
            animation-name: zoomIn;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
            -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            display: inline-block
        }

    .input-radio span {
        box-sizing: border-box;
        display: inline-block
    }

        .input-radio span:after, .input-radio span:before {
            box-sizing: border-box;
            display: inline-block;
            background-color: #fff;
            border: 1px solid #24b6f3;
            border-radius: 100%;
            content: "";
            height: 22px;
            left: calc(50% - 11px);
            position: absolute;
            top: calc(50% - 11px);
            width: 22px
        }

        .input-radio span:after {
            background-color: #24b6f3;
            display: none;
            height: 12px;
            left: calc(50% - 6px);
            top: calc(50% - 6px);
            width: 12px
        }


.input-default, .input-default.pn {
    font-size: 11px;
    font-size: 1rem;
    font-family: museo_sans500;
}

textarea {
    height: 240px;
    resize: none
}




.icon-document-c {
    box-sizing: border-box;
    display: inline-block;
    width: 30px;
    height: 35px;
    background-size: contain;
    background-image: url(../icons/icon-document-c.png);
    background-repeat: no-repeat;
}

.icon-burger {
    box-sizing: border-box;
    display: inline-block;
    background-image: url(../icons/sprite.png)
}

.icon-burger {
    background-position: -156px -133px;
    width: 18px;
    height: 15px
}

    .icon-burger-h, .icon-burger:hover {
        background-image: url(../icons/sprite.png);
        background-position: -121px -156px;
        width: 18px;
        height: 15px
    }

.icon-burger-h {
    box-sizing: border-box;
    display: inline-block
}

button, input[type=date], input[type=email], input[type=file], input[type=number], input[type=password], input[type=submit], input[type=tel], input[type=text], input[type=time], select, textarea {
    -webkit-appearance: none;
    border-radius: 0;
    border: none
}

input[type=date], input[type=email], input[type=file], input[type=number], input[type=password], input[type=submit], input[type=tel], input[type=text], input[type=time], select, textarea {
    border: 0;
    outline: none;
    background: transparent
}

.btn {
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    padding: 10px 20px;
    margin-right: 1%
}

.btn-default {
    font-size: 18px;
    font-size: 1.125rem;
    background-color: #ec9e23;
    border-radius: 5px;
    cursor: pointer;
    line-height: 1em;
    letter-spacing: -.02em;
    padding: 20px
}

    .btn-default, .btn-default.blue {
        color: #fff;
        font-family: museo_sans700;
        font-weight: 400
    }

        .btn-default.blue {
            font-size: 16px;
            font-size: 1rem;
            background-color: #24b6f3;
            border-radius: 2px;
            padding: 9px 10px;
            text-align: center;
            text-transform: uppercase
        }

        .btn-default.blue-min {
            font-size: 12px;
            font-size: .75rem;
            background-color: #24b6f3;
            padding: 5px 10px
        }

        .btn-default.blue-min, .btn-default.orange {
            color: #fff;
            font-family: museo_sans700;
            font-weight: 400;
            text-transform: uppercase
        }

        .btn-default.orange {
            font-size: 16px;
            font-size: 1rem;
            background-color: #ec9e23;
            border-radius: 2px;
            padding: 9px 30px;
            text-align: center;
            transition: all .3s ease-out
        }

            .btn-default.orange:hover {
                background-color: #d58d1c
            }

            .btn-default.orange.hight {
                padding: 22px 25px
            }

.btn-border {
    font-size: 16px;
    color: #24b6f3;
    font-family: museo_sans700;
    font-weight: 400;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #24b6f3;
    display: inline-block;
    cursor: pointer;
    letter-spacing: -.02em;
    line-height: 1em;
    padding: 8px 25px;
    text-transform: uppercase;
    transition: all .3s cubic-bezier(.05,.91,.43,.61)
}

    .btn-border.hight {
        padding: 21px 25px
    }

    .btn-border.active, .btn-border:hover {
        background-color: #24b6f3;
        color: #fff
    }


.body-register-client h2, .body-register-client h3 {
    color: #2c537c;
    font-family: museo_sans300;
    font-weight: 300;
    line-height: 1em;
    letter-spacing: -.025em;
    font-size: 26px;
    margin: 10px 0;
}


/*Privacy Policy*/
.privacy--policy--content--main--content {
    width: 80.7560137457% !important;
    margin-left: 1.2886597938%;
    margin-right: 1.2886597938%;
    float: none;
    margin: 0 auto;
    font-size: 14px;
    color: #5b5957;
    font-family: museo_sans300;
    font-weight: 400;
    line-height: 1.6em;
}

.privacy--policy--content--main--list {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.description {
    text-align: left;
}

.privacy--policy--list {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.privacy--policy--list--item .title {
    padding: 18px 0;
}

.privacy--policy--list--item--list--item {
    border: none;
}

    .privacy--policy--list--item--list--item, .privacy--policy--list--item--list--item .description, .privacy--policy--list--item--list--item .subtitle {
        box-sizing: border-box;
        display: inline-block;
        position: relative;
        width: 100%;
    }

        .privacy--policy--list--item--list--item .subtitle {
            font-size: 18px;
            font-size: 1.125rem;
            color: #2c537c;
            font-family: museo_sans500;
            font-weight: 400;
        }

        .privacy--policy--list--item--list--item .description {
            font-size: 16px;
            /*font-size: 1rem;*/
            color: #5b5957;
            font-family: museo_sans300;
            font-weight: 400;
            line-height: 1.6em;
            margin: 0;
            padding: 0 0 30px;
        }

.privacy--policy--list--item:first-child {
    padding-top: 0;
}

.title-description {
    font-size: 1rem !important;
    color: #5b5957 !important;
    font-family: museo_sans300 !important;
    font-weight: 400 !important;
    line-height: 1.6em !important;
}

h3 {
    /*font-size: 1.3rem;*/
    font-size: 18px;
}


.roman--list {
    list-style-type: lower-roman !important;
}

.font-size-privacypolicy {
    font-size: 26px
}

/*MyStyle*/
.icones-link img {
    width: 38px;
    margin: 10px auto;
}

.icones-link ul {
    float: left;
    list-style: none;
    text-align: center;
    width: 100%;
    margin: 80px 0;
    float: left;
    padding: 80px 0;
}

.icones-link li {
    list-style: none;
    float: left;
    width: 30%;
    height: 120px;
    border: 0px solid red;
    text-align: center;
    margin: 5px;
    line-height: 1.2;
    font-weight: 600;
    color: #2c537c;
    font-size: 13px;
}


.privacy--policy--content h3 {
    text-transform: uppercase;
    font-size: 1.3rem;
    width: 100%;
    vertical-align: middle;
    line-height: 2;
    margin-top: 30px;
    margin-bottom: 10px;
}

.privacy--policy--content p {
    font-size: 14px;
}


.title img {
    width: auto;
    max-width: 45px;
    display: block;
    height: auto;
    float: left;
    margin: 0 20px;
}


.title span {
    float: left;
    width: auto;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}

/*Segunda Via de Boleto*/


select {
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    color: #494949;
    font-family: museo_sans500;
    font-weight: 400;
    border: 1px solid #24b6f3;
    cursor: pointer;
    outline: none;
    padding: 15px 45px 15px 20px;
    position: relative;
    width: 100%;
}

#main-div-register-billet {
    padding: 10px;
}

#form-select-contact-info {
    /*Padding colocado para mobile*/
    padding: 10px;
}

    #form-select-contact-info .span-billet-contact-form {
        color: #0A3254;
        font-weight: bold;
    }


#div-addresses-form, #div-emails-form, #div-phones-form {
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px solid #24B6F4;
}

    #div-addresses-form input, #div-emails-form input, #div-phones-form input, #div-addresses-form select, #div-emails-form select, #div-phones-form select {
        margin-bottom: 15px;
    }

#sysMsg {
    font-size: 19px;
    line-height: normal;
}



@media (min-width: 768px) {
    #p-description-default {
        margin-left: 20px;
        font-size: 23px;
        /*font-weight: bold;*/
        text-align: center;
    }

    #sysMsg {
        font-size: 16px;
        line-height: normal;
    }
}

/*
 *  growl-container styles
 */

.alert {
    border-radius: 4px;
    padding: 5px;
    width: 100%;
}

.input-default {
    box-sizing: border-box;
    display: inline-block;
    color: #868585;
    font-weight: 400;
    background-color: transparent;
    border: 1 px solid #24b6f3 !important;
    box-shadow: none;
    outline: none;
    line-height: 1em;
    padding: 13px 7px 13px 15px;
    width: 100%;
}

.growl-container.growl-fixed {
    position: fixed;
    float: right;
    width: 90%;
    max-width: 400px;
    z-index: 9999;
}

    .growl-container.growl-fixed.top-right {
        top: 10px;
        right: 15px;
    }

    .growl-container.growl-fixed.bottom-right {
        bottom: 10px;
        right: 15px;
    }

    .growl-container.growl-fixed.middle-right {
        top: 49%;
        right: 15px;
    }

    .growl-container.growl-fixed.top-left {
        top: 10px;
        left: 15px;
    }

    .growl-container.growl-fixed.bottom-left {
        bottom: 10px;
        left: 15px;
    }

    .growl-container.growl-fixed.middle-left {
        top: 49%;
        left: 15px;
    }

    .growl-container.growl-fixed.top-center {
        top: 10px;
        left: 50%;
        margin-left: -200px;
    }

    .growl-container.growl-fixed.bottom-center {
        bottom: 10px;
        left: 50%;
        margin-left: -200px;
    }

    .growl-container.growl-fixed.middle-center {
        top: 49%;
        left: 50%;
        margin-left: -200px;
    }

/*
 * growl-item styles
 */
.growl-container > .growl-item {
    padding: 10px;
    padding-right: 35px;
    margin-bottom: 10px;
    cursor: pointer;
}

.growl-container > button {
    border: none;
    outline: none;
}

.growl-container > .growl-item.ng-enter,
.growl-container > .growl-item.ng-leave {
    -webkit-transition: 0.5s linear all;
    -moz-transition: 0.5s linear all;
    -o-transition: 0.5s linear all;
    transition: 0.5s linear all;
}

    .growl-container > .growl-item.ng-enter,
    .growl-container > .growl-item.ng-leave.ng-leave-active {
        opacity: 0;
    }

        .growl-container > .growl-item.ng-leave,
        .growl-container > .growl-item.ng-enter.ng-enter-active {
            opacity: 1;
        }

.growl-container > div.growl-item {
    background-position: 12px center;
    background-repeat: no-repeat;
}

/*
 * growl-title styles
 */
.growl-title {
    font-size: 16px;
}

.growl-item.icon > .growl-title {
    margin: 0 0 0 40px;
}

/*
 * growl-message styles
 */
.growl-item.icon > .growl-message {
    margin: 0 0 0 40px;
}

/*
 * growl background images
 */
.growl-container > .alert-info.icon {
    /* for the white images
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=");
  */
    background-image: url("data:image/png;base64,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");
}

.growl-container > .alert-error.icon {
    /* for the white images
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=");
  */
    background-image: url("data:image/png;base64,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");
}

.growl-container > .alert-success.icon {
    /* for the white images
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==");
  */
    background-image: url("data:image/png;base64,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");
}

.growl-container > .alert-warning.icon {
    /* for the white images
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=");
  */
    background-image: url("data:image/png;base64,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");
}

.alert {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
}

.alert-danger {
    padding: 4px 7px 2px 4px;
    border-color: #a1ce41;
    color: #FFF;
    background-color: #24b6f4;
}

.alert-warning {
    padding: 4px 7px 2px 4px;
    border-color: #a1ce41;
    color: #FFF;
    background-color: #24b6f4;
    float: left;
}

.alert-success {
    padding: 4px 7px 2px 4px;
    border-color: #a1ce41;
    color: #FFF;
    background-color: #24b6f4;
}

.alert-info {
    padding: 4px 7px 2px 4px;
    border-color: #a1ce41;
    color: #FFF;
    background-color: #24b6f4;
}

/* The close button */
.closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    margin-left: 15px;
    color: inherit;
    font-weight: bold;
    float: right;
    font-size: 18px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

    /* When moving the mouse over the close button */
    .closebtn:hover {
        color: #000;
    }

.msg-error {
    color: #F00;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.ui-helper-hidden-accessible {
    display: none;
}

.error-input {
    border-color: #F00 !important;
}

.validation-error-input {
    border-color: #F00 !important;
}

.error, .msg-error {
    padding-top: 4px !important;
}

.error-span-before::before {
    border-color: red !important;
}

.cd-popup {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

    .cd-popup.is-visible {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s 0s, visibility 0s 0s;
    }

.cd-popup-container {
    transform: translateY(-40px);
    transition-property: transform;
    transition-duration: 0.3s;
}

.is-visible .cd-popup-container {
    transform: translateY(0);
}

.cd-popup-trigger {
    text-align: center;
    color: #FFF;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    background: #35a785;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
}

.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 101
}

    .cd-popup.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0s;
    }

.cd-popup-container {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    z-index: 101
}

    .cd-popup-container p {
        padding: 3em 1em;
    }

    .cd-popup-container .cd-buttons:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-popup-container .cd-buttons li {
        float: left;
        width: 50%;
        list-style: none
    }

    .cd-popup-container .cd-buttons a {
        display: block;
        height: 60px;
        line-height: 60px;
        text-transform: uppercase;
        color: #FFF;
        -webkit-transition: background-color 0.2s;
        -moz-transition: background-color 0.2s;
        transition: background-color 0.2s;
        cursor: pointer;
    }

    .cd-popup-container .cd-buttons li:first-child a {
        background: #24b6f3;
        border-radius: 0 0 0 .25em;
    }

.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
    background-color: #fc8982;
}

.cd-popup-container .cd-buttons li:last-child a {
    background: #42a691;
    border-radius: 0 0 .25em 0;
}

.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
    background-color: #c5ccd8;
}

.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
}

    .cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
        content: '';
        position: absolute;
        top: 12px;
        width: 14px;
        height: 3px;
        background-color: #8f9cb5;
    }

    .cd-popup-container .cd-popup-close::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 8px;
    }

    .cd-popup-container .cd-popup-close::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 8px;
    }

.is-visible .cd-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.icon-loading {
    width: 20px;
    height: 19px;
    display: block;
    float: right;
    background-image: url('../Icons/icon-loading.png');
    background-size: 100%;
    margin-left: 5px;
}

.icon-loading-2 {
    width: 15px;
    height: 14px;
    display: block;
    float: right;
    background-image: url('../Icons/icon-loading-2.png');
    background-size: 100%;
    margin-left: 5px;
}


/* Efeito de rotação para o loading */
.spin {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 800ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 800ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 800ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

iframe.youtube-video {
    width: 100%;
    height: auto;
}

.justify {
    text-align: justify;
}

.icon-billet {
    box-sizing: border-box;
    display: inline-block;
    background-image: url(../Images/safe-negotiate.png);
    width: 40px;
    height: 43px;
    background-size: contain;
    background-repeat: no-repeat;
}


@media only screen and (max-width: 719px) { /* Responsivo */

    .title--main .wrapper {
        padding: 13px 30px 20px;
    }

        .title--main .wrapper h2 {
            color: #fff;
            padding: 0 5px;
            font-size: 21px;
        }

    .icones-link {
        margin: 80px 0;
        float: left;
        padding: 0;
    }

        .icones-link li {
            list-style: none;
            float: left;
            width: 100%;
            height: auto;
            border: 0px solid red;
            text-align: center;
            margin: 25px 0 0 0;
            line-height: 1.2;
            font-weight: 600;
            color: #2c537c;
            padding: 15px 0;
        }


    .title img {
        width: 100%;
        max-width: 45px;
        display: block;
        height: auto;
        float: none;
        margin: 0 auto;
    }


    .title span {
        float: left;
        width: 100%;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        line-height: normal;
    }


    .title b {
        float: left;
        width: 100%;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        line-height: normal;
    }


    .tbgloss td:first-child {
        width: 100%;
        text-align: center;
    }

    .tbgloss td {
        padding: 15px;
        width: 100%;
        float: left;
    }

    .tbgloss img {
        width: 56px;
        margin: 10px;
        margin: 0 auto;
        text-align: center;
    }

    .pgcookies .icones-link li {
        list-style: none;
        float: left;
        width: 100%;
        border: 0px solid red;
        text-align: center;
        margin: 5px;
        line-height: 1.2;
        font-weight: 600;
        color: #2c537c;
    }
}

table.tbgloss {
    max-width: 800px;
    margin: 50px 0;
}

.tbgloss img {
    width: 26px;
    margin: 10px;
    margin: 0 auto;
}

.tbgloss td:first-child {
    width: 10%;
    text-align: center;
}

.tbgloss td {
    padding: 15px;
}




/* whowe
.who-we--differential .wrapper {
    max-width: 800px;
}*/

@media only screen and (min-width: 1000px) {
    .who-we--presentation--content .youtube-video {
        height: 470px !important;
    }

    .youtube-video {
        height: 497px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1020px) {
    .youtube-video {
        height: 350px !important;
    }

    .home--histories--content--bg img {
        width: 162%;
    }
}

@media only screen and (max-width: 768px) {
    .youtube-video {
        height: 200px !important;
    }
}

.who-we--presentation {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding: 0 0 0 0;
    position: relative;
    width: 100%
}

    .who-we--presentation .wrapper {
        padding: 0 30px
    }

.who-we--presentation--content {
    width: 80.7560137457%;
    float: left;
    margin-left: 1.2%;
    margin-right: 1.2%;
    box-sizing: border-box;
    display: inline-block;
    background-color: #fff;
    display: block;
    float: none;
    margin: 0px auto 0;
    padding: 24px 30px;
    text-align: center
}

.who-we--presentation--content--title {
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 26px;
}

.who-we--presentation--content--text {
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    color: #868585;
    font-family: museo_sans300;
    font-weight: 400;
    line-height: 1.4em;
    text-align: left;
    margin: 20px 0;
}

.who-we--presentation--content--video {
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    margin-top: 20px;
    position: relative;
    width: 100%
}

    .who-we--presentation--content--video:before {
        content: "";
        left: calc(50% - 53px);
        position: absolute;
        top: calc(50% - 53px);
        z-index: 2
    }

    .who-we--presentation--content--video:after {
        box-sizing: border-box;
        display: inline-block;
        background-color: rgba(0,0,0,.5);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .who-we--presentation--content--video:hover:before {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.who-we--presentation--bg {
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1
}

.who-we--mission--values {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    position: relative;
    width: 100%
}

    .who-we--mission--values .wrapper {
        padding: 40px 30px
    }

.who-we--mission--values--item {
    width: 47%;
    float: left;
    margin-left: 1.2%;
    margin-right: 1.2%;
    padding: 0 30px;
    position: relative;
    text-align: center
}

    .who-we--mission--values--item h3 {
        padding: 10px 0 20px;
        font-size: 26px;
    }

    .who-we--mission--values--item p {
        box-sizing: border-box;
        display: inline-block;
        line-height: 1.4em;
        margin: 0;
        padding: 0 0 45px;
        text-align: left;
        width: 100%
    }

.who-we--mission--values:after, .who-we--mission--values:before {
    box-sizing: border-box;
    display: inline-block;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: -1
}

.who-we--mission--values:before {
    left: 0
}

.who-we--mission--values:after {
    left: 50%
}

.who-we--mission--values:nth-child(2n):before {
    background-color: #e6f4fa
}

.who-we--mission--values:nth-child(2n):after, .who-we--mission--values:nth-child(odd):before {
    background-color: #bdd9e6
}

.who-we--mission--values:nth-child(odd):after {
    background-color: #e6f4fa
}

.who-we--mission--values.numbers .who-we--mission--values--item {
    border-top: 6px solid #e6f4fa;
    margin: 0;
    padding: 35px 0
}

    .who-we--mission--values.numbers .who-we--mission--values--item .number {
        box-sizing: border-box;
        display: inline-block;
        font-size: 48px;
        font-size: 3rem;
        color: #a0cd40;
        font-family: museo_sans300;
        font-weight: 300;
        float: left;
        width: 80px
    }

    .who-we--mission--values.numbers .who-we--mission--values--item p {
        box-sizing: border-box;
        display: inline-block;
        font-size: 16px;
        color: #2c537c;
        font-family: museo_sans300;
        font-weight: 400;
        float: left;
        line-height: 1.5em;
        letter-spacing: -.025em;
        padding: 0 15px;
        width: calc(100% - 80px)
    }

    .who-we--mission--values.numbers .who-we--mission--values--item:nth-child(2n) {
        border-color: #bdd9e6
    }

    .who-we--mission--values.numbers .who-we--mission--values--item:nth-child(odd) {
        border-color: #e6f4fa
    }

.who-we--mission--values.numbers:after, .who-we--mission--values.numbers:before {
    display: none
}

.who-we--mission--values.top {
    text-align: center
}

    .who-we--mission--values.top .wrapper {
        box-sizing: border-box;
        display: inline-block;
        float: none;
        margin: 15px 30px 0;
        padding: 0;
        position: relative;
        width: calc(100% - 60px)
    }

        .who-we--mission--values.top .wrapper:after, .who-we--mission--values.top .wrapper:before {
            box-sizing: border-box;
            display: inline-block;
            /*content: "";*/
            height: 100%;
            position: absolute;
            top: 0;
            width: 50%;
            z-index: 1
        }

        .who-we--mission--values.top .wrapper:after {
            background-color: #e6f4fa;
            right: 0
        }

        .who-we--mission--values.top .wrapper:before {
            background-color: #bdd9e6;
            left: 0
        }

    .who-we--mission--values.top .who-we--mission--values--item {
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        padding: 14px 30px;
        position: relative;
        width: 50%;
        z-index: 2
    }

        .who-we--mission--values.top .who-we--mission--values--item .i-want-negotiate--form, .who-we--mission--values.top .who-we--mission--values--item .i-want-negotiate--list--content {
            position: relative
        }

    .who-we--mission--values.top:after, .who-we--mission--values.top:before {
        display: none
    }

.who-we--differential {
    float: left;
    padding: 35px 0 0
}

    .who-we--differential, .who-we--differential h3.title {
        box-sizing: border-box;
        display: inline-block;
        width: 100%
    }

        .who-we--differential h3.title {
            padding: 0 0 30px 10px;
            text-align: center;
            font-size: 26px;
        }

.who-we--differential--list {
    width: 100%;
    float: left;
    margin-left: 1.2%;
    margin-right: 1.2%;
    display: block;
    float: none;
    margin: 0 auto;
    padding: 0 30px 40px
}

.who-we--differential--list--item {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 30px 40px;
    position: relative;
    width: 100%
}

    .who-we--differential--list--item p {
        box-sizing: border-box;
        display: inline-block;
        font-size: 16px;
        color: #868585;
        font-family: museo_sans300;
        font-weight: 400;
        line-height: 1em;
        margin: 0;
        width: 100%
    }

    .who-we--differential--list--item:before {
        content: "";
        left: 0;
        position: absolute
    }

.who-we--differential--list.block .who-we--differential--list--item {
    background-color: #e6f4fa;
    margin-bottom: 25px;
    padding: 30px 30px 30px 40px
}

    .who-we--differential--list.block .who-we--differential--list--item p {
        box-sizing: border-box;
        display: inline-block;
        font-size: 20px;
        color: #2c537c;
        font-family: museo_sans300;
        font-weight: 400;
        line-height: 1.2em
    }

    .who-we--differential--list.block .who-we--differential--list--item:before {
        background-image: none;
        background-color: #a4ce3c;
        content: "";
        height: 100%;
        left: 0;
        top: 0;
        width: 13px
    }

    .who-we--differential--list.block .who-we--differential--list--item:first-child {
        margin-top: 25px
    }

.who-we--differential.title {
    padding: 0 0 30px;
    font-size: 26px;
}

.who-we--partners {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding: 0px 0 50px;
    position: relative;
    width: 100%
}

    .who-we--partners .wrapper {
        padding: 0
    }

    .who-we--partners h3.title {
        padding: 0 0 30px;
        font-size: 26px;
    }

    .who-we--partners--list, .who-we--partners h3.title {
        box-sizing: border-box;
        display: inline-block;
        text-align: center;
        width: 100%
    }

.who-we--partners--list--item {
    box-sizing: border-box;
    display: inline-block;
    margin: 20px 40px;
    width: auto
}

    .who-we--partners--list--item a {
        box-sizing: border-box;
        display: inline-block;
        border: none;
        text-decoration: none
    }

        .who-we--partners--list--item a img {
            border: none;
            max-height: 85px;
            max-width: 200px;
        }

.who-we--histories {
    padding: 40px 30px
}

.who-we--histories, .who-we--histories--item {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    width: 100%
}

.who-we--histories--item {
    background-color: #e6f4fa;
    /*border-bottom: 13px solid #2c537c;*/
    margin-bottom: 35px;
    padding: 35px 40px 15px;
    position: relative
}

    .who-we--histories--item .description {
        box-sizing: border-box;
        display: inline-block;
        font-size: 16px;
        font-size: 1rem;
        color: #2c537c;
        font-family: museo_sans300;
        font-weight: 400;
        float: left;
        line-height: 1.5em;
        letter-spacing: -.025em;
        margin: 20px 20px;
        width: 100%
    }

    .who-we--histories--item .author {
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        position: relative;
        width: auto
    }

        .who-we--histories--item .author .name, .who-we--histories--item .author .state {
            box-sizing: border-box;
            display: block
        }

        .who-we--histories--item .author .name {
            font-size: 20px;
            font-size: 1.25rem;
            color: #2c537c;
            font-family: museo_sans700;
            font-weight: 400
        }

        .who-we--histories--item .author .state {
            font-size: 14px;
            font-size: .875rem;
            color: #2c537c;
            font-family: museo_sans500;
            font-weight: 400
        }

        .who-we--histories--item .author:before {
            box-sizing: border-box;
            display: inline-block;
            bottom: -100%;
            content: "";
            position: absolute
        }

    .who-we--histories--item.left .author {
        float: left
    }

        .who-we--histories--item.left .author:before {
            /*border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-right: 25px solid blue;*/
            height: 0;
            right: -45px;
            -webkit-transform: rotate(-45deg);
            /*transform: rotate(-45deg);*/
            width: 0
        }

    .who-we--histories--item.right .author {
        float: right
    }

        .who-we--histories--item.right .author:before {
            width: 0;
            height: 0;
            /*border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-left: 25px solid green;*/
            left: -45px;
            -webkit-transform: rotate(45deg);
            /*transform: rotate(45deg)*/
        }

    .who-we--histories--item.type-1 {
        border-color: #59bfa7
    }

        .who-we--histories--item.type-1.left .author:before {
            border-right-color: #59bfa7
        }

        .who-we--histories--item.type-1.right .author:before {
            border-left-color: #59bfa7
        }

    .who-we--histories--item.type-2 {
        border-color: #a3ce3e;
    }

        .who-we--histories--item.type-2.left .author:before {
            border-right-color: #a3ce3e
        }

        .who-we--histories--item.type-2.right .author:before {
            border-left-color: #a3ce3e
        }

    .who-we--histories--item.type-3 {
        border-color: #7fc772
    }

        .who-we--histories--item.type-3.left .author:before {
            border-right-color: #7fc772
        }

        .who-we--histories--item.type-3.right .author:before {
            border-left-color: #7fc772
        }

    .who-we--histories--item.type-4 {
        border-color: #20b6f9
    }

        .who-we--histories--item.type-4.left .author:before {
            border-right-color: #20b6f9
        }

        .who-we--histories--item.type-4.right .author:before {
            border-left-color: #20b6f9
        }

@media only screen and (max-width:992px) {
    .who-we--presentation--content {
        margin-top: 170px
    }
}

@media only screen and (max-width:768px) {
    .who-we--differential {
        padding: 60px 0 0
    }

    .who-we--differential--list {
        margin: 0;
        padding: 0;
        width: 100%
    }

        .who-we--differential--list.block .who-we--differential--list--item p {
            font-size: 16px;
            font-size: 1rem
        }

    .who-we--differential .wrapper {
        padding: 0 20px
    }

    .who-we--differential.title {
        padding: 40px 0 30px
    }

    .who-we--mission--values .wrapper {
        padding: 0
    }

    .who-we--mission--values--item {
        background-color: #e6f4fa;
        margin: 0;
        padding: 20px;
        width: 100%
    }

        .who-we--mission--values--item.values {
            background-color: #bdd9e6
        }

        .who-we--mission--values--item p {
            font-size: 16px;
            font-size: 1rem;
            padding: 0 0 10px
        }

    .who-we--mission--values:after, .who-we--mission--values:before {
        display: none
    }

    .who-we--mission--values.numbers .who-we--mission--values--item {
        background-color: #fff
    }

        .who-we--mission--values.numbers .who-we--mission--values--item p {
            padding: 0 20px 0 0
        }

    .who-we--mission--values.top .wrapper {
        margin: 2px 0 0;
        width: 100%
    }

    .who-we--mission--values.top .who-we--mission--values--item {
        padding: 5px 20px;
        width: 100%
    }

    .who-we--partners {
        padding-top: 60px
    }

    .who-we--partners--list {
        margin: 0
    }

    .who-we--partners--list--item {
        margin: 20px 0; /*15%*/
        width: 100%;
    }

    .who-we--presentation {
        padding: 0
    }

    .who-we--presentation--content {
        margin: 20px 0 0;
        padding: 20px;
        width: 100%
    }

    .who-we--presentation .wrapper {
        padding: 0 20px
    }

    .i-want-negotiate--form .title {
        padding: 10px 0 5px !important;
    }
}

.who-we--partners {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding: 0px 0 50px;
    position: relative;
    width: 100%
}

    .who-we--partners .wrapper {
        padding: 0
    }

    .who-we--partners h3.title {
        padding: 0 0 0px;
    }

    .who-we--partners--list, .who-we--partners h3.title {
        box-sizing: border-box;
        display: inline-block;
        text-align: center;
        width: 100%;
    }



.who-we--partners--list--item {
    box-sizing: border-box;
    display: inline-block;
    margin: 20px 40px;
    width: auto;
    vertical-align: middle;
}

    .who-we--partners--list--item a {
        box-sizing: border-box;
        display: inline-block;
        border: none;
        text-decoration: none
    }

        .who-we--partners--list--item a img {
            border: none;
            max-height: 85px;
            max-width: 200px;
        }


/*Marcas*/

.home--portal {
    background: #23b6f5;
    background: linear-gradient(45deg,#23b6f5,#4ebdb8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#23b6f5",endColorstr="#4ebdb8",GradientType=1);
    float: left;
    padding: 35px 0 0
}

    .home--portal, .home--portal .title {
        box-sizing: border-box;
        display: inline-block;
        width: 100%
    }

        .home--portal .title {
            font-size: 24px;
            font-size: 1.5rem;
            color: #efefef;
            font-family: museo_sans500;
            font-weight: 400;
            padding: 0;
            text-align: center;
            text-transform: uppercase
        }

.home--portal--list {
    padding: 25px 45px;
    width: 100%;
}

.home--portal--list, .home--portal--list--item {
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    margin-left: 0.8em;
}

.home--portal--list--item {
    width: 22.4226804124%;
    float: left;
    margin-left: 1.2886597938%;
    margin-right: 1.2886597938%;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    float: none;
    height: 110px;
    margin: 0;
    position: relative;
}

.home--portal--list--item--link {
    box-sizing: border-box;
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    color: #efefef;
    font-family: museo_sans300;
    font-weight: 400;
    letter-spacing: -.01em;
    position: relative
}

    .home--portal--list--item--link span[class^=icon] {
        display: inline-block;
        margin: 18px 0 0
    }

    .home--portal--list--item--link span.text {
        box-sizing: border-box;
        display: inline-block;
        line-height: 1em;
        padding: 10px 0;
        width: 100%
    }

.home--portal--list--item:before {
    box-sizing: border-box;
    display: inline-block;
    background-image: url(../images/bg-home-item.png);
    background-repeat: no-repeat;
    content: "";
    height: 80px;
    left: calc(50% - 43px);
    position: absolute;
    top: 0;
    width: 87px
}

.home--portal--list--item:first-child {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.home--portal--list--item:nth-child(2) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.home--portal--list--item:nth-child(3) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.home--portal--list--item:nth-child(4) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.home--portal--list--item:nth-child(5) {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s
}

.home--portal--list--item:nth-child(6) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.home--portal--list--item:nth-child(7) {
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s
}

.home--portal .btn-default {
    left: calc(50% - 78px);
    position: relative;
    top: -48px
}

.home--partners {
    float: left;
    padding: 35px 30px 30px
}

.home--partners, .home--partners--list {
    box-sizing: border-box;
    display: inline-block;
    width: 100%
}

.home--partners--list {
    height: 130px;
    padding: 0 60px
}

.home--partners--list--item {
    box-sizing: border-box;
    display: inline-block;
    height: 130px;
    line-height: 130px;
    text-align: center
}

    .home--partners--list--item img {
        box-sizing: border-box;
        display: inline-block;
        height: auto;
        line-height: 0;
        width: auto;
        vertical-align: middle;
        max-height: 85px
    }

.home--post {
    padding: 35px 15px 0;
    width: 100%
}

.home--post, .home--post--item {
    box-sizing: border-box;
    display: inline-block;
    float: left
}

.home--post--item {
    padding: 0 15px;
    width: 50%
}

.home--post--item--title {
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    color: #2c537c;
    font-family: museo_sans300;
    font-weight: 300;
    line-height: 1.3em;
    margin: 0;
    padding: 15px 0;
    width: 100%
}

    .home--post--item--title strong {
        display: block
    }

.home--post--item--link {
    cursor: pointer;
    overflow: hidden;
    text-decoration: none
}

    .home--post--item--link, .home--post--item--link img {
        box-sizing: border-box;
        display: inline-block;
        border: none;
        float: left;
        outline: none;
        position: relative;
        width: 100%
    }

        .home--post--item--link img {
            height: auto;
            transition: all .4s ease-in;
            z-index: 1
        }



/* whouseportal */

.who-use-portal--list {
    box-sizing: border-box;
    display: inline-block;
    padding: 15px 15px 30px;
    width: 100%
}

.who-use-portal--list--item {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding: 15px 15px 0;
    width: 50%
}

    .who-use-portal--list--item > a {
        cursor: pointer
    }

        .who-use-portal--list--item > a, .who-use-portal--list--item > a .image {
            box-sizing: border-box;
            display: inline-block;
            overflow: hidden;
            position: relative;
            width: 100%
        }

            .who-use-portal--list--item > a .image {
                float: left
            }

                .who-use-portal--list--item > a .image img {
                    box-sizing: border-box;
                    display: inline-block;
                    border: none;
                    height: auto;
                    float: left;
                    transition: all .3s ease-in;
                    width: 100%
                }

                .who-use-portal--list--item > a .image:before {
                    content: "";
                    left: calc(50% - 53px);
                    position: absolute;
                    top: calc(50% - 53px);
                    z-index: 2
                }

                .who-use-portal--list--item > a .image:after {
                    box-sizing: border-box;
                    display: inline-block;
                    /*background-color: rgba(0,0,0,.5);*/
                    content: "";
                    height: 100%;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 100%
                }

            .who-use-portal--list--item > a span, .who-use-portal--list--item > a span.title {
                box-sizing: border-box;
                display: inline-block
            }

                .who-use-portal--list--item > a span.title {
                    font-size: 18px;
                    color: #2c537c;
                    font-family: museo_sans500;
                    font-weight: 400;
                    line-height: 1em;
                    letter-spacing: .02em;
                    padding: 10px 0 2px;
                    width: 100%;
                    margin-left: 10px;
                }

                .who-use-portal--list--item > a span.duration {
                    font-size: 16px;
                    color: #868585;
                    font-family: museo_sans500;
                    font-weight: 400;
                    margin-left: 10px;
                }

                    .who-use-portal--list--item > a span.duration:last-child {
                        font-size: 16px;
                        font-size: 1rem;
                        color: #868585;
                        font-family: museo_sans300;
                        font-weight: 400;
                        margin-left: 5px
                    }

            .who-use-portal--list--item > a:hover .image:before {
                -webkit-animation-name: zoomIn;
                animation-name: zoomIn;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 0s;
                animation-delay: 0s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden
            }

.who-use-portal--text {
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    color: #868585;
    font-family: museo_sans300;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0;
    padding: 10px 20px;
}

@media only screen and (max-width:768px) {
    .who-use-portal--text {
        padding: 30px 20px;
    }

    .who-use-portal--list {
        padding: 0px 20px;
    }

    .who-use-portal--list--item {
        padding: 0 0 30px;
        width: 100%
    }
}

/*News*/
.ng-scope .main-title {
    padding: 0px 10px 20px 10px;
}

.post-banner img {
    max-width: 100%;
    display: block;
    height: auto;
}

.post-title {
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.525rem;
    color: #2c537c;
    font-family: museo_sans500;
    font-weight: 400;
    line-height: 1.1em;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    top: -32px;
}

.news img {
    max-width: 100%;
    display: block;
    height: auto;
}

.row {
    display: inline-block;
    width: 100% !important;
    padding-bottom: 10px;
}


.main-title {
    width: 100%;
    /*margin-top: 20px;*/
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #95d7d4 !important;
}

.main-subtitle label, .previous-news {
    width: 50%;
    color: #2c537c;
    font-size: 18px;
    font-weight: bold;
}

.main-content {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
}

.post {
    width: 25%;
    padding: 5px 15px;
    overflow: hidden;
    display: block;
    float: left;
}

.featured {
    width: 50%;
}

.post-label {
    box-sizing: border-box;
    display: inline-block;
    font-size: 22px;
    font-size: 1.375rem;
    color: #494949;
    font-family: museo_sans700;
    font-weight: 400;
    line-height: 1.2em
}

.post-banner {
    text-align: center;
    width: 100%;
}

.post-date {
    position: relative;
    bottom: 45px;
    float: left;
    width: 30px;
    height: 45px;
    background-color: #24b6f4;
    color: white;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

    .post-date span {
        display: block;
        width: 100%;
    }

    .post-date .day {
        border-bottom: 1px solid white;
    }

.news .post-title {
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.525rem;
    color: #2c537c;
    font-family: museo_sans500;
    font-weight: 400;
    line-height: 1.1em;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    top: -32px;
}

.post-content {
    font-size: 17px;
    margin: 0;
    position: relative;
    top: -20px;
    margin-bottom: 20px;
    line-height: 1.1em;
}

.see-more {
    font-weight: bold;
    color: #2c537c;
}

.see-more-link {
    position: relative;
    top: -7px;
    left: 3px;
}

a {
    text-decoration: none;
}

.news-bottom {
    width: 100%;
    padding-bottom: 15px;
    text-align: center;
}

@media only screen and (max-width: 719px) {
    .main-title {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px;
        padding: 0 5px;
    }

    .main-subtitle, .previous-news {
        padding: 0 5px;
    }

    .post {
        width: 50%;
        padding: 5px;
        overflow: hidden;
        display: block;
        float: left;
        margin-bottom: 20px;
        min-height: 330px;
    }

    .featured {
        width: 100%;
    }

    .post-label {
        box-sizing: border-box;
        display: inline-block;
        font-size: 0.975rem;
        color: #494949;
        font-family: museo_sans700;
        font-weight: 400;
        line-height: 1.2em;
    }

    .post-title {
        box-sizing: border-box;
        display: inline-block;
        font-size: 1.225rem;
        color: #2c537c;
        font-family: museo_sans500;
        font-weight: 400;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        width: 100%;
        position: relative;
        top: -32px;
    }

    .post-content {
        font-size: 17px;
        text-align: left;
        margin: 0;
        position: relative;
        top: -20px;
    }

    .previous-news.desktop {
        display: none !important;
    }

    .previous-news.lb-mobile {
        width: 100% !important;
        display: inline-block !important;
    }
}

@media only screen and (min-width: 720px) {
    .main-subtitle label {
        padding: 0px 15px;
        display: inline-block !important;
    }

    .previous-news.lb-mobile {
        display: none !important;
    }
}

.more-news-post-date {
    width: 85px;
    float: left;
    height: 25px;
    background-color: #24b6f4;
    color: white;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 45px;
}

.post-date span {
    display: block;
    width: 100%;
}

.post-date .day {
    border-bottom: 1px solid white;
}

.horizontal-post {
    width: 100% !important;
}



@media only screen and (max-width: 719px) { /* Politicas Responsivo */
    .icones-link {
        margin: 80px 0;
        float: left;
        padding: 0;
    }

        .icones-link li {
            list-style: none;
            float: left;
            width: 100%;
            height: auto;
            border: 0px solid red;
            text-align: center;
            margin: 25px 0 0 0;
            line-height: 1.2;
            font-weight: 600;
            color: #2c537c;
            padding: 15px 0;
        }

    .title img {
        width: 100%;
        max-width: 45px;
        display: block;
        height: auto;
        float: none;
        margin: 0 auto;
    }


    .title span {
        float: left;
        width: 100%;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        line-height: normal;
    }


    .title b {
        float: left;
        width: 100%;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        line-height: normal;
    }


    .tbgloss td:first-child {
        width: 100%;
        text-align: center;
    }

    .title span {
        float: left;
        width: 100%;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
    }


    .icon {
        box-sizing: border-box;
        display: inline-block;
        position: relative
    }

    .icon-search {
        box-sizing: border-box;
        display: inline-block;
        background-image: url(../icons/sprite.png);
        background-position: -137px -133px;
        width: 19px;
        height: 18px
    }


    .mylinks a {
        font-size: 12px;
    }
}

#email-itapeva {
    text-decoration: underline;
}

/* Termos */
.icon-search {
    box-sizing: border-box;
    display: inline-block;
    background: url('https://www.itapevarec.com.br/Nembus/icons/sprite.png');
    background-position: -137px -133px;
    width: 19px;
    height: 18px;
}


.understand-terms--content h3 {
    font-size: 26px;
}

.understand-terms--filter {
    padding: 25px 0;
    text-align: center
}

.understand-terms--filter, .understand-terms--filter--list {
    box-sizing: border-box;
    display: inline-block;
    width: 100%
}

.understand-terms--filter--list--item {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: auto
}

    .understand-terms--filter--list--item a {
        box-sizing: border-box;
        display: inline-block;
        font-size: 16px;
        color: #fff;
        font-family: museo_sans700;
        font-weight: 400;
        background-color: #24b6f3;
        border-radius: 4px;
        cursor: pointer;
        letter-spacing: -.02em;
        line-height: 1em;
        padding: 15px;
        text-transform: uppercase;
        transition: all .4s ease-out
    }

        .understand-terms--filter--list--item a:hover {
            background-color: #0c9cd8
        }

    .understand-terms--filter--list--item.all a {
        background-color: #14928c;
        padding: 15px 45px
    }

        .understand-terms--filter--list--item.all a:hover {
            background-color: #0e6561
        }

    .understand-terms--filter--list--item.search-form {
        box-sizing: border-box;
        display: inline-block;
        width: 190px
    }

        .understand-terms--filter--list--item.search-form .controls {
            position: relative
        }

            .understand-terms--filter--list--item.search-form .controls button {
                box-sizing: border-box;
                display: inline-block;
                right: 15px;
                position: absolute;
                top: 0
            }

.understand-terms--content {
    width: 80.7560137457%;
    float: left;
    margin-left: 1.2886597938%;
    margin-right: 1.2886597938%;
    float: none;
    margin: 0 auto
}

.understand-terms--filter--list .input-default, .input-default.pn {
    font-size: 16px;
    /* font-size: 1rem; */
    font-family: museo_sans500;
}


.understand-terms--list {
    box-sizing: border-box;
    display: inline-block;
    width: 100%
}

.understand-terms--list--item {
    padding: 70px 0 0
}

    .understand-terms--list--item .title {
        padding: 18px 0
    }

.understand-terms--list--item--list--item {
    border: none;
    border-top: 1px solid #95d7d4
}

    .understand-terms--list--item--list--item, .understand-terms--list--item--list--item .description, .understand-terms--list--item--list--item .subtitle {
        box-sizing: border-box;
        display: inline-block;
        position: relative;
        width: 100%
    }

        .understand-terms--list--item--list--item .subtitle {
            font-size: 18px;
            color: #2c537c;
            font-family: museo_sans500;
            font-weight: 400;
            padding: 20px 0;
        }

        .understand-terms--list--item--list--item .description {
            font-size: 16px;
            color: #5b5957;
            font-family: museo_sans300;
            font-weight: 400;
            line-height: 1.6em;
            margin: 0;
            padding: 0 0 30px
        }

.understand-terms--list--item:first-child {
    padding-top: 0
}

.understand-terms--load-more {
    box-sizing: border-box;
    display: inline-block;
    padding: 70px 0 90px;
    text-align: center;
    width: 100%
}



@media only screen and (max-width:768px) {
    .understand-terms--filter {
        padding: 40px 15px 30px
    }

    .understand-terms--filter--list {
        text-align: left
    }

    .understand-terms--filter--list--item {
        margin: 5px
    }

        .understand-terms--filter--list--item.search-form {
            margin: 0;
            padding: 10px 5px;
            width: 100%
        }

    .understand-terms--list--item {
        padding-top: 40px
    }
}


.understand-terms--content li {
    list-style: none;
}


/*AsYourQuestion*/

.questions--content {
    width: 80.7560137457%;
    float: left;
    margin-left: 1.2886597938%;
    margin-right: 1.2886597938%;
    box-sizing: border-box;
    display: inline-block;
    display: block;
    float: none;
    margin: 0 auto;
    padding: 30px 30px 50px
}

.questions--content--list {
    box-sizing: border-box;
    display: inline-block;
    padding: 70px 0 0;
    width: 100%
}

.questions--content--list--item {
    box-sizing: border-box;
    display: inline-block;
    border: none;
    border-top: 1px solid #95d7d4;
    cursor: pointer;
    padding: 20px 10px 20px 50px;
    position: relative;
    width: 100%
}

    .questions--content--list--item .title {
        box-sizing: border-box;
        display: inline-block;
        font-size: 18px;
        color: #2c537c;
        font-family: museo_sans500;
        font-weight: 400;
        line-height: 1.4em;
        margin: 0;
        padding: 0;
        width: 100%
    }

    .questions--content--list--item .content {
        box-sizing: border-box;
        display: inline-block;
        display: none;
        margin: 0;
        padding: 25px 0 5px;
        width: 100%;
        text-align: justify;
    }

.questions--content--main--list--item h3.title {
    font-size: 26px;
    font-weight: 900;
}

.questions--content--list--item.active .content {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    font-size: 14px;
}

.questions--content--list--item.active:before {
    top: 30px
}

.questions--content--list--item:before {
    content: "";
    left: 0;
    position: absolute;
    top: 20px
}

.questions--content--search {
    box-sizing: border-box;
    display: inline-block;
    padding: 0px 0 0;
    width: 100%
}

    .questions--content--search .select--fake {
        display: block;
        margin: 0 auto;
        width: 305px
    }

@media only screen and (max-width:768px) {
    .questions--content {
        margin: 0;
        padding: 60px 20px;
        width: 100%
    }

    .questions--content--list {
        padding: 50px 0 0
    }

    .questions--content--list--item .title {
        font-size: 1.6rem
    }

    .questions--content--search {
        padding-top: 0
    }

        .questions--content--search .select--fake {
            width: 100%
        }
}

.icon-minus-c, .portal-business--left--open--list--item.collapse--btn.active span, .questions--content--list--item.active:before {
    box-sizing: border-box;
    display: inline-block;
    background-image: url(../icons/sprite.png);
    background-position: -139px -156px;
    width: 26px;
    height: 6px;
}

.icon-plus-c, .questions--content--list--item:before {
    box-sizing: border-box;
    display: inline-block;
    background-image: url(../icons/sprite.png);
    background-position: -144px -61px;
    width: 26px;
    height: 26px;
}

.questions--content--main--content {
    float: left;
    margin-left: 1.2886597938%;
    margin-right: 1.2886597938%;
    float: none;
    margin: 0 auto;
}

.questions--content--main--list {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.questions--content--main--list--item {
    padding: 50px 0 0;
}

.questions--content--list list-unstyled {
    padding-top: 80px;
}

.questions--content--list--item {
    border-top: 0px !important;
}

    .questions--content--list--item:first-child {
        border-top: 1px solid #95d7d4 !important;
    }

.questions--content--list.list-unstyled {
    padding-top: 23px !important;
}

.question .content {
    text-align: justify;
}

.question .title {
    font-weight: 900;
}

.question .content a {
    font-weight: bold;
}

.questions--content--search .select--fake, .register-client--form .input-control .select--fake, .select--component, .select-comp .select--fake {
    box-sizing: border-box;
    display: inline-block;
    outline: none;
    padding: 0;
    position: relative;
    width: 100%;
    max-width: 350px;
}

    .questions--content--search .select--fake > div[class*=title], .register-client--form .input-control .select--fake > div[class*=title], .select--component > div[class*=title], .select-comp .select--fake > div[class*=title] {
        box-sizing: border-box;
        display: inline-block;
        font-size: 16px;
        color: #494949;
        font-family: museo_sans500;
        font-weight: 400;
        border: 1px solid #24b6f3;
        cursor: pointer;
        outline: none;
        padding: 15px 45px 15px 20px;
        position: relative;
        width: 100%
    }

        .questions--content--search .select--fake > div[class*=title]:after, .register-client--form .input-control .select--fake > div[class*=title]:after, .select--component > div[class*=title]:after, .select-comp .select--fake > div[class*=title]:after {
            content: "";
            right: 20px;
            position: absolute;
            top: 17px
        }

    .questions--content--search .select--fake > ul[class*=content], .register-client--form .input-control .select--fake > ul[class*=content], .select--component > ul[class*=content], .select-comp .select--fake > ul[class*=content] {
        box-sizing: border-box;
        display: inline-block;
        background-color: #fff;
        border: 1px solid #24b6f3;
        border-top: none;
        display: none;
        height: auto;
        max-height: 300px;
        left: 0;
        overflow: hidden;
        overflow-y: scroll;
        padding: 0;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 999
    }

        .questions--content--search .select--fake > ul[class*=content] > li, .register-client--form .input-control .select--fake > ul[class*=content] > li, .select--component > ul[class*=content] > li, .select-comp .select--fake > ul[class*=content] > li {
            box-sizing: border-box;
            display: inline-block;
            font-size: 16px;
            font-size: 1rem;
            color: #494949;
            font-family: museo_sans500;
            font-weight: 400;
            border: none;
            border-bottom: 1px solid #24b6f3;
            cursor: pointer;
            display: none;
            float: left;
            line-height: 1em;
            letter-spacing: .02em;
            overflow: hidden;
            opacity: 0;
            padding: 15px 20px;
            text-overflow: ellipsis;
            width: 100%;
            white-space: nowrap
        }

            .questions--content--search .select--fake > ul[class*=content] > li.active, .questions--content--search .select--fake > ul[class*=content] > li:hover, .register-client--form .input-control .select--fake > ul[class*=content] > li.active, .register-client--form .input-control .select--fake > ul[class*=content] > li:hover, .select--component > ul[class*=content] > li.active, .select--component > ul[class*=content] > li:hover, .select-comp .select--fake > ul[class*=content] > li.active, .select-comp .select--fake > ul[class*=content] > li:hover {
                background-color: rgba(36,182,243,.2)
            }

            .questions--content--search .select--fake > ul[class*=content] > li:last-child, .register-client--form .input-control .select--fake > ul[class*=content] > li:last-child, .select--component > ul[class*=content] > li:last-child, .select-comp .select--fake > ul[class*=content] > li:last-child {
                border-bottom: none
            }

            .questions--content--search .select--fake > ul[class*=content] > li:first-child, .register-client--form .input-control .select--fake > ul[class*=content] > li:first-child, .select--component > ul[class*=content] > li:first-child, .select-comp .select--fake > ul[class*=content] > li:first-child {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: .1s;
                animation-delay: .1s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(2), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(2), .select--component > ul[class*=content] > li:nth-child(2), .select-comp .select--fake > ul[class*=content] > li:nth-child(2) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: .2s;
                animation-delay: .2s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(3), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(3), .select--component > ul[class*=content] > li:nth-child(3), .select-comp .select--fake > ul[class*=content] > li:nth-child(3) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: .3s;
                animation-delay: .3s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(4), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(4), .select--component > ul[class*=content] > li:nth-child(4), .select-comp .select--fake > ul[class*=content] > li:nth-child(4) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: .4s;
                animation-delay: .4s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(5), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(5), .select--component > ul[class*=content] > li:nth-child(5), .select-comp .select--fake > ul[class*=content] > li:nth-child(5) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: .5s;
                animation-delay: .5s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(6), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(6), .select--component > ul[class*=content] > li:nth-child(6), .select-comp .select--fake > ul[class*=content] > li:nth-child(6) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: .6s;
                animation-delay: .6s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(7), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(7), .select--component > ul[class*=content] > li:nth-child(7), .select-comp .select--fake > ul[class*=content] > li:nth-child(7) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: .7s;
                animation-delay: .7s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(8), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(8), .select--component > ul[class*=content] > li:nth-child(8), .select-comp .select--fake > ul[class*=content] > li:nth-child(8) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: .8s;
                animation-delay: .8s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(9), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(9), .select--component > ul[class*=content] > li:nth-child(9), .select-comp .select--fake > ul[class*=content] > li:nth-child(9) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: .9s;
                animation-delay: .9s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(10), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(10), .select--component > ul[class*=content] > li:nth-child(10), .select-comp .select--fake > ul[class*=content] > li:nth-child(10) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 1s;
                animation-delay: 1s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(11), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(11), .select--component > ul[class*=content] > li:nth-child(11), .select-comp .select--fake > ul[class*=content] > li:nth-child(11) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 1.1s;
                animation-delay: 1.1s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(12), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(12), .select--component > ul[class*=content] > li:nth-child(12), .select-comp .select--fake > ul[class*=content] > li:nth-child(12) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 1.2s;
                animation-delay: 1.2s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(13), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(13), .select--component > ul[class*=content] > li:nth-child(13), .select-comp .select--fake > ul[class*=content] > li:nth-child(13) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 1.3s;
                animation-delay: 1.3s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(14), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(14), .select--component > ul[class*=content] > li:nth-child(14), .select-comp .select--fake > ul[class*=content] > li:nth-child(14) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 1.4s;
                animation-delay: 1.4s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(15), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(15), .select--component > ul[class*=content] > li:nth-child(15), .select-comp .select--fake > ul[class*=content] > li:nth-child(15) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 1.5s;
                animation-delay: 1.5s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(16), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(16), .select--component > ul[class*=content] > li:nth-child(16), .select-comp .select--fake > ul[class*=content] > li:nth-child(16) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 1.6s;
                animation-delay: 1.6s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(17), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(17), .select--component > ul[class*=content] > li:nth-child(17), .select-comp .select--fake > ul[class*=content] > li:nth-child(17) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 1.7s;
                animation-delay: 1.7s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(18), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(18), .select--component > ul[class*=content] > li:nth-child(18), .select-comp .select--fake > ul[class*=content] > li:nth-child(18) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 1.8s;
                animation-delay: 1.8s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(19), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(19), .select--component > ul[class*=content] > li:nth-child(19), .select-comp .select--fake > ul[class*=content] > li:nth-child(19) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 1.9s;
                animation-delay: 1.9s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(20), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(20), .select--component > ul[class*=content] > li:nth-child(20), .select-comp .select--fake > ul[class*=content] > li:nth-child(20) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 2s;
                animation-delay: 2s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(21), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(21), .select--component > ul[class*=content] > li:nth-child(21), .select-comp .select--fake > ul[class*=content] > li:nth-child(21) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 2.1s;
                animation-delay: 2.1s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(22), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(22), .select--component > ul[class*=content] > li:nth-child(22), .select-comp .select--fake > ul[class*=content] > li:nth-child(22) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 2.2s;
                animation-delay: 2.2s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(23), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(23), .select--component > ul[class*=content] > li:nth-child(23), .select-comp .select--fake > ul[class*=content] > li:nth-child(23) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 2.3s;
                animation-delay: 2.3s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(24), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(24), .select--component > ul[class*=content] > li:nth-child(24), .select-comp .select--fake > ul[class*=content] > li:nth-child(24) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 2.4s;
                animation-delay: 2.4s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(25), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(25), .select--component > ul[class*=content] > li:nth-child(25), .select-comp .select--fake > ul[class*=content] > li:nth-child(25) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 2.5s;
                animation-delay: 2.5s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(26), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(26), .select--component > ul[class*=content] > li:nth-child(26), .select-comp .select--fake > ul[class*=content] > li:nth-child(26) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 2.6s;
                animation-delay: 2.6s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(27), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(27), .select--component > ul[class*=content] > li:nth-child(27), .select-comp .select--fake > ul[class*=content] > li:nth-child(27) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 2.7s;
                animation-delay: 2.7s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(28), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(28), .select--component > ul[class*=content] > li:nth-child(28), .select-comp .select--fake > ul[class*=content] > li:nth-child(28) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 2.8s;
                animation-delay: 2.8s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

            .questions--content--search .select--fake > ul[class*=content] > li:nth-child(29), .register-client--form .input-control .select--fake > ul[class*=content] > li:nth-child(29), .select--component > ul[class*=content] > li:nth-child(29), .select-comp .select--fake > ul[class*=content] > li:nth-child(29) {
                -webkit-animation-name: fadeInDown;
                animation-name: fadeInDown;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-duration: .3s;
                animation-duration: .3s;
                -webkit-animation-delay: 2.9s;
                animation-delay: 2.9s;
                -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 1
            }

    .questions--content--search .active.select--fake > div:after, .register-client--form .input-control .active.select--fake > div:after, .select--component.active > div:after, .select-comp .active.select--fake > div:after {
        top: 15px
    }

    .questions--content--search .active.select--fake > ul, .register-client--form .input-control .active.select--fake > ul, .select--component.active > ul, .select-comp .active.select--fake > ul {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        display: inline-block
    }

        .questions--content--search .active.select--fake > ul li, .register-client--form .input-control .active.select--fake > ul li, .select--component.active > ul li, .select-comp .active.select--fake > ul li {
            display: inline-block
        }

@media only screen and (max-width:768px) {
    .questions--content--search .select--fake, .register-client--form .input-control .select--fake, .select--component, .select-comp .select--fake {
        width: 100% !important;
        max-width: 350px;
    }
}

.icon-arrow-down-b, .questions--content--search .select--fake > div[class*=title]:after, .register-client--form .input-control .select--fake > div[class*=title]:after, .select--component > div[class*=title]:after, .select-comp .select--fake > div[class*=title]:after {
    box-sizing: border-box;
    display: inline-block;
    background-image: url(../icons/sprite.png);
    background-position: -100px -156px;
    width: 21px;
    height: 15px;
}

.questions--content--search .select--fake {
    display: block;
    margin: 0 auto;
    width: 305px;
}


/*ombudsmanoffice*/

.send-message {
    width: 80.7560137457%;
    float: left;
    margin-left: 1.2886597938%;
    margin-right: 1.2886597938%;
    box-sizing: border-box;
    display: inline-block;
    display: block;
    float: none;
    margin: 5px auto;
    /* padding: 60px 0 95px; */
}

.send-message--chat {
    width: 30%;
    float: left;
    margin-left: 1.2886597938%;
    margin-right: 1.2886597938%;
    background-color: #deeef5;
    border-radius: 5px;
    float: right;
    margin: 0 0 0 0;
    padding: 0 30px 40px;
}

.send-message--content--form--chat {
    float: left;
    margin-left: 1.2886597938%;
    margin-right:;
    box-sizing: border-box;
    display: inline-block;
    float: none;
    /* background: red; */
}

.send-message--chat h2 {
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    /* font-size: 1rem; */
    color: #868585;
    font-family: museo_sans500;
    font-weight: 400;
    line-height: 1.1em;
    letter-spacing: -.02em;
    margin: 0;
    padding: 20px 30px 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.chat-online--list--item .title {
    font-size: 16px;
    color: #2c537c;
    font-family: museo_sans900; /*museo_sans900*/
    padding: 0 0 5px;
    text-align: center;
    text-transform: uppercase;
}

.chat-online--list--item .text {
    font-size: 18px;
    color: #494949;
    font-family: museo_sans700;
}

    .chat-online--list--item .text.min {
        font-size: 14px;
        padding-bottom: 8px;
    }

.send-message .description {
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    color: #868585;
    font-family: museo_sans500;
    font-weight: 400;
    line-height: 1.6em;
    letter-spacing: -.02em;
    margin: 0;
    padding: 0 0 20px;
}

.chat-online--list--item {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding: 20px 0 0;
    position: relative;
    width: 100%;
}

#SendMessageForm {
    width: 50%;
    float: left;
}

.chat-online--list--item .btn-default.blue-min, .btn-default.orange {
    color: #fff;
    font-family: museo_sans700;
    font-weight: 400;
    text-transform: uppercase;
}

.chat-online--list--item .btn-default.blue-min {
    font-size: 12px;
    background-color: #24b6f3;
    padding: 5px 10px;
}


.list-unstyled, .questions--content--search .select--fake > ul[class*=content], .register-client--form .input-control .select--fake > ul[class*=content], .select--component > ul[class*=content], .select-comp .select--fake > ul[class*=content] {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*termos de uso*/

.privacy--policy--content--main--content {
    width: 80.7560137457% !important;
    margin-left: 1.2886597938%;
    margin-right: 1.2886597938%;
    float: none;
    margin: 0 auto;
    font-size: 1rem;
    color: #5b5957;
    font-family: museo_sans300;
    font-weight: 400;
    line-height: 1.6em;
}



.privacy--policy--content--main--list {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.description {
    text-align: left;
}

.privacy--policy--list {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.privacy--policy--list--item .title {
    padding: 18px 0;
}

.privacy--policy--list--item--list--item {
    border: none;
}

    .privacy--policy--list--item--list--item, .privacy--policy--list--item--list--item .description, .privacy--policy--list--item--list--item .subtitle {
        box-sizing: border-box;
        display: inline-block;
        position: relative;
        width: 100%;
    }

        .privacy--policy--list--item--list--item .subtitle {
            font-size: 18px;
            font-size: 1.125rem;
            color: #2c537c;
            font-family: museo_sans500;
            font-weight: 400;
        }

        .privacy--policy--list--item--list--item .description {
            font-size: 16px;
            font-size: 1rem;
            color: #5b5957;
            font-family: museo_sans300;
            font-weight: 400;
            line-height: 1.6em;
            margin: 0;
            padding: 0 0 30px;
        }

.privacy--policy--list--item:first-child {
    padding-top: 0;
}

.title-description {
    font-size: 1rem !important;
    color: #5b5957 !important;
    font-family: museo_sans300 !important;
    font-weight: 400 !important;
    line-height: 1.6em !important;
}

.privacy--policy--content h3 {
    font-size: 1.3rem;
}


.roman--list {
    list-style-type: lower-roman !important;
}

.font-size-privacypolicy {
    font-size: 26px
}

/*MyStyle*/
.icones-link img {
    width: 38px;
    margin: 10px auto;
    display: block;
}

.icones-link ul {
    float: left;
    list-style: none;
    text-align: center;
    width: 100%;
    margin: 80px 0;
    float: left;
    padding: 80px 0;
}

.icones-link li {
    list-style: none;
    float: left;
    width: 30%;
    height: 120px;
    border: 0px solid red;
    text-align: center;
    margin: 5px;
    line-height: 1.2;
    font-weight: 600;
    color: #2c537c;
    font-size: 13px;
}

.privacy--policy--content h3 {
    text-transform: uppercase;
    font-size: 1.3rem;
    width: 100%;
    vertical-align: middle;
    line-height: 2;
    margin-top: 30px;
    margin-bottom: 10px;
    float: left;
}

.privacy--policy--content p {
    font-size: 14px;
}

.title img {
    width: auto;
    max-width: 45px;
    display: block;
    height: auto;
    float: left;
    margin: 0 20px;
}

.title span {
    float: left;
    width: auto;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}


@media only screen and (max-width: 719px) { /* Responsivo */

    #SendMessageForm {
        width: 100%;
        float: left;
    }

    .send-message--chat {
        width: 100%;
    }


    .register-client--form {
        width: 100%;
    }

        .register-client--form .input-control.buttons {
            margin-top: 75px;
            margin-bottom: 50px;
        }


    .icones-link {
        margin: 80px 0;
        float: left;
        padding: 0;
    }

        .icones-link li {
            list-style: none;
            float: left;
            width: 100%;
            height: auto;
            border: 0px solid red;
            text-align: center;
            margin: 25px 0 0 0;
            line-height: 1.2;
            font-weight: 600;
            color: #2c537c;
            padding: 15px 0;
        }


    .title img {
        width: 100%;
        max-width: 45px;
        display: block;
        height: auto;
        float: none;
        margin: 0 auto;
    }


    .title span {
        float: left;
        width: 100%;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        line-height: normal;
    }


    .title b {
        float: left;
        width: 100%;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        line-height: normal;
    }


    .tbgloss td:first-child {
        width: 100%;
        text-align: center;
    }

    .tbgloss td {
        padding: 15px;
        width: 100%;
        float: left;
    }

    .tbgloss img {
        width: 56px;
        margin: 10px;
        margin: 0 auto;
        text-align: center;
    }


    .pgcookies .icones-link li {
        list-style: none;
        float: left;
        width: 100%;
        border: 0px solid red;
        text-align: center;
        margin: 5px;
        line-height: 1.2;
        font-weight: 600;
        color: #2c537c;
    }
}


#email-itapeva {
    text-decoration: underline;
}

/*Privacy Cookies*
.tableCookies td {
    padding: 5px;
    font-size: 13px;
}

    .tableCookies td:first-child {
        width: 25%;
        border-right: 1px solid #dedede;
    }

    .tableCookies td:last-child {
        width: 25%;
        border-left: 1px solid #dedede;
    }

.tableCookies tr:last-child {
    border-bottom: 0px solid #dedede;
}
    */

.subtitulo {
    text-align:center;
    margin: 20px;
}

.subtitulo h2{
    margin-top: 10px;
}



.description {
    text-align: left;
}



.privacy--policy--content--main--content {
    width: 80.7560137457% !important;
    margin-left: 1.2886597938%;
    margin-right: 1.2886597938%;
    float: none;
    margin: 0 auto;
    font-size: 14px;
    color: #5b5957;
    font-family: museo_sans300;
    font-weight: 400;
    line-height: 1.6em;
}

    .privacy--policy--content--main--content .description {
        float: none;
        margin: 0 auto;
        font-size: 14px;
        color: ##5b5957;
        font-family: museo_sans300;
        font-weight: 400;
        line-height: 1.6em;
    }


.privacy--policy--content--main--list {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.privacy--policy--list {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.privacy--policy--list--item .title {
    padding: 18px 0;
}

.privacy--policy--list--item--list--item {
    border: none;
}

    .privacy--policy--list--item--list--item, .privacy--policy--list--item--list--item .description, .privacy--policy--list--item--list--item .subtitle {
        box-sizing: border-box;
        display: inline-block;
        position: relative;
        width: 100%;
    }

        .privacy--policy--list--item--list--item .subtitle {
            font-size: 18px;
            font-size: 1.125rem;
            color: #2c537c;
            font-family: museo_sans500;
            font-weight: 400;
        }

        .privacy--policy--list--item--list--item .description {
            font-size: 14px;
            color: #5b5957;
            font-family: museo_sans300;
            font-weight: 400;
            line-height: 1.6em;
            margin: 0;
            padding: 0px;
        }

.privacy--policy--list--item:first-child {
    padding-top: 0;
}

.title-description {
    font-size: 1rem !important;
    color: #5b5957 !important;
    font-family: museo_sans300 !important;
    font-weight: 400 !important;
    line-height: 1.6em !important;
}
/*

        h3 {
            font-size: 1.3rem;
        }*/
.roman--list {
    list-style-type: lower-roman !important;
}

.font-size-privacypolicy {
    font-size: 26px
}


/*
    table {
        border-collapse: collapse;
        width: 100%;
        max-width: 600px;
        margin: 0 0 50px 0;
        margin: 0 auto;
    }

    tr {
        border-bottom: 1px solid #ddd;
    }
        */

.icones-link img {
    width: 38px;
    margin: 10px auto;
}

.icones-link ul {
    float: left;
    list-style: none;
    text-align: center;
    width: 100%;
    margin: 80px 0;
    float: left;
    padding: 80px 0;
}

.icones-link li {
    list-style: none;
    float: left;
    width: 30%;
    height: 150px;
    border: 0px solid red;
    text-align: center;
    margin: 5px;
    line-height: 1.2;
    font-weight: 600;
    color: #2c537c;
}



.table-content {
    float:left;
    width:100%;
    border:0px solid red;
    overflow-x:scroll;
    padding:0;
    margin:30px 0;
}

table {
    border-collapse: collapse;
    margin: 30px 0;
}

table td {
    padding: 15px;
}

table thead td {
    background-color: #54585d;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #54585d;
}

table tbody td {
    color: #636363;
    border: 1px solid #dddfe1;
}

table tbody tr {
    background-color: #f9fafb;
}

table tbody tr:nth-child(odd) {
    background-color: #ffffff;
}


/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

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

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

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


/*Cookies Desktop - Layout 3937*/
/*MyStyle*/
.icones-link img {
    width: 38px;
    margin: 10px auto;
}

.icones-link ul {
    float: left;
    list-style: none;
    text-align: center;
    width: 100%;
    margin: 80px 0;
    float: left;
    padding: 80px 0;
}

.icones-link li {
    list-style: none;
    float: left;
    width: 30%;
    height: 120px;
    border: 0px solid red;
    text-align: center;
    margin: 5px;
    line-height: 1.2;
    font-weight: 600;
    color: #2c537c;
    font-size: 13px;
}

.privacy--policy--content h3 {
    text-transform: uppercase;
    font-size: 1.3rem;
    width: 100%;
    vertical-align: middle;
    line-height: 2;
    margin-top: 30px;
    margin-bottom: 10px;
}

.privacy--policy--content p {
    font-size: 14px;
    padding: 10px 0;
    line-height: 2;
}


.title img {
    width: auto;
    max-width: 45px;
    display: block;
    height: auto;
    float: left;
    margin: 0 20px;
}

.title span {
    float: none;
    width: auto;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    line-height: 2;
}

@media only screen and (max-width: 719px) { /* Responsivo */
    .icones-link li {
        list-style: none;
        float: left;
        width: 100%;
        height: auto;
        border: 0px solid red;
        text-align: center;
        margin: 25px 0 0 0;
        line-height: 1.2;
        font-weight: 600;
        color: #2c537c;
        padding: 15px 0;
    }

    .tableCookies td {
        padding: 5px;
        font-size: 10px;
    }

    .title img {
        width: 100%;
        max-width: 45px;
        display: block;
        height: auto;
        float: none;
        margin: 0 auto;
    }

    .title span {
        float: left;
        width: 100%;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        line-height: normal;
    }

    .title b {
        float: left;
        width: 100%;
        font-size: 18px;
        text-transform: uppercase;
        text-align: center;
        line-height: normal;
    }

    .tbgloss td:first-child {
        width: 100%;
        text-align: center;
    }

    .tbgloss tr {
        border-bottom: 0px solid red;
    }

    .tbgloss td {
        padding: 15px;
        width: 100%;
        float: left;
    }

    .tbgloss img {
        width: 56px;
        s margin: 10px;
        margin: 0 auto;
        text-align: center;
    }

    .tableCookies {
        font-size: 11px;
    }

        .tableCookies td {
            padding: 5px;
            font-size: 10px;
        }

    .pgcookies .icones-link li {
        list-style: none;
        float: left;
        width: 100%;
        border: 0px solid red;
        text-align: center;
        margin: 5px;
        line-height: 1.2;
        font-weight: 600;
        color: #2c537c;
    }
}

#email-itapeva {
    text-decoration: underline;
}

/*antifraude*/
#antifraude p {
    margin: 20px 0;
}

#antifraude h3 {
    border-bottom: 2px solid #94CC54;
    font-weight: bold;
    float: left;
    font-size: 26px;
}

/*historiesclients*/
@media ( min-width: 900px) {
    .container-box {
        float: left;
        display: grid;
        grid-template-columns: 0vw 42vw 40vw 2vw;
        grid-column-gap: 3vw;
        grid-row-gap: 2vh;
        grid-template-rows: 45.33vh 2.1vh 33.33vh 0.01vh 0vh;
        margin-left: 5vw;
        margin-top: 5vh;
    }

    .box-right2 {
        grid-column: 3/4;
        grid-row: 4/5;
        color: #fff;
        align-self: flex-start;
        background-color: #59BFA7;
        padding-right: 15px;
        margin-top: calc(-10px - 5vw) !important;
    }

    /*ipad pro*/
    @media only screen and (min-width: 900px) and (min-height: 1300) {
        .container-box {
            display: grid;
            grid-template-columns: 2vw 40vw 40vw 2vw;
            grid-column-gap: 3vw;
            grid-row-gap: 3.5vh;
            grid-template-rows: 41.33vh 0.1vh 24.33vh 18.33vh 15vh !important;
            margin-left: 5vw;
        }
    }


    .box-right1 {
        grid-column: 3/4; /* grid-column-start / grid-column-end */
        grid-row: 1/4; /* grid-row-start / grid-row-end */
        color: #fff;
        align-self: flex-start;
        background-color: #7FC773;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        padding-right: 15px;
    }

    @media ( max-height: 1000px ) and ( min-width: 900px ) {
        .box-right2 {
            grid-column: 3/4;
            grid-row: 2/5 !important;
            color: #fff;
            align-self: flex-start;
            background-color: #59BFA7;
            padding-right: 15px;
            margin-top: calc(-10px - 4vw);
        }
    }

    .box-left1 {
        grid-column: 2/3; /* grid-column-start / grid-column-end */
        grid-row: 1/2; /* grid-row-start / grid-row-end */
        color: #fff;
        background-color: #21B6FA;
        padding-right: 15px;
        min-height: 284px;
    }

    @media ( max-height: 600px ) and ( min-width: 900px ) {
        .container-box {
            display: grid;
            grid-template-columns: 2vw 40vw 40vw 2vw;
            grid-column-gap: 3vw;
            grid-row-gap: 17vh;
            grid-template-rows: 41.33vh 0.1vh 33.33vh 33.33vh 5vh;
            margin-left: 5vw;
        }
    }

    @media ( min-width: 900px ) {
        .box-left2 {
            grid-column: 2/3; /* grid-column-start / grid-column-end */
            grid-row: 4/5; /* grid-row-start / grid-row-end */
            color: #fff;
            align-self: flex-start;
            background-color: #A3CF3E;
            padding-right: 15px;
            margin-top: calc(10px + 5vw);
        }
    }

    @media ( min-width: 1000px) {
        .box-left2 {
            grid-column: 2/3; /* grid-column-start / grid-column-end */
            grid-row: 3/5; /* grid-row-start / grid-row-end */
            color: #fff;
            align-self: flex-start;
            background-color: #A3CF3E;
            padding-right: 15px;
            margin-top: calc(0px + 0vw); /*Foi colocado em zero porque muito provavelmente há outro bloco de código colocando prioridade na margem da box*/
        }
    }

    @media ( max-width: 900px ) {

        .container-box {
            float: left;
            display: grid;
            grid-template-columns: 2vw 40vw 40vw 2vw;
            grid-column-gap: 3vw;
            grid-row-gap: 17vh;
            grid-template-rows: 41.33vh 0.1vh 33.33vh 33.33vh 5vh;
            margin-left: 5vw;
            margin-top: 5vh !important;
        }

        .box-left2 {
            grid-column: 2/3;
            grid-row: 4/5;
            color: #fff;
            align-self: flex-start;
            background-color: #A3CF3E;
            padding-right: 15px;
            margin-top: calc(10px + 9vw);
        }
    }

    .box-content-margin {
        margin: calc(5px + 2.5vh) calc(10px + 0.9vw) 0px calc(5px + 2.5vh);
        align-content: center;
    }

    .container-box .name {
        color: #fff !important;
    }

    .comment {
        width: 100%;
    }

    .comment-icon-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        padding-bottom: 15px;
    }

    /*.telling-historie {
        grid-column: 3/4 !important;
        grid-row: 1/2 !important;
        overflow: hidden;
        position: relative;
    }*/
}

@media ( min-width: 1400px) { /*Confirmado*/
    .container-box {
        display: grid;
        grid-template-columns: 11vw 31vw 27.7vw 1vw;
        grid-column-gap: 3vw;
        grid-row-gap: 1vh;
        margin: calc(10px + 2.5vh) calc(10px + 0.9vw) 0 calc(5px + 2.5vh);
        grid-template-rows: 33.33vh 0.01vh 1.33vh 16.33vh 12vh;
        margin-left: 5vw;
        text-align: center;
    }

    .box-right2 {
        grid-column: 3/4;
        grid-row: 4/5 !important;
        color: #fff;
        align-self: flex-end; /*Trocado de flex-start para flex-end por conta do espaçamento entre o elemento e o footer da página*/
        background-color: #59BFA7;
        padding-right: 15px;
        margin-top: calc(-10px - 4.5vw) !important;
    }

    #body--content {
        padding: 0 0px 0 36px;
    }

    /*ipad pro*/
    @media only screen and (min-width: 900px) and (min-height: 1300px) {
        .container-box {
            display: grid;
            grid-template-columns: 2vw 40vw 40vw 2vw;
            grid-column-gap: 3vw;
            grid-row-gap: 3.5vh;
            grid-template-rows: 41.33vh 0.1vh 24.33vh 18.33vh 15vh !important;
            margin-left: 5vw;
        }
    }


    .box-right1 {
        grid-column: 3/4; /* grid-column-start / grid-column-end */
        grid-row: 1/4; /* grid-row-start / grid-row-end */
        color: #fff;
        align-self: flex-start;
        background-color: #7FC773;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        padding-right: 15px;
    }

    @media ( max-height: 1000px ) and ( min-width: 900px ) {
        .box-right2 {
            grid-column: 3/4;
            grid-row: 4/5;
            color: #fff;
            align-self: flex-end;
            background-color: #59BFA7;
            padding-right: 15px;
            margin-top: calc(-10px - 4vw);
        }
    }

    .box-left1 {
        grid-column: 2/3; /* grid-column-start / grid-column-end */
        grid-row: 1/2; /* grid-row-start / grid-row-end */
        color: #fff;
        background-color: #21B6FA;
        padding-right: 15px;
        min-height: 284px;
    }

    @media ( max-height: 600px ) and ( min-width: 900px ) {
        .container-box {
            display: grid;
            grid-template-columns: 2vw 40vw 40vw 2vw;
            grid-column-gap: 3vw;
            grid-row-gap: 17vh;
            grid-template-rows: 41.33vh 0.1vh 33.33vh 33.33vh 5vh;
            margin-left: 5vw;
        }
    }

    @media ( min-width: 900px ) {
        .box-left2 {
            grid-column: 2/3; /* grid-column-start / grid-column-end */
            grid-row: 4/5; /* grid-row-start / grid-row-end */
            color: #fff;
            align-self: flex-start;
            background-color: #A3CF3E;
            padding-right: 15px;
            margin-top: calc(10px + 5vw);
        }
    }

    @media ( min-width: 1000px) {
        .box-left2 {
            grid-column: 2/3; /* grid-column-start / grid-column-end */
            grid-row: 2/5; /* grid-row-start / grid-row-end */
            color: #fff;
            align-self: flex-start;
            background-color: #A3CF3E;
            padding-right: 15px;
            margin-top: calc(3px + 1vw); /*O margin-top foi mudado para diminuir o espaçamento entre os grids da esquerda, comportando o mesmo espaço dos outros.*/
        }
    }

    @media ( max-width: 900px ) {

        .container-box {
            display: grid;
            grid-template-columns: 2vw 40vw 40vw 2vw;
            grid-column-gap: 3vw;
            grid-row-gap: 17vh;
            grid-template-rows: 41.33vh 0.1vh 33.33vh 33.33vh 5vh;
            margin-left: 5vw;
            margin-top: 5vh !important;
        }

        .box-left2 {
            grid-column: 2/3;
            grid-row: 2/5;
            color: #fff;
            align-self: flex-start;
            background-color: #A3CF3E;
            padding-right: 15px;
            margin-top: calc(10px + 9vw);
        }
    }

    .box-content-margin {
        margin: calc(5px + 2.5vh) calc(10px + 0.9vw) 0px calc(5px + 2.5vh);
        align-content: center;
        font-size: 20px
    }

    .container-box .name {
        color: #fff !important;
    }

    .comment {
        width: 100%;
    }

    .comment-icon-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        padding-bottom: 15px;
    }

    /*.telling-historie {
        grid-column: 3/4 !important;
        grid-row: 1/2 !important;
        overflow: hidden;
        position: relative;
        font-size: 8vw;
    }*/
}

.box-right2 {
    grid-column: 3/4;
    grid-row: 4/5;
    color: #fff;
    align-self: flex-start;
    background-color: #59BFA7;
    padding-right: 15px;
    margin-top: calc(-10px - 12vw);
    margin-bottom: 15px;
}



.button-negociation {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    font-size: 0.938rem;
    font-family: museo_sans700;
    font-weight: 400;
    cursor: pointer;
    padding: 15px 20px;
    text-decoration: none;
    transition: all .4s ease-in;
    background-color: #ec9e23;
    border-radius: 4px 4px 4px 4px;
    color: #fff
}

    .button-negociation a span {
        display: table;
        margin: 0 auto;
        font-size: calc(6px + 0.9vw);
    }

.box .author .name, .box .author .state {
    box-sizing: border-box;
    display: block
}

.box .author .name {
    font-size: calc(10px + 2vw);
    font-size: 1.25rem;
    color: #2c537c;
    font-family: museo_sans700;
    font-weight: 400
}

.box .author .state {
    font-size: calc(8px + 2vw);
    font-size: .875rem;
    color: #2c537c;
    font-family: museo_sans500;
    font-weight: 400
}

.box .author:before {
    box-sizing: border-box;
    display: inline-block;
    bottom: -100%;
    content: "";
    position: absolute
}

.justify {
    text-align: left !important; /*Texto alinhado à esquerda*/
}

.icon-comment::after {
    margin-left: 0.25em;
    color: #2C537C;
    font-size: calc(0.9em + 2vw);
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f075";
    display: inline-block;
}

#nav-next0 {
    z-index: 1002;
}

#nav-previous0 {
    z-index: 1002;
}


/*.video {
        grid-column: 2/3;
        grid-row: 1/3;
        min-width: 30vw;
        min-height: 30vh;
    }*/

.visible {
    grid-column: 3/4 !important;
    grid-row: 1/2 !important;
    z-index: 999;
    overflow: hidden;
    padding-left: 4vw;
    position: relative;
    /*font-size: 8vw;*/
}

.telling-historie h2 {
    font-size: calc(9px + 0.9vw);
    padding: 0 10px;
    font-size: 21px;
}

    .telling-historie h2 p {
        text-align: justify;
        line-height: 1.3em;
    }

/*.telling-historie h2 p:after {
            content: "";
            display: inline-block;
            width: 100%;
        }*/
.telling-historie span {
    color: #2c537c;
    font-size: 20px;
}





/*Arrows e formatação da home.css*/

#histories--slick .slick-arrow {
    display: inline-block;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 20px !important;
    height: 20px !important;
    color: transparent;
    bottom: 56%;
    z-index: 21000;
}

#histories--slick .slick-next {
    border-right: 5px solid orange;
    border-bottom: 5px solid orange;
    right: 0;
}

#histories--slick .slick-prev {
    border-left: 5px solid orange;
    border-top: 5px solid orange;
    left: 0;
}

#histories--slick {
    box-sizing: border-box;
    display: block;
    float: left;
    margin-top: 10px;
    width: 100%;
}

.slick-slide, .slick-arrow, .slick-slide * {
    outline: none !important;
    margin: 7px 5px 0 5px !important;
}


.telling-historie {
    float: left;
    position: relative;
    padding: 10px 0px !important;
    margin: 10px 10px 0 10px !important;
}

.slick-list.draggable {
    max-width: 46%;
    float: right;
    white-space: pre-line;
}

.color-2c537c {
    font-size: 1rem;
    color: #2c537c;
    font-family: museo_sans300;
    font-weight: 300;
    line-height: 1.3em;
    padding: 0 10px;
    font-size: 16px;
}


    /* VENOBOX */
    .vbox-container {
        overflow-x: hidden;
        overflow-y: hidden;
    }

#movie {
    height: 370px;
    width: 593px;
    /*max-width: 360px !important;*/
    /*max-height: 310px !important;
    max-width: 540px;*/
    padding-top: 15px;
    margin: 0px 0px 0px 3em;
    float: left;
}


.box-content-margin {
    margin: calc(5px + 2.5vh) calc(10px + 0.9vw) 0px calc(5px + 2.5vh);
    align-content: center;
}

.comment-icon-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding-bottom: 15px;
}

.box .author .name, .box .author .state {
    box-sizing: border-box;
    display: block;
}

.box .author .name {
    font-size: calc(10px + 2vw);
    font-size: 1.25rem;
    color: #2c537c;
    font-family: museo_sans700;
    font-weight: 400;
    font-size: 20px;
}

.box .author .state {
    font-size: calc(8px + 2vw);
    font-size: .875rem;
    color: #2c537c;
    font-family: museo_sans500;
    font-weight: 400;
    font-size: 14px;
}

.box .fa {
    font-size: 50px;
    margin: 10px;
    color: #2C537C;
}

.icon-comment::after {
    margin-left: 0.25em;
    color: #2C537C;
    font-size: calc(0.9em + 2vw);
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f075";
    display: inline-block;
}



.container-box {
    display: grid;
    grid-template-columns: 0vw 42vw 40vw 2vw;
    grid-column-gap: 3vw;
    grid-row-gap: 2vh;
    grid-template-rows: 45.33vh 2.1vh 33.33vh 0.01vh 0vh;
    margin-left: 5vw;
    margin-top: 5vh;
}

.box-right2 {
    grid-column: 3/4;
    grid-row: 4/5;
    color: #fff;
    align-self: flex-start;
    background-color: #59BFA7;
    padding-right: 15px;
    margin-top: calc(-10px - 5vw) !important;
}

/*ipad pro*/
@media only screen and (min-width: 900px) and (min-height: 1300px) {
    .container-box {
        display: grid;
        grid-template-columns: 2vw 40vw 40vw 2vw;
        grid-column-gap: 3vw;
        grid-row-gap: 3.5vh;
        grid-template-rows: 41.33vh 0.1vh 24.33vh 18.33vh 15vh !important;
        margin-left: 5vw;
    }
}


.box-right1 {
    grid-column: 3/4; /* grid-column-start / grid-column-end */
    grid-row: 1/4; /* grid-row-start / grid-row-end */
    color: #fff;
    align-self: flex-start;
    background-color: #7FC773;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    padding-right: 15px;
    font-size: 18px;
    line-height: normal;
}

@media ( max-height: 1000px ) and ( min-width: 900px ) {
    .box-right2 {
        grid-column: 3/4;
        grid-row: 2/5 !important;
        color: #fff;
        align-self: flex-start;
        background-color: #59BFA7;
        padding-right: 15px;
        margin-top: calc(-10px - 4vw);
        font-size: 18px;
        line-height: normal;
    }
}

.box-left1 {
    grid-column: 2/3; /* grid-column-start / grid-column-end */
    grid-row: 1/2; /* grid-row-start / grid-row-end */
    color: #fff;
    background-color: #21B6FA;
    padding-right: 15px;
    min-height: 284px;
    font-size: 18px;
    line-height: normal;
}

@media ( max-height: 600px ) and ( min-width: 900px ) {
    .container-box {
        display: grid;
        grid-template-columns: 2vw 40vw 40vw 2vw;
        grid-column-gap: 3vw;
        grid-row-gap: 17vh;
        grid-template-rows: 41.33vh 0.1vh 33.33vh 33.33vh 5vh;
        margin-left: 5vw;
    }
}

@media ( min-width: 900px ) {
    .box-left2 {
        grid-column: 2/3; /* grid-column-start / grid-column-end */
        grid-row: 4/5; /* grid-row-start / grid-row-end */
        color: #fff;
        align-self: flex-start;
        background-color: #A3CF3E;
        padding-right: 15px;
        margin-top: calc(10px + 5vw);
        font-size: 18px;
        line-height: normal;
    }
}

@media ( min-width: 1000px) {
    .box-left2 {
        grid-column: 2/3; /* grid-column-start / grid-column-end */
        grid-row: 3/5; /* grid-row-start / grid-row-end */
        color: #fff;
        align-self: flex-start;
        background-color: #A3CF3E;
        padding-right: 15px;
        margin-top: calc(0px + 0vw); /*Foi colocado em zero porque muito provavelmente há outro bloco de código colocando prioridade na margem da box*/
        font-size: 18px;
        line-height: normal;
    }
}

@media ( max-width: 900px ) {

    .container-box {
        display: grid;
        grid-template-columns: 2vw 40vw 40vw 2vw;
        grid-column-gap: 3vw;
        grid-row-gap: 17vh;
        grid-template-rows: 41.33vh 0.1vh 33.33vh 33.33vh 5vh;
        margin-left: 5vw;
        margin-top: 5vh !important;
    }

    .box-left2 {
        grid-column: 2/3;
        grid-row: 4/5;
        color: #fff;
        align-self: flex-start;
        background-color: #A3CF3E;
        padding-right: 15px;
        margin-top: calc(10px + 9vw);
    }
}




/*2.  960px - Responsive*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {
}



/*3.  720px - Responsive */
@media only screen and (min-width: 640px) and (max-width: 959px) {

    #p-description-default {
        color: #000;
        font-family: museo_sans300;
        font-size: 16px;
        text-align: left;
        font-weight: 100;
    }

    .content-segunda-via #p-description-default {
        color: #000;
        font-family: museo_sans300;
        font-size: 16px;
        text-align: center;
        font-weight: bold;
    }


    #main-div-register-billet {
        padding: 10px;
    }

    .title--main .wrapper {
        padding: 13px 30px 20px;
    }

    .title--main h2 {
        font-size: 24px;
    }
}