/**
 * Documentation for this Layout and Style:
 * 
 * Font
 *
 * Component
 * 
 * Header:
 * 	Navbar
 * 	Jumbotron
 * 	
 * Main:
 * 	Schedule
 * 	Synopsis
 * 	Facilities
 * 	Maps
 *
 * Footer
 */

/* ==========================================================================
   Font
   ========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700&display=swap");
/* ==========================================================================
   Font End
   ========================================================================== */

/* ==========================================================================
   Component
   ========================================================================== */
body {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	color: #cacaca;
}

a {
	color: #cacaca;

}

a:hover {
	color: #cacaca!important;
	text-decoration: none;
}

.btn-outline-primary {
	color: #FF8303;
	border-color: #FF8303;
	border: 2px solid;
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: #FF8303;
	border-color: #FF8303;
}

.btn-primary {
	color: #fff;
	background-color: #FF8303;
	border-color: #FF8303;
}
.btn-primary:hover {
	color: #fff;
	background-color: #FE6E00;
	border-color: #FE6E00;
}

.text-primary {
	color: #FF8303!important;
}

.nav {
	text-transform: uppercase;
	font-weight: 500;
	color: #cacaca;
	margin-bottom: 1rem;
	font-size: 0.9rem;
}

.nav .nav-link {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 1rem;
	border-right: 1px solid #cacaca;
}

.nav .nav-link:first-child {
	padding-left: 0;
}

.nav .nav-link:last-child {
	border-right: none;
}

ul {
	list-style-type: none;
	padding-left: 0;
}

ul li {
	margin-bottom: 1rem;
}

i.flaticon::before {
	margin-left: 0;
}

/* ==========================================================================
   Component End
   ========================================================================== */

/* ==========================================================================
   Header
   ========================================================================== */
header {
	background-image: url('../images/header.jpg');
	background-size: cover;
	min-height: 100vh;
}
/* ==========================================================================
   Header End
   ========================================================================== */

/* ==========================================================================
   Navbar
   ========================================================================== */
.navbar {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: rgba(0,0,0,.4);
}

.navbar-light .navbar-brand {
	color: #FF8303;
	font-weight: 500;
}

.navbar-light .navbar-brand:hover {
	color: #FF8303;
}

.navbar .input-group .form-control {
	background-color: transparent;
	border-top-left-radius: 50rem;
	border-bottom-left-radius: 50rem;
	border: 1px solid #cacaca;
	border-right: none;
	font-size: 0.8rem;
	font-style: italic;
}

.navbar .input-group .form-control::placeholder {
	color: #cacaca;
}

.navbar .input-group .input-group-append .input-group-text {
	background-color: transparent;
	border-top-right-radius: 50rem;
	border-bottom-right-radius: 50rem;
	border: 1px solid #cacaca;
	border-left: none;
}

.navbar .input-group .input-group-append .input-group-text .fas {
	color: #cacaca;
}

.navbar-light .navbar-nav .nav-link {
	font-size: 0.8rem;
	font-weight: 500;
	color: #cacaca;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #cacaca;	
}

.navbar .btn-outline-primary {
	font-size: 0.8rem;
	font-weight: 500;
	border: 2px solid #FF8303;
}
/* ==========================================================================
   Navbar End
   ========================================================================== */

/* ==========================================================================
   Jumbotron
   ========================================================================== */
div.jumbotron {
	margin-top: 8rem;
	margin-bottom: 0;
}

div.jumbotron h1 {
	font-weight: 300;
	color: #fff;
	margin-bottom: 2rem;
}

div.jumbotron .btn-group .btn-outline-primary {
	border-color: #fff;
	font-weight: 500;
	padding-left: 0;
	padding-right: 1.5rem;
}

div.jumbotron .btn-group .btn-outline-primary:hover {
	border-color: #FF8303;
}

div.jumbotron .btn-group .btn-outline-primary i {
	margin-right: 0.5rem;
}

div.jumbotron .btn-group .btn-outline-primary:first-child {
	color: #fff;
	border-top-left-radius: 50rem;
	border-bottom-left-radius: 50rem;
}

div.jumbotron .btn-group .btn-outline-primary:last-child {
	border-top-right-radius: 50rem;
	border-bottom-right-radius: 50rem;
}
/* ==========================================================================
   Jumbotron End
   ========================================================================== */

/* ==========================================================================
   Main
   ========================================================================== */

/* ==========================================================================
   Schedule
   ========================================================================== */
section#schedule {
	background-color: rgba(0,0,0,.1);
	padding-bottom: 5rem;
}
.schedule-card .container {
	margin-top: -5rem;
	background-color: #fff;
	padding: 2rem 3rem 3rem;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

.schedule-card .col-6 h3 {
	color: #FF8303;
	font-weight: 300;
}

.schedule-card .col-6 p {
	color: #FF8303;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 0.9rem;
}

.schedule-card .col-6 i {
	margin-right: 0.5rem;
}

.schedule-card .col-md-3 .card {
	height: 350px;
	border: none;
}

.schedule-card .col-md-3 .card img {
	height: 350px;
	background-size: cover;
}

.schedule-card .col-md-3 .card .card-img-overlay {
	background-color: rgba(0,0,0,.4);
}

.schedule-card .card .card-text {
	color: #FF8303;
}

.schedule-list .container {
	margin-top: 5rem;
	background-color: #fff;
	padding: 2rem 3rem 3rem;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

.schedule-list .col-md-8, .schedule-list .col-md-4 {
	margin-top: -3rem;
}

.schedule-list .col-md-8 button {
	padding: 0.7rem 2rem;
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.schedule-list .col-md-4 button {
	padding: 0.5rem 2rem;
	border-top-left-radius: 2rem;
	border-bottom-left-radius: 2rem;
	border-top-right-radius: 2rem;
	border-bottom-right-radius: 2rem;
	background-color: #fff;
	color: #FF8303;
}

.schedule-list .col-md-4 button:hover {
	background-color: #FF8303;
	color: #fff;
}

.schedule-list .table {
	font-weight: 500;
	color: #cacaca;
}
/* ==========================================================================
   Schedule End
   ========================================================================== */

/* ==========================================================================
   Synopsis
   ========================================================================== */
.synopsis-image {
	background-image: url('../images/synopsis.jpg');
	background-size: cover;
}

.synopsis-overview {
	background-color: rgba(0,0,0,.85);
}

.synopsis-overview .container {
	padding: 5rem 3rem 3rem;
}

.synopsis-overview .col-lg-7 h5 {
	color: #FF8303;
}

.synopsis-overview .col-lg-7 .nav {
	font-size: 0.8rem;
}

.synopsis-overview .col-lg-5 span {
	color: #FF8303;	
	font-weight: 500;
}

.synopsis-overview .col-md-12 a:hover {
	text-decoration: none;
	color: #FF8303!important;
}

.synopsis-overview .col-lg-7.video {
	width: 550px;
}

.synopsis-overview .col-lg-7.video img {
	border: 2px solid #FF8303;
	border-radius: 0.5rem;
	background-size: cover;
	width: 550px;
}

.synopsis-overview .col-6 p {
	font-weight: 500;
}

.synopsis-overview .col-6 i {
	color: #FF8303;
}

.synopsis-overview .col-6 i::before {
	margin-left: 0;
}

.synopsis-slider {
	background-color: rgba(0,0,0,.95);
}

.synopsis-slider .container {
	padding: 5rem 3rem 7rem;
}

.synopsis-slider .col-lg .card {
	height: 250px;
	border: none;
}

.synopsis-slider .col-lg .card img {
	height: 250px;
	background-size: cover;
}
/* ==========================================================================
   Synopsis End
   ========================================================================== */

/* ==========================================================================
   Facilities
   ========================================================================== */
.facilities-image {
	background-image: url('../images/jhony.jpg');
	background-size: cover;
}

.facilities {
	background-color: rgba(253, 253, 253, 0.9);
	padding-bottom: 6rem;
}

.facilities .col-md-8 {
	margin-top: -2rem;
}

.facilities .col-md-8 .btn-primary {
	font-size: 1.5rem;
	font-weight: 500;
	padding: 1rem 3rem;
	border-radius: 1rem;
	color: #FF8303;
	background-color: #fff;
	border: 1px solid;
}

.facilities .col-md-4 {
	margin-top: -1rem;
}

.facilities .flaticon {
	color: #FF8303;
	font-size: 1.5rem;
	background-color: #fff;
	padding: 0.5rem 0.7rem;
	border: 2px solid #FF8303;
	
}

.facilities .flaticon::before {
	margin-left: 0;
	font-size: 1.5rem;
}

.facilities .card {
	border-radius: 1rem;
}

.facilities .card h5 {
	color: #FF8303;
	font-size: 1rem;
}

.facilities .card .col-2 .flaticon {
	padding: 0.5rem 0.8rem;
}

.facilities .card .col-2 {
	margin-left: -1.5rem;
}
/* ==========================================================================
   Facilities End
   ========================================================================== */

/* ==========================================================================
   Maps
   ========================================================================== */
.maps .container-fluid {
	padding: 0;
}
/* ==========================================================================
   Maps End
   ========================================================================== */

/* ==========================================================================
   Main End
   ========================================================================== */

/* ==========================================================================
   Footer
   ========================================================================== */
.footer-image {
	background-image: url('../images/assasins.jpg');
	background-size: cover;
}

footer {
	padding-top: 3rem;
	background-color: rgba(0,0,0,0.9);
}

hr {
	background-color: #cacaca;
}

footer h5 {
	color: #FF8303;
}

footer i.flaticon {
	color: #FF8303;
}

footer .col-md-12 p {
	font-weight: 500;
}

footer .form-control {
	background-color: transparent;
	font-style: italic;
}

footer .form-control:focus {
	background-color: transparent;
}

footer .nav .nav-link {
	color: #FF8303;
}

footer .nav .nav-link:hover {
	color: #FE6E00!important;
}
/* ==========================================================================
   Footer End
   ========================================================================== */

/* ==========================================================================
   Media Query for Mobile Version
   ========================================================================== */

@media (max-width: 768px) {
	html {
		font-size: 14px;
	}


	
	/* ==========================================================================
	   Navbar
	   ========================================================================== */
	.navbar .navbar-collapse {
		margin-top: 1rem;
	}

	.navbar form {
		margin-right: 0!important;
		display: block;
		margin-bottom: 1rem;
	}

	.navbar .navbar-collapse a {
		display: none;
	}
	/* ==========================================================================
	   Navbar End
	   ========================================================================== */
	
	/* ==========================================================================
	   Jumbotron
	   ========================================================================== */
	div.jumbotron .nav {
		display: block;
		text-align: center;
	}

	div.jumbotron .nav .nav-link {
		display: inline;
	}

	div.jumbotron {
		text-align: center;
	}
	/* ==========================================================================
	   Jumbotron End
	   ========================================================================== */
	
	/* ==========================================================================
	   Schedule
	   ========================================================================== */
	.schedule-card .col-md-3 .card {
		width: 80%;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		
	}

	.schedule-card .col-md-3 .card img {
		width: 100%;
		height: 100%;
	}

	.schedule-list .col-md-8 button, .schedule-list .col-md-4 button {
		padding: 0.5rem;
		font-size: 1rem;
	}

	.schedule-list .table {
		font-weight: 500;
		color: #cacaca;
		font-size: 0.7rem;
	}

	.schedule-list .col-md-12 {
		padding: 0;
	}
	/* ==========================================================================
	   Schedule End
	   ========================================================================== */

	/* ==========================================================================
	   Synopsis
	   ========================================================================== */
	.synopsis-overview .col-lg-7.video img {
		margin-bottom: 2rem;
	}

	.synopsis-slider .col-lg {
		width: 100%;
	}

	.synopsis-slider .col-lg .card {
		width: 100%;
		height: auto;
	}

	.synopsis-slider .col-lg .card img {
		width: 100%;
		height: auto;
	}

	.synopsis-overview .btn-outline-primary {
		padding-left: 1rem!important;
		padding-right: 1rem!important;
	}

	.synopsis-overview .btn-outline-primary .flaticon-business {
		display: none;
	}


	/* ==========================================================================
	   Synopsis End
	   ========================================================================== */

	/* ==========================================================================
	   Facilities
	   ========================================================================== */

	.facilities {
		padding-bottom: 1rem;
	}

	.facilities .col-md-8 .btn-primary {
		font-size: 1rem;
		font-weight: 500;
		padding: 1rem;
		border-radius: 1rem;
		color: #FF8303;
		background-color: #fff;
		border: 1px solid;
	}

	.facilities .col-md-4 {
		margin-top: -3rem;
	}

	.facilities .card {
		margin: 1rem 2rem;
	}

	/* ==========================================================================
	   Facilities End
	   ========================================================================== */

	/* ==========================================================================
	   Footer
	   ========================================================================== */
	
	footer .nav {
		display: flex;
		justify-content: center;
		margin-bottom: 0;
	}

	footer .nav .nav-item {
		font-size: 1rem;
	}

	/* ==========================================================================
	   Footer End
	   ========================================================================== */
}