@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Gothic+A1|Kaushan+Script|Libre+Baskerville|Lobster|Roboto|Roboto:900');
body { background: #222; }
form { text-align: left; }
a { color: #6c6c6f; }
a:hover { color: #cc0000; }
.body{
	font-family: 'Gothic A1', sans-serif;
	font-size:16px;
	}
	p{
	color:#6c6c6f;
	font-size:1em;
	}
	h1,h2,h3,h4,h5,h6{color:#323233;text-transform:uppercase;}
.navbar-brand  span{
	color: #fed136;
	font-size:25px;font-weight:700;letter-spacing:0.1em;
    font-family: 'Kaushan Script','Helvetica Neue',Helvetica,Arial,cursive;
}
.navbar-brand {
	color: #fff;
	font-size:25px;
    font-family: 'Kaushan Script','Helvetica Neue',Helvetica,Arial,cursive;
	font-weight:700;
	letter-spacing:0.1em;
}

.navbar-nav .nav-item .nav-link{
	padding: 1.1em 1em!important;
	font-size: 120%;
    font-weight: 500;
    letter-spacing: 1px;
    color: #fff;
   font-family: 'Gothic A1', sans-serif;
}
.navbar-nav .nav-item .nav-link:hover{color:#ccc; text-decoration:underline;}
.navbar-expand-md .navbar-nav .dropdown-menu{
	border-top:3px solid #cc0000;
	background: #222;
}
.dropdown-item { color: #fff; }
.dropdown-item:hover{background-color:#cc0000;color:#fff;}
nav{-webkit-transition: padding-top .3s,padding-bottom .3s;
    -moz-transition: padding-top .3s,padding-bottom .3s;
    transition: padding-top .3s,padding-bottom .3s;
    border: none;
	}
	
 .shrink {
    padding-top: 0;
    padding-bottom: 0;
    background-color: rgba(34,34,34,.95);
  }
  .hide {
	display:none !important;
  
}
.banner,.banner-page{
	background-image:url('/images/marquee-01.png');
	text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.banner-text{
	padding:200px 0 150px 0;
}
.banner-heading{
	font-family: 'Roboto';
	font-size: 64px;
    font-weight: 700;
    line-height: 75px;
    margin-bottom: 30px;
	color:#fff;
}
.banner-sub-heading{
	font-family: 'Roboto', serif;
	font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 50px;
	color:#fff;
}
.banner-page {
	min-height: 500px;
	max-height: 500px;
}
.btn-banner{
	margin-bottom: 10px;
	padding:5px 20px;
	border-radius:10px;
	font-weight:700;
	line-height:1.5;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	background: #cc0000;
	border-color: #222;
}
.btn-banner:hover,.btn-banner:active{ background: #aa0000;}


.btn-primary {
	background: #cc0000;
	border-color: #222;
}
.btn-primary:hover,.btn-primary:active {
	background: #aa0000 !important;
	border-color: #222 !important;
}

.text-intro{
	width:90%;
	margin:auto;
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
}
#about { background: #fff; }
#footer { color: #fff; }

div.form-group label { font-weight: bold; }
div.form-check label { font-weight: normal; }

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border: 1px solid #ced4da; }

.error { color: #cc0000 !important; }
.invalid-feedback { padding-left: 40px; }
.invalid-feedback-nopad { padding-left: 0; }
#success_message{ display: none;}


/* mobile view */
@media (max-width:500px)
{
	.navbar-nav{
		background-color:#222;
		border-top:3px solid #cc0000;
		color:#fff;
		z-index:1;
		margin-top:5px;
	}
	.navbar-nav .nav-item .nav-link{
	padding: 0.7em 1em!important;
	font-size: 100%;
    font-weight: 500;
    }
	.banner-text{
	padding:150px 0 150px 0;
	}
	.banner-heading{
		font-size: 30px;
	    line-height: 30px;
	    margin-bottom: 20px;
	}
	.banner-sub-heading{
		font-size: 10px;
	    font-weight: 200;
	    line-height: 10px;
	    margin-bottom: 40px;
	}
	.banner-page {
		min-height: 200px;
		max-height: 200px;
	}

}

@media (max-width:768px){
	.banner-text{
		padding:150px 0 150px 0;
	}
	.banner-sub-heading{
		font-size: 23px;
		font-weight: 200;
		line-height: 23px;
		margin-bottom: 40px;
	}
	.banner-page {
		min-height: 200px;
		max-height: 200px;
	}
}