.dl-menuwrapper	{
	display:none;
}


* {
    margin: 0;
    padding: 0;
}
header{
    float: left;
    width: 100%;
}
/*
      ============================================================
         FOOTBALL PAGE CSS START
      ============================================================
*/
}
*/
.kode-football .kode-content{
    padding: 0;
}
.kode-football section{
    padding:30px 0 30px;
    float: left;
    width: 100%;
}
.kode-content{
	float:left;
	width:100%;
}
.hire {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: #fff;
    border-left-style: solid;
    border-left-width: 3px;
    border-right-color: #fff;
    border-right-style: solid;
    border-right-width: 3px;
    border-top-color: #fff;
    border-top-style: solid;
    border-top-width: 3px;
    color: #fff;
    display: inline-block;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 11px;
    padding-bottom: 15px;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 15px;
    text-transform: uppercase;
}
.hire:hover{
	background-color:#fff;
}
.spb-social2 li {
    float: left;
    margin-right: 15px;
    width: auto;
}

/*
      ============================================================
         FOOTBALL PAGE CSS START
      ============================================================
*/
.football-header{
    background-color:#fff;
}
.topbar4{
    float:left;
    width:100%;
    border-top:1px solid 
}
.login-wraper3 {
    float: left;
    margin-right: 45px;
    padding-right: 22px;
    position: relative;
    width: auto;
}
.login-wraper3:after,
.login-wraper3:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 45px 36px 0;
    content: "";
    position: absolute;
    left: -45px;
    top: 0;
    bottom: 0;
    height: 100%;
}
.login-wraper3:after{
    border-width:36px 45px 0 0;
    left: auto;
    right: -45px;
}
.login-meta{
    float:left;
    width:auto;
    padding: 10px 23px 10px 0;
}
.login-meta li{
    float:left;
    width:auto;
    position: relative;
    padding: 0px 15px;
}
.login-meta li:before{
    position: absolute;
    right: -2px;
    width: 5px;
    height: 1px;
    background: #fff;
    bottom:0;
    content: "";
}
.login-meta li:last-child:before{
    width:0;
}
.login-meta li > a{
    float:left;
    width:100%;
    font-size: 13px;
    color: #fff;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: normal;
	cursor:pointer;
}
.login-wraper3 > div {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100%;
	z-index:9999;
	display:none;
}
#show-class > form {
    margin: auto;
    padding: 10px 20px;
    width: 253px;
}
#show-class > form input{
	height:40px;
	width:100%;
	color:#000;
	box-shadow:0 0 4px -2px #000;
	padding:0px 10px;
	background-color:#fff;
}
.social-style3{
    float:right;
    width:auto;
    background: #000;
    position: relative;
    -webkit-transform: skewX(45deg);
        -moz-transform: skewX(45deg);
            -ms-transform: skewX(45deg);
                -o-transform: skewX(45deg);
                    transform: skewX(45deg);
    padding:0 30px;
}
.social-style3:before{
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    content: "";
    background: #000;
    height: 1px;
}
.social-style3 li{
    float:left;
    width:auto;
}
.social-style3 li:hover a{
    color: #fff;
}
.social-style3 li a{
    height: 36px;
    width: 45px;
    text-align: center;
    line-height:32px;
    color: #95a9bb;
    display: block;
    -webkit-transform: skewX(-45deg);
        -moz-transform: skewX(-45deg);
            -ms-transform: skewX(-45deg);
                -o-transform: skewX(-45deg);
                    transform: skewX(-45deg);
}
.logo-wrap2{
    float: left;
    width: 100%;
}
.logo-3{
    margin: 0;
    width:130px; height:78px;
    float: left;
	position:relative;
	top:-32px;
}
.logo-3 img{}

.spb-ticker2{
    float: right;
    width: 820px;
    margin: 0;
    overflow: hidden;
    padding: 19px 0;
}
.spb-ticker .bx-wrapper .bx-viewport {
    background-color: transparent;
    height: auto !important;
}
.spb-ticker2 .bx-wrapper {
    float: none;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0;
    width: auto;
}
.spb-ticker2 span{
    background: transparent !important;
    font-size: 15px;
    font-style: italic;
    font-weight: 600;
    line-height: 15px;
    padding-bottom: 10px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 10px;
    text-transform: uppercase;
    width: auto;
	float:left;
}
.spb-ticker2 .bx-controls-direction{
    display: none;
}
.ticker-dec{
    float: left;
    width: 100%;
    line-height: 14px;
    padding: 10px 0 9px;
}

.spb-ticker2 .ticker-dec a {
    color: #000;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    width: 100%;
	float:left;
	text-decoration:underline;
}
.spb-ticker .bx-wrapper .bx-viewport {
    background-color: transparent;
	width:auto !important;
}
/*NAVIGATION*/
.nav4{
    float: left;
    width: 100%; border-bottom:#ee5f20 solid 3px;
    background: #151f28;
    position: relative;
}
.nav4:before{
    position: absolute;
    right: 0;
    background: #151f28;
    width: 33%;
    top: 0;
    bottom: 0;
    content: "";
}
.nav4 .kode_nave{
    float: left;
    width: auto;
}
.nav4 .kode_nave li{
    float: left;
    padding:21px 0px 19px;
    position: relative;
	z-index:999;
}
.nav4 .kode_nave li a{
    float: left;
    width: 100%;
    font-size: 14px; border-right:#fff solid 1px;  padding:0px 20px 0px;
    color: #fff;
	font-family: 'Roboto Condensed', sans-serif;letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 14px;
}
.nav4 .kode_nave li:hover a{
    color: #fff;
}
.tennis-nav .navigation li{
	position:relative;
}
/*drop down*/
.tennis-nav .navigation ul,
.nav4 .kode_nave li ul{
	position:absolute;
	top:80%;
	left:0px;
	right:0px;
	bottom:0px;
	width:220px;
	background-color:#333;
	z-index:-1;
	opacity:0;
	visibility:hidden;
}
.tennis-nav .navigation li:hover ul,
.nav4 .kode_nave li:hover ul{
	top:100%;
	overflow:visible;
	visibility:visible;
	opacity:1;
}
.tennis-nav .navigation li ul li,
.nav4 .kode_nave li ul li {
	width:100%;
	padding:0px;
}
.tennis-nav .navigation li ul li a,
.nav4 .kode_nave li ul li  a{
	background-color:#000;
	width:100%;
	padding:18px 20px 17px;
	position:relative;
	z-index:999;
	border-bottom:1px solid #333;
}
.tennis-nav .navigation li ul li a:before,
.nav4 .kode_nave li ul li  a:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:2px;
	z-index:-1;
	opacity:1;
}
.tennis-nav .navigation li ul li a:hover:before{
	 background-color:#000;
}
.tennis-nav .navigation li ul li a:hover:before,
.nav4 .kode_nave li ul li  a:hover:before{
	width:100%;
}

.nav4 .kode_nave li ul ul{
	position:absolute;
	right:100%;
	background-color:#000;
}
.ticket-wrap{
    float: right;
    width: auto;
    position: relative;
    padding: 20px 0;
}
.book-now{
    float: left;
    width: auto;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 16px;
	margin-right:30px;
}
.book-now i{
    margin-right: 10px;
}
.lung-link{
    float: right;
    width: auto;
}
.lung-link a{
    float: left;
    width: auto;
    padding:2px 10px 2px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 11px;
    border-left: 1px solid #fff;
}
.lung-link a:first-child{
    border: none;
}
/*
      ============================================================
         FOOTBALL PAGE CSS END
      ============================================================
*/
/*
      ============================================================
         BANNER CSS START
      ============================================================
*/
/*BANNER*/
.thumb-slider{
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.thumb-slider .container{
	position:relative;
}
#mainbanner  .flex-direction-nav {
    display: none;
}
.thumb-slider img{
    float: left;
    width: 100%;
}
.kode-ft-caption {
    top: 61%;
    left: 0;
    margin:-140px auto 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 999;
}
.football-caption{
    display: inline-block;
    width: auto;
    border-width: 0 0 0 1px;
    border-style: solid;
    background: rgba(17, 24, 31, 0.95);
    padding:20px 80px;
}
.text-right .football-caption{
    border-width: 0 1px 0 0;
}
.text-center .football-caption{
    border-width: 1px;
}
.football-caption h6{
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 26px;
    margin: 0 0 15px 0;
}
.football-caption b{color:#fff; font-size:20px;}

.football-caption h4{
    color: #fff;
    font-size:40px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 55px;
    margin: 0 0 15px 0;
}
.football-caption h5{
    color: #fff;
    font-size:30px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 38px;
    margin: 0;
}
.kode-ft-caption p{
    width: auto;
}

.arw{ font-size:16px; font-weight:normal;padding:5px 10px 0px 0px;}
.ftb-team-name{ padding:10px 0px 10px 0px; height:auto !important;}
.dash_bg {
    width: 100%;
    float: left;
}
.mrg_top {
    margin-top: 8%;
}
.box_fram {
    width: 100%;
    float: left;
    margin: 0px 0px 30px 0px;
    padding: 10px;
    background: #fff;
    border-top: #dd4b39 solid 3px;
    border-radius: 4px;
    box-shadow:5px 5px 20px 0 rgba(46,61,73,.2);
}
.title_glr {
    display: block;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    clear: both;
    text-align: center;
}
.checklist{ display:block; padding:10px;}
checklist p{ padding:3px 0px; color#333; font-size:14px;}
.student_picture {
    width: 100%;
    height: 100%;box-shadow: #000 1px 4px 5px;
    border: #fff solid 1px;
    padding: 2px;
    margin: 0px auto;
    margin-bottom: 10px;
}
.student_picture img {
    width: 100%;
    height: 250px;
}
.amount {
    float: left;
    width: 97%;
    margin: 0px;
    padding: 5px;
    border-bottom: #ddd solid 1px;
    border-top: #ddd solid 1px;
}
.amount p {
    float: left;
    width: 32%;
    margin: 0px;
    padding: 0px;
    color: #000;
}
.amount span {
    float: left;
    margin: 0px; color:#000;
    padding: 0px;
    line-height: 33px;
}
.title_glr h5 {
    font-size:18px;
    font-weight: normal; color:#333;
    margin:20px 12px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: #fff solid 2px;
    text-align: left;
}




.btn-4{
    display: inline-block;
    width: auto;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 10px;
    color: #fff;
    font-weight: bold;
    padding: 20px 40px;
    position: relative;
}
.btn-4 i{
    display: inline-block;
    margin-left:15px;
    height: 18px;
    width:18px;
    border-radius: 100%;
    background-color: #fff;
    color: #11181f;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
}
.kode-ft-caption p a:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 51px 40px 0 0;
    position: absolute;
    right: -40px;
    bottom: 0;
    top: 0;
    height: 100%;
    content: "";
}
.kode-ft-caption.text-right p a:before{
    border-width: 0 40px 50px 0;
    right: auto;
    left: -40px;
}
.kode-ft-caption.text-center p a:before{
    opacity: 0;
}
.kode-ft-caption .btn-4{
    line-height: 18px;
}
.kode-ft-caption.text-left p a{
    padding:16px 10px 17px 40px;
}
.kode-ft-caption.text-right p a{
    padding:16px 40px 17px 10px;
}
.kode-ft-caption.text-left p a i{
    float: right;
    margin: 0 0 0 15px;
}
.kode-ft-caption.text-right p a i{
    float: left;
    margin: 0 15px 0 0px;
}
/*
      ============================================================
         BANNER CSS END
      ============================================================
*/
/*
      ============================================================
        MATCH SHDULE SECTION START
      ============================================================
*/
/*MATCH SHDULE SECTION*/
.ft-match-slider{
    float: left;
    width: 100%;
}
.ft-match-slider .owl-item.active{
    margin: 0 !important;
}
.ft-match-dec{
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px;
    background: #eaeaea;
    position: relative;
    z-index: 1;
}
.ft-match-dec:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    opacity: 0;
    background: #000;
    z-index: -1;
}
.ft-match-slider .owl-item:nth-child(odd) .ft-match-dec:before{
    opacity: 0.02;
}
.ft-match-dec > span{
    font-size: 15px;
    text-transform: uppercase;
    color: #333;
    line-height:15px;
    font-weight: bold;
    float: left;
    width:100%;
    margin-top: -3px;
    margin-bottom: 19px;
}
.ft-match-teams{
    float: left;
    width: 100%;
    text-align: center;
}
.ft-match-teams span{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 30px;
    color: #333;
}
.ft-team-1{
    float: left;
    width: auto;
}
.ft-team-2{
    float: right;
    width: auto;
}
.ft-team-2 h5,
.ft-team-1 h5{
    float: left;
    width: auto;
    font-size: 13px;
    text-transform: uppercase;
    color: #333;
    margin: 0;
    line-height: 30px;
    font-weight: bold;
}
.ft-team-2 h5{
    float: right;
}
.ft-team-2 > a,
.ft-team-1 > a{
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    overflow: hidden;
    margin-left: 15px;
}
.ft-team-2 > a {
    float: left;
    margin: 0 15px 0 0px;
}
.ft-team-1 > a img{
    border-radius: 100%;
    -webkit-border-radius: 100%;
}
/*
      ============================================================
        MATCH SHDULE SECTION END
      ============================================================
*/
/*
      ============================================================
        ABOUT US SECTION START
      ============================================================
*/


/*ABOUT US SECTION*/

.ftb_club_stats,
.ftb_club_stats ul,
.ftb_club_stats,
.ftb_goal_club,
.about_goal_tab_text,
.ftb_goal_caption,
.about_tab_detail,
.about_tab_des,
.about_goal_tabs,
.ftb_goalpost{
	float:left;
	width:100%;
}
.about_goalpost{
	background-color:#fff;
}
.about_tab_des{
	background-color:#fff;
}
.about_tab_des .col-md-3{
	padding-left:0px;
}
.about_goal_tabs{
	padding:0px 0px 0px;
	border: #e2dfdc solid 1px!important;
}
.about_tab_detail{
	margin-bottom:24px;
}
.about_tab_detail li{
	float:left;
	border:1px solid #eeeeee;
	border-right:none;
}
.about_tab_detail li:last-child{
	border-right:1px solid #eeeeee;
}
.about_tab_detail li a{
	display:inline-block;
	width:278px;
	height:50px;
	text-align:center;
	font-size:18px; border-left:#ee5f20 solid 5px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:54px;
}
.about_tab_detail li a.active,
.about_tab_detail li a:hover{
	color:#000;background-color: #e01a22;
}
.ftb_goal_tab_text p{
	margin-bottom:10px;
	line-height:24px;
}
.ftb_goal_caption{
	margin-bottom:18px;
}
.ftb_goal_caption.margin_0{
	margin:0px;
}
.ftb_goal_caption span{
	display:inline-block;
	float:left;
	font-size:45px;
	color:#000;
	margin-bottom:10px;
	margin-right:10px;
}
.ftb_goal_caption h5{
	display:inline-block;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:18px;
}
.ftb_goal_caption h5 a{
	color:#000000;
}
.ftb_goal_caption p{
	float:left;
	color:#666666;
	margin:0px;
	line-height:22px;
}
/*ftb goal club*/
.ftb_goal_club{
	border-bottom:1px solid #d3d3d3;
	padding-bottom:19px;
}
.ftb_goal_club h3{
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:13px;
}
.ftb_goal_club p{
	margin:0px;
	line-height:22px;
}
.ftb_goal_club:last-child{
	margin-top:25px;
	border:none;
}
/*club stats*/
.ftb_club_stats p{
	line-height:22px;
	margin-bottom:30px;
}
.ftb_club_stats ul li{
	float:left;
	width:50%;
	margin-bottom:11px;
}
.ftb_club_stats ul li:nth-child(7),
.ftb_club_stats ul li:last-child{
	margin:0px;
}
.ftb_club_stats ul li a{
	display:inline-block;
	color:#999999;
}
.ftb_club_stats ul li a i{
	margin-right:14px;
}
.ftb_goal_tab_des .panel.panel-default{
	float:left;
	width:100%;
	border:none;
	overflow:hidden;
	margin-bottom:0px;
}
.ftb_goal_tab_des .panel-body{
	padding:0px;
}
.ftb_goal_tab_des .panel{
	box-shadow:0px 0px;
}
.ft-about-wrap .text ul li a:hover img{
    opacity: 0.5;
}
.heading5.hdg_6 h4{
	color:#000000;
}

.buttons{    display: inline-block;
    text-align: center;
    width: 138px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background-color: #333333;
    margin-right: 16px;}



/*
      ============================================================
        ABOUT US SECTION END
      ============================================================
*/
/*
      ============================================================
        MATCH RESULT SECTION START
      ============================================================
*/
/*MATCH RESULT SECTION*/
.ftb-resultbg{
    background-image: url(images/ftb-resultbg.jpg);
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
}
.ftb-resultbg:before{
    position: absolute;
    left: 0;
    right:0;
    top: 0;
    bottom: 0;
    content: "";
    background-color: #000;
    opacity: 0.72;
}
.heading5{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom:30px;
}
.heading5 h4{
    font-size: 30px;
    line-height: 23px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    width: 100%;
    color: #fff;
}
.heading5.black h4{
    color: #333;
	position:relative;
}
.heading5.text-left{
    text-align: left;
}
.heading5 p{
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 20px;
    margin:20px 0 0 0;
    float: left;
    width: 100%;
    text-align: center;
}
.ftb-resultbg .container{
    position: relative;
}
.ftb-result-wrap{
    float: left;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 30px;
}
.ftb-result1{
    float: left;
    width: 33.3%;
    text-align: left;
}
.ftb-result1 .text{
    float: left;
    width: 100%;
    padding: 0 130px 0 40px;
}
.ftb-result2{
    text-align: right;
}
.ftb-result-logo{
    float: left;
    width: 100%;
    margin-bottom: 29px;
}
.ftb-result-logo > a{
    float: left;
    width: 101px;
    height: 107px;
    position: relative;
    z-index: 3;
}
.ftb-result2 .ftb-result-logo > a{
    float: right;
}
.ftb-result-logo a img{
    float: left;
    width: 100%;
}
.ftb-result-logo span{
    float: left;
    width: auto;
    line-height: 24px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 16px 50px 17px;
    bottom: -33px;
    left: -39px;
    position: relative;
    color: #fff;
    -webkit-transform: skewX(-45deg);    
        -moz-transform: skewX(-45deg);    
            -ms-transform: skewX(-45deg);    
                -o-transform: skewX(-45deg);    
                    transform: skewX(-45deg);   
}
.ftb-result-logo span b{
    -webkit-transform: skewX(45deg);    
        -moz-transform: skewX(45deg);    
            -ms-transform: skewX(45deg);    
                -o-transform: skewX(45deg);    
                    transform: skewX(45deg); 
    float: left;
}
.ftb-result2 .ftb-result-logo span{
    float: right;
    right:-46px;
    left: auto;
    -webkit-transform: skewX(45deg);    
        -moz-transform: skewX(45deg);    
            -ms-transform: skewX(45deg);    
                -o-transform: skewX(45deg);    
                    transform: skewX(45deg);  
}
.ftb-result2 .ftb-result-logo span b{
    -webkit-transform: skewX(-45deg);    
        -moz-transform: skewX(-45deg);    
            -ms-transform: skewX(-45deg);    
                -o-transform: skewX(-45deg);    
                    transform: skewX(-45deg);
}
.ftb-result1 .text h6{
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 3px solid; 
    padding-bottom: 6px;
    margin-bottom: 14px;
    color: #fff;
}
.ftb-result1 .text h6 a{
    color: #fff;
}
.ftb-result1 .text span{
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    text-transform: capitalize;
    margin-bottom: 15px;
    color: #fff;
}
.ftb-result1 .text span:last-child{
    margin: 0;
}
.ftb-result2 .text{
    float: right;
    padding: 0 40px 0 130px
}
.ftb-final-result{
    float: left;
    width: 33.3%;
    text-align: center;
	margin-top:20px;
}
.ftb-final-result em i,
.ftb-final-result em{
    float: left;
    width: 100%;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: normal;
    line-height: 14px;
    font-style: normal;
    color: #fff;
    margin-bottom:30px;
}
.ftb-final-result em i{
    margin:10px 0 0 0; 
}
.ftb-final-result p{
    float: left;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    margin-bottom:35px; 
}
.ftb-final-result a{
    font-size: 16px;
    line-height: 16px;
    padding: 14px 30px;
}
.ftb-final-result a:hover{
    background-color: #fff;
    color: #000;
}
/*HEADING 6*/
.heading6{
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
    border-bottom: 1px solid #cbcbcb;
}
.heading6 h4{
    font-size:20px;
    line-height: 23px;
    font-weight: bold;    text-align: center;
    text-transform: uppercase;
    float: left;
    width: 100%;
    margin-bottom: 14px;
}

/*HEADING 7*/
.heading7{
    float: left;
    width: 100%;
    text-align: left; 
    border-bottom: 1px solid #cbcbcb;
}
.heading7 h4{
    font-size:20px;
    line-height: 23px;
    font-weight: bold;    text-align: center;
    text-transform: uppercase;
    float: left;
    width: 100%;padding:10px 0px;
  
}
.heading7 h4 span{    color: #e01a22;}

/*
      ============================================================
        MATCH RESULT SECTION END
      ============================================================
*/
/*
      ============================================================
       FOOTBALL BX SLIDER START
      ============================================================
*/
/*FOOTBALL BX SLIDER*/
.ftb-bx-slider{
    float: left;
    width: 100%;
}
.ftb-bx-slider .bx-wrapper{
    float: left;
    width: 100%;
}
.ftb-bx-slider .bx-wrapper .bx-controls-direction a{
    position: absolute;
    top: -50px;
    width: 20px;
    height: 20px;
    right: 0;
    left: auto;
}
.ftb-bx-slider .bx-wrapper .bx-controls-direction a:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    font-family: 'FontAwesome';
    color:#666666;
    content: "\f105"
}
.ftb-bx-slider .bx-wrapper .bx-controls-direction a.bx-prev{
    right: 30px;
}
.ftb-bx-slider .bx-wrapper .bx-controls-direction a.bx-prev:before{
    right: 0px;
    content: "\f104";
    left: 0;
}
.ftb-bx-slider .bx-wrapper .bx-controls-direction a:hover:before{
    color: #fff;
}
.ftb-post-thumb{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 33px;
    overflow: hidden;
    background-color: #000;
}
.ftb-post-thumb a{
    float: left;
    width: 100%;
}
.ftb-post-thumb img{
    float: left;
    width: 100%;
    opacity: 0.55;
}
.ftb-post-thumb:hover a img{
    transform:scale(1.2);
    -ms-transform:scale(1.2); /* IE 9 */
    -moz-transform:scale(1.2); /* Firefox */
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -o-transform:scale(1.2); /* Opera */ 
}
.ftb-post-thumb .text{
    position: absolute;
    bottom: 0;
    left: 0;
    bottom: 0;
    padding: 15px;
}
.ftb-post-thumb .text h6{
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
.ftb-post-thumb .text .btn-4{
    padding:15px 25px;
    width: auto;
    margin-top: 13px;
}
.ftb-post-thumb .text .btn-4:hover{
    background-color: #000;
    color: #fff;
}
.ftb-post-thumb .spb-play{
    width: 40px;
    height: 40px;
    margin-top: -20px;
    opacity: 1;
    font-size: 40px;
    text-align: center;
    -webkit-transform:translate(0);
        -moz-transform:translate(0);
            -ms-transform:translate(0);
                -o-transform:translate(0);
                    transform:translate(0);
}
.spb-play {
   border-radius:100%;
    color: #fff;
    display: block;
    font-size: 36px;
    height: 36px;
    left: 0;
    line-height: 36px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50px, 0px);
    width: 36px;
	margin:auto;
    z-index: 1;
}
/*
      ============================================================
       FOOTBALL BX SLIDER END
      ============================================================
*/
/*
      ============================================================
       FOOTBALL POINT TABLE SECTION START
      ============================================================
*/
/*FOOTBALL POINT TABLE SECTION*/
.ftb-rating-table{
    display: table;
    width: 100%;
}
.ftb-rating-table li{
    display: table-row;
    background-color: #fdfdfd;
    height:40px;
    float: none;
	padding-bottom:1px;
}
.ftb-rating-table li div{
    display: table-cell;
    text-align: center;
    font-size: 16px;
    color: #000;
    vertical-align: middle;
    min-width: 30px;
    padding:0 10px 1px;
    border-bottom: 1px solid #ccc!important;
}
.ftb-rating-table li div a{
     color: #000;display: block; font-size:14px;
    padding-left: 33px;
    line-height: 25px;
}
.overflowhib{ min-height:405px; overflow:auto; float:left;    margin:0px 0px 10px 0px;border-top: solid #afc44a 5px!important;
    box-shadow: 5px 5px 20px 0 rgba(46,61,73,.2);
    transition: color .3s ease; width:100%;
    border: 1px solid #ddd;}
    
.overflowhib1{ min-height:405px; overflow:auto; float:left;    margin:0px 0px 10px 0px;border-top: solid #afc44a 5px!important;
    box-shadow: 5px 5px 20px 0 rgba(46,61,73,.2);
    transition: color .3s ease; width:100%;
    border: 1px solid #ddd;}
    
    
.ftb-rating-table li:last-child div{
    border:none;
}
.ftb-rating-table li div img{
    width: 30px;
    height: 30px;
    margin-right: 15px;
}
.ftb-rating-table li div.ftb-team-name{
    text-align: left !important;
}
/*
      ============================================================
       FOOTBALL POINT TABLE SECTION END
      ============================================================
*/
/*
      ============================================================
       MAIN TAB TABLE SECTION START
      ============================================================
*/
/*MAIN TAB TABLE SECTION*/
.ftb-tabs-wrap{
    float: left;
    width: 100%;
    padding-top: 40px;
    margin-bottom: 30px;
}
.ftb-tabs-wrap .nav-tabs{
    float: left;
    width: 100%;
    background-color: #2e2f31;
    border: none;
    margin: 0;
    padding: 30px;
}
.ftb-tabs-wrap .nav-tabs li{
    float: left;
    width: auto;
    border: none;
    margin: 0 20px 0 0;
}
.ftb-tabs-wrap .nav-tabs li:last-child{
    margin: 0;
}
.ftb-tabs-wrap .nav-tabs li a{
    border: 1px solid #cbcbcb;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 11px;
    padding: 20px 25px;
    text-transform: uppercase;
    margin: 0;
    background-color: transparent;
    min-width: 217px;
    text-align: center;
}
.ftb-tabs-wrap .nav-tabs li.active a{
    color: #fff;
}
.ftb-main-table{
    width: 100%;
    display: table;
}
.ftb-main-table li{
    display: table-row;
    background-color: #292e32;
    height: 100px;
    position: relative;
	float:none;
    z-index: 1;
}
.ftb-main-table li:nth-child(odd):after{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    background-color: #000;
    opacity: 0.25;
    z-index: -1;
}
.ftb-main-table.table_2 li:nth-child(2n+1):after{
	background:none;
}
.ftb-main-table li:hover:after{
    opacity: 0;
}
.ftb-main-table li > div{
    display: table-cell;
    vertical-align: middle;
    padding:0 20px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    color: #fff;
    border-style: solid;
    border-width: 0 1px 0px 0;
    border-color: rgba(255, 255, 255, 0.10);
}
.ftb-ticket.ticket_2 .hire:hover{
	color:#fff;
}
.ftb-main-table li > div:last-child{
    border:none;
}
.compitatev-team1{
    float: left;
    width: auto;
}
.compitatev-team1 img{
    float: left;
    margin: 0 10px 0 0;
    width: 73px;
    height: 76px;
}
.compitatev-team1 a{
    line-height: 76px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}
.compitatev-team2 img,
.compitatev-team2{
    float: right;
}
.compitatev-team2 img{
    margin: 0 0px 0 20px;
}
.ftb-compitatev span{
    display: inline-block;
    width: 90px;
    height: 76px;
    background-color: #34393c;
    font-size: 42px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    line-height: 76px;
    border-bottom: 3px solid;
    text-align: center;
}
.ftb-main-table li:hover .ftb-compitatev span{
    border-color: #292e32;
    background-color: #fff;
}
.ftb-ticket .hire{
    border-width: 1px;
}
/*
      ============================================================
       MAIN TAB TABLE SECTION END
      ============================================================
*/
/*
      ============================================================
       FOOTBALL GALLERY SECTION START
      ============================================================
*/
/*FOOTBALL GALLERY SECTION*/
.ftb-gallery-bg{
    position: relative;
    background-image: url(images/ftb-gallery-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.ftb-gallery-bg:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.75;
    content: "";
}
.ftb-gallery-bg .container{
    position: relative;
}
.ftb-gallery figure img,
.ftb-gallery ul,
.ftb-gallery{
    float: left;height:99%;
    width: 99%;
}
.ftb-gallery ul li{
    float: left;
    width: 33.3%;
}
.ftb-gallery figure{
    float: left;
    width: 100%;
    position: relative; height:271px;
    background-color: #000;
    margin: 0;
}
.ftb-gallery figure:before{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: "";
    opacity: 0;
    border: 1px solid #dedede;
}
.ftb-gallery figure:hover img{
    opacity: 0.48;
}
.ftb-gallery figure:hover:before{
    left: 10px;
    right: 10px;
    bottom:10px;
    top: 10px;
    opacity: 1;
}
.ftb-gallery figcaption{
    position: absolute;
    left: 0;
    right:0;
    top: 50%;
    text-align: center;
    margin-top: -37px;
    opacity:0;
}
.ftb-gallery figure:hover figcaption{
    opacity: 1;
}
.ftb-gallery figcaption h4{
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-bottom: 17px;
}
.ftb-gallery figcaption a{
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    padding: 11px 36px 12px;
}
.ftb-gallery figcaption a:hover{
    color: #000;
    background-color: #fff;
}
.tns-load {
    float: left;
    margin-bottom: 40px;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}
.tns-load.ftb-load{
	margin-bottom:30px;
}
.tns-load a {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    text-transform: uppercase;
}
.ftb-load a:hover{
    background-color: #fff;
    color: #000;
}
/*
      ============================================================
       FOOTBALL GALLERY SECTION END
      ============================================================
*/
/*
      ============================================================
       FOOTBALL COUNTER START
      ============================================================
*/
/*FOOTBALL COUNTER*/
.ftb-counterup{
    float: left;
    width: 100%;
    padding: 69px 0 68px;
    position: relative;
}
.ftb-counterup::before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.12;
    position: absolute;
    right: 0;
    top: 0;
}
.ftb-counterup .container{
    position: relative;
}
.ftb-counterup .counterup-dec span{
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 0;
    border: none;
    margin:0 20px 0 0; 
    line-height: 48px;
    font-size: 48px;
	color:#fff;
}
.ftb-counterup .counterup-dec .text{
    float: none;
    overflow: hidden;
    width: auto;
    text-align: left;
}
.ftb-counterup .counterup-dec h3{
    font-size: 35px;
    color: #fff;
    line-height: 35px;
    font-weight: bold;
    margin: -5px 0 9px 0;
       text-align: center;
}
.ftb-counterup .counterup-dec p{
    float: left;
    width: 100%;
    font-size: 14px;    text-align: center; 
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    line-height: 14px;
}

.ulistmarquee{ margin:0px; padding:0px;}
.ulistmarquee li{ float:left; margin:0px 10px; padding:0px;}

/*
      ============================================================
       FOOTBALL COUNTER END
      ============================================================
*/
/*
      ============================================================
       FOOTBALL TEAM SECTION START
      ============================================================
*/
/*FOOTBALL TEAM SECTION*/
.ftb-team-thumb{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.ftb-team-thumb figure{
    margin: 0;
    text-align: center;
    background-color: #ffffff;
    border:1px solid #dfdfdf;
    position: relative;
}
.ftb-team-thumb.thumb_2 {
    display: inline-block;
    left: 450px;
    position: relative;
    text-align: center;
}
.ftb-team-thumb figure:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    opacity: 0.68;
    background-color: #000;
    width: 0;
}
.ftb-team-thumb:hover figure:before{
    width: 100%;
}
.ftb-team-thumb figure img{
    display: inline-block;
    width: auto; height:200px;
}
.ftb-team-dec{
    float: left;
    border:1px solid #cdcdcd;
    width: 100%;
    padding: 22px 20px 25px;
    position: relative;
    overflow: hidden;
}
.ftb-team-thumb:hover .ftb-team-dec{
    border-bottom-color:transparent; 
}
.ftb-team-thumb:hover .ftb-team-dec.dec_2{
	border-bottom:transparent;
}
.arrow-iconbtn{
    position: absolute;
    right: -30px;
    bottom: -30px;
    height: 60px;
    width: 60px;
    text-align: center;
    color: #fff;
    content: "";
    opacity: 0;
    -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
            -ms-transform:rotate(-45deg);
                -o-transform:rotate(-45deg);
                    transform:rotate(-45deg);
}
.arrow-iconbtn i{
    -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
            -ms-transform:rotate(45deg);
                -o-transform:rotate(45deg);
                    transform:rotate(45deg);  
}
.arrow-iconbtn i{
	left: 0;
    position: relative;
    top: 5px;
}
.ftb-team-thumb:hover .arrow-iconbtn{
    opacity: 1;
}
.ftb-team-dec > span{
    float: left;
    width: auto;
    font-size: 46px;
    color: #666666;
    line-height: 46px;
    font-weight: normal;
}
.ftb-team-thumb:hover .ftb-team-dec > span{
    font-weight: bold;
}
.ftb-team-dec .text{
    float: none;
    width: auto;
    overflow: hidden;
    padding:6px 20px 0px;
}
.ftb-team-dec .text a{
    font-size: 16px;
    line-height: 16px;
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    margin-bottom: 7px;
}
.footer_link{ margin:0px;}
.footer_link h5{ color:#fff; font-size:20px; padding-bottom:10px;}
.footer_link li{ margin:0px;}
.footer_link li a{color: #999999;
    text-decoration: none;
    border-top: 1px solid #333;
    border-bottom: 0px solid #333;
    display: block;
    line-height: 35px;
    text-align: left;
    font-size: 14px;
    background: url(../images/circle.png) no-repeat left;
    padding-left:0px;}
.ftb-team-dec .text p{
    margin: 0;
    line-height: 14px;
    text-transform: capitalize;
}
/*
      ============================================================
       FOOTBALL TEAM SECTION END
      ============================================================
*/
/*
      ============================================================
       FOOTBALL SPORT WEAR SECTION START
      ============================================================
*/
/*FOOTBALL SPORT WEAR SECTION*/
.ftb-item_padding{
	padding-bottom:14px;
	float:left;
	width:100%;
	padding:70px 0px 36px;
}
.ftb-item_padding  active.ftb-item{
	
}
.ftb-item{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.ftb-item figure{
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    background-color: #eeeeee;
}
.ftb-item figure img{
    width: auto;
    display: inline-block;
}
.ftb-item .text{
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    padding-top: 20px;
	padding-bottom:50px;
}
.ftb-item_padding  .active.ftb-item .text,
.ftb-item:hover .text{
	opacity:0;
}
.ftb-item .text.text_3.text_4{
	opacity:1;
	padding-bottom:0px;
}
.ftb-item  .text.text-hover{
	position:absolute;
	bottom:50%;
	opacity:0;
	bottom:0;
	padding:0;
	margin:0;
}
.ftb-item:hover .rating.rating_3 span{
	color:#d4af37;
}
.ftb-item_padding  .active.ftb-item .text.text-hover,
.ftb-item:hover .text.text-hover{
	opacity:1;
}
.ftb-item .text h4{
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 11px;
}
.ftb-item .text > span{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.ftb-item .text > span del{
    color: #666666;
    margin-right: 5px;
}
.ftb-item .text .rating{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 27px;
}
.like-icon{
    float:left;
    width: 34px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #999999;
}
.like-icon.right{
    float:right;
}
.ftb_item_detail{
    float: left;
    width: 100%;
	margin-bottom:20px;
}
.buy-btn{
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    padding: 9px 25px 8px;
}
.buy-btn:hover{
    background-color: #000;
    color: #fff;
}
/*
      ============================================================
       FOOTBALL SPORT WEAR SECTION END
      ============================================================
*/
/*
      ============================================================
       FOOTBALL LATEST NEWSSECTION START
      ============================================================
*/
/*FOOTBALL LATEST NEWSSECTION*/
.ftb-latestnew-wrap{
    background-image: url(images/ftb-latestnew.jpg);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    padding: 70px 0;
}
.ftb-latestnew-wrap:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.66;
    background-color: #000;
    content: "";
}
.ftb-latestnew{
    float: left;
    width: 100%;
    position: relative;
}
.ftb-latestnew figure{
    float: left;
    width: 100%;
    margin: 0;
}
.ftb-latestnew figure img{
    float: left;
    width: 100%;
}
.ftb-new-dec{
    float: left;
    width: 100%;
    position: relative;
    background-color: #fff;
    padding:40px 35px;
}
.ftb-new-dec span{
    float: left;
    width: 135px;
    font-size: 80px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    padding: 39px 0 31px;
}
.ftb-new-dec span b{
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 14px;
}
.ftb-new-dec .text{
    float: none;
    width: auto;
    overflow: hidden;
    position: relative;
}
.ftb-new-dec  h4{
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 17px;
    font-size: 24px;
    margin-bottom: 13px;
}
.ftb-new-dec p{
    margin-bottom: 16px;
}
.ftb-new-dec .text > a{
    display: inline-block;
    font-size: 15px;
    text-transform: capitalize;
    line-height: 15px;
    border:1px solid #dcdcdc;
    color: #999999;
    padding: 14px 24px 13px;
    font-weight: bold;
}
.ftb-new-dec .text ul{
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
}
.ftb-new-dec .text ul li{
    float: left;
    width: auto;
	list-style:none;
    margin-right: 20px;
}
.ftb-new-dec .text ul li:last-child{
    margin: 0;
}
.ftb-new-dec .text ul li a{
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #333;
}
.ftb-new-dec .text ul li a i{
    margin-left: 5px;
    float: right;
    color: #666666;
}
.ftb-latestnew2{
    padding: 21px;
    background-color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.ftb-latestnew2-wrap .ftb-latestnew2:last-child{
    margin: 0;
}
.ftb-latestnew2 figure{
    width: 107px;
    float: left;
    margin: 0 20px 0 0;
}
.ftb-latestnew2 .ftb-new-dec{
    float: none;
    width: auto;
    padding: 0;
}
.ftb-latestnew2 .text h4{
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 8px
}
.ftb-latestnew2 .text p{
    line-height: 20px;
}
.ftb-latestnew2:hover .text h4 a,
.ftb-latestnew2:hover .text p
{
    color: #fff;
}
.ftb-latestnew2:hover .text > a{
    background-color: #fff; 
}
.ftb-latestnew2:hover .text > a:hover{
    background-color: #000;
    color: #fff;
}
.ftb-new-dec .text > a:hover{
    color: #fff;
}
/*
      ============================================================
       FOOTBALL LATEST NEWSSECTION END
      ============================================================
*/
/*
      ============================================================
       FOOTBALL FOOTER SECTION START
      ============================================================
*/
/*FOOTBALL FOOTER SECTION*/
.football-footer{
    background-image: url(images/football-bg.html);
    position: relative;
    float: left;
    width: 100%;
    padding:20px 0 0;
}
.football-footer:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.90;
    content: "";
}
.football-footer .spb-social2 li a{
    border: none;
    width: 15px;
    height: 15px;
    line-height: 15px;
    color: #fff;
}
.football-footer .spb-social2 li a:hover{
    background-color: transparent;
}
.ft-logo{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.ft-logo a{
    float: left;
    width: auto;
}
.ft-logo a img{
    float: left;
    width: 100%;
}
.football-footer .spb-text-widget p{
    color: #fff;
	margin-bottom:37px;
}
.football-footer .spb-popular-dec .text > a{
    color: #fff;
}
.football-footer .spb-meta2 li i, 
.football-footer .spb-meta2 li span, 
.football-footer .spb-meta2 li a{
    font-style: normal;
    font-size: 14px;
    color: #d7d7d7;

}
.football-footer .spb-meta2 li:first-child span, 
.football-footer .spb-meta2 li:first-child a{
    color: #fff;
}
.football-footer .spb-flicker{
    text-align: center;
}
.football-footer .spb-flicker ul {
    float: left;
    margin-bottom: 30px;
    margin-left: -10px;
}
.football-footer .spb-flicker .spb-btn3{
    display: inline-block;
    float:none;
}
.football-footer .spb-flicker .spb-btn3:hover{
    outline: none;
}
.football-footer .spb-widget h4{
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    line-height: 18px;
    margin-top: -3px;
}
.football-footer .sbp-ftnav li a{
    font-size: 16px;
    line-height: 16px;
}
.football-footer .spb-copyright p{
    font-size: 15px;
    color: #999;
}
/*
      ============================================================
         FOOTBALL  PAGE CSS END
      ============================================================
*/
.pp_social{
    display: none !important;
}


/*
      //=====================================================================================================
									BLOG PAGE START
      =====================================================================================================//
*/
.football{
	background-color:rgba(14, 20, 26, 0.95);
	float:left;
	width:100%;
	position:relative;
	z-index:999;
}
/*
      ============================================================
        KODE BANNER1 START
      ============================================================
*/
.kode_benner1_cols,
.kode_benner1_text,
.kode_benner1{
	float:left;
	width:100%;
}
.text{
	float:left;
	width:100%;
}
.kode_benner1{
	position:relative;
	overflow:hidden;
}
.kode_benner1_text{
	padding:77px 0px;
	text-align:center;
	background-image:url("../images/blogb.png");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
.kode_benner1_text:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(27, 27, 27, 0.47);
	opacity:0.85;
}
.kode_benner1_text h2{
	font-size:36px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	position:relative;
}
.kode_benner1_cols{
	background-color:#000;
	text-align:center;
	position:relative;
	margin-bottom: 10px;
	z-index:999;
}
.kode_benner1_cols .kf_container{
	position:relative;
	padding:0 100px;
}
.kode_benner1_cols .kf_container:before {
    background-color:#000;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-29%) skewX(-45deg);
    width: 189px;
    z-index: 1;
	display:block;
}
.kode_benner1_cols .kf_container:after {
    background-color:#000;
    bottom: 0;
    content: "";
    right: 0;
    position: absolute;
    top: 0;
    transform: translateX(29%) skewX(46deg);
    width:189px;
    z-index: 1;
	display:block;
}
.kode_benner1_cols .breadcrumb{
	display:inline-block;
	width:100%;
	position:relative;
	background:transparent;
	padding:12px 0;
	margin:0;
	bottom:-9px;
	border-radius:0;
}
.kode_benner1_cols .breadcrumb > li + li::before{
	content:"\f105";
	font-family:'FontAwesome';
	color:#e7e7e7;
	padding:0px 10px;
}
.kode_benner1_cols .breadcrumb li {
	font-weight:bold;
	color:#e7e7e7;
}
.kode_benner1_cols .breadcrumb li a{
	display:inline-block;
	font-weight:bold;
	color:#e7e7e7;
}
.kode_benner1_cols .breadcrumb li a:hover{
	 color:#000;
}
.kode_benner1_cols .breadcrumb:before {
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 8px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 14px;
    border-top-color: #a20a10;
    border-top-style: solid;
    border-top-width: 10px;
    bottom: 0;
    content: "";
    height: 10px;
    left: -8px;
    position: absolute;
    width: 18px;
	z-index:999;
}
.kode_benner1_cols .breadcrumb:after {
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 14px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 8px;
    border-top-color: #a20a10;
    border-top-style: solid;
    border-top-width: 10px;
    bottom: 0;
    content: "";
    height: 10px;
    right: -8px;
    position: absolute;
    width: 18px;
	z-index:999;
}
/*
      ============================================================
        KODE BANNER1 END
      ============================================================
*/
/*
      ============================================================
        KODE BLOG WRAPER START
      ============================================================
*/
.kode_blog_des,
.kode_blog_comment,
.kode_blog_text,
.kode_blog_fig,
.kode_blog_wraper{
	float:left;
	width:100%;
}
.kode_blog_wraper{
	padding:69px 0px 70px 0px;
}
.kode_blog_fig{
	margin-bottom:30px;
}
.kode_blog_fig figure{
	position:relative;
	margin:0px;
	z-index:999;    height: 250px;
}
.kode_blog_fig figure img{height:100%;}
.kode_blog_fig:hover figure img{
	transform:scale(1.3);
	-moz-transform:scale(1.3);
	-webkit-transform:scale(1.3);
}
.kode_blog_fig figure:after,
.kode_blog_fig figure:before{
	position:absolute;
	top:100px;
	content:"";
	left:0px;
	right:0px;
	bottom:100px;
	background-color:#040202;
	opacity:0;
	z-index:999;
}
.kode_blog_fig:hover figure:before{
	top:0px;
	opacity:0.70;
	bottom:0px;
}
.kode_blog_fig figure:after{
	background:none;
	opacity:0;
	top:0px;
	bottom:0px;
	border:1px solid #d5cbca;
	z-index:999;
}
.kode_blog_fig:hover figure:after{
	position:absolute;
	top:10px;
	content:"";
	left:10px;
	right:10px;
	bottom:10px;
	opacity:1;
}
.kode_blog_fig figcaption{
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	margin:auto;
	text-align:center;
	color:#fff;
	z-index:9999;
	margin-top:-15px;
	transform:scale(1.6);
	-moz-transform:scale(1.6);
	-webkit-transform:scale(1.6);
	opacity:0;
}
.kode_blog_fig:hover figcaption{
	transform:scale(1.0);
	-moz-transform:scale(1.0);
	-webkit-transform:scale(1.0);
	opacity:1;
}
.kode_blog_fig figcaption a{
	display:inline-block;
	color:#fff;
	font-size:16px;
	font-size:24px;
}
.kode_blog_text{
	padding:28px 0px 0px 0px;
}
.kode_blog_des{
	margin-bottom:22px;
}
.kode_blog_date{
	float:left;
}
.kode_blog_date p{
	color:#999999;
	font-weight:bold;
	text-transform:uppercase;
	line-height:14px;
	margin:0px;
}
.kode_blog_date span{
	display:inline-block;
	font-weight:bold;
	font-size:55px;
	color:#666666;
	line-height:54px;
}
.kode_blog_caption {
    overflow:hidden;
	padding-left:22px;
}
.kode_blog_caption h5{
	text-transform:uppercase;
	font-weight:bold;
	line-height:20px;
	margin-bottom:4px;
}
.kode_blog_caption p{
	line-height:25px;
	font-size:15px;
	margin:0px;
}
.kode_blog_comment > a{
	display:inline-block;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:16px;
	padding:11px 20px;
	border:1px solid #e5e5e5;
	float:left;
}
.kode_blog_fig:hover .kode_blog_comment > a{
	color:#fff;
}
.kode_blog_comment ul{
	float:right;
	padding:10px 0px;
}
.kode_blog_comment ul li{
	float:left;
	margin-left:30px;
}
.kode_blog_comment ul li:first-child{
	margin:0px;
}
.kode_blog_comment ul li a{
	display:inline-block;
	font-size:16px;
	font-weight:bold;
}
.kode_blog_comment ul li a i{
	margin-right:10px;
	color:#999999;
}
/*PAGINATION START*/
.kode_blog_pagination{
	float:left;
	width:100%;
	text-align:center;
	margin-top:10px;
}
.kode_blog_pagination a{
	display:inline-block;
	height:33px;
	width:33px;
	line-height:29px;
	text-align:center;
	color:#999;
	font-size:16px;
	border:1px solid #dddddd;
	margin-right:15px;
	font-weight:bold;
}
.kode_blog_pagination a:hover{
	color:#fff;
}
.kode_blog_pagination .right,
.kode_blog_pagination .left{
	background-color:#333333;
	color:#fff;
	border-color:#333333;
	margin-right:21px;
}
.kode_blog_pagination .right{
	margin-right:0px;
	margin-left:6px;
}
/*
      ============================================================
        KODE BLOG WRAPER END
      ============================================================
*/

/*
      //=====================================================================================================
									BLOG 2 PAGE START
      =====================================================================================================//
*/

.kode_blog_text.text_2 {
    float: left;
    width: 53%;
	padding:0px 35px 0px 0px;
}
.kode_blog_text.text_2.text_3{
	padding:0px 0px 0px 35px;
}
.kode_blog_date.date_2{
	float:none;
	margin-bottom:16px;
}
.kode_blog_caption.caption_2{
	padding:0px;
	margin-bottom:27px;
}
.kode_blog_caption.caption_2 h5{
	margin-bottom:13px;
}
.kode_blog2_thumb {
    float: left;
    width: 47%;
}

.box.box-danger {
    border-top-color: #dd4b39;
}

.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.box-header.with-border {
    border-bottom: 1px solid #f4f4f4; margin-bottom:15px;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}





/*
      //=====================================================================================================
									BLOG DETAIL PAGE START
      =====================================================================================================//
*/
.kode_macth_text,
.kode_detail_categories ul,
.kode_detail_categories,
.kode_detail_btn,
.kode_detail_area,
.kode_detail_form form,
.kode_detail_form,
.kode_detail_comment_list,
.kode_detail_cols ul li,
.kode_detail_cols ul,
.kode_detail_cols,
.kode_detail_related,
.kode_detail_post,
.kode_detail_caption,
.kode_quote_text,
.kode_detail_quote,
.kode_detail_text,
.kode_detail_title ul,
.kode_detail_admin,
.kode_detail_fig,
.kode_detail_row{
	float:left;
	width:100%;
}
.kode_detail_fig{
	margin-bottom:27px;
}
.kode_detail_fig figure{
	margin-bottom:30px;
	overflow:hidden;
}
.kode_detail_fig:hover figure img{
	transform:scale(1.3);
	-moz-transform:scale(1.3);
	-webkit-transform:scale(1.3);
}
.kode_detail_admin{
	margin-bottom:23px;
}
.kode_detail_admin span{
	display:inline-block;
	float:left;
	font-size:30px;
	line-height:30px;
	font-weight:bold;
	color:#fff;
	padding:4px 10px 8px;
}
.kode_detail_admin span strong{
	display:block;
	font-size:16px;
	color:#fff;
	line-height:16px;
}
.kode_detail_title{
	float:left;
	width:auto;
	padding-left:24px;
	padding-top:3px;
}
.kode_detail_title ul{
	margin-bottom:7px;
}
.kode_detail_title ul li{
	float:left;
	margin-right:30px;
}
.kode_detail_title ul li:last-child{
	margin:0px;
}
.kode_detail_title ul li a{
	font-size:16px;
	color:#999999;
	display:inline-block;
}
.kode_detail_title ul li a i{
	margin-right:10px;
}
.kode_detail_title h2{
	font-weight:bold;
	text-transform:uppercase;
}
.kode_detail_text p{
	margin-bottom:18px;
	font-size:15px;
}
.kode_detail_text p:last-child{
	margin:0px;
}
/*kode detail quote start*/
.kode_detail_quote{
	padding:23px 35px 26px;
	border:1px solid #f0f0f0;
	margin-bottom:25px;
}
.kode_detail_quote p{
	font-size:16px;
	margin-bottom:59px;
	position:relative;
}
.kode_detail_quote p:before{
	position:absolute;
	content:"\f10e";
	font-family:FontAwesome;
	top:90px;
	font-size:46px;
	text-align:center;
	color:#e7e7e7;
	left:0px;
	right:120px;
	bottom:0px;
	z-index:-1;
}
.kode_quote_text{
	text-align:center;
}
.kode_quote_text h6{
	text-transform:uppercase;
	margin-bottom:7px;
}
/*kode detail caption start*/
.kode_detail_caption p{
	font-size:15px;
	margin-bottom:20px;
}
/*kode detail post start*/
.kode_detail_post{
	padding:13px 0px 30px 0px;
	border-bottom:1px solid #dddddd;
	margin-bottom:30px;
}
.kode_detail_share{
	float:left;
	width:auto;
}
.kode_detail_share h5{
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:17px;
}
.kode_detail_share  li{
	float:left;
	margin-right:15px;
}
.kode_detail_share  li:last-child{
	margin-right:0px;
}
.kode_detail_share  li a{
	display:inline-block;
	border:1px solid #e7e7e7;
	font-size:18px;
	color:#999;
	height:40px;
	width:40px;
	text-align:center;
	line-height:40px;
	border-radius:100%;
}
.kode_detail_share  li a:hover{
	color:#fff;
}
.kode_detail_share h5 a{
	display:inline-block;
	margin-right:20px;
}
.kode_detail_post .breadcrumb{
	background:none;
	float:right;
	margin:0px;
	padding:0px;
	position:relative;
	top:33px;
}
.kode_detail_post .breadcrumb li  a{
	font-size:16px;
	display:inline-block;
}
/*kode detail related start*/
.kode_detail_related{
	padding:15px 0px 30px;
	border-bottom:1px solid #dddddd;
	margin-bottom:45px;
}
.kode_detail_related h2{
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:24px;
}
.kode_blog_fig.fig_2{
	width:90%;
	float:left;
	margin-right:45px;
	margin-bottom:0px;
}
.kode_detail_related .slick-list.draggable {
    float: left;
    width: 100%;
}
.kode_detail_related  .slick-prev,
.kode_detail_related .slick-next{
	height:20px;
	width:20px;
	background:translate;
	position:absolute;
	top:-30px;
	background:none;
}
.kode_detail_related .slick-next{
	right:34px;
}
.kode_detail_related  .slick-prev {
	right:50px;
	left:auto;
}
.kode_detail_related .slick-prev:before, 
.kode_detail_related .slick-next:before{
	bottom: 0;
	content:"\f105";
    color: #666666;
    font-family: FontAwesome;
    font-size: 20px;
    left: 0;
    line-height: 72px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: -32px;
	font-size:17px;
}
.kode_detail_related .slick-prev:before{
	content:"\f104";
}
.kode_detail_related .slick-prev:hover, 
.kode_detail_related .slick-next:hover{
	background:none;
}
/*kode detail comment start*/
.kode_detail_related.comment{
	padding:0px;
	border-bottom:none;
}
.kode_detail_comment_list figure,
.kode_detail_comment_list figure img{
	width:auto;
	border-radius:100%;
	float:left;
	overflow:hidden;
}
.kode_detail_comment_list:hover figure img{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.kode_detail_comment_list{
	padding:40px 0px;
	border-bottom:1px solid #dddddd;
}
.kode_detail_comment_list.list_2{
	padding-top:0px;
}
.kode_detail_comment_text{
	overflow:hidden;
	position:relative;
	padding:12px 0px 2px 30px;
}
.kode_detail_comment_text h5{
	display:inline-block;
	text-transform:uppercase;
	font-weight:bold;
	margin-right:40px;
}
.kode_detail_comment_text span{
	display:inline-block;
	font-size:16px;
}
.kode_detail_comment_text p{
	font-size:15px;
	margin:0px;
	padding:7px 0px;
	line-height:20px;
}
.kode_detail_comment_text a {
	position:absolute;
	top:12px;
	right:293px;
	font-weight:bold;
	font-size:16px;
	line-height:20px;
}
.kode_detail_comment_text.comment_2 a {
    right: 217px;
}
.kode_detail_comment_text a i{
	margin-right:15px;
}
.kode_detail_cols ul ul {
    padding-left: 50px;
}
/*kode detail leave start*/
.kode_detail_related.comment.leave{
	margin:0px;
}
.kode_detail_field{
	float:left;
	width:32%;
	margin-right:17px;
	margin-bottom:20px;
}
.kode_detail_field:nth-child(3){
	margin-right:0px;
}
.kode_detail_area textarea,
.kode_detail_field input{
	width:100%;
	height:40px;
	font-size:15px;
	padding:0px 10px;
	color:#999999;
	border:none;
	border-bottom:1px solid #e7e7e7;
	box-shadow:0px 0px;
}
.kode_404_text form input:focus,
.kode_contant_area textarea:focus,
.kode_contant_field input:focus,
.kode_detail_side_field input:focus,
.kode_detail_area textarea:focus,
.kode_detail_field input:focus{
	box-shadow:0px 2px 12px -1px #ddd;
	color:#000;
}
.kode_detail_area{
	margin-bottom:40px;
}
.kode_detail_area textarea{
	height:156px;
	resize:none;
	padding:12px 10px 13px;
}
.kode_detail_btn button{
	width:180px;
	height:43px;
	border:1px solid #e3e3e3;
	text-transform:uppercase;
	font-weight:bold;
	background:none;
	margin-right:15px;
}
.kode_detail_btn button:hover{
	color:#fff;
}
.kode_detail_btn button:last-child{
	margin-right:0px;
}
/*------kode detail side bar start------*/
.kode_detail_side_field,
.kode_detail_side_bar{
	float:left;
	width:100%;
}
.kode_detail_categories,
.kode_detail_side_field{
	position:relative;
	margin-bottom:45px;
}
.kode_detail_side_field input{
	width:100%;
	height:38px;
	border:1px solid #e2e2e2;
	font-size:16px;
	color:#999999;
	padding:0px 25px;
	box-shadow:0px 0px;
}
.kode_detail_side_field button{
	position:absolute;
	top:0px;
	right:0px;
	height:37px;
	width:50px;
	font-size:18px;
	text-align:center;
	line-height:37px;
	color:#fff;
}
.kode_detail_side_field button:hover{
	background-color:#000;
}
/*kode detail categories start*/
.kode_detail_categories {
		background-color:#f6f6f6;
}
.ftb-fixture-row > h5,
.kode_detail_categories > h5{
	text-transform:uppercase;
	font-weight:bold;
	padding:14px 20px;
	line-height:18px;
	color:#fff;
	box-shadow:0px 3px 5px -2px rgba(0,0,0,0.3);
	position:relative;
	z-index:999;
}
.kode_detail_categories ul{
	padding:27px 35px ;
}
.kode_detail_categories ul li{
	display:block;
	margin-bottom:16px;
}
.kode_detail_categories ul li:last-child{
	margin-bottom:0px;
}
.kode_detail_categories ul li a{
	display:block;
	font-size:15px;
	color:#999999;
	position:relative;
}
.kode_detail_categories ul li a:hover{
	padding:0px 0px 0px 5px;
}
.kode_detail_categories ul li a:before{
	position:absolute;
	left:-15px;
	content:"\f105";
	font-family:FontAwesome;
	bottom:0px;
	right:0px;
}
.kode_detail_find_fig ul li a::before {
    content: "";
}
/*kode detail categories flicker start*/
.kode_detail_flick_text{
	float:left;
	width:100%;
	text-align:center;
	padding:20px  0px 71px 0px;
}
.kode_detail_flick_text h5{
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:1px;
}
.kode_detail_flick_text span{
	display:inline-block;
	font-size:15px;
}
.ftb-resultbg.ftb_2 .slick-next.slick-arrow,
.ftb-resultbg.ftb_2 .slick-prev.slick-arrow ,
.kode_detail_fig.side_2 .slick-prev.slick-arrow ,
.kode_detail_fig.side_2 .slick-next.slick-arrow,
.kode_detail_categories.flicker .slick-next.slick-arrow,
.kode_detail_categories.flicker .slick-prev.slick-arrow {
    display: none !important;
}
.kode_detail_categories.flicker  ul{
	padding:0px;
	text-align:center;
	bottom:26px;
}
.kode_detail_categories.flicker  ul li{
	display:inline-block;
	margin:0px;
}
.ftb-resultbg.ftb_2 .slick-dots li button,
.kode_detail_fig.side_2 .slick-dots li button,
.kode_detail_categories.flicker .slick-dots li button{
	height:11px;
	width:11px;
	background-color:#333;
	border-radius:100%;
	margin:0px 7px;
}
.ftb-resultbg.ftb_2 .slick-dots li,
.kode_detail_fig.side_2 .slick-dots li,
.kode_detail_categories.flicker .slick-dots li{
	height:11px;
	width:11px;
	border-radius:100%;
	margin:0px 7px;
	
}
.ftb-resultbg.ftb_2 .slick-dots .slick-active button,
.kode_detail_fig.side_2 .slick-dots .slick-active button,
.kode_detail_categories.flicker .slick-dots .slick-active button{
	background-color:#c22b2a;
}
.ftb-resultbg.ftb_2 .slick-dots li button:before,
.kode_detail_fig.side_2 .slick-dots li button:before,
.kode_detail_categories.flicker .slick-dots li button:before{
	content:"";
}
.ftb-resultbg.ftb_2 .slick-dotted.slick-slider,
.kode_detail_fig.side_2 .slick-dotted.slick-slider,
.kode_detail_categories.flicker .slick-dotted.slick-slider{
	margin:0px;
}
/*kode detail categories flicker macth start*/
.kode_detail_categories.flicker.macth{
	padding-bottom:66px;
}
.kode_detail_categories.flicker.macth .kode_detail_macth{
	padding:20px 0px 26px;
	float:left;
	width:100%;
}
.kode_detail_categories.flicker.macth .kode_detail_macth li h6{
	font-weight:bold;
	margin-bottom:11px;
	color:#666666;
}
.kode_detail_categories.flicker.macth .kode_detail_macth li h2{
	font-weight:bold;
}
.kode_detail_categories.flicker.macth .kode_detail_macth > li:nth-child(2){
	margin:0px 11px 0px 0px;
	position:relative;
	top:50px;
}
.kode_macth_text{
	text-align:center;
}
.kode_macth_text h6{
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:17px;
}
.kode_macth_text p{
	font-size:16px;
	color:#666666;
	margin:0px;
	line-height:20px;
}
.kode_macth_text p span{
	display:block;
}
.kode_detail_categories.flicker.macth ul{
	bottom:-40px;
}
/*kode detail categories flicker macth find start*/
.kode_detail_find_facebook,
.kode_detail_find_fig,
.kode_detail_find_row,
.kode_detail_sport,
.kode_detail_categories.flicker.macth.find{
	float:left;
	width:100%;
}
.kode_detail_categories.flicker.macth.find{
	padding:0px;
}
.kode_detail_find_row{
	padding:0px 20px 28px 20px;
}
.kode_detail_sport{
	padding:30px 0px;
	border-bottom:1px solid #d3d3d3;
}
.kode_detail_sport figure{
	float:left;
	width:auto;
}
.kode_detail_sport figure img{
	width:auto;
}
.kode_detail_find_row .kode_soprt_text{
	float:left;
	padding:0px 0px 0px 20px;
	margin-top:-2px;
}
.kode_detail_find_row .kode_soprt_text h6{
	font-weight:bold;
	margin-bottom:5px;
}
.kode_detail_find_row .kode_soprt_text a{
	display:inline-block;
	font-size:13px;
	line-height:13px;
	padding:2px 8px;
	background-color:#4b68b4;
	color:#fff;
}
.kode_detail_find_row .kode_soprt_text a i{
	font-size:14px;
	margin-right:7px;
}
.kode_detail_find_fig{
	padding:3px 0px 18px;
	border-bottom:1px solid #d3d3d3;
	margin-bottom:15px;
}
.kode_detail_find_fig ul li img:hover{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.kode_detail_find_fig p{
	margin-bottom:15px;
}
.kode_detail_categories.flicker.macth.find .kode_detail_find_fig li{
	float:left;
	margin:0px 2px 2px 0px;
	overflow:hidden;
}
.kode_detail_categories.flicker.macth.find .kode_detail_find_fig li a:hover{
	padding:0px;
}
.kode_detail_categories.flicker.macth.find .kode_detail_find_fig li:nth-child(8),
.kode_detail_categories.flicker.macth.find .kode_detail_find_fig li:nth-child(4){
	margin-right:0px;
}
.kode_detail_find_facebook i{
	margin-right:20px;
	font-size:18px;
	
}


/*
      //=====================================================================================================
									BLOG SIDEBAR PAGE START
      =====================================================================================================//
*/
/*
      //===============================================================
					BLOG DETAIL FIG SIDE START
		================================================================//
*/
.kode_detail_fig.side_2{
	float:left;
	width:100%;
	padding-bottom:20px;
	margin-bottom:50px;
	border-bottom:1px solid #dddddd;
}
.kode_detail_title.title_2{
	padding-top:0px;
}
.kode_detail_title.title_2 h2{
	margin-bottom:10px;
}
.kode_detail_title.title_2 ul{
	margin:0px;
}
.kode_detail_text.p_2 p{
	margin-bottom:27px;
}
.kode_detail_text.p_2 a{
	display:inline-block;
	font-size:16px;
	line-height:16px;
	padding:10px 20px;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #e5e5e5;
}
.kode_detail_text.p_2 a:hover{
	color:#fff;
}
.kode_detail_fig.side_2 .slick-slide > figure{
	margin-bottom:55px;
}
.kode_detail_fig.side_2 .slick-dots {
    bottom: 25px;
}
.kode_detail_fig.side_2 iframe{
	height:304px;
	width:100%;
	margin-bottom:30px;
}
.kode_blog_pagination.pagi_2{
	margin-top:0px;
}
/*
      //===============================================================
					BLOG DETAIL FIG SIDE END 
		================================================================//
*/

/*
      //=====================================================================================================
									CONTACT US PAGE START
      =====================================================================================================//
*/
.kode_benner1.bamnner2{
	    margin-top: 0px;
}
/*
      //===============================================================
					KODE CONTACT MAPP START 
		================================================================//
*/
.kode_contact_mapp{
	float:left;
	width:100%;
	position:relative;
	top:-10px;
}
.kode_contact_mapp .map-canvas{
	height:530px;
}
/*
      //===============================================================
					KODE CONTACT MAPP END
		================================================================//
*/

/*
      //===============================================================
					KODE CONTACT OFFICE START
		================================================================//
*/
.kode_contact_office_des,
.kode_contact_office_list,
.kode_contect_office{
	float:left;
	width:100%;
}
.kode_contect_office{
	padding:20px 0px 25px;
}
.kode_contect_office .col-md-4{
	padding:0px;
}
.kode_contact_office_list{
	padding:34px 25px 37px;
	border:1px solid #e8e8e8;
	position:relative;
	z-index:999;
}
.kode_contact_office_list:hover{
	border-color:#f3f3f3;
}
.kode_contact_office_list:before{
	position:absolute;
	content:"";
	top:100px;
	left:100px;
	right:0px;
	bottom:0px;
	z-index:-1;
}
.kode_contact_office_list:hover:before{
	top:0px;
	left:0px;
	background-color:#f3f3f3;
}
.kode_contact_office_list h2{
	text-transform:uppercase;
	font-weight:bold;
	color:#666666;
	margin-bottom:18px;
}
.kode_contact_office_des{
	margin-bottom:8px;
}
.kode_contact_office_des:last-child{
	margin:0px;
}
.kode_contact_office_des i{
	float:left;
	font-size:18px;
	padding:14px 0px;
	color:#666666;
}
.kode_contact_txet{
	overflow:hidden;
	padding-left:24px;
}
.kode_contact_txet p{
	margin:0px;
	font-size:16px;
}
.kode_contact_txet p span{
	display:block;
}
.kode_contact_txet a{
	display:block;
	font-size:16px;
	color:#999999;
}
/*
      //===============================================================
					KODE CONTACT OFFICE END
		================================================================//
*/

/*
      //===============================================================
					KODE CONTACT FORM START
		================================================================//
*/
.kode_contact_form form,
.kode_contant_area,
.kode_contant_field,
.kode_contact_form_hdg,
.kode_contact_form{
	float:left;
	width:100%;
}
.kode_contact_form_hdg{
	text-align:center;
	margin-bottom:27px;
}
.kode_contact_form_hdg h2{
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:2px;
}
.kode_contact_form_hdg p{
	font-size:15px;
}
.kode_contant_field{
	margin-bottom:10px;
}
.kode_contant_area textarea,
.kode_contant_field input{
	height:42px;
	width:100%;
	border:1px solid #e9e9e9;
	font-size:15px;
	color:#999999;
	padding:0px 15px;
	box-shadow:0px 0px;
}
.kode_contant_area{
	text-align:center;
}
.kode_contant_area textarea{
	height:100px;
	padding:25px 15px;
	resize:none;
	margin-bottom:10px;
}
.kode_contant_area button{
	display:inline-block;
	text-align:center;
	width:138px;
	height:45px;
	text-align:center;
	line-height:45px;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	background-color:#333333;
	margin-right:16px;
}
.kode_contant_area button:last-child{
	margin:0px;
}
/*
      //===============================================================
					KODE CONTACT FORM END
		================================================================//
*/

/*
      //===============================================================
					KODE CONTACT SOCIAL START
		================================================================//
*/
.kode_contact_icon,
.kode_contact_social{
	float:left;
	width:100%;
}
.kode_contact_social{
	padding:70px 0px;
}
.kode_contact_icon{
	text-align:center;
}
.kode_contact_icon li{
	display:inline-block;
	margin-right:30px;
}
.kode_contact_icon li:last-child{
	margin:0px;
}
.kode_contact_icon li a{
	display:inline-block;
	height:65px;
	width:65px;
	text-align:center;
	line-height:65px;
	border:1px solid #e8e8e8;
	font-size:30px;
	color:#999999;
	border-radius:100%;
}
.kode_contact_icon li a:hover{
	color:#fff;
}
/*
      //===============================================================
					KODE CONTACT SOCIAL END
		================================================================//
*/

/*
      //=====================================================================================================
									FIXTURE PAGE START
      =====================================================================================================//
*/
.kode_fixture_wraper{
	float:left;
	width:100%;
	padding:70px 0px;
}
.ftb-resultbg.ftb_2{
	padding:19px 0px 33px 0px;
	margin-bottom:70px;
}
.heading5.hdg_5{
	position:relative;
	margin-bottom:35px;
}
.ftb-final-result.result_2{
	position:relative;
	margin:40px 0px 0px 0px;
}
.ftb-result1 .text.text_2{
	position:relative;
	padding:0px 97px 0px 0px;
}
.ftb-result1.ftb-result2 .text.text_2{
	position:relative;
	padding:0px 0px 0px 97px;
	text-align:left;
}
.ftb-result-wrap.wrap_2{
	margin:0px;
}
.ftb-resultbg.ftb_2 .kode-ftb-slid.slick-initialized.slick-slider.slick-dotted {
    float: left;
    width: 100%;
	text-align: center;
}
.ftb-resultbg.ftb_2 .slick-dots li button{
	background-color:#666666;
}
.ftb-resultbg.ftb_2 .slick-dots{
	bottom:-20px;
}

/*
      //===============================================================
					FTB TBAX DROP START
		================================================================//
*/
.ftb-date.date_2,
.ftb_tabs_drop{
	float:left;
	width:100%;
}
.ftb_tabs_drop{
	background-color:#1e2020;
	padding:8px 30px;
	box-shadow:0px 6px 11px -7px #000;
	position:relative;
	z-index:999;
}
.ftb_tabs_drop h5{
	display:inline-block;
	float:left;
	text-transform:uppercase;
	color:#fff;
	padding:6px 0px;
}
.ftb_tabs_drop .btn-group, .btn-group-vertical{
	float:right;
}
.ftb_tabs_drop .btn-default{
	background-color:#292e32;
	color:#fff;
	text-transform:uppercase;
	border:none;
	font-size:18px;
	padding:9px 12px;
	line-height:18px;	
	border-radius:0px ;
}
.ftb_tabs_drop .btn-default span{
	display:inline-block;
	margin-left:10px;
}
.ftb_tabs_drop .btn-group.open .dropdown-toggle{
	box-shadow:0px 0px;
}
.ftb_tabs_drop .btn-default:hover, 
.ftb_tabs_drop .btn-default:focus, 
.ftb_tabs_drop .btn-default.focus, 
.ftb_tabs_drop .btn-default:active, 
.ftb_tabs_drop .btn-default.active, 
.ftb_tabs_drop .open > .dropdown-toggle.btn-default{
	background:none;
	color:#fff;
}
.ftb_tabs_drop .dropdown-menu{
	background-color:#292e32;
	width:100%;
}
.ftb_tabs_drop  .dropdown-menu > li > a{
	padding:10px 20px;
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	font-weight:500;
	border-bottom:1px solid #000;
}
.ftb-main-table .ftb-date.date_2{
	padding:25px 27px;
}
.ftb-main-table .ftb-date.date_2 span{
	display:inline-block;
	font-weight:bold;
	font-size:15px;
}
.ftb-main-table .ftb-date.date_2 p{
	font-size:16px;
	text-transform:lowercase;
	margin:0px;
}
.ftb-compitatev.tev_2 {
	padding:0px 0px;
}
.ftb-compitatev.tev_2  .compitatev-team1 img{
	height:47px;
	width:auto;
	float:none;
}
.ftb-venue.venue_2{
	padding:0px 35px;
}
.ftb-ticket.ticket_2{
	padding-left:0px;
}
.ftb-compitatev.tev_2 span{
	height:0px;
	width:50px;
	border-top:none;
	border-bottom-style:none;
	border-bottom-color:none;
	font-size:24px;
}
.ftb-ticket.ticket_2 .hire{
	padding:9px 20px;
	border-color:#495055;
	font-size:15px;
}
.ftb-main-table.table_2 li:hover{
	background:none;
}
.ftb-main-table.table_2 li:hover:after{
	opacity:1;
}
.ftb-venue.venue_2 i {
    display: inline-block;
    font-size: 27px;
    font-style: normal;
    font-weight: bold;
    height: 52px;
    line-height: 50px;
    width: 82px;
	box-shadow:0px 0px 17px 1px #23282b;
}
.ftb-venue.venue_2 .black{
	background-color:#23272a;
}
.ftb-venue.venue_2 .black.grey{
	background-color:#292e32;
}
.ftb-main-table.table_2 li:hover{
	background:rgba(0,0,0,0.9);
}
.ftb-tabs-wrap.wrap_3{
	padding:0px;
	box-shadow:0 3px 12px 1px #e5e5e5;
}
.ftb-main-table.table_2 > li:first-child {
    background-color: #23272a;
}
.ftb-main-table.table_2 > li:last-child,
.ftb-main-table.table_2 > li:nth-child(2){
	background-color:#292e32;
} 
.ftb-main-table.table_2 > li:nth-child(3){
	background-color:#383838;
}
.ftb-main-table.table_2  li > div{
	border-right:none;
}
.ftb-tabs-wrap.wrap_3:last-child{
	margin-bottom:39px;
}
.ftb-rating-table.rating_2 .ftb-position{
	padding:0px 0px 0px 17px;
}
.ftb-fixture-row{
	float:left;
	width:100%;
	margin-bottom:45px;
}
.ftb-rating-table.rating_2 .ftb-team-points{
	padding:0px 19px 0px 0px;
}


/*
      //===============================================================
					FTB TBAX DROP END
		================================================================//
*/

/*
      //=====================================================================================================
									OUT TEAM START   OURTEAM OLD START
      =====================================================================================================//
*/
.kode-football .section_1{
	padding-top:0px;
}
.kode-football .section_1.section_2{
	padding-bottom:0px
}
.heading5.black.margin {
    margin-bottom: 40px;
}
.kode-football .ftb_row_des {
	padding:70px 0px;
	float:left;
	width:100%;
}
.kode-football .section_5{
	padding:70px 0px;
}
.kode_blog_pagination.pag_4{
	margin-bottom:70px;
}
/*
      //=====================================================================================================
									OUT TEAM END   OURTEAM OLD END
      =====================================================================================================//
*/

/*
      //=====================================================================================================
									RESULT PAGE START
      =====================================================================================================//
*/
.ftb-resultbg.ftb_2.ftb_3{
	padding:38px 10px;
	margin-bottom:10px;
}
.ftb-resultbg.ftb_2.ftb_3:last-child{
	margin-bottom:30px;
}
.heading5.hdg_5.hdg_6{
	margin-bottom:20px;
}
.heading5.hdg_5.hdg_6 h4{
	color:#fff;
}
.ftb-resultbg.ftb_2.ftb_3.ftb_4{
	margin-bottom:30px;
}
/*
      //=====================================================================================================
									RESULT PAGE END
      =====================================================================================================//
*/


/*
      //=====================================================================================================
									SHOP PAGE START
      =====================================================================================================//
*/
.ftb-item.item_2{
	margin-bottom:65px;
}
.ftb-item.item_2 figure{
	position:relative;
	overflow:hidden;
}
.ftb-item.item_2 figcaption{
	position:absolute;
	bottom:-20px;
	left:0px;
	right:0px;
	opacity:0;
}
.ftb-item.item_2:hover figcaption{
	bottom:0px;
	opacity:1;
}
.ftb-item.item_2 .like-icon.icon_2{
	top:0px;
}
.text .rating.rating_3{
	margin-bottom:0px;
}
.text .rating.rating_3 span{
	font-size:16px;
	color:#999999;
}
.text.text_3 h4{
	margin-bottom:11px;
}
.text.text_3 span{
	margin-bottom:8px;
}
.ftb-item.item_2:hover .rating.rating_3 span{
	color:#d4af37;
}
.kode-football .section_4{
	padding:70px 0px;
}
.ftb-item.item_2.item_3{
	margin-bottom:30px;
}
/*
      //=====================================================================================================
									SHOP PAGE END
      =====================================================================================================//
*/


/*
      //=====================================================================================================
								about us PAGE START
      =====================================================================================================//
*/
/*
      //===============================================================
					KODE CLUB WRAPER START
		================================================================//
*/
.kode_club_training ul,
.kode_club_training,
.kode_club_fig,
.kode_club_hdg,
.kode_club_wraper{
	float:left;
	width:100%;
}
.kode_club_wraper{
	padding:62px 0px 70px 0px;
}
.kode_club_hdg{
	text-align:center;
	margin-bottom:32px;
}
.kode_club_hdg h2{
	text-transform:uppercase;
	font-weight:bold;
	font-size:30px;
}
.kode_club_fig figure{
	position:relative;
}
.kode_club_fig figure:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	
}
.kode_club_fig a{
	position:absolute;
	top:100px;
	left:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	height:68px;
	width:68px;
	font-size:30px;
	color:#fff;
	border:5px solid #fff;
	line-height:62px;
	margin:auto;
	opacity:0;
}
.kode_club_fig:hover a{
	opacity:1;
	top:0px;
}
.kode_club_training{
	padding:10px 0px;
}
.kode_club_training h5{
	text-transform:uppercase;
	font-weight:bold;
	color:#666666;
	margin-bottom:18px;
}
.kode_club_training p{
	font-size:15px;
	line-height:24px;
	margin-bottom:22px;
}
.kode_club_training p:last-child{
	margin:0px;
	float:left;
}
.kode_club_training ul {
	margin-bottom:2px;
}
.kode_club_training ul li{
	float:left;
	width:48%;
	margin-bottom:17px;
} 
.kode_club_training ul li a{
	display:inline-block;
	padding-left:25px;
	color:#a9a9a9;
	font-size:14px;
	font-weight:bold; 
	position:relative;
}
.kode_club_training ul li a:before{
	position:absolute;
	content:"\f00c";
	font-family:FontAwesome;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
/*
      //===============================================================
					KODE CLUB WRAPER END
		================================================================//
*/
/*
      //===============================================================
					KODE CLUB MISSION START
		================================================================//
*/
.kode_about_mision{
	float:left;
	width:100%;
	position:relative;
	z-index:999;
}
.kode_about_mision:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-image:url("../images/maxresdefault.jpg"), url("../images/09057906.jpg");
	background-position:left center;
	width:100%;
	background-size:50%, cover;
	background-repeat:no-repeat,repeat;
	z-index:-1;
}
.kode_about_mission_text{
	float:left;
	width:50%;
	padding:132px 135px 140px;
	text-align:center;
	position:relative;
	z-index:999;
}
.kode_about_mission_text.text_2:before,
.kode_about_mission_text:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:#000;
	opacity:0.75;
	z-index:-1;
}
.kode_about_mission_text.text_2:hover:before,
.kode_about_mission_text:hover:before{
	
}
.kode_about_mission_text h2{
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	margin-bottom:19px;
	font-size:30px;
	
}
.kode_about_mission_text p{
	color:#fff;
	font-size:16px;
	line-height:22px;
	margin:0px;
}
/*
      //===============================================================
					KODE CLUB MISSION END
		================================================================//
*/

/*
      //===============================================================
					KODE HISTORY START
		================================================================//
*/
.kode_history_text,
.kode_history_winner li,
.kode_history_winner,
.kode_about_history{
	float:left;
	width:100%;
}
.kode_about_history{
	padding:69px 0px 64px;
	background-color:#f8f8f8;
	position:relative;
}
.kode_about_history:before{
	position:absolute;
	top:0px;
	content:"";
	left:395px;
	right:0px;
	bottom:0px;
	border-left:7px solid #e6e6e6;
}
.heading5.black.black_1 {
    margin-bottom: 34px;
}
.kode_history_winner li{
	margin-bottom:40px;
}
.kode_history_winner li span{
	display:inline-block;
	height:60px;
	width:60px;
	text-align:center;
	line-height:60px;
	background-color:#333333;
	border-radius:100%;
	margin-right:25px;
	color:#fff;
	font-weight:bold;
	font-size:20px
}
.kode_history_winner li p{
	display:inline-block;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	color:#666666;
	margin:0px;
}
.kode_history_text p{
	font-size:16px;
	line-height:24px;
	margin-bottom:23px;
}
.kode_history_text > p:nth-child(2) {
    margin-bottom: 34px;
}
.kode_history_text figure{
	overflow:hidden;
}
.kode_history_text:hover figure img{
	transform:scale(1.3);
	-moz-transform:scale(1.3);
	-webkit-transform:scale(1.3);
}
.kode_history_text p:last-child{
	margin:0px;
}
.kode_history_text figure{
	margin-bottom:35px;
}
/*
      //===============================================================
					KODE HISTORY END
		================================================================//
*/

/*
      //===============================================================
					FTB COUNTERUP COUNTER 2START
		================================================================//
*/
.ftb-counterup.counter_2{
	position:relative;
	z-index:999;
}
.ftb-counterup.counter_2:after{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-image:url("images/pattren1.png");
	background-position:center;
	background-size:cover;
	opacity:0.20;
	z-index:-1;
}
.ftb-counterup.counter_2 .heading5{
	margin-bottom:39px;
}
/*
      //===============================================================
					FTB COUNTERUP COUNTER 2 END
		================================================================//
*/
/*
      //===============================================================
					KODE ABOUT AWARD START
		================================================================//
*/
.kode_awards_thumb,
.kode_about_awards_fig,
.kode_about_award{
	float:left;
	width:100%;
}
.kode_about_award{
	padding:70px 0px;
}
.kode_about_awards_fig{
	text-align:center;
}
.kode_about_awards_fig .kode_awards_thumb{
	border:1px solid #e6e6e6;
	position:relative;
	z-index:999;
	padding:35px 0px;
	height:235px;
}
.kode_about_awards_fig:hover .kode_awards_thumb{
	background-color:#e1e0e0;
}
.kode_about_awards_fig a{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:-20px;
	height:44px;
	width:44px;
	text-align:center;
	line-height:44px;
	color:#fff;
	font-size:24px;
	margin:auto;
	opacity:0;
}
.kode_about_awards_fig a:hover{
	background-color:#000;
}
.kode_about_awards_fig:hover a{
	bottom:0px;
	opacity:1;
}
.kode_about_awards_fig figure,
.kode_about_awards_fig img{
	width:auto;
}
.kode_about_awards_fig .titile{
	text-transform:uppercase;
	font-weight:bold;
	background-color:#333333;
	padding:11px 10px;
	float:left;
	width:100%;
	color:#fff;
	position:relative;
	top:5px;
	opacity:0;
}
.kode_about_awards_fig:hover .titile{
	opacity:1;
	top:0px;
}
/*
      //===============================================================
					KODE ABOUT AWARD END
		================================================================//
*/

/*
      //=====================================================================================================
								404 PAGE START
      =====================================================================================================//
*/

/*
      //===============================================================
					KODE 404 WRAPER START
		================================================================//
*/
.kode-wrapper.wrap_2.wrap_4,
.kode-wrapper.wrap_2 {
    float: left;
    width: 100%;
	position:relative;
	z-index:999;
}
.kode-wrapper.wrap_2:after,
.kode-wrapper.wrap_2:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-image:url("images/4041.png");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	z-index:-1;
}
.kode-wrapper.wrap_2:after{
	background-image:none;
	background-color:#231d1d;
	opacity:0.75;
}
.football.ftb_2{
	z-index:999;
}
.kode_404_text,
.kode_404_wraper{
	float:left;
	width:100%;
}
.kode_404_wraper{
	padding:45px 0px 69px;
	position:relative;
}
.kode_404_wraper:before{
	border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 0;
    border-right-color: #c41d21;
    border-right-style: solid;
    border-right-width: 814px;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 197px;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}
.kode_404_text {
    text-align: center;
}
.kode_404_text h2{
	font-size:342px;
	font-weight:bold;
	color:#fff;
	margin-bottom:77px;
	line-height:331px;
	text-shadow:-1px -9px 0px #333;
	position:relative;
}
.kode_404_text h2 span {
    display: inline-block;
    line-height: 274px;
    position: relative;
    top: 42px;
}
.kode_404_text.text_2 h2{
	text-shadow:0px 0px 0px;
}
.kode_404_text h5{
	color:#fff;
	margin-bottom:94px;
}
.kode_404_text form{
	width:607px;
	margin:auto;
	text-align:center;
	position:relative;
	margin-bottom:163px;
}
.kode_404_text form input{
	width:100%;
	height:43px;
	font-size:18px;
	color:#fff;
	border:none;
	border-bottom:1px solid #d3d3d3;
	background:none;
	box-shadow:0px 0px;
	padding:0px 10px;
}
.kode_404_text form input:focus{
	color:#fff;
}
.kode_404_text form input::-moz-placeholder{
	color:#fff;
}
.kode_404_text form input[type="text"]::-moz-input-placeholder{
	color:#fff;
}
.kode_404_text form input[type="text"]::-webkit-input-placeholder{
	color:#fff;
}
.kode_404_text form input[type="text"]::-o-input-placeholder{
	color:#fff;
}
.kode_404_text form input[type="text"]::-sm-input-placeholder{
	color:#fff;
}
.kode_404_text form button{
	position:absolute;
	bottom:10px;
	right:5px;
	background:none;
	font-size:18px;
	color:#fff;
	font-weight:bold;
}
.kode_404_text form button i{
	margin-left:15px;
}
.kode_404_text p{
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	color:#c9c9c9;
	margin:0px;
}
.kode_404_text p a{
	color:#c9c9c9;
	display:inline-block;
}
.kode_404_social{
	position:absolute;
	bottom:42px;
	right:54px;
}
.kode_4043_icon li,
.kode_404_social li{
	float:left;
	margin-right:14px;
}
.kode_4043_icon li:last-child,
.kode_404_social li:last-child{
	margin:0px;
}
.kode_4043_icon li a,
.kode_404_social li a{
	display:inline-block;
	height:42px;
	width:42px;
	border-radius:100%;
	background-color:#fff;
	line-height:42px;
	font-size:19px;
	color:#333333;
	text-align:center;
}
.kode_404_social li a:hover{
	background-color:#333333;
	color:#fff;
}
/*
      //===============================================================
					KODE 404 WRAPER END
		================================================================//
*/

/*
      //=====================================================================================================
								404 2 PAGE START
      =====================================================================================================//
*/
.kode_404_text.text_2 img {
    margin:20px 9px 0px 3px;
}
.kode_404_text.text_2 h2{
	color:#161c22;
	margin-bottom:67px;
}
.kode_404_text.text_2 h3{
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
	color:#333333;
	margin-bottom:64px;
}
.kode_404_text.text_2 form input{
	border-color:#d3d3d3;
}
.kode_404_text.text_2 form input:focus{
	color:#000;
}
.kode_404_text.text_2 form input::-moz-placeholder{
	color:#999999;
}
.kode_404_text.text_2 form input::-webkit-input-placeholder{
	color:#999999;
}
.kode_404_text.text_2 form input::-o-input-placeholder{
	color:#999999;
}
.kode_404_text.text_2 h5{
	color:#999999;
}
.kode_404_text.text_2 h5{
	margin-bottom:73px;
}
.kode_404_text.text_2 form{
	margin-bottom:100px;
}
.kode_404_text.text_2 form button{	
	color:#666;
}
.kode_404_text.text_2 p{
	text-transform:lowercase;
	font-weight:normal;
	color:#666666; 
}
.kode_404_text.text_2 p a{
	color:#666666; 
}
/*
      //=====================================================================================================
								404 3 PAGE START
      =====================================================================================================//
*/
.kode_404_text.text_3 figure img,
.kode_404_text.text_3 figure{
	width:auto;
	display:inline-block;
	float:none;
}
.kode_404_text.text_3 img {
    margin:25px 9px 0px 3px;
}
.kode_404_text.text_3 > a{
	display:inline-block;
	font-size:20px;
	width:545px;
	text-align:center;
	line-height:20px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	background-color:#222121;
	padding:24px 0px;
	margin-bottom:130px;
}
.kode_404_wraper.wrap_3{
	position:relative;
	padding:40px 0px 60px;
}
.kode_404_wraper.wrap_3:before{
    border-right-width: 0px;
}
.kode_404_text.text_3 figure{
	margin-bottom:48px;
}
.kode_404_text.text_3 h2{
	font-size:408px;
	margin-bottom:74px;
}
.kode_404_text.text_3  form{
	margin-bottom:78px;
}
.kode_4043_icon{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:63px;
}
.kode_4043_icon li {
	display:inline-block;
	float:none;
}
.kode_4043_icon li a{
	background:none;
	color:#fff;
	border:1px solid #fff;
}

/*
      //=====================================================================================================
								TICKETS PAGE START
      =====================================================================================================//
*/
/*
      //===============================================================
					KODE TICKET WRAPER START
		================================================================//
*/
.kode_ticket_list li,
.kode_ticket_list,
.kode_ticket_wraper{
	float:left;
	width:100%;
}
.kode_ticket_list.list_2{
	margin-top:10px;
}
.kode_ticket_wraper{
	padding:68px 0px 70px;
}
.heading5.ticket_hdg{
	margin-bottom:39px;
}
.heading5.ticket_hdg h4{
	color:#333333;
}
.kode_ticket_list li{
	background-color:#333333;
	padding:16px 30px;
	margin-bottom:10px;
}
.kode_ticket_list li:last-child{
	margin-bottom:30px;
}
.kode_ticket_list li > span{
	display:inline-block;
	float:left;
	width:70px;
	height:76px;
	font-size:30px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:5px 0px;
}
.kode_ticket_list li:hover > span{
	background-color:#333333;
}
.kode_ticket_list li:hover  .ticket_title span{
	color:#fff;
}
.kode_ticket_list li span i{
	font-style:normal;
	display:block;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	line-height:16px;
	font-size:16px;
}
.kode_ticket_text {
    float: left;
	padding-left:60px;
}
.kode_ticket_text h6{
	text-transform:uppercase;
	color:#fff;
}
.kode_ticket_text .ticket_title{
	display:inline-block;
}

.kode_ticket_text .ticket_title h2{
	display:inline-block;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff; 
}
.kode_ticket_text .ticket_title span{
	font-size:24px;
	display:inline-block;
	margin:0px 12px;
	font-weight:bold;
}
.kode_ticket_text p{
	margin:0px;
	font-size:15px;
	color:#fff;
	line-height:24px;
}
.kode_ticket_list .ticket_btn{
	float:right;
}
.kode_ticket_list .ticket_btn a{
	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	padding:21px 30px;
	border:1px solid #cdcdcd;
	margin:8px 0px;
	display:inline-block;
}
.kode_ticket_list li:hover .ticket_btn a{
	background-color:#333333;
	border-color:#333333;
}
/*
      //===============================================================
					KODE TICKET WRAPER END
		================================================================//
*/
/*
      //=====================================================================================================
								TICKETS SINGLE PAGE START
      =====================================================================================================//
*/
/*
      //===============================================================
					KODE TICKET SINGRL WRAPER START
		================================================================//
*/
.kode_ticket_sig_fig,
.kode_ticket_sig_row ul,
.kode_ticket_sig_row,
.kode_ticket_sigle_wraper{
	float:left;
	width:100%;
}
.kode_ticket_sigle_wraper{
	padding:70px 0px;
}
.kode_ticket_sig_row{
	background-image:url("images/sigle.png");
	background-position:center;
	text-align:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	z-index:999;
	padding:65px 0px 56px;
	box-shadow:0px 0px 17px 3px #c3c3c3;
	margin-bottom:40px;
}
.kode_ticket_sig_row:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.7);
	z-index:-1;
}
.kode_ticket_sig_row ul li{
	display:inline-block;
}
.kode_ticket_sig_fig figure{
	margin-bottom:15px;
}
.kode_ticket_sig_row li:nth-child(2){
	padding:0px 85px;
}
.kode_ticket_sig_fig h4{
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
}
.kode_ticket_sig_fig.fig_2 span{
	font-size:55px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	margin-bottom:25px;
}
.kode_ticket_sig_fig.fig_2 a{
	display:inline-block;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	line-height:18px;
	padding:12px 30px;
	margin-bottom:36px;
}
.kode_ticket_sig_fig.fig_2 a:hover{
	background-color:#333;
}
.kode_ticket_sig_fig.fig_2 a i{
	margin-right:20px;
}
/*
      //===============================================================
					KODE TICKET SINGRL WRAPER END
		================================================================//
*/

/*
      //===============================================================
					KODE TICKET STANDERD START
		================================================================//
*/
.kode_ticket_standerd_detail ul li,
.kode_ticket_standerd_detail ul,
.kode_standerd_date,
.kode_ticket_standerd_detail{
	float:left;
	width:100%;
}
.kode_ticket_standerd_detail {
    box-shadow: 0 0 16px 3px #efefef;
}
.kode_standerd_date{
	padding:20px 30px 19px;
}
.kode_standerd_date h6{
	display:inline-block;
	color:#fff;
}
.kode_standerd_date h6 i{
	font-size:24px;
	line-height:24px;
	margin-right:25px;
}
.kode_standerd_date .full-right{
	float:right;
}
.kode_ticket_standerd_detail ul li{
	padding:36px 30px 36px;
	background-color:#23272a;
}
.kode_ticket_standerd_detail li:nth-child(2){
	background-color:#24292d;
}
.kode_satnderd_text{
	float:left;
	width:44%;
}
.kode_satnderd_text a{
	display:inline-block;
	float:left;
	font-size:16px;
	color:#fff;
	padding:16px 0px 15px;
}
.kode_standerd_title{
	overflow:hidden;
	padding-left:15px;
}
.kode_standerd_title h4{
	font-weight:bold;
	color:#fff;
	margin-bottom:5px;
}
.kode_standerd_title p{
	margin:0px;
	color:#fff;
}
.kode_standerd_doller{
	display:inline-block;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	margin-right:65px;
	float:left;
	padding:5px 0px;
}
.kode_standerd_select{
	float:left;
	width:30%;
	padding:10px 0px;
}
.kode_standerd_select .demoHeaders {
    color: #fff;
    display: inline-block;
    float: left;
    margin-right: 20px;
   padding:5px 0px;
   font-size:15px;
   text-transform:uppercase;
}
.kode_standerd_select .ui-spinner-input{
	text-align:center;
	margin:0px;
	background:none;
	height:33px;
	width:130px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

.kode_standerd_select .ui-corner-all .ui-spinner-down,
.kode_standerd_select .ui-corner-all .ui-spinner-up{
	position:absolute;
	top:0px;
	width:33px;
	height:100%;
	bottom:0px;
	border-right:1px solid #b5b5b5;
	background-color:transparent;
}
.kode_standerd_select .ui-corner-all .ui-spinner-up {
    background-image:url("images/plus.png");
	background-position:center;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}
.kode_standerd_select .ui-corner-all .ui-spinner-down {
    background-image:url("images/minus.png");
	background-position:center;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	z-index:999;
}
.kode_standerd_select .ui-button .ui-icon {
    background-image: none;
}
.kode_standerd_select .ui-corner-all .ui-spinner-down{
	left:0px;
}
.kode_standerd_select .ui-corner-all .ui-spinner-up{
	right:0px;
}

.kode_standerd_select  .ui-widget.ui-widget-content{
	border:1px solid #b5b5b5;
}
.kode_standerd_select  .ui-spinner-up{
	left:auto;
	right:0px;
	border-left:1px solid #b5b5b5;
}
.kode_standerd_select  .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
	border-radius:0px 0px;
}
.kode_standerd_select .ui-widget-content{
	background:none;
}
.kode_standerd_select .ui-state-default, .ui-widget-content .ui-state-default, 
.kode_standerd_select .ui-widget-header .ui-state-default, 
.kode_standerd_select .ui-button, html .ui-button.ui-state-disabled:hover, html 
.kode_standerd_select .ui-button.ui-state-disabled:active{
	background:none;
}

.kode_stand_btn{
	float:left;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	padding:12px 16px;
	border:1px solid #bababa;
	background:none;
	margin:6px 0px 5px;
}
/*
      //===============================================================
					KODE TICKET STANDERD END
		================================================================//
*/

/*
      //=====================================================================================================
						 SINGLE PLAYER PAGE START
      =====================================================================================================//
*/
/*
      //===============================================================
					KODE PLAYER WRAPER START
		================================================================//
*/
.kode_ply_icon,
.kode_ply_text,
.kode_ply_list,
.kode_player_item,
.kode_player_fig,
.kode_player_wraper{
	float:left;
	width:100%;
}
.kode_player_wraper{
	padding:70px 0px 30px;
	border-bottom:1px solid #e6e6e6;
}
.kode_player_fig {
	padding:0px 30px 13px 0px;
	overflow:hidden;
}
.kode_player_fig figure{
	position:relative;
	overflow:visible;
	    border: #e2dfdc solid 1px!important;
}
.kode_player_fig figcaption{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:999;
	padding:18px 30px;
}
.kode_player_fig figcaption a{
	position:absolute;
	bottom:-13px;
	left:20px;
}
.kode_player_text{
	float:right;
}
.kode_player_text h6{
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	margin-bottom:9px;
}
.kode_player_text h6:last-child{
	margin:0px;
}
.kode_player_fig figcaption:before{
	position:absolute;
	content:"";
	top:0px;
	left:-31px;
	right:-14px;
	opacity:0.85;
	bottom:-2px;
	z-index:-1;
	transform:skewX(-19deg);
	-moz-transform:skewX(-19deg);
	-webkit-transform:skewX(-19deg);
}
.kode_player_fig figcaption img{
	width:auto;
}
.kode_player_item .kode_ply_titile{
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:15px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:30px;
}
.kode_player_item .kode_ply_titile span{
	color:#666666;
	margin-right:10px;
}
.kode_ply_list{
	margin-bottom:13px;
}
.kode_ply_list a{
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	line-height:15px;
	padding:13px 0px;
	text-align:center;
	background-color:#f5f5f5;
	position:relative;
	z-index:999;
}
.kode_ply_list a:hover span,
.kode_ply_list a:hover{
	color:#fff;
}
.kode_ply_list a:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:-1;
	width:6px;
}
.kode_ply_list a:hover:before{
	width:100%;
}
.kode_ply_list a span{
	display:inline-block;
	color:#666666;
	margin-left:10px;
}
.kode_ply_text{
	margin-top:-8px;
}
.kode_ply_text p{
	font-size:15px;
	color:#999999;
	margin-bottom:17px;
}
.kode_ply_icon h6{
	display:inline-block;
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	color:#666666;
	margin-right:40px;
	padding:5px 0px;
}
.kode_ply_icon ul li,
.kode_ply_icon ul{
	float:left;
}
.kode_ply_icon ul li{
	margin-right:15px;
}
.kode_ply_icon ul li:last-child{
	margin:0px;
}
.kode_ply_icon ul li a{
	display:inline-block;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	background-color:#333333;
	border-radius:100%;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}

.kode_player_item .slick-next.slick-arrow{
	right:18px;
}
.kode_player_item  .slick-prev.slick-arrow{
	right:60px;
	left:auto;
}
.kode_player_item  .slick-prev, .kode_player_item  .slick-next{
	position:absolute;
	top:-52px;
	background-color:#333333;
	height:25px;
	width:22px;
	line-height:25px;
}
.kode_player_item  .slick-prev:before, 
.kode_player_item .slick-next:before{
	line-height:25px;
	color:#fff;
	font-size:15px;
}
.kode_player_item .slick-next:before{
	left:3px;
}
.kode_player_item  .slick-prev:before{
	left:-3px;
}
.kode_player_item .slick-next:after{
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 9px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 11px;
    border-top-color: #333333;
    border-top-style: solid;
    border-top-width: 25px;
    bottom: -5px;
    content: "";
    height: 25px;
    position: absolute;
    right: -11px;
    width: 12px;
}
.kode_player_item .slick-prev:hover:after,
.kode_player_item .slick-next:hover:after{
	 border-top-color: #e01a22;
}
.kode_player_item .slick-prev:after{
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 11px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 11px;
    border-top-color: #333333;
    border-top-style: solid;
    border-top-width: 25px;
    bottom: -5px;
    content: "";
    height: 25px;
    position: absolute;
    left: -11px;
    width: 12px;
}
.kode_player_item  .kode-ply-slid.slick-initialized.slick-slider.slick-dotted {
    float: left;
    width: 100%;
}
.kode_player_item .slick-dotted.slick-slider {
    margin-bottom:0px;
}

/*
      //===============================================================
					KODE PLAYER WRAPER END
		================================================================//
*/

/*
      //===============================================================
					KODE PLY GALLERY START
		================================================================//
*/
.kode_ply_galery_list,
.kode_ply_gallery{
	float:left;
	width:100%;
}
.kode_ply_gallery{
	padding:70px 0px 20px;
	border-bottom:1px solid #e6e6e6;
}
.kode_ply_galery_list li{
	float:left;
	width:24%;
	margin:0px 15px 15px 0px;
}
.kode_ply_galery_list > li:nth-child(8),
.kode_ply_galery_list > li:nth-child(4){
	margin-right:0px;
}
.kode_ply_galery_list li figure{
	position:relative;
}
.kode_ply_galery_list li figure:before{
	position:absolute;
	content:"";
	top:50px;
	right:0px;
	left:80px;
	bottom:50px;
	opacity:0;
}
.kode_ply_galery_list li:hover figure:before{
	opacity:0.70;
	top:0px;
	bottom:0px;
	left:0px;
}
.kode_ply_galery_list li a{
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	font-size:30px;
	color:#fff;
	background:none;
	margin:auto;
	margin-top:0px;
	opacity:0;
}
.kode_ply_galery_list li:hover a{
	margin-top:-15px;
	opacity:1;
}
.kode_ply_galery_list li a:hover{
	background:none;
	color:#000;
}
/*slick*/
.kode_ply_gallery .kode-ply-list.slick-initialized.slick-slider.slick-dotted {
    float: left;
    width: 100%;
}

.kode_ply_gallery .slick-next.slick-arrow{
	right:-80px;
}
.kode_ply_gallery .slick-prev.slick-arrow{
	left:-80px;
}
.kode_ply_gallery .slick-prev, .kode_ply_gallery  .slick-next{
	background-color:#333333;
	height:58px;
	width:50px;
	line-height:25px;
}
.kode_ply_gallery  .slick-prev:before, 
.kode_ply_gallery .slick-next:before{
	content:"\f105";
	line-height:55px;
	color:#fff;
	font-size:30px;
}
.kode_ply_gallery  .slick-prev:before{
	content:"\f104";
}
.kode_ply_gallery .kode-ply-slid.slick-initialized.slick-slider.slick-dotted {
    float: left;
    width: 100%;
}
.kode_ply_gallery .slick-dotted.slick-slider {
    margin-bottom:0px;
}

.heading5.black.b_2{
	margin-bottom:39px;
}
/*
      //===============================================================
					KODE PLY GALLERY END
		================================================================//
*/

/*
      //===============================================================
					KODE PLY TABLE START
		================================================================//
*/
.kode_ply_caption,
.kode_ply_table{
	float:left;
	width:100%;
}
.kode_ply_table{
	border:none;
	margin-bottom:22px;
}
.kode_ply_first th{
	text-align:center;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	padding:13px 0px;
	padding-left:0px;
	border-right:1px solid #888888;
}
.kode_ply_table .kode_ply_two > td:last-child,
.kode_ply_first th:last-child{
	border-right:none;
}
.kode_ply_table .kode_ply_two > td{
	font-size:15px;
	color:#fff;
	text-align:center;
	padding:11px 0px;
	border-right:1px solid #888888;
}
.kode_ply_table .kode_ply_two{
	background-color:#2a2c2a;
}
.kode_ply_table .kode_ply_two.three{
	background-color:#393939;
}
.kode_ply_table .kode_ply_two.last{
	background-color:#272f27;
}
.kode_ply_caption p{
	font-size:15px;
	margin-bottom:25px;
}
.kode_ply_caption p:last-child{
	margin-bottom:7px;
}
/*
      //===============================================================
					KODE PLY TABLE END
		================================================================//
*/
/*
      //===============================================================
					KODE VIDEO FIG START
		================================================================//
*/
.kode_video_fig{
	float:left;
	width:100%;
}
.kode_video_fig figure{
	position:relative;
}
.kode_video_fig figure:before{
	position:absolute;
	content:"";
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.6);
}
.kode_video_fig a{
	position:absolute;
	top:50%;
	left:0px;
	right:0px;
	margin:auto;
	font-size:65px;
	color:#fff;
	text-align:center; 
	margin-top:-38px;
}
.kode_video_fig.fig_2{
	margin-bottom:26px;
}
.kode_ply_gallery.gallery_2{
	padding:70px 0px;
}
/*
      //===============================================================
					KODE VIDEO FIG END
		================================================================//
*/


/*
      //=====================================================================================================
						 SINGLE PLAYER SIDEBAR PAGE START
      =====================================================================================================//
*/

.kode_ply_des{
	float:left;
	width:100%;
	padding-bottom:30px;
	border-bottom:1px solid #e6e6e6;
}
.kode_player_wraper.wrp_3{
	padding-bottom:27px;
}
.kode_ply_gallery.gly_3{
	padding-bottom:0px;
	border:none;
}
.kode_ply_gallery.gly_3 p:last-child{
	margin:0px;
}
.kode_ply_gallery.galy_2{
	padding-bottom:80px;
}
.kode_player_fig.fig_2 figcaption{
	padding:18px 10px;
}
.kode_ply_galery_list.list_2 li {
    width: 31.3%;
	margin-right:26px;
}
.kode_ply_galery_list.list_2 li:nth-child(6),
.kode_ply_galery_list.list_2 li:nth-child(3){
	margin-right:0px;
}
.kode_ply_galery_list.list_2 li:nth-child(4){
	margin-right:26px;
}
.kode_ply_gallery .kode-ply-list.slick-initialized.slick-slider {
    float: left;
    width: 100%;
}
.kode_ply_gallery.galy_2 .slick-prev, 
.kode_ply_gallery.galy_2 .slick-next{
	position:absolute;
	top:auto;
	left:0px;
	right:0px;
	bottom:-69px;
	margin:auto;
	height:39px;
	width:41px;
}
.kode_ply_gallery.galy_2 .slick-prev:before, 
.kode_ply_gallery.galy_2 .slick-next:before{
	line-height:40px;
	font-size:30px;
}
.kode_ply_gallery.galy_2 .slick-prev{
	left:-125px;
}

/*
      //=====================================================================================================
						COMING SOON PAGE START
      =====================================================================================================//
*/

/*
      //====================================================
			COMING SOON START
      ======================================================//
*/

.countdown,
.kode_404_text.coming_soon{
	float:left;
	width:100%;
	text-align:center;
	position:relative;
	z-index:99999;
}
.kode-wrapper.wrap_2.wrap_4{
	padding:70px 0px 67px;
	position:relative;
}
.kode-wrapper.wrap_2.wrap_4:before {
    background-image: url("images/coming.png");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	height:965px;
}
.kode-wrapper.wrap_2.wrap_4:after{
	position:absolute;
	content:"";
	background-color:#0c0b0b;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	opacity:0.93;
	height:965px;
}
.kode_404_text.coming_soon figure img,
.kode_404_text.coming_soon figure{
	width:auto;
	float:none;
}
.kode_404_text.coming_soon figure{
	margin-bottom:70px;
}
.kode_404_text.coming_soon h2{
	text-transform:uppercase;
	font-weight:bold;
	font-size:24px;
	text-shadow:0px 0px;
	line-height:28px;
	margin-bottom:18px;
}
.kode_404_text.coming_soon h3{
	text-transform:uppercase;
	font-size:60px;
	font-weight:bold;
	color:#fff;
	margin-bottom:45px;
}
.countdown{
	position:relative;
	z-index:999;
	margin-bottom:66px;
}
.countdown li{
	display:inline-block;
	padding:0px 25px;
	position:relative;
}
.countdown li:after,
.countdown li:before{
	position:absolute;
	content:"";
	top:50%;
	left:-8px;
	right:0px;
	bottom:0px;
	height:11px;
	width:11px;
	background-color:#b9b9b9;
	border-radius:100%;
	margin-top:-10px;
}
.countdown li:after{
	margin:0px;
	top:62%;
}
.countdown li:first-child:after,
.countdown li:first-child:before{
	background:none;
}
.kode_404_text.coming_soon .kode_4043_icon li:last-child,
.countdown li:last-child{
	margin:0px;
}
.countdown li span{
	display:inline-block;
	font-size:80px;
	color:#b9b9b9;
	font-weight:bold;
}
.kode_404_text.coming_soon form{
	display:inline-block;
	margin-bottom:74px;
}
.kode_404_text.coming_soon p{
	text-transform:lowercase;
	color:#fff;
}
.kode_404_text.coming_soon .kode_4043_icon{
	margin-bottom:90px;
}
.kode_404_text.coming_soon .kode_4043_icon li{
	margin-right:30px;
	
}
.kode_404_text.coming_soon .kode_4043_icon li a{
	height:74px;
	width:74px;
	color:#fff;
	font-size:30px;
	line-height:70px;
}

/*
      //====================================================
			COMING SOON END
      ======================================================//
*/



/*
	  ============================================================
		 TENNIS  TOP BAR
	  ============================================================
*/
.tennis-header{
    float: left;
    width: 100%;
}
.topbar{
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 6px;
}
.topbar:before{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.22);
    height: 6px;
    content: "";
}
.social-wrap{
    float: left;
    width: auto;
}
ul.social-wrap{
    margin-right: 10px;
}
.social-wrap li{
    float: left;
    width: auto;
}
.social-wrap li a{
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 15px 10px 14px;
}
.social-wrap li a:hover{
    background: rgba(255, 255, 255, 0.40);
}
.login-wrap{
    float: right;
    width: auto;
}
.login-wrap li{
    float: left;
    width: auto;
    border-right: 1px solid rgba(255, 255, 255, 0.40);
    padding: 13px 20px 13px;
    position: relative;
}
.login-wrap li:first-child{
    border-left: 1px solid rgba(255, 255, 255, 0.40);
}
.login-dec{
    float: left;
    width: 100%;
}
.login-wrap .dropdown button,
.login-dec a{
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    line-height: 15px;
    position: relative;
    margin-right: 15px;
    background: transparent;
    padding: 0;
}
.login-wrap .open > .dropdown-menu{
}
.login-wrap .open > .dropdown-menu li{
    float: left;
    width: 100%;
    padding: 10px;
}
.login-wrap .open > .dropdown-menu li a{
    float: left;
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.login-wrap .open > .dropdown-menu li a:hover{
    color: #fff;
}
.login-dec a:before{
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    right: -10px;
    -webkit-transform:rotate(18deg);
     -moz-transform:rotate(18deg);
        -ms-transform:rotate(18deg);
            -o-transform:rotate(18deg);
                transform:rotate(18deg);
    background:#fff;
}
.login-dec a:last-of-type{
    margin: 0;
}
.login-dec a:last-of-type:before{
    width: 0;
}
.login-wrap .dropdown{
    float: left;
    width: 100%;
    position: static;
}
.login-wrap .dropdown button{
    margin: 0;
}
.login-wrap .dropdown button i {
    float: right;
    line-height: 15px;
    margin-left: 7px;
}
/*
      ============================================================
        LOGO WRAP
      ============================================================
*/
.logo-wrap{
    float: left;
    width: 100%;
    box-shadow: 0 5px 0 0 rgba(255, 255, 255, 0.22);
    background: #fff;
    position: relative;
    z-index: 10;
}
.logo-wrap .container{
    position: relative;
}
.tennis-logo{
    position: absolute;
    left: 15px;
    bottom: -1px;
    width: auto;
}
.tennis-logo a{
    float: left;
    width: auto;
}
.tennis-logo a img{
    float: left;
    width: 100%;
}
.tennis-nav{
    float: right;
    width: auto;
}
.tennis-nav .navigation{
    float: left;
    width: auto;
}
.tennis-nav .navigation li{
    float: left;
    width: auto;
}
.tennis-nav .navigation li a{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 15px;
    padding: 47px 20px;
    color: #666666;
    display: block;
}
.tennis-nav .navigation li:hover a{
    color: #fff;
}

.ad-search{
    float: right;
    width: auto;
    padding: 43px 0;
}
.ad-search .show{
    float: left;
    width: auto;
    font-size: 21px;
    color: #afafaf;
    padding:0 20px; 
}
.ad-search a{
    float: right;
    padding:0 20px; 
    border-left: 1px solid #bababa;
}
.ad-search a i{
    font-size: 21px;
    color: #afafaf;
    position: relative;
}
.ad-search a i span{
    position: absolute;
    top: -13px;
    right: -13px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    background: #284163;
    text-align: center;
    line-height: 19px;
    font-size: 10px;
    font-weight: normal;
    color: #fff;
}
/*
      ============================================================
        TENNIS MAIN BANNER 
      ============================================================
*/
.tns-banner{
    float: left;
    width: 100%;
    position: relative;
}
.tns-banner .bxslider{
    float: left;
    width: 100%;
}
.tns-banner-wrap{
    float: left;
    width: 100%;
    position: relative;
}
.tns-banner-wrap:before{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    background: #000;
    opacity: 0.18;
    content: "";
}
.tns-banner-wrap img{
    float: left;
    width: 100%;
}
.tns-banner-wrap .container{
    position: relative;
}
.text-caption{
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    margin: -110px auto 0; 
}
.text-caption.text-left{
    text-align: left;
}
.text-caption.text-center{
    text-align: center;
}
.text-caption.text-right{
    text-align: right;
}
.text-caption span{
    font-size: 80px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 80px;
    display: inline-block;
    margin-bottom: 6px;
}
.text-caption p{
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 34px;
}
.text-caption a{
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.25);
    padding: 22px 50px;
}
.text-caption a:hover{
	background-color:#000;
}
.tns-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
    width: 100%;
    text-align: center;
    padding: 0;
    position: absolute;
    bottom: 30px;
}
.tns-banner .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item .bx-pager-link {
    background: #fff;
    border-radius: 0px;
    display: block;
    height: 5px;
    margin: 0 5px;
    outline: 0 none;
    width: 27px;
    font-size: 0;
}
.tns-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
    display: none;
}
/*
      ============================================================
        HEADING TENNIS
      ============================================================
*/
.tns-heading1{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}
.tns-heading1 p {
    color: #333;
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
    line-height: 12px;
    padding-bottom: 2px;
    margin-bottom: 13px;
}
.tns-heading1 h4{
    display: block;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    margin-bottom: 13px;
	
}
.tns-heading1 span{
    display: inline-block;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 26px;
    position: relative;
    background: transparent;
}
.tns-heading1 span:before{
    position: absolute;
    left: -89px;
    width: 89px;
    height: 1px;
    top: 50%;
    margin-top: -0.5px;
    content: "";
}
.tns-heading1 span:after{
    position: absolute;
    right: -89px;
    width: 89px;
    height: 1px;
    top: 50%;
    margin-top: -0.5px;
    content: "";
}
.white.tns-heading1 p,
.white.tns-heading1 span i,
.white.tns-heading1 h4{
    color: #fff;
}
.white.tns-heading1 span:after,
.white.tns-heading1 span:before{
    background-color:#fff; 
}

.black.tns-heading1 h4{
    color: #333;
}
.black.tns-heading1 p,
.black.tns-heading1 span i{
    color: #666;
}
.black.tns-heading1 span:after,
.black.tns-heading1 span:before{
    background-color:#666666; 
}
/*
      ============================================================
        TENNIS CLASSES SECTION
      ============================================================
*/
.tns-classes{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.tns-classes .thumb{
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.tns-classes .thumb img{
    float: left;
    width: 100%;
}
.thumb-caption{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 30px;
    background: #fff;
    border-left: 3px solid #284163;
    padding: 24px 15px;
}
/*
.thumb-caption-overlay{
    bottom: -100%;
}
*/
.thumb-caption-overlay {
    bottom: -50.7%;
}
.tns-classes:hover .thumb-caption{
    opacity: 0;
}
.tns-classes:hover .thumb-caption-overlay{
    bottom: 0;
    opacity: 1;
}
.thumb-caption h4 a{
    display: block;
    font-size: 20px;
    color: #284163;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
}
.thumb-caption-overlay h4 a{
    margin-bottom: 10px;
}
.thumb-caption p{
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 22px;
    opacity: 0;
}
.tns-classes:hover .thumb-caption-overlay .tns-btn,
.tns-classes:hover .thumb-caption-overlay p{
    opacity: 1;
}
.thumb-caption .tns-btn{
    float: left;
}
.tns-btn{
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 14px;
    border: 1px solid ;
    border-radius: 2px;
    padding: 11px 25px;
}
.thumb-caption .tns-btn:hover{
    color: #fff;
    opacity: 0;
}
/*
      ============================================================
        TENNIS EVENT SECTION
      ============================================================
*/
.tns-eventbg{
    position: relative;
    background: #fff;
}
.tns-eventbg:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 452px;
    content: "";
}
.tns-event{
    float: left;
    width: 100%;
    background: #fff;
    margin-bottom: 30px;
}
.tns-event:hover{
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25);
}
.tns-event .thumb{
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.tns-event .thumb img{
    float: left;
    width: 100%;
}
.tns-event-caption{
    float: left;
    width: 100%;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: rgba(200, 200, 200, 0.44);
    background: #fff;
    position: relative;
    padding: 30px 15px;
}
.tns-event-caption:after{
    position: absolute;
    left: 0;
    top: 30px;
    width: 3px;
    height: 15px;
    content: "";
    background: #666;
}
.tns-event-caption:before{
    background-color: #c8c8c8;
    width: 64px;
    height: 3px;
    left: 15px;
    bottom: 0;
    content: "";
    position: absolute;
}
.tns-event:hover .tns-event-caption:before{
    left: 0;
    right: 0;
    width: 100%;
    bottom: -1px;
}
.tns-event-caption h6{
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #666;
    font-weight: normal;
    margin-bottom: 17px;
}
.tns-event-caption h4 a{
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: normal;
    display: block;
    margin-bottom: 24px;
}
.tns-event-caption p{
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 23px;
}
.tns-event-caption a{
    font-size: 14px;
    text-transform: uppercase;
    line-height: 14px;
    font-weight: bold;
    float: left;
}
/*
      ============================================================
        TENNIS FIXTURE SECTION
      ============================================================
*/
.tns-fixure-wrap{
    border-top: 1px solid #d8d8d8;
    background: #fff;
}
.tns-fixure-dec{
    float: left;
    width: 100%;
    background-image:url(extra-images/tns-fixure-decbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: center;
    padding: 25px 15px;
    border:6px solid;
    border-radius: 3px; 
    margin-bottom: 30px;
}
.tns-fixure-dec .text{
    float: left;
    width: 100%;
    text-align: center;
    background:rgba(255, 255, 255, 0.95);
    padding: 80px 0;
}
.tns-fixure-dec .text .tns-heading1{
    margin-bottom: 30px;
}
.thumb-left{
    float: left;
    width: 25%;
}
.thumb-left figure::before {
    bottom: 0;
    content: "";
    height: 100%;
    left: -32px;
    position: absolute;
    top: 0;
    width: 75px;
    z-index: 1;
    -webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
            -ms-transform: skewX(-20deg);
                -o-transform: skewX(-20deg);
                    transform: skewX(-20deg);
}
.thumb-left figure::after {
    bottom: 0;
    content: "";
    height: 100%;
    right: -59px;
    position: absolute;
    top: 0;
    width: 75px;
    z-index: 1;
    background-color: #fff;
    opacity: 0.95;
    -webkit-transform: skewX(160deg)
        -moz-transform: skewX(160deg);
            -ms-transform: skewX(160deg);
                -o-transform: skewX(160deg);
                    transform: skewX(160deg);
}
.thumb-right figure::before {
    bottom: 0;
    content: "";
    height: 100%;
    right: -32px;
    position: absolute;
    top: 0;
    width: 75px;
    z-index: 1;
    -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
                -o-transform: skewX(20deg);
                    transform: skewX(20deg);
}
.thumb-right figure::after {
    bottom: 0;
    content: "";
    height: 100%;
    left: -59px;
    position: absolute;
    top: 0;
    width: 75px;
    z-index: 1;
    background-color: #fff;
    opacity: 0.95;
    -webkit-transform: skewX(-160deg);
        -moz-transform: skewX(-160deg);
            -ms-transform: skewX(-160deg);
                -o-transform: skewX(-160deg);
                    transform: skewX(-160deg);
}
.thumb-right{
    float: left;
    width: 25%;
}
.thumb-left figure,
.thumb-right figure{
    overflow: hidden;
    margin-bottom: 16px;
}
.thumb-left h6 a,
.thumb-right h6 a{
    font-weight: normal;
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    line-height: 20px;
	font-family:"Oswald",sans-serif;
}
.tns-countdown-wrap{
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.tns-countdown-wrap h5{
    font-weight: normal;
    font-size: 27px;
    text-transform: uppercase;
    line-height: 24px;
	font-family:"Oswald",sans-serif;
    margin-bottom: 20px;
}
.tns-countdown{
    float: left;
    width: 50%;
}
.tns-tags{
    float: left;
    width: 100%;
}
ul.tns-tags{
    margin:-3px 0 9px; 
}
.tns-tags li{
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 13px;
    padding: 0 6px;
    border-left:1px solid;
	font-family:"Oswald",sans-serif;
}
.tns-tags li:first-child{
    padding-left: 0;
    border:none;
}
.tns-tags li:last-child{
    padding-right: 0;
}
.tns-countdown .countdown.count_2{
    float: left;
    width: 100%;
}
.countdown.count_2{
	margin-bottom:30px;
}
.countdown.count_2 li{
    float: left;
    width: 25%;
	padding:0px 0px;
}
.countdown.countdown-dec.countdown{
	margin-bottom:0px;
}
.tns-countdown .countdown.count_2 li:after,
.tns-countdown .countdown.count_2 li:before{
	height:0px;
}
.countdown-dec{
    float: left;
    width: auto;
}
.countdown-dec h4{
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 36px;
    margin-bottom: 6px;
	font-family:"Oswald",sans-serif;
}
.countdown-dec p{
    font-size: 14px; 
    line-height: 14px;
    text-transform: uppercase;
    margin: 0;
}
.tns-btn2{
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #dcdcdc;
    padding: 14px 33px;
}
.tns-btn2:hover{
    color: #fff;
}
.tns-fixure-tabs{
    float: left;
    width: 100%;
}
.tns-tabnav{
    float: left;
    width: 100%;
    border: 1px solid #d7d7d7;
}
.tns-tabnav li{
    float: left;
    width: 33.3%;
    border-right: 1px solid #d7d7d7;
    text-align: center;
}
.tns-tabnav li:last-of-type{
    border: none;
}
.tns-tabnav li a{
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    padding: 18px 0 20px;
    background:#fff;
}
.tns-tabnav .active a{
    background-color: #284163;
    color: #fff;
}
.tns-tab-content-wrap{
    float: left;
    width: 100%;
    border: 1px solid #e7e7e7;
}
.tns-tab-content{
    float: left;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    padding: 25px 10px;
    background-color: #fff;
}
.tns-tab-content:hover{
    background-color: #f1f1f1;
}
.tns-tab-content h6{
    font-size: 12px;
    text-transform: uppercase;
    line-height: 12px;
    float: left;
    width: 100%;
    text-align: center;
}
.tns-tabs-teams{
    float: left;
    width: 100%;
    text-align:center;
    margin-bottom: 4px;
}
.tns-tabs-teams span{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    width: 39px;
    height: 39px;
    line-height: 39px;
    background-color: #284163;
    border-radius: 100%;
    vertical-align: middle;
    margin: 5px 0;
}
.tns-team-1{
    float: left;
    width: auto;
}
.tns-team-1 > a{
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 13px;
}
.tns-team-1 a img{
    float: left;
    width: 100%;
}
.tns-team-1 h5 {
    float: left;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    padding: 12px 0;
}
.tns-team-2{
    float: right;
}
.tns-team-2 > a{
    float: right;
    margin-left: 13px;
    margin-right: 0;
}
.tns-team-2 a img{
    float: left;
}
.tns-viewall{
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    color: #666666;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0 12px;
}
.tns-viewall:hover{
    color: #fff;
}
/*
      ============================================================
        TENNIS MASONRY GALLERY SECTION
      ============================================================
*/
.tns-gallery-bg{
    background-color: #f2f2f2;
}
.tns-gallery{
    float: left;
    width: 100%;
    margin: 0 -5px;
}
.tns-gallery [class*="col-md-"]{
    padding: 0 5px;
}
.tns-gallery-thumb{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}
.tns-gallery-thumb:before{
    position: absolute;
    top: 9px;
    left: 9px;
    bottom: 9px;
    right: 9px;
    background-color: rgba(0, 0, 0, 0.85);
    border: 1px solid;
    content: "";
    opacity: 0;
    -webkit-transform: translate(0, -50px);
        -moz-transform:   translate(0, -50px);
            -ms-transform: translate(0, -50px);
                -o-transform:  translate(0, -50px);
                    transform:  translate(0, -50px);
}
.tns-gallery-thumb:hover:before{
    opacity: 1;
    -webkit-transform: translate(0, 0px);
        -moz-transform:   translate(0, 0px);
            -ms-transform: translate(0, 0px);
                -o-transform:  translate(0, 0px);
                    transform:  translate(0, 0px);
}
.tns-gallery-thumb img{
    float: left;
    width: 100%;
}
.tns-gallery-caption{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin:-51px auto 0;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(0, 50px);
        -moz-transform:   translate(0, 50px);
            -ms-transform: translate(0, 50px);
                -o-transform:  translate(0, 50px);
                    transform:  translate(0, 50px);
}
.tns-gallery-thumb:hover .tns-gallery-caption{
    opacity: 1;
    -webkit-transform: translate(0, 0px);
        -moz-transform:   translate(0, 0px);
            -ms-transform: translate(0, 0px);
                -o-transform:  translate(0, 0px);
                    transform:  translate(0, 0px);
}
.tns-gallery-caption span{
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}
.tns-gallery-caption span:last-of-type{
    margin-bottom: 15px;
}
.tns-gallery-caption a{
    width: 51px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    border: 1px solid #ccc8c8;
    color: #ccc8c8;
    margin: 0 10px;
}
.tns-gallery-caption a:hover{
    background-color: #fff;
}
.tns-load{
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 40px;
}
.tns-load a{
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    line-height: 15px;
    padding: 15px 30px;
}
.tns-load a:hover{
    color: #fff;
    background-color: #000;
}
/*
      ============================================================
        TENNIS MID BAR SECTION
      ============================================================
*/
.kode-tennis section {
    float: left;
    padding: 70px 0 40px;
    width: 100%;
}
.tns-midbar-bg{
    background-image: url(extra-images/tns-midbar-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.tns-midbar-bg:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.5;
    content: "";
}
.tns-midbar{
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}
.tns-midbar h6{
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    margin-top: -3px;
    margin-bottom: 10px;
}
.tns-midbar p{
    text-transform: capitalize;
    margin: 0 0 25px 0;
    font-size: 15px;
    color: #fff;
}
.tns-midbar .hire{
    margin-right: 26px;
}
.tns-midbar .hire:last-of-type{
    margin: 0px;
}
.hire{
    font-size: 16px;
    font-weight: bold;
    line-height: 11px;
    color: #fff;
    border: 3px solid #fff;
    font-family: "Source Sans Pro",sans-serif;
    text-transform: uppercase;
    display: inline-block;
    padding:15px 45px; 
}
.hire:hover{
    background-color: #fff;
}
.discover{
    font-size: 16px;
    font-weight: bold;
    line-height: 11px;
    background:#fff;
    border: 1px solid #d1d1d1;
    font-family: "Source Sans Pro",sans-serif;
    text-transform: uppercase;
    display: inline-block;
    padding: 17px 18px;
}
.discover:hover{
    color: #fff;
}
/*
      ============================================================
        TENNIS BLOG SECTION
      ============================================================
*/
.tns-blog-wrap{
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 12px;
    border: 3px solid #f0f0f0;
    margin-bottom: 30px;
}
.tns-blog-wrap .thumb{
    float: left;
    width: 100%;
    position: relative;
}

.tns-blog-wrap .thumb img{
    float: left;
    width: 100%;
}
.tns-blog-wrap .thumb:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    border: 3px solid transparent;
}
.tns-blog-caption{
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
}
.tns-blog-caption h4 a{
    display: block;
    font-size:18px;
    line-height: 17px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 11px; 
}
.tns-blog-caption ul{
    float: left;
    margin-bottom: 11px;
    width: 100%;
}
.tns-blog-caption ul li{
    float: left;
    width: auto;
    margin-right: 20px;
}
.tns-blog-caption ul li:last-child{
    margin:0; 
}
.tns-blog-caption ul li a{
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-family: "Source Sans Pro",sans-serif;
    color: #999;
}
.tns-blog-caption ul li a i{
    margin-right: 3px;
}
.tns-blog-caption p{
    color: #999;
    margin-bottom: 24px;
}
.tns-blog-caption > a{
    font-size: 16px;
    line-height: 15px;
    border: 1px solid #e7e7e7;
    color: #999;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    padding: 11px 30px;
}
.tns-blog-wrap:hover .tns-blog-caption > a{
    color: #fff;
}
.tns-date{
    position: absolute;
    left: 40px;
    top: 10px;
    padding: 14px;
    color: #fff;
    background-color: #666666;
    font-weight: bold;
    font-size: 18px;
    text-transform: capitalize;
    line-height: 17px;
    z-index: 10;
    text-align: center;
}
.tns-date b{
    display: block;
    margin-bottom: 4px;
}
.tns-blog-wrap:hover .tns-date{
    top: 0;
}
/*
      ============================================================
        TENNIS GALLERY 2 SECTION
      ============================================================
*/
.tns-gallery2-bg{
    background-image: url(extra-images/tns-gallery2-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.tns-gallery2-bg:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    opacity: 0.85;
    background:#000;
}
..tns-gallery2-bg .container{
    position: relative;
}
.tns-gallery2{
    float: left;
    width: 100%;
    background-color: #fff;
    margin-bottom: 30px;
}
.tns-gallery2:hover{
    background-color: #f2f2f2;
}
.tns-gallery2 .thumb{
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.tns-gallery2:hover .thumb{
    overflow: visible;
}
.thumb-caption2{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100%;
    width: 100%;
    text-align: center;
    background-color: #333333;
    box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.25);
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
            -ms-transition: opacity 0.5s ease-in-out;
             -o-transition: opacity 0.5s ease-in-out;
                 transition: opacity 0.5s ease-in-out;
}
.tns-gallery2:hover .thumb-caption2{
    bottom: 0;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
            -ms-transition: opacity 0.5s ease-in-out;
             -o-transition: opacity 0.5s ease-in-out;
                 transition: opacity 0.5s ease-in-out;
}
.thumb-caption2 li{
    display: inline-block;
    margin-right: 30px;
    padding: 10px 0;
}
.thumb-caption2 li:last-child{
    margin: 0;
}
.thumb-caption2 li a{
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    display: block;
}
.tns-gallery2 .text{
    float: left;
    width: 100%;
    border-top: 1px solid #e9e9e9;
    text-align: center;
    padding: 30px 0;
}
.tns-gallery2 .text h4 a{
    font-size: 18px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin-bottom: 11px;
}
.tns-gallery2 .text .rating{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
}
.tns-gallery2 .text .rating span{
    font-size: 18px;
    line-height: 18px;
}
.tns-gallery2 .text p{
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    float: left;
    width: 100%;
    line-height: 11px;
    font-size: 16px;
}
.rating {
    direction: rtl;
    line-height: 16px;
    unicode-bidi: bidi-override;
}
.rating > span:hover::before, 
.rating > span:hover ~ span::before, 
.rating > span {
    color: #ffc501;
}
.rating > span:hover::before, .rating > span:hover ~ span::before {
    color: #ffc501;
    content: "★";
    left: 0;
    position: absolute;
}
.rating > span {
    color: #f7941d;
    display: inline-block;
    font-size: 16px;
    position: relative;
}
/*
      ============================================================
        TENNIS COUNTER UP SECTION
      ============================================================
*/
.tns-counterup{
    float: left;
    width: 100%;
    padding: 70px 0 66px;
    position: relative;
}
.tns-counterup:before{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-image: url(extra-images/tns-counterup.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.12;
    content: "";
}
.counterup-dec{
    float: left;
    width: 100%;
    text-align: center;
}
.counterup-dec span{
    width: 81px;
    height: 81px;
    line-height: 81px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    font-size: 35px;
    border-radius: 100%;
    display: inline-block;
    margin-bottom: 13px;
}
.counterup-dec h3{
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 27px;
    line-height: 27px;
}
.counterup-dec h3 b{
    margin-right: 10px;
    margin-left: 20px;
}
/*
      ============================================================
        TENNIS TEAM SECTION
      ============================================================
*/
.tns-team{
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 30px;
}
.tns-team:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    bottom: 0;
    content: "";
    background-color: #ececec;
    z-index: -1;
}
.tns-team img{
    float: left;
    width: 100%;
}
.tns-team-caption{
    float: left;
    width: 100%;
    background-color: #333333;
    padding: 25px 0;
    text-align: center;
}
.tns-team:hover .tns-team-caption{
    opacity: 0;
}
.tns-team-caption h5 a{
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    font-weight: normal;
}
.tns-team-caption p{
    color: #fff;
    margin-bottom: 14px;
}
.tns-social2{
    float: left;
    width: 100%;
    text-align: center;
}
.tns-social2 li{
    display: inline-block;
    margin-right: 12px;
}
.tns-social2 li:last-child{
    margin:0; 
}
.tns-social2 li a{
    width: 33px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 100%;
    font-size: 16px;
    display: block;
}
.tns-social2 li a:hover{
    background-color: #fff;
}
.tns-team-caption-overlay {
    bottom: -29.6%;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
}
.tns-team:hover .tns-team-caption-overlay{
    bottom: 0;
    opacity: 1
}
.tns-team-caption-overlay h5 a{
    margin-bottom: 10px;
}
/*
      ============================================================
        TENNIS TESTIMONIAL SECTION
      ============================================================
*/
.tns-testimonial-bg{
    background-image: url(extra-images/tns-testimonial-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.tns-testimonial-bg:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    opacity: 0.77;
}
.tns-testimonial-silder{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.tns-testimonial{
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 40px;
}
.tns-testimonial figure{
    width: 130px;
    border-radius: 100%;
    float: none;
    display: inline-block;
    margin-bottom: 10px;
}
.tns-testimonial figure img{
    float: left;
    width: 100%;
    border-radius: 100%;
}
.tns-testimonial h6 a{
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    display: block;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 31px;
}
.tns-testimonial p{
    font-size: 16px;
    text-transform: capitalize;
    font-style: italic;
    font-weight: 500;
    color: #fff;
    margin-bottom: -5px;
}

.tns-testimonial-silder .bx-wrapper .bx-viewport{
    background:transparent;
}
.tns-testimonial-silder .bx-wrapper{
    padding-bottom: 56px;
}
.tns-testimonial-silder .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: center;
    padding: 0;
    line-height: 16px;
}
.tns-testimonial-silder .bx-wrapper .bx-pager.bx-default-pager a {
    background: transparent;
    border-radius: 100%;
    display: block;
    height: 16px;
    margin: 0 5px;
    outline: 0 none;
    width: 16px;
    border: 1px solid #fff;
    font-size: 0;
}
.tns-testimonial-silder .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.tns-testimonial-silder .bx-wrapper .bx-pager.bx-default-pager a.active{
    background-color: #333!important;
    border-color: #333;
}
.tns-testimonial-silder .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
    display: none;
}
.tns-testimonial-silder .bx-wrapper .bx-controls-direction a {
    height: 51px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-decoration: none;
    top: 50%;
    width: 48px;
    z-index: 0;
    background-color: #fff;
}
.tns-testimonial-silder .bx-wrapper .bx-controls-direction a:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 51px;
    text-align: center;
    font-size: 24px;
    color: #666;
    font-family: 'FontAwesome';
    content: "\f104 ";
}
.tns-testimonial-silder .bx-wrapper .bx-controls-direction a.bx-next:before{
    content: "\f105 ";
}
.tns-testimonial-silder .bx-wrapper .bx-controls-direction a:hover:before,
.tns-testimonial-silder .bx-wrapper .bx-controls-direction a:hover{
    background-color: #333;
    color: #fff;
}
/*
      ============================================================
        TENNIS ACHIEVEMENT SECTION
      ============================================================
*/
.tns-achiv{
    float: left;
    width: 100%;
    border:1px solid #e9e9e9;
    padding: 10px;
    margin-bottom: 30px;
}
.tns-achiv figure{
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
}
.tns-achiv figure:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.78);
    border:1px solid #e9e9e9;
    opacity: 0;
    content: "";
}
.tns-achiv:hover figcaption,
.tns-achiv:hover figure:before{
    opacity: 1;
}
.tns-achiv figcaption{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    margin-top: -10px;
    opacity: 0;
}
.tns-achiv figcaption a{
    font-size: 20px;
    color: #fff;
    display: inline-block;
}

/*
      ============================================================
         TENNIS FOOTER
      ============================================================
*/
.tennis-footer{
    position: relative;
    background-image: url(extra-images/tns-footerbg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    width: 100%;
    padding: 70px 0 70px;
}
.tennis-footer:before{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    content: "";
    opacity: 0.89;
    background-color: #000;
}
.tns-ftlogo{
    float: left;
    width: 100%;
    margin-top:-15px;
}
.tns-ftlogo a{
    float: left;
    width: auto;
}
.tns-ftlogo a img{
    float: left;
    width: 100%;
}
.tns-text-widget p{
    float: left;
    color: #fff;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 28px;
}
.tns-text-widget .tns-social2 li{
    float: left;
}
.tsn-widget h4{
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 25px;
}
.tsn-contact-dec{
    float: left;
    width: 100%;
    margin-bottom: 14px;
}
.tsn-contact-dec:last-of-type{
    margin-bottom: 0;
}
.tsn-contact-dec h6{
    text-transform: capitalize;
    font-size: 16px;
    font-weight: bold;
    color: #cccccc;
    line-height: 16px;
    margin-bottom: 10px;
}
.tsn-contact-dec h6 i{
    margin-right: 13px;
}
.tsn-contact-dec span{
    float: left;
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 17px;
    text-transform: capitalize;
}
.tsn-news ul{
    float: left;
    width: 100%;
}
.tsn-news ul li{
    float: left;
    width: 100%;
    border-top: 1px solid #666666;
    padding: 20px 0;
}
.tsn-news ul li:first-child{
    padding-top: 0;
    border:none; 
}
.tsn-news ul li a{
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
    text-transform: capitalize;
    color: #fff;
    float: left;
    width: 100%;
    font-family: "Source Sans Pro",sans-serif;
}
.tsn-news ul li a span{
    margin-right: 10px;
    float: left;
}
.tsn-search p{
    float: left;
    margin: -7px 0 12px;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
}
.tsn-search form{
    float: left;
    width: 100%;
}
.tsn-search input[type=text]{
    float: left;
    width: 100%;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid #3f403d;
    font-weight: normal;
    height: 47px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.tsn-search input[type=text]::-moz-placeholder{
    color: #999;
}
.tsn-search button{
    float: left;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    padding: 12px 27px;
}
.tsn-search button:hover{
    background-color: #fff;
}
/*
      ============================================================
         TANNIS COPY RIGHT BAR
      ============================================================
*/
.tns-copyright{
    float: left;
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #000000;
}
.tns-copyright p{
    float: right;
    width: auto;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 11px;
}
.tns-copyright span{
    float: left;
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    line-height: 11px;
    text-transform: uppercase;
}
.tns-copyright p a{
    color: #fff;
}
.tns-copyright p a:hover{
    color: #000;
}

/*
      ============================================================
         TENNIS BLOG PAGE CSS END
      ============================================================
*/

/*
      ============================================================
         SPORTS BLOG PAGE CSS START
      ============================================================
*/
.kode-sp-new {
    background-color: #ffffff;
    color: #999;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
}
.kode-sp-new h1,
.kode-sp-new h2,
.kode-sp-new h3,
.kode-sp-new h4,
.kode-sp-new h5,
.kode-sp-new h6,
.kode-sp-new h1 a,
.kode-sp-new h2 a,
.kode-sp-new h3 a,
.kode-sp-new h4 a, 
.kode-sp-new h5 a,
.kode-sp-new h6 a {
    color: #333;
    font-family: 'Raleway', sans-serif;
    margin: 0;
}
.kode-sp-new h4{
    font-size: 24px;
}
.kode-sp-new h5{
    font-size: 18px;
}
.kode-sp-new h6{
    font-size: 15px;
}
.kode-sp-new .kode-content{
    padding: 0;
}
.kode-sp-new section{
    padding: 70px 0 40px;
    float: left;
    width: 100%;
}
.kode-sp-new ul{
    list-style:none;
    margin: 0;
    padding: 0;
}
.kode-sp-new li{
    list-style:none;
}
.kode-content .aside .widget-form{
	margin-bottom:40px;
	float:left;
	width:100%;
}
/*
      ============================================================
         CRICKET  TOP BAR
      ============================================================
*/
.spb-header{
    float: left;
    width: 100%;
    position: relative;
}
.spb-topbar{
    float: left;
    width: 100%;
    background: #4d4d4d;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.39);
}
.spb-helpdeck{
    float: left;
    width: 100%;
}
.spb-helpdeck li{
    float: left;
    width: auto;
    padding: 7px 0;
}
.spb-helpdeck li span,
.spb-helpdeck li a{
    float: left;
    width: 100%;
    font-weight: normal;
    font-size: 12px;
    text-transform: capitalize;
    line-height: normal;
    padding: 3px 20px 6px;
    color: #fff;
}
.spb-helpdeck li a{
	 padding: 6px 20px 3px;
}
.spb-helpdeck li span{
    background-color: #ff3c36;
}
.spb-social1{
    float: left;
    width: auto;
}
.spb-topbar .spb-social1{
    margin-right: 32px;
}
.spb-social1 li{
    float: left;
    width: auto;
}
.spb-social1 li a{
    float: left;
    width: 25px;
    height: 41px;
    line-height: 42px;
    color: #d4d4d4;
    font-size: 16px;
    text-align: center;
}
.spb-social1 li a:hover{
    color: #fff;
}
.spb-user-wrap{
    float: right;
    width: auto;
}
.spb-user-wrap a{
    float: left;
    width: auto;
    position: relative;
    font-size: 16px;
    line-height: normal;
    text-transform: capitalize;
    font-weight: normal;
    color: #fff;
    padding: 10px 20px 12px;
    border-right: 1px solid #a9a9a9;
}
.spb-tab-dropdown .dropdown-menu li{
	float:left;
	width:100%;
	margin-right:0px;
}
.spb-tab-dropdown .dropdown-menu li a{
	padding:8px 20px
}
.spb-tab-dropdown .dropdown-menu li a:hover{
	color:#fff;
}
.spb-user-wrap a:first-of-type{
    border-left: 1px solid #a9a9a9;
}
.spb-user-wrap a i{
    margin-left: 7px;
}
.spb-user-wrap a:hover{
    color: #fff;
}
/*sports blog logo wrap*/
.spb-logo-wrap{
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    padding: 30px 0;
    border-bottom: 1px solid #dddddd;
}
.spb-logo{
    float: left;
    width: auto;
    padding: 24px 0;
}
.spb-hd-banner{
    display: inline-block;
    width: 47%;
    margin-bottom: -5px;
}
.spb-hd-banner a{
    display: block;
}
.spb-hd-banner a img{
    float: left;
    width: 100%;
}
.weather-widget{
    float: right;
    margin-left: 10px;
    padding: 32px 40px;
    position: relative;
    width: 24%;
	z-index:9999;
}
.weather-widget:before{
	position:absolute;
	content:"";
	top:0px;
	z-index:-1;
	left:0px;
	right:10px;
	bottom:0px;
	background-image:url(images/logonav.png);
	background-position:right;
	background-repeat:no-repeat;
}
.weather-widget i {
    color: #666666;
    float: left;
    font-size: 24px;
	float:left;
}
.weather-widget .text_widget{
	float:left;
	padding-left:10px;
}
.text_widget span{
	font-size:16px;
	display:inline-block;
	color:#666666;
}
 .text_widget span a{
	display:inline-block;
	font-size:14px;
	color:#333333;
	margin-left:20px;
}
.text_widget em{
	font-style:normal;
	text-align:left;
	display:block;
	line-height:17px;
}
/*navigation*/
.spb-nav{
    float: left;
    width: 100%;
    border-bottom: 1px solid #dddddd;
}
.spb-nav .navigation{
    float: left;
    width: auto;
}
.spb-nav .navigation li{
    float: left;
    width: auto;
    margin-right: 37px;
}
.spb-nav .navigation li:last-child{
    margin: 0;
}
.spb-nav .navigation li a{
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    position: relative;
    line-height: 16px;
    padding: 20px 0;
}
.spb-nav .navigation li a:before{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    content: "";
    height: 3px;
    width: 0;
    margin:0 auto; 
}
.spb-nav .navigation li:hover a:before{
    width: 100%;
}
.spb-search{
    float: right;
    width: auto;
    margin-left: 30px;
}
.spb-more{
    float: left;
    width: auto;
    padding: 13px 0;
    margin-right: 30px;
}
.spb-more a{
    float: left;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    line-height: 16px;
    padding: 7px 20px;
}
.spb-more a:hover{
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.4) inset;
}
.spb-show{
    float: right;
    width: 47px;
    height: 56px;
    line-height: 56px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    background-color: #606060;
    cursor: pointer;
}
/*sports banner*/
.spb-banner{
    float: left;
    width: 100%;
}
.spb-banner .slick-slider{
    position: relative;
    float: left;
    width: 100%;
}
.spb-center{
    float: left;
    width: 100%;
    position: relative;
}
.spb-center .slick-prev:hover,.spb-center .slick-next:hover,
.spb-center .slick-prev,.spb-center .slick-next{
    background-color: transparent;
}
.spb-center .slick-prev:before,.spb-center .slick-next:before
{
    background-color: #363536;
    opacity: 0.9;
    color: #fff;
}
.spb-center .slick-prev:hover:before,.spb-center .slick-next:hover:before{
    color: #fff;
    opacity: 0.9;
}
.spb-banner-wrap{
    float: left;
    width: 100%;
    position: relative;
}
.spb-banner-wrap:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.38;
    background-color: #000;
    content: "";
} 
.spb-center .slick-center .spb-banner-wrap:before{
    opacity: 0;
}
.spb-banner-wrap .text{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    vertical-align: middle;
    text-align: left;
    padding: 19px 38px 23px;
}
.spb-banner-wrap .text:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #333333;
    opacity: 0.83;
    content: "";
}
.spb-banner-wrap .text h3{
    float: left;
    width: 100%;
}
.spb-banner-wrap .text h3 a{
    float: left;
    position: relative;
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    font-family: "Open Sans",sans-serif;
    margin-bottom: 17px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 100%;
}
.spb-meta{
    position: relative;
    float: left;
    width: auto;
}
.spb-meta li{
    float: left;
    width: auto;
    padding: 0 20px;
    border-left: 1px solid #999;
}
.spb-center .slick-center .spb-banner-wrap .spb-meta li{
    border-color: #fff;
}
.spb-meta li:first-child{
    padding-left: 0;
    border: none;
}
.spb-meta li a,
.spb-meta li span{
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #999;
    line-height: normal;
    text-transform: capitalize;
    float: left;
    width: 100%;
}
.spb-center .slick-center .spb-banner-wrap .spb-meta li a,
.spb-center .slick-center .spb-banner-wrap .spb-meta li span{
    color: #fff;
}
.lable-1{
    position: absolute;
    left: 50px;
    top: 0px;
    display:block;
    width: 55px;
    padding: 9px 5px 9px; 
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    border-bottom: 1px solid transparent;
    font-size: 11px;
    z-index: 1;
}
.lable-1:after,
.lable-1:before{
    position: absolute;
    left: 0;
    bottom: -16px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 28px 0 0;
}
.lable-1:after{
    border-width: 0 28px 16px 0;
    right: 0;
    left: auto;
}
.lable-1 b{
    display: block;
    overflow: hidden;
}
/*sports heading*/
.spb-heading1{
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 3px;
    margin-bottom: 20px;
}
.spb-heading1:after,
.spb-heading1:before{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: #dbdbdb;
    height: 1px;
}
.spb-heading1:after{
    bottom: 3px;
}
.spb-heading1 h4{
    float: left;
    width: auto;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
    margin: -4px 0 13px 0;
}




.spb-tabs-nav{
    float: right;
    width: auto;
    border: none;
}
.spb-tabs-nav li{
    margin: 0 20px 0 0;
}
.spb-tabs-nav li:last-child{
    margin: 0;
}
.spb-tab-dropdown button,
.spb-tabs-nav li a{
    padding: 0 0 16px 0;
    background-color: transparent;
    border:none;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    position: relative;
    float: left;
    width: 100%;
    color: #666;
}

.spb-tabs-nav > li > a,.spb-tabs-nav > li > a:hover,.spb-tabs-nav > li > a:focus,
.spb-tabs-nav > li.active > a,.spb-tabs-nav > li.active > a:hover,.spb-tabs-nav > li.active > a:focus{
    background-color: transparent;
    border: none;
}
.spb-tab-dropdown button:before,
.spb-tabs-nav li a:before{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    content: "";
    height: 4px;
    width: 0;
    z-index: 10;
}
.spb-tab-dropdown.open button:before,
.spb-tabs-nav li.active a:before{
    width: 100%;
}
.spb-tab-dropdown{
    float: left;
    white-space: 100%;
}
.spb-tab-dropdown button i{
    margin-left: 12px;
}
.spb-tabs-wrap{
    float: left;
    width: 100%;
}
.spb-news-wrap{
    float: left;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 30px 0;
    margin-bottom: 50px;
}
.spb-latest-news{
    float: left;
    width: 100%;
}
.spb-latest-news .thumb{
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.spb-latest-news .thumb:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background:#030101;
    outline: 1px solid #dcdcdc;
    outline-offset: -11px;
    opacity: 0;
    content: "";
    z-index: 1;
    -webkit-transform: translate(0, 50px);
        -moz-transform:   translate(0, 50px);
            -ms-transform: translate(0, 50px);
                -o-transform:  translate(0, 50px);
                    transform:  translate(0, 50px);
}
.spb-latest-news:hover .thumb:before{
    opacity: 0.67;
    -webkit-transform: translate(0, 0px);
        -moz-transform:   translate(0, 0px);
            -ms-transform: translate(0, 0px);
                -o-transform:  translate(0, 0px);
                    transform:  translate(0, 0px);
}
.spb-play{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -16px auto 0;
    border-radius: 100%;
    color: #fff;
    font-size: 36px;
    display:block;
    line-height: 36px;
    width: 36px;
    height: 36px;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(50px, 0);
        -moz-transform: translate(50px, 0);
            -ms-transform: translate(50px, 0);
                -o-transform: translate(50px, 0);
                    transform: translate(50px, 0);
}
.spb-latest-news:hover .spb-play{
    opacity:1;
    -webkit-transform: translate(0, 0px);
        -moz-transform:   translate(0, 0px);
            -ms-transform: translate(0, 0px);
                -o-transform:  translate(0, 0px);
                    transform:  translate(0, 0px);
}
.spb-latest-news .thumb img{
    float: left;
    width: 100%;
    position: relative;
}
.spb-latest-news:hover .thumb img{
    -webkit-transform: scale(2);
        -moz-transform:scale(2);
            -ms-transform:scale(2);
                -o-transform:scale(2);
                    transform:scale(2);
}
.spb-latest-news .text{
    float: left;
    width: 100%;
    padding: 20px 0;
}
.spb-latest-news .text h5 a {
    float: left;
    font-weight: bold;
    line-height:normal;
    text-transform: uppercase;
    width: 100%;
    margin: -4px 0 18px 0;
}
.spb-meta2{
    float: left;
    width: 100%;
}
ul.spb-meta2{
    margin-bottom: 17px;
}
.spb-meta2 li{
    float: left;
    width: auto;
    margin-right: 20px;
}
.spb-meta2 li:last-child{
    margin: 0;
}
.spb-meta2 li i,
.spb-meta2 li span,
.spb-meta2 li a{
    float: left;
    width: auto;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    font-style: italic;
    font-weight: normal;
    color: #fff;
}
.spb-meta2 li i {
    font-style: normal;
    margin-right: 8px;
}
.spb-latest-news .text p{
    margin:-8px 0 21px;
}
.spb-latest-news .text p:first-of-type{
    margin-top: 0;
}
.spb-btn{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 16px;
    padding: 13px 25px;
}
.spb-btn:hover{
    background-color: #000;
    color: #fff;
}





/*latest news 3*/
.spb-latest-news3 .text h5 a {
    margin: -3px 0 18px 0;
    font-size: 14px;
}
.spb-latest-news3 .spb-meta2{
    margin: 0;
}
.spb-latest-news3 .text {
    padding: 22px 0;
}
.spb-latest-news3:last-of-type .text{
}
/*latest news 4*/
.spb-latest-news4:hover{
    box-shadow:0 25px 24px -24px rgba(0, 0, 0, 0.27)
}

.spb-latest-news4 .lable-2{
    left: 20px;
    width: 36px;
    font-size: 8px;
    text-transform: capitalize;
}
.spb-latest-news4 .spb-meta2{
    margin: 0;
}
.spb-latest-news4 .text h5 a {
    margin: -3px 0 18px 0;
    font-size: 14px;
    text-transform: capitalize;
}
.spb-latest-news4 .spb-play{
    width: 22px;
    height: 22px;
    font-size: 22px;
    line-height: 22px;
    margin-top: -11px;
}
/*BRAND ADD*/
.spb-brandadd{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}
.spb-brandadd a{
    display: block;
}
.spb-brandadd img{
    float: left;
    width: 100%;
}
/*latest news 2*/
.spb-news-ul{
    float: left;
    width: 100%;
}
ul.spb-news-ul{
    margin-bottom: 30px;
}
.spb-news-ul > li{
    float: left;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #dbdbdb;
}
.spb-latest-news2 .thumb{
    width: 270px;
    text-align: center;
}
.spb-read{
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(0, -50px);
        -moz-transform:   translate(0, -50px);
            -ms-transform: translate(0, -50px);
                -o-transform:  translate(0, -50px);
                    transform:  translate(0, -50px);
}
.spb-latest-news:hover .spb-read{
    opacity:1;
    -webkit-transform: translate(0, 0px);
        -moz-transform:   translate(0, 0px);
            -ms-transform: translate(0, 0px);
                -o-transform:  translate(0, 0px);
                    transform:  translate(0, 0px);
}
.spb-read a{
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    padding: 11px 14px 11px;
}
.spb-read a:hover{
    color: #000;
    background-color: #fff;
}
.spb-latest-news2 .text{
    float: none;
    width: auto;
    overflow: hidden;
    padding: 20px 30px;
}
.spb-latest-news2 .text h5 a {
    float: left;
    font-weight: bold;
    line-height:normal;
    text-transform: uppercase;
    width: 100%;
    margin: -3px 0 18px 0;
    font-size: 14px;
}
.spb-metalink{
    float: left;
    width: 100%;
}
.spb-metalink .spb-meta2{
    width: auto;
    margin: 0;
}
.spb-btn2{
    float: right;
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    text-transform: capitalize;
    color: #fff;
    padding: 3px 13px 2px;
}
.spb-btn2:hover{
    background-color: #000;
    color: #fff;
}
/*latest news 5*/
.spb-latest-news5{
    margin-bottom: 30px;
}
.spb-latest-news5:hover{
    box-shadow:0px 12px 13px 0px rgba(0, 0, 0, 0.35); 
}
.spb-latest-news5 .spb-play{
    font-size: 24px;
    height: 25px;
    line-height: 25px;
    width: 25px;
    margin-top: -12px;
}
.spb-latest-news5 .text{
    padding: 20px;
}
.spb-latest-news5 .text h5 a{
    font-size: 15px;
}
.spb-latest-news5 .text p{
    margin-bottom: -8px;
}
/*latest news 6*/
.spb-latest-news6{
    margin-bottom: 30px;
    border: 1px solid #cccccc;
}
.spb-latest-news6:hover{
    box-shadow:0px 10px 12px 0px rgba(0, 0, 0, 0.35); 
}
.spb-latest-news6 .thumb{
    width: 136px;
}
.spb-latest-news6 .text h5 a{
    font-size: 15px;
    margin: -4px 0 5px;
}
.spb-latest-news6 .text{
    float: none;
    overflow: hidden;
    width: auto;
    padding: 20px 14px;
}
.spb-latest-news6 .text p{
    margin-bottom: 9px;
}
.spb-latest-news6 .spb-meta2{
    margin: 0;
}
.spb-latest-news6 .spb-play{
    font-size: 24px;
    height: 25px;
    line-height: 25px;
    width: 25px;
    margin-top: -12px;
}
.sbp-ribbon2{
    position: absolute;
    left: 15px;
    top: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(-50px, 0);
        -moz-transform: translate(-50px, 0);
            -ms-transform: translate(-50px, 0);
                -o-transform: translate(-50px, 0);
                    transform: translate(-50px, 0);
}
.spb-latest-news6:hover .spb-play,
.spb-latest-news:hover .sbp-ribbon2{
    opacity: 1;
    -webkit-transform: translate(0px, 0);
        -moz-transform: translate(0px, 0);
            -ms-transform: translate(0px, 0);
                -o-transform: translate(0px, 0);
                    transform: translate(0px, 0);
}
.sbp-ribbon1{
    position: absolute;
    left: -1px;
    top: 20px;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 15px;
    padding: 11px 10px;
    font-weight: bold;
    display: inline-block;
    z-index: 1;
    color: #fff;
}
.sbp-ribbon1:before{
    right: -27px;
    top: 0;
    bottom: 0;
    height: 100%;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    border-width: 37px 27px 0 0;
}
.spb-pagination{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
.spb-pagination .pagination li{
    float: none;
    display: inline-block;
}
.spb-pagination .pagination li a{
    display: block;
    width: 26px;
    height: 22px;
    line-height: 20px;
    border: 1px solid #e3e3e3;
    text-align: center;
    padding: 0;
    border-radius: 0;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 0 15px  0 0;
}
.spb-pagination .pagination li:last-child a{
    margin: 0;
}
.spb-pagination .pagination li a:hover{
    color: #fff;
}
.pagination li a.pagination-store{
    border: transparent;
    line-height: 16px;
}
/*ticker*/
.spb-ticker{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.spb-ticker > span{
    float: left;
    width: auto;
    font-weight: bold;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 12px;
}
.spb-ticker .top_slider_bxslider{
    float: left;
    width: 100%;
}
.spb-ticker .bx-wrapper{
    float: none;
    width: auto;
    overflow: hidden;
    padding: 0 62px 0 10px;
}
.spb-ticker .bx-wrapper .bx-viewport{
    height: auto!important;
    background-color: transparent;
}
.spb-ticker .bx-wrapper .bx-controls-direction a{
    right: 0;
    width: 21px;
    height: 23px;
    line-height: 23px;
    top: 50%;
    margin: -12px 0 0 0;
}
.spb-ticker .bx-wrapper .bx-controls-direction a:hover{
    background-color: #000;
}
.spb-ticker .bx-wrapper a.bx-prev{
    left: auto;
    right: 32px;
}
.spb-ticker .bx-wrapper .bx-controls-direction a:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 23px;
    color: #fff;
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 16px;
    text-align: center;
}
.spb-ticker .bx-wrapper a.bx-prev:before{
    content: "\f104";
}
.spb-ticker2{
	width:75%;
	margin:0;
	float: right;
}
.spb-ticker2 .bx-wrapper{
	padding-right:0;
}
.ticker-dec a{
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #333;
    float: left;
    width: 82%;
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.ticker-dec span{
    font-size: 12px;
    line-height: 12px;
    text-transform: capitalize;
    font-weight: normal;
    font-style: italic;
    float: right;
    color: #bcbcbc;
}
.ticker-dec span i{
    margin-right: 5px;
}
/*footer*/
.spb-footer{
    float: left;
    width: 100%;
    position: relative;
    background-image: url(extra-images/spb-footer.jpg);
    background-position: center;
    background-size: cover;
    padding: 68px 0 40px;
}
.spb-footer:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.9;
    content: "";
}
.spb-footer .container{
    position: relative;
}
.spb-widget{
    margin-bottom: 40px;
}
.spb-widget h4{
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    color: #fff;
    margin-bottom: 29px;
}
.spb-text-widget p{
    color: #fff;
    font-size: 15px;
    margin-top: -8px;
    margin-bottom: 37px;
    float: left;
    width: 100%;
}
.spb-social2{
    float: left;
    width: auto;
}
ul.spb-social2{
    margin-bottom: 40px;
}
.spb-social2 li{
    float: left;
    width: auto;
    margin-right: 15px;
}
.spb-social2 li:last-child{
    margin: 0;
}
.spb-social2 li a{
    float: left;
    width: 38px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #d2d2d2;
}
.spb-text-widget form{
    float: left;
    width: 100%;
    position: relative;
}
.spb-text-widget input[type="text"]{
    float: left;
    width: 100%;
    background-color: transparent;
    padding:13px  70px 12px 20px;
    height: auto;
    font-size: 15px;
}
.spb-text-widget input[type="text"]::-moz-placeholder{
    color: #fff;
}
.spb-text-widget button{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    background-color: transparent;
    padding: 0 25px;
    border-left: 1px solid #d2d2d2;
}
.spb-text-widget button:hover{
    background-color: #d2d2d2;
    color: #000;
}
.spb-popular-dec{
    float: left;
    width: 100%;
    padding: 13px 0;
    border-bottom: 1px solid #9a9a9a;
}
.spb-popular-dec:first-of-type{
    padding-top: 0;
}
.spb-popular-dec figure{
    float: left;
    width: 99px;
    margin: 0;
    position: relative;
}
.spb-popular-dec figure:after{
    outline: 1px solid #dcdcdc;
    outline-offset:-6px;
}
.spb-popular-dec figure:after,
.spb-popular-dec figure:before{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    content: "";
    opacity: 0;
}
.spb-popular-dec:hover figure:before{
    opacity: 0.69;
}
.spb-popular-dec:hover figure:after{
    opacity: 1;
}
.spb-popular-dec .spb-play{
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    margin-top: -9px;
    width: 18px;
}
.spb-popular-dec:hover .spb-play{
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    -moz-transform:   translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform:  translate(0, 0px);
}
.spb-popular-dec .spb-play:hover{
    color: #000;
}
.spb-popular-dec .text{
    float: none;
    overflow: hidden;
    width: auto;
    padding: 10px 0 10px 25px;
}
.spb-popular-dec .text > a {
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    line-height: normal;
    margin: -5px 0 13px;
}
.spb-popular-dec .spb-meta2{
    margin-bottom: 0;
}
.spb-flicker ul{
    float: left;
    margin-left: -10px;
    margin-bottom: 30px;
}
.spb-flicker ul li{
    float: left;
    width: auto;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
}
.spb-flicker ul li:after,
.spb-flicker ul li:before{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    content: "";
    opacity: 0;
}
.spb-flicker ul li:after{
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    border: 1px solid #e7e7e7;
    opacity: 0;
}
.spb-flicker ul li:hover:before{
    opacity: 0.69;
}
.spb-flicker ul li:hover:after{
    opacity: 0.73;
}
.spb-flicker ul li .spb-play{
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    margin-top: -9px;
    width: 18px;
}
.spb-flicker ul li:hover .spb-play{
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    -moz-transform:   translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform:  translate(0, 0px);
}
.spb-flicker ul li .spb-play:hover {
    color: #000;
}
.spb-flicker ul li img{
    float: left;
    width: 100%;
}
.spb-btn3{
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    line-height: 16px;
    padding: 13px 25px;
}
.spb-btn3:hover{
    background-color: #fff;
    color: #000;
}
.spb-copyright{
    float: left;
    width: 100%;
    position: relative;
    text-align: right;
    border-top: 1px solid #9a9a9a;
    padding:0px 0;
}
.spb-copyright p{color:999; font-size:12px; display:block; text-align:center;}
.sbp-ftnav{
    float: left;
    width: auto;
}
.sbp-ftnav li{
    float: left;
    width: auto;
    margin-right: 15px;
    padding: 14px 0;
}
.sbp-ftnav li:last-child{
    margin: 0;
}
.sbp-ftnav li a{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    float: left;
    width: 100%;
}
.spb-copyright p{
    width: auto;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 14px;
    padding: 14px 0;
    margin: 0;
}
.spb-copyright #kode-topbtn{
    position: static;
    float: right;
    margin:0 0 0 20px;
    width: 48px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    padding: 0;
}
.spb-copyright #kode-topbtn:after,
.spb-copyright #kode-topbtn:before{
    opacity: 0;
}
.spb-copyright #kode-topbtn:hover{
    background-color: #fff;
    color: #000;
}


/*aside bar*/
.kode-content  .aside .widget{
    margin-bottom: 25px;
}
.kode-content  .aside .spb-brandadd{
    margin-bottom: 40px;
}
.aside-heading{
    float: left;
    width: 100%;
    position: relative;
    padding-left: 20px;
    margin-bottom: 30px;
    border-left: 4px solid;
}
.aside-heading h6{
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 12px;
    text-align: left;
}
.widget-news > ul{
    float: left;
    width: 100%;
}
.widget-news > ul > li{
    float: left;
    width: 100%;
    padding: 15px 0;
    border-top: 1px solid #e2e2e2;
}
.widget-news > ul > li:first-child{
    padding-top: 0;
    border: none;
}
.spb-latest-news6{
    float: left;
    width: 100%;
}
.widget-news .spb-latest-news6{
    border: none;
    margin-bottom: 0;
}
.widget-news .spb-latest-news6 .thumb{
    width: 94px;
    float: left;
    position: relative;
}
.widget-news .spb-latest-news6 .text{
    float: none;
    overflow: hidden;
    width: auto;
    padding: 9px 14px 12px;
}
.widget-news .spb-latest-news6 .text h6{
    font-weight: bold;
    margin-bottom: 3px;
}
.widget-social ul{
    float: left;
    width: 100%;
}
.widget-social ul li{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.widget-social ul li a{
    float: left;
    width: 100%;
    padding: 10px 30px;
    color: #fff;
}
.widget-social i{
    float: left;
    width: 34px;
    height: 34px;
    border: 1px solid #e2e2e2;
    text-align: center;
    line-height: 34px;
    margin-right: 20px;
}
.widget-social b{
    float: left;
    text-transform: capitalize;
    font-weight: bold;
    line-height: 12px;
    font-size: 16px;
    padding: 11px 0;
}
.widget-social span{
    float: right;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 0;
}
.facebook{
    background: #3b5998;
}
.twitter{
    background: #0099e5;
}
.google{
    background: #d34836;
}
.kode-content .aside .widget-form{
    margin-bottom: 40px;
}
.widget-form p{
    font-size: 12px;
}
.widget-form form{
    float: left;
    width: 100%;
    position: relative;
}
.widget-form input[type="text"]{
    float: left;
    width: 100%;
    height: 50px;
    border: 1px solid #d1d1d1;
    padding-left: 20px;
    font-size:15px;
}
.widget-form input[type="text"]::-moz-placeholder{
    color: #d1d1d1;
}
.widget-form button{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    text-align: center;
    width: 52px;
    background-color: #424242;
    color: #fff;
    font-size: 14px;
}
.spb-result{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.spb-result-hd{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
}
.spb-result-hd h5{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    line-height: 14px;
    margin-bottom: 5px;
    color: #666666;
}
.spb-result-hd p{
    color: #aaaaaa;
    font-size: 14px;
    line-height: 12px;
    margin: 0;
    text-transform: uppercase;
}
.spb-result-team{
    float: left;
    width: 100%;
    text-align: center;
}
.spb-team1{
    float: left;
    width: auto;
}
.spb-team2{
    float: right;
}
.spb-team1 > a{
    margin-bottom: 10px;
    display: block;
}
.spb-team1 h6{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    color: #666666;
    line-height: 12px;
}
.spb-team1 h6{
    color: #666;
}

.spb-oponant{
   display: inline-block;
    width: auto;
    text-align: center;
    padding: 17px 0 13px;
}
.spb-oponant h6{
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 17px;
    margin-bottom: 10px;
}
.spb-oponant span{
    float: left;
    width: 100%;
    text-align: center;
}
.spb-oponant em{
    display: inline-block;
    width: auto;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 11px;
    color: #fff;
    font-weight: bold;
    font-style: normal;
    padding: 3px 11px;
    margin-right: 3px;
}
.spb-oponant em:last-child{
    margin: 0;
}
.kode-content .aside .widget-result{
    margin-bottom: 40px;
}
.widget-result{
    text-align: center;
}
.spb-seeall {
    color: #333333;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 12px;
    padding: 15px 30px;
    text-transform: uppercase;
    border: 1px solid #d1d1d1;
}
.spb-seeall:hover{
    color: #fff;
}
.kode-content .aside .widget-instagram{
    margin-bottom: 40px;
}
.widget-instagram{
    text-align: center;
}
.widget-instagram ul{
    float: left;
    margin-left: -13px;
    margin-bottom: 12px;
}
.widget-instagram ul li{
    float: left;
    width: auto;
    margin-left: 13px;
    margin-bottom: 13px;
}
.widget-instagram ul li a{
    float: left;
    width: 100%;
    position: relative;
    background-color: #000;
}
.widget-instagram ul li a:before{
    position: absolute;
    left: 5px;
    top: 5px;
    bottom: 5px;
    right: 5px;
    border:1px solid #cccccc;
    content:""; 
    opacity: 0;
}
.widget-instagram ul li a:after{
    position: absolute;
    top: 50%;
    margin-top: -12px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    left: 0;
    right: 0;
    content: "\f002";
    font-family:'FontAwesome';
    opacity: 0;
}
.widget-instagram ul li a:hover:after,
.widget-instagram ul li a:hover:before{
    opacity: 1;
}
.widget-instagram ul li a:hover img{
    opacity: 0.09;
}
.widget-categories .aside-heading{
    margin-bottom: 10px;
}
.widget-categories ul{
    float: left;
    width: 100%;
}
.widget-categories ul li{
    float: left;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
}
.widget-categories ul li a{
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 20px 25px;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    text-transform: capitalize;
    color: #666;
}
.widget-categories ul li a:hover{
    padding-left:30px; 
    padding-right:30px; 
}
.widget-categories ul li a:before{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    font-size: 16px;
    color: #666;
    content: "\f105";
    font-family: 'FontAwesome';
}
.widget-categories ul li a:hover:before{
    left: 10px;
}
.widget-categories ul li a span{
    float: left;
    margin-top: -2px;
}
.widget-categories ul li a b{
    float: right;
}

.spb-video-slider{
    float: left;
    width: 100%;
    position: relative;
    background-image: url(extra-images/spb-video-slider.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 0;
}
.spb-video-slider:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.89;
    content: "";
}
.spb-video-slider .slick-dotted.slick-slider{
    margin:0; 
    float: left;
    width: 100%;
}
/*
.spb-video-slider .slick-slider{
    position: static;
}
*/
.spb-video-slider .block-nav{
  width: 100%;
  float: left;
}

.block-video {
  width: 100%;
  float: left;
  margin-bottom: 60px;
}
.main-slide{
    float: left;
    width: 100%;
    position: relative;
}
.main-slide iframe{
    height: 357px;
}
.main-slide .spb-play{
    opacity: 1;
    -webkit-transform: translate(0, 0px);
    -moz-transform:   translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform:  translate(0, 0px);
    transform:  translate(0, 0px);
    width: 90px;
    height: 90px;
    line-height: 90px;
    margin-top: -45px;
    font-size: 90px;
}
.main-slide .html5-video-player.unstarted-mode.ytp-hide-controls .ytp-chrome-top.ytp-share-button-visible{
    display: none!important;
}
.block-nav-thumb{
    float: left;
    width: 100%;
    position: relative;
    background-color: #000;
}
.block-nav-thumb img{
    float: left;
    width: 100%;
    opacity: 0.25;
}
.nav-thumb-caption{
    position: absolute;
    left: 0;;
    right: 0;
    text-align: center;
    top: 50%;
    margin: -22px auto 0;
    display: inline-block;
    width: auto;
}
.nav-thumb-caption h6 a{
    display: block;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 15px;
    margin-bottom: 16px;
    pointer-events: none;
    cursor: default;
}
.nav-thumb-caption .spb-meta2{
    float: none;
    display: inline-block;
    width: auto;
    margin: 0;
}
.nav-thumb-caption .spb-meta2 i{
    color: #fff;
}
.spb-video-slider .slick-prev,.spb-video-slider .slick-next{
    width: 44px;
    height: 56px;
    line-height: 56px;
    left: 0px;
}
.spb-video-slider .slick-next{
    right: 0px;
    left: auto;
}
.spb-video-slider .slick-prev::before,.spb-video-slider .slick-next::before{
    line-height: 56px;
    content: "\f105";
    color: #fff;
}
.spb-video-slider .slick-prev::before{
    content: "\f104";
}
.spb-video-slider .slick-prev:hover::before,.spb-video-slider .slick-next:hover::before{
    background-color: #fff;
    color: #000;
}
.spb-video-slider .slider-nav .slick-next.slick-arrow,
.spb-video-slider .slider-nav .slick-prev.slick-arrow{
    display: none!important;
}
.spb-video-slider .slick-slide{
    padding: 0 15px;
}
.spb-video-slider .slick-list{
    padding: 0!important;
    width: 100%;
}
.nav4.nav5{
	background-color:#333;
}
/*modal box start*/
.modal-dialog {
    width: 400px;
}
.modal-content {
    border-radius: 0;
}
.modal-body {
    display: inline-block;
    padding: 15px 22px 4px;
    width: 100%;
}
.modal-header h4 {
    color: #ffffff;
    text-transform: uppercase;
}
.kode-loginform {
    display: inline-block;
    width: 100%;
}
.kode-loginform p {
    display: inline-block;
    width: 100%;
}
.kode-loginform p > span {
    color: #333333;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}
.kode-loginform p input[type="text"], .kode-loginform p input[type="password"] {
    border: 1px solid #e2e2e2;
    float: left;
    height: 42px;
    width: 100%;
	padding:0px 10px;
}
.kode-loginform p label {
    float: left;
    margin: 0;
}
.kode-loginform p input[type="checkbox"] {
    float: left;
    margin: 7px 10px 0 0;
}
.kode-loginform p label span, .kode-loginform p a {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
.kode-loginform p a {
    float: left;
    margin: 14px 0 0;
}
.kode-loginform p.kode-submit {
    border-top: 1px solid #dfdfdf;
    padding: 18px 0 0;
}
.kode-loginform p input[type="submit"] {
    border: 7px solid;
    box-shadow: 0 0 0 1px #000 inset;
    color: #000;
    float: right;
    font-weight: bold;
    padding: 5px 30px;
    text-transform: uppercase;
}
.close {
    opacity: 0.4;
}
.kode-search {
    float: right;
    margin: 36px -14px 0 0;
    position: relative;
    width: 160px;
}
.kode-search::before {
    border-bottom: 14px solid #000;
    border-right: 14px solid transparent;
    content: "";
    position: absolute;
    right: 0;
    top: -14px;
}
.kode-search::after {
    border-right: 14px solid transparent;
    border-top: 14px solid #000;
    bottom: -14px;
    content: "";
    position: absolute;
    right: 0;
}
.kode-search input[type="text"] {
    border: medium none;
    box-shadow: none;
    color: #ffffff;
    float: left;
    font-size: 12px;
    height: 29px;
    padding: 6px 15px;
    text-transform: uppercase;
    width: 100%;
}
/*modal box end*/

/*login regsiter*/
.login-meta .modal-lg {
    width: 410px;
}
.login-meta .modal-dialog{
	margin-top:46px;
}
.login-meta .modal-content{
	float:left;
	width:100%;
	padding:80px 50px;
}
.login-meta .kode_modal_body {
    background-color: #ececec;
    float: left;
    text-align: center;
    width: 100%;
	padding:0px 20px 20px;
	box-shadow:0px 26px 135px -93px #000;
}
.login-meta .kode_modal_body > a{
	height:70px;
	width:70px;
	display:inline-block;
	line-height:70px;
	font-size:30px;
	border-radius:100%;
	color:#fff;
	box-shadow:0px 0px 9px 1px #ddd;
	margin-top:-45px;
	margin-bottom:10px;
	background-color:#333;
	float:none;
}
.login-meta .kode_modal_body h2{
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:15px;
}
.login-meta  .kode_modal_field{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.login-meta  .kode_modal_field input{
	height:40px;
	width:100%;
	border:none;
	background-color:#d3d3d3;
	padding:0px 10px;
	border-radius:5px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
	box-shadow:0px 0px;
}
.login-meta  .kode_modal_field input:focus{
	box-shadow:0px 0px 9px 1px #fff;
	color:#fff;
}
.login-meta .kode_model_btn{
	float:left;
	width:100%;
	text-align:center;
}
.login-meta .kode_model_btn button{
	display:block;
	width:100%;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding:10px 0px;
	margin-bottom:12px;
	border-radius:5px;
	background-color:#000;
}
.login-meta .kode_model_btn a{
	text-transform:uppercase;
	
}
.login-meta .btn.btn-primary {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
}
.login-meta .modal-backdrop{
	z-index:-1;
}
.kode_model_btn a{
	color:#333;
}
.login-meta.meta_2  li{
	border-right:1px solid #ddd;
	padding:0px;
}
.login-meta.meta_2  li:first-child{
	border-left:1px solid #ddd;
}
.login-meta.meta_2  li > a{
	font-size:14px;
}
.login-meta.meta_2 li:before{
	width:0px;
}
.login-meta.meta_2 .btn.btn-primary{
	padding:14px 20px;
	border-radius:0px 0px;
}


.kode_calendar{
	float:left;
	width:100%;
}
.kode_calendar .fc-toolbar{
	margin:0 0 0px;
	padding:15px;
}
.kode_calendar .fc-left > h2{
	float:left;
	width:auto;
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
}
.kode_calendar .fc button{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:0;
	line-height:normal;
}
.kode_calendar .fc button:hover{
	color:#fff;
	background:transparent;
}
.kode_calendar .fc-event{
	padding:3px  10px !important;
	line-height:normal;
}
.kode_calendar .fc-row.fc-widget-header thead{
	background:#000;
}
.kode_calendar .fc-row.fc-widget-header thead .fc-day-header{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	line-height:normal;
	font-size:16px;
	padding:10px 0;
}


.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}.tbl {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
.tbl th {
    background: #3c8dbc;
    color: #fff;
}
.errormsg
{font-size:14px;
 color:Red;
}