/* Fonts */

@import url('https://fonts.googleapis.com/css?family=Catamaran');
@font-face { font-family: 'BunueloLight'; src: url(../font/BunueloCleanPro-Light.ttf); }
@font-face { font-family: 'BunueloRegular'; src: url(../font/BunueloCleanPro-Regular.ttf); }
@font-face { font-family: 'BunueloSemiBold'; src: url(../font/BunueloCleanPro-SemiBold.otf); }
@font-face { font-family: 'BunueloExtraBold'; src: url(../font/BunueloCleanPro-ExtraBold.ttf); }


/* Body */
:root {
    --color-primary: #ffba29;
    --color-text: #333333;
    --color-muted: #a5a2a2;
}

body{font-family: 'BunueloRegular'; background-color: #fff;}
html {scroll-behavior: smooth;}
body p{color: var(--color-text); font-size: 21px; margin-top: 30px;}
body a{color: var(--color-text)}
h3{color: var(--color-primary); font-size: 41px;}
img{margin-top: -1px;}
.descrypt{padding-top: 70px; padding-bottom: 70px;}
.bg-gray {background-color: var(--color-muted);}
.case-section{background-color: #fff;}
.media-strip{margin: 0; padding: 0; background-color: var(--color-muted);}
.media-strip iframe,
.media-strip video{
    width: 100%;
    border: 0;
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Header */
section.header{background-color: #ffba29; padding-top: 100px;}
section.header img[alt="flash"]{position: absolute; opacity: 0.3; left: 0px; top: 0px; z-index: 1;}
section.header img[alt="lari-img"]{max-width: 82%}
section.header p.about{font-size: 20px; margin-top: 20px;}
section.header p.job{font-size: 26px; margin-top: 30px; margin-bottom: 35px;}
section.header img[alt="job"]{margin-left: 10px; margin-right: 10px}
section.header a:hover{color: #333333; text-decoration: none; text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);-webkit-transition-duration: .35s;
    transition-duration: .35s;
-webkit-transition-timing-function: ease, ease, ease-in-out, ease-in-out;
    transition-timing-function: ease, ease, ease-in-out, ease-in-out;}

/* Warner Bros */
section.warner-bros .div-freira{background-color: #0a0105;}
section.warner-bros .iframeSize{width: 100%; height: 550px;}

/* Video - Visibilidade Lésbica */
section.video .player{padding-top: 10px; background-color: var(--color-muted);}

/* Positivo */
section.positivo .player{padding-top: 10px; background-color: var(--color-muted);}

/* Footer */
section.footer{background-color: #ffba29}
section.footer h2{margin-top: 30px; font-size: 25px;}
section.footer p{font-size: 12px;}
section.footer .icons{padding-top: 30px; margin-bottom: 30px}
section.footer i:hover{text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);-webkit-transition-duration: .35s;
    transition-duration: .35s;
-webkit-transition-timing-function: ease, ease, ease-in-out, ease-in-out;
    transition-timing-function: ease, ease, ease-in-out, ease-in-out;}
section.footer a:hover{color: #333333;-webkit-transition-duration: .35s;
    transition-duration: .35s;
-webkit-transition-timing-function: ease, ease, ease-in-out, ease-in-out;
    transition-timing-function: ease, ease, ease-in-out, ease-in-out;}

/* Conteúdo */
section.content{background-color: #fff; padding-top: 70px;}
section.content .img img{max-width: 100%}

/* Contact Form */
section.footer .form-contact {background-color: rgba(51, 51, 51, .4); border-radius: 5px; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px;}
section.footer .form-contact h3{color: var(--color-primary); font-size: 30px;}

/* Button Float */
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
    -webkit-transition-duration: .35s;
            transition-duration: .35s;
    -webkit-transition-timing-function: ease, ease, ease-in-out, ease-in-out;
            transition-timing-function: ease, ease, ease-in-out, ease-in-out;
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
    -webkit-transition-duration: .35s;
            transition-duration: .35s;
    -webkit-transition-timing-function: ease, ease, ease-in-out, ease-in-out;
            transition-timing-function: ease, ease, ease-in-out, ease-in-out;
}

@media only screen and (max-width: 900px) {
    h3{color: #ffba29; font-size: 30px;}
    p{font-size: 19px; margin-top: 30px;}
    img{margin-top: -1px;}

    /* Header */
    section.header{background-color: #ffba29; padding-top: 0px}
    section.header img[alt="flash"]{max-width: 50%; left: 0px; top: 0px;}
    section.header img[alt="lari-img"]{max-width: 100%;}
    section.header img[alt="lari-logo"]{max-width: 90%; margin: 30px auto 20px auto; display: block;}
    section.header p.about{font-size: 18px; padding: 10px; text-align: center !important; width: 100%;}
    section.header p.job{font-size: 26px; margin-top: 0px; margin-bottom: 15px;}
    section.header img[alt="job"]{margin-left: 10px; margin-right: 10px}
    section.header a:hover{color: #333333; text-decoration: none;text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);-webkit-transition-duration: .35s;
        transition-duration: .35s;
    -webkit-transition-timing-function: ease, ease, ease-in-out, ease-in-out;
        transition-timing-function: ease, ease, ease-in-out, ease-in-out;}

    .case-section{padding: 50px 0;}

    /* Warner Bros */
    section.warner-bros .iframeSize{width: 100%; height: 210px;}

    /* Positivo */
    section.positivo .player iframe{width: 60% !important;}

    /* Video - Visibilidade Lésbica */
    section.video .player iframe{width:100% !important; height: 210px;}
}