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

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

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

.i-whatsapp:before {
  content: "\61"; }

.i-phone:before {
  content: "\62"; }

.i-check:before {
  content: "\63"; }

.i-checkmark-round:before {
  content: "\65"; }

.i-world:before {
  content: "\66"; }

.i-responsive16:before {
  content: "\67"; }

.i-design-graphic-tablet-streamline-tablet:before {
  content: "\68"; }

.i-website:before {
  content: "\69"; }

.i-letter-mail:before {
  content: "\6a"; }

.i-user-md:before {
  content: "\6b"; }

.i-placepin:before {
  content: "\6c"; }

.i-user-add:before {
  content: "\6d"; }

.i-object-group:before {
  content: "\6e"; }

.i-share-alt:before {
  content: "\6f"; }

.i-analytics2:before {
  content: "\71"; }

.i-eye:before {
  content: "\72"; }

.i-wrench:before {
  content: "\73"; }

.i-puzzle:before {
  content: "\74"; }

.i-social108:before {
  content: "\70"; }

.i-cross-mark:before {
  content: "\75"; }

.i-cc-visa:before {
  content: "\76"; }

.i-cc-amex:before {
  content: "\77"; }

.i-check-square-o:before {
  content: "\64"; }

.i-cc-mastercard:before {
  content: "\78"; }

.i-credit-card:before {
  content: "\79"; }

.i-bag:before {
  content: "\7a"; }

.i-cart-arrow-down:before {
  content: "\41"; }

.i-happy-outline:before {
  content: "\42"; }

.i-file-text-o:before {
  content: "\43"; }

.i-lock:before {
  content: "\44"; }

.i-pricetags:before {
  content: "\45"; }

.i-stack-overflow:before {
  content: "\46"; }

.i-info-circle:before {
  content: "\47"; }

.i-checklist:before {
  content: "\48"; }

.i-plus:before {
  content: "\49"; }

html {
  font-size: 15px;
  font-family: "Baloo Thambi 2", cursive; }
  @media (max-width: 750px) {
    html {
      font-size: 13px; } }

* {
  padding: 0;
  margin: 0; }

a {
  text-decoration: none; }

.grecaptcha-badge {
  visibility: hidden; }

.hide {
  display: none; }

.center {
  margin: 0 auto; }

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  position: relative; }

.resaltado {
  position: relative;
  color: #0076ff; }
  .resaltado:before {
    position: absolute;
    background-color: #f8be18;
    content: '';
    bottom: 0;
    height: 4px;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding: 0 .5rem; }

/*base code*/
.bufer {
  -webkit-animation: tada 1s ease-out 0.5s infinite normal;
  animation: tada 1s ease-out 0.5s infinite normal; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.btn {
  display: block;
  border: 2px solid #f8be18;
  padding: 0.5rem 1rem;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all ease 1s;
  -o-transition: all ease 1s;
  transition: all ease 1s;
  border-radius: 4px;
  font-weight: 500;
  text-align: center;
  -webkit-box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.8);
  box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.8);
  -webkit-animation: focus 1s ease 0s infinite normal;
  animation: focus 1s ease 0s infinite normal; }

@-webkit-keyframes focus {
  0% {
    -webkit-box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.5);
    box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.5); }
  50% {
    -webkit-box-shadow: 0 2px 13px 0 #f8be18;
    box-shadow: 0 2px 13px 0 #f8be18; }
  100% {
    -webkit-box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.5);
    box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.5); } }

@keyframes focus {
  0% {
    -webkit-box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.5);
    box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.5); }
  50% {
    -webkit-box-shadow: 0 2px 13px 0 #f8be18;
    box-shadow: 0 2px 13px 0 #f8be18; }
  100% {
    -webkit-box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.5);
    box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.5); } }
  .btn--focus {
    color: #f8be18; }
    .btn--focus:hover {
      background-color: #f8be18;
      color: #fff; }
  .btn:hover {
    background-color: #f8be18; }
  .btn:active {
    background-color: #f8be18;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  .btn--pwp {
    color: #f8be18; }
    .btn--pwp:hover {
      color: #FFF; }

.btn-2 {
  color: #fff;
  padding: 0.5rem 1rem;
  position: relative;
  display: block; }
  @media (max-width: 750px) {
    .btn-2 {
      padding: 0.5rem; } }
  .btn-2:before {
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    content: "";
    position: absolute;
    width: 50%;
    height: 4px;
    background-color: #f8be18;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    visibility: hidden; }
  .btn-2:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    visibility: visible; }
  .btn-2:active:before {
    width: 100%; }
  .btn-2--1:before {
    -webkit-animation: duke 1s ease 0s infinite normal;
    animation: duke 1s ease 0s infinite normal;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
    content: "";
    position: absolute;
    width: 50%;
    height: 4px;
    background-color: #f8be18;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    visibility: visible; }

@-webkit-keyframes duke {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  50% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0); } }

@keyframes duke {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  50% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0); } }
  .btn-2--1:hover:before, .btn-2--1:focus:before, .btn-2--1:active:before, .btn-2--1:visited:before {
    -webkit-animation: duke2 1s ease 0s 1 normal;
    animation: duke2 1s ease 0s 1 normal; }

@media (max-width: 750px) {
  .header {
    background-color: rgba(0, 118, 255, 0.8); } }

.header__grid {
  display: -ms-grid;
  display: grid;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-grid-columns: 1fr 3fr;
  grid-template-columns: 1fr 3fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 118, 255, 0.9);
  background: -webkit-gradient(linear, left top, right top, from(#0076ff), color-stop(53%, #0076ff), color-stop(94%, #2eb0ff), to(#2eb0ff));
  background: -webkit-linear-gradient(left, #0076ff 0%, #0076ff 53%, #2eb0ff 94%, #2eb0ff 100%);
  background: -o-linear-gradient(left, #0076ff 0%, #0076ff 53%, #2eb0ff 94%, #2eb0ff 100%);
  background: linear-gradient(90deg, #0076ff 0%, #0076ff 53%, #2eb0ff 94%, #2eb0ff 100%);
  padding: 0 4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  z-index: 9999;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.2); }
  @media (max-width: 750px) {
    .header__grid {
      background-color: #0076ff;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      position: -webkit-sticky;
      position: sticky;
      top: -46px;
      z-index: 9999;
      padding: 0 1rem; } }

.header__logo {
  display: block; }
  @media (max-width: 750px) {
    .header__logo {
      margin: 0 auto;
      width: 50%;
      height: 55px; } }
  .header__logo img {
    display: block; }

.header__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .header__nav ul li a {
    font-weight: 600;
    font-size: 1rem;
    color: #fff; }

@media (max-width: 750px) {
  .header__nav {
    background-color: #0076ff;
    margin-top: -10px; } }

.banner {
  position: relative;
  height: 550px; }
  @media (max-width: 750px) {
    .banner {
      height: auto; } }
  .banner:before {
    position: absolute;
    content: "";
    background: -webkit-gradient(linear, left top, right top, from(#0076ff), color-stop(53%, #0076ff), color-stop(94%, #2eb0ff), to(#2eb0ff));
    background: -webkit-linear-gradient(left, #0076ff 0%, #0076ff 53%, #2eb0ff 94%, #2eb0ff 100%);
    background: -o-linear-gradient(left, #0076ff 0%, #0076ff 53%, #2eb0ff 94%, #2eb0ff 100%);
    background: linear-gradient(90deg, #0076ff 0%, #0076ff 53%, #2eb0ff 94%, #2eb0ff 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%);
    height: 100%;
    width: 100%; }
    @media (max-width: 750px) {
      .banner:before {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
        height: 90%; } }
  .banner__title {
    line-height: 1.1;
    margin-bottom: 0rem;
    font-size: 4rem;
    font-weight: 500;
    color: #fff;
    position: relative;
    max-width: 515px; }
    @media (max-width: 1107px) {
      .banner__title {
        padding-top: 2rem;
        max-width: 544px;
        font-size: 3rem; } }
    .banner__title--ecommerce {
      max-width: 454px; }
    .banner__title:after {
      position: absolute;
      content: "";
      bottom: 6px;
      width: 4px;
      height: 60px;
      background-color: #f8be18;
      right: auto;
      -webkit-animation: barra 1s ease-out 0.5s infinite normal;
      animation: barra 1s ease-out 0.5s infinite normal; }
      @media (max-width: 1107px) {
        .banner__title:after {
          height: 40px; } }

@-webkit-keyframes barra {
  0% {
    background-color: #f8be18; }
  50% {
    background-color: transparent; }
  100% {
    background-color: #f8be18; } }

@keyframes barra {
  0% {
    background-color: #f8be18; }
  50% {
    background-color: transparent; }
  100% {
    background-color: #f8be18; } }
  .banner__wrap {
    width: 50%; }
    @media (max-width: 750px) {
      .banner__wrap {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 100%; } }
  .banner__h2 {
    font-size: 1.5rem;
    color: #FFF;
    font-weight: 400;
    margin-bottom: 1.5rem; }
  .banner__p {
    color: #fff;
    margin-bottom: 1.5rem;
    max-width: 520px;
    text-align: justify;
    font-weight: normal;
    font-size: 1rem;
    display: none; }
  .banner__flex {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999;
    padding: 5rem 0 6rem 0; }
    @media (max-width: 750px) {
      .banner__flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 5rem 0 0 0; } }
  .banner__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center; }
  .banner__img {
    position: relative;
    height: 400px;
    width: 50%; }
    @media (max-width: 750px) {
      .banner__img {
        top: 0;
        width: 100%; } }
    .banner__img--1 {
      display: block;
      position: absolute;
      -webkit-animation: uno 10s ease 0.5s infinite normal;
      animation: uno 10s ease 0.5s infinite normal;
      bottom: -100px; }
      @media (max-width: 750px) {
        .banner__img--1 {
          top: 0;
          opacity: .2; } }

@-webkit-keyframes uno {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0); }
  20% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  40% {
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px); }
  60% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  80% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px); }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0); } }

@keyframes uno {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0); }
  20% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  40% {
    -webkit-transform: translateX(-60px);
    transform: translateX(-60px); }
  60% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px); }
  80% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px); }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0); } }
    .banner__img--2 {
      display: block;
      position: absolute;
      -webkit-animation: dos 3s linear 0.5s infinite normal;
      animation: dos 3s linear 0.5s infinite normal;
      top: 0;
      right: 0;
      opacity: 0; }

@-webkit-keyframes dos {
  0% {
    opacity: 0;
    -webkit-transform: translate(0);
    transform: translate(0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-400px, 400px, 50px);
    transform: translate3d(-400px, 400px, 50px); } }

@keyframes dos {
  0% {
    opacity: 0;
    -webkit-transform: translate(0);
    transform: translate(0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-400px, 400px, 50px);
    transform: translate3d(-400px, 400px, 50px); } }
    .banner__img--3 {
      display: block;
      position: absolute;
      -webkit-animation: tres 2s linear 0.5s infinite normal;
      animation: tres 2s linear 0.5s infinite normal;
      left: 100px;
      right: 0;
      opacity: 0; }

@-webkit-keyframes tres {
  0% {
    opacity: 0;
    -webkit-transform: translate(0);
    transform: translate(0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-400px, 400px, 50px);
    transform: translate3d(-400px, 400px, 50px); } }

@keyframes tres {
  0% {
    opacity: 0;
    -webkit-transform: translate(0);
    transform: translate(0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-400px, 400px, 50px);
    transform: translate3d(-400px, 400px, 50px); } }
    .banner__img--almacen {
      margin-top: 4rem;
      -webkit-animation: flotar 2s ease-in-out 1s infinite normal;
      animation: flotar 2s ease-in-out 1s infinite normal; }

@-webkit-keyframes flotar {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0); }
  50% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0); } }

@keyframes flotar {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0); }
  50% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0); } }
      @media (max-width: 750px) {
        .banner__img--almacen {
          opacity: .3; } }

.contact {
  max-width: 960px;
  padding: 6rem 1rem 3rem 1rem;
  margin: auto; }
  @media (max-width: 750px) {
    .contact {
      padding-top: 5em; } }
  .contact__contacts {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 2fr;
    grid-template-columns: 1fr 1fr 2fr;
    grid-gap: 0 1rem; }
    .contact__contacts a {
      height: -webkit-max-content;
      height: -moz-max-content;
      height: max-content; }
  .contact__title {
    float: right;
    text-align: right;
    font-size: 3rem;
    max-width: 450px;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 2rem;
    color: #0076ff; }
    @media (max-width: 750px) {
      .contact__title {
        font-size: 2rem;
        text-align: center;
        float: none; } }
    .contact__title a {
      font-weight: 400;
      display: block;
      text-align: right;
      font-size: 2rem;
      color: #f8be18; }
      .contact__title a:hover {
        text-decoration: underline;
        -webkit-animation: none !important;
        animation: none !important; }
      @media (max-width: 750px) {
        .contact__title a {
          text-align: center;
          float: none; } }
  .contact:hover .contact__title a {
    -webkit-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
    position: relative; }
    .contact:hover .contact__title a::before {
      left: 1rem;
      position: absolute;
      content: "👉";
      font-size: 1.5rem;
      margin-right: 5px;
      -webkit-animation: pulse 1s ease-in-out infinite;
      animation: pulse 1s ease-in-out infinite; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: none;
    transform: none;
    opacity: 0; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes pulse {
  0% {
    -webkit-transform: none;
    transform: none;
    opacity: 0; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    -webkit-transform: none;
    transform: none; } }
  .contact__formulary {
    clear: both;
    max-width: 700px;
    margin: 0 auto;
    border: 2px solid #0076ff;
    border-radius: 10px;
    padding: 2rem;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 2rem; }
    @media (max-width: 750px) {
      .contact__formulary {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        border: none;
        padding: 0; } }
    .contact__formulary:before {
      content: "^";
      position: absolute;
      right: 30px;
      top: -22px;
      color: #0076ff;
      font-size: 2rem; }
      @media (max-width: 750px) {
        .contact__formulary:before {
          display: none; } }
    .contact__formulary input {
      border: none;
      border-bottom: 2px solid #f8be18;
      font-size: 1.2rem;
      outline: none; }
  .contact fieldset {
    text-align: center;
    border: none;
    text-transform: uppercase;
    font-size: .8rem; }
    @media (max-width: 750px) {
      .contact fieldset {
        margin: 0; } }
    .contact fieldset legend {
      padding-bottom: .2rem; }
  .contact .label {
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 1.5rem;
    height: 48px; }
    @media (max-width: 750px) {
      .contact .label {
        margin-bottom: 1.5rem; } }
    .contact .label .label-text {
      color: #000;
      cursor: text;
      font-size: 0.8em;
      line-height: 20px;
      text-transform: uppercase;
      -moz-transform: translateY(-34px);
      -ms-transform: translateY(-34px);
      -webkit-transform: translateY(-34px);
      transform: translateY(-34px);
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .contact .label input,
    .contact .label select {
      width: 100%;
      height: 48px;
      background-color: transparent;
      color: #000;
      border: 1px solid #f8be18;
      font-size: 1em;
      text-align: center;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      @media (max-width: 750px) {
        .contact .label input,
        .contact .label select {
          border: 0;
          border-bottom: 2px solid #f8be18; } }
      .contact .label input:focus,
      .contact .label select:focus {
        max-width: 100%; }
        .contact .label input:focus + .label-text,
        .contact .label select:focus + .label-text {
          color: blue;
          font-size: 0.8em;
          -moz-transform: translateY(-70px);
          -ms-transform: translateY(-70px);
          -webkit-transform: translateY(-70px);
          transform: translateY(-70px); }
      .contact .label input:focus:input-placeholder,
      .contact .label select:focus:input-placeholder {
        color: #ccc; }
      .contact .label input:focus:placeholder-shown,
      .contact .label select:focus:placeholder-shown {
        color: #ccc; }
      .contact .label input:valid + .label-text,
      .contact .label select:valid + .label-text {
        font-size: 0.8em;
        -moz-transform: translateY(-70px);
        -ms-transform: translateY(-70px);
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px);
        color: blue; }
    .contact .label ::-webkit-input-placeholder {
      color: #fff; }
    .contact .label :-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #fff;
      opacity: 1; }
    .contact .label ::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #fff;
      opacity: 1; }
    .contact .label :-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #fff; }
    .contact .label :placeholder-shown {
      /* Standard (http://drafts.csswg.org/selectors-4/#placeholder) */
      color: #fff; }
    .contact .label select {
      background-image: url("img/select.jpg");
      background-repeat: no-repeat;
      background-position: right;
      -webkit-appearance: none;
      -moz-appearance: none;
      -o-appearance: none;
      -ms-appearance: none;
      text-align: center; }

.sec-two {
  padding: 10rem 0 12rem 0;
  position: relative; }
  @media (max-width: 750px) {
    .sec-two {
      padding: 6rem 0; } }
  .sec-two:before {
    z-index: -1;
    background-color: #f1f1f1;
    position: absolute;
    -webkit-clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("img/bg-foco.png");
    background-repeat: no-repeat;
    background-position: right 30%;
    -webkit-animation: volar2 4s ease 0s infinite normal;
    animation: volar2 4s ease 0s infinite normal; }
    @media (max-width: 750px) {
      .sec-two:before {
        -webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
        clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
        background-image: none; } }

@-webkit-keyframes volar2 {
  0% {
    background-position: right 30%; }
  50% {
    background-position: right 20%; }
  100% {
    background-position: right 30%; } }

@keyframes volar2 {
  0% {
    background-position: right 30%; }
  50% {
    background-position: right 20%; }
  100% {
    background-position: right 30%; } }
  .sec-two__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 0 2rem; }
    @media (max-width: 750px) {
      .sec-two__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
  @media (max-width: 750px) {
    .sec-two__img {
      display: none; } }
  .sec-two__title {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    margin: auto;
    margin-bottom: 1rem;
    position: relative;
    max-width: 485px;
    color: #f8be18; }
    @media (max-width: 750px) {
      .sec-two__title {
        font-size: 2rem !important; } }
    .sec-two__title b {
      position: relative;
      display: block;
      font-size: 2rem;
      color: #0076ff; }
      @media (max-width: 750px) {
        .sec-two__title b {
          font-size: 2rem;
          text-transform: capitalize; } }
    .sec-two__title:after {
      position: absolute;
      content: "";
      bottom: 6px;
      width: 4px;
      height: 20px;
      background-color: #f8be18;
      right: 0;
      -webkit-animation: barra 1s ease-out 0.5s infinite normal;
      animation: barra 1s ease-out 0.5s infinite normal; }

@keyframes barra {
  0% {
    background-color: #f8be18; }
  50% {
    background-color: transparent; }
  100% {
    background-color: #f8be18; } }
  .sec-two__text p {
    margin-bottom: 1rem;
    text-align: justify; }

.benefits {
  padding: 6em 0 3rem 0; }
  @media (max-width: 750px) {
    .benefits {
      padding: 4.5rem 0 3rem 0; } }
  .benefits__title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    color: #f8be18; }
    @media (max-width: 750px) {
      .benefits__title {
        font-size: 1.5rem; } }
    .benefits__title b {
      position: relative;
      display: block;
      font-size: 3rem;
      text-transform: uppercase;
      color: #0076ff; }
      @media (max-width: 750px) {
        .benefits__title b {
          font-size: 2rem;
          text-transform: capitalize; } }
  .benefits__subtitle {
    text-align: center; }
  .benefits__h3 {
    font-weight: normal;
    text-align: center;
    font-size: 1rem;
    color: #666; }
  .benefits__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2rem;
    margin-top: 2rem; }
    @media (max-width: 750px) {
      .benefits__grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1rem; } }
  .benefits__responsive, .benefits__correo, .benefits__business, .benefits__page, .benefits__support, .benefits__tienda, .benefits__seo, .benefits__medida {
    width: 100px;
    height: 110px;
    margin: auto;
    position: relative; }
  .benefits__item {
    padding: 1.5rem 0.6rem;
    text-align: center;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08); }
    .benefits__item:hover {
      -webkit-animation: boxshadow 1s ease 0s infinite normal;
      animation: boxshadow 1s ease 0s infinite normal; }

@-webkit-keyframes boxshadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08); }
  50% {
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08); } }

@keyframes boxshadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08); }
  50% {
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.08); } }
      .benefits__item:hover .benefits__responsive:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-animation: circle 1s ease 0s infinite normal;
        animation: circle 1s ease 0s infinite normal;
        background-repeat: no-repeat;
        background-image: url("img/web-resposive-design-2.png"); }

@-webkit-keyframes circle {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0); }
  50% {
    -webkit-filter: blur(5px);
    filter: blur(5px); }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0); } }

@keyframes circle {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0); }
  50% {
    -webkit-filter: blur(5px);
    filter: blur(5px); }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0); } }
      .benefits__item:hover .benefits__correo:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-animation: circle 1s ease 0s infinite normal;
        animation: circle 1s ease 0s infinite normal;
        background-repeat: no-repeat;
        background-image: url("img/correo-corporativos-para-pymes-2.png"); }

@keyframes circle {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0); }
  50% {
    -webkit-filter: blur(5px);
    filter: blur(5px); }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0); } }
      .benefits__item:hover .benefits__business:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-animation: circle 1s ease 0s infinite normal;
        animation: circle 1s ease 0s infinite normal;
        background-repeat: no-repeat;
        background-image: url("img/pagina-web-para-empresas-2.png"); }

@keyframes circle {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0); }
  50% {
    -webkit-filter: blur(5px);
    filter: blur(5px); }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0); } }
      .benefits__item:hover .benefits__page:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-animation: circle 1s ease 0s infinite normal;
        animation: circle 1s ease 0s infinite normal;
        background-repeat: no-repeat;
        background-image: url("img/pagina-web-administrable-2.png"); }

@keyframes circle {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0); }
  50% {
    -webkit-filter: blur(5px);
    filter: blur(5px); }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0); } }
      .benefits__item:hover .benefits__support:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-animation: circle 1s ease 0s infinite normal;
        animation: circle 1s ease 0s infinite normal;
        background-repeat: no-repeat;
        background-image: url("img/soporte-web-2.png"); }

@keyframes circle {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0); }
  50% {
    -webkit-filter: blur(5px);
    filter: blur(5px); }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0); } }
      .benefits__item:hover .benefits__tienda:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-animation: circle 1s ease 0s infinite normal;
        animation: circle 1s ease 0s infinite normal;
        background-repeat: no-repeat;
        background-image: url("img/diseño-tienda-virtual-2.png"); }

@keyframes circle {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0); }
  50% {
    -webkit-filter: blur(5px);
    filter: blur(5px); }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0); } }
      .benefits__item:hover .benefits__seo:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-animation: circle 1s ease 0s infinite normal;
        animation: circle 1s ease 0s infinite normal;
        background-repeat: no-repeat;
        background-image: url("img/posicionamiento-web-peru-2.png"); }

@keyframes circle {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0); }
  50% {
    -webkit-filter: blur(5px);
    filter: blur(5px); }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0); } }
      .benefits__item:hover .benefits__medida:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-animation: circle 1s ease 0s infinite normal;
        animation: circle 1s ease 0s infinite normal;
        background-repeat: no-repeat;
        background-image: url("img/paginas-web-a-medida-2.png"); }

@keyframes circle {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0); }
  50% {
    -webkit-filter: blur(5px);
    filter: blur(5px); }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0); } }
    .benefits__item p {
      margin-top: 1.5rem;
      font-size: 1.2rem;
      font-weight: 500; }

.send {
  display: inline-block;
  width: 50%;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  margin: auto;
  text-align: center; }
  .send--ecommerce {
    width: 100%;
    grid-column: auto;
    margin: 0; }
  @media (max-width: 750px) {
    .send {
      grid-column: auto;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr; } }
  .send .boton_envio {
    background-color: #f8be18;
    border: none;
    height: 50px;
    text-transform: uppercase;
    border-radius: 0;
    width: 100%; }

.radio-toolbar {
  text-align: center;
  margin: 0 auto;
  width: 100% !important;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  width: 100% !important; }
  .radio-toolbar--two {
    grid-column: auto;
    width: 100%; }
  @media (max-width: 750px) {
    .radio-toolbar {
      margin-top: 1rem !important;
      -ms-grid-column: 1;
      grid-column: 1;
      width: 100% !important; } }
  .radio-toolbar .wrap-pack {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 1rem; }
    .radio-toolbar .wrap-pack--two {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr); }
    @media (max-width: 750px) {
      .radio-toolbar .wrap-pack {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1rem; } }
    .radio-toolbar .wrap-pack .pack {
      width: 100% !important; }
    .radio-toolbar .wrap-pack .pack {
      width: 33.33%; }
      .radio-toolbar .wrap-pack .pack a {
        text-transform: capitalize;
        display: block;
        padding-top: .2rem;
        color: #0076ff;
        display: block;
        margin-bottom: 1rem; }
        .radio-toolbar .wrap-pack .pack a:hover {
          color: #f8be18; }
    .radio-toolbar .wrap-pack label {
      width: 100% !important; }
  .radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0; }
    .radio-toolbar input[type="radio"]:focus + label {
      border: 1px dashed #444; }
    .radio-toolbar input[type="radio"]:checked + label {
      background-color: #f8be18;
      border-color: #f8be18; }
  .radio-toolbar label {
    display: inline-block;
    padding: 0.4rem .5rem;
    font-family: sans-serif, Arial;
    font-size: .8rem;
    border: 1px solid #f8be18;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: -1px;
    width: 50%; }
    .radio-toolbar label:hover {
      cursor: pointer;
      background-color: rgba(248, 190, 24, 0.5); }
    @media (max-width: 750px) {
      .radio-toolbar label {
        padding: .8rem .5rem; } }

.mype {
  font-weight: bold;
  color: #28bb09; }

.pyme {
  font-weight: bold;
  color: #ffa500; }

.price {
  position: relative;
  padding: 6rem 0 3rem 0; }
  @media (max-width: 750px) {
    .price {
      padding: 4.5rem 0 3rem 0; } }
  .price:before {
    z-index: -1;
    background-color: rgba(0, 118, 255, 0.1);
    position: absolute;
    -webkit-clip-path: polygon(0 30%, 100% 0, 100% 70%, 0 100%);
    clip-path: polygon(0 30%, 100% 0, 100% 70%, 0 100%);
    content: "";
    width: 100%;
    height: 700px;
    top: 0;
    left: 0;
    margin-top: 12rem; }
  .price__minifaq {
    max-width: 750px;
    margin: 2rem auto 3rem auto; }
    .price__minifaq ul li {
      display: inline-block;
      margin-right: 1rem; }
  .price__service {
    max-width: 410px;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    grid-gap: 1rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    margin-top: 1rem;
    padding: 0 1rem; }
    .price__service a {
      display: block;
      border: 2px solid #f8be18;
      color: #f8be18;
      padding: .5rem 1rem;
      font-weight: 500;
      border-radius: 4px;
      -webkit-transition: all ease 1s;
      -o-transition: all ease 1s;
      transition: all ease 1s; }
      .price__service a:hover {
        -webkit-box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.8);
        box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.8);
        -webkit-animation: focus 1s ease 0s infinite normal;
        animation: focus 1s ease 0s infinite normal; }

@keyframes focus {
  0% {
    -webkit-box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.5);
    box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.5); }
  50% {
    -webkit-box-shadow: 0 2px 13px 0 #f8be18;
    box-shadow: 0 2px 13px 0 #f8be18; }
  100% {
    -webkit-box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.5);
    box-shadow: 0 2px 13px 0 rgba(248, 190, 24, 0.5); } }
      .price__service a:active {
        background-color: #f8be18;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        color: #FFF; }
    .price__service .active {
      background-color: #f8be18;
      color: #FFF; }
  .price__table {
    width: 100%;
    overflow-y: scroll; }
  .price__icon {
    margin-top: .5rem;
    text-align: center; }
    .price__icon:before {
      color: #f8be18;
      content: 'contactar por:';
      display: block; }
    .price__icon a i {
      margin: .5rem .2rem;
      font-size: 1.5rem;
      border: 1px solid #28bb09;
      color: #FFF;
      color: #28bb09;
      line-height: 2;
      width: 40px;
      height: 40px;
      display: inline-block;
      -webkit-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease; }
      .price__icon a i:hover {
        background-color: #28bb09;
        color: #FFF; }
      @media (max-width: 750px) {
        .price__icon a i {
          width: 30px;
          height: 30px;
          font-size: 1.4rem; } }
    .price__icon a .i-letter-mail {
      border: 1px solid #0076ff;
      color: #0076ff; }
      .price__icon a .i-letter-mail:hover {
        background-color: #0076ff;
        color: #FFF; }
  .price__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 2rem;
    -ms-grid-rows: masonry;
    grid-template-rows: masonry;
    max-width: 960px;
    margin: 2rem auto 2rem auto; }
    @media (max-width: 750px) {
      .price__grid {
        max-width: 750px;
        grid-gap: 0;
        overflow-x: scroll;
        padding: 1rem 0; } }
  .price__wrap--precios {
    margin-bottom: 2rem; }
  @media (max-width: 750px) {
    .price__wrap {
      width: 100%;
      overflow-y: scroll; } }
  .price__item {
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    background-color: #fff;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    position: relative; }
    .price__item:hover {
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
      -webkit-box-shadow: 0 10px 41px 11px rgba(0, 0, 0, 0.3);
      box-shadow: 0 10px 41px 11px rgba(0, 0, 0, 0.3); }
    @media (max-width: 750px) {
      .price__item {
        width: 250px; } }
    .price__item:before {
      position: absolute;
      content: 'Pago único';
      font-size: .8rem;
      font-weight: 300;
      background-color: rgba(0, 118, 255, 0.5);
      color: #FFF;
      right: 0;
      left: 0;
      margin: auto;
      border-radius: 5px 5px 0 0;
      padding: 0 3px;
      max-width: 80px;
      top: -19px;
      text-align: center; }
    .price__item:nth-child(4) {
      -ms-grid-column: 1;
      grid-column-start: 1;
      -ms-grid-column-span: 3;
      grid-column-end: 4;
      position: relative;
      margin-top: 2rem;
      padding: 2rem; }
      .price__item:nth-child(4):before {
        display: none; }
  .price__link {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 1rem;
    width: 90%;
    margin: auto;
    position: relative;
    padding-top: 1rem;
    margin-top: 1rem; }
    .price__link--flex {
      max-width: 300px; }
      .price__link--flex:before {
        content: 'Hablemos:' !important; }
      @media (max-width: 750px) {
        .price__link--flex {
          max-width: 100%; } }
    .price__link:before {
      content: 'Contactar por:';
      top: 0;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      text-align: center; }
  .price__a {
    display: block;
    width: 100%;
    margin: 1rem auto;
    padding: 0.5rem 0 .5rem 3rem;
    color: initial;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    position: relative;
    border: 1px solid #0076ff; }
    .price__a:hover i {
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 0 8px 8px 0; }
    .price__a i {
      color: #0076ff;
      -webkit-transition: all .5s linear;
      -o-transition: all .5s linear;
      transition: all .5s linear;
      border-radius: 8px 0 0 8px;
      position: absolute;
      left: 0;
      font-size: 1.5rem;
      top: 0;
      right: 0;
      padding-left: 6px;
      background-color: rgba(0, 0, 0, 0.1);
      width: 29px;
      height: auto;
      line-height: 2;
      bottom: 0; }
    .price__a--ws {
      border: 1px solid #28bb09; }
      .price__a--ws i {
        color: #28bb09; }
    .price__a--myws {
      border: 1px solid #28bb09;
      background-color: #28bb09;
      color: #FFF;
      padding: 0.6rem 0 .4rem 3rem; }
      .price__a--myws i {
        color: #FFF; }
    .price__a--myphone {
      border: 1px solid #0076ff;
      background-color: #0076ff;
      color: #FFF;
      padding: 0.6rem 0 .4rem 3rem; }
      .price__a--myphone i {
        color: #FFF; }
  .price__header {
    text-align: center;
    margin-bottom: .5rem; }
    .price__header h3 {
      background-color: #fff;
      font-size: 1.5rem;
      border-radius: 8px 8px 0 0; }
  .price__ul {
    padding: 0 1rem;
    list-style: none; }
    @media (max-width: 880px) {
      .price__ul {
        padding: 0 1rem; } }
    .price__ul .pyme-web {
      position: relative; }
      .price__ul .pyme-web:before {
        content: url("./img/pyme-web.png");
        padding-right: .9rem; }
    .price__ul li {
      position: relative;
      border-bottom: 1px solid #eaeaea; }
      .price__ul li:after {
        position: absolute;
        content: 'G';
        font-size: .9rem;
        font-family: "pwp",
 cursive;
        top: 3px;
        color: #CCC; }
      .price__ul li .pyme {
        margin-right: 10px; }
      .price__ul li .red {
        color: red;
        position: absolute;
        margin-top: .7rem;
        right: 1rem;
        width: 14px;
        height: 14px;
        font-size: 1rem; }
      .price__ul li .green {
        color: green;
        position: absolute;
        margin-top: .7rem;
        right: 1rem;
        width: 14px;
        height: 14px;
        font-size: 1rem; }
      .price__ul li:hover {
        cursor: help; }
        .price__ul li:hover:after {
          color: #666; }
        .price__ul li:hover .tooltip {
          display: block; }
      .price__ul li:active .tooltip {
        display: block; }
      .price__ul li i {
        color: #28bb09;
        font-size: 1.4rem;
        padding-right: .5rem; }
    .price__ul .tooltip {
      display: none;
      border-radius: 4px 0 0 4px;
      background: #FFF;
      font-size: .9rem;
      position: absolute;
      border: 1px solid #28bb09;
      top: 0;
      right: 105.5%;
      width: 200px;
      padding: .5rem;
      text-align: justify;
      z-index: 9; }
      .price__ul .tooltip--pyme {
        border: 1px solid #ffa500; }
      .price__ul .tooltip--plus {
        border: 1px solid #e41be4; }
      @media (max-width: 1400px) {
        .price__ul .tooltip {
          left: 0;
          right: 0;
          top: 2.2rem;
          width: 100% !important;
          border-radius: 4px;
          -webkit-box-shadow: 8px 5px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 8px 5px 10px 0px rgba(0, 0, 0, 0.2); } }
    .price__ul--2 li i {
      color: #ffa500; }
    .price__ul--3 li i {
      color: #e41be4; }
    .price__ul--3 .posicionamiento-google {
      position: relative; }
      .price__ul--3 .posicionamiento-google:before {
        content: url("./img/posicionamiento-google.png");
        padding-right: .9rem; }
    .price__ul--e1 li i {
      color: #e74c3c; }
    .price__ul--e2 li i {
      color: #f368e0; }
    .price__ul--e3 li i {
      color: #5f27cd; }
  .price__detail {
    display: block;
    text-align: center;
    padding: 1rem 0 0 0;
    color: #0076ff; }
    .price__detail:hover {
      text-decoration: underline; }
  .price__price {
    background-color: #28bb09;
    padding: 1rem 1rem 2rem 1rem;
    -webkit-clip-path: polygon(0 80%, 0 0, 100% 0, 100% 80%, 50% 100%);
    clip-path: polygon(0 80%, 0 0, 100% 0, 100% 80%, 50% 100%);
    color: #fff;
    line-height: 1.3; }
    .price__price--2 {
      background-color: #ffa500; }
    .price__price--3 {
      background-color: #e41be4; }
    .price__price--e1 {
      background-color: #e74c3c; }
    .price__price--e2 {
      background-color: #f368e0; }
    .price__price--e3 {
      background-color: #5f27cd; }
    .price__price h4 {
      font-size: 2rem; }
      .price__price h4 span {
        font-size: 1rem; }
  .price__title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: #f8be18; }
    @media (max-width: 750px) {
      .price__title {
        font-size: 1.5rem; } }
    .price__title b {
      position: relative;
      display: block;
      font-size: 3rem;
      color: #0076ff; }
      @media (max-width: 750px) {
        .price__title b {
          font-size: 2.5rem;
          text-transform: capitalize !important; } }
  .price__subtitle {
    color: #28bb09;
    position: relative; }
    .price__subtitle span {
      font-size: 1rem;
      font-weight: 300; }
    .price__subtitle--pyme {
      color: #ffa500; }
    .price__subtitle--plus {
      color: #e41be4; }
    .price__subtitle--e1 {
      color: #e74c3c; }
    .price__subtitle--e2 {
      color: #f368e0; }
    .price__subtitle--e3 {
      color: #5f27cd; }
  .price__p {
    color: #666;
    text-align: center;
    margin: 0 1.5rem; }

.splide {
  padding: 6rem 0 3rem 0; }
  @media (max-width: 750px) {
    .splide {
      padding: 4.5rem 0 3rem 0; } }
  .splide__title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    margin-bottom: 3rem;
    color: #f8be18; }
    @media (max-width: 750px) {
      .splide__title {
        font-size: 2rem; } }
    .splide__title b {
      position: relative;
      display: block;
      font-size: 3rem;
      text-transform: uppercase;
      color: #0076ff; }
      @media (max-width: 750px) {
        .splide__title b {
          font-size: 2rem;
          text-transform: capitalize; } }
  .splide__slide a {
    position: relative;
    display: block; }
    .splide__slide a:hover:before {
      position: absolute;
      content: 'Ver en linea';
      text-align: center;
      width: 100%;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.6);
      color: #FFF; }

.about {
  position: relative;
  overflow: hidden;
  color: #FFF;
  padding: 4rem 0 0 0; }
  .about:before {
    position: absolute;
    content: "";
    background-color: #0076ff;
    -webkit-clip-path: polygon(0 34%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 34%, 100% 0, 100% 100%, 0 100%);
    height: 100%;
    width: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, right top, left top, from(#0076ff), to(#1791e8));
    background: -webkit-linear-gradient(right, #0076ff, #1791e8);
    background: -o-linear-gradient(right, #0076ff, #1791e8);
    background: linear-gradient(270deg, #0076ff, #1791e8);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 4s ease infinite;
    animation: AnimationName 4s ease infinite; }
    @media (max-width: 750px) {
      .about:before {
        -webkit-clip-path: none;
        clip-path: none; } }

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes AnimationName {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
  .about__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2fr;
    grid-template-columns: 1fr 2fr; }
    @media (max-width: 750px) {
      .about__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
  .about__title {
    margin-top: 5rem;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    text-align: center; }
    @media (max-width: 750px) {
      .about__title {
        margin-top: 0; } }
    .about__title b {
      position: relative;
      display: block;
      font-size: 3rem;
      text-transform: uppercase;
      color: #f8be18; }
      @media (max-width: 750px) {
        .about__title b {
          font-size: 2rem; } }
  .about__ul {
    margin-bottom: 2rem; }
  .about__rocket {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: red;
    width: 800px; }
    @media (max-width: 750px) {
      .about__rocket {
        opacity: .2; }
        .about__rocket img {
          width: 20%; } }
    .about__rocket--polvo {
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 1;
      -webkit-animation: polvo 4s linear 0s infinite normal;
      animation: polvo 4s linear 0s infinite normal; }

@-webkit-keyframes polvo {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0); }
  25% {
    -webkit-filter: blur(50px);
    filter: blur(50px); }
  50% {
    -webkit-filter: blur(25px);
    filter: blur(25px); }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0); } }

@keyframes polvo {
  0% {
    -webkit-filter: blur(0);
    filter: blur(0); }
  25% {
    -webkit-filter: blur(50px);
    filter: blur(50px); }
  50% {
    -webkit-filter: blur(25px);
    filter: blur(25px); }
  100% {
    -webkit-filter: blur(0);
    filter: blur(0); } }
    .about__rocket--cohete {
      position: absolute;
      left: 163px;
      bottom: 132px;
      -webkit-animation: cohete 4s linear infinite normal;
      animation: cohete 4s linear infinite normal; }

@-webkit-keyframes cohete {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  20% {
    -webkit-transform: translate(25px, -25px);
    transform: translate(25px, -25px); }
  40% {
    -webkit-transform: translate(15px, -15px);
    transform: translate(15px, -15px); }
  60% {
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px); }
  80% {
    -webkit-transform: translate(15px, -15px);
    transform: translate(15px, -15px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes cohete {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  20% {
    -webkit-transform: translate(25px, -25px);
    transform: translate(25px, -25px); }
  40% {
    -webkit-transform: translate(15px, -15px);
    transform: translate(15px, -15px); }
  60% {
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px); }
  80% {
    -webkit-transform: translate(15px, -15px);
    transform: translate(15px, -15px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
  .about__item {
    margin-top: 8rem;
    -ms-grid-column: 2;
    grid-column: 2 / 2; }
    @media (max-width: 750px) {
      .about__item {
        margin-top: 4rem; } }
    .about__item p {
      margin-top: 2rem; }
      @media (max-width: 750px) {
        .about__item p {
          display: none; } }
    .about__item ul {
      list-style: none;
      margin-top: 1rem;
      margin-left: 1rem; }
      .about__item ul li {
        position: relative;
        padding-left: 2.5rem;
        padding-top: .3rem; }
        .about__item ul li:before {
          position: absolute;
          left: 0;
          content: "\63";
          font-family: "pwp" !important;
          color: #28bb09;
          font-size: 1.5rem; }

.blog {
  padding: 8rem 0 4rem 0; }
  @media (max-width: 750px) {
    .blog {
      padding: 5rem 0 3rem 0; } }
  .blog__header {
    text-align: center;
    margin-bottom: 3rem; }
  .blog__title {
    font-size: 2.5rem;
    font-weight: 400;
    color: #0076ff; }
    .blog__title span {
      color: #f8be18; }
  .blog__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem; }
    @media (max-width: 960px) {
      .blog__grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 750px) {
      .blog__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
  .blog__card {
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
    -webkit-transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
    transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
    -o-transition: transform .2s ease, box-shadow .2s ease;
    transition: transform .2s ease, box-shadow .2s ease;
    transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
    background-color: #fff; }
    .blog__card:hover {
      -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
      transform: translateY(-6px);
      -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); }
    .blog__card-img {
      display: block;
      overflow: hidden;
      aspect-ratio: 12 / 9; }
      .blog__card-img--src {
        width: 100%;
        height: 100%;
        -o-object-fit: fill;
        object-fit: fill;
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        -o-transition: transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease; }
        .blog__card-img--src:hover {
          -webkit-transform: scale(1.04);
          -ms-transform: scale(1.04);
          transform: scale(1.04); }
    .blog__card-body {
      padding: 1.5rem; }
    .blog__card-cat {
      display: inline-block;
      font-size: .75rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #f8be18;
      margin-bottom: .5rem; }
    .blog__card-title {
      font-size: 1.2rem;
      line-height: 1.3;
      margin-bottom: .5rem; }
      .blog__card-title a {
        color: #0076ff;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease; }
        .blog__card-title a:hover {
          color: #f8be18; }
    .blog__card-meta {
      font-size: .8rem;
      color: #888;
      margin-bottom: .75rem; }
      .blog__card-meta--sep {
        margin: 0 .4rem; }
    .blog__card-excerpt {
      font-size: .95rem;
      color: #555;
      margin-bottom: 1rem;
      line-height: 1.5; }
    .blog__card-link {
      font-size: .85rem;
      font-weight: 600;
      color: #0076ff;
      border-bottom: 2px solid #f8be18;
      padding-bottom: 2px;
      -webkit-transition: color .2s ease;
      -o-transition: color .2s ease;
      transition: color .2s ease; }
      .blog__card-link:hover {
        color: #f8be18; }
  .blog__pagination {
    margin-top: 3rem;
    text-align: center; }
    .blog__pagination-list {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      gap: .5rem;
      list-style: none; }
    .blog__pagination-item a,
    .blog__pagination-item span {
      display: block;
      padding: .4rem .8rem;
      border: 1px solid #f8be18;
      border-radius: 4px;
      color: #0076ff;
      font-size: .9rem;
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
      .blog__pagination-item a:hover,
      .blog__pagination-item span:hover {
        background-color: #f8be18;
        color: #fff; }
    .blog__pagination-item .current {
      background-color: #f8be18;
      color: #fff;
      border-color: #f8be18; }
  .blog__no-results {
    text-align: center;
    padding: 4rem 0;
    color: #888; }

.single {
  padding: 5rem 0 2rem 0; }
  @media (max-width: 750px) {
    .single {
      padding: 5rem 0 3rem 0; } }
  .single__layout {
    max-width: 860px;
    margin: 0 auto; }
  .single__hero {
    margin-bottom: 1rem; }
    .single__hero-img {
      border-radius: 10px;
      overflow: hidden;
      aspect-ratio: 16 / 9;
      margin-bottom: 2rem; }
      .single__hero-img--src {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
  .single__cats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem;
    margin-bottom: .75rem; }
  .single__cat {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background-color: #0076ff;
    padding: .2rem .6rem;
    border-radius: 4px; }
    .single__cat:hover {
      background-color: #f8be18; }
  .single__title {
    font-size: 2.4rem;
    line-height: 1.2;
    color: #0076ff;
    margin-bottom: .75rem; }
    @media (max-width: 750px) {
      .single__title {
        font-size: 1.8rem; } }
  .single__info {
    font-size: .85rem;
    color: #888;
    margin-bottom: 1rem; }
    .single__info-sep {
      margin: 0 .4rem; }
  .single__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .4rem; }
  .single__tag {
    font-size: .8rem;
    color: #0076ff;
    border: 1px solid rgba(0, 118, 255, 0.3);
    padding: .15rem .5rem;
    border-radius: 20px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }
    .single__tag:hover {
      background-color: #0076ff;
      color: #fff; }
  .single__toc {
    background-color: #f8f9ff;
    border-left: 4px solid #0076ff;
    border-radius: 0 8px 8px 0;
    padding: 1.5rem;
    margin-bottom: 2rem; }
    .single__toc-toggle {
      background: none;
      border: none;
      font-size: 1rem;
      font-weight: 700;
      color: #0076ff;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: .5rem;
      padding: 0;
      width: 100%;
      text-align: left; }
    .single__toc-arrow {
      font-size: .75rem; }
    .single__toc-list {
      margin: 1rem 0 0 1.2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: .4rem; }
      .single__toc-list--hidden {
        display: none; }
    .single__toc-item a {
      color: #444;
      font-size: .95rem;
      -webkit-transition: color .2s ease;
      -o-transition: color .2s ease;
      transition: color .2s ease; }
      .single__toc-item a:hover {
        color: #0076ff; }
    .single__toc-item--h3 {
      margin-left: 1rem; }
      .single__toc-item--h3 a {
        font-size: .88rem;
        color: #666; }
  .single__content {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #333; }
    .single__content h2,
    .single__content h3 {
      color: #0076ff;
      margin: 2rem 0 1rem; }
    .single__content h2 {
      font-size: 1.6rem; }
    .single__content h3 {
      font-size: 1.3rem; }
    .single__content p {
      margin-bottom: 1.2rem; }
    .single__content a {
      color: #0076ff;
      text-decoration: underline; }
    .single__content img {
      border-radius: 8px;
      margin: 1.5rem 0; }
    .single__content ul,
    .single__content ol {
      margin: 1rem 0 1rem 1.5rem; }
      .single__content ul li,
      .single__content ol li {
        margin-bottom: .4rem; }
    .single__content ul {
      list-style: none; }
      .single__content ul li {
        background-color: none; }
      .single__content ul li::before {
        content: "✅";
        display: inline-block;
        margin-right: 0.2rem; }
      .single__content ul ul li::before {
        content: "📌"; }
    .single__content ol {
      max-width: 700px;
      position: relative; }
      .single__content ol::before {
        content: '';
        width: 0.5rem;
        height: 100%;
        position: absolute;
        top: 0;
        left: 8%;
        background: #ace0ff;
        z-index: -1; }
      .single__content ol li {
        padding: 0.5rem 1.5rem 1rem;
        border-radius: 1.5rem;
        background: #ace0ff; }
      .single__content ol li + li {
        margin-top: 1rem; }
      .single__content ol ::marker {
        font-weight: 600;
        color: #0076ff;
        font-size: 1.8rem; }
    .single__content blockquote {
      border-left: 4px solid #f8be18;
      padding: 1rem 1.5rem;
      background-color: #fffbf0;
      border-radius: 0 8px 8px 0;
      font-style: italic;
      margin: 1.5rem 0; }
    .single__content .verde {
      border-left: 4px solid #34f911;
      padding: 1rem 1.5rem;
      background-color: #60e80021;
      border-radius: 0 8px 8px 0;
      font-style: italic;
      margin: 1.5rem 0;
      width: 90%;
      margin: 1rem auto; }
    .single__content .amarillo {
      border-left: 4px solid #f8be18;
      padding: 1rem 1.5rem;
      background-color: #e4e41f21;
      border-radius: 0 8px 8px 0;
      font-style: italic;
      margin: 1.5rem 0;
      width: 90%;
      margin: 1rem auto; }
    .single__content .paralelas {
      border-top: 1px solid #b9b9b9;
      border-bottom: 4px solid #adff9f;
      border-left: 0;
      padding: 3rem 1.5rem;
      background-color: #60e80021;
      border-radius: 0;
      font-style: normal;
      margin: 1.5rem 0;
      text-align: center;
      position: relative; }
      .single__content .paralelas::before {
        content: '🤔';
        position: absolute;
        top: -2rem;
        left: 0;
        right: 0;
        height: 4px;
        font-size: 2rem; }
  .single__share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #eee;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .single__share-label {
      font-weight: 700;
      color: #0076ff; }
    .single__share-buttons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: .5rem;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .single__share-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: .4rem;
      padding: .4rem .9rem;
      border-radius: 4px;
      font-size: .85rem;
      font-weight: 600;
      color: #fff;
      -webkit-transition: opacity .2s ease;
      -o-transition: opacity .2s ease;
      transition: opacity .2s ease; }
      .single__share-btn:hover {
        opacity: .85; }
      .single__share-btn--facebook {
        background-color: #1877f2; }
      .single__share-btn--twitter {
        background-color: #000; }
      .single__share-btn--whatsapp {
        background-color: #28bb09; }
      .single__share-btn--linkedin {
        background-color: #0a66c2; }
  .single__nav {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 3rem; }
    @media (max-width: 750px) {
      .single__nav {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
    .single__nav-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 1rem;
      padding: 1rem;
      border: 1px solid #eee;
      border-radius: 8px;
      color: initial;
      -webkit-transition: border-color .2s ease, -webkit-box-shadow .2s ease;
      transition: border-color .2s ease, -webkit-box-shadow .2s ease;
      -o-transition: border-color .2s ease, box-shadow .2s ease;
      transition: border-color .2s ease, box-shadow .2s ease;
      transition: border-color .2s ease, box-shadow .2s ease, -webkit-box-shadow .2s ease; }
      .single__nav-item:hover {
        border-color: #0076ff;
        -webkit-box-shadow: 0 4px 16px rgba(0, 118, 255, 0.1);
        box-shadow: 0 4px 16px rgba(0, 118, 255, 0.1); }
      .single__nav-item--next {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right; }
    .single__nav-arrow {
      font-size: 1.4rem;
      color: #0076ff; }
    .single__nav-label {
      display: block;
      font-size: .75rem;
      text-transform: uppercase;
      color: #888;
      margin-bottom: .2rem; }
    .single__nav-title {
      font-size: .95rem;
      font-weight: 600;
      color: #0076ff; }
  .single__related {
    margin-top: 4rem;
    padding-top: 3rem;
    border-top: 1px solid #eee; }
    .single__related-title {
      font-size: 1.5rem;
      color: #0076ff;
      margin-bottom: 2rem;
      text-align: center; }
    .single__related-grid {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem; }
      @media (max-width: 750px) {
        .single__related-grid {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr; } }
  .single__cta {
    position: fixed;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 9998;
    -webkit-transition: bottom .4s ease;
    -o-transition: bottom .4s ease;
    transition: bottom .4s ease; }
    .single__cta--visible {
      bottom: 0; }
    .single__cta-inner {
      max-width: 860px;
      margin: 0 auto;
      background-color: #0076ff;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      gap: 1rem;
      padding: 1rem 1.5rem;
      border-radius: 10px 10px 0 0;
      -webkit-box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
      box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15); }
      @media (max-width: 750px) {
        .single__cta-inner {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          text-align: center;
          border-radius: 0; } }
    .single__cta-text {
      font-weight: 600;
      margin: 0; }
    .single__cta-btn {
      white-space: nowrap;
      background-color: #f8be18;
      border-color: #f8be18; }
    .single__cta-close {
      background: none;
      border: none;
      color: rgba(255, 255, 255, 0.7);
      font-size: 1.1rem;
      cursor: pointer;
      padding: .2rem .5rem;
      -webkit-transition: color .2s ease;
      -o-transition: color .2s ease;
      transition: color .2s ease; }
      .single__cta-close:hover {
        color: #fff; }

.form-message {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  text-align: center;
  padding: .8rem 1rem;
  border-radius: 6px;
  font-weight: 600;
  margin-top: .5rem; }
  @media (max-width: 750px) {
    .form-message {
      -ms-grid-column: 1;
      grid-column: 1; } }
  .form-message--success {
    background-color: rgba(40, 187, 9, 0.1);
    color: #28bb09;
    border: 1px solid #28bb09; }
  .form-message--error {
    background-color: rgba(255, 0, 0, 0.08);
    color: #cc0000;
    border: 1px solid red; }

.cat {
  padding: 8rem 0 4rem 0; }
  @media (max-width: 750px) {
    .cat {
      padding: 5rem 0 3rem 0; } }
  .cat__header {
    position: relative;
    background: -webkit-linear-gradient(315deg, #0076ff 60%, #4d9fff);
    background: -o-linear-gradient(315deg, #0076ff 60%, #4d9fff);
    background: linear-gradient(135deg, #0076ff 60%, #4d9fff);
    border-radius: 12px;
    padding: 3rem 2rem;
    margin-bottom: 3rem;
    overflow: hidden;
    color: #fff; }
    .cat__header:before {
      content: '';
      position: absolute;
      right: -60px;
      top: -60px;
      width: 250px;
      height: 250px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.06); }
    .cat__header-label {
      display: inline-block;
      font-size: .75rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px;
      background-color: rgba(255, 255, 255, 0.15);
      padding: .2rem .7rem;
      border-radius: 20px;
      margin-bottom: .75rem; }
    .cat__header-title {
      font-size: 2.5rem;
      font-weight: 800;
      line-height: 1.1;
      margin-bottom: .75rem; }
      @media (max-width: 750px) {
        .cat__header-title {
          font-size: 1.8rem; } }
    .cat__header-desc {
      font-size: 1rem;
      opacity: .85;
      max-width: 600px;
      margin-bottom: .75rem;
      line-height: 1.6; }
    .cat__header-count {
      font-size: .85rem;
      opacity: .7; }
  .cat__layout {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 300px;
    grid-template-columns: 1fr 300px;
    gap: 2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start; }
    @media (max-width: 960px) {
      .cat__layout {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
  .cat__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem; }
    @media (max-width: 750px) {
      .cat__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }

.cat-sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
  position: -webkit-sticky;
  position: sticky;
  top: 80px; }
  @media (max-width: 960px) {
    .cat-sidebar {
      position: static; } }
  .cat-sidebar__widget {
    background-color: #fff;
    border-radius: 10px;
    padding: 1.5rem;
    -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 24px rgba(0, 0, 0, 0.07); }
    .cat-sidebar__widget--cta {
      background: -webkit-linear-gradient(315deg, #0076ff, #4d9fff);
      background: -o-linear-gradient(315deg, #0076ff, #4d9fff);
      background: linear-gradient(135deg, #0076ff, #4d9fff);
      color: #fff;
      text-align: center; }
  .cat-sidebar__title {
    font-size: 1rem;
    font-weight: 700;
    color: #0076ff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    border-bottom: 2px solid rgba(0, 118, 255, 0.1); }
  .cat-sidebar__cats {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .3rem; }
    .cat-sidebar__cats-item a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: .5rem .75rem;
      border-radius: 6px;
      color: #444;
      font-size: .95rem;
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
      .cat-sidebar__cats-item a:hover {
        background-color: rgba(0, 118, 255, 0.07);
        color: #0076ff; }
    .cat-sidebar__cats-item--active a {
      background-color: #0076ff;
      color: #fff;
      font-weight: 600; }
      .cat-sidebar__cats-item--active a .cat-sidebar__cats-count {
        background-color: rgba(255, 255, 255, 0.2);
        color: #fff; }
      .cat-sidebar__cats-item--active a:hover {
        background-color: #006ae6;
        color: #fff; }
    .cat-sidebar__cats-count {
      font-size: .75rem;
      background-color: rgba(0, 118, 255, 0.1);
      color: #0076ff;
      padding: .1rem .5rem;
      border-radius: 20px;
      font-weight: 600; }
  .cat-sidebar__recent {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem; }
    .cat-sidebar__recent-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: .75rem;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .cat-sidebar__recent-img {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 70px;
      height: 70px;
      border-radius: 6px;
      overflow: hidden;
      display: block; }
      .cat-sidebar__recent-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        -o-transition: transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease; }
        .cat-sidebar__recent-img img:hover {
          -webkit-transform: scale(1.06);
          -ms-transform: scale(1.06);
          transform: scale(1.06); }
    .cat-sidebar__recent-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: .25rem; }
    .cat-sidebar__recent-title {
      font-size: .9rem;
      font-weight: 600;
      color: #333;
      line-height: 1.3;
      -webkit-transition: color .2s ease;
      -o-transition: color .2s ease;
      transition: color .2s ease; }
      .cat-sidebar__recent-title:hover {
        color: #0076ff; }
    .cat-sidebar__recent-date {
      font-size: .75rem;
      color: #999; }
  .cat-sidebar__cta-text {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #fff; }
  .cat-sidebar__cta-btn {
    max-width: 100%;
    color: #0076ff;
    background-color: #f8be18;
    border-color: #f8be18; }
    .cat-sidebar__cta-btn:hover {
      background-color: #e0a807; }

.cat-others {
  margin-top: 4rem;
  padding-top: 3rem;
  border-top: 1px solid #eee; }
  .cat-others__title {
    font-size: 1.6rem;
    font-weight: 400;
    color: #f8be18;
    text-align: center;
    margin-bottom: 2rem; }
    .cat-others__title b {
      display: block;
      font-size: 2rem;
      color: #0076ff; }
  .cat-others__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem; }
    @media (max-width: 960px) {
      .cat-others__grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 750px) {
      .cat-others__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
  .cat-others__item {
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 24px rgba(0, 0, 0, 0.07);
    -webkit-transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
    transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
    -o-transition: transform .2s ease, box-shadow .2s ease;
    transition: transform .2s ease, box-shadow .2s ease;
    transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
    display: block;
    background-color: #fff; }
    .cat-others__item:hover {
      -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      transform: translateY(-5px);
      -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.13);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.13); }
      .cat-others__item:hover .cat-others__item-img--src {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05); }
    .cat-others__item-img {
      aspect-ratio: 16 / 9;
      overflow: hidden;
      background-color: rgba(0, 118, 255, 0.08); }
      .cat-others__item-img--src {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        -o-transition: transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease; }
    .cat-others__item-placeholder {
      width: 100%;
      height: 100%;
      background: -webkit-linear-gradient(315deg, rgba(0, 118, 255, 0.1), rgba(248, 190, 24, 0.1));
      background: -o-linear-gradient(315deg, rgba(0, 118, 255, 0.1), rgba(248, 190, 24, 0.1));
      background: linear-gradient(135deg, rgba(0, 118, 255, 0.1), rgba(248, 190, 24, 0.1)); }
    .cat-others__item-info {
      padding: 1rem 1.2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .cat-others__item-name {
      font-weight: 700;
      color: #0076ff;
      font-size: 1rem; }
    .cat-others__item-count {
      font-size: .8rem;
      color: #999; }

.latest-posts {
  padding: 5rem 0 0 0; }
  @media (max-width: 750px) {
    .latest-posts {
      padding: 4rem 0 3rem 0; } }
  .latest-posts__header {
    text-align: center;
    margin-bottom: 3rem; }
  .latest-posts__title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: #f8be18; }
    @media (max-width: 750px) {
      .latest-posts__title {
        font-size: 1.5rem; } }
    .latest-posts__title b {
      position: relative;
      display: block;
      font-size: 3rem;
      color: #0076ff; }
      @media (max-width: 750px) {
        .latest-posts__title b {
          font-size: 2.5rem;
          text-transform: capitalize !important; } }
  .latest-posts__p {
    text-align: center;
    margin: 0 1.5rem; }
  .latest-posts__subtitle {
    color: #666;
    margin-top: .5rem;
    font-size: 1rem; }
  .latest-posts__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem; }
    @media (max-width: 960px) {
      .latest-posts__grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 750px) {
      .latest-posts__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; } }
  .latest-posts__card {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.07);
    box-shadow: 0 2px 24px rgba(0, 0, 0, 0.07);
    -webkit-transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
    transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
    -o-transition: transform .2s ease, box-shadow .2s ease;
    transition: transform .2s ease, box-shadow .2s ease;
    transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease; }
    .latest-posts__card:hover {
      -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
      transform: translateY(-6px);
      -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.13);
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.13); }
      .latest-posts__card:hover .latest-posts__card-img--src {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04); }
    .latest-posts__card-img {
      display: block;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      background-color: rgba(0, 118, 255, 0.06); }
      .latest-posts__card-img--src {
        width: 100%;
        height: 100%;
        -o-object-fit: fill;
        object-fit: fill;
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        -o-transition: transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease; }
    .latest-posts__card-placeholder {
      width: 100%;
      height: 100%;
      background: -webkit-linear-gradient(315deg, rgba(0, 118, 255, 0.08), rgba(248, 190, 24, 0.08));
      background: -o-linear-gradient(315deg, rgba(0, 118, 255, 0.08), rgba(248, 190, 24, 0.08));
      background: linear-gradient(135deg, rgba(0, 118, 255, 0.08), rgba(248, 190, 24, 0.08)); }
    .latest-posts__card-body {
      padding: 1.5rem; }
    .latest-posts__card-cat {
      display: inline-block;
      font-size: .72rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #fff;
      background-color: #0076ff;
      padding: .2rem .6rem;
      border-radius: 4px;
      margin-bottom: .6rem;
      -webkit-transition: background-color .2s ease;
      -o-transition: background-color .2s ease;
      transition: background-color .2s ease; }
      .latest-posts__card-cat:hover {
        background-color: #f8be18; }
    .latest-posts__card-title {
      font-size: 1.1rem;
      line-height: 1.3;
      margin-bottom: .5rem; }
      .latest-posts__card-title a {
        color: #0076ff;
        -webkit-transition: color .2s ease;
        -o-transition: color .2s ease;
        transition: color .2s ease; }
        .latest-posts__card-title a:hover {
          color: #f8be18; }
    .latest-posts__card-meta {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: .4rem;
      font-size: .8rem;
      color: #999;
      margin-bottom: .75rem; }
    .latest-posts__card-excerpt {
      font-size: .92rem;
      color: #555;
      line-height: 1.6;
      margin-bottom: 1.2rem; }
    .latest-posts__card-link {
      font-size: .85rem;
      font-weight: 700;
      color: #0076ff;
      border-bottom: 2px solid #f8be18;
      padding-bottom: 2px;
      -webkit-transition: color .2s ease;
      -o-transition: color .2s ease;
      transition: color .2s ease; }
      .latest-posts__card-link:hover {
        color: #f8be18; }
  .latest-posts__footer {
    text-align: center;
    margin-top: 2.5rem; }
  .latest-posts__btn {
    display: inline-block;
    color: #0076ff; }
    .latest-posts__btn:hover {
      color: #fff; }

.footer {
  padding: 1rem 0;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin: auto;
  margin-top: 3rem;
  background: -webkit-gradient(linear, left top, right top, from(#30b3ff), to(#0076ff));
  background: -webkit-linear-gradient(left, #30b3ff 0%, #0076ff 100%);
  background: -o-linear-gradient(left, #30b3ff 0%, #0076ff 100%);
  background: linear-gradient(90deg, #30b3ff 0%, #0076ff 100%);
  color: #FFF; }
  .footer a {
    color: #FFF;
    text-decoration: underline; }

img {
  max-width: 100%; }

table {
  border-collapse: collapse;
  max-width: 960px;
  margin-top: 2rem;
  padding: 1rem;
  background-color: #FFF;
  border: 1px solid #cae2ff; }
  @media (max-width: 750px) {
    table {
      width: 608px; } }
  table .i-check {
    color: #28bb09; }
  table .i-cross-mark {
    color: red; }
  table td {
    border-right: 1px solid #cae2ff;
    padding: .2rem .5rem; }

thead,
tfoot {
  color: #0076ff; }
  thead .plus,
  tfoot .plus {
    display: block;
    margin-bottom: 2rem; }
  thead small,
  tfoot small {
    color: initial;
    font-weight: 400; }
  thead th,
  tfoot th {
    border-right: 1px solid #cae2ff;
    border-top: 1px solid #cae2ff;
    padding: .5rem 0; }
    thead th:first-child,
    tfoot th:first-child {
      border-top: none; }
    thead th span,
    tfoot th span {
      font-size: 1.1rem; }
    thead th h4,
    tfoot th h4 {
      font-size: 2.5rem;
      line-height: .8; }
      @media (max-width: 750px) {
        thead th h4,
        tfoot th h4 {
          font-size: 1.9rem; } }
      thead th h4 small,
      tfoot th h4 small {
        font-size: 1rem;
        color: #0076ff;
        font-weight: 600; }
    thead th h5,
    tfoot th h5 {
      font-size: 1rem; }

tbody tr {
  text-align: center; }
  tbody tr:nth-child(2n) {
    background-color: #f7f7f7; }
  tbody tr:hover {
    background-color: rgba(248, 190, 24, 0.5); }

.title {
  padding: 8px 0;
  background-color: rgba(0, 118, 255, 0.05);
  color: #0076ff;
  text-align: left;
  padding-left: 1rem;
  font-weight: bold;
  border-bottom: 2px solid #cae2ff; }
  @media (max-width: 750px) {
    .title {
      font-size: .8rem; } }
  .title:hover {
    background-color: #cae2ff; }

.des-plan {
  text-align: left;
  padding-left: 1rem;
  width: 35%; }