@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
* {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
  list-style: none; }
  * img {
    width: 100%; }
  * a:hover {
    text-decoration: none; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto; }

  .enviado {
    background: #e2f0b1;
    color: white;
    display: none;
    padding: .5em;
  }

  .errror {
    background: red;
    color: white;
    display: none;
    padding: .5em;
  }

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.container_ap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 .5em; }

.container_ap_flex {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 1em; }

.cntr_bg {
  background-image: url(../img/elementos/bg-header_p.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 92px;
  padding: .5em 0;
  max-width: 1600px;
  margin: 0 auto; }

.cntrl_ccty {
  background-image: url(../img/elementos/ciudad_fondo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0 auto; }

.cty-a {
  margin-top: -350px; }
  .cty-a .cntrl_ccty {
    position: relative; }
    .cty-a .cntrl_ccty .city_1 {
      position: relative;
      z-index: 2; }

.box-logo {
  width: 150px; }

.space_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%; }

.box-icons-redes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .box-icons-redes .box-redes {
    width: 20px;
    margin-left: 1em; }

body {
  background-color: #d6e7e6; }

.space_bteeenw {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.pant {
  background-image: url(../img/elementos/nubes.png);
  background-repeat: repeat; }

.lado_pant {
  width: 55%; }
  .lado_pant .elic {
    width: 95%;
    position: relative;
    margin-left: -18%;
    -webkit-animation: mymove 12s infinite;
    animation: mymove 12s infinite; }
    .lado_pant .elic h4 {
      position: absolute;
      top: 4%;
      left: 35%;
      font-size: 1.5em;
      text-align: center;
      font-weight: 600;
      width: 70%;
      line-height: 19px;
      color: #154456; }
  .lado_pant .pantalla {
    position: relative; }
    .lado_pant .pantalla .cover-controls {
      position: absolute;
      width: 100%;
      padding: 32% 0;
      z-index: 3;
      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; }
      .lado_pant .pantalla .cover-controls button {
        width: 60px;
        height: 60px;
        border: none;
        background: none;
        font-size: 3em;
        outline: none;
        cursor: pointer;
        opacity: 0;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s; }
        .lado_pant .pantalla .cover-controls button i {
          color: #154456; }
      .lado_pant .pantalla .cover-controls .play {
        display: none; }
      .lado_pant .pantalla .cover-controls .pause {
        display: none; }
      .lado_pant .pantalla .cover-controls .active {
        display: block;
        opacity: .7; }
    .lado_pant .pantalla .cover-controls:hover button {
      opacity: .7; }
    .lado_pant .pantalla .caja_video {
      position: absolute;
      top: 7%;
      left: 4%;
      width: 95%;
      padding: 1em;
      z-index: 5; }
      .lado_pant .pantalla .caja_video .space_video video {
        width: 100%; }
    .lado_pant .pantalla img {
      z-index: 2;
      position: relative; }

.form {
  width: 40%;
  margin-top: 130px; }

.cntrl_bg {
  background-color: white;
  min-height: 550px;
  padding: 1.5em 0;
  border-radius: 10px;
  position: relative;
  z-index: 5; }
  .cntrl_bg h2 {
    font-weight: bold;
    letter-spacing: 2px; }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  0% {
    top: 0px; }
  20% {
    top: 30px; }
  40% {
    top: 0px; }
  60% {
    top: 30px; }
  80% {
    top: 0px; } }

/* Standard syntax */
@keyframes mymove {
  0% {
    top: 0px; }
  20% {
    top: 30px; }
  40% {
    top: 0px; }
  60% {
    top: 30px; }
  80% {
    top: 0px; } }

.space_cty {
  position: relative;
  top: -320px;
  z-index: 2; }

.block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

/*headings*/
.fs-title {
  font-size: 1.3em !important;
  color: #2C3E50;
  margin-bottom: 1.5em; }

.fs-subtitle {
  font-weight: normal;
  font-size: 1em;
  color: #154456;
  margin-bottom: 1.5em; }

/*progressbar*/
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#progressbar li {
  list-style-type: none;
  color: #32789D;
  text-transform: uppercase;
  font-size: 9px;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  line-height: 20px;
  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;
  font-size: 2em;
  color: #333;
  background: white;
  border-radius: 50%;
  margin: 0 auto 5px auto; }

/*progressbar connectors*/
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: white;
  position: absolute;
  left: -50%;
  top: 9px;
  z-index: -1;
  /*put it behind the numbers*/ }

#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none; }

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
  background: #32789D;
  color: white; }

ul#header > li.form {
  width: 30%;
  padding: 50px 0px; }

/*form styles*/
#msform {
  margin: 10px auto;
  text-align: center;
  position: relative;
  background-color: white; }

#msform fieldset {
  background-color: #f5f9f9;
  border: 0 none;
  border-radius: 3px;
  padding: .5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 95%;
  margin: 0 3%;
  /*stacking fieldsets above each other*/
  position: absolute; }

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none; }

/*inputs*/
#msform input, #msform textarea {
  padding: 5px;
  background: white;
  border: none;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: montserrat;
  color: #32789D;
  font-size: 13px; }

/*buttons*/
#msform .action-button {
  width: 140px;
  background: #154456;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 5px;
  cursor: pointer;
  padding: .5em 0;
  margin: 10px 5px;
  font-size: 1.1em;
  letter-spacing: 2px; }

#msform .action-button:hover {
  background-color: #204c63; }

.cc-selector {
  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;
  width: 100%; }
  .cc-selector label {
    width: 40px;
    margin: 0 .5em; }
  .cc-selector li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.cc-selector input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.facebook {
  background-image: url(../img/face.png); }

.twitter {
  background-image: url(../img/twitter.png); }

.instagram {
  background-image: url(../img/instagram.png); }

.linkedin {
  background-image: url(../img/linkedin.png); }

.whatsapp2 {
  background-image: url(../img/whatsapp.png); }

.youtube {
  background-image: url(../img/youtube.png); }

.sms {
  background-image: url(../img/sms.png); }

.cuponera {
  background-image: url(../img/cupon.png); }

.marketingafiliados {
  background-image: url(../img/afiliados.png); }

.cc-selector input:active + .drinkcard-cc {
  opacity: .9; }

.cc-selector input:checked + .drinkcard-cc {
  -webkit-filter: none;
  filter: none; }

.cc-selector input {
  width: 1px !important;
  height: 1px !important;
  visibility: hidden; }

.drinkcard-cc {
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 80px;
  height: 55px;
  -webkit-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  -webkit-filter: brightness(1.8) grayscale(1) opacity(0.7);
  filter: brightness(1.8) grayscale(1) opacity(0.7); }

.drinkcard-cc:hover {
  -webkit-filter: brightness(1.2) grayscale(0.5) opacity(0.9);
  filter: brightness(1.2) grayscale(0.5) opacity(0.9); }

.form h2, .form p {
  color: #154456;
  text-align: center; }

.carross {
  background-image: url(../img/elementos/asfalto.png);
  height: 443px;
  position: relative;
  z-index: 5; }
  .carross h3 {
    text-align: center;
    color: white;
    width: 100%;
    margin-top: 2em;
    letter-spacing: 3px;
    font-size: 2.2em; }
  .carross .owl-carousel {
    margin-top: 3em; }
  .carross .ccrss {
    position: relative;
    width: 84%;
    margin: 0 auto; }
  .carross .logo_client {
    width: 170px;
    margin: 0 auto;
    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; }

footer {
  background-color: #96bf01;
  position: relative; }
  footer .phone_whtss {
    position: relative;
    width: 230px;
    margin-top: -60px;
    z-index: 6; }
    footer .phone_whtss .box-wssp {
      width: 150px;
      top: 15%;
      left: 20%;
      position: absolute;
      z-index: 1; }
  footer .spa_footr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 75%; }
    footer .spa_footr h4 {
      color: white;
      font-size: 2em;
      text-align: center; }
  footer .arbstts, footer .bannnc {
    width: 230px;
    position: absolute; }
  footer .arbstts {
    top: -80px;
    width: 230px;
    right: 0; }
  footer .bannnc {
    bottom: -58px;
    width: 330px;
    right: 30px; }

.line_btmm_grey {
  background-color: #373737;
  padding: 1em 0; }

.linre_btm_footer p {
  color: white; }
  .linre_btm_footer p span {
    margin: 0 .3em; }
    .linre_btm_footer p span a {
      color: white; }

.contain_carrr {
  width: 80%;
  margin: 0 auto; }

.owl-nav {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -3.7em; }
  .owl-nav .owl-prev, .owl-nav .owl-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2em; }
  .owl-nav .owl-prev {
    margin-left: -5%; }
  .owl-nav .owl-next {
    margin-right: -5%; }

.line_form_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .line_form_name input {
    width: 48%; }

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

.ubi input {
  width: 48.5% !important; }

.pantalla_grande {
  display: none; }

.pantalla_grande_mas_grande {
  display: none; }

.arbstts {
  z-index: 5; }

@media only screen and (max-width: 1024px) {
  .container_ap_flex {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .lado_pant {
    width: 100%; }
  .form {
    margin-top: -170% !important;
    width: 85%;
    margin: 0 auto; }
  .cty-a {
    margin-top: 200px !important; }
    .cty-a .cntrl_ccty {
      width: 100% !important;
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      overflow: hidden; }
      .cty-a .cntrl_ccty .city_1 {
        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; }
        .cty-a .cntrl_ccty .city_1 img {
          width: 180% !important; }
  .spa_footr {
    display: none !important; }
  footer .space_bteeenw {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .carross h3 {
    margin-top: 3em !important; }
  .bannnc {
    display: none !important; }
  .pantalla_grande {
    display: block !important; }
  .pantalla_peque {
    display: none !important; }
  .caja_video {
    top: 3.5% !important; }
  .lado_pant .elic {
    width: 100% !important; }
    .lado_pant .elic h4 {
      top: 5%;
      font-size: 2.5em;
      line-height: 32px; } }

@media only screen and (max-width: 768px) {
  .carross .logo_client {
    width: 250px !important; }
  .carross h3 {
    font-size: 1.4em !important;
    margin-top: 5em !important; }
  .elic h4 {
    font-size: 1em !important;
    line-height: 14px !important;
    top: 4% !important; } }

@media only screen and (max-width: 530px) {
  .box-icons-redes {
    display: none !important; }
  .cntr_bg {
    background-position: 28% !important; }
  .carross h3 {
    margin-top: 7em !important; }
  .cty-a {
    margin-top: 50px !important; }
  footer {
    padding-top: 7em; }
    footer .phone_whtss {
      width: 318px !important; }
      footer .phone_whtss .box-wssp {
        width: 200px !important; }
  .linre_btm_footer {
    text-align: center; } }

@media only screen and (max-width: 450px) {
  .pantalla_grande_mas_grande {
    display: block !important; }
  .pantalla_grande {
    display: none !important; }
  .caja_video {
    top: 2.2% !important; }
  .form {
    margin-top: -280% !important; }
  .cty-a {
    margin-top: 50% !important; }
  .lado_pant .elic {
    width: 120% !important;
    margin-left: -34% !important; }
    .lado_pant .elic h4 {
      top: 0 !important;
      font-size: 1.3em !important;
      line-height: 18px !important; }
  .box-logo {
    width: 250px !important; } }

@media only screen and (max-width: 400px) {
  .lado_pant .elic h4 {
    font-size: 1em !important;
    line-height: 14px !important; } }
.po {
  font-size: .8em;
}