@charset "UTF-8";

* {

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



/*



    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 {

  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;

  padding: 60px 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-top: 20px;

    position: absolute;

    z-index: 2;

    width: 100%;

    top: 0;

    left: 0;

    //background-color: #69cdb0;

    transform: translateY(0);

    transform: translate3d(0, 0, 0);

    transition: .25s transform;

    backface-visibility: hidden;

    z-index: 9999;

    }

    

    @media only screen and (min-width: 0px) and (max-width: 991px) {

      .hero_area header {

        background-color:#00004a;

         } 

        }

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

      @media only screen and (min-width: 0px) and (max-width: 991px) {

        .hero_area header.fixed_header.sticky {

          padding: 20px 0;

          padding: 10px 0;

          background-color:#00004a;

          }

      

      .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:center;

      }

      

      }

      

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

      @media only screen and (min-width: 0px) and (max-width: 991px) {

        .hero_area header a.logo {

          padding: 0; } }

    .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: center;

      padding: 0; }

      @media only screen and (min-width: 0px) and (max-width: 991px) {

        .hero_area header nav#navbar {

          position: absolute;

          width: 320px;

          padding-right: 0;

          background: #ffffff;

          z-index: 2;

          right: 0px;

          top: 45px;

          border: 10px solid #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 header nav#navbar {

          width: 100%; } }

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



         .hero_area header nav#navbar ul.nav li a.fa{

     

          width: 35px!important;

      }





        @media only screen and (min-width: 992px) and (max-width: 1199px) {

          .hero_area header nav#navbar ul.nav {

            padding-right: 0;

            margin-right: -15px; } }

        @media only screen and (min-width: 0px) and (max-width: 991px) {

          .hero_area header nav#navbar ul.nav {

            display: block;

            //text-align: left;

            padding-right: 0; } }

        .hero_area header nav#navbar ul.nav li {

          display: inline-block;

          position: relative; }

          @media only screen and (min-width: 0px) and (max-width: 991px) {

            .hero_area header nav#navbar ul.nav li {

              display:inline-block!important;

               width:100%;

              display: block;

              border: 1px solid #d2d2d2;

              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-size: 14px;

            font-weight: 600;

            text-transform: uppercase;

            color: #fff;

            -webkit-transition-duration: 0.4s;

            transition-duration: 0.4s;

            padding: 0 15px;

            line-height: 56px;

            display: inline-block; }

            @media only screen and (min-width: 0px) and (max-width: 991px) {

              .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: #00004a; } }

          .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:#fbcf38;

            }

            @media only screen and (min-width: 0px) and (max-width: 991px) {

              .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: #00004a; } }

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

           

           

            }

          @media only screen and (min-width: 0px) and (max-width: 991px) {

            .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 {

            content: '\f0d7';

            font-family: "FontAwesome";

            margin-left: 7px; }

            @media only screen and (min-width: 0px) and (max-width: 991px) {

              .hero_area header nav#navbar ul.nav li.dropdown > a:after {

                position: absolute;

                right: 15px;

                content: '\f067';

                font-size: 10px; } }

          @media only screen and (min-width: 0px) and (max-width: 991px) {

            .hero_area header nav#navbar ul.nav li.dropdown > a.active:after {

              content: '\f068';

              font-weight: 700; } }

          @media only screen and (min-width: 0px) and (max-width: 991px) {

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

          @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 #00004a;

              background-color: #00004a;

              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: #00004a;

                  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: #00004a;
                    color:#f3c839;

                  }

            .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: 0px) and (max-width: 991px) {

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

      @media only screen and (min-width: 0px) and (max-width: 991px) {

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

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

    @media only screen and (min-width: 0px) and (max-width: 767px) {

      .hero_area .home_area .home_text h1 {

        font-size: 30px; } }

  .hero_area .home_area .home_text p {

    font-size: 18px;

    line-height: 34px; }

    @media only screen and (min-width: 0px) and (max-width: 767px) {

      .hero_area .home_area .home_text p {

        font-size: 14px;

        line-height: 26px; }

        .hero_area .home_area .home_text p br {

          display: none; } }

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

    @media only screen and (min-width: 0px) and (max-width: 767px) {

      .hero_area .home_area .home_text a.video_btn {

        margin-top: 15px; } }

    .hero_area .home_area .home_text a.video_btn span {

      display: block;

      font-size: 17px;

      font-weight: 700;

      text-transform: uppercase;

      color: #333333; }

      @media only screen and (min-width: 0px) and (max-width: 767px) {

        .hero_area .home_area .home_text a.video_btn span {

          font-size: 15px; } }

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

 //border:1px solid #ef832b;

 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;

 }

  

  @media only screen and (min-width: 0px) and (max-width: 991px) {

    .cta_area .cta_content {
      padding-left: 0;

      text-align: center; } }

  .cta_area .cta_content .h1 {

    line-height: 46px;

    margin: 0;

    margin-bottom: 15px; }

    @media only screen and (min-width: 0px) and (max-width: 767px) {

      .cta_area .cta_content .h1 {

        font-size: 25px;

        line-height: 30px; }

        .cta_area .cta_content .h1 br {

          display: none; } }

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

  @media only screen and (min-width: 0px) and (max-width: 991px) {

    .cta_area .cta_img {

      display: none; } }



/*



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

 >>> | 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: 40px 0;

}

  footer .foo_row > div {

    text-align: center; }

    @media only screen and (min-width: 0px) and (max-width: 991px) {

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

      @media only screen and (min-width: 0px) and (max-width: 991px) {

        footer .foo_row > div:first-child {

          text-align: center; } }

    footer .foo_row > div:last-child {

      text-align: center; }

      @media only screen and (min-width: 0px) and (max-width: 991px) {

        footer .foo_row > div:last-child {

          text-align: center;

          margin-bottom: 0; } }

    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;

      margin-bottom:1em;

      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;

//margin-right:10px;

}

h2.company1{

font-size:1.5em;

display:inline-block;

color:#004C6B;

}

h2.company1 strong{

color:#FF8600;

}

.owl-theme .owl-controls{

//margin-top:4em!important;

}

.hero_area header{

padding-top:0px!important;

padding-bottom:0px!important;

}

.hero_area header a.logo img{

margin:0.5em 0;

height:3em;

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 -

----------------------------

*/

.menu1{

background-color:#fff!important;

}

.menu2{

text-align:center;

//padding:1em;

}

.navbar-toggle{

margin:0;

font-size:0.5em;

color:#fff;

}



.navbar-toggle span:before{

position:absolute;

font-size:1.5em;

background-color:#00004a;

padding:3px 5px;

border-radius:5px;

border-color:white;

top:0.5em;

left:-0.9em;

}

.navbar-nav>li>a{

color:#fff;

//padding-top:1.3em;

font-size:1em;

}



/*

//////////////////////

------- Menu colapsable -------

//////////////////////

*/

header{

background-color:transparent;

margin:0!important;

padding:0!important;

}

header .sinPadding{

background-color:#00004a;

margin:0!important;

padding:0!important;

}

.menu1{

margin:0!important;

padding:0!important;

height:0;

}

.menu2{

background-color:rgba(0,0,0,0.5);

height:100vh;

}

.menu2 ul{

background-color:#fff;

}

.menu2 ul, .menu2 .cerrarMenu2{

display:block;

margin:auto;

text-align:center;

margin:0;

padding:0;

width:100%;

text-transform:uppercase;

}

.menu2 .cerrarMenu2{

text-align:right;

}

.menu2 li{

color:#5d6161;

width:16.4%;

display:inline-block;

//float:left;

list-style:none;

margin:1em 0;

margin-left:-4px;

//border:1px solid gray;

border-right:1px solid gray;

}

.menu2 .last{

border-right:0;

}

.menu2 li span{

display:block;

//border-bottom:1px solid gray;

padding:0.5em 2em;

}

.menu2 li img{

padding:0.5em 2em;

opacity:0.7;

}

.menu2 li img:hover{

opacity:1;

}

.menu2 .cerrarMenu2 .cerrar{

cursor:pointer;

padding:0.5em 1em;

margin:0 3em!important;

}



.item{

position:relative;

}

.imgBanner{

position:absolute;

z-index:10;

width:auto!important;

}

.chica{

top:0;

right:5%;

height:100%;

}

.moto{

top:50%;

left:50%;

height:60%;

transform:translate(-50%,-50%);

}

.vespaTexto{

top:20%;

left:5%;

height:19%;

}

.vespaBoton{

top:40%;

left:5%;

height:auto;

width:50%!important;

}

.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:1px solid #fff!important;

border:2px solid #c4002a!important;

}

.owl-theme .owl-pagination div.active span{

background-color:#c4002a!important;

}



#edicion strong{

color:#fdcf18;

text-transform:lowercase;

}

#edicion h1{

font-size:4em;

font-family:'Silom';

padding:0.5em 0;

border-bottom:1px solid #fff;

}

#edicion{

margin-top:0.5em;

padding:1.5em 16px;

}



#Inicio #edicion .container{

background-color:#b2243d;

}

#edicion .container{

width:100%;

margin:0;

padding:2em;

color:#fff;

text-transform:uppercase;

}

#Inicio .owl-theme .owl-controls .owl-buttons div{

color:#aaa;

}







/*

///////////////////////////////

-------- Sobre Vespa ---------

///////////////////////////////

*/



#SobreVespa{

background-color:#e7e7e7;

position:relative;

}

.historiaContenedor{

position:relative;

}

.textoPrincipal{

text-align:center;

padding:2em 0;

color:#757575;

}



.textoPrincipal p{

text-align:initial;

}

.textoPrincipal h2, .historiaVespa h2, .historiaVespa h3{

font-family:"VinylOT Oblique", "Open Sans", verdana, sans-serif;

font-style:italic;

color:#40b4e5!important;

line-height:1em;

font-weight:400!important;

margin:0;

padding:0;

text-align:center!important;

}

.textoPrincipal h2, .historiaVespa h2{

font-weight:bold;

}

.historiaVespa h3{

font-weight:lighter;

}

.textoPrincipal h2,.historiaVespa h2{

font-size:4em;

}

.textoPrincipal h4{

color:#4c5050;

}

.textoPrincipal h2,.textoPrincipal h4{

text-transform:uppercase;

}

.encabezado h2, .encabezado h3{

line-height:1em;

margin:0;

padding:0;

}

.encabezado h4,.textoPrincipal p,.historiaVespa p{

//border:1px solid gray;

margin:1.5em 0;

line-height:1.7em;

}

.encabezado h4{

text-align:center;

color:#747777;

font-family:"VinylOT Oblique", "Open Sans", verdana, sans-serif;

font-style:italic;

font-weight:lighter;

text-transform:uppercase;

}

.textoHistoriaIzq{

text-align:right;

}

.lineaTiempo,.lineaTiempo:before{

position:absolute;

background-color:#bbbbbb;

}

.lineaTiempo{

bottom:0;

left:50%;

width:1px;

height:100%;

}

.lineaTiempo:before{

content:"";

top:-0.5em;

left:-0.5em;

width:1em;

height:1em;

border-radius:10em;

}

.historiaContenedor .row .col-md-6{

//margin:2em 0;

padding:1.5em 2.5em;

}

.fechas{

font-size:1.2em;

padding-top:0.3em;

padding-bottom:0.1em;

background-color:#69cdb0;

font-family:"VinylOT Oblique", "Open Sans", verdana, sans-serif;

font-style:italic;

font-weight:bold;

}

.fechas ul{

text-align:center;

padding:0;

}

.fechas li{

position: relative;

display:inline-block;

}

.fechas li a{

padding:0.3em;

color:#eee;

}

.fechas li a:hover{

color:#fff;

}

.fechas a:after{

  margin:auto;

  position: absolute;

  content: "";

  left: 50%;

  right: 50%;

  bottom:1px;

  height: 4px;

  margin:0 0.2em;

}

.fechas a:hover:after{

    height: 4px;

    z-index: 2;

    left: 0%;

    right: 0%;

    //background: #854169;

    background: #fff;

    -webkit-transition-property: left,right;

    transition-property: left,right;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}









/*

///////////////////////////////

-------- CIAO MÉXICO ---------

///////////////////////////////

*/

#SPRINT150 #Mods.sp90{

background-color:#f1f1f1;

}

#PRIMAVERA150 #Mods.sp90{

background-color:#d2d4d7;

}

#GTS300 #Mods.sp90{

background-color:#eaecef;

}

#GTS300 .gingerbread,

#SPRINT150 .gingerbread,

#Ciao .gingerbread,

#Promociones .gingerbread,

#Servicio .gingerbread,

#Contacto .gingerbread,

#PRIMAVERA150 .gingerbread

{

background-color:transparent;

}



.gingerbread{

font-size:0.8em;

}

#Ciao .sp90{

padding-bottom:1em!important;

}







/*

///////////////////////////////

---------- Contacto -----------

///////////////////////////////

*/

#Contacto .sp90{

padding-bottom:1em!important;

}

#Contacto #edicion .container{

background-color:transparent;

padding:0 2em;

}

.contactoContenido{

padding:0 3em;

padding: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{

font-size:1.1em;

}

#contactForm legend{

border-bottom:0;

font-size:0.9em;

}

#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='date']{

padding-left:1em;

text-align:center;

}

#contactForm input[type='submit']{

background-color:#6ecdb1;

color:#fff;

border:0;

}

#contactForm input.fa{

font-size:1.17em;

}

#contactForm input[type='submit']:hover{

background-color:#a12e21;

color:#eee;

}

#Contacto .visita a{

color:#82c5e0!important;

}

.mapContainer .row{

padding:0 3em;

}

.mapContainer{

margin-bottom:6em;

}

#Contacto #edicion.sp90{

margin-bottom:4em;

}









/*

///////////////////////////////

---------- Promociones -----------

///////////////////////////////

*/

#Promociones .promos{

//position:relative;

//margin-bottom:8em;

margin-bottom:0!important;

}

#Promociones .item{

position:relative;

}

#Promociones .owl-buttons{

color:#fff;

font-size:2em;

font-weight:lighter;

}

#Promociones .imagenPromo{

position:absolute;

width:auto;

height:90%;

left:12%;

top:7%;

}

.textoBannerPromo{

color:#fff;

position:absolute;

right:12%;

top:7%;

width:40%;

}

.textoBannerPromo h2{

font-size:4em;

font-size:4vw;

}

.textoBannerPromo h4{

font-size:2em;

font-size:2vw;

padding-bottom:0.5em;

border-bottom:1px solid #f5b506;

}

.textoBannerPromo p{

font-size:1.5vw;

line-height:1.7vw;

}

.textoBannerPromo h2, .textoBannerPromo h4{

font-family:"VinylOT Oblique", "Open Sans", verdana, sans-serif;

font-style:italic;

font-weight:bold;

}

.textoBannerPromo a{

font-size:1vw;

line-height:1vw;

background-color:#a12e21;

color:#fff;

border:1px solid #fff;

border-radius:0.5em;

//padding:0.3em 0.5em;

padding:0.9vw!important;

}

.textoBannerPromo a:hover{

background-color:#fff;

color:#000;

}

.textoBannerPromo span{

position:relative;

bottom:-1em;

margin:0 0.5vw !important;

}

.textoBannerPromo img{

display:inline!important;

width:2.5vw!important;

height:2.5vw;

margin-right:0.5vw;

}

.textoBannerPromo span{

opacity:0.8;

}

.textoBannerPromo span:hover{

opacity:1;

}

.textoBannerPromo .btnPromo{

padding:0;

}









/*

///////////////////////////////

---------- Modelos -----------

///////////////////////////////

*/

.gingerbread{

margin-top:-0.5em;

padding:1em 6em;

}

#GTS300 .sp90{

padding-bottom:0!important;

}

#Mods.sp90{

padding-top:4em;

padding-bottom:0!important;

}

.contenidoModelo{

margin:0;

position:relative;

background-color:#eaecef;

}

.cotizarModelo{

background-color:#69cdb0;

color:#fff;

}

.imagenModel{

position:absolute;

height:100%;

width:auto;

left:35%;

top:10%;

}

.textoModel{

text-align:left;

position:relative;

font-family:"VinylOT Oblique", "Open Sans", verdana, sans-serif;

font-style:italic;

font-weight:bold;

//left:50%;

//padding:5em 0;

//transform:translateX(-50%);

}



.textoModel2{

position:relative;

font-family:"VinylOT Oblique", "Open Sans", verdana, sans-serif;

font-style:italic;

font-weight:bold;

left:50%;

padding:5em 0;

transform:translateX(-50%);

}

.textoModel{

//width:80%;

//position:absolute;

}



.textoModel h4{

color:#6a6a6a;

line-height:1em;

padding:0;

margin:0;

margin-bottom:1.5em;



}

a.cotizarModelo{

font-size:1.5em;

background-color:#69cdb0;

color:#fff;

padding:0.2em 2em;

}

h2.head2{

font-weight:lighter;

font-weight:initial;

color:#c4002a;

}

.colorRojo{

padding:4em;

background-color:#c4002a;

color:#fff;

line-height:1.5em;

//padding-bottom:16em;

}

.colorRojo img{

display:block;

margin:auto;

}

#Tecnologia h3{

font-family:"VinylOT Oblique", "Open Sans", verdana, sans-serif;

font-size:2.5em;

font-style:italic;

font-weight:initial;

text-align:center;

margin:2em 0;

}

#Dimensiones,#Especificaciones{

padding:3em;

}

.colorGrisClaro{

background-color:#f1f1f1;

}

.textoDimensiones,.textoEspecificaciones{

padding:0 6em!important;

}

.textoDimensiones p,.textoEspecificaciones p{

color:#555555;

}

.textoDimensiones h3,.textoEspecificaciones h3{

color:#c4002a;

font-family:"VinylOT Oblique", "Open Sans", verdana, sans-serif;

font-size:2.5em;

font-style:italic;

font-weight:bolder;

}

.textoEspecificaciones h3{

font-style:initial;

font-weight:initial;

}

.textoDimensiones ul{

line-height:1.5em;

margin:1.5em;

}

.textoDimensiones li{

display:block;

list-style:none;

margin:0.7em 0;

}

.textoDimensiones span{

display:block;

margin:0;

padding:0;

line-height:1em;

}

.imagenTecnologia{

padding:0;

}



#PRIMAVERA150 h1{

//font-size:3em;

//color:#40b4e5;

//margin:auto;

//text-align:center;

}

#PRIMAVERA150 h4{

//font-size:2.5em;

//line-height:1.5em;

//margin:0;

}

#PRIMAVERA150 h4 span{

display:block;

text-transform:uppercase;

}

#PRIMAVERA150 h4 strong{

color:#a0a0a0;

}

#PRIMAVERA150 .imagenModel{

top:20%;

}

#Linea .textoPrincipal{

padding-top:6em;

}

.head3{

font-size:4em;

font-weight:normal!important;

color:#c4002a;

color:#40b4e5;margin:auto;

text-align:center;

}

.textoPrincipal p{

 padding:0 3em;

}

#PRIMAVERA150 .textoEspecificaciones h3{

font-style:italic;

}

#PRIMAVERA150 .contenidoModelo span{

color:#000;

}

#PRIMAVERA150 a.cotizarModelo{

background-color:#07090b;

}

.edicionEspecial{

display:inline-block;

position:relative;

margin:auto;

right:0;

transform:translateX(50%);

}

.colorGris{

color:#909090;

}

.bullet{

font-size:1.3em;

line-height:1.5em;

}







/*

------- contaccto ---------

*/

.contact_head{

//position:absolute;

//top:50%;

height:100%;

padding:0 1em;

background-color:#d42443;

color:#fff;

text-transform:uppercase;

}

.contact_head .h2{

font-size:1em;

line-height:2em;

padding:0;

margin:0;

}

#mapaSeccion .content{

position:relative;

height:100%;

padding:0 16px;

}

.mapaS3{

padding:2em 4em;

}

#mapaSeccion strong{

color:gray;

font-size:1em;

}

.mapaS2{

padding-top:1.5em;

padding-left:1.5em;

height: 508px;

height: 535px;

}



#mapaMotoPlex {

			width: 100%!important;

			height: 100%!important;

	}

.mAzul{

font-family:'Silom';

position:relative;

background-color:#2c2456;

color:#fff;

padding:0;

margin-bottom:16px;

border:1px solid gray;

height:50%;

}

.imagenInsta{

padding:0;

}

#ciaoMexico, .mapa{

padding:0;

margin-bottom:3em;

}



/*

----- Vespas -----

*/

#product{

color:#989898;

text-transform:uppercase;

font-weight:lighter;

}

#product h2{

color:#000;

}

.vespas ul{

 padding:0;

}

.vespas ul li{

padding:0.25em;

display:inline-block;

margin:0em!important;

opacity:0.8;

}

.vespas ul li h5{

display:inline;

text-align:center;

}

.vespas ul li:hover{

opacity:1;

}

.vespas .owl-controls .owl-buttons div{

//color:gray!important;

}



/*

----Footer-----

*/



footer, footer strong{

color:#a3a3a3;

}

footer a, footer strong{

color:#000;

}

footer .logo{

margin-bottom:1em;

}

footer .legales span{

display:block;

font-weight:lighter;

}

footer .legales{

text-transform:uppercase;

font-size:0.9em;

line-height:1.7em;

  margin-top:2.2em;

}

footer ul.footer_social{

padding:0.6em;

border-top:1px solid #ccc;

border-bottom:1px solid #ccc;

}





.navbar2, .menuEsc{

 display:none;

}



.menuM a:hover{

//border:1px solid;

}

.menuP a:after{

    margin:auto;

      position: absolute;

      content: "";

      left: 50%;

      right: 50%;

      bottom:0.4em;

      height: 4px;

      margin:0 1em;

      display: none;



}

.menuP a:hover:after{

    height: 4px;

    z-index: 2;

    left: 0%;

    right: 0%;

    //background: #854169;

    background: #fff;

    -webkit-transition-property: left,right;

    transition-property: left,right;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0,3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.active a:after{

    height: 4px;

    z-index: 2;

    left: 0%;

    right: 0%;

    background: #fff;

}





.marcasFooter a{

 margin:1em;

}

.marcasFooter img{

 padding:0.5em;

}



/*

* Botones Fixed

*/

a.contactanos{

  position: fixed;

  right: 30px;

  bottom: 0;

  background: #ffbe33;

  //width: 200px;

  //height: 50px;

  line-height: 1em;

  padding:0.75em 1em 0.5em;

  text-align: center;

  color: white;

  z-index: 99;

  border-top-left-radius:30px;

  border-top-right-radius:30px;

  //opacity:0.85;

}

a.contactanos:hover{

 //opacity:1;

 background: #ffbe00;

}

.scroll2{

 padding: 0.05em 0.75em;

 border-radius:5em;

 border:3px solid #eee;

 background-color:#eee;

 background-color:transparent;

 color:#eee;

 opacity:0.5;

}

.botonBorde{

 text-transform:uppercase;

 border:2px solid #eee;

}

.botonBorde:hover{

color:#aaa;

color:#aaa;

 border:2px solid #bbb;

}

.centrado .botonBorde{

 padding: 0.25em 4em;

}

.btnFixed{

 position:fixed;

 right:1em;

 bottom:3em;

 z-index:3;

}

.btnFixed .scroll2{

 position:relative;

 background-color:#ccc;

 color:#eee;

 opacity:0.7;

}









/*

//////////////////////////////

-------- Responsivo ----------

//////////////////////////////

*/



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

/* moviles vertical */



.edicionEspecial{

display:block;

position:initial;

margin:auto;
right:none;

transform:translateX(0%);

}

.textoBannerPromo .btnPromo{

margin-top:-4vw;

}



}





@media only screen and (min-width: 0px) and (max-width: 768px){

#Inicio h1{

font-size:10vw;

}

#Contacto .textoPrincipal h2, #Servicio .textoPrincipal h2{

font-size:14vw;

}

#SobreVespa .textoPrincipal h2{

margin-top:1em;

}

#SobreVespa .textoPrincipal h4,#Servicio .textoPrincipal h5,#Contacto .textoPrincipal h5{

//margin-bottom:6em;

}

.textoPrincipal{

 padding:0;

}

#Promociones .textoPrincipal h4{

margin-bottom:4em;

}

#Ciao .textoPrincipal h2{

margin-bottom:2em;

}

#SobreVespa .textoPrincipal p, #Ciao .textoPrincipal p{

 padding:0;

}

.lineaTiempo{

left:0;

}

.textoHistoriaIzq{

text-align:left;

}

.textoDimensiones, .textoEspecificaciones{

padding:2em!important;

}

#Mods.sp90{

padding-top:4em;

}

.sp90{

padding-left:2em!important;

padding-right:2em!important;

}

.container{

width:100%;

}

.colorRojo{

padding-left:6em;

padding-right:6em;

}

#Mods.sp90 .gingerbread{

padding:0.5em 2em;

}



.contenidoModelo .textoModel{

font-size:2vw;

//position:absolute;

//width:90%;

//padding:1em;

//left:50%;

//transform:translateX(-50%);

}

.textoModel h1{

font-size:4vw;

}

.textoModel h4{

font-size:3vw;

}



.sp90{

//padding-top:5em;

}

.contactoContenido{

margin-top:6em;

}

.visita{

margin-top:3em;

}



a.contactanos{

 right:0;

 border-radius:0;

}

 /* moviles horizontal */

}







@media only screen and (min-width: 0px) and (max-width: 991px) {

/* tabletas 1 */

.navbar1,#VespaCollapsed{

 display:none;

}

.navbar2,.menuEsc{

display:block;

}

.menuEsc .navbar-collapse{

//display:block;

//margin:1em;

}

.navbar-collapse{

box-shadow:0 0 0;

border:0;

}

.fondoMobil{

height:100vh;

padding:1em 0;

}

ul.menuM{

text-align:center;

list-style:none;

margin:0;

margin-bottom:5em;

padding:0;

//height:95vh;

width:100%;

}

ul.menuM li{

border-top:1px solid #ddd;

text-transform: Uppercase;

padding: 10px 0;

}

ul.menuM li a{

color:#eee;

//font-size:2vh;

}

ul.menuM li a:hover{

color:#fff;

}



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

 }

 .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.05vw;

  padding:0 3px!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;

 }

 #edicion .heightColumn{

  padding:0 3em;

  padding-bottom:8em;

 }

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



}



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

/* Escritorio */



}


.donde{
  padding:0.6em;
  border-top: 1px solid #ccc;
  border-bottom:1px solid #ccc;
}

.donde a {
  color:#a3a3a3;
}


@media screen and (max-width: 500px) {

  .precioMoto p{

    font-size: 8px;

  }

}

.color:hover{

  cursor:pointer;

}

  strike{

    color:red;

  }

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


  .textfooter{
    margin-top: 30px;
    margin-left: 10%;
    margin-right: 15%;
  }

  @media (min-width: 1570px) {
    .textfooter{
      margin-top: 50px;
    }
  }