/*

 * Start Bootstrap - Full Slider (http://startbootstrap.com/)

 * Copyright 2013-2016 Start Bootstrap

 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)

 */


@font-face {

    font-family: 'gotham';

    src: url("fonts/GothamNarrow-Book.otf");

}

@font-face {

    font-family: 'gotham-bold';

    src: url("fonts/gotham-bold.otf");

}



@font-face {

    font-family: 'duke';

    src: url("fonts/duke-fill.otf");

}



@font-face {

    font-family: 'almelo';

    src: url("fonts/fv_almelo-webfont.ttf");

}



@font-face {

    font-family: 'digital-7';

    src: url("../fonts/digital-7.ttf");

}



.clock-atas {

	font-family: 'digital-7';

}



html {

		height: 100%;

}

body {

    height: 100%;

		color:#333;

		font-family:"gotham-bold";

}



.body-register {

	background-color:#1dd6eb;

}



body.conf-letter {

    height: 100%;

		color:#333;

		background: white;

}



.tabbanner{

		display:none;

	}

	

.w3-button{

	padding: 5px 30px !important;

    background: #005a9c !important;

    color: white !important;

}



.sponsor {

	background-color:white;

}



.sponsor-food {

	background-color:white;

}



.gratis-float {

	position:fixed; 

	top:60px; 

	z-index:999;

}



.gratis-image {

	width: 205px;

}



@media (max-width:1200px) {

    .gratis-image {

        width: 190px;

    }

}



.carousel,

.item,

.active {

    height: 100%;

}



header {

	position:relative;

}



.running-map-position {

	position:relative; 

	top:50%; 

	transform: translateY(6%);

}



@media (max-width: 1200px) and  (min-width:992px) {

	.running-map-position {

		transform: translateY(12%);

	}

}



@media (max-width: 992px) and (min-width:768px) {

	.running-map-position {

		transform: translateY(32%);

	}

}



.race-title {position:absolute;bottom: 0px;

	/* position the left edge of the element at the middle of the parent */width:100%;}
	

.race-title-mobile {display:none;}



.race-logo {

  position: absolute;

 	left: 50%;

 	width: 500px;

 	height: 135px; /* Half the height */

 	margin-left: -250px; /* Half the width */

}



.carousel-inner {height: 100%;margin-top: -20px;}



.error {

	color:#b00;

	font-weight:bold;

}



.menu-float-right {

	float:right;

}



@media (max-width: 960px) {

	.menu-float-right {

		float:none;

	}	

	

}



@media (max-width: 960px) {

  .navbar-header {

      float: none;

  }

  .navbar-left,.navbar-right {

      float: none !important;

  }

  .navbar-toggle {

      display: block;

  }

  .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}

  .navbar-fixed-top {

      top: 0;

      border-width: 0 0 1px;

  }

  .navbar-collapse.collapse {/* display: none!important; */}

  .navbar-nav {float: none!important;margin-top: 7.5px;}

  .navbar-nav>li {

      float: none;

  }

  .navbar-nav>li>a {

      padding-top: 10px;

      padding-bottom: 10px;

  }

  .collapse.in{display: block;}

}

.clock-center {

	width:480px;

	margin:0 auto;

	padding-top:20px;

}



.clock-atas {font-size:25px;weight: bold;color: #ffffff;}



.clock-bawah {

		font-size:6px;

	}



@media (max-width: 320px) {

	.clock-atas {

		font-size:1px;

	}

	

	.clock-bawah {

		font-size:6px;

	}

}



@media (min-width: 1200px) { /* =================================== */



	.clock-each {

		padding: 0px 25px;

	}



}



@media (min-width: 992px) { /* =================================== */



	.clock-each {

		padding: 0px 20px;

	}



}



@media (min-width: 768px) { /* =================================== */



	.clock-each {

		padding: 0px 15x;

	}



}



@media (max-width: 767px) { /* =================================== */



	.clock-each {

		padding: 0px 5x;

	}



}



.clock-bg {background: #0d94d0;color:#ff9dd8;padding:5px;border:0px solid #e9ea0a;border-radius: 15px;/* box-shadow: 4px 4px 4px rgb(78, 205, 244); */}



.clock-date {

	color:#d84687;

	font-size:19px;

	text-shadow: 1px 1px 2px white;

	margin-bottom:5px;

	margin-top:5px;

}



.shadow {

  -moz-box-shadow:    10px 10px 10px #666;

  -webkit-box-shadow: 10px 10px 10px #666;

  box-shadow:         10px 10px 10px #666;

}



h3.title-section:before{

    content: "";

    position: absolute;

    width: 50px;

    height: 1px;

    bottom: 0;

    left: 15px;

    border-bottom: 1px solid red;

}



h3.title-section {

	padding-bottom:0px;

	font-weight:600;

}



h4.title-section:before{

    content: "";

    position: absolute;

    width: 50px;

    height: 1px;

    bottom: 0;

    left: 15px;

    border-bottom: 1px solid red;

}



h4.title-section {

	padding-bottom:0px;

	font-weight:600;

}



@media (max-width: 992px) {

	h4.title-section { 

		padding-bottom:5px;

	}

}



.about {

	padding-top:50px;

	padding-bottom:50px;

}



.about-container {

}



.about-content {

	margin-top:20px;

	/*padding:20px 0px;*/

}



.about-single-content {

	margin-top: 10px;

	padding:5px;

	background:#eee;

	margin-left: 3px;

}



.bg-white {

	background-color:#FFF;

}



.socmed {

	padding-top:50px;

	padding-bottom:50px;

	background:#ddd;

}



.socmed-link-fb {

	height:100px;
	
	
	
	background:url(../images/fb-bg.png);
	
	background-color:#3b5998;

	background-position:center center;

	background-repeat:no-repeat;

	border-right:1px solid #ccc;

}



.socmed-link-fb:hover {

	background-color:#3b5998;

	background-image:url(../images/fb-bg-white.png);

	background-position:center center;

	background-repeat:no-repeat;

}



.socmed-link-ig {
	height:100px;
	background: url(../images/ig-bg.png) center center no-repeat, -webkit-linear-gradient(#FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF) ; /* For Safari 5.1 to 6.0 */

  background: url(../images/ig-bg.png) center center no-repeat, -o-linear-gradient(#FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF) ; /* For Opera 11.1 to 12.0 */

  background: url(../images/ig-bg.png) center center no-repeat, -moz-linear-gradient(#FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF) ; /* For Firefox 3.6 to 15 */

  background: url(../images/ig-bg.png) center center no-repeat, linear-gradient(#FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF) ; /* Standard syntax */
	}



.socmed-link-ig:hover {

	background: url(../images/ig-bg-white.png) center center no-repeat, -webkit-linear-gradient(#FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF) ; /* For Safari 5.1 to 6.0 */

  background: url(../images/ig-bg-white.png) center center no-repeat, -o-linear-gradient(#FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF) ; /* For Opera 11.1 to 12.0 */

  background: url(../images/ig-bg-white.png) center center no-repeat, -moz-linear-gradient(#FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF) ; /* For Firefox 3.6 to 15 */

  background: url(../images/ig-bg-white.png) center center no-repeat, linear-gradient(#FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF) ; /* Standard syntax */

}



.socmed-link-te {

	height:100px;

	background:url(../images/te-bg.png);

	background-position:center center;

	background-repeat:no-repeat;

}



.socmed-link-te:hover {

	background-color:#fff;

	background-image:url(../images/te-bg-white.png);

	background-position:center center;

	background-repeat:no-repeat;

}



.ent-food {

    background-image: url(../images/ent-food.jpg);

		background-size:contain;

		height:165px;

		

}



.ent-food:hover {

    background-image: url(../images/ent-food-white.jpg);

		

}





.ent-food-image {

		display:none;

}



@media (max-width: 1200px) {

    .ent-food {

        height:131px;

				background-size:contain;

    }

}



@media (max-width: 992px) {

    .ent-food {

        height:95px;

				background-size:contain;

    }

}



@media (max-width: 768px) {

    .ent-food {

				background-image:none;

    }

		

		.ent-food {

				display:none;

    }

		

		.ent-food-image {

				display:block;

		}

		

}



.ent-pop {

    background-image: url(../images/ent-pop.jpg);

		background-size:contain;

		height:165px;

		

}



.ent-pop:hover {

    background-image: url(../images/ent-pop-white.jpg);

		

}





.ent-pop-image {

		display:none;

}



@media (max-width: 1200px) {

    .ent-pop {

        height:131px;

				background-size:contain;

    }

}



@media (max-width: 992px) {

    .ent-pop {

        height:95px;

				background-size:contain;

    }

}



@media (max-width: 768px) {

    .ent-pop {

				background-image:none;

    }

		

		.ent-pop {

				display:none;

    }

		

		.ent-pop-image {

				display:block;

		}

		

}



.ent-prize {

    background-image: url(../images/ent-prize.jpg);

		background-size:contain;

		height:165px;

		

}



.ent-prize:hover {

    background-image: url(../images/ent-prize-white.jpg);

		

}





.ent-prize-image {

		display:none;

}



@media (max-width: 1200px) {

    .ent-prize {

        height:131px;

				background-size:contain;

    }

}



@media (max-width: 992px) {

    .ent-prize {

        height:95px;

				background-size:contain;

    }

}



@media (max-width: 768px) {

    .ent-prize {

				background-image:none;

    }

		

		.ent-prize {

				display:none;

    }

		

		.ent-prize-image {

				display:block;

		}

		

}



.ent-ambas {

    background-image: url(../images/ent-ambas.jpg);

		background-size:contain;

		height:165px;

		

}



.ent-ambas:hover {

    background-image: url(../images/ent-ambas-white.jpg);

		

}





.ent-ambas-image {

		display:none;

}



@media (max-width: 1200px) {

    .ent-ambas {

        height:131px;

				background-size:contain;

    }

}



@media (max-width: 992px) {

    .ent-ambas {

        height:95px;

				background-size:contain;

    }

}



@media (max-width: 768px) {

    .ent-ambas {

				background-image:none;

    }

		

		.ent-ambas {

				display:none;

    }

		

		.ent-ambas-image {

				display:block;

		}

		

}



.ent-prizes {

    background-image: url(../images/ent-prizes.jpg);

		background-size:contain;

		height:165px;

		

}



.ent-prizes:hover {

    background-image: url(../images/ent-prizes-white.jpg);

		

}





.ent-prizes-image {

		display:none;

}



@media (max-width: 1200px) {

    .ent-prizes {

        height:131px;

				background-size:contain;

    }

}



@media (max-width: 992px) {

    .ent-prizes {

        height:95px;

				background-size:contain;

    }

}



@media (max-width: 768px) {

    .ent-prizes {

				background-image:none;

    }

		

		.ent-prizes {

				display:none;

    }

		

		.ent-prizes-image {

				display:block;

		}

		

}



.ent-donasi {

    background-image: url(../images/ent-donasi.jpg);

		background-size:contain;

		height:165px;

		

}



.ent-donasi:hover {

    background-image: url(../images/ent-donasi-white.jpg);

		

}





.ent-donasi-image {

		display:none;

}



@media (max-width: 1200px) {

    .ent-donasi {

        height:131px;

				background-size:contain;

    }

}



@media (max-width: 992px) {

    .ent-donasi {

        height:95px;

				background-size:contain;

    }

}



@media (max-width: 768px) {

    .ent-donasi {

				background-image:none;

    }

		

		.ent-donasi {

				display:none;

    }

		

		.ent-donasi-image {

				display:block;

		}

		

}



.registersection {

	padding-top:10px;

}



.checkregister {

	padding-top:10px;

}



.content-single {

	margin-top: 10px;

	background-color:#FFF;

	height:400px;

	overflow:hidden;

}



.content-three {

	margin-top: 10px;

	background-color:#FFF;

	overflow:hidden;

	margin-bottom: 10px;

}



.content-single-border {

	border:1px solid #ddd;

	display:block;

  margin:auto;

}



@media (max-width: 767px) {

    .footer-com-margin {

        margin-top:20px;

    }

}



@media (max-width: 991px) {

    .footer-com-margin-2 {

        margin-top:20px;

    }

}





.rpc-text {

	width:100px;

	float:left;

}



.rpc-text2 {

	width:10px;

	float:left;

}



.rpc-text3 {

	width:200px;

	float:left;

}



.box-rpc {

	height:393px;

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

	padding-top: 60px;

}



table {

		font-size:0.9em;

	}

	

.rpc-table td {

	border: 1px solid #eb910f;

}



.rpc-table {

	opacity: 1;

  filter: alpha(opacity=100);

}



@media (max-width: 1200px) and  (min-width:992px) {

	.box-rpc {

		height:322px;

	}

}



@media (max-width: 992px) and (min-width:768px) {

	.box-rpc {

		height:100%;

		padding-bottom:20px;

	}

}



@media (max-width: 768px) {

	.box-rpc {

		height:100%;

		padding-bottom:20px;

		font-size:0.8em;

	}

	

	table {

		font-size:0.8em;

	}

}



.ent-round {

    border-radius: 50%;

		border: 4px solid #eb9110;

}



.footer1 {

	float:left;

	margin-right:15px;

	font-weight:bold;

}



.footer2 {

	float:left;

	margin-right:15px;

	font-weight:bold;

}



.footer3 {

	float:left;

	font-weight:bold;

}



.text-bold {

	font-weight:bold;

}



.about-list {

	margin-left:0px;

	padding-left:0px;

	display:table;

}



.about-list li {

	list-style:none;

}



@media (max-width: 992px) {

	h3.title-section { 

		padding-bottom:5px;

	}

}

.no-margin {

	margin-left:0px;

	margin-right:0px;

}



/* Background images are set within the HTML using inline CSS, not here */



.fill {

    width: 100%;

    height: 100%;

    background-position: center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    background-size: cover;

    -o-background-size: cover;

}



footer {

    margin: 0 0 0 0;

		padding-bottom: 30px;

		background:#fff;

		padding-top:0px;

}



.navbar-brand {height:auto;padding: 2px 15px !important;}



.navbar-nav > li > a {

	padding-top:25px;

}



.nav {font-family:"gotham-bold", Helvetica, sans-serif;font-size:15px;}



@media (max-width:1123px) {

    .nav {

        font-size: 0.9em;

    }

}



@media (max-width:1054px) {

    .nav {

        font-size: 0.8em;

    }

}



@media (max-width:992px) {

    .nav {

        font-size: 0.7em;

    }

}



@media (max-width:960px) {

    .nav {

        font-size: 0.9em;

    }

		

		.navbar-nav > li > a {

			padding-top:10px;

		}

}



.navbar-inverse .navbar-nav > li > a {color: #555 !important;font-weight: 400;}



.navbar-header {

	/*margin-left:18px;*/

}



.navbar-collapse {/* margin-left: 50%; */margin-top: -1px;/*background: #ffffff;*/}



.navbar-inverse {

	background-color: rgba(51,51,51,0.3);

	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

	border-color:transparent;

}



.nav-link {

  text-decoration:none;
  
  color: #ffffff;

}



.nav-link span{/* padding:6px; */}



.nav-link:hover span{border-bottom: #1394d0 solid 2px;/* background: #54ccea; *//* color:  #fff; */}



.top-section {height:100vh;}



.features {

  background: #ffffff;

}



.sections {padding-top: 80px;padding-bottom: 100px;position: relative;overflow: hidden;}



.separetor {

    background: url(../images/sprt.png) no-repeat center center;

    overflow: hidden;

    padding: 20px 0px 30px 0px;

}



.title-color {

    color: #ffffff;
    font-family: "gotham-bold";
    text-transform: uppercase;
    text-shadow: 4px 2px 3px rgb(162, 162, 162);

}



.title-color-white {color: #ffffff;font-family: "gotham-bold";text-transform: uppercase; font-style: italic;}
.title-color-black {color: #000000;font-family: "gotham-bold";text-transform: uppercase; font-style: italic;}
.title-color-red{color: #ff0000;font-family: "gotham-bold";text-transform: uppercase; font-style: italic;}
.title-color-bluegreenish{color: #083346;font-family: "gotham-bold";text-transform: uppercase; font-style: italic;}

h2 {font-size: 45px;line-height: 45px;font-weight: bold;font-family: 'duke', serif;margin: 0;}





.menu-scroll {padding-top: 0px;padding-bottom: 0px;position: fixed;top: 0;left: 0;right: 0;z-index: 300;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);background-color: #ffffff;/* height:50px; */}







.menu-super-top {padding-top: 0px;padding-bottom: 0px;position: fixed;top: 0;left: 0;right: 0;z-index: 300;box-shadow: 0 6px 12px rgba(0, 0, 0, .175);-webkit-box-shadow: 0 6px 12px rgba(255, 255, 255, 0.175);background-color: #ffffff;/* height:50px; */}



.navbar-text-color {

	color:#777 !important;

}



.navbar-text-color-white {

	color:#fff !important;

}



.head_title {padding: 0 0 25px 0;}



p {

    font: normal 16px "gotham", arial, sans-serif;

}



.mb-20 {

    margin-bottom: 20px;

}



.mt-20 {

		margin-top:20px;

}



.race-info-h4 {

    padding: 3px 10px 1px 10px;

    color: #005a9c;

}



.single_menus {

    padding-bottom: 60px;

}



hr.style14 {

    border: 0;

    height: 3px;

    background-image: -webkit-linear-gradient(left, #58c7f5, #0d94d0, #38c2ed);

    background-image: -moz-linear-gradient(left, #fce714, #d12fa1, #fce714);

    background-image: -ms-linear-gradient(left, #fce714, #d12fa1, #fce714);

    background-image: -o-linear-gradient(left, #fce714, #d12fa1, #fce714);

}



.bottom-margin {

    margin-bottom: 96px;

}



.top-margin {

	 margin-top: 96px;

}



.peraturan {

	background-color:#ffffff;

}



.footer {

    background: url(../images/footerbg.jpg) no-repeat center top;

    background-size: cover;

    padding-top: 80px;

}



.btn-kontak {

    border: 1px solid #ccc;

    display: inline-block;

    min-width: 100px;

    padding: .9em;

    height: 50px;

    text-align: center;

	background: white;

    color: #3c3c3c;

    font-style: normal;

    letter-spacing: 1px;

    margin: 0;

    font-size: 16px;

    font-weight: 300;

    border-radius: 4px;

    margin-top: 0px;

}



.danger {

	color: #ff0000;

}



.info-race-entitlement {

	background-color: #64C7E8;

	border: 1px solid #40AED3;

	border-radius: 10px;

	padding: 20px;

	color:white;

}



.display-none {

	display:none;

}



.box {background: #dfdfdf;}

.box2 {background: #46506c !important;}

.box2 div {color:white;padding:0px;}

.box2 p {color:#333;padding:0px;}

.box2 {-moz-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-border-radius: 33px;}

.box div {color:white;padding:10px;}

.box p {color:#333;padding:10px;}

.box {-moz-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-border-radius: 33px;}



.box-h2 {font-family: "almelo";letter-spacing: 7px;text-transform:  uppercase;font-weight: bold;font-size:  30px;}
.box-h3 {font-family: "almelo";letter-spacing: 7px;text-transform:  uppercase;font-weight: bold;font-size:  20px;}



.box-h4 {

	font-weight:100;

	font-size:2rem;

}



.bold {

	font-weight:800;

}



.race-pack-box {

	margin:40px;

}



.nav li a {/* padding: 15px 10px; */}



.centerButton {

   width: 100px;

   height: 40px;

   position: absolute;

   left: 50%;

   top: 50%; 

   margin-left: -50px;

   margin-top: -20px;

}



.btn-register {width: 113px;height: 42px;background-color: #337ab7 !important;border: 0px solid #51cef5;color: #fff !important;font-weight: 600;margin-bottom: 10px;padding:  10px 0 10px 0;}



.btn-register:hover {width: 113px;height: 42px;background-color: #ffffff;border: 3px solid #5dc5f3;color: #ee893a;font-weight: 600;margin-bottom: 10px;padding:  10px 0 10px 0;}



.tab-entry-list {

  padding: 10px 10px !important;

}



.ds-center {

  display: block /*for the img inside your div */

  margin: 0 auto 

}



.home-content-sponsor-logo {

  margin: 0 auto;

  padding:10px;

}



.home-content-map {margin: 0 auto;border: 10px solid #fff;}



.rpc-warning{

  background-color: black;

  color: red;

  font-weight: 600;

  padding: 5px;

  font-size: 1.3em;

}



.check

{

   

    color:#996;

	

}


.table-striped>tbody>tr{background-color: #e3e3e3;}

.table-striped>tbody>tr:nth-of-type(odd){background-color: #f0f0f0;}

table{background: #f9f9f9;}

.jam{
    margin: 0 auto;
    width: 93%;
	}
	
.race-title-2{
	background: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(251, 251, 251), rgb(251, 251, 251), rgba(251, 251, 251), rgba(255, 0, 0, 0));
	padding: 10px 0 10px 0;	
}
	

@media screen and (max-width : 480px){
	.jam{
    margin: 0 auto;
    width: 93%;	
	padding: 0 0px;
	}
	.clock-atas {
	font-size:18px;
	weight: bold;
	color: #F148A9;
	}
	.race-title{
    background: rgba(255, 255, 255, 0.66);
	}
	.footer{
    background-position-x: -68px;
	}
}


@media screen and (max-width : 1200px){
	.jam{
    margin: 0 auto;
    width: 95%;	
	padding: 0 200px;
	}
	.clock-atas {
	font-size: 13px;
	weight: bold;
	color: #ffffff;
	}
}

@media screen and (max-width : 992px){
	.jam{
    margin: 0 auto;
    width: 95%;	
	padding: 0 100px;
	}
}

@media screen and (max-width : 768px){
	.jam{
    margin: 0 auto;
    width: 100%;	
	padding: 0 6px;
	}
	
}

/*avic*/

img.mySlides {

    width: 70%;

margin: 0 auto;}


.shortdesc{
	padding-top: 180px
}

@media screen and (max-width : 768px){
	
	h2{font-size: 35px}

mySlides {

    width: 100%;

margin: 0 auto;}

.col-sm-6 {

	padding-top:10px;

}
.shortdesc{
	padding-top: 100px !important;
}

	.desktopbanner{display:none;}
	.tabbanner{display:block;margin-top: 50px;}
	.navbar-brand {height:auto;padding: 2px 15px !important;}
}

@media screen and (max-width : 768px){

img.mySlides {

    width: 100%;

margin: 0 auto;}

}





@media screen and (max-width : 480px){
	
	
.head_title {padding: 0px 0 10px 0;}

	
	.sections {
    padding-top: 80px;
    padding-bottom: 30px;
 }
	
	.home-content-sponsor-logo {
    margin: 0 auto;
    padding-bottom: 30px;
	}

	.fill {
    background-position: center;
    /* background-position-x: -90px; */
 }
	
	.footer{
		padding-top: 30px !important;
	}
	
	p{
		font-size: 13px;
	}
	
	
	.category-list li {
    padding: 5px !important;
    margin-bottom: 3px !important;
    font-size: 15px !important;}
	
	.title-color-white{
		    font-size: 29px !important;
			line-height: 30px !important;
	}

	.logo-top {

		width:100px;

		height:auto;

	}
	
	#raceinfo {background: linear-gradient(#56e0f1, #fceb30) !important;}
	
	.socmed-link-ig {
    left: 10px;}
	
	.socmed-link-te{
	top: 30px;	
	}
	
	.socmed-link-fb,.socmed-link-ig
	{border-right: 0px solid #ccc;}
	
	.socmed-link-fb,
	{right: 10px;}

}


  .col-md-6{
    padding-bottom: 10px !important;
  }

  .logo-top {height:auto;
  }

@media screen and (max-width : 768px){

	.logo-top {width: 50px;height:auto;}
	.padding0 {padding: 0px !important;}
	.box-h2{font-size: 20px !important; margin-top: 0px !important; letter-spacing: 3px !important;}
	.box-h3{font-size: 15px !important; margin-top: -20px !important; letter-spacing: 3px !important;}
	#about {height: auto !important;}
	.jersey{width: auto !important;}
}

.jersey{
	width: 400px;
}

#about {/* background: url(../images/IMG_3597b.png) no-repeat center center; */

  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; height: 100%;/* background-size: cover; */}



.about-content-top {background-color: rgba(254, 255, 0, 0);border: #666;border-radius: 0px;/* padding: 50px 0px 50px 0px; */color: #fff;width: 100%;}



#raceinfo {

	background: url(../images/bannerbg.jpg) no-repeat center center fixed;

}



.section-content {

	background-color: #ffffff;

	border-radius:10px;

	padding:30px 0 30px 0;

	color:black;

	margin-top:20px;

}



.category-list {padding: 0px 11% 0px 0px;}



.category-list li {
	background: linear-gradient(to right, #1794cd, #55caf7);
    color: #ffffff;
    padding: 5px;
    margin-bottom: 3px;
    list-style: none;
    font-size: 16px;
}

.icon-bar {
background-color: #0d94d0 !important;}

.navbar-toggle{
	margin-top: 13px;
	border: 2px solid #0d94d0 !important;
}

.navbar-toggle:hover {
background-color: #fff;}



/*
Tes 5 Column
*/

.col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4 {
  float: left;
}

.col-xs-5th-5 {
  float: left;
  width: 100%;
}

.col-xs-5th-4 {
  width: 80%;
}

.col-xs-5th-3 {
  width: 60%;
}

.col-xs-5th-2 {
  width: 40%;
}

.col-xs-5th-1 {
  width: 20%;
}

.col-xs-5th-pull-5 {
  right: 100%;
}

.col-xs-5th-pull-4 {
  right: 80%;
}

.col-xs-5th-pull-3 {
  right: 60%;
}

.col-xs-5th-pull-2 {
  right: 40%;
}

.col-xs-5th-pull-1 {
  right: 20%;
}

.col-xs-5th-pull-0 {
  right: auto;
}

.col-xs-5th-push-5 {
  left: 100%;
}

.col-xs-5th-push-4 {
  left: 80%;
}

.col-xs-5th-push-3 {
  left: 60%;
}

.col-xs-5th-push-2 {
  left: 40%;
}

.col-xs-5th-push-1 {
  left: 20%;
}

.col-xs-5th-push-0 {
  left: auto;
}

.col-xs-5th-offset-5 {
  margin-left: 100%;
}

.col-xs-5th-offset-4 {
  margin-left: 80%;
}

.col-xs-5th-offset-3 {
  margin-left: 60%;
}

.col-xs-5th-offset-2 {
  margin-left: 40%;
}

.col-xs-5th-offset-1 {
  margin-left: 20%;
}

.col-xs-5th-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4 {
    float: left;
  }

  
  .col-sm-5th-5 {
    float: left;
    width: 100%;
  }

  .col-sm-5th-4 {
    width: 80%;
  }

  .col-sm-5th-3 {
    width: 60%;
  }

  .col-sm-5th-2 {
    width: 40%;
  }

  .col-sm-5th-1 {
    width: 20%;
  }

  .col-sm-5th-pull-5 {
    right: 100%;
  }

  .col-sm-5th-pull-4 {
    right: 80%;
  }

  .col-sm-5th-pull-3 {
    right: 60%;
  }

  .col-sm-5th-pull-2 {
    right: 40%;
  }

  .col-sm-5th-pull-1 {
    right: 20%;
  }

  .col-sm-5th-pull-0 {
    right: auto;
  }

  .col-sm-5th-push-5 {
    left: 100%;
  }

  .col-sm-5th-push-4 {
    left: 80%;
  }

  .col-sm-5th-push-3 {
    left: 60%;
  }

  .col-sm-5th-push-2 {
    left: 40%;
  }

  .col-sm-5th-push-1 {
    left: 20%;
  }

  .col-sm-5th-push-0 {
    left: auto;
  }

  .col-sm-5th-offset-5 {
    margin-left: 100%;
  }

  .col-sm-5th-offset-4 {
    margin-left: 80%;
  }

  .col-sm-5th-offset-3 {
    margin-left: 60%;
  }

  .col-sm-5th-offset-2 {
    margin-left: 40%;
  }

  .col-sm-5th-offset-1 {
    margin-left: 20%;
  }
  
  .col-sm-5th-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4 {
    float: left;
  }

  .col-md-5th-5 {
    float: left;
    width: 100%;
  }

  .col-md-5th-4 {
    width: 80%;
  }

  .col-md-5th-3 {
    width: 60%;
  }

  .col-md-5th-2 {
    width: 40%;
  }

  .col-md-5th-1 {
    width: 20%;
  }

  .col-md-5th-pull-5 {
    right: 100%;
  }

  .col-md-5th-pull-4 {
    right: 80%;
  }

  .col-md-5th-pull-3 {
    right: 60%;
  }

  .col-md-5th-pull-2 {
    right: 40%;
  }

  .col-md-5th-pull-1 {
    right: 20%;
  }

  .col-md-5th-pull-0 {
    right: auto;
  }

  .col-md-5th-push-5 {
    left: 100%;
  }

  .col-md-5th-push-4 {
    left: 80%;
  }

  .col-md-5th-push-3 {
    left: 60%;
  }

  .col-md-5th-push-2 {
    left: 40%;
  }

  .col-md-5th-push-1 {
    left: 20%;
  }

  .col-md-5th-push-0 {
    left: auto;
  }

  .col-md-5th-offset-5 {
    margin-left: 100%;
  }

  .col-md-5th-offset-4 {
    margin-left: 80%;
  }

  .col-md-5th-offset-3 {
    margin-left: 60%;
  }

  .col-md-5th-offset-2 {
    margin-left: 40%;
  }

  .col-md-5th-offset-1 {
    margin-left: 20%;
  }

  .col-md-5th-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4 {
    float: left;
  }

  .col-lg-5th-5 {
    float: left;
    width: 100%;
  }

  .col-lg-5th-4 {
    width: 80%;
  }

  .col-lg-5th-3 {
    width: 60%;
  }

  .col-lg-5th-2 {
    width: 40%;
  }

  .col-lg-5th-1 {
    width: 20%;
  }

  .col-lg-5th-pull-5 {
    right: 100%;
  }

  .col-lg-5th-pull-4 {
    right: 80%;
  }

  .col-lg-5th-pull-3 {
    right: 60%;
  }

  .col-lg-5th-pull-2 {
    right: 40%;
  }

  .col-lg-5th-pull-1 {
    right: 20%;
  }

  .col-lg-5th-pull-0 {
    right: auto;
  }

  .col-lg-5th-push-5 {
    left: 100%;
  }

  .col-lg-5th-push-4 {
    left: 80%;
  }

  .col-lg-5th-push-3 {
    left: 60%;
  }

  .col-lg-5th-push-2 {
    left: 40%;
  }

  .col-lg-5th-push-1 {
    left: 20%;
  }

  .col-lg-5th-push-0 {
    left: auto;
  }

  .col-lg-5th-offset-5 {
    margin-left: 100%;
  }

  .col-lg-5th-offset-4 {
    margin-left: 80%;
  }

  .col-lg-5th-offset-3 {
    margin-left: 60%;
  }

  .col-lg-5th-offset-2 {
    margin-left: 40%;
  }

  .col-lg-5th-offset-1 {
    margin-left: 20%;
  }

  .col-lg-5th-offset-0 {
    margin-left: 0%;
  }
}

.navbar-gradation-color {
	background-image: linear-gradient(to right, #05475d , #8ebcbc);
}

.navbar-brand>img {
  padding: 3px;
  width: auto;
}

.section-about-running {
	background: url('../images/bg-running.jpg');
}

.section-category-running {
	background: url('../images/bg-running3.jpg');
}

.text-white {
	color: white;
}

.category-registration-image {
	background: url('../images/img-register.jpg');
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; 
}

.padding-lr-0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.section-category {
	padding-top: 0px;
	padding-bottom: 0px;
}

.img-center
{
	position: absolute;
  top: 50%;
  left: 50%;
  width: 299px;
  height: 291px;
  margin-top: -140px; /* Half the height */
  margin-left: -148px; /* Half the width */
}

.height-100 {
	height: 100vh;
}

@media only screen and (min-width: 768px) {
	
	.racepack-height-100 {
		height: 100vh;
	}
}

@media only screen and (max-width: 767px) {
	.racepack-height-100 {
	/*height: 100vh;*/
	}
}

@media (max-width: 767px) {
    .racepack-mt20 {
        margin-top:20px;
    }
}

.section-schedule-running {
	background: url('../images/bg-running2.jpg');
}

.schedule-header {
	background-color: #ff0000;
	color: white;
	font-style: italic;
	font-size: 1.5em;
}

.section-racepack {
	background: #065051;
}

.jersey-table-header {
	background: #083346;
	color: white;
	font-style: italic;
	text-align: center;
}

.section-racemap {
	background: #84a900;
}

.section-jersey {
	background: #04ca99;
}



.section-contact {
	background: #083346;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #ffffff;
}

.category-bg {
	background: #445d73;
}

.contact-image {
	background: url('../images/img-contact.jpg');
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; 
}

.section-contact-content {
	padding-top: 150px;
}

.section-schedule-running {
	height: 100vh !important;
}

.harga-early {
	color: #afde06;
	font-size: xx-large;
}