﻿
/*.carouselDevice {
    margin: 2%;
}*/

#myCarousel {
    z-index: 1020 !important;
    min-height: 250px !important;
}


.carouselDevice .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100% !important;
    /*background: #ffffff;*/
}

.carousel-indicators { 
left: 31%; 
width:10%; 
/*top: 50%;*/ 

}



    .carousel-indicators li:hover {
        transform: scale(1.5, 1.5);
    } 

.carousel-indicators li {
  display: inline-block;
  width: auto;
  height: auto;
  text-indent: 0;
  border-radius: 0px;
  border: none;
  transition: all .2s ease-in-out;

}

.carousel-indicators .active {
  width: auto;
  height: auto;
}



.carouselDevice .carousel-caption {
    text-shadow: 5px 5px 5px #000000 !important;
}

    .carouselDevice .carousel-caption h3 {
        font-size: 5.5vh;
        font-size: 4.0vw;
        font-family: 'Homenaje', sans-serif;
    }

    .carouselDevice .carousel-caption p {
        font-size: 4.0vh;
        font-size: 3.0vw;
        font-family: 'Homenaje', sans-serif;
    }

/*.carousel-control {
    background-image: none !important;
    color: #000000 !important;
}*/


/*solutiions*/


.carousel-solutions .carousel-inner {
    width: 100%;
}

.carousel-solutions .carousel-control {
    width: 4%;
}

.arrow {
    color: #ffffff;
}



/*.carousel-solutions .cloneditem-1,
.carousel-solutions .cloneditem-2,
.carousel-solutions .cloneditem-3 {
    display: none;
}*/


@media all and (max-width: 2048px) {
    .carousel-solutions .carousel-inner > .active.left,
    .carousel-solutions .carousel-inner > .prev {
        left: -20%;
    }

    .carousel-solutions .carousel-inner > .active.right,
    .carousel-solutions .carousel-inner > .next {
        left: 20%;
    }

    .carousel-solutions .carousel-inner > .left,
    .carousel-solutions .carousel-inner > .prev.right,
    .carousel-solutions .carousel-inner > .active {
        left: 0;
    }

    .carousel-solutions .carousel-inner .cloneditem-2,
    .carousel-solutions .carousel-inner .cloneditem-3 {
        display: block;
    }
}




/*@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    .carousel-solutions .carousel-inner > .item.active.right,
    .carousel-solutions .carousel-inner > .item.next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
        left: 0;
    }

    .carousel-solutions .carousel-inner > .item.active.left,
    .carousel-solutions .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
        left: 0;
    }

        .carousel-solutions .carousel-inner > .item.left,
        .carousel-solutions .carousel-inner > .item.prev.right,
        .carousel-solutions .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            left: 0;
        }
}*/



.item-sol {
    padding: 20px !important;
    padding-right: 0px !important;
    margin: 0px !important;
}


.row .carousel-solutions {
    margin: 10px;
}


/*.topology container {
    padding: 20px;
}*/


.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0.4;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}


@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .carousel-fade .carousel-inner > .item.next.left,
        .carousel-fade .carousel-inner > .item.prev.right,
        .carousel-fade .carousel-inner > .item.active {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
}


.carousel-cap {
    font-family: 'Impact';
    font-size: 40px;
}



.carouselDevice .carousel-caption{
    color: #ffffff;
    right: 40%;
    text-align: left;
    max-width: 600px;
    left: auto;
    transform: translateY(-30%);

}


    .carouselDevice .carousel-caption p {
         font-size: 40px;
    }

.item {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

