html { font-family: 'Muli','Helvetica',Arial,sans-serif; background-color: rgba(255,255,255,1.00); color: rgba(66,66,66,1.00); }
h1,h2,h3,h4,h5,h6,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,h1 em,h2 em,h3 em,h4 em,h5 em,h6 em { font-family: 'Muli','Helvetica',Arial,sans-serif; font-weight: 700 !important; line-height: 1.1em; }
strong { font-weight: 700; }
p,a,em,li,button { font-weight: 300 !important; }
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { font-family: 'Muli','Helvetica',Arial,sans-serif; color: rgba(66,66,66,1.00); }

.text-white, .text-white em { color: rgba(255,255,255,1.00) !important; }
.text-blue, .text-blue em { color: rgba(0,46,110,1.00) !important; }
.text-green, .text-green em { color: rgba(0,152,128,1.00) !important; }
.text-red, .text-red em { color: rgba(236,28,36,1.00) !important; }
.text-gray, .text-gray em { color: rgba(245,245,245,1.00) !important; }

.section-blue { background-color: rgba(0,46,110,1.00) !important; }
.section-green { background-color: rgba(0,152,128,1.00) !important; }
.section-gray { background-color: rgba(245,245,245,1.00) !important; }


/* -- Modificadores UIKit -- */
#navigation-top { position: relative; z-index: 500; }
.uk-dark #navigation-top { background-color: rgba(233,233,233,0.75); }
.uk-light #navigation-top { background-color: rgba(22,22,22,0.75); }
.uk-dark #navigation-top.uk-active, .uk-light #navigation-top.uk-active { background-color: rgba(22,22,22,0.95); }
#navigation-top .uk-navbar-nav li:first-child .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { padding-left: 0px; }
#navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { min-height: 60px; }
#navigation-top.uk-active .uk-navbar-nav>li>a { color: rgba(233,233,233,0.8); }
#navigation-top.uk-active .uk-navbar-nav>li>a:hover, .uk-light .uk-navbar-nav>li>a:focus { color: rgba(233,233,233,1.0); }
#navigation-top .uk-navbar-nav>li.uk-active>a, #navigation-top.uk-active .uk-navbar-nav>li.uk-active>a { color: rgba(0,152,128,1.00); }
#navigation-top .uk-logo { display: none; font-size: 1.3rem !important; }
#navigation-top.uk-active .uk-logo { display: flex; border-right: 1px solid rgba(255,255,255,0.4); padding-right: 25px; margin-right: 25px; }

.uk-button .uk-icon { vertical-align: text-top; margin-top: -1px; }
.uk-container { padding-left: 60px; padding-right: 60px; }

.uk-card-default .uk-card-media-top { border-bottom: 1px solid rgba(245,245,245,1.00); }

/* -- Estilos Proprietários -- */
#pre-header .separador-azul { background-color: rgba(0,46,110,1.00); height: 8px; }
#pre-header .separador-verde { background-color: rgba(0,152,128,1.00); height: 8px; }

header { min-height: 200px; }
.homepage header { height: 88vh; min-height: 900px; }
header .uk-container { z-index: 10; position: relative; }

header .branding-projecto { z-index: 100; width: 800px; }
.homepage header .branding-projecto { width: 800px; }
header .branding-projecto .logo { background-color: rgba(255,255,255,0.80); }
header .branding-projecto .logo img { width: 280px; margin: 30px; }
.homepage header .branding-projecto .logo img { width: 320px; }
header .branding-projecto .linha1 { background-color: rgba(0,152,128,0.80); }
header .branding-projecto .linha2 { background-color: rgba(72,164,143,0.80); }
header .branding-projecto .linha3 { background-color: rgba(118,179,163,0.80); }
header .branding-projecto .linha4 { background-color: rgba(0,46,110,0.80); }
header .branding-projecto .linha1,header .branding-projecto .linha2,header .branding-projecto .linha3,header .branding-projecto .linha4 { display: inline-flex; padding: 0.6em 1.2em; }

#header-scroller a:hover { color: rgba(229,27,35,1.00); }
#back-video { z-index: 0; position: relative; }

.faq p { margin-top: 0px; }
.faq .pergunta { color: rgba(0,152,128,1.00) !important; font-weight: 700 !important; font-size: 1.2rem; margin-top: 30px; margin-bottom: 5px !important; }

#campaign-footer .separador-verde { background-color: rgba(0,152,128,1.00); height: 8px; }

#sponsors-bar .uk-text-small { font-size: 0.7rem; }
#sponsors-bar .logo-Medis { width: auto; }
#sponsors-bar .logo-partnership { width: 190px; }
#sponsors-bar .logo-partnership.logo-Hyundai { width: 120px; }

#classificacao th, #classificacao td { font-size: 0.85rem; }

footer { background-color: rgba(22,22,22,1.00); }
footer .uk-text-small { font-size: 0.8rem; }
footer .logo-cliente { width: 170px; display: block; }




/* --- Small screens ------------------------------------------------------------------ */
@media only screen and (max-width: 40em) {
  .uk-padding { padding: 20px 0px; }
  #navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { height: 50px; }
  .homepage header .branding-projecto { width: 96%; }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) and (orientation: portrait) {
}

/* --- Medium screens / Tablet -------------------------------------------------------- */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .homepage header .branding-projecto { width: 500px; }
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
}

/* --- Large screens ------------------------------------------------------------------ */
@media only screen and (min-width: 64.063em) {
} /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* --- XLarge screens ------------------------------------------------------------------ */
@media only screen and (min-width: 90.063em) {
} /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 100em) {
  .uk-container { padding-left: 60px; padding-right: 60px; }
} /* min-width 1441px and max-width 1600px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 100.063em) and (max-width: 120em) {
  .uk-container { padding-left: 30px; padding-right: 30px; }
} /* min-width 1600px and max-width 1920px, use when QAing xlarge screen-only issues */


/* --- XXLarge screens ------------------------------------------------------------------ */
@media only screen and (min-width: 120.063em) {
} /* min-width 1921px, xxlarge screens */