@charset "UTF-8";
/* CSS Document */
body *{font-family: 'Roboto', sans-serif; overflow: hidden;}
a, a:hover{color: #000000; text-decoration: none;}
a.colapsable{display: flex; align-items: center; flex-direction: row;}
a.colapsable:after{
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 20px;
    margin: 0 20px;
}
a.colapsable.collapsed:after{
    content: "\f078";
    
    font-weight: 600;
}
.boton-col{position: relative;}
.about .bot{width: 200px; border-radius:10px; background-color: #004788; color: #ffffff; display: flex; flex-direction: row; padding: 0 !important; margin-top: 20px; align-items: center; text-transform: uppercase; font-weight: 800; cursor: pointer;}
.about .bot .icon{background-color: #333333; border-bottom-left-radius: 10px; border-top-left-radius: 10px; padding: 10px !important; margin-right: 10px;}
.about .bot .icon img{width: 20px;}
section.slide{
    position: relative;
    overflow: hidden;
}
section.slide .header{
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 2;
    padding: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
section.slide video{
    /*width: 100%;
    height: auto;
    position: absolute;*/
    z-index: 1;
}
.logo{}
.logo img{
    width: 200px;
}
.info{
    padding: 40px 0;
}
.title{padding-left: 0 !important; font-weight: 700; font-size: 26px;}
.title img{margin-right: 10px !important; width: 20px !important; margin-bottom: 8px;}
.container .row div{padding: 25px;}
.division {width: 100%; display: flex; justify-content: flex-start; align-items: center; text-transform: uppercase; font-size: 25px; font-weight: 600; margin: 10px 0}
.division img{height: 15px; margin-right: 10px;}
.brands img{width: 90px;}
.awards .row div, .brands .row div{padding: 45px; display: flex; justify-content: center; align-items: center;}
.awards img{width: 100%;}
.icons{width: 100%; padding: 20px; display: flex; flex-direction: row; text-align: center; justify-content: center;}
svg.icon{color: #004788 !important; fill:#004788 !important;  width: 90px !important;  height: 90px !important; margin: 20px; cursor: pointer; display: block;}
.info a{padding: 0 !important; display: contents; text-decoration: underline !important; font-weight: 700; cursor: pointer; color: #004788 !important}

/*Responsive New Slider*/
/*Desktop*/
@media (min-width: 769px) {
    
}
/*Tablet*/
@media (max-width: 768px) and (min-width: 481px){
    section.slide{height: auto !important;}
}
/*Movil*/
@media (max-width: 480px) {
    section.slide{height: auto !important;}
    .awards .row div, .brands .row div{padding: 10px 45px;}
    svg.icon{width: 30px !important;  height: 30px !important; }
}