:root {
    --edition: #00e4f8;
    --edition-tit: #008ba0;
}

sup {
    font-size: 70%;
}
.navbar {
    background: transparent;
}
    .navbar-brand {
        left: 50%;
        max-width: 400px;
        transform: translate(-50%, -0.625rem);
        width: 100%;
    }

.s-descr p.lead {
    font-weight: 600;
}
.s-descr p strong {
    font-weight: 700;
}


#heading {
    background: #000 no-repeat 50% 50% fixed;
    background-image: url(img/bg-oiweek-dez.jpg);
    background-size: cover;
}
    #heading::after {
        z-index: 1000;
    }
    #heading .s-brand {
        display: block;
        /*max-width: 345px;*/
        width: 100%;
    }
    #heading .s-title {
        font-weight: 900;
        letter-spacing: -0.05em;
        line-height: 1;
        max-width: 1000px;
        background: -webkit-linear-gradient(#00fbef, #3fa9f5);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    @media (min-width: 992px) {
        #heading .s-title {
            font-size: 5rem;
        }
    }
    #heading .s-image {
        margin-bottom: -1.5rem;
        position: relative;
        width: 600px;
        z-index: 1010;
    }

    #heading .s-subtitle {
        color: #fff;
        display: block;
        font-size: 2.2rem;
    }

    #heading .s-data {
        color: #fff;
        display: block;
        font-size: 1.8rem;
    }


    #heading::after {
        background: transparent no-repeat 0 0;
        background-image: url(img/bg-arc-oiweek-1.png);
        background-size: auto 100%;
        content: "";
        height: 35px;
        transform: translateY(1px);
        width: 100%;
    }

    @media (min-width: 1200px) {
    #heading .s-image {
        margin-bottom: -3rem;
        position: relative;
        z-index: 1010;}
    #heading::after { 
        background-size: 100% 100%; 
        height: 95px;
        width: 100%; }
    }


.section .s-title {
    color: inherit;
    font-size: 2.5rem;
    font-weight: 900;
    margin: 0 auto;
}
.section .s-title-line {
    border-bottom: 1px solid #ebebeb;
    font-size: 2rem;
    font-weight: 700;
    padding-bottom: 0.5rem;
}
.p-col-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    text-align: left;
}
.p-col-3 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    text-align: left;
}
.p-col-4 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    text-align: left;
}
@media (min-width: 1080px) {
.p-col-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    text-align: left;
}
.p-col-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    text-align: left;
}
}
#about-oiweek {
    background: #000 no-repeat 50% 50%;
    background-image: url(img/bg-oiweek-2020.jpg);
    background-size: cover;
    background-position: bottom center;
    color: #fff;
}
    #about-oiweek .s-title {
        color: #fff;
    }

#features {
    background: #000 no-repeat 50% 50% fixed;
    background-image: url(https://www.openstartups.net/site/assets/img/oiweek/bg-oiweekdigital-3.jpg);
    background-size: cover;
    color: #fff;
}
    #features .s-title {
        max-width: 650px;
    }

    #features .s-cols {
        position: relative;
    }
    #features .s-cols + .s-cols::after {
        content: "";
        display: block;
        margin: 1.5rem 0 0 3rem;
        position: absolute;
        top: 0; left: 0;
        transform: translateY(1px);
        width: calc(100% - 3rem);
    }

    #features .s-n-card .tit {
        color: #de338c;
        display: block;
        font-size: 130%;
        font-weight: 700;
        margin: 1rem 0;
    }
    #features .s-n-card .txt {
        font-weight: 400;
    }

    #features .s-feats.row {
        margin: 0 0 0 -3rem;
    }
    #features .s-feats-col {
        /* background: rgba(0,0,0,0.25); */
        font-size: 2.5rem;
        line-height: 1;
        padding: 1rem;
        margin-left: 3rem;
    }
    #features .s-feats-col.col-st { color: #41d2d1; }
    #features .s-feats-col.col-nd { color: #ffd75c; }
    #features .s-feats-col.col-rd { color: #c05dff; }

    @media (min-width: 576px) {
        #features .s-feats-col { font-size: 3rem; }
    }


#featured .s-title {
    font-size: 2rem;
    font-weight: 700;
}


#editions .s-title {
    color: var(--edition-tit);
    font-size: 2rem;
    text-align: center;
}
    #editions .s-rows {
        margin: -1rem 0 0 -1rem;
    }
    #editions .s-rows .s-cols {
        padding: 1rem 0 0 1rem;
    }


#intro {
    text-align: center;
}
    #intro .s-title {
        color: var(--edition-tit);
    }
    #intro .s-descr p {
        font-size: 1.125rem;
        font-weight: 300;
    }
    #intro .s-descr p.lead {
        font-size: 1.2rem;
        font-weight: 600;
    }


#invite {
    background: #000 no-repeat 50% 50%;
    background-image: url(https://www.openstartups.net/site/assets/img/oiweek/bg-oiweek.jpg);
    background-size: cover;
    color: #fff;
    position: relative;
}
    #invite .s-title {
        font-size: 1.5rem;
    }
    @media (min-width: 576px) {
        #invite .s-title { font-size: 2rem; }
    }


#program .s-title .text {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
#program .s-title .name {
    font-size: 2rem;
}
@media (min-width: 768px) {
    #program .s-title .text { font-size: 1.8rem; }
    #program .s-title .name { font-size: 3.5rem; }
}

#program .s-descr .lead {
    color: var(--corbase);
    font-weight: 700;
}

#tickets .s-descr {
    max-width: 900px;
    margin: 0 auto;
}
:root {
    --card1: #00a9b8;
    --card2: #1292b1;
    --card3: #2d70a6;
    --card4: #40599f;
}
.s-ticket-card {
    align-items: center;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
}

.s-ticket-card.card1 {
    background: var(--card1);
}
.s-ticket-card.card2 {
    background:  var(--card2);
}
.s-ticket-card.card3 {
    background:  var(--card3);
}
.s-ticket-card.card4 {
    background:  var(--card4);
}

.s-ticket-card h3 {
    font-size: 1.8rem;
    color: #ffffff;
    font-weight: 900;
    line-height: 1.1;
}
.s-ticket-card h3 span {
    font-size: 1.6rem;
    font-weight: 500;
}
.s-ticket-card h4 {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 900;
    padding: 1.2rem 0;
}
.s-ticket-card h4 small {
    display: block;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}
.s-ticket-card h4 small.times {
    display: inline-block;
    font-size: 1.5rem;
}

.s-ticket-card .btn-link {
    color: #ffffff;
    font-size: 0.75rem;
}
.s-ticket-card .s-t-collapse {
    margin: 0 -1.5rem 1rem;
}
.s-ticket-card .s-t-collapse-list {
    font-size: 0.875rem;
    color: #ffffff;
    line-height: 1.3;
    list-style: none;
    margin: 0.725rem 0 0;
    padding: 0 1.5rem 1.5rem 1.5rem;
    text-align: left;
}
.s-ticket-card .s-t-collapse-list li {
    padding-left: 1em;
    position: relative;
}
/*.s-ticket-card .s-t-collapse-list li::before {
    color: #5dfffe;
    font-weight: bold;
    display: block;
    content: "»";
    position: absolute;
    top: 0; left: 0;
}*/
.s-ticket-card .s-t-collapse-list li strong {
        display: block;
}
.s-ticket-card .btn.btn-card {
    margin-top: auto;
}

    .btn.btn-card {
        background-color: #41d2d1;
        border-color: #41d2d1;
        color: #fff;
    }
    .btn.btn-card:active,
    .btn.btn-card:focus,
    .btn.btn-card:hover {
        background-color: #fff;;
        border-color: #fff;
        color: #41d2d1;
    }

.s-list-logos {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}
.s-list-logos-item-simples {
    width: 33.33%;
    padding: 15px 15px 0 0;
}
.s-list-logos-item-duplo {
    width: 50%;
    padding:  15px 15px 0 0;
}
.s-list-logos-item-triplo {
    width: 100%;
    padding:  15px 15px 0 0;
}
.s-list-txt-simples, .s-list-txt-duplo, .s-list-txt-triplo {
    width: 100%;
    padding:  15px 15px 0 0;
}
@media (min-width: 768px) {
    .s-list-logos-item-simples {
        width: 15%; }
    .s-list-logos-item-duplo {
        width: 27%; }
    .s-list-logos-item-triplo {
        width: 38%; }
    .s-list-txt-simples {
        width: 80%;
        text-align: left; }
    .s-list-txt-duplo {
        width: 60%;
        text-align: left;}
    .s-list-txt-triplo {
        width: 40%;
        text-align: left;}
}

#participate {
    background: #000 no-repeat 50% 50% fixed;
    background-image: url(https://www.openstartups.net/site/assets/img/oiweek/202007jul/bg-oiweek-2020-07jul.jpg);
    background-size: cover;
    color: #fff;
}
    #participate .s-title {
        font-size: 2rem;
        font-weight: 700;
        color: #ffffff;
    }

    #participate .s-rows {
        margin: 0 -1.5rem 0;
    }
    #participate .s-cols {
        padding: 0 1.5rem 0;
    }
    #participate .s-cols .img-fluid {
        margin: 0 auto;
        max-width: 400px;
    }


#partners .s-subtitle {
    border-bottom: 1px solid #ebebeb;
    font-size: 1rem;
    font-weight: 700;
    padding-bottom: 0.5rem;
}
#partners .s-list-partners {
    
    /* text-align: center; */
}
#partners .s-list-partners img {
    height: 100px;
    margin: 0;
    padding: 5px 15px 5px 0;
    width: auto;
}


#previous {
    background: #ffffff;
}
    #previous .s-title {
        color: var(--edition-tit);
        font-size: 2rem;
        font-weight: 700;
    }
    #previous .s-list-editions {
        list-style: none;
        margin: 1rem -15px 0;
        padding: 0;
    }
    #previous .s-list-editions-item {
        padding: 30px 15px 0;
    }
    
    #previous .s-btn-edition {
        align-items: center;
        background: #00aac4;
        border-radius: 0.5rem;
        box-shadow: 0 0 1rem rgba(212, 150, 190, 0.25);
        color: #ffffff;
        display: flex;
        flex-direction: column;
        font-weight: 900;
        max-width: 100%;
        justify-content: space-between;
        padding: 1rem 1rem 0.8rem;
        transition: all 0.3s ease;
    }
    #previous .s-btn-edition:focus,
    #previous .s-btn-edition:hover {
        background: #008ba0;
        color: #fff;
    }
    #previous .s-btn-edition .txt {
        font-weight: 400;
    }

.btn.btn-primary-youtube {
    background-color: var(--corbase-tit);
    border-color: var(--corbase-tit);
    color: #fff;
}
.btn.btn-primary-youtube:hover {
    background-color: var(--corbase);
    border-color: var(--corbase);
    color: var(--corbase-tit);
}
.btn-youtube {
    font-size: .75rem;
    font-weight: normal !important;
    color: #ffffff;
    text-align: center;
    border-radius: 2rem;
    border: none;
    background-color: var(--edition-tit);
    padding: 5px 15px;
    margin-top: -5px;
}
.btn-youtube:hover {
    background-color: var(--edition);
    color: var(--corbase-tit);
}
.btn-youtube.destaque {
    font-size: 1.2rem;
    background-color: var(--edition);
    color: var(--corbase-tit);
    padding: 10px 25px;
}
.btn-youtube.destaque:hover {
    background-color: var(--edition-tit);
    color: #ffffff;
}

#toyou .s-title {
    color: #000;
    font-size: 3.5rem;
}

.quote {
    background: linear-gradient(to right, #04022f 25%, #3b1e78, #04022f);
    color: #fff;
}
    .quote .s-title {
        color: inherit;
        font-size: 2rem;
        font-weight: 900;
        line-height: 1.1;
        margin: 0 auto;
        background: -webkit-linear-gradient(#00fbef, #3fa9f5);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    @media (min-width: 576px) {
        .quote .s-title { font-size: 2.2rem; }
    }
    @media (min-width: 768px) {
        .quote .s-title { font-size: 2.6rem; }
    }
    @media (min-width: 992px) {
        .quote .s-title { font-size: 3rem; }
    }

    #quote-1 .s-title { max-width: 650px; }


.modal-toyou {
    background-color: rgba(80, 12, 95, 0.85);
}

    .modal-toyou .modal-head {
        text-align: center;   
    }
    .modal-toyou .modal-head .close {
        left: 50%;
        transform: translateX(-50%);
    }

    .modal-toyou .modal-body {
        background: #fff;
        border-radius: 0.5rem;
        color: #444;
        margin-top: 0;
        padding: 3rem;
    }
    .modal-toyou .modal-body h2 {
        font-size: 1.8rem;
        font-weight: 900;
    }
    .modal-toyou .modal-body p + p {
        margin-top: 1em;
    }

    .modal-toyou .list-toyou {
        list-style: none;
        margin: 1em 0 0;
        padding: 0;
        line-height: 1.4;
    }
    .modal-toyou .list-toyou li {
        padding-left: 1em;
        position: relative;
    }
    .modal-toyou .list-toyou + p,
    .modal-toyou .list-toyou li + li {
        margin-top: 1em;
    }
    .modal-toyou .list-toyou li::before {
        color: #999999;
        font-weight: bold;
        display: block;
        content: "»";
        position: absolute;
        top: 0; left: 0;
    }
    .modal-toyou .list-toyou li strong {
        display: block;
    }

    .modal-toyou .btn-light {
        background: #f9f9f9;
        border: 0;
    }
    .modal-toyou .btn-light:active,
    .modal-toyou .btn-light:focus,
    .modal-toyou .btn-light:hover {
        background: #ddd;
    }
    .modal-toyou .btn-light .text {
        font-weight: bold;
    }

    .modal-toyou .btn-primary {
        background: #8d31a1;
        border: 0;
        font-weight: bold;
    }
    .modal-toyou .btn-primary:active,
    .modal-toyou .btn-primary:focus,
    .modal-toyou .btn-primary:hover {
        background: #6a227a;
    }
    .modal-toyou .btn-primary .text {
        font-weight: bold;
    }


    .modal-toyou-empresa {
        background-color: rgba(0, 90, 170, 0.85);
    }
    .modal-toyou-empresa h2 {
        color: #005aaa;
    }
    .modal-toyou-empresa .btn-primary {
        background: #53e5ff;
        color: #004173;
    }
    .modal-toyou-empresa .btn-primary:active,
    .modal-toyou-empresa .btn-primary:focus,
    .modal-toyou-empresa .btn-primary:hover {
        background: #005aaa;
        color: #53e5ff;
    }
    .modal-toyou-empresa .list-toyou li::before {
        color: #005aaa;
    }

    .modal-toyou-startup {
        background-color: rgba(130, 60, 100, 0.85);
    }
    .modal-toyou-startup h2,
    .modal-toyou-startup li strong {
        color: #823c64;
    }
    .modal-toyou-startup .btn-primary {
        background: #cf7aab;
        color: #4e253c;
    }
    .modal-toyou-startup .btn-primary:active,
    .modal-toyou-startup .btn-primary:focus,
    .modal-toyou-startup .btn-primary:hover {
        background: #823c64;
        color: #cf7aab;
    }
    .modal-toyou-startup .list-toyou li::before {
        color: #823c64;
    }

    .modal-toyou-investidores {
        background-color: rgba(80, 130, 90, 0.85);
    }
    .modal-toyou-investidores h2 {
        color: #50825a;
    }
    .modal-toyou-investidores .btn-primary {
        background: #bdcf73;
        color: #234b2b;
    }
    .modal-toyou-investidores .btn-primary:active,
    .modal-toyou-investidores .btn-primary:focus,
    .modal-toyou-investidores .btn-primary:hover {
        background: #50825a;
        color: #bdcf73;
    }
    .modal-toyou-investidores .list-toyou li::before {
        color: #50825a;
    }

    .modal-toyou-cientistas {
        background-color: rgba(120, 50, 20, 0.85);
    }
    .modal-toyou-cientistas h2 {
        color: #b99859;
    }
    .modal-toyou-cientistas .btn-primary {
        background: #b99859;
        color: #4d1b10;
    }
    .modal-toyou-cientistas .btn-primary:active,
    .modal-toyou-cientistas .btn-primary:focus,
    .modal-toyou-cientistas .btn-primary:hover {
        background: #7e5b17;
        color: #fff;
    }
    .modal-toyou-cientistas .list-toyou li::before {
        color: #b99859;
    }


    /* .modal-bg-empresa {
        background-color: rgba(0, 90, 170, 0.85);
    }
    .modal-bg-startup {
        background-color: rgba(130, 60, 100, 0.85);
    }
    .modal-bg-investidores {
        background-color: rgba(80, 130, 90 , 0.85);
    }
    .modal-bg-cientistas {
        background-color: rgba(120, 50, 20, 0.85);
    }
    .modal-toyou .modal-body-card h2.empresa {
        color: #005aaa;
    }
    .modal-toyou .modal-body-card h2.startup {
        color: #823c64;
    }
    .modal-toyou .modal-body-card h2.investidores {
        color: #50825a;
    }
    .modal-toyou .modal-body-card h2.cientistas {
        color: #b99859;
    }
    .modal-toyou .btn-empresa {
        background: #53e5ff;
        color: #004173;
        border: 0;
    }
    .modal-toyou .btn-empresa:active,
    .modal-toyou .btn-empresa:focus,
    .modal-toyou .btn-empresa:hover {
        background: #005aaa;
        color: #ffffff;
    }
    .modal-toyou .btn-startup {
        background: #cf7aab;
        color: #4e253c;
        border: 0;
    }
    .modal-toyou .btn-startup:active,
    .modal-toyou .btn-startup:focus,
    .modal-toyou .btn-startup:hover {
        background: #823c64;
        color: #ffffff;
    }
    .modal-toyou .btn-investidores {
        background: #bdcf73;
        color: #004173;
        border: 0;
    }
    .modal-toyou .btn-investidores:active,
    .modal-toyou .btn-investidores:focus,
    .modal-toyou .btn-investidores:hover {
        background: #50825a;
        color: #ffffff;
    }
    .modal-toyou .btn-cientistas {
        background: #b99859;
        color: #4d1b10;
        border: 0;
    }
    .modal-toyou .btn-cientistas:active,
    .modal-toyou .btn-cientistas:focus,
    .modal-toyou .btn-cientistas:hover {
        background: #7e5b17;
        color: #ffffff;
    } */

.line-y{
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.line-b{
	border-bottom: 1px solid #ebebeb;
}
.line-t{
	border-top: 1px solid #ebebeb;
}
.line-b-bg{
	border-bottom: 1px solid #ebebeb;
	background-color: #fafafa;
}
.line-bg{
	background-color: #fafafa;
}

/* Video transmissão */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }