h1, .h1, h2, .h2, h3, .h3 {
    font-family: jointext;
}


.navbar-inverse .navbar-nav > li > a {
color: #fff;    
}

.navbar-brand {
	font-size: 24px;
	font-weight: bold;
}

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

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #fa0628;
}

.menuutama {
float:right;	
text-transform: uppercase;
}

.blue {
	 background-color: #0a0c50;
}

.logoatas {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

hr {
	border:1px solid #ff0000;
}

.runtext {
	border:1px solid #f7dc28;
}

@media screen and (max-width: 900px) {
	.menuutama {
	float:none;
	}
	
	.navbar-inverse .navbar-nav > li {
			border-bottom: 1px solid #fff;
	}
}

#myTable th {
    color: #ffffff;
    background-color: blue;
	font-size: 18px;
}

table tr.header, table tr:hover {
    background-color: none;
}

.button {
    display: inline-flex;
    align-items: center;
    background: #f7dc28;
    border-radius: 5px;
    height: 28px;
    padding: 0 10px;
    color: #000;
    font-weight: 700;
    font-family: Lato, Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .3s, transform .3s, box-shadow .3s;
    will-change: transform;
    border: 1px solid #fff;
    line-height: 12px;
    box-shadow: 0 0 15px red;
}

.konten {
	padding-right: 15px;
    padding-left: 15px;
}

.konten2 {
    max-width: 960px;
    width: 100%;
	padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.provider{
font-size: 14px;
    color: #c8c8c8;	
}


.joindaftartogeljp {
    display: table;
    align-items: center;
    background-image: linear-gradient(to right, #bf3d19 0%, #9a5f04 100%);
    border-radius: 5px;
    height: 50px;
    padding: 15px 88px;
    color: #ffffff;
    font-weight: 700;
    font-family: Lato, Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .3s, transform .3s, box-shadow .3s;
    will-change: transform;
    border: 1px solid #fff;
    line-height: 12px;
    box-shadow: 0 0 4px #ffffff;
    min-width: 250px;
    margin: auto;
}


.logo_sub {
    width: 100%;
    margin: 90px auto 30px;
    position: relative;
    padding: 35px 0;
    border-bottom: 2px groove #bf3d19 ;
}

.logo_sub a.cta:hover {
    background-color: #bb5489;
    color: #1b1b1b;
}


.hot-deal {
    top: 0;
    right: -2px;
    height: 33px;
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    padding: 1px 2px;
    border-radius: 3px;
    font-style: italic;
    background-color: red;
    border: 1px solid #ff0;
    text-transform: uppercase;
    text-decoration: blink;
    position: absolute;
}

.hot-promo {
        top: 0;
    right: 1px;
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 3px;
    font-style: italic;
    background-color: red;
    border: 1px solid #ff0;
    text-transform: uppercase;
    text-decoration: blink;
        -webkit-animation-name: blinker;
    -webkit-animation-duration: .6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    position: absolute;
}