/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
	height: 100%; }

/* Half Page Carousel itself*/
.carousel {
	height: 50%; }
.carousel .carousel-inner {
    height: 100%; }
.carousel .carousel-inner .carousel-item,
.carousel .carousel-inner .active {
	height: 100%; }

html,
body,
header,
.carousel.landing {
	height: 60vh;
}

.brief-info .left-col {
    -ms-flex-align: end!important;
    align-items: flex-end!important;
}

@media (max-width: 740px) {
	html,
	body,
	header,
	.carousel.landing {
		height: 100vh;
	}
    
    .brief-info .left-col {
        -ms-flex-align: start!important;
        align-items: flex-start!important;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
	html,
	body,
	header,
	.carousel {
		height: 100vh;
	}
}

.navbar {
	background-color: rgba(0, 0, 0, 0.2); 
}

.news div div:hover {
    color: #003278 !important;
    cursor: pointer;
}

.news h4 {
    font-size: 22px;
}

.news div {
    max-width: 220px;
    max-height: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.5s;
}

.to-down {
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.to-down i {
    margin-top: 3px;
	-webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.to-down:hover {
    background-color: #f87907;
}
.to-down:hover i {
    color: #fff !important;
}

.news-cut {
    color: #4F7AAD!important
}