@charset "UTF-8";
/* CSS Document */

@media (min-width: 450px) {
    .banner_chico {
        min-height: 175px;
    }
}

@media (min-width: 570px) {
    .banner_chico {
        min-height: 200px;
    }
}

@media (min-width: 768px) {
    .banner_chico {
        min-height: 225px;
    }
}


@media (min-width: 768px) {
	.pb-md-6 {
        padding-bottom: 5rem !important;
    }
}

@media (min-width: 769px) {
    .right-md-0{
        right: 0
    }
    .right-md-2{
        right: 2rem
    }
    .right-md-3{
        right: 3rem
    }
    .top-md-0{
        top: 0
    }
    .top-md-1{
        top: 1rem
    }
    .top-md-175{
        top: 1.75rem
    }
    .site-menu > ul > li:hover .mega-menu-container{
        display: block
    }
}

@media (min-width: 992px) {
	.px-lg-6{
		padding-left: 5rem!important;
		padding-right: 5rem!important
	}
    .position-md-absolute{
        position: absolute!important
    }

    
}

@media (min-width: 1024px) {
	.px-lg-6{
		padding-left: 5rem!important;
		padding-right: 5rem!important
	}
}

@media (min-width: 1300px) {
    body{
        font-size: 0.9rem;
        letter-spacing: 0.030rem;
        line-height: 1.5;
    }
    .h-500{
        min-height: 575px
    }
    /* .mega-menu-container{
        margin: 0 1.495rem 0 1.495rem; */
    }
    .mega-menu-container ul li{
        font-size: 0.9rem;
        letter-spacing: 0.030rem;
        line-height: 1.5;
    }
    .site-menu > ul > li > a{
        font-size: 0.75rem;
        letter-spacing: 0.70px;
    }
    .user-menu-panel .user-menu-panel-in > ul > li > a{
        font-size: 0.90rem;
    }
    .mh-50{
        min-height: 75px
    }
}

@media (min-width: 1400px) {
    .site-header > .container{
        position: relative
    }
    .user-menu-panel{
        top: -40px
    }
    /* .mega-menu-container{
        margin: 0 0.7rem 0 0.7rem;
    } */
    .mh-50{
        min-height: 100px
    }
}

@media (max-width: 1025px) {
    .f-block-in{
        width: 70%
    }
    .p-40{
        padding: 30px
    }
}

@media (max-width: 1199px) {
    .site-menu > ul > li{
        /* margin-left: 20px */
    }
    .sq-block {
        min-height: 225px;
    }
    .fs-16{
    font-size: 14px
    }
    .ms-4 {
    margin-left: 0.6rem !important;}
}
@media (max-width: 991px) {
    .site-logo{
        margin-bottom: 25px;
        display: block;
        width: 150px;
    }
    .site-content {
        margin-top: 115px;
    }
    .footer-sp-col{
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 0;
        padding-right: 0;
    }
    .footer-in-col{
        width: 33.33333333%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .sp-bg:before{
        transform:scaleX(-1);
    }
    .sp-logo{
        position: absolute;
        bottom: 20px
    }
    .d-link.fw-bold{
        font-weight: 500!important
    }
    .f-block-in{
        min-height: 300px
    }
    .m-fe-0{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex!important;
        justify-content: end!important;
        align-items: center!important;
        padding-right: 20px;
        margin: 0!important
    }
    .m-fs-0{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex!important;
        justify-content: start!important;
        align-items: center!important;
        padding-left: 20px;
        margin: 0!important
    }
    .m-mh-150{
        min-height: 150px
    }
    .m-color-info{
        color: var(--color-info)!important
    }
    .m-color-primary{
        color: var(--color-primary)!important
    }
    .m-color-light{
        color: var(--color-light)!important
    }
    .m-color-dark{
        color: var(--color-dark)!important
    }
    .h-600{
        min-height: 0
    }
    .f-block{
        height: auto
    }
    .s-bg-col1{
         background-image: none
    }
    .s-bg-col2{
         background-image: url('../images/home__img-10.jpg')
    }
    .m-text-white{
        color: #fff!important
    }
    .mmenu-trigger{
        display: flex
    }
    .site-menu{
        display: none;
        position: absolute;
        top: calc(100% - 0px);
        overflow: auto;
        max-height: calc(100vh - 75px);
        background: #fff;
        padding: 1.5rem;
        left: 0;
        width: calc(100% - 1.4rem);
        margin: 0 0.7rem 0 0.7rem;
        box-shadow: 0px 20px 15px rgba(0, 0, 0, .25);
    }
    .site-menu > ul{
        /* border-top: 1px solid var(--color-primary); */
        width: 100%
    }
    .site-menu > ul > li{
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid var(--color-info-subtle);
    }
    .m-item-t{
        display: block
    }
    .site-menu > ul > li > a{
        font-size: 14px;
        font-weight: 500;
        padding: 15px 0;
        display: block;
        flex-grow: 1
    }
    .site-menu > ul > li:last-child{
        border-bottom: 0
    }
    .mega-menu-container{
        position: static;
        box-shadow: none;
        flex-basis: 100%;
        margin: 0;
        border-top: none;
    }
    .mega-menu-container:before, .mega-menu-container:after{
        display: none
    }
    .mega-menu-in{
        position: static;
        padding: 0 0;
        margin-top: 0;
    }
    .m-w-auto{
        width: auto!important
    }
    .side-menu > ul{
        display: none
    }
    .side-menu,.side-menu + a{
        width: 48%
    }
    .side-menu > h4{
        /* border: solid 1px var(--color-danger)!important; */
        margin: 0!important;
        height: 100%;
        font-size: 22px!important
    }
    .side-menu1 > ul{
        display: block;
    }
    .side-menu1,.side-menu + a{
        width: 48%
    }
    .side-menu1 > h4{
        /* border: solid 1px var(--color-danger)!important; */
        margin: 0!important;
        height: 100%;
        font-size: 22px!important
    }
    .mmw-48{
        min-width: 48%
    }
}

@media (max-width: 768px) {
    .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm{
        padding-left: 20px;
        padding-right: 20px
    }
    /* .site-logo{
        margin-bottom: 25px;
        display: block;
        width: 150px;
    } */
    .site-logo-HS{
        width: 125px;
    }
    .site-header{
        padding-top: 20px;
    }
    .site-content {
        margin-top: 77px;
    }
}

@media (max-width: 767px) {
	html,body{
		overflow-x: hidden;
        font-size: 0.925rem;
        letter-spacing: 0.025rem;
        line-height: 1.75;
	}
	.py-7{
		padding-top: 5rem;
		padding-bottom: 5rem
	}
	.text-center-xs{
		text-align: center
	}
    .footer-sp-col{
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .footer-in-col{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .site-footer{
        padding-top: 20px;
        padding-bottom: 30px
    }
    .fw-carousel .grid-item{
        min-height: 325px
    }
    .fs-65{
        font-size: 45px
    }
    /* ---- CAMBIO ---- */
    .fs-40 {
        font-size: 35px;
    }
    .fs-45 {
        font-size: 40px;
    }
    .fs-55 {
        font-size: 45px;
    }
    .p-225,
    .fw-carousel .grid-item {
        padding: 20px;
    }
    h3,.h3,h2,.h2{
        /* font-size: 20px; */
        /* ---- CAMBIO ---- */
        font-size: 18px;
    }
    .p-40{
        padding: 20px
    }
    .f-block-in{
        padding: 20px
    }
    .m-w-100{
        width: 100%!important
    }
    .h-500{
        min-height: 301px
    }
    .mega-menu-container ul li{
        font-size: 0.9rem;
        letter-spacing: 0.030rem;
        line-height: 1.5;
        border-bottom: none;
    }
    .mega-menu-container ul li a{
        font-size: 0.9rem;
    }
    .mega-menu-container ul li a:before{
        display: none;
    }
}

@media (max-width: 575px) {
    body .mfs-16{
        font-size: 16px!important
    }
    .side-menu > h4{
        height: auto
    }
    .side-menu,.side-menu + a{
        width: 100%
    }

    .side-menu1 > h4{
        height: auto
    }
    .side-menu1,.side-menu1 + a{
        width: 100%;
        padding-left: 0px;
    }
    .sp-bg1:before{
        display: none
    }
    .sp-bg2:before{
        display: none
    }
    .p-075{
        padding: 1.75rem
    }
    .mt-11{
        margin-top: 2.75rem
    }
    .mt-12{
        margin-top: 3rem
    }
    .mb-12{
        margin-bottom: 3rem
    }
}

@media (max-width: 480px) {
    .f-block-in{
        min-height: 200px
    }
    .mp-30{
        padding: 25px 15px
    }
}

@media (max-width: 360px) {
    .fs-65{
        font-size: 35px
    }
    h3,.h3,h2,.h2{
        font-size: 16px
    }
    .mp-40{
        padding: 25px
    }
}