@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/helvetica-neue-light.otf') /*Para os demais navegadores*/;
    font-weight: 200;
    font-style: 200;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/helvetica-neue.otf') /*Para os demais navegadores*/;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/helvetica-neue-bold.otf') /*Para os demais navegadores*/;
    font-weight: bold;
    font-style: bold;
}

.on-video-intro {
    background-color: #282828 !important;
}

:focus {
    outline: none !important;
}

.on-section-descomplicada-porque {
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    background: rgb(246,249,255) !important;
    background-image: url(../img/bg_porque_descomplica.jpg) !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100%  !important;
    z-index: 1 !important;
}

.on-section-descomplicada-porque .uk-h2 {
    font-family: 'Helvetica', sans-serif !important;
    font-weight: bold !important;
    font-size: 64px !important;
    line-height: 56px !important;
    color: #a4a6ab !important;
}

.on-section-descomplicada-porque .uk-list li {
    font-family: 'Helvetica', sans-serif !important;
    color: #a4a6ab !important;
}

.on-section-descomplicada-porque .on-img-lamp {
    width: 300px !important;
    margin-top: -100px !important;
}

.on-section-descomplicada-porque .on-img-lamp-02 {
    position: absolute !important;
    width: 300px !important;
    bottom: -85px !important;
    left: 50px !important;
}

.on-section-descomplicada-porque .on-img-lamp-03 {
    position: absolute !important;
    width: 300px !important;
    bottom: -100px !important;
    right: 100px !important;
}

.on-section-descomplicada-porque .on-img-lamp-04 {
    position: absolute !important;
    width: 100px !important;
    top: 75px !important;
    right: 75px !important;
}

@media (max-width: 600px) {

    .on-section-descomplicada-porque {
        background-image: none !important;
    }
    .on-section-descomplicada-porque .uk-h2 {
        font-size: 32px !important;
        line-height: 32px !important;
    }

}

.on-section-branding {
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    background: rgb(168,203,30) !important;
    background-image: url(../img/bg_branding.jpg) !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100%  !important;
    z-index: 2 !important;
}

.on-section-branding .uk-h2 {
    font-family: 'Helvetica', sans-serif !important;
    font-weight: bold !important;
    font-size: 64px !important;
    color: #ffffff !important;
}

.on-section-branding .uk-list li {
    font-family: 'Helvetica', sans-serif !important;
    color: #ffffff !important;
}

@media (max-width: 600px) {

    .on-section-branding {
        background-image: none !important;
    }
    .on-section-branding .uk-h2 {
        font-size: 32px !important;
    }

}

.on-section-publicidade {
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    background: rgb(232,236,244) !important;
    background-image: url(../img/bg_publicidade.jpg) !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    z-index: 3 !important;
}

.on-section-publicidade .uk-h2 {
    font-family: 'Helvetica', sans-serif !important;
    font-weight: bold !important;
    font-size: 64px !important;
    color: #000000 !important;
}

.on-section-publicidade .uk-list li {
    font-family: 'Helvetica', sans-serif !important;
    color: #000000 !important;
}

@media (max-width: 600px) {

    .on-section-publicidade {
        background-image: none !important;
    }
    .on-section-publicidade .uk-h2 {
        font-size: 32px !important;
    }

}

.on-section-digital {
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    background: #9fdcee !important;
    background-image: url(../img/bg_digital.jpg) !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    z-index: 4 !important;
}

.on-section-digital .uk-h2 {
    font-family: 'Helvetica', sans-serif !important;
    font-weight: bold !important;
    font-size: 64px !important;
    color: #ffffff !important;
}

.on-section-digital .uk-list li {
    font-family: 'Helvetica', sans-serif !important;
    color: #ffffff !important;
}

@media (max-width: 600px) {

    .on-section-digital {
        background-image: none !important;
    }
    .on-section-digital .uk-h2 {
        font-size: 32px !important;
    }

}

.on-section-franchising {
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    background: #e8d600 !important;
    background-image: url(../img/bg_franchising.jpg) !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    z-index: 5 !important;
}

.on-section-franchising .uk-h2 {
    font-family: 'Helvetica', sans-serif !important;
    font-weight: bold !important;
    font-size: 64px !important;
    color: #ffffff !important;
}

.on-section-franchising .uk-list li {
    font-family: 'Helvetica', sans-serif !important;
    color: #000000 !important;
}

@media (max-width: 600px) {

    .on-section-franchising {
        background-image: none !important;
    }
    .on-section-franchising .uk-h2 {
        font-size: 32px !important;
    }

}

.ui.modal .uk-h2 {
    font-family: 'Helvetica', sans-serif !important;
    font-weight: bold !important;
    font-size: 24px !important;
    color: rgba(0, 0, 0,.1) !important;
}

.ui.modal .icon {
    color: rgba(0, 0, 0,.1) !important;
}

.ui.modal .uk-dotnav>.uk-active>* {
    background-color: rgba(255, 255, 255,.6);
}

.ui.modal .uk-dotnav>*>* { 
    border-color: rgba(255, 255, 255,.4);
}

.ui.modal .uk-slidenav-large {
    background-color: rgba(0, 0, 0,.8) !important;
    color: rgba(255, 255, 255, .2) !important;
    border-radius: 4px !important;
}

.on-section-portfolio {
    position: relative !important;
    height: 100% !important;
    width: 100% !important;
    background: #5425a0 !important;
    background-image: url(../img/bg_portfolio.jpg) !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: 100%  !important;
    z-index: 6 !important;
}

.on-section-portfolio .uk-h2 {
    font-family: 'Helvetica', sans-serif !important;
    font-weight: bold !important;
    font-size: 92px !important;
    color: #ffffff !important;
}

.on-section-portfolio .on-img-lamp-05 {
    margin-top: 25px !important;
}

.on-section-portfolio .on-img-lamp-06 {
    position: absolute !important;
    width: 300px !important;
    margin-left: -200px !important;
    z-index: 0 !important;
}

.on-section-portfolio .on-img-lamp-07 {
    position: absolute !important;
    width: 450px !important;
    margin-left: -200px !important;
    z-index: 0 !important;
}

.on-section-portfolio .on-img-lamp-08 {
    position: absolute !important;
    width: 250px !important;
    bottom: 0 !important;
    left: 70% !important;
    z-index: 2 !important;
}

.on-section-portfolio .on-img-lamp-09 {
    position: absolute !important;
    width: 300px !important;
    top: 15% !important;
    margin-left: -200px !important;
    z-index: 1 !important;
}

.on-section-portfolio .uk-card-default {
    background-color: rgba(255, 255, 255, .8);
}

.on-section-portfolio .on-card-portfolio {
    position: absolute !important;
    width: 100% !important;
    bottom: 5% !important;
    z-index: 1 !important;
}

.on-section-portfolio .on-dropdown {
    border: 4px solid rgba(34,36,38,.15) !important;
    font-family: 'Helvetica', sans-serif !important;
    border-radius: 20px !important;
    padding: 10px 15px !important;
    min-width: 350px !important;
}


.on-section-portfolio .on-dropdown .dropdown.icon {
    border-left: 1px solid rgba(34,36,38,.15) !important;
    color: rgba(34,36,38,.15) !important;
}

.on-section-portfolio .ui.selection.active.dropdown .menu {
    border-width: 4px !important;
    border-color: rgba(34,36,38,.15) !important;
}

@media (max-width: 600px) {

    .on-section-portfolio {
        background-image: none !important;
    }

    .on-section-portfolio .uk-h2 {
        font-size: 32px !important;
    }

    .on-section-portfolio .on-dropdown {
        min-width: 300px !important;
    }

}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #282828;
}


.uk-dotnav li a {
    background-color: #fff !important;
    border: 1px solid #5425a0 !important;
}

.uk-dotnav>.uk-active>* {
    background-color: #5425a0 !important;
    border: 1px solid #5425a0 !important;
}

.uk-slidenav:hover {
    background-color: #5425a0 !important;
    color: #ffffff !important;
    border-radius: 4px !important
}

.uk-button-primary {
    font-family: 'Helvetica', sans-serif !important;
    background-color: #5425a0 !important;
    color: #ffffff !important;
}

.uk-h2 {
    font-family: 'Helvetica', sans-serif !important;
}
.uk-text-bold {
    font-family: 'Helvetica', sans-serif !important;
}