html { font-family: 'Barlow','Helvetica',Arial,sans-serif; font-size: 18px; background-color: rgba(255,255,255,1.00); }
h1,h2,h3,h4,h5,h6,.uk-heading-small,.uk-heading-medium,.uk-heading-large { font-family: 'Barlow','Helvetica',Arial,sans-serif; font-weight: 700 !important; line-height: 1.1em; color: rgba(4,96,169,1.00); }
h4,h5,h6 { font-weight: 400 !important; }
p,a,em,li,button { font-weight: 400; }
em { color: rgba(102,102,102,1.00); }
strong, strong em { font-weight: 700; }

.novartis-blue { background-color: rgba(4,96,169,1.00); }
.apricot { background-color: rgba(236,154,30,1.00); }
.sienna { background-color: rgba(231,74,33,1.00); }
.carmine { background-color: rgba(141,31,27,1.00); }

.text-novartis-blue { color: rgba(4,96,169,1.00) !important; }
.text-apricot { color: rgba(236,154,30,1.00) !important; }
.text-sienna { color: rgba(231,74,33,1.00) !important; }
.text-carmine { color: rgba(141,31,27,1.00) !important; }



/* -- Modificadores UIKit -- */
#navigation-top { position: relative; z-index: 500; background-color: rgba(4,96,169,0.95); }
.home #navigation-top { background-color: rgba(4,96,169,0.40); }
.uk-light #navigation-top { background-color: rgba(255,255,255,0.40); }
#navigation-top.uk-active { background-color: rgba(4,96,169,0.95); }
.uk-light #navigation-top.uk-active { background-color: rgba(255,255,255,0.95); }
#navigation-top .uk-navbar-nav li:first-child .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { font-family: 'Barlow','Helvetica',Arial,sans-serif; font-weight: 400 !important; padding-left: 0px; }

#navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { min-height: 60px; color: rgba(255,255,255,0.80) !important; }
.uk-light #navigation-top .uk-navbar-item, .uk-light #navigation-top .uk-navbar-nav>li>a, .uk-light #navigation-top .uk-navbar-toggle { min-height: 60px; color: rgba(0,0,0,0.80) !important; }
#navigation-top .uk-navbar-item:hover, #navigation-top .uk-navbar-nav>li>a:hover, #navigation-top .uk-navbar-toggle { color: rgba(255,255,255,1.00) !important; }
.uk-light #navigation-top .uk-navbar-item:hover, .uk-light #navigation-top .uk-navbar-nav>li>a:hover, .uk-light #navigation-top .uk-navbar-toggle { color: rgba(0,0,0,1.00) !important; }
#navigation-top .uk-navbar-right .uk-navbar-nav>li>a { padding-left: 15px; padding-right: 0px; }


#site-scroller { height: 3px; }
#site-scroller[value]::-webkit-progress-bar { border-radius: 0px !important; }
#site-scroller[value]::-webkit-progress-value { background-color: rgba(231,74,33,1.00) !important; }
#site-scroller[value]::-moz-progress-bar { background-color: rgba(231,74,33,1.00) !important; }

.uk-button-danger { background-color: rgba(231,74,33,0.80); }
.uk-button-danger:hover { background-color: rgba(231,74,33,1.00); }
.uk-button-primary { background-color: rgba(4,96,169,0.80); }
.uk-button-primary:hover { background-color: rgba(4,96,169,1.00); }

.uk-card-primary { background-color: rgba(4,96,169,1.00) !important; }

.single .uk-text-small { font-size: 0.80rem; }




/* -- Estilos Proprietários -- */
.section-regular { background-color: rgba(255,255,255,1.00); }
.section-featured { background-color: rgba(236,154,30,1.00); }
.section-dark-gray { background-color: rgba(55,55,55,1.00); }
.section-light-gray { background-color: rgba(240,240,240,1.00); }
.section-video { background-color: rgba(33,33,33,1.00); }


#pre-header { position: relative; z-index: 10; background-color: rgba(0,0,0,1.00); }
#pre-header .logo-Record { width: 115px; margin-top: -4px; margin-right: 12px; }
#pre-header .logo-CStudio { width: 80px; margin-left: 4px; opacity: 0.75; }
#pre-header p { display: inline-block; margin-bottom: 0px; font-size: 0.80rem; line-height: 30px; }
#pre-header .addthis_inline_share_toolbox { display: inline-block; margin-left: 12px; vertical-align: top; }
#pre-header .addthis_inline_share_toolbox .at-share-btn { margin-bottom: 0px; }

header { height: auto; min-height: 1px; }
.home header { height: 80vh; min-height: 620px; }
.home header.uk-dark { background-color: rgba(22,22,22,0.06) !important; }
.home header.uk-light { background-color: rgba(22,22,22,0.94) !important; }
header .uk-container { position: relative; }

.header-back { z-index: 0; }
.header-curtain { z-index: 10; }

#client-branding { z-index: 10; }
#client-branding .uk-text-small { font-size: 0.70rem; }
#client-branding .logo-Novartis { width: 160px; }

#site-branding { z-index: 50; }
#site-branding .logo-Metas { width: 350px; }
.home #site-branding .logo-Metas { width: 400px; }

#torneio-2020 h1 { font-size: 2.5rem !important; }
#torneio-2020 p { font-size: 1.1rem !important; }

#single-entrance .uk-cover-container { background-color: rgba(55,55,55,1.00); }
#single-entrance .uk-container { position: relative; z-index: 0; }
#single-entrance .content-block.uk-container { position: relative; z-index: 10; margin-top: -150px !important; max-width: 1340px; }
#single-entrance .content-block.uk-container-small { max-width: 1040px; }
#single-entrance .content-block .content-container { background-color: rgba(255,255,255,1.00); padding: 50px 70px 0px 70px; }


.single .uk-text-lead { font-size: 1.3rem; }
.single blockquote { color: rgba(4,96,169,1.00); margin: 40px 80px 60px 100px; position: relative; font-size: 1.6rem; font-weight: 300 !important; }
.single blockquote::before { content: '\201D'; font-size: 12.0rem; font-weight: 700; color: rgba(4,96,169,0.15); position: absolute; top: -110px; left: -50px; }

.stats-block .uk-card-body { background-color: rgba(236,154,30,1.00); }
.stats-block h1 { line-height: 1.0em !important; color: rgba(4,96,169,1.00); }
.stats-block h2 { line-height: 1.0em !important; color: rgba(4,96,169,1.00); }
.stats-block .uk-card-body h1 { color: rgba(255,255,255,1.00); }
.stats-block .uk-card-body p { font-size: 1.1rem; color: rgba(255,255,255,1.00); }

.blockquote-with-photo blockquote { color: rgba(255,255,255,1.00); margin: 0px 0px 0px 50px; }
.blockquote-with-photo blockquote::before { color: rgba(255,255,255,0.40); }
.blockquote-with-photo blockquote.uk-hidden-notouch { color: rgba(4,96,169,1.00); margin: 30px 15px 0px 30px; position: relative; }
.blockquote-with-photo blockquote.uk-hidden-notouch::before { color: rgba(4,96,169,0.15) !important; left: -25px; }
.blockquote-with-photo .uk-overlay-20 { background-color: rgba(55,55,55,0.20); }
.blockquote-with-photo .uk-overlay-30 { background-color: rgba(55,55,55,0.30); }
.blockquote-with-photo .uk-overlay-40 { background-color: rgba(55,55,55,0.40); }

footer { background-color: rgba(255,255,255,1.00); border-top: 1px solid rgba(233,233,233,1.00); }
footer p { color: rgba(44,44,44,1.00); font-size: 0.95rem; }
footer .uk-text-small { font-size: 0.8rem; }
footer .logo-Metas { width: 260px; }
footer .text-powered-by { font-size: 0.75rem; text-transform: uppercase; color: rgba(120,120,120,1.00) !important; margin: 30px 0px 0px 0px; }
footer .logo-Novartis { width: 170px; }
footer .logo-Record { width: 130px; }
footer #social-networks { width: 350px; }
#link-Record-footer { margin-top: 18px; }



/* --- Small screens ------------------------------------------------------------------ */
@media only screen and (max-width: 40em) {
  #pre-header { display: none; }
  #navigation-top .uk-container { padding: 0px 15px !important; }
  #navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { height: 40px; }
  .single #site-branding { padding: 30px 15px 10px 15px !important; }
  .home #site-branding { margin-top: 100px !important; }
  .home #site-branding .logo-Metas { width: 250px; }
  .single #client-branding { position: relative !important; padding-top: 0px !important; }
  #single-entrance { padding: 0px !important; }
  #single-entrance .content-block .content-container { padding: 10px; }
  #de-viva-voz .uk-inline-clip { margin-bottom: 30px; }
  .blockquote-with-photo { padding-left: 0px; padding-right: 0px; }
  .single blockquote { margin: 40px 0px 0px 40px; }

  footer .logo-Metas { width: 100%; }
  footer #social-networks { width: 100%; }
} /* 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) {
  .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { font-size: 0.80rem !important; }
} /* 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) {
  .uk-container { padding-left: 60px; padding-right: 60px; }
} /* 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: 120em) {
} /* min-width 1441px 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 */