@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,500,700);

/* reset --------------------------  */

html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
dfn,
del,
p,
blockquote,
fieldset,
input,
textarea,
select,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
button,
canvas,
video {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
th,
dfn,
del {
    font-weight: normal;
    font-style: normal;
}

ul,
ol {
    list-style: none
}

fieldset,
img {
    border: none
}

caption,
th {
    text-align: left
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

label {
    color: white;
    font-size: 20px;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button {
    cursor: pointer
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
input[type="search"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

input,
button,
textarea {
    line-height: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="hidden"],
[hidden],
.hidden {
    display: none
}

textarea {
    overflow: auto;
    resize: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
.clearfix {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

a > img {
    vertical-align: bottom
}

strong,
.strong,
b {
    font-weight: bold
}

em,
.italic,
i {
    font-style: italic
}

del,
.del {
    text-decoration: line-through
}

:focus {
    outline: none
}

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

/* tools --------------------------  */

.clear {
    clear: both;
    display: block;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.clearfix:after,
.wrap:after,
.spanning:after,
.content:after,
.main:after,
aside:after,
section:after,
article:after,
.text:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.align-left {
    float: left !important
}

.align-right {
    float: right !important
}

.overflow-hidden {
    overflow: hidden;
    display: block;
}

/* common --------------------------  */

.comments .tab-prev,
.comments .tab-next,
.button-download:after {
    background: url(../images/sprite.png) 0 0 no-repeat
}

html {
    height: 100%;
    background: white;
}

body {
    height: 100%;
    font: 16px/28px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #222222;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.main {
    min-height: 100%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1140px;
}

a {
    color: #10bbf1;
    cursor: pointer;
    background: transparent;
    text-decoration: none;
}

a:hover {
    color: #40c9f4
}

a:active {
    color: #0b97c3
}

.error {
    color: red !important;
    border-color: red !important;
}

.success {
    color: #00cc00 !important;
    border-color: #00cc00 !important;
}

.disabled {
    color: #999999 !important;
    border-color: #999999 !important;
    cursor: default !important;
}

.input-text,
.textarea {
    width: 100%;
    float: left;
    border: 2px solid #d8d8d8;
    background: white;
    height: 58px;
    padding: 10px 21px;
    font: 500 17px/34px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    -ms-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    -o-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contacto {
    background: url(../images/header.jpg) fixed 50% 50%;
    background-color: rgba(80,37,153,.5);
    padding: 60px 0;
}

.form-group {
    margin: 20px 0;
}

.input-text:focus,
.textarea:focus {
    border-color: #aeaeae
}

.textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.button {
    color: white;
    background: rgb(98,37,158);
    height: 58px;
    border: 2px solid rgb(98,37,158);
    font: 500 22px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 21px;
    -moz-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    -ms-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    -o-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.button:hover {
    background: #40c9f4;
    border-color: #40c9f4;
}

.button:active {
    background: #0b97c3;
    border-color: #0b97c3;
}

a.button {
    text-decoration: none;
    display: inline-block;
    line-height: 54px;
    color: white;
}

a.button:hover {
    color: white
}

a.button:active {
    color: white
}

.input-block {
    width: 48%; 
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}


.input-block:first-of-type {
    margin-right: 4%;
}

a.button.button-stripe {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: white;
}

a.button.button-stripe:hover {
    color: #222222;
    background-color: white;
    border-color: white;
}

a.button.button-stripe:active {
    color: #222222;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}

::-webkit-input-placeholder {
    color: #cccccc
}

:-moz-placeholder {
    color: #cccccc
}

::-moz-placeholder {
    color: #cccccc
}

:-ms-input-placeholder {
    color: #cccccc
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

/* header --------------------------  */

header {
    padding-top: 50px;
    min-height: 100vh;
    margin-bottom: 50px;
    background: url(../images/header.jpg) no-repeat 50% 50%;
    font: 24px/36px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

header h1 {
    font-size: 60px;
    line-height: 60px;
    font-weight: 500;
    margin-bottom: 38px;
}

header h1 span {
    font-weight: 200
}

header .autor {
    padding: 12px 0 0;
    font-size: 14px;
    line-height: 24px;
    color: white;

    margin: 0 auto;
    padding: 0 15px;
    max-width: 1140px;
}

header .autor a {
    color: white
}

header .autor a:hover {
    color: white;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

header .autor a:active {
    color: white;
    opacity: 1;
    filter: alpha(opacity=100);
}

header .stas {
    font-size: 18px;
    color: white;
}

header a {
    color: white;
    text-decoration: underline;
}


header .buttons-wrapper {
    width: 100%;
    padding-top: 12px;
    text-align: left;
}

.download-button {
    /*max-width: 260px;*/
    max-width: 140px;
    width: 40%;
    margin-right: 1%;
    margin-bottom: 10px;
    cursor: pointer;
}


.header-img {
    /*float: right;*/
    /*width: 500px;*/
    margin-right: 70px;
    position: absolute;
    right: 0;
}

.header-logo {
    /*width: 300px;
    height: 300px;*/
    width: 210px;
    height: 210px;
}

.header-wrapper {
    max-width: 655px;
}


header .disponible-disclaimer {
    text-align: right;
}
.redes {
    margin-bottom: 1em;
}
/* footer --------------------------  */

footer {
    background: #111;
    color: white;
    font-size: 16px;
    line-height: 28px;
    padding: 75px 10px;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* home --------------------------  */

/* content --------------------------  */
.tutorial {
    /*height: 68vh;*/
    height: 48vh;
}

.spanning {
    clear: both
}

.newsletter {
    background: #fafafa;
    padding: 103px 0 109px;
    text-align: center;
}

.newsletter p {
    font-size: 16px;
    line-height: 28px;
    max-width: 556px;
    margin: 0 auto;
    clear: both;
}

.newsletter-title {
    font: bold 48px/60px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 38px;
}

.newsletter-form {
    position: relative;
    display: inline-block;
    padding-right: 169px;
    max-width: 556px;
    min-width: 556px;
    height: 58px;
    margin-bottom: 32px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.newsletter-form .button {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 0;
    padding-right: 0;
    width: 149px;
}

.promo {
    padding: 114px 0 54px;
}

.separator {
    height: 6px;
    width: 90%;
    margin: 0 5%;
    background-color: rgba(98,37,158,.2);
    display: block;
    margin-bottom: 82px;
}

.promo-wrapper {
    margin: 0 -15px;
    padding-top: 37px;
}

.promo-column {
    padding: 0 15px 60px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33%;
}

.promo-column img {
    display: block;
    margin-bottom: 23px;
}

.promo-column h5 {
    font: bold 18px/24px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.simple {
    padding-bottom: 65px;
}

.simple-content {
    float: left;
    padding-top: 37px;
    width: 450px;
}

.contact-content {
    float: right;
    padding-top: 37px;
    width: 420px;
}

.simple-content i.material-icons {
    vertical-align: middle;
    color: rgb(98,37,158);
    margin-right: 15px;
}
.per h3,
.contact-content h3,
.simple-content h3 {
    font: 700 48px/48px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding-bottom: 43px;
    margin-bottom: 43px;
}

.simple-content ul {
    margin-bottom: 5px
}

.simple-content ul li {
    font-size: 23px;
    line-height: 32px;
    font-weight: 300;
    margin-bottom: 31px;
}

.simple-content ul li img {
    float: left;
    margin-right: 23px;
}

.simple-content ul li span {
    overflow: hidden;
    vertical-align: middle;
}

.simple-img {
    float: left;
    max-width: 400px;
    width: 100%;
}

.simple-img img {
    display: block;
    margin: 0 auto;
}

.comments {
    background: rgb(98,37,158);
    color: white;
    text-align: center;
    padding: 70px 0 60px;
}

.simple-img.comments {
    padding: 0;
    background: transparent;
}

.comments .box {
    display: none;
    padding: 0 20px;
}

.comments .box.visible {
    display: block
}

.comments .box h4 {
    font: 500 36px/46px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 37px;
}

.comments .box h4 a {
    font-weight: bold;
    color: white;
}

.comments .box h4 a:hover {
    text-decoration: underline
}

.comments .box p {
    font-size: 19px;
    line-height: 32px;
    font-weight: 300;
}


.comments .tabs {
    display: block;
    text-align: center;
    font-size: 0;
    line-height: 0;
}


.comments .tabs li {
    display: inline-block;
    margin: 0 8px;
    width: 11px;
    height: 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    cursor: pointer;
    -moz-transition: box-shadow 0.3s ease, background-color 0.3s ease;
    -ms-transition: box-shadow 0.3s ease, background-color 0.3s ease;
    -o-transition: box-shadow 0.3s ease, background-color 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease, background-color 0.3s ease;
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.simple-img.comments .tabs li {
    background-color: rgba(98, 37, 155, 0.5);
}

.comments .tabs li:hover {
    background-color: white
}

.simple-img.comments .tabs li:hover {
    background-color: rgba(98, 37, 155, 0.5);
}

.comments .tabs li.active {
    background-color: transparent;
    box-shadow: 0 0 0 2px white;
}

.simple-img.comments .tabs li.active {
    background-color: rgba(98, 37, 155, 0.7);
}

.comments .tab {
    position: relative
}

.comments .tab-prev,
.comments .tab-next {
    position: absolute;
    left: 98px;
    top: 94px;
    width: 23px;
    height: 16px;
    background-position: 0 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.comments .tab-prev:hover,
.comments .tab-next:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.comments .tab-next {
    left: auto;
    right: 98px;
    background-position: -50px 0;
}

.video-title {
    font: bold 48px/48px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.video-subtitle {
    font-size: 19px;
    line-height: 25px;
    color: #919191;
    text-align: center;
}

.video {
    padding: 108px 0 116px
}

.video-block {
    padding-top: 34px;
    margin: 0 auto 32px;
    max-width: 760px;
}

.video-share-wrapper {
    clear: both;
    text-align: center;
}

.social-list {
    display: inline-block
}

.social-list li {
    font-size: 19px;
    line-height: 38px;
    float: left;
    margin: 0 9px;
}

.social-list li a {
    font-size: 15px;
    line-height: 38px;
    display: block;
    width: 160px;
    height: 38px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #3bcbff;
    color: white;
    text-align: center;
    -moz-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    -ms-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    -o-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
    transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
}

.social-list li a:hover {
    background-color: #6ed9ff
}

.social-list li a:active {
    background-color: #08bdff
}

.social-list li a.social-facebook {
    background-color: #1e3aa6
}

.social-list li a.social-facebook:hover {
    background-color: #2649d1
}

.social-list li a.social-facebook:active {
    background-color: #162b7b
}

.social-list li a.social-google {
    background-color: #d72d26
}

.social-list li a.social-google:hover {
    background-color: #e05650
}

.social-list li a.social-google:active {
    background-color: #ac241e
}

.discover {
    padding: 31px 0 25px;
}

.discover-content {
    float: right;
    width: 65%;
    padding: 0 97px 50px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

h2 {
    font-size: 72px;
    line-height: 72px;
    font-weight: bold;
    margin-bottom: 29px;
}

.box h2 {
    font-size: 56px;
    line-height: 56px;
    font-weight: bold;
    margin-bottom: 29px;
}

.discover-button {
    padding-top: 68px;
    margin: 0 -10px;
    clear: both;
}

.button-download {
    height: 62px;
    float: left;
    font: 500 11px/13px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 61px;
    padding-right: 0;
    width: 180px;
    text-align: left;
    margin: 0 10px 20px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.button-download:after {
    content: "";
    position: absolute;
    left: 23px;
    top: 14px;
    width: 32px;
    height: 32px;
    background-position: -100px 0;
}

.button-download.android:after {
    background-position: -150px 0
}

.button-download-title {
    padding: 11px 0 1px;
    display: block;
    font-size: 11px;
    line-height: 13px;
    text-align: left;
}

.button-download-subtitle {
    display: block;
    font-size: 21px;
    line-height: 23px;
    text-align: left;
}

.discover-img {
    float: left;
    width: 35%;
}

.discover-img img {
    display: block
}

.discover-img-inside {
    margin: 0 -40px
}
 header .taxistas {
    font-size: 28px;
}
/* sidebar --------------------------  */

/* media --------------------------  */

/* ===[ Responsive all mobile sizes ]=== */
@media (max-width: 1200px) {
    .header-img {
        margin-right: 20px;
    }
}
@media (max-width: 979px) { 
    .input-block {
        width: 100%; 
        display: block;
    }
  .newsletter-form {
      min-width: 0
  }

  .newsletter-title {
      font-size: 36px;
      line-height: 48px;
  }

  header {
    padding: 48px 0;
  }

  .header-img {
      display: none
  }

  .header-wrapper {
      padding-top: 0;
      max-width: none;
  }

  header {
      text-align: center;
      font-size: 19px;
      line-height: 28px;
  }

  header h1 {
      font-size: 46px;
      line-height: 52px;
  }

  .promo-column {
      width: auto;
      max-width: 290px;
      margin-left: auto;
      margin-right: auto;
      float: none;
      text-align: center;
  }

  .promo-column img {
      margin-left: auto;
      margin-right: auto;
  }
  .promo-wrapper,
  .contact-content,
  .simple-content {
      float: none;
      width: auto;
      padding-top: 0;
  }
.promo-wrapper h3,
.contact-content h3,
.simple-content h3 {
      font-size: 36px;
      line-height: 46px;
      text-align: center;
      text-transform: uppercase;
      padding-bottom: 43px;
        margin-bottom: 43px;
        font-weight: bold;
  }

  .simple-content ul {
      max-width: 450px;
      margin-left: auto;
      margin-right: auto;
  }
  .contact-content {
      max-width: 450px;
      margin-left: auto;
      margin-right: auto;
      display: block;
  }
  .simple-img {
      float: none;
      width: auto;
      max-width: none;
      margin-left: -80px;
      margin-right: -80px;
  }

header .buttons-wrapper {
    padding-top: 36px;
    text-align: center;
    width: 100%;
}

  .download-button {
    width: 60%;
}

  .comments .box {
      padding-left: 0;
      padding-right: 0;
  }

  .comments .tab-prev,
  .comments .tab-next {
      display: none
  }

  .social-list li {
      float: none;
      text-align: center;
      padding-top: 20px;
  }

  .social-list li:first-child {
      padding-top: 0
  }

  .social-list li a {
      margin-left: auto;
      margin-right: auto;
  }

  .video-title {
      font-size: 36px;
      line-height: 46px;
  }

  .discover-content {
      float: none;
      width: auto;
      padding-left: 0;
      padding-right: 0;
      text-align: center;
  }

  h2 {
      font-size: 60px;
      line-height: 60px;
  }

  .box h2 {
      font-size: 40px;
      line-height: 40px;
  }

  .discover-img {
      float: none;
      width: auto;
  }

  .discover-img img {
      margin: 0 auto
  }

  .discover-button {
      text-align: center
  }

  .discover-button .button-download {
      float: none;
      display: inline-block;
  }

  .comments .tabs li {
      width: 18px;
      height: 18px;
      margin: 0 14px;
  }

    header .taxistas {
        font-size: 26px;
    }

    header .disponible-disclaimer {
        margin: 0;
        padding-right: 0;
        text-align: center;
    }
}

i.material-icons {
    color: #aaa;
    font-size: 42px;
}

.left {
    width: 70%;
    float: left;
}

.right {
    text-align: right;
    width: 30%;
    float:right;
}

.social {
    width: 50px;
    height: 50px;
    padding-left: 5px;
    padding-top: 6px;
}
.taxistas-wrapper {
    float: right;
    margin-top: .2em;
}


@media (max-width: 800px) {
    .taxistas-wrapper {
        float: none;
        display: block;
        text-align: center;
        margin-top: .5em;
    }
}

@media (max-width: 700px) {
   .left {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .right {
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 479px) { 
    footer {
        padding: 45px 0;
    }
  .contact-content h3,
  .simple-content h3 {
      margin-bottom: 0;
  }
  header .buttons-wrapper .button.button-stripe {
      margin-left: 0;
  }

  h2 {
    text-align: center;
    font-size: 56px;
    line-height: 56px;
  }

  .box h2 {
      font-size: 30px;
      line-height: 40px;
  }

  .promo {
        padding: 20px 0 0;
    }
   .separator {
        margin-bottom: 52px;
   }
    .social {
        width: 50px;
        height: 50px;
    }
    .input-block:first-child {
        padding-right: 0;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { 
  .comments .tab-prev,
  .comments .tab-next,
  .button-download:after,
  .comments .tab-prev,
  .comments .tab-next,
  .button-download:after {
      background: url(../images/sprite@2x.png) 0 0 no-repeat;
      -moz-background-size: 200px 50px;
      -webkit-background-size: 200px 50px;
      -o-background-size: 200px 50px;
      background-size: 200px 50px;
  }
}

.complete,
.errorLabel {
    color: red;
    font-weight: bold;
}

footer a {
    color:white;
}
#loader {
    display: none;
    margin: 0 auto;
    position: relative;
    bottom: 25px;
    left: 18px;
}
.loader {
    position: absolute;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db; 
    border-radius: 50%;
    width: 18px;
    height: 18px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.contact-content .button {
    width: 100%;
    margin-bottom: 1.5em;
}
.contact-content p {
    font-size: 1.2em;
    margin-bottom: 1em;
}
.col-1-3 {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.promo-column {
    padding: 0 15px 60px;
    float: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

@media (max-width: 900px) {
    .promo-column {
        padding: 0 15px 60px;
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 33%;
    }
    .col-1-3 {
        width: 100%;
        display: block;
    }
}
@media (max-width: 700px) {
    .promo-column {
        padding: 0 15px 60px;
        float: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }
}

        
header a:hover {
    color: white;
}   
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }

  @-webkit-keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    50% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  @keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    50% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
  }
  .car-image {
    width: 72px; 
    height: 72px; 
    display: inline-block;
    vertical-align:middle;
    border: 3px solid white;
    border-radius: 52px;
    padding: 6px;
    margin-left: .5em; 
    background-position: center center;
    background-image: url('data:image/png;base64,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');
  }
  .car-image:hover {
    border: 3px solid #c2abe3;
    background-image:  url('data:image/png;base64,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');
}
h3.h3 {
    font-size: 28px;
    text-transform: uppercase;
    color: rgb(98,37,158);
    font-weight: 700;
}
.button-contacto-tipo:focus,
.button-contacto-tipo:active,
.button-contacto-tipo:hover {
    background: rgba(98,37,158,.2);
    border-color: rgba(98,37,158,.2);
    color: #333;
}
.btn-cafecito {
    vertical-align: middle;
    margin-right: 10px;
}
@media (max-width: 768px) {
    .btn-cafecito {
        display: block;
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-bottom: 15px;
    }
}