/*==================================================

Project: Rattlers

/**
* Table of Contents :
* 1.0 - Default Css Wrap Start #default css
* 2.0 - Home Page Start #home page
* 2.1 - Header Css Wrap Start #header css
* 2.2 - Main Banner Css Start #main banner
* 2.3 - Ticker Css Start  #ticker
* 2.4 - Result Slider Css Start #result slider
* 2.5 - Featured Slider Css Start #featured Slider
* 2.6 - Featured 2 Css Start #featured thum 2
* 2.7 - Add Banner Css Strat #add banner
* 2.8 - Featured Wrap 4 Css Start  #featured wrap 4
* 2.9 - Text Wrap Css Start #text wrap
* 2.10 - Table Css Start #table
* 2.11 - Footer Css Start #footer
* 3.0 - Blog Page 2 Start #blogpage2

* 4.0 - Team Overview Page Start #team overview
* 4.1 - Table 2 #table2
* 4.2 - Table 3 #table3
* 4.3 - Table 4 #table4
* 5.0 - Team Roster Page Start #team roster
* 5.1 -	Player Rating #PlayerRating
* 5.2 -	aside bar Table #asidebarTable
* 5.3 -	Over View Wrap #overviewwrap
* 5.4 -	Overview Roster #overviewroster
* 5.5 -	Overview Schedule #overviewschedule
* 5.6 -	Kf_Chart #kf_chart
* 5.7 -	Team Stats #teamstats
* 5.8 -	Match Stats #matchstats
* 5.9 -	Opponents Outer Wrap #opponentsouter
* 5.10 - Opponents Gols #opponentsgols
* 5.11 - Scorecard #scorecard
* 5.12 - Widget Player #widgetplayer
* 5.13 - Comparison Thumb #comparisonthumb
* 5.14 - Match comparison 2 #matchcomparison 2
* 5.15 - Top Scores #topscores
* 6.0 - Shop #shop
* 7.0 - Tickit 2 #ticket2
* 8.0 - Ticket Details Page Start #ticketpage
* 9.0 - Blog 4 Page Start #blog4page
* 10.0 - Blog Detail Page Start #blogdetail
* 10.1 - Game Highlights
* 10.2 - kf blockquote
* 10.3 -  Form
* 11.0 - 404 Page Start #404
* 12.0 - Coming Soon Page Start #comingsoon
* 13.0 - Player Detail Page Start #playerdetail

[Color codes]

Background: #ffffff (white)
Content: #999999 (light black)
Header h1: #3d3d3d (dark black)
Header h2: #3d3d3d (dark black)
Footer:  #000000 (dark black)

a (standard): #999999 (light black)
a (visited): #999999 (light black)
a (active): #999999 (light black)

[Typography]

Body copy:  14px/ "Open Sans",sans-serif
Headers:  "Open Sans",sans-serif
Input, textarea: "Open Sans",sans-serif
Sidebar heading: "Open Sans",sans-serif
Version: 1.0.8

==================================================*/

/*
============================================================
Default Css Wrap Start #default css
============================================================
*/

@font-face {
font-family: 'norwesterregular';
src: url('fonts/norwester-webfont.woff2') format('woff2'),
url('fonts/norwester-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Avenir-Heavy';
src: url('fonts/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
url('fonts/Avenir-Heavy.woff') format('woff'),
url('fonts/Avenir-Heavy.ttf')  format('truetype'),
url('fonts/Avenir-Heavy.svg#Avenir-Heavy') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Avenir-Book';
src: url('fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),
url('fonts/Avenir-Book.woff') format('woff'),
url('fonts/Avenir-Book.ttf')  format('truetype'),
url('fonts/Avenir-Book.svg#Avenir-Book') format('svg');
font-weight: normal;
font-style: normal;
}

.kode_content_wrap,
.kode_wrapper,
header,
section{
float:left;
width:100%;
position:relative;
}
.section,
section{
padding:70px 0px 40px;
}
.no_padding{
padding:0px;
}
.margin-0{
margin: 0!important;
}
/*
============================================================
Home Page Start #home page
============================================================
*/
.woocommerce div.product{
border: 1px solid #d7d8d8;
}

.product>a{
text-align: center;
display: inline-block;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
padding: 10px;
}

.woocommerce form .form-row textarea{
height: 15em;
}

.woocommerce form .form-row label {
line-height: 1;
margin-top: 15px;
}
/*
============================================================
Header Css Wrap Start #header css
============================================================
*/
.kode_header_1{
float: left;
width: 100%;
background: #fff;
position: relative;
}
.kode_logo_bar{
float: left;
width: 100%;
position: relative;
}
.logo{
float: left;
width: auto;
padding: 25px 35px;
}
.logo a{
float: left;
width: 100%;
}
.logo a img{
float: left;
width: 100%;
position: relative;
}
.kode_navigation{
float: right;
width: auto;
}
.kode_navigation .nav{
float: left;
width: auto;
}
.kode_navigation li{
margin: 0;
padding: 0;
float: left;
width: auto;
position: relative;
}
.kode_navigation li:last-child{
margin: 0;
}
.kode_navigation li a{
float: left;
width: 100%;
color: #2a313d;
font-size: 11px;
font-weight: bold;
line-height:normal;
padding:40px 15px 41px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.kode_navigation li:hover > a{
color: #fff;
}
/*mega menu*/
.kf_megamenu{
position: static !important;
}
/*Second ul*/
.megamenu_dec,
.kode_navigation .nav ul {
left: 0;
top: 100%;
display: none;
min-width: 200px;
padding:15px 10px;
position: absolute;
border-bottom:3px solid;
background-color: rgba(255, 255, 255, 1);
}
.kf_megamenu:hover .megamenu_dec,
.kode_navigation ul li:hover > ul,
.kode_navigation li:hover > ul {
display: block;
z-index: 10;
}
.kode_navigation ul ul li{
width: 100%;
}
.kode_navigation ul ul li a {
color: #000;
padding: 10px;
font-size: 14px;
font-weight: normal;
text-transform: capitalize;
}
/*mega menu list*/
.megamenu_dec{
left: 0;
right: 0;
padding: 26px 15px 15px;
}
.megamenu_dec ul{
padding: 0 !important;
border: none !important;
position: static !important;
display: block !important;
z-index: 10;
}
.megamenu_list{
float: left;
width: 100%;
}
.megamenu_list li{
float: left;
width: 100%;
border-bottom: 1px solid #e9e9e9;
}
.megamenu_list li:last-child{
border: none !important;
}
.megamenu_list li a{
padding: 10px 15px 11px;
position: relative;
font-size: 14px;
color: #999999;
text-transform: uppercase;
}
.megamenu_list li a:before{
position: absolute;
top:50%;
left: 0;
color: #999999;
margin-top: -8px;
content: "\f0da";
font-family: 'FontAwesome';
}
.megamenu_list li:hover > a{
border-left: 6px solid;
background-color: #25252f !important;
}
.megamenu_dec .kf_table{
float: none;
width: auto;
}
.megamenu_dec .kf_table li{
float: none;
width: auto;
}
.megamenu_dec .kf_table li a{
float: none;
margin: 0;
padding: 0;
width: auto;
}
.megamenu_dec .kf_table li a:before{
display: none;
}
.megamenu_dec .kf_table li:hover a{
background-color: transparent !important;
}
.megamenu_hd{
float: left;
width: 100%;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 13px;
}
/*Third ul*/
.kode_navigation .nav ul ul {
top: 0%;
left: 100%;
}
/*Responcive Menu*/
.dl-menuwrapper{
display: none;
float: right;
position: absolute;
right: 0;
top: 50%;
margin: -20px 0 0 0;
}
.dl-menuwrapper .dl-menu{
right: 0;
background-color: #000;
}
.dl-menuwrapper .dl-menu li{
float: left;
width: 100%;
padding: 0;
}
.dl-menuwrapper .dl-menu li a{
padding: 10px 15px !important;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.dl-menuwrapper .dl-menu .dl-back a{
padding-left:40px !important;
}
.dl-menuwrapper .dl-menu li:hover a{
color: #fff !important;
}
.kode_search {
width: auto;
float: right;
color: #2a313d;
font-size: 20px;
cursor: pointer;
margin-left: 15px;
line-height: normal;
padding: 35px 40px 38px;
background-color: #19a2b6;
}
.kode_search:hover{
color: #fff;
}
#search .modal-dialog{
width: 1170px;
}
#search .input_dec{
margin: 0;
}
.btn_icon{
top: 0;
right: 0;
bottom: 0;
height:100%;
color: #fff;
width: 53px;
font-size: 24px;
font-weight: bold;
line-height: 53px;
position: absolute;
text-align: center;
}
.btn_icon:hover{
background-color: #000;
color: #fff;
}
/*Header 2 Css Start*/
.kf_top_bar{
float: left;
width: 100%;
background-color: #25252f;
}
.kf_top_bar .kf_social2 li a{
float: none;
font-size: 15px;
color: #fff;
border: none;
height: 60px;
line-height: 60px;
display: inline-block;
}
.kf_right_dec{
float: right;
}
.kf_right_dec ul{
float: left;
width: auto;
padding: 24px 0 23px;
}
.kf_right_dec > ul:first-child > li:last-child{
border-right: 1px solid #787878;
}
.kf_right_dec > ul li{
float: left;
width: auto;
padding: 0 15px;
border-left: 1px solid #787878;
}
.kf_right_dec ul li:first-child{
border: none;
}
.kf_right_dec ul li span,
.kf_right_dec ul li a{
float: left;
width: 100%;
color: #c2c2c2;
font-size: 13px;
line-height: 12px;
font-weight: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.kf_right_dec .kf_user li a{
color: #fff;
font-weight: bold;
}
.kf_right_dec ul li a i{
margin-right: 15px;
}
.kf_lung{
float: left;
width: 100%;
}
.kf_right_dec ul li .kf_lung span{
width: auto;
margin-right: 10px;
}
.kf_lung .dropdown{
float: left;
width: auto;
}
.kf_lung .dropdown button{
padding: 0;
float: left;
width: 100%;
border: none;
line-height: 12px;
background-color: transparent;
}
.kf_lung .dropdown-menu{
min-width: 30px;
}
.kf_lung .dropdown-menu li{
border: none;
margin: 0;
}
.kf_top_bar .kode_search{
padding: 0;
color: #fff;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
margin-right: 17px;
margin-left: 60px;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-ms-transform: skew(-30deg);
-o-transform: skew(-30deg);
transform: skew(-30deg);
}
.kf_top_bar .kode_search i{
-webkit-transform: skew(30deg);
-moz-transform: skew(30deg);
-ms-transform: skew(30deg);
-o-transform: skew(30deg);
transform: skew(30deg);
}
.kode_header_2 .logo{
padding: 12px 50px 12px 0px;
position: relative;
}
.kode_header_2 .logo:before{
top: 0;
right: 30px;
bottom: 0;
content: "";
width: 1000%;
position: absolute;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-ms-transform: skew(-30deg);
-o-transform: skew(-30deg);
transform: skew(-30deg);
}
.kode_header_2 .kode_navigation .nav > li{
margin-left: 15px;
}
.kode_header_2 .kode_navigation .nav > li:hover > a{
background-color: transparent;
}
.kode_header_2 .kode_navigation li a{
padding: 35px 0 20px;
}
.kode_header_2 .kode_navigation li ul li
{
border-bottom: 1px solid #e9e9e9;
}
.kode_header_2 .kode_navigation li ul li:last-child{
border: none;
}
.kode_header_2 .kode_navigation li ul li a{
padding: 10px 15px 11px;
position: relative;
font-size: 14px;
color: #999999;
text-transform: uppercase;
}
.kode_header_2 .kode_navigation li ul li a:before{
position: absolute;
top:50%;
left: 0;
color: #999999;
margin-top: -8px;
content: "\f0da";
font-family: 'FontAwesome';
}
.kode_header_2 .kode_navigation li ul li:hover > a{
border-left: 6px solid;
background-color: #25252f !important;
}
/*cart*/
.kf_cart{
float: right;
margin-left: 10px;
padding: 23px 0;
width: 150px;
}
.kf_cart i{
float: left;
width: 42px;
height: 42px;
color: #666666;
font-size: 20px;
line-height: 42px;
border-radius: 3px;
text-align: center;
border: 2px solid #f2f2f2;
}
.kf_cart .text{
float: none;
overflow: hidden;
width: auto;
padding:2px 0 2px 10px;
}
.kf_cart .text em,
.kf_cart .text span{
float: left;
font-size: 14px;
font-weight: bold;
font-style: normal;
line-height: normal;
text-transform: capitalize;
font-family: 'Open Sans', sans-serif;
}
.kf_cart .text em{
}
/*
========================================================
Ad rotator
========================================================
*/
.g-1 {
margin: 0px;
width: 100%;
max-width: 359px !important;
height: 100%;
max-height: 550px !important;
}
/* Custom */
.customCountdownHeaders p{
  display: inline-block;
	width: 18%;
	font-weight: bold;
	font-size: 1.3em;
}
/* End Custom */
@media (min-width: 992px) {
.kf_cart {
top: 0;
right: 0;
position: absolute;
}
}

@media(min-width: 1580px){
.kf_cart {
right: -200px;
}
}

@media (min-width: 992px) and (max-width: 1579px){
 .kode_header_2 .kode_navigation li ul li a::before {
	margin-top: -21px;
	
 }
.kode_header_2 .logo {
max-width: 200px;
height: 88px;
padding: 30px 50px 30px 0px;
}

.kode_navigation,
.kode_navigation .nav {
float: none;
}

.kode_navigation {
padding: 20px 200px 0 0;
}

.kode_header_2 .kode_navigation li a {
padding: 2px 0;
line-height: 44px;
}
}

/*
============================================================
Main Banner Css Start #main banner
============================================================
*/
.kode_banner_1{
float: left;
width: 100%;
position: relative;
}
.main_banner{
float: left;
width: 100%;
position: relative;
cursor: col-resize;
}
.main_banner .thumb{
background: #000;
}
.main_banner .thumb img{
opacity: 0.4;
}
.main_banner .thumb .container {
position: relative;
}
.banner_caption {
left: 0;
right: 0;
bottom: 50%;
width: 100%;
z-index: 999;
margin:-4px auto 0;
position: absolute;
-webkit-transform: translateY(48%);
-moz-transform: translateY(48%);
-ms-transform: translateY(48%);
-o-transform: translateY(48%);
transform: translateY(48%);
}
.banner_caption span{
float: left;
width: 100%;
font-size: 24px;
font-weight: bold;
margin: 0 0 6px 0;
line-height: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.banner_caption h1{
float: left;
width: 100%;
color: #fff;
font-size: 36px;
margin: 0 0 9px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
}
.banner_caption p{
float: left;
width: 100%;
font-size: 16px;
margin: 0 0 20px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
/*.main_banner .slick-arrow{
display: none !important;
}*/
/*
============================================================
Main Banner Css End
============================================================
*/
/*
============================================================
Ticker Css Start  #ticker
============================================================
*/
.kf_ticker-wrap {
float: left;
width: 100%;
overflow: hidden;
position: relative;
background: #10151c;
}
.kf_ticker {
float: left;
width: 100%;
position: relative;
}
.kf_ticker > span {
z-index: 1;
width: 15%;
color: #fff;
float: left;
font-size: 18px;
font-weight: bold;
position: relative;
line-height: normal;
padding: 12px 0 13px;
text-transform: uppercase;
font-family: "Open Sans",sans-serif;
}
.kf_ticker > span::before {
top: 0;
right: 0;
z-index: -1;
content: "";
bottom: auto;
height: 100%;
width: 2000%;
position: absolute;
background: #1b212b;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-ms-transform: skew(-30deg);
-o-transform: skew(-30deg);
transform: skew(-30deg);
}
.kf_ticker_slider {
width: 85%;
float: right;
overflow: hidden;
position: relative;
padding: 13px 0 17px 25px;
}
.ticker{
float: left;
width: 100%;
overflow: hidden;
}

.kf_ticker_slider .bx-wrapper {
float: left;
width: 100%;
overflow: hidden;
padding: 0 50px 0 30px;
}
.ticker p{
font-family: 'Avenir-Book',sans-serif;
margin: 0;
float: left;
width: 100%;
color: #fff;
overflow: hidden;
font-weight: 600;
position: relative;
padding-right: 20px;
line-height: normal;
white-space: nowrap;
text-overflow: ellipsis;
text-transform: capitalize;
text-transform: capitalize;
}
.ticker p a{
font-weight: 300;
color: #666666;
}
.kf_ticker_slider .bx-wrapper .bx-pager{
display: none;
}
.kf_ticker_slider .slick-arrow{
right: 0px;
left: auto;
width: 15px;
color: #fff;
height: 15px;
margin-top: 1px;
text-align: center;
text-indent:inherit;
background-color:transparent;
}
.kf_ticker_slider .slick-arrow.slick-prev,
.kf_ticker_slider .bx-wrapper .bx-controls-direction .bx-next{
right: 30px;
}
.kf_ticker_slider .slick-arrow:before{
left:0;
top: 0;
right: 0;
bottom: 0;
color: #fff;
content: "";
font-size: 15px;
line-height: 15px;
position: absolute;
text-align: center;
font-family: 'FontAwesome';
}
.kf_ticker_slider .slick-arrow.slick-next:before{
content: "\f105";
}
.kf_ticker_slider .slick-arrow.slick-prev:before{
content: "\f104";
}
.absolute_ticker{
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 20;
}
.kf_ticker_slider .slick-dots{
display: none !important;
}
.kf_ticker_slider .slick-dotted.slick-slider{
margin: 0;
}
/*
============================================================
Ticker Css End
============================================================
*/
/*
============================================================
Result Slider Css Start #result slider
============================================================
*/
.result_slide_wrap{
float: left;
width: 100%;
position: relative;
}
.result_slider{
float: left;
width: 100%;
position: relative;
}

.kf_result_thumb{
float: left;
width: 100%;
padding: 25px;
position: relative;
text-align: center;
cursor: col-resize;
}
.kf_result_thumb .btn-1 {
opacity: 1;
z-index: 2;
position: relative;
}
.kf_result_thumb:hover .btn-1{
position: relative;
opacity: 1;
z-index: 2;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.kf_featured_thumb .text h6 a{
color:#cf8328;
}
.kf_result_thumb > span{
float: left;
width: 100%;
color: #333;
font-size: 14px;
margin: 0 0 16px;
font-weight: bold;
font-style: normal;
line-height: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.kf_result_thumb > span em{
font-style: normal;
}
.kf_result{
float: left;
width: 100%;
margin: 0 0 5px;
position: relative;
}
.figure{
width: auto;
}
.figure figure{
margin: 0 0 5px;
text-align: center;
}
.kf_result_thumb figure img{
width: auto;
float: none;
height: 40px;
max-width: 320px;
display: inline-block;
}
.figure figure a{
color: #333;
float: left;
width: 100%;
font-size: 14px;
font-weight: 300;
line-height: normal;
font-family: 'Source Sans Pro', sans-serif;
}
.kf_result > span{
left: 0;
right: 0;
bottom: 50%;
width: auto;
color: #333;
margin: 0 auto;
position: absolute;
z-index: 1;
margin-bottom: -9px;
font-size: 18px;
font-weight: bold;
font-family: 'Source Sans Pro', sans-serif;
}
.result_slider .slick-slide:nth-child(odd){
background: #e7eaf0;
}
.kf_result_thumb > a{
width: auto;
font-size: 14px;
font-weight: bold;
line-height: normal;
display: inline-block;
text-transform: uppercase;
}
.result_slider .slick-arrow{
display: inline-block !important;
background: #26A2B5 !important;
color: #fff !important;
}
/*
============================================================
Result Slider Css End
============================================================
*/
/*
============================================================
Featured Slider Css Start #featured Slider
============================================================
*/
.kf_featured_slider{
float: left;
width: 100%;
position: relative;
}
.featured_slider{
float: left;
width: 100%;
position: relative;
/*top:230px;*/
}
.featured_slider .slick-arrow{
top: 25px;
right: 40px;
left: auto;
width: 45px;
height: 45px;
line-height: 20px;
background: #333;
-webkit-transform: translate(0px, 0%);
-moz-transform: translate(0px, 0%);
-ms-transform: translate(0px, 0%);
-o-transform: translate(0px, 0%);
transform: translate(0px, 0%);
}
.featured_slider .slick-arrow:hover{
box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.5) inset;
}
.featured_slider .slick-arrow:hover:before{
color: #fff;
}
.featured_slider .slick-prev{
left: 40px;
}
.featured_slider .slick-arrow:before{
color: #fff;
font-size: 30px;
line-height: 45px;
background: transparent;
font-weight: bold;
}
.featured_slider .slick-prev::before{
content: "\f104";
}
.featured_slider .slick-next::before{
content: "\f105";
}
.kf_featured_thumb{
float: left;
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 30px;
}
.kf_featured_thumb figure{
background: #000;
}
.kf_featured_thumb img{
opacity: 0.70;
}
.kf_featured_thumb .text {
	left: 0;
	bottom: 0px;
	width: 100%;
	padding: 45px;
	position: absolute;
	transition: all 0.5s ease;
}
.customFeatured{
	height: 100%;
	display: flex;
	align-items: flex-end;	
}
.kf_featured_thumb .text h6{
float: left;
width: 100%;
color: #fff;
margin: 0 0 3px 0;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
}
.kf_featured_thumb .text h2{
float: left;
width: 100%;
color: #fff;
font-size: 30px;
overflow: hidden;
font-weight: bold;
margin: 0 0 8px 0;
white-space: normal;
line-height: 33px;
text-overflow:ellipsis;
text-transform: uppercase;
}
.kf_featured_thumb .text h2 a{
font-family: 'norwesterregular',sans-serif;
color: #fff;
letter-spacing: 1px;
}
.kf_featured_thumb .text span{
float: left;
width: 100%;
font-size: 14px;
line-height: 14px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Avenir-Heavy',sans-serif;
}
/*
===========================================================
Meta sliders
===========================================================
*/
.metaslider-banners{
display: inline-block;
}

/*
============================================================
Featured Slider Css End
============================================================
*/
/*
============================================================
Featured 2 Css Start #featured thum 2
============================================================
*/
.kf_featured_thumb{
border: 1px solid #d7d8d8;
}
.kf_featured_wrap2 .kf_featured_thumb figure{
width: 50%;
}
.kf_featured_wrap2 .kf_featured_thumb .text_wrper{
width: 50%;
float: left;
position: static;
}
.text_wrper .text{
float: left;
width: 100%;
position: static;
padding: 25px 30px 25px;
}
.text_wrper .text h6{
font-size: 16px;
margin-bottom: 1px;
}
.text_wrper .text h2{
font-size: 27px;
color: #333;
margin-bottom: 4px;
}
.text_wrper .text h2 a{
color: #333;
}
.text_wrper .text h2 small{
color: #333;
font-size: 16px;
font-weight: bold;
}
.text_wrper .text span{
color: #666;
margin:0 0 8px;
font-size: 14px;
}
.text_wrper .text p{
float: left;
width: 100%;
margin: 0 0 9px;
position: relative;
}
.text_wrper  .btn2{
margin: 0 0 24px;
}
.thumb_footer{
float: left;
width: 100%;
padding: 18px 30px 17px;
border-top: 1px solid #d7d8d8;
}
.admin_thumb{
float: left;
width: auto;
position: relative;
}
.admin_thumb figure{
left: 0;
top: 50%;
height: 25px;
margin-top: -13px;
position: absolute;
border-radius: 100%;
width: 25px !important;
}
.admin_thumb figure img{
width: auto;
border-radius: 100%;
}
.admin_thumb h6{
float: left;
width: 100%;
font-size: 14px;
overflow: hidden;
padding: 0 0 0 37px;
line-height: normal;
text-transform: capitalize;
}
.thumb_footer .blog_meta{
float: right;
}
/*
============================================================
Featured 2 Css End
============================================================
*/
/*
============================================================
Add Banner Css Strat #add banner
============================================================
*/
.add_banner{
float: left;
width: 100%;
margin: 0 0 30px 0;
}
.add_banner a{
float: left;
width: 100%;
}
.add_banner a img{
float: left;
width: 100%;
min-height: 200px;
}
/*
============================================================
Add Banner Css End
============================================================
*/
/*
============================================================
Inner Banner Css Strat
============================================================
*/
.innner_banner{
z-index:1;
float: left;
width: 100%;
position: relative;
text-align: center;
padding: 93px 0 96px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #e7eaf0;
}

.innner_banner h3{
color: #fff;
font-size: 36px;
font-weight: bold;
line-height: normal;
margin-bottom: 10px;
text-transform: uppercase;
}
.innner_banner .breadcrumb{
margin: 0;
padding: 0;
width: auto;
display: inline-block;
background-color: transparent;
}
.innner_banner .breadcrumb li{
float: left;
width: auto;
margin: 0 14px 0 0 ;
position: relative;
}
.innner_banner .breadcrumb li:last-child{
margin: 0;
}
.innner_banner .breadcrumb li::before {
top: 50%;
color: #fff;
content: "/";
height: 10px;
right: -10px;
font-size: 14px;
font-weight: bold;
margin: -11px 0 0;
position: absolute;
}
.innner_banner .breadcrumb li:last-child:before{
display: none;
}
.innner_banner .breadcrumb li span,
.innner_banner .breadcrumb li a{
color: #fff;
float: left;
width: 100%;
font-size: 14px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
/*
============================================================
Inner Banner Css End
============================================================
*/
/*
============================================================
Featured Wrap 4 Css Start  #featured wrap 4
============================================================
*/
.kf_featured_wrap4{
float: left;
width: 100%;
position: relative;
}
.kf_featured_thumb4{
float: left;
width: 100%;
overflow: hidden;
position: relative;
margin: 0 0 30px 0;
}
.kf_featured_thumb4 figure{
background: #000;
}
.kf_featured_thumb4 figure img{
opacity: 0.7;
}
.kf_featured_thumb4 .text{
left: 0;
right: 0;
bottom: 0;
position: absolute;
padding: 0 30px 30px;
}
.kf_featured_thumb4 .text h6{
float: left;
width: 100%;
font-size: 16px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
margin: 0 0 5px 0;
}
.kf_featured_thumb4 .text h6 a{
color: #fff;
}
.kf_featured_thumb4 .text span{
float: left;
width: 100%;
font-size: 16px;
font-weight: bold;
line-height: normal;
text-transform: capitalize;
font-family: 'Open Sans', sans-serif;
}
.kf_featured_thumb4 .lable_1{
margin: 0 0 10px 0;
}
/*
============================================================
Featured Wrap 4 Css End
============================================================
*/
/*
============================================================
Text Wrap Css Start #text wrap
============================================================
*/
.text_wrap{
float: left;
width: 100%;
position: relative;
margin: 0 0 30px 0;
}
.text_2{
float: left;
width: 100%;
padding: 30px 30px 27px;
position: relative;
border-width: 0 1px 1px;
border-style: solid;
border-color:  #d7d8d8;
}
.kf_featured_thumb .text_2{
border:none;
}
.text_wrap .text_2:first-child{
border-width: 1px;
}
.text_2 h6{
float: left;
width: 100%;
overflow: hidden;
font-weight: bold;
margin: 0 0 9px 0;
position: relative;
white-space: nowrap;
line-height: normal;
text-overflow:ellipsis;
text-transform: uppercase;
}
.video_post:after{
content: "\f144";
position: absolute;
right: 10px;
bottom: 10px;
font-size: 40px;
color: #fff;
}
.text_2 p{
margin: 0;
float: left;
width: 100%;
}
.text_2 .label2{
margin: 0 0 18px 0;
}
.text_2 .kf_date{
margin: 0 0 4px 0;
}
/*
============================================================
Text Wrap Css End
============================================================
*/
/*
============================================================
Table Css Start #table
============================================================
*/
.team_logo img {
width:12%;
height: 12%;
max-width: 15%;
max-height: 15%;
}
.kf_table{
width: 100%;
display: table;
}
.kf_table li{
display: table-row;
}
.kf_table li > div{
color: #333;
font-size: 12px;
font-weight: 300;
text-align: left;
padding: 7px 10px;
line-height: normal;
display: table-cell;
vertical-align: middle;
text-transform: uppercase;
font-family: 'Avenir-Heavy',sans-serif;
}
.kf_table li a{
font-family: 'Avenir-Heavy',sans-serif;
font-weight: normal;
}

.kf_table li > div.team_logo{
position: relative;
text-align: left;
}
.kf_table li > div.team_logo>span{
position: absolute;
top: 50%;
left: -45px;
margin-top: -12px;
}
.standings-tb li > div{
padding: 12px 10px;
}
.kf_table li:hover div{
background: #e7eaf0;
}
.kf_table .table_head strong {
color: #333;
font-size: 12px;
line-height: normal;
text-transform: uppercase;
font-family: 'Avenir-Heavy',sans-serif;
}
.kf_table .table_head div{
padding-top: 10px;
padding-bottom: 10px;
}
/*
============================================================
Table Css End
============================================================
*/
/*
============================================================
Footer Css Start #footer
============================================================
*/
footer .widget{
margin-bottom: 20px;
}
.kode_footer_1{
float: left;
width: 100%;
z-index: 1;
position: relative;
padding: 60px 0 30px;
background-repeat: no-repeat;
background-position: center;
background-image: url(extra-images/footer1-bg.jpg);
}
.kode_footer_1:before{
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
z-index: -1;
opacity: 0.8;
position: absolute;
background-color: #000;
}
.kode_footer_1 .widget{
margin-bottom: 30px;
}
/*Widet Text*/
.kode_footer_1 .logo{
padding: 0;
margin-bottom: 20px;
}
.widget_text p{
float: left;
width: 100%;
color: #fff;
font-size: 16px;
margin: 0 0 17px;
line-height: normal;
font-weight: normal;
}

.widget_link2{
text-align: center;
}

.widget_link2 div:first-child{
padding-left: 0;
}

.widget_link2 div:last-child{
padding-right: 0;
}

.widget_link2 .widget{
display: inline-block;
width: 33.33%;
}

.footer_link{
display: inline-block;
padding: 0 30px;
text-align: left;
}

.footer_link li{
margin-bottom: 5px;
}

.footer_link li a{
font-family: 'Avenir-Book',sans-serif;
font-weight: 600;
font-size: 14px;
color: #fff;
text-transform: uppercase;
}

.kf_contact_meta{
float: left;
width: 100%;
margin-bottom: 25px;
}
.kf_contact_meta li{
float: left;
width: 100%;
min-height: 35px;
margin: 0 0 20px 0;
position: relative;
padding: 0 0 0 44px;
}
.kf_contact_meta li span{
left: 0;
top: 50%;
color: #fff;
width: 35px;
height: 35px;
font-size: 16px;
margin-top: -18px;
line-height: 33px;
position: absolute;
text-align: center;
border-radius: 100%;
border: 1px solid #fff;
}
.kf_contact_meta li:hover span{
color: #000;
}
.kf_contact_meta li address,
.kf_contact_meta li p{
margin: 0;
float: left;
width: 100%;
color: #fff;
font-size: 16px;
line-height: 20px;
font-weight:normal;
font-style: normal;
text-transform: capitalize;
}
.kf_contact_meta li p{
padding:7px 0;
}
.kf_contact_meta li:last-child{
margin: 0;
}
.contact-box{
float: left;
width: 100%;
margin-bottom: 30px;
padding: 25px 30px 30px;
border: 1px solid #e5e5e5;
}

div.wpcf7-validation-errors{
border: none;
}
/*Recent Post*/
.recentpost_dec{
float: left;
width: 100%;
position: relative;
margin: 0 0 16px 0;
padding: 0 0 0 18px;
}
.recentpost_dec:last-child{
margin: 0 0 27px 0;
}
.recentpost_dec span{
float: left;
width: 100%;
font-size: 16px;
line-height: 14px;
font-weight: bold;
margin: 0 0 2px 0;
position: relative;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.recentpost_dec span:before{
top: 50%;
left: -18px;
font-size: 16px;
content: "\f105";
position: absolute;
margin: -8px 0 0 0;
font-family: 'FontAwesome';
}
.recentpost_dec p{
float: left;
width: 100%;
color: #fff;
margin: 0;
text-transform: capitalize;
}
.link_rnt_post{
float: left;
width:100%;
}
.link_rnt_post li{
float: left;
width:100%;
padding: 20px 0;
border-bottom: 1px solid #4e4e4e;
}
.link_rnt_post li:first-child{
padding-top:0;
}
.link_rnt_post li .kf_recentnews{
margin: 0;
}
.widget_recentpost2 .kf_recentnews .kf_date,
.widget_recentpost2 .kf_recentnews .text p,
.widget_recentpost2 .kf_recentnews .text h6 a{
color: #fff;
}
/*Widget- instagram*/
.widget_instagram ul{
margin-left: -6px;
}

.widget_instagram ul li{
float: left;
margin-left: 6px;
width: auto;
height: auto;
margin-bottom: 6px;
}
.widget_instagram a{
float: left;
width: 100%;
}
.widget_instagram a:hover img{
opacity: 0.5;
float: left;
width: 100%;
}
/*Links Dec*/
.links_dec{
float: left;
width: 100%;
}
.links_dec li{
float: left;
width: 50%;
margin: 0 0 4px 0;
text-align: left;
position: relative;
}
.links_dec li a{
float: left;
width: 100%;
color: #fff;
font-size: 16px;
position: relative;
font-weight: normal;
padding: 0 0 0 20px;
line-height: normal;
text-transform: capitalize;
}
.links_dec li a:before{
top: 50%;
left: 0px;
font-size: 16px;
content: "\f105";
position: absolute;
margin: -9px 0 0 0;
font-family: 'FontAwesome';
}
.links_dec li a:hover{
padding-left: 30px
}
.links_dec li a:hover:before{
left: 10px;
}
.links_dec2{
margin-top: -5px;
}
.links_dec2 li{
width: 100%;
margin: 0;
padding: 11px 0 10px;
border-bottom: 1px solid #4e4e4e;
}
.links_dec2 li:first-child{
padding-top: 0;
}
.links_dec2 li:last-child{
border:none;
padding-bottom: 0;
}
.widget_links .links_dec{
margin: -5px 0 0 0;
}

.roster {
visibility: hidden;
}

.roster.slick-initialized {
visibility: visible;
}

.roster .slick-dots{
display: none!important;
}

.copy_right3 .roster .slick-slide{
text-align: center;
}
.copy_right3 .roster .slick-slide a{
display: inline-block;
}
.copy_right3 .roster .slick-prev,
.copy_right3 .roster .slick-next {
display: none!important;
}
.copy_right{
float: left;
width: 100%;
padding: 26px 0 29px;
margin-bottom: 49px;
}
.copy_right p{
margin: 0;
float: left;
width: auto;
color: #fff;
font-size: 14px;
line-height: normal;
text-transform: capitalize;
}
.copy_right p a{
font-weight: bold;
display: inline-block;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.copy_right p a:hover{
color: #000;
}
.go-up{
color: #fff;
float: right;
font-size: 14px;
cursor: pointer;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.go-up i{
margin-right: 10px;
font-weight: bold;
}
/*Footer 2 Css Style Start*/
.kode_footer_2{
float: left;
width: 100%;
position: relative;
padding: 60px 0 0;
background-repeat: repeat;
background-position: center;
background-image: url(extra-images/footer2-bg.jpg);
}
.kode_footer_2 .logo{
padding: 0;
margin-bottom: 26px;
}
.kode_footer_2 .kf_contact_meta{
margin-bottom: 0;
}
.kode_footer_2 .kf_contact_meta span{
color: #adadad;
border-color: #adadad;
}
.kode_footer_2 .go-up {
top: 0;
left: 0;
right: 0;
width: 70px;
height: 37px;
margin: 0 auto;
position: absolute;
text-align: center;
}
.kode_footer_2 .go-up i{
position: relative;
margin: 0;
font-size: 33px;
top: -6px;
}
.kode_footer_2 .go-up:before{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: "";
border-top: 37px solid #e7eaf0;
border-bottom: 0px solid transparent !important;
border-right: 35px solid transparent !important;
border-left: 35px solid transparent !important;

}
/*Twitter Ticker*/
.twitter_ticker .kf_ticker > span{
color: #fff;
font-size: 50px;
text-align: center;
width: 10%;
padding: 2px 0 4px;
}
.twitter_ticker .kf_ticker > span:before{
background-color: #d18416;
}

.twitter_ticker{
background-color: #e7eaf0;
}

.label2:before{
border-color: #cf8328;
}

.twitter_ticker .kf_ticker_slider{
width: 90%;
background-color: #e7eaf0;
padding: 26px 0 0 30px;
}

.twitter_ticker .kf_ticker_slider .slick-arrow::before{
color: #252525;
}
.twitter_ticker .kf_ticker p{
color: #252525;
margin: 0;
}
/*
============================================================
Blog Page 2 Start #blogpage2
============================================================
*/
.kf_newspage3 .kode-pagination,
.kf_newspage2 .kode-pagination{
text-align: right;
}
/*
============================================================
Team Overview Page Start #team overview
============================================================
*/
.kf_overview_nav{
float: left;
width: 100%;
position: relative;
margin: 0 0 30px;
}
.kf_overview_nav ul{
text-align: center;
}
.kf_overview_nav ul li{
float: none;
display: inline-block;
}
.kf_overview_nav a{
float: left;
width: 100%;
padding: 29px 0;
font-weight: bold;
position: relative;
text-align: center;
border: 1px solid #d7d8d8;
min-height: 93px;
}
.kf_overview_nav .active a::before {
left: 0;
right: 0;
content: "";
width: 16px;
bottom: -16px;
margin: 0 auto;
position: absolute;
border-top: 8px solid;
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-bottom: 8px solid transparent !important;
}
.kf_overview_nav .active a {
cursor: not-allowed;
}
.kf_overview_nav a em{
float: left;
width: 100%;
color: #a7a4a4;
font-size: 12px;
margin: 0 0 -3px 0;
font-style: normal;
line-height: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.kf_overview_nav a span{
float: left;
width: 100%;
color: #333;
font-size: 14px;
line-height: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.kf_overview_nav .active a span,
.kf_overview_nav .active a em{
color: #fff;
}
.kf_overview_contant{
float: left;
width: 100%;
position: relative;
}
.kf_overview_contant .kode-pagination{
text-align: right;
}
.kf_overview{
float: left;
width: 100%;
margin: 0 0 30px;
}
/*Table 2 #table2*/

.tb2_win, .tb2_lose {
display: none !important;/*Deactivating W/L in Main Standings Table*/
}

.kf_table2{
display: table;
width: 100%;
margin: 0 0 30px;
border: 1px solid #d7d8d8;
}
.kf_table2 li{
display: table-row;
vertical-align: middle;
}
.kf_table2 li.table_head{
color: #333;
font-size: 14px;
text-align: left;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.kf_table2 li.table_head div{
padding-top: 20px;
padding-bottom: 21px;
}
.kf_table2 li > div{
display: table-cell;
vertical-align: middle;
padding: 14px;
border-bottom: 1px solid #d7d8d8;
}
.kf_table2 li:hover div {
background: #e7eaf0 none repeat scroll 0 0;
}
.kf_table2 li.table_head:hover div {
background: transparent;
}
.kf_table2 li > div:first-child{
padding-left: 30px!important;
}
.kf_table2 li > div:last-child{
padding-right: 30px!important;
}
.kf_table2 .tb2_ticket{
min-width: 9%;
}
.kf_table2 .input-btn{
float: none;
min-width: 155px;
text-align: center;
display: inline-block;
padding: 5px 15px 6px;
}
.input-btn.inactive{
color: #a8a7a7;
cursor: no-drop;
background: #e7eaf0;
border-color: #e7eaf0;
}
.kf_table2 .versus{
min-width: 145px;
}
.kf_table2 .versus div > span{
width: 26px;
min-height: 27px;
float: left;
}
.kf_table2 .versus div > span img{
float: left;
max-width: 26px;
height: 100%;
}
.kf_table2 .versus div p {
float: none;
width: auto;
font-size: 14px;
margin: 0 0 0px;
overflow: hidden;
text-align: left;
line-height: normal;
text-transform: capitalize;
}
.kf_table2 .versus div p a{
margin:-5px 0 1px;
color: #333;
display: block;
font-weight: bold;
text-transform: uppercase;
}
.kf_table2 .versus div p span{
display: block;
font-size: 12px;
}
.kf_table2 .tb2_time,
.kf_table2 .tb2_status{
text-align: center;
}
.margin_0,
.kf_hd1.margin_0{
margin: 0;
}
/*Table 3 #table3*/
.table_style3{
margin: 0 0 30px;
padding: 16px 20px 19px;
border: 1px solid #d7d8d8;
}
.table_style3 li div{
text-align: left;
font-size: 12px;
padding: 9px 10px;
text-transform: capitalize;
font-family: 'Open Sans', sans-serif;
}
.table_style3 li div span b{
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.table_style3 li div:first-child{
padding-left: 30px;
}
.table_style3 li div:last-child{
padding-right: 30px;
}
/*Table Text Align Center*/
.table-center{
text-align: center;
}
.table-center .table_head div{
text-align: center;
}
.table-center .table_head .versus{
text-align: left;
}
/*Table 4 #table4*/
.kf_table4 li > div:last-child {
padding-right: 25px;
}
.kf_table4 li > div:first-child {
padding-left: 25px;
}
/*
============================================================
Team Roster Page Start #team roster
============================================================
*/
.kf_roster_wrap{
float: left;
width: 100%;
position: relative;
margin-bottom: 30px;
}
.roster{
float: left;
width: 100%;
position: relative;
}
.roster .slick-slide{
padding: 0 15px;
}
.roster .slick-prev,
.roster .slick-next{
background: transparent;
}
.roster .slick-prev:before,
.roster .slick-next:before{
font-size: 30px;
color: #c0c1c5;
}
.roster .slick-prev{
left: -45px;
}
.roster .slick-next{
right: -45px;
}
.kf_roster_dec{
float: left;
width: 100%;
position: relative;
}
.kf_roster_dec figure{
margin: 0 0 20px;
background-color: #f3f2f2;
}
.kf_roster_dec .text > span{
color: #fff;
float: left;
width: 99px;
height: 99px;
font-size: 24px;
font-weight: bold;
line-height: 99px;
text-align: center;
background-color: #c0c1c5;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
}
.text_overflow{
float: none;
width: auto;
overflow: hidden;
}
.kf_roster_dec .text{
float: left;
width: 100%;
}
.kf_roster_dec .text_overflow{
padding: 1px 0 6px 22px;
}
.kf_roster_dec .text h3{
float: left;
width: 100%;
font-size: 16px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
}
.kf_roster_dec .text h3{
font-family: 'Source Sans Pro', sans-serif;
}
.kf_roster_dec .text_overflow span{
float: left;
width: 100%;
margin: 3px 0 0 0;
}
.kf_roster_dec .text em{
float: left;
width: 100%;
font-size: 12px;
font-style: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.roster_sidebar{
float: left;
width: 100%;
position: relative;
}
.roster_sidebar .kf_roster_dec figure {
width: 100%;
margin: 0;
}
.roster_sidebar .kf_roster_dec .text_overflow{
padding-right: 10px;
float: left;
width: 100%;
}
.roster_sidebar .kf_roster_dec .text {
position: absolute;
top: 0;
right: 0;
width: 100%;
padding: 8px 0;
text-align: right;
}
.roster_sidebar .kf_roster_dec .text > span{
float: none;
height: auto;
text-align: center;
line-height: 50px;
display: inline-block;
padding: 22px 20px 24px;
}
.kf_roster_wrap .kf_table2{
margin-bottom: 0;
}

.roster-info-table .nav-tabs{
border-bottom: 0;
background: #e7eaf0;
}

.roster-info-table .tab-head{
font-size: 20px;
float: left;
overflow: hidden;
position: relative;
background: #e7eaf0;
}

.roster-info-table .tab-head{
display: inline-block;
}

.roster-info-table .nav-tabs>li>a{
margin-right: 20px;
}

.roster-info-table .tab-head a{
z-index: 1;
float: left;
width: auto;
color: #fff;
font-family: 'norwesterregular',sans-serif;
font-size: 22px;
position: relative;
line-height: normal;
letter-spacing: 0.5px;
text-transform: uppercase;
padding: 11px 35px 12px 20px;
}

.tab-head a::before {
top: 0;
right: 0;
z-index: -1;
content: "";
bottom: auto;
height: 100%;
width: 2000%;
position: absolute;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-ms-transform: skew(-30deg);
-o-transform: skew(-30deg);
transform: skew(-30deg);
}

/*Player Rating #PlayerRating*/
.kf_plyer_rating{
float: left;
width: 100%;
position: relative;
background-color: #5d5d5d;
}
.kf_plyer_rating span{
float: left;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: normal;
padding: 15px 20px 17px;
text-transform: uppercase;
-webkit-width: calc(100%/3);
-moz-width: calc(100%/3);
-ms-width: calc(100%/3);
-o-width: calc(100%/3);
width: calc(100%/3);
font-family: 'Open Sans', sans-serif;
}
.kf_plyer_rating span:first-child{
margin-left: 0;
}
.kf_plyer_rating span:last-child{
margin-right: 0;
}
.kf_plyer_rating span em{
font-size: 10px;
font-style: normal;
}
.kf_plyer_rating span strong{
margin: 0 0 5px;
}
.kf_plyer_rating span em,
.kf_plyer_rating span strong{
float: left;
width: 100%;
color: #fff;
}
/*aside bar Table #asidebarTable*/
.kf_tableaside{
margin: 0;
}
.kf_tableaside div{
padding: 9px 14px;
}
.kf_tableaside div span{
color: #333;
font-size: 14px;
font-weight: bold;
text-transform: capitalize;
}
.kf_tableaside div span em{
color: #999;
display: block;
font-size: 12px;
margin: -4px 0 0 0;
font-style: normal;
text-transform: capitalize;
}
/*Over View Wrap #overviewwrap*/
.overview_wrap{
float: left;
width: 100%;
position: relative;
}
.prv_btn {
color: #333;
font-size: 12px;
font-weight: normal;
right: 20px;
line-height: 12px;
margin: -7px auto 0;
position: absolute;
text-transform: capitalize;
top: 50%;
}
/*Overview Roster #overviewroster*/
.kf_overview_roster{
float: left;
width: 100%;
}
.table_overflow{
float: left;
width: 100%;
}
/*Overview Schedule #overviewschedule*/
.kf_overview_schedule{
float: left;
width: 100%;
}
.kf_overview.kf_overview_schedule .kf_table2,
.kf_overview.kf_overview_roster .kf_table2{
margin: 0;
}
.kf_overview_schedule .kf_table2 li > div{
padding-left: 12px;
padding-right: 12px;
}
.kf_overview_schedule .kf_table2 li > div:first-child {
padding-right: 25px;
}
.kf_overview_schedule .kf_table2 li > div:last-child {
padding-right: 25px;
}
/*Kf_Chart #kf_chart*/
.kf_chart{
float: left;
width: 100%;
}
.kf_linechart{
float: left;
width: 100%;
height: auto;
padding: 40px 35px;
border: 1px solid #d7d8d8;
}
#chartContainerbar,
#chartContainer{
float: left;
width: 100%;
height: 335px;
}
/*Team Stats #teamstats*/
.team_st_table{
text-align: center;
}
.team_stats{
float: left;
width: 100%;
padding: 40px 30px;
border: 1px solid #d7d8d8;
}
.team_stats .text{
padding: 40px 0px;
text-align: center;
background-color: #f1f2f4;
}
.team_stats .text h2{
float: left;
width: 100%;
font-size: 40px;
margin-top: -6px;
font-weight: bold;
line-height: 40px;
margin-bottom: 10px;
text-transform: uppercase;
}
.team_stats .text span{
color: #666;
float: left;
width: 100%;
font-size: 12px;
line-height: 10px;
font-weight: normal;
text-transform: uppercase;
}
/*Match Stats #matchstats*/
.kf_match_stats .kf_progress1 .progress_single_wrapper{
height: 6px;
}
.kf_match_stats .kf_progress1 .progressbars{
height: 6px;
}
.kf_progress1 .skill-progress2 .progressbars.progress_single
{
background-color: #005396 !important;
}
/*Opponents Outer Wrap #opponentsouter*/
.kf_opponents_outerwrap{
float: left;
width: 100%;
padding:40px 30px;
border: 1px solid #d7d8d8;
}
.kf_opponents_wrap{
float: left;
width: 100%;
margin:0 0 40px;
position: relative;
}
.kf_opponents_dec{
float: left;
width: 39%;
}
.kf_opponents_dec span{
float: left;
width: 88px;
height: 104px;
}
.kf_opponents_dec span img{
float: left;
width: 100%;
}
.kf_opponents_dec .text{
float: none;
width: auto;
overflow: hidden;
text-align: left;
padding:35px 0 38px 20px;
}
.kf_opponents_dec.span_right{
float: right;
}
.kf_opponents_dec.span_right .text{
text-align: right;
padding: 35px 20px 38px 0px;
}
.kf_opponents_dec.span_right span{
float: right;
}

.kf_opponents_dec .text h6{
font-size: 14px;
margin: 0 0 7px;
font-weight: bold;
line-height: 14px;
text-transform: uppercase;

}
.kf_opponents_dec .text p{
margin: 0;
color: #989ba4;
font-size: 10px;
line-height: 10px;
font-weight: bold;
text-transform: uppercase;
}
/*Opponents Gols #opponentsgols*/
.kf_opponents_gols{
width: 22%;
float: left;
text-align: center;
padding: 17px 0 24px;
text-transform: uppercase;
}
.kf_opponents_gols h5{
float: left;
width: 100%;
font-size: 36px;
font-weight: bold;
margin: 0 0 10px 0;
}
.kf_opponents_gols h5 span{
display: inline-block;
}
.kf_opponents_gols p{
margin: 0;
color: #333;
font-size: 10px;
font-weight: bold;
line-height: 10px;
text-transform: uppercase;
}
/*Scorecard #scorecard*/
.kf_scorecard{
float: left;
width: 100%;
}
.kf_progress_wrap{
float: left;
width: 20%;
}
.kf_progress_wrap2{
float: right;
}
.kf_progress{
float: left;
width: 100%;
margin: 0 0 15px;
position: relative;
padding: 3px 20px 3px 30px;
}
.kf_progress:last-child{
margin: 0;
}
.kf_progress .progress{
margin: 0;
float: left;
width: 100%;
height: 6px;
border-radius:0;
box-shadow: none;
background-color: #ebf0f6;
}
.kf_progress .progress-bar{
box-shadow: none;
}
.kf_progress .progress_label{
left: 0;
top: 50%;
font-size: 12px;
margin: -6px 0 0;
line-height: 12px;
font-weight: bold;
position: absolute;
text-transform: uppercase;
font-family: "Open Sans",sans-serif;
}
.kf_progress .progress_precent {
top: 50%;
right: 0;
font-size: 12px;
margin: -8px 0 0;
line-height: 12px;
position: absolute;
font-weight: normal;
font-family: "Open Sans",sans-serif;
}
.kf_progress_wrap.kf_progress_wrap2 .progress-bar{
background-color: #005396 !important;
}
.kf_scorecard .kf_table2 {
float: left;
margin: 0 25px;
width: 52.7%;
}
.kf_scorecard .kf_table2 li > div{
padding: 9px 14px;
text-align: center;
}
.kf_scorecard .kf_table2 span{
color: #969696;
font-size: 12px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.kf_scorecard .kf_table2 span b{
color: #333;
font-weight: bold;
}

.date_2{
float: left;
width: 100%;
color: #818080;
font-size: 12px;
text-align: center;
font-weight: normal;
line-height: normal;
padding: 5px 0 7px 0;
text-transform: capitalize;
}
/*Comparison Thumb #comparisonthumb*/
.comparison_thumb{
float: left;
width: 100%;
margin: 0 0 30px;
text-align: center;
}
.comparison_thumb img{
float: none;
width: auto;
margin-bottom: 15px;
display: inline-block;
}
.comparison_thumb h5{
float: left;
width: 100%;
font-size: 14px;
font-weight: bold;
margin-bottom: -4px;
line-height: normal;
text-transform: uppercase;
}
.team_comparison_wrap2{
float: left;
width: 100%;
margin: 0 0 30px;
}
.team_comparison_wrap2 button{
width: auto;
color: #fff;
float: right;
border: none;
font-size: 16px;
font-weight: bold;
line-height: normal;
padding: 14px 30px;
text-transform:uppercase;
font-family: "Open Sans",sans-serif;
}
.match_comparison{
float: left;
width: 100%;
margin: 0 0 30px;
}
.match_comparison .kf_table li div{
color: #666666;
font-size: 14px;
font-weight: normal;
text-transform: capitalize;
}
.match_comparison .kf_table li div.kf_prd{
text-transform: uppercase;
}
.match_comparison .kf_table li div.kf_time{
position: relative;
}
.match_comparison .kf_table li div.kf_time:before{
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
opacity: 0.05;
position: absolute;
background-color: #1e252f;
}
.match_comparison .kf_table li div.kf_date3,
.match_comparison .kf_table li div.kf_day,
.match_comparison .kf_table li div.kf_prd{
width: 10%;
}
.match_comparison .kf_table li div.kf_time,
.match_comparison .kf_table li div.kf_info,
.match_comparison .kf_table li div.kf_location{
width: 14%;
}
.match_comparison .kf_table li div.kf_info{
text-align: right;
}
.match_comparison .kf_table li div.kf_name{
text-align: right;
padding-right: 40px;
}
.match_comparison .kf_table li div:first-child{
padding-left: 30px;
}
.match_comparison .kf_table li div:last-child{
padding-right: 30px;
}
/*Match comparison 2 #matchcomparison 2*/
.match_comparison2{
float: left;
width: 100%;
margin: 0 0 30px;
}
.match_comparison2 .kf_tbresult span,
.kf_tbhead div span{
color: #333;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.match_comparison2 .kf_tbresult{
width: 28%;
text-align: left;
}
.match_comparison2 .kf_table li div{
color: #666666;
font-size: 14px;
font-weight: normal;
text-transform: capitalize;
}
.match_comparison2 .kf_table li div.kf_tbtotal{
position: relative;
}
.match_comparison2 .kf_table li div.kf_tbtotal:before{
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
opacity: 0.05;
position: absolute;
background-color: #1e252f;
}
.match_comparison2 .kf_table li div.kf_tbtotal,
.match_comparison2 .kf_table li div.kf_tbhome,
.match_comparison2 .kf_table li div.kf_tbaway{
width: 9%;
}
.match_comparison2 .kf_tbaway.padding-right {
text-align: left;
width: 22% !important;
}
.match_comparison2 .kf_table li div:first-child{
padding-left: 30px;
}
.match_comparison2 .kf_table li div:last-child{
padding-right: 30px;
}
/*Tabs*/
.statistic{
background: #e7eaf0;
}

.statistic li{
margin-right: 10px;
}

.statistic li .kf_hd1{
padding-right: 15px;
}

.kf_tabs{
float: left;
width: 100%;
margin: 0 0 30px;
}
.kf_tabs_nav_hd{
float: left;
width: 100%;
padding: 10px 25px;
}
.kf_tabs_nav{
float: left;
width: 100%;
}
.kf_tabs_nav_hd > span{
float: left;
width: auto;
color: #333;
font-size: 14px;
font-weight: bold;
margin-right: 15px;
line-height: normal;
padding:2px 0px 3px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.kf_tabs_nav .nav-tabs{
float: left;
width: auto;
border: none;
margin: 0;
padding: 0;
}
.kf_tabs_nav .nav-tabs li{
float: left;
width: auto;
padding: 0;
margin: 0;
}
.kf_tabs_nav .nav-tabs li a{
margin: 0;
float: left;
width: auto;
color: #333;
font-size: 14px;
font-weight: bold;
line-height: normal;
padding:2px 15px 3px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.kf_tabs_nav .nav-tabs li.active a{
color: #fff;
background-color: #000;
}
.kf_tabs_nav .kf_table li:nth-child(odd) div{
background-color: #f4f6f9;
}
.kf_tabs .slider_widget .slick-next.slick-arrow,
.kf_tabs .slider_widget .slick-prev.slick-arrow {
padding: 0;
top: -26px;
right: 10px;
height: auto;
width: 25px !important;
color: #a4a3a3 !important;
text-align: center !important;
}
.kf_tabs .slider_widget .slick-prev.slick-arrow{
left: auto;
right: 33px;
}
.kf_topscores li div:first-child,
.kf_tabs .kf_table li div:first-child{
padding-left: 25px;
}
.kf_topscores li div:last-child,
.kf_tabs .kf_table li div:last-child{
padding-right: 25px;
}
/*Top Scores #topscores*/
.kf_topscores{
float: left;
width: 100%;
margin: 0 0 30px;
}
.border_div{
float: left;
width: 100%;
border: 1px solid #d7d8d8;
}
.kf_topscores .kf_table{
-webkit-width: calc(100%/2);
-moz-width: calc(100%/2);
width: calc(100%/2);
float: left;
}
.kf_topscores .kf_table:first-child{
border-right: 1px solid #d7d8d8;
}
.match_comparison .kf_table li:nth-child(even) div,
.kf_topscores .kf_table li:nth-child(odd) div,
.match_comparison2 .kf_table li:nth-child(odd) div{
background-color: #f4f6f9;
}
.kf_disciplinary .border_div{
margin: 0 0 17px;
}
.kf_disciplinary p{
float: left;
width: 100%;
margin: 0;
text-transform: capitalize;
}
.match_comparison2.kf_statics2 .kf_tbresult{
width: 60%;
}
.kf_tbhead2 .kf_tbtotal {
width: 23% !important;
}
.kf_tbhead2 .kf_tbtotal span{
color: #333;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
font-family: "Open Sans",sans-serif;
}
.kf_squad .kf_table strong,
.kf_venues .kf_table strong {
color: #333;
font-size: 14px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
font-family: "Open Sans",sans-serif;
}
/*
============================================================
Shop #shop
============================================================
*/
.shop_thumb{
float: left;
width: 100%;
padding: 30px 20px 20px 20px;
margin-bottom: 30px;
background-color: #f6f6f6;
}
.shop_thumb:hover{
background-color: rgba(137, 137, 137, 0.72);
}
.shop_thumb .thumb{
text-align: center;
margin-bottom: 10px;
}
.shop_thumb .thumb img{
float: none;
width: auto;
display: inline-block;
}
.shop_thumb:hover .thumb img{
opacity: 0.28;
}
.shop_thumb .text{
text-align: center;
bottom: -40px;
position: relative;
}
.shop_thumb:hover .text{
bottom: 0;
}
.shop_thumb .text h6,
.shop_thumb .text h2{
float: left;
width: 100%;
color: #999;
font-size: 14px;
font-weight: bold;
line-height: normal;
margin-bottom: 6px;
text-transform: uppercase;
}
.shop_thumb .text h5{
float: left;
width: 100%;
font-size: 16px;
font-weight: bold;
line-height: normal;
margin-bottom: 15px;
text-transform: uppercase;
}
.shop_thumb:hover .text h5 a,
.shop_thumb:hover .text h6{
color: #fff;
}
.shop_icons{
float: left;
width: 100%;
opacity: 0;
z-index: -10;
text-align: center;
visibility: hidden;
}
.shop_icons a{
float: none;
width: 25px;
height:auto;
color: #fff;
font-size: 16px;
line-height: 25px;
margin-right: 5px;
text-align: center;
display: inline-block;
}
.shop_icons a:last-child{
margin:0;
}
.kf_featured_thumb .price,
.price_tag,
.price{
float: left;
width: 100%;
padding: 2px 0;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: normal;
margin-bottom: 15px;
border-width: 1px 0;
border-style: solid;
border-color: #dddddd;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.price{
margin-bottom: 25px;
}
p.price{
text-align: left;
}

.woocommerce-variation-price .price{
text-align: left;
}
.shop_thumb:hover .shop_icons{
opacity: 1;
z-index: 1;
visibility: visible;
}

.product-links a{
background-color: transparent!important;
color: #fff!important;
font-weight: 300!important;
}

.product-links{
float: left;
width: 100%;
opacity: 0;
z-index: -10;
text-align: center;
visibility: hidden;
}
.shop_thumb:hover .product-links {
opacity: 1;
z-index: 1;
visibility: visible;
}
.kf_searchbar{
margin-bottom: 30px;
}
.kf_searchbar .searchbar_list{
float: right;
width: auto;
}
.kf_searchbar .searchbar_list .select_dec{
width: auto;
min-width: 140px;
margin:0 0 0 30px;
}
.kf_searchbar .searchbar_list .select_dec:first-child{
margin: 0;
}
.kf_searchbar .searchbar_list .select_dec::before{
right: 0;
}
.kf_searchbar .searchbar_list .select_dec form{
height: auto;
min-height: auto;
}
.kf_searchbar .searchbar_list .select_dec form select{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: bold;
padding: 0 !important;
border: none;
text-transform: uppercase;
}
.kf_shop_wrap .kode-pagination{
text-align: center;
}

.for-onsale .onsale{
background-color: #fff;
position: absolute;
top: 0;
left: 0;
display: inline-block;
padding: .6em 2em;
font-size: 16px;
text-transform: uppercase;
font-weight: 800;
z-index: 9999;
}

.woocommerce-product-details__short-description{
margin-bottom: 30px;
}

.entry-title{
margin-bottom: 20px;
}
.summary .price{
font-size: 20px;
}

.price span{
float: none!important;
width: auto!important;
font-size: 16px!important;
font-weight: bold!important;
line-height: normal!important;
}

.summary form{
margin-bottom: 20px;
}

.summary .quantity input{
width: 150px;
height: 40px;
padding: 5px;
}

.yith-wcwl-wishlistaddedbrowse{
margin-bottom: 15px;
}

.shop_table .quantity label{
display: inline-block;
margin-left: 7px;
}

.summary .single_add_to_cart_button{
font-size: 20px;
color: #fff;
background-color: #cf8328;
height: 40px;
}

.summary .single_add_to_cart_button:hover{
background-color: #d7d8d8;
color: #101010;
}

.summary .yith-wcwl-add-button{
margin-bottom: 15px;
}

.post-views{
display: inline-block;
vertical-align: middle;
}

.posted_in{
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
}

.posted_in a{
color: #7d8386;
font-size: 14px;
position: relative;
margin-left: 10px;
font-weight: normal;
letter-spacing: 0.5px;
padding: 4px 15px 8px;
border-radius: 3px;
border: 1px solid #d7d8d8;
text-transform: capitalize;
font-family: 'Source Sans Pro', sans-serif;
}

.woocommerce-tabs{
margin-top: 40px;
}

.entry-content h2,
.related h2{
margin-bottom: 20px;
}

.woocommerce-tabs .panel {
border-bottom:1px solid rgba(0,0,0,.05);
box-shadow: none;
}

.text_wrper .text_2 span{
font-size: 12px;
background: transparent;
}

.single-shop .variations{
margin-bottom: 20px;
}

.single-shop .variations .label {
display: block;
text-align: left;
width: 100%;
font-size: 25px;
text-transform: uppercase;
line-height: 1;
}

.single-shop .variations .value{
display: inline-block;
}

.single-shop table.variations select{
width: auto;
}
.single-shop .variations > tbody > tr > td{
border: 0;
padding-left: 0;
}

.single-shop .sku_wrapper{
display: block;
}

.cross-sells h2,
.cart_totals h2{
font-size: 25px;
margin-bottom: 15px;
}

/*
============================================================
Tickit 2 #ticket2
============================================================
*/
.kf_ticket2_wrap{
float: left;
width: 100%;
}
.kf_ticket2_wrap ul{
float: left;
width: 100%;
margin-bottom: 30px;
}
.kf_ticket2_wrap ul li{
float: left;
width: 100%;
margin-bottom: 20px;
border: 1px solid #f3f3f3;
}
.kf_ticket2_wrap ul li:last-child{
margin: 0;
}
.ticket_dec2{
float: left;
width: 100%;
text-align: center;
}
.ticket_date{
width: 12%;
float: left;
min-height: 145px;
text-align: center;
padding: 30px 0 39px;
background-color: #ededed;
}
.kf_ticket2_wrap ul li:hover .ticket_date small,
.kf_ticket2_wrap ul li:hover .ticket_date b{
color: #fff;
}
.ticket_date b {
float: left;
width: 100%;
margin: 0 0 4px;
font-size: 36px;
font-weight: bold;
line-height: normal;
font-family: 'Open Sans', sans-serif;
}
.ticket_date small{
float: left;
width: 100%;
color: #666666;
font-size: 16px;
font-weight: bold;
line-height: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.kf_opponents_wrap2{
float: left;
width: 88%;
padding: 15px 40px 15px 40px;
}
.kf_opponents_wrap2 .kf_opponents_wrap{
width: auto;
min-width: 583px;
margin: 0;
text-align: center;
margin: 0px auto;
float: none;
display: inline-block;
}
.kf_opponents_wrap2 .kf_opponents_dec .text{
padding: 8px 0 11px 20px;
}
.kf_opponents_wrap2 .kf_opponents_dec.span_right .text{
padding: 8px 20px 11px 0px;
}
.kf_opponents_wrap2 .kf_opponents_dec span{
width: 52px;
height: 52px;
}
.kf_opponents_wrap2 .kf_opponents_dec .text h6{
font-size: 24px;
margin: 0 0 18px;
line-height: 24px;
}
.kf_opponents_wrap2 .kf_opponents_dec{
width: 45%;
}
.kf_opponents_wrap2 .kf_opponents_gols{
padding: 0;
width: 10%;
}
.kf_opponents_wrap2 .kf_opponents_gols h5{
margin: 0 0;
font-size: 24px;
line-height: normal;
}
.ticket_button{
float: right;
width: auto;
padding: 35px 0;
}
.ticket_button button{
color:#333;
float: left;
width: auto;
font-size: 16px;
font-weight: bold;
padding: 10px 35px;
line-height: normal;
border:1px solid #e7e7e7;
text-transform: uppercase;
background-color: transparent;
font-family: 'Open Sans', sans-serif;

}
.ticket_dec2:hover .ticket_button button{
color: #fff;
}
.kf_opponents_wrap2 .kf_opponents_wrap > p {
float: left;
width: 100%;
margin: 0 0 11px;
line-height: normal;
text-transform: uppercase;
}
.icon_tag{
margin: 0;
float: left;
font-size: 15px;
line-height: 24px;
font-weight: bold;
width: 100% !important;
height: auto !important;
text-transform: capitalize;
}
.icon_tag i{
float: left;
color: #cfcfcf;
font-size: 24px;
margin: 0 20px 0 0;
}
.kf_opponents_dec.span_right .icon_tag i{
margin: 0 0 0 20px;
float: right;
}
.kf_ticket2_wrap .kode-pagination{
text-align: center;
}
/*
============================================================
Ticket Details Page Start #ticketpage
============================================================
*/
.ticketdetail_hd{
float: left;
width: 100%;
padding: 20px 30px 18px;
border: 1px solid #ececec;
-webkit-box-shadow: 0 2px 9px -4px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0 2px 9px -4px rgba(0, 0, 0, 0.35);
box-shadow: 0 2px 9px -4px rgba(0, 0, 0, 0.35);
}
.kf_ticketdetail .kf_table2 li > div{
border-color: #ececec;
padding: 36px 5px 39px 5px;
}
.kf_ticketdetail .kf_table2 li:hover div{
background-color: transparent;
}
.ticketdetail_hd .tkt_date{
width: auto;
float: left;
}
.ticketdetail_hd .tkt_date > span{
font-size: 16px;
color: #999;
text-transform: capitalize;
}
.ticketdetail_hd .tkt_date > span i,
.ticketdetail_hd .tkt_date > span img{
margin-right: 25px;
font-size: 24px;
}
.ticketdetail_hd .tkt_date:last-child{
text-align: right;
float: right;
}
.kf_ticketdetail .kf_table2 li div.tkt_pkg{
text-align: left;
min-width: 350px;
}

.kf_ticketdetail .tkt_pkg span i{
left: 0;
top: 50%;
font-size: 16px;
position: absolute;
margin: -7px 0 0 0;
}
.kf_ticketdetail .tkt_pkg span {
color: #999;
padding-left: 30px;
position: relative;
display: inline-block;
font-family: 'Open Sans', sans-serif;
}
.kf_ticketdetail .tkt_pkg span strong{
color: #333;
display: block;
font-size: 20px;
font-weight: bold;
line-height: normal;
}
.kf_ticketdetail .tkt_pkg span small{
font-size: 15px;
line-height: normal;
}
.kf_ticketdetail .tkt_price em{
color: #333;
font-size: 24px;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.kf_ticketdetail .tkt_price small{
display: block;
}
.kf_ticketdetail .tkt_qty{
text-align: center;
}
.kf_ticketdetail .tkt_qty .numbers-row{
width:130px;
display: inline-block;
border: 1px solid #b5b5b5 !important;
}
.kf_ticketdetail .tkt_qty .numbers-row .kf_trigger,
.kf_ticketdetail .tkt_qty .numbers-row .button.inc,
.kf_ticketdetail .tkt_qty .numbers-row .button.dec{
float: left;
width: 33.3%;
height: 33px;
padding:4px 0;
cursor: pointer;
font-size: 18px;
font-weight: bold;
line-height: normal;
text-align: center;
font-family: 'Open Sans', sans-serif;
}
.kf_ticketdetail .tkt_qty .numbers-row .button.inc{
float: right;
}
.kf_ticketdetail .tkt_qty .numbers-row .kf_trigger{
float: none;
margin: 0 -1px;
display: inline-block;
border-width:0 1px;
border-style: solid;
border-color: #b5b5b5;
}
.kf_ticketdetail .tkt_qty label {
display: block;
width: auto;
text-align: left;
margin: 0 0 0 0;
font-size: 15px;
text-transform: uppercase;
line-height: normal;
font-family: 'Open Sans', sans-serif;
}

.kf_ticketdetail .tkt_dts,
.kf_ticketdetail .tkt_btn{
text-align: center;
}

.kf_ticketdetail .tkt_dts a{
font-size: 14px;
font-weight: 700;
white-space: nowrap;
text-transform: uppercase;
padding: 15px 20px;
border: 1px solid #b5b5b5;
display: block;
width: 100%;
text-align: center;
cursor: pointer;
}

.dts-link{
font-size: 18px;
font-weight: 700;
white-space: nowrap;
text-transform: uppercase;
padding: 10px 20px;
border: 1px solid #b5b5b5;
}

.kf_ticketdetail .tkt_btn .input-btn {
min-width: 0;
color: #000;
padding-top: 12px;
white-space: nowrap;
padding-bottom: 13px;
border: 1px solid #b5b5b5;
background: transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/* Modal pop-up */
.pop-up{
background: none;
display: block;
padding: 0;
-webkit-appearance: none;
outline: none;
}

.modal-content {
border-radius: 0;
}

.modal-content .modal-header .kf_hd1 span{
padding: 11px 35px 12px 20px;
}

.modal-header{
position: relative;
padding: 0;
}

.modal-header .close{
position: absolute;
top: 50%;
right: 25px;
margin-top: -15px;
font-size: 30px;
color: #fff;
opacity: 1;
z-index: 9;
}

.modal-header .kf_hd1 {
float: none;
}

.modal-header .kf_hd1 span{
font-weight: 700;
color: #fff;
}

.head-popup-img{
text-align: center;
margin-bottom: 25px;
}
.popup-content h2{
font-size: 66px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
margin-bottom: 20px;
}

.popup-content p{
font-size: 17px;
color: #000;
margin-bottom: 25px;
}

.popup-content p strong{
font-size: 17px!important;
text-transform: uppercase;
}

.kf_table2 .popup-content .input-btn{
min-width: 0;
width: 100%;
font-size: 18px;
color: #000;
padding-top: 12px;
white-space: nowrap;
padding-bottom: 13px;
border: 1px solid #b5b5b5;
background: transparent;
}

.nextmatch_wrap{
float: left;
width: 100%;
margin: 0 0 30px;
position: relative;
padding: 40px 0 37px;
background-size: cover;
background-repeat: no-repeat;
-webkit-box-shadow: 0 12px 18px -4px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0 12px 18px -4px rgba(0, 0, 0, 0.35);
box-shadow: 0 12px 18px -4px rgba(0, 0, 0, 0.35);
}
.input-btn i{
margin-right: 10px;
}
.nextmatch_wrap .nextmatch_dec{
float: none;
margin: 0 auto;
width: 60%;
position: relative;
}
.nextmatch_wrap .match_teams{
padding: 0;
}
.nextmatch_wrap .nextmatch_dec h5{
margin: 0;
}
.nextmatch_wrap .nextmatch_dec .kf_countdown{
padding: 0;
border: none;
}
.nextmatch_wrap .match_teams a{
float: none;
display: inline-block;
margin: 0 0 15px 0;
}
.nextmatch_wrap .kf_countdown li span::before,
.nextmatch_wrap .kf_countdown li span,
.nextmatch_wrap .kf_countdown li p,
.nextmatch_wrap .nextmatch_dec h5,
.nextmatch_wrap .match_teams span,
.nextmatch_wrap .match_teams a,
.nextmatch_wrap .match_teams h5,
.nextmatch_wrap .nextmatch_dec h6{
color: #fff;
}
.nextmatch_wrap .match_teams h5{
font-size: 18px;
margin: 0;
}
/*
============================================================
Blog 4 Page Start #blog4page
============================================================
*/
.blog_grid4 .thumb_footer,
.blog_grid4 .text_wrper .text{
padding-right: 20px;
padding-left: 20px;
}
.blog_grid4 .text_wrper .text h2{
font-size: 22px;
}
.blog_grid4 .admin_thumb figure{
display: none;
}
.blog_grid4 .admin_thumb h6{
padding: 0;
}
.blog_grid4 .text_wrper .blog_meta li{
margin-right: 9px;
}
.blog_grid4 .text_wrper .blog_meta li:last-child{
margin: 0;
}
.widget_page aside{
margin-bottom: 30px;
}
/*
============================================================
Blog Detail Page Start #blogdetail
============================================================
*/
.kf_blog_detail{
float: left;
width: 100%;
}
.kf_blog_detail_thumb .kf_featured_thumb .thumb_footer{
border-top: none;
border-bottom: 1px solid #d7d8d8;
}
.kf_blog_detail_thumb .kf_featured_thumb .text_2 h6{
font-family: 'norwesterregular',sans-serif;
font-size: 53px;
margin-bottom: 12px;
}
.kf_blog_detail_thumb .kf_featured_thumb .text_2 h6 a{
font-family: 'norwesterregular',sans-serif;
}
.kf_blog_detail_thumb .kf_featured_thumb .text_2 .label2{
margin-bottom: 16px;
padding: 7px 12px 6px;
}
.nobr,
.wishlist-in-stock,
.woocommerce-Price-amount,
.woocommerce-Price-amount span{
background-color: transparent!important;
}
.kf_blog_detail_thumb .kf_featured_thumb .text_2 .kf_date{
margin-bottom: 5px;
}
.kf_blog_detail_thumb .kf_featured_thumb .text_2 p{
margin-bottom: 20px;
}
/*Game Highlights*/
.kf_highlight{
float: left;
width: 100%;
margin-bottom: 30px;
}
.kf_highlight img{
opacity: 1;
}
.kf_highlight .text{
padding:16px 0;
}
.kf_highlight .text p{
float: left;
width: 100%;
margin: -7px 0 30px;
}
.kf_highlight .list_meta{
margin-top: -3px;
}
.list_meta{
float: left;
width: 100%;
}
.list_meta li{
float: left;
width: 100%;
padding-left: 25px;
position: relative;
margin-bottom: 10px;
}
.list_meta li:last-child{
margin: 0;
}
.list_meta li a,
.list_meta li em{
margin: 0;
color: #666;
float: left;
width: 100%;
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: normal;
font-family: "Open Sans",sans-serif;
}
.list_meta li:before{
position: absolute;
left: 0;
top: 50%;
content: "";
width: 10px;
height: 10px;
margin: -5px 0 0 0;
border-radius: 100%;
}
/*kf blockquote*/
.kf_blockquote{
float: left;
width: 100%;
border: none;
position: relative;
text-align: center;
margin-bottom: 23px;
padding: 53px 90px 57px;
background-color: #fafafa;
}
.kf_blockquote:after,
.kf_blockquote:before{
position: absolute;
left: 0;
top: 0;
font-size: 83px;
line-height: 74px;
color: #eff0f0;
font-family: 'FontAwesome';
content: "\f10d";
}
.kf_blockquote:after{
content: "\f10e";
left: auto;
right: 0;
top: auto;
bottom: -8px;
}
.kf_blockquote p{
float: left;
width: 100%;
margin: 0 !important;
color: #7d8386;
font-size: 16px;
font-weight: 600;
font-style: italic;
font-family: "Open Sans",sans-serif;
}
.tags_wrap{
float: left;
width: 100%;
padding: 10px 15px;
border-top: 1px solid #d7d8d8;
}
.tags_wrap .kf_tags2{
float: left;
width: auto;
margin: 0;
}
.tags_wrap .kf_tags2 li{
margin: 0 5px 0 0;
}
.tags_wrap .kf_tags2 li:last-child{
margin: 0;
}
/*Comment Form*/
.comment_wrap{
float: left;
width: 100%;
}
.comment_form{
float: left;
width: 100%;
}
.comment_form li{
float: left;
width: 100%;
}
.comment_dec{
float: left;
width: 100%;
padding: 0px 0 27px;
position: relative;
margin-bottom: 30px;
border-bottom: 1px solid #e0e0e0;
}
.comment_form li ul li .comment_dec{
padding-left: 100px;
}
.comment_dec figure{
float: left;
width: 80px;
height: 80px;
border-radius: 100%;
}
.comment_dec figure img{
border-radius: 100%;
}
.comment_dec .text{
float: none;
overflow: hidden;
width: auto;
padding: 0 0 0 20px;
}
.comment_hd{
float: left;
width: 100%;
position: relative;
margin-bottom: 10px;
}
.comment_hd h5{
font-weight: bold;
text-transform: uppercase;
line-height: 18px;
font-size: 18px;
float: left;
width: 100%;
margin-bottom: 9px;
margin-top:-3px;
}
.comment_hd ul li{
margin: 0 !important;
float: left;
width: auto;
padding: 0 20px;
border-bottom: none;
border-right: 1px solid #b9b9b9;
}
.comment_hd ul li:first-child{
padding-left: 0;
}
.comment_hd ul li:last-child{
border: none;
}
.comment_hd ul li a,
.comment_hd ul li span{
float: left;
width: 100%;
color: #999;
font-size: 13px;
line-height: 13px;
text-transform: capitalize;
font-family: "Open Sans",sans-serif;
}
.comment_hd ul li a i,
.comment_hd ul li span i{
float: left;
margin-right: 10px;
}
.comment_dec .text p{
float: left;
width: 100%;
margin-bottom: 0;
}
/**/
.comment_input_wrap{
float: left;
width: 100%;
margin-bottom: 30px;
}
.comment_input_wrap form{
float: left;
width: 100%;
}
.comment_input_wrap .input_dec{
margin-bottom: 30px;
}
/*
============================================================
Player Detail Page Start #playerdetail
============================================================
*/
.kf_plyer_rating2{
float: left;
width: 100%;
}
.kf_plyer_rating2 .kf_plyer_rating span b{
color: #fff;
}
.kf_plyer_rating2 .kf_tableaside div span{
background-color: transparent;
}
.kf_plyer_rating2 .kf_progress1 .progressbars.progress_single > span,
.kf_plyer_rating2 .skill-progress > span{
background-color: transparent;
}

.video-list{
position: relative;
display: block;
width: 100%;
}

.video-list li{
position: relative;
display: table;
width: 100%;
margin-bottom: 15px;
}
.video-box,
.video-text{
width: 50%;
display: table-cell;
vertical-align: top;
}

.video-box{
padding-right: 7px;
}

.video-text{
padding-left: 7px;
}

.video-text h6{
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}

.video-text .kf_date{
text-transform: capitalize;
}

.media-img{
margin-bottom: 15px;
text-align: center;
}
/*
============================================================
404 Page Start #404
============================================================
*/
.kf_404page{
float: left;
width: 100%;
text-align: center;
}
.kf_404_thumb{
float: left;
width: 100%;
min-height: 439px;
text-align: center;
position: relative;
padding: 174px 0 0;
margin-bottom: 50px;
text-transform: uppercase;
background-position: center;
background-repeat: no-repeat;
background-image: url(extra-images/404.png);
}
.kf_404_thumb h4{
float: left;
width: 100%;
font-size: 145px;
line-height: 145px;
font-weight:bold;
}
.kf_404_thumb h5{
float: left;
width: 100%;
margin-top: -2px;
font-size: 40px;
font-weight: 600;
line-height: 40px;
font-weight: 600;
}
.kf_404_text{
float: left;
width: 100%;
text-align: center;
}
.kf_404_text h6,
.kf_404_text h5{
float: left;
width: 100%;
font-size: 36px;
line-height: normal;
font-weight: normal;
text-transform: uppercase;
}
.kf_404_text h5{
margin-bottom: -3px;
}
.kf_404_text h6{
margin-bottom: 19px
}
.kf_404_text form{
float: none;
display: inline-block;
width: 517px;
margin: 0 auto 23px;
}
.kf_404_text .btn-1{
margin-bottom:28px
}
/*
============================================================
Coming Soon Page Start #comingsoon
============================================================
*/
.kf_comingsoon_wrap{
position: fixed;
height: 100%;
background-image:url(extra-images/comingsoon_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
text-align: center;
}
.kf_comingsoon{
position: absolute;
left: 0;
right: 0;
top: 50%;
width: auto;
margin: -281px auto 0;
text-align: center;
}
.kf_comingsoon h4{
float: left;
width: 100%;
font-size: 90px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
line-height: 90px;
margin-bottom: 71px;
}
.kf_comingsoon h5{
float: left;
width: 100%;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
line-height: normal;
color: #fff;
margin-bottom: 17px;
}
.kf_comingsoon .kf_countdown2{
margin-bottom: 56px;
}
.kf_comingsoon .kf_social2{
float: none;
width: auto;
display: inline-block;
margin-bottom: 8px;
}
.kf_comingsoon .kf_social2 li{
margin-right: 15px;
}
.kf_comingsoon .kf_social2 li:last-child{
margin: 0;
}
.kf_comingsoon .kf_social2 li a{
border:none;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 24px;
color: #fff;
}
.kf_comingsoon form{
width: 468px;
float: none;
display: inline-block;
}
.kf_comingsoon .input_dec{
margin-bottom: 26px;
}

.kf_comingsoon .input_dec input[type="text"]{
background-color: transparent;
border-width: 0 0 1px 0;
border-color: #b9b9b9;
color: #fff;
padding-left: 0;
font-size: 16px;
font-weight: bold;
}
.kf_comingsoon .input_dec input[type="text"]::-moz-placeholder{
color: #fff;
}
.kf_comingsoon .input_dec input[type="button"]{
background-color: transparent;
font-weight: bold;
font-size: 30px;
padding: 0;
line-height: 30px;
}
.kf_comingsoon .input_dec input[type="button"]:hover{
background-color: transparent;
}
.copy_right2{
margin: 0;
float: left;
width: 100%;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: normal;
font-family: 'Open Sans', sans-serif;
}
.copy_right3{
float: left;
width: 100%;
padding: 15px 0 15px;
text-align: center;
border-top:1px solid #585858;
background-color: #222222;
}
.copy_right3 p{
margin: 0 0 22px;
float: left;
width: 100%;
color: #adadad;
font-size: 16px;
font-weight: bold;
line-height: 16px;
}




.kf_contct_thumb{
float: left;
width: 100%;
margin-bottom: 50px;
padding: 38px 30px 39px;
border:1px solid #e3e3e3;
}
.kf_contct_thumb .text{
padding-top: 19px;
}
.kf_contct_thumb .text address,
.kf_contct_thumb .text em{
float: left;
width: 100%;
color: #666;
text-align: left;
margin:0 0 9px;
font-size: 15px;
font-weight: normal;
font-style: italic;
font-family: "Open Sans",sans-serif;
}
.kf_contct_thumb .text em:last-child{
margin: 0;
}
.kf_contct_thumb:hover .text address,
.kf_contct_thumb:hover .text em,
.kf_contct_thumb:hover .kf_hd8{
color: #fff;
}
.kf_contct_thumb:hover .kf_hd8 span:before{
background-color: #fff;
}

.kf_form{
float: left;
width: 100%;
position: relative;
margin-bottom: 30px;
padding:25px 30px 30px;
border: 1px solid #e5e5e5;
}
.kf_form_hd{
float: left;
width: 100%;
text-align: left;
margin-bottom: 38px;
}
.kf_form_hd h3{
float: left;
width: 100%;
font-size: 24px;
line-height: 24px;
font-weight: bold;
margin-bottom: 6px;
text-transform: uppercase;
}
.kf_form_hd p{
margin: 0;
float: left;
width: 100%;
font-size: 15px;
font-style: italic;
}
.kf_form .input_dec{
margin-bottom: 30px;
}
.kf_form .input_dec input[type="email"],
.kf_form .input_dec input[type="tel"],
.kf_form .input_dec input[type="text"]{
min-height: 43px;
}
.kf_form .input_textarea textarea{
height: 144px;
}

.kf_form .input-btn{
width: 100%;
}
.kf_map{
float: left;
width: 100%;
position: relative;
}
.kf_map #map-canvas{
float: left;
width: 100%;
height: 580px;
}


/*kode GALLERY SECTION*/
.kode-gallery{
margin-bottom: 15px;
}
.kode-gallery figure img,
.kode-gallery{
float: left;
width: 100%;
}
.kode-gallery figure{
float: left;
width: 100%;
position: relative;
background-color: #000;
margin-bottom: 15px;
}
.kode-gallery figure:before{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
content: "";
opacity: 0;
border: 1px solid #dedede;
}
.kode-gallery figure:hover img{
opacity: 0.48;
}
.kode-gallery figure:hover:before{
left: 10px;
right: 10px;
bottom:10px;
top: 10px;
opacity: 1;
}
.kode-gallery figcaption{
position: absolute;
left: 0;
right:0;
top: 50%;
text-align: center;
margin-top: -37px;
opacity:0;
}
.kode-gallery figure:hover figcaption{
opacity: 1;
}
.kode-gallery figcaption h4{
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
margin-bottom: 17px;
}
.kode-gallery figcaption a{
display: inline-block;
font-size: 18px;
line-height: 18px;
color: #fff;
padding: 11px 36px 12px;
}
.kode-gallery figcaption a:hover{
color: #000;
background-color: #fff;
}
.kode-load a:hover{
background-color: #fff;
color: #000;
}
.wonderplugin-gridgallery-item > a,#html5-watermark{
display:none !important;
}
.gallery-wrap .kf_featured_thumb{
overflow: visible;
}
.gallery-wrap .kf_featured_thumb{
border: 0;
}
.gallery-wrap .wonderplugin-gridgallery-list{
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.gallery-wrap .wonderplugin-gridgallery-list:before{
content: "";
border: 1px solid #ccc;
left: -30px;
top: -30px;
bottom: -30px;
right: -30px;
display: block;
position: absolute;
}

.numbers-wrap {
display: inline-block;
text-align: center;
padding-bottom: 8px;
}

/* Table 2 */
table.kf_table2 {
width: 100%;
}

table.kf_table2 td {
line-height: 1.2;
}

@media (min-width: 992px) {
table.kf_table2 td {
padding: 20px 5px;
vertical-align: middle !important;
border-width: 0 0 1px 0;
}

table.kf_table2 tr:last-child td {
border: 0;
}

table.kf_table2 td.tkt_pkg {
width: 350px;
padding-left: 20px;
}

table.kf_table2 td:first-child {
padding-left: 30px;
}

table.kf_table2 td:last-child {
padding-right: 30px;
text-align: right;
}
}

@media (max-width: 992px) {
table.kf_table2,
table.kf_table2 td,
table.kf_table2 tr {
display: block;
width: 100%;
}

table.kf_table2 tbody{
display: block;
width: 100%;
}

table.kf_table2 td {
border: 0;
padding: 10px 20px;
}

table.kf_table2 tr {
border-bottom: 1px solid #ccc;
}

table.kf_table2 tr:last-child {
border: none;
}
}

/* Seating Chart*/
.seating-chart .chart-arena {
margin-bottom: 70px;
}
.seating-chart .chart-nav {
margin-bottom: 30px;
padding: 0;
}
.seating-chart .chart-nav li {
position: relative;
margin: 0;
padding: 2px 0 2px 30px;
border-top: 1px solid #ccc;
list-style: none;
cursor: pointer;
font-size: 16px;
font-weight: 400;
color: #fff;
}
.seating-chart .chart-nav li .chip {
display: block;
height: 30px;
width: 20px;
border: 1px solid #bbb;
background: #009DA5;
}
.seating-color{
position: absolute;
top: 50%;
left: 0;
margin-top: -15px;
}

.seating span{
display: block;
font-size: 12px;
font-weight: 300;
}
.chart-title{
font-size: 20px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}

.woocommerce form .form-row .input-checkbox{
margin: 0;
top: 3px;
}

.woocommerce-form__label-for-checkbox span{
padding-left: 20px;
}

.seating-chart .btn-wrap{
display: block;
margin-bottom: 25px;
}

.seating-chart .btn-wrap a{
float: none;
}


.seating-chart .btn-container {
margin-left: .5625rem;
}
.seating-chart .btn-container .btn {
padding: .25rem 2rem;
}

.seating-chart .chart-arena {
position: relative;
min-height: 500px;
}
@media only screen and (min-width: 40.063em) {
.seating-chart .chart-arena {
min-height: 550px;
}
}
.seating-chart .chart-arena .holder, .seating-chart .chart-arena #field {
position: absolute;
top: 0;
left: 0;
padding: 15px;
}
.seating-chart .chart-arena .holder img, .seating-chart .chart-arena #field img {
width: 100%;
}
.seating-chart .chart-arena #field {
z-index: 11;
}
.seating-chart .chart-arena .holder {
opacity: 0.1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.seating-chart .chart-arena .holder.active {
opacity: 1.0;
}
.seating-chart .chart-arena.init .holder {
opacity: 1.0;
}


.main_banner .thumb img{
min-height: 100%;
}
.embed-container {
position: relative;
overflow: hidden;
max-width: 100%;
height: 720px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
height: 100%;
}
@media (max-width: 1600px) {

.embed-container {
height: 530px;
}
}
@media (max-width: 1400px) {

.kode_header_2 .kode_navigation li a {
/*line-height: 16px; */
}
.video-wrap.moving-background.playing {
	height: 750px !important;
}
.embed-container {
height: 450px;
}
}
@media (max-width: 1200px) {
.embed-container {
height:390px;
}
}
@media (max-width: 1024px) {
.embed-container {
height: 370px;
}
}
@media (max-width: 992px) {
.embed-container {
height: 350px;
}
.main_banner .thumb img{
height: 100%;
width: auto;
}
}


/*Background Video */
.moving-background {
z-index: 0;
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
height: 840px !important;
width: 100%;
}
.moving-background .novideo-bg {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.moving-background video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: -1;
opacity: 1;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}

.moving-background .mb-button {
display: block;
position: absolute;
right: 100px;
bottom: 100px;
width: 36px;
height: 36px;
border: 2px solid #fff;
border-radius: 22px;
color: #fff;
text-indent: -999em;
cursor: pointer;
}
.moving-background .mb-button.pause {
display: none;
}
.moving-background .mb-button.pause:before {
content: '';
position: absolute;
top: 9px;
left: 11px;
width: 10px;
height: 14px;
border: 3px solid #fff;
border-top: none;
border-bottom: none;
}
.moving-background.playing .mb-button.play {
display: none;
}
.moving-background .mb-button.play:after {
content: '';
position: absolute;
top: 9px;
left: 12px;
width: 0;
height: 0;
border: 14px solid transparent;
border-width: 7px 12px;
border-left-color: #fff;
overflow: hidden;
}

.moving-background.playing .mb-button.pause {
display: block;
}

.moving-background .scroll-down-wrap {
position: absolute;
z-index: 3;
bottom: 15px;
left: 50%;
margin-left: -35px;
width: 70px;
display: none;
}

.thumb img, figure img{
width: auto;
height: auto;
}

@media (max-width: 992px) {
.moving-background .mb-button {
right: 35px;
bottom: 35px;
}
}
@media (max-width: 768px) {
.thumb img, figure img{
width: 100%;
height: auto;
}
.moving-background .scroll-down-wrap {
margin-left: -25px;
width: 50px;
}
}


.kf_map #map-canvas  {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 0.6;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.kf_map:hover #map-canvas  {
opacity:1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.kf_ticketdetail .tkt_pkg .input_textarea span{
width: 100%;
}
.input_dec.half-width{
width: 50%;
}
.input_dec.btn-container{
padding-left: 30px;
}
.select_dec::before{
z-index: 1;
}
.kf_ticketdetail .tkt_pkg span{
width: 100%;
}
.input_dec p{margin-bottom: 0 !important;}
.wpcf7-quiz-label{
width: auto !important;
position: absolute !important;
padding: 14px 25px 15px;
}
.wpcf7-form-control.wpcf7-quiz{
padding-left: 65px;
}
.kf_table2 .popup-content .input_dec.half-width .wpcf7-submit.input-btn{
width: 180px;
float: left;
}
span.wpcf7-not-valid-tip {
color: #f00 !important;
font-size: 10px;
font-weight: normal;
display: block;
padding-left: 0 !important;
}



.img-wrap{
padding: 15px;
text-align: center;
}

.img-wrap img{
width: 100%;
height: auto;
display: block;
}

.checkout.woocommerce-checkout h3{
font-size: 23px;
}

#ship-to-different-address label span {
width: 100%;
padding: 0 40px 0 2px;
}