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

html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

nav > div a.nav-item.nav-link2{
	
	color: #fff;
	margin-left: 20px;
}

nav > div a.nav-item.nav-link2:hover{
	
	color: #FEBE10 !important;
	
	text-decoration: none;
}


.navbar-custom {
    background-color: #000;
}


/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color:#fff;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #B79132;
}


.navbar {
	
	padding:10px 40px 10px 45px;
	backgroun-color: #000 !important;
	

}

.navbar-dark {
    color: #FFFFFF;
    
}


.navbar-toggler-icon[aria-expanded="true"] {
color: #fff!important;
}


.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}








.icon-border-round{
border: 2px solid #fff;
padding: 5px;
text-align: center;
width: 40px;
height: 40px;
border-radius: 50%; /* the magic */
 -moz-border-radius: 50%;
-webkit-border-radius: 50%;
	
}







.carousel{
    background: #999;
    margin-top: 0px;
	border-bottom: 20px solid transparent;
    border-image: linear-gradient(0.25turn, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    border-image-slice: 1;
    width:100%;
	
}
.carousel-item{
    text-align: center;
    height: auto;
	
	
}

.carousel-indicators .active {
    
    background-color: #fff;
	border: 2px solid #fff;
}


.d-md-block h2{
	
	
	
    display: inline-block;
    padding:.25em .25em .25em .25em;
    margin-bottom: 0px;
	color: #fff;
	font-size: 50px;
	letter-spacing: 10px;
	
	font-weight: 900;
	
	
	background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
font-family: 'Bebas Neue', cursive;
    position: relative;
	text-transform: uppercase;	
	font-size: 10vw;
	margin: 0;
	font-weight: 400;
}

h2:after {
    background: none;
    content: attr(data-heading);
    left: 0;
	top: 0;
    z-index: -1;
    position: absolute;
    text-shadow: 
		-1px 0 1px #c6bb9f, 
		0 1px 1px #c6bb9f, 
		5px 5px 10px rgba(0, 0, 0, 0.4),
		-5px -5px 10px rgba(0, 0, 0, 0.4);
	
	
	
	
	
	
	
}


.carousel-caption p {
	
	
    display: inline-block;
    padding:.25em .25em .25em .25em;
	color: #8CB91F;
    
}



.fa-chevron-down{
	
	font-size: 50px;
	animation: mouse 2s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
	color: #FFF;
}





@keyframes mouse { 
  0% { transform: translateY(0); }
  30% { transform: translateY(-30px); }
  50% { transform: translateY(0); }
  100% { transform: translateY(0); }
}



.heading {
	
	text-align: center;
	padding-top:50px;
	font-family: 'Bebas Neue', cursive;
	
}

.heading h2{
	
	
	font-family: 'Bebas Neue', cursive;
	letter-spacing: 0px;
	font-size: 60px;
	color: #808080;
	
}




.d{
	
	height: 80px;
	width: 200px;
	margin: auto;
	margin-bottom: 20px;
}


.about-copy{
	
	width: 80%;
	margin: auto;
	margin-bottom: 80px;
}













.

.line{
	
	width: 80px;
	margin: auto;
	border: 2px solid #000;
	margin-top: 30px;
}

.line2{
	
	width: 80px;
	margin: auto;
	border: 2px solid #000;
	margin-top: 30px;
}











#about p{
	
	
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans', sans-serif;
	
	
}

#about{
	
	background-image: url("../Images/Graphic.svg");
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 50px;
	
}


#text{
	
	
	color: #fff;
	
	
	
}


.dad2{
	
	top:-300px;
	position: relative;
	z-index: 1000;
	margin-top: -280px;
     position: sticky;
	
}


#text h1{
	
	font-size:20vw;
	background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}





#about2{
	
	
	background-color: #808080;
	background-image: url("../Images/background.jpg");
	background-position: center;
	
	border-bottom: 20px solid transparent;
    border-image: linear-gradient(0.25turn, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    border-image-slice: 1;
    width:100%;

}


#about-copy{
	
	background-color: #000; /* For browsers that do not support gradients */
  background-image: linear-gradient(black, grey);
	padding-top: 70px;
	padding-bottom: 70px;
	
	

}

#about-copy p{
	
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	
	

}


#next p{
	
	padding-top: 30px;
	text-align: center;
	margin: auto;
	font-family: 'Bebas Neue', cursive;
	font-size: 20px;
	
}


#next2 p{
	
	padding-top: 30px;
	text-align: center;
	margin: auto;
	color: #000;
	font-family: 'Bebas Neue', cursive;
	font-size: 20px;
	
}


#heading h1{
	
	
	color: #fff;
}



#competition{
	
	background-color: #F1F1F1;
	padding-top: 50px;
	padding-bottom: 50px;
	
	
}

#competition p{
	
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-family: 'Open Sans', sans-serif;
	
	
	
}


#competition ul li {
	
	text-align: left;
	font-family: 'Montserrat', sans-serif;
	font-family: 'Open Sans', sans-serif;
	
	
	
}



































#prize-heading h1{
	
	font-size:25vw;
	color: transparent;
	
	-webkit-text-stroke: 2px white;
	
	
}



#prizes{
	
	
	 /* The image used */
  background-image:url("../Images/Parallax.jpg");

	background-repeat: no-repeat;
	
	

}


#prizes-black-bar{
	
	
	
	
	background-color: #000;
	z-index: 1000;
	
	
}


#icons{
	
	padding-top: 50px;
	position: relative;
	top: -130px;
	
}


#icons P{
	
	color: #FFF;
	font-size: 30px;
	
}


.icon{
	
	
	width: 200px;
	height: 200px;
	margin: auto;
	ma

	
}



#timeline{
	
	margin-top: 90px;
}

#timeline p{
	
	font-family: 'Montserrat', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #fff;
}

.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}

@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .25rem dotted #fff;
        width: 3.46rem;
        position: absolute;
        left: 7.5rem;
        top: .3125rem
    }
    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .25rem dotted #fff;
        width: 3.8125rem;
        position: absolute;
        right: 7.5rem;
        top: .3125rem
    }
}

.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center
}

.timeline-steps .timeline-content .inner-circle {
    border-radius: 1.5rem;
    height: 1rem;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.timeline-steps .timeline-content .inner-circle:before {
    content: "";
    background-color: #fff;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    border-radius: 6.25rem;
    opacity: .5
}






#sponsorship{
	
	
	padding-top: 40px;
	padding-bottom: 60px;
	
	
}








#contact{
	
	
	width: 100%;
	background-color: #fff;
	
	
	
	
	
	
	
	
	
}




#contact2{
	
	
	padding-bottom: 70px;
	padding-left: none;
	
	background-image: url("../Images/Pattern fade 2.svg");
	background-position: bottom;
	background-repeat: no-repeat;
	text-align: center;
	
	
}


#contact2 h2{
	
	color: #333333;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	
	
	
	
}


#map{
	
	
	
}



.details{
	
	text-align: center;
	color: #000;
	margin-top: 20px;
	font-weight: 400;
}

.details strong {
	
	
	color: #85BF3F;
}


.contact-form{
    background: #CACACA;
    margin-top: 5%;
    margin-bottom: 5%;
    width: 80%;
	border-bottom: 10px solid #000;
	
}
.contact-form .form-control{
    border-radius:1rem;
}
.contact-image{
    text-align: center;
}
.contact-image img{
    border-radius: 6rem;
    width: 11%;
    margin-top: -3%;
    transform: rotate(29deg);
}
.contact-form form{
    padding: 14%;
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #0062cc;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #000;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #000;
    background-color: #fff;
    border: none;
    cursor: pointer;
}



.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
	
}






#footer{
	
	
	background-color: #000;
	height: 100px;
	padding-top: 40px;
	
	
}


#footer p{
	
	
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	
}