@charset "UTF-8";
/*
    Theme Name: Piaggio
    Web: piaggio.com
    Author: Diseno Web DF
    Description:
    Autor:
    Version: 1.0.0
    License URI:
    Text Domain:

**********************************************************
**********************************************************

    Index page styles:

    00. Browser reset & common css
    01. Hero Area css
        >> Header css
        >> Home css
            >> Home V1
            >> Home V2
            >> Home V3 & V4
    02. NewsArea css
    03. Feature Area css
    04. Ext Feature Area css
    05. CTA Small css
    06. Step Area css
    07. Product Area css
    08. Price Area css
    09. Testimonial Area css
    10. CTA css
    11. FAQ css
    12. Newsletter css
    13. Map Area css
    14. Footer css
*/
/*
 *****************************************
 >>> | 00 Browser Reset & Common CSS|
 *****************************************
*/
.coloresDisponibles{
  position: absolute;
  left: 1%;
  top: 15%;
  width: 20px;
  height: 20px;
  z-index: 2;
}
.coloresDisponibles .blanco {
    background-color: #fff;
    border: 1px solid #000;
}

.coloresDisponibles span {
    width: 2em;
    height: 2em;
    border-radius: 10em;
    margin: 0.5em;
}

.coloresDisponibles .gris {
    background-color: #bdbebf;
}

.coloresDisponibles span {
    width: 2em;
    height: 2em;
    border-radius: 10em;
    margin: 0.5em;
}

.prensaCentral {
    padding: 1em 2em!important;
}
#Marcas > div.MotoplexMexico > a{
      width: 140px;
}
* {
  margin: 0;
  padding: 0; }

@font-face {
 font-family: 'Silom';
 font-style:normal;
 src: local('Silom'), url('../../fonts/Silom.ttf'),format('truetype');
}
@font-face {
 font-family: 'Montserrat';
 font-weight:100;
 src: local('Montserrat-ExtraLight2'), url('../../fonts/Montserrat-ExtraLight2.otf'),format('opentype');
}
@font-face {
 font-family: 'Montserrat';
 font-weight:200;
 src: local('Montserrat-ExtraLight'), url('../../fonts/Montserrat-ExtraLight.otf'),format('opentype');
}
@font-face {
 font-family: 'Montserrat';
 font-style:thin;
 font-weight:300;
 src: local('Montserrat-Thin'), url('../../fonts/Montserrat-Thin.otf'),format('opentype');
}
@font-face {
 font-family: 'Montserrat';
 font-style:lighter;
 font-weight:400;
 src: local('Montserrat-Light'), url('../../fonts/Montserrat-Light.otf'),format('opentype');
}
@font-face {
 font-family: 'Montserrat';
 font-style:normal;
 font-weight:500;
 src: local('Montserrat-Regular'), url('../../fonts/Montserrat-Regular.otf'),format('opentype');
}
@font-face {
 font-family: 'Montserrat';
 font-style:medium;
 font-weight:600;
 src: local('Montserrat-Medium'), url('../../fonts/Montserrat-Medium.otf'),format('opentype');
}


body, html{
  background-color:#fff;
}
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}

.valid {
  color: green; }

body .mainWrap .adn05s {
  animation-duration: .5s; }

body .mainWrap .adn08s {
  animation-duration: .8s; }

body .mainWrap .adn1s {
  animation-duration: 1s; }

body .mainWrap .adn102s {
  animation-duration: 1.2s; }

body .mainWrap .adn104s {
  animation-duration: 1.4s; }

body .mainWrap .adn106s {
  animation-duration: 1.6s; }

body .mainWrap .adn108s {
  animation-duration: 1.8s; }

body .mainWrap .sbg2 {
  background-color: #f4f6f8; }

.sr_shadow {
  position: relative; }
  .sr_shadow:before {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0.5px 18px 0 rgba(0, 0, 0, 0.1);
    content: "";
    height: 80px;
    left: 50%;
    margin-left: -30px;
    margin-top: -65px;
    position: absolute;
    top: 0;
    width: 60px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .sr_shadow:before {
        display: none; }
     }

a:focus,
a:hover,
a:visited,
input,
.hero_area.v2 .home_form .country-select,
.quote_area .quote_form .bootstrap-select > .dropdown-toggle,
input:hover,
.hero_area.v2 .home_form .country-select:hover, .quote_area .quote_form .bootstrap-select > .dropdown-toggle:hover,
input:focus,
.hero_area.v2 .home_form .country-select:focus, .quote_area .quote_form .bootstrap-select > .dropdown-toggle:focus,
input:active,
.hero_area.v2 .home_form .country-select:active,
.quote_area .quote_form .bootstrap-select > .dropdown-toggle:active,
select {
  text-decoration: none;
  outline: none !important; }

.static {
  position: static !important; }

.relative {
  position: relative !important; }

.absolute {
  position: absolute !important; }

img {
  max-width: 100%; }
a{
color:#989898;
}
a:hover{
color:#000;
}
a,
span {
  display: inline-block; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 600; }

.row{
margin:0;
}
.titulo-centrado{
  text-align: center !important;
}
/*

    styler

*/
.container {
  width: 1170px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .container {
      width: 970px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
      width: 750px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .container {
      width: 300px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
      width: 470px; } }

.styler {
  position: fixed;
  background: #ffffff;
  width: 310px;
  right: -310px;
  top: 0px;
  z-index: 9;
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.08);
  height: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .styler {
      display: none; }
   }
  .styler .styleInner {
    min-height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    padding: 15px 30px;
    overflow-y: scroll; }
    .styler .styleInner .button_effect a {
      line-height: 45px;
      margin-bottom: 15px;
      width: 160px; }
  .styler .icon {
    background: #edbf2b;
    background: -webkit-linear-gradient(to bottom, #edbf2b, #ef832b);
    background: linear-gradient(to bottom, #edbf2b, #ef832b);
    border-radius: 5px 0 0 5px;
    left: -60px;
    padding: 14.5px;
    position: absolute;
    z-index: 9;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    top: 30%;
    margin-top: -25px; }
    .styler .icon img {
      width: 31px; }
  .styler a.Btn {
    width: 100%;
    background: #ef832b;
    text-transform: uppercase;
    margin-top: 30px;
    color: #ffffff; }
  .styler h3 {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border-top: 1px solid #dfdfdf;
    padding-top: 25px;
    margin-top: 35px;
    margin-bottom: 25px; }
    .styler h3:first-child {
      border: medium none;
      margin-top: 0; }
  .styler .colorTheme {
    text-align: center; }
    .styler .colorTheme .singleTheme {
      background: #ffffff;
      height: 40px;
      width: 45px;
      display: inline-block;
      margin: 5px;
      cursor: pointer;
      line-height: 40px;
      text-align: center;
      font-weight: 700;
      color: #333333;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      .styler .colorTheme .singleTheme:nth-child(1) {
        color: #ffffff;
        background: -webkit-linear-gradient(to bottom, #edbf2b, #ef832b);
        background: linear-gradient(to bottom, #edbf2b, #ef832b); }
      .styler .colorTheme .singleTheme:nth-child(2) {
        color: #ffffff;
        background: -webkit-linear-gradient(to bottom, #fd6921, #e02a27);
        background: linear-gradient(to bottom, #fd6921, #e02a27); }
      .styler .colorTheme .singleTheme:nth-child(3) {
        color: #ffffff;
        background: -webkit-linear-gradient(to bottom, #26C281, #00884f);
        background: linear-gradient(to bottom, #26C281, #00884f); }
      .styler .colorTheme .singleTheme:nth-child(4) {
        color: #ffffff;
        background: -webkit-linear-gradient(to bottom, #ef473a, #cb2d3e);
        background: linear-gradient(to bottom, #ef473a, #cb2d3e); }
      .styler .colorTheme .singleTheme:nth-child(5) {
        color: #ffffff;
        background: -webkit-linear-gradient(to bottom, #a8e063, #56ab2f);
        background: linear-gradient(to bottom, #a8e063, #56ab2f); }
      .styler .colorTheme .singleTheme:nth-child(6) {
        color: #ffffff;
        background: -webkit-linear-gradient(to bottom, #8e54e9, #010b62);
        background: linear-gradient(to bottom, #8e54e9, #010b62); }
      .styler .colorTheme .singleTheme.active {
        outline: 1px solid #ffffff; }
  .styler .layoutBtn,
  .styler .stickyBtn {
    overflow: hidden;
    margin-top: 20px; }
    .styler .layoutBtn a,
    .styler .stickyBtn a {
      width: 45%;
      float: left;
      line-height: 35px;
      background: #ffffff;
      color: #ef832b;
      text-align: center;
      text-transform: uppercase;
      border-radius: 3px;
      font-weight: 700;
      outline: 1px solid #ef832b !important;
      outline-offset: -1px; }
      .styler .layoutBtn a.active,
      .styler .stickyBtn a.active {
        background: #ef832b;
        color: #ffffff; }
    .styler .layoutBtn a:nth-child(2),
    .styler .stickyBtn a:nth-child(2) {
      float: right; }
  .styler .layout_bg_wrap {
    display: none; }
  .styler .layoutBg {
    overflow: hidden;
    text-align: center;
    margin-top: 20px; }
    .styler .layoutBg .singleBg {
      width: 45px;
      height: 35px;
      background: red;
      margin: 5px;
      display: inline-block;
      background-size: cover;
      background-position: center;
      cursor: pointer; }
      .styler .layoutBg .singleBg img {
        display: none; }

.styler.active {
  right: 0; }

.mainWrap {
//height:100vh;
  margin: 0 auto;
  background: #ffffff;
  position: relative;
  z-index: 1;
  overflow: hidden; }

.mainWrap.active {
  width: 1200px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mainWrap.active {
      width: 1020px; } }
  @media only screen and (min-width: 0) and (max-width: 1030px) {
    .mainWrap.active {
      width: 100%; } }
  @media only screen and (min-width: 1360px) {
    .mainWrap.active {
      width: 1200px; } }
  @media only screen and (min-width: 1600px) {
    .mainWrap.active {
      width: 1300px; } }

body {
  background: url(../../img/bg/01.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat; 
}

#Promociones{
  background: #eee;
}
#edicion p {
    text-transform: initial;
    margin: 2em 0;
    line-height: 1.5em;
}
.prensaCentral p {
    font-weight: 200!important;
}
.prensaCentral h3 {
    margin: 1em 0!important;
}

.salaPrensa h3 {
    color: #127ab3;
}
/*
    preloader
*/
.preloader {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  z-index: 9999;
  transition-duration: .4s; }

.preloader.loaded {
  opacity: .7; }

.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto; }

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out; }

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
.sp90 {
  padding: 90px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sp90 {
      padding: 60px 0; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .sp90 {
      padding: 40px 0; } }

.spb90 {
  padding-bottom: 90px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .spb90 {
      padding-bottom: 60px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .spb90 {
      padding-bottom: 40px; } }

.spt90 {
  padding-top: 90px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .spt90 {
      padding-top: 60px; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .spt90 {
      padding-top: 40px; } }

.pl0 {
  padding-left: 0; }

.pr0 {
  padding-right: 0; }

.pt0 {
  padding-top: 0; }

.pb0 {
  padding-bottom: 0; }

.mr-15 {
  margin-right: -15px; }

.ml-15 {
  margin-left: -15px; }

a.big_btn {
  line-height: 50px;
  width: 200px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background: #e02a27;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #fd6921, #e02a27);
  background: linear-gradient(to bottom, #fd6921, #e02a27);
  display: inline-block;
  border: 3px solid #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  background-repeat: repeat;
  overflow: hidden;
  font-weight: 700;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s; }
  a.big_btn:before {
    background: #ef832b;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #edbf2b, #ef832b);
    background: linear-gradient(to bottom, #edbf2b, #ef832b); }

a.big_btn.two {
  background: #ef832b;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #edbf2b, #ef832b);
  background: linear-gradient(to bottom, #edbf2b, #ef832b); }
  a.big_btn.two:before {
    background: #e02a27;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #fd6921, #e02a27);
    background: linear-gradient(to bottom, #fd6921, #e02a27); }

.gradient_bg_one {
  background: #ef832b;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #edbf2b, #ef832b);
  background: linear-gradient(to left, #edbf2b, #ef832b); }

.gradient_bg_two {
  background: #e02a27;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #fd6921, #e02a27);
  background: linear-gradient(to left, #fd6921, #e02a27); }

.section_title {
  margin-bottom: 70px;
  text-align: center; }
  .section_title h1 {
    margin: 0 0 20px;
    font-weight: 600; }
  .section_title p {
    font-size: 18px;
    line-height: 32px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .section_title {
      margin-bottom: 50px; }
      .section_title br {
        display: none; }
      .section_title h1 {
        font-size: 25px;
        margin-bottom: 10px; }
      .section_title p {
        font-size: 14px;
        line-height: 28px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section_title br {
      display: none; }
    .section_title h1 {
      font-size: 30px; } }

.gradient_bg_two .section_title {
  color: #ffffff; }

/*
 *****************************************
 >>> | 01. hero_area CSS|
 *****************************************
*/
.hero_area.v2 .home_form {
  width: 560px;
  margin-top: 35px;
  display: inline-block;
  text-align: center; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .hero_area.v2 .home_form {
      width: 100%; } }
  .hero_area.v2 .home_form form {
    width: 100%; }
  .hero_area.v2 .home_form input, .hero_area.v2 .home_form .country-select {
    width: 270px;
    float: left;
    border: none;
    background-color: #e9eef3;
    line-height: 60px;
    margin: 0 20px 20px 0;
    padding-left: 0;
    text-indent: 25px;
    color: #687281;
    height: 60px; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .hero_area.v2 .home_form input, .hero_area.v2 .home_form .country-select {
        width: 100%; } }
    .hero_area.v2 .home_form input::-webkit-input-placeholder, .hero_area.v2 .home_form .country-select::-webkit-input-placeholder {
      color: #687281;
      opacity: 1; }
    .hero_area.v2 .home_form input:-moz-placeholder, .hero_area.v2 .home_form .country-select:-moz-placeholder {
      /* Firefox 18- */
      color: #687281;
      opacity: 1; }
    .hero_area.v2 .home_form input::-moz-placeholder, .hero_area.v2 .home_form .country-select::-moz-placeholder {
      /* Firefox 19+ */
      color: #687281;
      opacity: 1; }
    .hero_area.v2 .home_form input:-ms-input-placeholder, .hero_area.v2 .home_form .country-select:-ms-input-placeholder {
      color: #687281;
      opacity: 1; }
    .hero_area.v2 .home_form input:nth-child(even), .hero_area.v2 .home_form .country-select:nth-child(even) {
      margin-right: 0; }
  .hero_area.v2 .home_form input[type=submit], .hero_area.v2 .home_form [type=submit].country-select {
    margin: 0 20px 0 0;
    padding: 0;
    text-indent: 0;
    text-align: center;
    background-color: #ef832b;
    color: #ffffff;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    font-size: 16px;
    font-weight: 500;
  }
    .hero_area.v2 .home_form input[type=submit]:hover, .hero_area.v2 .home_form [type=submit].country-select:hover {
      background-color: #fd6921; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .hero_area.v2 .home_form input[type=submit], .hero_area.v2 .home_form [type=submit].country-select {
        float: none;
        margin-bottom: 20px; } }
  .hero_area.v2 .home_form p.info {
    width: 270px;
    font-size: 14px;
    line-height: 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 0;
    height: 60px; }
  .hero_area.v2 .home_form .country-select {
    padding-left: 0;
    position: relative; }
    .hero_area.v2 .home_form .country-select input, .hero_area.v2 .home_form .country-select .country-select {
      margin-right: 0;
      padding-left: 0;
      color: #687281; }
    .hero_area.v2 .home_form .country-select .flag-dropdown {
      padding-right: 15px;
      right: 0;
      padding-left: 10px; }
      .hero_area.v2 .home_form .country-select .flag-dropdown:hover {
        background-color: rgba(0, 0, 0, 0.05); }
        .hero_area.v2 .home_form .country-select .flag-dropdown:hover .selected-flag {
          background-color: transparent; }
      .hero_area.v2 .home_form .country-select .flag-dropdown .arrow {
        left: 25px; }
      .hero_area.v2 .home_form .country-select .flag-dropdown .country-list {
        left: -205px;
        text-align: left; }
        @media only screen and (min-width: 0px) and (max-width: 991px) {
          .hero_area.v2 .home_form .country-select .flag-dropdown .country-list {
            right: 0;
            left: auto; } }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .hero_area.v2 .home_form .country-select .flag-dropdown .country-list {
            width: 270px; } }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          .hero_area.v2 .home_form .country-select .flag-dropdown .country-list {
            width: 420px; } }

.hero_area.v3 .home_text, .hero_area.v4 .home_text {
  display: block;
  text-align: center; }
  .hero_area.v3 .home_text .home_cell, .hero_area.v4 .home_text .home_cell {
    padding-top: 75px; }
  .hero_area.v3 .home_text .home_btn, .hero_area.v4 .home_text .home_btn {
    margin-top: 30px; }
    .hero_area.v3 .home_text .home_btn a, .hero_area.v4 .home_text .home_btn a {
      line-height: 65px;
      width: auto;
      padding: 0 50px;
      border-radius: 60px;
      background: #ef832b;
      overflow: hidden;
      color: #ffffff;
      font-size: 19px;
      font-weight: 600;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
      .hero_area.v3 .home_text .home_btn a:before, .hero_area.v4 .home_text .home_btn a:before {
        background: #e02a27;
        background: -webkit-linear-gradient(to bottom, #fd6921, #e02a27);
        background: linear-gradient(to bottom, #fd6921, #e02a27); }
  .hero_area.v3 .home_text .home_form, .hero_area.v4 .home_text .home_form {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background: #e9eef3;
    width: 590px;
    height: 80px;
    margin: 30px auto 0;
    border-radius: 50px;
    padding: 10px; }
    .hero_area.v3 .home_text .home_form.active, .hero_area.v4 .home_text .home_form.active {
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      background-color: #ffffff; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .hero_area.v3 .home_text .home_form.active, .hero_area.v4 .home_text .home_form.active {
          width: 100%;
          height: auto;
          background-color: transparent;
          box-shadow: none; } }
    .hero_area.v3 .home_text .home_form .info, .hero_area.v4 .home_text .home_form .info {
      margin-top: 15px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .hero_area.v3 .home_text .home_form, .hero_area.v4 .home_text .home_form {
        background-color: #ffffff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .hero_area.v3 .home_text .home_form, .hero_area.v4 .home_text .home_form {
        width: 100%;
        height: auto;
        background-color: transparent;
        box-shadow: none; } }
    .hero_area.v3 .home_text .home_form input[type=email], .hero_area.v3 .home_text .hero_area.v2 .home_form [type=email].country-select, .hero_area.v2 .hero_area.v3 .home_text .home_form [type=email].country-select, .hero_area.v4 .home_text .home_form input[type=email], .hero_area.v4 .home_text .hero_area.v2 .home_form [type=email].country-select, .hero_area.v2 .hero_area.v4 .home_text .home_form [type=email].country-select {
      border: medium none;
      line-height: 60px;
      width: 330px;
      text-indent: 30px;
      background-color: transparent;
      font-size: 18px; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .hero_area.v3 .home_text .home_form input[type=email], .hero_area.v3 .home_text .hero_area.v2 .home_form [type=email].country-select, .hero_area.v2 .hero_area.v3 .home_text .home_form [type=email].country-select, .hero_area.v4 .home_text .home_form input[type=email], .hero_area.v4 .home_text .hero_area.v2 .home_form [type=email].country-select, .hero_area.v2 .hero_area.v4 .home_text .home_form [type=email].country-select {
          width: 100%;
          background-color: #ffffff;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          margin-bottom: 20px;
          border-radius: 30px; } }
      .hero_area.v3 .home_text .home_form input[type=email]::-webkit-input-placeholder, .hero_area.v3 .home_text .hero_area.v2 .home_form [type=email].country-select::-webkit-input-placeholder, .hero_area.v2 .hero_area.v3 .home_text .home_form [type=email].country-select::-webkit-input-placeholder, .hero_area.v4 .home_text .home_form input[type=email]::-webkit-input-placeholder, .hero_area.v4 .home_text .hero_area.v2 .home_form [type=email].country-select::-webkit-input-placeholder, .hero_area.v2 .hero_area.v4 .home_text .home_form [type=email].country-select::-webkit-input-placeholder {
        color: #687281;
        opacity: 1; }
      .hero_area.v3 .home_text .home_form input[type=email]:-moz-placeholder, .hero_area.v3 .home_text .hero_area.v2 .home_form [type=email].country-select:-moz-placeholder, .hero_area.v2 .hero_area.v3 .home_text .home_form [type=email].country-select:-moz-placeholder, .hero_area.v4 .home_text .home_form input[type=email]:-moz-placeholder, .hero_area.v4 .home_text .hero_area.v2 .home_form [type=email].country-select:-moz-placeholder, .hero_area.v2 .hero_area.v4 .home_text .home_form [type=email].country-select:-moz-placeholder {
        /* Firefox 18- */
        color: #687281;
        opacity: 1; }
      .hero_area.v3 .home_text .home_form input[type=email]::-moz-placeholder, .hero_area.v3 .home_text .hero_area.v2 .home_form [type=email].country-select::-moz-placeholder, .hero_area.v2 .hero_area.v3 .home_text .home_form [type=email].country-select::-moz-placeholder, .hero_area.v4 .home_text .home_form input[type=email]::-moz-placeholder, .hero_area.v4 .home_text .hero_area.v2 .home_form [type=email].country-select::-moz-placeholder, .hero_area.v2 .hero_area.v4 .home_text .home_form [type=email].country-select::-moz-placeholder {
        /* Firefox 19+ */
        color: #687281;
        opacity: 1; }
      .hero_area.v3 .home_text .home_form input[type=email]:-ms-input-placeholder, .hero_area.v3 .home_text .hero_area.v2 .home_form [type=email].country-select:-ms-input-placeholder, .hero_area.v2 .hero_area.v3 .home_text .home_form [type=email].country-select:-ms-input-placeholder, .hero_area.v4 .home_text .home_form input[type=email]:-ms-input-placeholder, .hero_area.v4 .home_text .hero_area.v2 .home_form [type=email].country-select:-ms-input-placeholder, .hero_area.v2 .hero_area.v4 .home_text .home_form [type=email].country-select:-ms-input-placeholder {
        color: #687281;
        opacity: 1; }
    .hero_area.v3 .home_text .home_form input[type="submit"], .hero_area.v3 .home_text .hero_area.v2 .home_form [type="submit"].country-select, .hero_area.v2 .hero_area.v3 .home_text .home_form [type="submit"].country-select, .hero_area.v4 .home_text .home_form input[type="submit"], .hero_area.v4 .home_text .hero_area.v2 .home_form [type="submit"].country-select, .hero_area.v2 .hero_area.v4 .home_text .home_form [type="submit"].country-select {
      border: medium none;
      border-radius: 50px;
      line-height: 60px;
      width: 235px;
      background: #ef832b;
      font-size: 19px;
      font-weight: 600;
      color: #ffffff;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      .hero_area.v3 .home_text .home_form input[type="submit"]:hover, .hero_area.v3 .home_text .hero_area.v2 .home_form [type="submit"].country-select:hover, .hero_area.v2 .hero_area.v3 .home_text .home_form [type="submit"].country-select:hover, .hero_area.v4 .home_text .home_form input[type="submit"]:hover, .hero_area.v4 .home_text .hero_area.v2 .home_form [type="submit"].country-select:hover, .hero_area.v2 .hero_area.v4 .home_text .home_form [type="submit"].country-select:hover {
        background: #e02a27; }
  .hero_area.v3 .home_text .home_img, .hero_area.v4 .home_text .home_img {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 235px;
    z-index: -1; }
    .hero_area.v3 .home_text .home_img img, .hero_area.v4 .home_text .home_img img {
      max-height: 100%;
      width: auto; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .hero_area.v3 .home_text .home_img, .hero_area.v4 .home_text .home_img {
        bottom: -45px; } }

.hero_area {
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto 680px;
  position: relative;
  z-index: 9; }
  .hero_area:before {
    position: absolute;
    content: '';
    background-color: #ffffff;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .hero_area:before {
        opacity: .9; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .hero_area:before {
        opacity: .6; } }
  .hero_area .home_text {
    height: 780px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 75px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .hero_area .home_text {
        text-align: center;
        height: auto;
        padding: 90px 0 60px; } }
    @media only screen and (min-width: 1200px) and (max-width: 1500px) {
      .hero_area .home_text p {
        background-color: rgba(255, 255, 255, 0.5); } }
  .hero_area header{
    padding-right:0;
    padding-left:0;
    padding-top: 20px;
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 0;
    left: 0;
    //background-color: #000;
    background-color: rgba(0,0,0,0.4);
    transform: translateY(0);
    transform: translate3d(0, 0, 0);
    transition: .25s transform;
    backface-visibility: hidden;
    z-index: 9999;
    }


    .hero_area header.fixed_header.sticky {
      padding: 15px 0;
      padding: 10px 0;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
      position: fixed;
      animation: sticky_anim .4s; }



@keyframes sticky_anim {
  0%{
    transform: translateY(-120px);
    transform: translate3d(0, -120px, 0);
    } 100% {
    transform: translateY(0);
    transform: translate3d(0, 0, 0);
    }
  }

    .hero_area header a.logo {
      //padding: 13px 0;
      padding: 0;
      display: inline-block; }
      .hero_area header a.logo img {
        height: 100%;
        vertical-align: top; }

    .hero_area header .navbar-header button {
      line-height: 27.5px;
      font-size: 22px;
      margin: 0;
      padding: 0;
      padding: 1em;
       }

    .hero_area header nav#navbar {
      text-align: left;
      padding: 0;
    }


      @media only screen and (min-width: 480px) and (max-width: 767px) {
       .hero_area header nav#navbar {
         width: 100%;
        }
      }

      .hero_area header nav#navbar ul.nav {
        margin: 0;
        list-style: none;
        float: none;
        display: inline-block;
        vertical-align: top;
        padding-right: 15px;
      }

      @media only screen and (min-width: 992px) and (max-width: 1199px){
        .hero_area header nav#navbar ul.nav{
          padding-right: 0;
          margin-right: -15px;
        }
       }


        .hero_area header nav#navbar ul.nav li {
          display: inline-block;
          position: relative;
        }

        .hero_area header nav#navbar ul.nav li.current-menu-item > a, .hero_area header nav#navbar ul.nav li.open > a, .hero_area header nav#navbar ul.nav li:hover > a, .navbar-nav li a:hover {
         color:#eee;
        }

        .hero_area header nav#navbar ul.nav li.current-menu-item > a:before, .hero_area header nav#navbar ul.nav li.open > a:before, .hero_area header nav#navbar ul.nav li:hover > a:before {
              width: 100%;
              padding-right: 15px;
           }

          @media only screen and (min-width: 992px){
            .hero_area header nav#navbar ul.nav li.dropdown.current-menu-item > a:before, .hero_area header nav#navbar ul.nav li.dropdown.open > a:before, .hero_area header nav#navbar ul.nav li.dropdown:hover > a:before {
              padding-right: 31px;
            }
            .hero_area header nav#navbar ul.nav li.dropdown a:before{
              top: 1px;
            }
            .hero_area header nav#navbar ul.nav li > a:before{
              //position: absolute;
              //width: 0;
              //height: 100%;
              //top: 0;
              //color: #ddd;
              //transition-duration: .4s;
              //content: attr(data-content);
              //overflow: hidden;
              //left: 0;
              //padding-left: 15px;
              //box-sizing: border-box;
           }
          }

          .hero_area header nav#navbar ul.nav li.dropdown > a:after {
            content: '\f0d7';
            font-family: "FontAwesome";
            margin-left: 7px;
          }


          @media only screen and (min-width: 992px) {
            .hero_area header nav#navbar ul.nav li ul.dropdown-menu {
              width: 250px;
              background: #fff;
              border-top: 3px solid #ef832b;
              background-color: #ef832b;
              position: absolute;
              z-index: 2;
              left: 0;
              top: 200%;
              opacity: 0;
              visibility: hidden;
              padding: 0;
              -webkit-transition: all 0.25s ease-out 0s;
              transition: all 0.25s ease-out 0s;
              display: block; }
              .hero_area header nav#navbar ul.nav li ul.dropdown-menu li {
                width: 100%;
                border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
                .hero_area header nav#navbar ul.nav li ul.dropdown-menu li a {
                  display: block;
                  width: 100%;
                  line-height: 50px;
                  margin: 0;
                  text-align: left;
                  padding-left: 20px;
                  background-color: #ef832b;
                  color: #ffffff; }
                  .hero_area header nav#navbar ul.nav li ul.dropdown-menu li a:before {
                    display: none; }
                  .hero_area header nav#navbar ul.nav li ul.dropdown-menu li a:hover {
                    background-color: #077ce9; }
            .hero_area header nav#navbar ul.nav li:nth-last-child(1) ul.dropdown-menu, .hero_area header nav#navbar ul.nav li:nth-last-child(2) ul.dropdown-menu {
              left: auto;
              right: 0; }
            .hero_area header nav#navbar ul.nav li.open ul.dropdown-menu {
              top: 100%;
              opacity: 1;
              visibility: visible; }
            .hero_area header nav#navbar ul.nav li.open > a, .hero_area header nav#navbar ul.nav li.open > a:focus, .hero_area header nav#navbar ul.nav li.open > a:hover {
              background: transparent; } }


      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .hero_area header nav#navbar span.btn_wrap {
          display: none; } }
  .hero_area .home_area .home_text h1 {
    font-size: 60px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px; }



  .hero_area .home_area .home_text p {
    font-size: 18px;
    line-height: 34px;
    }



    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .hero_area .home_area .home_text p br {
        display: none; } }
  .hero_area .home_area .home_text a.video_btn {
    margin-top: 25px;
    display: inline-block;
    padding-left: 40px;
    position: relative; }


    .hero_area .home_area .home_text a.video_btn span {
      display: block;
      font-size: 17px;
      font-weight: 700;
      text-transform: uppercase;
      color: #333333; }


    .hero_area .home_area .home_text a.video_btn span.small {
      font-size: 13px;
      text-transform: lowercase;
      font-weight: 300;
      color: #777; }
    .hero_area .home_area .home_text a.video_btn:before {
      position: absolute;
      content: '\f01d';
      font-family: "FontAwesome";
      font-size: 36px;
      left: 0;
      color: #ef832b;
      line-height: 40px;
      top: 50%;
      margin-top: -22px; }

.help-block {
    margin-top: 25px !important;
}

.mailchimp_email {
    border-radius: 30px;
}

.text-success {
    color: green;
}

.text-danger {
    color: red;
}

/*
 *****************************************
 >>> | 02. news_area CSS|
 *****************************************
*/
.news_area {
  text-align: center; }
  .news_area .h3 {
    font-weight: 500;
    margin: 0;
    line-height: 40px;
    color: #ffffff; }
    .news_area .h3 span {
      font-weight: 700; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .news_area .h3 {
        font-size: 20px; }
        .news_area .h3 br {
          display: none; } }

/*
 *****************************************
 >>> | 03. feature_area CSS|
 *****************************************
*/
.feature_area .featured, .ext_feature_area .featured{
  position: relative;
  text-align: center; }
  .feature_area .featured .feature_img {
    display: inline-block; }
  .feature_area .featured .single_feature {
    line-height: 26px;
    position: absolute;
    display: inline-block;
    width: auto; }
    .feature_area .featured .single_feature .h4 {
      font-size: 19px;
      font-weight: 600;
      margin-top: 0;
      opacity: 0; }
    .feature_area .featured .single_feature p {
      opacity: 0; }
    .feature_area .featured .single_feature > *:last-child {
      margin-bottom: 0; }
    .feature_area .featured .single_feature.active .h4, .feature_area .featured .single_feature.active p {
      opacity: 1;
      transition-duration: .4s;
      transition-delay: 1.1s; }
    .feature_area .featured .single_feature.active .two {
      display: none; }
    .feature_area .featured .single_feature.active .one {
      display: inline-block; }
    .feature_area .featured .single_feature .one {
      display: none; }
    .feature_area .featured .single_feature .two {
      display: inline-block; }
    @media only screen and (min-width: 0px) and (max-width: 1201px) {
      .feature_area .featured .single_feature {
        width: 33.33%;
        display: inline-block; } }
    @media only screen and (min-width: 0px) and (max-width: 1201px) {
      .feature_area .featured .single_feature {
        position: static;
        margin-top: 40px;
        width: 100%; }
        .feature_area .featured .single_feature .h4, .feature_area .featured .single_feature p {
          opacity: 1; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .feature_area .featured .single_feature {
        width: 45%;
        display: inline-block; } }
    .feature_area .featured .single_feature:nth-child(4).active .h4, .feature_area .featured .single_feature:nth-child(4).active p {
      transition-delay: .7s; }
    .feature_area .featured .single_feature span.dot {
      position: absolute;
      height: 15px;
      width: 15px;
      background-color: #ef832b;
      border-radius: 50%;
      z-index: 1; }
      @media only screen and (min-width: 0px) and (max-width: 1201px) {
        .feature_area .featured .single_feature span.dot {
          display: none; } }
      .feature_area .featured .single_feature span.dot .mtooltip {
        background: #e02a27 none repeat scroll 0 0;
        border-radius: 25px;
        color: #fff;
        left: -55px;
        line-height: 30px;
        position: absolute;
        top: -45px;
        width: 130px;
        opacity: 0;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        background: #e02a27;
        background: -webkit-linear-gradient(to bottom, #fd6921, #e02a27);
        background: linear-gradient(to bottom, #fd6921, #e02a27);
        border: 2px solid #ffffff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
      .feature_area .featured .single_feature span.dot .mtooltip::before {
        border-color: #e02a27 transparent transparent;
        border-style: solid;
        border-width: 8px;
        bottom: -16px;
        content: "";
        left: 50%;
        margin-left: -11px;
        position: absolute; }
      .feature_area .featured .single_feature span.dot:hover .mtooltip, .feature_area .featured .single_feature span.dot.active .mtooltip {
        opacity: 1; }
      .feature_area .featured .single_feature span.dot.active .mtooltip {
        animation: mt_anim 1.2s infinite;
        animation-delay: 2s; }
@-webkit-keyframes mt_anim {
  0% {
    opacity: 1; }
  20% {
    opacity: .05; }
  100% {
    opacity: 1; }
  }

@keyframes mt_anim {
  0% {
    opacity: 1; }
  20% {
    opacity: .05; }
  100% {
    opacity: 1; }
  }

      .feature_area .featured .single_feature span.dot:hover .mtooltip {
        animation: none; }
      .feature_area .featured .single_feature span.dot:after {
        position: absolute;
        border-radius: 50%;
        background-color: #edbf2b;
        opacity: .4;
        content: '';
        left: -6px;
        top: -6px;
        bottom: -6px;
        right: -6px;
        animation: dotAnim 1s infinite;
        z-index: -1; }

@-webkit-keyframes dotAnim {
  0% {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }
  60% {
    left: -6px;
    top: -6px;
    bottom: -6px;
    right: -6px; }
  100% {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }
  }

@keyframes dotAnim {
  0% {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }
  60% {
    left: -6px;
    top: -6px;
    bottom: -6px;
    right: -6px; }
  100% {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }
  }

    .feature_area .featured .single_feature:nth-child(2) {
      left: 0;
      bottom: 60px;
      top: auto;
      right: auto; }
      .feature_area .featured .single_feature:nth-child(2):before {
        content: "";
        height: 40px;
        position: absolute;
        top: -60px;
        width: 3px;
        left: 50%; }
      .feature_area .featured .single_feature:nth-child(2).active:before {
        background-repeat: no-repeat;
        animation-name: f1_gra_a;
        background-position: center top;
        animation-delay: .7s;
        animation-duration: .4s;
        background-image: -webkit-linear-gradient(to left, #ef832b, #ef832b);
        background-image: linear-gradient(to left, #ef832b, #ef832b);
        background-size: 0;
        background-color: #ef832b;
        transition-delay: 1.1s; }

@-webkit-keyframes f1_gra_a {
  0% {
    background-size: 3px 0; }
  100% {
    background-size: 3px 100%; }
 }

@keyframes f1_gra_a {
  0% {
    background-size: 3px 0; }
  100% {
    background-size: 3px 100%; }
 }
      .feature_area .featured .single_feature:nth-child(2):after {
        content: "";
        height: 3px;
        position: absolute;
        top: -62px;
        width: 320px;
        left: 50%; }
      .feature_area .featured .single_feature:nth-child(2).active:after {
        background-image: -webkit-linear-gradient(to left, #edbf2b, #ef832b);
        background-image: linear-gradient(to left, #edbf2b, #ef832b);
        background-repeat: no-repeat;
        animation: f1_gra .7s;
        background-position: right center;}

@-webkit-keyframes f1_gra {
  0% {
    background-size: 0 3px; }
  100% {
    background-size: 100% 3px;}
 }

@keyframes f1_gra {
  0% {
    background-size: 0 3px; }
  100% {
    background-size: 100% 3px; }
 }

      .feature_area .featured .single_feature:nth-child(2) span.dot {
        right: -215px;
        top: -68px;
        cursor: pointer; }
    .feature_area .featured .single_feature:nth-child(3) {
      right: 0;
      top: 60px;
      bottom: auto;
      left: auto; }
      .feature_area .featured .single_feature:nth-child(3):before {
        content: "";
        height: 40px;
        position: absolute;
        bottom: -60px;
        width: 3px;
        right: 50%;
        margin-right: -3px;
        background-position: center bottom; }
      .feature_area .featured .single_feature:nth-child(3).active:before {
        background-repeat: no-repeat;
        animation-name: f2_gra_a;
        animation-delay: .7s;
        animation-duration: .4s;
        background-image: -webkit-linear-gradient(to left, #ef832b, #ef832b);
        background-image: linear-gradient(to left, #ef832b, #ef832b);
        background-size: 0;
        background-color: #ef832b;
        transition-delay: 1.1s; }

@-webkit-keyframes f2_gra_a {
  0% {
    background-size: 3px 0; }
  100% {
    background-size: 3px 100%;}
 }

@keyframes f2_gra_a {
  0% {
    background-size: 3px 0; }
  100% {
    background-size: 3px 100%; }
  }

      .feature_area .featured .single_feature:nth-child(3):after {
        content: "";
        height: 3px;
        position: absolute;
        bottom: -62px;
        width: 320px;
        right: 50%;
        margin-right: -3px;
        right: 50%; }
      .feature_area .featured .single_feature:nth-child(3).active:after {
        background-image: -webkit-linear-gradient(to right, #edbf2b, #ef832b);
        background-image: linear-gradient(to right, #edbf2b, #ef832b);
        background-repeat: no-repeat;
        animation: f2_gra .7s;
        background-position: left center; }

@-webkit-keyframes f2_gra {
  0% {
    background-size: 0 3px; }
  100% {
    background-size: 100% 3px; }
 }

@keyframes f2_gra {
  0% {
    background-size: 0 3px; }
  100% {
    background-size: 100% 3px; }
 }

      .feature_area .featured .single_feature:nth-child(3) span.dot {
        left: -212px;
        bottom: -68px;
        cursor: pointer; }
    .feature_area .featured .single_feature:nth-child(4) {
      top: 0;
      left: 100px;
      right: auto;
      bottom: auto; }
      .feature_area .featured .single_feature:nth-child(4):after {
        content: "";
        height: 3px;
        position: absolute;
        width: 210px;
        top: 50%;
        right: -240px;
        left: auto;
        margin-top: -5px; }
      .feature_area .featured .single_feature:nth-child(4).active:after {
        background-image: -webkit-linear-gradient(to left, #edbf2b, #ef832b);
        background-image: linear-gradient(to left, #edbf2b, #ef832b);
        background-repeat: no-repeat;
        animation: f3_gra .7s;
        background-position: right center; }
@-webkit-keyframes f3_gra {
  0% {
    background-size: 0 3px; }
  100% {
    background-size: 100% 3px; }
 }

@keyframes f3_gra {
  0% {
    background-size: 0 3px; }
  100% {
    background-size: 100% 3px; }
 }

      .feature_area .featured .single_feature:nth-child(4) span.dot {
        margin-top: -11px;
        right: -248px;
        top: 50%;
        cursor: pointer; }

    @media only screen and (min-width: 0px) and (max-width: 1201px) {
      .feature_area .featured .single_feature:before, .feature_area .featured .single_feature.active:before, .feature_area .featured .single_feature:after, .feature_area .featured .single_feature.active:after {
        display: none; }
    }

/*
 *****************************************
 >>> | 04. ext_feature_area CSS|
 *****************************************
*/
.ext_feature_area .col-md-4 {
  margin-top: 55px; }
  @media only screen and (min-width: 992px) {
    .ext_feature_area .col-md-4:nth-child(1), .ext_feature_area .col-md-4:nth-child(2), .ext_feature_area .col-md-4:nth-child(3) {
      margin-top: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ext_feature_area .col-md-4:nth-child(1), .ext_feature_area .col-md-4:nth-child(2) {
      margin-top: 0; } }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .ext_feature_area .col-md-4:nth-child(1) {
      margin-top: 0; } }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .ext_feature_area .single_service {
    text-align: center; } }
.ext_feature_area .single_service .service_icon {
  width: 85px;
  float: left; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .ext_feature_area .single_service .service_icon {
      float: none;
      margin-bottom: 30px;
      display: inline-block; } }
.ext_feature_area .single_service .service_content {
  padding-left: 85px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .ext_feature_area .single_service .service_content {
      padding-left: 0; } }
  .ext_feature_area .single_service .service_content .h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 15px; }
.ext_feature_area .single_service:hover .hvr-wobble-skew {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2; }

/*
 *****************************************
 >>> | 05. cta_small_area CSS|
 *****************************************
*/
.cta_small_area .section_title {
  margin-bottom: 40px; }

/*
 *****************************************
 >>> | 06. step_area CSS|
 *****************************************
*/
.step_area .col-md-4:nth-child(1) {
  animation-delay: .2s; }
.step_area .col-md-4:nth-child(2) {
  animation-delay: .4s; }
.step_area .col-md-4:nth-child(3) {
  animation-delay: .6s; }
.step_area .col-md-4 {
  margin-top: 55px; }
  .step_area .col-md-4:nth-child(1), .step_area .col-md-4:nth-child(2), .step_area .col-md-4:nth-child(3) {
    margin-top: 0; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .step_area .col-md-4 {
      margin-bottom: 40px; }
      .step_area .col-md-4:last-child {
        margin-bottom: 0; } }
  .step_area .col-md-4 .single_step {
    color: #ffffff; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .step_area .col-md-4 .single_step {
        text-align: center; } }
    .step_area .col-md-4 .single_step .sl_no {
      width: 75px;
      text-align: center;
      border: 4px solid #ffffff;
      float: left;
      border-radius: 50%;
      height: 75px;
      line-height: 67px;
      transition-duration: .4s;
      background-color: transparent; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .step_area .col-md-4 .single_step .sl_no {
          float: none;
          display: inline-block; } }
    .step_area .col-md-4 .single_step:hover .hvr-radial-out:before, .step_area .col-md-4 .single_step.active .hvr-radial-out:before {
      -webkit-transform: scale(2);
      transform: scale(2);
      background: #edbf2b;
      /* fallback for old browsers */
      background: -webkit-linear-gradient(to left, #edbf2b, #ef832b);
      background: linear-gradient(to left, #edbf2b, #ef832b); }
    .step_area .col-md-4 .single_step .step_content {
      padding-left: 100px; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .step_area .col-md-4 .single_step .step_content {
          padding: 0; }
          .step_area .col-md-4 .single_step .step_content p {
            line-height: 24px; } }

/*
 *****************************************
 >>> | 07. product_area CSS|
 *****************************************
*/
.product_area {
  position: relative;
  z-index: 1;
  padding: 120px 0; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .product_area {
      padding: 60px 0; } }
  .product_area .single_product {
    font-size: 16px; }
    .product_area .single_product .h2 {
      line-height: 40px;
      margin: 0 0 30px;
      font-weight: 600; }
    .product_area .single_product .product_list {
      margin: 35px 0 0;
      list-style: none; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .product_area .single_product .product_list {
          display: inline-block;
          text-align: left; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .product_area .single_product .product_list {
          margin-top: 20px; } }
      .product_area .single_product .product_list li {
        font-size: 20px;
        font-weight: 500;
        line-height: 40px;
        margin-bottom: 10px; }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
          .product_area .single_product .product_list li {
            line-height: 25px;
            font-size: 15px; } }
        .product_area .single_product .product_list li:before {
          content: '\f00c';
          font-family: "FontAwesome";
          font-size: 14px;
          width: 38px;
          height: 38px;
          background-color: #ef832b;
          display: inline-block;
          text-align: center;
          color: #ffffff;
          line-height: 38px;
          border-radius: 50%;
          margin-right: 15px;
          border: 1px solid #ef832b;
          transition-duration: .4s; }
          @media only screen and (min-width: 0px) and (max-width: 767px) {
            .product_area .single_product .product_list li:before {
              width: 25px;
              height: 25px;
              line-height: 25px;
              font-size: 12px; } }
        .product_area .single_product .product_list li:hover:before {
          background-color: transparent;
          color: #ef832b; }
    .product_area .single_product .product_img {
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: -1;
      width: 50%; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .product_area .single_product .product_img {
          display: none; } }
    .product_area .single_product:first-child {
      margin-bottom: 125px; }
      .product_area .single_product:first-child .product_content {
        margin-left: 50px; }
      @media only screen and (min-width: 0px) and (max-width: 991px) {
        .product_area .single_product:first-child {
          margin-bottom: 40px; }
          .product_area .single_product:first-child .product_content {
            margin-left: 0; } }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .product_area .single_product:first-child {
          margin-bottom: 30px; } }
      .product_area .single_product:first-child .product_img {
        right: auto;
        left: 50%;
        width: 480px;
        bottom: auto;
        top: 120px;
        margin-left: -580px; }
    @media only screen and (min-width: 0px) and (max-width: 991px) {
      .product_area .single_product .product_content {
        text-align: center; } }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .product_area .single_product .product_content {
        margin-left: 0; }
        .product_area .single_product .product_content .h2 {
          font-size: 24px;
          line-height: 30px; }
          .product_area .single_product .product_content .h2 p {
            font-size: 14px;
            line-height: 24px; }
          .product_area .single_product .product_content .h2 br {
            display: none; } }

/*
 *****************************************
 >>> | 08. price_area CSS|
 *****************************************
*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .price_area .price {
    padding: 0 40px; } }
.price_area .price .col-md-3:nth-child(1) {
  animation-delay: .2s; }
.price_area .price .col-md-3:nth-child(2) {
  animation-delay: .4s; }
.price_area .price .col-md-3:nth-child(3) {
  animation-delay: .6s; }
.price_area .price .col-md-3:nth-child(4) {
  animation-delay: .8s; }
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .price_area .price .col-md-3:first-child .single_price {
    margin-top: 0; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .price_area .price .col-md-3 {
    padding: 0;
    border-right: 1px solid #ddd; }
    .price_area .price .col-md-3:last-child {
      border: none; } }
.price_area .price .single_price {
  text-align: center;
  background-color: #ffffff;
  padding: 40px 35px;
  margin-top: 30px; }
  .price_area .price .single_price .product_img {
    margin-bottom: 20px;
    width: 200px;
    height: 120px;
    background-size: cover;
    background-position: center 100%;
    display: inline-block; }
    .price_area .price .single_price .product_img img {
      display: inline-block; }
  .price_area .price .single_price:hover .product_img {
    background-position: center 0;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s; }
  .price_area .price .single_price .h4 {
    font-weight: 700;
    margin: 0;
    margin-bottom: 10px; }
  .price_area .price .single_price .currency {
    color: #ef832b; }
  .price_area .price .single_price .price_bar {
    width: 100%;
    height: 1px;
    display: block;
    background-color: #e2e5e9;
    margin: 20px 0; }
  .price_area .price .single_price .price_btn {
    margin-top: 20px; }
    .price_area .price .single_price .price_btn a.big_btn {
      width: 170px; }

/*
 *****************************************
 >>> | 09. testimonial_area CSS|
 *****************************************
*/
.testimonial_area .tst_slider .tst_content {
  padding-left: 35px;
  position: relative; }
  .testimonial_area .tst_slider .tst_content > span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 56px;
    font-weight: 600;
    line-height: 45px;
    color: #ef832b;
    top: 10px; }
  .testimonial_area .tst_slider .tst_content p {
    font-size: 16px;
    font-style: italic; }
  .testimonial_area .tst_slider .tst_content .rate {
    margin: 10px 0 15px; }
  .testimonial_area .tst_slider .tst_content .client_dt .h4 {
    font-weight: 600;
    margin-bottom: 5px; }
  .testimonial_area .tst_slider .tst_content img {
    width: auto; }
.testimonial_area .featured_clients {
  margin-top: 50px;
  text-align: center; }
  .testimonial_area .featured_clients .h4 {
    margin: 0 0 50px;
    font-weight: 600; }
  .testimonial_area .featured_clients .featured_slider a {
    opacity: .5;
    transition-duration: .4s; }
    .testimonial_area .featured_clients .featured_slider a:hover {
      opacity: 1; }

/*
 *****************************************
 >>> | 10. cta_area CSS|
 *****************************************
*/
.cta_area .cta_content {
  color: #ffffff;
  padding-left: 35px; }


  /*** OWL carrousel ***/
.owl-carousel .owl-item img.bannerImg{
    height:100%!important;
    height:auto!important;
    width:auto!important;
    width:100%!important;
  }
 .owl-carousel .itemBanner{
 position:absolute;
 margin:atuo;
 width:100%;
 bottom:0;
 margin:0;
 padding:8em;
 padding-top:2em;
 z-index:2;
 color:#ef832b;
 color:#D5AC27;
 background-color:rgba(0,0,0,0.6);
 }
  .owl-carousel .itemBanner h3{
  font-weight:300;
  color:#ccc;
  margin-top:0;
  padding-top:0;
  }
 .owl-theme .owl-controls .owl-buttons div{
 //position:absolute;
 top:50%;
 transform:translateY(-50%);
 border-radius:0!important;
 }
 .owl-prev{
  margin-top:-0.8em!important;
 }
 .owl-prev{
  background-color:#0080c6!important;
 float:left!important;
 right:0!important;
 position:absolute;
 }
 .owl-prev:before{
  font-family:FontAwesome;
  content:'\f104';
 }
 .owl-next:before{
  font-family:FontAwesome;
  content:'\f105';
 }

 .owl-next{
 float:right!important;
 right:0!important;
 position:absolute;
 }
.owl-theme .owl-controls{
  margin-top:-3em!important;
 }


  .cta_area .cta_content .h1 {
    line-height: 46px;
    margin: 0;
    margin-bottom: 15px;
  }




  .cta_area .cta_content p {
    font-size: 18px;
    line-height: 32px; }
  .cta_area .cta_content .cta_btn {
    margin-top: 35px;
    margin-bottom: 15px; }
.cta_area .cta_img {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -720px; }



/*

 *****************************************
 >>> | 11. faq_area CSS|
 *****************************************
*/
.faq_area .faq_col {
  padding-left: 70px;
  font-size: 15px; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .faq_area .faq_col {
      padding-left: 15px; }
      .faq_area .faq_col:last-child {
        margin-top: 50px; } }
  .faq_area .faq_col .single_faq {
    margin-top: 50px; }
    .faq_area .faq_col .single_faq:first-child {
      margin-top: 0; }
    .faq_area .faq_col .single_faq .h4 {
      margin: 0 0 15px;
      padding: 0 0 20px;
      position: relative; }
      .faq_area .faq_col .single_faq .h4:after {
        position: absolute;
        content: '';
        width: 90%;
        height: 1px;
        background-color: #e6eaee;
        left: 0;
        bottom: 0; }

/*
 *****************************************
 >>> | 12. newsletter_area CSS|
 *****************************************
*/
.newsletter_area .newsletter {
  margin: 0 -30px;
  text-align: center; }
  @media only screen and (min-width: 0px) and (max-width: 991px) {
    .newsletter_area .newsletter {
      margin: 0 -10px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .newsletter_area .newsletter {
      margin: 0 -80px; } }
  .newsletter_area .newsletter .input_wrap {
    background: #ffffff;
    padding: 8px;
    box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    transition-duration: .4s;
    outline: 1px solid transparent; }
    .newsletter_area .newsletter .input_wrap.active {
      outline: 1px solid #ef832b; }
    .newsletter_area .newsletter .input_wrap input, .newsletter_area .newsletter .input_wrap .hero_area.v2 .home_form .country-select, .hero_area.v2 .home_form .newsletter_area .newsletter .input_wrap .country-select {
      line-height: 55px;
      width: 369px;
      border: none;
      background: transparent;
      font-size: 16px;
      font-weight: 400;
      text-indent: 25px;
      text-align: left;
      float: left;
      height: 55px; }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .newsletter_area .newsletter .input_wrap input, .newsletter_area .newsletter .input_wrap .hero_area.v2 .home_form .country-select, .hero_area.v2 .home_form .newsletter_area .newsletter .input_wrap .country-select {
          width: 100%; } }
    .newsletter_area .newsletter .input_wrap input[type=submit], .newsletter_area .newsletter .input_wrap .hero_area.v2 .home_form [type=submit].country-select, .hero_area.v2 .home_form .newsletter_area .newsletter .input_wrap [type=submit].country-select {
      text-align: center;
      border-radius: 2px;
      width: 230px;
      text-indent: 0;
      font-weight: 600;
      color: #ffffff;
      transition-duration: .4s;
      background: #edbf2b;
      /* fallback for old browsers */ }
      @media only screen and (min-width: 0px) and (max-width: 767px) {
        .newsletter_area .newsletter .input_wrap input[type=submit], .newsletter_area .newsletter .input_wrap .hero_area.v2 .home_form [type=submit].country-select, .hero_area.v2 .home_form .newsletter_area .newsletter .input_wrap [type=submit].country-select {
          width: 100%; } }
      .newsletter_area .newsletter .input_wrap input[type=submit]:hover, .newsletter_area .newsletter .input_wrap .hero_area.v2 .home_form [type=submit].country-select:hover, .hero_area.v2 .home_form .newsletter_area .newsletter .input_wrap [type=submit].country-select:hover {
        background: #fd6921;
        /* fallback for old browsers */ }
  .newsletter_area .newsletter .nw_txt {
    color: #777777;
    font-size: 13px;
    margin-bottom: 0; }
    .newsletter_area .newsletter .nw_txt:before {
      content: '\f023';
      font-family: "FontAwesome";
      margin-right: 5px; }

/*
 *****************************************
 >>> | 13. map_area CSS|
 *****************************************
*/
.map_area {
  position: relative; }
  .map_area #googleMap {
    background-color: #ddd;
    height: 630px;
    width: 100%; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .map_area #googleMap {
        width: 100%;
        height: 150px; } }
  .map_area .contact_form {
    position: absolute;
    //left: 50%;
    right: 5%;
    top: 5%;
    width: 370px;
    background-color: #ffffff;
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.14);
    //margin-left: -185px;
    padding: 1em 40px;
    color: #999999;
    height: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    @media only screen and (min-width: 0px) and (max-width: 767px) {
      .map_area .contact_form {
        width: 100%;
        left: 0%;
        right: auto;
        margin-left: 0;
        height: auto;
        padding: 30px;
        position: static;
        box-shadow: 0 0 80px transparent; } }
    .map_area .contact_form .contact_head .h2 {
      font-size: 30px;
      margin: 0 0 10px;
      color: #333333;
      margin-top: 15px; }
    .map_area .contact_form .form_wrap input, .map_area .contact_form .form_wrap .hero_area.v2 .home_form .country-select, .hero_area.v2 .home_form .map_area .contact_form .form_wrap .country-select {
      width: 100%;
      margin-bottom: 20px;
      border: 1px solid transparent;
      border-bottom-color: #e5e5e5;
      line-height: 40px;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      outline: none;
      height: 40px; }
      .map_area .contact_form .form_wrap input:focus, .map_area .contact_form .form_wrap .hero_area.v2 .home_form .country-select:focus, .hero_area.v2 .home_form .map_area .contact_form .form_wrap .country-select:focus {
        border-bottom-color: #ef832b;
        color: #ef832b; }
    .map_area .contact_form .form_wrap textarea {
      outline: none;
      width: 100%;
      margin-bottom: 20px;
      border: 1px solid transparent;
      border-bottom-color: #e5e5e5;
      height: 100px;
      resize: none;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      .map_area .contact_form .form_wrap textarea:focus {
        border-bottom-color: #ef832b;
        color: #ef832b; }
    .map_area .contact_form .form_wrap input[type=submit], .map_area .contact_form .form_wrap .hero_area.v2 .home_form [type=submit].country-select, .hero_area.v2 .home_form .map_area .contact_form .form_wrap [type=submit].country-select {
      width: 160px;
      text-align: center;
      border: none;
      background-color: #ef832b;
      line-height: 50px;
      color: #ffffff;
      font-size: 16px;
      font-weight: 600;
      border-radius: 2px;
      height: 50px; }
      .map_area .contact_form .form_wrap input[type=submit]:hover, .map_area .contact_form .form_wrap .hero_area.v2 .home_form [type=submit].country-select:hover, .hero_area.v2 .home_form .map_area .contact_form .form_wrap [type=submit].country-select:hover {
        background-color: #fd6921; }
    .map_area .contact_form .form_wrap div.form_icon {
      color: #000;
      font-size: 15px;
      margin-left: 10px;
      opacity: 0; }
      .map_area .contact_form .form_wrap div.form_icon.red {
        color: red; }
      .map_area .contact_form .form_wrap div.form_icon.green {
        color: green; }
    .map_area .contact_form .contact_footer {
      margin: 0;
      list-style: none; }
      .map_area .contact_form .contact_footer li a {
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        font-weight: 500;
        color: #999; }
        .map_area .contact_form .contact_footer li a i {
          font-size: 12px;
          width: 22px;
          text-align: left; }
        .map_area .contact_form .contact_footer li a span {
          width: 60px;
          text-align: left; }
        .map_area .contact_form .contact_footer li a:hover {
          color: #ef832b; }

.error {
  color: red; }

.success {
  color: green; }

/*
 *****************************************
 >>> | 14. footer CSS|
 *****************************************
*/
footer {
 padding: 20px 0;
}
  footer .foo_row > div {
    text-align: center;
   }



    footer .foo_row > div:first-child {
      text-align: center;
      }

    footer .foo_row > div:last-child {
      text-align: center; }


    footer .foo_row > div .footer_txt {
      color: #666666; }
      footer .foo_row > div .footer_txt p {
        margin-bottom: 0; }
    footer .foo_row > div ul {
      margin: 0;
      margin-bottom:3em;
      list-style: none; }
      footer .foo_row > div ul li {
        display: inline-block; }
        footer .foo_row > div ul li a {
          line-height: 30px;
          text-align: center; }
    footer .foo_row > div ul.footer_link li a {
      margin: 0 15px;
      color: #666666;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      footer .foo_row > div ul.footer_link li a:hover {
        color: #ef832b; }
    footer .foo_row > div ul.footer_social li a {
      width: 30px;
      border: 2px solid #bbb;
      border-radius: 50%;
      font-size: 12px;
      line-height: 28px;
      color: #a3a3a3;
      margin: 0 2px;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s; }
      footer .foo_row > div ul.footer_social li a:hover {
        background-color: #a3a3a3;
        color: #fff;
        border: 1px solid #a3a3a3; }

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

.hero_area header a.logo img{
margin-top:3px;
}
h2.company1{
font-size:1.5em;
display:inline-block;
color:#004C6B;
}
h2.company1 strong{
color:#FF8600;
}
.hero_area header{
padding-top:0px!important;
padding-bottom:0px!important;
border-bottom:3px solid #000;
}
.hero_area header a.logo img{
margin:0;
height:5em;
width:auto;
}
.feature_area .featured, .ext_feature_area .featured{
margin-bottom:-4em;
}
.home_area{
padding:6em 0;
font-size:1.2em;
}
.home_area h1{
font-size:4em;
}
.home_area h3{
font-size:1.5em;
margin-bottom:2em;
}
.home_area ul{
padding:2em 3em;
}
.home_area ul li{
font-size:0.8em;
margin:0.5em 0;
}
.home_area strong{
color:#888;
}
.orange1{
color:#ef832b;
}
.small{
font-size:0.7em;
}

.btnApp{
margin:4em auto;
padding:0 1em;
//border: none;
background-color: #ef832b;
line-height: 50px;
color: #ffffff;
font-size: 16px;
font-weight: 600;
border-radius: 2px;
}
.single_step{
height:10em;
}
.step_content p{
font-weight:300;
}
#step .container{
padding-bottom:3em;
}
.orangeR{
border:1px solid #ef832b;
border-radius: 2px;
padding:1em;
text-align:center;
width:50%;
margin:auto;
}





/*
/////////////////////////////
------ Estilos Propios ------
/////////////////////////////
*/
li.active a{
color:#fff!important;
}
li.active:after{
/*
position:absolute;
bottom:0;
left:50%;
margin-left:-5px;
content:'';
width:10px;
height:10px;
border-top:5px solid transparent;
border-left:5px solid transparent;
border-bottom:5px solid #e9ad00;
border-right:5px solid transparent;
*/
}

#owl-demo{
padding-top:7em;
}

.sinPadding nav#navbar{
 background-image:url('../../img/plecaMenu.png');
 background-repeat: no-repeat;
 background-position:left center;
 background-size:cover;
}

.sinPadding{
padding:0;
}
.sinPadding h3{
margin-top:20px!important;
margin-bottom:0!important;
font-weight:lighter;
}
.sinPadding h3 span{
color:#fff;
border-top:1px solid #7d7d7d;
border-bottom:1px solid #7d7d7d;
padding:4px 0;
}
#navbar .nav{
padding-left:6px;
}
#navbar div{
padding-left:0;
}
.navbar-toggle{
float:none;
margin:0;
padding:0.5em!important;
font-size:0.5em;
color:#fff;
}
.navbar-toggle span:before{
position:absolute;
font-size:1.5em;
//background-color:#4db494;
padding:3px 5px;
border-radius:5px;
top:-0.2em;
left:0.7em;
}
.navbar-toggle span{
  color:#000;
}
.navbar-nav>li>a{
color:#fff;
font-size:1em;
padding-top:25px;
//padding-bottom:5px;
}
.toggleMenu{
display:none;
}
.legalesHeader{
text-align:right;
height:100%;
//border:1px solid gray;
}
.legalesHeader li{
font-weight:400;
}
.hero_area header nav#navbar ul.nav li a{
text-transform:uppercase;
font-size:1.1em;
line-height:2em;
color:#73c2f1;
}

.marcasHeader2 .marcasFooter img{
width:80px!important;
margin:0;
}
.marcasHeader2 .marcas1{
margin-left:-0.5em;
}
.marcasHeader2 .marcas1 span a{
padding-right:1em;
padding:0.5em;
}
.marcasHeader2 .marcas2 span a{
  margin:0.5em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.marcasHeader2 .marcas2 span a.piaggio {
	background-image: url(../../img/piaggio.png);
}
.marcasHeader2 .marcas2 span a.vespa {
	background-image: url(../../img/vespa.svg);
}
.marcasHeader2 .marcas2 span a.aprilia {
	background-image: url(../../img/aprilia.svg);
}
.marcasHeader2 .marcas2 span a.guzzi {
	background-image: url(../../img/moto-guzzi.png);
}

.marcasHeader{
background-color:#000;
float:right;
text-align: center;
//overflow:hidden;
}
.marcasHeader .fondoBefore{
  position:relative;
  position:absolute;
  right:100%;
  height:100%;
  overflow:hidden;
}
.marcasHeader .fondoInclinado{
}
.marcasHeader span{
position:relative;
height:100%;
font-size:1.5em;
width:auto;
//border:1px solid gray;
display:inline-block;
//margin:1em 0.7em;
}
.nav>li>a{
padding-left:10px;
padding-left:0.5vw;
padding-right:10px;
padding-right:0.5vw;
}
.marcasHeader span img{
height:37px;
height:4.5vw!important;
width:auto!important;
}
.fondoBlanco{
  position:relative;
  margin-top:-3em;
  z-index:2;
}
.imageMotoOver{
  position:relative;
  z-index:3;
}
.imageMotoOver img{
  position:absolute;
 vertical-align: bottom;
 margin-top:6em;
}
.fondoBlanco .container{
 margin-top:-8em;
  padding:2em 0;
}
.fondoBlanco ul{
  margin:1em 0.5em;
}
.fondoBlanco li{
  list-style-type: none;
}
.agendaCita{
  border:1px solid #00539a;
  color:#00539a;
  margin:1em 0;
}
 .sinPadding h3, .marcasHeader span a{
   padding:1.2em 0.5em;
   border-radius:5em;
 }
  .sinPadding h3, .marcasHeader span a.fa-facebook{
    //padding:0.2em 0.4em!important;
  }
 .sinPadding h3, .marcasHeader span a:hover{
   //background-color:#aaa;
   color:#fff;
 }


/*
-------- Banner -------
*/
.item{
position:relative;
}
.imgBanner{
position:relative;
//z-index:10;
//width:auto!important;
}
.textoBanner{
position:relative;
left:50%;
border:1px solid white;
}
.textoB{
position:absolute;
text-align:center;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:#fff;
}
.textoB h3{
color:#fff;
line-height:1em;
}
.textoB h2{
font-size:3em;
color:#dba300;
line-height:1em;
}
.textoB h3, .textoB h2{
text-transform:uppercase;
//border:1px solid gray;
margin:0;
}
.textoB p{
padding:3em;
line-height:1.3em;
//color:#dba300;
//border:1px solid gray;
}
.btnAbajo{
position:relative;
display:block;
color:#fff;
font-size:3.5em;
bottom:1em;
text-align:center;
margin:auto;
width:1em;
height:1.5em;
border-radius:0.5em;
padding:0.15em 0.2em;
line-height:1em;
border:0px solid white;
}
.btnAbajo:hover{
color:#aaa;
}

.owl-theme .owl-controls{
  position:absolute;
  right:0;
  bottom:0;
  height:100%;
  //padding:3em 0;
}
.owl-theme .owl-controls .owl-page{
  display:block!important;
}
.owl-theme .owl-controls .owl-buttons div{
font-family:Montserrat1;
}
.owl-theme .owl-pagination{
 position:absolute;
 bottom:3em;
 right:0.5em;
}
.owl-theme .owl-pagination span{
background-color:transparent!important;
border:2px solid #fff!important;
}
.owl-theme .owl-pagination div.active span{
background-color:#fff!important;
}

#owl-motos .owl-controls .owl-buttons div{
font-weight:lighter;
display:block;
font-size:2.5em!important;
color:#e4e4e7!important;
background-color: black;
opacity:0.7!important;
margin:0;
padding-left:0.25em;
}
#owl-motos .owl-controls .owl-buttons .owl-prev{
 //left:-0.5em!important;
}
#owl-motos .owl-controls .owl-buttons .owl-next{
 //right:-0.5em!important;
}



#edicion .correoEdicion{
color:#c49a14;
text-transform:lowercase;
}
#edicion h1{
font-size:4em;
//font-family:'Silom';
font-weight:lighter;
font-style: italic;
padding:0.5em 0;
}
#edicion h2{
//margin:3em 0 4em 0;
}
#edicion p:first-child{
margin:3em 0;
padding-right:2em;
font-weight: 200!important;
}
#edicion{
//padding:2em 0em;
line-height:1.5em;
}
#Somos #edicion .container{
background-color:#ebebeb;
}
#SalaPrensa #edicion{
background-color:#000;
padding:0;
padding-top:7em;
}
#Inicio #edicion{
  margin:0!important;
}

#Inicio #edicion .salaPrensa{
padding-top:0!important;
}
#edicion .salaPrensa{
height:100vh;
padding-top:0!important;
}
#edicion .salaPrensa div{
//margin:0;
//padding:0!important;
}

#SalaPrensa #edicion p:first-child{
margin:0;
}
#edicion .container{
width:100%;
margin:0;
padding:0;
//background-color:#ebebeb;
color:#000;
text-transform:uppercase;
position:relative;
}
#edicion .row{
position:relative;
height:100%;
height:auto;
display:block;
//bottom:0;
}
.botonesEdicion{
position:absolute;
bottom:0;
right:0;
width:42.66666%;
float:right;
}
.botonesEdicion div{
display:inline-block;
float:left;
text-align:center;
//margin:0 -16px;
}
.botonesEdicion div a{
color:#fff!important;
padding:1em;
width:100%;
}
.botonesEdicion .mapaEdicion{
background-color:#d19b00;
padding-top:1em;
width:30%;
}
.botonesEdicion .flechaEdicion{
font-size:1.5em;
background-color:#000;
width:70%;
}




/*
/////////////
------ Inicio -------
/////////////
*/

#Inicio .sp90{
background-color:#fff;
}
#Inicio #edicion{
//height:100vh;
height:100%;
padding:0;
}
#Inicio #edicion .container{
background-color:#e3e3e3;
}
#Inicio .botonesEdicion span, #Inicio .botonesEdicion .flechaEdicion, #Inicio .botonesEdicion .mapaEdicion{
padding:0;
font-size:1em;
}
#Inicio .mapaInicio .fa{
font-size:2em;
margin-bottom:5px;
}

#edicion{
//height:100vh;
margin:6em 0 3em 0;
//padding:6em 0;
}
#edicion .container{
//height:100vh;
height:auto;
padding:0;
}
footer{
display:block;
//position:absolute;
bottom:0;
}


/*
---Inicio Banner
*/
#Inicio #owl-motos{
 //background-color:#fda800;
}
#Inicio #owl-motos .owl-item{
  height:100vh;
}
#Inicio .prensaImagen{
  position:absolute;
  top:0%;
  height:auto;
  width:100%;
  padding-top:5em;
}
#Inicio .inicioTitulo,#Inicio .prensaCentral{
  position:absolute;
  //left:3em;
  padding:0 6em;
}
#Inicio .inicioTitulo h1{
  padding:0!important;
}
#Inicio .inicioTitulo{
 bottom:2em;
 width:100%;
}
#Inicio .prensaCentral{
 position:absolute;
 top:5em;
}
#Noticias #edicion{
margin-top:1em;
padding:0;
}
a.btn{
  border-radius:0;
  text-transform:uppercase;
  padding:0.75em 1.75em;
}

#Noticias #edicion{
height:auto;
}
#Noticias footer{
position:relative;
}
#Noticias .prensaLateral .thumbsBotones{
 padding:0;
}
#Inicio .prensaLateral .btnOWL{
 padding:0!important;
}
#Inicio .prensaCentral h3{
 font-size:3em;
 //text-align:center;
}
#Inicio .inicioTitulo h1,
#Inicio .prensaCentral h3,
#Inicio .prensaCentral h3 strong{
 font-weight:lighter;
}
#Inicio .inicioTitulo h1,
#Inicio .prensaCentral h3,
#Inicio .prensaCentral p{
 color:#fff;
}
#Inicio .prensaCentral h3 strong{
 color:#000;
}

/*
---Motos
*/
.modelos{
 background-color:#fff!important;
}
#Modelos #edicion h1{
  font-weight:normal;
  font-style:normal;
  font-size:3em;
 border-bottom:1px solid gray!important;
}
#modelos #edicion{
 padding:6em 0;
}

.motos{
}
.motos p{
  text-align:initial;
  margin-bottom:0.25em;
}
.motos h2, .motos h3{
 font-weight:lighter;
 text-align:initial;
}
.motos h2{
  color:#999;
}
.motos h3{
  font-size:1.3em;
  padding:0;
  margin:0;
  color:#333;
}
.motos img{
display:inline!important;
width:200px!important;
}

/*
* Servicios
*/
.pager{
 position:relative;
 background-color:#000;
 margin:0;
}
.centrado{
 position:absolute;
 bottom:30%;
 left:50%;
 transform:translateX(-50%);
}
.Cita{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:3em;
  text-align:right;
}
.Cita h1{
  color:#fff;
  font-size: 4em;
  font-weight:normal;
  font-style: normal;
}
.Cita h1 strong{
  font-size:0.88em;
}
#Sevicios #pager2{
  background-color: #0080c6;
}
#Sevicios #pager2 li{
  display: block;
  color:white;
}
#Sevicios h2{
  color:white;
  text-transform: uppercase;
  font-weight: lighter;
}
.btnCita{
  font-style: italic;
}
.btnCita:hover{
  color:#fff;
}
.btnCita:hover .btnCirculo{
  border:1px solid white!important;
}
.btnCirculo{
  border:1px solid gray;
  border-radius:5em;
  padding:0.2em 0.5em;
  line-height:1.1em;
 margin:0 0.5em;
}
.botonBorde{
 text-transform:uppercase;
 border:2px solid gray;
}
.botonBorde:hover{
color:#eee;
 border:2px solid #eee;
}
.centrado .botonBorde{
 padding: 0.25em 4em;
}
.btnAbajo{
 position:absolute;
 bottom:0;
 left:50%;
 z-index:2;
 transform:translateX(-50%);
}
.btnAbajo .botonBorde{
 padding: 0.05em 0.25em;
 border-radius:5em;
}
.scroll2{
 padding: 0.05em 0.75em;
 border-radius:5em;
 border:3px solid #eee;
 background-color:#eee;
 background-color:transparent;
 color:#eee;
 opacity:0.5;
}
#pager1{
padding-top:5em;
}
#pager2{
text-align:left;
padding:4em 3em;
}
#pager2 .row{
  padding:4em 0;
}
#pager2 h1{
color:#a3a3a3;
color:#333;
font-weight:400;
}
#pager2 hr{
 border-top:1px solid gray;
}
#pager2 p{
color:#eee;
font-weight:300;
}
#pager2 ul{
  font-weight: lighter;
  margin: 2em 0.5em;
}
#pager2 ul li{
  padding:0.25em 0;
}

#fondoNegroSeccion{
background-color:#000;
margin-bottom:9em;
}



/*
* Contacto
*/
.contactMap{
 position:absolute;
 top:0;
 z-index:1;
 height:40em;
 height:100%;
 width:100%;
}
.contactMap iframe{
 //height:40em;
}

#Contacto #pager1,
#Inicio #pager1{
padding:0;
margin-top:5em;
background-image:url('../../img/ContactoMoto.jpg');
background-size:cover;
position:relative;
}
#Inicio #pager1{
margin-top:0;
}
#Contacto .contact,
#Inicio .contact,
#Historia .historiaImagen{
  min-height:780px;
 background-color: #0068a9; /* Old browsers */
background: -moz-linear-gradient(top, #2989d8 0%, #207cca 31%, #1e5799 72%, #1e5799 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2989d8 0%,#207cca 31%,#1e5799 72%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2989d8 0%,#207cca 31%,#1e5799 72%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#1e5799',GradientType=0 );
}
#Contacto .contact .container,
#Inicio .contact .container{
 width:auto;
 padding-bottom: 28px;
}
#Contacto .contact h2,
#Inicio .contact h2{
  margin:2em;
 font-weight:300;
 text-transform: uppercase;
 color:#fff;
 font-size:2em;
 text-align:left;
}
#Contacto .contact form,
#Contacto .contact p,
#Inicio .contact form,
#Inicio .contact p{
  margin:0 4em;
  color:#fff;
  text-align:left;
  font-weight:300;
}
#Contacto .contact input::-webkit-input-placeholder,
#Contacto .contact textarea::-webkit-input-placeholder,
#Inicio .contact input::-webkit-input-placeholder,
#Inicio .contact textarea::-webkit-input-placeholder{
 color:#eee;
}
#Contacto .contact input::-moz-placeholder,
#Contacto .contact textarea::-moz-placeholder,
#Inicio .contact input::-moz-placeholder,
#Inicio .contact textarea::-moz-placeholder
{
 color:#eee;
}
#Contacto .contact input:-moz-placeholder,
#Contacto .contact textarea:-moz-placeholder,
#Inicio .contact input:-moz-placeholder,
#Inicio .contact textarea:-moz-placeholder{
 color:#eee;
}
#Contacto .contact input:-ms-input-placeholder,
#Contacto .contact textarea:-ms-input-placeholder,
#Inicio .contact input:-ms-input-placeholder,
#Inicio .contact textarea:-ms-input-placeholder{
 color:#eee;
}
#Contacto .contact input,
#Contacto .contact textarea,
#Inicio .contact input,
#Inicio .contact textarea{
  text-transform: uppercase;
 font-style: italic;
 background-color: transparent;
 color:#fff;
 width:100%;
 display:block;
 border:0;
 border-bottom:1px solid #57c9ff;
 padding:0.5em;
}
#Contacto .contact input[type="submit"],
#Inicio .contact input[type="submit"]{
 border:1px solid #57c9ff;
 margin:1.5em 0;
 font-style: normal;
}

#Contacto {

   background-color: #0068a9; /* Old browsers */
background: -moz-linear-gradient(top, #2989d8 0%, #207cca 31%, #1e5799 72%, #1e5799 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2989d8 0%,#207cca 31%,#1e5799 72%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2989d8 0%,#207cca 31%,#1e5799 72%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#1e5799',GradientType=0 );
}
#Contacto #pager1 .row > div,
#Inicio #pager1 .row > div{
 padding:0!important;
}
#Contacto #pager1 iframe,
#Inicio #pager1 iframe{
height:100%;
}
#Contacto #pager1 img,
#Inicio #pager1 img{
width:100%;
}
#Contacto .contactForm,
#Inicio .contactForm{
background-color:rgba(0,0,0,0.5);
padding:2em;
}
#Contacto .contactForm input,
#Inicio .contactForm input{
text-transform:uppercase;
}
#Contacto .contactForm h1,
#Inicio .contactForm h1{
color:#eee;
text-align:left;
text-transform:uppercase;
font-weight:lighter;
font-size:2em;
padding:0.5em 0;
}
#Contacto .contactForm textarea,
#Inicio .contactForm textarea{
height:10em;
}
#Contacto .contactForm input,
#Contacto .contactForm textarea,
#Inicio .contactForm input,
#Inicio .contactForm textarea{
width:100%;
display:block;
margin:0.5em 0;
margin-top:1em;
padding:0.25em 0;
background-color:transparent;
color:#aaa;
border:0;
border-bottom:1px solid #aaa;
}
#Contacto .contactForm input[type='submit'],
#Inicio .contactForm input[type='submit']{
border:1px solid #aaa;
margin:5em 0;
color:#eee;
}


/*
* Tradicion
*/
#Tradicion h1{
 font-size:4em;
 color:#fff;
 font-weight:lighter;
 text-transform:uppercase;
}
#Tradicion h1 hr{
 border:2px solid #ffae04;
 width:1em;
}
#Tradicion h2{
 font-size:1.5em;
 font-weight:400;
 color:#999;
}
#Tradicion .marginTopNeg{
 margin-top:-28em;
}
#Tradicion .pager{
background-color:#fff;
}
#Tradicion .pager p{
 color:#000;
 line-height:1.5em;
}
.btnFixed{
 position:fixed;
 right:1em;
 bottom:1em;
 z-index:3;
}
.btnFixed .scroll2{
 background-color:#999;
 color:#eee;
 opacity:0.7;
}



/*
* Detalle
*/
#Detalle .pager{
background-color:#fff!important;
color:#000;
}
.gingerbread{
padding:3em 4em;
 text-align:left;
}
.gingerbread .active{
 color:#ffce00;
}
.colores{
 float:right;
}
.colores h4{
 color:#bbb;
 text-transform:uppercase;
 font-size:1em;
 font-weight:ligther;
}
.colores .color{
 width:3em;
 height:3em;
}
.giaccio{
 background-color:#ffce00;
}
.colores div{
 color:#bbb;
 margin-right:0.5em;
 line-height:1.3em;
 display:table-cell;
 padding:0 0.5em;
 vertical-align:bottom;
}
#Detalle #pager1 .nombreModelo{
 position:absolute;
 z-index:2;
}
#Detalle #pager1 .nombreModelo h1{
  margin-bottom:0;
}
#Detalle #pager1 .nombreModelo h2{
  margin-top:0!important;
}
#Detalle #pager1 .botonesMoto{
  position:fixed;
  z-index:2;
  left:3em;
  margin-top:9em;
}
#Detalle #pager1 .botonesMoto span{
  position:relative;
  display:block;
  margin:0.75em auto;
}
#Detalle #pager1 .botonesMoto span a:after{
  top:1em;
  left:105%;
  position:absolute;
  color:#a3a3a3;
}
#Detalle #pager1 .botonesMoto .motoImg a:hover:after{
  content:'Precio';

}
#Detalle #pager1 .botonesMoto .infoBtn1 a:hover:after{
  content:'Specs';
}
#Detalle #pager1 .botonesMoto .infoBtn2 a:hover:after{
  content:'Descripción';
}
#Detalle #pager1 .botonesMoto .infoBtn3 a:hover:after{
  content:'Galería';
}
.disclaimer{
 font-size:0.8em;
}
.disclaimer:before{
 content:'*';
 margin-right:1em;
}

#Detalle #pager1 .botonesMoto a{
  width:3em;
}
#Detalle #pager1 .botonesMoto a:hover{
  width:3.5em;
}

#Detalle #pager1 h1{
text-align:left;
color:#000;
font-size:3em;
font-weight:400;
margin-bottom:0.5em;
}
#Detalle #pager1 h2{
  font-style:italic;
  font-weight:400;
 text-align:left;
 color:#0077bd;
 font-size: 32px;
}

#Detalle #pager1 .galeriaModelo
{
 position:absolute;
 z-index:2;
 top:25%;
 right:0;
}
#Detalle #pager1 .galeriaModelo .modeloIMG
{
 display:inline-block;
 background-color: #e0e0e0;
 margin:0.5em;
 padding:0.85em 0.5em;
 border-radius:5em;
}
#Detalle #pager1 .galeriaModelo span{
 text-transform: uppercase;
 font-weight:300;
 font-size:0.8em;
 color:#a3a3a3;
}


.botonBuscar,
.botonBuscar2{
padding:0;
border:2px solid #666;
}
.botonBuscar2{
 margin-top:1em;
}
.botonBuscar a,
.botonBuscar2 a{
 width:100%;
}
.botonBuscar input,
.botonBuscar a,
.botonBuscar2 a{
 padding:0.5em 0.1em;
 border:0;
}

.ubicacionConcesionario .botonBuscar{
 opacity:0.5;
 }
.ubicacionConcesionario .botonBorde{
 border:0;
}
.botonBuscar2{
opacity:0.8;
}
.ubicacionConcesionario .botonBuscar a:hover{
opacity:1;
}
.botonBuscar a:hover{
color:#666;
}
.botonBuscar2 a:hover{
color:#333;
}
.botonBuscar span,
.botonBuscar input,
.botonBuscar button{
 display:inline;
 font-size:1em;
 border:0;
}
.botonBuscar input{
 margin:0.05em 0;
 width:80%;
 text-align:left;
}
.botonBuscar button{
margin:0.35em 0;
width:2em;
border:0;
background:transparent;
position:absolute;
right:0;
top:0;
}
.botonBuscar button.fa{
padding:0.25em 0;
}
#pager4 .row{
  padding:3em;
  position:relative;
}
#pager4 .zoomboton{
 position:absolute;
 right:6em;
 font-size:2em;
 font-weight:normal;
 z-index:2;
}
#pager4 .zoomboton .fa-search-plus:before{
 font-size:1.3em;
}
.imagenesDetalles{
 padding:0;
}
.imagenesDetalles .owl-controls{
 width:100%;
}
.imagenesDetalles .owl-buttons div:before{
  content:'';
}
.imagenesDetalles .owl-controls{
  position:static!important;
}
.imagenesDetalles .owl-controls .owl-buttons div{
  color:#666!important;
  font-size:3em!important;
  font-weight:bold;
  border-radius:5em!important;
  padding:0.25em 0.35em!important;
  border:3px solid #666;
  background-color: transparent!important;
}
.imagenesDetalles .owl-controls .owl-buttons div:hover{
 color:#0091d5!important;
 border:3px solid #0091d5;
}

.imagenesDetalles .owl-controls .owl-prev{
 left:0;
 right:initial!important;
}

#Detalle #pager2{
 padding:0;
 padding-bottom:3em;
}
#Detalle #pager2 h2{
 text-transform:uppercase;
 font-size:2em;
 color:#000;
 font-weight:lighter;
 margin:0;
}
#Detalle #pager2 h3{
 font-size:1.5em;
 color:#999;
 font-weight:lighter;
 margin:0.25em 0;
}
#Detalle p{
 color:#333;
 line-height:1.75em;
}
.botonBuscar .fa{
 color:#ffc361;
 font-size:1.5em;
 float:right;
 padding:0.25em 0.75em;
}
.botonBuscar .fa:first-child{
 float:left;
 font-size:1em;
 padding-top:0.55em;
}

 #Detalle footer{
  position:relative;
 }



 /*
 * tituloMoto
 */
#Promociones .motos{
  position:relative;
}
#Promociones .motos .tituloMoto{
 top:50%!important;
 transform:translateY(-25%);
}
.tituloMoto{
 position:absolute;
}
div.tituloMoto h1,
div.tituloMoto h2,
div.tituloMoto h3{
 margin:0!important;
 padding:0!important;
 text-align:right;
 font-style: normal!important;
}
div.tituloMoto h3{
  color:#00539a;
  font-weight:300;
}
div.tituloMoto h1{
  font-weight:400!important;
}
div.tituloMoto h2,div.tituloMoto h1{
  color:#d1d1d1;
}
div.tituloMoto h2{
  line-height:0.8em;
  color:#d1d1d1;
  font-weight:200;
  font-size:5em;
  margin-bottom:0.15em!important;
}
div.tituloMoto a{
 float:right;
}

/*
* Historia
*/
#Historia #pager1,#Contacto #pager1{
  background-color: white;
}
.historiaInfo{
  background-color: #fff;
  padding: 0;
}
.historiaInfo .row{
  background-color: white!important;
  padding:3em 6em;
  text-align:left;
  font-weight:300;
  max-height:860px;
  overflow:auto;
}
.historiaInfo h1{
  font-weight:200;
  font-size:4.5vw;
  margin-top:0;
  text-transform: uppercase;
}
.historiaInfo h3{
  padding: 0;
  margin:0;
 color:#0080c6;
 font-weight:300;
}



/*
* AUDACE
*/
.cNero{
background-color:#333333;
}
.cRoso{
background-color:#ae2018;
}

.accesorios{
margin-top:3em;
}
.accesorios ul li{
display:block;
font-weight:300;
}

/*
* V9 BOBBER
*/
.massiccio{
background-color:#333333;
}
.grigio{
background-color:#7c7c7c;
}

/*
* V9 BOBBER
*/
.intenso{
background-color:#7c7c7c;
}
.ruvido{
background-color:#000000;
}



/*
----- Experiencia-----
*/
#Experiencia{
background-image:url('../../img/mapaMexico.png');
background-position:top center;
background-repeat:no-repeat;
background-size: 60% auto;
position:relative;
text-transform:uppercase;
}
#Experiencia h2{
}

#Experiencia h2{
line-height:1.5em;
}
#Experiencia p{
margin-top:5em;
text-transform:initial;
font-size:1.5em;
}
#Experiencia .expeienciaTexto{
color:#000;
position:relative;
left:50%;
transform:translateX(-50%)!important;
text-align:center;
}
.distribuidor{
margin-top:10em;
}
.distribuidor div{
height:100px;
//margin:0;
padding:0 3em;
display:inline-block;
//border:1px solid gray;
}
.distribuidor div img{
//float:left;
//padding:1em;
}
.distribuidor div span{
text-align:left;
position:relative;
top:50%;
transform:translateY(-50%);

}



/*
/////////////
------ Quienes somos -------
/////////////
*/
#Somos #edicion, #Estilo #edicion{
padding:0;
margin-top:7em;
}
#Somos #edicion h2{
font-weight:bolder;
margin:1em 0;
}
.acercadeContenido{
padding:1em;
padding-right:3.5em;
color:#696969!important;
font-size:0.9em;
text-transform:initial;
}
.marcasSomos{
margin-top:8em;
padding:0.5em;
text-transform:uppercase;
border-top:1px solid #a3a3a3;
border-bottom:1px solid #a3a3a3;
}
.marcasSomos span{
margin:0em;
padding-right:1em;
}
.marcasSomos span a{
text-align:center;
font-size:1em;
//width:2em;
height:2.3em;
background-color:#a3a3a3;
color:#fff;
padding:0.7em;
border-radius:10em;
}
.marcasSomos span:nth-child(2) a{
padding-left:0.9em;
padding-right:0.9em;
}
.marcasSomos span:nth-child(4) a{
padding-left:0.5em;
padding-right:0.5em;
}
.marcasSomos span a:hover{
background-color:#999;
}


/*
/////////////////////
------ Estilos -------
/////////////////////
*/
.fondoBlancoMenu,.fondoBlanco{
background-color:#fff;
}
.fondoNegro div{
//background-color:#000;
line-height:2em;
//padding:0 0.75em;
}
.marcasHeader{
//text-align:right;
//padding-right:2em;
}
.marcasHeader2{
text-align:center;
//background-color:#052435;
margin:1vh;
}
.marcasHeader2 .marcas2 span a{
display:inline-block;
//padding:1em 0.3em 0.3em 0.3em;
padding:1vh 2vh;
width:10vh;
height:12vh;
}
.marcasHeader2 .marcas2 img{
height:10vh!important;
}
.marcasHeader2 .marcas2 span{
margin-right:1em;
}
.marcasHeader2 .marcas2 hr{
width:12em;
color:#515151;
border-top:1px solid #515151;
margin-bottom:2.5em;
}
.marcasHeader2 .marcas2 span:nth-child(1){
background-color:#e60000;
}
.marcasHeader2 .marcas2 span:nth-child(2){
background-color:#a5c7ba;
}
.marcasHeader2 .marcas2 span:nth-child(3){
background-color:#1d1d1b;
}
.marcasHeader2 .marcas2 span:nth-child(4){
background-color:#137ab1;
}
.marcasHeader2 .marcasFooter img{
width:80px!important;
margin:0;
}
.marcasHeader2 .marcas1{
margin-left:-0.5em;
}
.marcasHeader2 .marcas1 span a{
padding-right:1em;
padding:0.5em;
}




/*
/////////////////////////////
------ Estilos Motos -------
/////////////////////////////
*/
#Estilo #edicion .container{
color:#fff;
}

/*
/////////////////////////////
------ Estilo Guzzi -------
/////////////////////////////
*/
.estiloGuzzi .row{
background-color:#1d1d1b;
}
.estiloGuzziContenido{
padding:4em;
padding-left:2em;
}

/*
/////////////////////////////
------ Estilo Aprillia -------
/////////////////////////////
*/
.estiloAprillia .row{
background-color:#e60000;
}
.estiloAprilliaContenido{
padding:4em;
padding-left:2em;
}

/*
/////////////////////////////
------ Estilo Piaggio -------
/////////////////////////////
*/
.estiloVespa .row{
background-color:#a5c7ba;
}


/*
/////////////////////////////
------ Estilo Piaggio -------
/////////////////////////////
*/
.estiloPiaggio .row{
background-color:#127ab3;
}
.estiloPiaggioContenido{
padding:1em;
text-transform:initial;
font-weight:300;
}
.motosEstilo{
text-transform:uppercase;
position:absolute;
text-align:center;
font-size:2.5em;
line-height:2em;
right:2%;
width:101%;
background-color:#01507c;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
}
.motoFloat{
position:absolute;
bottom:1em;
left:10%;
}


/*
/////////////////////////////
------ Sala de Prensa -------
/////////////////////////////
*/
#SalaPrensa #edicion div, #Promociones #edicion div{
padding:0;
margin:0;
//overflow:hidden;
}
.salaPrensa .row, .step_area, .sp90{
text-transform:initial;
//background-color:#e3e3e3;
padding:0;
}
.salaPrensa h3{
color:#127ab3;
}
.salaPrensa hr{
border-bottom:1px solid #9e9e9e;
}
.prensaImagen{
padding-left:0;
padding-right:0;
}
.prensaImagen img{
width:90vh!important;
margin:1em auto;
margin-top: 5em!important;
}
.prensaCentral{
 font-weight:300;
//padding:1.5em 2em!important;
}
.prensaLateral{
 position:relative;
min-height:60vh;
//padding-top:0.5em!important;
position:relative;
color:#fff;
padding:0;
margin:0;
}


/*
////////////////////////////////////////////
------ Botones Banner Sala de Prensa -------
////////////////////////////////////////////
*/
.botonBannerAbajo{
position:absolute;
bottom:0;
 background-color:#000;
 opacity:0.75;
 text-align:center;
}
.botonBannerAbajo span{
display:block;
 width:100%;
cursor:pointer;
padding:1em;
color:#fff;
font-size:2em;
font-weight:light;
}

.thumbsBotones p{
text-transform:initial;
color:#ddd;
line-height:1.5em;
margin:0!important;
}
.thumbsBotones h3{
padding:0;
margin:0;
margin-bottom:1em;
color:#fff;
font-size:1.2em;
}
.thumbsBotones{
//min-height:9em;
//height:12em;
}
.thumbsBotones img{
//height:9em;
}
.thumbsBotones div{
padding:0;
}
.textoBoton{
padding:0.5em 1em!important;
}
.btnOWL{
cursor:pointer;
}
/* Color de Fondo de las imagenes de la barra lateral tipo boton para pasar el carrusel */
.prensaLateral div:nth-child(1) div.thumbsBotones{
background-color:#127ab3;
}
.prensaLateral div:nth-child(2) div.thumbsBotones{
background-color:#c3c3c3;
}
.prensaLateral div:nth-child(3) div.thumbsBotones{
background-color:#127ab3;
}
.prensaLateral div:nth-child(4) div.thumbsBotones{
background-color:#c3c3c3;
}
/*
//////////////////////////
------ Promociones -------
//////////////////////////
*/
#Promociones #owl-motos .owl-controls{
  position:static!important;
  width:100%;
  border:1px solid gray;
}
#Promociones #owl-motos .owl-controls .owl-buttons{
  width:100%!important;
  position:static;
  border:1px solid gray;
}
#Promociones #owl-motos .owl-controls .owl-buttons div{
  background:transparent!important;
  font-size:3em!important;
  font-weight: lighter!important;
}
#Promociones #owl-motos .owl-controls .owl-buttons .owl-prev{
 right:initial!important;
 left:0.5em;
 margin:0!important;
}
#Promociones #owl-motos .owl-controls .owl-buttons .owl-next{
 right:0.5em!important;
 margin:0!important;
}
#Promociones #edicion .owl-controls .owl-buttons{
  width:100%!important;
  border:1px solid gray;
}
#Promociones #edicion .owl-motos{
color:#434343;
}


#Promociones .prensaCentral .marcasSomos{
font-size:1.2em;
padding:0.5em 0!important;
margin-top:6em!important;
margin-bottom:3em!important;
}

#edicion p {
    text-transform: initial;
    margin: 2em 0;
    line-height: 1.5em;
}
style.css:3193
.prensaCentral p {
    font-weight: 200!important;
}

/*
//////////////////////////
------ Promociones -------
//////////////////////////
*/
.contactoContenido{
padding:0 3em;
padding-bottom:2em;
color:#696969;
text-transform:initial;
}
.contactoContenido .marcasSomos{
margin-top:1em;
}
#contactForm, #contactForm fieldset, #contactForm fieldset div{
text-transform:uppercase;
padding:0;
margin:0;
}
#contactForm fieldset div{
padding-right:1em!important;
}
#contactForm input, #contactForm textarea{
background-color:#fff;
padding:0.7em 0.5em;
width:100%;
border:1px solid #ddd;
border-radius:5px;
margin-bottom:2em;
}
#contactForm textarea{
height:6em;
}
#contactForm input[type='submit']{
background-color:#6ecdb1;
color:#fff;
border:0;
}
#contactForm input[type='submit']:hover{
background-color:#a12e21;
color:#eee;
}


/*
----Footer-----
*/
footer{
//background-color:#000;
//display:table;
color:#fff;
//position:absolute;
//position:relative;
//bottom:0;
width:100%;
}
footer .row{
 margin:1em 3em;
 padding:0.5em 0;
 border-top:1px solid #a3a3a3;
 border-bottom:1px solid #a3a3a3;
}
footer .row > div{
 padding:0;
}
 footer ul.nav-footer{
 float:right;
 margin:0;
}
 footer ul.nav-footer li a{
 color:#a3a3a3;
 padding:1em 0.5em;
 text-transform:uppercase;
}
 footer ul.nav-footer li{
 display:inline-block;
 list-style-type:none;
}
 footer ul.nav-footer li a:hover{
   color:#333;
 }

 prensaCentral p {
    font-weight: 200!important;
}

footer, footer strong{
color:#a3a3a3;
}
footer a, footer strong{
color:#000;
}
footer .legales span{
display:block;
font-weight:lighter;
}
footer .legales{
text-transform:uppercase;
font-size:0.9em;
line-height:1.7em;
}
footer ul.footer_social{
padding:0.6em;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}


/*
=================
Estilos General
=================
*/
.hero_area header nav#navbar ul.nav li a{
 font-size:1.2em;
}
.marcasHeader .fondoBefore{
background-image:url('../../img/plecaMenu.svg');
background-position:left center;
  position:relative;
  position:absolute;
  right:100%;
  width:5em;
  height:100%;
  overflow:hidden;
}

#Carrousel .close span{
  border-radius:10em;
  padding:1em 1.2em;
  margin:0.5em;
  background-color:#ee0600;
  color:#fff;
  z-index:99999999;
}

#Carrousel .col-md-12{
 padding:0;
}

#Carrousel img{
 background-color:white;
  width:100%!important;
  height:auto!important;
}
#Carrousel .botonCerrarClase{
 background-color: transparent;
}
.imagenesCarrousel .owl-controls .owl-buttons div{
  margin:0 0.5em;
 //margin:-1.5em!important;
}
#Carrousel .modal-content{
  background-color: transparent;
  box-shadow:0 0 0 transparent;
  border:0;
}
#Carrousel .modal-dialog{
 margin:0 auto;
 top:50%;
 left:50%;
 position:absolute;
 
 transform:translate(-50%,-50%)!important;
 -ms-transform:translate(-50%,-50%)!important;
 -webkit-transform:translate(-50%,-50%)!important;
 -webkit-transform: translateX(-50%)!important;

}
#Detalle .owl-prev{
 margin-top:0!important;
 left:0;
}
.marcasFooter{
 float:left!important;
 padding-left: 15px;
}


#Detalle .precioMoto{
  position:absolute;
  right:-1em;
  margin-top:6em;
  padding:0 0.5em;
  background-color:rgba(250,250,250,0.5);
}
#Detalle .precioMoto h2{
  color:#111!important;
  font-style: normal!important;
}
.impar{
  background-color: #f1f1f1;
  margin:2em 0;
}

/*
* Table
*/
#Detalle table{
  width:25em;
}
#Detalle tr{
  color:gray;
  line-height:1.3em;
}
#Detalle td:nth-child(2){
  border-left:1px solid gray;
    padding:0.5em;
}
#Detalle tr td{
  padding:0.5em 0;
}
#Detalle tr strong{
 color:#111;
}
#Detalle tbody tr{
  border-bottom:1px solid gray;
}
#Detalle tbody td:nth-child(1){
 width:12em!important;
}
#Detalle tfoot tr:nth-child(2){
  border-top:1px solid gray;
 //width:30em;
}

#Marcas h4{
 color:#fff;
}
.marcasHeader2{
text-align:center;
//background-color:#052435;
margin:1vh;
}
.marcasHeader2 .marcas2 span a{
display:inline-block;
//padding:1em 0.3em 0.3em 0.3em;
padding:1vh 2vh;
width:10vh;
height:7vh;
}
.marcasHeader2 .marcas2 img{
height:10vh!important;
}
.marcasHeader2 .marcas2 span{
margin-right:1em;
}




/*
//////////////////////////////
-------- Responsivo ----------
//////////////////////////////
*/

@media only screen and (min-width : 0px) and (max-width : 480px) {
/* moviles vertical */

.marcasHeader span{
  margin-left:0.6em!important;
  margin-right:0.6em!important;
 }
 .owl-carousel .owl-item img{
  width:auto!important;
 }
}


@media only screen and (min-width: 767px) and (max-width: 768px){
.marcasHeader{
text-align:left;
padding-right:1em;
}
.sinPadding h3, .marcasHeader span{
margin-top:0.5em!important;
text-align:left!important;
}
.toggleMenu{
display:none;
position:absolute;
right:0;
top:4em;
}
.navbar-collapse{
display:block;
height:auto;
}
}

@media only screen and (max-width: 991px) and (min-width: 0px){
  .toggleMenu{
    DISPLAY: block;
    top: 15px;
    right: 0px;
    position: fixed;
  }
  #Detalle #pager1 h2{
 
 font-size: 14px;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px){
.h1, h1{
  font-size:30px;
}
#Detalle #pager1 h2{
 
 font-size: 14px;
}
.coloresDisponibles{
  top: 115%;
  z-index: 2;
}
/* moviles horizontal */
.hero_area header a.logo{
display:block;
}
.hero_area header a.logo img{
 height:35px!important;
 margin:0;
}
.sinPadding h3{
margin-top:0!important;
}
.toggleMenu{
display:block;
position:absolute;
right:0;
top:1em;
}
#mapaMotoPlex{
width:100%!important;
}
.expeienciaTexto{
padding-bottom:4em!important;
}
.botonBannerAbajo{
 bottom:initial;
 right:0;
 padding:1em;
 height:8em;
}
.botonBannerAbajo span{
 padding:0.9em 1.5em;
 height:100%;
}
#edicion .container{
 padding:0;
 //height:auto;
}
#Inicio .inicioTitulo h1{
  display: inline-block;
  font-size:2em;
}
#Inicio .prensaCentral h3{
 font-size:2em;
}
#Inicio .prensaImagen{
  padding-top:0;
  height:100vh;
}

#Inicio .prensaImagen img{
 padding:3em;
 float:right;
 height:85vh;
}
#Inicio .inicioTitulo, #Inicio .prensaCentral{
  padding:1em;
}
#owl-motos{
//padding:2em;
}
.motos{
padding:1em;
}

#Detalle table{
  width:100%;
}
#Detalle tbody td:nth-child(1){
  width:8em!important;
}
#Detalle tbody td:nth-child(2){
  //width:8em!important;
}

#Tradicion h1{
font-size:3em;
}
#Tradicion .marginTopNeg{
 margin-top:-16em;
 margin-bottom:-10em;
}
#Tradicion .marginTopNeg img{
margin-top:2em;
}

.gingerbread{
text-align:center;
margin-top:1em;
padding-bottom:0;
}
.colores{
float:none;
margin:0;
padding:0;
margin-top:2em;
}
.colores div{
padding:0;
}
.colores div .textoColor{
font-size:0.8em;
text-align:left;
padding:0 0.5em;
}
.colores div .color{
display:table-cell;
}
.colores .imgMotos{
 display:block;
 margin:2em 0;
}
.colores h4{
text-align:left;
}
#Detalle .galeriaModelo{
 top:0!important;
}
#Detalle .precioMoto{
  right: -3px;
  margin-top: 1em;
}
#Detalle #pager1 .botonesMoto{
 left:0!important;
}
#Detalle #pager1 h1{
font-size:10vw;
margin-bottom:2em;
}
#Detalle #pager1 .nombreModelo{
  position:relative;
}
#Detalle #pager1 .botonesMoto{
  margin-top:0;
}
#Detalle #pager1 .botonesMoto span a:after{
position:relative;
  margin:auto;
  left:0;
  top:0;
}
#Carrousel .botonCerrarClase{
 position:absolute;
 display:inline-block;
 right:0;
 z-index:9999;
}
#Carrousel .modal-dialog{
 position:relative;
}
.imagenesDetalles{
padding:0;
}
#pager4 .zoomboton{
  position:relative;
  right:0;
  font-size:1em;
}
#pager4 .zoomboton a{
float:right;
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
 //left:-2em;
}
.owl-theme .owl-controls .owl-buttons .owl-next{
 //right:-2em!important;
 margin-top:-0.5em;
}

.imagenesDetalles .owl-controls .owl-buttons div{
  font-size:1.5em!important;
  font-weight:normal!important;
  padding:0.05em 0.5em!important;
  border:1px solid #999;
}

.botonBuscar span{
font-size:0.8em;
}
#Detalle #pager2{
 padding:2em;
}


#owl-motos .owl-controls .owl-buttons div{
font-size:2.5em!important;
}
#owl-motos .owl-controls .owl-buttons .owl-prev{
//left:-0.1em!important;
}
#owl-motos .owl-controls .owl-buttons .owl-next{
//right:-0.1em!important;
}

#edicion .row, #edicion .heightColumn{
height:auto;
}
.centrado .botonBorde{
font-size:2vw;
padding:0.2em 2em;
}
.btnAbajo{
 font-size:2em;
 margin-left:-0.3em;
}

#Contacto #pager1{
 margin-top:2em;
}

footer{
display:table;
 position:relative;
 text-align:center;
}
 .navbar-collapse{
  //display:none;
 }
 .hero_area header nav#navbar {
  position: absolute;
  width: 320px;
  padding:0.5em 0;
  padding:0;
  background: #000;
  z-index: 2;
  right: 0px;
  top: 45px;
  border:0;
 }
 .hero_area header nav#navbar {
  width: 100%;
 }
 .hero_area header nav#navbar ul.nav li a{
  font-size:0.8em!important;
  padding:0.5em!important;
  line-height:2em!important;
 }
 .hero_area header nav#navbar{
  top:0;
  height:100vh;
  padding-bottom:3em;
 }
 .hero_area header nav#navbar div{
  padding-right:0!important;
 }
 #navbar .nav{
  padding-left:0!important;
 }
 .hero_area header nav#navbar ul.nav li a{
  width:100%;
  text-align:center!important;
 }
 .hero_area header nav#navbar ul.nav li {
  display:inline-block!important;
  width:100%;
  display: block;
  //border: 1px solid #333;
  margin: 0;
 }
 .hero_area header nav#navbar ul.nav li ul {
  border: none;
 }
 .hero_area header nav#navbar ul.nav li ul li {
  border: 1px solid #d2d2d2;
 }
 .hero_area header nav#navbar ul.nav li a {
  font-weight: normal;
  text-transform: uppercase;
  text-align:left;
  color: #fff;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  //padding: 0 10px;
  padding:1em!important;
  line-height: 1.5em;
  font-size:1em!important;
  display: inline-block;
 }
 .hero_area header nav#navbar ul.nav li a{
  display:inline-block;
  width:100%;
  color: #57a991;
  display: block;
  margin: 0;
  padding: 0 15px;
 }
 .hero_area header nav#navbar ul.nav li a:hover{
  color: #ffffff;
  background-color: #69cdb0;
 }
 .hero_area .home_area .home_text h1{
  font-size: 30px;
 }
 .hero_area .home_area .home_text p{
  font-size: 14px;
  line-height: 26px;
 }
 .hero_area .home_area .home_text p br{
  display: none;
 }
 .hero_area .home_area .home_text a.video_btn{
  margin-top: 15px;
 }
 .hero_area .home_area .home_text a.video_btn span{
  font-size: 15px;
 }

 .fondoNegro div{
  line-height:2em;
  padding:0.75em;
 }
 .toggleMenu{
  //display:block!important;
  position:fixed;
  right:0;
  top:0;
 }
 .marcasHeader{
  background-color:transparent;
  //float:none;
  text-align:center;
  margin:auto;
 }
 .marcasHeader .fondoInclinado{
  display:none;
 }
 .thumbsBotones{
  height:auto;
 }
 .collapse.in{
  //display:show;
 }
 .navbar-collapse ul{
   display:initial!important;
 }
 .textoB{
  width:90%!important;
  top:45%!important;
  font-size:0.8em;
  font-size:1.5vw;
  margin-top:0;
 }
 .cta_area .cta_content .h1 {
  font-size: 25px;
  line-height: 30px;
 }
 .cta_area .cta_content .h1 br{
  display: none;
 }
}

@media only screen and (min-width: 0px) and (max-width: 991px) {
  #Detalle #pager1 h2{
 
 font-size: 14px;
}
/* tabletas 1 */
#pager1{
padding:1em 0;
}
.estiloPiaggioContenido{
text-align:center;
padding-bottom:8em;
}
#mapaMotoPlex{
 width:100%!important;
}
#Somos #edicion .acercadeContenido{
padding:4em;
}
#Promociones .prensaCentral .marcasSomos{
font-size:0.9em;
}
 .sinPadding{
  padding:0!important;
  margin:0;
  text-align:center!important;
 }

 .sinPadding h3, .marcasHeader span{
  text-align:center;
  //font-size:3vw!important;
  margin-top:0;
  //padding:0.4em;
 }
 #Detalle #pager1 .nombreModelo{
   position:relative;
   //margin-top:5em;
 }
 .historiaInfo .row{
  padding:3em 0;
  margin:3em;
 }
.historiaInfo h3{
  font-size: 4vw;
}
.historiaInfo h1{
  font-size: 7.5vw;
  margin-bottom:1em;
}
  .sinPadding h3, .marcasHeader span a{
    padding:0.5em;
    border-radius:5em;
  }
   .sinPadding h3, .marcasHeader span a.fa-facebook{
     padding:0.5em 0.65em!important;
   }
  .sinPadding h3, .marcasHeader span a:hover{
    background-color:#aaa;
  }
.hero_area header {
  background-color:#000;
 }
 .hero_area header.fixed_header.sticky {
  padding: 20px 0;
  padding: 10px 0;
  background-color:#000;
 }
 .hero_area{
  position:relative;
 }
 .hero_area header ul{
  top:0;
 }
 .hero_area nav header li{
  //display:inline-block;
 }
 .hero_area header a.logo img{
   max-width:initial;
 }
 .navbar-collapse{
  margin:initial;
  box-shadow:0 0 0 transparent;
 }
 .hero_area header a.logo {
  padding: 0;
 }
 .toggleMenu{
   //display:none;
 }
 .hero_area header nav#navbar ul.nav{
  padding-right: 0;
 }

 .navbar-collapse .hero_area header nav#navbar ul.nav li a{
  //font-size:0.65em!important;
 }
 .hero_area header nav#navbar ul.nav li a{
  //font-size:1.3vh!important;
 }
 .hero_area header nav#navbar ul.nav li.current-menu-item > a, .hero_area header nav#navbar ul.nav li.open > a, .hero_area header nav#navbar ul.nav li:hover > a{
  color: #ffffff;
  background-color: #69cdb0;
 }
 .hero_area header nav#navbar ul.nav li.dropdown.mb-none {
  margin-bottom: 0;
  border-bottom: 0;
 }
 .hero_area header nav#navbar ul.nav li.dropdown > a:after {
  position: absolute;
  right: 15px;
  content: '\f067';
  font-size: 10px;
 }
 .hero_area header nav#navbar ul.nav li.dropdown > a.active:after {
  content: '\f068';
  font-weight: 700;
 }
 .hero_area header nav#navbar ul.nav li ul.dropdown-menu {
  box-shadow: none;
 }
 .hero_area header nav#navbar ul.nav li ul.dropdown-menu li{
  border-left: 3px solid #ef832b;
 }
 .hero_area header nav#navbar ul.nav li ul.dropdown-menu li a:before{
  display: none;
 }
.hero_area header nav#navbar ul.nav li ul.dropdown-menu .menu-collumn{
  border: none !important;
 }

 .hero_area header nav#navbar ul.nav li ul.dropdown-menu{
  background: #f8fbfd;
  float: none;
  width: 100%;
  padding: 0;
  position: static;
  display: block;
 }
 .hero_area header nav#navbar ul.nav li.open > a, .hero_area header nav#navbar ul.nav li.open > a:focus, .hero_area header nav#navbar ul.nav li.open > a:hover {
  background: #077ce9;
 }
.hero_area header nav#navbar span.btn_wrap{
  display: block;
  width: 100%;
 }
 .hero_area header nav#navbar span.btn_wrap a{
  display: block;
  width: 100%;
  border-radius: 0;
 }
 .cta_area .cta_content{
  padding-left: 0;
  text-align: center;
 }
 .expeienciaTexto{
  padding:0 3em;
  font-size:2.1vw;
  line-height:2.5em;
 }
 .expeienciaTexto h2{
  font-size:4vw;
 }
 #edicion{
  //padding:0!important;
  padding:1em 0;
  height:auto;
 }

#Modelos #edicion{
 padding:0!important;
}

  #Modelos #edicion{
   margin:3em 2em;
  }
 #edicion .heightColumn{
  padding:0 3em;
  padding-bottom:8em;
 }
 footer{
 position:relative;
 }

 .botonesEdicion{
  right:inherit!important;
  width:100%!important;
  padding-bottom:2em;
 }
 footer .marcasHeader span img{
  height:2.5em!important;
 }
 .cta_area .cta_img {
  display: none;
 }
 footer .foo_row > div {
  margin-bottom: 20px;
 }
 .vespaTexto{
  top:35%!important;
 }
 .vespaTexto img{
  width:40vw!important;
 }
 .vespaTexto .vespaBoton{
  width:25vw!important;
 }
footer .foo_row > div:first-child {
  text-align: center;
 }
 footer .foo_row > div:last-child {
  text-align: center;
  margin-bottom: 0;
 }
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
/* tabletas 1 y laptops */
.historiaInfo{
 margin-top:5em;
}
#Inicio .prensaCentral h3{
 margin-top:3em;
}
.hero_area header nav#navbar ul.nav{
  //float:right;
}
.hero_area header nav#navbar ul.nav{
 text-align:right;
 font-size:0.5em;
}
#navbar div:nth-child(2){
padding-right:0;
}
.hero_area header nav#navbar ul.nav li a{
font-size:1.1vw;
}
.marcasHeader{
text-align:center;
padding-right:0;
}
 .fondoNegro div{
  line-height:1em;
 }
 #Inicio #owl-motos .owl-item{
  height:255px;
}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and portrait{
.hero_area header nav#navbar ul.nav li a{
  font-size:1.5em!important;
}
.sinPadding h3, .marcasHeader span a{
  padding:1.2em 0.5em;
}
}


@media only screen and (max-device-width : 768px) and (orientation : portrait){
  .owl-carousel .owl-item img{
    //height:100%!important;
    //width:auto!important;
  }
  .owl-carousel .owl-item .motoItem{
    position: relative;
    height:100vh;
  }
  .owl-carousel .owl-item{
    //height:95vh;
    overflow:hidden;
  }
  .owl-carousel .owl-item .prensaImagen img{
  position:relative;
    //height:80vh!important;
    height:auto!important;
    width:auto!important;
    top:50%;
    transform:translateY(-50%);
  }
  .owl-carousel .owl-item .imgCarrousel{
   position:relative;
   position:absolute;
   height:100%!important;
   width:100%!important;
  }
  #Inicio #owl-motos .owl-item{
    height: 200px;
  }
  #Inicio .prensaImagen, #Noticias .prensaImagen{
   bottom:-4em!important;
  }
  #Inicio .prensaCentral h1, #Inicio .prensaCentral h2{
    font-size:6vw;
  }
  .contactoIMG{
    position:relative;
    height:30em;
  }
  .contactoIMG img{
    position:relative;
    position:absolute;
    margin-top:-30em;
  }
  .marcasHeader span{
    font-size:1em;
  }
}

@media only screen and (min-width : 1224px){
/* Escritorio */


}

@media only screen and (min-width : 375px) and (max-width : 667px) { 
 #Carrousel .modal-dialog{

 -webkit-transform: translateX(-50%)!important;
}
  /* STYLES GO HERE */
  
}


.dondeComprar {
    position: fixed !important;
    right: 0px;
    top: 40%;
    z-index: 1 !important;
    color: #0F9E5E;
  }