@charset "UTF-8";
/* This boilerplate is based in ITCSS and SMACSS */
:root { --header-height: 3rem; --max-width: 1344px; --gutter: 1rem; }

:root { --z-back: -10; --z-normal: 1; --z-tooltip: 10; --z-fixed: 100; --z-modal: 1000; }

@font-face { font-family: "sofia-pro-regular"; src: url("../fonts/sofia-pro-regular.woff") format("woff"); }

@font-face { font-family: "untitled-font-1"; src: url("../fonts/untitled-font-1.eot"); src: url("../fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"), url("../fonts/untitled-font-1.woff") format("woff"), url("../fonts/untitled-font-1.ttf") format("truetype"), url("../fonts/untitled-font-1.svg#untitled-font-1") format("svg"); font-weight: normal; font-style: normal; }

[data-icon]:before { font-family: "untitled-font-1" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "untitled-font-1" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-facebook:before { content: "\61"; }

.icon-zoom-in:before { content: "\64"; }

.icon-whatsapp:before { content: "\62"; }

.icon-wap:before { content: "\62"; }

.icon-home:before { content: "\65"; }

.icon-marker:before { content: "\66"; }

.icon-envelope:before { content: "\67"; }

.icon-users:before { content: "\68"; }

.icon-play:before { content: "\69"; }

.icon-pause:before { content: "\6a"; }

.icon-chevron-right-1:before { content: "\6b"; }

.icon-right:before { content: "\6c"; }

.icon-youtube:before { content: "\63"; }

/**
  EDgrid es una librería CSS para construir layouts con Responsive Web Design
  Importe este archivo en su proyecto para empezar a usarlo
**/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { margin: 0; font-family: sans-serif; }

img { max-width: 100%; height: auto; }

a { text-decoration: none; }

a:hover { text-decoration: underline; }

.rex-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1284px; margin-left: auto; margin-right: auto; width: 100%; }

.rex-item, .l-1-6 { margin: 0; padding-left: 1rem; padding-right: 1rem; }

.rex-item { width: 100%; }

.rex-item.rex-container { padding-left: 0; padding-right: 0; }

/*
| Mixin para crear cuadriculas
|
| $gridItemSelector: nombre del selector CSS de cada item de la cuadricula
| $listColumns:
|              * lista de numeros de columnas en cada breakpoint (separados por espacios). Ej: 1 2 3 4
|              * el numero de columnas del ultimo breakpoint se hereda a breakpoints superiores
| $gutter: separación entre cada item de la cuadricula (opcional)
|
*/
.button { display: inline-block; padding: .8em 1.6em; cursor: pointer; border: none; text-decoration: none; }

.s-5, .rex-item.s-5 { width: 5%; }

.s-10, .rex-item.s-10 { width: 10%; }

.s-15, .rex-item.s-15 { width: 15%; }

.s-20, .rex-item.s-20 { width: 20%; }

.s-25, .rex-item.s-25 { width: 25%; }

.s-30, .rex-item.s-30 { width: 30%; }

.s-35, .rex-item.s-35 { width: 35%; }

.s-40, .rex-item.s-40 { width: 40%; }

.s-45, .rex-item.s-45 { width: 45%; }

.s-50, .rex-item.s-50 { width: 50%; }

.s-55, .rex-item.s-55 { width: 55%; }

.s-60, .rex-item.s-60 { width: 60%; }

.s-65, .rex-item.s-65 { width: 65%; }

.s-70, .rex-item.s-70 { width: 70%; }

.s-75, .rex-item.s-75 { width: 75%; }

.s-80, .rex-item.s-80 { width: 80%; }

.s-85, .rex-item.s-85 { width: 85%; }

.s-90, .rex-item.s-90 { width: 90%; }

.s-95, .rex-item.s-95 { width: 95%; }

.s-100, .rex-item.s-100 { width: 100%; }

.s-1-3, .rex-item.s-1-3 { width: 33.33333%; }

.s-2-3, .rex-item.s-2-3 { width: 66.66667%; }

.s-3-3, .rex-item.s-3-3 { width: 100%; }

.s-1-6, .rex-item.s-1-6 { width: 16.66667%; }

.s-2-6, .rex-item.s-2-6 { width: 33.33333%; }

.s-3-6, .rex-item.s-3-6 { width: 50%; }

.s-4-6, .rex-item.s-4-6 { width: 66.66667%; }

.s-5-6, .rex-item.s-5-6 { width: 83.33333%; }

.s-6-6, .rex-item.s-6-6 { width: 100%; }

@media all and (min-width: 640px) { .m-5, .rex-item.m-5 { width: 5%; }
  .m-10, .rex-item.m-10 { width: 10%; }
  .m-15, .rex-item.m-15 { width: 15%; }
  .m-20, .rex-item.m-20 { width: 20%; }
  .m-25, .rex-item.m-25 { width: 25%; }
  .m-30, .rex-item.m-30 { width: 30%; }
  .m-35, .rex-item.m-35 { width: 35%; }
  .m-40, .rex-item.m-40 { width: 40%; }
  .m-45, .rex-item.m-45 { width: 45%; }
  .m-50, .rex-item.m-50 { width: 50%; }
  .m-55, .rex-item.m-55 { width: 55%; }
  .m-60, .rex-item.m-60 { width: 60%; }
  .m-65, .rex-item.m-65 { width: 65%; }
  .m-70, .rex-item.m-70 { width: 70%; }
  .m-75, .rex-item.m-75 { width: 75%; }
  .m-80, .rex-item.m-80 { width: 80%; }
  .m-85, .rex-item.m-85 { width: 85%; }
  .m-90, .rex-item.m-90 { width: 90%; }
  .m-95, .rex-item.m-95 { width: 95%; }
  .m-100, .rex-item.m-100 { width: 100%; }
  .m-1-3, .rex-item.m-1-3 { width: 33.33333%; }
  .m-2-3, .rex-item.m-2-3 { width: 66.66667%; }
  .m-3-3, .rex-item.m-3-3 { width: 100%; }
  .m-1-6, .rex-item.m-1-6 { width: 16.66667%; }
  .m-2-6, .rex-item.m-2-6 { width: 33.33333%; }
  .m-3-6, .rex-item.m-3-6 { width: 50%; }
  .m-4-6, .rex-item.m-4-6 { width: 66.66667%; }
  .m-5-6, .rex-item.m-5-6 { width: 83.33333%; }
  .m-6-6, .rex-item.m-6-6 { width: 100%; } }

@media all and (min-width: 1024px) { .l-5, .rex-item.l-5 { width: 5%; }
  .l-10, .rex-item.l-10 { width: 10%; }
  .l-15, .rex-item.l-15 { width: 15%; }
  .l-20, .rex-item.l-20 { width: 20%; }
  .l-25, .rex-item.l-25 { width: 25%; }
  .l-30, .rex-item.l-30 { width: 30%; }
  .l-35, .rex-item.l-35 { width: 35%; }
  .l-40, .rex-item.l-40 { width: 40%; }
  .l-45, .rex-item.l-45 { width: 45%; }
  .l-50, .rex-item.l-50 { width: 50%; }
  .l-55, .rex-item.l-55 { width: 55%; }
  .l-60, .rex-item.l-60 { width: 60%; }
  .l-65, .rex-item.l-65 { width: 65%; }
  .l-70, .rex-item.l-70 { width: 70%; }
  .l-75, .rex-item.l-75 { width: 75%; }
  .l-80, .rex-item.l-80 { width: 80%; }
  .l-85, .rex-item.l-85 { width: 85%; }
  .l-90, .rex-item.l-90 { width: 90%; }
  .l-95, .rex-item.l-95 { width: 95%; }
  .l-100, .rex-item.l-100 { width: 100%; }
  .l-1-3, .rex-item.l-1-3 { width: 33.33333%; }
  .l-2-3, .rex-item.l-2-3 { width: 66.66667%; }
  .l-3-3, .rex-item.l-3-3 { width: 100%; }
  .l-1-6, .rex-item.l-1-6 { width: 16.66667%; }
  .l-2-6, .rex-item.l-2-6 { width: 33.33333%; }
  .l-3-6, .rex-item.l-3-6 { width: 50%; }
  .l-4-6, .rex-item.l-4-6 { width: 66.66667%; }
  .l-5-6, .rex-item.l-5-6 { width: 83.33333%; }
  .l-6-6, .rex-item.l-6-6 { width: 100%; } }

@media all and (min-width: 1440px) { .xl-5, .rex-item.xl-5 { width: 5%; }
  .xl-10, .rex-item.xl-10 { width: 10%; }
  .xl-15, .rex-item.xl-15 { width: 15%; }
  .xl-20, .rex-item.xl-20 { width: 20%; }
  .xl-25, .rex-item.xl-25 { width: 25%; }
  .xl-30, .rex-item.xl-30 { width: 30%; }
  .xl-35, .rex-item.xl-35 { width: 35%; }
  .xl-40, .rex-item.xl-40 { width: 40%; }
  .xl-45, .rex-item.xl-45 { width: 45%; }
  .xl-50, .rex-item.xl-50 { width: 50%; }
  .xl-55, .rex-item.xl-55 { width: 55%; }
  .xl-60, .rex-item.xl-60 { width: 60%; }
  .xl-65, .rex-item.xl-65 { width: 65%; }
  .xl-70, .rex-item.xl-70 { width: 70%; }
  .xl-75, .rex-item.xl-75 { width: 75%; }
  .xl-80, .rex-item.xl-80 { width: 80%; }
  .xl-85, .rex-item.xl-85 { width: 85%; }
  .xl-90, .rex-item.xl-90 { width: 90%; }
  .xl-95, .rex-item.xl-95 { width: 95%; }
  .xl-100, .rex-item.xl-100 { width: 100%; }
  .xl-1-3, .rex-item.xl-1-3 { width: 33.33333%; }
  .xl-2-3, .rex-item.xl-2-3 { width: 66.66667%; }
  .xl-3-3, .rex-item.xl-3-3 { width: 100%; }
  .xl-1-6, .rex-item.xl-1-6 { width: 16.66667%; }
  .xl-2-6, .rex-item.xl-2-6 { width: 33.33333%; }
  .xl-3-6, .rex-item.xl-3-6 { width: 50%; }
  .xl-4-6, .rex-item.xl-4-6 { width: 66.66667%; }
  .xl-5-6, .rex-item.xl-5-6 { width: 83.33333%; }
  .xl-6-6, .rex-item.xl-6-6 { width: 100%; } }

.to-center { display: block; margin-right: auto; margin-left: auto; }

.to-center.ed-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.to-left { float: left; width: auto; margin-right: 1em; }

.to-right { float: right; width: auto; margin-left: 1em; }

.full { max-width: 100%; }

.circle { border-radius: 50%; }

.clearfix:before, .clearfix:after { content: ""; width: 100%; display: table; clear: both; }

.no-padding.rex-container > .rex-item { padding-left: 0rem; padding-right: 0rem; }

.no-padding.rex-item { padding-left: 0rem; padding-right: 0rem; }

.padding { padding-left: 1rem; padding-right: 1rem; }

.padding-2 { padding-left: 2rem; padding-right: 2rem; }

.padding-3 { padding-left: 3rem; padding-right: 3rem; }

body.sticky-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; }

body.sticky-footer > footer { margin-top: auto; }

.main-justify { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.main-distribute { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.main-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.main-start { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.main-end { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.cross-start { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; }

.cross-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; }

.cross-end { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; }

.flex-reverse { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.flex-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.flex-column-reverse { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.abcenter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; }

.from-s { display: none; }

.to-s { display: none; }

@media screen and (max-width: 639px) { .from-m { display: none; } }

@media screen and (min-width: 640px) { .to-m { display: none; } }

@media screen and (max-width: 1023px) { .from-l { display: none; } }

@media screen and (min-width: 1024px) { .to-l { display: none; } }

@media screen and (max-width: 1439px) { .from-xl { display: none; } }

@media screen and (min-width: 1440px) { .to-xl { display: none; } }

.ed-video { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; }

.ed-video > iframe, .ed-video > video, .ed-video > .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.button { background: #ddd; color: #333; }

.button:hover { background: #d0d0d0; text-decoration: none; }

.button:active { -webkit-transform: scale(0.97); -ms-transform: scale(0.97); transform: scale(0.97); }

*, *::before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { margin: 0; background: #282D31; }

strong, em { font-weight: 700; }

ul { padding-left: 0; margin-left: 2rem; }

body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: -webkit-calc(100vh - 64px); min-height: calc(100vh - 64px); min-width: 1240px; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 1rem; }

h1 + .subtitle, h2 + .subtitle, h3 + .subtitle, h4 + .subtitle, h5 + .subtitle, h6 + .subtitle { margin-top: -.5rem; margin-bottom: 1rem; }

li { margin-top: 0; margin-bottom: .75rem; }

.l-block, section, p, blockquote, pre, article, figure, iframe, video, ol { margin-top: 0; margin-bottom: 1rem; }

.l-section { margin-top: 0; }

.main-header + .l-section { margin-top: 4rem; }

.l-section--main { margin-top: 0; margin-bottom: 8rem; }

.main-banner, .topbar { margin-bottom: 4rem; }

.topbar + .main-banner { margin-top: -4rem; }

.l-1-6 { width: 16.66667%; padding-left: 0; }

.svg-icon { height: 1em; width: 1em; display: inline-block; fill: currentcolor; }

.svg-icon.before { margin-right: .3em; }

/* Button definitions at config/_buttons.scss */
.button, [class*="button--"] { display: inline-block; padding: 1em 2em; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(85%, #fff), to(#cfcfcf)); background: -webkit-linear-gradient(#fff, #fff 85%, #cfcfcf); background: -o-linear-gradient(#fff, #fff 85%, #cfcfcf); background: linear-gradient(#fff, #fff 85%, #cfcfcf); color: #f70000; cursor: pointer; text-decoration: none; border-radius: .25rem; -webkit-transition: -webkit-transform .05s; transition: -webkit-transform .05s; -o-transition: transform .05s; transition: transform .05s; transition: transform .05s, -webkit-transform .05s; border: none; text-align: center; border: double 4px; }

.button:hover, [class*="button--"]:hover { background: #FFF; color: #494949; text-decoration: inherit; }

.button:active, [class*="button--"]:active { -webkit-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); }

.button.center, [class*="button--"].center { display: table; margin-left: auto; margin-right: auto; }

.button.full, [class*="button--"].full { margin-right: 0; margin-left: 0; width: 100%; }

.button.button--small, [class*="button--"].button--small { padding: .2rem 1rem; font-size: 0.875rem; }

.button.button--last, [class*="button--"].button--last { margin-right: 0; }

.button.big, [class*="button--"].big { font-size: 1.25rem; }

.button { -webkit-box-shadow: -1px 1px 4px 0px #282D31; box-shadow: -1px 1px 4px 0px #282D31; }

.button--second { background: #fff; }

.button--second:hover { background: #cfcfcf; }

.button--alert { background: #f70000; }

.button--alert:hover { background: #fc463d; }

.button--cta { background: #FBA905; }

.button--cta:hover { background: #F1A000; }

[class*="button--ghost"] { color: #494949; background: none; border: 1px solid; }

[class*="button--ghost"]:hover { background: #494949; color: #FFF; border-color: transparent; }

.button--ghost--second { color: #fff; }

.button--ghost--second:hover { background: #fff; color: #494949; }

.button--ghost--alert { color: #f70000; }

.button--ghost--alert:hover { background: #f70000; color: #FFF; }

.button--ghost--cta { color: #FBA905; }

.button--ghost--cta:hover { background: #FBA905; color: #FFF; }

/*
  MAIN MENU
  Este es el menú principal del sitio, aparece dentro de main header

  Su estructura es
    <nav class="main-menu" id="main-menu">
      <ul>
        <li><a href="#">Item de menu</a></li>
        <li><a href="#">Item de menu</a></li>
      </ul>
    </nav>

  En movil se activa con un botón de hamburguesa.
  En el ejemplo es un div pero puede ser cualquier elemento
  (debe estar fuera del nav)
    <div id="main-menu-toggle" class="main-menu-toggle to-l"></div>

  Entra por la derecha justo debajo de main-header

*/
.main-menu a:hover { text-decoration: none; }

@media screen and (min-width: 1024px) { .main-menu .active { font-weight: 400; color: #f70000; }
  .main-menu .active::before { display: none; } }

body { position: relative; right: 0; -webkit-transition: right .5s; -o-transition: right .5s; transition: right .5s; }

@media screen and (max-width: 1023px) { body.main-menu-visible { right: 80%; overflow-y: hidden; } }

.main-menu-toggle { position: relative; z-index: 300; width: 30px; height: 20px; -webkit-box-shadow: 0 4px #1d1d1d inset; box-shadow: 0 4px #1d1d1d inset; cursor: pointer; }

.main-menu-toggle::after, .main-menu-toggle::before { content: ""; position: absolute; width: 100%; height: 4px; background-color: #1d1d1d; bottom: 0; }

.main-menu-toggle::after { bottom: 8px; }

.main-menu { font-size: 0.875rem; }

.main-menu ul { list-style: none; margin-top: 0; margin-bottom: 0; padding-left: 0; margin-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.main-menu li { color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 1em 0; margin: 0; }

@media screen and (min-width: 1024px) { .main-menu li { color: #1d1d1d; padding: 0; margin-left: 1rem; } }

.vertical-menu-toggle { background-size: 100% 34%; color: #494949; font-size: 0.875rem; }

@media screen and (max-width: 1023px) { .vertical-menu-toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

.vertical-menu-toggle::before { content: ""; display: block; width: .5em; height: 1.2em; background-image: -webkit-radial-gradient(circle, #1d1d1d 2px, transparent 2px); background-image: -o-radial-gradient(circle, #1d1d1d 2px, transparent 2px); background-image: radial-gradient(circle, #1d1d1d 2px, transparent 2px); background-size: 100% 34%; margin-right: .2em; }

.vertical-menu-toggle::after { content: attr(data-content); }

.vertical-menu { border-right: 1px solid #e1dfe4; }

@media screen and (max-width: 1023px) { .vertical-menu { max-height: 0; -webkit-transition: max-height .5s; -o-transition: max-height .5s; transition: max-height .5s; overflow: hidden; }
  .vertical-menu.show { max-height: 1000px; margin-bottom: 1em; }
  .vertical-menu .active::before { display: none; } }

.vertical-menu ul { list-style: none; margin-top: 0; margin-bottom: 0; padding-left: 0; margin-left: 0; }

.vertical-menu li { padding: .4em 0; border-bottom: none; font-size: 0.875rem; color: #1d1d1d; }

.vertical-menu a { color: inherit; display: block; }

.vertical-menu a.active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #f70000; }

.vertical-menu a.active::after { content: ''; display: block; width: 1rem; height: 1rem; background: url(../icon-right.svg) center right/contain no-repeat; }

.vertical-menu a.active:hover { text-decoration: none; }

.vertical-menu .active { border-bottom: 1px solid #e1dfe4; border-top: 1px solid #e1dfe4; margin-right: -1px; padding: .5em 0; border-right: 1px solid #FFF; }

.vertical-menu .active::after { background: url(../icon-right.svg) 100%/contain no-repeat !important; margin-right: 1rem; }

.main-logo { height: 10rem; width: auto; display: block; padding: .5em 0; }

.main-logo__title { font-size: 1.25rem; color: initial; font-weight: 100; }

.main-logo:hover { text-decoration: none; }

ul, ol { padding-left: 2rem; margin-left: 0; list-style-type: square; }

.list-menu > .feature-list { position: -webkit-sticky; position: sticky; top: 0; max-height: 100vh; overflow: auto; }

.data-list, .feature-list { list-style: none; margin-top: 0; margin-bottom: 0; padding-left: 0; margin-left: 0; margin-bottom: 2em; }

.data-list li, .feature-list li { padding-top: 0; padding-bottom: 0; margin: 0; line-height: 1.25; }

.data-list li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.data-list li > :first-child { margin-bottom: .5rem; }

@media screen and (min-width: 1024px) { .data-list li > :first-child { max-width: 75%; margin-bottom: 0; } }

@media screen and (max-width: 1023px) { .data-list li { display: block; }
  .data-list li [class*="button"] { font-size: 0.875rem; } }

.data-list li li div:last-child p { text-align: right; }

.data-list h1, .data-list h2, .data-list h3, .data-list h4, .data-list h5, .data-list h6, .data-list p, .data-list [class*="button"] { margin: 0; }

.feature-list { padding-left: 0; }

.feature-list > li { padding-left: 1.5rem; list-style: none; position: relative; }

.feature-list > li::before { content: ''; width: 1rem; height: 1rem; display: block; position: absolute; top: .2em; left: 0; color: #494949; background: url(../svg/icon-check.svg); }

code { color: #f70000; display: inline-block; border: 1px solid #e1dfe4; padding: .1em .5em; margin: 0 .5em; font-family: monospace; }

pre code { display: block; border: none; }

:not(pre) code { font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace; background: rgba(225, 223, 228, 0.5); font-size: 0.875rem; padding: 0 .3em; margin-right: .2rem; word-break: break-all; }

.center { text-align: center; }

.strong { font-weight: 700; }

table { table-layout: fixed; border-collapse: collapse; font-size: 0.875rem; background: #FFF; min-width: 100%; }

table th { background: #494949; }

table tr { border-bottom: 1px solid rgba(73, 73, 73, 0.3); }

table tr:hover { background: rgba(73, 73, 73, 0.1); }

table.first-column td:first-child { background: rgba(73, 73, 73, 0.75); color: #fff; }

table th { font-family: 'Open Sans', sans-serif; text-align: left; color: #FFF; font-weight: 700; border-right: 1px solid rgba(255, 255, 255, 0.2); }

table td { min-width: 100px; }

table td:nth-child(even) { background: rgba(225, 223, 228, 0.2); }

table td, table th { padding: 1em 1.5em; }

.table-container { overflow-x: auto; border: 1px solid #e1dfe4; margin-bottom: 2em; min-width: 100%; position: relative; table-layout: fixed; }

.table--secondary th { background: #fff; }

.table--secondary tr { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.table--secondary tr:hover { background: rgba(255, 255, 255, 0.1); }

.table--secondary.first-column td:first-child { background: rgba(255, 255, 255, 0.75); color: #fff; }

.table--tertiary th { background: #f70000; }

.table--tertiary tr { border-bottom: 1px solid rgba(247, 0, 0, 0.3); }

.table--tertiary tr:hover { background: rgba(247, 0, 0, 0.1); }

.table--tertiary.first-column td:first-child { background: rgba(247, 0, 0, 0.75); color: #fff; }

.table--accent th { background: #FBA905; }

.table--accent tr { border-bottom: 1px solid rgba(251, 169, 5, 0.3); }

.table--accent tr:hover { background: rgba(251, 169, 5, 0.1); }

.table--accent.first-column td:first-child { background: rgba(251, 169, 5, 0.75); color: #fff; }

.table--dark th { background: #282D31; }

.table--dark tr { border-bottom: 1px solid rgba(40, 45, 49, 0.3); }

.table--dark tr:hover { background: rgba(40, 45, 49, 0.1); }

.table--dark.first-column td:first-child { background: rgba(40, 45, 49, 0.75); color: #fff; }

form .form__item { margin-bottom: .5rem; }

form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), form select, form textarea { display: block; border: 1px solid #e1dfe4; background: #FFF; width: 100%; line-height: 1.6; font-family: Lato, "sans-serif"; font-size: 0.875rem; color: #1d1d1d; border-radius: .25rem; padding: .3rem 1rem; }

form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"])::-webkit-input-placeholder, form select::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { color: rgba(29, 29, 29, 0.75); }

form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"])::-moz-placeholder, form select::-moz-placeholder, form textarea::-moz-placeholder { color: rgba(29, 29, 29, 0.75); }

form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):-ms-input-placeholder, form select:-ms-input-placeholder, form textarea:-ms-input-placeholder { color: rgba(29, 29, 29, 0.75); }

form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"])::-ms-input-placeholder, form select::-ms-input-placeholder, form textarea::-ms-input-placeholder { color: rgba(29, 29, 29, 0.75); }

form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"])::placeholder, form select::placeholder, form textarea::placeholder { color: rgba(29, 29, 29, 0.75); }

form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):disabled, form select:disabled, form textarea:disabled { background: #e1dfe4; cursor: default; }

form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../arrow.svg) center right 1rem/1rem no-repeat !important; }

form textarea { min-height: 6em; }

form label { position: relative; display: block; font-size: 0.875rem; margin-bottom: .2em; }

form label + input::-webkit-input-placeholder { display: none; }

form label + input::-moz-placeholder { display: none; }

form label + input:-ms-input-placeholder { display: none; }

form label + input::-ms-input-placeholder { display: none; }

form label + input::placeholder { display: none; }

form [type="submit"] { margin: 0 !important; }

.card { border: 1px solid #e1dfe4; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); background: #fff; border-radius: 0.25rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.card p, .card [class*="button"] { margin: 0; }

.card__img { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; border-bottom: solid 1px #e1dfe4; }

.card__img img { display: block; border-radius: .25rem .25rem 0 0; }

.card__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.875rem; padding: 1rem; }

.card__title { font-family: "sofia-pro-regular", "sans-serif"; font-weight: 700; margin-bottom: 1rem; text-transform: uppercase; }

.card__title + .card__subtitle { margin-top: -1rem; }

.card__subtitle { font-size: 0.875rem; opacity: .5; margin-bottom: .5rem; }

.card__body { margin-bottom: 1rem; }

.card__footer { margin-top: auto; font-size: 0.875rem; border-top: 1px solid #e1dfe4; padding-top: 1rem; }

.card--course .card__footer { border-top: none; margin-top: -1.5rem; }

.card--course-next .card__footer { padding-top: .5rem; }

.card--next-class { border: none; -webkit-box-shadow: none; box-shadow: none; position: relative; color: #fff; }

.card--next-class a { color: currentColor; display: block; }

.card--next-class img { display: block; }

.card--next-class .card__content { position: absolute; bottom: 0; background: rgba(40, 45, 49, 0.8); width: 100%; }

.card--next-class .card__title { font-size: 1.25rem; font-family: Lato, "sans-serif"; font-weight: 400; }

.card--next-class .card__footer { padding-top: 0; border: none; margin-top: -.5rem; }

.card__user { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.card__user a { color: #1d1d1d; }

.card__user-img img { border-radius: 50%; width: 2rem; height: 2rem; display: block; margin-right: .5rem; }

[class*="card--mini"] .card__title { margin-bottom: .25rem; }

[class*="card--mini"] .card__body { font-size: 0.875rem; padding-top: .5rem; border-top: 1px solid #FBA905; }

[class*="card--mini"] .card__footer { border-top: none; padding-top: 0; }

@media screen and (min-width: 1024px) { .card--mini-horizontal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.card--mini-horizontal .card__img { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.card--mini-horizontal .card__img img { border-radius: .25rem 0 0 .25rem; }

.post-header { position: relative; margin-bottom: 2em; }

.post-header img { display: block; }

.post-header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(40, 45, 49, 0.8); }

.post-header h1 { position: absolute; top: 50%; text-align: center; width: 90%; left: 5%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; }

.post .author { display: table; margin: -5em auto 2em; position: relative; }

.post .author img { border: 4px solid #fff; }

.tns-outer { position: relative; margin-bottom: 4rem; }

.tns-outer .main-banner { margin-bottom: 0; }

[aria-label="Carousel Navigation"], [aria-label="Carousel Pagination"], [data-action] { position: absolute; z-index: 1; }

[data-action] { width: 30px; height: 30px; margin-top: 5px; margin-left: 5px; line-height: 2.4; }

@media screen and (min-width: 1024px) { [data-action] { margin-top: 15px; margin-left: 15px; } }

[aria-label="Carousel Navigation"] { left: 50%; bottom: 15px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media screen and (min-width: 1024px) { [aria-label="Carousel Navigation"] { bottom: 50px; } }

[aria-label="Carousel Navigation"] [data-controls] { width: 40px; height: 40px; margin: 0 5px; line-height: 3.4; }

[data-action], [aria-label="Carousel Navigation"] [data-controls] { background: #FFF; color: #cfcfcf; border: none; border-radius: 50%; }

[aria-label="Carousel Pagination"] { margin-top: 5px; margin-right: 5px; right: 0; }

@media screen and (min-width: 1024px) { [aria-label="Carousel Pagination"] { margin-top: 15px; margin-right: 15px; } }

[aria-label="Carousel Pagination"] button { width: 15px; height: 15px; border-radius: 50%; padding: 0; border: none; margin: .3em; background: #FFF; -webkit-box-shadow: inset 0 -3px 0 #e1dfe4; box-shadow: inset 0 -3px 0 #e1dfe4; }

[aria-label="Carousel Pagination"] button[aria-selected="true"] { background: #cfcfcf; -webkit-box-shadow: none; box-shadow: none; }

header { z-index: 1; position: relative; -webkit-box-shadow: 0px 0px 10px 0px #282D31; box-shadow: 0px 0px 10px 0px #282D31; }

.main-header { border-bottom: 1px solid #e1dfe4; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #FFF; top: 0; width: -webkit-calc(100% - 1.5rem); width: calc(100% - 1.5rem); left: 0; z-index: 100; }

.main-header__main { padding-top: .6rem; padding-bottom: .6rem; background: #f70000; padding-right: 0; border-radius: 10px; }

.main-header__main .button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; display: flex; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: "Oswald", "sans-serif"; text-transform: uppercase; height: 3rem; padding: 0 5px; line-height: 1.2; font-weight: 600; letter-spacing: 0.3px; }

.main-header__ul { list-style: none; margin-top: 0; margin-bottom: 0; padding-left: 0; margin-left: 0; }

.main-header__item { padding-right: 1rem; }

.main-main { background: #FFF; width: -webkit-calc(100% - 1rem); width: calc(100% - 1rem); margin-left: auto; margin-right: auto; padding-top: 1rem; }

.main-main__title { font-size: 2rem; background: -webkit-gradient(linear, left top, left bottom, from(#fc463d), color-stop(#f70000), to(#fc463d)); background: -webkit-linear-gradient(#fc463d, #f70000, #fc463d); background: -o-linear-gradient(#fc463d, #f70000, #fc463d); background: linear-gradient(#fc463d, #f70000, #fc463d); color: #FFF; padding-top: .3rem; padding-bottom: .3rem; }

.main-footer { position: relative; background: -webkit-gradient(linear, left top, left bottom, from(#c40000), color-stop(#f70000), color-stop(#f70000), to(#d80000)); background: -webkit-linear-gradient(#c40000, #f70000, #f70000, #d80000); background: -o-linear-gradient(#c40000, #f70000, #f70000, #d80000); background: linear-gradient(#c40000, #f70000, #f70000, #d80000); color: #FFF; padding-top: 2rem; font-size: 1rem; margin-top: auto; -webkit-box-shadow: 0px 0px 10px 0px #282D31; box-shadow: 0px 0px 10px 0px #282D31; }

.main-footer h2, .main-footer ul, .main-footer p { margin-bottom: .6rem; }

.main-footer h2 { text-transform: uppercase; }

.present-gallery { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 170px; grid-gap: 10px; margin-bottom: 1.1rem; }

.present-gallery__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: outset 3px #b7b7b7; background: #FFF; cursor: pointer; will-change: transform; -webkit-transition: .34s transform; -o-transition: .34s transform; transition: .34s transform; }

.present-gallery__item:active, .present-gallery__item:focus { border-style: inset; -webkit-transform: scale(0.99); -ms-transform: scale(0.99); transform: scale(0.99); }

.present-gallery__item::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.present-gallery__item:hover::after { background: rgba(0, 81, 173, 0.15); }

.present-gallery__first { grid-row-start: 1; grid-row-end: 4; grid-column-start: 3; grid-column-end: 5; border-style: inset; cursor: default; }

.present-gallery__first_body { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }

.present-gallery__first:hover::after { background: rgba(73, 73, 73, 0); }

.present-gallery__first::after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0; }

.present-gallery__img { -o-object-fit: cover; object-fit: cover; }

[class*="topbar"] { background: #494949; color: #fff; font-size: 0.875rem; }

[class*="topbar"] .rex-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (min-width: 1024px) { [class*="topbar"] .rex-item { height: 4rem; } }

@media screen and (max-width: 1023px) { [class*="topbar"] .rex-item { padding-top: .5rem; padding-bottom: .5rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

[class*="topbar"] p, [class*="topbar"] .button, [class*="topbar"] form, [class*="topbar"] input, [class*="topbar"] a { margin-top: 0; margin-bottom: 0; color: inherit; }

[class*="topbar"] form { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; }

@media screen and (max-width: 1023px) { [class*="topbar"] form { display: none; } }

[class*="topbar"] input { border: none; background: #fff url(../icon-search.svg) center right 1rem/1rem no-repeat !important; }

[class*="topbar"] [class*="button"] { padding-top: .5rem; padding-bottom: .5rem; margin-right: 0; margin-left: 2rem; }

.topbar--secondary { background: #fff; }

.topbar--tertiary { background: #f70000; }

.topbar--accent { background: #FBA905; }

.topbar--dark { background: #282D31; }

.edui-tabs .tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; left: 1rem; top: 1px; }

.edui-tabs .tab { border: 1px solid #e1dfe4; padding: 1rem; border-radius: .25rem .25rem 0 0; margin-right: .5rem; background: #fff; cursor: pointer; opacity: .5; }

.edui-tabs .tab.active { border-bottom: 1px solid #fff; opacity: 1; }

.edui-tabs .tab img { width: 2.25rem; display: block; }

.edui-tabs .tab .tab { border: none; padding: 0; border-radius: 0; margin: 0; opacity: 1; }

.edui-tabs .panel { border: 1px solid #e1dfe4; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); background: #fff; display: none; border-radius: .25rem; padding: 2rem; }

.edui-tabs .panel :last-child { margin-bottom: 0; }

.edui-tabs .panel.active { display: block; }

.payment-method__name { padding-bottom: .5rem; border-bottom: 1px solid #e1dfe4; margin-bottom: .5rem; }

.payment-method__notes { margin-top: -1.5rem; }

.payment-method__account { color: #f70000; }

.video-class { background: var(--dark-color); }

@media screen and (min-aspect-ratio: 8 / 5) { .video-class { height: -webkit-calc(100vh - 3rem); height: calc(100vh - 3rem); } }

@media screen and (max-width: 960px) and (orientation: portrait) { .video-class--container { position: fixed; top: var(--header-height); width: 100%; z-index: 100; } }

@media screen and (min-aspect-ratio: 8 / 5) { .video-class--container { height: -webkit-calc(100vh - 9rem); height: calc(100vh - 9rem); padding: 1rem; } }

.video-class--element { margin: auto; }

.video-class--element iframe { width: 100%; height: 100%; }

.video-class--footer { background: rgba(0, 0, 0, 0.5); color: #fff; padding: 1rem 0; }

@media screen and (min-aspect-ratio: 8 / 5) { .video-class--footer { height: 6rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0; } }

.video-class--title { font-size: 1.25rem; }

@media screen and (max-width: 1023px) { .video-class--title { font-size: 1rem; } }

.video-class--course { color: var(--accent-color); font-size: 0.875rem; margin: -.5rem 0 0 0; opacity: .75; }

.video-class--next, .video-class--prev { width: 2rem; margin-left: 1rem; cursor: pointer; }

.social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; list-style: none; padding-left: 0; text-align: center; margin-bottom: 15px; }

.social__icon { display: inline-block; }

.social a { text-decoration: none; }

.social .icon-facebook, .social .icon-whatsapp, .social .icon-youtube { color: #494949; background: -webkit-radial-gradient(rgba(255, 255, 255, 0.67) 0, rgba(255, 255, 255, 0.43) 250%); background: -o-radial-gradient(rgba(255, 255, 255, 0.67) 0, rgba(255, 255, 255, 0.43) 250%); background: radial-gradient(rgba(255, 255, 255, 0.67) 0, rgba(255, 255, 255, 0.43) 250%); -webkit-box-shadow: 0 0 1px 0px #494949; box-shadow: 0 0 1px 0px #494949; }

.icon-facebook, .icon-whatsapp, .icon-youtube { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; display: flex; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; font-size: 2rem; border-radius: 50px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin: 0 5px; }

.icon-facebook:hover, .icon-whatsapp:hover, .icon-youtube:hover { text-shadow: 0px 1px 0px #fff; }

.icon-facebook:hover { background: #4862a3; color: #FFF; }

.icon-youtube:hover { background: #fff; color: #fd0000; }

.icon-whatsapp:hover { background: #009D33; color: #FFF; }

.google-map { width: 100%; height: -webkit-calc(100vh - 8rem); height: calc(100vh - 8rem); }

.google-map .firstHeading { color: #1d1d1d; text-shadow: none; }

.google-map p { color: #1d1d1d; }

.image--cover { -o-object-fit: cover; object-fit: cover; width: 100%; }

.image--contain { -o-object-position: top; object-position: top; -o-object-fit: contain; object-fit: contain; width: 100%; }

.gallery { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; }

.gallery img { height: 290px; }

/* This file use declarations, functions and mixins from config/_typography.scss */
body { font-family: Lato, "sans-serif"; font-size: 1rem; font-weight: 400; line-height: 1.6; color: #1d1d1d; }

h1, h2, h3, h4, h5, h6, .t1, .t2, .t3, .t4 { font-family: "sofia-pro-regular", "sans-serif"; font-weight: 700; letter-spacing: -0.01em; line-height: 1.3; }

.body-font { font-family: Lato, "sans-serif"; }

.heading-font { font-family: "sofia-pro-regular", "sans-serif"; }

h1, .t1 { font-size: 2.25rem; }

@media screen and (max-width: 1023px) { h1, .t1 { font-size: 1.5rem; } }

h2, .t2 { font-size: 1.5rem; }

@media screen and (max-width: 1023px) { h2, .t2 { font-size: 1.25rem; } }

h3, .t3 { font-size: 1.25rem; }

@media screen and (max-width: 1023px) { h3, .t3 { font-size: 1rem; } }

h4, .t4 { font-size: 1rem; }

h5, h6, .small { font-size: 0.875rem; }

blockquote { font-size: 1.25rem; font-style: italic; letter-spacing: .01em; margin-left: 4rem; position: relative; opacity: .9; }

@media screen and (max-width: 1023px) { blockquote { font-size: 1rem; } }

blockquote::before { content: "\201C"; font-family: Georgia, serif; font-size: 3em; position: absolute; top: .5em; left: -.6em; line-height: 0; letter-spacing: -0.5em; }

a { color: #fff; }

main a { text-decoration: none; }

main a:hover { text-decoration: underline; }

::-moz-selection { background: #fff; color: #FFF; }

::selection { background: #fff; color: #FFF; }

.colors { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 1.5em; margin-bottom: 2em; }

.color__sample { padding-bottom: 100%; height: 0; }

.color__sample.color--body { border: 1px solid #e1dfe4; }

.color--primary { background: #494949; }

.color--secondary { background: #fff; }

.color--tertiary { background: #f70000; }

.color--accent { background: #FBA905; }

.color--dark { background: #282D31; }

.color--border { background: #e1dfe4; }

.color--text { background: #1d1d1d; }

.color--body { background: #FFF; }

.color__info { text-align: center; border: 1px solid #e1dfe4; border-top: none; padding: 1em; background: #fff; }

.color__name, .color__code { margin: 0; }

.color__name { font-weight: 700; }

td [class*="button"] { display: inline; }

td [class*="button"]:last-child { margin-right: 0; }

.ah { opacity: 0.2; }

.ah:hover { opacity: 1; }

/*# sourceMappingURL=styles.css.map */