@charset "UTF-8";
/*
    Theme Name: xPro
    Theme URI: http://themeforest.net/
    Author: Design 360 Studio
    Author URI: 
    Description: xPro html5 template
    Version: 1.0.0
    License: GNU General Public License v2 or later
    License URI: 
    Text Domain: xPro-d360

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

    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|
 *****************************************
*/

* {
  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-style:normal;
 font-weight:200;
 src: local('Montserrat-Thin'), url('../../fonts/Montserrat-Thin.otf'),format('opentype');
}
@font-face {
 font-family: 'Montserrat';
 font-style:normal;
 font-weight:300;
 src: local('Montserrat-Light'), url('../../fonts/Montserrat-Light.otf'),format('opentype');
}

body, html{
  background-color:#fff;
}
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  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;
}

/*

    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; }

/*
    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 .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%);
 background-color:transparent!important;
 color:#fff;
 font-size:5em!important;
 }
 .owl-prev{
 float:left!important;
 left:0!important;
 position:absolute;
 }
 .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;
}
.hero_area header a.logo img{
margin:0;
//margin-top:0.8em;
height:4em;
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:#e9ad00!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{
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-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:0.9em;
line-height:2em;
}
.marcasHeader{
background-color:#444;
float:right;
overflow:hidden;
}
.marcasHeader .fondoInclinado{
background-color:#000;
width:6em;
height:6em;
top:-2em;
left:-4em;
position:absolute;
transform:rotate(30deg);
}
.marcasHeader span{
position:relative;
height:100%;
width:auto;
//border:1px solid gray;
display:inline-block;
margin:1em 0.7em;
}
.nav>li>a{
padding-left:10px;
padding-right:10px;
}
.marcasHeader span img{
height:37px;
height:4.5vw!important;
width:auto!important;
}


/*
-------- 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 .owl-buttons div{
font-family:Montserrat1;
}
.owl-theme .owl-pagination{
position:relative;
}
.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;
}


#edicion .correoEdicion{
color:#c49a14;
text-transform:lowercase;
}
#edicion h1{
font-size:4em;
font-family:'Silom';
padding:0.5em 0;
border-bottom:1px solid #fff;
}
#edicion h2{
//margin:3em 0 4em 0;
}
#edicion p:first-child{
margin:3em 0;
padding-right:2em;
}
#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 .salaPrensa{
padding-top:4em!important;
}
#edicion .salaPrensa{
height:100vh;
padding-top:5em!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;
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;
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 .prensaImagen{
 background-color:#fda800;
}
#Inicio .prensaCentral{
 position:absolute;
 top:1em;
 left:2em;
}
#Noticias #edicion{
margin-top:1em;
padding:0;
}

#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;
}
#Inicio .prensaCentral h3,#Inicio .prensaCentral h3 strong{
 font-weight:lighter;
 text-align:center;
}
#Inicio .prensaCentral h3,#Inicio .prensaCentral p{
 color:#fff;
}
#Inicio .prensaCentral h3 strong{
 color:#000;
}

/*
---Motos
*/
.modelos{
 background-color:#fff!important;
}
#modelos #edicion{
 padding:6em 0;
}

.motos{
padding-top:6em;
 text-align:center;
}
.motos h2{
 text-align:center;
 color:#999999;
}
.motos img{
display:inline!important;
width:200px!important;
}
#owl-motos .owl-controls .owl-buttons div{
font-weight:light;
font-size:10em!important;
color:#e4e4e7!important;
opacity:o.7!important;
}
#owl-motos .owl-controls .owl-buttons .owl-prev{
 left:-0.5em!important;
}
#owl-motos .owl-controls .owl-buttons .owl-next{
 right:-0.5em!important;
}


/*
* Servicios
*/
.pager{
 position:relative;
 background-color:#000;
 margin:0;
}
.centrado{
 position:absolute;
 bottom:30%;
 left:50%;
 transform:translateX(-50%);
}
.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:0;
 background-color:#eee;
 opacity:0.5;
}
#pager1{
padding:4em 0;
}
#pager2{
text-align:left;
padding:6em 3em;
}
#pager2 h1{
color:#a3a3a3;
font-weight:400;
}
#pager2 hr{
 border-top:1px solid gray;
}
#pager2 p{
color:#eee;
font-weight:300;
}

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



/*
* Contacto
*/

#Contacto #pager1{
//height:100vh;
padding:6em 3em;
background-image:url('../../img/ContactoMoto.jpg');
background-size:cover;
position:relative;
}
#Contacto .contactMap{
 height:550px;
 padding:0;
}

#Contacto #pager1 iframe{
height:100%;
}
#Contacto #pager1 img{
position:absolute;
width:100%;
}
#Contacto .contactForm{
background-color:rgba(0,0,0,0.5);
padding:2em;
}
#Contacto .contactForm input{
text-transform:uppercase;
}
#Contacto .contactForm h1{
color:#eee;
text-align:left;
text-transform:uppercase;
font-weight:lighter;
font-size:2em;
padding:0.5em 0;
}
#Contacto .contactForm textarea{
height:10em;
}
#Contacto .contactForm input,#Contacto .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']{
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;
}
.btnFixed .scroll2{
 background-color:#999;
 color:#eee;
 z-index:3;
 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 h1{
text-align:center;
color:#464646;
font-size:5em;
font-weight:400;
margin-bottom:0.5em;
}
.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;
}

.imagenesDetalles{
 padding:3em 0;
}
#Detalle #pager2{
 padding:0;
 padding-bottom:3em;
}
#Detalle #pager2 h2{
 text-transform:uppercase;
 font-size:1.5em;
 color:#666;
}
#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;
 }
 
/*
* 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;
}


/*
/////////////////////
------ Estilo -------
/////////////////////
*/
.fondoNegro{
background-color:#000;
}
.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:17vh;
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:#137ab1;
}
.marcasHeader2 .marcas2 span:nth-child(2){
background-color:#a5c7ba;
}
.marcasHeader2 .marcas2 span:nth-child(3){
background-color:#e60000;
}
.marcasHeader2 .marcas2 span:nth-child(4){
background-color:#1d1d1b;
}
.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;
}
#edicion .container{
//background-color:#000;
}
.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{
height:10%!important;
width:auto;
}
.prensaCentral{
 font-weight:300;
//padding:1.5em 2em!important;
}
.prensaLateral{
 position:relative;
background-color:black;
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 #edicion .owl-motos{
color:#434343;
}
#Promociones #edicion .owl-motos p{
margin:0;
}
#Promociones #edicion .owl-motos h3{
font-size:2em;
color:#434343;
margin:0.5em 0;
}
#Promociones .prensaCentral .marcasSomos{
font-size:1.2em;
padding:0.5em 0!important;
margin-top:6em!important;
margin-bottom:3em!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, 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;
}



/*
//////////////////////////////
-------- 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{
  height:auto!important;
  width:100%!important;
  max-width:100%;
  //transform:translateX(-50%);
 }
}


@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 (min-width: 0px) and (max-width: 767px){

/* 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:2em 0;
 //height:auto;
}
#Inicio .prensaCentral h3{
 font-size:2em;
}
#owl-motos{
//padding:2em;
}
.motos{
padding-top:0;
}
#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 #pager1 h1{
font-size:10vw;
margin-bottom:2em;
}
.botonBuscar span{
font-size:0.8em;
}
#Detalle #pager2{
 padding:2em;
}


#owl-motos .owl-controls .owl-buttons div{
font-size:4em!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;
}

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;
 }
 .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: 4px 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;
  line-height: 56px;
  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) {
/* 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;
 }
.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 nav#navbar ul.nav{
  text-align:left;
 }
 .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:6em 0!important;
}

 #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 */
#navbar div:nth-child(2){
padding-right:0;
}
.hero_area header nav#navbar ul.nav li a{
//font-size:0.5vw;
}
.marcasHeader{
text-align:center;
padding-right:0;
}
 .fondoNegro div{
  line-height:1em;
 }
}

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


}