/* CSS CAROUSEL INDEX *******//*=== Carousel ======================*/
.carousel-custom{
    height: 37vw;
}
.carousel-inner{
    height: 100% !important;
}
.item{
    height: 100%;
}
.item-wrapper{
    cursor: pointer;
    height: 100%;
    width: 100%;
    background-size: cover;
}
.carousel-img{
    position: absolute;
    min-height: 100%;
    min-width: 100%;
}
/*=== ícones =====================*/

/* indicadores */
.carousel-indicators li{
    width: 13px !important;
    height: 13px !important;
    margin: 0px 5px !important;
    border: 2px solid white !important;
}

/* icones direcionais */
.carousel-control{
    width: 60px !important;
}
.dir-icon{
    margin: 270px 10px;
    width: 30px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.arrow-left{
    background-image: url('../images/icons/leftArrow.png');
}
.arrow-right{
    background-image: url('../images/icons/rightArrow.png');
}

/*=== Legenda =======================*/
.carouselCaption-custom{
    position: absolute;
    bottom: 95px;
    max-width: 940px;
    text-shadow: none;
    color: white;
}
/* title */
.slide-title{
    padding: 15px 25px;
    margin: 5px 0px;
    font-size: 18pt;
    background-color: rgba(65,148,133,0.9);
}
.slide-title a{
    color: white;
    text-decoration: none;
    transition: .1s all ease-in;
}
.slide-title a:hover{
    color: rgba(222,218,204,1);
}
/* subtitle */
.slide-subtitle{
    width: 75%;
    padding: 15px 25px;
    margin: 5px 0px;
    font-size: 15pt;
    color: black;
    background-color: rgba(222,218,204,0.8);
}

/* Layout responsivo */
/* ======  min-width: 1200px =============================================*/
@media only screen and (max-width: 1499px){
    .carousel-custom{
        /*height: 560px;*/
    }
    .dir-icon{
        margin: 235px 5px;
    }
}

/* ======  min-width: 992px =============================================*/
@media only screen and (max-width: 1199px){

    /* carousel */
    .carousel-custom{
        /*height: 505px;*/
    }

    /* legenda */
    .carouselCaption-custom{
        max-width: 835px;
        bottom: 70px;
    }
    .slide-title, .slide-subtitle{
        font-size: 12pt;
    }

    /* setas direcionais */
    .dir-icon{
        margin: 185px auto;
    }
}
/* ======  min-width: 768px =============================================*/
@media only screen and (max-width: 991px){

    /* carousel */
    .carousel-custom{
       /* height: 365px;*/
    }
     .carouselCaption-custom{
        max-width: 635px;
    }
    /* setas direcionais */
    .dir-icon{
        margin: 135px auto;
    }
}
/* ======  min-width: 480px =============================================*/
@media only screen and (max-width: 767px){

    /* carousel */
    .carousel-custom{
       /* height: 240px;*/
    }

    /* legenda */
    .carouselCaption-custom{
        display: none;
    }

    /* title */
    .slide-title{
        font-size: 12pt;
        padding: 10px 15px;
    }

    /* subtitle */
    .slide-subtitle{
        width: 90%;
        font-size: 11pt;
        padding: 10px 15px;
    }

    /* setas direcionais */
    .dir-icon{
        margin: 65px auto;
    }
}

/* ======  min-width: 300px =============================================*/
@media only screen and (max-width: 479px){

    /* altura do carousel */
    .carousel-custom{
       /* height: 200px;*/
    }

    /* posição dos indicadores */
    .carousel-indicators{
        bottom: 0px !important;
    }

    /* setas direcionais */
    .dir-icon{
        margin: 40px auto;
    }

    /* legenda */
    .carouselCaption-custom{
        display: none;
    }

    /* title e subtitle */
    .slide-title, .slide-subtitle{
        padding: 3px 15px;
    }
    .slide-subtitle{
        font-size: 10px;
    }
}