/*
 * ::::::::::: Custom Styles :::::::::::
 * Note: use this file to add or override any other styles.
 * DON'T EDIT TEMPLATE CSS/SCSS FILES DIRECTLY, JUST USE THIS FILE.
 */

.testimonials.style-4 .testimonials-item h3 span, .team .team-member .team-member-meta h5 {
    color: #D8D8D8;
}

body.footer-background.dark-color footer .footer-social-links li .icon {
    color: rgba(255,255,255,.9);
}

body.footer-background.dark-color .footer-bottom-content a, body.footer-background.dark-color .footer-bottom-content p {
    color: rgba(255,255,255,.85);
}

.works.isotope .isotope-filter.style-2 li {
    color: #5c5c5c;
}

.image-hover.effect-1 figure h5, .image-hover.effect-1 figure p {
    color: rgba(255,255,255,1);
}

.works-latest .works-latest-item .works-latest-item-meta h5 a, .works-latest .works-latest-item .works-latest-item-meta h3 a, .works-latest .works-latest-item .works-latest-item-meta h5, .works-latest-item .works-latest-item-meta h3 {
opacity: 1;
}

body .image-hover figure img {
 min-height: auto!important;
}

@media screen and (max-width:768px) {
    body .works-latest .works-latest-item .works-latest-item-meta h3 {
     font-size: 18px;
    }

    body .image-hover figure img {
     min-height: auto!important;
    }

    body .tp-caption.large_text {
        font-size: 16px!important;
        padding-top: 25px !important;
        padding-bottom: 0 !important;
    }
}

/*# sourceMappingURL=_maps/custom.css.map */


/*CSS by AGRA*/

/*
Font: roboto | Weight: 400, 500
*/

:root{
    --blanco: #ffffff;
    --negro: #000000;
    --azul-oscuro: #0e426a; /*Textos*/
    --azul: #0071b7; /*Footer*/
    --azul-claro: #72ccf1; /*Iconos*/
    --gris: #cfd9e1; /*Fondo de productos en Home y footer izquierdo*/
    --rojo-c: #eb5955; /*(Degradado izquierdo)*/
    --rojo-o: #e62f2b; /*(Degradado derecho)*/
}

/*Let's Start*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500&display=swap');
/*** 

====================================================================
  Globals
====================================================================

***/
body{
    font-family: 'Roboto', sans-serif!important;
}
a:hover{
  text-decoration: none!important;
}
.pageloader{
    background: var(--azul);
}
.roboto{
    font-family: 'Roboto', sans-serif!important;
}
/*Footer*/
.footer-aqua{
    background: var(--azul);
    padding: 20px 0;
}
.flex-footer{
    display: flex;
    align-items: center;
}
.flex-footer .footer-left{
    display: flex;
    align-items: center;
    text-align: left;
}
.flex-footer .footer-left p, .flex-footer .footer-left span, .flex-footer .footer-left a{
    color: var(--blanco)!important;
    margin-bottom: 0;
    display: contents;
}
.flex-footer .footer-left span{
    margin: 0 10px;
}
.flex-footer .footer-center{
    text-align: center;
}
.flex-footer .footer-center p{
    margin-bottom: 10px;
    color: var(--blanco);
}
.flex-footer .footer-center .logos-footer-aqua{
    display: flex;
    align-items: center;
    justify-content: center;
}
.flex-footer .footer-center .logos-footer-aqua a{
    display: inline-flex;
}
.flex-footer .footer-center .logos-footer-aqua img{
    width: 100%;
    height: 100%;
    margin: 0 10px;
}
.flex-footer .footer-right{
    text-align: right;
}
.flex-footer .footer-right img{
    max-width: 140px;
    height: 100%;
}

/*** 

====================================================================
  Home
====================================================================

***/
.subtitle-slide{
    color: #fff;
    white-space: pre-line!important;
}

.btn-slide{
    background: linear-gradient(45deg, var(--rojo-c), var(--rojo-o));
    border: 1px solid var(--rojo-o);
    color: var(--blanco);
    transition: all .5s ease-in-out!important;
    padding: 5px 15px;
    z-index: 99!important;
}
.btn-slide:hover{
    background: transparent;
    color: var(--rojo-o);
    border: 1px solid var(--blanco);
}
.btn-slide:hover:before{
    height: 100%;
}
.btn-slide:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--blanco);
    width: 100%;
    height: 0;
    transition: all .5s ease-in-out;
    z-index: -1;

}

/*Responsive*/
/*Ipad Pro Vertical*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
    
}

/*Ipad Pro Horizontal*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
    
}

/*Ipad Horizontal*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
    
}

/*Ipad Vertical*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    
}

/*Phone Vertical*/
@media only screen
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (orientation: portrait){ 
    


}

/*Phone Horizontal*/
@media only screen
  and (min-width: 320px) 
  and (max-width: 736px) 
  and (orientation: landscape){ 

}