/*
    Theme Name: Imperio da Aprendizagem
    Theme URI: http://imperio.co.ao
    Author: Gilson Jelembi
    Author URI: https://www.linkedin.com/in/gilson-jelembi/
    Description: Fully Responsive theme for Business 
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: white, green, light, custom-header, custom-menu, featured-images.
    Text Domain: imperio
*/



@font-face { 
    font-family: 'Tatty'; 
    src: url('fonts/Tatty.eot') format('embedded-opentype'),
         url('fonts/Tatty.woff') format('woff'),
         url('fonts/Tatty.ttf') format('truetype'),
         url('fonts/Tatty.svg#Tatty') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}


.clearfix{
    clear: both;
}

a,
body,
p,
td {
    font-family:Tatty, sans-serif; 
}

h1,
h2,
h3,
h4{
    font-weight: 600;
}

h3{
    margin-top: 10px;
}

body {
    width: 100%;
    height: 100%;
    color: #5a5a5a;
    background-color: #FFFFFF;
}

html {
    width: 100%;
    height: 100%;
}

p {
    margin: 0 0 25px;
    font-size: 1.05em;
    line-height: 1.5;
    font-weight: lighter;
}

a {
    color: rgb(90,160,207);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #ba8400;
    background-color:transparent;
}

.box_topo_contacto{
    padding-top: 7px;
    height: 45px;
    background-color: #881616;
    clear: both; 
}

.box_topo_contacto a,
.box_topo_contacto p{
    color: #ffffff;
    font-weight: 100;
    font-size: .9em;
}

.box_topo_contacto p{
    margin-left: -15px; 
}

.box_topo_contacto p,
.box_topo_contacto a.contact{
    display: inline-block;
    text-align: left;
    margin-right: 40px;
    padding-top: 8px;
}

.box_topo_contacto a.contact:hover{
    text-decoration: none;
    background-color: none;
}

.box_topo_contacto a.contact i{
    margin-right: 6px;
    color: #ba8500;
    font-size: 1.2em;
    position: relative;
    top: 2px;
}

.box_topo_contacto i.fa-map-marker{
    color: #ba8500;
}

.box_topo_contacto a.contact:first-child{
    margin-bottom: 2px;
}

.box_topo_contacto a.contact:first-child i{
    transform: rotate(90deg);
    transform: scaleX(-1);
}

.navbar-custom{
    background-color: #ffffff;
    color: #272525;
    border-bottom: solid 2px #ba8400;
    margin-bottom: 0;
    text-transform: none;
}

.navbar-custom .container{
    padding-bottom: 25px;

}

.navbar-custom .navbar-brand {
    padding: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    color: #1b2741;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: lighter;
}

.navbar-custom .nav li a:hover {
    outline: 0;
    color: rgba(27,39,65, .5);
    background-color: transparent;
}

.navbar-custom .nav li.dropdown_item:hover ul.dropdown-menu{
    display: block;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}

.navbar-custom .nav li.active {
    outline: 0;
}

.navbar-custom .nav li.active a {
    color: #FFFFFF;
    font-weight: 600;
    background: #ba8400;
    border-radius: 25px; 
    border: solid 2px #ba8400;
}

.navbar-custom .nav li ul.dropdown-menu li a{
    height: auto;
    color: #272525;
    text-transform: capitalize;
    font-size: 1em;
    display: block;
    width: 100%;
}

.navbar-custom .nav li ul.dropdown-menu li:last-child a{
    border-bottom: none;
}


.navbar-custom .nav li ul li a:hover{
    color: #FFFFFF;
    background-color: #8b1b3f;
    border: none;
}

.navbar-custom .nav li.active a ul.dropdown-menu li a{
    border:none;
    height: auto;
}

.navbar-custom .nav li.active ul.dropdown-menu li a,
.navbar-custom .nav li.active ul.dropdown-menu li a:hover,
.navbar-custom .nav li.active ul.dropdown-menu li a:active,
.navbar-custom .nav li.active ul.dropdown-menu li a:focus{
    border-radius: 0px !important;
    background-color: #FFFFFF;
    font-weight: normal;
}

.navbar-custom .nav li.active ul.dropdown-menu li a:hover{
    background-color: rgb(176,22,87);
}

.navbar-custom .nav li ul.dropdown-menu li.active a,
.navbar-custom .nav li ul.dropdown-menu li a:hover,
.navbar-custom .nav li ul.dropdown-menu li a:active,
.navbar-custom .nav li ul.dropdown-menu li a:focus{
    color: #FFFFFF;
    border-radius: 0px !important;
    background-color: rgb(176,22,87);
}

.menu_principal{
    margin: 10px auto 15px;
}

.menu_principal.affix{
    margin: 0 auto;
    width: 100%;
    background-color: rgba(255,255,255, .95);
    top: 0;
    box-shadow: 0 -3px 5px #000;
    z-index: 10;
}

.menu_principal.affix .navbar-brand{
    top: 0;
}

.menu_principal.affix .navbar-brand>img{
    width: 72px;
    margin-top: 3px;
}

.box_menu_right{
    width: 20%;
    float: right;
    border-left: solid 1px rgba(255,255,255, .15);
    height: 30px;
    position: relative;
    top: 2px;
    margin-right: -15px;
}

.box_menu_right .social-area li{
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border:solid 1px #ffffff;
    text-align: center;
    margin-left: 12px;
    padding-top: 4px;
}

.box_menu_right a.user_login{
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 14px;
    border:solid 1px #5a5a5a;
    background: transparent url("img/icn_user_login_intern.svg") center center no-repeat;
    background-size: 60%;
    margin: 0 0 0 20px;
}

.box_menu_right a.user_login:hover{
    border: solid 1px rgba(0,0,0, .225);
    background-color: rgba(255,255,255, .1);
}

@media(min-width:768px) {
    .navbar {
        border-radius: 0px;
        height: auto;
    }

    .navbar-brand{
        position: relative;
        top: -18px;
    }

    .navbar-brand>img {
        width: 108px;
    }

    .navbar-nav{
        padding-top: 6px;
        float: right;
        position: relative;
        top:10px;
    }

    .navbar-custom {
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .navbar-collapse{
        padding-right: 0;
    }

    .navbar-custom.top-nav-collapse {
        padding: 0;
        border-bottom: 1px solid rgba(255,255,255,.3);
        background: #000;
    }

    .navbar-custom .nav li:last-child{
        background: #881616;
        border-radius: 25px;
        border: solid 2px #881616;
    }

    .navbar-custom .nav li:last-child a{
        color: #FFFFFF;
        font-weight: 600;
    }

    .navbar-custom .nav li a {
        padding-top: 11px;
        padding-bottom: 8px;
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 22px;
        font-size: 1.2em;
    }

    .navbar-custom li ul.dropdown-menu{
        height: 350px;
        width: 800px;
        left: -200%;
    }

    .navbar-custom .nav li ul.dropdown-menu li{
        display: inline-block;
        width: 250px;
        height: auto;
        text-align: left;
        margin: 0;
    }

    .carousel-control .glyphicon-chevron-left, 
    .carousel-control .icon-prev {
        left: 30%;
    }

    .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-next{
        right: 30%;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-next, 
    .carousel-control .icon-prev{
        font-size: 25px
    }

    .carousel-caption{
        text-align: left;
        top: 30%;
        width: 35%;
        left: 10%;
    }

    .carousel-caption h2{
        font-size: 3.3em;
        font-weight: 600;
        margin-bottom: 6px;
    }

    .carousel-caption a.btn_ai{
        background-color: #ba8400;
        font-size: 1.15em;
        padding-left: 28px;
        padding-right: 28px;
        border-radius: 30px;
    }

    .carousel-caption p{
        font-size: 1.4em;
        font-weight: lighter;
        margin-bottom: 40px;
    }

    .carousel-control {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 9%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        background-color: rgba(0,0,0,0);
        filter: alpha(opacity=50);
        opacity: .5;
    }

    .carousel-indicators {
        bottom: 2%;
    }

    .carousel-indicators li{
        margin:0 5px;
        height: 12px; 
        width: 12px;
        border-radius: 6px;
        border:none;
        background-color: rgba(255,255,255,.3)
    }
    .carousel-indicators li.active{
        margin:0 6px;
        height: 12px;
        width: 12px;
        background-color: rgba(255,255,255,.7)
    }

    .carousel-inner{
        max-height: 600px;
    }

    .oferta_section h3.fundamental1{
        margin-top: 160px;
    }

    footer .nav li ul{
        list-style: none;
        padding: 0;
    }

    footer .nav li ul li a{
        padding: 5px 7px;
        font-size: .85em;
        color: #a5a5a5;
    }

    footer .nav li ul li a:hover{
        text-decoration: underline !important;
    }

    footer .nav>li{
        text-align: left;
    }

    footer .nav>li>a:hover{
        background-color: transparent;
    }

    footer .navbar-nav{
        padding-top: 0;
        margin-top: 0;
    }

}

.carousel-inner>.item>a>img, 
.carousel-inner>.item>img{
    width: 100%;
}

input.form-control,
select.form-control{
    height: 40px;
}

input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus{
    border-color: rgb(171,133,31);
    box-shadow: 0 1px 1px rgba(171,133,31, 0.075) inset, 0 0 8px rgba(171,133,31, 0.6);
    outline: 0 none;
}

textarea.form-control{
    min-height: 152px;
    max-height: 152px;
}

.btn_ai{
    border-radius: 30px;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #881616;
    padding: 15px 16px;
    color: #FFFFFF;
    font-size: 1em;
    text-align: center;
}


.btn_ai:hover,
.btn_ai:focus {
    background-color: #881616;
    color: #FFFFFF !important;
}

.btn_ai.solo{
    padding: 15px 25px;
    margin: 50px auto 0 auto;
    display: block;
    width: 30%;
    font-size: 1.1em;
}

button.btn_ai{
    border:none;
    padding: 15px 15px 12px;
}

.content-section {
    padding: 85px 0 80px;
}

.content-section h3{
    color: #333333;
    font-size: 1.4em;
    text-transform: uppercase;
}

.content-section .title_section{
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 35px;
}

.content-section .title_section h2{
    color:#333333;
    font-size: 2.2em;
    font-weight: bold;
}

.content-section .title_section p{
    font-size: 1.25em;
    font-weight: 100;
    letter-spacing: .1px;
    color: #333333;
    margin: 0;
}

section.servicos{
    margin-bottom: 20px;
    padding-top: 60px;
    position: relative;

}

section.servicos .container{
    text-align: center;
}

section.servicos .container a.btn_ai{
    margin-top: 40px;
}

section.servicos .box_service{
    margin-bottom: 28px;
    box-shadow: 0px 0px 18px -2px #ddd;
    border-radius: 20px;
    position: relative;
}

section.servicos .box_service span.numero{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -35px;
    display: block;
    width: 70px;
    height: 70px;
    border-radius:50%;
    font-size: 1.9em;
    padding-top: 20px;
    color: #FFFFFF;
}

section.servicos .box_service span.numero.uno{
    background-color: #01b101;
}

section.servicos .box_service span.numero.dois{
    background-color: #03a1db;
}

section.servicos .box_service span.numero.tres{
    background-color: #dbb000;
}

section.servicos .box_service span.numero.quatro{
    background-color: #881616;
}

section.servicos .box_service .box_text{
    padding: 45px 15px 25px;
    text-align: center;
    min-height: 162px;
}

section.servicos .box_service .box_text p{
    margin-bottom: 0;
    font-size: 1.08em;
}

section.about_ai{
    width: 100%;
    background: #f3f1ec;
    position: relative;
}

section.about_ai .img_about_cont{
    position: relative;
}

section.about_ai .img_about_cont img{
    position: absolute;
    left: -30px;
    top: -15px;
    width: 100%;
}

section.about_ai div[class*=col-md] p{
    text-align: justify;
}

section.about_ai p strong{
    display: block;
    margin-bottom: 20px;
}

section.about_ai .title_section{
    margin-bottom: 0px;
    text-align: left;
}

section.about_ai .title_section h2{
    margin-top: 0;
}

section.about_ai .title_section p{
    margin:0 !important;
    padding: 0 !important;
}

.oferta_section h2{
    margin-bottom: 50px;
}

.oferta_section .row{
    margin-bottom: 40px;
}

.oferta_section h3{
    margin-bottom: 15px;
    color: #01b101;
}

.oferta_section p strong{
    color: #881616;
}

.oferta_section .img_oferta_1_cont,
.oferta_section .img_oferta_2_cont{
    position: relative;
}


.oferta_section .img_oferta_1_cont img,
.oferta_section .img_oferta_2_cont img{
    position: absolute;
}

.oferta_section .img_oferta_1_cont img{
    width: 75%;
    top: -100px;
    left: -22px;
}
.oferta_section .img_oferta_2_cont img{
    width: 135%;
    top: -120px;
    left: -40px;
}

.actividade_section{
    background-color: #f3f1ec;
    padding: 50px 0 40px;
    text-align: center;
}


.actividade_section i{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-bottom: 8px;
    background-color: red;
    font-size: 2.8em;
    padding-top: 26px;
    color: #FFFFFF;
}

.actividade_section p{
    font-weight: bold;
}

.actividade_section i.fa-female{
    background-color: #01b101 
}

.actividade_section i.fa-futbol{
    background-color: #03a1db
}

.actividade_section i.fa-swimmer{
    background-color: #dbb000
}

.actividade_section i.fa-user-ninja{
    background-color: #881616
}


/* ======= PÁGINAS INTERNAS ======= */
.parallax { 
    height: 621px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

 /* Banners Internos */
.banner_sobre{
   background: #27282b url("img/banner_interno_sobre.jpg") no-repeat center top;
}

.banner_inscricoes{
   background: #27282b url("img/banner_interno_inscricoes.jpg") no-repeat center top;
}

.banner_instalacoes{
   background: #27282b url("img/banner_interno_instalacoes.jpg") no-repeat center bottom;
}

.banner_contactos{
   background: #27282b url("img/banner_interno_contactos.jpg") no-repeat center top;
}


/* --------  */
.banner_interno{
    width: 100%;
    background-color: #FFFFFF;
    height: 470px;
    background-size: cover;
    background-attachment: fixed;
}

.banner_interno .banner_text {
    position: relative;
    color: #FFFFFF;
    text-align: center;
    margin-top: 18%;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
}

.banner_interno .banner_text h2{
    font-size: 3.1em;
    text-transform: uppercase;
    font-weight: bolder;
    background-size: 65px;
    margin-bottom: 0
}

.banner_interno .banner_text p{
    font-size: 1.3em;
    font-weight: lighter;
}

.cont_interno{
    background-color: #FFFFFF;
    padding-top: 70px;
    margin-bottom: 90px;
    position: relative;
}

.cont_interno h3{
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
}

.cont_interno ul{
    margin-bottom: 30px;
    list-style: none;
    padding-left: 15px
}

.cont_interno p{
    text-align: justify;
}

.cont_interno ul li{
    font-size: 1em;
    font-weight: lighter;
    margin-bottom: 8px
}

.cont_interno ul li::before{
    color: #a3bf4c;
    content: "\2022";
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
    font-size: 1em
}

.cont_interno h3 span{
    font-size: .7em;
    color: #9d9d9d;
    text-transform: none;
    font-weight: 100;
}


/* ======= Sobre o Colégio ======= */
.cont_interno .sobre_text{
    padding-right: 45px;
}

.cont_interno .mission_cont{
    background-color: #f3f1ec;
}

.cont_interno .mission_cont div{
    text-align: center;
    padding: 20px 30px 10px;
}

.cont_interno .mission_cont i.fas{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding-top: 27px;
    background-color: #FFFFFF;
    font-size: 2.2em;
    color: #881616;
    margin-bottom: 15px;
}

.cont_interno .mission_cont h4{
    font-size: 1.25em;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 0px;
    background: none;
    margin-top: 0;
    margin-bottom: 10px;
}

.cont_interno .mission_cont p{
    font-size: 1em;
    text-align: center;
}

.cont_interno .mission_cont ul{
    padding: 0;
}

.cont_interno .mission_cont ul li{
    text-align: left;
}

.cont_interno .projecto_educativo{
    height: 460px;
    width: 100%;
    background: #999999 url(img/img-interna-sobre-piscina.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 75px;
}

.cont_interno .projecto_educativo .container{
    padding: 100px 15px 50px;
    color: #FFFFFF;
}

.cont_interno .projecto_educativo .container h3,
.cont_interno .projecto_educativo .container ul li{
    color: #FFFFFF;
}

.cont_interno .projecto_educativo .container ul li{
    font-size: 1.2em;

}


/* ======= Instalações ======= */
.cont_interno .galeria{
    background-color: #e5e5e5;
    padding: 1%;
}

.cont_interno .galeria img{
    width: 19.5%;
    margin-bottom:2px 
}


/* ======= Formação ======= */

.cont_interno .formacao{
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
}

.cont_interno .formacao .media-body{
    padding: 0 0 25px 25px;
}

.cont_interno .formacao .media-heading{
    background: transparent url("img/pipe-green.svg") -10px top no-repeat;
    background-size: 45px;
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 25px;
    font-size: 1.65em;
}

.cont_interno .formacao .media-body p{
    margin-bottom: 25px;
}

.cont_interno .formacao .media-left{
    padding: 0;
}

.cont_interno .formacao .media-left img{
    max-width: 500px;
    height: auto;
}

.cont_interno .formacao .blog-post-title{
    font-size: 1.1em;
}

/* ======= Notícias ======= */
.cont_interno .media-body p{
    margin-bottom: 6px;
}



.cont_interno .media-body a{
    margin-right: 15px;
}

.cont_interno .media{
    margin-bottom: 40px;
}

.cont_interno .ultima_noticia .media{
    margin-bottom: 0
}



/* ======= Contactos ======= */
.cont_interno .contact_info{
    background-color: #f3f3f3;
    padding: 20px 30px;
    margin-bottom:30px;
}

.cont_interno .contact_info a{
    color: #7b7b7b;
    margin-right: 20px;
    margin-bottom: 8px;
}

.cont_interno .contact_info a:hover{
    color: #d57e29;
    text-decoration: underline;
}

.cont_interno .contact_info a i.fas{
    font-size: 1em;
    margin-right: 8px;
}

.cont_interno form fieldset{
    margin-bottom: 15px;
}

.cont_interno form fieldset legend{
    color: #881616;
    font-size: 1.1em;
}

.cont_interno form fieldset .form-group{
    padding: 0;
}

.cont_interno form fieldset textarea.form-control{
    min-height: 100px;
}


.map_def{
    background-color: rgb(240,240,240);
}



/* IMAGENS DECORATIVAS DO SITE*/
.decoration_img{
    position: absolute;
}

/*home*/
.servicos img.decoration_img{
    top: -35px;
    left: 10%;
    width: 5%;
}

.about_ai img.decoration_img{
    top: -29px;
    right: 10%;
    width: 4%;
}

/*internas*/
.cont_interno img.decoration_img.circ_red{
    top: 45%;
    left: -45px;
    width: 6%;
}

.cont_interno img.decoration_img.triang_orange{
    top: 24%;
    right: 120px;
    width: 4%;
    z-index: 9999;
}

.cont_interno img.decoration_img.quad_blue{
    top: -36px;
    left: 9%;
    width: 5%;
}


/*footer*/
footer img.decoration_img{
    top: -30px;
    left: 1.5%;
    width: 5%;
}


/* FOOTER*/
footer{
    font-family: KozGoPro-Light, sans-serif;
    color: #FFFFFF;
    background: url("img/circ-verde.svg") 107% 80% no-repeat, url("img/quad-azul.svg") 60% 70% no-repeat;
    background-size: 11%, 3%;
    background-color: #27282b;
    position: relative;
}

footer.home{
    margin-top: 0;
}

footer a, footer p{
    font-size: .98em;
    color: #FFFFFF;
}

footer .container{
    text-align: left;
    padding: 50px 0 30px;
}

footer .footer h3{
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 1.35em;
    margin-bottom: 30px
}

footer .logo_footer{
    display: inline-block;
}

footer .logo_footer img{
    width: 140px;
}

footer .footer address{
    font-weight: 100;
}

footer .footer a.contacto{
    display: inline-block;
    margin-bottom: 8px;
}

footer .footer a.contacto i,
footer .footer address i{
    font-size: 1.2em;
    margin-right: 15px
}

footer .copyright .container{
    border-top: solid 1px #8b8b8b;
    padding: 20px 0;
}

footer form{
    position: relative;
    margin-top: 45px;
}

footer form .form-group{
    display: block !important;
}

footer form input[type=email]{
    height: 52px;
    border-radius: 6px;
    border:solid 3px #4f566c;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    color: #adafb7;
}

footer form button.btn{
    position: absolute;
    right: 3px;
    top: 3px;
    height: 46px;
    border-radius:0 4px 4px 0;
    background-color: #fd8204;
}

footer form button.btn i{
    font-size: 1.3em;
}

footer .copyright .container p{
    padding-top: 6px;
    font-size: 1em;
    margin: 0;
}

footer .nav div{
    padding: 0
}

footer .menu-footer,
footer .address{
    padding-top: 30px;
}

footer .menu-footer .nav li{
    display: block;
    float: left;
    margin-right: 20px;
}

footer .menu-footer .nav li a{
    color: #FFFFFF;
    font-size: .85em;
    padding: 0;
    padding-top: 0;
    text-transform: uppercase;
}

footer .menu-footer .nav li a:hover{
    color: #ba8400 !important;
}

footer .social-area{
    padding-left: 35px;
}

footer .social-area ul{
    margin: 0;
}

footer .social-area ul>li{
    padding: 0;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    background-color: #fbfbfb;
    margin-left: 15px;
    text-align: center;
}

footer .social-area ul>li a{
    padding: 6px 5px !important;
}

footer .social-area ul>li a i{
    color: #27282b;
    font-size: 1em;
}

footer .social-area ul>li a:hover i{
    color: #ba8400;
}

.menu-footer{
    padding-left: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body{
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}

/* ULTIMATE MEMBER */

.primary-sidebar ul{
    list-style: none;
    margin-top: 10px;
}

.um-account{
    margin-top: 50px  !important;
}

.um-login,
.um-password{
    margin-top: 75px;

}

.um-login .um-form,
.um-password .um-form{
    margin-bottom: 75px;
    padding: 25px;
    background-color: #fbfbfb;
    box-shadow: 0px 0px 18px -2px #ddd;
    border-radius: 16px
}



.wp-block-latest-posts.wp-block-latest-posts__list{
    width: 70% !important;
    height: 50px;
    margin: 20px auto 50px auto !important; 
    background-color: #282828;
    padding: 16px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li{
    float: left;
    margin-right: 20px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li a{
    background-color: #3c3c3c;
    padding: 10px 22px;
    border-radius: 20px;
}


/* MOBILE VIEW ASSETS*/
@media(max-width:991px) {

    .menu_principal{
        display: block;
        margin: 0
    }

    .btn_ai i.fa-angle-right{
        display: none;
    }

    .menu_principal.affix{
        position: absolute;
    }

    .box_topo_contacto {
        display: none;
    }

    .navbar-toggle i{
        color: #FFFFFF;
        font-size: 1.35em
    }

    .navbar-custom .navbar-toggle i{
        color: #881616;
    }

    .box_menu_right a.user_login{
        display: none
    }

    .nav>li>a {
        position: relative;
        display: inline-block;
        padding: 4px 10px;
        font-size: .9em;
    }

    .navbar-custom .nav li.active ul li a{
        background-color: transparent !important;
    }

    .navbar-custom .container{
        border:none;
        padding-bottom: 15px;
        padding-top:15px;
    }

    .navbar-custom .navbar-brand{
        padding: 0 7px 0 20px;
    }

    .navbar-custom .navbar-brand>img {
        width: 72px;
    }

    .navbar-form{
        width: 100%;
    }

    .navbar-right{
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-form .form-group{
        width: 100%;
    }

    .navbar-form input[type=text]{
        width: 100%;
    }

    .cont_interno p,
    .cont_interno h2,
    .cont_interno h3{
        text-align: center;
    }

    .banner_home {
        height: 500px !important;
        background: #1B2744 url(img/banner-home-mobile.jpg) center center no-repeat;
        background-size: 100%;
    }

    .banner_home .banner_text{
        width: 100%;
        text-align: center;
        margin-top: 8%;
        padding: 0 5%;
    }

    .banner_home .banner_text h2{
        display: none;
    }

    .banner_home .banner_text p{
        font-size: 1.05em;
        position: 
    }

    section.about_ai{
        padding: 50px 0 70px

    }

    .banner_interno {
        width: 100%;
        height: 350px;
        background-size: initial;
        background-attachment: initial;
        background-position: right center
    }

    .banner_interno .banner_text{
        margin-top: 41%;
    }

    .banner_interno .banner_text h2{
        font-size: 2.5em;
    }

    .banner_interno .banner_text p{
        font-size: 1.2em;
        text-align: center !important;
    }

    /* Banners Internos */
    .banner_sobre{
       background: #27282b url("img/banner_mobile_interno_sobre.jpg") no-repeat center top;
    }

    .banner_inscricoes{
       background: #27282b url("img/banner_mobile_interno_inscricoes.jpg") no-repeat center bottom;
    }

    .banner_instalacoes{
       background: #27282b url("img/banner_mobile_interno_instalacoes.jpg") no-repeat center top;
    }

    .banner_contactos{
       background: #27282b url("img/banner_mobile_interno_contactos.jpg") no-repeat center top;
    }

    .cont_interno{
        margin-bottom: 55px;
    }

    .cont_interno .contact_info{
        padding: 20px
    }

    .cont_interno .contact_info a{
        display: inline-block;
    }

    .menu-footer{
        display: none;
    }

    .content-section h3{
        font-size: 1.3em;
    }

    section.servicos .box_service{
        margin-bottom: 35px;
    }

    section.servicos .box_service span.numero{
        margin: initial;
        left: -10px;
        right: initial;
        top: -16px;
    }

    section.servicos .box_service .box_text{
        min-height: initial;
        padding: 20px 20px 20px 75px;
        text-align: justify;
    }

    section.about_ai .title_section{
        text-align: center;
    }

    section.about_ai .img_about_cont img{
        position: relative;
        width: 109%;
        left: -14px;
        top: 25px;
    }

    section.about_ai div[class*=col-md] p{
        margin-bottom: 45px;
    }

    .about_ai img.decoration_img{
        width: 15%;
    }

    .oferta_section .row{
        margin: 0;
        margin-bottom: 280px;
    }

    .oferta_section .row:last-child{
        margin-bottom: 0;
    }

    .oferta_section h2{
        margin-bottom: 0;
    }

    .oferta_section .img_oferta_2_cont{
        display: none;
    }

    .oferta_section .img_oferta_1_cont img{
        width: 68%;
        top: 185px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .actividade_section i {
        width: 70px;
        height: 70px;
        font-size: 2.5em;
        padding-top: 18px;
    }

    .cont_interno.cont_contactos .btn_ai{
        width: 100%;
        text-align: center;
    }

    .cont_interno .sobre_text{
        padding-right: 15px;
    }

    .cont_interno .mission_cont{
        border-radius: 22px;
    }

    .cont_interno .projecto_educativo{
        height: auto;
        min-height: 500px;
        background: #353535 url(img/img-interna-sobre-piscina.jpg) center center no-repeat;
        background-size: cover;
        background-attachment: initial;
    }

    .cont_interno .projecto_educativo .container{
        padding: 50px 15px;
    }

    .btn_ai.solo{
        width: 80%;
    }

    .cont_interno img.decoration_img.triang_orange,
    .cont_interno img.decoration_img.circ_red{
        display: none;
    }

    .cont_interno img.decoration_img.quad_blue {
        top: -28px;
        left: 9%;
        width: 15%;
    }

    .cont_interno .galeria{
        margin-bottom: 25px;
    }

    .cont_interno .galeria img{
        width: 32.5%;
    }

    .map_def{
        margin-top: 50px
    }

    footer{
        font-family: KozGoPro-Light, sans-serif;
        color: #FFFFFF;
        background: url("img/circ-verde.svg") 160% 95% no-repeat;
        background-size: 50%;
        background-color: #27282b;
    }

    footer img.decoration_img{
        width: 15%;
    }

    footer .container {
        text-align: center;
        padding: 50px 0 40px;
    }

    footer .logo_footer img{
        width: 150px
    }

    footer .footer address{
        font-size: 1em;
        margin-bottom: 35px;
    }

    footer .trace p{
        text-align: center;
        padding: 0 .4em;
        margin-bottom: 5px;
    }

    footer .copyright .container p.pull-left{
        width: 100%;
        text-align: center;
        font-size: .95em;
        position: relative;
        top: 35px;
    }

    footer .social-area {
        padding-left: 0;
        width: 100%;
        position: relative;
        top: -25px;
    }

    #darkbox_description {
        display: none;
    }

    .carousel-inner>.item>a>img, 
    .carousel-inner>.item>img{
        width: 100%;
        object-fit:cover;
    }

    .carousel-control{
        width: 10%;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-next, 
    .carousel-control .icon-prev {
        margin-top: -21px;
    }

    .carousel-inner{
        height: 400px;
        text-align: center;
    }

    .carousel-inner>.item{
        text-align: center;
    }

    .carousel-caption {
        position: absolute;
        right: initial;
        bottom: initial;
        left: initial;
        top: 57%;
        z-index: 10;
        padding: 0 5%; 
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
        width: 100%;
    }

    .carousel-caption h2{
        font-size: 1.9em;
        text-transform: uppercase;
        font-weight: bold;
    }

    .carousel-caption .btn_ai{
        display: none;
    }

    .carousel-indicators{
        display: none;
    }

    .servicos img.decoration_img{
        top: -25px;
        left: 10%;
        width: 13%;
    }

    /*profile*/
    .wp-block-latest-posts.wp-block-latest-posts__list{
        width: 100% !important;
        height: auto;
        margin: 20px auto 50px auto !important;
        padding: 16px;
        text-align: center;
    }

    .wp-block-latest-posts.wp-block-latest-posts__list li{
        float: initial;
        display: inline-block;
        width: 100%;
        margin-bottom: 3px;
        
    }

    .wp-block-latest-posts.wp-block-latest-posts__list li a{
       width: 100%;
       display: block;
    }

    .primary-sidebar{
        text-align: center;
        padding: 25px;
        background-color: #fbfbfb;
        box-shadow: 0px 0px 18px -2px #ddd;
        border-radius: 16px
        
    }

}

@media(max-width:767px) {
    p {
        margin: 0 0 25px;
        font-size: 1em;
        line-height: 1.45;
        font-weight: lighter;
    }

    .nav>li>a.btn-default{
        border:none;
        font-size: 1em;
    }

    .navbar-nav{
        text-align: center;
    }

    .navbar-custom .nav li{
        margin-bottom: 7px;
    }

    .navbar-custom .nav li a{
        text-align: center;
        font-size: .9em;
    }

    .navbar-custom .nav li.active a{
        height: auto;
    }

    .navbar-custom .nav li.active ul li a{
        background-color: transparent !important;
    }

    .content-section{
        padding: 30px 0;
    }

    .home .content-section{
        padding: 40px 0;
    }

    .content-section {
        text-align: center;
    }

    section.clientes ul li a{
        font-size: 0;
    }

}

/* Validação do form */
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors{
    border-radius: 12px !important;
    padding: 12px !important;
    font-weight: 100 !important;
}

span.wpcf7-not-valid-tip {
    color: #9c0154 !important;
    font-size: .9em !important;
    font-weight: 100 !important;
    display: block !important;
    text-align: left !important;
    padding-left: 17px !important;
}

div.mc4wp-alert{
    background-color: #bbbbbb;
    padding: 15px;
    border-radius: 10px;
}

div.mc4wp-alert p{
    margin: 0;
    color: #FFFFFF !important;
}

div.div.wpcf7-response-output{
    text-align: center;
}