.AdBanner {
  background: #f6f6f6;
  cursor: pointer;
  padding: 34px 0;
}
.AdBanner a {
  position: relative;
}
.AdBanner-grey {
  background: #f6f6f6;
}
.AdBanner-content {
  display: inline-block;
  min-height: 75px;
  padding-left: 150px;
  position: relative;
  vertical-align: top;
}
.AdBanner-badge {
  position: absolute;
  left: 70px;
  top: 0;
  height: 65px;
  width: 65px;
}
.AdBanner-date {
  color: #273b47;
  position: absolute;
  vertical-align: top;
  top: -10px;
  left: 15px;
}
.AdBanner-dateDay {
  color: #273b47;
  border-bottom: 1px solid;
  display: block;
  text-align: center;
  font-size: 48px;
  font-weight: bold;
}
.AdBanner-dateMonth {
  padding: 5px 2px 0;
  display: block;
  font-size: 16px;
  letter-spacing: 2px;
  text-align: center;
}
.AdBanner-label {
  background: #ff4842;
  color: #fff;
  display: inline-block;
  letter-spacing: 2px;
  font-size: 14px;
  padding: 6px 10px;
  text-transform: uppercase;
}
.AdBanner-title {
  color: #273b47;
  font-size: 26px;
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .AdBanner-content:before {
    content: none;
  }
  .AdBanner-title {
    font-size: 20px;
  }
}
* {
  margin: 0;
}
a {
  color: #0791e6;
}
body {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  color: #273b47;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* #Iconografía */
/* Usamos iconos de https://icomoon.io solo agrega la clase del icono por ejemplo icon-search al elemento que lo necesite y listo. */
@font-face {
  font-family: 'icomoon';
  src: url(https://static.platzi.com/static/css/icons.f869d0463c50f35127de110146383aec.eot);
  src: url(https://static.platzi.com/static/css/icons.f869d0463c50f35127de110146383aec.eot?#iefi9dtney) format('embedded-opentype'), url(https://static.platzi.com/static/css/icons.b7c65e4ef66326c8a320d0fb4a1fad43.woff) format('woff'), url(https://static.platzi.com/static/css/icons.4e6791871db114bcca17240cf7f47922.ttf) format('truetype'), url(https://static.platzi.com/static/css/icons.9abc781cf722134d3599dd5186bb3448.svg#icons) format('svg');
  font-weight: normal;
  font-style: normal;
}
.fonts,
[class^="icon-"]:before,
[class*=" icon-"]:before,
.PlanSlide li:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: 'icomoon';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
}
[class^="icon-"],
[class*=" icon-"] {
  line-height: 100%;
}
.icon-mobile:before {
  content: "\E984";
}
.icon-medal-b:before {
  content: "\E97F";
}
.icon-ico-subtitled:before {
  content: "\E97D";
}
.icon-ico-dubbed:before {
  content: "\E97E";
}
.icon-rocket:before {
  content: "\E97C";
}
.icon-star-empty:before {
  content: "\E979";
}
.icon-pc:before {
  content: "\E97A";
}
.icon-behance:before {
  content: "\E97B";
}
.icon-bookmark:before {
  content: "\E975";
}
.icon-new:before {
  content: "\E978";
}
.icon-connect:before {
  content: "\E977";
}
.icon-fcbk-square:before {
  content: "\E976";
}
.icon-diseno:before {
  content: "\E96E";
}
.icon-produccion-audiovisual:before {
  content: "\E96F";
}
.icon-crecimiento-profesional:before {
  content: "\E970";
}
.icon-desarrollo:before {
  content: "\E971";
}
.icon-marketing:before {
  content: "\E972";
}
.icon-negocios:before {
  content: "\E973";
}
.icon-twt-square:before {
  content: "\E974";
}
.icon-whatsapp:before {
  content: "\E980";
}
.icon-whats-square:before {
  content: "\E975";
}
.icon-crown_B:before {
  content: "\E966";
}
.icon-cup_A:before {
  content: "\E96D";
}
.icon-diploma-b:before {
  content: "\E963";
}
.icon-board:before {
  content: "\E964";
}
.icon-chart-b:before {
  content: "\E965";
}
.icon-download-b:before {
  content: "\E967";
}
.icon-invoice:before {
  content: "\E968";
}
.icon-lock-b:before {
  content: "\E969";
}
.icon-money-check:before {
  content: "\E96A";
}
.icon-pause-b:before {
  content: "\E96B";
}
.icon-astronaut:before {
  content: "\E96C";
}
.icon-live-b:before {
  content: "\E962";
}
.icon-arrow-right-b:before {
  content: "\E95A";
}
.icon-teacher-board:before {
  content: "\E95B";
}
.icon-cog1:before {
  content: "\E95C";
}
.icon-comment:before {
  content: "\E95D";
}
.icon-menu-ellipsis:before {
  content: "\E95E";
}
.icon-eye-slash:before {
  content: "\E95F";
}
.icon-newspaper:before {
  content: "\E960";
}
.icon-thumbs-up-b:before {
  content: "\E961";
}
.icon-theater-undone:before {
  content: "\E958";
}
.icon-theater-do:before {
  content: "\E959";
}
.icon-backward:before {
  content: "\E955";
}
.icon-bug:before {
  content: "\E957";
}
.icon-forward:before {
  content: "\E956";
}
.icon-tickets:before {
  content: "\E953";
}
.icon-shield:before {
  content: "\E954";
}
.icon-name-circle:before {
  content: "\E951";
}
.icon-mail-circle:before {
  content: "\E952";
}
.icon-suitecase_B:before {
  content: "\E950";
}
.icon-platzirank:before {
  content: "\E94F";
}
.icon-search_B:before {
  content: "\E94E";
}
.icon-pin_icon:before {
  content: "\E94D";
}
.icon-rocket_ibm:before {
  content: "\E94C";
}
.icon-cloud-smile:before {
  content: "\E94B";
}
.icon-afternoon:before {
  content: "\E947";
}
.icon-calendar:before {
  content: "\E948";
}
.icon-morning:before {
  content: "\E949";
}
.icon-night:before {
  content: "\E94A";
}
.icon-plan-estudios:before {
  content: "\E946";
}
.icon-platzimark:before {
  content: "\E945";
}
.icon-intermedio .path1:before {
  content: "\E93E";
  color: #3a3c3f;
}
.icon-intermedio .path2:before {
  content: "\E93F";
  margin-left: -0.8125em;
  color: #3a3c3f;
}
.icon-intermedio .path3:before {
  content: "\E940";
  margin-left: -0.8125em;
  color: #c0c0c0;
}
.icon-basico .path1:before {
  content: "\E941";
  color: #3a3c3f;
}
.icon-basico .path2:before {
  content: "\E942";
  margin-left: -0.8125em;
  color: #c0c0c0;
}
.icon-basico .path3:before {
  content: "\E943";
  margin-left: -0.8125em;
  color: #c0c0c0;
}
.icon-avanzado:before {
  content: "\E944";
}
.icon-texto2:before {
  content: "\E93A";
  color: #696969;
}
.icon-lock2:before {
  content: "\E93D";
  color: #696969;
}
.icon-blocked:before {
  content: "\E939";
  color: #e9e9e9;
}
.icon-circular-check:before {
  content: "\E937";
  color: #dfe0e6;
}
.icon-timeline-video:before {
  content: "\E936";
  color: #dfe0e6;
}
.icon-texto:before {
  content: "\E938";
  color: #dfe0e6;
}
.icon-events:before {
  content: "\E933";
  color: #ff4842;
}
.icon-live:before {
  content: "\E934";
  color: #7fc719;
}
.icon-courses:before {
  content: "\E932";
  color: #0791e6;
}
.icon-star-circle:before {
  content: "\E935";
  color: #fecc01;
}
.icon-external:before {
  content: "\E931";
}
.icon-login:before {
  content: "\E930";
}
.icon-save:before {
  content: "\E9D5";
}
.icon-cast_connected:before {
  content: "\E92E";
}
.icon-tool:before {
  content: "\E9D4";
}
.icon-instagram:before {
  content: "\E9D3";
}
.icon-cast:before {
  content: "\E92F";
}
.icon-quiz:before {
  content: "\E92D";
}
.icon-puzzle:before {
  content: "\E92C";
}
.icon-gift_B:before {
  content: "\E92B";
}
.icon-bold:before {
  content: "\F032";
}
.icon-italic:before {
  content: "\F033";
}
.icon-expand_A:before {
  content: "\F065";
}
.icon-compress:before {
  content: "\F066";
}
.icon-list-ol:before {
  content: "\F0CB";
}
.icon-underline:before {
  content: "\F0CD";
}
.icon-youtube-play:before {
  content: "\F16A";
}
.icon-header:before {
  content: "\F1DC";
}
.icon-user_B:before {
  content: "\E927";
}
.icon-clock_B:before {
  content: "\E928";
}
.icon-medal:before {
  content: "\E929";
}
.icon-star_B:before {
  content: "\E92A";
}
.icon-siguiente:before,
.icon-next:before {
  content: "\E925";
}
.icon-anterior:before,
.icon-prev:before {
  content: "\E926";
}
.icon-circle:before {
  content: "\E924";
}
.icon-chart_B:before {
  content: "\E922";
}
.icon-play:before {
  content: "\E91F";
}
.icon-arrow-top-right:before {
  content: "\E920";
}
.icon-dolar:before {
  content: "\E921";
}
.icon-badge:before {
  content: "\E923";
}
.icon-grid-world:before {
  content: "\E91C";
}
.icon-check:before,
.PlanSlide li:before {
  content: "\E91A";
}
.icon-delete:before {
  content: "\E91B";
}
.icon-sadness:before {
  content: "\E916";
}
.icon-gift-3:before {
  content: "\E91A";
}
.icon-send-message:before {
  content: "\E919";
}
.icon-plane:before {
  content: "\E919";
}
.icon-referral_A:before {
  content: "\E917";
}
.icon-referral_B:before {
  content: "\E918";
}
.icon-responses:before {
  content: "\E915";
}
.icon-trash:before {
  content: '\E907';
}
.icon-icono_responder3:before {
  content: "\E913";
}
.icon-thumbs-down:before {
  content: "\E906";
}
.icon-thumbs-up:before {
  content: "\E914";
}
.icon-unlink:before {
  content: '\E912';
}
.icon-show-editor:before {
  content: '\E913';
}
.icon-list:before {
  content: "\E910";
}
.icon-image:before {
  content: "\E90E";
}
.icon-code:before {
  content: "\E90F";
}
.icon-information:before {
  content: "\E911";
}
.icon-user-banned:before {
  content: "\E90D";
}
.icon-quote:before {
  content: "\E90C";
}
.icon-ytb_B:before {
  content: "\E90B";
}
.icon-play_B:before {
  content: "\E908";
}
.icon-flecha:before {
  content: "\E909";
}
.icon-blog:before {
  content: "\E90A";
}
.icon-ytb_B:before {
  content: "\E90B";
}
.icon-calendar_C:before {
  content: "\E905";
}
.icon-cup:before {
  content: "\E904";
}
.icon-graduate:before {
  content: "\E903";
}
.icon-both:before {
  content: "\E900";
}
.icon-lecture:before {
  content: "\E901";
}
.icon-player:before {
  content: "\E902";
}
.icon-share:before {
  content: "\E800";
}
.icon-notification:before {
  content: "\E66D";
}
.icon-download:before {
  content: "\E66E";
}
.icon-currencies:before {
  content: "\E66C";
}
.icon-subscribe:before {
  content: "\E66B";
}
.icon-creditcard:before {
  content: "\E663";
}
.icon-calendar_B:before {
  content: "\E666";
}
.icon-pointer:before {
  content: "\E66A";
}
.icon-pause:before {
  content: "\E664";
}
.icon-arrows:before {
  content: "\E661";
}
.icon-cap:before {
  content: "\E65E";
}
.icon-envivo:before {
  content: "\E665";
}
.icon-streaming:before {
  content: "\E667";
}
.icon-check_B:before {
  content: "\E007";
}
.icon-doc_A:before {
  content: "\E653";
}
.icon-notebook_A:before {
  content: "\E65F";
}
.icon-suitecase:before {
  content: "\E659";
}
.icon-doc:before {
  content: "\E660";
}
/* ###.icon-bell */
/*
    <i class="icon-bell"></i>
*/
.icon-bell:before {
  content: "\E655";
}
/* ###.icon-cloud_A */
/*
    <i class="icon-cloud_A"></i>
*/
.icon-cloud_A:before {
  content: "\E657";
}
/* ###.icon-cloud */
/*
    <i class="icon-cloud"></i>
*/
.icon-cloud:before {
  content: "\E658";
}
/* ###.icon-cog */
/*
    <i class="icon-cog"></i>
*/
.icon-cog:before {
  content: "\E656";
}
/* ###.icon-user_B */
/*
    <i class="icon-user_B"></i>
*/
/* ###.icon-search */
/*
    <i class="icon-search"></i>
*/
.icon-search:before {
  content: "\E650";
}
/* ###.icon-pin */
/*
    <i class="icon-pin"></i>
*/
.icon-pin:before {
  content: "\E652";
}
/* ###.icon-platzi */
/*
    <i class="icon-platzi"></i>
*/
.icon-platzi:before {
  content: "\E651";
}
/* ###.icon-eye */
/*
    <i class="icon-eye"></i>
*/
.icon-eye:before {
  content: "\E64F";
}
/* ###.icon-at */
/*
    <i class="icon-at"></i>
*/
.icon-at:before {
  content: "\E64E";
}
/* ###.icon-expand */
/*
    <i class="icon-expand"></i>
*/
.icon-expand:before {
  content: "\E64B";
}
/* ###.icon-retract */
/*
    <i class="icon-retract"></i>
*/
.icon-retract:before {
  content: "\E64C";
}
/* ###.icon-arrow-down_A */
/*
    <i class="icon-arrow-down_A"></i>
*/
.icon-arrow-down_A:before {
  content: "\E647";
}
/* ###.icon-arrow-up-right_A */
/*
    <i class="icon-arrow-up-right_A"></i>
*/
.icon-arrow-up-right_A:before {
  content: "\EA3B";
}
/* ###.icon-github */
/*
    <i class="icon-github"></i>
*/
.icon-github:before {
  content: "\EAB1";
}
/* ###.icon-star */
/*
    <i class="icon-star"></i>
*/
.icon-star:before {
  content: "\E62F";
}
/* ###.icon-close */
/*
    <i class="icon-close"></i>
*/
.icon-close:before {
  content: "\E624";
}
/* ###.icon-close_A */
/*
    <i class="icon-close_A"></i>
*/
.icon-close_A:before {
  content: "\E630";
}
/* ###.icon-exit */
/*
    <i class="icon-exit"></i>
*/
.icon-exit:before {
  content: "\E631";
}
/* ###.icon-fcbk */
/*
    <i class="icon-fcbk"></i>
*/
.icon-fcbk:before {
  content: "\E600";
}
/* ###.icon-twt */
/*
    <i class="icon-twt"></i>
*/
.icon-twt:before {
  content: "\E601";
}
/* ###.icon-discussions */
/*
    <i class="icon-discussions"></i>
*/
.icon-discussions:before {
  content: "\E645";
}
/* ###.icon-files */
/*
    <i class="icon-files"></i>
*/
.icon-files:before {
  content: "\E646";
}
/* ###.icon-notebook */
/*
    <i class="icon-notebook"></i>
*/
.icon-notebook:before {
  content: "\E63D";
}
/* ###.icon-snowflake */
/*
    <i class="icon-snowflake"></i>
*/
.icon-snowflake:before {
  content: "\E63C";
}
/* ###.icon-gift_A */
/*
    <i class="icon-gift_A"></i>
*/
.icon-gift_A:before {
  content: "\E639";
}
/* ###.icon-heart */
/*
    <i class="icon-heart"></i>
*/
.icon-heart:before {
  content: "\E978";
}
/* ###.icon-users */
/*
    <i class="icon-users"></i>
*/
.icon-users:before {
  content: "\E63B";
}
/* ###.icon-crown_A */
/*
    <i class="icon-crown_A"></i>
*/
.icon-crown_A:before {
  content: "\E633";
}
/* ###.icon-tree */
/*
    <i class="icon-tree"></i>
*/
.icon-tree:before {
  content: "\E634";
}
/* ###.icon-user */
/*
    <i class="icon-user"></i>
*/
.icon-user:before {
  content: "\E91E";
}
/* ###.icon-check_A */
/*
    <i class="icon-check_A"></i>
*/
.icon-check_A:before {
  content: "\E636";
}
/* ###.icon-poster */
/*
    <i class="icon-poster"></i>
*/
.icon-poster:before {
  content: "\E637";
}
/* ###.icon-workshop */
/*
    <i class="icon-workshop"></i>
*/
.icon-workshop:before {
  content: "\E638";
}
/* ###.icon-reply */
/*
    <i class="icon-reply"></i>
*/
.icon-reply:before {
  content: "\E632";
}
/* ###.icon-smile */
/*
    <i class="icon-smile"></i>
*/
.icon-smile:before {
  content: "\E62D";
}
/* ###.icon-goole-plus_A */
/*
    <i class="icon-goole-plus_A"></i>
*/
.icon-google-plus_A:before {
  content: "\E627";
}
/* ###.icon-lnkdn */
/*
    <i class="icon-lnkdn"></i>
*/
.icon-lnkdn:before {
  content: "\E628";
}
/* ###.icon-skype_A */
/*
    <i class="icon-skype_A"></i>
*/
.icon-skype_A:before {
  content: "\E629";
}
/* ###.icon-fcbk-square */
/*
    <i class="icon-fcbk-square"></i>
*/
/* ###.icon-email */
/*
    <i class="icon-email"></i>
*/
.icon-email:before {
  content: "\E62B";
}
/* ###.icon-plus */
/*
    <i class="icon-plus"></i>
*/
.icon-plus:before {
  content: "\E62C";
}
/* ###.icon-micro */
/*
    <i class="icon-micro"></i>
*/
.icon-micro:before {
  content: "\E626";
}
/* ###.icon-alert */
/*
    <i class="icon-alert"></i>
*/
.icon-alert:before {
  content: "\E625";
}
/* ###.icon-card */
/*
    <i class="icon-card"></i>
*/
.icon-card:before {
  content: "\E621";
}
/* ###.icon-chart */
/*
    <i class="icon-chart"></i>
*/
.icon-chart:before {
  content: "\E622";
}
/* ###.icon-bill */
/*
    <i class="icon-bill"></i>
*/
.icon-bill:before {
  content: "\E623";
}
/* ###.icon-calendar */
/*
    <i class="icon-calendar"></i>
*/
/* ###.icon-money */
/*
    <i class="icon-money"></i>
*/
.icon-money:before {
  content: "\E61D";
}
/* ###.icon-lock */
/*
    <i class="icon-lock"></i>
*/
.icon-lock:before {
  content: "\E61E";
}
/* ###.icon-cart */
/*
    <i class="icon-cart"></i>
*/
.icon-cart:before {
  content: "\E61F";
}
/* ###.icon-twt_A */
/*
    <i class="icon-twt_A"></i>
*/
.icon-twt_A:before {
  content: "\E61C";
}
/* ###.icon-skype */
/*
    <i class="icon-skype"></i>
*/
.icon-skype:before {
  content: "\E606";
}
/* ###.icon-gift */
/*
    <i class="icon-gift"></i>
*/
.icon-gift:before {
  content: "\E60F";
}
/* ###.icon-fcbk_A */
/*
    <i class="icon-fcbk_A"></i>
*/
.icon-fcbk_A:before {
  content: "\E91D";
}
/* ###.icon-phone_A */
/*
    <i class="icon-phone_A"></i>
*/
.icon-phone_A:before {
  content: "\E604";
}
/* ###.icon-phone */
/*
    <i class="icon-phone"></i>
*/
.icon-phone:before {
  content: "\E605";
}
/* ###.icon-googleplus */
/*
    <i class="icon-googleplus"></i>
*/
.icon-googleplus:before {
  content: "\E607";
}
/* ###.icon-ytb */
/*
    <i class="icon-ytb"></i>
*/
.icon-ytb:before {
  content: "\E608";
}
/* ###.icon-enie */
/*
    <i class="icon-enie"></i>
*/
.icon-enie:before {
  content: "\E609";
}
/* ###.icon-arrow_bottom */
/*
    <i class="icon-arrow_bottom"></i>
*/
.icon-arrow_bottom:before {
  content: "\E60A";
}
/* ###.icon-brain */
/*
    <i class="icon-brain"></i>
*/
.icon-brain:before {
  content: "\E60B";
}
/* ###.icon-video */
/*
    <i class="icon-video"></i>
*/
.icon-video:before {
  content: "\E60C";
}
/* ###.icon-crown */
/*
    <i class="icon-crown"></i>
*/
.icon-crown:before {
  content: "\E60D";
}
/* ###.icon-diploma */
/*
    <i class="icon-diploma"></i>
*/
.icon-diploma:before {
  content: "\E60E";
}
/* ###.icon-line_chat */
/*
    <i class="icon-line_chat"></i>
*/
.icon-line_chart:before {
  content: "\E610";
}
/* ###.icon-clock_A */
/*
    <i class="icon-clock_A"></i>
*/
.icon-clock_A:before {
  content: "\E611";
}
/* ###.icon-gear */
/*
    <i class="icon-gear"></i>
*/
.icon-gear:before {
  content: "\E612";
}
/* ###.icon-pencil */
/*
    <i class="icon-pencil"></i>
*/
.icon-pencil:before {
  content: "\E613";
}
/* ###.icon-play_A */
/*
    <i class="icon-play_A"></i>
*/
.icon-play_A:before {
  content: "\E614";
}
/* ###.icon-mooon */
/*
    <i class="icon-mooon"></i>
*/
.icon-moon:before {
  content: "\E615";
}
/* ###.icon-mic */
/*
    <i class="icon-mic"></i>
*/
.icon-mic:before {
  content: "\E616";
}
/* ###.icon-sun */
/*
    <i class="icon-sun"></i>
*/
.icon-sun:before {
  content: "\E617";
}
/* ###.icon-clock */
/*
    <i class="icon-clock"></i>
*/
.icon-clock:before {
  content: "\E618";
}
/* ###.icon-arrow-right */
/*
    <i class="icon-arrow-right"></i>
*/
.icon-arrow-right:before {
  content: "\E619";
}
/* ###.icon-marker */
/*
    <i class="icon-marker"></i>
*/
.icon-marker:before {
  content: "\E61A";
}
/* ###.icon-play */
/*
    <i class="icon-play"></i>
*/
.icon-minus_A:before {
  content: "\E648";
}
/* ###.icon-plus_A */
/*
    <i class="icon-plus_A"></i>
*/
.icon-plus_A:before {
  content: "\E649";
}
/* ###.icon-cross */
/*
    <i class="icon-cross"></i>
*/
.icon-cross:before {
  content: "\E64A";
}
/* ###.icon-warning */
/*
    <i class="icon-warning"></i>
*/
.icon-warning:before {
  content: "\E63E";
}
/* ###.icon-arrow-down */
/*
    <i class="icon-arrow-down"></i>
*/
.icon-arrow-down:before {
  content: "\E63F";
}
/* ###.icon-arrow-up */
/*
    <i class="icon-arrow-up"></i>
*/
.icon-arrow-up:before {
  content: "\E640";
}
/* ###.icon-house */
/*
    <i class="icon-house"></i>
*/
.icon-house:before {
  content: "\E641";
}
/* ###.icon-link */
/*
    <i class="icon-link"></i>
*/
.icon-link:before {
  content: "\E642";
}
/* ###.icon-arrow-left_A */
/*
    <i class="icon-arrow-left_A"></i>
*/
.icon-arrow-left_A:before {
  content: "\E643";
}
/* ###.icon-arrow-right_A */
/*
    <i class="icon-arrow-right_A"></i>
*/
.icon-arrow-right_A:before {
  content: "\E644";
}
/* ###.icon-menu */
/*
    <i class="icon-menu"></i>
*/
.icon-menu:before {
  content: "\E602";
}
/* ###.icon-user_A */
/*
    <i class="icon-user_A"></i>
*/
.icon-user_A:before {
  content: "\E64D";
}
.icon-picture_in_picture_alt:before {
  content: "\E981";
}
.icon-headphones:before {
  content: "\E982";
}
.icon-reload:before {
  content: "\E983";
}
.icon-dashboard:before {
  content: "\E985";
  color: #0484d3;
}
.icon-linkedin:before {
  content: "\E986";
  color: #0077b5;
}
@font-face {
  font-family: 'Bebas Neue';
  src: url(https://static.platzi.com/static/css/bebasneue_regular-webfont.2ee1ec9cddf1ca54345436c4e7848ebc.eot);
  src: url(https://static.platzi.com/static/css/bebasneue_regular-webfont.2ee1ec9cddf1ca54345436c4e7848ebc.eot?#iefix) format('embedded-opentype'), url(https://static.platzi.com/static/css/bebasneue_regular-webfont.58001b2920a0ba974ad25181579ca08e.woff) format('woff'), url(https://static.platzi.com/static/css/bebasneue_regular-webfont.bbdf2ed4dd4172f66e06437f30f32385.ttf) format('truetype'), url(https://static.platzi.com/static/css/bebasneue_regular-webfont.1a75e93f40c5fbb5c75813bec57f7c3f.svg#bebas_neue_regularregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Bebas Neue';
  src: url(https://static.platzi.com/static/css/bebasneue_bold-webfont.705c630c1a92308ba1524165b13279d1.eot);
  src: url(https://static.platzi.com/static/css/bebasneue_bold-webfont.705c630c1a92308ba1524165b13279d1.eot?#iefix) format('embedded-opentype'), url(https://static.platzi.com/static/css/bebasneue_bold-webfont.314446403a69618dcc38d273442c8d99.woff) format('woff'), url(https://static.platzi.com/static/css/bebasneue_bold-webfont.0afc4669e026f83b94b169a43c93e851.ttf) format('truetype'), url(https://static.platzi.com/static/css/bebasneue_bold-webfont.0b0294e096918ad7ac023502093b807b.svg#bebas_neuebold) format('svg');
  font-weight: bold;
  font-style: normal;
}
/* #Botones */
/*
+ **Todos** los botones heredan de un boton básico que es muy parecido al ``` .btn-Gray ```
+ Los botones pueden contener un tag ``` <strike>texto</strike> ``` si deseas un tachado en el boton, ten en cuenta esta funcionalidad para cualquier tag que no sea un ```<input/>```. _No puedes poner más tag dentro de elementos de fomulario_
*/
/*


    <button class="btn">Botón básico</button>
    <button class="btn :hover">Botón básico</button>
    <button class="btn"><strike>Botón básico</strike></button>
*/
.Twt-Login {
  margin-right: 20px;
}
.btn,
.btn-Gray,
.btn-gray,
.btn-White,
.btn-white,
.btn-Green,
.btn-green,
.btn-Yellow,
.btn-yellow,
.btn-Orange,
.btn-orange,
.btn-Sky,
.btn-sky,
.btn-Red,
.btn-red,
.btn-Purple,
.btn-purple,
.btn-Black,
.btn-black,
.btn-fcbk,
.btn-twt,
.btn-ytb,
.btn-lkd {
  background-color: #d3d3d3;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  padding: 8px 0.8em 6px 0.8em;
  text-decoration: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}
.btn:before,
.btn-Gray:before,
.btn-gray:before,
.btn-White:before,
.btn-white:before,
.btn-Green:before,
.btn-green:before,
.btn-Yellow:before,
.btn-yellow:before,
.btn-Orange:before,
.btn-orange:before,
.btn-Sky:before,
.btn-sky:before,
.btn-Red:before,
.btn-red:before,
.btn-Purple:before,
.btn-purple:before,
.btn-Black:before,
.btn-black:before,
.btn-fcbk:before,
.btn-twt:before,
.btn-ytb:before,
.btn-lkd:before {
  margin-right: 10px;
  vertical-align: middle;
}
.btn:empty:before,
.btn-Gray:empty:before,
.btn-gray:empty:before,
.btn-White:empty:before,
.btn-white:empty:before,
.btn-Green:empty:before,
.btn-green:empty:before,
.btn-Yellow:empty:before,
.btn-yellow:empty:before,
.btn-Orange:empty:before,
.btn-orange:empty:before,
.btn-Sky:empty:before,
.btn-sky:empty:before,
.btn-Red:empty:before,
.btn-red:empty:before,
.btn-Purple:empty:before,
.btn-purple:empty:before,
.btn-Black:empty:before,
.btn-black:empty:before,
.btn-fcbk:empty:before,
.btn-twt:empty:before,
.btn-ytb:empty:before,
.btn-lkd:empty:before {
  margin-right: 0;
}
.btn:hover,
.btn-Gray:hover,
.btn-gray:hover,
.btn-White:hover,
.btn-white:hover,
.btn-Green:hover,
.btn-green:hover,
.btn-Yellow:hover,
.btn-yellow:hover,
.btn-Orange:hover,
.btn-orange:hover,
.btn-Sky:hover,
.btn-sky:hover,
.btn-Red:hover,
.btn-red:hover,
.btn-Purple:hover,
.btn-purple:hover,
.btn-Black:hover,
.btn-black:hover,
.btn-fcbk:hover,
.btn-twt:hover,
.btn-ytb:hover,
.btn-lkd:hover,
.btn:focus,
.btn-Gray:focus,
.btn-gray:focus,
.btn-White:focus,
.btn-white:focus,
.btn-Green:focus,
.btn-green:focus,
.btn-Yellow:focus,
.btn-yellow:focus,
.btn-Orange:focus,
.btn-orange:focus,
.btn-Sky:focus,
.btn-sky:focus,
.btn-Red:focus,
.btn-red:focus,
.btn-Purple:focus,
.btn-purple:focus,
.btn-Black:focus,
.btn-black:focus,
.btn-fcbk:focus,
.btn-twt:focus,
.btn-ytb:focus,
.btn-lkd:focus {
  background-color: #000;
}
.btn:active,
.btn-Gray:active,
.btn-gray:active,
.btn-White:active,
.btn-white:active,
.btn-Green:active,
.btn-green:active,
.btn-Yellow:active,
.btn-yellow:active,
.btn-Orange:active,
.btn-orange:active,
.btn-Sky:active,
.btn-sky:active,
.btn-Red:active,
.btn-red:active,
.btn-Purple:active,
.btn-purple:active,
.btn-Black:active,
.btn-black:active,
.btn-fcbk:active,
.btn-twt:active,
.btn-ytb:active,
.btn-lkd:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.btn strike,
.btn-Gray strike,
.btn-gray strike,
.btn-White strike,
.btn-white strike,
.btn-Green strike,
.btn-green strike,
.btn-Yellow strike,
.btn-yellow strike,
.btn-Orange strike,
.btn-orange strike,
.btn-Sky strike,
.btn-sky strike,
.btn-Red strike,
.btn-red strike,
.btn-Purple strike,
.btn-purple strike,
.btn-Black strike,
.btn-black strike,
.btn-fcbk strike,
.btn-twt strike,
.btn-ytb strike,
.btn-lkd strike {
  font-weight: normal;
  font-size: 0.8em;
  position: relative;
  bottom: 0.1em;
}
.btn.btn--full-width,
.btn-Gray.btn--full-width,
.btn-gray.btn--full-width,
.btn-White.btn--full-width,
.btn-white.btn--full-width,
.btn-Green.btn--full-width,
.btn-green.btn--full-width,
.btn-Yellow.btn--full-width,
.btn-yellow.btn--full-width,
.btn-Orange.btn--full-width,
.btn-orange.btn--full-width,
.btn-Sky.btn--full-width,
.btn-sky.btn--full-width,
.btn-Red.btn--full-width,
.btn-red.btn--full-width,
.btn-Purple.btn--full-width,
.btn-purple.btn--full-width,
.btn-Black.btn--full-width,
.btn-black.btn--full-width,
.btn-fcbk.btn--full-width,
.btn-twt.btn--full-width,
.btn-ytb.btn--full-width,
.btn-lkd.btn--full-width {
  width: 100%;
}
.btn.is-normal,
.btn-Gray.is-normal,
.btn-gray.is-normal,
.btn-White.is-normal,
.btn-white.is-normal,
.btn-Green.is-normal,
.btn-green.is-normal,
.btn-Yellow.is-normal,
.btn-yellow.is-normal,
.btn-Orange.is-normal,
.btn-orange.is-normal,
.btn-Sky.is-normal,
.btn-sky.is-normal,
.btn-Red.is-normal,
.btn-red.is-normal,
.btn-Purple.is-normal,
.btn-purple.is-normal,
.btn-Black.is-normal,
.btn-black.is-normal,
.btn-fcbk.is-normal,
.btn-twt.is-normal,
.btn-ytb.is-normal,
.btn-lkd.is-normal {
  font-weight: 400;
}
.btn.is-light,
.btn-Gray.is-light,
.btn-gray.is-light,
.btn-White.is-light,
.btn-white.is-light,
.btn-Green.is-light,
.btn-green.is-light,
.btn-Yellow.is-light,
.btn-yellow.is-light,
.btn-Orange.is-light,
.btn-orange.is-light,
.btn-Sky.is-light,
.btn-sky.is-light,
.btn-Red.is-light,
.btn-red.is-light,
.btn-Purple.is-light,
.btn-purple.is-light,
.btn-Black.is-light,
.btn-black.is-light,
.btn-fcbk.is-light,
.btn-twt.is-light,
.btn-ytb.is-light,
.btn-lkd.is-light {
  font-weight: 300;
}
/* # Botón Gris

    <button class="btn-Gray">Boton Gris</button> <button class="btn-Gray :hover">Boton Gris:hover</button> */
.btn-Gray,
.btn-gray {
  background: -webkit-linear-gradient(right, #d3d3d3 0%, #d3d3d3 50%, #d7d7d7 100%);
  background: -moz-linear-gradient(right, #d3d3d3 0%, #d3d3d3 50%, #d7d7d7 100%);
  background: -o-linear-gradient(right, #d3d3d3 0%, #d3d3d3 50%, #d7d7d7 100%);
  background: -ms-linear-gradient(right, #d3d3d3 0%, #d3d3d3 50%, #d7d7d7 100%);
  background: linear-gradient(to left, #d3d3d3 0%, #d3d3d3 50%, #d7d7d7 100%);
  color: #808080;
  -webkit-box-shadow: 0 1px 1px 0 #bdbdbd;
  box-shadow: 0 1px 1px 0 #bdbdbd;
}
.btn-Gray:hover,
.btn-gray:hover,
.btn-Gray:focus,
.btn-gray:focus {
  color: #fff;
  -webkit-box-shadow: 0 2px 13px 0 rgba(189,189,189,0.49);
  box-shadow: 0 2px 13px 0 rgba(189,189,189,0.49);
}
/* # Botón Blanco

    <button class="btn-White">Boton blanco</button> <button class="btn-White :hover">Boton blanco:hover</button> */
.btn-White,
.btn-white {
  background-color: #fff;
  color: #696969;
  -webkit-box-shadow: 0 1px 1px 0 #e5e5e5;
  box-shadow: 0 1px 1px 0 #e5e5e5;
}
.btn-White:hover,
.btn-white:hover,
.btn-White:focus,
.btn-white:focus {
  background: #fff;
  -webkit-box-shadow: 0 2px 13px 0 rgba(229,229,229,0.49);
  box-shadow: 0 2px 13px 0 rgba(229,229,229,0.49);
}
/* # Botón verde

    <button class="btn-Green">Boton Verde</button> <button class="btn-Green :hover">Boton Verde:hover</button> */
.btn-Green,
.btn-green {
  background: -webkit-linear-gradient(right, #95ca3e 0%, #95ca3e 50%, #85c638 100%);
  background: -moz-linear-gradient(right, #95ca3e 0%, #95ca3e 50%, #85c638 100%);
  background: -o-linear-gradient(right, #95ca3e 0%, #95ca3e 50%, #85c638 100%);
  background: -ms-linear-gradient(right, #95ca3e 0%, #95ca3e 50%, #85c638 100%);
  background: linear-gradient(to left, #95ca3e 0%, #95ca3e 50%, #85c638 100%);
  -webkit-box-shadow: 0 1px 1px 0 #58902d;
  box-shadow: 0 1px 1px 0 #58902d;
}
.btn-Green:hover,
.btn-green:hover,
.btn-Green:focus,
.btn-green:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(88,144,45,0.49);
  box-shadow: 0 2px 13px 0 rgba(88,144,45,0.49);
  color: #fff;
}
/* # Botón amarillo

    <button class="btn-Yellow">Botón Amarillo</button> <button class="btn-Yellow :hover">Botón Amarillo:hover</button> */
.btn-Yellow,
.btn-yellow {
  background: -webkit-linear-gradient(right, #fecc01 0%, #fecc01 50%, #fed11a 100%);
  background: -moz-linear-gradient(right, #fecc01 0%, #fecc01 50%, #fed11a 100%);
  background: -o-linear-gradient(right, #fecc01 0%, #fecc01 50%, #fed11a 100%);
  background: -ms-linear-gradient(right, #fecc01 0%, #fecc01 50%, #fed11a 100%);
  background: linear-gradient(to left, #fecc01 0%, #fecc01 50%, #fed11a 100%);
  color: color-brown;
  -webkit-box-shadow: 0 1px 1px 0 #e4b700;
  box-shadow: 0 1px 1px 0 #e4b700;
}
.btn-Yellow:hover,
.btn-yellow:hover,
.btn-Yellow:focus,
.btn-yellow:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(228,183,0,0.49);
  box-shadow: 0 2px 13px 0 rgba(228,183,0,0.49);
}
/* # Botón naranja

    <button class="btn-Orange">Botón Naranja</button>  <button class="btn-Orange :hover">Botón Naranja</button> */
.btn-Orange,
.btn-orange {
  background: -webkit-linear-gradient(right, #ff7020 0%, #ff7020 50%, #ff6f1f 100%);
  background: -moz-linear-gradient(right, #ff7020 0%, #ff7020 50%, #ff6f1f 100%);
  background: -o-linear-gradient(right, #ff7020 0%, #ff7020 50%, #ff6f1f 100%);
  background: -ms-linear-gradient(right, #ff7020 0%, #ff7020 50%, #ff6f1f 100%);
  background: linear-gradient(to left, #ff7020 0%, #ff7020 50%, #ff6f1f 100%);
  -webkit-box-shadow: 0 1px 1px 0 #ec621c;
  box-shadow: 0 1px 1px 0 #ec621c;
}
.btn-Orange:hover,
.btn-orange:hover,
.btn-Orange:focus,
.btn-orange:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(236,98,28,0.5);
  box-shadow: 0 2px 13px 0 rgba(236,98,28,0.5);
}
/* # Botón cielo

    <button class="btn-Orange">Botón Naranja</button>  <button class="btn-Orange :hover">Botón Naranja</button> */
.btn-Sky,
.btn-sky {
  background: -webkit-linear-gradient(right, #0684d3 0%, #0684d3 50%, #0790e4 100%);
  background: -moz-linear-gradient(right, #0684d3 0%, #0684d3 50%, #0790e4 100%);
  background: -o-linear-gradient(right, #0684d3 0%, #0684d3 50%, #0790e4 100%);
  background: -ms-linear-gradient(right, #0684d3 0%, #0684d3 50%, #0790e4 100%);
  background: linear-gradient(to left, #0684d3 0%, #0684d3 50%, #0790e4 100%);
  -webkit-box-shadow: 0 1px 1px 0 #0474ba;
  box-shadow: 0 1px 1px 0 #0474ba;
}
.btn-Sky:hover,
.btn-sky:hover,
.btn-Sky:focus,
.btn-sky:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(4,116,186,0.5);
  box-shadow: 0 2px 13px 0 rgba(4,116,186,0.5);
}
/* #Botón Rojo */
/*
    <button class="btn-Red">Botón Rojo</button> <button class="btn-Red :hover">Botón Rojo</button> */
.btn-Red,
.btn-red {
  background: -webkit-linear-gradient(right, #e43f39 0%, #e43f39 50%, #e12a24 100%);
  background: -moz-linear-gradient(right, #e43f39 0%, #e43f39 50%, #e12a24 100%);
  background: -o-linear-gradient(right, #e43f39 0%, #e43f39 50%, #e12a24 100%);
  background: -ms-linear-gradient(right, #e43f39 0%, #e43f39 50%, #e12a24 100%);
  background: linear-gradient(to left, #e43f39 0%, #e43f39 50%, #e12a24 100%);
  -webkit-box-shadow: 0 1px 1px 0 #e12a24;
  box-shadow: 0 1px 1px 0 #e12a24;
}
.btn-Red:hover,
.btn-red:hover,
.btn-Red:focus,
.btn-red:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(225,42,36,0.5);
  box-shadow: 0 2px 13px 0 rgba(225,42,36,0.5);
}
/*
    <button class="btn-Red">Botón Rojo</button> <button class="btn-Red :hover">Botón Rojo</button> */
/* #Botón purpura

    <button class="btn-Purple">Botón Purpura</button> <button class="btn-Purple :hover">Botón Purpura</button> */
.btn-Purple,
.btn-purple {
  background: -webkit-linear-gradient(right, color-purple 0%, color-purple 50%, #e222a0 100%);
  background: -moz-linear-gradient(right, color-purple 0%, color-purple 50%, #e222a0 100%);
  background: -o-linear-gradient(right, color-purple 0%, color-purple 50%, #e222a0 100%);
  background: -ms-linear-gradient(right, color-purple 0%, color-purple 50%, #e222a0 100%);
  background: linear-gradient(to left, color-purple 0%, color-purple 50%, #e222a0 100%);
  -webkit-box-shadow: 0 1px 1px 0 #c80987;
  box-shadow: 0 1px 1px 0 #c80987;
}
.btn-Purple:hover,
.btn-purple:hover,
.btn-Purple:focus,
.btn-purple:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(200,9,135,0.5);
  box-shadow: 0 2px 13px 0 rgba(200,9,135,0.5);
}
/* #Botón negro

    <button class="btn-Black">Botón Negro</button> <button class="btn-Black :hover">Botón Negro</button> */
.btn-Black,
.btn-black {
  background: -webkit-linear-gradient(right, #1c3643 0%, #273b47 50%, #2d3723 100%);
  background: -moz-linear-gradient(right, #1c3643 0%, #273b47 50%, #2d3723 100%);
  background: -o-linear-gradient(right, #1c3643 0%, #273b47 50%, #2d3723 100%);
  background: -ms-linear-gradient(right, #1c3643 0%, #273b47 50%, #2d3723 100%);
  background: linear-gradient(to left, #1c3643 0%, #273b47 50%, #2d3723 100%);
  -webkit-box-shadow: 0 1px 1px 0 #131d09;
  box-shadow: 0 1px 1px 0 #131d09;
}
.btn-Black:hover,
.btn-black:hover,
.btn-Black:focus,
.btn-black:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(19,29,9,0.5);
  box-shadow: 0 2px 13px 0 rgba(19,29,9,0.5);
}
/* ##Botones especiales */
/* #Botón Facebook

    <button class="btn-fcbk">Botón Facebook</button> <button class="btn-fcbk icon-fcbk :hover">Botón Facebook icon-fcbk :hover</button> */
.btn-fcbk {
  background: -webkit-linear-gradient(right, #3b5999 0%, #3b5999 50%, #4e69a3 100%);
  background: -moz-linear-gradient(right, #3b5999 0%, #3b5999 50%, #4e69a3 100%);
  background: -o-linear-gradient(right, #3b5999 0%, #3b5999 50%, #4e69a3 100%);
  background: -ms-linear-gradient(right, #3b5999 0%, #3b5999 50%, #4e69a3 100%);
  background: linear-gradient(to left, #3b5999 0%, #3b5999 50%, #4e69a3 100%);
  -webkit-box-shadow: 0 1px 1px 0 #355089;
  box-shadow: 0 1px 1px 0 #355089;
}
.btn-fcbk:hover,
.btn-fcbk:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(53,80,137,0.5);
  box-shadow: 0 2px 13px 0 rgba(53,80,137,0.5);
}
/* #Botón Twitter

    <button class="btn-twt">Botón Twitter</button> <button class="btn-twt icon-twt :hover">Botón Twitter icon-twt :hover</button> */
.btn-twt {
  background: -webkit-linear-gradient(right, #60a9de 0%, #60a9de 50%, #6fb1e1 100%);
  background: -moz-linear-gradient(right, #60a9de 0%, #60a9de 50%, #6fb1e1 100%);
  background: -o-linear-gradient(right, #60a9de 0%, #60a9de 50%, #6fb1e1 100%);
  background: -ms-linear-gradient(right, #60a9de 0%, #60a9de 50%, #6fb1e1 100%);
  background: linear-gradient(to left, #60a9de 0%, #60a9de 50%, #6fb1e1 100%);
  -webkit-box-shadow: 0 1px 1px 0 #5698c7;
  box-shadow: 0 1px 1px 0 #5698c7;
}
.btn-twt:hover,
.btn-twt:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(86,152,199,0.5);
  box-shadow: 0 2px 13px 0 rgba(86,152,199,0.5);
}
/* #Botón YouTube

    <button class="btn-ytb">Botón YouTube</button> <button class="btn-ytb icon-ytb :hover">Botón YouTube icon-ytb :hover</button> */
.btn-ytb {
  background: -webkit-linear-gradient(right, #e52c26 0%, #e52c26 50%, #e7413b 100%);
  background: -moz-linear-gradient(right, #e52c26 0%, #e52c26 50%, #e7413b 100%);
  background: -o-linear-gradient(right, #e52c26 0%, #e52c26 50%, #e7413b 100%);
  background: -ms-linear-gradient(right, #e52c26 0%, #e52c26 50%, #e7413b 100%);
  background: linear-gradient(to left, #e52c26 0%, #e52c26 50%, #e7413b 100%);
  -webkit-box-shadow: 0 1px 1px 0 #ce2722;
  box-shadow: 0 1px 1px 0 #ce2722;
}
.btn-ytb:hover,
.btn-ytb:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(206,39,34,0.5);
  box-shadow: 0 2px 13px 0 rgba(206,39,34,0.5);
}
.btn-lkd {
  background: -webkit-linear-gradient(right, #007bb5 0%, #007bb5 50%, #007bb5 100%);
  background: -moz-linear-gradient(right, #007bb5 0%, #007bb5 50%, #007bb5 100%);
  background: -o-linear-gradient(right, #007bb5 0%, #007bb5 50%, #007bb5 100%);
  background: -ms-linear-gradient(right, #007bb5 0%, #007bb5 50%, #007bb5 100%);
  background: linear-gradient(to left, #007bb5 0%, #007bb5 50%, #007bb5 100%);
  -webkit-box-shadow: 0 1px 1px 0 #007bb5;
  box-shadow: 0 1px 1px 0 #007bb5;
}
.btn-lkd:hover,
.btn-lkd:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(0,123,181,0.5);
  box-shadow: 0 2px 13px 0 rgba(0,123,181,0.5);
}
.btn-lkd > .icon-linkedin:before {
  color: #fff;
}
/* #Modificadores en Botones */
/* Los modificadores son clases adicionales que van a modificar el estilo base de un botón y tienen la peculiaridad de tener dos guiones en su nombre de clase. */
/* #Botón circular */
/* Cualquier tipo de botón puede ser completamente redondeado con la clase .btn--rounded

    <button class="btn-Gray btn--rounded icon-twt"></button>
    <button class="btn-Gray btn--rounded">:)</button>
*/
.btn--rounded {
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 50px;
  line-height: 50px;
  width: 50px;
  text-align: center;
  margin-left: 15px;
  padding: 0;
}
.btn--rounded:before {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.btn--disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  -moz-filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
  -o-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
  cursor: not-allowed;
}
/* #Botón en mayusculas
    <button class="btn-Gray btn--uppercase">Botón en mayusculas</button>
*/
.btn--uppercase {
  text-transform: uppercase;
}
/* #Botón con texto blanco */
/* Si tienes un boton preconfigurado con otro color de texto puedes forzarlo a que sea blanco con este modificador. */
/*
    <button class="btn-Yellow btn--white">Botón con texto blanco</button>
*/
.btn--white {
  color: #fff;
}
.btn--white:hover,
.btn--white:focus {
  color: #fff;
}
/* #Tamaños de botón */
/* El botn por defecto (sin los siguiente modificadores) es considerado el pequeño, */
/* ## Boton Pequeño
    <button class="btn-Gray">Botón pequeño</button>
*/
/* ## Boton Mediano
    <button class="btn-Gray btn--medium">Botón mediano</button>
*/
.btn--medium,
.btn--md {
  font-size: 1rem;
  padding: 9px 0.8em 10px 0.8em;
}
/* ## Boton Grande
    <button class="btn-Gray btn--big">Botón grande</button>
*/
.btn--big {
  font-size: 18px;
  padding: 11px 0.8em 12px 0.8em;
}
/* ## Boton Grande responsive */
/* El botón grande puede tomar el tamaños de un botón pequeño en viewports de 767px a menos es decir más pequeño que un ipad en vertical.
    ** usa el boton de la barra inferior con icono de tablet ver el efecto **
*/
/*
    <button class="btn-Gray btn--big btn--responsive">Botón grande responsive</button>
*/
@media only screen and (max-width: 767px) {
  .btn--big.btn--responsive,
  .btn--medium.btn--responsive {
    font-size: 0.85em;
  }
}
/* #Botones con iconos */
/* Todos los botones pueden tener iconos de clase o iconos en <span></span> es recomendable poner el texto en un span para tener centrado verticalmente todo el contenido */
/*
    <button class="btn-Yellow icon-user_A"><span>Boton con icono de usuario</span></button>
    <button class="btn-Yellow btn--medium icon-user_A"><span>Boton mediano con icono de usuario</span></button>
    <button class="btn-Yellow btn--big icon-user_A"><span>Boton grande con icono de usuario</span></button>
*/
/* #Botones con linea intermedia e iconos */
/* Todos los botones pueden tener iconos de clase o iconos en <span></span> es recomendable poner el texto en un span para tener centrado verticalmente todo el contenido */
/*
    <button class="btn-Yellow "><span class="icon--line icon-user_A"></span><span>Boton con icono de usuario</span></button>
    <button class="btn-Yellow btn--medium "><span class="icon--line icon-user_A"></span><span>Boton mediano con icono de usuario</span></button>
    <button class="btn-Yellow btn--big "><span class="icon--line icon-user_A"></span><span>Boton grande con icono de usuario</span></button>
*/
.icon--right {
  margin-left: 1rem;
}
.icon--line,
.icon--left {
  margin-right: 0.5em;
}
.btn-icon--medium {
  font-size: 1.5em;
}
.btn--icon:before {
  margin-right: 0;
}
.btn-corner-right-orange {
  position: relative;
  font-size: 12px;
}
.btn-corner-right-orange:after {
  border-bottom: 27.5px solid transparent;
  border-right: 27.5px solid #ff7f38;
  content: "";
  right: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.btn-corner-right-orange:before {
  color: #fff;
  right: 2.5px;
  position: absolute;
  top: 2.5px;
  font-size: 10px;
  z-index: 2;
}
@media only screen and (max-width: 320px) {
  .SocialButton-Login {
    margin: 0 auto;
    min-width: 160px;
  }
  .Twt-Login {
    margin-bottom: 10px;
  }
}
/* #Links */
/* ## Link Rojo
    <a class="link-red" href="#">link rojo</a>
*/
a.link-red {
  color: #ff4842;
}
a.link-red:hover {
  color: #98ca3f;
}
/* ## Link Verde
    <a class="link-green" href="#">link verde</a>
*/
a.link-green {
  color: #98ca3f;
}
a.link-green:hover {
  color: #ff4842;
}
/* #Títulos */
/* creo que no fueron tan buena idea así que recomiedo no usarlos
*/
/* ##Título A
    <h2 class="title-A">Título A</h2>
*/
.title-A {
  font-size: 36px;
  font-weight: bold;
}
/* ##Título B
    <h2 class="title-B">Título B</h2>
*/
.title-B {
  font-size: 26px;
}
/* ##Título C
    <h2 class="title-C">Título C</h2>
*/
.title-C {
  border-bottom: 1px solid #1c3643;
  display: inline-block;
  font-size: 32px;
  padding-bottom: 10px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .title-C {
    font-size: 21px;
  }
}
.title-Main {
  font-size: 65px;
}
/* #Utilidades
Las utilidades existen en todo el sitio y como su nombre lo dices son de uso fácil y ayudan a hacer cosas rutinarias de UI en las que no queremos repetir estilos sino heredar.
+ Las utilidades empiezan SIEMPRE con .u-
+ Las utilidades se instancian antes de los estilos de componentes
*/
/* #u-left
Flota un elemento a la izquierda
*/
/*
  <div class="">
    <div class="u-left u-border">izquierda</div>
  </div>

*/
.u-left {
  float: left;
}
/* #u-right
Flota un elemento a la derecha
*/
/*
  <div class="">
    <div class="u-right u-border">derecha</div>
  </div>

*/
.u-floatRight,
.u-right {
  float: right;
}
/* #u-clearfix
Si estas usando floats, será muy común usar .u-clearfix sobre el padre directo
*/
/* ## sin clearfix
  <div class="u-border">
    <div class="u-left u-border">izquierda</div>
    <div class="u-right u-border">derecha</div>
  </div>

*/
/* ## con clearfix

  <div class="u-clearfix u-border">
    <div class="u-left u-border">izquierda</div>
    <div class="u-right u-border">derecha</div>
  </div>
*/
.u-clearfix {
  zoom: 1;
}
.u-clearfix:before,
.u-clearfix:after {
  content: "";
  display: table;
}
.u-clearfix:after {
  clear: both;
}
/* #.u-uppercase
Coloca los textos en mayusculas
  <h2 class="u-uppercase">Esto es un texto en mayusculas</h2>
*/
.u-uppercase {
  text-transform: uppercase;
}
/* #.u-wrapper
Platzi tiene por lo general contenedores a 1000px pero uno general no es suficiente y ahi es donde u-wrapper brillará
*/
/*
  <div>
    <p>Este es el background se una sección importante</p>
    <div class="u-wrapper u-border">Este es el contenido de la sección importante </div>
  </div>
  <div>
    <p>Este es el background se otra sección importante</p>
    <div class="u-wrapper u-border">Este es el contenido de la sección importante  </div>
  </div>

*/
.u-grid-wrapper {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 15px;
}
.u-row-wrapper {
  max-width: 1024px;
  margin: 0 auto !important;
}
.u-wrapper,
.u-wrapper_A,
.u-wrapper_B {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto !important;
  max-width: 1200px;
  padding: 0 0.5em;
  position: relative;
}
/* #.u-wrapper_A
Es un contenedor orientado a tablets
*/
/*
  <div>
    <p>Este es el background se una sección importante</p>
    <div class="u-wrapper_A u-border">Este es el contenido de la sección importante </div>
  </div>
  <div>
    <p>Este es el background se otra sección importante</p>
    <div class="u-wrapper_A u-border">Este es el contenido de la sección importante  </div>
  </div>

*/
.u-wrapper_A {
  max-width: 768px;
}
/* #.u-wrapper_B
Es un contenedor orientado a moviles
*/
/*
  <div>
    <p>Este es el background se una sección importante</p>
    <div class="u-wrapper_B u-border">Este es el contenido de la sección importante </div>
  </div>
  <div>
    <p>Este es el background se otra sección importante</p>
    <div class="u-wrapper_B u-border">Este es el contenido de la sección importante  </div>
  </div>

*/
.u-wrapper_B {
  max-width: 340px;
}
/* u-verticalCenter +  u-verticalContent


*/
/*
  <div class="u-verticalCenter u-border" style="height 500px">
    <div class="u-verticalContent u-border">
      contenido centrado verticalment
    </div>
  </div>
*/
.u-verticalCenter {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
}
.u-verticalContent {
  display: table-cell;
  vertical-align: middle;
}
/* #.u-inlineCenter
Coloca a los hijos directos con display inline-block y los alinea verticalmente
*/
/*
  <div class="u-inlineCenter">
    <img src="https://static.platzi.com/static/images/logos/platzi_favicon.png">
    <p>platzi :)</p>
  </div>


*/
.u-inlineCenter > * {
  vertical-align: middle;
  display: inline-block;
}
.u-textLeft {
  text-align: left;
}
.u-textCenter {
  text-align: center;
}
.u-flexBetween {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.u-flexAround {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.u-alignCenter {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.u-marginLeft {
  margin-left: 0.5em;
}
.u-videoWrapper {
  position: relative;
  padding-bottom: 56.25% /* 16:9 */;
  height: 0;
}
.u-videoSource {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.u-hr {
  border-top-color: #1c3643;
}
.u-lightText {
  font-weight: 300;
}
.Login {
  background: #232426;
  color: #fff;
  height: 0;
  overflow: hidden;
  padding: 0;
  text-align: center;
  -webkit-transition: height 0.5s ease-out, padding 0.5s ease-out;
  -moz-transition: height 0.5s ease-out, padding 0.5s ease-out;
  -o-transition: height 0.5s ease-out, padding 0.5s ease-out;
  -ms-transition: height 0.5s ease-out, padding 0.5s ease-out;
  transition: height 0.5s ease-out, padding 0.5s ease-out;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.Login-callback {
  display: none;
}
.Login-content * {
  margin-right: 15px;
}
.Login-content *:last-child {
  margin-right: 0;
}
.Login-callback:checked ~ .Login,
.Login.is-show {
  height: 115px;
  padding: 0 10px;
}
.Login-copy {
  border-left: 1px solid #fff;
  display: inline-block;
  font-size: 19px;
  font-weight: bold;
  padding: 15px;
}
@media only screen and (max-width: 1100px) {
  .Login-copy {
    font-size: 16px;
    padding: 15px 10px;
  }
  .Login [class^="btn"],
  .Login [class*=" btn"] {
    font-size: 16px;
  }
}
@media only screen and (max-width: 800px) {
  .Login-copy {
    display: block;
    padding: 10px 0;
    border-left: none;
    margin: 0 auto 10px;
  }
  .Login-callback:checked ~ .Login,
  .Login.is-show {
    height: 210px;
  }
  .Login [class^="btn"],
  .Login [class*=" btn"] {
    display: block;
    margin: 0 auto 10px;
    max-width: 250px;
    text-align: left;
  }
}
.MainMenu {
  float: right;
}
.MainMenu-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 1087px) {
  .MainMenu-modal:hover {
    border-top: 5px solid #ff4842;
  }
}
.MainMenu-link {
  display: block;
  padding: 15px 13px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.MainMenu-btn {
  padding: 5px 0;
  border-top: 5px solid transparent;
}
.MainMenu-btn.desktop {
  display: none;
}
@media only screen and (min-width: 1087px) {
  .MainMenu-btn.desktop {
    display: inline-block;
  }
}
.MainMenu-btn.mobile {
  padding: 0;
  border: 0;
}
@media only screen and (min-width: 1087px) {
  .MainMenu-btn.mobile {
    padding: 5px 0;
    border-top: 5px;
    display: none;
  }
}
.MainMenu-callback {
  display: none;
}
.MainMenu-container {
  font-size: 0;
  line-height: 0;
  padding: 0;
  text-align: right;
}
.MainMenu-option {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
  font-family: 'Open Sans', Arial;
  line-height: 16px;
  position: relative;
  vertical-align: top;
}
.MainMenu-option.is_sticky_mobile {
  display: none;
}
.MainMenu-option.is_sticky {
  text-decoration: underline;
  text-decoration-color: #98ca3f;
}
.MainMenu-option.is_sticky .MainMenu-link {
  color: #98ca3f;
}
.MainMenu-option.show-modal {
  position: relative;
}
@media only screen and (max-width: 1087px) {
  .MainMenu {
    display: none;
    overflow: hidden;
    -webkit-transition: height 0.5s ease-out;
    -moz-transition: height 0.5s ease-out;
    -o-transition: height 0.5s ease-out;
    -ms-transition: height 0.5s ease-out;
    transition: height 0.5s ease-out;
    width: calc(100% + 30px);
    margin-left: -15px;
    float: none;
  }
  .MainMenu-container {
    background: #141d24;
    margin: 0;
    padding: 0;
  }
  .MainMenu-callback:checked ~ .MainMenu {
    display: block;
  }
  .MainMenu-loged:checked ~ .MainMenu {
    display: block;
  }
  .MainMenu-option {
    display: block;
    text-align: center;
  }
  .MainMenu-option.is_sticky_mobile {
    display: block;
  }
}
@media only screen and (min-width: 1087px) {
  .MainMenu .line:before {
    height: 1.5em;
    border-right: 1px solid #fff;
    content: '';
    position: absolute;
    top: 17px;
    right: 0;
  }
  .MainMenu-link {
    border-top: 5px solid transparent;
  }
  .MainMenu-link:hover {
    border-top: 5px solid #ff4842;
  }
}
.LanguageSelect {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.LanguageSelect input {
  background: #000;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  display: none;
}
.LanguageSelect input:checked ~ .LanguageSelect-change:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.LanguageSelect input:checked ~ .LanguageSelect-list {
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.LanguageSelect-option {
  padding: 0 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: inherit;
  height: 100%;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: none;
  color: #fff;
  font-weight: bold;
  overflow: ellipisis;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  border-top: 1px solid #284e60;
}
.LanguageSelect-option img {
  margin-right: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.LanguageSelect-selected {
  padding-right: 30px;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}
.LanguageSelect-change {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: inherit;
  cursor: pointer;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
}
.LanguageSelect-change:before {
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
  transition: transform 0.2s;
  will-change: transform;
}
.LanguageSelect a {
  background: #1c3643;
  text-decoration: none;
}
.LanguageSelect-list {
  position: absolute;
  top: 100%;
  right: 0;
  padding: 0;
  height: inherit;
  z-index: 3;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  will-change: opacity, transform;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -o-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: translateY(-2em);
  -moz-transform: translateY(-2em);
  -o-transform: translateY(-2em);
  -ms-transform: translateY(-2em);
  transform: translateY(-2em);
}
@media only screen and (max-width: 640px) {
  .LanguageSelect-selected span {
    display: none;
  }
  .LanguageSelect-option {
    padding: 0 20px;
  }
}
.HeaderSticky-saas {
  margin: 0 auto !important;
}
.HeaderSticky-saasContainer {
  max-width: calc(100% - 30px);
}
.HeaderSticky-on {
  position: fixed;
  width: 100%;
  z-index: 4;
  top: 0;
}
.HeaderSticky-on + * {
  margin-top: 52px;
}
.HeaderSticky-on .Header-desktop,
.HeaderSticky-on .Header-mobile {
  display: none;
}
.HeaderSticky-on .HeaderSticky-wrapper {
  margin-right: 20px;
}
.HeaderSticky-on.is-new-home {
  min-width: calc(100% - 410px);
  width: 70%;
  max-width: calc(100% - 320px);
}
@media only screen and (max-width: 767px) {
  .HeaderSticky-on.is-new-home {
    min-width: 100%;
    max-height: 100%;
    width: 100%;
  }
}
.HeaderSticky-wrapper {
  display: block;
}
.HeaderSticky-label {
  margin: 15px;
  float: left;
  position: relative;
}
.HeaderSticky-options {
  display: none;
}
.HeaderSticky-login {
  color: #7dcd40;
}
.HeaderSticky-option {
  padding: 5px;
  border-top: 2px solid transparent;
  display: inline-block !important;
}
.HeaderSticky-option .Header-login {
  margin: 0;
}
.HeaderSticky-subscribe {
  cursor: pointer;
  float: right;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .HeaderSticky-on .Header-login {
    padding: 0px 9.6px 9.6px;
  }
  .HeaderSticky-on .Header-option {
    margin-top: -5px;
  }
}
@media only screen and (max-width: 380px) {
  .HeaderSticky-on .Header-login {
    padding: 0px 9.6px 9.6px;
  }
}
@media only screen and (max-width: 500px) {
  .HeaderSticky-label {
    font-size: 12px;
  }
  .HeaderSticky-label span {
    display: none;
  }
}
.Header {
  background: -webkit-linear-gradient(left, #1c3643 0%, #273b47 25%, #1e5372 100%);
  background: -moz-linear-gradient(left, #1c3643 0%, #273b47 25%, #1e5372 100%);
  background: -o-linear-gradient(left, #1c3643 0%, #273b47 25%, #1e5372 100%);
  background: -ms-linear-gradient(left, #1c3643 0%, #273b47 25%, #1e5372 100%);
  background: linear-gradient(to right, #1c3643 0%, #273b47 25%, #1e5372 100%);
  padding: 0 15px;
  position: relative;
  z-index: 2;
}
.Header-options,
.Header-desktop,
.Header-mobile {
  float: right;
  padding: 0;
  height: inherit;
  height: 52px;
}
.Header-options > li,
.Header-desktop > li,
.Header-mobile > li {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  height: inherit;
}
.Header--dark {
  border-bottom: 1px solid rgba(255,255,255,0.2);
  background: #121f3d;
}
.Header-session {
  margin-right: -10px;
  padding: 0 12px;
}
.Header-desktop {
  display: block;
}
.Header-mobile {
  display: none;
}
@media only screen and (max-width: 1180px) {
  .Header-option > .btn-Green {
    display: none;
  }
}
@media only screen and (max-width: 1087px) {
  .Header-option > .btn-Green {
    display: inline-block;
  }
}
.Header-container {
  position: relative;
  height: inherit;
}
.Header-login {
  cursor: pointer;
  margin: 8px 0 0 0;
  position: relative;
}
.Header-avatar {
  display: inline-block;
  float: right;
  margin: 11px 0px 11px 12px;
  cursor: pointer;
}
.Header-avatar img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  object-fit: cover;
}
.Header-logo,
.Header-logoEnglish {
  float: left;
  overflow: hidden;
  vertical-align: top;
  position: relative;
}
.Header-logo {
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.Header-logoEnglish {
  padding: 12px 0 7px 0px;
}
.Header-mobileLogo {
  display: none;
  height: 36px;
  overflow: hidden;
  width: 98px;
  vertical-align: top;
  position: absolute;
  top: 10px;
  left: 10px;
}
.Header-mobileMenu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: none;
  float: right;
  font-size: 24px;
  margin-left: 15px;
  position: relative;
  height: 50px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  line-height: 50px;
}
.Header-menuContainer {
  right: 0;
  top: 0;
  height: inherit;
}
@media only screen and (max-width: 1087px) {
  .Header-container {
    padding: 0;
  }
  .Header-login:before {
    content: none;
  }
  .Header-mobileMenu {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .Header-menuContainer {
    zoom: 1;
  }
  .Header-menuContainer:before,
  .Header-menuContainer:after {
    content: "";
    display: table;
  }
  .Header-menuContainer:after {
    clear: both;
  }
  .Header-desktop {
    display: none;
  }
  .Header-mobile {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .Header-login {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #98ca3f !important;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: box !important;
    display: flex !important;
    text-decoration: underline;
    padding: 0;
    margin: 1rem 0 0 0 !important;
  }
  .Header-login:hover {
    background: none;
    color: #ff4842 !important;
  }
  .Header-session {
    background: transparent;
  }
  .Header-avatar {
    display: none;
  }
  .Header-english .Header-login {
    padding: 7.2px 9.6px 9.6px;
  }
}
@media only screen and (max-width: 380px) {
  .Header-login {
    font-size: 12px;
    margin-left: -20px;
  }
  .Header-session {
    margin: 0;
    padding: 0;
  }
}
.Footer {
  background: #1c3643;
  color: #fff;
  padding: 46px 0;
}
.Footer-saas {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.Footer-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Footer-powered {
  margin-top: 1rem;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  -moz-filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
  -o-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
  font-size: 14px;
}
.Footer-powered a {
  text-decoration: none;
  color: #fff;
}
.Footer-column {
  max-width: 300px;
}
.Footer-column_A {
  max-width: none;
}
.Footer-contactList,
.Footer-navList {
  margin: 0;
  padding: 0;
  margin-left: 50px;
}
.Footer-contactInfo {
  display: block;
  font-weight: bold;
  margin: 10px 20px 10px 0;
}
.Footer-contactInfo:before {
  font-size: 20px;
  margin-right: 0.4em;
  position: relative;
  top: 3px;
}
.Footer-contactInfo a {
  color: #fff;
  text-decoration: none;
}
.Footer-nav {
  border-left: 1px solid #fff;
}
.Footer-navLink {
  color: #fff;
  display: block;
  font-weight: bold;
  margin: 10px 20px;
  text-decoration: underline;
}
.Footer-navLink a {
  color: #fff;
}
.Footer-navLink a:hover {
  color: #98ca3f;
}
.Footer-socialList {
  border-left: 1px solid #fff;
  display: inline-block;
  margin: 20px 0;
  padding: 5px 10px;
}
.Footer-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.Footer-language {
  display: inline-block;
  margin: 0px 0px 0px 25px;
  border: solid 2px #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.Footer-languageBtn {
  outline: none;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  padding: 8px 10px;
  color: #fff;
  font-size: 13px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.Footer-languageBtn img {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 15px;
}
.Footer-languageBtn span {
  margin-left: 10px;
}
.Footer-languageBtn i {
  margin-left: 10px;
  font-size: 14px;
}
.Footer a {
  text-decoration: none;
}
.Footer-languageSelect {
  display: none;
}
.Footer-languageShow {
  display: block;
  border-top: 1px solid rgba(255,255,255,0.3);
}
.Footer-socialNetwork {
  display: inline-block;
  height: 20px;
  margin: 0 5px;
}
.Footer-socialNetwork a {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.Footer-socialNetwork a:hover {
  color: #fff;
}
.Footer-extraInfo {
  line-height: 1.3;
  margin-bottom: 15px;
}
.Footer-socialTitle {
  display: inline-block;
  padding: 0 15px 0 5px;
}
@media only screen and (max-width: 640px) {
  .Footer-contactInformation {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  .Footer-nav {
    border-left: none;
  }
  .Footer-contactList {
    margin: 0;
  }
  .Footer-container {
    display: block;
    text-align: center;
  }
  .Footer-extraInfo {
    max-width: 100%;
  }
  .Footer-navList {
    margin: 0;
    padding: 0;
  }
  .Footer-navLink {
    margin: 10px 0px;
  }
  .Footer-column {
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    max-width: initial;
  }
  .Footer-description {
    margin-bottom: 20px;
    min-width: 100%;
  }
  .Footer-description:nth-child(3) {
    display: block;
    float: none !important;
    margin: 40px auto 0;
  }
}
@font-face {
  font-family: 'cooper_hewittmedium';
  src: url(https://static.platzi.com/static/css/cooperhewitt-medium-webfont.b90caad8c5de2b74822acdfe8452f202.eot);
  src: url(https://static.platzi.com/static/css/cooperhewitt-medium-webfont.b90caad8c5de2b74822acdfe8452f202.eot?#iefix) format('embedded-opentype'), url(https://static.platzi.com/static/css/cooperhewitt-medium-webfont.a23aeab68bbdc1b3f571ac216af5f59a.woff2) format('woff2'), url(https://static.platzi.com/static/css/cooperhewitt-medium-webfont.e3f4106c60f10db0a0fb1f6c1b658c53.woff) format('woff'), url(https://static.platzi.com/static/css/cooperhewitt-medium-webfont.b5ae2c0a6a5a7caecd04b012073882b9.ttf) format('truetype'), url(https://static.platzi.com/static/css/cooperhewitt-medium-webfont.7e9160254bc37a0ec34c29bea2bb1bf4.svg#cooperRegular) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'cooper_hewittmedium';
  src: url(https://static.platzi.com/static/css/cooperhewitt-semibold-webfont.38d15d0c054629ff1e6442981aefa369.eot);
  src: url(https://static.platzi.com/static/css/cooperhewitt-semibold-webfont.38d15d0c054629ff1e6442981aefa369.eot?#iefix) format('embedded-opentype'), url(https://static.platzi.com/static/css/cooperhewitt-semibold-webfont.b569525507c54a3580a45a27ce53205a.woff2) format('woff2'), url(https://static.platzi.com/static/css/cooperhewitt-semibold-webfont.bca640da316ae6ef792934ceab435f6a.woff) format('woff'), url(https://static.platzi.com/static/css/cooperhewitt-semibold-webfont.3ccf5a36969c6f0ae9180dd39a2c7488.ttf) format('truetype'), url(https://static.platzi.com/static/css/cooperhewitt-semibold-webfont.395619d80455ef70ee30595c010e5fa6.svg#cooperSemibold) format('svg');
  font-weight: 500;
  font-style: normal;
}
.fb_reset {
  display: none;
}
img[src*='https://www.googleadservices.com'] {
  display: none;
}
.FreeRegister-check {
  display: none;
}
.FreeRegister-check:checked + .FreeRegister-login {
  height: 64px;
}
.FreeRegister-check:checked + .FreeRegister-login + .LandingBanner-socialPlugin,
.FreeRegister-check:checked + .FreeRegister-login + .LandingBannerVideo-socialPlugin {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -o-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
}
.FreeRegister-login {
  height: 0;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  -o-transition: 0.3s linear;
  -ms-transition: 0.3s linear;
  transition: 0.3s linear;
  overflow: hidden;
  text-align: left;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.FreeRegister-login > span {
  margin-bottom: 10px;
  display: block;
}
.FreeRegister-login > div span {
  margin: 0 10px;
}
.LandingBadge-container {
  position: relative;
}
.LandingBadge-itemConcept {
  position: absolute;
  bottom: -10px;
  right: -40px;
}
.LandingLevel {
  text-align: center;
  margin-top: 15px;
}
.LandingLevel:after {
  content: attr(data-level);
  text-transform: uppercase;
  display: block;
  margin-top: 10px;
}
.LandingLevel > div {
  margin: 0 auto 5px;
}
.LandingLevel-label {
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .LandingLevel:after {
    font-size: 11px;
  }
  .LandingBadge-item {
    height: 70px;
    width: 70px;
  }
  .LandingBadge-itemConcept {
    position: absolute;
    right: -5px;
    height: 35px;
    width: 35px;
  }
}
.ScheduleCountdown {
  padding: 60px 0 30px;
}
.ScheduleCountdown-locationContainer {
  font-size: 32px;
  vertical-align: text-bottom;
  position: relative;
}
.ScheduleCountdown-locationList {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  display: block;
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  z-index: 10000;
  max-height: 5em;
  overflow-y: scroll;
}
.ScheduleCountdown-courseName,
.ScheduleCountdown-courseInfoExtra {
  display: block;
  font-size: 19px;
  text-align: center;
}
.ScheduleCountdown-courseDateInfo {
  margin-top: 40px;
  text-align: center;
}
.ScheduleCountdown-courseInfo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  max-width: 240px;
  padding: 0 30px;
  position: relative;
  vertical-align: top;
}
.ScheduleCountdown-badge {
  display: block;
  margin: 0 auto;
}
.ScheduleCountdown-courseList {
  margin: 0 auto;
  max-width: 550px;
  padding: 40px 0;
  position: relative;
  text-align: center;
}
.ScheduleCountdown-courseList.is-hide {
  display: none;
}
.ScheduleCountdown-courseListBadge {
  display: none;
}
.ScheduleCountdown-courseListSelect {
  padding-left: 5px;
}
.ScheduleCountdown-courseListInput {
  padding: 15px 25px 15px 0 !important;
  position: relative;
  z-index: 10000;
}
.ScheduleCountdown-location {
  margin: auto;
  text-align: center;
}
.ScheduleCountdown-locationInput {
  max-width: 300px;
  position: relative;
  font-size: 16px !important;
}
.ScheduleCountdown-addCalendarLink {
  font-weight: bold;
}
.ScheduleCountdown-courseInfoLocation {
  color: #e9e9e9;
  display: block;
  font-size: 14px;
  margin: 10px auto;
  text-align: center;
}
.ScheduleCountdown-courseInfoLocation:before {
  color: #273b47;
  font-size: 1.3em;
  position: relative;
  top: 3px;
  right: 10px;
}
.ScheduleCountdown-title {
  display: inline-block;
  font-size: 32px;
  margin: 0 10px;
}
.ScheduleCountdown-locationLink {
  display: inline-block;
  margin: 0 10px;
  position: relative;
}
.ScheduleCountdown-locationLink:before {
  position: absolute;
  right: -1.4em;
  top: -0.1em;
  font-size: 1.5em;
}
@media only screen and (max-width: 1020px) {
  .ScheduleCountdown {
    padding: 60px 0;
  }
  .ScheduleCountdown-courseList {
    max-width: initial;
  }
  .ScheduleCountdown-courseListBadge {
    display: none;
    margin-right: 20px;
    vertical-align: middle;
  }
  .ScheduleCountdown-courseListInput {
    font-size: 16px !important;
  }
  .ScheduleCountdown-courseListSelect {
    display: inline-block;
  }
  .ScheduleCountdown-courseListSelect:after {
    height: 20px !important;
  }
  .ScheduleCountdown-courseListSelect:before {
    margin-top: -7.5px !important;
  }
  .ScheduleCountdown-courseInfo {
    display: none;
  }
  .ScheduleCountdown-locationLink {
    max-width: 70px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
  }
  .ScheduleCountdown-locationLink:before {
    font-size: 2em;
    position: absolute;
    top: 5px;
    right: -0.5em;
  }
}
@media only screen and (max-width: 920px) {
  .ScheduleCountdown-title {
    display: block;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 800px) {
  .ScheduleCountdown {
    padding: 30px;
  }
  .ScheduleCountdown-title {
    display: block;
    margin-bottom: 30px;
  }
}
.input_B {
  background: none;
  border: none;
  border-bottom: 1px solid #696969;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Lato', sans-serif;
  font-size: 26px;
  outline: none;
  padding: 5px;
}
.select_B {
  position: relative;
}
.select_B:after {
  content: '';
  border-left: 1px solid #696969;
  position: absolute;
  right: 30px;
  top: 50%;
  height: 30px;
  margin-top: -15px;
}
.select_B:before {
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  border-top-color: #1c3643;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -2.5px;
}
.select_B select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-bottom: 1px solid #696969;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Lato', sans-serif;
  font-size: 25px;
  outline: none;
  padding: 15px 25px 15px 0;
  position: relative;
  width: 100%;
}
.Trailer {
  display: inline-block;
  width: 381px;
  text-decoration: none;
  background-position: center;
  -webkit-background-size: 100% 135%;
  -moz-background-size: 100% 135%;
  background-size: 100% 135%;
  vertical-align: middle;
  margin-right: 5px;
  background-repeat: no-repeat;
}
.Trailer:before {
  position: absolute;
  top: -30px;
  left: -13px;
  background: #9c0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 10px;
  height: 20px;
  margin-top: 34%;
  margin-left: 49%;
  padding: 3px 0;
  text-align: center;
  width: 30px;
  z-index: 1;
}
@media only screen and (max-width: 1000px) {
  .Trailer:before {
    margin-top: 36%;
    margin-left: 49%;
  }
}
@media only screen and (max-width: 767px) {
  .Trailer {
    float: none;
    display: block;
    width: 100%;
    padding: 0;
  }
  .Trailer:before {
    padding: 0;
    margin-top: 32%;
  }
}
@media only screen and (max-width: 767px) and (max-width: 500px) {
  .Trailer:before {
    margin-top: 32%;
    margin-left: 49%;
  }
}
@media only screen and (max-width: 767px) and (max-width: 320px) {
  .Trailer:before {
    margin-top: 40%;
  }
}
.CourseTime {
  display: inline-block;
  max-width: 340px;
  text-align: center;
  vertical-align: top;
}
.CourseTime-courseTimeContainer {
  margin-left: -1em;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.CourseTime-courseTimeContainer.is-changed {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -o-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
}
.CourseTime-courseTimeBubble {
  background: #1c3643;
  color: #fff;
  margin: 20px;
  padding: 20px 20px 20px 70px;
  font-size: 15px;
  position: relative;
  text-align: left;
}
.CourseTime-courseTimeBubble:after {
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  border-bottom-color: #1c3643;
  display: block;
  width: 0;
  height: 0;
}
.CourseTime-courseTimeBubble:before {
  font-size: 35px;
  position: absolute;
  left: 20px;
  top: 30px;
}
.CourseTime-courseTimeBubble a {
  color: #fff;
  font-weight: bold;
}
.CourseTime-courseTimeBubble a:hover {
  color: #ff4842;
}
.CourseTime-preloadText {
  display: block;
  font-weight: bold;
  margin: 1em 0;
}
.CourseTime-courseTimeRow,
.CourseTime-courseTimeRow--noDots {
  display: inline-block;
  margin-left: 1em;
  position: relative;
}
.CourseTime-courseTimeRow:before,
.CourseTime-courseTimeRow--noDots:before {
  position: absolute;
  right: -0.35em;
  top: 0;
  content: ':';
  font-size: 55px;
  font-weight: bold;
  line-height: 1;
}
.CourseTime-courseTimeRow:nth-child(5):before,
.CourseTime-courseTimeRow--noDots:nth-child(5):before {
  content: none;
}
.CourseTime-courseTimeRow--noDots:before,
.CourseTime-courseTimeRow--noDots--noDots:before {
  content: '';
}
.CourseTime-courseTimeTitle {
  display: block;
  font-size: 19px;
  text-align: center;
}
.CourseTime-courseTimeTitle--notDesktop {
  display: none;
}
.CourseTime-courseTimeLabel {
  font-size: 14px;
  position: relative;
  top: -0.5em;
  text-transform: uppercase;
}
.CourseTime-courseTimeData {
  display: block;
  font-size: 50px;
  font-weight: bold;
}
@media only screen and (max-width: 1020px) {
  .CourseTime {
    display: block;
    margin-top: 30px;
    max-width: none;
    text-align: center;
    width: 100%;
  }
  .CourseTime-courseTimeTitle {
    display: none;
  }
  .CourseTime-courseTimeTitle--notDesktop {
    display: block;
  }
  .CourseTime-courseTimeBubble {
    display: inline-block;
    margin: 0;
    margin-left: 20px;
    margin-right: -20px;
    max-width: 220px;
    padding: 25px 20px 25px 70px;
    vertical-align: top;
  }
  .CourseTime-courseTimeBubble:after {
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -10px;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    content: "";
    border-right-color: #1c3643;
    display: block;
    width: 0;
    height: 0;
  }
  .CourseTime-courseTimeBubble:before {
    top: 35px;
  }
  .CourseTime-courseTimeContainer {
    display: inline-block;
  }
}
@media only screen and (max-width: 800px) {
  .CourseTime-courseTimeBubble {
    margin-top: 20px;
    margin-left: 0;
    max-width: 210px;
    left: -20px;
  }
  .CourseTime-courseTimeBubble:after {
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    content: "";
    border-bottom-color: #1c3643;
    display: block;
    width: 0;
    height: 0;
  }
}
.ScheduleDateList {
  display: inline-block;
  padding: 0 30px;
  vertical-align: top;
}
.ScheduleDateList-addCalendar {
  margin: 10px 0;
}
.ScheduleDateList-addCalendar--notDesktop {
  display: none;
}
.ScheduleDateList-courseDateTitle {
  margin-bottom: 20px;
}
.ScheduleDateList-dateContainer {
  text-align: center;
  vertical-align: top;
}
.ScheduleDateList-schedule {
  text-align: left;
  margin-top: 10px;
  vertical-align: top;
}
.ScheduleDateList-addCalendarLink {
  font-weight: bold;
  margin: 0 20px;
}
.ScheduleDateList-courseDateTitle {
  display: block;
  font-size: 19px;
  text-align: center;
}
.ScheduleDateList-date {
  color: #fff;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  vertical-align: top;
  width: 70px;
  line-height: inherit;
}
.ScheduleDateList-date:before {
  color: #273b47;
  font-size: 70px;
  position: absolute;
  left: 5px;
  top: 0;
  z-index: -10;
}
.ScheduleDateList-date:last-child {
  margin-right: 0;
}
.ScheduleDateList-dateMonth {
  display: block;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
}
.ScheduleDateList-dateDay {
  display: block;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  line-height: 0.9;
}
.ScheduleDateList-dateDayString {
  color: #273b47;
  display: block;
  font-size: 14px;
  margin-top: 10px;
  text-transform: uppercase;
}
.ScheduleDateList-scheduleInfo {
  padding: 10px 0 10px 30px;
}
.ScheduleDateList-scheduleInfo:first-child {
  border-bottom: 1px solid #696969;
}
.ScheduleDateList-scheduleTitle {
  font-size: 15px;
  font-weight: bold;
  margin-right: 0.5em;
  position: relative;
}
.ScheduleDateList-scheduleTitle:before {
  position: absolute;
  left: -1.3em;
  font-size: 20px;
}
.ScheduleDateList-scheduleTime {
  float: right;
  font-size: 15px;
}
@media only screen and (max-width: 1020px) {
  .ScheduleDateList {
    display: block;
    text-align: center;
  }
  .ScheduleDateList-addCalendar {
    display: none;
  }
  .ScheduleDateList-addCalendar--notDesktop {
    display: block;
    margin-top: 40px;
    text-align: center;
  }
  .ScheduleDateList-dateContainer {
    display: inline-block;
  }
  .ScheduleDateList-schedule {
    display: inline-block;
    margin-top: 0;
    margin-left: 10px;
    text-align: left;
  }
  .ScheduleDateList-scheduleInfo {
    width: 280px;
  }
  .ScheduleDateList-scheduleTitle {
    font-size: 14px;
  }
  .ScheduleDateList-courseDateTitle {
    margin: 0 auto 20px;
    position: relative;
    left: -160px;
    width: 300px;
  }
}
@media only screen and (max-width: 800px) {
  .ScheduleDateList {
    text-align: center;
  }
  .ScheduleDateList-dateContainer {
    display: block;
    margin: 0 auto;
    max-width: none;
  }
  .ScheduleDateList-date {
    margin-right: 0;
  }
  .ScheduleDateList-courseDateTitle {
    left: 0;
    margin: 0 auto 20px;
    width: 100%;
  }
  .ScheduleDateList-schedule {
    margin-top: 20px;
    margin-left: 0;
    position: relative;
    left: -20px;
  }
  .ScheduleDateList-scheduleInfo {
    width: 100%;
  }
  .ScheduleDateList-addCalendar--notDesktop .ScheduleDateList-addCalendarLink {
    display: block;
    margin-top: 20px;
  }
}
.LandingSkills {
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: -20px;
  padding-bottom: 10px;
}
.LandingSkills.is-spanish {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
@media only screen and (min-width: 48em) {
  .LandingSkills.is-spanish {
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 64em) {
  .LandingSkills.is-spanish .LandingSkills-image {
    margin-right: 1rem;
  }
}
@media only screen and (min-width: 64em) {
  .LandingSkills.is-spanish .LandingSkills-image img {
    width: 70px;
    height: 70px;
  }
}
.LandingSkills-item {
  color: #273b47 !important;
  margin-top: 1.5rem;
}
@media only screen and (min-width: 64em) {
  .LandingSkills-item.has-trailer {
    max-width: 33.3%;
  }
}
.LandingSkills-image {
  margin-bottom: 1rem;
}
.LandingSkills.is-saas .LandingSkills,
.LandingSkills.is-spanish .LandingSkills {
  margin-bottom: 2rem;
}
.LandingSkills.is-saas .LandingSkills-item,
.LandingSkills.is-spanish .LandingSkills-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 1.5rem 0 -1rem 0;
  text-align: left;
}
@media only screen and (min-width: 64em) {
  .LandingSkills.is-saas .LandingSkills-item,
  .LandingSkills.is-spanish .LandingSkills-item {
    margin: 1.5rem 0 0 0;
  }
}
.LandingSkills.is-saas .LandingSkills-image,
.LandingSkills.is-spanish .LandingSkills-image {
  margin: 0 0.5rem 0 0;
}
@media only screen and (max-width: 1024px) {
  .LandingSkills {
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 2rem;
  }
  .LandingSkills.is-saas {
    margin-bottom: 52px;
  }
  .LandingSkills-image {
    margin-bottom: 0.5rem;
  }
  .LandingSkills-item {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .LandingSkills {
    margin-bottom: 0;
  }
  .LandingSkills.is-saas {
    margin-bottom: 36px;
  }
}
@media only screen and (min-width: 48em) {
  p.LadingSkills-image {
    line-height: 1;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
}
.LandingPrerequisites {
  background: #f6f6f6;
  padding: 20px 0 50px;
  text-align: center;
}
.LandingPrerequisites-badge {
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
  background-position: center center;
}
.LandingPrerequisites-wrapper {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 20px auto 0;
  max-width: 800px;
  text-align: left;
}
.LandingPrerequisites-wrapper > * {
  display: inline-block;
  vertical-align: middle;
}
.LandingPrerequisites-course > * {
  display: inline-block;
  vertical-align: middle;
}
.LandingPrerequisites-arrow {
  font-size: 40px;
}
.LandingPrerequisites-courseName {
  width: 150px;
  margin-left: 15px;
  text-align: left;
}
.LandingPrerequisites-courseName a {
  color: #ff4842;
  font-size: 16px;
  display: block;
}
.LandingPrerequisites-copy {
  width: 360px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .LandingPrerequisites-wrapper {
    display: block;
    text-align: center;
  }
  .LandingPrerequisites-copy {
    width: auto;
    text-align: center;
    float: none;
  }
  .LandingPrerequisites-arrow {
    width: 45px;
    height: 42px;
    text-align: center;
    line-height: 40px;
    margin: 20px auto;
    display: block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
.LandingDetails {
  text-align: center;
}
.LandingDetails-container {
  padding: 20px 15px;
}
.LandingDetails-items {
  font-size: 0;
  margin-left: -38px;
  padding: 30px 0 0;
  text-align: left;
}
.LandingDetails-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 1rem;
  list-style: none;
  margin-bottom: 10px;
  margin-left: 36px;
  padding-left: 24px;
  position: relative;
  vertical-align: top;
  width: 300px;
}
.LandingDetails-item:before {
  position: absolute;
  left: 0;
  top: 2px;
}
@media only screen and (max-width: 1000px) {
  .LandingDetails-container {
    max-width: 767px;
  }
  .LandingDetails-item {
    margin-bottom: 20px;
  }
}
.LandingCompanyFeatures {
  background: #f6f6f6;
  padding: 40px 0;
}
.LandingCompanyFeatures-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.LandingCompanyFeatures-title {
  display: block;
  text-align: center;
  margin-bottom: 1em;
}
.LandingCompanyFeature {
  text-align: center;
  max-width: 25%;
}
.LandingCompanyFeature-icon {
  color: #273b47;
  font-size: 60px;
}
.LandingCompanyFeature-copy {
  color: #e9e9e9;
  border-top: 1px solid #e9e9e9;
  padding: 10px 40px;
  margin-top: 18px;
  font-size: 16px;
  text-align: center;
}
.LandingCompanyFeature-countryImage {
  position: absolute;
  left: 0;
  top: 3px;
}
.LandingCompanyFeature-countryCopy {
  display: inline-block;
  padding-left: 50px;
  position: relative;
  text-align: left;
}
@media only screen and (max-width: 900px) {
  .LandingCompanyFeature {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: initial;
    margin: 10px;
    width: 47%;
  }
  .LandingCompanyFeatures-container {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .LandingCompanyFeatures h2 {
    font-size: 1.8em;
  }
}
@media only screen and (max-width: 640px) {
  .LandingCompanyFeatures {
    padding: 35px 0;
  }
  .LandingCompanyFeature {
    margin: 15px 0;
    width: 100%;
  }
  .LandingCompanyFeature-countryImage {
    position: absolute;
    left: 0;
    top: -3px;
  }
  .LandingCompanyFeature-copy {
    padding: 10px;
  }
}
.LandingTypes {
  background: #fff;
  margin-left: -60px;
  padding: 30px 0;
  text-align: center;
  font-size: 0;
}
.LandingType {
  display: inline-block;
  margin-left: 60px;
  vertical-align: top;
  max-width: 255px;
  font-size: 1rem;
}
.LandingType-icon {
  display: block;
  font-size: 65px;
  margin-bottom: 10px;
}
.LandingType--country {
  padding-top: 20px;
  text-align: left;
  padding-left: 10px;
}
.LandingType--country-image {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}
@media only screen and (max-width: 1000px) {
  .LandingTypes {
    margin-left: 0;
  }
  .LandingType {
    margin-left: 0;
    margin-bottom: 20px;
  }
  .LandingType:nth-of-type(2) {
    margin: 0 30px 20px;
  }
}
.LandingPlatzi {
  text-align: center;
  padding: 40px 0 20px 0;
}
.LandingPlatzi .title-A {
  font-size: 1.8em;
  font-family: 'cooper_hewittmedium';
  margin-bottom: 1em;
}
.LandingVideos {
  margin: 40px 0 0 -40px;
}
.LandingVideo {
  display: inline-block;
  font-size: 1rem;
  margin-bottom: 40px;
  margin-left: 40px;
  vertical-align: top;
  width: 460px;
}
.LandingVideo-src {
  width: 270px;
  margin-bottom: 30px;
}
.LandingVideo-name {
  margin-bottom: 20px;
  font-size: 26px;
  font-family: 'cooper_hewittmedium';
  font-weight: 500;
  margin-top: 20px;
}
.LandingVideo-copy {
  max-width: 370px;
  margin: auto;
}
@media only screen and (max-width: 1000px) {
  .LandingVideo {
    width: 340px;
  }
  .LandingVideo-name {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .LandingVideos {
    margin: 20px 0 0;
  }
  .LandingVideo {
    width: auto;
    margin: 0 0 20px;
  }
  .LandingVideo:last-child {
    margin: 0;
  }
  .LandingVideo img {
    width: 100%;
    height: auto;
  }
  .LandingVideo-details {
    margin-top: 20px;
  }
  .LandingVideo-name {
    font-size: 18px;
  }
  .LandingVideo-copy {
    font-size: 15px;
  }
}
.ShareWith {
  padding: 25px 0px;
  background: #1c3643;
  color: #fff;
}
.ShareWith-button {
  margin-top: 31px;
}
.ShareWith-title {
  padding: 0px 15px 15px 15px;
}
.ShareWith-err {
  padding-left: 15px;
}
@media only screen and (max-width: 640px) {
  .ShareWith-button {
    margin-top: 0px;
    min-width: 300px;
  }
  .ShareWith-column {
    text-align: center;
  }
}
.BanDiseno {
  font-family: 'Bebas Neue';
  color: #e74b3c;
  background: #eae8e8;
}
.BanDiseno .label_A {
  font-size: 45px;
  margin: 25px 0px;
}
.Popup-overlay {
  overflow-y: auto;
}
.Popup-overlay.is-active {
  background: rgba(28,54,67,0.2);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.Popup {
  z-index: 3;
  text-align: center;
}
.Popup.is-active {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.Popup-container {
  background: #fff;
  max-width: 768px !important;
  padding: 60px 90px !important;
  position: relative;
  cursor: default;
}
.Popup-details {
  margin-bottom: 30px;
}
.Popup-notice {
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
}
.Popup-notice p {
  margin: 1em;
}
.Popup-form .row {
  margin-bottom: 20px;
}
.Popup-separator {
  margin-bottom: 30px;
}
.Popup-separator20 {
  margin-bottom: 20px;
}
.Popup-socialButton {
  font-size: 18px;
}
.Popup-socialButton:first-child {
  margin-right: 0px;
  vertical-align: top;
}
.Popup-socialButton--notAssociated,
.Popup-socialButton--shared {
  -webkit-border-radius: 40px;
  border-radius: 40px;
  font-size: 18px;
  width: 80px;
}
.Popup-socialButton--notAssociated:first-child,
.Popup-socialButton--shared:first-child {
  margin-right: 0px;
  vertical-align: top;
}
.Popup-socialButton--notAssociated i,
.Popup-socialButton--shared i {
  margin-left: 10px;
  font-size: 22px;
  position: relative;
  top: 2px;
}
.Popup-socialButton--shared {
  background-color: #98ca3f !important;
}
.Popup-hr {
  border: none;
  border-bottom: 1px solid #696969;
  margin-bottom: 20px;
}
.Popup-close {
  line-height: 50px;
  font-size: 25px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
}
.Popup-copy {
  display: inline-block;
  max-width: 320px;
  text-align: left;
  vertical-align: top;
}
.Popup-socialButtons {
  display: inline-block;
  vertical-align: top;
}
.Popup-icon {
  color: #98ca3f;
  font-size: 130px;
}
.Popup-title,
.Popup-subTitle {
  margin-bottom: 30px;
  margin-bottom: 30px;
}
.Popup-button {
  width: 150px;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .Popup-container {
    padding: 20px 15px 20px !important;
    margin: 0 15px !important;
  }
  .Popup-notice {
    font-size: 13px;
  }
  .Popup-close {
    font-size: 20px;
    line-height: 20px;
    right: 10px;
    top: 10px;
    position: relative;
    float: right;
    margin-bottom: 20px;
  }
  .Popup-title {
    font-size: 24px;
  }
  .Popup-subTitle {
    font-size: 13px;
  }
  .Popup-label {
    font-size: 13px;
  }
  .Popup-title,
  .Popup-subTitle {
    margin-bottom: 20px;
  }
  .Popup-details .btn-twt,
  .Popup-details .btn-fcbk {
    display: block;
    width: 90%;
    margin-bottom: 0.5em;
  }
}
.BannerPromo {
  margin-bottom: 2rem;
  text-align: center;
}
.BannerPromo h2 {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 48em) {
  .BannerPromo h2 {
    font-size: 28px;
  }
}
.BannerPromo-title {
  color: #273b47;
  font-size: 1.5em;
  font-family: 'cooper_hewittmedium';
  font-weight: 500;
  margin-bottom: 1em;
}
.BannerPromo-cta {
  margin-top: 1em;
  margin-bottom: 0.5em;
  min-width: 180px;
}
@media only screen and (min-width: 48em) {
  .BannerPromo-cta {
    min-width: initial;
  }
}
.BannerPromo-courseContainer {
  margin-top: -1em;
}
.BannerPromo-actions {
  margin-left: 1.4em;
}
.BannerPromo-titleContainer {
  background-color: #1c3643;
  color: #fff;
  padding: 20px 0;
  position: relative;
  text-align: center;
}
.BannerPromo-titleContainer:before {
  position: absolute;
  left: 50%;
  bottom: -10px;
  border-top: 10px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  border-top-color: #1c3643;
  display: block;
  width: 0;
  height: 0;
  margin-left: -10px;
}
.BannerPromo-social {
  display: inline-block;
}
.BannerPromo-socialContainer {
  display: inline-block;
}
.BannerPromo-socialShare {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 8px 20px;
  position: relative;
  left: 25px;
  vertical-align: middle;
}
.BannerPromo-socialShare:after {
  position: absolute;
  left: -20px;
  top: -4px;
  border-right: 1px solid #989898;
  content: '';
  height: 36px;
}
.BannerPromo-socialLabel {
  font-size: 14px;
  margin-left: 20px;
}
.BannerPromo-courseName {
  display: inline-block;
}
.BannerPromo-courseName--badge {
  display: inline-block;
}
.BannerPromo-courseName--badge:before {
  content: '';
  display: inline-block;
  margin-right: 11px;
  vertical-align: middle;
}
.LiveVideo {
  position: relative;
  max-width: 1150px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  margin: 10px auto 10px;
}
.LiveVideo-countdownContainer {
  text-align: center;
  margin-top: 30px;
}
.LiveVideo-assets {
  margin-top: 20px;
}
.LiveVideo-liveLogo {
  vertical-align: middle;
  margin-left: 4px;
}
.LiveVideo-preloadCountDown {
  height: 79px;
  line-height: 79px;
}
.LiveVideo-container {
  display: inline-block;
  margin-left: 1%;
  vertical-align: top;
  width: 68%;
}
.LiveVideo-chatContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 1%;
  margin-right: 1%;
  overflow: hidden;
  vertical-align: top;
  width: 29%;
  font-size: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.LiveVideo-inputLabel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.LiveVideo-inputLabel label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.LiveVideo-inputs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.LiveVideo-inputs input {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.LiveVideo-videoContainer {
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  position: relative;
  width: 100%;
}
.LiveVideo-videoContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  height: 100%;
  width: 100%;
}
.LiveVideo-label,
.LiveVideo-label--wide {
  display: inline-block;
  font-size: 16px;
  margin-right: 3%;
  width: 32%;
  color: #273b47;
}
.LiveVideo-input,
.LiveVideo-input--wide {
  font-size: 13px;
  height: 37px;
  margin-top: 10px;
  margin-right: 3%;
  width: 32%;
}
.LiveVideo-submit,
.LiveVideo-submit--wide {
  display: inline-block;
  width: 30%;
}
.LiveVideo-form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 1%;
  position: relative;
  vertical-align: top;
  width: 69%;
}
.LiveVideo-form--wide {
  border-color: rgba(39,59,71,0.5);
  border-style: solid;
  border-width: 1px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 10px;
  padding: 20px 0 30px;
}
.LiveVideo-formContainer {
  color: #fff;
}
.LiveVideo-formContainer--wide {
  display: inline-block;
  vertical-align: top;
  width: 65%;
}
.LiveVideo-formTitle,
.LiveVideo-formTitle--wide {
  font-size: 23px;
  margin-bottom: 15px;
  position: relative;
}
.LiveVideo-formTitle:before,
.LiveVideo-formTitle--wide:before {
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  content: '';
  height: 72px;
  width: 94px;
}
.LiveVideo-formTitle--wide,
.LiveVideo-formTitle--wide--wide {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 0;
  max-width: 50%;
  vertical-align: top;
}
.LiveVideo-social {
  width: 30%;
  border-left: 1px solid rgba(39,59,71,0.5);
  padding: 1%;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.LiveVideo-socialBtn {
  display: block;
  margin-top: 8px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.LiveVideo-countdownTitle {
  display: block;
  font-size: 21px;
  text-align: center;
  margin-top: 5px;
}
@media only screen and (max-width: 1000px) {
  .LiveVideo-container {
    width: auto;
    margin-right: 1%;
    display: block;
  }
  .LiveVideo-chatContainer {
    width: auto;
    position: relative;
    height: 500px;
    left: 0;
    display: block;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .LiveVideo-assets {
    display: none;
  }
  .LiveVideo-chatContainer {
    margin-top: 10px;
  }
  .LiveVideo-form--wide {
    display: none;
  }
}
.LandingBannerCareer {
  background: #1c3643;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  color: #fff;
  height: 350px;
}
.LandingBannerCareer-socialPlugin {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.LandingBannerCareer-container {
  max-width: 750px;
  margin: 0 auto;
}
.LandingBannerCareer-left {
  float: left;
}
.LandingBannerCareer-details,
.LandingBannerCareer-price {
  margin-left: 200px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.LandingBannerCareer-details > *,
.LandingBannerCareer-price > * {
  margin-bottom: 15px;
}
.LandingBannerCareer-price {
  margin-top: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.LandingBannerCareer-wrapTrailer {
  float: left;
}
.LandingBannerCareer-copy {
  font-size: 18px;
  margin-top: 20px;
  white-space: pre-line;
}
.LandingBannerCareer-courseLink {
  display: block;
}
@media only screen and (max-width: 767px) {
  .LandingBannerCareer {
    height: auto;
    padding: 30px 0 20px;
  }
  .LandingBannerCareer-left {
    width: 70px;
  }
  .LandingBannerCareer-details {
    margin-left: 80px;
  }
  .LandingBannerCareer-price {
    text-align: center;
    margin: 20px 0 0;
  }
  .LandingBannerCareer-wrapTrailer {
    float: none;
  }
  .LandingBannerCareer-copy {
    font-size: 12px;
    margin-top: 5px;
    line-height: 18px;
  }
  .LandingBannerCareer-title {
    font-size: 24px;
  }
  .LandingBannerCareer-callToAction {
    font-size: 14px;
  }
  .LandingLevel:after {
    font-size: 11px;
  }
  .LandingBadge-item {
    height: 70px;
    width: 70px;
  }
  .LandingBadge-itemConcept {
    position: absolute;
    right: -5px;
    height: 35px;
    width: 35px;
  }
}
@media only screen and (max-width: 380px) {
  .LandingBannerCareer-socialPlugin {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
  }
  .LandingBannerCareer-socialPlugin > * {
    margin-bottom: 10px;
  }
}
.LandingBannerVideoCareer {
  background: #1c3643;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  color: #fff;
  min-height: 260px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 45px 0;
  width: 100%;
  height: auto;
}
.LandingBannerVideoCareer .LandingBadge-itemTablet {
  display: none;
}
.LandingBannerVideoCareer-left {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.LandingBannerVideoCareer-container {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.LandingBannerVideoCareer-container,
.LandingBannerVideoCareer-subContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.LandingBannerVideoCareer-details {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 40px;
}
.LandingBannerVideoCareer-social {
  min-width: 380px;
  margin-left: 20px;
}
.LandingBannerVideoCareer-socialPlugin {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 20px;
}
.LandingBannerVideoCareer-socialPlugin-plugin {
  vertical-align: top;
  width: auto !important;
  display: inline !important;
}
.LandingBannerVideoCareer-socialPlugin-plugin > * {
  vertical-align: top;
}
.LandingBannerVideoCareer-price {
  width: 100%;
}
.LandingBannerVideoCareer-title {
  color: #fff;
}
.LandingBannerVideoCareer-copy {
  color: #fff;
  margin: 18px 0;
}
@media only screen and (max-width: 1000px) {
  .LandingBannerVideoCareer .title-A {
    font-size: 30px;
  }
  .LandingBannerVideoCareer .LandingBadge-item {
    display: none;
  }
  .LandingBannerVideoCareer .LandingBadge-itemTablet {
    display: block;
    margin-right: 20px;
  }
  .LandingBannerVideoCareer-video {
    margin-top: bottom 20px;
  }
  .LandingBannerVideoCareer-social {
    min-width: 285px;
    margin-right: 40px;
  }
  .LandingBannerVideoCareer-socialPlugin {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .LandingBannerVideoCareer-socialPlugin-plugin {
    margin-bottom: 10px;
  }
  .LandingBannerVideoCareer-left {
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-top: 10px;
  }
  .LandingBannerVideoCareer-completeTitle {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .LandingBannerVideoCareer {
    width: 100%;
    height: auto;
    padding: 30px 0;
  }
  .LandingBannerVideoCareer-content {
    width: 100%;
  }
  .LandingBannerVideoCareer-subContainer {
    display: block;
    padding: 15px;
  }
  .LandingBannerVideoCareer-left {
    display: block;
  }
  .LandingBannerVideoCareer .LandingBadge-container {
    text-align: center;
  }
  .LandingBannerVideoCareer .LandingBadge-item {
    display: block;
    margin: 0 auto;
  }
  .LandingBannerVideoCareer .LandingBadge-itemTablet {
    display: none;
  }
  .LandingBannerVideoCareer-container {
    display: block;
  }
  .LandingBannerVideoCareer-social {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 20px;
    margin-bottom: -30px;
  }
  .LandingBannerVideoCareer-details {
    margin-left: 0;
    margin-top: 25px;
  }
  .LandingBannerVideoCareer-copy {
    font-size: 16px;
    margin-top: 5px;
    line-height: 18px;
  }
  .LandingBannerVideoCareer-title {
    font-size: 30px;
  }
  .LandingBannerVideoCareer-callToAction {
    font-size: 14px;
  }
  .LandingBannerVideoCareer-socialPlugin {
    margin-left: 0;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (max-width: 380px) {
  .LandingBannerVideoCareer {
    max-width: 100%;
    padding: 30px 0 0;
  }
  .LandingBannerVideoCareer .u-wrapper {
    padding: 0px;
    margin-right: 0px;
  }
  .LandingBannerVideoCareer-social {
    margin: 0;
  }
  .LandingBannerVideoCareer-socialPlugin {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.LandingSummaryCareer {
  text-align: center;
  padding: 30px 0 0;
  margin-bottom: 20px;
}
.LandingSummaryCareer h3 {
  text-align: center;
  font-size: 28px;
}
.LandingSummaryCareer-info {
  padding-left: 80px;
}
.LandingSummaryCareer-list {
  margin-top: 28px;
  padding: 0;
}
.LandingSummaryCareer-list a {
  text-decoration: none;
  color: #000;
}
.LandingSummaryCareer-list a:last-child .LandingSummaryCareer-item {
  border-bottom: none;
}
.LandingSummaryCareer-nextCourse {
  text-transform: uppercase;
  color: #ff4700;
  text-align: left;
  padding-top: 6px;
  font-size: 14px;
}
.LandingSummaryCareer-nextCourse:before {
  margin-right: 12px;
}
.LandingSummaryCareer-description {
  text-align: left;
}
.LandingSummaryCareer-logo {
  position: absolute;
  top: 25px;
}
.LandingSummaryCareer-title {
  font-weight: bold;
  font-size: 20px;
  text-align: left;
}
.LandingSummaryCareer-titleInfo {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.LandingSummaryCareer-free {
  padding: 3px 7px;
  background: #efc45a;
  color: #fff;
  font-size: 11px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: 20px;
}
.LandingSummaryCareer-video {
  max-width: 720px;
  margin: 0 auto 40px;
}
.LandingSummaryCareer-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  list-style: none;
  margin: 0;
  border-bottom: 1px solid #ddddd6;
  padding: 18px 25px;
  position: relative;
}
.LandingSummaryCareer-item:hover {
  background: #f6f6f6;
}
@media only screen and (max-width: 767px) {
  .LandingSummaryCareer-item {
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 18px 0;
  }
  .LandingSummaryCareer-item:hover {
    background: initial;
  }
  .LandingSummaryCareer-logo img {
    width: 35px;
    height: 35px;
  }
  .LandingSummaryCareer-nextCourse {
    font-size: 12px;
  }
  .LandingSummaryCareer-title {
    font-size: 16px;
  }
  .LandingSummaryCareer-description {
    font-size: 14px;
  }
  .LandingSummaryCareer-free {
    padding: 2px 3px;
    font-size: 9px;
  }
  .LandingSummaryCareer-info {
    padding-left: 48px;
  }
}
@media only screen and (max-width: 320px) {
  .LandingSummaryCareer-free {
    padding: 2px 16px 2px 8px;
  }
}
.LandingTeachersCareer {
  text-align: center;
}
.LandingTeacherCareer-container {
  max-width: 700px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: 0 auto;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.TeachersRow {
  text-align: center;
  margin: 2em 0;
  padding: 0 1rem;
}
.TeachersRow-title {
  margin-top: 0 !important;
}
.TeachersRow-container {
  margin-top: -1.5em;
}
.TeachersRow.is-spanish {
  margin-bottom: 0.5rem;
}
.TeachersRow.is-spanish .TeachersRow-container {
  margin-top: 0;
}
.TeachersRow.is-spanish .h2 {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 48em) {
  .TeachersRow.is-spanish .h2 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 64em) {
  .TeachersRow.is-spanish .h2 {
    margin-bottom: 1rem;
  }
}
.TeachersRow.is-spanish .Teacher {
  margin-bottom: 1.5rem;
}
.TeachersRow.is-spanish .Teacher-image img {
  width: 80px;
  height: 80px;
}
.TeachersRow.is-spanish .Teacher-link {
  font-size: 14px;
}
.TeachersRow.is-spanish .Teacher-label {
  font-size: 14px;
}
@media only screen and (min-width: 48em) {
  .TeachersRow.is-spanish .Teacher-description {
    margin-left: 1rem;
  }
}
.TeachersRow.is-spanish .Teacher:first-child {
  margin-top: 0;
}
.Teacher-label {
  margin-top: 0.25rem;
}
.Teacher-english {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.Teacher-twt {
  margin-left: 0.5rem;
}
.Teacher-link:before {
  margin-right: 0.25rem;
}
@media only screen and (max-width: 767px) {
  .TeachersRow .Teacher {
    margin-left: 0;
    width: 100%;
  }
  .TeachersRow .Teacher-english {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.Teacher {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  vertical-align: top;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 1.5em;
}
.Teacher a {
  margin: 4px 0 !important;
  display: block;
  text-decoration: none;
  width: 100%;
  line-height: 1.4em;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.Teacher-image {
  overflow: hidden;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.Teacher-image img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  object-fit: cover;
  vertical-align: top;
}
.Teacher-description {
  text-align: left;
  overflow: hidden;
  margin-left: 18px;
}
.Teacher-name {
  font-size: 20px;
  font-family: 'cooper_hewittmedium';
  font-weight: 500;
  color: #273b47;
}
@media only screen and (max-width: 1024px) {
  .Teacher {
    max-width: none;
    width: 100%;
    margin-left: 0;
  }
  .Teacher-image img {
    width: 68px;
    height: 68px;
  }
  .Teacher-name {
    font-size: 20px;
  }
  .TeachersRow-title.h2 {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .Teacher {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .Teacher-description {
    margin: 1rem 0 0 0;
    text-align: center;
  }
  .LandingTeachersCareer-title {
    fonft-size: 1.8em;
    text-align: center;
  }
}
.blackFriday-planCareer {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: #fcfcd2;
  padding: 11px 0;
}
.blackFriday-planButton {
  margin-left: 20px;
}
.LandingRegisterCareer {
  padding-top: 70px;
  margin-bottom: 20px;
  text-align: center;
  background: #f6f6f6;
}
.LandingRegisterCareer.is-referral,
.LandingRegisterCareer.is-pricing {
  margin-bottom: 0;
  padding-top: 36px;
}
.LandingRegisterCareer-title {
  font-size: 28px;
}
.LandingPlanCareer {
  display: inline-block;
  font-size: 1rem;
  vertical-align: bottom;
  width: 280px;
  text-align: center;
}
.LandingPlanCareer:nth-child(1) {
  display: none;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -o-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.LandingPlanCareer:nth-child(1).is-pricing {
  display: initial;
}
.LandingPlanCareer:nth-child(2) {
  margin-right: 25px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -o-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.LandingPlanCareer:nth-child(2).is-pricing {
  margin: 0 12px;
}
.LandingPlanCareer:nth-child(3) {
  margin-left: 25px;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -o-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
.LandingPlanCareer:nth-child(3).is-pricing {
  margin-left: 0;
}
.LandingPlanCareer.is-skyblue .LandingPlan-annotation {
  background: color-skyblue;
}
.LandingPlanCareer.is-skyblue .LandingPlan-annotation:after {
  border-top-color: color-skyblue;
}
.LandingPlanCareer.is-skyblue .LandingPlan-price {
  background: #3a3a3a;
}
.LandingPlanCareer.is-skyblue .LandingPlan-item {
  background: #bde9e8;
}
.LandingPlanCareer.is-skyblue .LandingPlan-item:nth-child(even) {
  background: #fff;
}
.LandingPlanCareer-container {
  padding: 0 0 36px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: 30px auto;
  margin-bottom: 0;
  font-size: 0;
}
.LandingPlanCareer-currencyImg {
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.LandingPlanCareer-button {
  margin-bottom: 20px;
}
.LandingPlanCareer-info {
  background: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddddd6;
  overflow: hidden;
}
.LandingPlanCareer-info.is-pricing {
  min-height: 450px;
}
.LandingPlanCareer-normal .LandingPlanCareer-price {
  background: #1c3643;
  color: #fff;
  padding: 18px 0px;
}
.LandingPlanCareer-normal .LandingPlanCareer-type {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
.LandingPlanCareer-bigger .LandingPlanCareer-price {
  background: #98ca3f;
  color: #fff;
  padding: 18px 0px;
}
.LandingPlanCareer-bigger .LandingPlanCareer-type {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
.LandingPlanCareer-list {
  padding: 30px 60px 35px 22px;
  list-style: none;
  text-align: left;
}
.LandingPlanCareer-list.is-pricing {
  min-height: 170px;
}
.LandingPlanCareer-bullet {
  min-width: 10px;
  max-width: 10px;
  max-height: 10px;
  min-height: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 5px;
}
.LandingPlanCareer-benefits {
  padding-left: 12px;
}
.LandingPlanCareer .bullet-color-gray {
  background: #bebebe;
}
.LandingPlanCareer .bullet-color-green {
  background: #98ca3f;
}
.LandingPlanCareer-annotation {
  background: #98ca3f;
  color: #fff;
  text-transform: uppercase;
  padding: 15px 0;
  position: relative;
  width: 100%;
}
.LandingPlanCareer-annotation:after {
  border-left: 10px solid transparent;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  border-top-color: #98ca3f;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}
.LandingPlanCareer-type {
  font-size: 26px;
  line-height: 1;
  padding-bottom: 10px;
}
.LandingPlanCareer-label {
  margin-top: 5px;
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.LandingPlanCareer-currency {
  font-size: 55px;
  line-height: 55px;
  font-weight: bold;
  -webkit-font-smoothing: normal;
}
.LandingPlanCareer-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: 6px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1000px) {
  .LandingPlanCareer {
    min-width: 280px;
    vertical-align: middle;
  }
  .LandingPlanCareer.is-pricing {
    min-width: initial;
  }
  .LandingPlanCareer-container {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .LandingPlanCareer:nth-of-type(2) {
    margin: 0 10px;
  }
  .LandingPlanCareer-bullet {
    min-width: 10px;
    max-width: 10px;
    max-height: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .LandingPlanCareer-currency.is-pricing {
    font-size: 48px;
  }
}
@media only screen and (max-width: 773px) {
  .blackFriday-planCareer {
    display: block;
  }
  .blackFriday-planButton {
    margin: 11px 0 0 0;
  }
  .LandingPlanCareer {
    width: auto;
    display: block;
    margin: 0 0 20px 0 !important;
  }
  .LandingPlanCareer:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  .LandingPlanCareer:nth-child(2) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .LandingPlanCareer:nth-child(3) {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .LandingPlanCareer-type {
    font-size: 18px;
  }
  .LandingPlanCareer-container {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.LandingRegisterCareerB {
  padding-top: 70px;
  padding-bottom: 50px;
  text-align: center;
  background: #f6f6f6;
  display: none;
}
.LandingRegisterCareerB-title {
  font-size: 28px;
}
.LandingPlanCareerB {
  display: inline-block;
  font-size: 1rem;
  vertical-align: bottom;
  width: 280px;
  text-align: center;
}
.LandingPlanCareerB:nth-child(1) {
  display: none;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -o-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.LandingPlanCareerB:nth-child(2) {
  margin-right: 25px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -o-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.LandingPlanCareerB:nth-child(3) {
  margin-left: 25px;
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -o-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
.LandingPlanCareerB.is-skyblue .LandingPlan-annotation {
  background: color-skyblue;
}
.LandingPlanCareerB.is-skyblue .LandingPlan-annotation:after {
  border-top-color: color-skyblue;
}
.LandingPlanCareerB.is-skyblue .LandingPlan-price {
  background: #3a3a3a;
}
.LandingPlanCareerB.is-skyblue .LandingPlan-item {
  background: #bde9e8;
}
.LandingPlanCareerB.is-skyblue .LandingPlan-item:nth-child(even) {
  background: #fff;
}
.LandingPlanCareerB-container {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin: 30px auto;
  font-size: 0;
}
.LandingPlanCareerB-sale {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0;
  border-bottom: 1px solid #000;
  width: 89%;
  margin: 0 auto;
}
.LandingPlanCareerB-currencyImg {
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.LandingPlanCareerB-button {
  padding: 14px 38px;
  margin-bottom: 30px;
}
.LandingPlanCareerB-info {
  background: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ddddd6;
  overflow: hidden;
}
.LandingPlanCareerB-normal .LandingPlanCareerB-price {
  background: #1c3643;
  color: #fff;
}
.LandingPlanCareerB-normal .LandingPlanCareerB-type {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
.LandingPlanCareerB-bigger .LandingPlanCareerB-price {
  background: #98ca3f;
  color: #fff;
  padding-top: 25px;
}
.LandingPlanCareerB-bigger .LandingPlanCareerB-type {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
.LandingPlanCareerB-list {
  padding: 16px 24px 10px 20px;
  list-style: none;
  text-align: left;
}
.LandingPlanCareerB-bullet {
  min-width: 10px;
  max-width: 10px;
  max-height: 10px;
  min-height: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 5px;
}
.LandingPlanCareerB-benefits {
  padding-left: 12px;
}
.LandingPlanCareerB .bullet-color-gray {
  background: #bebebe;
}
.LandingPlanCareerB .bullet-color-green {
  background: #98ca3f;
}
.LandingPlanCareerB-annotation {
  background: #98ca3f;
  color: #fff;
  text-transform: uppercase;
  padding: 12px 0;
  margin-bottom: 25px;
  position: relative;
  width: 100%;
  font-size: 15px;
}
.LandingPlanCareerB-annotation:after {
  border-left: 10px solid transparent;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  border-top-color: #98ca3f;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}
.LandingPlanCareerB-type {
  font-size: 26px;
  line-height: 1;
  padding-bottom: 10px;
}
.LandingPlanCareerB-label {
  padding-bottom: 1em;
  margin-top: 1em;
  display: block;
  font-size: 18px;
  font-weight: bold;
}
.LandingPlanCareerB-currency {
  font-size: 55px;
  line-height: 55px;
  font-weight: bold;
  -webkit-font-smoothing: normal;
  padding-bottom: 17px;
  border-bottom: 1px solid #fff;
  width: 89%;
  margin: 0 auto;
}
.LandingPlanCareerB-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: 6px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1000px) {
  .LandingPlanCareerB {
    min-width: 280px;
    vertical-align: middle;
  }
  .LandingPlanCareerB-container {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .LandingPlanCareerB:nth-of-type(2) {
    margin: 0 10px;
  }
  .LandingPlanCareerB-bullet {
    min-width: 10px;
    max-width: 10px;
    max-height: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .LandingRegisterCareerB {
    padding-bottom: 10px;
  }
  .LandingPlanCareerB {
    width: auto;
    display: block;
    margin: 0 0 20px 0 !important;
  }
  .LandingPlanCareerB:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  .LandingPlanCareerB:nth-child(2) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .LandingPlanCareerB:nth-child(3) {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .LandingPlanCareerB-type {
    font-size: 18px;
  }
  .LandingPlanCareerB-container {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.LandingFeaturesCareer {
  text-align: center;
  margin: 3em 0 2em;
}
.LandingFeaturesCareer-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.LandingFeaturesCareer.is-spanish {
  margin: 0 0 2rem 0;
}
.LandingFeaturesCareer.is-spanish h2 {
  margin: 0 0 1.5rem 0;
}
@media only screen and (min-width: 48em) {
  .LandingFeaturesCareer.is-spanish h2 {
    font-size: 28px;
  }
}
.LandingFeatureCareer {
  font-size: 1rem;
  margin-bottom: 20px;
}
.LandingFeatureCareer-container {
  padding: 0;
  display: inline-block;
  list-style: none;
  max-width: 100%;
  margin-top: -1em;
}
.LandingFeatureCareer-container li {
  list-style: none;
}
.LandingFeatureCareer-container ul {
  padding: 0;
}
@media only screen and (min-width: 48em) {
  .LandingFeatureCareer-container-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
}
.LandingFeatureCareer-text {
  text-align: left;
}
.LandingFeatureCareer-icon {
  color: #0791e6;
  margin-right: 0.5rem;
}
.LandingFeatureCareer-item {
  margin-top: 1em;
  padding-left: 1.7em;
  position: relative;
}
.LandingFeatureCareer-item:before {
  width: 1.7rem;
  text-align: left;
  position: absolute;
  left: 0;
  top: 3px;
  color: #0791e6;
  font-size: 20px;
}
@media only screen and (max-width: 1024px) {
  .LandingFeaturesCareer-title {
    font-size: 28px !important;
  }
}
.Testimonies {
  text-align: center;
  margin: 3em 0;
}
.Testimonies-toUrl {
  display: block;
  margin: 30px 0 0;
  font-size: 18px;
  text-align: center;
}
.Testimonies.is-spanish {
  margin: 0;
  background: rgba(243,243,246,0.5);
  padding: 1rem 0 0 0;
}
@media only screen and (min-width: 48em) {
  .Testimonies.is-spanish {
    padding: 1.5rem 0.5rem 0.5rem 0.5rem;
  }
}
.Testimonies.is-spanish h2 {
  margin: 2rem 0 1.5rem;
  font-size: 1.5rem;
}
@media only screen and (min-width: 48em) {
  .Testimonies.is-spanish h2 {
    font-size: 28px;
  }
}
.Testimonies.is-spanish .Testimonie {
  display: block;
  text-align: left;
}
.Testimonies.is-spanish .Testimonie.is-review {
  margin-bottom: 1rem;
  max-width: initial;
}
.Testimonies.is-spanish .Testimonie-description {
  margin-top: 0.5rem;
  font-size: 14px;
}
.Testimonies.is-spanish .Testimonie-name {
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.Testimonies.is-spanish .Testimonie-head {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.Testimonies.is-spanish .Testimonie-reviewPhoto {
  margin-right: 0.5rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.Testimonies.is-spanish .Testimonie-reviewPhoto img {
  object-fit: cover;
}
@media only screen and (min-width: 64em) {
  .Testimonies.is-spanish .Testimonie-reviewPhoto {
    width: 48px;
    height: 48px;
  }
  .Testimonies.is-spanish .Testimonie-reviewPhoto img {
    width: 48px;
    height: 48px;
  }
}
.Testimonies.is-spanish .Testimonie-stars .fulled {
  color: #fecc01;
  margin-right: 0.25rem;
}
.Testimonies.is-spanish .Testimonie-stars .empty {
  color: #e9e9e9;
  margin-right: 0.25rem;
}
.Testimonie {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 2rem;
}
.Testimonie.is-review {
  position: relative;
}
.Testimonie-descriptionBox {
  text-align: left;
}
.Testimonie-photo {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  margin-right: 0.5em;
}
.Testimonie-photo img {
  vertical-align: top;
}
.Testimonie-name {
  font-family: 'cooper_hewittmedium';
  margin-bottom: 0.5em;
  font-size: 20px;
  font-weight: bold;
}
.Testimonie-ranking {
  color: #0791e6;
}
.Testimonie-ranking .stars {
  margin-left: 10px;
}
.Testimonie-ranking .fulled {
  color: #98ca3f;
}
.Testimonie-ranking .empty {
  color: #e9e9e9;
}
.Testimonie-toProfile {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.Testimonie-profileLink {
  display: block;
  margin: 0px 0 0 0;
  text-decoration: none;
  margin-top: 10px;
  font-family: 'cooper_hewittmedium';
}
.Testimonie-profileLink:before {
  margin-right: 5px;
  vertical-align: middle;
}
.Testimonie-description {
  text-decoration: none;
  line-height: 22px;
  margin-bottom: 1em;
  display: block;
}
.Testimonie-description p {
  font-weight: normal;
  color: #000;
  word-wrap: break-word;
}
@media only screen and (max-width: 767px) {
  .Testimonie {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 2em;
  }
}
.LandingBelongingCareer {
  background: #f6f6f6;
}
.LandingBelongingCareer a {
  color: #273b47;
}
.LandingBelongingCareer .is-inactive {
  display: none;
}
.LandingBelongingCareer-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.7em 0;
}
.LandingBelongingCareer-career {
  color: #273b47;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.LandingBelongingCareer-career:hover .is-inactive {
  display: block;
}
.LandingBelongingCareer-career span {
  padding-right: 12px;
  color: #273b47;
}
.LandingBelongingCareer-badge {
  padding: 0px 8px;
}
.LandingBelongingCareer-span {
  padding-right: 18px;
  color: #696969;
}
@media only screen and (max-width: 1000px) {
  .LandingBelongingCareer .is-inactive-tablet {
    display: none;
  }
  .LandingBelongingCareer-career:hover .is-inactive {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .LandingBelongingCareer-career span {
    display: none;
  }
}
.LandingSummary {
  text-align: center;
}
.LandingSummary.is-c-test {
  margin: 2rem 0 0 0 !important;
}
.LandingSummary .title-B {
  font-size: 28px;
}
.LandingSummary .is-sticky {
  position: sticky;
  top: 150px;
}
.LandingSummary.is-saas {
  margin-top: 1rem;
}
.LandingSummary.has-trailer {
  margin: 10rem 0 2rem;
}
@media only screen and (min-width: 48em) {
  .LandingSummary.has-trailer {
    margin: 10rem 0 0 0;
  }
}
@media only screen and (min-width: 64em) {
  .LandingSummary.has-trailer {
    margin: 2rem 0 0;
  }
}
.LandingSummary h2 {
  margin: 2rem 0 1rem 0;
  margin-bottom: 2rem;
}
.LandingSummary.is-spanish .h3 {
  font-size: 1.5rem;
}
@media only screen and (min-width: 48em) {
  .LandingSummary.is-spanish .h3 {
    margin-bottom: 1.5rem;
    font-size: 28px;
  }
}
@media only screen and (min-width: 64em) {
  .LandingSummary.is-spanish .h3.has-trailer {
    text-align: center;
  }
}
.LandingSummary.is-spanish .h2 {
  margin: 3rem 0 1.5rem 0;
  font-size: 1.5rem;
}
@media only screen and (min-width: 48em) {
  .LandingSummary.is-spanish .h2 {
    margin: 1rem 0;
    font-size: 28px;
  }
}
@media only screen and (min-width: 64em) {
  .LandingSummary.is-spanish .h2 {
    margin: 0 0 1rem 0;
  }
}
.LandingSummary.is-spanish .LandingSummary-item {
  padding: 0;
}
.LandingSummary.is-spanish .LandingSummary-item:before {
  content: "\2022   ";
  color: #0791e6;
}
.LandingSummary.is-spanish .LandingSummary-list {
  list-style: none;
  padding: 0 0 16px 0;
  margin: 0;
}
.LandingSummary-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.LandingSummary-CTA {
  margin-top: 3rem;
}
.LandingSummary-container {
  padding: 0;
}
.LandingSummary-list {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
  margin-top: -0.5em;
  padding-left: 0;
}
.LandingSummary-list.has-video {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}
.LandingSummary-list.is-saas {
  margin-top: 1.5rem;
}
.LandingSummary-list.is-saas.has-form {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}
.LandingSummary-item {
  width: auto;
  list-style: none;
  text-align: left;
  padding: 0.25rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-top: 0.5em;
}
@media only screen and (min-width: 48em) {
  .LandingSummary-item {
    margin: 0 3px;
    margin: 0.5em;
  }
}
.LandingSummary-item.is-saas {
  margin: 0;
}
.LandingSummary-bullet {
  min-width: 10px;
  max-width: 10px;
  max-height: 10px;
  min-height: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #0791e6;
  margin-top: 5px;
  margin-right: 12px;
  position: absolute;
}
.LandingSummary-topic {
  padding-left: 20px;
}
.LandingSummary-bullet,
.LandingSummary-topic {
  display: inline-block;
}
.LandingSummary-video {
  max-width: 720px;
  margin: 0 auto 40px;
}
@media only screen and (min-width: 48em) {
  .LandingSummary {
    margin: 2rem 0 0;
  }
  .LandingSummary.is-saas {
    margin: 1rem 0 0;
  }
  .LandingSummary h2 {
    margin: 0 0 1rem;
  }
  .LandingSummary-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .LandingSummary-list.is-saas.has-form {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .LandingSummary-changeOrder {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -o-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .LandingSummary-row {
    margin-left: 0;
    max-width: 100%;
  }
  .LandingSummary-videoRow {
    padding: 0;
    margin-top: 1rem;
  }
  .LandingSummary-videoRow.has-two-cols {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (min-width: 64em) {
  .LandingSummary {
    margin: 2rem 0 0 0;
    text-align: center;
  }
  .LandingSummary .title-B {
    font-size: 28px;
  }
  .LandingSummary-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  .LandingSummary-list.has-video {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
.Article-header {
  position: relative;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-color: #000;
  height: 400px;
  padding: 50px 28px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.Article-video {
  background: #000;
  display: none;
}
.Article-videoContent {
  max-width: 888px;
  margin: 0 auto;
}
.Article-videoWrapper {
  width: 100%;
}
.Article--noVideo {
  display: none;
}
.Article-profile {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 468px;
  margin-bottom: 24px;
  margin-top: 55px;
}
.Article-profile img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
}
.Article-user {
  font-size: 24px;
}
.Article-username {
  font-size: 18px;
  color: #fc354c;
  margin-bottom: 5px;
}
.Article-department {
  line-height: 20px;
  font-size: 15px;
  color: #989898;
}
.Article-profileInfo {
  margin-left: 23px;
}
.Article-actions {
  margin-left: 20px;
  width: 225px;
}
.Article-actions h2 {
  font-family: 'Bebas Neue';
  color: #989898;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: normal;
}
.Article-actions a {
  text-decoration: none;
}
.Article-social {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: 20px 0;
}
.Article-share {
  padding-left: 15px;
}
.Article-courses {
  margin: 20px 0;
}
.Article-nameCourse {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 15px;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  display: -webkit-box;
  max-height: 40px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.Article-quote {
  margin: 0 auto;
  width: 560px !important;
  font-family: 'Bebas Neue';
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.Article-quote h3 {
  font-weight: normal;
  font-size: 54px;
}
.Article-more {
  color: #00ace4 !important;
  text-transform: lowercase !important;
  margin-bottom: 40px;
  margin-top: 18px;
}
.Article-course {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-bottom: 20px;
}
.Article-course:hover .Article-nameCourse {
  color: #98ca3f;
}
.Article-course img {
  width: 50px;
  height: 50px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.Article-course:last-child .Article-badge:after {
  display: none;
}
.Article-badge {
  position: relative;
}
.Article-badge:after {
  content: " ";
  width: 2px;
  background: #98ca3f;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  height: 20px;
  bottom: -20px;
}
.Article-recipe h2 {
  padding-left: 15px;
}
.Article-tellUs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: 20px 15px;
  color: #98ca3f;
  border: 1px solid #98ca3f;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-transform: uppercase;
  font-family: 'Bebas Neue';
  font-size: 28px;
  margin: 40px 0;
}
.Article-tellUs:hover {
  background: #98ca3f;
  color: #fff;
}
.Article-twt,
.Article-fcbk {
  padding: 8px;
  background: #00ace4;
  color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 18px;
}
.Article-fcbk {
  background: #23599b;
  margin-left: 15px;
}
.Article-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: 28px;
}
.Article-content p {
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 30px;
}
.Article-content iframe {
  margin: 0 auto;
  margin-bottom: 30px !important;
}
.Article-lecture {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.Article-headerContainer {
  margin: 0 106px;
  background: rgba(152,202,63,0.7);
  padding: 81px 66px;
  color: #fff;
  min-width: 600px;
}
.Article-headerContainer h3,
.Article-headerContainer .h3 {
  font-family: 'Bebas Neue';
  font-weight: bold;
  text-transform: uppercase;
  font-size: 54px;
  margin: 10px 0 20px;
  max-width: 468px;
}
.Article-author {
  font-style: italic;
  font-size: 24px;
}
.Article-playButton {
  position: absolute;
  top: calc(50% - 69px);
  right: calc(25% - 97px);
}
.Article-footer {
  background: #f6f6f6;
  padding: 30px 0 10px;
}
.Article-footer h1,
.Article-footer .h1 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1450px) {
  .Article-playButton {
    right: 11%;
  }
}
@media only screen and (max-width: 1200px) {
  .Article-playButton {
    right: calc(25% - 97px);
  }
  .Article-headerContainer {
    margin: 0;
    min-width: initial;
    width: 100%;
  }
  .Article-content {
    display: block;
  }
  .Article-profile {
    margin: 0;
  }
  .Article-share {
    padding-left: 0;
  }
  .Article-actions {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    width: 100%;
    margin: 0;
    margin-top: 32px;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    border-top: 1px solid #e9e9e9;
    padding-top: 30px;
  }
  .Article-topActions {
    max-width: 225px;
  }
  .Article-recipe {
    max-width: 224px;
  }
}
@media only screen and (max-width: 767px) {
  .Article-header {
    background-position: 83% 0%;
    padding: 0;
    height: initial;
  }
  .Article-content {
    padding: 27px 20px 34px;
  }
  .Article-course:hover .Article-nameCourse {
    color: initial;
  }
  .Article-playButton {
    top: initial;
    bottom: 30px;
    right: calc(50% - 47px);
  }
  .Article-actions {
    display: block;
    margin-top: 68px;
    border-top: none;
    padding-top: 0;
  }
  .Article-tellUs {
    margin-top: 24px;
    margin-bottom: 50px;
  }
  .Article-tellUs:hover {
    background: initial;
    color: #98ca3f;
  }
  .Article-topActions {
    margin: 0 auto;
  }
  .Article-recipe {
    margin: 0 auto;
  }
  .Article-recipe h2 {
    text-align: center;
  }
  .Article-share {
    text-align: center;
  }
  .Article-social {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .Article-headerContainer {
    padding: 20px 25px 125px;
    text-align: center;
  }
  .Article-headerContainer .h3,
  .Article-headerContainer h3 {
    max-width: 100%;
  }
}
.Stories {
  max-width: 1211px;
  margin: 0 auto;
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Stories > div {
  height: 381px;
  color: #273b47;
  text-decoration: none;
  margin-bottom: 20px;
}
.Stories > div:nth-child(3n+1),
.Stories > div:nth-child(3n+2) {
  margin-right: 20px;
}
.Stories > a {
  height: 375px;
  color: #273b47;
  text-decoration: none;
  margin-bottom: 20px;
}
.Stories > a:nth-child(3n+1),
.Stories > a:nth-child(3n+2) {
  margin-right: 20px;
}
.Stories > a:hover {
  color: #98ca3f;
}
.Stories > a:hover figure {
  background: #98ca3f;
}
.Stories > a:hover figure img {
  mix-blend-mode: multiply;
}
.Stories > a figure {
  width: 100%;
  height: 230px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #000;
}
.Stories > a figure img {
  margin: 0 auto;
}
.Stories-titleContainer,
.Stories-quote {
  width: 406px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 38px 0 24px;
  cursor: pointer;
}
.Stories-titleContainer:hover h3,
.Stories-quote:hover h3 {
  color: #000;
}
.Stories-titleContainer:hover .Stories-more,
.Stories-quote:hover .Stories-more {
  text-decoration: underline;
}
.Stories-logo {
  width: 110px;
  height: 16px;
  margin-bottom: 16px;
}
.Stories h1 {
  font-size: 54px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 50px;
  font-family: 'Bebas Neue';
  margin-bottom: 30px;
}
.Stories-more {
  color: #fc354c;
  font-size: 15px;
  text-decoration: none;
  font-weight: normal;
}
.Stories .icon-flecha {
  font-size: 11px;
}
.Stories--big {
  width: 468px;
  background: #fff;
  border-bottom: 6px solid #98ca3f;
}
.Stories--big img {
  overflow: hidden;
}
.Stories-description {
  padding: 15px 15px 0 15px;
}
.Stories-description .icon-flecha {
  color: #98ca3f;
  margin-left: 8px;
}
.Stories-title {
  font-size: 28px;
  text-transform: uppercase;
  font-family: 'Bebas Neue';
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 15px;
}
.Stories-title > div:after {
  content: "\E909";
  font-family: 'icomoon';
  font-size: 20px;
  color: #98ca3f;
  margin-left: 8px;
}
.Stories--marginDesktop {
  margin-right: 20px;
}
.Stories-content {
  color: #989898;
  display: block;
  display: -webkit-box;
  max-width: 100%;
  max-height: 40px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.Stories--small {
  width: 225px;
  background: #fff;
  border-bottom: 6px solid #98ca3f;
}
.Stories--small img {
  overflow: hidden;
}
.Stories--video {
  width: 468px;
}
.Stories--noImg .Stories-content {
  max-height: 255px;
  -webkit-line-clamp: 13;
}
.Stories--alignCenter {
  text-align: center;
}
.Stories-quotation {
  color: #fc354c;
}
@media only screen and (max-width: 1240px) {
  .Stories > div,
  .Stories > a {
    width: 48%;
  }
  .Stories > div:nth-child(odd),
  .Stories > a:nth-child(odd) {
    margin-right: 20px;
  }
  .Stories > div:nth-child(even),
  .Stories > a:nth-child(even) {
    margin-right: 0;
  }
  .Stories--alignTop {
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start !important;
    align-items: flex-start !important;
  }
  .Stories--marginDesktop {
    margin-right: 0;
  }
  .Stories--marginTablet {
    margin-right: 20px;
  }
  .Stories-titleContainer {
    width: calc(48% - 62px) !important;
  }
  .Stories--video iframe {
    width: 100%;
  }
  .Stories-quote {
    width: calc(48% - 62px) !important;
  }
  .Stories--displayNoneTablet {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .Stories > a:hover {
    color: initial;
  }
  .Stories > a:hover figure {
    background: #000;
  }
  .Stories > a:hover figure img {
    mix-blend-mode: initial;
  }
  .Stories > div,
  .Stories > a {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
  }
  .Stories > div:nth-child(odd),
  .Stories > a:nth-child(odd) {
    margin-right: 0;
  }
  .Stories--marginTablet {
    margin-right: 0;
  }
  .Stories-titleContainer,
  .Stories-quote {
    width: 100% !important;
  }
  .Stories--displayNone {
    display: none;
  }
}
.ul {
  padding: 0;
  margin: 0.5em 0;
}
.ul .li {
  font-size: 0.9em;
  list-style: none;
  padding-left: 25px;
  position: relative;
  margin-bottom: 0.5em;
}
.ul .li:before {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #0791e6;
  display: inline-block;
  position: absolute;
  left: 7.5px;
  top: 5px;
}
.PlanResumen {
  background: #f6f6f6;
  padding: 2em 0;
}
.FAQ {
  padding: 30px 0;
}
.FAQ h2 {
  font-size: 1.5rem;
  font-weight: 600;
  font-family: 'cooper_hewittmedium';
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 48em) {
  .FAQ h2 {
    font-size: 28px;
  }
}
.FAQ-subtitle {
  padding: 0.5rem 0 1.5rem;
}
.FAQ-question {
  padding: 1rem 2rem 1rem 0.5rem;
  font-size: 18px;
  font-weight: 600;
  border-top: 1px solid #e9e9e9;
  border-bottom: none;
}
@media only screen and (min-width: 64em) {
  .FAQ-question:hover {
    color: #0791e6;
  }
}
.FAQ-question:hover .FAQ-answer {
  color: #273b47;
}
@media only screen and (min-width: 48em) {
  .FAQ-question {
    font-size: 18px;
    padding: 1rem 1.25rem 1rem 2rem;
  }
}
@media only screen and (min-width: 64em) {
  .FAQ-question {
    padding: 1rem 2rem;
  }
}
.FAQ-questionArrow {
  color: #0791e6;
}
.FAQ-questionContainer:last-child .FAQ-question {
  border-bottom: 1px solid #e9e9e9;
}
.FAQ-questionHeader {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.FAQ-questionContent {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}
.FAQ-questionArrow {
  font-size: 1.75rem;
}
.FAQ-answer {
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
  display: none;
  margin-top: 1rem;
}
@media only screen and (min-width: 48em) {
  .FAQ-answer {
    margin-top: 1rem;
  }
}
.FAQ-answer:hover {
  color: #273b47;
}
.FAQ .icon-arrow-down {
  -webkit-transition: 2s -webkit-transform;
  -moz-transition: 2s -moz-transform;
  -o-transition: 2s -o-transform;
  -ms-transition: 2s -ms-transform;
  transition: 2s transform;
}
.FAQ-radio {
  display: none;
}
.FAQ-radio:checked ~ .FAQ-question {
  background: #fff;
}
.FAQ-radio:checked ~ .FAQ-question .FAQ-answer {
  display: block;
}
.FAQ-radio:checked ~ .FAQ-question .icon-arrow-down:before {
  content: "\E640";
}
.Body {
  display: none;
}
.Body-container {
  padding: 1rem;
  -webkit-box-shadow: 0 1px 3px 0 #d8d8d7;
  box-shadow: 0 1px 3px 0 #d8d8d7;
  position: relative;
  text-align: left;
}
.Body-container.large {
  padding: 1rem;
  -webkit-box-shadow: 0 1px 3px 0 #d8d8d7;
  box-shadow: 0 1px 3px 0 #d8d8d7;
  position: relative;
  text-align: left;
}
.Body ul {
  list-style: none;
  font-size: 14px;
  line-height: 16px;
  padding: 0;
}
.Body ul li {
  margin-bottom: 1rem;
}
.Body-CTA {
  text-align: center;
}
.Body .icon {
  margin-right: 0.5rem;
}
.Body .icon.icon-check {
  color: #4ccb00;
}
.Body .icon.icon-delete {
  color: #ff4842;
}
.PricingPlans-animation-enter {
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  -webkit-filter: alpha(opacity=1);
  -moz-filter: alpha(opacity=1);
  -ms-filter: alpha(opacity=1);
  -o-filter: alpha(opacity=1);
  filter: alpha(opacity=1);
}
.PricingPlans-animation-enter.PricingPlans-animation-enter-active {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  -ms-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
.PricingPlans-animation-leave {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}
.PricingPlans-animation-leave.PricingPlans-animation-leave-active {
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  -webkit-filter: alpha(opacity=1);
  -moz-filter: alpha(opacity=1);
  -ms-filter: alpha(opacity=1);
  -o-filter: alpha(opacity=1);
  filter: alpha(opacity=1);
  -webkit-transition: opacity 1ms ease-in;
  -moz-transition: opacity 1ms ease-in;
  -o-transition: opacity 1ms ease-in;
  -ms-transition: opacity 1ms ease-in;
  transition: opacity 1ms ease-in;
}
.Tab {
  padding: 0.5rem 0.5rem;
  -webkit-border-radius: 0.5rem 0.5rem 0 0;
  border-radius: 0.5rem 0.5rem 0 0;
  background: #1c3643;
  color: #fff;
  min-width: 80px;
}
.Tab-currency {
  font-size: 10px;
  margin: 0.25rem 0 0.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Tab-currency figure {
  margin-right: 0.25rem;
}
.Tab-currency img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.Tab-title {
  font-size: 12px;
  text-align: center;
}
.Tab-price {
  font-weight: bold;
  text-align: center;
}
.Tab-price small {
  font-size: 12px;
}
.Tab-logo {
  margin-right: 22px;
}
.Tab-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Tab-specification {
  text-align: center;
  font-size: 0.5rem;
}
.Tab.is-conf {
  background: -webkit-linear-gradient(left, #000712, #001940) !important;
  background: -moz-linear-gradient(left, #000712, #001940) !important;
  background: -o-linear-gradient(left, #000712, #001940) !important;
  background: -ms-linear-gradient(left, #000712, #001940) !important;
  background: linear-gradient(to right, #000712, #001940) !important;
  min-width: calc(100vw - 32px);
  color: #fff !important;
}
.Tab.is-bf {
  background: #231631 !important;
  color: #fff !important;
}
.Tab.is-bf .Tab-price {
  color: #fb419a;
}
.Tab.is-xmas {
  background: #192158 !important;
  color: #fff !important;
}
.Tab.is-xmas .Tab-price {
  color: #5293d4;
}
.Tab.is-active {
  color: #273b47;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.12), 0 0 2px 0 rgba(0,0,0,0.14);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.12), 0 0 2px 0 rgba(0,0,0,0.14);
}
.Tabs {
  margin: 0 0.5rem;
  text-align: center;
}
.Tabs input[type="radio"] {
  display: none;
}
.Tabs label {
  display: inline-block;
  vertical-align: bottom;
}
.Title {
  font-size: 20px;
  font-weight: bold;
  font-family: 'cooper_hewittmedium';
  line-height: 1.4;
  text-align: center;
  margin-bottom: 1.5rem !important;
}
@media only screen and (min-width: 48em) {
  .Title {
    font-size: 36px;
  }
}
.Timeline {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: 1rem;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Timeline-step {
  width: 100px;
  text-align: center;
}
.Timeline-step:last-child .Timeline-mark:after {
  display: none;
}
@media only screen and (min-width: 48em) {
  .Timeline-step {
    width: 250px;
  }
}
@media only screen and (min-width: 64em) {
  .Timeline-step {
    width: 300px;
  }
}
.Timeline-mark {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
  border: solid 1px #e9e9e9;
}
@media only screen and (min-width: 48em) {
  .Timeline-mark {
    border: solid 3px #e9e9e9;
    width: 30px;
    height: 30px;
  }
}
.Timeline-mark.current {
  border: solid 1px #7fc719;
}
@media only screen and (min-width: 48em) {
  .Timeline-mark.current {
    border: solid 3px #7fc719;
  }
}
.Timeline-mark.checked {
  background: #7fc719;
  border: solid 1px #7fc719;
}
@media only screen and (min-width: 48em) {
  .Timeline-mark.checked {
    border: solid 3px #7fc719;
  }
}
.Timeline-mark.checked span {
  color: #fff;
  font-size: 8px;
}
@media only screen and (min-width: 48em) {
  .Timeline-mark.checked span {
    font-size: 18px;
  }
}
.Timeline-mark.checked:after {
  background: #7fc719;
}
.Timeline-mark:after {
  content: "";
  height: 2px;
  background: #e9e9e9;
  position: absolute;
  left: 17px;
  width: 84px;
  top: 7px;
}
@media only screen and (min-width: 48em) {
  .Timeline-mark:after {
    top: 14px;
    left: 33px;
    width: 215px;
    height: 3px;
  }
}
@media only screen and (min-width: 64em) {
  .Timeline-mark:after {
    width: 265px;
  }
}
.Timeline-mark:last-child:after {
  display: none;
}
.Timeline-name {
  font-size: 11px;
  margin-top: 0.25rem;
}
@media only screen and (min-width: 48em) {
  .Timeline-name {
    margin-top: 0.5rem;
    font-size: 1rem;
  }
}
.Price {
  text-align: center;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  overflow: hidden;
  max-width: 18em;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 0 0 2px #e9e9e9, 0 0 30px rgba(233,233,233,0.2);
  box-shadow: inset 0 0 0 2px #e9e9e9, 0 0 30px rgba(233,233,233,0.2);
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -o-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  margin: 1em 0.5em;
}
.Price img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.Price-company {
  margin: 0.5rem 0 2rem 0;
  padding: 1rem;
  text-align: center;
  border: 1px solid #98ca3f;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: rgba(243,243,246,0.5);
}
@media only screen and (min-width: 48em) {
  .Price-company {
    font-weight: bold;
  }
}
.Price-justAnnual {
  margin: 0 auto;
}
.Price-justAnnual > .Price {
  margin: 0;
}
.Price-save {
  font-size: 20px;
  padding: 0 5px 8px;
  font-weight: 100;
}
.Price-disclaimer {
  margin-top: 2.2rem;
  font-size: 0.9em;
}
.Price-title {
  font-size: 2em;
  font-family: 'cooper_hewittmedium';
  margin-bottom: 2.2rem;
  font-weight: 500;
}
.Price-section {
  padding: 2.2em 15px;
  text-align: center;
}
.Price.is-green {
  -webkit-box-shadow: inset 0 0 0 2px #98ca3f, 0 0 30px rgba(152,202,63,0.2);
  box-shadow: inset 0 0 0 2px #98ca3f, 0 0 30px rgba(152,202,63,0.2);
  font-size: 1.1em;
  max-width: 19.77em;
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  -o-box-ordinal-group: 0;
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
}
.Price.is-green .Price-header {
  background: #98ca3f;
}
.Price-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.Price-total {
  font-size: 3em;
  font-weight: bold;
  font-family: 'cooper_hewittmedium';
}
.Price-total + span {
  padding-left: 0.2em;
}
.Price-label {
  font-family: 'cooper_hewittmedium';
  font-size: 1.1em;
}
.Price-header {
  background: #1c3643;
  color: #fff;
  padding: 1.9em 1em;
}
.Price-label {
  margin-top: 1.2em;
}
.Price-footer {
  padding: 2em 0.5em;
}
.Price-features {
  margin: 0 2px;
}
.Price-feature {
  padding: 1em;
  font-size: 0.9em;
}
.Price-feature img {
  vertical-align: middle;
  margin-left: 2px;
}
.Price-feature:nth-child(odd) {
  background: rgba(246,246,246,0.7);
}
@media only screen and (min-width: 816px) {
  .Price {
    -webkit-box-ordinal-group: 1 !important;
    -moz-box-ordinal-group: 1 !important;
    -o-box-ordinal-group: 1 !important;
    -ms-flex-order: 1 !important;
    -webkit-order: 1 !important;
    order: 1 !important;
  }
  .Price-container {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.row,
.row.row:before,
.row.row:after,
.row .row:before,
.row .row:after {
  content: normal;
}
.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto;
}
.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem;
}
.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  max-width: 100%;
}
.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  -webkit-flex-basis: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  -webkit-flex-basis: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  -webkit-flex-basis: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  -webkit-flex-basis: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.col-xs-7 {
  -ms-flex-preferred-size: 58.33333333%;
  -webkit-flex-basis: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  -webkit-flex-basis: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  -webkit-flex-basis: 75%;
  flex-basis: 75%;
  max-width: 75%;
}
.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  -webkit-flex-basis: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  -webkit-flex-basis: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: start;
}
.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: end;
}
.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.around-xs {
  -ms-flex-pack: distribute;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -o-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}
.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -o-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
@media only screen and (min-width: 48em) {
  .container {
    width: 49rem;
  }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    -webkit-flex-basis: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    -webkit-flex-basis: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    -webkit-flex-basis: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    -webkit-flex-basis: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    -webkit-flex-basis: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    -webkit-flex-basis: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    -webkit-flex-basis: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    -webkit-flex-basis: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .around-sm {
    -ms-flex-pack: distribute;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -o-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 64em) {
  .container {
    width: 65rem;
  }
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    -webkit-flex-basis: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    -webkit-flex-basis: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    -webkit-flex-basis: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    -webkit-flex-basis: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    -webkit-flex-basis: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    -webkit-flex-basis: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    -webkit-flex-basis: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    -webkit-flex-basis: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .around-md {
    -ms-flex-pack: distribute;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -o-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .container {
    width: 76rem;
  }
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    -webkit-flex-basis: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    -webkit-flex-basis: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    -webkit-flex-basis: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    -webkit-flex-basis: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    -webkit-flex-basis: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    -webkit-flex-basis: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    -webkit-flex-basis: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    -webkit-flex-basis: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .around-lg {
    -ms-flex-pack: distribute;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -o-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'cooper_hewittmedium';
  font-weight: bold;
}
.h1.no-margin,
.h2.no-margin,
.h3.no-margin,
.h4.no-margin,
.h5.no-margin,
.h6.no-margin {
  margin: 0;
}
.h1 {
  font-size: 2em;
  margin: 2rem 0 1rem;
}
@media only screen and (min-width: 48em) {
}
.h2 {
  font-size: 1.5em;
  margin: 2rem 0;
  line-height: 2rem;
}
@media only screen and (min-width: 48em) {
  .h2 {
    font-size: 2em;
  }
}
.h3 {
  font-size: 1.3em;
  margin: 1rem 0;
}
@media only screen and (min-width: 48em) {
  .h3 {
    font-size: 1.75em;
  }
}
.h4 {
  font-size: 1.25em;
  margin: 1rem 0;
}
@media only screen and (min-width: 48em) {
  .h4 {
    font-size: 1.5em;
  }
}
.h5 {
  font-size: 1.25em;
  margin: 0.5rem 0;
}
.h6 {
  font-size: 1em;
  margin: 0.5rem 0;
}
.p {
  font-size: 1rem;
  font-family: 'Lato', sans-serif;
  margin: 0.8rem 0;
}
@media only screen and (min-width: 48em) {
  .p .big {
    font-size: 1.25rem;
  }
}
.p .mid {
  font-size: 0.95rem;
}
.p small,
.p .small {
  font-size: 0.75rem;
}
.tag {
  font-size: 0.95em;
}
.h1 + .h3 {
  margin-top: 0;
}
.Plan {
  border: 1px solid #e9e9e9;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 150px;
  margin-right: 1rem;
  position: relative;
}
.Plan:last-child {
  margin-right: 0;
}
.Plan-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.Plan-content.is-conf {
  max-width: 720px;
}
.Plan.is-outstanding {
  border: 1px solid #98ca3f;
}
.Plan.is-outstanding.is-bf {
  border: 2px solid #fb419a;
}
.Plan.is-outstanding.is-bf .PlanLabel,
.Plan.is-outstanding.is-bf .PlanHeader-cost,
.Plan.is-outstanding.is-bf .PlanHeader-subtitle {
  background: #231631;
}
.Plan.is-outstanding.is-bf .PlanHeader-cost {
  color: #fb419a;
  padding: 2px 0;
}
.Plan.is-outstanding.is-bf .PlanHeader-subtitle small {
  color: #fff;
}
.Plan.is-outstanding.is-bf .PlanLabel figure {
  padding-top: 0.25rem;
}
.Plan.is-outstanding.is-xmas {
  border: 2px solid #5293d4;
}
.Plan.is-outstanding.is-xmas .PlanLabel,
.Plan.is-outstanding.is-xmas .PlanHeader-cost,
.Plan.is-outstanding.is-xmas .PlanHeader-subtitle {
  background: #192158;
}
.Plan.is-outstanding.is-xmas .PlanHeader {
  background: #192158;
}
.Plan.is-outstanding.is-xmas .PlanHeader-cost {
  color: #5293d4;
  padding: 2px 0;
}
.Plan.is-outstanding.is-xmas .PlanHeader-subtitle small {
  color: #fff;
}
.Plan.is-outstanding.is-xmas .PlanLabel figure {
  padding-top: 0.25rem;
}
.Plan.is-outstanding.is-conf {
  border: 2px solid #001941;
  width: 160px;
}
.Plan.is-outstanding.is-conf .PlanLabel {
  background: #001941;
}
.Plan.is-outstanding.is-conf .PlanHeader-cost {
  color: #001941;
}
.Plan.is-outstanding .PlanLabel {
  background: #98ca3f;
  color: #fff;
}
.Plan.is-outstanding .PlanHeader-cost {
  color: #98ca3f;
}
.Plan-limit {
  text-align: center;
}
.Plan-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.Plan-trial {
  text-align: center;
}
.Plan-container {
  margin: 1em 0;
  position: relative;
}
.Plan-container .p {
  text-align: center;
}
.Plan-container h1,
.Plan-container h3,
.Plan-container h4,
.Plan-container h5,
.Plan-container h6 {
  margin: 0;
}
.Plan-container .Title {
  font-family: 'cooper_hewittmedium';
}
@media only screen and (min-width: 48em) {
  .Plan-container.is-xs {
    display: none;
  }
}
.Plan-container.is-lg {
  display: none;
}
@media only screen and (min-width: 48em) {
  .Plan-container.is-lg {
    display: block;
  }
}
.Plan-container > h2 {
  text-align: center;
  margin: 0.5rem 0;
}
@media only screen and (min-width: 48em) {
  .Plan-container > h2 {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 48em) {
  .Plan-container > h2 {
    margin-bottom: 1.5rem;
  }
}
.PlanHeader {
  height: 96px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.PlanHeader-currency {
  color: #696969;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.PlanHeader small {
  font-weight: bold;
  font-size: 12px;
  font-family: 'Lato', sans-serif;
  color: #696969;
}
.PlanHeader img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 5px;
  background: #fecc01;
}
.PlanHeader-onepayment {
  margin-bottom: 4px;
}
.PlanHeader-onepayment small {
  font-weight: bold;
  font-size: 12px;
}
.PlanHeader-cost {
  font-size: 1.8em;
  padding: 4px 0;
  font-weight: bold;
  font-family: 'cooper_hewittmedium';
}
.PlanHeader-copy {
  line-height: 0.9;
}
.PlanLabel {
  background: #1c3643;
  color: #fff;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.PlanRow {
  color: #000;
  height: 50px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  text-align: center;
}
.PlanRow:nth-of-type(odd) {
  background: #f6f6f6;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.PlanRow .is-red {
  color: #ff4842;
}
.PlanRow .is-green {
  color: #98ca3f;
}
.PlanFooter {
  padding: 1em;
  border-top: 1px solid #e9e9e9;
}
.PlanFooter .choose-course-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  color: #0791e6;
  padding: 0.6em 0.8em 0.8em 0.8em;
  font-family: 'Lato', sans-serif;
}
.PlanDisclaimer {
  padding-top: 1em;
  text-align: center;
  color: #696969;
}
.align-self {
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  margin-top: -28px;
}
.PlanAside {
  margin-top: 98px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.PlanAside .PlanAside-title {
  margin-top: 46px;
}
.PlanAside .deposit {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media only screen and (min-width: 64em) {
  .PlanAside .deposit {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
.PlanAside .methods {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 0.25rem;
}
.PlanAside .methods figure {
  margin-right: 0.25rem;
}
@media only screen and (min-width: 64em) {
  .PlanAside .methods {
    margin: 0.25rem 0 0 10px;
  }
}
.PlanAside h5 {
  height: 40px;
  line-height: 40px;
  padding-left: 0.4em;
}
.PlanAside ul {
  padding: 0;
}
.PlanAside li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #000;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5rem;
  font-size: 14px;
  list-style: none;
  text-align: left;
}
.PlanAside li:nth-of-type(odd) {
  background: #f6f6f6;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.PlanAside li:last-child {
  border-bottom: 1px solid #e9e9e9;
}
@media only screen and (min-width: 64em) {
  .PlanAside li {
    font-size: 1rem;
  }
}
.PlanSlide {
  background: #f6f6f6;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -o-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  visivility: hidden;
  -webkit-transition: 0.3s opacity;
  -moz-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  -ms-transition: 0.3s opacity;
  transition: 0.3s opacity;
  height: 0;
  overflow: hidden;
}
.PlanSlide .methods {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-top: 0.5rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.PlanSlide .methods figure {
  margin-right: 0.25rem;
}
.PlanSlide-radio {
  display: none;
}
.PlanSlide-radio:checked {
  border: 1px solid #f00;
}
.PlanSlide-radio:checked ~ .PlanSlide {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  height: auto;
  visivility: visible;
  padding: 1em 0;
}
.PlanSlide-radio:checked ~ .PlanHeaderRow .PlanHeaderRow-left:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.PlanSlide ul {
  padding: 0;
}
.PlanSlide li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 1.5rem;
  list-style: none;
}
.PlanSlide li:before {
  position: absolute;
  left: 0;
  color: #98ca3f;
  text-align: left;
  width: 25px;
  line-height: 1.5;
}
.PlanCTA {
  margin-bottom: 1.5em;
  text-align: center;
}
.PlanCTA p {
  margin-top: 1rem;
}
.PlanCTA small {
  font-weight: bold;
}
.PlanHeaderRow {
  padding: 1em 0;
  border-bottom: 1px solid #e9e9e9;
}
.PlanHeaderRow h3 {
  font-size: 1.75rem;
}
.PlanHeaderRow img {
  vertical-align: middle;
}
.PlanHeaderRow-right {
  text-align: center;
}
.PlanHeaderRow-left {
  padding-left: 20px;
  position: relative;
}
.PlanHeaderRow-left:before {
  border-top: 4px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 4px solid transparent;
  content: "";
  border-left-color: #1c3643;
  display: block;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  -webkit-transition: 0.2s -webkit-transform;
  -moz-transition: 0.2s -moz-transform;
  -o-transition: 0.2s -o-transform;
  -ms-transition: 0.2s -ms-transform;
  transition: 0.2s transform;
}
.PlanHeaderRow-left h5 {
  margin-bottom: 0.5rem;
}
.PlanHeaderRow small {
  color: #0791e6;
  text-decoration: underline;
  font-size: 1rem;
}
#monthly-plan:checked ~ label[for="monthly-plan"] .Tab,
#one-course:checked ~ label[for="one-course"] .Tab,
#annual-plan:checked ~ label[for="annual-plan"] .Tab {
  color: #273b47;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.12), 0 0 2px 0 rgba(0,0,0,0.14);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.12), 0 0 2px 0 rgba(0,0,0,0.14);
}
#monthly-plan:checked ~ .Body-container #tab-monthly,
#one-course:checked ~ .Body-container #tab-one-course,
#annual-plan:checked ~ .Body-container #tab-annual {
  display: block;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  -webkit-transition: all ease-out 0.2s 0.1s;
  -moz-transition: all ease-out 0.2s 0.1s;
  -o-transition: all ease-out 0.2s 0.1s;
  -ms-transition: all ease-out 0.2s 0.1s;
  transition: all ease-out 0.2s 0.1s;
}
.PlanHeader.havesBanner {
  margin-bottom: 46px;
  background-color: #fff;
}
.PlanHeader-cost.no-bold {
  font-weight: 200 !important;
}
.PlanHeader-promo-container {
  background-color: #fff8a9;
  font-size: 12px;
  padding: 4px;
}
.PlanHeader-promo-container .PlanHeader-promo-text {
  text-transform: uppercase;
}
.PlanHeader-promo-container .PlanHeader-promo-text .PlanHeader-promo-old {
  text-transform: lowercase;
  text-decoration: line-through;
}
.PlanHeader-promo-container.is-transparent {
  background-color: transparent;
  padding: 11px 0;
}
.from-course-banner {
  position: absolute;
  width: 100%;
  top: 119px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f6f6f6;
  height: 97px;
}
.from-course-banner .from-course-banner-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
.from-course-banner .from-course-banner-content .from-course-banner-figure {
  width: 60px;
  height: 60px;
}
.from-course-banner .from-course-banner-content .from-course-banner-figure img {
  width: 100%;
}
.from-course-banner .from-course-banner-content .from-course-banner-title-area {
  margin-left: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.from-course-banner .from-course-banner-content .from-course-banner-title-area .PaymentStatus-course {
  font-family: 'Lato', sans-serif;
}
.from-course-banner .from-course-banner-content .from-course-banner-title-area .PaymentStatus-title {
  font-family: 'cooper_hewittmedium';
}
.Price-study-with-us-main {
  padding-bottom: 30px;
}
.Price-study-with-us-main-title {
  font-family: 'cooper_hewittmedium';
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 32px;
}
.Price-study-with-us-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 32px;
}
.Price-study-with-us-container .Price-study-with-us-figure {
  height: 160px;
}
.Price-study-with-us-container .Price-study-with-us-figure img {
  height: 100%;
}
.Price-study-with-us-container .Price-study-with-us-title {
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  margin-top: 16px;
}
.Price-study-with-us-container .Price-study-with-us-text {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  color: #273b47;
  line-height: 1.12;
  text-align: center;
  margin-top: 8px;
  padding: 0 15px;
}
.thankyou {
  text-align: center;
  padding: 1rem 0;
}
@media only screen and (min-width: 48em) {
  .thankyou {
    padding: 1.5rem 0;
  }
}
.thankyou .btn {
  position: relative;
}
@media only screen and (min-width: 48em) {
  .thankyou .btn-wrapper {
    max-width: 536px;
  }
}
.thankyou .btn span {
  position: absolute;
  right: 1rem;
  top: 0.75rem;
  font-size: 1rem;
}
@media only screen and (min-width: 48em) {
  .thankyou .btn span {
    top: 1rem;
  }
}
.thankyou figure {
  margin: 0 auto;
}
.thankyou h1 {
  font-family: 'cooper_hewittmedium';
  font-size: 20px;
  line-height: 26px;
  margin: 1rem 0;
}
@media only screen and (min-width: 48em) {
  .thankyou h1 {
    margin: 1rem 0 1.5rem;
  }
}
.thankyou-middle {
  padding: 1rem 0.75rem;
  background: #f6f6f6;
  line-height: 20px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 48em) {
  .thankyou-middle {
    margin-bottom: 2rem;
  }
}
.thankyou p:first-child {
  margin-bottom: 0.5rem;
}
.gift {
  text-align: center;
  padding: 1.5rem 0.75rem;
}
@media only screen and (min-width: 48em) {
  .gift {
    padding: 4rem 0.75rem;
  }
}
.gift .u-wrapper {
  max-width: 536px;
}
.gift h1 {
  font-size: 20px;
  line-height: 26px;
  margin: 1rem 0;
  font-family: 'cooper_hewittmedium';
  font-weight: bold;
}
.gift p {
  line-height: 20px;
}
.LiveBanner {
  background-color: #fcfcd2;
  padding: 12px 0;
  text-align: center;
}
.LiveBanner-onair:before {
  content: "|";
  padding: 0 18px;
  color: #000;
}
.LiveBanner-callToAction {
  display: inline-block;
  padding: 15px 15px 15px 30px;
  vertical-align: top;
}
.LiveBanner-button {
  font-size: 23px;
  padding: 10px 15px;
  height: initial !important;
  vertical-align: top;
}
.LiveBanner-logo {
  margin: 14px 14px 14px 20px;
}
.LiveBanner-live {
  color: #ff4842;
  text-transform: uppercase;
  text-decoration: underline;
}
.LiveBanner-icon {
  padding-right: 18px;
  color: #ff4842;
  text-decoration: none;
}
.LiveBanner-highlight {
  color: #ff4842;
}
.LiveBanner-title,
.LiveBanner-img,
.LiveBanner-onair {
  display: inline-block;
  vertical-align: middle;
}
.LiveBanner-title {
  color: #000;
  margin-left: 10px;
}
.LiveBanner-title:before {
  margin-right: 15px;
  position: relative;
  top: 5px;
}
@media only screen and (max-width: 835px) {
  .LiveBanner-conf.LiveBanner-onair {
    display: block;
  }
  .LiveBanner-conf.LiveBanner-onair:before {
    display: none;
    padding: 0;
  }
}
@media only screen and (max-width: 565px) {
  .LiveBanner-onair {
    display: block;
    margin-top: 5px;
  }
  .LiveBanner-onair:before {
    display: none;
    padding: 0;
  }
  .LiveBanner-title,
  .LiveBanner-img {
    display: inline-block;
  }
}
.Header {
  height: auto;
}
.Header-container {
  padding: 0;
}
.Landing-schedule {
  background: #fff;
  padding: 2em 0;
  margin: 1em auto;
}