/********************************************* SECTION TITLE INTERNA ****************************************************/

.section_title_interna .carousel-item{

    height: calc(55vh);

    background-size: cover;

    background-position: center;

}

.section_title_interna .carousel-inner{

    position: relative;

}

/*.section_slider .carousel-inner .carousel-item.active{

    animation: imgzoom 9s infinite alternate;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}*/



@keyframes imgzoom{

    from{

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

    }

    to{

        -webkit-transform: scale(1.2);

        -ms-transform: scale(1.2);

        -o-transform: scale(1.2);

        transform: scale(1.2);

    }

}

.section_title_interna .carousel-inner .carousel-item:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,61,144,.9)),color-stop(50%,rgba(0,153,125,.6)),color-stop(60%,rgba(0,0,0,.15)));

    background-image: -o-linear-gradient(to right,rgb(0 6 70) 0,rgb(0 0 0 / 60%) 49%,rgba(0,0,0,.15) 88%);

    background-image: linear-gradient(to right,rgb(0 6 70) 0,rgb(0 0 0 / 60%) 49%,rgba(0,0,0,.15) 88%);

    opacity: 1;

    z-index: 1;

}

/*******/

.arrastre_hormiga{ 

        background-image: url(../../../../public/img/fondo/img-arrastre.jpg);

    background-color: #223a66;

    background-size: 30%;

    background-position: left bottom;

    background-repeat: no-repeat;

    -webkit-box-shadow: 0 15px 60px rgba(0, 0, 0, 0.1);

    box-shadow: 0 15px 60px rgba(0, 0, 0, 0.1);

    overflow: hidden;

    position: relative;

}

.arrastre_hormiga:before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #223a66;

    opacity: .5;

}

/**/

.arrastre_hormiga .title_arraste{

    margin-right: 30px;

    margin-bottom: 0;

    color: #fff;

    font-size: 36px;

    font-weight: 600;

}

/**/

.arrastre_hormiga .list_arrastre{

    position: relative;

    color: #222222;

    margin: 0 26px 0 0;

    padding: 50px 60px;

    list-style: none;

    font-size: 18px;

    font-weight: 500;

    white-space: nowrap;

    z-index: 0;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    flex-flow: row wrap;

    justify-content: center;

}

.arrastre_hormiga .list_arrastre:before{

    content: "";

    position: absolute;

    top: 0;

    left: 20px;

    right: 20px;

    bottom: 0;

    background-color: #fff;

    -webkit-transform: skewX(-24deg);

    -ms-transform: skewX(-24deg);

    transform: skewX(-24deg);

    z-index: -1;

}

/**/

.arrastre_hormiga .list_arrastre>li a{

    color: #39c7ff;

    font-weight: 600;

    text-decoration: none;

    display: block;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

.arrastre_hormiga .list_arrastre>li a:hover{

    color: #8ec038;

    -webkit-transition: all ease 500ms;

    -o-transition: all ease 500ms;

    transition: all ease 500ms;

}

/**/

.arrastre_hormiga .list_arrastre .curves {

    position: absolute;

    top: 0;

    height: 100%;

}

.arrastre_hormiga .list_arrastre .curves.left {

    left: 0;

}

.arrastre_hormiga .list_arrastre .curves:before,

.arrastre_hormiga .list_arrastre .curves:after {

    content: " ";

    position: absolute;

    top: 0;

    height: 100%;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#558dca), to(rgba(255, 255, 255, 0)));

    background-image: -o-linear-gradient(top, #558dca 0%, rgba(255, 255, 255, 0) 100%);

    background-image: linear-gradient(to bottom, #558dca 0%, rgba(255, 255, 255, 0) 100%);

    -webkit-transform: skewX(-24deg);

    -ms-transform: skewX(-24deg);

    transform: skewX(-24deg);

}

.arrastre_hormiga .list_arrastre .curves:after {

    -webkit-transform: skewX(-24deg) rotate(180deg);

    -ms-transform: skewX(-24deg) rotate(180deg);

    transform: skewX(-24deg) rotate(180deg);

}

.arrastre_hormiga .list_arrastre .curves.left:before {

    left: -8px;

    width: 20px;

}

.arrastre_hormiga .list_arrastre .curves.left:after {

    left: 12px;

    width: 8px;

}

.arrastre_hormiga .list_arrastre .curves.right {

    right: 0;

}

.arrastre_hormiga .list_arrastre .curves.right:before {

    left: -20px;

    width: 20px;

}

.arrastre_hormiga .list_arrastre .curves.right:after {

    left: 0;

    width: 8px;

}

.arrastre_hormiga .list_arrastre li.separator {

    margin: 0 5px;

}

/**/

@media(max-width: 991px){

    .arrastre_hormiga .title_arraste {

        font-size: 30px;

    }

    .section_title_interna .carousel-item {

        height: calc(30vh);

    }

}

@media(max-width: 767px){

    .arrastre_hormiga .list_arrastre {

        font-size: 14px;

        padding: 50px 43px;

    }

    .arrastre_hormiga .title_arraste {

        font-size: 25px;

    }

}

@media(max-width: 580px){

    .arrastre_hormiga .list_arrastre{

        display: none;

    }

    .arrastre_hormiga{

        padding: 50px 0;

    }

}

/********************************************* SECTION TITLE INTERNA ****************************************************/









/*********************************************** SECTION CLIENTES *************************************************/

.sect_clientes{

    padding: 100px 0;

}

/******/

.box_marcas{

	box-shadow: 0 2px 3px 0 rgba(100,100,100,.3);

	margin-bottom: 25px;

}

/******/

.box_marcas img{

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

.box_marcas:hover img{

	filter: grayscale(100%);

	-webkit-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}
/******/
.control, .control2 {
    background: #8ec038;
}
.mixitup-control-active {
    background: #ffffff !important;
}
/******/

@media(max-width: 991px){

    .sect_clientes{

        padding-bottom: 50px;

    }

}

/********************************************* END SECTION CLIENTES ***********************************************/