/*
font-family: 'Montserrat', sans-serif;
font-family: 'Ubuntu', sans-serif;
*/
@charset "utf-8";
*{margin: 0em;padding: 0em;}a{text-decoration: none;}body{ font-family: 'Ubuntu', sans-serif; margin: 0em auto;font-size: 1em;}img{border: 0em;vertical-align: middle;}iframe{border: 0em;}.clear{clear: both;}
@font-face {
  font-family: 'bgs';
  src:  url('../fonts/bgs.eot?s0unq5');
  src:  url('../fonts/bgs.eot?s0unq5#iefix') format('embedded-opentype'),
    url('../fonts/bgs.ttf?s0unq5') format('truetype'),
    url('../fonts/bgs.woff?s0unq5') format('woff'),
    url('../fonts/bgs.svg?s0unq5#bgs') 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: 'bgs' !important;
  speak: never;
  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-flown:before {
  content: "\e900";
}
.icon-alarma:before {
  content: "\e901";
}
.icon-certificado:before {
  content: "\e902";
}
.icon-limpieza:before {
  content: "\e903";
}
.icon-repara:before {
  content: "\e904";
}
.icon-sos:before {
  content: "\e905";
}
.icon-location:before {
  content: "\e947";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-key2:before {
  content: "\e98e";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-notification:before {
  content: "\ea08";
}
.icon-info:before {
  content: "\ea0c";
}
.icon-cancel-circle:before {
  content: "\ea0d";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-mail4:before {
  content: "\ea86";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}



@media all and (min-width: 300px){
  header{
    padding: 0em 0em 0em 0em;
  }
  header .btns_float{
    background-color: #1A3C98;
    box-sizing: border-box;
    color: #fff;
    padding: .5em .3em;
    position: fixed;
    width: 100%;
  }
  header .btns_float a{
    color: #fff;
  }
  header .btns_float .redes_f{
    float: left;
  }
  header .btns_float .redes_f span{
    display: inline-block;
    padding: 0.3em .2em 0em 0em;
    font-size: 1.2em;
  }
  header .btns_float .emer{
    background-color:#fff;
    border-radius: 1em;
    padding: .3em .5em;
    float: right;
  }
  header .btns_float .emer a{
    color: #1A3C98;
  }
  header figure{
    text-align: center;
    padding: 3.5em 0em 1em 0em;
  }
  header figure img{
    height: auto;
    max-width: 13.5em;
    width: 100%;
  }
  header .btns{
    display: none;
  }
  header #menures{
    background-color: #1A3C98;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.4em;
    padding: .2em 0em;
    text-align: center;
  }
  header .der nav{
    display: none;
    padding: 0em .3em;
  }
  header .der nav a{
    border-bottom: 0.05em solid #1A3C98;
    display: block;
    font-size: 1.2em;
    padding: .3em .5em;
  }
  #bg_ini{
    background-image: url(../images/img-header.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  #bg_ini{
    padding: 2em 1em;
  }
  #bg_ini .izq{
    font-family: 'Montserrat', sans-serif;
  }
  #bg_ini .izq .text1{
    color: #fff;
    font-size: 2.5em;
    text-shadow: 0.05em 0.05em .05em rgba(0,0,0,.9);
  }
  #bg_ini .izq .text1 span{
    border-bottom: #27479E 0.4em solid;
    display: block;
    padding: 0em 0em .4em 0em;
    width: 4em;
  }
  #bg_ini .izq .text2{
    color: #fff;
    font-size: 2.8em;
    padding: 1em 0em 2em 0em;
    text-shadow: 0.05em 0.05em .05em rgba(0,0,0,.9);
  }
  #bg_ini .der{
    background-color: rgba(0,0,0,.8);
    border-radius: 1em;
    border:0.18em solid #FFFFFF;
    box-sizing: border-box;
    color: #fff;
    padding: 2em 1em;
  }
  #bg_ini .der p{
    font-size: 1.25em;
    padding: 0em 0em 1em 0em;
  }
  #bg_ini .der input[type="text"]{
    border-radius: .8em;
    box-sizing: border-box;
    font-size: 1.12em;
    font-family: 'Ubuntu', sans-serif;
    margin: 0.2em 0em .8em 0em;
    padding: .5em;
    width: 100%;
  }
  #bg_ini .der .btnEnviar{
    background-color: #27479E;
    border: 0em;
    border-radius: .8em;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.12em;
    font-family: 'Ubuntu', sans-serif;
    margin: 1em 0em .8em 0em;
    padding: .5em;
    width: 100%;
  }
  .franja_cert{
    padding: 1.5em;
    color: #FF0000;
  }
  .franja_cert .izq{
    text-align: center;
    font-size: 7em;
  }
  .franja_cert .der{
    font-size: 2em;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.4em;
    text-align: center;
  }
  .sos{
    background-image: url(../images/bg-negro.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    padding: 1em 1em;
    color: #fff;
  }
  .sos .izq{
    font-size: 14em;
    text-align: center;
  }
  .sos .der{
    text-align: center;
  }
  .sos .der .txt1{
    font-size: 2.3em;
  }
  .sos .der .txt1 span{
    display: block;
    font-weight: 700;
    font-size: 1.5em;
  }
  .sos .der .txt2{
    padding: .5em 0em;
    font-size: 1.25em;
  }
  .sos .der .btn{
    background-color: #27479E;
    border: 0.12em solid #fff;
    border-radius: .8em;
    box-sizing: border-box;
    color: #fff;
    display: block;
    float:right;
    font-size: 1.3em;
    font-family: 'Ubuntu', sans-serif;
    margin: 1em 0em .8em 0em;
    padding: .5em;
    width: 70%;
  }
  .como{
    background-image: url(../images/bg-vidrio-roto.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    color: #fff;
    padding: 2.5em 1em;
    margin: 2em 0em;
  }
  .como h1{
    text-align: center;
  }
  .como h1 span{
    background-color: #fff;
    border-radius: 1em;
    display: block;
    min-height: .5em;
    margin: 0.5em auto 0em auto;
    width: 2em;
  }
  .como .pasos{
    padding: 1.5em 0em;
    text-align: center;
  }
  .como .pasos .paso{
    padding: 1em 0em;
  }
  .como .pasos .paso .num{
    font-size: 4em;
    font-family: 'Montserrat', sans-serif;
    vertical-align: middle;
  }
  .como .pasos .paso .icono{
    font-size: 9em;
    vertical-align: middle;
  }
  .como .pasos .paso p{
    display: block;
    font-size: 1.4em;
    padding: .5em 0em;
  }
  .como a.btn{
    background-color: #27479E;
    border: 0.12em solid #fff;
    border-radius: .8em;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 1.3em;
    font-family: 'Ubuntu', sans-serif;
    margin: 1em auto;
    padding: .5em;
    text-align: center;
    width: 10em;
  }
  .marcas{
    box-sizing: border-box;
    border-top: 0.12em solid #A5A5A5;
    margin: 1em 0em;
    padding: 2em 0em;
  }
  .marcas .tit{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8em;
    padding: .5em 0.5em;
  }
  .marcas .tit span{
    background-color: #A5A5A5;
    height: .3em;
    width: 3em;
    display: block;
  }
  .domicilio{
    background-image: url(../images/bg-negro2.jpg);
    background-repeat: no-repeat;
    background-position: left;
    box-sizing: border-box;
    padding: 1.5em .2em;
    color: #fff;
    font-size: 2em;
    font-weight: 700;
    text-align: center;
  }
  .domicilio span{
    color: #FF0000;
  }
  footer{
    padding: 1.5em 0em;
    border-bottom: 0.12em solid #bbb;
  }
  footer .caja{
    box-sizing: border-box;
    padding: 0em 0.5em 1em 0.5em;
  }
  footer figure{
    text-align: center;
  }
  footer .caja .tit{
    font-size: 1.12em;
    font-weight: 700;
    padding: 0em 0em .6em 0em;
  }
  footer .caja .menu a{
    color: #333;
    display: block;
    padding: 0.25em .5em;
  }
  footer .caja .datos .izq{
    color: #555;
    float: left;
    font-size: 1.4em;
    width: 7%;
  }
  footer .caja .datos .der{
    color: #333;
    float: right;
    width: 90%;
  }
  footer .caja .datos .der a{
    color: #333;
    padding: 0.4em 0em
  }
  footer .caja .datos .redes{
    padding: .4em 0em;
  }
  footer .caja .datos .redes a{
    color: #555;
    font-size: 1.4em;
    padding: 0em .5em 0em 0em;
  }
  .flowndesign{
    text-align: right;
    padding: .5em ;
  }
  .flowndesign a{
    color: #828282;
    font-size: 3em;
  }
  section#cont{
    border-top: solid 0.18em #27479E;
    padding-top: 0em ;
  }
  section#cont h1{
    background-image: url(../images/bg-titulos.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    box-sizing: border-box;
    color: #fff;
    font-size: 2em;
    padding:.5em .3em;
  }
  section#cont h1 span.subtit{
    font-size: .5em;
    display: block;

  }
  section#cont h1 span.sub{
    background-color: #fff;    
    display: block;
    height: .3em;
    width: 2.5em;
  }
  section#cont .l_trabajos{
    padding: 2em .5em;
  }
  section#cont .l_trabajos .trabajo{
    padding:2em 0em;
    border-bottom: 0.12em solid #0D133B;
  }
  section#cont .l_trabajos .trabajo h3{
    color: #0C133A;
    font-size: 1.3em;
    font-weight: 400;
    padding-bottom: 0.5em;
  }
  section#cont .l_trabajos .trabajo p{
    color: #0C133A;
    font-size: 1.12em;
    padding:0.4em 0em;
    text-align: justify;
  }
  section#cont .l_trabajos .trabajo .imgs{
    padding:1em 0em;
    text-align: center;
  }
  section#cont .l_trabajos .trabajo .imgs .tit{
    box-sizing: border-box;
    color: #fff;
    font-size: 1.5em;
    padding:.3em 0em;
    margin: 0em auto;
    width: 11.5em;
  }
  section#cont .l_trabajos .trabajo .imgs .ant{
    background-color: #0E133C;
  }
  section#cont .l_trabajos .trabajo .imgs .des{
    background-color: #27479E;
  }
  .contact{
    padding: 2em .3em;
  }
  .contact p{
    color: #999999;
    font-size: 1.12em;
  }
  .contact .izq{
    padding: 1.5em 0em;
  }
  .contact label{
    color: #999;
    display: block;
    padding: .5em 0em 0.3em 0em;
  }
  .contact input[type="text"],.contact textarea{
    background-color: #CCCCCC;
    box-sizing: border-box;
    box-shadow: .3em .3em .3em rgba(0,0,0,.7);
    border: 0em;
    color: #000;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1em;
    padding: .5em;
    margin-bottom: 1em ;
    width: 100%;
  }
  .contact textarea{
    height: 10em;
  }
  .contact .btnEnviar{
    background-color: #27479E;
    color: #fff;
    display: block;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1em;
    margin:0em auto;
    padding: 1em 0em;
    width: 18em;
  }
  .contact #res{
    text-align: center;
    color: #999;
    font-size: 1.12em;
    padding: 0.5em 0em;
  }
  .contact #res span{
    color: #27479E;
  }
  .texto_serv{
   
  }
  .texto_serv .texto_dest{
     background-color: #DDDDDD;
     padding: 2.5em 0.3em;
  }
  .texto_serv .texto_dest .tit{
    font-size: 1.8em;
    padding: 0em 0em 1em 0em;
    text-align: center;
  }
  .texto_serv .texto_dest p{
    font-size: 1.12em;
    color: #666;
    padding: .5em 0em;
    text-align: justify;
  }
  .texto_serv .texto_dest .pasos_cambio{
    box-shadow: 0.12em 0.12em 0.3em rgba(0,0,0,.2);
    border-radius: 1em;
    padding: 1em .5em;
    margin: 1em 0.3em 0em 0.3em;
  }
  .texto_serv .texto_dest .pasos_cambio .paso{
    padding: 1em 0.3em;
    text-align: center;
  }
  .texto_serv .texto_dest .pasos_cambio .paso .tit_paso{
    background-color: #1A3C98;
    color: #fff;
    font-size: 1.25em;
    padding: 0.5em 0em .5em 0em;
  }
  .texto_serv .texto_dest .pasos_cambio .paso .txt_paso{
    font-size: 1.12em;
    text-align: center;
    padding: .5em 0em;
  }
  .texto_serv .texto_como{
    padding: 2.5em .3em;
  }
  .texto_serv .texto_como .tit{
    font-size: 1.8em;
    padding: 0em 0em 1em 0em;
    text-align: center;
  }
  .texto_serv .texto_como p{
     font-size: 1.12em;
    color: #666;
  }
  .texto_serv .texto_como .pasos_cambio2{
    padding: 1em .3em;
  }
  .texto_serv .texto_como .pasos_cambio2 .pasos{
    border:0.06em solid #ddd;
    border-radius: 1em;

    padding: 1em 1em;
    margin: 0em 0em 1em 0em;
  }
  .texto_serv .texto_como .pasos_cambio2 .pasos .num{
    background-color: #1A3C98;
    border-radius: 100%;
    box-sizing: border-box;
    box-shadow: .06em .06em .2em rgba(0,0,0,0.3);
    color: #fff;
    height: 3em;
    text-align: center;
    width: 3em;
  }
  .texto_serv .texto_como .pasos_cambio2 .pasos .num span{
    font-size: 2.5em;
  }
  .texto_serv .texto_como .pasos_cambio2 .pasos .tit_c{
    border-bottom: 0.06em solid #ddd;
    font-size: 1.25em;
    padding: .3em 0em .1em 0em;
    margin: 0em 0em .5em 0em;
  }
  .texto_serv .texto_como .pasos_cambio2 .pasos .txt_c{
    font-size: 1.12em;
    color: #999;
    text-align: justify;
  }

  .texto_serv .texto_dest .pasos_cambio3{
    box-shadow: 0.12em 0.12em 0.3em rgba(0,0,0,.2);
    border-radius: 1em;
    padding: 1em .5em;
    margin: 1em 0.3em 0em 0.3em;
  }
  .texto_serv .texto_dest .pasos_cambio3 .paso{
    padding: 1em 0.3em;
    text-align: center;
  }
  .texto_serv .texto_dest .pasos_cambio3 .paso .tit_paso{
    background-color: #1A3C98;
    color: #fff;
    font-size: 1.25em;
    padding: 0.5em 0em .5em 0em;
  }
  .texto_serv .texto_dest .pasos_cambio3 .paso .txt_paso{
    font-size: 1.12em;
    text-align: center;
    padding: .5em 0em;
  }
  .text_des_qs{
    background-color: #0D143E;
    color: #fff;
    display: block;
    font-size: 1.5em;
    padding: .5em;
    text-align: center!important;
  }
  .img_conte{
    display: block;
    height: auto;
    margin: 0em auto;
    max-width: 18em;
    width: 100%;
  }
}