@import url(https://use.fontawesome.com/releases/v5.5.0/css/all.css);
@import url(hover.css);
* {
  margin: 0;
  padding: 0;
  border: 0;
}
a:hover{text-decoration:none; }
body {
  background-color: #fff;
  font-family: 'Rubik', sans-serif;
  font-weight: 400!important;
}
h1 {
  font-size: 30px!important;
  font-family: 'Rubik', sans-serif!important;
  font-weight: 400!important;
}
h2 {
  font-size: 25px!important;
  font-family: 'Rubik', sans-serif!important;
  font-weight: 400!important;
}
h3 {
  font-size: 20px!important;
  font-family: 'Rubik', sans-serif!important;
  font-weight: 400!important;
}
h4 {
  font-size: 16px;
  font-family: 'Rubik', sans-serif!important;
  font-weight: 400!important;
}
p {
  font-size: 16px;
  font-family: 'Rubik', sans-serif!important;
  font-weight: 400!important;
}
.blanco{color: #fff!important;}
.gold{color: #c39438!important;}
.negro{color:#232323}
.azul{color:#174ea6}

.txt-centrado {
  text-align: center!important;
}
.txt-right {
  text-align: right;
}
.centrado {
  margin: 0 auto;
}
.padding-100 {
  padding: 100px 0px;
}
.padding-50 {
  padding: 50px 0px;
}
.padding-20 {
  padding: 20px 0px;
}
.padding-30 {
  padding: 30px 0px;
}
.padding-10 {
  padding: 10px 0px;
}
.no-padding {
  padding: 0!important;
}

.no-margin {
  margin: 0!important;
}
.light {
  font-weight: 300!important;
}
.regular {
  font-weight: 400!important;
}
.bold {
  font-weight: 700!important;
}
.black {
  font-weight: 900!important;
}
.italicbold{
	font-weight: 700!important;
	font-style: italic;
}
.col-center {
  float: none;
  margin: 0 auto;
}
.col-right {
  float: right;
}
.col-left {
  float: left;
}
.db {
  display: block;
}
.dib {
  display: inline-block;
}
.display-none {
  display: none;
}
ul.no-style li {
  list-style-type: none;
  font-size: 1.2em;
}
ul.lista-horizontal li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  list-style-type: none;
}
ul.no-style.inside li {
  padding-left: 0px;
}

ul.inside {
    list-style: inside;
}
section.inicio.main-banner{
	background: url(../img/hystark_banner01.jpg);
	background-size: cover;
	background-position: center;
	padding: 100px 0px;
}
a.btn-amarillo {
    background: #c39538;
    padding: 8px 15px;
    color: #fff;
    font-weight: 400!important;
}
a.btn-azul {
    background: #174ea6;
    padding: 8px 15px;
    color: #fff;
    font-weight: 400!important;
}
a.hvr-sweep-to-top.btn-amarillo.link-proteccion {
    margin-right: 20px;
}
.extra a,
.extra p,
.extra {
    text-align: right;
    color: #232323;
    font-size: 14px;
    margin: 0;
    padding: 0px 5px
}
.extra {padding: 10px 0px;}
ul.navbar-nav li a {
    color: #000;
    padding: 10px;
}
a.btn-azul.link-cotiza {
    color: #fff;
}
.slider {
    margin: 0 auto;
    text-align: center;
}
.fichas_tecnicas{background-color: #eeeeee}
form.row.formulario-descarga input {
    height: 45px;
    background: transparent;
    border: none;
    border-radius: -0;
    border-bottom: solid #c39438 1px;
    padding-left: 0;
    margin: 10px 0px;
}
input.paso {
    margin: 0;
    height: auto!important;
}
form.row.formulario-descarga input::placeholder{color:#232323}

button.btn-cotiza {
    background: #c39438;
    display: block;
    margin: 10px auto;
    padding: 5px 15px;
    color: #fff;
}

.formulario-mas-informacion button.btn-cotiza-mas-info{
  background-color: #174ea6;
    display: block;
    margin: 10px auto;
    padding: 5px 80px;
    color: #fff;
    }
section.proceso{
	background: url(../img/proceso_back.jpg);
	background-size: cover;
	background-position: center;
	padding: 50px 0px;
}
section.menudeo{
	background-color: #232323;
}
button.btn-cotiza {
    padding: 10px 80px;
}
.formulario-mas-informacion select,
.formulario-mas-informacion input{
    height: 45px;
    margin: 10px 0px;
    border: none;
    border-bottom: solid #c39438 1px;
    border-radius: 0px;
    padding-left: 0;
}
.llamanos {
    border: solid #c39438 1px;
    margin: 20px auto;
    padding: 30px 20px;
    text-align: center;
}
.llamanos a{color: #000; font-weight: 700;}
section.footer{
  background-color: #232323;
}

.pad-foot-menu li{padding: 0px 10px}
hr.dorado {
    background: #c39438;
}
div#form-messages-masinfo{text-align: center;}
ul.lista-horizontal.no-style.pad-foot-menu li a {
    font-size: 16px;
}
@media(max-width: 420px){
  a.hvr-sweep-to-top.btn-amarillo.link-proteccion {
      margin: 10px;
      text-align: center;
  }
  a.hvr-bounce-to-top.btn-azul.blanco.link-cotiza {
    margin: 0 auto;
    display: block;
    text-align: center;
    margin: 10px;
  }
  img.col-center.db.img-fluid.img-pasos {
    margin: 10px auto;
  }
}
@media(max-width: 320px){
  form.row.formulario-descarga {
    max-width: 300px;
    margin: 0 auto;
  }
  a.hvr-wobble-vertical {
    margin: 10px auto;
    text-align: center;
    display: block;
  }
  p.blanco.text-right {
    text-align: center!important;
    display: block;
    margin: 0 auto;
  }
}