﻿.boxVideoBg {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom:60px;
}
.boxVideoBg .mascara{
    position:absolute;
    background-color:rgba(0,0,0,.6);
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index:2;
}
.boxVideoBg .bgVideo {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
/* MOBILE */
@media (max-width: 767px) {
    .boxVideoBg .bgVideo {
        display: none;
    }
    .boxVideoBg {
        background: url('//www.unoeste.br/Areas/EstudeNoExterior/Content/video/video-intercambio.jpg') no-repeat;
        background-size: cover;
        background-position:center center
    }
}


.contentHeader{
    position:relative;
    padding:100px 0;
    z-index:3;
}
.contentHeader .boxMenuPrincipal{
    position:absolute;
    width:300px;
    margin-top:-160px;
    top:50%;
    left:0;
}
.contentHeader .boxMenuPrincipal .listaMenuPrincipal{
    list-style:none;
}
.contentHeader .boxMenuPrincipal .listaMenuPrincipal li a{
    color:#fff;
    font-weight:bold;
    display:block;
    padding:10px 20px;
    text-decoration:none;
    font-size:.9rem;
    line-height:1.4em;
    transition:background .3s;
}
.contentHeader .boxMenuPrincipal .listaMenuPrincipal li a:hover{
    background-color:#71B448;
}
.contentHeader .boxTextoHeader{
    width:800px;
    margin:0 auto;
}
@media(max-width:1360px){
    .contentHeader {
        padding: 50px 20px 50px 0;        
        display:flex;
        align-items:center;
    }
    .contentHeader .boxMenuPrincipal {
        position: unset;
        width: 300px;
        flex-shrink:0;
        margin-top: unset;
        top: unset;
        left: unset;
    }
}

.mascaraSiteMenuMobile{ display:none; }
/* MOBILE */
@media (max-width:767px){
    
    .cabecalhoSite .btnMenuMobile {
        display: block;
        padding: 0;
        margin: 0;
        outline: none;
        background-color: transparent;
        border: none;
        color: #fff;
        cursor: pointer;
        font-size: 1.5rem;
        margin-right: 10px;
    }
    .contentHeader {
        padding: 50px 20px;
    }
    .mascaraSiteMenuMobile {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.8);
        opacity:1;
        z-index: 9;
    }
    .mascaraSiteMenuMobile.show{
        display: block;
        animation-name: animationMascaraMenuMobile;
        animation-duration: .3s;
    }
    @keyframes animationMascaraMenuMobile {
      from {opacity:0;}
      to {opacity:1;}
    }
    .mascaraSiteMenuMobile .btnFecharMenuMobile{
        position:absolute;
        top:15px;
        right:15px;
        background-color:transparent;
        color:#fff;
        border:none;
        cursor:pointer;
        outline:none;
        font-size:2rem;
        padding:0;
        margin:0;
    }
    .contentHeader .boxMenuPrincipal {
        position: fixed;        
        display:none;
        background-color: #71B448;
        left: 0;
        top: 0;
        bottom: 0;
        padding-top: 30px;
    }
    .contentHeader .boxMenuPrincipal.show{
        z-index: 99999;
        display:block;
        animation-name: animationMenuMobile;
        animation-duration: .2s;
    }
    @keyframes animationMenuMobile {
      from {left:-100%;}
      to {left:0;}
    }
    .contentHeader .boxMenuPrincipal .listaMenuPrincipal li a{
        font-size:.8rem;
    }
    .contentHeader .boxMenuPrincipal .listaMenuPrincipal li a:hover{
        background-color:#fff;
        color:#71B448;
    }
}


/* CABECALHOS */
.cabcalhoSecs{
    background-color:#71B448;
    padding:20px 0;
    color:#fff;
    margin-bottom:40px;
}
.cabcalhoSecs.light{ background-color:#fff; }
.cabcalhoSecs.dark{ background-color:#575756; }
.cabcalhoSecs .content {
    display: flex;
    justify-content:center;
    align-items:center;
}
.cabcalhoSecs h2.titulo{
    font-family: 'Billion Dreams', Tahoma, sans-serif;
    font-size:8rem;    
}
.cabcalhoSecs.light h2.titulo{
    color:#71B448;
}
.cabcalhoSecs .boxDescricao{
    margin-left:40px;
    padding-left:20px;
    border-left: solid 1px #fff;    
}
/* MOBILE */
@media (max-width:767px) {
    .cabcalhoSecs .content{
        flex-direction:column;
    }
    .cabcalhoSecs h2.titulo {
        font-family: 'Billion Dreams', Tahoma, sans-serif;
        font-size: 4rem;
        text-align:center;
    }
    .cabcalhoSecs .boxDescricao {
        margin-left: 0;
        padding-left: 0;
        margin-top:20px;
        padding-top:10px;
        border-left:none;
        border-top: solid 1px #fff;
    }
}

.sections {
    padding-bottom: 60px;
}
.sections h3.titulo {
    font-family: 'Billion Dreams', Tahoma, sans-serif;
    font-size: 4rem;
    color:#71B448;
    text-align:center;
    margin-bottom:25px;
}



/* SOBRE */
.secSobre {
    background: #EBEBEB url(//www.unoeste.br/Areas/EstudeNoExterior/Content/imagens/bg-mapa.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
}
.sobreConteudo{
    display:flex;
}
.sobreConteudo .boxFoto{
    flex-shrink:0;
    width:600px;
    margin-right:60px;
}
/* MOBILE */
@media (max-width:767px) {
    .sobreConteudo {
        flex-direction:column;
    }
    .sobreConteudo .boxFoto{
        width:100%;
        margin-right:0;
        margin-bottom:20px;
    }
}

/* MOTIVOS */
.secMotivos {
    margin-bottom: 100px;
    position: relative;
    z-index: 2 !important;
}
.secMotivos .motivosConteudo {
    background-color: #fff;
    padding: 20px 30px;
    position: relative;
    margin-top: -70px;
    z-index: 99;
    box-shadow: 0px 10px 15px -4px rgba(0,0,0,0.39);
}
.secMotivos .motivosItens .item{
    display:flex;
    flex-direction:column;
    align-items:center;
}
.secMotivos .motivosItens .item .boxIcone {
    width: 80px;
    height: 80px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
}
.secMotivos .motivosItens .item h3{
    font-weight:500;
    font-size:1rem;
    line-height:1.4em;
    text-align:center;
}
.secMotivos .motivosItens .item h3 .destaque{
    font-weight:bold;
    color:#71B448;
    display:block;
    text-align:center;
}


.secMotivos .owl-prev, .secMotivos .owl-next {
    background-color: #71B448 !important;
    transition: background .2s;
    border-radius: 100% !important;
    position: absolute;
    top: 38%;
    width: 40px;
    height: 40px;
    display: block !important;
    border: none;
}
.secMotivos .owl-prev:hover, .secMotivos .owl-next:hover{
    background-color: #0f7400 !important;    
}
.secMotivos .owl-prev {    
    left: -50px;    
}
.secMotivos .owl-next {        
    right: -50px;    
}
.secMotivos .owl-prev i, .secMotivos .owl-next i {font-size:2rem; color: #fff;}



/* PARCEIROS */
.secParceiros{
    background-color:#fff;    
}
.secParceiros .boxParceiros:not(:last-child){
    margin-bottom:50px;
}
.secParceiros .boxParceiros .lkParceiros{
    display:inline-block;
    font-weight:bold;
    font-size:1.2rem;
    line-height:1.4em;
    text-decoration:none;
    color:#fff;
    background-color:#706F6F;
    border-radius:10px;
    padding:10px 20px;
    transition:background .2s;
    margin:20px 0 0 0;
}
.secParceiros .boxParceiros .lkParceiros:hover{
    background-color:#353535;
}


/* Oportunidades */
.secOportunidades {
    background: #EBEBEB url(//www.unoeste.br/Areas/EstudeNoExterior/Content/imagens/bg-mapa.jpg) no-repeat;
    background-size: cover;
    background-position: center top;    
}
.oportunidadesConteudo {
    margin-bottom: 40px;
}
.oportunidadesConteudo {
    display: flex;
}
.oportunidadesConteudo .boxFoto{
    flex-shrink:0;
    width:600px;
    margin-left:60px;
}
.oportunidadesConteudo .textContent .destaque{
    color:#71B448;
    font-size:2.3rem;    
}
.secOportunidades .listaEditais{
    margin:0 auto;
    width:100%;
    max-width:550px;
}
.secOportunidades .listaEditais li:not(:last-child){
    margin-bottom:5px;
}
.secOportunidades .listaEditais li a {
    display: block;
    color: #fff;
    font-size: 1rem;
    line-height:1.4em;
    text-decoration: none;
    background-color: #575756;
    text-align: center;
    border-radius:5px;
    padding:10px;
    transition: background .2s;    
}
.secOportunidades .listaEditais li a:hover{
    background-color:#353535;
}
/* MOBILE */
@media (max-width:767px) {
    .oportunidadesConteudo {
        flex-direction: column;        
    }
    .oportunidadesConteudo .boxFoto{
        width:100%;
        margin-left:0;
        margin-bottom:20px;
        order:1;
    }
    .oportunidadesConteudo .textContent{
        order:2;
    }
}


/* CURSO DE INGLÊS */
.secCursoIngles {
    background-color:#fff;
}
.secCursoIngles .boxBanner{
    margin-top:20px;
}
.secCursoIngles .conteudo{
    display:flex;
    justify-content:center;
}
.secCursoIngles .conteudo .slogan{
    flex-shrink:0;
    width:500px;
    margin-right:20px;
}
.secCursoIngles .conteudo .boxInscricao{
    flex-shrink:0;
    width:250px;
    line-height:1.4em;
    font-size:1rem;
    border-left:solid 1px #333;
    padding-left:20px;
}
.secCursoIngles .conteudo .boxInscricao .lkInscricao{
    color:#fff;
    font-weight:bold;
    background-color:#71B448;
    border-radius:10px;
    display:inline-block;
    padding:10px 20px;
    text-decoration:none;
    transition:background .2s;
}
.secCursoIngles .conteudo .boxInscricao .lkInscricao:hover{
    background-color:#0f7400;
}
/* MOBILE */
@media (max-width:767px) {
    .secCursoIngles .conteudo {
        flex-direction:column;
    }
    .secCursoIngles .conteudo .slogan{
        max-width:500px;
        width:100%;
        margin-right:0;
        margin-bottom:20px;
    }
    .secCursoIngles .conteudo .boxInscricao{
        border:none;
        padding-left:0;        
        width:100%;
    }
    .secCursoIngles .conteudo .boxInscricao p{
        text-align:center !important;
    }
}



/* A UNOESTE */
.secUnoeste{
    background-color:#fff;
}
.aUnoesteConteudo {
    margin-bottom: 40px;
}
.aUnoesteConteudo {
    display: flex;
}
.aUnoesteConteudo .boxFoto{
    flex-shrink:0;
    width:600px;
    margin-left:60px;
}
.aUnoesteConteudo .textContent .destaque{
    color:#71B448;
    font-size:2.3rem;    
}
.boxVideos{
    display:flex;
    justify-content:center;
} 
.boxVideos .lkVideo{
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#fff;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    flex-shrink:0;
    width:250px;
    height:200px;
    border-radius:10px;
    position:relative;
    transition:filter .2s;
}
.boxVideos .lkVideo .iconePlay{
    color:#fff;
    font-size:5rem;
    text-align:center;
    transition: transform .2s, color .2s;
}
.boxVideos .lkVideo:hover .iconePlay{
    transform:scale(1.2);
    color:#71B448;
}
.boxVideos .lkVideo:hover{
    filter:brightness(1.2);
}
.boxVideos .lkVideo:not(:last-child) {
    margin-right: 15px;
}
/* MOBILE */
@media (max-width:767px) {
    .aUnoesteConteudo {
        flex-direction: column;        
    }
    .aUnoesteConteudo .boxFoto{
        width:100%;
        margin-left:0;
        margin-bottom:20px;
        order:1;
    }
    .aUnoesteConteudo .textContent{
        order:2;
    }

    .boxVideos {
        align-items:center;
        flex-direction:column;
    } 
    .boxVideos .lkVideo:not(:last-child) {
        margin-right:0;
        margin-bottom: 15px;
    }
}