@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat-bold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

body
{

	color: #ffffff;
	text-align: center;
	font-family: montserrat;

}



#nav-jtk
{

	height: 90px;
	font-size: 17px;
	position: fixed;
	top:0;
	width: 100%;
	z-index: 999;
	background-color: #000000;
	font-family: montserrat-bold;

}

	#brand-logo
	{

		height: 70px;

	}

	.motto
	{

		margin-left: 5px;

	}

	.navbar-brand
	{

		font-size: 13px !important;

	}

	.dropdown-menu
	{

		background-color: #000000;

	}

		.dropdown-item
		{

			font-size: 17px;
			background-color: #000000;
			color: #FFFFFF;

		}

		.dropdown-divider
		{

			background-color: #FFFFFF;

		}

		.navbar-collapse
		{

			background-color: #000000;

		}

#main
{

	margin-top: 105px;
	margin-bottom: 45px;

}

	.padder

	{
		
		margin-top:5px;

	}

	.padderx2

	{
		
		margin-top:20px;

	}

	#new-challenger
	{

		margin-left: auto;
		margin-right: auto;

	}

	h1,h2

	{

		font-size: 2em;

	}

	.transparent-bg
	{

		background-color:rgba(0, 0, 0, 0.9);

	}

#sticky-footer
{

	bottom: 0;
	position: fixed;
	width: 100%;
	height: 30px;
	background-color: #000000;
	text-align: center;
	line-height: 25px;

}

			.youtube {
			    background-color: #000;
			    margin-bottom: 30px;
			    position: relative;
			    padding-top: 56.25%;
			    overflow: hidden;
			    cursor: pointer;
			}
			.youtube img {
			    width: 100%;
			    top: 0;
			    left: 0;
			    opacity: 0.3;
			}
			.youtube .play-button {
			    width: 90px;
			    height: 60px;
			    background-color: #f00;
			    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
			    z-index: 1;
			    border-radius: 6px;
			}
			.youtube .play-button:before {
			    content: "";
			    border-style: solid;
			    border-width: 15px 0 15px 26.0px;
			    border-color: transparent transparent transparent #fff;
			}
			.youtube img,
			.youtube .play-button {
			    cursor: pointer;
			}
			.youtube img,
			.youtube iframe,
			.youtube .play-button,
			.youtube .play-button:before {
			    position: absolute;
			}
			.youtube .play-button,
			.youtube .play-button:before {
			    top: 50%;
			    left: 50%;
			    transform: translate3d( -50%, -50%, 0 );
			}
			.youtube iframe {
			    height: 100%;
			    width: 100%;
			    top: 0;
			    left: 0;
			}

.modal
{

	width: 100%;
	background-color: rgba(0,0,0,0.5);

}

.carousel-control-prev,
.carousel-control-next
{

	background-color: black;
	width: 5%;

}

.staff-left
{

	text-align: left;
	margin-bottom: 20px;

}

.staff-right
{

	text-align: right;
	margin-bottom: 20px;

}

.staff-left img,
.staff-right img,
.rounded-image img
{

	border-radius: 50%;

}

.modal-title
{

	text-align: center !important;
	color: #000;
	font-weight: bold;

}

.rounded-social img
{

	border-radius: 50%;
	min-width: 60px;
	height: auto;
	

}

.social-link
{

	margin-left: auto;
	margin-right: auto;
	position: relative;

}


.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}