/* --- _box-image.css --- */

.box-image { 
    height:0; 
    overflow:hidden; 
    padding:0 0 70% 0; 
    position:relative; 
}
.box-image .img-show {
    background-position: center; 
    background-size: cover; 
    border:0; 
    display:block; 
    height:100%; 
    left:0; 
    margin:0; 
    position:absolute; 
    top:0; 
    width:100%; 
    -webkit-transition:all 500ms cubic-bezier(0.39, 0.575, 0.565, 1); 
    transition:all 500ms cubic-bezier(0.39, 0.575, 0.565, 1); 
}
.box-image:hover .img-show { 
    height:106%; 
    left:-3%; 
    top:-3%; 
    width:106%; 
}
.img-blur { 
    filter:alpha(opacity=80); 
    height:100%; 
    overflow:hidden; 
    opacity:0.8; 
    position:absolute; 
    width:100%; 
    z-index:0; 
}
.img-blur > div { 
    background-position:center; 
    background-repeat:no-repeat; 
    background-size:110% auto; 
    height:110%; 
    left:-5%; 
    position:absolute; 
    top:-5%;
    width:110%; 
    filter:blur(7px); 
    -webkit-filter:blur(7px); 
    -moz-filter:blur(7px); 
    -o-filter:blur(7px); 
    -ms-filter:blur(7px); 
}
.img-show { 
    background-position:center; 
    background-repeat:no-repeat; 
    background-size:auto 100%; 
    height:100%; 
    position:absolute; 
    width:100%; 
    z-index:1; 
    box-shadow:inset 0px 0px 30px 0px rgba(0, 0, 0, 0.14); 
    -webkit-box-shadow:inset 0px 0px 30px 0px rgba(0, 0, 0, 0.14); 
    -moz-box-shadow:inset 0px 0px 30px 0px rgba(0, 0, 0, 0.14); 
}/* --- _card-courses.css --- */

.courses-cards { 
    align-items: center; 
    display: flex; 
    flex-direction: column; 
    flex-wrap: wrap; 
}
.course-card { 
    margin-bottom: 4rem; 
    width: 100%; 
}
.course-card__img { 
    max-width: 100%; 
    width: 100%; 
}
.course-card .img-blur, 
.course-card .img-show, 
.course-card .box-image { 
    border-radius: 5px; 
}
.course-card__title .ps-heading-5 { 
    font-size: 1.1rem; 
    font-weight: 400; 
    margin:0;
    padding-bottom: 1.5rem; 
    padding-top: 1.5rem; 
    text-align: center; 
}
.card .course-card .course-card__content { 
    padding:0 21px 21px 21px; 
}
.course-card__text p { 
    color: var(--layout-secundary-color-one); 
}

.course-card .btn-card {
    margin-top: 0;
}/* --- _card.css --- */

.cards { 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
}
.card { 
    background: #fff; 
    border-radius: 0 0 15px 15px; 
    filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.23)); 
    margin-bottom: 2rem; 
    max-width: 100%; 
    padding-left: 0 !important; 
    padding-right: 0 !important; 
    min-height: 550px;
}
.card-text { 
    padding: 2rem 1rem; 
}
.card-title { 
    margin-bottom: 1rem; 
}
img.card-img { 
    height: auto; 
    max-width: 100%; 
    width: 100%; 
}
.btn-card { 
    margin: 0 auto;  
    margin-top: 2rem; 
    max-width: 250px; 
}

@media screen and (min-width: 720px) {
    .cards div:last-child { margin-right: 0; }
}/* --- _footer.css --- */

.footer__section1 { 
    border-bottom: 1px solid #D6D6D6; 
    border-top: 1px solid #D6D6D6; 
    padding: 2rem 0; 
    width: 100%; 
}
.footer__section1 h4 { 
    font-weight: bold; 
    margin-bottom: 1rem; 
}
.footer__section1 h4, 
.footer__section1 p, 
.footer-menu > li a { 
    color: var(--layout-secundary-color-one); 
    transition: color 300ms; 
}
.footer__section1 p { 
    margin-bottom: .8rem; 
}



/*============================== 
    MENU FOOTER 
==============================*/
.footer-menu { 
    flex-direction: column; 
    margin-bottom: 1rem; 
}
.footer-menu .a-hover:hover { 
    color: #30C5FF; transition: color 300ms; 
}



/*============================== 
    NEWSLETTER
==============================*/
.news-wrap { 
    margin-top: .6rem; 
}
.news-wrap input { 
    border: none; 
    box-shadow: 0 0 .5em var(--layout-secundary-color-one); 
    margin-right: 1rem; 
    padding: .5rem; 
    width: 60%; 
}
.news-wrap button { 
    width: 35%; 
}



/*============================== 
    SOCIAL MENU
==============================*/
.social-menu li:first-child { 
    margin-right: 1rem; 
}


/*============================== 
    UTIL LINKS
==============================*/
.util-links {
    display: flex; 
    flex-direction: column; 
    padding: 1rem 0; 
}
.util-links * {
    color: #1C1C1C; 
    margin-bottom: .5rem; 
}
.wa{position: fixed;bottom: 30px;right: 30px;z-index: 99;}



/******************************
    MEDIA QUERY
*******************************/
@media screen and (min-width: 540px) {
    /* MENU FOOTER */
    .footer-menu { 
        flex-wrap: wrap; 
        flex-direction: row; 
    }
    .footer-menu > li { 
        width: calc(100%/2); 
    }
}
@media screen and (min-width: 720px) {
    /* >>>>>>>>>>>>>>>>>> 
        SOCIAL MENU
    <<<<<<<<<<<<<<<<<< */
    .social-menu { 
        margin-top: 1.5rem; 
    }
}
@media screen and (min-width: 1020px) {
    .footer__section1 { 
        padding-top: 6rem; 
        padding-bottom: 3rem;
    }

    /* >>>>>>>>>>>>>>>>>> 
        MENU FOOTER
    <<<<<<<<<<<<<<<<<< */  
    .footer-menu { 
        flex-wrap: wrap; 
        flex-direction: row; 
        margin-bottom: 0;
    }
    .footer-menu > li { 
        width: calc(100%/2); 
    }

    /* >>>>>>>>>>>>>>>>>> 
        SOCIAL MENU
    <<<<<<<<<<<<<<<<<< */
    .social-menu { 
        margin-top: 0; 
        min-height: 160px;
        align-items: center;
    }

    .social-menu li{
        margin-top:10px;
    }
    /* >>>>>>>>>>>>>>>>>> 
        UTIL LINKS
    <<<<<<<<<<<<<<<<<< */
    .util-links { 
        flex-direction: row; 
    }
    .util-links li { 
        margin-right: 72px; 
    }
}/* --- _header.css --- */

/*============================== 
    TOPO SITE
==============================*/
.header__top-site { 
    background-color: #ffffff; 
    box-shadow: 0 0 5px 1px #00000010; 
}
.header__top-site span { 
    color: #777;
}
.top-site-wrapper { 
    height: 55px; 
}
.btn-area-aluno { 
    margin-left: .5rem; 
}



/*============================== 
    MENU BAR MOBILE
==============================*/
.header-menu-mob { 
    justify-content: space-between; 
}
.header__menu .logo img { 
    height: auto; 
    width: 120px; 
}
.header__menu { 
    padding: 1.5rem 0 1rem 0; 
}
.header__menu.show-menu .menu { 
    animation: openMenuMobile 450ms; 
    display: block; 
    margin-top: 1rem; 
}
.header__menu .menu { 
    display: none; 
}
.menu-mob--close, 
.menu-mob--open { 
    background: #fff !important; 
    color: #018cb7; 
    float: right;
} 
.ps-menu.ps-menu-horizontal li:hover>a, .ps-menu.ps-menu-vertical li:hover>a {
    background: inherit;
    color: inherit;
}
@keyframes openMenuMobile {
    from { opacity: 0; }
    to { opacity: 1;}
}

.search-btn span { 
    cursor:pointer;
}
.ps-menu li a.ps-menu-opened, ul.ps-frm-select-list li a.ps-menu-opened {
    background: transparent;
}


/******************************** 
    MEDIA QUERY 
*********************************/
@media screen and (min-width: 760px) {
    /* >>>>>>>>>>>>>>
        TOP SITE 
    <<<<<<<<<<<<<<<<< */
    .btn-area-aluno { 
        margin-left: 1rem; 
    }
}
@media screen and (min-width: 768px) {
    .ps-menu.ps-menu-horizontal {
        display: flex; 
    }
    .ps-menu.ps-menu-horizontal>li ul li a:hover, .ps-menu.ps-menu-vertical>li ul li a:hover {
        background: transparent;
    }
    .ps-menu.ps-menu-horizontal>li li a {
        font-size: 14px;
    }
    .ps-menu.ps-menu-horizontal>li li a {
        text-align: center;
        white-space: normal;
    }
}
@media screen and (min-width: 1206px) {
    /* >>>>>>>>>>>>>>>>>>>>>>>
        MENU BAR TABLET/DESK
    <<<<<<<<<<<<<<<<<<<<<<<<< */
    #menu-icon { 
        display: none; 
    }
    .header__menu { 
        align-items: center; 
        display: flex; 
        margin-bottom: 1.5rem; 
    }
    .header__menu .menu { 
        display: block; 
    }
    .ps-menu, 
    .ps-menu > li { 
        border: none !important; 
    }
    .menu-desk { 
        display: flex; 
        justify-content: flex-end; 
        margin-top: 1rem; 
    }
    .menu-desk > li a { 
        color: #4a4a4a; 
        font-size: 16px; 
        font-weight: 600; 
        letter-spacing: .02em; 
        transform: translateY(0); 
        transition: all 100ms ease; 
    }
    .menu-desk > li a:hover { 
        color: var(--ps-primary-color-one);
        transform: translateY(-9%); 
        transition: all 100ms ease; 
    }
}/* --- _page-projetos.css --- */

/*============================== 
    PROJETO HEADER
==============================*/
.projetos-header { 
    display: flex; 
    align-items: flex-end; 
    position: relative; 
    z-index: 0; 
    height: 346px; 
    width: 100%; 
    background-position: center;
    background-size: cover; 
    background-repeat: no-repeat; 
}

.acao-educa .projetos-header {
    background-position: top;
}

.escola-empreendedora .title-bkg-green,
.acao-educa .title-bkg-green,
.jovem-aprendiz .title-bkg-green,
.projetos-header__title h2 {
    padding: .8rem 1.5rem;
}

.projetos-header__title { 
    position: relative; z-index: 5; 
}

.escola-empreendedora .title-bkg-green {
    background-color: #ce4470;
}

.jovem-aprendiz .title-bkg-green {
    background-color: #0988b9;
}




/*============================== 
    PROJETO BODY
==============================*/
.projetos-section { 
    padding: 3rem 0; 
}

.sobre-projeto .wrapper { 
    padding-bottom: 3rem ; 
}

.sobre-projeto__text p {
    font-size: 1rem;
}

.ja-section-title,
.ee-section-title,
.ae-section-title {
    font-size: 1.5rem;
}

.curso-info__geral p,
.curso-info__geral div {
    font-size: 1rem;
    display: block;
    margin-bottom: 1.5rem;
}

.sobre-projeto__text p, 
.curso-info__geral p { 
    margin-bottom: 2rem; 
    line-height: 1.6rem; 
}

.curso-info__geral p:last-child {
    margin-bottom: 0;
}

.ee-sub-title,
.escola-empreendedora .sobre-projeto__text strong {
    color: #3e3e3e;
}

.ae-call strong,
.ee-sub-title,
.ee-call strong {
    font-size: 1.2rem;
}

.ee-section,
.ae-section,
.ja-section {
    margin-top: 2rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.ee-sub-title {
    font-weight: bold;
}

.escola-empreendedora .sobre-projeto__text .ee-call strong {
    /* color: #e94e7e; */
    color: #3bafff;
}

.ae-call strong {
    /* color: #7da92a; */
    color: #3bafff;
}

.obs__acao-educa {
    font-size: .8rem;
}



/*============================== 
    PROJETO ICONS
==============================*/
.aula,
.aula-,
.introducao-ao-digital,
.marketing-digital,
.hardware-e-sistemas-operacionais,
.desenvolvedor-de-sistemas,
.periodo,
.requisitos-especificos,
.duracao,
.modalidade,
.como-funciona,
.qual-a-vantagem-para-o-aluno,
.proxima-turma,

.objetivo {
    color: #3bafff;
    font-size: 1.10rem;
}

.cursos-profissionalizantes .ps-ico-sm,
.acao-educa .ps-ico-sm,
.jovem-aprendiz .ps-ico-sm,
.escola-empreendedora .ps-ico-sm {
    font-size: 20px !important;
    margin-bottom:.4rem;
}

.cursos-profissionalizantes .ps-ico-sm.ps-ico-university,
.acao-educa .ps-ico-sm.ps-ico-university,
.jovem-aprendiz .ps-ico-sm.ps-ico-university,
.escola-empreendedora .ps-ico-sm.ps-ico-university {
    font-size: 24px !important;
}

.ee-section span {
    /* color: #e94e7e; */
    color: #3bafff;
}

.ae-section span {
    /* color: #7da92a; */
    color: #3bafff;
}

.ja-section span {
    color: #2FC5FF;
}



/*================================= 
    PROJETO REQUISITOS INSCRICAO
=================================*/
.projeto__reqts-inscricao div { 
    max-width: 90%; 
    width: 100%; 
}
.projeto__reqts-inscricao .reqts-inscricao__title { 
    font-weight:600;
}
.projeto__reqts-inscricao span{ 
    display: block; 
}
.projeto__reqts-inscricao .reqts-inscricao__title, 
.projeto__reqts-inscricao .reqts-inscricao__horario { 
    margin-bottom: 2rem;
}
.projeto__reqts-inscricao .reqts-inscricao__ul > li { 
    margin-bottom: 1.5rem; 
}
.reqts-inscricao__ul > li::before { 
    content: '- '; 
}



/*============================== 
    PROJETO CARD REQUISITOS
==============================*/
.projeto__reqts-inscricao { 
    border-radius: 5px;
    padding: 3rem 0; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    flex-direction: column;
    font-size: 1rem;
    border: 2px solid #34beff;
}

.sobre-projeto__btn { 
    max-width: 280px;
    margin: 3rem auto;
}

.reqts-inscricao__btn .sobre-projeto__btn {
    margin: 0 auto;
    margin-top: 1rem;
}

@media screen and (min-width: 1000px) {
    .card-requisitos {
        width: 309px;
    }
}



/*=================================== 
    PROJETOS - CURSOS RELACIONADOS
===================================*/
.conteudos-relacionados { 
    background-color: var(--bg-blue-layout); 
    padding: 2rem 0; 
}
.conteudos-relacionados__header { 
    margin-bottom: 2rem; 
}
.conteudos-relacionados .title { 
    color: #ffffff; 
}
.conteudos-relacionados__title { 
    margin-bottom: 2rem; 
}




@media screen and (min-width: 1200px) { 
    .card-requisitos {
        width: 350px;
    }
    .obs__acao-educa {
        font-size: .9rem;
    }
    .sobre-projeto__text { 
        padding-right: 1rem; 
    }
    .projeto__reqts-inscricao { 
        padding: 1.5rem 0; 
    }
    .acao-educa .projeto__reqts-inscricao { 
        padding: 1.5rem; 
    }
}/* --- _search.css --- */

.search-site, 
.search-site__input, 
.search-site .ps-ico { 
    background-color: var(--ps-secundary-color-one) !important; 
}
.search-site { 
    border-radius:25px; 
    padding: .2rem 0.5rem; 
}
.news-wrap input { 
    border-radius: 25px; 
    padding: .2rem 1.2rem; 
}
.search-frm .search-site__input { 
    border: none; 
    width: calc(100% - 55px); 
}
.search-site__input:focus, 
.btn-top-site:focus, 
.news-wrap input { 
    outline: none; 
}
.search-frm .ps-search-close { 
    background-color: #c0c0c0 !important; 
    border-radius: 50%; 
    color: #fff !important; 
    font-size: .9rem !important; 
    line-height: 15px;
    padding: .2rem; 
    visibility: hidden; 
}
.search-frm.on .ps-search-close { 
    visibility: visible; 
}
/* --- _share.css --- */

.content-share-post { 
    margin:28px 0 28px 0; 
    padding:14px 0; 
}
.content-share-post ul { 
    display:inline-block; 
    list-style:none; 
    padding:0; 
    text-align:center; 
    width:100%; 
}
.content-share-post ul li { 
    color:rgba(0, 0, 0, 0.5); 
    display:inline-block; 
    font-size:16px; 
    height:48px; 
    letter-spacing:1px; 
    line-height:48px; 
    margin:0 7px 0 7px; 
    text-align:center; 
}
.content-share-post ul li:first-child { 
    width:100%; 
}
.share { 
    background:url(../../image/share.png) no-repeat 0px 0px; 
    display:inline-block; 
    margin:0; 
    position:relative; 
}
.share.facebook { 
    height:48px; 
    width:48px; 
}
.share.whatsapp { 
    background-position:-48px 0px; 
    height:48px; 
    width:48px; 
}
.share.email { 
    background-position:-96px 0px; 
    height:48px; 
    width:63px; 
}/* --- base.css --- */

/*============================== 
    FONT 
==============================*/
@font-face {
    font-family: 'OpenSemi';
    src: url("../../fonts/open-sans/Semibold/OpenSans-Semibold.eot?v=1.1.0");
    src: url("../../fonts/open-sans/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/open-sans/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("../../fonts/open-sans/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("../../fonts/open-sans/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("../../fonts/open-sans/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
    font-weight: normal;
    font-style: normal; 
}
@font-face {
    font-family: 'OpenSans';
    src: url("../../fonts/open-sans/Bold/OpenSans-Bold.eot?v=1.1.0");
    src: url("../../fonts/open-sans/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/open-sans/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("../../fonts/open-sans/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("../../fonts/open-sans/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("../../fonts/open-sans/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
    font-weight: normal;
    font-style: normal; 
}
.bold { 
    font-weight: bold; 
}
.bold-banner{
    font-family: 'OpenSemi', sans-serif;
    font-weight: 700; 
}
.obs {
    font-size: .8rem;
    font-style: italic;
}
.title-bkg-green {
    background-color: #68b631;
    display: inline-block;
    padding: .5rem;
}



/*============================== 
    ESTILOS COMPARTILHADOS
==============================*/
.section-7, 
.requisitos-inscricao { 
    background-color: var(--bg-gray-layout); 
    font-size: 1rem; 
}

.projetos-header__title h2, 
.section-header__title h2 { 
    font-weight: 400; 
}

.projetos-header__title h2 /*,
 .section-header__title h2 */ {
    font-family: 'OpenSemi', sans-serif;
    text-shadow: 0px 2px #0000004a;
}

.projetos-header__title h2 {
    /* margin-bottom: 2rem; */
    font-size: 2.5rem;
}

.cursos-profissionalizantes .sobre-projeto__text span,
.curso-info__geral .ps-ico {
    color: #32bffe;
}

.custom-icon{width:24px;height:24px;background-size:contain;background-position:center;background-repeat:no-repeat;}
.aula-icone{background-image: url(../../../image/icons/aula.png);}
.periodo-icone{background-image: url(../../../image/icons/calendar.png);}
.requisitos-icones{background-image: url(../../../image/icons/list.png);}

.sobre-projeto__text span,
.curso-info__geral .ps-ico {
    margin-right: .8rem;
}

.inscricao__btn, 
.btn-form { 
    max-width: 260px; 
}

.inscricao__btn, 
.sobre-projeto__btn { 
    margin: 2rem auto; 
} 



/*============================== 
    COLORS
==============================*/
.ps-color-white { color: var(--ps-secundary-color-one); }
.ps-color-blue { color: var(--ps-primary-color-one); }
.ps-color-gray { color: var(--layout-secundary-color-one); }



/*============================== 
    DISPLAY 
==============================*/
.d-block { display: block; }



/*============================== 
    FLEXBOX 
==============================*/
.flex { display: flex; }
.align-vt-center { align-items: center; }
.align--center { justify-content: center; }



/*============================== 
    SPACING 
==============================*/
.p-tb-2rem { padding-top: 2rem; padding-bottom: 2rem; }



/*============================== 
    BUTTONS
==============================*/
.btn-max { max-width: 200px; margin: 0 auto; }



/*============================== 
    HIDE/SHOW 
==============================*/
.hide { display: none; }



/*============================== 
    OTHERS
==============================*/
.news-email:focus { 
    border: 1px solid #2FC5FF; 
}
.transition { 
    -webkit-transition: all 450ms cubic-bezier(0.175, 0.885, 0.32, 1.275); 
    transition:all 450ms cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}

/*=================================== 
    SECTION - ALL PAGES
===================================*/
.section { 
    padding: 3rem 0; 
}
.section-header { 
    /* background-color: #7ec050;  */
    /* padding: 3rem 0; */
    padding-top:2rem;
    position:relative;
}
.section-header__title h2::before{
    content: '';
    width: 7%;
    height:3px;
    position:absolute;
    bottom:-2px;
    left:1px;
    background-color:#7ec050;
}

.section h3 { 
    color: var(--text-color-one); 
    margin-bottom: 1rem; 
    font-family: 'OpenSans', 'open-sans'; 
    font-weight: 700;
}
.section p { 
    color: #777; 
    text-align: justify; 
}



/*============================================= 
    PAGE - ACONTECE / CURSOS PROF. / CONTATO
==============================================*/
.section-body { 
    padding: 5rem 0; 
}
.section-body h4 { 
    color: var(--text-color-one); 
    margin-bottom: 2rem; 
}
.acontece .section-header__title h2::before {
    background-color:#30AFEA;
}



/*=================================== 
    TESTIMONY SECTION - ALL PAGES
===================================*/
.testimony{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.testimony-title{
    text-align: center;
    margin-bottom:2rem;
}
p.testimony-subtitle{
    font-size:1rem;
    color:#272727;
    text-align:center;
    max-width:100% !important;
}
.testimony-wrapper{
    margin-right:1rem;
    position:relative;
    margin-bottom: 3rem; 
    max-width: 351px;
}
.testimony-wrapper:last-child{
    margin-right:0;
}
.testimony-header{
    display: flex;
    margin-top:1.5rem;
}
.testimony-header-titles{
    margin-left:.8rem;
}
.section .testimony-header-titles h3{
    margin-bottom: .5rem;
}
.testimony-subtitle{
    font-style:italic;
}
.testimony-section .icon-circle { 
    color: #fda529; 
    border: 2px solid #fda529; 
    border-radius: 50%; 
    padding: .5rem;
    height: 100%;
}
.dep-next, .dep-prev {
    display: none !important;
}



/*=================================== 
    CONTEUDOS RELACIONADOS
===================================*/
.acontece-int.conteudos-relacionados { 
    background-color: var(--bg-gray-layout); 
}
.acontece-int.conteudos-relacionados .title { 
    color: #000; 
}
.conteudos-relacionados .img-blur, 
.conteudos-relacionados .img-show,
.conteudos-relacionados .box-image {
    border-radius: 0;
}



/*=================================== 
    NOTICIAS
===================================*/
.noticia__title .title { 
    margin-bottom: 1.5rem; 
    margin-top: 2rem; 
    color: var(--bg-blue-layout-page); 
}
.noticia-text p { 
    text-align: justify; 
    margin: 10px 0;
}
.noticia-text h2 { 
    margin: 20px 0;
}
.title-align { 
    text-align: center; 
}




/*=================================== 
    GALERY
===================================*/
.galery-wrapper { 
    max-width: 600px; 
    margin: 0 auto; 
}
.slider-container {
    position: relative;
}
.slider-for img {
    border-radius: 5px;
}
.for-div {
    height: 230px;
}
.nav-div {
    height: 41px;
}
.slider-for img { 
    width: 100%; 
    height: 100%; 
    max-height: 460px; 
    object-fit: cover; 
    object-position: center; 
}
.slider-nav img { 
    width: 100%; 
    height: 100%; 
    max-height: 100px; 
    object-fit: cover; 
    object-position: center; 
}
.--prev, .--next { 
    position: relative; 
    top: 50%; 
    transform: translateY(-50%); 
} 
.--prev { 
    left: 0; 
}
.--next { 
    right: 0; 
}



/*=================================== 
    GALERY - ROW
===================================*/
.galery-row { 
    display: flex; 
    flex-direction: row; 
}
.galery-row__item { 
    max-height: 450px; 
    width: 100%; 
}
.galery-row__item img { 
    height: 100%; 
    object-fit: cover; 
    width: 100%; 
}



/*=================================== 
    PAGINATION
===================================*/
.pagination { 
    text-align: center; 
    width: 50%; 
    margin: 0 auto; 
}
.pagination__ul, .page-nav{
    display: flex; 
    justify-content: space-between; 
    max-width: 270px; 
    width: 100%;
    margin: 0 auto; 
    padding-top: 2.5rem; 
}
.pagination__ul > li, .page-nav > li { 
    color: var(--layout-blue); 
    border: 1px solid var(--layout-blue); 
    border-radius: 5px; 
    padding:0.2rem 0.4rem; 
    margin:0 4px;
}
.pagination__ul > li > a, .page-nav > li > a { 
    color: var(--layout-blue); 
    width:auto;
    height:auto;
    line-height:1;
}
.page-nav-prev:before, .page-nav-next:before{ border-color:#CCCCCC !important; top:14px !important; left:16px !important; }

div.shop_page_nav { 
    width: auto; height: 52px; 
    display: flex; justify-content: 
    center; margin-top: 30px; 
}
ul.page_nav { 
    display: flex; 
    border: solid 1px #e5e5e5; 
    border-radius: 5px; 
    margin-left: 15px; 
    margin-right: 15px; 
    margin-bottom: 0; 
    margin-top: 0; 
}
ul.page_nav li a.actual { 
    font-weight: 800; 
    color: #30c5ff; 
    font-size: 20px; 
}
ul.page_nav li a { 
    display: block; 
    min-width: 52px; 
    min-height: 52px; 
    line-height: 52px;
}
ul.page_nav{ 
    width:auto; 
    float:left; 
}
ul.page_nav li {
    width: auto; 
    min-width: 50px; 
}
div.page_prev i, 
div.page_next i { 
    font-size: 18px; 
    line-height: 52px; 
    color: #4fccff; 
}




/******************************** 
    MEDIA QUERY 
*********************************/
@media screen and (min-width: 640px) {
    /* >>>>> GALERY <<<<< */
    .for-div {
        height: 285px;
    }
    .nav-div {
        height: 65px;
    }
}

@media screen and (min-width: 720px) {
    p { text-align: left; }
    .title-align { text-align: left; }
    .btn-max { margin: 0; }

    /* >>>>> GALERY <<<<< */
    .for-div {
        height: 400px;
    }
    .nav-div {
        height: 94px;
    }

    /* >>>>> GALERY ROW <<<<< */
    .galery-row__item { 
        max-height: 450px; 
        width: calc(100%/3); 
    }
}


@media screen and (min-width: 768px) {
    /* >>>>> BUTTON - CARD INSCRICAO / CARD REQUISITOS <<<<< */
    .inscricao__btn, 
    .sobre-projeto__btn { 
        margin: 2rem auto; 
    } 
}

@media screen and (min-width: 1020px) {
    .br-desk { 
        display: block; 
        width: 100%; 
    }

    /* >>>>> TESTIMONY <<<<< */
    .testimony { 
        margin-bottom: 0; 
    }

    /* >>>>> GALERY <<<<< */
    .for-div {
        height: 260px;
    }
    .nav-div {
        height: 50px;
    }
}

@media screen and (min-width: 1200px) { 
    /* >>>>> GALERY <<<<< */
    .galery-wrapper { 
        margin: 0 auto; 
        max-width: 700px; 
    }

    /* >>>>> TESTIMONY <<<<< */
    .dep-next, .dep-prev { 
        color: #fda529; 
        display: block !important; 
        position: absolute; 
        top: 50%; 
        transform: translateY(-50%); 
    }
    .dep-next { 
        right: -55px; 
    }
    .dep-prev { 
        left: -55px; 
    }
}

@media screen and (min-width: 1206px) {
    .ps-container {
        width: 1100px !important;
    }

    /* >>>>> GALERY  <<<<< */
    .for-div {
        height: 294px;
    }
    .nav-div {
        height: 57px;
    }
}

@media screen and (min-width: 1400px) {
    /* >>>>> TESTIMONY  <<<<< */
    .dep-next { right: -55px; }
    .dep-prev { left: -55px; }
}

@media screen and (min-width: 1500px) {
    /* >>>>> TESTIMONY  <<<<< */
    .dep-next { right: -95px; }
    .dep-prev { left: -95px; }
}/* --- bk-_header.css --- */

/*============================== 
    TOPO SITE
==============================*/
.header__top-site { 
    background-color: #ffffff; 
    box-shadow: 0 0 5px 1px #00000010; 
}
.header__top-site span { 
    color: #777;
}
.top-site-wrapper { 
    height: 55px; 
}
.btn-area-aluno { 
    margin-left: .5rem; 
}



/*============================== 
    MENU BAR MOBILE
==============================*/
.header-menu-mob { 
    justify-content: space-between; 
}
.header__menu .logo img { 
    height: auto; 
    width: 120px; 
}
.header__menu { 
    padding: 1.5rem 0 1rem 0; 
}
.header__menu.show-menu .menu { 
    animation: openMenuMobile 450ms; 
    display: block; 
    margin-top: 1rem; 
}
.header__menu .menu { 
    display: none; 
}
.menu-mob--close, 
.menu-mob--open { 
    background: #fff !important; 
    color: #018cb7; 
    float: right;
} 

@keyframes openMenuMobile {
    from { opacity: 0; }
    to { opacity: 1;}
}

.search-btn span { 
    cursor:pointer;
}



/******************************** 
    MEDIA QUERY 
*********************************/
@media screen and (min-width: 760px) {
    /* >>>>>>>>>>>>>>
        TOP SITE 
    <<<<<<<<<<<<<<<<< */
    .btn-area-aluno { 
        margin-left: 1rem; 
    }
}
@media screen and (min-width: 1206px) {
    /* >>>>>>>>>>>>>>>>>>>>>>>
        MENU BAR TABLET/DESK
    <<<<<<<<<<<<<<<<<<<<<<<<< */
    #menu-icon { 
        display: none; 
    }
    .header__menu { 
        align-items: center; 
        display: flex; 
        margin-bottom: 1.5rem; 
    }
    .header__menu .menu { 
        display: block; 
    }
    .ps-menu, 
    .ps-menu > li { 
        border: none !important; 
    }
    .menu-desk { 
        display: flex; 
        justify-content: flex-end; 
        margin-top: 1rem; 
    }
    .menu-desk > li a { 
        color: #4a4a4a; 
        font-size: 16px; 
        font-weight: 600; 
        letter-spacing: .02em; 
        transform: translateY(0); 
        transition: all 100ms ease; 
    }
    .menu-desk > li a:hover { 
        color: var(--ps-primary-color-one);
        transform: translateY(-9%); 
        transition: all 100ms ease; 
    }
}/* --- bk-_page-projetos.css --- */

/*============================== 
    PROJETO HEADER
==============================*/
.projetos-header { 
    display: flex; 
    align-items: flex-end; 
    position: relative; 
    z-index: 0; 
    height: 346px; 
    width: 100%; 
    background-position: center;
    background-size: cover; 
    background-repeat: no-repeat; 
}

.acao-educa .projetos-header {
    background-position: top;
}

.escola-empreendedora .title-bkg-green,
.acao-educa .title-bkg-green,
.jovem-aprendiz .title-bkg-green,
.projetos-header__title h2 {
    padding: .8rem 1.5rem;
}

.projetos-header__title { 
    position: relative; z-index: 5; 
}

.escola-empreendedora .title-bkg-green {
    background-color: #ce4470;
}

.jovem-aprendiz .title-bkg-green {
    background-color: #0988b9;
}




/*============================== 
    PROJETO BODY
==============================*/
.projetos-section { 
    padding: 3rem 0; 
}

.sobre-projeto .wrapper { 
    padding-bottom: 3rem ; 
}

.sobre-projeto__text p {
    font-size: 1rem;
}

.ja-section-title,
.ee-section-title,
.ae-section-title {
    font-size: 1.5rem;
}

.curso-info__geral p,
.curso-info__geral div {
    font-size: 1rem;
    display: block;
    margin-bottom: 1.5rem;
}

.sobre-projeto__text p, 
.curso-info__geral p { 
    margin-bottom: 2rem; 
    line-height: 1.6rem; 
}

.curso-info__geral p:last-child {
    margin-bottom: 0;
}

.ee-sub-title,
.escola-empreendedora .sobre-projeto__text strong {
    color: #3e3e3e;
}

.ae-call strong,
.ee-sub-title,
.ee-call strong {
    font-size: 1.2rem;
}

.ee-section,
.ae-section,
.ja-section {
    margin-top: 2rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.ee-sub-title {
    font-weight: bold;
}

.escola-empreendedora .sobre-projeto__text .ee-call strong {
    /* color: #e94e7e; */
    color: #3bafff;
}

.ae-call strong {
    /* color: #7da92a; */
    color: #3bafff;
}

.obs__acao-educa {
    font-size: .8rem;
}



/*============================== 
    PROJETO ICONS
==============================*/
.aula,
.aula-,
.periodo,
.requisitos-especificos,
.duracao,
.objetivo {
    color: #3bafff;
    font-size: 1.10rem;
}

.cursos-profissionalizantes .ps-ico-sm,
.acao-educa .ps-ico-sm,
.jovem-aprendiz .ps-ico-sm,
.escola-empreendedora .ps-ico-sm {
    font-size: 20px !important;
    margin-bottom:.4rem;
}

.cursos-profissionalizantes .ps-ico-sm.ps-ico-university,
.acao-educa .ps-ico-sm.ps-ico-university,
.jovem-aprendiz .ps-ico-sm.ps-ico-university,
.escola-empreendedora .ps-ico-sm.ps-ico-university {
    font-size: 24px !important;
}

.ee-section span {
    /* color: #e94e7e; */
    color: #3bafff;
}

.ae-section span {
    /* color: #7da92a; */
    color: #3bafff;
}

.ja-section span {
    color: #2FC5FF;
}



/*================================= 
    PROJETO REQUISITOS INSCRICAO
=================================*/
.projeto__reqts-inscricao div { 
    max-width: 90%; 
    width: 100%; 
}
.projeto__reqts-inscricao .reqts-inscricao__title { 
    font-weight:600;
}
.projeto__reqts-inscricao span{ 
    display: block; 
}
.projeto__reqts-inscricao .reqts-inscricao__title, 
.projeto__reqts-inscricao .reqts-inscricao__horario { 
    margin-bottom: 2rem;
}
.projeto__reqts-inscricao .reqts-inscricao__ul > li { 
    margin-bottom: 1.5rem; 
}
.reqts-inscricao__ul > li::before { 
    content: '- '; 
}



/*============================== 
    PROJETO CARD REQUISITOS
==============================*/
.projeto__reqts-inscricao { 
    border-radius: 5px;
    padding: 3rem 0; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    flex-direction: column;
    font-size: 1rem;
    border: 2px solid #34beff;
}

.sobre-projeto__btn { 
    max-width: 280px;
    margin: 3rem auto;
}

.reqts-inscricao__btn .sobre-projeto__btn {
    margin: 0 auto;
    margin-top: 1rem;
}

@media screen and (min-width: 1000px) {
    .card-requisitos {
        width: 309px;
    }
}



/*=================================== 
    PROJETOS - CURSOS RELACIONADOS
===================================*/
.conteudos-relacionados { 
    background-color: var(--bg-blue-layout); 
    padding: 2rem 0; 
}
.conteudos-relacionados__header { 
    margin-bottom: 2rem; 
}
.conteudos-relacionados .title { 
    color: #ffffff; 
}
.conteudos-relacionados__title { 
    margin-bottom: 2rem; 
}




@media screen and (min-width: 1200px) { 
    .card-requisitos {
        width: 350px;
    }
    .obs__acao-educa {
        font-size: .9rem;
    }
    .sobre-projeto__text { 
        padding-right: 1rem; 
    }
    .projeto__reqts-inscricao { 
        padding: 1.5rem 0; 
    }
    .acao-educa .projeto__reqts-inscricao { 
        padding: 1.5rem; 
    }
}/* --- reset.css --- */

* { 
    font-family:'Open Sans', sans-serif; 
}

html, body { 
    height:auto; 
}

html { 
    overflow-x: hidden; 
    display:block; 
}

body { 
    overflow-x: hidden; 
    display:block; 
    width:100%; 
    position: relative; 
    margin:0; 
    padding:0; 
}

button, input, optgroup, select, textarea { 
    font-family:inherit; 
    font-size:inherit; 
    line-height:inherit; 
}

img { 
    vertical-align:middle; 
    border-style:none; 
}

p { 
    line-height:1.4; 
    text-align: justify;
} 

li { 
    list-style: none; 
}

a { 
    color:#333333; 
    text-decoration:none; 
}
/* --- var.css --- */

:root {
    --ps-primary-color-one: #00adef;
    --ps-primary-color-two: #018cb7;
    --ps-primary-color-three: #004e70;
    --ps-secundary-color-one: #f9f9f9;
    --ps-secundary-color-two: #dddddd;
    --ps-secundary-color-three: #272727;

    --bg-blue-layout: #0070D7;
    --bg-blue-layout-page: #009AF8;
    --bg-gray-layout: #F1F1F1;
    --layout-blue: #30C5FF;
    --icon-color-layout: #33BEFF;
    --layout-secundary-color-one: #737373;
    --text-color-one: #555861;
    --text-color-two: #1C1C1C;
}