/*
Template Name: Wrapkit
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*============================================================== 
 You can write your style here and overwrite our style
 ============================================================== */

a {
    color: #00b0e8;
}

a:hover {
    color: #e4a95a;
}


 .performances.bg-lines {
    background-image: url(../images/performances-bg.gif);
    background-size: cover;
    background-position: center center;
}

 .performances .tit {
    font-size: 24px;
    line-height: 24px;
}

 .performances .card-body{
    background: #00b0e8;
    border-bottom: 9px solid #e8b157;
 }
 .performances .card-body h3,
 .performances .card-body p {
    color: #fff;
    margin: 0 0 10px 0;
}


.map-listing{
    background: #e8b157;
    border-bottom: 9px solid #00b0e8;
    padding: 30px !important;
}
.map-listing li{
    text-transform: uppercase;
    font-weight: 700;
}

.map-listing li:hover span {
    opacity: .5;}

.map-listing span{ color: #5f6a72; margin-left: 5px;}

.custom-modal h4{
    text-transform: uppercase;}



.geral {
    background-image: url(../images/geral-bg.jpg);
    background-size: cover;
    background-position: center center;
}

.geral .num {
    font-size: 75px;
    line-height: 75px;
}

.geral .tit {
    font-size: 24px;
    line-height: 24px;
}

 .geral .card-body{
    background: #e8b157;
    border-bottom: 9px solid #00b0e8;
 }
 .geral .card-body h4,
 .geral .card-body p {
    color: #fff;
    margin: 0 0 10px 0;
}

.offices{
    background: rgb(222,246,255);
    background: linear-gradient(0deg, rgba(222,246,255,1) 0%, rgba(255,255,255,1) 70%);
}

.testimonials{
    background: url(../images/marca-bg.gif) no-repeat;
    background-position: left 150px;
    text-align: center;
}

.testimonials p,
.testimonials h6{
    font-style: italic;
    line-height: 2rem;
    font-size: 18px;
    margin: 20px 0 ;
}


.footer{
    background: #e4a95a;
    background: url(../images/rp.gif);
    background-position: center;

}
.footer .footer-line{
    border-bottom: 2px solid #fff;
}
.footer .footer-line .col-md-3,
.footer .footer-line .col-md-4,
.footer .footer-line .col-md-5,
.footer .footer-line .col-md-8{
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.footer .footer-link{
    font-size: 30px;
}

.general-listing {
    padding: 0px;
    margin: 0px;
}

.general-listing.two-part li {
    width: 49%;
    display: inline-block;
}


.general-listing li a {
    display: flex;
    padding: 5px 0;
    align-items: center;
}




.interna-geral h2{
    margin-bottom: 30px;
}

.interna-geral h3,
.interna-geral h4 {
    font-weight: 600;
    color: #00b0e8;
    margin-bottom: 1.5rem;
}


.interna-geral strong{
    font-size: 120%;
    font-weight: 600;
}

.card-perform strong{color: #00b0e8;}
.card-perform p{margin: 0;}

.img-r{
    float: right;
    margin: 0 0 20px 20px;
    max-width: 400px;
}

.img-l{
    float: left;
    margin: 0 20px 20px 0;
    max-width: 400px;
}




















.slide-bg{
    background-position: right;
    background-size: cover;
}

.new-top .side-content {
    width: 580px;
    /* max-width: 580px; */
}

.new-top .bg-bar-info{
    background-color: #00b0e8;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 120%;
    left: -20%;
    position: relative;
}
.new-top .bg-bar-info .navbar-nav{
    flex-direction: row;
}
.new-top .bg-bar-info .navbar-nav .nav-link {
    padding: 12px 16px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}
.new-top .bg-bar-info .navbar-nav .nav-link:hover {
    background: rgba(0,0,0,0.1);
}


.new-top .navbar-brand{
    margin: 20px 0;
}


.new-top .side-text{
    padding: 40px 0 60px;
}

.side-img{
    flex: 1;
    position: relative;
    z-index: 1;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    left: -113px;
    overflow: hidden;
}
.side-imgIn{
    height: 100%;
    width: 160%;
    max-width: 925px;
    left: -126px;
    position: relative;
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
    background-position: left top;
}

.tit-side-img{
    left: -36px;
}

.tit-side-img .side-imgIn{
    width: 140%;
    left: -20%;
    background-position: center -50px;
    background-size: cover;
}

.tit-side-img .side-imgIn h1{
    padding: 75px 0 0 230px;
    text-transform: uppercase;
    font-size: 50px;
    color: #00b0e8;
}

.side-backImg{
    height: 100%;
    position: relative;
    left: -110%;
    width: 300%;
    background-position: center;
    background-size: cover;
}




.diagonal{
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
}
.diagonalIn{
    -webkit-transform: skew(15deg);
    -ms-transform: skew(15deg);
    transform: skew(15deg);
}

.bar1>ul,
.bar2>ul{
    width: 120%;
    position: relative;
}
.bar1>ul{
    left: -20%;
}

.side-col{
    display: flex;
    flex-direction: row;
}

.side-diagonal{
    flex: 1; display: flex;
    flex-direction: row;
    align-content: stretch;
}

.navbar{
    padding: 0;
}


@media (max-width: 1199px) {
    .general-listing.four-part li {
        width: 33%;
    }
    .performances .card-body h3{
        line-height: 30px;
        font-size: 30px;
    }

    h2 {
        line-height: 56px;
        font-size: 56px;
    }
    .new-top .side-content{
        width: 465px;
    }
    .new-top .side-text {
        padding: 40px 150px 60px 0;
    }
    .side-img {
        left: -98px;
    }

    .footer .footer-link {
        font-size: 26px;
    }
    .footer{
        background-position: 41%;
    }
}
@media (max-width: 991px) {
    .general-listing.four-part li {
        width: 49.5%;
    }

    .new-top .side-content{
        width: 345px;
    }

    .new-top .side-text {
        padding: 20px 70px 30px 0;
    }

    .side-img {
        left: -55px;
    }
    .footer{
        background-position: 35%;
    }
    .footer .footer-link {
        font-size: 16px;
        padding-left: 40px;
    }
}
@media (max-width: 767px) {
    .general-listing.four-part li {
        width: 49.5%;
    }
    .map-listing {
        padding: 20px !important;
    }

    .side-diagonal{
        display: none;
    }

    .side-content {
        padding: 15px !important;
        width: 100% !important;
    }
    .diagonal,
    .new-top .bg-bar-info .navbar-nav{
        flex-direction: column !important;
    }
    .diagonal .diagonalIn {
        padding: 0 !important;
        text-align: center !important;
    }
    .bar1>ul, .bar2>ul {
        left: -10% !important;
        
    }
    .new-top .bg-bar-info{
        left: 0%;
    }
    .new-top .side-text{
        padding: 40px 20px 50px 20px !important;
    }
    .footer{
        background: #e4a95a !important;
    }
    .footer .footer-link {
        padding-left: 0;
    }
    .footer .col-md-4{
        margin-bottom: 0 !important;
    }
}

@media (max-width: 575px) {
    .general-listing.four-part li {
        width: 99.9%;
        text-align: center;
    }

    h2 {
        line-height: 40px;
        font-size: 40px;
    }
    .spacer {
        padding: 30px 0;
    }

    .img-l, .img-r{
        width: 100%;
        margin: 0 0 20px 0;
    }
}



.card-diretores {
    margin-bottom: 20px;
}
.card-diretores .card-text{
    padding: 0 0 0 20px !important;
}
.card-diretores h5 {
    color: #00b0e8;
    font-weight: 600;
    margin: 0;
}
.card-diretores h5 strong {
    font-size: 100% !important;
    color:#84d8f3
}
.card-diretores p {
    margin: 0;
}
.card-about h3{
    color: #e4a95a;
    font-family: 'Playlist';
    font-size: 50px;
    font-weight: normal;
}
@media (min-width: 768px) {
    .card-diretores .card-img{
        max-width: 370px;
    }
}   
@media (max-width: 767px) {
    .card-diretores.d-flex.no-block{
        display: block !important;
    }
    .card-diretores .card-text{
        padding: 20px 0 !important;
    }
}



.enviando {display:none;}
.enviando>div {display:table; width:100%; height:100%; bottom:0px; left:0; position:fixed; z-index:1150; background:#fff} 
.enviando>div>div {display:table-cell; vertical-align:middle; text-align:center; font-size:32px; padding:20px }