#cubatel-content-header{
    margin-top: 60px;
    max-height: 350px;
}


.carousel-indicators {
    bottom: 60px;
}

#first-slide {
    background: url(../img/carrusel/logo-20-aniv-efecto.png) 50% no-repeat, url(../img/carrusel/1.jpg) 50% no-repeat;
    background-size: contain, 100% 350px;
}

#second-slide {
    background-size: cover;
    background: url("../img/carrusel/2.jpg") no-repeat 50%;
}

#third-slide {
    background-size: cover;
    background: url("../img/carrusel/3.jpg") no-repeat 50%;
}

#fourth-slide {
    background-size: cover;
    background: url("../img/carrusel/4.jpg") no-repeat 50%;
}

#fifth-slide {
    background-size: cover;
    background: url("../img/carrusel/5.jpg") no-repeat 50%;
}

.carousel-slides {
    min-width: 100%;
    max-height: 350px;
    min-height: 350px;
}

.carousel-control {
    opacity: 0.8;
    max-height:350px;
}

.carousel-control img.icon-next {
    width: 60px;
    height: 60px;
    right: 20%;
    top: 45%;
}

.carousel-control img.icon-prev {
    width: 60px;
    height: 60px;
    left: 20%;
    top: 45%;
}

.carousel-title {
    margin: 0px 0px 0px 0px;
    padding: 5%;
    padding-left: 0px;
    font-family: 'Open Sans' !important;
    font-size: 33px;
    color: #fff;
    text-align: -webkit-center;
    text-transform: uppercase;
    font-weight: normal;
    max-height: 216px;
}

.carousel-paragraph {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
    padding: 50px 20px 0 65%;
}

.portlet.red {
    margin: 10px 0 10px 0;
    min-height: 210px;
    width: 100%;
}

.portlet.red>p {
    margin-top: 20px;
}

.portlet-title.red {
    background-color: #E8E3E3;
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
}

.portlet-title.red>a:hover:visited:active:link,
.portlet-title.red>a
{
    color: #333;;
    text-decoration: none;
}

.portlet-item.red {
    margin: 5px 0 5px 0;
    padding: 3px 0 3px 0;
    font-size: 13px;
    text-align: left;
}

.portlet-item.red:hover {
    cursor: pointer;
    color: #ED302E;
}

.portlet-item.red>a
{
    color: inherit;
    text-decoration: none;
    margin-left: 5px;
}

.portlet-item.red>a:hover:visited:active:link {

}

.portlet-item.red span {
    float: right;
    margin: 4px;
    color: #8a8a8a;
}

#main-subscribe .input-group.input-large {
    width: 100% !important;
}

#subscription-messages{
    padding: 15px;
}

.popover {
    width: 100%;
    max-width: 100%;
    text-align: justify;
}

.popover-title {
    background-color: #ED302E;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#video-img {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    min-height: 230px;
    max-height: 230px;

    background: url(../img/video-sample.png) 50% no-repeat;
    background-size: contain, 100% 230px;
}

#video-play {
    cursor: pointer;
    margin-top: 80px;
}

#main-subscribe {
    margin-top: 30px;
}

.our-clients {
    margin-top: 40px;
}

/* For sm devices */
@media ( min-width: 768px ) {

    #cubatel-content-header {
        margin-top: 105px;
    }

    .portlet-item.red {
        font-size: 15px;
    }
}

/* For md devices */
@media ( min-width: 992px ) {

    #cubatel-content-header {
        margin-top: 130px;
    }

    .carousel-title {
        width: 40%;
    }

    .popover {
        display: block;
    }

    #video-img {
        padding-top: 10px;
    }

    .portlet-item.red {
        font-size: 13px;
    }
}

/* For lg devices */
@media ( min-width: 1200px ) {

    #cubatel-content-header {
        margin-top: 80px;
    }

    #first-slide {
        background-size: contain, 100% 350px;
    }

    #second-slide {
        background-size: 100% 350px;
    }

    #third-slide {
        background-size: 100% 350px;
    }

    #fourth-slide {
        background-size: 100% 350px;
    }

    #fifth-slide {
        background-size: 100% 350px;
    }

    .portlet-item.red {
        font-size: 15px;
    }
}