@font-face {
  font-family: 'Graviola Soft';
  src: url("../fonts/GraviolaSoft-Black.eot");
  src: url("../fonts/GraviolaSoft-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/GraviolaSoft-Black.woff2") format("woff2"), url("../fonts/GraviolaSoft-Black.woff") format("woff"), url("../fonts/GraviolaSoft-Black.svg#GraviolaSoft-Black") format("svg");
  font-weight: 900;
  font-style: normal; }
/*
@mixin css-arrow($arrow-position, $arrow-color, $arrow-size) {

    &:after {
      position: absolute;
      border: solid transparent;
      content: " ";
      top: auto;
      left: auto;
      height: 0;
      width: 0;
      margin: 0;
      border-color: transparent;
      border-width: $arrow-size;
      pointer-events: none;
      z-index: 1000;
      color:$arrow-color;
    }

    @if $arrow-position == "top" {
      &:after {
        bottom: 100%;
        border-bottom-color: $arrow-color;
        margin-left: (-$arrow-size);
        left: 50%;
      }
    }

    @if $arrow-position == "right" {
      &:after {
        left: 100%;
        border-left-color: $arrow-color;
        margin-top: (-$arrow-size);
        top: 18%;
      }
    }

    @if $arrow-position == "bottom" {
      &:after {
        top: 100%;
        border-top-color: $arrow-color;
        margin-left: (-$arrow-size);
        left: 50%;
      }
    }
    
    @if $arrow-position == "left" {
      &:after {
        right: 100%;
        border-right-color: $arrow-color;
        margin-top: (-$arrow-size);
        top: 50%;
      }
    }
    
}//endArrow

*/
.btn-publicar {
  display: block;
  width: 100%;
  height: 40px;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1em;
  text-align: center;
  color: #2b2b2a;
  border: none;
  background-color: #FFEB3B;
  border-bottom: 1px solid #ccae00;
  border-radius: 4px;
  transition: all .3s ease-in; }
  .btn-publicar.btn-publicar--xs {
    position: relative;
    color: #434A54 !important;
    height: 20px;
    font-size: 0.7857142857em;
    padding: 10px !important;
    text-transform: uppercase; }
  .btn-publicar:hover {
    color: inherit;
    background-color: #ffe822; }
  .btn-publicar span {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center; }
  .btn-publicar .icon-publicar {
    margin-right: 5px;
    fill: currentColor;
    width: 30px;
    height: 30px; }
  .btn-publicar.small {
    display: none;
    float: right;
    width: auto;
    padding: 10px;
    font-size: 15px;
    font-size: 0.9375rem; }
    @media screen and (max-width: 767px) {
      .btn-publicar.small {
        display: inline-block !important; } }

.tit-1 {
  font-weight: 400;
  font-size: 1.1428571429em;
  padding-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 20px; }
  .tit-1 strong {
    font-weight: 700 !important;
    font-size: 20px;
    text-transform: uppercase; }

.tit-2 {
  font-weight: 700;
  font-size: 1.8571428571em;
  padding-top: 10px;
  padding-bottom: 15px;
  border-bottom: 2px solid #3c4f67;
  margin: 0 0 25px;
  overflow: hidden; }
  .tit-2 small {
    display: inline-block;
    font-size: 16px;
    color: #FF9800;
    line-height: inherit; }
  .tit-2-fz2 {
    font-size: 1.5714285714em;
    padding-bottom: 10px; }
    .tit-2-fz2 small {
      font-size: 60%;
      color: #20b426; }
  .tit-2 [class*="fa"] {
    padding-right: 3px;
    margin-left: 1px; }
  .tit-2 .number-destacado,
  .tit-2 .number-premium {
    float: right;
    display: inline-block;
    font-family: "Oswald", Helvetica, Arial, sans-serif; }
  .tit-2 .number-destacado {
    color: #F6BB42; }
  .tit-2 .number-premium {
    color: #4FC1E9; }
  .tit-2 svg {
    position: relative;
    top: 10px;
    width: 40px;
    height: 40px;
    margin-right: 4px; }
  .tit-2 .btn + .btn {
    margin-right: 5px; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .tit-2 .btn-link:not(.btn-block) {
      display: inline;
      width: auto; } }
  .tit-2 .img-circle {
    width: 50px;
    height: 50px;
    margin: 0 3px;
    box-shadow: 0px 1px 2px #b7b7b7; }

.tit-3 {
  color: #999;
  font-size: 1.4285714286em;
  font-weight: 600;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  padding-bottom: 15px;
  margin: 10px 0; }
  .tit-3 small {
    color: #999; }

.tit-4 {
  font-size: 1.7142857143em; }

.tit-5 {
  font-weight: 600;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.2857142857em;
  color: #aab2bd; }

.text-inherit a {
  color: inherit; }
  .text-inherit a:hover {
    text-decoration: underline; }

.tit-line, .tit-line-small {
  font-size: 1.4285714286em;
  color: #999;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .5px;
  display: flex;
  align-items: center;
  margin: 20px auto;
  white-space: nowrap; }
  .tit-line:before, .tit-line-small:before, .tit-line:after, .tit-line-small:after {
    border-top: 1px solid #999;
    content: '';
    flex: 0 1 48%; }
  .tit-line:before, .tit-line-small:before {
    margin-right: 2%; }
  .tit-line:after, .tit-line-small:after {
    margin-left: 2%; }
  .tit-line .fa, .tit-line-small .fa {
    margin-right: 3px; }

.tit-line-small {
  font-size: 1em; }

@keyframes FadeIn {
  from {
    opacity: 0;
    top: -20px; }
  to {
    opacity: 1;
    top: 0; } }
@keyframes Check {
  0% {
    height: 0;
    width: 0;
    opacity: 0; }
  65.3333% {
    opacity: 1;
    width: 60px;
    height: 0; } }
/* --------------------------------

clasipar Web Font
Generated using nucleoapp.com

-------------------------------- */
@font-face {
  font-family: 'clasipar';
  src: url("../fonts/clasipar.eot");
  src: url("../fonts/clasipar.eot") format("embedded-opentype"), url("../fonts/clasipar.woff2") format("woff2"), url("../fonts/clasipar.woff") format("woff"), url("../fonts/clasipar.ttf") format("truetype"), url("../fonts/clasipar.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/*------------------------
	base class definition
-------------------------*/
.icon {
  display: inline-block;
  font: normal normal normal 1em/1 'clasipar';
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*------------------------
  change icon size
-------------------------*/
/* relative units */
.icon-sm {
  font-size: 0.8em; }

.icon-lg {
  font-size: 1.2em; }

/* absolute units */
.icon-16 {
  font-size: 16px; }

.icon-32 {
  font-size: 32px; }

/*----------------------------------
  add a square/circle background
-----------------------------------*/
.icon-bg-square,
.icon-bg-circle {
  padding: 0.35em;
  background-color: #eee; }

.icon-bg-circle {
  border-radius: 50%; }

/*------------------------------------
  use icons as list item markers
-------------------------------------*/
.icon-ul {
  padding-left: 0;
  list-style-type: none; }
  .icon-ul > li {
    display: flex;
    align-items: flex-start;
    line-height: 1.4; }
  .icon-ul > li > .icon {
    margin-right: 0.4em;
    line-height: inherit; }

/*------------------------
  spinning icons
-------------------------*/
.icon-is-spinning {
  -webkit-animation: icon-spin 2s infinite linear;
  -moz-animation: icon-spin 2s infinite linear;
  animation: icon-spin 2s infinite linear; }

@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes icon-spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }
@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
/*------------------------
  rotated/flipped icons
-------------------------*/
.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

.icon-flip-y {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.icon-flip-x {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

/*------------------------
	icons
-------------------------*/
.icon-home::before {
  content: "\ea02"; }

.icon-bag-add::before {
  content: "\ea03"; }

.icon-notebook-search::before {
  content: "\ea04"; }

.icon-bill::before {
  content: "\ea05"; }

.icon-box::before {
  content: "\ea06"; }

.icon-money::before {
  content: "\ea07"; }

.icon-cart-add::before {
  content: "\ea08"; }

.icon-security::before {
  content: "\ea09"; }

.icon-cash::before {
  content: "\ea0a"; }

.icon-delivery::before {
  content: "\ea0b"; }

.icon-credit-locked::before {
  content: "\ea0c"; }

.icon-bank::before {
  content: "\ea0e"; }

.icon-hand-card::before {
  content: "\ea0f"; }

.icon-safety::before {
  content: "\ea10"; }

.icon-network::before {
  content: "\ea11"; }

.icon-alert-que::before {
  content: "\ea12"; }

.icon-map-pin::before {
  content: "\ea13"; }

.icon-multiple::before {
  content: "\ea14"; }

.icon-money-coins::before {
  content: "\ea15"; }

.icon-car-front::before {
  content: "\ea16"; }

.icon-pointer::before {
  content: "\ea17"; }

.icon-phone::before {
  content: "\ea18"; }

.icon-discount::before {
  content: "\ea19"; }

.icon-megaphone::before {
  content: "\e816"; }

.icon-confetti::before {
  content: "\e817"; }

main {
  padding-bottom: 60px;
  margin-bottom: -40px;
  background-color: #0f0f0f; }

.c-header {
  position: relative;
  background: #0c0c0c; }
  @media screen and (min-width: 768px) {
    .c-header {
      height: 480px; } }
  @media screen and (max-width: 767px) {
    .c-header {
      height: 240px; } }
  @media screen and (max-height: 375px) {
    .c-header {
      height: 390px; } }
  .c-header:before {
    content: "";
    position: absolute;
    left: 0;
    width: 42%;
    height: 300px;
    background: transparent url("../img/bg-banderitabws.png") no-repeat top right;
    background-size: contain;
    z-index: 10; }
  .c-header:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 42%;
    height: 300px;
    background: transparent url("../img/bg-banderitabw.png") no-repeat top left;
    background-size: contain;
    z-index: 10; }
  .c-header__logo {
    width: 100%;
    max-width: 640px;
    display: block;
    margin: 0 auto; }
  .c-header__cars {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 1140px;
    margin: 0 auto .5em; }
    @media screen and (max-width: 767px) {
      .c-header__cars {
        top: 240px; } }
    @media screen and (min-width: 1280px) {
      .c-header__cars {
        padding-left: 0px; } }
    .c-header__cars img {
      max-width: 100%;
      position: absolute;
      top: 0px;
      z-index: 700;
      display: block;
      margin: 0 auto;
      -o-object-fit: contain;
      object-fit: contain;
      font-family: "object-fit: contain"; }
  .c-header__manchas {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 1140px;
    margin: 0 auto .5em; }
    @media screen and (max-width: 767px) {
      .c-header__manchas {
        top: 240px; } }
    @media screen and (min-width: 1280px) {
      .c-header__manchas {
        padding-left: 0px; } }
    .c-header__manchas img {
      max-width: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 9;
      display: block;
      margin: 0 auto;
      -o-object-fit: contain;
      object-fit: contain;
      font-family: "object-fit: contain"; }
  .c-header__otromanchas {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 1140px;
    margin: 0 auto .5em; }
    @media screen and (max-width: 767px) {
      .c-header__otromanchas {
        top: 240px; } }
    @media screen and (min-width: 1280px) {
      .c-header__otromanchas {
        padding-left: 0px; } }
    .c-header__otromanchas img {
      max-width: 100%;
      position: absolute;
      bottom: 0px;
      right: 0px;
      z-index: 9;
      display: block;
      margin: 0 auto;
      -o-object-fit: contain;
      object-fit: contain;
      font-family: "object-fit: contain"; }
.o-logo {
  display: block;
  padding: 2em 1em 0;
  margin: 1em auto; }
  @media screen and (max-width: 767px) {
    .o-logo {
      padding: 1em; } }
  .o-logo img {
    display: block;
    max-width: 320px;
    margin: 10px auto; }
.o-container {
  padding: 0 24px;
  margin: 0 auto;
  max-width: 1140px; }
  .o-container--medium {
    max-width: 940px; }
.c-card {
  border-radius: 3px;
  padding: 2em;
  background-color: #2f2f2f;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }
  .c-card h3 {
    font-family: "Graviola Soft", sans-serif;
    font-weight: 900;
    margin-top: 5px;
    color: #33cc33; }
.o-qa {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  padding-bottom: 1em;
  margin-bottom: 2em; }
  @media screen and (min-width: 768px) {
    .o-qa {
      flex-direction: row; } }
  .o-qa .btn {
    display: block;
    width: 100%;
    max-width: 380px;
    margin: 15px auto; }
  .o-qa__img {
    flex: 0 0 51px;
    margin: 0; }
    .o-qa__img .icon {
      color: #FFFFFF;
      font-size: 30px; }
    .o-qa__img--motor .icon-bg-circle {
      background-color: #3cee98; }
  .o-qa__text {
    flex: 1 1 auto; }
    @media screen and (max-width: 767px) {
      .o-qa__text h3 {
        font-size: 1.7142857143em; } }
    @media screen and (min-width: 768px) {
      .o-qa__text {
        padding-left: 1em; } }
.c-tit-1 {
  text-align: center;
  color: #3cee98; }
.c-datos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2em;
  height: 130px;
  width: 230px; }
  .c-datos--extra {
    padding: 15px;
    float: left;
    margin-right: 40px;
    transition: all .5s ease;
    border: 1px solid #d7dce2;
    box-shadow: rgba(0, 0, 0, 0.14) 0 1px 1px, #FFFFFF 0 10px 0 -5px, rgba(0, 0, 0, 0.15) 0 10px 1px -4px, #FFFFFF 0 20px 0 -10px, rgba(0, 0, 0, 0.15) 0 20px 1px -9px; }
  .c-datos__img {
    position: relative;
    flex: 1 0 30%;
    text-align: center;
    margin-bottom: 1em; }
    .c-datos__img--motor .icon {
      color: #FFFFFF;
      font-size: 40px; }
    .c-datos__img--motor .icon-bg-circle {
      background-color: #3cee98; }
    .c-datos__img figcaption {
      font-size: 1.4285714286em; }
    .c-datos__img span {
      display: block;
      font-size: 1.5em;
      font-family: "Graviola Soft", sans-serif;
      font-weight: 900;
      color: #434A54; }
      @media screen and (min-width: 768px) {
        .c-datos__img span {
          font-size: 1.7142857143em; } }
    @media screen and (min-width: 768px) {
      .c-datos__img:nth-of-type(2):before {
        content: "";
        position: absolute;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: #c8cfd8; }
      .c-datos__img:nth-of-type(1):before {
        content: "";
        position: absolute;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: #c8cfd8; } }
.c-split {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  border-radius: 3px;
  margin-bottom: 1em;
  overflow: hidden; }
  .c-split__box {
    flex: 1 0 48%;
    padding: 4% 1%;
    background-color: #20b426; }
    .c-split__box:last-of-type {
      background-color: #1c9e21; }
    .c-split__box h3, .c-split__box p {
      color: #FFFFFF;
      margin: 0; }
    .c-split__box h3 {
      font-size: 2em; }
    .c-split__box p {
      font-size: 1.1428571429em; }
    @media screen and (min-width: 768px) {
      .c-split__box h3 {
        font-size: 2.2857142857em; }
      .c-split__box p {
        font-size: 1.4285714286em; } }
.c-contact {
  text-align: center; }
  .c-contact .tit-line:before, .c-contact .tit-line-small:before, .c-contact .tit-line:after, .c-contact .tit-line-small:after {
    border-top-color: #c8cfd8; }
  .c-contact > h3 a {
    color: #33cc33; }
  .c-contact > h4 {
    color: #ffffff; }
  .c-contact > h5 {
    color: #ffffff; }
  .c-contact__compartir a {
    color: #656D78; }
    .c-contact__compartir a [class*="fa-stack-1"] {
      color: #FFFFFF; }
    .c-contact__compartir a.fb .fa-stack {
      color: #3b5998; }
    .c-contact__compartir a.tt .fa-stack {
      color: #1da1f2; }
    .c-contact__compartir a.inst .fa-stack {
      color: #e12f67; }
    .c-contact__compartir a.gplus .fa-stack {
      color: #cc3732; }

/*# sourceMappingURL=clasipar-landing-blackweekend.css.map */