@font-face {
    font-family: 'Trade Gothic LT Std';
    src: url("../fonts/TradeGothicLTStd-Cn18.woff2") format("woff2"), url("../fonts/TradeGothicLTStd-Cn18.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Trade Gothic LT Std';
    src: url("../fonts/TradeGothicLTStd-BdCn20.woff2") format("woff2"), url("../fonts/TradeGothicLTStd-BdCn20.woff") format("woff");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Shree Devanagari 714';
    src: url("../fonts/ShreeDev0714-Italic.woff2") format("woff2"), url("../fonts/ShreeDev0714-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: 'Shree Devanagari 714 bold';
    src: url("../fonts/ShreeDev0714-Bold.woff2") format("woff2"), url("../fonts/ShreeDev0714-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Shree Devanagari 714';
    src: url("../fonts/ShreeDev0714.woff2") format("woff2"), url("../fonts/ShreeDev0714.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Shree Devanagari 714';
    src: url("../fonts/ShreeDev0714-Bold-Italic.woff2") format("woff2"), url("../fonts/ShreeDev0714-Bold-Italic.woff") format("woff");
    font-weight: bold;
    font-style: italic
}

body {
    color: #343434;
    border-top: 8px solid #bbbbbb;
    font-size: 0.9rem
}

a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
    color: #1d366b;
    word-wrap: break-word
}

a:focus,
a:hover {
    color: #1d366b;
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Shree Devanagari 714';
    color: #1d366b;
    font-weight: bold;
    margin-bottom: 20px
}

h1 {
    font-size: 48px
}

h2 {
    font-size: 38px
}

h3,
.h3 {
    font-size: 1.5rem
}

hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

h2.paper__title-banner {
    margin-top: 110px;
    font-size: 34px;
    font-family: 'Shree Devanagari 714';
    font-weight: 100;
    color: #333;
    text-transform: uppercase
}

h2.paper__title-banner span {
    display: block;
    font-weight: 800;
    color: #1d366b
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-15 {
    width: 20%;
    float: left
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left
    }
}

label {
    font-size: 13px;
    text-transform: uppercase
}

.form-control {
    border-radius: 0
}

.centered-axis-xy {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.btn {
    border-radius: 0;
    padding: 8px 40px
}

.btn-secondary {
    background: #e3c200;
    color: #1d366b;
    border-color: #e3c200
}

.btn-custom {
    background: url(../images/botao_bg_azul.png) no-repeat;
    padding: 20px 50px 40px 50px;
    color: #fff
}

.btn-custom:hover {
    color: #e3c200
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    margin: 0 auto;
    font-weight: bold
}

.modal-header {
    border: 0
}

.modal-content {
    border-radius: 0
}

.modal-content label {
    color: #1d366b
}

.modal-content .form-control {
    border-color: #1d366b
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 15px 30px
}

.modal-footer {
    border: 0
}

.modal.vertically-modal .modal-dialog {
    transform: translateY(-25%);
    top: 50%;
    margin: 0 auto
}

.modal.vertically-modal.show .modal-dialog {
    transform: translateY(-50%)
}

.modal-content {
    max-height: 100vh;
    overflow-y: auto;
    padding: 40px
}

.paper {
    background-color: white;
    padding: 30px;
    position: relative;
    z-index: 3;
    text-decoration: none;
    overflow: hidden;
    width: 100%;
    display: block;
    outline: none;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(212, 218, 223, 0.22)
}

.paper__large {
    padding: 60px
}

.paper__title {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 0;
    list-style: none;
    background-color: #f3f3f2;
    border-radius: .25rem;
    margin-right: -60px;
    margin-left: -60px;
    border-radius: 0;
    padding: 20px 60px;
    color: #7f7f7f;
    text-transform: uppercase;
    font-size: 28px
}

.content {
    max-width: 100%;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px
}

.content h2 {
    font-size: 26px;
    color: #444
}

.content__narrow {
    width: 640px
}

.box-colors .box-destaque__icon {
    padding: 20px 0;
    height: 110px;
    background-size: 110px 98px
}

.colors__elogio .btn-primary {
    background: #e3c200;
    border-color: #e3c200
}

.colors__elogio .form-control {
    border-color: #e3c200
}

.colors__sugestao .btn-primary {
  background: #fece24;
  border-color: #fece24
}

.colors__sugestao .form-control {
  border-color: #fece24
}

.colors__solicitacao .btn-primary {
    background: #7696d3;
    border-color: #7696d3
}

.colors__solicitacao .form-control {
    border-color: #7696d3
}

.colors__reclamacao .btn-primary {
    background: #4a5cd6;
    border-color: #4a5cd6
}

.colors__reclamacao .form-control {
    border-color: #4a5cd6
}

.colors__denuncia .btn-primary {
    background: #1d366b;
    border-color: #1d366b
}

.colors__denuncia .form-control {
    border-color: #1d366b
}

.box-colors {
    padding: 60px 40px;
    height: 490px;
    text-align: center
}

.box-colors__elogio {
    background: #e3c200;
    color: #fff
}

.box-colors__sugestao {
  background: #fece24;
  color: #fff;
}

.box-colors__solicitacao {
    background: #7696d3;
    color: #fff
}

.box-colors__reclamacao {
    background: #4a5cd6;
    color: #fff
}

.box-colors__denuncia {
    background: #1d366b;
    color: #fff
}

.bg-branco {
    background: #fff
}

.navbar {
    padding: 10px 25px 10px
}

.navbar-light .navbar-nav .nav-link {
    color: #1d366b;
    text-transform: uppercase;
    font-weight: bold
}

.f_disclamer_denuncia .form-group {
    text-align: left
}

.colors__denuncia .form-check-input {
    margin-left: 0
}

.bg-internas .bg-slice__home-3:before {
    top: 0;
    height: 450px
}

.bg-internas .box-label__rodape {
    top: -50px;
    background-position: 0px -44px;
    overflow: hidden;
    height: 450px
}

.bg-slice {
    padding: 50px 0;
    color: black;
    position: relative;
    padding-bottom: 0
}

.bg-slice:before {
    content: ' ';
    width: 100%;
    height: 810px;
    bottom: 0;
    position: absolute
}

.bg-slice__home-1 {
    height: 700px
}

.bg-slice__home-1:before {
    background: url(../images/bg-slice__home-1.png) no-repeat center bottom;
    height: 750px;
    top: 0;
    z-index: 2
}

.bg-slice__home-2 {
    height: 540px
}

.bg-slice__home-2:before {
    background: url(../images/bg-slice__home-2.png) no-repeat center bottom;
    top: -240px;
    z-index: 1
}

.bg-slice__home-3 .container {
    position: relative
}

.bg-slice__home-3:before {
    background: url(../images/bg-slice__home-3.png) no-repeat center bottom;
    top: -210px;
    z-index: 0;
    height: 660px
}

.bg-slice__home-3 a {
    color: #000
}

.bg-slice__home-3 .box-slice__home-2-title span {
    color: #fff
}

.box-slice__home-2-title {
    text-transform: uppercase;
    font-weight: bold
}

.box-slice__home-2-title span {
    display: block;
    font-weight: lighter;
    color: #7696d3
}

.box-index {
    z-index: 3;
    position: relative
}

.box-destaque__position {
    max-width: 1200px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    bottom: 0;
    position: absolute;
    left: 55%;
    transform: translate(-50%, 0);
    z-index: 2
}

.box-destaque__position-title {
    font-family: 'Shree Devanagari 714';
    font-size: 48px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase
}

.box-destaque__position-title span {
    color: #e3c200
}

.box-destaque {
    background: url("../images/spripe_box.png") no-repeat;
    padding: 20px 20px;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    min-height: 360px
}

.box-destaque__cor1 {
    background-position: -50px bottom
}

.box-destaque__cor2 {
    background-position: -350px bottom
}

.box-destaque__cor3 {
    background-position: -600px bottom
}

.box-destaque__cor4 {
    background-position: -850px bottom
}
.box-destaque__cor5 {
    background-position: -1150px bottom
}

.box-destaque__content {
    color: #fff
}

.box-destaque__content-title {
    font-family: 'Trade Gothic LT Std' !important;
    font-weight: bold !important;
    color: #fff !important;
    font-size: 28px !important;
    text-transform: uppercase !important;
    margin-top: 15px !important;
    margin-bottom: 10px!important;
}

.box-destaque__icon {
    padding: 15px 0;
    height: 80px
}

.box-destaque__icon-elogio {
    background: url("../images/ico_elogio.svg");
    background-repeat: no-repeat;
    background-size: 80px 60px;
    background-position: center center
}

.box-destaque__icon-sugestao{
  /* background: url('../images/ico_sugestao.svg'); */
  background: url('../images/icon_sugestao.png');
  background-repeat: no-repeat;
  background-size: 80px 60px;
  background-position: center center;
}

.box-destaque__icon-solicitacao {
    /* background: url("../images/ico_solicitacao.svg"); */
    background: url("../images/ico_solicitacao.png");
    background-repeat: no-repeat;
    background-size: 80px 60px;
    background-position: center center
}

.box-destaque__icon-reclamacao {
    /* background: url("../images/ico_reclamacao.svg"); */
    background: url("../images/ico_reclamacao.png");
    background-repeat: no-repeat;
    background-size: 80px 60px;
    background-position: center center
}

.box-destaque__icon-denuncia {
    /* background: url("../images/ico_denuncia.svg"); */
    background: url("../images/ico_denuncia.png");
    background-repeat: no-repeat;
    background-size: 80px 60px;
    background-position: center center
}
.box-destaque__icon-denuncia-acompanhar{
    background: url('../images/ico_denuncia-acompanhar.png');
    /* background: url('../images/ico_denuncia-acompanhar.png'); */
    background: url('../images/ico_acompanhamento.png');
    background-repeat: no-repeat;
    background-size: 80px 60px;
    background-position: center center;
}

.box-destaque__icon-reclamacao-acompanhar{
  /* background: url('../images/ico_denuncia-acompanhar.png'); */
  background: url('../images/ico_acompanhamento.png');
  background-repeat: no-repeat;
  background-size: 80px 60px;
  background-position: center center;
}

.box-label__rodape {
    position: absolute;
    width: 360px;
    background: url(../images/label_rodape.png) no-repeat center center;
    top: -210px;
    right: 0;
    height: 450px
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
}

@media only screen and (max-width: 770px) {
    .box-destaque__cor1 {
        background: #e3c200
    }
    .box-destaque__cor2 {
        background: #f4ba1a
    }
    .box-destaque__cor3 {
        background: #7696d3
    }
    .box-destaque__cor4 {
        background: #4a5cd6
    }
    .box-destaque__cor5 {
        background: #1d366b
    }
    .modal-body {
        padding: 15px
    }
    .modal-footer {
        border: 0;
        padding: 0 15px
    }
    .modal-footer .btn-secondary {
        width: 100%;
        margin: 0
    }
    .paper h3 {
        font-size: 24px
    }
    .box-colors {
        padding: 25px 40px;
        height: auto;
        margin-bottom: 15px
    }
    .content {
        padding-top: 15px
    }
    .paper__large {
        padding: 0 15px 15px 15px
    }
    .navbar {
        padding: .5rem 1rem
    }
    .box-destaque__position {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        position: relative;
        left: 0;
        transform: none;
        z-index: 2
    }
    .box-destaque {
        min-height: auto
    }
    .box-destaque__position-title {
        font-family: 'Shree Devanagari 714';
        font-size: 34px;
        color: #fff;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
        padding: 50px 5px
    }
    .box-label__rodape {
        display: none
    }
    .bg-slice__home-1 {
        background: url(../images/bg-slice__home-1.png) no-repeat center top;
        height: auto
    }
    .bg-slice__home-1:before {
        display: none
    }
    .bg-slice__home-2 {
        background: url(../images/bg-slice__home-2.png) no-repeat center top;
        text-align: center;
        height: auto;
        padding-bottom: 30px;
        background-size: 770px
    }
    .bg-slice__home-2:before {
        background: url(../images/bg-slice__home-2.png) no-repeat center top;
        top: 0;
        z-index: 1;
        display: none
    }
    .bg-slice__home-3 {
        background: url(../images/bg-slice__home-3.png) no-repeat center bottom;
        text-align: center;
        height: auto;
        padding-bottom: 50px
    }
    .bg-slice__home-3:before {
        display: none
    }
    .box-slice__home-2-title {
        font-size: 26px
    }
}


/*# sourceMappingURL=style.css.map */