/*!*a:visited, a:active, a:focus, a:hover,*! .right, .left {*/
    /*color: #F8D054 !important;*/
    /*background-color: transparent !important;*/
    /*opacity: 1;*/
/*}*/

a:hover {
    background-color: transparent !important;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -60px;
    color: #F7B604 !important;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -60px;
    color: #F7B604 !important;
}

.carousel-indicators li {
    background-color: rgba(0,0,0,0);
    border: 1px solid  #fff;
}

.carousel-indicators .active {
    background-color: #F8D054;
}

/*.container {*/
    /*margin: auto;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*left: 0;*/
/*}*/

.login-box {
    position: absolute;
    top: 0;
    bottom: 40%;
    right: 10%;
    left: 0;
    margin: auto;
    width: 360px;
    height: 220px;
}

#myCarousel {
    position: absolute;
    top: 5%;
    bottom: 0;
    right: 10%;
    left: 0;
    margin: auto;
    /* width: 360px; */
    height: 28%;
}

@media (min-width: 2465px )/* and (max-width: 2560px)*/{
    .login-box {
        right: 15%;
        /*transform: rotateZ(-2deg) scale(1.5) !important;*/
    }

    #myCarousel {
        top: 10%;
        /*transform: rotateZ(-3.5deg) scale(1) !important;*/
    }

}

@media (min-width: 2140px ) and (max-width: 2464px){
    .login-box {
        right: 15%;
        /*transform: rotateZ(-2deg) scale(1) !important;*/
    }

    #myCarousel {
        top: 10%;
        /*transform: rotateZ(-3.5deg) scale(1) !important;*/
    }

}

@media (min-width: 1200px ) and (max-width: 2064px){
    .login-box {
        top: 5%;
        right: 15%;
        /*transform: rotateZ(-2deg) scale(1) !important;*/
    }

    #myCarousel {
        top: 15%;
        /*transform: rotateZ(-3.5deg) scale(0.8) !important;*/
    }

}

@media (min-width: 500px ) and (max-width: 1199px){
    .login-box {
        top: 22%;
        right: 12%;
        /*transform: rotateZ(-2deg) scale(1) !important;*/
    }

    #myCarousel {
        display: none;
        /*top: 50%;*/
        /*transform: rotateZ(-3.5deg) scale(1) !important;*/
    }

}

@media (max-width: 499px){
    .login-box {
        top: 20%;
        right: 12%;
        /*transform: rotateZ(-2deg) scale(1.2) !important;*/
    }

    #myCarousel {
        display: none
    }

}