/*


 Theme Name:   Billie


 Theme URI:    http://bebopthemes.com


 Description:  Minimal & Elegant Portfolio


 Author:       bebop


 Author URI:   http://bebopthemes.com


 Version:      3


*/





html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {





    border: 0;





    font-family: inherit;





    font-size: 100%;





    font-style: inherit;





    font-weight: inherit;





    margin: 0;





    outline: 0;





    padding: 0;





    vertical-align: baseline;





}





html {





    -webkit-box-sizing: border-box;





    -moz-box-sizing: border-box;





    box-sizing: border-box;





    font-size: 62.5%;





    -webkit-text-size-adjust: 100%;





    -ms-text-size-adjust: 100%;





    overflow-y: hidden;


    overflow-x: hidden;


    min-height: 100%;





}





*,


*:before,


*:after {





    -webkit-box-sizing: inherit;





    -moz-box-sizing: inherit;





    box-sizing: inherit;





}





@font-face {





    font-family: 'Conv_Acta-Light';





    src: url('fonts/Acta-Light.eot');





    src: local('☺'), url('fonts/Acta-Light.woff') format('woff'), url('fonts/Acta-Light.ttf') format('truetype'), url('fonts/Acta-Light.svg') format('svg');





    font-weight: normal;





    font-style: normal;





}





/*





a:hover {











    cursor: url('./img/pointer.svg'), auto;











}





*/





.logo {





    display: block;





    background: url(img/renata_pereira.svg) no-repeat top left;





    margin: 0 auto;





    width: 184px;





    background-size: 203px 49px;





    height: 43px;





    background-position-x: 6px;





}





h2 {





    font-size: 22px;





}





.clearfix {





    clear: both;





}





body {





    min-height: 100%;





    /*font-family: 'Conv_Acta-Light', Sans-Serif;*/





    /* cursor:  url('./img/Default.svg'), auto; */





    -webkit-font-smoothing: antialiased;





    -moz-osx-font-smoothing: grayscale;





}








body a {


    position: relative;


    z-index: 50;


}





body a:before {


    content: '';


    position: absolute;


    height: 2px;


    width: 0;


    transition: width 0.3s ease;


    left: 0;


    bottom: 0;


    color: inherit;


    background: currentColor;


}





body a:hover:before {


    width: 100%;


}





body a:hover,


body a:focus,


body a:active {


    text-decoration: none;


}





 








#page, .site-content, #primary {





    height: 100%;





}





.site-title, .site-description {





    z-index: 9;





    position: relative;





}





.site-title {





    font-size: 24px;





    text-align: center;





    text-decoration: none;





}





.site-title span {


    margin-left: 10px;


}





.profile-titles .site-title {


    text-align: left;


    padding-top: 5px;


}





.site-description {





    margin-bottom: 10px;





    font-size: 18px;





    text-align: center;





}





.site-title a, .site-description a {





    text-decoration: none;





}





.site-description a {





    font-weight: normal;





}





.site-main {





    margin: 0px auto;





    height: 100%;





}





.fp-section.fp-table, .fp-slide.fp-table {





    display: inline !important;





}





.site-footer a {





    font-size: 24px;





    color: #000;





    text-decoration: none;





}





.site-footer .left {





    float: left;





}





.site-footer .footer-link {


    margin-left: auto;


}





.site-footer .center {


    flex-basis: calc(50% + 28px);


    text-align: left;


    font-size: 24px;


    line-height: 30px;


    display: flex;


    color: #000;


    text-decoration: none;


}





.site-footer .center span {


    margin-left: auto;


    color: inherit;


    font-size: 1.3em;


    display: flex;


}


@media (max-width:780px){


    .site-footer .center span{


        margin: 0 auto;


        padding-bottom: 1.5vh;


    }


}


.site-footer .center span i {


    font-style: inherit;


    /*font-size: 18px;*/


    font-size: 0.7em;


    vertical-align: middle;


}





.change_color {


    transition: color 0.5s ease, stroke 0.5s ease;


}





.site-info {


    margin: 0 auto;


    display: flex;


    align-items: center;





}





.site-profile {





    position: relative;





    padding: 90px 65px 10px;





    margin: 0 auto;





    height: 100%;





    font-size: 32px;





    overflow-y: auto;





    color: #393939;





    z-index: 99;





}





.site-profile .left {





    position: relative;





    font-size: 30px !important;





    float: left;





    width: 70%;





    margin-top: 50px;





    line-height: 40px;





    padding-right: 5px





}





.site-profile .right {





    position: relative;





    margin-top: 0;





    float: left;





    width: 30%;





    padding-left: 15px





}





.site-profile .right .copyright {





    margin-top: 60px;





}





.site-profile .right .copyright p {





    font-size: 12px;





    line-height: 20px;





}





.site-profile .right h4 {





    margin-top: 23px;





    color: #fff;





    font-size: 17px;





    margin-bottom: 2px;





}





.site-profile .right a, .site-profile .right p {





    text-decoration: none;





    color: #000000;





    font-size: 16px;





    line-height: 25px;





}





.site-profile .right a:hover {





    text-decoration: underline;





}





.back-link {


    position: relative;


    float: right;


    z-index: 9;


    font-size: 18px;


    color: #fff;


    text-decoration: none;





}





.site-profile .projects-link {


    position: absolute;


    bottom: 20px;


    left: -45px;


    color: #393b39;


    text-decoration: none;


}





.site-new-profile {


    opacity: 0;


    top: 0;


}





.site-new-profile .container a {


    /*font-size: 18px;*/


    /*font-size: 34px;*/


}





/*.site-new-profile .site-title a {*/


    /*color: #fff;*/


/*}*/





.version-2 .site-title a,


.version-2 .site-title span,


.version-2 p,


.version-2 div,


.version-2 h4,


.version-2 a,


.version-2 .profile-content .link a {


    color: #000;


}





.site-new-profile .container img {





    max-width: 100%;





    height: auto;





}





.site-new-profile .container h4 {


    font-size: 15px;


    font-weight: bold;


    padding-top: 40px;


    padding-bottom: 20px;


    color: #000;


}





.site-new-profile .container p {


    font-size: 18px;


}





.site-new-profile .container .experience p {


    margin-bottom: 15px;


}





.site-new-profile .container .experience {





    font-size: 13px;





    margin-bottom: 20px;





}





.site-new-profile .container .link a,


.site-new-profile .container .link {


    font-size: 14px;


}





.site-new-profile .container .copyright {


    margin-top: 20px;


}





.site-new-profile .container .copyright p {


    font-size: 14px;


}





.site-new-profile .container .projects-link,


.site-new-profile .container .projects-link:hover,


.site-new-profile .container .projects-link:active {





    margin-bottom: 10px;





    font-size: 32px;





}





.fp-slides {





    position: absolute !important;





    top: 0px;





    height: 100%;





    width: 100%;





}





.fp-tableCell {





    display: block !important;





    padding-top: 8%;





}





.slide-crop video {


    max-height: 100%;


    top: 50%;


    position: relative;


    transform: translateY(-50%);


    max-width: 100%;


}





.site-titles,


.site-info {


    display: flex;


    margin: 0 auto;


    align-items: center;


    justify-content: center;


}





.profile-link {


    font-size: 32px;


    margin-left: auto;


    position: relative;


    z-index: 2;


}





.profile-link a {


    /*font-family: 'Poppins' !important;*/


    /*font-style: normal !important;*/


    /*font-weight: 300 !important;*/


    /*color: #000;*/


    position: relative;


    font-size: 24px;


}





.site-main .slick-slide img {


    background-size: contain !important;


}





.site-main .slick-slide.full-width.cover img {


    background-size: cover !important;


    height: 100%;


    width: 100%;


    margin: 0;


}


.site-main .slick-slide.full-width.contain img {


    background-size: contain !important;


    height: 100%;


    width: 100%;


    margin: 0;


}





.slick-slider .slick-slide.full-width > .slide-crop {


    height: 100vh !important;


    max-width: 100vw;


    margin: 0;


}








.projects .slick-arrow {


    pointer-events: auto;


    position: absolute;


    z-index: 9;


    overflow: visible;


    margin: 0;


    padding: 0;


    outline: 0;


    border: 0;


    background: none;


    color: inherit;


    vertical-align: middle;


    text-align: center;


    text-decoration: none;


    text-transform: none;


    font: inherit;


    line-height: normal;


    cursor: pointer;


    user-select: none;


    font-size: 0;


}





.projects .slick-prev {


    left: 0


}





.projects .slick-next {


    right: 0


}





.c-arrow {


    position: absolute;


    top: 50%;


    left: 50%;


    z-index: 100000;


    transform: translate3d(-50%, -50%, 0) scale(1, 1);


    pointer-events: none;


    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);


    opacity: 1;


    transform-origin: 50% 50%


}





.is-mobile .c-arrow {


    display: none


}





.c-arrow.is-active {


    transform: translate3d(-50%, -50%, 0) scale(1, 1)


}





.c-arrow.is-active .c-arrow__svg {


    transform: scale3d(1, 1, 1);


    opacity: 1


}





.c-arrow.is-active.-right {


    transform: translate3d(-50%, -50%, 0) scale(1, 1) rotate(0deg)


}





.c-arrow.is-active.-left {


    transform: translate3d(-50%, -50%, 0) scale(1, 1) rotate(-180deg)


}





.c-arrow.-right {


    transform: translate3d(-50%, -50%, 0) scale(1, 1) rotate(0deg)


}





.c-arrow.-left {


    transform: translate3d(-50%, -50%, 0) scale(1, 1) rotate(-180deg)


}





.c-arrow__svg {


    transform: scale3d(0.4, 0.4, 0);


    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);


    transform-origin: 50% 50%;


    opacity: 0


}





.is-changing-page .c-arrow__svg {


    transform: scale3d(0.4, 0.4, 0) !important;


    opacity: 0 !important


}





.site-profile, .projects {





    display: none;





}





.projects {


    padding: 30px 40px 0 40px


}





.animation-overlay {


    position: absolute;


    height: 200vh;


    width: 100%;


    bottom: -200vh;


    transition: bottom 1200ms ease;


    background: #000;


    z-index: 100;


}





.animation-overlay.animated {


    bottom: 100vh;


}





.hide-overlay {


    display: none;


}





.slick-slide img {


    height: auto;


}





.site-main .slide .slide-crop {


    max-width: 90%;


    overflow: hidden;


    position: relative;


    width: auto;


    height: auto;


    margin: 0 auto 20%;


    top: 50%;


    transform: translateY(-50%);


    height: 70vh !important;


}





.profile-content {





    position: relative;





    max-width: 1200px;





    margin: 0 auto;





    height: 100%;


    padding-bottom: 20px;





}





.rewers {


    padding-top: 60px;


}





.ta-center p {


    text-align: center;


}





.profile-titles {


    /*padding-top: 20px;*/


    padding-top: 30px;


}





.slide .credits {





    position: absolute;





    top: 50%;





    margin-left: -165px;





    -webkit-transform: rotate(90deg);





    -moz-transform: rotate(90deg);





    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);





    -o-transform: rotate(90deg);





    display: inline-block;





    text-indent: 0px;





    font-size: 12px;





    font-family: 'Work Sans';





    line-height: 30px;





    z-index: 99;





    width: 300px !important;





    min-height: 30px !important;





}


.full-video-cont{


                                    height: 100% !important;


                                    position: absolute !important;


                                    width: 100% !important;


                                    max-height: 100% !important;


                                    overflow: initial !important;


                                }


                                .full-video{


                                    max-height: initial !important;


                                    max-width: initial !important;


                                    width: 100vw;


                                }


                                .cover-video{


                                    max-height: initial !important;


                                    max-width: initial !important;


                                    width: 100vw;


									height: initial !important;


                                }


                                @media only screen and (max-width: 1280px) {


                                .cover-video{


                                    max-height: initial !important;


                                    max-width: initial !important;


                                    width: initial !important;


                                    height: initial !important;


                                }


                            }


@media only screen and (min-height: 992px) {


                                .cover-video{


                                    max-height: initial !important;


                                    max-width: initial !important;


                                    width: initial !important;


									height: 1700px !important;


                                }


                            }


									@media only screen and (max-width: 996px) {


                                .cover-video{


                                    max-height: initial !important;


                                    max-width: initial !important;


                                    width: initial !important;


                                    height: 100vh !important;


/* 									right: 50%; */


                                }


                            }


@media only screen and (max-width: 400px) {


                                .cover-video{


                                    


									right: 50%;


                                }


                            }





.site-footer {


    position: absolute;


    z-index: 99;


    bottom: 0px;


    left: 0px;


    right: 0px;


    height: auto;


    padding: 0 40px 30px;


}





.footer-title-link {


    color: inherit;


}





@media only screen and (max-width: 1400px) {





    .site-title {


        padding-top: 0;


    }





}





@media only screen and (max-width: 1025px) {





    .site-profile {





        padding: 20px;





        font-size: 24px;





    }





    .site-profile .left {





        width: 70%;





        margin: 30px 0px;





        line-height: 37px;





    }





    .site-profile .right {





        margin: -20px 0px;





        padding-left: 0px;





        width: 30%;





    }





    .site-profile .back-link {





        top: 0px;





    }





    .slick-arrow {





        display: none !important;





    }





}





@media only screen and (max-width: 780px) {


    .full-page-slider {


        max-height: 100vh;


    }





    .slick-slide {


        overflow: hidden;


        max-height: 100vh;


    }





    html {


        -webkit-overflow-scrolling: touch;


    }





    .animation-overlay {


        display: none;


    }





    .logo {





        width: 153px;





        background-size: 153px 27px;





        height: 27px;





        background-position-x: 6px;





    }





    .site-title {


        font-size: 24px;





    }





    .site-description {





        font-size: 14px;





        margin-bottom: 0px;





    }





    .site-footer {





        padding: 0px 10px 15px;





        /*height: 60px;*/





    }





    .site-footer .center {


        flex-basis: calc(50% + 15px);


    }





    .projects {


        padding: 15px 15px 0;


    }








    .site-footer .center {


        align-items: center;


    }





    .site-footer a, .site-footer .center, .profile-link a, .site-title a, .site-new-profile .container a, .site-title span {





        font-size: 16px !important;





    }





    .profile-titles {


        padding-top: 20px;


    }





    .profile-titles a.fw-cust {


        font-size: 16px !important;


    }





    .header-title-col {


        margin-left: -20px;


        margin-right: 0px;


    }





    .header-title-col .site-title {


        padding-top: 0;


    }





    .header-gb-col {


        padding-top: 10px;


        padding-right: 0;


    }





    .header-gb-col a.back-link {


        margin-right: -30px;


    }





    .footer-title-link, .footer-link {


        display: none !important;


    }





    .site-footer .center {





        /*width: 50%;*/





    }





    .site-profile {





        padding: 20px;





        font-size: 24px;





    }





    .site-profile .left {





        width: 100%;





    }





    .site-profile .left p {





        line-height: 30px;





    }





    .site-profile .right {





        padding-left: 0px;





        width: 100%;





    }





    .site-profile .right h4 {





        margin: 20px 0 8px;





        color: #fff;





        font-size: 21px;





    }





    .site-profile .right a, .site-profile .right p {





        font-size: 18px;





        font-size: 18px;





        line-height: 20px;





        color: #393939;





    }





    .site-profile .center {





        position: absolute;





        margin: 0 auto;





        right: 0px;





        left: 0px;





        text-align: center;





    }





    .site-main .slide .slide-crop img {





        object-fit: cover;





        max-height: 100%;





        max-width: 100%;





    }





    .site-profile .projects-link {





        display: none;





    }





    .site-new-profile .container p,


    .site-new-profile .container .link a {


        font-size: 16px !important;


    }





    .site-new-profile .container p:first-child {


        padding-top: 20px;


    }





}





@media only screen and (max-width: 420px) {





    .site-new-profile .container h4 {


        margin-top: 20px;


    }





    .site-main .slide .slide-crop img {





        margin-top: 0;





    }





    .site-info {





        right: 30px;





        left: 30px;





    }





    .profile-link {


        font-size: 21px;


    }





    .site-title {


        text-align: left;


    }





    .site-title span {


        margin-left: 0;


        display: block;


    }





    .site-footer {


        padding: 0 20px 20px;


    }





    .projects {


        padding: 20px 20px 0 20px;


    }





}





@media screen and (min-width: 1000px) {


    .c-arrow__svg {


        width: 11.25rem;


        height: 10.125rem


    }


}





@media screen and (min-width: 1200px) {


    .c-arrow__svg {


        width: 15.9590043924vw;


        height: 14.3484626647vw


    }


}





@media screen and (max-width: 999px) {


    .c-arrow {


        display: none


    }


}





@media screen and (min-width: 1000px) {


    .c-arrow {


        width: 11.25rem;


        height: 10.125rem


    }


}





@media screen and (min-width: 1200px) {


    .c-arrow {


        width: 15.9590043924vw;


        height: 14.3484626647vw


    }


}





@media (min-width: 1000px) {


    .projects .slick-arrow {


        width: 50vw;


        top: 4.78477306vw;


        bottom: 8.78477306vw;


    }





}





@media (max-width: 999px) {


    .projects .slick-arrow {


        width: 10vw


    }


}





@media only screen and (max-width: 420px) and (min-height: 640px) {





    .slick-slide img {





        width: 100%;





    }





    .site-main .slide .slide-crop img {





        max-width: 100%;





        top: 50%;





        /*transform: translateY(25%);*/





    }





}





@media only screen and (min-width: 500px) and (min-height: 320px) {





    .site-main .slide .slide-crop img {





        max-height: 100%;





    }





}





@media only screen and (max-width: 750px) {


    .rewers {


        display: -webkit-flex;


        display: -moz-flex;


        display: -ms-flex;


        display: -o-flex;


        display: flex;


        display: flex;


        flex-direction: column-reverse;


    }





    .site-footer .center span {


        font-size: 1.5em;


    }





    .site-footer .center span i {


        /*font-size: 11px;*/


    }





    .site-main .slide .slide-crop {


        /*overflow: inherit;*/


        /*top: 0;*/


    }


}





@media only screen and (max-height: 750px) {





    .site-main .slide .slide-crop {





        max-width: calc(100% - 80px);





    }





}





@media only screen and (max-height: 420px) {





    .site-main .slide .slide-crop {





        margin: 70px auto 20%





    }





}





@media only screen and (min-width: 1024px) {





    .site-profile .left {





        padding: 0px 60px 0 70px;





    }





    .site-new-profile .container p {


        font-size: 21px;


    }





    .site-profile .projects-link {





        padding: 0px 60px 0 75px;





    }





}





@media only screen and (min-width: 1500px) {





    .site-new-profile .container .copyright p {





        font-size: 16px;





    }





    .site-new-profile .container h4 {





        font-size: 15px;





    }





    .site-main .slide .slide-crop {





        max-width: 1200px;





    }





    .site-main .slick-slide img {





        max-width: 100%;





        max-height: 100%;





        margin: 0 auto !important;





    }





    .slide .credits {





        margin-left: -185px;





    }





    .site-new-profile .container .experience {


        font-size: 17px;


    }





    .site-new-profile .container .link a, .site-new-profile .container .link {


        font-size: 17px;


    }





}





.fw-cust {


    margin-right: -15px;


    /*font-weight: 300 !important;*/


    /*font-size: 32px !important;*/


    /*font-family: 'Poppins' !important;*/


    /*font-style: normal !important;*/


}


.fw-cust:hover{


    color: inherit;


}





.profile-content {





    /*max-width: 1600px;*/


    max-width: 100%;


    width: 100vw;


    padding-left: 25px;


    padding-right: 25px;


}





.image-wrapper-c {


    max-width: 445px;


    max-height: 650px;


}





.site-profile .projects-link {





    /*margin-left: -70px;*/





    font-size: 32px;





}





@media only screen and (min-width: 1700px) {





    body {





        padding: 0px 0px;





    }





    .site-main .slide .slide-crop {





        max-width: calc(100% - 80px);





    }





    .site-title {





        font-size: 34px;





        line-height: 28px;





    }





    .site-profile .left {





        line-height: 50px !important;





        width: 70%;





        font-size: 32px !important;





        color: #000000;





    }





    .site-profile .right {





        line-height: 55px;





    }





    .site-description {





        font-size: 32px;





    }





    .site-footer a, .site-footer .center, .profile-link a {





        font-size: 32px;





    }





    .site-profile .projects-link {





        /*margin-left: -70px;*/





        font-size: 32px;





    }





    .site-profile .back-link {





        font-size: 18px;


    }








    .site-profile .back-link img {





        height: 20px;





        width: 40px;





    }








    .site-profile {





        font-size: 40px;





    }








    .site-profile .right h4 {





        font-size: 30px;





    }





    .site-profile .right a, .site-profile .right p {





        font-size: 20px;





    }





    .site-profile .right .copyright p {





        font-size: 15px;





    }





}





@media only screen and (min-width: 1800px) {





    .site-profile .projects-link {





        left: 45px;





        margin-left: -130px;





        margin-bottom: 5px;





        font-size: 32px;





        padding: 0px;





    }





}





@media only screen and (max-height: 760px) {





    .site-main .slide .slide-crop,


    .site-main .slide .slide-crop img {


        height: 100%;


    }





}





.animation {





    position: absolute;





}





.full-page-slider {





    position: absolute;





    top: 0px;





    bottom: 0px;





    left: 0px;





    right: 0px;





}





.slick-list {





    height: 100%;





}





.slider {





    position: relative;





    margin: 0px auto;





    height: 100%;





}





.slick-slide {





    position: relative;





    height: 100%;





}





.slick-track {





    height: 100%;





}





.slide {





    position: relative;





    text-align: center;





}





#site-loader {





    z-index: 999;





    transition: height 1.6s linear;





    overflow: hidden;





    width: 100px;





    height: 0px;





    margin: auto;





    position: absolute;





    top: 0;


    bottom: 0;


    left: 0;


    right: 0;





}





@media screen and (max-height: 390px) {





    .site-title {


        font-size: 18px;


    }





    .site-description {





        font-size: 12px;





        margin-bottom: 0px;





    }





    .site-footer {





        height: 30px;





        padding: 5px 20px;





    }





    .site-footer a, .site-footer .center {





        font-size: 18px;





    }





    .site-main .slide .slide-crop {





        margin: 46px auto 20%





    }





}





@media screen and (max-width: 460px) {


    .site-title {


        text-align: left;


    }





    .site-title span {


        display: block;


        margin-left: 0;


    }


}





.slide-crop img.mobile-image, .slide-crop img.desktop-image {


    display: none;


    position: relative;


    top: 50%;


    transform: translateY(-50%);


}





.OF-fill {





    object-fit: fill;





    font-family: 'object-fit: fill';





}





.OF-contain {





    object-fit: contain;





    font-family: 'object-fit: contain';





}





.OF-cover {





    object-fit: cover;





    font-family: 'object-fit: cover';





    /*width: 100%;*/





}





.OF-cover-op {





    object-fit: cover;





    object-position: center 80%;





    font-family: 'object-fit: cover; object-position: center 80%';





}





.OF-none {





    object-fit: none;





    font-family: 'object-fit: none';





}





.OF-scaleDown {





    object-fit: scale-down;





    font-family: 'object-fit: scale-down';





}