section#home-section{
    padding:0 !important;
    display:block;
    overflow:hidden;
}

.title-slide{
    line-height: 1;
}

.swiper-slide{
    background: url(../images/blog/media/header-blogs.png) center;
    color: #fafafa;
}


.swiper-container{
    width: 100%;
    height: 340px !important;
    padding: 0em !important;
}

.swiper-wrappers {
    height: 340px !important;

}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    display: none !important;
}
.swiper-wrapper .swiper-slide{overflow:hidden;} 
.swiper-wrapper .swiper-slide .container-fluid{height:100%;}
.swiper-wrapper .swiper-slide .container-fluid .row{height:100%;}

.info-txt-1{
    width: 100%;
    height: auto;
    top:100px;
    /*left: 160px;*/
    z-index: 9999;
}

#swiper-slide-one h1, #swiper-slide-two h1, #swiper-slide-three h1 {
    font-size: 50px !important;
    font-weight: 700 !important;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    line-height: 0.8;
}
#swiper-slide-one h1 small, #swiper-slide-two h1 small, #swiper-slide-three h1 small{
    font-size:36px;
    font-weight:400;
}

#top-phrase{
    padding-top: 2em !important;
    padding-bottom: 0em !important;
}




.llamanoscontacto { 
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 10px;
}

.articulos { 
    font-size:18px;font-weight:500;
    margin-bottom: 0;
}

.date { 
    margin-bottom: 0;
}

.desc{
    text-align: justify;
}

.paddingbutton {
    padding:10px 40px;
}

.btn-outline-dark {
    color: #0c98d5;
    background-color: #fff;
    border: 3px solid #0c98d5;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}


.btn-outline-dark:hover {
    color: #fff;
    background-color: #0c98d5;
    border: 3px solid #0c98d5;
}

.bigbutton {
    font-size: 20px !important;
}

.item-blog img{
    height: 175px;
    width: 100%;
}

.item-blog-title{
    overflow: hidden;
    height: 45px;
}
.item-blog-title a:visited{
    color: #225472;
}
.item-blog-intro{
    overflow: hidden;
    height: 100px;
    margin-bottom: 0;
}
.item-blog-mas{
    font-size: 22px;
    font-weight: 400;
    color: #3191A8 !important;
}
.item-blog-mas:hover{
    color: #218198 !important;
}


.image-grid__item{
    padding: 1em;
}
.image-grid__item:hover{
    background-color: #eee;
}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/
/*lg*/
@media screen and (max-width: 1440px){
    .paddingorgullo{
        padding: 20px 0px;
    }
    .paddingorgullo p{
        font-size: 16px !important;
        line-height: normal !important;
    }
}
@media screen and (max-width: 1200px){
    .swiper-slide{background-position: left center !important;}
    .paddingorgullo{
        padding: 20px 15%;
    }
    .paddingorgullo p{
        font-size: 16px !important;
        line-height: normal !important;
    }
}

@media screen and (max-width: 1023px){
    .col-xl-1.foo{position:absolute;}
    .info-txt-1 {top: 0vh;position: inherit;display:block;z-index:9999;}
    .swiper-slide{
        background: url(../images/header-blogs-movil.jpg) center;
        color: #fafafa;
    }

    .swiper-wrappers {
        height: 210px !important;
    }
    .swiper-container {
        width: 100%;
        height: 210px !important;
        padding: 0em !important;
    }
}
/*md*/
@media screen and (max-width: 991px){}
/*sm*/
@media screen and (max-width: 767px){
    #swiper-slide-one h1, #swiper-slide-two h1, #swiper-slide-three h1 {
        font-size: 30px !important;
    }
    .image-grid__item{
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
    }
    .image-grid__item:nth-child(odd) {
        background-color: #eee;
    }
    .image-grid__item img{width: 100% !important;}
}
/*xs*/
@media screen and (max-width: 600px){
    .paddingorgullo{
        padding: 20px 10%;
    }
    .paddingorgullo p{
        font-size: 16px !important;
        line-height: normal !important;
    }
    .list-ico {
    font-size: 14px;
}
h2{
  font-size: 30px !important;
}
}
@media screen and (max-width: 480px){
    .paddingorgullo{
        padding: 20px 5%;
    }
    .paddingorgullo p{
        font-size: 16px !important;
        line-height: normal !important;
    }
    #swiper-slide-one p, #swiper-slide-two p, #swiper-slide-three p {font-size: 14px !important;font-weight: 400;margin-top: 0px !important;}
}
@media screen and (max-width: 360px){}