/*
-----------------------------------------------
  Azul Corporativo = rgba(0,173,238,1.00)
  Verde = rgba(57,178,74,1.00)
-----------------------------------------------
*/

html { font-family: 'Muli','Helvetica',Arial,sans-serif; background-color: rgba(252,252,252,1.00); }
h1,h2,h3,h4,h5,h6 { font-family: 'Muli','Helvetica',Arial,sans-serif; font-weight: 300 !important; line-height: 1.1em; }
p,a,em,li,button { font-weight: 400; }
em { color: rgba(102,102,102,1.00); }
.uk-light em { color: rgba(255,255,255,0.7); }
strong { font-weight: 800; }


/* -- Modificadores UIKit -- */
#navigation-top { position: relative; z-index: 1100; background-color: rgba(0,0,0,0.45); }
#navigation-top.uk-active { background-color: rgba(0,0,0,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-logo { display: none; padding-left: 0px !important; }
#navigation-top.uk-active .uk-logo { display: flex; }
#navigation-top .uk-logo img { height: 45px; }
#navigation-top .uk-navbar-left .uk-navbar-nav>li>a { padding-left: 0px !important; padding-right: 15px !important; }
#navigation-top .uk-navbar-right .uk-navbar-nav>li>a { padding-left: 15px !important; padding-right: 0px !important; }

#offcanvas-nav-primary { z-index: 1200; }

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


/* -- Estilos Proprietários -- */
#pre-header { z-index: 50; background-color: rgba(57,178,74,1.00); height: 45px; }
#pre-header p { line-height: 45px; }
#pre-header .uk-icon-link { margin-left: 10px; }

header { z-index: 20; height: auto; min-height: 20px;
background: rgba(200,200,200,1);
background: -moz-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(250,250,250,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(200,200,200,1)), color-stop(100%, rgba(250,250,250,1)));
background: -webkit-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(250,250,250,1) 100%);
background: -o-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(250,250,250,1) 100%);
background: -ms-linear-gradient(top, rgba(200,200,200,1) 0%, rgba(250,250,250,1) 100%);
background: linear-gradient(to bottom, rgba(200,200,200,1) 0%, rgba(250,250,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#fafafa', GradientType=0 );
}
.home header { height: 85vh; min-height: 620px; }
header .branding { z-index: 10; }
header .branding .logo { width: 280px; }
.home header .branding .logo { width: 350px; }
header .scroller { z-index: 5; }
header.uk-dark .scroller a { color: rgba(0,0,0,0.80) !important; }
header.uk-dark .scroller a:hover { color: rgba(0,0,0,1.00) !important; }

#video { background-color: rgba(0,0,0,1.00); }

.page .map { margin-top: 0px !important; }
.leaflet-container h4 { font-weight: 800 !important; font-size: 1.1rem !important; }
.leaflet-container, .leaflet-container p { font-family: 'Muli','Helvetica',Arial,sans-serif !important; }

#areas-em-destaque { background-color: rgba(0,0,0,1.00); }

#quem-somos { background-color: rgba(57,178,74,1.00); }

#os-nossos-servicos .icon { font-size: 5.5em; color: rgba(57,178,74,0.75); }

#group-brands { background-color: rgba(0,173,238,1.00); border-top: 12px solid rgba(57,178,74,1.00); }
#group-brands .uk-card { border: 1px solid rgba(255,255,255,0.08); background-color: rgba(255,255,255,0.04); }
#group-brands .logo { margin-bottom: 15px; color: rgba(255,255,255,1.00); }
#group-brands .logo.Acrilsports { margin-bottom: 8px; }
#group-brands .logo.OXid { width: 60%; margin-bottom: 10px; }
#group-brands .logo.Urby { width: 65%; min-width: 105px; margin-bottom: -3px; }

#pre-footer { background-color: rgba(0,0,0,0.94); }

footer { background-color: rgba(0,0,0,1.00); }




/* --- Small screens ------------------------------------------------------------------ */
@media only screen and (max-width: 40em) {
  #navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { height: 40px; }
  .uk-padding { padding-left: 10px; padding-right: 10px; }
  header .branding .logo { width: 100% !important; }
  #group-brands .logo { margin-bottom: 0px !important; min-width: 1px !important; width: 80%; }
  #group-brands .logo.Urby { width: 45%; }
} /* 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: 63.938em) {
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
} /* 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: 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 */