/*-------------------MENU-------------*/
#menu-main{
  width: 100%;
  text-align: center !important;
  display:block;
}
#menu-main li {
    display: inline-block;
    float: none;
    vertical-align: top;
}
#menu-main a{
  display: block;
  padding: 10px;
}

.centeringmenus{
  width: 100%;
  text-align: center !important;
  display:block;
}

.centeringmenus li {
    display: inline-block;
    float: none;
    vertical-align: top;
    margin-left: 2%;
    margin-right: 2%;
    font-style: bold;
}
.centeringmenus a{
  display: block;
}
.our-process.process-steps .process-icon:hover{
  background-color: white !important;
}
.our-process.process-steps li:hover .process-icon{
  background-color: white !important;
}
.our-process.process-steps .process-icon{
  background-color: white !important;
}

.active12{
  color: yellow !important;
  font-style: bold;
}
/* =-=-=-=-=-=-= Home Page BANNER  =-=-=-=-=-=-= */
  .layer2slide{
    display: none !important;
  }
  #banner-custom{
    position: relative;
    left: 22%;
    margin-top: 10%;
  }

  #banner-custom-contact{
    position: relative;
    left: 20%;
    margin-top: 20%;
    width: 100%;
    font-family: 'Lato';
  }  
  .customitomodalito{
    width: 70% !important;
    height: 70% !important;
  }
@media (max-width: 767px) {
  #banner-custom{
    position: relative;
    left: 12%;
    margin-top: 10%;
  }
  #banner-custom-contact{
    position: relative;
    left: 12%;
    margin-top: 20%;
    width: 100%;
  }
  .customitomodalito{
    width: 90% !important;
    height: 90% !important;
  }
}
@media (max-width: 400px) {
  #banner-custom{
    position: relative;
    left: 2%;
    margin-top: 10%;
  }
  #banner-custom-contact{
    position: relative;
    left: 2%;
    margin-top: 20%;
    width: 100%;
  }
  .customitomodalito{
    width: 90%;
    height: 90%;
  }
}
#banner-custom.hero-3 .form h2{
  font-style: bold !important;
}
#banner-custom.hero-3 .form {
    position: relative;
}
#banner-custom.hero-3 .form input {
    border: medium none;
    border-radius: 1px;
    display: inline-block;
    height: 60px;
    padding: 5px 15px;
    width: 50%;
}
#banner-custom.hero-3 .form button {
    background: #f43438 none repeat scroll 0 0;
    border: medium none;
    border-radius: 1px;
    color: #fff;
    font-size: 14px;
    height: 60px;
    margin-left: 1px;
    padding: 10px 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100px;
    text-decoration: none;
    o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#banner-custom.hero-3 .form button:hover {
    background: #90c03e none repeat scroll 0 0;
}
#banner-custom.hero-3 .declaration {
    color: #fff;
    display: block;
    font-size: 13px;
    margin-top: 15px;
    opacity: 0.8;
}

.info-box1{
  position: relative;
  float: left;
  margin-left: 5%;
  margin-right: 5%;
  padding-left: 50px;
  line-height: 24px;
}
.info-box1 .icon {
  position: absolute;
  left: 0px;
  line-height: 50px;
  font-size: 32px;
}
/*-------------SERVICIOS - SCROLL ONE-PAGE -----------*/
.imagetitles{
  text-align: center;
  color: white;
  font-style: bold;
  font-weight: 700 !important;
}

.servicios-container{
  color: black;
  min-height: 300px;
  font-style: bold;
  font-weight: 700;
  margin-top: 30px;
}

.servicios-container li{
  font-size: 23px;
  color: black;
}


.consultoria-container-title{
  font-weight: 700;
  color: black;
  text-align: center;
  font-style: bold;
  background-color: #f0dd32;
  padding: 10px;
}

@media (max-width: 767px) {
  .servicios-container li{
    font-size: 16px;
    color: black !important;
  }
  .consultoria-container-title{
    font-size: 19px !important;
  }
}

@media (max-width: 400px) {
  .servicios-container li{
    font-size: 12px;
  }
  .consultoria-container-title{
    font-size: 18px !important;
  }
}


.servicios-container li span{
  color: green !important;
  margin-right: 10px;
}
/*--------SOCIAL MEDIA----*/
  .social-medias{
      width: 200px;
      position: fixed;
      left: -200px;
      top: 24%;
      background: #fff;
      z-index: 9999;
      padding: 15px 0 5px;
      -webkit-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
      -o-transition: all 500ms ease;
      transition: all 500ms ease;
      /*border: 2px solid #ccc*/
  }
  .picker_close1 {
      width: 44px;
      position: absolute;
      right: -44px;
      top: 55px;
      text-align: center;
      background: no-repeat center 5px #fff;
      border-radius: 3px !important;
      padding-bottom: 10px !important;
  }
  .picker_close1 i {
      font-size: 39px;
      margin-top: 9px
  }
  .picker_close1 a {
      display: block;
      width: 44px;
      height: 44px;
      outline: none
      background-color: white !important;
  }