@font-face {
    font-family: 'renault_lifebold';
    src: url('../fonts/renaultlife-bold-webfont.woff2') format('woff2'),
         url('../fonts/renaultlife-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.renault_lifebold {
    font-family: 'renault_lifebold';
}
@font-face {
    font-family: 'renault_lifebold_italic';
    src: url('../fonts/renaultlife-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/renaultlife-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.renault_lifebold_italic {
    font-family: 'renault_lifebold_italic';
}
@font-face {
    font-family: 'renault_lifeitalic';
    src: url('../fonts/renaultlife-italic-webfont.woff2') format('woff2'),
         url('../fonts/renaultlife-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.renault_lifeitalic {
    font-family: 'renault_lifeitalic';
}
@font-face {
    font-family: 'renault_lifelight';
    src: url('../fonts/renaultlife-light-webfont.woff2') format('woff2'),
         url('../fonts/renaultlife-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.renault_lifelight {
    font-family: 'renault_lifelight';
}
@font-face {
    font-family: 'renault_lifelight_italic';
    src: url('../fonts/renaultlife-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/renaultlife-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.renault_lifelight_italic {
    font-family: 'renault_lifelight_italic';
}
@font-face {
    font-family: 'renault_liferegular';
    src: url('../fonts/renaultlife-regular-webfont.woff2') format('woff2'),
         url('../fonts/renaultlife-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.renault_liferegular {
    font-family: 'renault_liferegular';
}

.g-recaptcha {
    display: inline-block;
}

html, body {
    font-family: 'renault_liferegular';
}
a {
    color: #000;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.text-orange {
    color: #fdb60d;
}
.bg-orange {
    background-color: #fdb60d;
}
.link-orange:hover {
    color: #fdb60d;
}
.p-servicio {
    margin-bottom: 3px;
}
.list-group > li {
    list-style-type: none;
}
.list-group > li > img {
    margin-right: 8px;
    max-height: 22px;
}
.xivo {
    color: #AAA;
}
.xivo:hover {
    color: #EEE;
}
.whatsapp {
    right: 15px;
    top: 45%;
    z-index: 999;
    position: fixed;
    transition: transform .5s;
}
.m-header {
    background-color: #fdb60d;
    margin: 5px;
}
.m-title{
    margin-top: 1rem;
    background-color: #fdb60d;
    padding: 5px;
}
/* ROMBO */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?loruai');
  src:  url('../fonts/icomoon.eot?loruai#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?loruai') format('truetype'),
    url('../fonts/icomoon.woff?loruai') format('woff'),
    url('../fonts/icomoon.svg?loruai#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-size: 50px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-rombo .path1:before {
  content: "\e900";
  color: rgb(253, 182, 13);
}
.icon-rombo .path2:before {
  content: "\e901";
  margin-left: -1.5em;
  color: rgb(254, 254, 254);
}


.cont-serv {
    position: relative;
}
.cont-serv img {
    display: block;
}
.cont-serv .icon-rombo {
    position: absolute;
    bottom: -25px;
    right: 10px;
}
.cont-serv:hover{
    cursor: pointer;

}
.cont-serv:hover > .icon-rombo {
    transition: all 0.3s linear;
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

.linea {
    height: 100px;
    margin-left: 10px;
    position: absolute;
    top: 25%;
    border-left: 3px solid rgb(253, 182, 13);
}
.cont-serv:hover .linea {
    top: 100%;
    height: 0px;
    transition: all 0.3s linear;
    /* -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg); */
}