.fundo {
    background: #F3F3F3;
}

/*
  ========================================
        HEADER
  ========================================
*/

.transition {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header {
    position: fixed;
    top:0;
    left: 0;
    height: 158px;
    width: 100%;
    z-index: 2;
    background:rgba(9,19,36, 0.5);

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.relative {
    position: relative;
}

.borda {
    height: 5px;
    position: relative;
    z-index: 1;
    background: #D23034;
}

.logo {
    background: #ffffff;
    height: 158px;
    width: 262px;
    position: absolute;
    left: 0;
    top: -6px;
    z-index: 2;

      display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;

    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.content-header {
    float: right;
}

.info-header {
    float: right;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.info-header h6 {
    float: left;
    margin-right: 65px;
    font-size: 16px;
    color: #FFFFFF;
    padding: 2px 0 4px 25px;
    background: url(../img/bg-header/email.png) left center no-repeat;
}

.info-header h5 {
    float: left;
    margin-right: 60px;
    font-size: 16px;
    color: #ffffff;
    padding: 2px 0 4px 25px;
    background: url(../img/bg-header/telefone.png) left center no-repeat;
}

.info-header h4 {
    float: left;
    margin-right: 26px;
}

.info-header h4 a {
    display: block;
    height: 28px;
    width: 28px;
    background: url(../img/bg-header/ico-face.png) center no-repeat;
}

.info-header h4,
.info-header h5,
.info-header h6 {
    margin-top: 13px;
}

.left-info {
    float: left;


    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.fixed .left-info {
    opacity:0;
}

.right-info {
    float: right;
}

.meu-painel {
    float: left;
}

.meu-painel a {
    display: block;
    padding: 14px 14px 14px 14px;
    background: #D23034;
    font-size: 12px;
    color: #ffffff;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.fixed .meu-painel a {
    margin-bottom:15px;
}

.fixed .menu {
    margin: -16px 0 0 0;
}

.fixed .logo {
    height: 110px;
}

.fixed {
    height: 109px;
    background: rgba(9,19,36, 0.5);
}

@media screen and (max-width: 1130px) {
	.info-header h6,
    .info-header h5 {
        margin-right: 30px;
    }
}



@media screen and (min-width: 1101px) {
	#menu_responsive {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
	.menu {
        display: none;
    }

    header {
        height: 110px;
        background: none;
    }

    .logo {
        height: 110px;
    }

    .info-header {
        position: relative;
        left: 25%;
    }
}

@media screen and (max-width: 1000px) {
    .info-header {
        left: 15%;
    }
}

@media screen and (max-width: 950px) {
    .info-header {
        left: 7%;
    }
}

@media screen and (max-width: 880px) {
    .info-header h4,
    .left-info {
        display: none;
    }

    .content-header {
        float: right!important;
        margin: 24px 80px 0 28px!important;
    }
}

@media screen and (max-width: 1100px) {
	.info-header h6, .info-header h5 {
        float: none;
        margin:0;
    }

    .logo {
        float: left;
        position: inherit;
        padding: 0 20px;
        width: 200px;
    }

    .content-header {
        float:left;
        margin: 20px 0 0 28px;
    }

    .meu-painel a {
        margin: 5px 0 0 0;

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .left-info {
        margin-right: 20px;
        margin-top: 5px;
    }

    .info-header h4 {
        margin-top: 18px;
    }

    .meu-painel a {
        padding:10px 13px;
        font-size: 10px;
        margin-left:5px;
    }
}

@media screen and (max-width: 830px) {
	.logo {
        width: 200px;
        padding: 0 15px;
    }
}

@media screen and (max-width: 740px) {
	.info-header h4,
    .left-info {
        display: none;
    }

    .logo {
        position: inherit;
        left: 0;
        float: left;
    }

    .content-right {
        float: right;
    }
}

@media screen and (max-width: 580px) {
    .meu-painel {
        display: none;
    }
}

/*
  ========================================
        GERAL
  ========================================
*/

.padding {
    padding-top: 45px;
    padding-bottom: 45px;
}

.title-red,
.title-blue {
    text-align: center;
}

.title-blue h1 {
    display: inline-table;
    font-size: 40px;
    font-weight: 600;
    color: #224A7B;
    padding: 0 0 5px 0;
    background: url(../img/bar-blue.jpg) bottom center no-repeat;
    margin-bottom: 16px;
}

.title-red h1 {
    display: inline-table;
    font-size: 40px;
    font-weight: 600;
    color: #D23034;
    padding: 0 0 5px 0;
    background: url(../img/bar-red.jpg) bottom center no-repeat;
    margin-bottom: 16px;
}

@media screen and (max-width: 1030px) {
    .padding {
        padding-top: 30px!important;
        padding-bottom: 30px!important;
    }

    .title-blue h1 {
        font-size: 30px;
    }
}

/*LIST THREE*/
.ulGrid ul{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
}

.list-three li {
    /* float: left; */
    width: 100%;
}

.list-three li:nth-of-type(3n) {
    margin-right: 0;
}

.img-list {
    position: relative;
}

.img-list img {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.img-list span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../img/efeito-list.jpg);
    background-size: cover;
    opacity: 0;
    z-index: 2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.txt-img-list {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    opacity: 0;

    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.txt-img-list h5 {
    font-size: 35px;
    color: #FFFFFF;
    font-weight: 600;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.txt-img-list h6 {
    font-size: 18px;
    color: #ffffff;
    border:1px solid #ffffff;
    text-align: center;
    padding: 8px 12px;
    margin: 15px 0 0 0;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.list-three h2 {
    font-size: 17px;
    color: #14355E;
    font-weight: 600;
    margin: 12px 0 0 0;
}

.list-three h3 {
    font-size: 16px;
    color: #242424;
    margin: 8px 0 0 0;
}

.list-three li:hover .img-list span {
    opacity: 0.8;
}

.list-three li:hover .txt-img-list {
    opacity: 1;
}

.list-three li:hover h2 {
    color: #D23033;
}

@media screen and (max-width: 1000px) {
    .ulGrid ul{
        grid-template-columns: repeat(2,1fr);
    }
}

@media screen and (max-width: 600px) {
    .ulGrid ul{
        grid-template-columns: repeat(1,1fr);
    }
}


/*
  ========================================
        INDEX
  ========================================
*/

#banner{
    width:100%;
    position:relative;
    z-index:1;
    height:auto;
}
    #banner .item{
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
        -ms-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    #banner .owl-controls{
        margin-top:-40px;
        position:relative;
        z-index:3;
    }

    #banner .owl-theme .owl-controls .owl-page span{
        border-radius:50%;
        height:24px;
        width:24px;
        margin:0px 4px;
        opacity: 1;
        border:1px solid transparent;
        background: url(../js/owl-carrousel/ball.png) center no-repeat;
    }
    #banner .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
        background: url(../js/owl-carrousel/ball.png) center no-repeat;
        border:1px solid #fff;
    }

    .banner_1{
        width:100%;
        height:775px;
        display:table;
        /*background:url("../img/banner/1.jpg") no-repeat center center;*/
    }
    .banner_2{
        width:100%;
        height:650px;
        display:table;
        background:url("../img/banner/2.jpg") no-repeat center center;
    }

    .banner_3{
        width:100%;
        height:650px;
        display:table;
        background:url("../img/banner/3.jpg") no-repeat center center;
    }

    .banner_4{
        width:100%;
        height:650px;
        display:table;
        background:url("../img/banner/4.jpg") no-repeat center center;
    }

    .capter_banner{
        width: 100%;
        font-weight: 100;
        text-align: center;
        padding-top:100px;
    }
        .capter_banner p{
            color: #fff;
            line-height:1.3;
            font-weight: 600;
                    font-size:55px;
        }

.borda-banner {
    display: inline-table;
    margin: 10px 0 0 0;
}

.borda-banner h5 {
    width: 245px;
    height: 3px;
    background: #ffffff;
    margin-bottom: 3px;
}

.borda-banner h6 {
    display: inline-table;
    width: 112px;
    height: 3px;
    background: #ffffff;
}

@media screen and (max-width: 1100px) {
    .capter_banner {
        padding-top: 80px;
    }
}

@media screen and (max-width: 1030px) {
    .capter_banner p {
        font-size: 35px;
    }

    #banner .item {
        height: 560px;
    }
}

@media screen and (max-width: 600px) {
    .capter_banner p {
        font-size: 30px;
    }

    #banner .item {
        height: 500px;
    }
}

@media screen and (max-width: 500px) {
    .capter_banner p {
        font-size: 25px;
    }

    #banner .item {
        height: 400px;
    }
}

/*FIRST CONTENT*/

.first-content {
    background: url(../img/first-content.jpg) center repeat;
}

.first-content p {
    font-size: 18px;
    color: #333333;
    text-align: center;
}

#owl-servicos .owl-item {
    padding: 0 10px!important;
}

/*SECOND CONTENT*/

.second-content {
    height: 555px;
    padding: 67px 0;
    background-image: url(../img/second-content.jpg);

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.txt-1 {
    float: left;
}

.txt-1 h1 {
    font-size: 75px;
    color: #ffffff;
    line-height: 1.3;
    font-weight: bold;
    background: url(../img/bar-white.jpg) bottom left no-repeat;
    padding-bottom: 30px;
    margin-bottom: 35px;
}

.txt-1 h1 span {
    display: block;
}

.txt-1 h2 {
    font-size: 45px;
    color: #ffffff;
}

.txt-2 {
    float: right;
    width: 50%;
    margin: 40px 0 0 0;
    text-align: center;
}

.txt-2 p {
    font-size: 18px;
    color: #ffffff;
    line-height: 1.7;
    margin-bottom: 18px;
}

.txt-2 h2 {
    width: 100%;
    text-align: center;
}

.txt-2 h2 a {
    display: inline-table;
    font-size: 20px;
    color: #ffffff;
    border:1px solid #ffffff;
    text-align: center;
    padding: 19px 38px;
    margin: 30px 0 0 0;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.txt-2 h2 a:hover {
    background: #ffffff;
    color:#802c2c;
}

@media screen and (max-width: 1030px) {
    .txt-1,
    .txt-2 {
        width: 100%;
    }

    .txt-1 h1 {
        font-size: 34px;
        padding-bottom: 15px;
        margin-bottom: 15px;
        text-align: center;
        background: url(../img/bar-white.jpg) bottom center no-repeat;
    }

    .txt-1 h2 {
        font-size: 30px;
        text-align: center;
    }

    .txt-1 h1 span {
        display: inline;
    }

    .txt-2 {
        margin: 20px 0 0 0;
    }

    .second-content {
        height: auto;
    }
}

@media screen and (max-width: 700px) {
    .txt-1 h1 {
        font-size: 30px;
    }

    .txt-1 h2 {
        font-size: 25px;
    }

    .txt-2 h2 a {
        margin: 15px 0 0 0;
        padding: 14px 35px;
    }
}

/*THIRT CONTENT*/

.thirt-content {
    background: url(../img/first-content.jpg) top center repeat;
    background-size:cover;
}

.thirt-content ul {
    padding: 30px 0 0 0;
}

.thirt-content p {
    font-size: 18px;
    color: #6C6C6C;
}

@media screen and (max-width: 1030px) {
    .thirt-content ul {
        padding: 20px 0 0 0;
    }
}



/*
  ========================================
        FOOTER
  ========================================
*/

.rodape {
    background: url(../img/rodape.jpg) repeat;
    padding-top: 55px;
    padding-bottom: 55px;
}

.content-left-rdp {
    float: left;
}

.rua-rdp {
    float: left;
    padding: 0 0 0 36px;
    background: url(../img/rua.png) left top 5px no-repeat;
    margin: 12px 0 0 0;
}

.rua-rdp h6 {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.2;
}

.rua-rdp h5 a {
    font-size: 14px;
    color: #FFFFFF;
}

.rua-rdp h5 a:hover {
    text-decoration: underline;
}

.tel-rdp {
    float: left;
    margin-left: 60px;
    padding: 0 0 0 45px;
    background: url(../img/tel-rdp.png) left top 20px no-repeat;
}

.tel-rdp h6 {
    font-size: 25px;
    color: #ffffff;
}

.tel-rdp h6 span {
    font-size: 20px;
}

.tel-rdp a {
    font-size: 17px;
    display: block;
    margin: 5px 0 0 0;
}

.tel-rdp a:hover {
    text-decoration: underline;
}

.concessao {
    float: left;
    margin: 20px 85px 0 0;
}

.concessao h6 {
    font-size: 13px;
    color: #ffffff;
    margin: 8px 0 0 0;
}

.content-right-rdp {
    float: right;
}

.newsletter {
    float: right;
    width: 420px;
}

.newsletter h2 {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 12px;
}

.email-new {
    float: left;
    width: 59%;
}

.btn-new {
    float: right;
    width: 39%;
}

.newsletter input[type="text"], textarea {
    padding: 14px 22px;
    background:#ffffff;
    border: 1px solid #ffffff;
    outline: none;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    color: #525252;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.newsletter .btn {
    float: right;
    width: 100%;
    padding: 14.5px 0;
    border:none;
    outline: none;
    font-size: 15px;
    color:#FFFFFF;
    cursor:pointer;
    border: 1px solid #D23034;
    background-color: #D23034;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.last {
    background: url(../img/last.jpg) repeat;
    padding: 15px 0;
}

.logo-jap {
    float: left;
}

.direitos {
    float: left;
    margin-left: 30px;
    margin-top: 18px;
}

.last p {
    font-size: 15px;
    color: #ffffff;
    margin: 0;
}

.blocos-last {
    float: left;
    margin-left: 160px;
    margin-top: 5px;
}

.blocos-last li {
    float: left;
    margin-right: 15px;
}

.blocos-last li:last-child {
    margin-right: 0;
}

.blocos-last li a {
    font-size: 15px;
    color: #ffffff;
    border:1px solid #1A3E6A;
    display: block;
    padding: 8px 15px 8px 38px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.blocos-last li:first-child a {
    background: url(../img/blocos-last-1.png) left 14px center no-repeat;
}

.blocos-last li:nth-of-type(2) {
    background: url(../img/blocos-last-2.png) left 14px center no-repeat;
}

.blocos-last li:last-child {
    background: url(../img/blocos-last-3.png) left 14px center no-repeat;
}

.desenvolvido {
    float: right;
    margin-top: 12px;
}

.desenvolvido h6 {
    float: left;
    font-size: 15px;
    color: #ffffff;
    margin-right: 8px;
}

.desenvolvido img {
    float: right;
    margin-top: 3px;
}

@media screen and (max-width: 1340px) {
     .concessao {
         margin:20px 40px 0 0;
     }

     .newsletter {
         width: 400px;
     }
}

@media screen and (max-width: 1250px) {
    .content-left-rdp,
    .content-right-rdp {
        width: 100%;
        text-align: center;
    }

    .content-left-rdp {
        margin-bottom: 20px;
    }

    .center-div {
        display: inline-table;
    }
}

@media screen and (max-width: 1200px) {
    .blocos-last {
        margin-left: 80px;
    }
}

@media screen and (max-width: 1150px) {
    .logo-jap {
        display: none;
    }

    .direitos {
        margin-left: 0;
    }
}

@media screen and (max-width: 1000px) {
    .direitos,
    .blocos-last,
    .desenvolvido {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0 0 15px 0;
    }

    .desenvolvido h6 {
        display: none;
    }

    .desenvolvido img {
        float: none;
    }

    .blocos-last ul {
        display: inline-table;
    }
}


@media screen and (max-width: 700px) {
    .rua-rdp,
    .tel-rdp {
        width: 100%;
        margin: 0;
        background: none;
        padding: 0;
    }

    .rua-rdp {
        margin-bottom: 25px;
    }

    .concessao,
    .newsletter {
        width: 100%;
    }

    .concessao {
        margin: 0 0 25px 0;
    }
}

@media screen and (max-width: 600px) {
    .blocos-last li {
        width: 100%;
        margin-bottom: 5px;
    }

    .blocos-last li:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 450px) {
    .email-new,
    .btn-new {
        width: 100%;
    }

    .email-new {
        margin-bottom: 5px;
    }
}

/*
  ========================================
        INTERNAS
  ========================================
*/

.title {
    height: 294px;
    background: url(../img/title.jpg) top center no-repeat;
    position: relative;
}

.title2{
    height: 294px;
    background: url(../img/title2.jpg) top center no-repeat;
    position: relative;
}


.in-title {
    position: absolute;
    bottom: 35px;
    width: 100%;
    left: 0;
    text-align: center;
}

.in-title h1 {
    font-size: 40px;
    font-weight: 600;
    color: #ffffff;
    padding-bottom: 8px;
    background: url(../img/borda-title.jpg) bottom center no-repeat;
}

.internas {
    background: #FBFBFB;
}

.internas-sombra {
    background: url(../img/internas-sombra.jpg) repeat;
}

.internas p,
.internas-sombra p {
    font-size: 17px;
    color: #333333;
}

.internas h1 {
    font-size: 40px;
    color: #D23034;
    font-weight: 600;
    text-align: center;
    padding-bottom: 8px;
    margin-bottom: 20px;
    background: url(../img/borda-red.jpg) bottom center no-repeat;
}

@media screen and (max-width: 1100px) {
    .title {
        height: 230px;
    }
}

@media screen and (max-width: 1030px) {
    .title-red h1,
    .internas h1 {
        font-size: 30px;
    }
}

@media screen and (max-width: 600px) {
    .in-title h1 {
        font-size: 30px;
    }
}

/*
  ========================================
        A JAPNET
  ========================================
*/

.txt-left {
    float: left;
    width: 47%;
}

.box-white {
    margin: 30px 0 0 0;
}

.box-white li {
    background: #ffffff;
    padding: 20px 24px;
    margin-bottom: 12px;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.75);
}

.box-white li:last-child {
    margin-bottom: 0;
}

.box-white li h2 {
    font-size: 17px;
    color: #D23033;
    margin-bottom: 10px;
}

.box-white li p {
    font-size: 16px;
    color: #242424;
    margin: 0;
}

.img-right {
    float: right;
    width: 50%;
}

.img-right img {
    display: block;
    width: 100%;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.onde-atuamos p {
    text-align: center;
}

.img-atuacao {
    float: left;
    margin-top: 40px;
    margin-left: -45px;
}

.lista-atuacao {
    float: right;
    width: 48%;
    margin-top: 65px;
}

.lista-atuacao li {
    float: left;
    width: 50%;
    font-size: 15px;
    color: #214B7F;
    font-weight: 600;
    text-align: left;
    margin-bottom: 20px;
    padding: 0 10px
}

.lista-atuacao li:nth-of-type(3n) {
    margin-right: 0;
}

.lista-atuacao li div {
    display: inline-table;
}

.lista-atuacao li span {
    float: left;
    display: block;
    background: url(../img/lista-atuacao.png) left center no-repeat;
    width: 30px;
    height: 20px;
    margin-right: 15px;
}

@media screen and (max-width: 1300px) {
    .img-atuacao {
        float: none;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .img-atuacao img {
        display: inline-table;
    }

    .lista-atuacao {
        width: 100%;
    }
}

@media screen and (max-width: 850px) {
	.txt-left,
    .img-right {
        width: 100%;
    }

    .txt-left {
        margin-bottom: 25px;
    }

    .box-white {
        margin-top: 25px;
    }

    .lista-atuacao {
        margin-top: 15px;
    }
}

@media screen and (max-width: 800px) {
    .lista-atuacao li {
        width: 48%;
        margin-right:0;
    }

    .lista-atuacao li:nth-of-type(2n) {
        float: right;
    }
}

@media screen and (max-width: 550px) {
    .lista-atuacao li {
        width: 100%;
    }
}



/*
  ========================================
        SERVICOS
  ========================================
*/

.lista-servicos {
    margin: 30px 0 0 0;
}

.slide-servicos,
.lista-servicos li {
    float: left;
    width: 17.5%;
    margin-right:2.5%;
    padding: 22px 0 10px 0;
    cursor: pointer;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-servicos {
    width: 100%;
}



.lista-servicos li:nth-of-type(5n) {
    margin-right:0;
}

#c12 .circle-plan{
    background:#000;
}


.slide-servicos:hover,
.lista-servicos li:hover {
    /* background: #D23034;*/
}

.slide-servicos:hover h6,
.lista-servicos li:hover h6 {
    color: #ffffff;
}

.img-servicos {
    height: 135px;
    width: 100%;
    position: relative;
}

.txt-servicos {
    height: 65px;
    padding: 0 20px;

    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.txt-servicos h6 {
    font-size: 18px;
    font-weight: 600;
    color: #616161;
    text-align: center;
    line-height: 1.3;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.circle-plan{
  width:140px;
  height:140px;
  border-radius:50%;
  display:table;
  margin:0 auto;
  background:#214B7F;

  transition-duration:0.2s;
  -webkit-transition-duration:0.2s;
  -moz-transition-duration:0.2s;
}
.circle-plan span{
  display:table-cell;
  vertical-align: middle;
  color:#fff;
  text-align:center;
  font-weight:bold;
  font-size:20px;
}

.slide-servicos:hover .circle-plan,
.lista-servicos li:hover .circle-plan {
    background: #D23034;
}

.txt-servicos p{
  font-size:12px;
}

/*ICONES*/

.icone-branco{
    /* altera a cor do icone para branco */
    filter: grayscale(1) contrast(500%) invert(100%);
}

.img-servicos {
    text-align: center;
}

.img-relative {
    display: inline-table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.img-relative span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.hover-img {
    opacity: 0;
}

.slide-servicos:hover .hover-img {
    opacity: 1;
}

.slide-servicos:hover .none-hover {
    opacity: 0;
}

.img-relative img {
   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.content-servicos {
    display: none;
    background: #FBFBFB;
    padding: 35px 0 40px 0;
    position: relative;
}

#content-servicos {
    position: absolute;
    top: -108px;
}

.content-servicos h1 {
    margin-bottom: 35px;
}

.content-servicos p {
    font-size: 17px;
    color: #333333;
}

.content-servicos h6 a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 21px 0;
    margin: 20px 0 0 0;
    background: #D23034;
    font-size: 17px;
    color: #ffffff;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.content-servicos h6 a:hover {
    background: #BC292D;
}

.txt-abas {
    float: left;
    width: 47%;
}

.img-abas {
    float: right;
    width: 50%;
}

.img-abas img {
    display: block;
    width: 100%;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.relative {
    position: relative;
}

.close {
    position: absolute;
    top: 12px;
    right: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.close a {
    display: block;
    width: 100%;
    height: 40px;
    width: 40px;
    background: #d23034 url(../img/close.png) center no-repeat;
    background-size:40%;
}

.close a:hover {
    background: #ad2c2f url(../img/close.png) center no-repeat;
    background-size:40%;
}

@media screen and (min-width: 801px) {
    #close-resp {
        display: none;
    }
}

#close-resp {
    position: absolute;
    top: -110px;
}

@media screen and (max-width: 800px) {
    .img-abas,
    .txt-abas {
        width: 100%;
    }

    .img-abas {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1380px) {
    .close {
        right: 25px;
    }
}

@media screen and (max-width: 600px) {
    .close {
        float: none;
        right: 0;
        text-align: center;
        margin-bottom: 25px;
        position: inherit;
    }

    .close a {
        display: inline-table;
    }
}

/*
  ========================================
        BLOG DETALHES
  ========================================
*/

.content-detalhes {
    float: left;
    width: 65%;
}

.content-detalhes h2 {
    font-size: 25px;
    color: #13345E;
}

.content-detalhes h3 {
    font-size: 13px;
    color: #797979;
    margin-bottom: 15px;
}

.content-detalhes img {
    display: block;
    width: 100%;
    margin-bottom: 28px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.content-detalhes p {
    font-size: 17px;
    color: #333333;
    line-height: 1.6;
    margin-bottom: 20px;
}

.lista-detalhes {
    float: right;
    width: 30%;
}

.lista-detalhes li {
    width: 100%!important;
}

.pesquisa {
    position: relative;
    margin-bottom: 25px;
}

.pesquisa input[type="text"] {
    padding: 14px 22px;
    background:#ffffff;
    border: 1px solid #D6D6D6;
    outline: none;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    color: #525252;
    position: relative;
    z-index: 1;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-pesquisa {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    background: url(../img/seta-blog.png) center no-repeat;
    z-index: 2;
    outline: none;
    cursor:pointer;
    border: 1px solid transparent;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn-pesquisa:hover {
    border:1px solid #D6D6D6;
    background: #F7F7F7 url(../img/seta-blog.png) center no-repeat;
}

@media screen and (max-width: 800px) {
    .content-detalhes,
    .lista-detalhes {
        width: 100%;
    }

    .lista-detalhes li:last-child {
        margin-bottom: 0;
    }
}

/*
  ========================================
        CONTATO
  ========================================
*/

.formulario {
    float: left;
    width: 60%;
}

.info-contato {
    float: right;
    width: 36%;
}

.info-contato li {
    background: #1C416F;
    padding: 16px 0 16px 78px;
    margin-bottom: 12px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.info-contato li:first-child {
    background: #1C416F url(../img/local-contato.png) left 26px center no-repeat;
}

.info-contato li:last-child {
    padding: 24px 0 24px 78px;
    background: #1C416F url(../img/telefone-contato.png) left 26px center no-repeat;
}

.info-contato li p {
    font-size: 16px;
    color: #FFFFFF;
    margin: 0;
}

.info-contato li h6 a {
    display: block;
    margin: 3px 0 0 0;
    font-size: 14px;
    color: #ffffff;
}

.info-contato li h6 a:hover {
    text-decoration: underline;
}

.info-contato li h1 {
    font-size: 23px;
    color: #ffffff;
}

.info-contato li h1 span {
    font-size: 20px;
}

.info-contato li h5 a {
    display: block;
    font-size: 17px;
    color: #ffffff;
}

.info-contato li h5 a:hover {
    text-decoration: underline;
}

/*INPUTS*/

.left-input {
    float: left;
    width: 49.7%;
}

.right-input {
    float: right;
    width: 49.7%;
}

.inputs input[type="password"],
.inputs input[type="text"], textarea {
    padding: 14px 20px;
    background: #ffffff;
    border: 1px solid #D6D6D6;
    outline: none;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    color: #525252;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.inputs select {
    -webkit-appearance: none !important;
    -moz-appearance:     none !important;
    width:100%;
    padding: 12px 20px;
    background:#ffffff url(../img/seta-select.png) right 15px center no-repeat;
    border: 1px solid #D6D6D6;
    outline: none;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    color: #525252;
    cursor: pointer;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.inputs .btn {
    float: right;
    padding: 13px 55px;
    border:none;
    outline: none;
    font-size:17px;
    color:#FFFFFF;
    font-weight: 600;
    cursor:pointer;
    border: 1px solid #D23034;
    background: #D23034;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.inputs .btn:hover {
    background: #7B151B;
}

.margin {
    margin-bottom: 5px;
}

@media screen and (max-width: 950px) {
    .formulario,
    .info-contato,
    .inputs .btn {
        width: 100%;
    }

    .formulario {
        margin-bottom: 20px;
    }

    .info-contato {
        text-align: center;
    }

    .info-contato ul {
        display: inline-table;
    }

    .info-contato li {
        width: 100%;
        padding: 24px 25px 24px 78px!important;
    }
}

@media screen and (max-width: 500px) {
    .left-input,
    .right-input {
        width: 100%;
    }

    .info-contato li {
        background: #1C416F!important;
        padding: 25px!important;
    }

    .info-contato ul {
        display: inherit;
    }
}

/*
  ========================================
  Placeholder
  ========================================
*/

::-webkit-input-placeholder {
    color: #525252;
}

:-moz-placeholder {
    color: #525252;
}

::-moz-placeholder {
    color: #525252;
}

:-ms-input-placeholder {
    color: #525252;
}

.mensagem {
    padding:20px;
    margin-bottom:10px;
    background-color:#E4332A;
    font-size:15px;
    color:#ffffff;
    border-radius:6px;
}

/*
  ========================================
  Pagination
  ========================================
*/

.pagination li {
    float: left;
    width:inherit!important;
    margin:0 7px 0 0;
}

.pagination li:nth-of-type(3n) {
    margin:0 7px 0 0;
}

.pagination li a {
    display: block;
    margin-left: -1px;
    padding: 6px 14px;
    padding-top: 7px;

    border: 1px solid #1E659D;

    font-family: inherit;
    font-size: 15px;
    color: #1E659D;
    line-height: normal;
}

.pagination li a:hover,
.pagination li.current a {
    background: #1E659D;
    border-color: #1E659D;
    color: #ffffff;

    position: relative;
    z-index: 2;
}

/*FORMULARIO CONTATO*/

.full_message {
    position:fixed;
    overflow: hidden;
    width:100%;
    height:100%;
    top:0%;
    bottom:0%;
    left:0%;
    right:0%;
    z-index:-1;
    opacity:0;
    background:rgba(0,0,0,0.8);
    transition-duration:0.2s;
    -webkit-transition-duration:0.2s;
    -moz-transition-duration:0.2s;
    z-index: 99999;
    pointer-events:none;
}

.full_message.show {
    opacity:1;
    pointer-events:auto;
}

.full_message.show {
    z-index:9999999;
    opacity:1;
}
.box_message {
    margin:0 auto;
    width:90%;
    position:relative;
    top:50%;
    margin-top:-90px;
    max-width:500px;
    height:180px;
    background:#fff;
    padding:30px 25px;
    border-radius:6px;
    opacity:0;
    z-index: -55555;
    transform: scale(0.5) rotate(0deg);
    transition-duration:0.2s;
    -webkit-transition-duration:0.2s;
    -moz-transition-duration:0.2s;
}

.box_message {
    top: 42%!important;
}

.box_message {
    max-width:700px;
    height:auto;
    margin-top:-277px;
}

.full_message .box_message {
    opacity:1;
    z-index:55555;
    transform: scale(1) rotate(0deg);
}
.box_message{
    height:auto;
}
.box_message img{
    margin:0 auto;
    width:61px;
    height:61px;
    display:table;
    margin-bottom:15px;
}
.box_message p {
    width:100%;
    display:table;
    text-align:center;
    color: #333;
}
.box_message .bt_close {
    width: 40px;
    height: 40px;
    display: table;
    background: #1b1b1b url("../img/icon_close.png") no-repeat center center;
    background-size: 40%;
    position: absolute;
    top: 0px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    right: 0px;
    border: 0px;
    cursor: pointer;
}
.box_result{
    width:100%;
    padding:30px;
    height:auto;
    display:table;
    color:#111111;
    font-size:15px;
    text-align:center;
    background:#F3AD3A;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top:25px;
}

.icon{
    display:table;
    width:100%;
    height:auto;
    margin:0 auto;
}
    .icon .img{
        width:95px;
        height:95px;
        display:table;
        margin:0 auto;
        background:url("../img/icon_alert.png") no-repeat center center;
    }

    /*
    .i_alert{
        background:url("../img/icon_alert.png") no-repeat center center;
    }
    */
    .i_success{
        background:url("../img/icon_success.jpg") no-repeat center center !important;
    }
    .i_error{
        background:url("../img/icon_error.jpg") no-repeat center center !important;
    }


.full_message h1 {
    font-size: 22px;
    font-weight: 600;
    color: #ab2222;
    margin-bottom: 25px;
}

.full_message textarea,
.full_message input[type="text"] {
    padding: 12px 20px;
    background: transparent;
    border: 1px solid #1b1b1b!important;
    outline: none;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #ab2222;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.full_message select {
    -webkit-appearance: none !important;
    -moz-appearance:     none !important;
    width:100%;
    padding: 12px 20px;
    background: transparent url(../img/seta-blue.png) right 15px center no-repeat;
    border: 1px solid #26406A;
    outline: none;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #ab2121;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.full_message #btn_send {
    /* float: right; */
    width: 220px;
    padding: 16px 0;
    margin: 15px 0 0 0;
    border:none;
    outline: none;
    font-size: 16px;
    color:#FFFFFF;
    font-weight: bold;
    cursor:pointer;
    border: 1px solid #ab2121;
    /* margin: 10px 0 0 0; */
    background: #ab2222;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.full_message ::-webkit-input-placeholder {
    color: #ab2121;
}

.full_message :-moz-placeholder {
    color: #ab2121;
}

.full_message::-moz-placeholder {
    color: #ab2121;
}

.full_message :-ms-input-placeholder {
    color: #ab2121;
}
.alert {
  border-radius: 10px;
  padding: 20px 30px;
  text-align: center;
  background: #ab2121;
  color: #fff;
}


/* NOVA IDEIA DOS SERVIÇOS */
.wrap_service{
    width:100%;
    display:inline-table;
    height:150px;
    background: #FBFBFB;
}
.wrap_service .content_service{
    margin:0 auto;
    width:100%;
    height:auto;
    max-width:1300px;
}

/*  SERVIÇOS DETALHES */
.titulo_servico{
    width:100%;
    font-weight:bold;
    font-size:25px;
    color:#1C416F;
    text-align:center;
}
.texto_servico{
    text-align:center;
    color:#888;
    font-size:14px;
}
.botao_servico{
    float: right;
    width: 100%;
    padding: 14.5px 0;
    border: none;
    outline: none;
    font-size: 15px;
    color: #FFFFFF;
    cursor: pointer;
    border: 1px solid #D23034;
    background-color: #D23034;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    
    font-weight:bold;
    text-align: center;
}

.left{
    float:left;
}
.right{
    float:right;
}

.column_equals{
    width:46%;
}
    .column_equals p{
        font-size:15px;
    }

.blue_title{
    color:#204A79;
    font-size:30px;
    font-weight:900;
    line-height:30px;
    margin-bottom:30px;
}
    .box_li{
        width:100%;
        display:table;
        margin-top:20px;
        margin-bottom:20px;
    }
    .box_li li{
        width:48%;
        margin-right:1%;
        float:left;
    }
    .box_li span{
        width:100%;
        display:table;
        padding:15px 25px;
        border:1px solid #D6D6D6;
        background:#F0F0F0;
        font-size:15px;
        color:#777;
        font-weight:bold;
    }
    .legenda_box{
        width:100%;
        display:table;
        font-size:13px;
        color:#555;
        margin-bottom:30px;
    }

    .blue_button{
        border:0px;
        clear:both;
        background:#1A3D68;
        color:#fff;
        width:100%;
        padding:17px 40px;
        font-weight:bold;
        font-size:14px;
        border-radius:3px;
    }

    .blue_subtitle{
        margin-top:10px;
        color:#204A79;
        font-size:20px;
        font-weight:900;
        line-height:30px;
        margin-bottom:30px;
    }

    .box_servicos{
        width:100%;
        display:table;
        width:100%;
    }
    .box_servicos li{
        float:left;
        border-radius:6px;
        padding:20px 20px;
        width:49%;
        background:#D23034;
        text-align:center;
    }
    .box_servicos li:nth-of-type(2){
        margin-left:2%;
    }
    .box_servicos li figure{
        margin-top:10px;
        height:40px;
    }
    .box_servicos li p{
        color:#fff;
        margin-top:10px;
    }

    .input{
        padding: 14px 20px;
        background: #ffffff;
        border: 1px solid #D6D6D6;
        outline: none;
        font-size: 13px;
        font-family: 'Lato', sans-serif;
        color: #525252;
        position: relative;
        z-index: 1;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width:100%;
        margin-bottom:6px;
    }
    .e_input{
        width:49.5%;
    }

    .msg{
        height:120px;
        resize:none;
    }

    .bt_submit{
        background:#D23034;
        display:table;
        font-weight:bold;
        font-size:13px;
        border:0px;
        color:#fff;
        width:200px;
        padding:16px 30px;
        float:right;
        cursor:pointer;
    }

    .box_service{
        display:inline-table;
        margin-top:20px;
        margin-bottom:20px;
        width:100%;
    }
    .box_service  legend{
        width:20%;
        display:table;
        height:100px;
        font-size:15px;
        color:#333;
        float:left;
    }
    .box_service div{
        float:right;
        display:table;
        width:80%;
    }
    .box_service div label{
        width:100%;
        display:table;
        margin-bottom:10px;
    }
    .box_service div label span{
        margin-left:6px;
        font-size:14px;
        margin-top:-3px;
    }
    .box_service div label input{
        float:left;
        margin-top:6px;
    }

    @media screen and (max-width:810px){
        .column_equals{
            width:100%;
            margin-top:30px;
        }
    }

    @media screen and (max-width:620px){
        .input{
            width:100%;
        }
        .box_li li{
            width:100%;
            margin-left:0px !important;
            margin-right:0px !important;
            margin-bottom:5px;
        }
        .box_servicos li{
            width:100%;
            margin-left:0px !important;
            margin-right:0px !important;
            margin-bottom:10px;
        }
    }