@import url(https://fonts.googleapis.com/css?family=Dorsa&display=swap);

    body {
    animation: myfadeInAnimation 2s;
}
to {
    opacity: 1;
}
to {
    opacity: 1;
}
to {
    opacity: 1;
}
.side-panel::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.side-panel::-webkit-scrollbar-thumb {
    background: #888;
}
.side-panel::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.col-galeria {
    height: 90vh;
}
.swiper-container {
    width: 100%;
    height: 95%;
    cursor: grabbing;
}
.swiper-slide-slide1 {
    background-image: url(../img/teste_galeria/luis-barrigas.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.swiper-slide-slide2 {
    background-image: url(../img/teste_galeria/alberta-soares.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.swiper-slide-slide3 {
    background-image: url(../img/teste_galeria/rui-silva.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.swiper-slide-slide4 {
    background-image: url(../img/teste_galeria/joao-rocha.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.swiper-slide-slide5 {
    background-image: url(../img/teste_galeria/vasco-pimentel.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.swiper-pagination-bullet {
    width: 60px!important;
    height: 60px!important;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000!important;
    opacity: 1;
    background: orange!important;
    padding: 20px;
    margin: 10px 4px!important;
}
.swiper-pagination {
    width: auto;
    right: 0;
}
@media screen and (max-width:576px) {
    h2:nth-child(1) {
    font-size: 1.6em!important;
}
h2:nth-child(2) {
    font-size: 2.8em!important;
}
.nome-professor {
    position: absolute;
    top: 8vh;
    left: -2%;
    transform: rotate(-90deg);
    z-index: 99;
}

.drop {
    padding: 50px 20px 0 10px!important;
}
.hidep {
    font-size: .8em!important;
}
.sidebar a {
    font-size: 10px!important;
}
#triangle-topleft {
    border-top: 60px solid #a48f58!important;
    border-right: 60px solid transparent!important;
}
.swiper-slide-slide1 {
    background-image: url(../img/teste_galeria/luis-barrigas-mobile.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
}@media screen and (min-width:577px) and (max-width :991px) {
    h2:nth-child(1) {
    font-size: 3em!important;
}
h2:nth-child(2) {
    font-size: 5em!important;
}
.sidebar a {
    font-size: 16px!important;
}
.nome-professor {
    position: absolute;
    top: 12vh;
    left: 0;
    transform: rotate(-90deg);
    z-index: 99;
}
}@media screen and (min-width:992px) {
    .nome-professor {
    position: absolute;
    top: 20vh;
    left: -4%;
    transform: rotate(-90deg);
    z-index: 99;
}
}.nome-professor h2 {
    font-family: Khula, sans-serif;
    font-size: 12em;
    color: #fff;
    line-height: .8;
}
.social {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    bottom: 15%;
    left: 4%;
    font-size: 15px;
    width: 130px;
}
.hide-content.social a {
    color: #676664!important;
}
.social a {
    color: #b1b0ae!important;
    cursor: pointer;
    transition: all .5s;
}
.social a:hover {
    transform: translateY(-10px);
    bottom: 10px;
    opacity: .7;
}
.sidebar {
    z-index: 9;
    position: absolute;
    top: 5%;
    right: 10px;
    width: 30px;
    height: 130px;
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.sidebar a {
    writing-mode: vertical-rl;
    text-orientation: upright;
    color: #ffc107;
    font-size: 12px;
    opacity: 1;
    font-weight: 700;
}
.sidebar a:hover {
    opacity: .7;
}
.sidebar i {
    text-orientation: sideways-right;
    font-size: 14px;
    opacity: 1;
}
.sidebar a:hover i {
    animation: seta .7s infinite;
}
@keyframes seta {
    0% {
    transform: translateX(0);
    color: #fff;
}
50% {
    transform: translateX(-6px);
}
100% {
    transform: translateX(0);
}
}.side-panel, .side-panel-2, .side-panel-3, .side-panel-4, .side-panel-5 {
    position: absolute;
    display: flex;
    justify-content: center;
    top: 50%;
    right: 0;
    z-index: 9;
    width: 0;
    height: 1px;
    background: rgba(238, 238, 238, .8);
    opacity: 0;
    overflow-y: auto;
    overflow-x: hidden;
}
.hidep {
    color: #504b4b;
    font-size: 1em;
    opacity: 0;
    transform: translateY(-150px);
    transition: all 3s;
}
.showp {
    transform: translateY(0);
    opacity: 1;
}
.bio i, .bio2 i, .bio3 i, .bio4 i, .bio5 i {
    display: block!important;
    font-size: 14px;
}
.hide-content {
    transform: translateY(-500px);
    opacity: 0;
    transition: all 2s;
}
.show-content {
    transition-delay: .5s;
    transform: translateY(0);
    opacity: 1;
}
.social.show-content {
    margin: 0!important;
    padding: 0!important;
    bottom: 0!important;
    left: 0!important;
    color: #565553;
}
.fechar-slider, .fechar-slider2, .fechar-slider3, .fechar-slider4, .fechar-slider5 {
    z-index: 99;
    position: absolute;
    top: 10px;
    left: 25px;
}
.fechar-slider i, .fechar-slider2 i, .fechar-slider3 i, .fechar-slider4 i, .fechar-slider5 i {
    font-size: calc(18px + 1vw);
    cursor: pointer;
    transition: all .4s;
}
.fechar-slider2:hover i, .fechar-slider3:hover i, .fechar-slider4:hover i, .fechar-slider5:hover i, .fechar-slider:hover i {
    transform: rotate(-180deg);
    color: #000;
}
.hide-opacity {
    opacity: 0;
    transition: all .4s;
}
.show-opacity {
    transition-delay: 1s;
    opacity: 1;
}
#triangle-topleft {
    position: absolute;
    top: 0;
    left: 15px;
    width: 0;
    height: 0;
    border-top: 80px solid #a48f58;
    border-right: 80px solid transparent;
}
.wrapper-sticky {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.row .side-panel-textarea {
    position: relative;
}
.row-contactos-pessoais-professor {
    padding-bottom: 20px;
    align-items: center;
}
.contactos i {
    display: block;
    line-height: 1.8;
    color: grey;
}