@charset "UTF-8";
/*
Theme Name: Pleno - Oficial
Theme URI: #
Description: Tema moderno de WordPress exclusivo para Pleno El tema es responsivo, compatible con Retina, amigable con SEO y utliza Foundation para el diseño.
Author: Canalla Agency | Edgar Olivas Guzmán (CylinderUX)
Author URI:  http://canalla.agency/
Version: 1.0
Tags: Foundation, SCSS, Jquery, PHP, Fontawesome, WP-Editor by CylinderUX
*/
/*====================================
=            Custom Reset            =
====================================*/
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
* {
  padding: 0;
  margin: 0; }

/*----------  Foundation Custom Reset  ----------*/
.row {
  max-width: 85vw;
  margin-left: auto;
  margin-right: auto; }

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

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

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

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

.dp_flex_jbwic {
  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; }

/*=====  End of Custom Reset  ======*/
/*=======================================
=            General Setting            =
=======================================*/
/*----------  Vars  ----------*/
/*----------  Mixins  ----------*/
/*----------  Paddings  ----------*/
section, .section-div {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  background-size: cover;
  background-position: 50% 50%;
  position: relative; }

.pad-und-xlg {
  padding-top: 150px;
  padding-bottom: 150px; }

.pad-und-lg {
  padding-top: 100px;
  padding-bottom: 100px; }

.pad-und-md {
  padding-top: 70px;
  padding-bottom: 70px; }

.pad-und-sm {
  padding-top: 40px;
  padding-bottom: 40px; }

.pad-und-xs {
  padding-top: 20px;
  padding-bottom: 20px; }

.pad-none {
  padding: 0; }

@media screen and (max-width: 500px) {
  .pad-none-xs {
    padding: 0; } }

/*----------  Borders  ----------*/
.br-all {
  border: .5px solid; }

.br-lf {
  border-left: .5px solid; }

.br-rg {
  border-right: .5px solid; }

.br-up {
  border-top: .5px solid; }

.br-do {
  border-bottom: .5px solid; }

.display-none {
  display: none !important; }

body {
  overflow-x: hidden; }
  @media screen and (max-width: 500px) {
    body {
      overflow-y: scroll !important; } }
  body #skrollr-body {
    overflow-x: hidden; }

.btn_custom {
  width: 40px;
  height: 40px;
  background: black;
  border-radius: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .btn_custom:after {
    content: '';
    position: absolute;
    width: 30%;
    height: 1px;
    background: white; }
  .btn_custom:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 30%;
    background: white; }

.cwhite {
  color: white; }

.hamburger {
  outline: none; }

.menu_mobile {
  width: 100vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: calc(var(--vhModal, 1vh) * 100);
  background-color: #ffe912;
  top: -100vh;
  position: fixed;
  z-index: 2;
  padding: 110px 0;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }
  .menu_mobile .menu li a {
    padding: 1.2rem 0;
    font-size: 24px;
    color: #000000; }

.menu_mobile.is-active {
  top: 0; }

.active_mobile {
  background: #e6d314; }

/*=====  End of General Setting  ======*/
/*=====================================================
=            Global Styles h1, h2 , h3....            =
=====================================================*/
.pl-menu {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.5px; }

.pl-p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px; }

.pl-h1 {
  font-family: "Roboto", sans-serif;
  font-size: 46px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 1.5px; }

.pl-h2 {
  font-family: "Roboto", sans-serif;
  font-size: 34px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.15;
  letter-spacing: 1px; }

.pl-h3 {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.15;
  letter-spacing: 1px; }

.counter_step p {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.96;
  letter-spacing: normal;
  opacity: 0.3;
  margin: 0; }

.counter_step hr {
  opacity: 1;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 40px;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #ffe912;
  border-left: 0;
  margin: .5rem 0 2rem 0; }

/*=====  End of Global Styles h1, h2 , h3....  ======*/
/*==============================
=            Header            =
==============================*/
.header {
  z-index: 3; }
  .header .row {
    max-width: 85vw; }
  .header header {
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms; }
    .header header .menu a {
      color: #000000; }
    .header header .menu .hvr-overline-reveal {
      overflow: unset; }
      .header header .menu .hvr-overline-reveal:before {
        top: -3vh;
        background: white; }
    .header header .menu .hvr-overline-reveal.active::before {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      background: #ffe912; }
  .header header.is-active {
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background: #ffe912; }
  .header.fixed_position {
    position: fixed;
    top: 0;
    background: white;
    z-index: 99; }
  @media screen and (max-width: 500px) {
    .header header .logo_type {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .header header .logo_type img {
        width: 80%; } }

/*=====  End of Header  ======*/
/*==============================
=            Footer            =
==============================*/
.footer footer {
  width: 100%;
  height: 42vh;
  background: #101010;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .footer footer a, .footer footer p {
    color: white; }
  .footer footer .row {
    max-width: 85vw;
    width: 85vw;
    z-index: 1;
    position: relative; }
  .footer footer .barra_copy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end; }
    @media screen and (max-width: 500px) {
      .footer footer .barra_copy {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center; } }
  .footer footer .column {
    padding: none; }

.footer .pleca_footer_detalle {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 16%;
  height: 30%;
  background: #222222;
  opacity: .50; }

@media screen and (max-width: 500px) {
  .footer footer {
    height: 70vh; }
  .footer .small-12.medium-3.columns {
    margin-bottom: 60px; }
    .footer .small-12.medium-3.columns img {
      width: 15%; } }

/*=====  End of Footer  ======*/
/*============================
=            Home            =
============================*/
.banner {
  height: 114vh;
  position: relative;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .banner .btn_custom {
    background: #ffe912; }
    .banner .btn_custom:before, .banner .btn_custom:after {
      background: #000000; }
  .banner .pleca_opac {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.44;
    background-color: #060606;
    z-index: 0; }
  .banner .row {
    z-index: 1;
    position: relative;
    width: 85vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .banner .row h1, .banner .row p {
      color: white; }
  .banner .scroll-down {
    position: absolute;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: 4%;
    right: 12%; }
    .banner .scroll-down img {
      -webkit-animation: sdb04 2s infinite;
      animation: sdb04 2s infinite;
      width: 40px; }

@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  20% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0); }
  40% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes sdb04 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  20% {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0); }
  40% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
  @media screen and (max-width: 500px) {
    .banner {
      height: 68vh; } }

.banner.home .video_embed {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -99; }
  .banner.home .video_embed iframe {
    width: 100%;
    height: 100%; }

.banner.home .img_embed {
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  position: absolute; }

.banner.home .info_banner p, .banner.home .info_banner a {
  margin: 20px 0 0 0; }

.prod_dest {
  height: 52vh; }
  @media screen and (max-width: 500px) {
    .prod_dest {
      height: 150vh; } }
  .prod_dest img {
    width: 60%; }
  .prod_dest .prod_home {
    width: 33%; }
    @media screen and (max-width: 500px) {
      .prod_dest .prod_home {
        width: 100%;
        left: unset !important;
        right: unset !important;
        position: relative !important;
        height: 33% !important; } }
  .prod_dest #prod_1 {
    height: 100%;
    position: absolute;
    left: 0;
    background: #ffe912; }
  .prod_dest #prod_2 {
    height: 100%;
    position: absolute;
    left: 33%;
    background: #edede5; }
  .prod_dest #prod_3 {
    height: 100%;
    position: absolute;
    right: 0;
    background: white; }
    .prod_dest #prod_3 strong {
      margin-right: 20px;
      color: #000000; }

/*=====  End of Home  ======*/
/*================================
=            Contacto            =
================================*/
.contacto_layout {
  height: calc(100vh - 80px);
  background: #0b0b0b;
  padding: 70px 0 0 0; }
  .contacto_layout h1 {
    color: white; }
  .contacto_layout .pleca_yellow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 72%;
    background: #ffe912;
    padding: 36px 10% 36px 12px; }
  .contacto_layout .pleca_yellow_mini {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 14%;
    height: 14%;
    opacity: 0.75;
    background-color: rgba(255, 255, 255, 0.55);
    z-index: 1; }

/*=====  End of Contacto  ======*/
/*=================================
=            Acerca de            =
=================================*/
.mobile_view {
  position: relative;
  height: 60vh; }
  .mobile_view .step {
    padding: 0 18%; }
    .mobile_view .step hr {
      border-bottom: 1px solid white; }
  .mobile_view .bg_img {
    background-size: cover;
    background-position: center;
    background-image: url("img/about/step_02.jpg");
    height: 100%; }
  .mobile_view .slider_custom {
    position: absolute;
    width: 100%;
    height: 100%; }
    .mobile_view .slider_custom .swiper-container {
      width: 100%;
      height: 100%; }
      .mobile_view .slider_custom .swiper-container .swiper-pagination-fraction {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        bottom: 6%;
        left: 90%;
        width: 10%; }
      .mobile_view .slider_custom .swiper-container .navigation_custom .swiper-button-prev {
        top: 48%;
        right: auto;
        left: 8px; }
      .mobile_view .slider_custom .swiper-container .navigation_custom .swiper-button-next {
        top: 48%;
        right: 8px;
        left: auto; }
      .mobile_view .slider_custom .swiper-container .navigation_custom .swiper-button-prev,
      .mobile_view .slider_custom .swiper-container .navigation_custom .swiper-button-next {
        background: none;
        width: 60px;
        height: 60px;
        border-radius: 40px;
        border: solid 1px white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .mobile_view .slider_custom .swiper-container .navigation_custom .swiper-button-prev span i,
        .mobile_view .slider_custom .swiper-container .navigation_custom .swiper-button-next span i {
          color: #ffe912;
          font-size: 28px; }
    .mobile_view .slider_custom #img_slide_1 {
      background-size: cover;
      background-position: center;
      background-image: url("img/about/slider_1.jpg");
      height: 100%; }
    .mobile_view .slider_custom #img_slide_2 {
      background-size: cover;
      background-position: center;
      background-image: url("http://canalla.agency/pr/pleno/wp-content/uploads/2019/03/Supervia_2.png");
      height: 100%; }
    .mobile_view .slider_custom #img_slide_3 {
      background-size: cover;
      background-position: center;
      background-image: url("http://canalla.agency/pr/pleno/wp-content/uploads/2018/12/NLaredo_VMS_Inst2-1.png");
      height: 100%; }

.banner_black {
  height: 60vh;
  background: black; }
  .banner_black .row {
    width: 66rem; }
    @media screen and (max-width: 500px) {
      .banner_black .row {
        width: unset; } }
  .banner_black h1, .banner_black p {
    color: white; }
  .banner_black h1 {
    margin-bottom: 40px; }
  .banner_black p {
    font-weight: 300; }

.banner_white {
  height: 60vh;
  background: white; }
  .banner_white .row {
    width: 66rem; }
  .banner_white h1, .banner_white p {
    color: black; }
  .banner_white h1 {
    margin-bottom: 40px; }
  .banner_white h2 {
    margin-bottom: 40px; }
  .banner_white p {
    font-size: 14px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 0; }
  .banner_white .space {
    color: black;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 2px; }
    .banner_white .space a {
      color: black;
      -webkit-transition: all 300ms;
      -o-transition: all 300ms;
      transition: all 300ms; }
      .banner_white .space a:hover {
        opacity: 0.6; }
  @media screen and (max-width: 500px) {
    .banner_white {
      height: 80vh; }
      .banner_white h2 {
        margin-top: 20px; }
      .banner_white p {
        font-size: 14px;
        padding-top: 4px;
        padding-bottom: 4px;
        margin: 0; }
      .banner_white .colspace {
        padding-top: 4px;
        padding-bottom: 4px; } }

.banner_black_img {
  background-size: cover;
  background-position: center;
  background-image: url("img/about/acerca.jpg");
  height: 90vh; }

.banner_step_unic_img {
  background-size: cover;
  background-position: center;
  background-image: url("img/about/acerca2.png");
  height: 90vh; }
  .banner_step_unic_img .opac_pleca {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); }
  .banner_step_unic_img #step_01 {
    position: absolute;
    background: white;
    width: 50%;
    height: 64%;
    right: 0;
    bottom: -22%;
    padding: 0 10%; }

.middle_banner_step {
  height: 100vh; }
  @media screen and (max-width: 500px) {
    .middle_banner_step {
      height: 60vh; } }
  .middle_banner_step .pleca_yellow {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 100%;
    background: #ffe912; }
    .middle_banner_step .pleca_yellow #step_02 {
      padding: 0 18%; }
      .middle_banner_step .pleca_yellow #step_02 hr {
        border-bottom: 1px solid white; }
      @media screen and (max-width: 500px) {
        .middle_banner_step .pleca_yellow #step_02 {
          padding: unset; } }
    @media screen and (max-width: 500px) {
      .middle_banner_step .pleca_yellow {
        width: 100%; } }
  .middle_banner_step .pleca_img_yellow_step {
    position: absolute;
    background-size: cover;
    background-position: center;
    background-image: url("img/about/step_02.jpg");
    width: 50%;
    height: 100%;
    right: 0;
    top: 22%;
    z-index: 1; }

.banner_full_img {
  height: 110vh;
  background: black;
  background: -moz-linear-gradient(left, black 0%, black 50%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(50%, black), color-stop(72%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, black 0%, black 50%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, black 0%, black 50%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(left, black 0%, black 50%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, from(black), color-stop(50%, black), color-stop(72%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .banner_full_img .pleca_img {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    z-index: -1;
    background-size: cover;
    background-position: center;
    background-image: url("img/tecno/banner_2.jpg"); }
  .banner_full_img .row {
    width: 85vw;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 500px) {
      .banner_full_img .row {
        width: unset; } }
  .banner_full_img h2, .banner_full_img p {
    color: white; }

.banner_slider {
  height: 90vh; }
  .banner_slider .slider_custom {
    position: absolute;
    width: 66.66%;
    height: 100%; }
    .banner_slider .slider_custom .swiper-container {
      width: 100%;
      height: 100%; }
      .banner_slider .slider_custom .swiper-container .swiper-pagination-fraction {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        bottom: 10%;
        left: 90%;
        width: 10%; }
      .banner_slider .slider_custom .swiper-container .navigation_custom .swiper-button-prev {
        top: 8%;
        right: 28px;
        left: auto; }
      .banner_slider .slider_custom .swiper-container .navigation_custom .swiper-button-next {
        top: 20%;
        right: 28px;
        left: auto; }
      .banner_slider .slider_custom .swiper-container .navigation_custom .swiper-button-prev,
      .banner_slider .slider_custom .swiper-container .navigation_custom .swiper-button-next {
        background: none;
        width: 60px;
        height: 60px;
        border-radius: 40px;
        border: solid 1px white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .banner_slider .slider_custom .swiper-container .navigation_custom .swiper-button-prev span i,
        .banner_slider .slider_custom .swiper-container .navigation_custom .swiper-button-next span i {
          color: #ffe912;
          font-size: 28px; }
    .banner_slider .slider_custom #img_slide_1 {
      background-size: cover;
      background-position: center;
      background-image: url("img/about/slider_1.jpg");
      height: 100%; }
    .banner_slider .slider_custom #img_slide_2 {
      background-size: cover;
      background-position: center;
      background-image: url("http://canalla.agency/pr/pleno/wp-content/uploads/2019/03/Supervia_2.png");
      height: 100%; }
    .banner_slider .slider_custom #img_slide_3 {
      background-size: cover;
      background-position: center;
      background-image: url("http://canalla.agency/pr/pleno/wp-content/uploads/2018/12/NLaredo_VMS_Inst2-1.png");
      height: 100%; }
  .banner_slider .pleca_yellow {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33.33%;
    height: 100%;
    right: 0;
    background: #ffe912; }
    .banner_slider .pleca_yellow #step_02 {
      padding: 0 18%; }
      .banner_slider .pleca_yellow #step_02 hr {
        border-bottom: 1px solid white; }
      @media screen and (max-width: 500px) {
        .banner_slider .pleca_yellow #step_02 {
          padding: unset; } }
    @media screen and (max-width: 500px) {
      .banner_slider .pleca_yellow {
        width: 100%; } }
  @media screen and (max-width: 500px) {
    .banner_slider {
      height: 60vh; } }

.banner_full_img_nodeg {
  background-size: cover;
  background-position: center;
  background-image: url("img/about/full_2.jpg");
  height: 130vh;
  padding: 92px 0 0 0; }
  .banner_full_img_nodeg .row {
    position: relative;
    z-index: 1; }
  .banner_full_img_nodeg .counter_step {
    margin-top: 40px; }
  .banner_full_img_nodeg h2, .banner_full_img_nodeg p {
    color: white; }

/*=====  End of Acerca de  ======*/
/*==================================
=            Tecnologia            =
==================================*/
.banner_tecno_black {
  height: 110vh;
  background: black;
  background: -moz-linear-gradient(left, black 0%, black 50%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(50%, black), color-stop(72%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, black 0%, black 50%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, black 0%, black 50%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(left, black 0%, black 50%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, from(black), color-stop(50%, black), color-stop(72%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, black 0%, black 50%, rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .banner_tecno_black .pleca_img {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    z-index: -1;
    background-size: cover;
    background-position: center;
    background-image: url("img/tecno/banner_2.jpg"); }
  .banner_tecno_black .row {
    position: relative;
    z-index: 1;
    width: 85vw; }
  .banner_tecno_black .counter_step {
    margin-top: 40px; }
  .banner_tecno_black h2 {
    color: white;
    padding-bottom: .5px; }
  .banner_tecno_black h3 {
    font-size: 20px;
    color: white;
    padding-bottom: .5px; }
  .banner_tecno_black p {
    font-size: 14px;
    color: white;
    padding-bottom: .5px; }

.home h1 {
  margin: 100px 0 0 0; }

.banner_tecno_yellow {
  height: 110vh;
  background: #ffe912;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .banner_tecno_yellow .row {
    width: 66rem; }
    @media screen and (max-width: 500px) {
      .banner_tecno_yellow .row {
        width: 100%; } }
  .banner_tecno_yellow h2, .banner_tecno_yellow p {
    color: black; }
  .banner_tecno_yellow h2 {
    margin-bottom: 40px; }
  .banner_tecno_yellow .float_img {
    position: absolute;
    right: 10%;
    width: 32%; }
  @media screen and (max-width: 500px) {
    .banner_tecno_yellow {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .banner_tecno_yellow .float_img {
        position: relative;
        right: unset;
        width: 60%; } }

.banner_tecno_white {
  height: 110vh;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .banner_tecno_white .row {
    width: 66rem; }
    @media screen and (max-width: 500px) {
      .banner_tecno_white .row {
        width: 100%; } }
  .banner_tecno_white h2, .banner_tecno_white p {
    color: black; }
  .banner_tecno_white h2 {
    margin-bottom: 40px; }
  .banner_tecno_white .float_img {
    position: absolute;
    left: 16%;
    width: 20%; }
  @media screen and (max-width: 500px) {
    .banner_tecno_white {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .banner_tecno_white .float_img {
        position: relative;
        left: unset;
        width: 50%; } }

.banner_tecno_white_new {
  height: 110vh;
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .banner_tecno_white_new .row {
    width: 85vw; }
    @media screen and (max-width: 500px) {
      .banner_tecno_white_new .row {
        width: 100%; } }
  .banner_tecno_white_new h2, .banner_tecno_white_new p {
    color: black; }
  .banner_tecno_white_new h2 {
    margin-bottom: 10px; }
  .banner_tecno_white_new p {
    font-size: 14px; }
  .banner_tecno_white_new .float_img {
    position: absolute;
    right: 10%;
    width: 32%; }
  @media screen and (max-width: 500px) {
    .banner_tecno_white_new {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .banner_tecno_white_new .float_img {
        position: relative;
        right: unset;
        width: 60%; } }

.banner_tecno_yellow_new {
  height: 110vh;
  background: #ffe912;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .banner_tecno_yellow_new .row {
    width: 85vw; }
    @media screen and (max-width: 500px) {
      .banner_tecno_yellow_new .row {
        width: 100%; } }
  .banner_tecno_yellow_new h2, .banner_tecno_yellow_new p {
    color: black; }
  .banner_tecno_yellow_new h2 {
    margin-bottom: 10px; }
  .banner_tecno_yellow_new p {
    font-size: 14px; }
  .banner_tecno_yellow_new .float_img {
    position: absolute;
    left: 16%;
    width: 20%; }
  @media screen and (max-width: 500px) {
    .banner_tecno_yellow_new {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .banner_tecno_yellow_new .float_img {
        position: relative;
        left: unset;
        width: 50%; } }

/*=====  End of Tecnologia  ======*/
/*=================================
=            Proyectos            =
=================================*/
.proyectos {
  background: #ffe912;
  display: -webkit-box; }
  @media screen and (max-width: 500px) {
    .proyectos {
      display: block; } }
  .proyectos .menu_proyectos {
    position: relative;
    width: 30%;
    background: black;
    height: 100vh; }
    .proyectos .menu_proyectos h1 {
      margin: 40px 0;
      color: white; }
    .proyectos .menu_proyectos button {
      background: transparent;
      width: 180px;
      padding: 0;
      text-align: left;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .proyectos .menu_proyectos .activate_proyect {
      outline: none;
      position: relative; }
      .proyectos .menu_proyectos .activate_proyect span {
        -webkit-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms; }
      .proyectos .menu_proyectos .activate_proyect:before {
        content: '';
        position: absolute;
        width: 0;
        height: 1px;
        left: 0;
        background: #ffe912;
        -webkit-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms; }
    .proyectos .menu_proyectos .activate_proyect.active span {
      -webkit-transform: translateX(32px);
      -moz-transform: translateX(32px);
      -ms-transform: translateX(32px);
      -o-transform: translateX(32px);
      transform: translateX(32px); }
    .proyectos .menu_proyectos .activate_proyect.active:before {
      width: 26px; }
    @media screen and (max-width: 500px) {
      .proyectos .menu_proyectos {
        width: 100%;
        height: 48vh; } }
  .proyectos .our_products_update {
    position: relative;
    width: 70%; }
    .proyectos .our_products_update *, .proyectos .our_products_update *:after, .proyectos .our_products_update *:before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .proyectos .our_products_update .clearfix:before, .proyectos .our_products_update .clearfix:after {
      content: " ";
      display: table; }
    .proyectos .our_products_update .clearfix:after {
      clear: both; }
    .proyectos .our_products_update a {
      color: #aaa;
      text-decoration: none; }
    .proyectos .our_products_update a:hover, .proyectos .our_products_update a:active {
      color: #333; }
    .proyectos .our_products_update h2 {
      color: #4E88AE;
      font-weight: 400;
      text-align: center; }
    .proyectos .our_products_update img {
      border: 0;
      display: block;
      width: 100%; }
    .proyectos .our_products_update .entry {
      background: #FFF;
      border: 1px solid rgba(0, 0, 0, 0.15);
      -webkit-box-shadow: -10px 10px 10px -10px rgba(0, 0, 0, 0.35), -10px 10px 0 -3px rgba(0, 0, 0, 0.2);
      box-shadow: -10px 10px 10px -10px rgba(0, 0, 0, 0.35), -10px 10px 0 -3px rgba(0, 0, 0, 0.2);
      margin: 10px auto 20px;
      max-width: 800px;
      overflow: hidden;
      padding: 20px 40px;
      position: relative;
      text-align: center; }
    .proyectos .our_products_update .entry > p {
      padding: 20px 0 10px; }
    .proyectos .our_products_update .entry > .grid {
      margin: 20px auto 0px; }
    .proyectos .our_products_update .entry > .grid > .item {
      width: 50%; }
    .proyectos .our_products_update .grid {
      max-width: 69em;
      list-style: none;
      padding: 1; }
    .proyectos .our_products_update .grid .item {
      display: block;
      float: left;
      width: 50%;
      opacity: 1; }
      .proyectos .our_products_update .grid .item .contenido {
        position: relative;
        width: 100%;
        height: 38px;
        background-color: black;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .proyectos .our_products_update .grid .item .contenido p {
          margin: 0; }
        @media screen and (max-width: 500px) {
          .proyectos .our_products_update .grid .item .contenido {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
            .proyectos .our_products_update .grid .item .contenido p {
              width: 100%; }
              .proyectos .our_products_update .grid .item .contenido p:nth-child(2) {
                margin-top: -12px; } }
      @media screen and (min-width: 1920px) {
        .proyectos .our_products_update .grid .item {
          width: 33.333%; } }
    .proyectos .our_products_update .grid .item a, .proyectos .our_products_update .grid .item img {
      outline: none;
      border: none;
      display: block;
      max-width: 100%; }
    .proyectos .our_products_update .grid.effect-2 .item.animate {
      -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
      transform: translateY(200px);
      -webkit-animation: moveUp 0.65s ease forwards;
      animation: moveUp 0.65s ease forwards; }

@-webkit-keyframes moveUp {
  0% { }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }

@keyframes moveUp {
  0% { }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
    @media screen and (max-width: 900px) {
      .proyectos .our_products_update .grid .item {
        width: 49%; }
      .proyectos .our_products_update .entry {
        -webkit-box-shadow: none;
        box-shadow: none; }
      .proyectos .our_products_update .entry > .grid > .item {
        width: 50%; } }
    @media screen and (max-width: 400px) {
      .proyectos .our_products_update .grid .item {
        width: 100%; }
      .proyectos .our_products_update .entry {
        padding: 20px 0; }
      .proyectos .our_products_update .entry > p {
        padding: 10px; }
      .proyectos .our_products_update .entry > .grid > .item {
        width: 100%; } }
    @media screen and (max-width: 500px) {
      .proyectos .our_products_update {
        width: 100%; } }
    @media screen and (min-width: 1080px) {
      .proyectos .our_products_update #bloque_imagenes_masonry {
        max-width: 100%; } }

/*=====  End of Proyectos  ======*/
/*=================================
=            Productos            =
=================================*/
.productos {
  display: -webkit-box; }
  .productos .menu_productos {
    position: relative;
    width: 30%;
    background: black;
    height: 100vh; }
    .productos .menu_productos h1 {
      margin: 40px 0;
      color: white; }
    .productos .menu_productos ul {
      list-style: none;
      color: white; }
    .productos .menu_productos .father {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer; }
      .productos .menu_productos .father .titulo {
        -webkit-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms; }
      .productos .menu_productos .father:before {
        content: '';
        position: absolute;
        background: #ffe912;
        left: 0;
        width: 0;
        height: 2px;
        -webkit-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms; }
      .productos .menu_productos .father ul {
        display: none; }
    .productos .menu_productos .father.active .titulo {
      -webkit-transform: translateX(35px);
      -ms-transform: translateX(35px);
      transform: translateX(35px); }
    .productos .menu_productos .father.active:before {
      left: 0;
      width: 30px; }
    @media screen and (max-width: 500px) {
      .productos .menu_productos {
        width: 100%;
        height: 54vh; } }
  .productos .productos_items {
    position: relative;
    width: 70%;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: black; }
    .productos .productos_items #charge_loader {
      position: absolute;
      width: 100%;
      height: 100%;
      background: black;
      z-index: 4; }
      .productos .productos_items #charge_loader i {
        color: white; }
    .productos .productos_items .boxes_prin {
      position: relative;
      width: 100%;
      height: 100vh;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: left;
      -ms-flex-pack: left;
      justify-content: left;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      overflow-y: scroll; }
    .productos .productos_items .box_menu {
      background: #ffe912;
      width: 100%;
      height: 50%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      padding: 0 10%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: left;
      -ms-flex-align: left;
      align-items: left;
      border: solid 0.5px rgba(0, 0, 0, 0.13); }
      .productos .productos_items .box_menu .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .productos .productos_items .box_menu h2 {
        width: 100%; }
      .productos .productos_items .box_menu strong {
        margin-right: 20px;
        color: black; }
      .productos .productos_items .box_menu img {
        width: 65%; }
      .productos .productos_items .box_menu.large_preview {
        height: 64%; }
        .productos .productos_items .box_menu.large_preview .row {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          padding: 0 0 40px 0; }
          .productos .productos_items .box_menu.large_preview .row img {
            width: 100%;
            padding-bottom: 26px; }
    .productos .productos_items #box_sub_cat {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow-y: scroll;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: left;
      -ms-flex-pack: left;
      justify-content: left;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .productos .productos_items #box_sub_cat::-webkit-scrollbar {
        width: 0px; }
      .productos .productos_items #box_sub_cat::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px; }
      .productos .productos_items #box_sub_cat::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
      .productos .productos_items #box_sub_cat .prox_box {
        background: #ffe912;
        width: 100%;
        height: 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding: 0 2%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: left;
        -ms-flex-align: left;
        align-items: left;
        border: solid 0.5px rgba(0, 0, 0, 0.13); }
        .productos .productos_items #box_sub_cat .prox_box h2 {
          width: 100%; }
        .productos .productos_items #box_sub_cat .prox_box strong {
          margin-right: 20px;
          color: black; }
        .productos .productos_items #box_sub_cat .prox_box img {
          width: 52%;
          margin: auto;
          height: auto;
          max-height: 100%;
          max-width: 94%; }
        .productos .productos_items #box_sub_cat .prox_box .row {
          width: 88%;
          height: 100%; }
          .productos .productos_items #box_sub_cat .prox_box .row .small-12 {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start; }
            .productos .productos_items #box_sub_cat .prox_box .row .small-12.text-center {
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center; }
        .productos .productos_items #box_sub_cat .prox_box.large_preview {
          height: 68%; }
          .productos .productos_items #box_sub_cat .prox_box.large_preview .row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 0 0 40px 0; }
            .productos .productos_items #box_sub_cat .prox_box.large_preview .row .small-12 {
              height: 50%; }
            .productos .productos_items #box_sub_cat .prox_box.large_preview .row img {
              width: 100%;
              padding-top: 26px; }
    @media screen and (max-width: 500px) {
      .productos .productos_items {
        width: 100%; } }
  @media screen and (max-width: 500px) {
    .productos {
      display: block; } }

#modal_product {
  position: fixed;
  background: #ffe912;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  top: -100vh;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }
  #modal_product hr {
    opacity: 1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 40px;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid white;
    border-left: 0;
    margin: 2rem 0 2rem 0; }
  #modal_product #producto_into_modal {
    height: calc(100vh - 104px); }
    #modal_product #producto_into_modal .row {
      height: 100%; }
      #modal_product #producto_into_modal .row .small-12 {
        height: 100%; }
        #modal_product #producto_into_modal .row .small-12 img {
          width: auto;
          margin: auto;
          height: auto;
          max-height: 100%;
          max-width: 94%; }
      #modal_product #producto_into_modal .row.large_preview .small-12 {
        height: 50%; }
  #modal_product .caracteristicas_prod p {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    margin-bottom: 4px; }
  @media screen and (max-width: 500px) {
    #modal_product .hola {
      padding-bottom: 0;
      padding-top: 6px; }
    #modal_product img {
      width: 100%; }
    #modal_product #producto_into_modal {
      height: calc(100vh - 104px); }
      #modal_product #producto_into_modal .row {
        height: 100%; }
        #modal_product #producto_into_modal .row .small-12 {
          height: 40%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          #modal_product #producto_into_modal .row .small-12.text-center {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
          #modal_product #producto_into_modal .row .small-12 img {
            width: auto;
            margin: auto;
            height: auto;
            max-height: 100%;
            max-width: 94%; } }

#modal_product.is-active {
  top: 0; }

.Father {
  cursor: pointer; }

.custom_menu_filter {
  list-style: none; }

#mobile_products .menu {
  background-color: black; }
  #mobile_products .menu [aria-selected='true'] .father {
    color: #ffe912; }
    #mobile_products .menu [aria-selected='true'] .father:after {
      border-color: #ffe912 transparent transparent !important;
      top: 36%; }
  #mobile_products .menu .fath_cat {
    padding: 30px 0; }
    #mobile_products .menu .fath_cat a {
      color: white; }
    #mobile_products .menu .fath_cat .father:after {
      border-color: white transparent transparent; }

#mobile_products .back_menu {
  background-color: #ffe912;
  height: 60px; }
  #mobile_products .back_menu h3, #mobile_products .back_menu a, #mobile_products .back_menu i {
    color: black; }
  #mobile_products .back_menu h3 {
    margin: 0; }
  #mobile_products .back_menu i {
    font-size: 26px; }

#mobile_products #prods_mob .mobile_prod {
  background: #ffe912;
  width: 100%;
  height: 60vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  padding: 0 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left;
  border: solid 0.5px rgba(0, 0, 0, 0.13); }
  #mobile_products #prods_mob .mobile_prod h2 {
    width: 100%; }
  #mobile_products #prods_mob .mobile_prod strong {
    margin-right: 20px;
    color: black; }
  #mobile_products #prods_mob .mobile_prod img {
    width: 52%;
    margin: 0 0 40px 0; }
  #mobile_products #prods_mob .mobile_prod .row {
    width: 88%; }
  #mobile_products #prods_mob .mobile_prod.large_view img {
    width: 100%; }

/*=====  End of Productos  ======*/
/*=============================================
=            LOADER            =
=============================================*/
.loader {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999; }
  .loader svg {
    position: absolute;
    width: 10vw;
    height: 100vh;
    z-index: 3; }
    @media screen and (max-width: 500px) {
      .loader svg {
        width: 42vw; } }
  .loader .plecaYellowload {
    position: relative;
    top: 15%;
    left: 4%;
    background: yellow;
    width: 6%;
    height: 6%;
    z-index: 2;
    -webkit-animation: loadSVG 2s;
    animation: loadSVG 2s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.97, 0.96);
    animation-timing-function: cubic-bezier(0, 0, 0.97, 0.96);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
    @media screen and (max-width: 500px) {
      .loader .plecaYellowload {
        top: 15%;
        left: 11%;
        background: yellow;
        width: 34%;
        height: 7%; } }
  .loader .plecaWhite {
    position: relative;
    left: -4vw;
    background: #0f0f0f;
    width: 8%;
    height: 14%;
    z-index: 1; }
    @media screen and (max-width: 500px) {
      .loader .plecaWhite {
        left: -20vw;
        background: #0f0f0f;
        width: 26%;
        height: 14%; } }

@-webkit-keyframes loadSVG {
  0% {
    top: 6%; }
  25% {
    top: 0; }
  50% {
    top: 0; }
  75% {
    top: 0; }
  100% {
    top: -6%; } }

@keyframes loadSVG {
  0% {
    top: 6%; }
  25% {
    top: 0; }
  50% {
    top: 0; }
  75% {
    top: 0; }
  100% {
    top: -6%; } }

/*Animaciones de loader*/
.enterload {
  -webkit-animation: enterload 600ms;
  animation: enterload 600ms;
  -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes enterload {
  from {
    top: -100vh; }
  to {
    top: 0; } }

@keyframes enterload {
  from {
    top: -100vh; }
  to {
    top: 0; } }

.exitload {
  -webkit-animation: exitload 600ms;
  animation: exitload 600ms;
  -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes exitload {
  from {
    top: 0; }
  to {
    top: 200vh; } }

@keyframes exitload {
  from {
    top: 0; }
  to {
    top: 200vh; } }

/*=====  End of LOADER  ======*/
@media screen and (max-width: 768px) {
  .small_option {
    height: 22vh; } }

.custom_eddie a {
  color: black; }

.custom_eddie button {
  margin-left: 10px; }

.custom_eduard .swiper-pagination-fraction .cwhite {
  color: black; }

.custom_eduard h3, .custom_eduard p {
  text-align: center; }

.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: calc((100% - 6px) / 1.8); }

.icon-scroll {
  width: 6px;
  height: 34px;
  margin-left: -20px;
  top: 94%;
  margin-top: -35px;
  -webkit-box-shadow: inset 0 0 0 1px #000000;
  box-shadow: inset 0 0 0 1px #000000;
  border-radius: 20%;
  z-index: 2;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }
  .icon-scroll.white {
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff; }
    .icon-scroll.white:before {
      background: white; }

.icon-scroll:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #000000;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
  left: 78%; }

@-webkit-keyframes scroll {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px); } }

@keyframes scroll {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px); } }

@media screen and (max-width: 500px) {
  .custom_small_nopad {
    padding: 0 !important; } }

.contenedor-videos {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .contenedor-videos .contenedor-titulo {
    width: 100%;
    background-color: #ffe912;
    padding: 64px 0; }
    @media screen and (max-width: 800px) {
      .contenedor-videos .contenedor-titulo {
        padding: 32px 0; } }
    .contenedor-videos .contenedor-titulo h2 {
      max-width: 85vw;
      margin: 0 auto;
      padding-left: .9375rem; }
  .contenedor-videos .contenedor-videos-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .contenedor-videos .contenedor-videos-list .card-video {
      width: 33.3333%;
      height: 45vh;
      padding: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      background-size: cover;
      background-repeat: no-repeat;
      position: relative; }
      @media screen and (max-width: 1000px) {
        .contenedor-videos .contenedor-videos-list .card-video {
          width: 50%;
          padding: 18px; } }
      @media screen and (max-width: 800px) {
        .contenedor-videos .contenedor-videos-list .card-video {
          width: 50%;
          height: 25vh;
          padding: 14px; } }
      .contenedor-videos .contenedor-videos-list .card-video:hover .contenedor-circle .circle {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
      .contenedor-videos .contenedor-videos-list .card-video:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.57;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(18%, #000000), color-stop(18%, rgba(0, 0, 0, 0.97)), color-stop(68%, rgba(3, 3, 3, 0.47)), color-stop(81%, rgba(5, 5, 5, 0)));
        background-image: -webkit-linear-gradient(left, #000000 18%, rgba(0, 0, 0, 0.97) 18%, rgba(3, 3, 3, 0.47) 68%, rgba(5, 5, 5, 0) 81%);
        background-image: -o-linear-gradient(left, #000000 18%, rgba(0, 0, 0, 0.97) 18%, rgba(3, 3, 3, 0.47) 68%, rgba(5, 5, 5, 0) 81%);
        background-image: linear-gradient(to right, #000000 18%, rgba(0, 0, 0, 0.97) 18%, rgba(3, 3, 3, 0.47) 68%, rgba(5, 5, 5, 0) 81%); }
      .contenedor-videos .contenedor-videos-list .card-video h3 {
        width: 40%;
        font-weight: normal;
        line-height: 1.18;
        color: #ffffff; }
        @media screen and (max-width: 1000px) {
          .contenedor-videos .contenedor-videos-list .card-video h3 {
            width: 100%;
            font-size: 18px; } }
      .contenedor-videos .contenedor-videos-list .card-video .contenedor-circle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .contenedor-videos .contenedor-videos-list .card-video .contenedor-circle .circle {
          width: 60px;
          height: 60px;
          border-radius: 50%;
          background-color: #000000;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          transition: all 300ms ease-in-out; }
          @media screen and (max-width: 1000px) {
            .contenedor-videos .contenedor-videos-list .card-video .contenedor-circle .circle {
              width: 50px;
              height: 50px; } }
          @media screen and (max-width: 800px) {
            .contenedor-videos .contenedor-videos-list .card-video .contenedor-circle .circle {
              width: 30px;
              height: 30px; } }
          .contenedor-videos .contenedor-videos-list .card-video .contenedor-circle .circle .circle-svg {
            width: 25%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            @media screen and (max-width: 800px) {
              .contenedor-videos .contenedor-videos-list .card-video .contenedor-circle .circle .circle-svg {
                width: 30%; } }
            .contenedor-videos .contenedor-videos-list .card-video .contenedor-circle .circle .circle-svg svg {
              -o-object-fit: contain;
              object-fit: contain;
              width: 100%;
              height: 100%; }

.contenedor-video {
  width: 100%;
  background-color: #000000;
  min-height: 100vh;
  padding: 64px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 800px) {
    .contenedor-video {
      padding: 16px 0;
      min-height: 90vh; } }
  .contenedor-video .contenido {
    width: 100%;
    max-width: 85vw;
    margin: 0 auto; }
    .contenedor-video .contenido .contenido-head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 0 1rem; }
      @media screen and (max-width: 800px) {
        .contenedor-video .contenido .contenido-head {
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; } }
      .contenedor-video .contenido .contenido-head h2 {
        font-weight: bold;
        line-height: 1.18;
        color: #ffe912; }
        @media screen and (max-width: 800px) {
          .contenedor-video .contenido .contenido-head h2 {
            font-size: 24px;
            margin-top: 64px; } }
      .contenedor-video .contenido .contenido-head a {
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media screen and (max-width: 800px) {
          .contenedor-video .contenido .contenido-head a {
            width: 100%;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            padding: 8px 0; } }
        .contenedor-video .contenido .contenido-head a svg {
          width: 20%;
          margin-right: 10px;
          -o-object-fit: contain;
          object-fit: contain; }
    .contenedor-video .contenido .contenido-body {
      margin-top: 32px;
      padding: 0 1rem; }
      @media screen and (max-width: 800px) {
        .contenedor-video .contenido .contenido-body {
          margin-top: 16px; } }
      .contenedor-video .contenido .contenido-body video {
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%;
        height: auto;
        outline: unset; }
      .contenedor-video .contenido .contenido-body iframe {
        height: 80vh !important; }
        @media screen and (max-width: 800px) {
          .contenedor-video .contenido .contenido-body iframe {
            height: 25vh !important; } }
    .contenedor-video .contenido .contenido-footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 1rem; }
      .contenedor-video .contenido .contenido-footer .contenedor-compartir {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 32px; }
        .contenedor-video .contenido .contenido-footer .contenedor-compartir p {
          color: #ffffff; }
        .contenedor-video .contenido .contenido-footer .contenedor-compartir .contenedor-redes {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .contenedor-video .contenido .contenido-footer .contenedor-compartir .contenedor-redes .red {
            width: 24px;
            height: 24px;
            margin-right: 10px;
            -o-object-fit: contain;
            object-fit: contain; }
            .contenedor-video .contenido .contenido-footer .contenedor-compartir .contenedor-redes .red img {
              -o-object-fit: contain;
              object-fit: contain;
              width: 100%;
              height: 100%; }

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