/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

/* Home Page Carousel */

header.carousel {
    height: 65%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}


/* Responsive Styles */
@media(max-width:767px) {
    
    header.carousel {
        height: 60%;
    }
    
    .carousel-indicators {
        bottom: 10px;
    }
    
    .btn{
        padding: 6px 12px 6px;
        font-size: 16px;
    }
    
    .navbar-brand{
        font-size: 20px;
        letter-spacing: 1.5px;
    }
    
    .intro-heading {
        letter-spacing: 1.5px;
    }
}


/* Map */

.map {
    height: 700px;
}

@media(max-width:768px) {
    .map {
        height: 75%;
    }
}


<!--- bg ticket --->

.ticket-translucent-bg a:hover {
	text-decoration: none;
}

.ticket-translucent-bg {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-position: 50% 0;
	background-repeat: no-repeat;
	z-index: 1;
	position: relative;
}
.ticket-.translucent-bg .translucent-bg {
	margin-top: 80px;
	z-index: 3;
}
.ticket-translucent-bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}
.ticket-translucent-bg.blue:after {
	background-color: rgba(85, 172, 238, 0.7);
}
.ticket-translucent-bg .container {
	z-index: 3;
	position: relative;
}

.bg-image-1 {
	background: url("../img/banner/header-bg2-01.jpg") 100% 0px no-repeat;
}