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



/* -- Colors -- */
.color-black { color: rgba(12,12,12,1.00) !important; }
.color-gray { color: rgba(198,198,198,1.00) !important; }
.color-light-gray { color: rgba(45,204,211,1.00) !important; }
.color-cyan { color: rgba(45,204,211,1.00) !important; }
.color-magenta { color: rgba(255,76,93,1.00) !important; }

.section-black { background-color: rgba(12,12,12,1.00) !important; }
.section-dark-gray { background-color: rgba(138,138,138,1.00) !important; }
.section-gray { background-color: rgba(198,198,198,1.00) !important; }
.section-light-gray { background-color: rgba(238,238,238,1.00) !important; }
.section-cyan { background-color: rgba(45,204,211,1.00) !important; }
.section-magenta { background-color: rgba(255,76,93,1.00) !important; }

.section-degrade-cyan { background: rgba(0,223,233,1);
background: -moz-linear-gradient(left, rgba(0,223,233,1) 0%, rgba(0,133,185,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,223,233,1)), color-stop(100%, rgba(0,133,185,1)));
background: -webkit-linear-gradient(left, rgba(0,223,233,1) 0%, rgba(0,133,185,1) 100%);
background: -o-linear-gradient(left, rgba(0,223,233,1) 0%, rgba(0,133,185,1) 100%);
background: -ms-linear-gradient(left, rgba(0,223,233,1) 0%, rgba(0,133,185,1) 100%);
background: linear-gradient(to right, rgba(0,223,233,1) 0%, rgba(0,133,185,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dfe9', endColorstr='#0085b9', GradientType=1 ); }
.section-degrade-magenta { background: rgba(255,76,93,1);
background: -moz-linear-gradient(left, rgba(255,76,93,1) 0%, rgba(179,0,95,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,76,93,1)), color-stop(100%, rgba(179,0,95,1)));
background: -webkit-linear-gradient(left, rgba(255,76,93,1) 0%, rgba(179,0,95,1) 100%);
background: -o-linear-gradient(left, rgba(255,76,93,1) 0%, rgba(179,0,95,1) 100%);
background: -ms-linear-gradient(left, rgba(255,76,93,1) 0%, rgba(179,0,95,1) 100%);
background: linear-gradient(to right, rgba(255,76,93,1) 0%, rgba(179,0,95,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4c5d', endColorstr='#b3005f', GradientType=1 ); }


/* -- Modificadores UIKit -- */
.uk-card-primary.uk-card-body, .uk-card-primary>:not([class*=uk-card-media]), .uk-card-secondary.uk-card-body, .uk-card-secondary>:not([class*=uk-card-media]), .uk-light, .uk-offcanvas-bar, .uk-overlay-primary, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color) { color: rgba(255,255,255,1.00); }

.uk-link, a { color: rgba(45,204,211,1.00); }
.uk-link:hover, a:hover { color: rgba(15,174,181,1.00); text-decoration: none; }

.uk-button { border-radius: 100px; text-transform: lowercase; font-weight: 700; }
.uk-button-danger { background-color: rgba(255,76,93,1.00); }
.uk-button-danger:focus, .uk-button-danger:hover { background-color: rgba(235,56,73,1.00); }
.uk-button-primary { background-color: rgba(45,204,211,1.00); }
.uk-button-primary:focus, .uk-button-primary:hover { background-color: rgba(25,184,191,1.00); }

.uk-text-large { font-size: 1.25rem; }

.uk-tab>*>a { border-bottom: 2px solid transparent; }
.uk-tab>.uk-active>a { border-color: rgba(45,204,211,1.00); }

.uk-badge { border: 1px solid rgba(45,204,211,1.00); color: rgba(45,204,211,1.00); background-color: transparent; }
.quantity.uk-badge { border-radius: 500px 500px 500px 0px; }

.uk-label { border: 1px solid rgba(45,204,211,1.00); border-left-width: 20px !important; color: rgba(45,204,211,1.00); background-color: transparent; font-weight: 700 !important; border-radius: 0px; }
.uk-label-danger { border: 1px solid rgba(255,76,93,1.00); color: rgba(255,76,93,1.00); background-color: transparent; }

.uk-card { border-radius: 10px; }
.uk-card-primary {  background: rgba(0,133,185,1.00); }

/* .uk-slideshow li { background-color: rgba(255,255,255,1.00); }
.section-magenta .uk-slideshow li { background-color: rgba(255,76,93,1.00); } */

.uk-slidenav { color: rgba(0,0,0,0.5); }
.uk-dotnav>*>* { border: 1px solid rgba(0,0,0,0.5); }
.uk-dotnav>.uk-active>* { background-color: rgba(0,0,0,0.75); }

.section-degrade-cyan .uk-grid-divider>:not(.uk-first-column)::before { border-left: 1px solid rgba(255,255,255,0.20); }
.section-degrade-cyan .uk-list-divider>li:nth-child(n+2) { border-top: 1px solid rgba(255,255,255,0.20); }

.section-degrade-magenta .uk-grid-divider>:not(.uk-first-column)::before { border-left: 1px solid rgba(255,255,255,0.15); }
.section-degrade-magenta .uk-list-divider>li:nth-child(n+2) { border-top: 1px solid rgba(255,255,255,0.15); }
.section-degrade-magenta .uk-slidenav { color: rgba(255,255,255,0.5); }
.section-degrade-magenta .uk-dotnav>*>* { border: 1px solid rgba(255,255,255,0.5); }
.section-degrade-magenta .uk-dotnav>.uk-active>* { background-color: rgba(255,255,255,0.5); }

.flip-card .uk-description-list-divider>dt:nth-child(n+2) { margin-top: 12px; padding-top: 12px; }


/* -- Menu Navegação -- */
#navigation-top { position: relative; top: 0px; width: 100%; z-index: 500; background-color: rgba(255,255,255,0.80); }
#navigation-top .uk-navbar-nav li:first-child .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { font-family: 'Poppins','Helvetica',Arial,sans-serif; font-weight: 600 !important; }
#navigation-top .uk-navbar-item, #navigation-top .uk-navbar-nav>li>a, #navigation-top .uk-navbar-toggle { min-height: 70px; padding: 25px 20px 20px 20px; }
#navigation-top .uk-navbar-nav>li>a { color: rgba(12,12,12,0.70); }
#navigation-top .uk-navbar-nav>li>a:hover { color: rgba(12,12,12,1.00); }
#navigation-top .uk-navbar-nav>li.uk-active>a { color: rgba(235,56,73,1.00);  }
#navigation-top .uk-logo { min-height: 0px; padding: 10px 30px 15px 0px; }
#navigation-top .uk-logo img { width: 197px; height: 48px; }
#navigation-top .uk-navbar-left .uk-navbar-nav>li>a { padding-left: 0px !important; }
#navigation-top .uk-navbar-right .uk-navbar-nav>li>a { padding-right: 0px !important; }


/* -- Estilos Proprietários -- */
.contents { top: 0px; }

header { height: 45vh; min-height: 450px; }
.homepage header { height: 65vh; min-height: 620px; }
header.uk-dark { background-color: rgba(238,238,238,1.00); }
header.uk-light { background-color: rgba(12,12,12,1.00); }

header #heading { z-index: 20; position: relative; }
header #heading .logo-workshopsAdC { width: 620px; margin-left: auto; margin-right: auto; }
.homepage header #heading .logo-workshopsAdC { width: 660px; }
header #heading .uk-divider-small::after { border-top: 1px solid rgba(255,255,255,0.75); }

.image { background-color: rgba(160,160,160,1.00); }
.icon-preview { padding: 10px 30px 10px 10px; border-radius: 50px 0px 0px 50px; background-color: rgba(45,204,211,1.00); color: rgba(255,255,255,1.00); }

.source { margin-top: 15px; cursor: default; }
.source p { font-size: 0.80rem; color: rgba(0,0,0,0.80); margin-bottom: 0px; }
.section-degrade-cyan .source p { color: rgba(255,255,255,0.95); }
.source .uk-icon { vertical-align: text-bottom; margin-right: 3px; }


footer { border-top: 1px solid rgba(198,198,198,1.00); }
footer .logo-workshopsAdC { width: auto; height: 62px; }
footer .logo-AdC { width: auto; height: 58px; }
footer p.uk-text-small { font-size: 0.85rem; }



/* -- Estilos para PÁGINA LOGIN -- */
.login-box .container { width: 480px; }
.login-box .logo-workshopsAdC { width: 90%; }
.login-box .login-card { border: 1px solid rgba(198,198,198,1.00); }
.login-box .logo-AdC { width: 40%; }
.login-box .footer p { font-size: 0.80rem; }



/* -- Estilos para BACKGROUND GRID -- */
.background-grid { z-index: 10; position: absolute; width: 100%; height: 100%; background-image: url('../img/background-grid.png'); }
.background-grid.opacity0 { opacity: 0; }
.background-grid.opacity25 { opacity: 25; }
.background-grid.opacity50 { opacity: 50; }
.background-grid.opacity75 { opacity: 75; }
.background-grid.opacity100 { opacity: 100; }

/* -- Estilos para SINGLE WITH SCROLL -- */
.single.with-scroll section { background-color: rgba(255,255,255,1.00); }
.single.with-scroll .contents .uk-container { z-index: 50; position: relative; }
/* .single.with-scroll .contents section > .uk-container:first-child { padding-top: 120px; } */
.single.with-scroll .flex-container { width: 100%; }

.onepage-pagination { top: 50%; bottom: auto; transform: translateY(-50%); }
.onepage-pagination li a { padding: 6px 10px; }


/* -- Estilos para SINGLE WITH PARALLAX -- */
.single.with-parallax .section-parallax { background-color: rgba(220,220,220,1.00); min-height: 120vh; }
.single.with-parallax .section-parallax.height-auto { min-height: 0; }
.single.with-parallax .contents .uk-container { z-index: 50; position: relative; }

.single.with-parallax #corpo-2, .single.with-parallax #corpo-2 .uk-container { min-height: 350px; }


/* -- FLIP CARD -- */
.flip-card {
	perspective: 1000px;
  margin-top: 30px;
  cursor: pointer;
}
/* .flip-card:hover .flipper, */
.flip-card.hover .flipper {
	transform: rotateY(180deg);
}
.flip-card, .flip-card .front, .flip-card .back {
	width: 100%;
	height: 480px;
  border-radius: 10px;
}
.flip-card .flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.flip-card .icon-preview { z-index: 10; padding: 6px 24px 6px 8px; top: 20px; right: -2px; }
.flip-card .front, .flip-card .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
  background-color: rgba(245,245,245,1.00);
}
.flip-card .front {
	z-index: 2;
	transform: rotateY(0deg);
}
.flip-card .back {
	transform: rotateY(180deg);
}
.flip-card .inner { padding: 30px; font-size: 0.85rem; }

.am-chart { width: 100%; height: 500px; }



/* --- 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: 40px; }
  header { height: 80vh !important; min-height: 480px !important; }
  /* .homepage header { height: 65vh !important; min-height: 420px !important; } */
  header #branding .logo-AdC { width: 200px; }
  header #heading { width: 100%; }
  header #heading .logo-workshopsAdC { width: 96%; }
  .homepage header #heading .logo-workshopsAdC { width: 96%; }

  /* -- Estilos para SINGLE WITH SCROLL -- */
  .onepage-wrapper, .onepage-wrapper .section { height: auto; }
} /* 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) {
  html { font-size: 14px; }
  .login-box { font-size: 16px; }
  .login-box .logo-workshopsAdC { width: 70%; }
  .login-box .login-card { margin-top: 20px !important; margin-bottom: 15px !important; }
  header #heading .container-logo { width: 580px; }
  header #heading .uk-container { margin-top: 20px !important; margin-left: 40px; }
  header #heading .uk-heading-small { font-size: 2.8rem; }
  header #heading h4 { margin-top: 20px; }
  .hero-video { max-width: 900px; margin-bottom: 0px !important; }
  .hero-image { max-width: 900px; margin-bottom: 10px !important;}
  .hero-image canvas { height: 400px !important; }
  .uk-description-list-divider>dt:nth-child(n+2) { margin-top: 12px; padding-top: 12px; }
} /* 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) {
  .hero-video { max-width: 1080px; margin-bottom: 0px !important; }
  .hero-image { max-width: 1080px; margin-bottom: 10px !important;}
  .hero-image canvas { height: 450px !important; }
} /* 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 */