@charset "UTF-8";
@media (min-width: 1025px) {
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    float: left;
    margin: 0 16px; }
  .container {
    margin: 0 auto;
    width: 984px; }
    .container:after {
      clear: both;
      content: '';
      display: block; }
  .col1 > .container {
    margin: 0 0 0 -16px;
    width: 82px; }
  .col2 > .container {
    margin: 0 0 0 -16px;
    width: 164px; }
  .col3 > .container {
    margin: 0 0 0 -16px;
    width: 246px; }
  .col4 > .container {
    margin: 0 0 0 -16px;
    width: 328px; }
  .col5 > .container {
    margin: 0 0 0 -16px;
    width: 410px; }
  .col6 > .container {
    margin: 0 0 0 -16px;
    width: 492px; }
  .col7 > .container {
    margin: 0 0 0 -16px;
    width: 574px; }
  .col8 > .container {
    margin: 0 0 0 -16px;
    width: 656px; }
  .col9 > .container {
    margin: 0 0 0 -16px;
    width: 738px; }
  .col10 > .container {
    margin: 0 0 0 -16px;
    width: 820px; }
  .col11 > .container {
    margin: 0 0 0 -16px;
    width: 902px; }
  .col12 > .container {
    margin: 0 0 0 -16px;
    width: 984px; }
  .col1 {
    width: 50px; }
  .col2 {
    width: 132px; }
  .col3 {
    width: 214px; }
  .col4 {
    width: 296px; }
  .col5 {
    width: 378px; }
  .col6 {
    width: 460px; }
  .col7 {
    width: 542px; }
  .col8 {
    width: 624px; }
  .col9 {
    width: 706px; }
  .col10 {
    width: 788px; }
  .col11 {
    width: 870px; }
  .col12 {
    width: 952px; }
  .pre1 {
    margin-left: 98px; }
  .pre2 {
    margin-left: 180px; }
  .pre3 {
    margin-left: 262px; }
  .pre4 {
    margin-left: 344px; }
  .pre5 {
    margin-left: 426px; }
  .pre6 {
    margin-left: 508px; }
  .pre7 {
    margin-left: 590px; }
  .pre8 {
    margin-left: 672px; }
  .pre9 {
    margin-left: 754px; }
  .pre10 {
    margin-left: 836px; }
  .pre11 {
    margin-left: 918px; }
  .suf1 {
    margin-right: 82px; }
  .suf2 {
    margin-right: 164px; }
  .suf3 {
    margin-right: 246px; }
  .suf4 {
    margin-right: 328px; }
  .suf5 {
    margin-right: 410px; }
  .suf6 {
    margin-right: 492px; }
  .suf7 {
    margin-right: 574px; }
  .suf8 {
    margin-right: 656px; }
  .suf9 {
    margin-right: 738px; }
  .suf10 {
    margin-right: 820px; }
  .suf11 {
    margin-right: 902px; }
  .colr {
    float: right;
    margin: 0 16px; }
  .alpha {
    margin-left: 0; }
  .omega {
    margin-right: 0; }
  .clear {
    clear: both; }
  .center {
    float: none;
    margin: 0 auto; }
  .l-hide {
    display: none; }
  .l-show-block,
  .l-show-inline {
    display: inline; }
  .s-clear {
    display: none; }
  .s-show-block,
  .s-show-block,
  .m-show-inline,
  .m-show-inline {
    display: none; } }

@media (min-width: 1360px) {
  .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
    float: left;
    margin: 0 25px; }
  .col12 {
    margin: 0 25px;
    width: 1270px; }
  .col1 {
    width: 60px; }
  .col2 {
    width: 170px; }
  .col3 {
    width: 280px; }
  .col4 {
    width: 390px; }
  .col5 {
    width: 500px; }
  .col6 {
    width: 610px; }
  .col7 {
    width: 720px; }
  .col8 {
    width: 830px; }
  .col9 {
    width: 940px; }
  .col10 {
    width: 1050px; }
  .col11 {
    width: 1160px; }
  .pre1 {
    margin-left: 135px; }
  .pre2 {
    margin-left: 245px; }
  .pre3 {
    margin-left: 355px; }
  .pre4 {
    margin-left: 465px; }
  .pre5 {
    margin-left: 575px; }
  .pre6 {
    margin-left: 685px; }
  .pre7 {
    margin-left: 795px; }
  .pre8 {
    margin-left: 905px; }
  .pre9 {
    margin-left: 1015px; }
  .pre10 {
    margin-left: 1125px; }
  .pre11 {
    margin-left: 1235px; }
  .suf1 {
    margin-right: 135px; }
  .suf2 {
    margin-right: 245px; }
  .suf3 {
    margin-right: 355px; }
  .suf4 {
    margin-right: 465px; }
  .suf5 {
    margin-right: 575px; }
  .suf6 {
    margin-right: 685px; }
  .suf7 {
    margin-right: 795px; }
  .suf8 {
    margin-right: 905px; }
  .suf9 {
    margin-right: 1015px; }
  .suf10 {
    margin-right: 1125px; }
  .suf11 {
    margin-right: 1235px; }
  .container {
    width: 1320px; }
  .col1 > .container {
    margin: 0 0 0 -25px;
    width: 110px; }
  .col2 > .container {
    margin: 0 0 0 -25px;
    width: 220px; }
  .col3 > .container {
    margin: 0 0 0 -25px;
    width: 330px; }
  .col4 > .container {
    margin: 0 0 0 -25px;
    width: 440px; }
  .col5 > .container {
    margin: 0 0 0 -25px;
    width: 550px; }
  .col6 > .container {
    margin: 0 0 0 -25px;
    width: 660px; }
  .col7 > .container {
    margin: 0 0 0 -25px;
    width: 770px; }
  .col8 > .container {
    margin: 0 0 0 -25px;
    width: 880px; }
  .col9 > .container {
    margin: 0 0 0 -25px;
    width: 990px; }
  .col10 > .container {
    margin: 0 0 0 -25px;
    width: 1100px; }
  .col11 > .container {
    margin: 0 0 0 -25px;
    width: 1210px; }
  .col12 > .container {
    margin: 0 0 0 -25px;
    width: 1320px; }
  .colr {
    float: right;
    margin: 0 25px; }
  .alpha {
    margin-left: 0; }
  .omega {
    margin-right: 0; }
  .clear {
    clear: both; }
  .center {
    float: none;
    margin: 0 auto; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .wrap {
    overflow: hidden;
    width: 100%; }
  .container {
    width: 96%;
    padding: 0 8px;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 780px; }
    .container::after {
      clear: both;
      content: '';
      display: block; }
    .container .container {
      width: 102%;
      width: calc(100% + 32px);
      margin-left: -16px; }
  .col12,
  .col11,
  .col10,
  .col9,
  .col8,
  .col7 {
    margin: 0;
    padding: 0 8px;
    width: 100%;
    box-sizing: border-box; }
  .col6,
  .col5,
  .col4,
  .col3 {
    float: left;
    margin: 0;
    padding: 0 8px;
    width: 50%;
    box-sizing: border-box; }
  .col2 {
    float: left;
    margin: 0;
    padding: 0 8px;
    width: 33.33%;
    box-sizing: border-box; }
  .col1 {
    float: left;
    margin: 0;
    padding: 0 8px;
    width: 25%;
    box-sizing: border-box; }
  .m-full {
    width: 100%; }
    .m-full.colr {
      float: none; }
  .m-half,
  .m-2_4 {
    float: left;
    width: 50%; }
  .m-3_4 {
    float: left;
    width: 75%; }
  .m-2_3 {
    float: left;
    width: 66.66%; }
  .m-1_3 {
    float: left;
    width: 33.33%; }
  .m-1_4 {
    float: left;
    width: 25%; }
  .colr {
    float: right; }
  .alpha {
    margin-left: 0; }
  .omega {
    margin-right: 0; }
  .clear {
    clear: both; }
  .m-center {
    float: none;
    margin: 0 auto; }
  .m-hide {
    display: none; }
  .m-show-block,
  .m-show-inline {
    display: inline; }
  .s-clear {
    display: none; }
  .s-show-block,
  .s-show-block,
  .l-show-inline,
  .l-show-inline {
    display: none; } }

@media (min-width: 120px) and (max-width: 719px) {
  .wrap {
    overflow: hidden;
    width: 100%; }
  .container {
    width: 96%;
    padding: 0 8px;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 540px; }
    .container:after {
      clear: both;
      content: '';
      display: block; }
    .container .container {
      width: 102%;
      width: calc(100% + 32px);
      margin-left: -16px; }
  .col12,
  .col11,
  .col10,
  .col9,
  .col8,
  .col7,
  .col6,
  .col5,
  .col4,
  .col3 {
    margin: 0;
    padding: 0 8px;
    width: 100%;
    box-sizing: border-box; }
  .col2,
  .col1 {
    float: left;
    margin: 0;
    padding: 0 8px;
    width: 50%;
    box-sizing: border-box; }
  .s-full {
    float: none;
    margin: 0;
    padding: 0 8px;
    width: 100%;
    box-sizing: border-box; }
  .s-half {
    float: left;
    margin: 0;
    padding: 0 8px;
    width: 50%;
    box-sizing: border-box; }
  .clear {
    clear: both; }
  .s-hide {
    display: none; }
  .s-clear {
    display: block;
    clear: both; }
  .s-show-block,
  .s-show-inline {
    display: inline; }
  .m-show-block,
  .m-show-inline,
  .l-show-block,
  .l-show-inline {
    display: none; } }

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

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

@font-face {
  font-family: 'CompasseBold';
  src: url("../fonts/compasse-bold-webfont.eot");
  src: url("../fonts/compasse-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/compasse-bold-webfont.woff2") format("woff2"), url("../fonts/compasse-bold-webfont.woff") format("woff"), url("../fonts/compasse-bold-webfont.ttf") format("truetype"), url("../fonts/compasse-bold-webfont.svg#compassebold") format("svg");
  font-weight: bold;
  font-style: normal; }

body {
  margin: 0;
  padding: 0;
  background-color: #f9f9f9; }

.error404 {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }
  .error404 h1 {
    font-size: 6em;
    margin: 0; }

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

@media (min-width: 1025px) {
  body {
    font-size: 18px; }
  .wrap-banner {
    padding-top: 56px; }
  .main-content {
    padding: 32px 0; } }

@media (min-width: 1360px) {
  body {
    font-size: 20px; } }

@media (min-width: 720px) and (max-width: 1024px) {
  body {
    font-size: 16px; }
  .main-content {
    padding: 32px 0; } }

@media (max-width: 719px) {
  body {
    font-size: 14px; }
  .main-content {
    padding: 32px 0; } }

body {
  font-family: "ClearSans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-weight: 300;
  line-height: 1.68;
  color: #222; }

h1 {
  font-family: "CompasseBold", "Impact", sans-serif;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
  margin-top: 0;
  font-size: 2em;
  line-height: 1.25; }
  h1 a {
    text-decoration: none; }

h2 {
  font-size: 1.68em;
  line-height: 1.25;
  margin: 0 0 32px 0; }
  h2 a {
    text-decoration: none; }
  h2.sep {
    text-align: center;
    border-bottom: 1px solid #999; }
    h2.sep span {
      display: inline-block;
      padding: 0 10px;
      margin: 0 10px;
      background-color: #f9f9f9;
      -webkit-transform: translateY(45%);
      transform: translateY(45%); }
    h2.sep .sep-grey {
      background-color: #efefef; }

h3 {
  font-size: 1.476em;
  line-height: 1.25;
  margin: 0 0 32px 0; }
  h3 a {
    text-decoration: none; }

h4 {
  font-size: 1.215em;
  line-height: 1.25;
  margin: 0; }
  h4 a {
    text-decoration: none; }

h5 {
  font-size: 0.878em;
  line-height: 1.215;
  text-transform: uppercase;
  margin: 0;
  font-weight: normal; }

.box h5 {
  border-bottom: 1px dotted #999;
  padding-bottom: 8px;
  margin-bottom: 7px; }

small,
.font_small {
  font-size: 0.878em; }

a {
  color: #D8574B;
  text-decoration: underline; }
  a:hover {
    text-decoration: none; }
  a img {
    border: 0; }
  a.txt-dull {
    color: #D8BF6E; }

p {
  margin: 0 0 32px 0; }

.crayon-syntax {
  margin: 0 0 32px 0 !important;
  line-height: 1.25 !important; }

.c-code {
  line-height: 1.48 !important; }

.hero {
  font-size: 1.215em; }

.p-cta {
  text-align: center;
  margin: 0; }

.txtc {
  text-align: center; }

.txtr {
  text-align: right; }

dl {
  margin: 0 0 20px 0; }

dt {
  padding: 5px;
  background-color: #efefef;
  font-family: monospace;
  border-bottom: 1px dotted #999; }

dd {
  padding: 5px;
  margin: 0 0 10px 0; }

blockquote {
  margin: 0 0 32px 0;
  padding: 16px;
  border-left: 4px solid #D8574B;
  background-color: #efefef;
  font-family: "CompasseBold", "Impact", sans-serif;
  color: #666; }
  blockquote p {
    margin: 0; }

strong {
  font-weight: bold; }

.wp-caption {
  max-width: 100%; }

.wp-caption-text {
  font-style: italic;
  font-size: 0.878em;
  color: #666; }

.tip {
  color: #f9f9f9;
  background-color: #217677;
  padding: 8px 8px 8px 32px; }

hr.sep {
  border: 0;
  background-color: none;
  border-bottom: 1px dotted #999; }

.vgrid {
  background-image: linear-gradient(#ccc 1px, transparent 1px);
  background-size: 100% 24px; }

@media (min-width: 1025px) {
  h2.sep span {
    padding: 0 20px; } }

@media (max-width: 719px) {
  body {
    line-height: 24px; }
  h1 {
    margin: 0;
    font-size: 1.8em; }
  h2 {
    line-height: 24px;
    margin: 0 0 24px 0; }
  h3 {
    line-height: 24px;
    margin: 0 0 24px 0; }
  h4 {
    line-height: 24px; }
  h5 {
    line-height: 24px; }
  p {
    line-height: 24px;
    margin: 0 0 24px 0; }
  .share strong {
    display: block; } }

.post-content .p-info,
.post-content .p-warning,
.post-content .p-tip,
.page-content .p-info,
.page-content .p-warning,
.page-content .p-tip {
  padding: 8px 8px 8px 21.33333px;
  position: relative;
  border-radius: 3px; }
  .post-content .p-info::before,
  .post-content .p-warning::before,
  .post-content .p-tip::before,
  .page-content .p-info::before,
  .page-content .p-warning::before,
  .page-content .p-tip::before {
    font-family: "styde-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .post-content .p-info .crayon-syntax-inline,
  .post-content .p-warning .crayon-syntax-inline,
  .post-content .p-tip .crayon-syntax-inline,
  .page-content .p-info .crayon-syntax-inline,
  .page-content .p-warning .crayon-syntax-inline,
  .page-content .p-tip .crayon-syntax-inline {
    background-color: rgba(249, 249, 249, 0.5) !important;
    border: 0 !important;
    border-radius: 2px !important;
    color: #f9f9f9;
    padding: 0 4px !important; }
    .post-content .p-info .crayon-syntax-inline .crayon-pre .crayon-i,
    .post-content .p-warning .crayon-syntax-inline .crayon-pre .crayon-i,
    .post-content .p-tip .crayon-syntax-inline .crayon-pre .crayon-i,
    .page-content .p-info .crayon-syntax-inline .crayon-pre .crayon-i,
    .page-content .p-warning .crayon-syntax-inline .crayon-pre .crayon-i,
    .page-content .p-tip .crayon-syntax-inline .crayon-pre .crayon-i {
      color: #010101 !important; }

.post-content .p-info,
.page-content .p-info {
  color: #217677;
  background-color: #e3ecec; }
  .post-content .p-info::before,
  .page-content .p-info::before {
    content: '\f129';
    color: #f9f9f9;
    background-color: #217677; }
  .post-content .p-info a,
  .page-content .p-info a {
    color: #1A5F5F;
    text-decoration: underline; }

.post-content .p-warning,
.page-content .p-warning {
  color: #D8574B;
  background-color: #f6e9e8; }
  .post-content .p-warning::before,
  .page-content .p-warning::before {
    content: '\f12a';
    color: #f9f9f9;
    background-color: #D8574B; }
  .post-content .p-warning a,
  .page-content .p-warning a {
    color: #D23B2E;
    text-decoration: underline; }

.post-content .p-tip,
.page-content .p-tip {
  color: #420B38;
  background-color: #eeebed; }
  .post-content .p-tip::before,
  .page-content .p-tip::before {
    color: #f9f9f9;
    content: '\e831';
    background-color: #2B0725; }
  .post-content .p-tip a,
  .page-content .p-tip a {
    color: #2B0725;
    text-decoration: underline; }

.post-content .c-code,
.page-content .c-code {
  color: #1C1C33;
  display: inline-block;
  padding: 0 8px;
  background-color: #efefef;
  font-family: monospace; }

.post-content ul.list-relacionado,
.page-content ul.list-relacionado {
  margin: 0 0 32px 0;
  padding: 0;
  list-style: none; }
  .post-content ul.list-relacionado li,
  .page-content ul.list-relacionado li {
    padding-left: 10px; }
    .post-content ul.list-relacionado li::before,
    .page-content ul.list-relacionado li::before {
      font-family: "styde-icons";
      content: '\f006';
      font-style: normal;
      font-size: 0.6em;
      font-weight: normal;
      speak: none;
      display: inline-block;
      margin-right: 1em;
      color: #D8574B;
      border-radius: 16px;
      text-decoration: inherit;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 32px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }

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

i[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "styde-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-star-1:before {
  content: '\e800'; }

/* '' */
.icon-heart-1:before {
  content: '\e801'; }

/* '' */
.icon-user:before {
  content: '\e803'; }

/* '' */
.icon-lock:before {
  content: '\e804'; }

/* '' */
.icon-lock-open-alt:before {
  content: '\e805'; }

/* '' */
.icon-clock:before {
  content: '\e812'; }

/* '' */
.icon-video:before {
  content: '\e813'; }

/* '' */
.icon-videocam:before {
  content: '\e814'; }

/* '' */
.icon-picture:before {
  content: '\e815'; }

/* '' */
.icon-star-empty:before {
  content: '\e817'; }

/* '' */
.icon-calendar:before {
  content: '\e81d'; }

/* '' */
.icon-pin:before {
  content: '\e82a'; }

/* '' */
.icon-location:before {
  content: '\e82d'; }

/* '' */
.icon-asterisk:before {
  content: '\e831'; }

/* '' */
.icon-certificate:before {
  content: '\f0a3'; }

/* '' */
.icon-lightbulb:before {
  content: '\f0eb'; }

/* '' */
.icon-mic:before {
  content: '\f130'; }

/* '' */
.icon-cog:before {
  content: '\e81b'; }

/* '' */
.icon-cog-alt:before {
  content: '\e82e'; }

/* '' */
.icon-rocket:before {
  content: '\f135'; }

/* '' */
.icon-doc-text-inv:before {
  content: '\f15c'; }

/* '' */
.icon-graduation-cap:before {
  content: '\f19d'; }

/* '' */
.icon-cube:before {
  content: '\f1b2'; }

/* '' */
.icon-cubes:before {
  content: '\f1b3'; }

/* '' */
.icon-ok:before {
  content: '\e818'; }

/* '' */
.icon-list:before {
  content: '\e82f'; }

/* '' */
.icon-signal:before {
  content: '\e830'; }

/* '' */
.icon-info:before {
  content: '\f129'; }

/* '' */
.icon-attention-alt:before {
  content: '\f12a'; }

/* '' */
.icon-mail-alt:before {
  content: '\e802'; }

/* '' */
.icon-thumbs-down-alt:before {
  content: '\e806'; }

/* '' */
.icon-thumbs-up-alt:before {
  content: '\e807'; }

/* '' */
.icon-bookmark:before {
  content: '\e808'; }

/* '' */
.icon-tags:before {
  content: '\e809'; }

/* '' */
.icon-folder-open:before {
  content: '\e80a'; }

/* '' */
.icon-chat:before {
  content: '\e80b'; }

/* '' */
.icon-globe:before {
  content: '\e816'; }

/* '' */
.icon-home:before {
  content: '\e819'; }

/* '' */
.icon-menu:before {
  content: '\e81a'; }

/* '' */
.icon-cancel:before {
  content: '\e81c'; }

/* '' */
.icon-search:before {
  content: '\e81f'; }

/* '' */
.icon-link:before {
  content: '\e821'; }

/* '' */
.icon-attach:before {
  content: '\e829'; }

/* '' */
.icon-tag:before {
  content: '\e82b'; }

/* '' */
.icon-edit:before {
  content: '\e82c'; }

/* '' */
.icon-list-bullet:before {
  content: '\f0ca'; }

/* '' */
.icon-spinner:before {
  content: '\f110'; }

/* '' */
.icon-database:before {
  content: '\f1c0'; }

/* '' */
.icon-wifi:before {
  content: '\f1eb'; }

/* '' */
.icon-down:before {
  content: '\e825'; }

/* '' */
.icon-left:before {
  content: '\e826'; }

/* '' */
.icon-right:before {
  content: '\e827'; }

/* '' */
.icon-up:before {
  content: '\e828'; }

/* '' */
.icon-down-open-1:before {
  content: '\f004'; }

/* '' */
.icon-up-open-1:before {
  content: '\f005'; }

/* '' */
.icon-right-open-1:before {
  content: '\f006'; }

/* '' */
.icon-left-open-1:before {
  content: '\f007'; }

/* '' */
.icon-slack:before {
  content: '\e80c'; }

/* '' */
.icon-twitter:before {
  content: '\e80d'; }

/* '' */
.icon-vimeo-squared:before {
  content: '\e80e'; }

/* '' */
.icon-github:before {
  content: '\e80f'; }

/* '' */
.icon-facebook:before {
  content: '\e810'; }

/* '' */
.icon-youtube-play:before {
  content: '\e811'; }

/* '' */
.icon-rss:before {
  content: '\e81e'; }

/* '' */
.icon-googleplus-rect:before {
  content: '\e820'; }

/* '' */
.icon-disqus:before {
  content: '\e822'; }

/* '' */
.icon-flickr:before {
  content: '\e823'; }

/* '' */
.icon-pinterest:before {
  content: '\e824'; }

/* '' */
.icon-linkedin:before {
  content: '\f0e1'; }

/* '' */
.icon-google:before {
  content: '\f1a0'; }

/* '' */
.spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  position: absolute; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.head {
  position: relative;
  z-index: 100;
  -webkit-transition: background-color .2s linear;
  transition: background-color .2s linear; }

.logo {
  float: left; }
  .logo a {
    display: block;
    border: 0;
    background-repeat: no-repeat;
    background-size: 100px 30px;
    width: 100px;
    height: 30px;
    overflow: hidden;
    line-height: 200px;
    text-indent: 200px;
    background-image: url("../img/styde-w-o.png"); }

@media (min-width: 1025px) {
  .head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
    .head .head-wrap {
      height: 56px;
      padding: 0 32px;
      border-bottom: 1px solid rgba(249, 249, 249, 0.5); }
  .small-head .head {
    background-color: rgba(18, 18, 34, 0.95); }
  .logo {
    padding: 12px 0; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .head .head-wrap {
    height: 51px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(249, 249, 249, 0.5); }
  .logo {
    padding: 7px 0; } }

@media (max-width: 719px) {
  .head .head-wrap {
    height: 42px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(249, 249, 249, 0.5); }
  .logo {
    padding: 5px 0; } }

.main-menu {
  margin: 0;
  padding: 0;
  list-style: none; }
  .main-menu li {
    margin: 0;
    padding: 0; }
  .main-menu a {
    display: block;
    color: #f9f9f9;
    text-decoration: none;
    padding: 10px;
    box-sizing: border-box; }

@media (min-width: 1025px) {
  .main-nav {
    float: right; }
  .main-menu {
    float: right; }
    .main-menu li {
      float: left;
      font-size: 0.8em;
      text-transform: uppercase; }
    .main-menu a {
      border-bottom: 0px solid rgba(249, 249, 249, 0.5);
      -webkit-transition: all .1s linear;
      transition: all .1s linear;
      padding: 20px;
      line-height: 16px;
      opacity: 0.8; }
      .main-menu a:hover {
        opacity: 1;
        padding-bottom: 16px;
        border-bottom-width: 4px; }
  .current a {
    opacity: 1;
    padding-bottom: 16px;
    border-bottom-width: 4px; }
  .btn-menu {
    display: none; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .main-nav {
    float: right; }
  .main-menu {
    float: right; }
    .main-menu li {
      float: left;
      font-size: 0.8em;
      text-transform: uppercase; }
    .main-menu a {
      border-bottom: 0px solid rgba(249, 249, 249, 0.5);
      -webkit-transition: all .1s linear;
      transition: all .1s linear;
      padding: 16px 10px;
      line-height: 18px;
      opacity: 0.8; }
      .main-menu a:hover {
        opacity: 1;
        padding-bottom: 12px;
        border-bottom-width: 4px; }
  .current a {
    opacity: 1;
    padding-bottom: 12px;
    border-bottom-width: 4px; }
  .btn-menu {
    display: none; } }

@media (max-width: 719px) {
  .main-nav {
    clear: both;
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    z-index: 99; }
  .main-menu {
    background-color: #121222;
    box-shadow: 0 2px 5px rgba(1, 1, 1, 0.3);
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap; }
  .menu-p-item {
    height: 0;
    -webkit-box-flex: 0;
    flex: 0 1 50%;
    overflow: hidden;
    -webkit-transition: height .15s ease-out;
    transition: height .15s ease-out; }
  .btn-menu {
    display: block;
    float: right;
    padding: 0 10px;
    height: 32px;
    line-height: 33px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    margin: -39px 2% 0 0;
    color: #f9f9f9;
    border: 1px solid rgba(249, 249, 249, 0.6);
    border-radius: 3px;
    -webkit-transition: border-color .1s linear;
    transition: border-color .1s linear; }
    .btn-menu:hover {
      border: 1px solid #f9f9f9; }
    .btn-menu i {
      font-style: normal; }
    .btn-menu .icon-cancel {
      font-style: normal;
      display: none; }
  .menu-opened .head {
    background-color: #121222; }
    .menu-opened .head .logo a {
      background-image: url("../img/styde-w-o.png"); }
  .menu-opened .menu-p-item {
    height: 44px; }
  .menu-opened .btn-menu .icon-menu {
    display: none; }
  .menu-opened .btn-menu .icon-cancel {
    display: inline; }
  .page-template-page-planes .main-menu {
    background-color: #420B38; } }

.btn,
button[type="submit"],
input[type="submit"] {
  font-family: "ClearSans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  text-decoration: none;
  display: inline-block;
  padding: 12px 15px;
  border-width: 1px;
  border-style: solid;
  border-radius: 50px;
  font-size: 0.7em;
  line-height: 1;
  text-transform: uppercase;
  margin: 2px;
  cursor: pointer;
  text-align: center;
  white-space: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out;
  color: #666;
  background-color: transparent;
  outline: 0; }
  .btn:hover,
  button[type="submit"]:hover,
  input[type="submit"]:hover {
    border-width: 1px;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background-color: rgba(102, 102, 102, 0.1); }

.btn-xl {
  font-size: 0.9em;
  padding: 15px 25px; }

.btn-sm {
  font-size: 0.6em;
  line-height: 1em;
  padding: 7px 10px 5px 10px; }

.btn-white,
input[type="submit"].btn-white {
  color: #f9f9f9; }

.btn-white-cta,
input[type="submit"].btn-white-cta {
  background-color: #f9f9f9;
  color: #222;
  border-color: transparent; }
  .btn-white-cta:hover,
  input[type="submit"].btn-white-cta:hover {
    background-color: #f9f9f9; }

.btn-orange,
input[type="submit"].btn-orange {
  color: #D8574B; }

.btn-orange-cta,
input[type="submit"].btn-orange-cta {
  background-color: #D8574B;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#D8574B), to(#D23B2E));
  background-image: linear-gradient(to bottom, #D8574B 0%, #D23B2E 100%);
  color: #f9f9f9;
  border-color: #D23B2E; }

.btn-green,
input[type="submit"].btn-green {
  color: #217677; }

.btn-green-cta,
input[type="submit"].btn-green-cta {
  background-color: #217677;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#217677), to(#1A5F5F));
  background-image: linear-gradient(to bottom, #217677 0%, #1A5F5F 100%);
  color: #f9f9f9;
  border-color: rgba(249, 249, 249, 0.1); }

.btn-purple,
input[type="submit"].btn-purple {
  color: #1C1C33; }

.btn-purple-cta,
input[type="submit"].btn-purple-cta {
  background-color: #1C1C33;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1C1C33), to(#121222));
  background-image: linear-gradient(to bottom, #1C1C33 0%, #121222 100%);
  color: #f9f9f9;
  border-color: rgba(249, 249, 249, 0.1); }

.btn-magnolia,
input[type="submit"].btn-magnolia {
  color: #420B38; }

.btn-magnolia-cta,
input[type="submit"].btn-magnolia-cta {
  background-color: #420B38;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#420B38), to(#2B0725));
  background-image: linear-gradient(to bottom, #420B38 0%, #2B0725 100%);
  color: #f9f9f9;
  border-color: rgba(249, 249, 249, 0.1); }

.btn-yellow,
input[type="submit"].btn-yellow,
button[type="submit"].btn-yellow {
  color: #D8BF6E; }

.btn-yellow-cta,
input[type="submit"].btn-yellow-cta,
button[type="submit"].btn-yellow-cta {
  background-color: #D8BF6E;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#D8BF6E), to(#CDAB44));
  background-image: linear-gradient(to bottom, #D8BF6E 0%, #CDAB44 100%);
  color: #222;
  border-color: rgba(249, 249, 249, 0.1);
  border: 0; }

.btn-facebook {
  background-color: #3B5998;
  color: #f9f9f9; }
  .btn-facebook:hover {
    color: #3B5998; }

.btn-twitter {
  background-color: #5E9FCA;
  color: #f9f9f9; }
  .btn-twitter:hover {
    color: #5E9FCA; }

.btn-google {
  background-color: #DC4A3D;
  color: #f9f9f9; }
  .btn-google:hover {
    color: #DC4A3D; }

.invitations-for-slack-wrapper {
  padding-bottom: 20px; }
  .invitations-for-slack-wrapper button.join-button {
    border: 0;
    cursor: pointer; }
  .invitations-for-slack-wrapper .team-numbers {
    line-height: 18px;
    height: 18px;
    padding: 3px 10px; }

form {
  margin: 0; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

label .req {
  color: #f00; }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="date"],
input[type="tel"],
input[type="number"], textarea {
  border: 1px solid transparent;
  padding: 6px 12px;
  line-height: 1.4;
  width: 100%;
  background-color: #efefef;
  border-radius: 3px;
  font-size: 1em;
  outline: 0;
  margin: 0;
  font-family: "ClearSans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  input:focus[type="text"],
  input:focus[type="email"],
  input:focus[type="password"],
  input:focus[type="url"],
  input:focus[type="date"],
  input:focus[type="tel"],
  input:focus[type="number"], textarea:focus {
    outline: 0;
    border-color: #217677; }

textarea {
  min-height: 120px;
  resize: vertical; }

select {
  border: 1px solid transparent;
  padding: 6px;
  line-height: 1.4em;
  height: 36px;
  background-color: #efefef;
  border-radius: 3px;
  font-size: 1em;
  outline: 0;
  margin: 0;
  font-family: "ClearSans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  box-sizing: border-box; }
  select:focus {
    outline: 0;
    background-color: #efefef;
    border-color: #217677; }

.required {
  font-size: 0.678em;
  line-height: 1.25;
  display: block;
  border-radius: 2px;
  float: right;
  padding: 3px 8px;
  margin: 2px 0;
  text-transform: lowercase;
  color: #999;
  background-color: #e3e3e3; }

.text-error {
  font-size: 0.878em;
  padding: 8px;
  background-color: #D8574B;
  color: #f9f9f9;
  border-radius: 4px; }

.text-success {
  font-size: 0.878em;
  padding: 8px;
  background-color: #217677;
  color: #f9f9f9;
  border-radius: 4px; }

.tags {
  font-size: 0.8em; }
  .tags a,
  .tags span {
    display: inline-block;
    padding: 0 8px;
    background-color: #efefef;
    color: #217677;
    border-radius: 2px;
    text-decoration: none;
    text-transform: capitalize;
    margin: 0 0 3px 0;
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear; }
    .tags a:hover,
    .tags span:hover {
      background-color: #217677;
      color: #f9f9f9; }

.label {
  font-size: 0.7em;
  display: inline-block;
  padding: 0 4px;
  background-color: #efefef;
  color: #999;
  border-radius: 2px;
  text-decoration: none;
  text-transform: capitalize;
  margin: 0 2px 2px 0;
  line-height: 1.4; }
  .label i[class^="icon-"],
  .label [class*=" icon-"] {
    color: inherit;
    font-size: 0.8em; }

.post-pagination {
  padding: 16px 0; }

.pagination {
  margin: 0 0 32px 0;
  padding: 0;
  list-style: none;
  text-align: center;
  font-size: 0.878em; }
  .pagination li {
    display: inline-block;
    margin: 0;
    padding: 0; }
  .pagination a,
  .pagination span {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 4px;
    text-align: center;
    min-width: 20px;
    border: 1px solid #D8574B;
    text-decoration: none;
    border-radius: 2px;
    margin: 0 5px; }

.social {
  margin: 0;
  padding: 0;
  list-style: 0;
  text-align: center;
  height: 21px; }
  .social li {
    margin: 0;
    padding: 0;
    display: inline-block;
    border: 1px solid rgba(249, 249, 249, 0.2);
    border-radius: 21px; }
  .social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #1C1C33;
    color: #f9f9f9;
    border-radius: 20px;
    border: 0;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear; }

.social-twitter a:hover {
  background-color: #5E9FCA; }

.social-youtube a:hover {
  background-color: #CD201F; }

.social-linkedin a:hover {
  background-color: #007BB6; }

.social-googleplus a:hover {
  background-color: #DC4A3D; }

.social-facebook a:hover {
  background-color: #3B5998; }

.social-feed a:hover {
  background-color: #ff6600; }

.social-github a:hover {
  background-color: #171516; }

.social-disqus a:hover {
  background-color: #2e9fff; }

@media (min-width: 1025px) {
  .social li {
    margin: 0 10px; } }

.box {
  padding: 16px;
  margin: 0 0 16px 0;
  background-color: #efefef;
  border-radius: 3px; }

@media (min-width: 1025px) {
  .box {
    margin: 0 0 32px 0; } }

.fake-video-player {
  display: block;
  background: #1C1C33 url("/images/video-player-simple-controls.png") bottom no-repeat;
  background-size: contain;
  height: 368px;
  padding: 16px;
  text-align: center;
  color: white;
  text-decoration: none;
  margin-bottom: 32px; }
  .fake-video-player img {
    margin: 64px 0 48px 0; }

.banner {
  color: #f9f9f9;
  position: relative;
  z-index: 1;
  margin-bottom: 32px;
  background-color: #1C1C33;
  background: -webkit-gradient(linear, left top, left bottom, from(#1C1C33), to(#2B0725));
  background: linear-gradient(to bottom, #1C1C33 0%, #2B0725 100%); }
  .banner h1 {
    margin: 0; }
  .banner a {
    color: #f9f9f9; }
  .banner p {
    margin: 8px 0 0 0; }

.banner-home {
  text-align: center;
  margin-bottom: 0;
  background: linear-gradient(135deg, #252543 0%, #1c1c33 20%, #2b0725 100%); }
  .banner-home .container {
    background-image: url("../img/home-banner-2018-xl.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto; }
  .banner-home h1 {
    font-size: 2em;
    line-height: 1.2em; }
  .banner-home h2 {
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 16px 0 32px 0; }

.banner-cursos {
  margin: 0; }

.banner-curso {
  margin: 0; }
  .banner-curso .container {
    position: relative; }

.banner-post-serie {
  margin-bottom: 0; }

@media (min-width: 1025px) {
  .banner {
    padding: 4.882em 0 2em 0; }
  .banner-home {
    padding: 80px 0 0 0; }
    .banner-home h1 {
      margin-bottom: 0.5em; }
    .banner-home p {
      margin-bottom: 0.5em; }
    .banner-home .container {
      padding: 40px 0 10px 0;
      height: 320px;
      background-position: 8% 100%;
      background-repeat: no-repeat;
      background-size: auto 100%; }
    .banner-home .btn {
      margin-right: 20px; }
  .banner-post-serie {
    margin-bottom: 0; }
  .sidebar-banner.banner-sticky {
    width: 296px;
    top: 106px;
    position: fixed; } }

@media (min-width: 1360px) {
  .banner-home {
    padding-top: 100px; }
    .banner-home h1 {
      font-size: 2.4em; }
    .banner-home .container {
      height: 380px; }
  .sidebar-banner.banner-sticky {
    width: 390px; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .banner {
    padding: 51px 0 0 0;
    margin-top: -51px; }
    .banner .container {
      padding: 32px 0 32px 0; }
  .banner-home .container {
    height: 300px;
    padding: 40px 0 20px 0;
    background-position: 4% 100%;
    background-repeat: no-repeat;
    background-size: auto 90%; }
  .banner-home h1 {
    font-size: 1.8em; }
  .banner-post-serie .container-subtitle {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0; }
  .sidebar-banner.banner-sticky {
    width: 238px;
    top: 10px;
    position: fixed; } }

@media (max-width: 719px) {
  .banner {
    padding-top: 74px;
    padding-bottom: 24px;
    margin-top: -54px; }
    .banner .feat-img {
      display: none; }
    .banner p {
      margin: 0; }
  .banner-home {
    padding-bottom: 0; }
    .banner-home .container {
      padding-bottom: 44%;
      background-image: url("../img/home-banner-2018-sm.svg");
      background-size: 100% auto;
      background-position: 50% 100%; }
    .banner-home .btn {
      clear: both;
      display: block;
      width: 180px;
      margin: 0 auto 10px auto; }
    .banner-home h1 {
      margin-bottom: 10px; }
    .banner-home p {
      margin-bottom: 10px; }
  .banner-post-serie {
    margin-bottom: 0; } }

.searchform {
  padding: 10px 0 0 0; }
  .searchform div {
    position: relative; }
  .searchform label {
    display: none; }
  .searchform input[type="text"] {
    display: block;
    border: 1px solid #999;
    background-color: #f9f9f9;
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    border-radius: 22px;
    padding: 10px 80px 10px 10px;
    outline: 0; }
    .searchform input[type="text"]:focus {
      border-color: #666; }
  .searchform input[type="submit"],
  .searchform button[type="submit"] {
    position: absolute;
    top: 2px;
    right: 2px;
    margin: 0;
    height: 40px;
    background-color: #D8BF6E;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    outline: 0; }
    .searchform input[type="submit"]:hover,
    .searchform button[type="submit"]:hover {
      right: 4px;
      background-color: #E3D097; }
    .searchform input[type="submit"]:active,
    .searchform button[type="submit"]:active {
      -webkit-transform: scale(1);
      transform: scale(1); }

.widget_search .searchform {
  padding: 0; }

@media (min-width: 720px) and (max-width: 1024px) {
  .searchform input[type="text"] {
    height: 44px; }
  .searchform input[type="submit"],
  .searchform button[type="submit"] {
    padding-left: 8px;
    padding-right: 8px;
    height: 40px; } }

@media (max-width: 719px) {
  .searchform input[type="text"] {
    height: 42px; }
  .searchform button[type="submit"] {
    height: 38px; } }

.tab-list {
  margin: 0 auto 32px auto;
  max-width: 400px;
  padding: 2px;
  list-style: none;
  display: -webkit-box;
  display: flex;
  font-size: 0.878em;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background-color: rgba(1, 1, 1, 0.25);
  border-radius: 30px; }

.tab-item {
  margin: 0;
  padding: 0;
  -webkit-box-flex: 1;
  flex: 1; }

.tab-lnk {
  text-align: center;
  display: block;
  padding: 8px;
  text-decoration: none;
  color: #f9f9f9;
  opacity: 0.75;
  line-height: 1.5;
  border-radius: 30px; }
  .tab-lnk.tab-lnk-current {
    opacity: 1;
    background-color: #217677;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#217677), to(#1A5F5F));
    background-image: linear-gradient(to bottom, #217677 0%, #1A5F5F 100%); }

.tab-panel {
  display: none; }
  .tab-panel.tab-panel-current {
    display: block; }

.medal {
  position: absolute;
  z-index: 12;
  top: -41px;
  left: 50%;
  width: 86px;
  height: 124px;
  margin: 0 0 0 -43px;
  background-color: transparent;
  background-image: url("../img/profile/medal.png");
  background-size: 86px auto;
  background-repeat: no-repeat; }

.p-curso-item {
  text-align: center;
  padding: 32px;
  box-sizing: border-box;
  display: block;
  color: #222;
  text-decoration: none; }
  .p-curso-item .p-curso-icon {
    width: 86px;
    height: 108px;
    margin: 0 auto;
    padding-top: 9px;
    background-color: transparent;
    background-image: url("../img/profile/medal.png");
    background-size: 86px auto;
    background-position: 50% 0;
    background-repeat: no-repeat; }
    .p-curso-item .p-curso-icon img {
      display: block;
      width: 64px;
      margin: 0 auto; }
  .p-curso-item .p-curso-desc {
    line-height: 1.25;
    font-size: 0.878em;
    padding-top: 16px; }

a.p-curso-item:hover {
  color: #D8574B;
  text-decoration: underline; }

@media (min-width: 1025px) {
  .p-curso-item {
    -webkit-box-flex: 0;
    flex: 0 0 20%; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .p-curso-item {
    -webkit-box-flex: 0;
    flex: 0 0 25%; } }

.cursos-box {
  background-color: #222;
  margin-bottom: 16px;
  border-radius: 5px; }

.cursos-items {
  border-radius: 0 0 5px 5px;
  padding: 0 16px;
  border: 1px solid #1C1C33;
  background-color: #f9f9f9; }

.cursos-cursos {
  background-color: #efefef;
  padding: 48px 0 1px 0; }
  .cursos-cursos.cursos-laravel-avanzado {
    background-color: #f9f9f9; }

.cursos-series {
  padding: 48px 0 1px 0; }

.cursos-head {
  background-color: #1C1C33;
  color: #f9f9f9;
  border-radius: 5px 5px 0 0;
  position: relative; }
  .cursos-head h2 {
    margin: 0; }
  .cursos-head p {
    margin: 0;
    max-width: 680px; }
  .cursos-head .cursos-icon {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 5%;
    width: 120px;
    height: 80px;
    margin: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 120px auto; }

.icon-php-esencial {
  background-image: url("../img/cursos/icon-php-esencial.svg"); }

.icon-laravel-basico {
  background-image: url("../img/cursos/icon-laravel-basico.svg"); }

.icon-laravel-news {
  background-image: url("../img/cursos/icon-laravel-news.svg"); }

.icon-laravel-componentes {
  background-image: url("../img/cursos/icon-laravel-componentes.svg"); }

.icon-administracion {
  background-image: url("../img/cursos/icon-administracion.svg"); }

.icon-front-end {
  background-image: url("../img/cursos/icon-frontend.svg"); }

.section-title-searching {
  display: none; }

.searching .section-title-searching {
  display: block; }

.searching .cursos-cursos {
  padding: 4px 0; }

.searching .cursos-box {
  margin-bottom: 8px;
  background-color: transparent; }

.searching .cursos-head,
.searching hr.sep,
.searching .p-cta {
  display: none; }
  .searching .cursos-head p,
  .searching .cursos-head .cursos-icon,
  .searching hr.sep p,
  .searching hr.sep .cursos-icon,
  .searching .p-cta p,
  .searching .p-cta .cursos-icon {
    display: none; }

.searching .cursos-items {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent; }

.searching .curso-item-wrap:nth-of-type(even) .curso-item {
  padding-left: 0; }

.searching .cursos-series {
  padding: 4px 0; }

.searching .series-box {
  padding: 0;
  border: 0;
  margin-bottom: 8px; }

.searching .series-items {
  border: 0; }

.searching .series-head {
  display: none;
  font-size: 0.78em;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 0;
  margin: 0; }
  .searching .series-head p,
  .searching .series-head .serie-icon {
    display: none; }

.searching .serie-item {
  border: 0 !important; }

@media (min-width: 1025px) {
  .page-template-page-cursos .widget_search {
    padding-top: 22px; }
  .cursos-cursos {
    padding: 32px 0 16px 0; }
  .cursos-head {
    padding: 16px 64px; }
    .cursos-head .cursos-icon {
      width: 120px;
      height: 120px; }
  .cursos-items {
    padding: 16px 64px; }
  .curso-item-wrap {
    width: 50%;
    float: left; }
    .curso-item-wrap:nth-of-type(odd) .curso-item {
      padding-right: 32px; }
    .curso-item-wrap:nth-of-type(even) .curso-item {
      padding-left: 32px; }
    .curso-item-wrap:nth-of-type(3) .curso-item {
      border-bottom: 0; }
    .curso-item-wrap .curso-item {
      height: 180px; }
  .cursos-series {
    padding: 32px 0; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .page-template-page-cursos .widget_search {
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto; }
  .cursos-head {
    padding: 32px 140px 32px 16px; }
    .cursos-head .cursos-icon {
      width: 100px;
      height: 100px;
      right: 2%;
      background-size: 100px auto; }
  .cursos-items {
    padding: 16px; }
  .curso-item-wrap {
    width: 48%;
    float: left; }
    .curso-item-wrap:nth-of-type(3) .curso-item {
      border-bottom: 0; }
    .curso-item-wrap .curso-item {
      height: 190px; } }

@media (max-width: 719px) {
  .page-template-page-cursos .widget_search {
    padding-top: 10px;
    margin-bottom: 10px; }
  .cursos-box {
    margin-top: 6px; }
  .cursos-head {
    text-align: center;
    padding: 44px 10px 10px 10px; }
    .cursos-head .cursos-icon {
      height: 60px;
      left: 50%;
      right: 0;
      background-size: auto 60px;
      margin-top: -20px;
      margin-left: -60px; } }

.curso-item {
  display: block;
  padding: 16px 0 0 0;
  color: #222;
  text-decoration: none; }
  .curso-item h3 {
    margin: 0;
    font-size: 1.215em;
    line-height: 1.25em;
    -webkit-transition: color .15s linear;
    transition: color .15s linear; }
  .curso-item .curso-item-desc {
    margin: 0 0 10px 0; }
  .curso-item:hover h3 {
    color: #D8574B; }
  .curso-item .curso-free {
    font-size: 0.878em;
    display: inline-block;
    font-weight: normal;
    padding: 0 6px;
    border-radius: 2px;
    background-color: rgba(227, 208, 151, 0.4); }

.curso-item-wrap:nth-of-type(1) .curso-item,
.curso-item-wrap:nth-of-type(2) .curso-item {
  border-top: 0; }

.curso-info {
  background-color: #efefef;
  color: #666;
  font-size: 0.8em;
  padding: 16px 0;
  margin: 0 0 48px 0; }
  .curso-info p {
    margin: 0; }
  .curso-info a {
    text-decoration: none; }
  .curso-info .lesson-serie-lessons {
    text-align: right;
    margin-left: 32px; }

.feat-img {
  width: 160px;
  height: 160px;
  border-radius: 80px;
  border: 1px solid #efefef;
  overflow: hidden;
  background-color: #222;
  position: absolute;
  bottom: -20px;
  right: 16px; }

.box-curso-author {
  position: relative;
  margin-top: 8px;
  font-size: 0.878em; }
  .box-curso-author .author-avatar {
    position: absolute;
    border: 1px solid #999;
    overflow: hidden;
    border-radius: 36px;
    top: 0;
    left: 50%;
    margin: -34px 0 0 -30px; }
    .box-curso-author .author-avatar img {
      display: block; }

.lesson-title {
  color: #D8574B; }

@media (min-width: 1025px) {
  .curso-info br {
    display: none; }
  .curso-info span {
    margin-right: 20px; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .curso-item {
    padding: 10px; }
    .curso-item br {
      display: none; } }

@media (max-width: 719px) {
  .curso-item-wrap:nth-of-type(2) .curso-item {
    border-top: 1px dotted #999; }
  .curso-info {
    padding: 12px 0;
    margin: 0 0 24px 0; }
    .curso-info p {
      margin: 0; }
    .curso-info .lesson-serie-lessons {
      text-align: left;
      display: block;
      margin: 0; }
  .curso-sidebar {
    padding-top: 16px; } }

.series-box {
  border: 1px solid #999;
  border-radius: 5px;
  background-color: #f9f9f9;
  margin-bottom: 32px;
  padding: 0 0 16px 0; }

.series-head {
  border-bottom: 1px solid #999;
  padding: 16px;
  margin-bottom: 16px;
  position: relative; }
  .series-head h3 {
    margin: 0;
    color: #420B38; }
  .series-head .serie-icon {
    position: absolute;
    width: 90px;
    height: 75px;
    top: 0;
    left: 50%;
    margin: -37px 0 0 -45px;
    background-position: 50%;
    background-size: 90px 75px;
    background-repeat: no-repeat; }

.icon-series-laravel {
  background-image: url("../img/icon-laravel-php.svg"); }

.icon-backend {
  background-image: url("../img/icon-backend.svg"); }

.icon-herramientas {
  background-image: url("../img/icon-desarrollo.svg"); }

.icon-frontend {
  background-image: url("../img/icon-frontend.svg"); }

.icon-archivo {
  background-image: url("../img/icon-archivo.svg"); }

.serie-item {
  display: block;
  padding: 16px;
  border-bottom: 0;
  margin-bottom: 10px;
  color: #222;
  text-decoration: none; }
  .serie-item h4 {
    -webkit-transition: color .15s linear;
    transition: color .15s linear; }
  .serie-item:hover h4 {
    color: #D8574B; }
  .serie-item p {
    margin: 0; }

.section-archivo .serie-item-wrap {
  font-size: 0.878em;
  opacity: 0.5; }

.section-archivo .series-box {
  background-color: #efefef; }

@media (min-width: 1025px) {
  .serie-item-wrap {
    float: left;
    width: 33.333333%; }
  .serie-item {
    min-height: 140px; }
  .serie-item-wrap:nth-child(3n+1) {
    clear: left; }
  .serie-item-wrap:nth-of-type(2) .serie-item,
  .serie-item-wrap:nth-of-type(5) .serie-item,
  .serie-item-wrap:nth-of-type(8) .serie-item {
    border-left: 1px dotted #999;
    border-right: 1px dotted #999; }
  .section-series-laravel {
    padding-top: 64px; }
  .section-archivo .serie-item-wrap .serie-item {
    min-height: 140px; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .serie-item-wrap {
    float: left;
    width: 33.333333%; }
    .serie-item-wrap .serie-item {
      height: 160px; }
  .series-head .serie-icon {
    left: 83%; }
  .serie-item-wrap:nth-of-type(2) .serie-item,
  .serie-item-wrap:nth-of-type(5) .serie-item,
  .serie-item-wrap:nth-of-type(8) .serie-item {
    border-left: 1px dotted #999;
    border-right: 1px dotted #999; }
  .section-archivo .serie-item-wrap .serie-item {
    height: 140px; } }

@media (max-width: 719px) {
  .series-box {
    padding: 0; }
  .series-head {
    padding: 34px 10px 10px 10px;
    margin-bottom: 0;
    text-align: center; }
  .series-items {
    padding: 0 10px; }
  .serie-item {
    padding: 10px 0;
    border-top: 1px solid #999; }
  .serie-item-wrap:first-of-type .serie-item {
    border-top: 0; } }

.widget ul {
  margin: 0 0 1.25em 0;
  padding: 0;
  list-style: none;
  font-size: 0.937em;
  line-height: 1.45em; }
  .widget ul:last-child {
    margin: 0; }

.widget li {
  margin: 0 0 8px 0;
  padding: 0; }

.widget a {
  color: #217677;
  text-decoration: none; }
  .widget a:hover {
    text-decoration: underline; }

.lesson-list {
  margin: 0 0 32px 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #999; }
  .lesson-list li {
    margin: 0;
    padding: 8px 0 7px 0;
    line-height: 32px;
    border-bottom: 1px dotted #999; }
    .lesson-list li::after {
      content: "";
      display: block;
      clear: both; }
  .lesson-list a {
    color: #222;
    border: 0;
    display: block;
    text-decoration: none; }
  .lesson-list .lesson-time {
    float: right;
    margin: 0 0 0 20px;
    display: block;
    font-size: 0.878em;
    color: #999;
    position: relative;
    min-width: 20px; }

@media (max-width: 719px) {
  .lesson-list {
    margin: 0 0 24px 0; }
    .lesson-list li {
      padding: 6px 0 24px 26px;
      line-height: 24px;
      text-indent: -26px;
      line-height: 20px;
      position: relative; }
      .lesson-list li .lesson-time {
        text-indent: 0;
        display: block;
        height: 16px;
        position: absolute;
        bottom: 4px;
        right: 0; }
      .lesson-list li.disabled {
        padding-right: 16px; }
        .lesson-list li.disabled .lesson-time {
          top: 6px;
          bottom: auto; } }

.post-item {
  border-bottom: 1px dotted #999;
  margin-bottom: 32px; }
  .post-item h3 {
    margin: 0; }
    .post-item h3 a {
      border: 0; }
  .post-item.post-item-small .post-banner,
  .post-item.post-item-small img {
    display: none; }
  .post-item .pmpro_content_message {
    padding: 12px;
    background-color: #e3ecec;
    border: 1px dotted #209191;
    border-radius: 3px;
    margin-bottom: 32px; }
    .post-item .pmpro_content_message > p {
      margin: 0; }
    .post-item .pmpro_content_message .btn.btn-green {
      margin: 0 12px 0 0;
      font-size: 0.9em;
      background-color: #1A5F5F;
      border: 0;
      color: #f9f9f9;
      border-radius: 20px; }

.post-content ul {
  padding-left: 20px; }

.post-content iframe {
  max-width: 100%; }

.pmpro_content_message .c2a-main {
  position: relative;
  margin: 60px 0 30px 0;
  background-color: #217677;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#217677), to(#1A5F5F));
  background-image: linear-gradient(to bottom, #217677 0%, #1A5F5F 100%);
  color: #f9f9f9;
  border-radius: 6px;
  text-align: center;
  padding: 50px 50px 20px 50px; }
  .pmpro_content_message .c2a-main p {
    padding: 0 40px; }
  .pmpro_content_message .c2a-main::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background-image: url("../img/imac.svg");
    background-size: 100px 100px;
    background-position: 50%;
    background-repeat: no-repeat; }
  .pmpro_content_message .c2a-main .btn {
    padding: 15px 25px;
    border-radius: 50px;
    background-color: #1C1C33;
    border: 1px solid #f9f9f9;
    color: #f9f9f9;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 0.8em; }
    .pmpro_content_message .c2a-main .btn:hover {
      color: #D8BF6E; }

@media (min-width: 1025px) {
  .post-video .crayon-syntax-inline {
    width: auto;
    margin: 0; } }

@media (max-width: 719px) {
  .post-content img.size-full {
    width: 120%;
    max-width: 120%;
    margin-left: -10%; }
  .pmpro_content_message {
    text-align: center; }
    .pmpro_content_message .c2a-main {
      padding: 50px 20px 20px 20px; }
      .pmpro_content_message .c2a-main p {
        padding: 0 20px; }
    .pmpro_content_message .btn.btn-green {
      padding: 12px 15px;
      border-radius: 50px;
      background-color: transparent;
      border: 1px solid #217677;
      color: #217677;
      text-transform: uppercase;
      font-weight: 300;
      font-size: 0.8em;
      display: block;
      margin: 0 auto 10px auto; } }

.post-meta {
  margin: 0;
  padding: 8px 0;
  font-size: 0.772em;
  color: #999; }
  .post-meta > span {
    margin-right: 20px; }
  .post-meta .screen-reader-text {
    display: inline-block;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    speak: normal; }
  .post-meta a {
    color: #666; }

@media (min-width: 1025px) {
  .post-meta br {
    display: none; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .post-meta br {
    display: none; } }

.post-share {
  position: absolute;
  bottom: 0;
  width: 84px;
  margin-bottom: -18px; }

.btn-share {
  display: block;
  color: #f9f9f9;
  text-decoration: none;
  font-size: 0.877em;
  width: 36px;
  height: 36px;
  border-radius: 20px;
  text-align: center;
  line-height: 36px;
  float: right;
  margin: 0; }
  .btn-share:hover {
    color: #f9f9f9; }
  .btn-share.btn-facebook {
    margin-left: 10px; }

@media (min-width: 1025px) {
  .post-share {
    left: 50%;
    margin-left: 390px; } }

@media (min-width: 1360px) {
  .post-share {
    margin-left: 550px; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .post-share {
    right: 16px; } }

@media (max-width: 719px) {
  .post-share {
    right: 16px; } }

.post-item {
  border-bottom: 1px dotted #999;
  margin-bottom: 32px; }
  .post-item h3 {
    margin: 0; }
    .post-item h3 a {
      border: 0; }

.box-post-author {
  background-color: #efefef;
  padding: 10px;
  border: 1px solid #999;
  margin: 0 0 32px 0;
  border-radius: 2px; }
  .box-post-author .author-avatar {
    float: left;
    width: 60px;
    height: 60px;
    padding: 3px;
    background-color: #f9f9f9;
    border: 1px solid #999;
    border-radius: 2px; }
    .box-post-author .author-avatar img {
      display: block; }
  .box-post-author .author-details {
    margin-left: 80px; }
    .box-post-author .author-details p {
      margin: 0 0 10px 0; }

ul.author-links {
  margin: 0;
  padding: 0;
  list-style: none; }
  ul.author-links li {
    display: inline-block;
    margin: 0 10px 0 0; }
  ul.author-links a {
    border: 0;
    -webkit-transition: color .1s linear;
    transition: color .1s linear; }
    ul.author-links a:hover {
      color: #420B38; }

@media (max-width: 719px) {
  .box-post-author {
    padding: 8px; }
    .box-post-author .author-avatar {
      float: none;
      margin: 0 auto 10px auto; }
    .box-post-author .author-details {
      margin: 0; }
  ul.author-links {
    padding: 0; }
    ul.author-links li.user-url {
      display: block; }
    ul.author-links a {
      border: 0;
      padding: 6px;
      line-height: 30px;
      -webkit-transition: color .1s linear;
      transition: color .1s linear; }
      ul.author-links a:hover {
        color: #420B38; } }

.post-banner {
  padding: 10px 10px 10px 130px;
  margin: 0 0 20px 0;
  min-height: 100px;
  position: relative;
  display: block;
  text-decoration: none;
  border: 0;
  border-radius: 5px; }
  .post-banner .post-icono {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 3px; }
    .post-banner .post-icono img {
      display: block; }
  .post-banner .post-num {
    position: absolute;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    top: 0;
    right: 0;
    margin: -22px 11px 0 0;
    border-radius: 22px;
    font-family: sans-serif;
    color: white;
    background-color: inherit;
    opacity: 1; }
    .post-banner .post-num::before {
      content: "";
      display: block;
      width: 44px;
      height: 44px;
      border-radius: 22px;
      background-color: black;
      top: 0;
      left: 0;
      position: absolute;
      z-index: 0;
      box-sizing: border-box;
      border: 1px solid white; }
    .post-banner .post-num::after {
      content: "";
      display: block;
      width: 44px;
      height: 44px;
      border-radius: 22px;
      background-color: inherit;
      top: 0;
      left: 0;
      position: absolute;
      opacity: 0.8;
      z-index: 0; }
    .post-banner .post-num i {
      font-style: normal;
      font-size: 1.4em;
      top: 0;
      left: 0;
      text-align: center;
      position: absolute;
      z-index: 2;
      display: block;
      font-weight: bold;
      width: 44px;
      height: 44px;
      line-height: 44px; }
  .post-banner h3 {
    font-size: 1.4em;
    line-height: 1.2em;
    color: #f9f9f9;
    font-weight: 300;
    padding: 0 40px 8px 0;
    margin: 0 0 8px 0;
    border-bottom: 1px dotted rgba(249, 249, 249, 0.5); }
  .post-banner h4 {
    font-size: 1.1em;
    font-weight: 300;
    margin: 0;
    color: #f9f9f9;
    opacity: 0.7; }
    .post-banner h4 span {
      float: right;
      font-size: 0.9em; }

@media (max-width: 719px) {
  .post-banner {
    padding: 5px 5px 5px 75px;
    min-height: 60px; }
    .post-banner .post-icono {
      top: 5px;
      left: 5px;
      width: 60px;
      height: 60px; }
    .post-banner .post-num {
      margin: -17px 6px 0 0;
      font-size: 1.3em;
      height: 36px;
      width: 36px; }
      .post-banner .post-num i {
        height: 36px;
        line-height: 36px;
        width: 36px;
        font-size: 1em; }
      .post-banner .post-num:before, .post-banner .post-num:after {
        width: 36px;
        height: 36px; }
    .post-banner h3 {
      font-size: 1.2em;
      line-height: 1.2em;
      color: #f9f9f9;
      margin: 0 0 6px 0;
      padding: 0 36px 6px 0; }
    .post-banner h4 {
      font-size: 1em; }
  .btn {
    margin: 5px 0; }
  .social {
    margin-left: 0;
    width: 100%; }
  .copy {
    font-size: 0.9em; } }

.post-neighbours {
  font-size: 0.9em;
  line-height: 1.2em;
  margin: 0 0 32px 0; }

.lnk-next,
.lnk-prev {
  display: block;
  width: 40%;
  color: #217677;
  box-sizing: border-box;
  background-color: #efefef;
  border-radius: 3px;
  padding: 10px;
  text-decoration: none; }
  .lnk-next .neighbour-type,
  .lnk-prev .neighbour-type {
    display: block;
    font-size: 0.8em;
    color: #999; }

.lnk-prev {
  display: block;
  float: left;
  text-align: left; }

.lnk-next {
  display: block;
  float: right;
  text-align: right; }

@media (min-width: 720px) {
  .vid-playing > .lnk-next {
    position: fixed;
    max-width: 300px;
    bottom: 10px;
    right: 10px;
    background-color: #217677;
    color: #f9f9f9;
    -webkit-transform: translateY(120%);
    transform: translateY(120%);
    opacity: 0;
    z-index: 1000;
    -webkit-transition: -webkit-transform 0.15s ease;
    transition: -webkit-transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease;
    box-shadow: 0 0 24px rgba(1, 1, 1, 0.4); }
    .vid-playing > .lnk-next .neighbour-type {
      color: rgba(249, 249, 249, 0.75); }
  .vid-playing.vid-complete > .lnk-next {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@media (max-width: 719px) {
  .post-neighbours a {
    width: 90%; }
  .lnk-prev {
    margin-bottom: 10px; } }

.video-iframe {
  width: 100%;
  position: relative;
  height: 0;
  margin: 0 0 32px 0; }
  .video-iframe.regular {
    padding-top: 75%; }
  .video-iframe.wide {
    padding-top: 62.45%; }
  .video-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media (min-width: 1025px) {
  .post-video .video-wrap {
    width: 120%;
    margin-left: -10%; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .video-iframe {
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -16px; } }

@media (max-width: 719px) {
  .video-iframe {
    padding-top: 70.45%;
    padding-left: 24px;
    padding-right: 24px;
    margin-left: -24px; } }

.sty-ficha {
  font-size: 0.75em;
  max-width: 80%;
  padding: 16px;
  margin: 0 0 16px 0;
  border-radius: 4px;
  border: 1px solid #E3D097;
  background-color: #f6f3eb; }
  .sty-ficha p {
    margin: 0 0 16px 0; }
    .sty-ficha p:last-child {
      margin: 0; }
  .sty-ficha .crayon-syntax {
    margin: 0 0 16px 0 !important;
    width: 100%; }

@media (min-width: 1025px) {
  .sty-ficha {
    margin: 0 0 32px -32px; } }

.testimonio {
  padding: 36px 10px 10px 10px;
  background-color: #f2f2f2;
  text-align: left;
  margin: 0 0 40px 0;
  border-radius: 6px;
  position: relative; }
  .testimonio .test-avatar {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    margin: -30px 0 0 -30px; }
    .testimonio .test-avatar img {
      max-width: 100%;
      height: auto; }
  .testimonio p {
    margin: 0 0 10px 0;
    font-size: 0.9em;
    line-height: 1.5em; }
  .testimonio .test-author {
    margin: 0;
    text-align: right;
    font-weight: bold; }

@media (min-width: 1025px) {
  .testimonio {
    margin-top: 20px; } }

@media (min-width: 720px) {
  .test-copy p:first-child {
    height: 100px; } }

.plan {
  border-radius: 8px;
  color: #f9f9f9;
  text-align: center;
  position: relative;
  margin: 0 0 32px 0;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  display: block;
  text-decoration: none; }
  .plan .plan-icon {
    width: 60px;
    height: 55px;
    margin: 10px auto;
    background-repeat: no-repeat;
    background-size: 60px 55px;
    background-color: transparent; }
    .plan .plan-icon.plan-month {
      background-image: url("../img/icon-cal-month.svg"); }
    .plan .plan-icon.plan-trim {
      background-image: url("../img/icon-cal-trim.svg"); }
    .plan .plan-icon.plan-sem {
      background-image: url("../img/icon-cal-sem.svg"); }
    .plan .plan-icon.plan-year {
      background-image: url("../img/icon-cal-year.svg"); }
    .plan .plan-icon.plan-life {
      background-image: url("../img/icon-cal-life.svg"); }
  .plan:hover {
    box-shadow: 0 0 24px rgba(216, 191, 110, 0.15);
    background-color: rgba(1, 1, 1, 0.15); }
  .plan h4 {
    margin: 0 0 1em 0;
    color: rgba(249, 249, 249, 0.6); }
  .plan .plan-n {
    font-size: 2.4em;
    color: #D8BF6E; }
  .plan .plan-strike {
    text-decoration: line-through;
    opacity: 0.6;
    color: #D8BF6E; }
    .plan .plan-strike strong {
      font-size: 1.2em; }
  .plan .plan-desc {
    font-size: 0.9em;
    line-height: 1.2em;
    margin: 0 2% 32px 2%;
    color: rgba(249, 249, 249, 0.4); }
    .plan .plan-desc strong {
      color: rgba(249, 249, 249, 0.8); }
  .plan p:last-child {
    margin: 0; }
  .plan .plan-recommend,
  .plan .plan-promote {
    position: absolute;
    top: 10px;
    right: -10px;
    padding: 0 10px;
    font-size: 0.878em;
    background-color: #217677;
    color: #f9f9f9;
    text-transform: uppercase; }
    .plan .plan-recommend::before,
    .plan .plan-promote::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 10px;
      height: 100%;
      z-index: 1;
      background-color: #217677; }
    .plan .plan-recommend::after,
    .plan .plan-promote::after {
      content: '';
      display: block;
      position: absolute;
      bottom: -10px;
      right: -10px;
      width: 0;
      height: 0;
      z-index: 0;
      border: 10px solid transparent;
      border-left-color: #1A5F5F; }
  .plan .plan-promote {
    background-color: #D8574B; }
    .plan .plan-promote::before {
      background-color: #D8574B; }
    .plan .plan-promote::after {
      border-left-color: #D23B2E; }

.section-planes .plan {
  background-color: #121222;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover; }
  .section-planes .plan.plan-highlight {
    background-color: #2B0725; }

.section-planes .label {
  background-color: transparent;
  color: #f9f9f9; }

@media (min-width: 1025px) {
  .section-planes .plan {
    padding: 32px; }
    .section-planes .plan h3.label {
      font-size: 1em; }
    .section-planes .plan h4 {
      height: 80px; }
    .section-planes .plan .plan-n {
      font-size: 3.2em; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .section-planes .plan {
    padding: 32px; }
    .section-planes .plan h4 {
      height: 60px; } }

@media (max-width: 719px) {
  .section-planes .plan {
    padding: 10px; }
    .section-planes .plan.plan-mes {
      margin-bottom: 10px; }
    .section-planes .plan h3.label {
      margin: 0 0 10px 0; }
    .section-planes .plan h4 {
      height: 60px;
      line-height: 1; } }

.subscribe {
  background-color: #1C1C33;
  background: linear-gradient(135deg, #252543 0%, #1c1c33 20%, #2b0725 100%);
  text-align: center;
  color: #f9f9f9; }
  .subscribe h3 {
    margin: 0 0 16px 0; }
  .subscribe form {
    text-align: center; }
  .subscribe input[type="text"],
  .subscribe input[type="email"] {
    padding: 9px;
    height: 19px;
    line-height: 20px;
    border-radius: 20px;
    background-color: #f9f9f9;
    border: 1px solid #f9f9f9;
    color: #222;
    font-size: 16px;
    outline: 0;
    width: auto;
    box-sizing: content-box; }
    .subscribe input[type="text"]:focus,
    .subscribe input[type="email"]:focus {
      border: 1px solid #f9f9f9; }
  .subscribe.subscribe-content {
    border: 1px solid #999;
    background-color: #D8BF6E;
    padding: 20px;
    margin: 0 0 32px 0;
    border-radius: 40px; }
    .subscribe.subscribe-content input[type="text"],
    .subscribe.subscribe-content input[type="email"] {
      background-color: #f9f9f9;
      color: #222;
      border: 1px solid #999; }
    .subscribe.subscribe-content .hon {
      display: none; }

.post-subscribe {
  background-color: #efefef;
  padding: 32px;
  margin: 0 0 32px 0;
  position: relative;
  border-radius: 3px; }
  .post-subscribe input[type="email"] {
    background-color: #f9f9f9;
    border-radius: 30px;
    margin: 0 0 5px 0;
    border-color: #999; }

.hon {
  height: 0;
  overflow: hidden; }

.section-popform {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: #D8574B;
  background: linear-gradient(135deg, #d23b2e 0%, #d23b2e 20%, #2b0725 100%);
  padding: 16px 32px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  box-shadow: -10px 0 10px rgba(1, 1, 1, 0.4); }
  .section-popform.popform-hidden {
    -webkit-transform: translateY(120%);
    transform: translateY(120%);
    opacity: 0; }
  .section-popform .btn-popform-close {
    position: absolute;
    top: 50%;
    right: 16px;
    border: 0;
    background: none;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 22px;
    color: rgba(249, 249, 249, 0.75);
    font-family: "ClearSans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    font-weight: 300;
    margin-top: -22px;
    cursor: pointer; }

.popform {
  margin: 0 auto;
  color: #f9f9f9; }
  .popform p {
    margin: 0;
    font-size: 0.878em;
    line-height: 1.25; }
  .popform input[type="email"] {
    border-radius: 50px; }
  .popform .popform-email:focus {
    border-color: #1C1C33; }
  .popform .hon {
    display: none; }

@media (min-width: 1025px) {
  .subscribe form {
    padding: 35px 0 25px 0; }
    .subscribe form .form-email-icon {
      position: relative;
      -webkit-transform: translate(-6px, 6px);
      transform: translate(-6px, 6px); }
    .subscribe form p {
      max-width: 560px;
      margin: 0 auto 32px auto; }
  .subscribe input[type="email"] {
    margin: 0 5px 32px 5px;
    width: 280px; }
  .subscribe.subscribe-content {
    width: 524px;
    margin: 0 auto 32px auto; }
  .post-subscribe {
    padding-left: 96px;
    position: relative; }
    .post-subscribe h3 {
      margin: 0 0 8px 0; }
    .post-subscribe .form-copy {
      float: left;
      width: 48%; }
      .post-subscribe .form-copy p {
        margin: 0;
        line-height: 1.45; }
    .post-subscribe .form-fields {
      float: right;
      width: 48%;
      padding-top: 5px;
      text-align: right; }
    .post-subscribe .form-email-icon {
      position: absolute;
      top: 26px;
      left: 30px; }
  .col8 .post-subscribe .form-copy {
    float: none;
    width: auto;
    max-width: 540px;
    margin-bottom: 10px; }
  .col8 .post-subscribe .form-fields {
    float: none;
    width: auto;
    text-align: left; }
    .col8 .post-subscribe .form-fields input[type="email"] {
      width: 360px; }
  .col8 .post-subscribe .btn {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  .popform {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center; }
    .popform p {
      width: 260px;
      text-align: right; }
    .popform .popform-fields {
      display: -webkit-box;
      display: flex;
      margin: 0 16px; }
    .popform .btn {
      margin-left: 16px; } }

@media (min-width: 1360px) {
  .post-subscribe .form-copy {
    float: left;
    width: 48%; }
  .post-subscribe .form-fields {
    width: 50%;
    padding-top: 8px; }
    .post-subscribe .form-fields input[type="email"] {
      width: 300px; }
    .post-subscribe .form-fields .btn {
      width: 120px;
      margin: 0; }
  .popform p {
    width: 300px; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .subscribe form {
    padding: 25px 0 15px 0; }
  .subscribe .form-email-icon {
    position: relative;
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px); }
  .subscribe input[type="email"] {
    padding: 8px;
    margin: 0 5px 32px 5px;
    width: 220px; }
  .subscribe.subscribe-content {
    width: 506px;
    margin: 0 auto 32px auto; }
  .post-subscribe {
    padding-left: 64px;
    position: relative; }
    .post-subscribe h3 {
      margin: 0 0 16px 0; }
    .post-subscribe .form-copy {
      float: left;
      width: 48%; }
      .post-subscribe .form-copy p {
        margin: 0; }
    .post-subscribe .form-fields {
      float: right;
      width: 48%;
      padding-top: 5px;
      text-align: right; }
    .post-subscribe .form-email-icon {
      position: absolute;
      top: 28px;
      left: 15px; }
  .popform {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center; }
    .popform p {
      max-width: 36%;
      text-align: right; }
    .popform .popform-fields {
      display: -webkit-box;
      display: flex;
      margin: 0 8px; }
    .popform .btn {
      margin-left: 8px; } }

@media (max-width: 719px) {
  .subscribe form {
    padding: 15px 0;
    width: 240px;
    margin: 0 auto; }
  .subscribe .form-email-icon {
    display: block;
    margin: 0 auto 10px auto; }
  .subscribe input[type="text"],
  .subscribe input[type="email"] {
    padding: 8px;
    display: block;
    font-size: 14px;
    margin: 0 0 5px 0;
    box-sizing: border-box;
    height: 40px;
    width: 100%; }
  .subscribe.subscribe-content {
    padding: 16px;
    border-radius: 30px; }
  .post-subscribe input[type="email"] {
    margin: 0 0 5px 0; }
  .post-subscribe .btn {
    width: 100%; }
  .post-subscribe .form-email-icon {
    display: block;
    margin: 0 auto 5px auto; }
  .popform {
    text-align: center;
    max-width: 320px; }
    .popform .popform-email {
      width: 100%;
      margin: 8px 0; } }

.foot {
  padding: 32px 0 0 0;
  color: #f9f9f9;
  font-size: 0.9em;
  line-height: 1.5em;
  background-color: #121222; }
  .foot a {
    border: 0; }
    .foot a:hover {
      text-decoration: underline; }

.end {
  background-color: #0b0b15;
  padding: 10px; }

.copyright {
  font-size: 0.8em;
  line-height: 1em;
  opacity: 0.7;
  margin: 0; }

.foot-links {
  color: #D8BF6E; }
  .foot-links a {
    color: #D8BF6E; }

@media (min-width: 1025px) {
  .foot {
    padding: 64px 0 0 0; }
  .end {
    padding: 32px 0;
    margin: 32px 0 0 0; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .foot {
    padding: 32px 0 0 0; }
  .end {
    padding: 16px 0;
    margin: 32px 0 0 0; } }

@media (max-width: 719px) {
  .foot {
    padding: 40px 0 0 0; }
    .foot p {
      text-align: center; }
  .end {
    padding: 16px 0;
    margin: 32px 0 0 0; } }

.post-user-msg {
  display: block;
  text-decoration: none;
  color: #222;
  background-color: #efefef;
  margin: 0 0 32px 0;
  position: relative;
  border-radius: 3px; }

.post-user-msg-img {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #999; }

.post-user-msg-cont {
  padding: 32px; }

.post-user-msg-cta {
  margin: 0;
  padding-top: 16px; }

.wrap-banner {
  margin-top: 40px; }

.banner-ribbon {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  color: #010101;
  text-align: center;
  text-decoration: none;
  line-height: 15px;
  padding: 5px;
  font-weight: bold;
  font-size: 1.2em;
  background-color: #217677;
  background-image: url("/images/quedate-en-casa-cinto2x.jpg");
  background-position: 50% 50%;
  background-size: auto 40px;
  background-repeat: no-repeat; }
  .banner-ribbon strong {
    color: #f9f9f9;
    position: absolute;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  .banner-ribbon div {
    opacity: 0; }

@media (min-width: 1025px) {
  .post-user-msg-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 100%; }
    .post-user-msg-img + .post-user-msg-cont {
      padding-right: 200px; }
  .wrap-banner .head {
    top: 40px; }
  .wrap-banner .banner {
    margin-top: -56px; }
  .banner-ribbon {
    line-height: 29px; } }

@media (min-width: 1360px) {
  .post-user-msg-img {
    width: 200px; }
    .post-user-msg-img + .post-user-msg-cont {
      padding-right: 230px; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .post-user-msg-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 100%; }
    .post-user-msg-img + .post-user-msg-cont {
      padding-right: 200px; }
  .banner-ribbon {
    line-height: 27px; } }

@media (max-width: 719px) {
  .post-user-msg-img {
    width: 100%;
    height: 120px; }
  .banner-ribbon {
    background-size: auto 34px; }
    .banner-ribbon .col12 {
      height: 29px;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center; } }

.wpc-percentage .wpc-numbers span {
  font-size: 18px !important;
  line-height: 1.25;
  color: #217677 !important; }

.wpc-curso-progress {
  background-color: #efefef;
  border-radius: 3px;
  padding: 5px;
  font-size: 0.878em;
  margin: 6px 0 0 0; }
  .wpc-curso-progress h4 {
    color: #217677; }
  .wpc-curso-progress .wpc-progress-fill {
    height: 3px;
    margin: 6px 0;
    border-radius: 0; }
  .wpc-curso-progress .wpc-curso-status {
    margin: 0; }

.wpc-lesson-completed:after {
  color: #217677; }

.curso-status {
  padding: 5px;
  border-radius: 4px;
  line-height: 1;
  font-size: 0.9em;
  text-align: center;
  background-color: #efefef; }

.wpc-button {
  border-radius: 50px;
  font-size: 0.7em;
  padding: 12px 20px;
  margin-bottom: 32px;
  text-transform: uppercase;
  line-height: 1; }

.wpc-bar-progress {
  display: block;
  height: 30px;
  margin: 0; }

.wpc-continue {
  padding: 5px 0;
  font-size: 0.9em;
  text-align: right;
  color: #217677; }

.modal-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(239, 239, 239, 0.95); }
  .modal-overlay.modal-overlay-bad {
    background-color: rgba(216, 87, 75, 0.9); }
  .modal-overlay.modal-overlay-good {
    background-color: rgba(33, 118, 119, 0.9); }

.modal-wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 96%;
  max-width: 680px;
  margin: 0 auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.modal-cont {
  background-color: #f9f9f9;
  padding: 50px 16px 16px 16px;
  border: 1px solid #999;
  border-radius: 4px; }
  .modal-cont p:last-child {
    margin: 0; }

.modal-icon {
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  margin: -30px 0 0 -30px; }

.modal-icon-wrap {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 36px;
  line-height: 60px;
  background-color: #217677;
  color: #f9f9f9;
  border-radius: 30px; }
  .modal-icon-wrap.modal-icon-bad {
    background-color: #D8574B; }

.btn-close-modal {
  font-size: 0.878em;
  color: #999; }

body #cookie-law-info-bar {
  width: 90% !important;
  max-width: 560px !important;
  left: 50% !important;
  top: auto !important;
  bottom: 40px;
  padding: 30px 30px !important;
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  font-size: 1em !important;
  box-shadow: 0 0 20px 5px rgba(1, 1, 1, 0.1);
  margin: 0 auto !important; }
  body #cookie-law-info-bar #cookie_action_close_header {
    display: block !important;
    max-width: 280px !important;
    margin: 15px auto !important; }
  body #cookie-law-info-bar span {
    float: none !important;
    text-align: center !important; }
  body #cookie-law-info-bar #cookie_action_close_header {
    margin: 10px auto !important; }

@media (min-width: 1025px) {
  .modal-cont {
    padding: 40px 32px 32px 32px; } }

@media (max-width: 719px) {
  .btn-close-modal {
    display: block;
    padding: 8px 0; }
  body #cookie-law-info-bar {
    padding: 40px 20px !important;
    margin: 0 !important;
    box-sizing: border-box; }
    body #cookie-law-info-bar #cookie_action_close_header {
      display: block;
      margin: 15px; } }

.home-intro {
  background-color: #efefef;
  text-align: center;
  font-family: "CompasseBold", "Impact", sans-serif;
  color: #1C1C33;
  padding: 21.33333px 0 16px 0; }
  .home-intro h3 {
    margin: 0;
    font-size: 1.7em;
    line-height: 1.3; }

.home-search {
  background-color: #efefef;
  text-align: center;
  font-family: "CompasseBold", "Impact", sans-serif;
  line-height: 1.3em;
  color: #217677;
  padding: 16px 0; }
  .home-search .search-home fieldset {
    margin: 0;
    padding: 0 0 8px 0;
    border: 0;
    position: relative; }
  .home-search .search-home input {
    padding-right: 110px;
    font-size: 1em;
    font-family: "ClearSans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; }
  .home-search .search-home button {
    position: absolute;
    right: 2px;
    top: 2px;
    outline: 0;
    background-color: #D8BF6E;
    border-color: #CDAB44;
    color: #222; }
    .home-search .search-home button:hover {
      right: 5px;
      background-color: #E3D097; }

.home-cursos {
  padding: 32px 0; }

.home-series {
  padding: 32px 0;
  background-color: #efefef; }

.home-blog {
  padding: 32px 0; }

.home-testimonios {
  padding: 32px 0; }
  .home-testimonios .head-testimonios {
    padding-bottom: 40px; }
  .home-testimonios .invitations-for-slack-wrapper {
    text-align: center;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }

.home-planes {
  background-color: #121222;
  padding: 16px 0;
  color: #f9f9f9; }
  .home-planes .plan {
    border: 1px dotted rgba(249, 249, 249, 0.4);
    padding: 10px 0;
    background-color: #1C1C33; }
  .home-planes .label {
    background-color: transparent;
    color: #efefef; }

.feat-article {
  display: block;
  color: #444;
  padding-left: 60px;
  min-height: 60px;
  text-decoration: none;
  background-image: url("../img/icon-article.svg");
  background-size: 40px  auto;
  background-position: 0 6px;
  background-repeat: no-repeat; }
  .feat-article h4 {
    font-size: 1.2em;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0; }
  .feat-article .meta {
    margin: 0;
    font-size: 0.8em; }
  .feat-article:hover {
    color: #D8574B; }

.page-template-page-home .head .logo a {
  background-image: url("../img/styde-w-o.png"); }

@media (min-width: 1025px) {
  .home-intro {
    padding: 21.33333px 0 32px 0; }
  .home-search .search-home input[type="text"] {
    height: 45px; }
  .home-search .search-home button[type="submit"] {
    height: 39px;
    right: 3px;
    top: 3px; }
  .home-cursos {
    padding: 64px 0; }
    .home-cursos .cursos-icon {
      width: 90px;
      height: 90px;
      background-size: 100%; }
  .home-series {
    padding: 64px 0; }
  .series-wrap .col4:nth-of-type(3n+1) .serie,
  .series-wrap .col4:nth-of-type(3n+2) .serie {
    border-right: 2px solid #999; }
  .home-blog {
    padding: 64px 0; }
  .home-testimonios {
    padding: 64px 0; }
    .home-testimonios .head-testimonios {
      padding-bottom: 60px; }
  .home-planes {
    padding: 32px 0; }
    .home-planes .plan {
      padding: 10px 0 20px 0; } }

@media (min-width: 1360px) {
  .home-search .search-home input[type="text"] {
    height: 46px; }
  .home-search .search-home button[type="submit"] {
    height: 40px; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .home-intro {
    padding: 32px 0; }
  .banner-home h2 {
    padding-bottom: 10px; }
  .home-cursos {
    padding: 64px 0; }
    .home-cursos .cursos-icon {
      width: 90px;
      height: 90px;
      background-size: 100%; }
  .home-series {
    padding: 32px 0 48px 0; }
  .series-wrap .col4:nth-of-type(3n+1) .serie,
  .series-wrap .col4:nth-of-type(3n+2) .serie {
    border-right: 2px solid #999; }
  .home-blog {
    padding: 64px 0; }
  .home-testimonios {
    padding: 64px 0; }
    .home-testimonios .head-testimonios {
      padding-bottom: 60px; }
  .home-planes {
    padding: 32px 0; } }

@media (max-width: 719px) {
  .home-intro {
    margin-bottom: 20px; }
    .home-intro h3 {
      font-size: 1.4em; }
  .home-cursos .btn {
    width: 160px; }
  .home-series {
    padding: 48px 0 32px 0; }
  .serie {
    border-top: 2px solid #999; }
  .series-wrap {
    padding: 10px 0; }
    .series-wrap .col4:first-child .serie {
      border-top: 0; }
  .home-blog .col6:nth-of-type(2) {
    margin-bottom: 10px; }
  .home-planes .plan-mes {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px dotted rgba(249, 249, 249, 0.4); }
  .home-planes h3.label {
    margin: 0 0 10px 0; }
  .home-planes h4 {
    height: 60px;
    line-height: 1; } }

.page-template-page-userlogin .tml {
  max-width: none;
  border: 1px solid #efefef;
  border-radius: 4px;
  padding: 20px;
  margin: 0 0 32px 0; }
  .page-template-page-userlogin .tml .tml-action-links {
    display: block;
    clear: both; }
  .page-template-page-userlogin .tml p {
    margin-bottom: 1em; }

.page-template-page-userlogin .tml-links {
  margin: 0;
  padding: 3px 0 0 0;
  list-style: none; }

.page-template-page-userlogin .tml-rememberme-wrap {
  display: block; }

.page-template-page-userlogin .tml-submit-wrap {
  float: left;
  margin-right: 12px;
  display: block; }

@media (min-width: 1025px) {
  .page-template-page-userlogin .tml-rememberme-submit-wrap .tml-rememberme-wrap {
    display: block;
    float: left;
    width: 49%; }
  .page-template-page-userlogin .tml-rememberme-submit-wrap .tml-submit-wrap {
    display: block;
    float: right;
    width: 49%; }
  .page-template-page-userlogin .tml {
    margin: 50px 0;
    padding: 30px 50px; } }

.pmpro_box table {
  border: 1px solid #999;
  border-collapse: collapse;
  margin: 0 0 32px 0;
  width: 100%; }
  .pmpro_box table thead th,
  .pmpro_box table thead td {
    border: 1px solid #1A5F5F;
    background-color: #217677;
    color: #f9f9f9; }
  .pmpro_box table tbody th,
  .pmpro_box table tbody td {
    border: 1px solid #999;
    padding: 5px; }

.pmpro_box .pmpro_actionlinks a {
  font-family: "ClearSans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  text-decoration: none;
  display: inline-block;
  padding: 12px 15px !important;
  border-width: 1px;
  border-style: solid;
  border-radius: 50px;
  font-size: 0.7em;
  line-height: 1em;
  text-transform: uppercase;
  margin: 2px;
  cursor: pointer;
  text-align: center;
  white-space: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out;
  color: #666;
  background-color: transparent; }
  .pmpro_box .pmpro_actionlinks a:hover {
    border-width: 1px;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background-color: rgba(102, 102, 102, 0.1); }

.cuenta-detalles {
  padding: 20px;
  background-color: rgba(227, 208, 151, 0.5);
  border-radius: 5px;
  margin: 0 0 20px 0; }
  .cuenta-detalles p {
    margin: 0; }

.btn-nav-subs {
  display: none;
  color: #f9f9f9; }
  .btn-nav-subs span {
    display: inline-block;
    padding-top: 4px; }

.page-template-page-curso:not(.logged-in) .btn-nav-subs,
.page-template-page-cursos:not(.logged-in) .btn-nav-subs {
  display: inline-block; }

.banner-curso .btn-green-cta {
  border-color: #f9f9f9; }

.banner-curso.banner-curso-herramientas-desarrollo .btn-green-cta {
  background-color: #1C1C33; }

.course_completed {
  display: none;
  background-color: #217677;
  color: #f9f9f9;
  border-radius: 8px;
  padding: 10px;
  text-align: center;
  position: fixed;
  z-index: 90;
  bottom: 20px;
  right: 20px;
  width: 90%;
  max-width: 520px;
  box-sizing: border-box; }
  .course_completed .p-curso-item {
    margin-top: -82px;
    padding-bottom: 0; }
  .course_completed p {
    margin-bottom: 16px; }
  .course_completed .completed-share {
    font-size: 0.878em;
    margin: 0; }
    .course_completed .completed-share a {
      text-decoration: none;
      color: #D8BF6E;
      margin: 0 5px;
      font-weight: bold; }

@media (min-width: 1025px) {
  .page-template-page-curso:not(.logged-in) .head .col12,
  .page-template-page-cursos:not(.logged-in) .head .col12 {
    position: relative; }
  .page-template-page-curso:not(.logged-in) .head .btn-nav-subs,
  .page-template-page-cursos:not(.logged-in) .head .btn-nav-subs {
    position: absolute;
    top: 7px;
    right: 32px;
    -webkit-transition: -webkit-transform .15s ease-out;
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: transform .15s ease-out, -webkit-transform .15s ease-out;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    float: right;
    border-color: #f9f9f9; }
  .page-template-page-curso:not(.logged-in) .head .main-menu,
  .page-template-page-cursos:not(.logged-in) .head .main-menu {
    overflow: hidden;
    -webkit-transition: height .2s ease-out;
    transition: height .2s ease-out;
    height: 56px; }
  .page-template-page-curso:not(.logged-in) .small-head .btn-nav-subs,
  .page-template-page-cursos:not(.logged-in) .small-head .btn-nav-subs {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .page-template-page-curso:not(.logged-in) .small-head .main-menu,
  .page-template-page-cursos:not(.logged-in) .small-head .main-menu {
    height: 0; } }

@media (min-width: 1360px) {
  .page-template-page-curso:not(.logged-in) .head .btn-nav-subs,
  .page-template-page-cursos:not(.logged-in) .head .btn-nav-subs {
    top: 6px; } }

@media (max-width: 1024px) {
  .page-template-page-curso:not(.logged-in) .head .btn,
  .page-template-page-cursos:not(.logged-in) .head .btn {
    display: none; }
  .page-template-page-curso:not(.logged-in) .btn-nav-subs,
  .page-template-page-cursos:not(.logged-in) .btn-nav-subs {
    display: none; } }

@media (max-width: 719px) {
  .page-template-page-curso:not(.logged-in) .banner-curso .txtr {
    text-align: center; }
  .course_completed {
    width: auto;
    bottom: 10px;
    right: 10px;
    left: 10px; }
    .course_completed .p-curso-item {
      margin-top: -62px; }
    .course_completed .p-curso-icon {
      height: 56px;
      width: 44px;
      background-size: 44px 56px;
      padding-top: 6px; }
      .course_completed .p-curso-icon img {
        width: 28px;
        height: 28px; } }

.fix-sidebar {
  -webkit-transition: top .3s ease;
  transition: top .3s ease; }

@media (min-width: 1025px) {
  .fix-sidebar {
    position: fixed;
    top: 80px;
    left: 50%;
    width: 296px;
    margin-left: 180px; } }

.section-planes {
  color: #f9f9f9;
  background-color: #1C1C33; }

.list-beneficios {
  list-style: none;
  margin: 0 0 32px 0;
  padding: 0; }
  .list-beneficios li {
    margin: 0 0 8px 0;
    padding: 0 0 0 80px;
    position: relative; }
    .list-beneficios li h4 {
      color: #217677; }
    .list-beneficios li .li-icon {
      width: 60px;
      position: absolute;
      top: 0;
      left: 0; }

.plan-in .plan-n sup {
  font-size: 0.5em;
  line-height: 1em;
  letter-spacing: 0; }
  .plan-in .plan-n sup span {
    display: none; }

.box-faq {
  padding-left: 30px;
  background-image: url("../img/icon-bubble.png");
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: 0 5px; }

.planes-logos {
  background-color: #efefef;
  padding: 16px 0;
  margin: 0; }

.box-logos {
  padding: 8px;
  border-radius: 4px;
  margin: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center; }
  .box-logos img {
    margin: 0 12px;
    display: block; }

.section-stats {
  padding: 32px;
  background-color: #217677;
  color: #f9f9f9;
  margin: 0 0 32px 0; }

.stat {
  background-color: #1A5F5F;
  padding: 16px;
  border-radius: 10px; }
  .stat .stat-icon {
    float: left;
    width: 40px;
    height: 40px;
    margin: 10px 10px 0 0; }
  .stat .stat-num {
    font-size: 2.2em;
    color: #D8BF6E;
    font-weight: bold; }
  .stat .stat-txt {
    margin: 0 0 0 50px;
    font-size: 0.878em; }

.section-countdown {
  padding: 32px;
  background-color: #420B38; }

.countdown {
  text-align: center;
  color: #D8574B;
  margin: 0;
  font-size: 2em;
  font-weight: bold;
  line-height: 1; }

.cd-prom {
  text-align: center;
  color: #f9f9f9;
  margin: 0 0 12px 0; }

@media (min-width: 1025px) {
  .section-planes {
    padding: 32px 0; }
  .list-beneficios li {
    min-height: 100px; }
  .stat .stat-icon {
    width: 60px;
    height: 60px; }
  .stat .stat-num {
    font-size: 3.2em;
    line-height: 1.2; }
  .stat .stat-txt {
    margin: 0 0 0 70px; }
  .countdown {
    font-size: 3.2em; }
  .box-logos img {
    width: 100px;
    height: 55px; } }

@media (min-width: 1360px) {
  .section-planes {
    padding: 50px 0; }
  .list-beneficios li {
    min-height: 90px; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .section-planes {
    padding: 16px 0; }
  .stat .stat-txt {
    min-height: 40px; }
  .box-logos {
    margin: 0; }
    .box-logos img {
      width: 80px;
      height: 45px; } }

@media (min-width: 120px) and (max-width: 719px) {
  .section-planes {
    padding: 32px 0;
    position: relative;
    z-index: 20; }
  .plan-anual {
    margin-bottom: 32px; }
  .stat {
    margin: 0 0 32px 0; }
    .stat .stat-icon {
      margin-top: 0; }
    .stat.last {
      margin: 0; }
  .planes-logos {
    padding: 8px 0; }
  .box-logos {
    margin: 0;
    flex-wrap: wrap; }
    .box-logos img {
      width: 60px;
      height: 34px;
      margin-bottom: 5px; } }

.page-template-page-planes-equipos .banner {
  margin-bottom: 0; }

.page-template-page-planes-equipos .section-break {
  background-color: #1C1C33;
  color: #f9f9f9;
  text-align: center;
  padding: 32px 0; }

.page-template-page-planes-equipos .main-content {
  padding-bottom: 0; }

.section-planes-equipos .plan {
  background-color: rgba(18, 18, 34, 0.8);
  border: 1px solid #252543;
  color: #f9f9f9;
  padding: 32px; }
  .section-planes-equipos .plan .plan-desc {
    color: #f9f9f9; }
    .section-planes-equipos .plan .plan-desc strong {
      color: #D8BF6E; }
  .section-planes-equipos .plan .plan-n {
    letter-spacing: -4px;
    color: #D8BF6E; }
  .section-planes-equipos .plan .label {
    background-color: transparent; }
  .section-planes-equipos .plan h4 {
    color: #666; }

.list-eq-benefits {
  margin: 0 0 32px 0;
  padding: 0;
  list-style: none; }
  .list-eq-benefits li {
    margin: 0 0 16px 0;
    padding: 0; }
  .list-eq-benefits img {
    max-width: 32px;
    margin: 0 15px 0 0; }

@media (min-width: 720px) and (max-width: 1024px) {
  .section-planes-equipos .plan {
    padding-top: 16px; }
    .section-planes-equipos .plan .plan-in small {
      margin-left: 4px; } }

@media (min-width: 120px) and (max-width: 719px) {
  .section-planes-equipos .plan {
    margin: 0 0 16px 0; }
    .section-planes-equipos .plan .plan-in small {
      margin-left: 4px; } }

.perfiles-intro {
  padding: 32px 0 0 0;
  text-align: center; }

.box-perfil {
  border-bottom: 2px solid #999;
  position: relative; }
  .box-perfil .author-links {
    margin: 6px 0 0 -6px; }

.perfil-avatar {
  float: left;
  width: 60px;
  border-radius: 32px;
  border: 1px solid #f9f9f9;
  overflow: hidden;
  margin: 0 16px 0 0; }
  .perfil-avatar img {
    display: block; }

.perfil-info {
  font-size: 0.9em; }
  .perfil-info .icon-star-1,
  .perfil-info .icon-asterisk {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 2px;
    left: 0;
    margin-left: -9px;
    color: #f9f9f9;
    text-align: center;
    border-radius: 10px;
    cursor: pointer; }
    .perfil-info .icon-star-1::before,
    .perfil-info .icon-asterisk::before {
      margin: 0;
      font-size: 0.878em; }
  .perfil-info .icon-star-1 {
    top: 66px;
    background-color: #D8BF6E; }
  .perfil-info .icon-asterisk {
    top: 90px;
    background-color: #420B38; }
  .perfil-info p {
    margin: 0;
    line-height: 1.45; }

.widget_search {
  margin-bottom: 32px; }

@media (min-width: 1025px) {
  .box-perfil {
    margin-left: 30px; }
    .box-perfil .perfil-avatar {
      margin-left: -46px; }
    .box-perfil .p-desc {
      height: 100px; }
  .perfiles-intro {
    padding: 64px 0 32px 0; }
  .perfil-info {
    margin-left: 30px; }
  .perfiles-items {
    padding-bottom: 64px; } }

@media (min-width: 1360px) {
  .box-perfil .p-desc {
    height: 90px; }
  .perfiles-items {
    padding-bottom: 100px; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .perfiles-items {
    padding-bottom: 64px; }
  .box-perfil {
    height: 140px;
    padding: 10px;
    margin-left: 30px; }
    .box-perfil .perfil-avatar {
      width: 50px;
      height: 50px;
      margin-left: -35px; }
    .box-perfil .perfil-info {
      margin-left: 60px; }
    .box-perfil .p-desc {
      font-size: 0.878em; } }

@media (min-width: 120px) and (max-width: 719px) {
  .perfiles-items {
    padding-bottom: 32px; }
  .box-perfil {
    margin-left: 20px; }
  .perfil-avatar {
    width: 40px;
    margin-left: -35px; }
  .perfil-info {
    padding-left: 24px; }
  .perfil-info .p-user {
    margin-bottom: 10px; } }

.banner-author {
  margin: 0;
  background: linear-gradient(165deg, #2B0725 0%, #1C1C33 50%, #121222 100%); }
  .banner-author .author-links {
    padding-top: 8px;
    font-size: 0.878em;
    margin-left: -6px; }
    .banner-author .author-links a:hover {
      color: #D8BF6E; }
  .banner-author .author-avatar {
    width: 100px;
    height: 100px;
    border-radius: 80px;
    border: 1px solid #f9f9f9;
    overflow: hidden;
    margin: 0 0 0 auto; }

.section-cert {
  overflow: visible;
  padding: 64px 0 1px 0;
  text-align: center;
  color: #f9f9f9;
  position: relative;
  background-color: #217677;
  background-image: url("../img/profile/perfil-top.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100% 140px; }
  .section-cert h2 {
    margin-bottom: 0.5em; }
  .section-cert .hero {
    margin-bottom: 0.5em; }
  .section-cert hr {
    border: 0;
    border-top: 1px dotted rgba(249, 249, 249, 0.5);
    height: 0;
    background: 0;
    margin: 8px auto 10px auto;
    max-width: 420px; }
  .section-cert .cert-request {
    font-size: 0.878em; }
    .section-cert .cert-request a {
      color: #D8BF6E; }

.section-public-profile-alert {
  background-color: #D8BF6E;
  color: #1C1C33;
  font-size: 0.9em;
  padding: 16px 0; }
  .section-public-profile-alert p {
    margin: 0;
    text-align: center; }
  .section-public-profile-alert a {
    color: #420B38; }

.p-section-logros {
  padding: 32px 0 1px 0; }

.section-p-posts {
  padding: 32px 0 1px 0; }

.user-logro {
  height: 60px;
  margin: 0 0 16px 0; }
  .user-logro .logro-icon {
    float: left;
    width: 70px; }
  .user-logro .logro-desc {
    padding-left: 10px;
    display: -webkit-box;
    display: flex;
    height: 60px;
    font-size: 0.8em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    justify-content: space-around; }
  .user-logro h4 {
    margin: 0;
    font-size: 1em; }

.p-logro-item {
  text-align: center;
  padding: 32px;
  box-sizing: border-box; }
  .p-logro-item .p-logro-img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    overflow: hidden;
    margin: 0 auto; }
    .p-logro-item .p-logro-img img {
      display: block;
      width: 100%; }
  .p-logro-item .p-logro-desc {
    line-height: 1.25;
    font-size: 0.878em;
    padding-top: 16px; }

.p-section-cursos {
  background-color: #efefef;
  padding: 32px 0; }

.section-p-posts .post-item {
  border-bottom: 0;
  border-top: 1px dotted #999;
  padding: 16px 0 1px 0; }
  .section-p-posts .post-item p:last-child {
    margin: 0; }

@media (min-width: 1025px) {
  .banner-author {
    padding-bottom: 60px; }
    .banner-author img {
      display: block; }
  .p-logros-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; }
  .p-logro-item {
    -webkit-box-flex: 0;
    flex: 0 0 25%; }
  .p-cursos-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .banner-author {
    padding-bottom: 32px; }
  .p-logros-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; }
  .p-logro-item {
    -webkit-box-flex: 0;
    flex: 0 0 33%; }
  .p-cursos-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; } }

@media (min-width: 120px) and (max-width: 719px) {
  .banner-author {
    padding-bottom: 56px;
    padding-top: 32px; }
    .banner-author .author-avatar {
      width: 60px;
      height: 60px;
      margin: 0 auto; } }

.about-intro {
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  color: #f9f9f9;
  background-color: #1C1C33;
  background-image: url("../img/about/bg-intro.svg");
  background-size: 80% auto;
  background-repeat: no-repeat;
  background-position: 50% 100%; }

.about-mission {
  background-color: #217677;
  color: #f9f9f9;
  padding: 32px 0; }

.page-template-page-about .banner {
  margin-bottom: 0; }

.page-template-page-about .main-content {
  padding: 0; }

.team-member {
  background-color: #efefef;
  border-radius: 4px;
  padding: 16px 16px 16px 60px;
  margin: 0 0 32px 40px;
  position: relative; }
  .team-member h3 {
    margin: 0 0 0.25em 0; }
  .team-member p {
    margin: 0; }
  .team-member .avatar {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: -40px; }
    .team-member .avatar img {
      display: block; }

.team-feat {
  text-align: center;
  margin: 60px 0 32px 0;
  padding: 60px 16px 16px 16px; }
  .team-feat .avatar {
    width: 100px;
    height: 100px;
    top: -50px;
    left: 50%;
    margin-left: -50px; }

@media (min-width: 1025px) {
  .about-intro {
    padding: 48px 0 320px 0;
    background-size: 680px auto; }
  .box-cont {
    padding: 0 32px; }
  .about-mission {
    padding: 64px 0; }
  .about-team {
    padding-bottom: 64px; }
    .about-team .sep {
      margin: 32px 0 64px 0; }
  .team-member {
    min-height: 180px; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .about-intro {
    padding: 32px 0 224px 0;
    background-size: 540px auto; }
  .box-cont {
    padding: 0 16px; }
  .team-member {
    min-height: 180px; } }

@media (min-width: 120px) and (max-width: 719px) {
  .about-intro {
    padding: 32px 0 40% 0; } }

.StripeElement {
  padding: 10px;
  border: 1px solid #efefef;
  background-color: #efefef;
  border-radius: 4px; }

.StripeElement {
  padding: 10px;
  border: 1px solid #efefef;
  background-color: #efefef;
  border-radius: 4px; }

.pmpro_hidden {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.pmpro_message {
  padding: 16px;
  background-color: #f6f3eb;
  border-radius: 4px;
  margin: 0 0 16px 0; }
  .pmpro_message.pmpro_error {
    background-color: #ffe5e5;
    color: #f00; }
  .pmpro_message.pmpro_success {
    background-color: #eaf5e5;
    color: #390; }

input[type="submit"].pmpro_btn-submit-checkout {
  font-size: 0.9em;
  float: right; }

.pmpro_checkout h3 .pmpro_checkout-h3-msg {
  display: block;
  padding: 4px 0;
  font-size: 0.6em;
  font-weight: normal;
  color: #666;
  line-height: 1.35; }

.pmpro_checkout-field {
  position: relative;
  margin: 0 0 32px 0; }
  .pmpro_checkout-field .pmpro_asterisk {
    display: none; }

.pmpro_pricing_selected {
  margin: 0 0 16px 0;
  background-color: #217677;
  border-radius: 4px;
  padding: 16px;
  color: #f9f9f9; }
  .pmpro_pricing_selected p {
    margin-bottom: 0.5em; }

.pmpro_discount_box {
  position: relative;
  margin: 0 0 32px 0;
  padding-right: 100px; }
  .pmpro_discount_box .btn {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0; }

.pmpro_checkout-fields .pmpro_payment-expiration {
  width: 58%;
  float: left; }

.pmpro_checkout-fields .pmpro_payment-cvv {
  width: 38%;
  float: right; }

.pmpro_checkout-fields .pmpro_payment-discount-code {
  clear: both;
  width: 100%;
  height: 1px;
  overflow: hidden;
  margin: 0 0 2px 0; }

#pmpro_autorenewal_checkbox {
  padding: 16px;
  margin: 0 0 16px 0;
  font-size: 0.9em;
  border-radius: 4px;
  background-color: #e3ecec; }

#pmpro_payment_method {
  margin-bottom: 32px;
  font-size: 0.9em; }

#pmpro_paypalexpress_checkout input[type="image"] {
  width: 210px;
  height: 40px;
  float: right; }

@media (max-width: 719px) {
  .pmpro_discount_box {
    padding-right: 80px; } }

.activity-item {
  margin: 0 0 16px 0;
  padding: 16px;
  border: 1px solid #efefef; }
  .activity-item h4 a {
    color: #222; }
    .activity-item h4 a:hover {
      color: #D8574B; }
  .activity-item a {
    text-decoration: none; }
    .activity-item a:hover {
      text-decoration: underline; }
  .activity-item hr {
    border: 0;
    border-bottom: 1px solid #efefef;
    margin: 12px 0 8px 0;
    padding: 0;
    display: block; }
  .activity-item .tags span {
    margin-top: 3px; }
  .activity-item p {
    margin: 0; }
  .activity-item i {
    font-size: 0.877em; }

.item-course-completion {
  margin-bottom: 32px; }
  .item-course-completion p {
    margin: 0; }
  .item-course-completion:last-child {
    margin-bottom: 0; }
  .item-course-completion .wpc-curso-progress {
    padding: 5px 0; }
  .item-course-completion .wpc-bar-progress .wpc-progress-track,
  .item-course-completion .wpc-bar-progress .wpc-progress-fill {
    height: 5px; }

@media (min-width: 1025px) {
  .activity-item-cont {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between; } }

@media (min-width: 720px) and (max-width: 1024px) {
  .activity-item-cont {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between; } }

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