/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}
a{ cursor: pointer ; }
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

::-webkit-input-placeholder{ color:white; }

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

@font-face {
    font-family: 'ScaniaOffice-Bold';
    src: url('../fonts/ScaniaOffice-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/ScaniaOffice-Bold.woff') format('woff'), url('../fonts/ScaniaOffice-Bold.ttf')  format('truetype'), url('../fonts/ScaniaOffice-Bold.svg#ScaniaOffice-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ScaniaSansHeadlineV1-Bold';
    src: url('../fonts/ScaniaSansHeadlineV1-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/ScaniaSansHeadlineV1-Bold.otf')  format('opentype'),
        url('../fonts/ScaniaSansHeadlineV1-Bold.woff') format('woff'), url('../fonts/ScaniaSansHeadlineV1-Bold.ttf')  format('truetype'), url('../fonts/ScaniaSansHeadlineV1-Bold.svg#ScaniaSansHeadlineV1-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ScaniaSansHeadlineV1-Regular';
    src: url('../fonts/ScaniaSansHeadlineV1-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/ScaniaSansHeadlineV1-Regular.otf')  format('opentype'),
        url('../fonts/ScaniaSansHeadlineV1-Regular.woff') format('woff'), url('../fonts/ScaniaSansHeadlineV1-Regular.ttf')  format('truetype'), url('../fonts/ScaniaSansHeadlineV1-Regular.svg#ScaniaSansHeadlineV1-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ScaniaOffice-Regular';
    src: url('../fonts/ScaniaOffice-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/ScaniaOffice-Regular.woff') format('woff'), url('../fonts/ScaniaOffice-Regular.ttf')  format('truetype'), url('../fonts/ScaniaOffice-Regular.svg#ScaniaOffice-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#br_flag{ position:fixed; z-index:1000; }
#en_flag{ position:fixed; z-index:1000; left: 54px; }

@media only screen and (max-width : 1400px) {  
    #br_flag{ top:89px; }
    #en_flag{ top:89px; }
}

body{ font-family: 'ScaniaOffice-Regular'; margin:0; overflow-x: hidden; }
h1, h2, h3{ color:#5c5c5c; font-family: 'ScaniaSansHeadlineV1-Bold'; font-size: 50px; text-transform: uppercase; line-height: 50px; }
#msg h2{ font-size:28px; }
p{ font-size:30px; }

#cadastro{ display:none; }
#regulamento{ display:none; }
#regulamento h2{ font-size:22px; }
#regulamento h3{ font-size:18px; }
#regulamento p{ font-size:18px; }

#cookies{ display:none; }
#cookies h2{ font-size:22px; }
#cookies h3{ font-size:18px; }
#cookies p{ font-size:18px; }


#statement{ display:none; }
#statement h2{ font-size:22px; }
#statement h3{ font-size:18px; }
#statement p{ font-size:18px; }

.container{ margin:0 auto; position:relative; width:1280px; }
video{ width:100%; }

header{ position:fixed; top:0; left:0; width:100%; z-index:99; background:rgba(0,0,0,0.5); padding-bottom:10px; }
    header .logo{ float:left; margin:30px 0px 0 0; }
    header nav{ float:right; }
    header ul{ list-style:none; padding:0;}
        header ul li{ float:left; padding:20px 20px; }
            header ul li a{ color:white; text-decoration: none; font-family: "ScaniaSansHeadlineV1-Bold";  }
                header ul li a:hover{ color:#00A69C; }
                header ul li a.selecionados{ color:#00A69C; }

.escolhidos{ padding:40px 0; }
    .escolhidos ul{ list-style:none; padding:0; margin:0; }
        .escolhidos ul li{ padding:20px 0; }

.full-banner{ background: url('../img/2022/fullbanner.jpg'); min-height:1100px; background-size: cover; background-position: center; background-attachment: fixed; }

.home{ background:black; min-height: 800px; width:100%; padding:250px 0 0 0; position:relative; text-align:center; }
    .home .inovathon{  }
    .home h2{ color:white; font-size:14px; font-family: 'ScaniaOffice-Regular'; margin:60px 0 200px 0; }
        .home h2 span{ font-family: 'ScaniaSansHeadlineV1-Bold'; }
.home .bolinhas{ position:absolute; bottom:-20px; left:0; z-index:10; }

.lets_help{ min-height:700px; margin-top:-100px; }
    .cidade .img1{ }
    
    .lets_help article{ float:right; width:40%; margin:170px 20px 0 0;}
        .lets_help article h2{ color:#5c5c5c; font-size:44px; font-family:'ScaniaSansHeadlineV1-Bold'; line-height:40px; }
        .lets_help article button{ margin:0; }
button{ background:white; cursor:pointer; font-family:'ScaniaSansHeadlineV1-Bold'; 
        color:#8ea092; border:1px solid #2c5234;
        font-size:40px; border-radius:10px; padding:10px 20px; }

.aviao{ background: url('../img/2022/aviao.jpg'); min-height:800px; margin: 80px 0;
        background-size: cover; background-position: center; background-attachment: fixed; }

.sobre{ position:relative; min-height:650px; }
    .sobre article{ float:left; width:40%; }
    .sobre article h2{ color:#00A69C; font-size:44px; font-family:'ScaniaSansHeadlineV1-Bold'; line-height:40px; }
    .sobre .road{ position:absolute; right:-200px; top:0; }

.sustainable_logistics{ margin:80px 0; text-align: center; }

.world{ background: url('../img/2022/world.jpg'); min-height:800px; margin: 20px 0 480px 0;
        background-size: cover; background-position: center; background-attachment: fixed; padding-top: 280px; }
        .world article{ background:rgba(255,255,255,0.9); padding: 40px 120px; box-sizing: border-box; position: absolute; }
            .world article p.warning{ background:#8ea092; color:white; padding:15px 20px; 
                                      display: block; width: 500px; text-align:center; margin:0 auto; }

.who{ background: url('../img/2022/who.jpg'); min-height:665px; margin: 20px 0 20px 0;
        background-size: cover; background-position: bottom; background-attachment: fixed; padding: 20px 0; }
        .who article{ background: url('../img/2022/bg_verde.png') no-repeat; width:520px; padding:20px 40px; box-sizing: border-box; }
            .who article h2{ color:white; margin:0; }
            .who article p{ color:white; margin:0; font-size: 26px; }


.stages{ background: url('../img/2022/stages.jpg'); min-height:665px; margin: 20px 0 20px 0;
        background-size: cover; background-position: bottom; background-attachment: fixed; padding: 20px 0; text-align: center; }
        .stages .stages_icons{ position:absolute; left:50%; margin-left:-648px; }

        .stages section{ margin-top:550px; display: flex; align-content: stretch; flex-wrap: wrap; }
            .stages section article{ min-width:30%; margin:20px 20px; flex: 1; }
                .stages section article h3{ border-radius:100px; border:7px solid #5c5c5c; height:100px; width:100px; padding-top:20px; box-sizing: border-box; margin:0 auto; }
                .stages section article h2{ font-size:22px; }
                .stages section article p{ font-size:18px; }
                .stages section article hr{ border-style: dotted; }

.award{ background: url('../img/2022/award.jpg'); min-height:700px; margin: 20px 0 20px 0;
        background-size: cover; background-position: bottom; background-attachment: fixed; padding: 20px 0;}
        .award article{ background: url('../img/2022/bg_laranja.png') no-repeat; width:520px; padding:40px 60px 140px 20px; float: right; box-sizing: border-box; }
            .award article h2{ color:white; margin: 0; }
            .award article p{ color:white; margin:0; font-size:28px; }

.previous_editions{ padding-bottom:120px; }
    .previous_editions section{ display: flex; align-content: stretch; flex-wrap: wrap; justify-content: center; align-items: center; }
        .previous_editions section article{ background: white; flex: 1; min-width: 50%; padding: 10px 30px; box-sizing: border-box; }
        .previous_editions section article.first{ margin-top:-80px; }
            .previous_editions section article.first p{ font-size:26px; }
            .previous_editions section article h2{ padding:0; margin: 10px 0; }
            .previous_editions section article p{ margin:10px 0; padding:0; font-size:18px; }
            .previous_editions section article p span{ font-size:16px; margin: 0; }








.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{ cursor:pointer !important; }


footer{ background:black; padding:70px 0; position:relative;}
    footer .logo{ background:black; position:absolute; left:0; }
    footer nav{ color:white; width:40%; text-align:center; margin:0 auto; font-size: 16px; }
        footer nav ul{ list-style:none;  }
            footer nav ul li{ list-style:none; margin: 0; cursor: pointer; float: left; width: 50%; }
    footer p{ color:white; width:40%; text-align:center; margin:0 auto; font-size: 16px; }
    footer a{ color:white; text-decoration: none; }
    footer .social{ position:absolute; list-style: none; right:0; top:0; }
        footer .social li{ float:left; padding:5px 10px; }


.modal{ overflow: hidden; max-width:900px !important; max-height: 80%; overflow-y: auto; overflow-x: hidden; box-sizing: border-box; }
.modal a.close-modal{ top:20px !important; right:20px !important; display:none !important; }

form{ width: 100%; }

    form input{ height:30px; margin:5px 0; width:100%; box-sizing: border-box; padding: 20px 10px; }
    form input[type=checkbox]{ margin:0; margin-right:10px; width:auto; height:20px;  } 
    form select{ height:37px; margin:5px 0; width:100%; height: 45px; padding-left:7px; }
    form input::placeholder{ color:grey; }
    form button{ border:0; background:#8ea092; color:white; font-size: 18px; }

    form p{ font-size:12px; text-align: left; }
        form p a{ color: blue; }

.inscricao{ text-align:center; }
    /*.inscricao .banner{ position:relative; left:50%; margin-left:-960px; }*/
    .inscricao .banner img { max-width: 100%; }
    .inscricao .otima-ideia{ padding:40px 0; }
        .inscricao .otima-ideia h1{ font-family: 'ScaniaSansHeadlineV1-BOLD'; font-size:32px; color:#2f2f2f; }

.mensagem_formulario {
    width: 100%;
    text-align: center;
    background: #C00;
    color: #ffffff;
    padding: 1px 0;
    display: block;
}

.mensagem_formulario.aberto {
    display: block;
}

.formulario_prova { background:white; color: #000000; position: relative; padding-bottom: 50px; background-size: cover; text-align:left; }
    .formulario_prova form p{ font-size:18px; }
    .formulario_prova h1{ font-size:22px; }
    .formulario_prova .grupo_questoes{  }
    /*.formulario_prova .slick-dots {top: -80px;}*/
    .formulario_prova .slick-dots .slick-active {background: #fff; border-radius: 5px;}
    .formulario_prova .slick-dots .slick-active a {color: #061d41;}
        .formulario_prova form label {display: block; margin: 20px 0; font-weight: 900;}
        .formulario_prova form textarea { background: transparent; border: 1px solid black; color: black; border-radius: 5px; font-size: 12px; 
            margin: 5px 0; padding: 10px 10px; width: 90%; outline: none; height: 100px;}
        .formulario_prova form button {cursor: pointer; outline: none;}
        .formulario_prova form input[type="radio"] {-webkit-appearance: none; appearance: none; display: inline-block; width: 15px; height: 15px; 
            border: 1px solid #061d41; background: #fff; border-radius: 50%; vertical-align: middle; cursor: pointer; outline: none;}
        .formulario_prova form input[type="radio"]:checked { transition: .2s ease; background: #061d41;}
        .formulario_prova form input[name="questao_31_texto"],
        .formulario_prova form input[name="questao_32_texto"],
        .formulario_prova form input[name="questao_33_texto"],
        .formulario_prova form input[name="fase2_questao_21_texto"] {display: none;}



@media only screen and (max-width : 650px) {   
    .container{ width:100%; }
    header{ padding:10px 0; }
    header nav{ display:none; }
    header .logo{ margin:10px 0 0 10px; }
    .home{ padding:120px 0; }
    .home .inovathon{ width:90%; margin:0 auto; display:block; }
    .home .bolinhas{ display:none; }
    .home h2{ margin:20px 0; }
    .cidade .img1{ display: none; }
    .cidade{ margin:0; min-height:0; }
    .cidade article{ float:none; width:90%; margin:0 auto; }
    .cidade article button{ margin:10px 0; }
    .sobre .road{ display:none; }
    .sobre article{ width:90%; margin:0 auto; float:none; }
    .quem_pode .cubo{ display:none;  }
    .quem_pode article{ width:90%; margin:0 auto; float:none; }
    .quem_pode article h2{ width:100%; }
    .fases section article{ width:100%; margin:0 auto; float:none; }
    .fases .mentoria .info{ background:white; padding:0; }
    .fases .mentoria article{ border:none; }
    .fases .mentoria .info{ width:100%; text-align:center; }
    .fases .grande_final article{ border:none; }
    .fases .grande_final .info{ width:100%; padding:0; text-align:center; }
    .premio img{ display:none; }
    .premio article{ width:90%; margin:0 auto; float:none; }
    .cidade .tetris{ display:none; }
    .quem_pode article h2{ font-size:40px; }

    .edicoes_anteriores{ margin:0; padding:10px 0; }
    .edicoes_anteriores h2{ font-size:37px; }
    .edicoes_anteriores article.info{ width:90%; margin:0 auto; padding:0; float:none; }
    .edicoes_anteriores article.terceira{ float:none; width:90%; margin:0 auto; }
    .edicoes_anteriores article.terceira p{ margin:0; }
    .edicoes_anteriores article.ultima{ width:90%; margin:0 auto; padding:0; float:none; }

    footer{ padding:20px 0; height: 450px; }
    footer p{ width:90%; margin-top:10px; }
    footer .logo{ position:static; margin:0 auto; display:block; }
    footer nav{ width: 100%; }
    footer ul{ width:100%; margin:20px 0; padding:0;  }
        footer ul li{ width:100%; }
    footer .social{ position:static; margin:20px auto; display:block; padding:0; width:100%; }
    footer .social{ position:relative; }
        footer .social li{ width: 33%; padding:0; text-align: center; }
    form fieldset{ width:100%; }
    .modal{ padding-left:5px !important; }

    .lets_help img{ width:100%; }
    .lets_help article{ width: 100%; padding:20px 0; }
    .world article{ padding:20px 20px; position:relative; text-align:center; box-sizing: border-box; }
    .world article p.warning{ width:100%; box-sizing: border-box; }
    .world{ min-height: 0; margin:0; }

    .who{ padding-top:100px;  }
    .who article{ width:100%; }

    .stages .stages_icons{ display:none; }
    .stages section article{ width:100%; }
    .stages section{ display: block; margin:0; }
    
    

    .award{ min-height: 0; padding: 80px 0; }
        .award article{ float: none; padding:40px 10px; width: 100%; }
            .award article p{ font-size:22px; }

    .previous_editions section article{ min-width: 100%; }

    .lets_help{ margin:0; text-align: center; }
    .lets_help article{ margin:0; }

    #en_flag{ right:0; left:auto; top:40px; }
    #br_flag{ right:0; top:0; }

    .aviao{ min-height: 400px; }
    h2{ font-size:38px; }
    p{ font-size:22px; }
    header{ height:56px; }
    header .logo{ margin:14px 0 0 10px; }

    .who article p{ font-size:18px; }

    .previous_editions{ padding:0; }
    .stages section article{ margin: 0; padding:0 20px; box-sizing: border-box; }
    .previous_editions section{ display: block; }
    .previous_editions section article.first{ margin:0; }
}
    




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}