body {min-height: auto!important;}

.ft-plus,
.ft1-plus,
.ft2-plus {
    color: #da251d;
    font-size: 24px !important;
    float: left
}

.hire,
.slide-content h3,
.slide-content p,
.spb-ticker2 span {
    text-transform: uppercase
}

.get_intouch,
.mega-dropdown-menu .dropdown-header a:focus,
.mega-dropdown-menu .dropdown-header a:hover,
.slide-content h3 {
    background: #da251d
}

.countdown-dec h4,
.tns-countdown-wrap h5,
.tns-tags li {
    font-family: Oswald, sans-serif
}

.kode-sp-new li,
.kode-sp-new ul,
.mega-dropdown-menu>li>ul>li {
    list-style: none
}

.spb-banner-wrap .text h3 a,
.spb-ticker2 .ticker-dec a,
.ticker-dec a {
    text-overflow: ellipsis;
    white-space: nowrap
}

#mainbanner .flex-direction-nav,
.dl-menuwrapper,
.spb-ticker2 .bx-controls-direction,
.tns-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto,
.tns-testimonial-silder .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    display: none
}

* {
    margin: 0;
    padding: 0
}

.ft-logo a img,
.ft-match-slider,
.ftb-bx-slider,
.ftb-bx-slider .bx-wrapper,
.ftb-date.date_2,
.ftb-gallery,
.ftb-gallery figure img,
.ftb-gallery ul,
.ftb-latestnew figure img,
.ftb-post-thumb a,
.ftb-result-logo a img,
.ftb_club_stats,
.ftb_club_stats ul,
.ftb_goal_caption,
.ftb_goal_club,
.ftb_goal_tab_des,
.ftb_goal_tab_detail,
.ftb_goal_tab_text,
.ftb_goal_tabs,
.ftb_goalpost,
.ftb_tabs_drop,
.kode-content,
.kode-content .aside .widget-form,
.kode_404_text,
.kode_404_wraper,
.kode_about_award,
.kode_about_awards_fig,
.kode_about_history,
.kode_awards_thumb,
.kode_benner1,
.kode_benner1_cols,
.kode_benner1_text,
.kode_blog_comment,
.kode_blog_des,
.kode_blog_fig,
.kode_blog_text,
.kode_blog_wraper,
.kode_calendar,
.kode_club_fig,
.kode_club_hdg,
.kode_club_training,
.kode_club_training ul,
.kode_club_wraper,
.kode_contact_form,
.kode_contact_form form,
.kode_contact_form_hdg,
.kode_contact_icon,
.kode_contact_office_des,
.kode_contact_office_list,
.kode_contact_social,
.kode_contant_area,
.kode_contant_field,
.kode_contect_office,
.kode_detail_admin,
.kode_detail_area,
.kode_detail_btn,
.kode_detail_caption,
.kode_detail_categories,
.kode_detail_categories ul,
.kode_detail_categories.flicker.macth.find,
.kode_detail_cols,
.kode_detail_cols ul,
.kode_detail_cols ul li,
.kode_detail_comment_list,
.kode_detail_fig,
.kode_detail_find_facebook,
.kode_detail_find_fig,
.kode_detail_find_row,
.kode_detail_form,
.kode_detail_form form,
.kode_detail_post,
.kode_detail_quote,
.kode_detail_related,
.kode_detail_related .slick-list.draggable,
.kode_detail_row,
.kode_detail_side_bar,
.kode_detail_side_field,
.kode_detail_sport,
.kode_detail_text,
.kode_detail_title ul,
.kode_history_text,
.kode_history_winner,
.kode_history_winner li,
.kode_macth_text,
.kode_player_fig,
.kode_player_item,
.kode_player_item .kode-ply-slid.slick-initialized.slick-slider.slick-dotted,
.kode_player_wraper,
.kode_ply_caption,
.kode_ply_galery_list,
.kode_ply_gallery,
.kode_ply_gallery .kode-ply-list.slick-initialized.slick-slider,
.kode_ply_gallery .kode-ply-list.slick-initialized.slick-slider.slick-dotted,
.kode_ply_gallery .kode-ply-slid.slick-initialized.slick-slider.slick-dotted,
.kode_ply_icon,
.kode_ply_list,
.kode_ply_table,
.kode_ply_text,
.kode_quote_text,
.kode_standerd_date,
.kode_ticket_list,
.kode_ticket_list li,
.kode_ticket_sig_fig,
.kode_ticket_sig_row,
.kode_ticket_sig_row ul,
.kode_ticket_sigle_wraper,
.kode_ticket_standerd_detail,
.kode_ticket_standerd_detail ul,
.kode_ticket_standerd_detail ul li,
.kode_ticket_wraper,
.kode_video_fig,
.login-dec,
.logo-wrap2,
.spb-banner,
.spb-banner-wrap .text h3,
.spb-brandadd img,
.spb-flicker ul li img,
.spb-hd-banner a img,
.spb-helpdeck,
.spb-latest-news,
.spb-latest-news6,
.spb-meta2,
.spb-metalink,
.spb-news-ul,
.spb-tabs-wrap,
.spb-ticker .top_slider_bxslider,
.tennis-header,
.text,
.thumb-slider img,
.tns-banner .bxslider,
.tns-banner-wrap img,
.tns-blog-wrap .thumb img,
.tns-classes .thumb img,
.tns-countdown .countdown.count_2,
.tns-event .thumb img,
.tns-fixure-tabs,
.tns-ftlogo a img,
.tns-gallery-thumb img,
.tns-tags,
.tns-team img,
.tns-team-1 a img,
.tsn-news ul,
.tsn-search form,
.widget-categories ul,
.widget-news>ul,
.widget-social ul,
header {
    float: left;
    width: 100%
}

.kode_club_wraper {
    position: relative;
    z-index: -1;
}

.ft-plus {
    margin: -36px 65px
}

.ft1-plus {
    margin: -36px 85px
}

.slide-content {
    position: absolute;
    bottom: 40px;
    right: 50px
}

.slide-content h3 {
    color: #fff;
    padding: 10px 20px
}

.slide-content p {
    background: #359cf1;
    color: #fff;
    padding: 5px 20px;
    font-size: 16px;
    text-align: center;
    margin-left: 90px
}

.navbar-nav {
    text-align: right;
    float: none
}

.navbar-nav>li,
.spb-pagination .pagination li {
    float: none;
    display: inline-block
}

.dropdown-menu::before {
    display: block;
    content: ''
}

.get_intouch {
    position: fixed;
    z-index: 999;
    bottom: 70px;
    left: -46px;
    color: #fff;
    transform: rotate(-90deg);
    padding: 9px 15px 12px;
    font-size: 18px;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, .2);
    cursor: pointer;
    transition: .2s ease-in-out
}

.callus,
.emailus {
    color: #333 !important;
    font-weight: 700
}

.ftb-result-logo span b,
.social-style3 {
    -webkit-transform: skewX(45deg);
    -moz-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    -o-transform: skewX(45deg)
}

.get_intouch:hover {
    background: #666
}

.dropdown-header,
.ftb-compitatev.tev_2,
.ftb_goal_tab_des .panel-body,
.kode-football .kode-content,
.kode-sp-new .kode-content,
.kode_contect_office .col-md-4,
.kode_detail_categories.flicker.macth.find,
.kode_detail_categories.flicker.macth.find .kode_detail_find_fig li a:hover {
    padding: 0
}

.kode-football section {
 padding: 25px 0;
 float: left;
 width: 100%;
 background-color: #f5f5f5
}

.hire {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 3px solid #fff;
    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: 3px solid #fff;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff
}

.callus {
    font-size: 15px;
    margin-top: 14px
}

.emailus {
    font-size: 15px;
    margin-top: 5px
}

.football-header {
    background-color: rgba(255, 255, 255, .95);
    position: absolute;
    z-index: 10
}

.login-meta li,
.login-wraper3,
.logo-3,
.social-style3 {
    position: relative
}

.topbar4 {
    float: left;
    width: 100%;
    border-top: 1px solid
}

.login-meta,
.login-meta li,
.login-wraper3 {
    width: auto;
    float: left
}

.login-wraper3 {
    margin-right: 45px;
    padding-right: 22px
}

.login-wraper3:after,
.login-wraper3:before {
    width: 0;
    border-style: solid;
    border-width: 0 45px 45px 0;
    content: "";
    position: absolute;
    left: -45px;
    top: 0;
    bottom: 0;
    height: 100%
}

.login-wraper3:after {
    border-width: 45px 45px 0 0;
    left: auto;
    right: -45px
}

.login-meta {
    padding: 2px 23px 3px 0
}

.login-meta li {
    padding: 0 5px
}

.login-meta li:before {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    background: #fff;
    bottom: 0;
    content: ""
}

.login-dec a:last-of-type:before,
.login-meta li:last-child:before,
.login-meta.meta_2 li:before {
    width: 0
}

.login-meta li>a {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #fff;
    line-height: 13px;
    margin-top: 12px;
    font-weight: 600;
    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: 6px auto auto;
    width: 253px
}

#show-class>form input {
    height: 30px;
    width: 100%;
    color: #000;
    box-shadow: 0 0 4px -2px #000;
    padding: 0 10px;
    background-color: #fff
}

.social-style3 {
    float: right;
    width: auto;
    background: #03335a;
    transform: skewX(45deg);
    padding: 0 30px
}

.social-style3:before {
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    content: "";
    background: #000;
    height: 1px
}

.compitatev-team1,
.countdown-dec,
.ft-logo a,
.ft-team-1,
.kode_detail_share,
.kode_detail_sport figure,
.nav4 .kode_nave,
.sbp-ftnav,
.social-style3 li,
.social-wrap,
.social-wrap li,
.spb-nav .navigation,
.spb-social1,
.spb-social1 li,
.spb-social2,
.spb-team1,
.tennis-logo a,
.tennis-nav .navigation,
.tennis-nav .navigation li,
.tns-ftlogo a,
.tns-team-1 {
    float: left;
    width: auto
}

.football-footer .spb-meta2 li:first-child a,
.football-footer .spb-meta2 li:first-child span,
.ftb-bx-slider .bx-wrapper .bx-controls-direction a:hover:before,
.ftb-latestnew2:hover .text h4 a,
.ftb-latestnew2:hover .text p,
.ftb-new-dec .text>a:hover,
.ftb-rating-table li div a,
.ftb-result1 .text h6 a,
.ftb-tabs-wrap .nav-tabs li.active a,
.ftb-ticket.ticket_2 .hire:hover,
.ftb_goal_tab_detail li a.active,
.ftb_goal_tab_detail li a:hover,
.heading5.hdg_5.hdg_6 h4,
.kode_404_text form input:focus,
.kode_blog_fig:hover .kode_blog_comment>a,
.kode_blog_pagination a:hover,
.kode_contact_icon li a:hover,
.kode_detail_btn button:hover,
.kode_detail_share li a:hover,
.kode_detail_text.p_2 a:hover,
.nav4 .kode_nave li:hover a,
.social-style3 li:hover a {
    color: #fff
}

.social-style3 li a {
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    color: #95a9bb;
    display: block;
    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    transform: skewX(-45deg)
}

.logo-3 {
    margin: 8px 0;
    width: auto;
    float: left;
    top: 2px
}

.spb-ticker2 {
    overflow: hidden;
    padding: 19px 0
}

.spb-ticker2 .bx-wrapper {
    float: none;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0;
    width: auto
}

.spb-ticker2 span {
    background: 0 0 !important;
    font-size: 15px;
    font-style: italic;
    font-weight: 600;
    line-height: 15px;
    padding: 10px 12px;
    width: auto;
    float: left
}

.ticker-dec {
    float: left;
    width: 100%;
    line-height: 14px;
    padding: 10px 0 9px
}

.spb-ticker2 .ticker-dec a {
    color: #333;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: hidden;
    text-transform: capitalize;
    width: 100%;
    float: left
}

.spb-ticker .bx-wrapper .bx-viewport {
    width: auto !important
}

div#google_translate_element div.goog-te-gadget-simple {
    background-color: transparent;
    border-color: transparent
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
    color: #fff !important;
    border-color: transparent !important
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover {
    color: #eee
}

.ftb-resultbg.ftb_2 .slick-next.slick-arrow,
.ftb-resultbg.ftb_2 .slick-prev.slick-arrow,
.goog-te-gadget img,
.kode_detail_categories.flicker .slick-next.slick-arrow,
.kode_detail_categories.flicker .slick-prev.slick-arrow,
.kode_detail_fig.side_2 .slick-next.slick-arrow,
.kode_detail_fig.side_2 .slick-prev.slick-arrow,
.main-slide .html5-video-player.unstarted-mode.ytp-hide-controls .ytp-chrome-top.ytp-share-button-visible,
.pp_social,
.spb-video-slider .slider-nav .slick-next.slick-arrow,
.spb-video-slider .slider-nav .slick-prev.slick-arrow {
    display: none !important
}

.sub-ic {
    font-size: 13px !important;
    font-weight: 100 !important;
    padding-left: 8px
}

.book-now,
.nav4 .kode_nave li a,
.navbar-default .navbar-nav>li>a {
    font-weight: 700;
    text-transform: uppercase
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.navbar-default .navbar-nav>li>a {
    -webkit-text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.8);
    text-shadow: 0 4px 3px rgba(0, 0, 0, .8)
}

.kode_contant_field .help-block,
.kode_contant_field label.error,
.navbar-default .navbar-nav>li>a:hover {
    color: #da251d
}

.mega-dropdown {
    position: static !important
}

.mega-dropdown-menu {
    padding: 20px 0;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none
}

.mega-dropdown-menu:before {
    content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    right: 270px;
    z-index: 10
}

.mega-dropdown-menu>li>ul {
    padding: 0;
    margin: 0 0 10px;
    border: 1px solid #eaeaea
}

.mega-dropdown-menu>li>ul>li>a {
    display: block;
    padding: 2px 8px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #8a8a8a;
    white-space: normal
}

.mega-dropdown-menu>li ul>li>a:focus,
.mega-dropdown-menu>li ul>li>a:hover {
    text-decoration: none;
    background-color: #f3f3f3
}

.mega-dropdown-menu .dropdown-header,
.mega-dropdown-menu .dropdown-header a {
    color: #222;
    font-size: 15px;
    font-weight: 600;
    white-space: normal
}

.mega-dropdown-menu .dropdown-header a {
    padding: 8px;
    background: #333;
    color: #fff
}

.mega-dropdown-menu form {
    margin: 3px 20px
}

.mega-dropdown-menu .form-group {
    margin-bottom: 3px
}

.nav4 {
    float: left;
    width: 100%;
    background: #05467b;
    position: relative
}

.nav4:before {
    position: absolute;
    right: 0;
    background: #03335a;
    width: 28%;
    top: 0;
    bottom: 0;
    content: ""
}

.nav4 .kode_nave li {
    float: left;
    padding: 29px 20px 27px;
    position: relative;
    z-index: 999
}

.nav4 .kode_nave li a {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #95a9bb;
    line-height: 14px
}

..tns-gallery2-bg .container,
.ftb-counterup .container,
.ftb-gallery-bg .container,
.ftb-resultbg .container,
.kode_club_fig figure,
.kode_ply_galery_list li figure,
.kode_video_fig figure,
.logo-wrap .container,
.spb-footer .container,
.tennis-nav .navigation li,
.thumb-slider .container,
.tns-banner-wrap .container {
    position: relative
}

.nav4 .kode_nave li ul,
.tennis-nav .navigation ul {
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 220px;
    background-color: #333;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.nav4 .kode_nave li:hover ul,
.tennis-nav .navigation li:hover ul {
    top: 100%;
    overflow: visible;
    visibility: visible;
    opacity: 1
}

.nav4 .kode_nave li ul li,
.tennis-nav .navigation li ul li {
    width: 100%;
    padding: 0
}

.nav4 .kode_nave li ul li a,
.tennis-nav .navigation li ul li a {
    background-color: #000;
    width: 100%;
    padding: 18px 20px 17px;
    position: relative;
    z-index: 999;
    border-bottom: 1px solid #333
}

.nav4 .kode_nave li ul li a:before,
.tennis-nav .navigation li ul li a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 2px;
    z-index: -1;
    opacity: 1
}

.kode_about_awards_fig a:hover,
.kode_detail_side_field button:hover,
.spb-ticker .bx-wrapper .bx-controls-direction a:hover,
.tennis-nav .navigation li ul li a:hover:before,
.text-caption a:hover {
    background-color: #000
}

.ftb-team-thumb:hover figure:before,
.kode_ply_list a:hover:before,
.nav4 .kode_nave li ul li a:hover:before,
.spb-nav .navigation li:hover a:before,
.spb-tab-dropdown.open button:before,
.spb-tabs-nav li.active a:before,
.tennis-nav .navigation 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: 0
}

.book-now {
    float: left;
    width: auto;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    margin-right: 30px
}

.book-now i,
.kode_detail_title ul li a i,
ul.social-wrap {
    margin-right: 10px
}

.football-caption h4,
.football-caption h6 {
    margin: 0 0 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700
}

.lung-link {
    float: right;
    width: auto;
    margin-top: 5px
}

.lung-link a {
    float: left;
    width: auto;
    padding: 2px 10px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 11px;
    border-left: 1px solid #fff
}

.ftb-main-table li>div:last-child,
.ftb-rating-table li:last-child div,
.lung-link a:first-child,
.tns-tabnav li:last-of-type {
    border: none
}

.thumb-slider,
.tns-classes .thumb,
.tns-countdown-wrap,
.tns-gallery2 .thumb {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden
}

.kode-ft-caption {
    top: 61%;
    left: 0;
    margin: -140px auto 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 999
}

.btn-4,
.ft-match-dec,
.ftb-main-table li,
.ftb-post-thumb,
.ftb-result-logo>a,
.ftb-resultbg,
.heading5.black h4 {
    position: relative
}

.btn-4,
.kode-ft-caption p,
.kode_about_awards_fig figure,
.kode_about_awards_fig img,
.kode_detail_sport figure img,
.kode_player_fig figcaption img {
    width: auto
}

.football-caption {
    display: inline-block;
    width: auto;
    border-width: 0 0 0 1px;
    border-style: solid;
    background: rgba(5, 70, 123, .8);
    padding: 40px 30px
}

.text-right .football-caption {
    border-width: 0 1px 0 0
}

.ftb-ticket .hire,
.text-center .football-caption {
    border-width: 1px
}

.football-caption h6 {
    font-size: 36px;
    line-height: 26px
}

.football-caption h4 {
    font-size: 76px;
    line-height: 55px
}

.football-caption h5 {
    color: #fff;
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 38px;
    margin: 0
}

.btn-4 i,
.kode-ft-caption .btn-4 {
    line-height: 18px
}

.btn-4 {
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 10px;
    color: #fff;
    font-weight: 700;
    padding: 20px 40px
}

.btn-4 i {
    display: inline-block;
    margin-left: 15px;
    height: 18px;
    width: 18px;
    border-radius: 100%;
    background-color: #fff;
    color: #11181f;
    font-size: 13px;
    text-align: center
}

.ft-match-dec>span,
.ft-match-teams span,
.ft-team-1 h5,
.ft-team-2 h5 {
    color: #333;
    text-transform: uppercase;
    font-weight: 700
}

.kode-ft-caption p a:before {
    width: 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
}

.ftb-item:hover .text,
.ftb-item_padding .active.ftb-item .text,
.ftb-main-table li:hover:after,
.kode-ft-caption.text-center p a:before,
.spb-center .slick-center .spb-banner-wrap:before,
.spb-copyright #kode-topbtn:after,
.spb-copyright #kode-topbtn:before,
.tns-classes:hover .thumb-caption,
.tns-team:hover .tns-team-caption {
    opacity: 0
}

.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
}

.ft-team-2>a,
.kode-ft-caption.text-right p a i {
    float: left;
    margin: 0 15px 0 0
}

.ft-match-slider .owl-item.active {
    margin: 0 !important
}

.ft-match-dec {
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px;
    background: #eaeaea;
    z-index: 1
}

.ftb-gallery-bg,
.ftb-latestnew-wrap,
.ftb-resultbg {
    background-size: cover;
    background-repeat: no-repeat
}

.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: .02
}

.ft-match-dec>span {
    font-size: 15px;
    line-height: 15px;
    float: left;
    width: 100%;
    margin-top: -3px;
    margin-bottom: 19px
}

.counterup-dec,
.ft-match-teams,
.ftb-resultbg.ftb_2 .kode-ftb-slid.slick-initialized.slick-slider.slick-dotted,
.login-meta .kode_model_btn,
.spb-oponant span,
.spb-result-team,
.tns-social2 {
    float: left;
    width: 100%;
    text-align: center
}

.ft-match-teams span {
    display: inline-block;
    font-size: 16px;
    line-height: 30px
}

.ft-team-2,
.login-wrap,
.spb-user-wrap {
    float: right;
    width: auto
}

.ft-team-1 h5,
.ft-team-2 h5 {
    float: left;
    width: auto;
    font-size: 13px;
    margin: 0;
    line-height: 30px
}

.btn-group-vertical,
.compitatev-team2,
.compitatev-team2 img,
.ft-team-2 h5,
.ftb-result2 .ftb-result-logo>a,
.ftb_tabs_drop .btn-group,
.kode_player_text,
.kode_standerd_date .full-right,
.kode_ticket_list .ticket_btn,
.like-icon.right,
.spb-team2,
.tns-team-2,
.widget-categories ul li a b {
    float: right
}

.ft-team-1>a,
.ft-team-2>a {
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    overflow: hidden;
    margin-left: 15px
}

.ftb-result-wrap,
.heading5,
.heading5 h1,
.heading5 p {
    width: 100%;
    float: left
}

.ft-team-1>a img {
    border-radius: 100%;
    -webkit-border-radius: 100%
}

.ftb_goalpost {
    background-color: #f7f7f7
}

.ftb-latestnew2:hover .text>a,
.ftb_goal_tab_des,
.hire:hover,
.tns-gallery-caption a:hover,
.tns-social2 li a:hover,
.tsn-search button:hover,
.white.tns-heading1 span:after,
.white.tns-heading1 span:before {
    background-color: #fff
}

.ftb-ticket.ticket_2,
.ftb_goal_tab_des .col-md-3 {
    padding-left: 0
}

.ftb_goal_tabs {
    padding: 24px 0 0
}

.ftb_goal_tab_detail {
    margin-bottom: 24px
}

.ftb_goal_tab_detail li {
    float: left;
    border: 1px solid #eee;
    border-right: none
}

.ftb_goal_tab_detail li:last-child {
    border-right: 1px solid #eee
}

.ftb_goal_tab_detail li a {
    display: inline-block;
    width: 287px;
    height: 70px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 70px
}

.ftb_goal_tab_text p {
    margin-bottom: 10px;
    line-height: 24px
}

.ftb_goal_caption {
    margin-bottom: 18px
}

.countdown li:last-child,
.ftb-latestnew2-wrap .ftb-latestnew2:last-child,
.ftb-new-dec .text ul li:last-child,
.ftb-result-wrap.wrap_2,
.ftb-result1 .text span:last-child,
.ftb-resultbg.ftb_2 .slick-dotted.slick-slider,
.ftb-tabs-wrap .nav-tabs li:last-child,
.ftb_club_stats ul li:last-child,
.ftb_club_stats ul li:nth-child(7),
.ftb_goal_caption.margin_0,
.kode_4043_icon li:last-child,
.kode_404_social li:last-child,
.kode_404_text.coming_soon .kode_4043_icon li:last-child,
.kode_benner1.bamnner2,
.kode_blog_comment ul li:first-child,
.kode_contact_icon li:last-child,
.kode_contact_office_des:last-child,
.kode_contant_area button:last-child,
.kode_detail_categories.flicker .slick-dotted.slick-slider,
.kode_detail_fig.side_2 .slick-dotted.slick-slider,
.kode_detail_related.comment.leave,
.kode_detail_text p:last-child,
.kode_detail_title ul li:last-child,
.kode_detail_title.title_2 ul,
.kode_history_text p:last-child,
.kode_player_text h6:last-child,
.kode_ply_gallery.gly_3 p:last-child,
.kode_ply_icon ul li:last-child,
.login-dec a:last-of-type,
.login-wrap .dropdown button,
.sbp-ftnav li:last-child,
.spb-latest-news3 .spb-meta2,
.spb-latest-news4 .spb-meta2,
.spb-latest-news6 .spb-meta2,
.spb-meta2 li:last-child,
.spb-nav .navigation li:last-child,
.spb-oponant em:last-child,
.spb-pagination .pagination li:last-child a,
.spb-social2 li:last-child,
.spb-tabs-nav li:last-child,
.thumb-caption2 li:last-child,
.tns-blog-caption ul li:last-child,
.tns-midbar .hire:last-of-type,
.tns-social2 li:last-child {
    margin: 0
}

.ftb_goal_caption span {
    display: inline-block;
    float: left;
    font-size: 45px;
    color: #359cf1;
    margin-bottom: 10px;
    margin-right: 10px
}

.ftb_goal_caption h5 {
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 18px
}

.ftb_goal_caption h5 a,
.kode_404_text.text_2 form input:focus,
.kode_benner1_cols .breadcrumb li a:hover,
.spb-flicker ul li .spb-play:hover,
.spb-popular-dec .spb-play:hover,
.tns-copyright p a:hover {
    color: #000
}

.ftb_goal_caption p {
    float: left;
    color: #666;
    margin: 0;
    line-height: 22px
}

.ftb_goal_club {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 19px
}

.ftb_goal_club h3 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 13px
}

.ftb_goal_club p {
    margin: 0;
    line-height: 22px
}

.ftb_goal_club:last-child {
    margin-top: 25px;
    border: none
}

.ftb_club_stats p {
    line-height: 22px;
    margin-bottom: 30px
}

.ftb_club_stats ul li,
.text.text_3 h4 {
    margin-bottom: 11px
}

.ftb_club_stats ul li a {
    display: inline-block;
    color: #999
}

.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: 0
}

.ftb_goal_tab_des .panel,
.ftb_tabs_drop .btn-group.open .dropdown-toggle {
    box-shadow: 0 0
}

.ft-about-wrap .text ul li a:hover img {
    opacity: .5
}

.black.tns-heading1 h4,
.heading5.hdg_6 h1,
.heading5.ticket_hdg h4,
.kode_model_btn a {
    color: #333
}

.ftb-resultbg {
    background-image: url(../images/ftb-resultbg.jpg)
}

.ftb-resultbg:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    background-color: #000;
    opacity: .72
}

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

.ftb-result1,
.heading5.text-left,
.text-caption.text-left {
    text-align: left
}

.heading5 h1 {
    font-size: 30px;
    line-height: 23px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333
}

.heading5.black h4 {
    color: #333
}

.heading5 p {
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 20px;
    margin: 20px 0 0;
    text-align: center
}

.ftb-result-wrap {
    margin-bottom: 30px;
    padding: 0 30px
}

.ftb-result1 {
    float: left;
    width: 33.3%
}

.ftb-result1 .text {
    float: left;
    width: 100%;
    padding: 0 130px 0 40px
}

.ftb-result2,
.text-caption.text-right {
    text-align: right
}

.ftb-result-logo {
    float: left;
    width: 100%;
    margin-bottom: 29px
}

.ftb-result-logo>a {
    float: left;
    width: 101px;
    height: 107px;
    z-index: 3
}

.ftb-result-logo span {
    float: left;
    width: auto;
    line-height: 24px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    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 {
    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: 700;
    border-bottom: 3px solid;
    padding-bottom: 6px;
    margin-bottom: 14px;
    color: #fff
}

.ftb-final-result em,
.ftb-final-result em i,
.ftb-result1 .text span {
    font-size: 14px;
    text-transform: capitalize;
    line-height: 14px;
    color: #fff
}

.ftb-result1 .text span {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.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 p,
.ftb-post-thumb,
.ftb-post-thumb img,
.heading6,
.heading6 h4 {
    width: 100%;
    float: left
}

.ftb-final-result em,
.ftb-final-result em i {
    float: left;
    width: 100%;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 30px
}

.ftb-final-result em i {
    margin: 10px 0 0
}

.ftb-final-result p {
    font-weight: 700;
    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,
.ftb-load a:hover,
.spb-btn3:hover,
.spb-copyright #kode-topbtn:hover,
.spb-video-slider .slick-next:hover::before,
.spb-video-slider .slick-prev:hover::before {
    background-color: #fff;
    color: #000
}

.heading6 {
    text-align: left;
    margin-bottom: 30px;
    border-bottom: 1px solid #cbcbcb
}

.heading6 h4 {
    font-size: 30px;
    line-height: 23px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 14px
}

.compitatev-team1 a,
.ftb-compitatev span {
    line-height: 76px;
    text-transform: uppercase;
    font-weight: 700
}

.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: #666;
    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: 0;
    content: "\f104";
    left: 0
}

.ftb-post-thumb {
    margin-bottom: 33px;
    overflow: hidden;
    background-color: #000
}

.countdown.countdown-dec.countdown,
.ftb-tabs-wrap,
.kode_benner1_cols,
.kode_contact_form_hdg,
.kode_detail_categories ul li:last-child,
.kode_player_item .slick-dotted.slick-slider,
.kode_ply_gallery .slick-dotted.slick-slider,
.spb-popular-dec .spb-meta2,
.spb-widget,
.text .rating.rating_3,
.tns-load.ftb-load,
.tsn-contact-dec:last-of-type {
    margin-bottom: 0
}

.ftb-post-thumb img {
    opacity: .55
}

.ftb-post-thumb:hover a img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.ftb-post-thumb .text {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px
}

.ftb-post-thumb .text h6 {
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700
}

.ftb-post-thumb .text .btn-4 {
    padding: 15px 25px;
    width: auto;
    margin-top: 13px
}

.buy-btn:hover,
.ftb-latestnew2:hover .text>a:hover,
.ftb-post-thumb .text .btn-4:hover,
.spb-btn2:hover,
.spb-btn: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)
}

.ftb-rating-table {
    display: table;
    width: 100%
}

.ftb-rating-table li {
    display: table-row;
    background-color: #020000;
    height: 66px;
    float: none;
    padding-bottom: 1px
}

.ftb-rating-table li div {
    display: table-cell;
    text-align: center;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
    min-width: 30px;
    padding: 0 10px 1px;
    border-bottom: 1px solid #2e2f31
}

.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
}

.ftb-tabs-wrap {
    float: left;
    width: 100%;
    padding-top: 0
}

.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 a {
    border: 1px solid #cbcbcb;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 11px;
    padding: 20px 25px;
    text-transform: uppercase;
    margin: 0;
    background-color: transparent;
    min-width: 217px;
    text-align: center
}

.ftb-main-table {
    width: 100%;
    display: table
}

.ftb-main-table li {
    display: table-row;
    background-color: #292e32;
    height: 100px;
    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: .25;
    z-index: -1
}

.countdown li:first-child:after,
.countdown li:first-child:before,
.ftb-main-table.table_2 li:nth-child(odd):after,
.kode_detail_related .slick-next:hover,
.kode_detail_related .slick-prev:hover,
.kode_standerd_select .ui-button,
.kode_standerd_select .ui-state-default,
.kode_standerd_select .ui-widget-content,
.kode_standerd_select .ui-widget-header .ui-state-default,
.tns-testimonial-silder .bx-wrapper .bx-viewport,
.ui-widget-content .ui-state-default,
html .kode_standerd_select .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    background: 0 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: 400;
    color: #fff;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: rgba(255, 255, 255, .1)
}

.compitatev-team1 img {
    float: left;
    margin: 0 10px 0 0;
    width: 73px;
    height: 76px
}

.compitatev-team1 a {
    font-size: 16px;
    color: #fff
}

.compitatev-team2 img {
    margin: 0 0 0 20px
}

.ftb-compitatev span {
    display: inline-block;
    width: 90px;
    height: 76px;
    background-color: #34393c;
    font-size: 42px;
    color: #fff;
    border-bottom: 3px solid;
    text-align: center
}

.ftb-counterup,
.ftb-gallery figure {
    width: 100%;
    position: relative;
    float: left
}

.ftb-main-table li:hover .ftb-compitatev span {
    border-color: #292e32;
    background-color: #fff
}

.ftb-gallery-bg {
    position: relative;
    background-image: url(../images/ftbgallery.webp)
}

.ftb-gallery-bg:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    opacity: .75;
    content: ""
}

.ftb-gallery ul li {
    float: left;
    width: 33.3%;
    padding: 5px
}

.ftb-gallery figure {
    background-color: #000;
    margin: 0;
    cursor: pointer
}

.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: .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,
.ftb-item:hover .text.text-hover,
.ftb-item_padding .active.ftb-item .text.text-hover,
.ftb-main-table.table_2 li:hover:after,
.ftb-team-thumb:hover .arrow-iconbtn,
.spb-popular-dec:hover figure:after,
.tns-achiv:hover figcaption,
.tns-achiv:hover figure:before,
.tns-classes:hover .thumb-caption-overlay .tns-btn,
.tns-classes:hover .thumb-caption-overlay p,
.widget-instagram ul li a:hover:after,
.widget-instagram ul li a:hover:before {
    opacity: 1
}

.ftb-gallery figcaption h4 {
    font-size: 16px;
    line-height: 38px;
    text-transform: uppercase;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    width: calc(100% - 22px);
    text-align: center;
    margin: 0 auto;
    cursor: pointer
}

.ftb-gallery figcaption a {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    padding: 11px 36px 12px
}

.ftb-gallery figcaption a:hover,
.spb-read a:hover {
    color: #000;
    background-color: #fff
}

.login-meta .kode_model_btn a,
.tns-load a {
    text-transform: uppercase
}

.ftb-counterup {
    padding: 20px 0
}

.ftb-counterup::before {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .12;
    position: absolute;
    right: 0;
    top: 0
}

.ftb-counterup .counterup-dec span {
    float: left;
    width: 48px;
    height: 48px;
    border-radius: 0;
    border: none;
    margin: 0 12px 0 0;
    line-height: 48px;
    font-size: 48px;
    color: #333
}

.ftb-counterup .counterup-dec .text {
    float: none;
    overflow: hidden;
    width: auto; 
}

 .ftb-counterup .counterup-dec h3 {
  font-size: 36px;
  color: #da251d;
  font-weight: 700;
  position: relative;
  margin: 0 0 30px 0;
 }

 .ftb-counterup .counterup-dec h3::after {
  content: "\f067";
  font: 14px / 1 FontAwesome;
  position: absolute;
  top: 3px;
  font-size: 24px;
  display: inline-flex;
  margin-left: 5px;
}

.ftb-counterup .counterup-dec p {
float: left;
width: 100%;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #333;
margin: 0;
line-height: 14px
}
 .ftb-counterup .counterup-dec {
  display: flex;
  gap: 15px;
  flex-direction: column;
  text-align: center;
  min-width: 100%;
 }

 .ftb-counterup .counterup-dec .counter-icon img {
  border-radius: 5px;
 }

.ftb-item,
.ftb-team-thumb {
 float: left;
 width: 100%;
 position: relative;
 margin-bottom: 0
}

.ftb-team-thumb figure {
    margin: 0;
    text-align: center;
    background-color: #fff;
    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: .68;
    background-color: #000;
    width: 0
}

.ftb-team-thumb figure img {
    display: inline-block;
    width: auto
}

.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);
    left: 0;
    position: relative;
    top: 5px
}

.ftb-team-dec>span {
    float: left;
    width: auto;
    font-size: 46px;
    color: #666;
    line-height: 46px;
    font-weight: 400
}

.ftb-team-thumb:hover .ftb-team-dec>span,
.kode_detail_categories.flicker.macth .kode_detail_macth li h2 {
    font-weight: 700
}

.ftb-team-dec .text {
    float: none;
    width: auto;
    overflow: hidden;
    padding: 6px 20px 0
}

.ftb-team-dec .text a {
    font-size: 16px;
    line-height: 16px;
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    color: #333;
    margin-bottom: 7px
}

.ftb-team-dec .text p {
    margin: 0;
    line-height: 14px;
    text-transform: capitalize
}

.buy-btn,
.ftb-item .text h4,
.ftb-item .text>span,
.ftb-new-dec h4,
.ftb-new-dec span {
    text-transform: uppercase;
    font-weight: 700
}

.ftb-item_padding,
.spb-latest-news .text {
    float: left;
    width: 100%;
    padding: 20px 0
}

.ftb-item figure {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
    background-color: #eee
}

.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: 0
}

.ftb-item .text.text_3.text_4 {
    opacity: 1;
    padding-bottom: 0
}

.ftb-item .text.text-hover {
    position: absolute;
    opacity: 0;
    bottom: 0;
    padding: 0;
    margin: 0
}

.ftb-item.item_2:hover .rating.rating_3 span,
.ftb-item:hover .rating.rating_3 span {
    color: #d4af37
}

.ftb-item .text h4 {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 11px
}

.ftb-item .text>span {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px
}

.ftb-item .text>span del {
    color: #666;
    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: #999
}

.ftb-latestnew2,
.ftb-new-dec {
    background-color: #fff;
    float: left
}

.ft-logo,
.ftb_item_detail,
.login-meta .kode_modal_field,
.spb-result {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.buy-btn {
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    padding: 9px 25px 8px
}

.ftb-latestnew-wrap {
    background-image: url(../images/ftb-latestnew.jpg);
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 0
}

.ftb-latestnew-wrap:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .66;
    background-color: #000;
    content: ""
}

.ftb-latestnew,
.kode_contact_mapp,
.main-slide,
.spb-banner-wrap,
.spb-center,
.spb-header,
.spb-latest-news .thumb img,
.spb-text-widget form,
.tns-banner,
.tns-banner-wrap,
.tns-blog-wrap .thumb,
.widget-form form {
    float: left;
    width: 100%;
    position: relative
}

.ftb-latestnew figure {
    float: left;
    width: 100%;
    margin: 0
}

.ftb-new-dec {
    width: 100%;
    position: relative;
    padding: 40px 35px
}

.ftb-new-dec span {
    float: left;
    width: 135px;
    font-size: 80px;
    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%;
    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: #999;
    padding: 14px 24px 13px;
    font-weight: 700
}

.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 a {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #333
}

.ftb-new-dec .text ul li a i {
    margin-left: 5px;
    float: right;
    color: #666
}

.ftb-latestnew2 {
    padding: 21px;
    width: 100%;
    margin-bottom: 10px
}

.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
}

.football-footer {
    background: url(../images/football-bg.webp) center/cover no-repeat;
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 60px 0
}

.football-footer:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #333;
    opacity: .9;
    content: ""
}

.football-footer .spb-social2 li a {
    width: 38px;
    height: 38px;
    line-height: 34px;
    color: #fff
}

.football-footer .spb-social2 li a:hover,
.spb-center .slick-next,
.spb-center .slick-next:hover,
.spb-center .slick-prev,
.spb-center .slick-prev:hover {
    background-color: transparent
}

.football-footer .spb-text-widget p {
    margin-bottom: 10px;
    text-align: justify
}

.football-footer .spb-meta2 li a,
.football-footer .spb-meta2 li i,
.football-footer .spb-meta2 li span {
    font-style: normal;
    font-size: 14px;
    color: #d7d7d7
}

.football-footer .spb-flicker,
.kode_404_text,
.kode_about_awards_fig,
.kode_contact_icon,
.kode_macth_text,
.kode_quote_text,
.text-caption.text-center,
.widget-instagram,
.widget-result {
    text-align: center
}

.football-footer .spb-flicker ul {
    float: left;
    margin-bottom: 30px;
    margin-left: -10px
}

.football-footer .spb-flicker .spb-btn3,
.kode_4043_icon li {
    display: inline-block;
    float: none
}

.kode_benner1_cols .kf_container:after,
.kode_benner1_cols .kf_container:before {
    top: 0;
    width: 189px;
    z-index: 1;
    display: block;
    bottom: 0;
    position: absolute;
    content: ""
}

.football,
.kode_blog_date,
.kode_ply_icon ul,
.kode_ply_icon ul li,
.tennis-logo a img,
.thumb-caption .tns-btn,
.tns-team-2 a img,
.tns-text-widget .tns-social2 li {
    float: left
}

.football-footer .spb-flicker .spb-btn3:hover {
    outline: 0
}

.football-footer .spb-widget h4 {
    font-size: 13pt;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    line-height: 18px;
    margin-top: -3px
}

.football-footer .sbp-ftnav li a {
    font-size: 12px;
    line-height: 14px
}

.football-footer .spb-copyright p {
    font-size: 13px;
    color: #fff
}

.football {
    background-color: rgba(14, 20, 26, .95);
    width: 100%;
    position: relative;
    z-index: 999
}

.kode_benner1 {
    position: relative;
    overflow: hidden;
    z-index: -1
}

.kode_benner1_text {
    padding: 127px 0;
    margin-top: 0;
    text-align: center;
    background-image: url("../images/blogb.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.kode_benner1_text:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1b1b1b;
    opacity: .85
}

.kode_benner1_text h2 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    position: relative
}

.kode_benner1_cols {
    background-color: #000;
    text-align: center;
    position: relative;
    z-index: 999
}

.kode_benner1_cols .kf_container {
    position: relative;
    padding: 0 100px;
    background: 0 0
}

.kode_benner1_cols .kf_container:before {
    background-color: #000;
    left: 0;
    transform: translateX(-29%) skewX(-45deg)
}

.kode_benner1_cols .kf_container:after {
    background-color: #000;
    right: 0;
    transform: translateX(29%) skewX(46deg)
}

.kode_benner1_cols .breadcrumb {
    display: inline-block;
    width: 100%;
    position: relative;
    background: 0 0;
    margin: 0;
    border-radius: 0
}

.kode_benner1_cols .breadcrumb>li+li::before {
    content: "\f105";
    font-family: FontAwesome;
    color: #e7e7e7;
    padding: 0 10px
}

.kode_benner1_cols .breadcrumb li {
    font-weight: 700;
    color: #fff
}

.kode_benner1_cols .breadcrumb li a {
    display: inline-block;
    font-weight: 700;
    color: #fff
}

.kode_benner1_cols .breadcrumb:before {
    border-bottom: 0 solid transparent;
    border-left: 8px solid transparent;
    border-right: 14px solid transparent;
    border-color: #359cf1 transparent transparent;
    border-style: solid;
    border-top: 10px solid #359cf1;
    bottom: 0;
    content: "";
    height: 10px;
    left: -8px;
    position: absolute;
    width: 18px;
    z-index: 999
}

.kode_benner1_cols .breadcrumb:after {
    border-bottom: 0 solid transparent;
    border-left: 14px solid transparent;
    border-right: 8px solid transparent;
    border-color: #359cf1 transparent transparent;
    border-style: solid;
    border-top: 10px solid #359cf1;
    bottom: 0;
    content: "";
    height: 10px;
    right: -8px;
    position: absolute;
    width: 18px;
    z-index: 999
}

.kode_blog_wraper {
    padding: 69px 0 70px
}

.countdown.count_2,
.ftb-item.item_2.item_3,
.ftb-resultbg.ftb_2.ftb_3.ftb_4,
.ftb-resultbg.ftb_2.ftb_3:last-child,
.kode_blog_fig,
.kode_ply_list,
.kode_ticket_list li:last-child,
.spb-latest-news5,
.tns-fixure-dec .text .tns-heading1,
ul.spb-news-ul {
    margin-bottom: 30px
}

.kode_blog_fig figure {
    position: relative;
    margin: 0;
    z-index: 999
}

.kode_blog_fig:hover figure img,
.kode_detail_fig:hover figure img,
.kode_history_text: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: 0;
    right: 0;
    bottom: 100px;
    background-color: #040202;
    opacity: 0;
    z-index: 999
}

.kode_blog_fig:hover figure:before {
    top: 0;
    opacity: .7;
    bottom: 0
}

.kode_blog_fig figure:after {
    background: 0 0;
    opacity: 0;
    top: 0;
    bottom: 0;
    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: 0;
    right: 0;
    margin: -15px auto auto;
    text-align: center;
    color: #fff;
    z-index: 9999;
    transform: scale(1.6);
    -moz-transform: scale(1.6);
    -webkit-transform: scale(1.6);
    opacity: 0
}

.kode_blog_fig:hover figcaption {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.kode_blog_fig figcaption a {
    display: inline-block;
    color: #fff;
    font-size: 24px
}

.kode_blog_text {
    padding: 28px 0 0
}

.kode_blog_des {
    margin-bottom: 22px
}

.kode_blog_date p {
    color: #999;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 14px;
    margin: 0
}

.kode_blog_date span {
    display: inline-block;
    font-weight: 700;
    font-size: 55px;
    color: #666;
    line-height: 54px
}

.kode_blog_caption {
    overflow: hidden;
    padding-left: 22px
}

.kode_blog_caption h5 {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 4px
}

.kode_blog_caption p {
    line-height: 25px;
    font-size: 15px;
    margin: 0
}

.kode_blog_comment>a {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 16px;
    padding: 11px 20px;
    border: 1px solid #e5e5e5;
    float: left
}

.kode_blog_comment ul {
    float: right;
    padding: 10px 0
}

.kode_blog_comment ul li {
    float: left;
    margin-left: 30px
}

.kode_blog_comment ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700
}

.kode_blog_comment ul li a i {
    margin-right: 10px;
    color: #999
}

.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 #ddd;
    margin-right: 15px;
    font-weight: 700
}

.kode_blog_pagination .left,
.kode_blog_pagination .right {
    background-color: #333;
    color: #fff;
    border-color: #333;
    margin-right: 21px
}

.kode_blog_pagination .right {
    margin-right: 0;
    margin-left: 6px
}

.kode_blog_text.text_2 {
    float: left;
    width: 53%;
    padding: 0 35px 0 0
}

.kode_blog_text.text_2.text_3 {
    padding: 0 0 0 35px
}

.kode_blog_date.date_2 {
    float: none;
    margin-bottom: 16px
}

.kode_blog_caption.caption_2 {
    padding: 0;
    margin-bottom: 27px
}

.kode_blog_caption.caption_2 h5 {
    margin-bottom: 13px
}

.kode_blog2_thumb {
    float: left;
    width: 47%
}

.kode_detail_fig,
.kode_detail_text.p_2 p {
    margin-bottom: 27px
}

.kode_detail_fig figure {
    margin-bottom: 30px;
    overflow: hidden
}

.kode_detail_admin {
    margin-bottom: 23px
}

.kode_detail_admin span {
    display: inline-block;
    float: left;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    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,
.kode_ply_caption p:last-child {
    margin-bottom: 7px
}

.kode_detail_title ul li {
    float: left;
    margin-right: 30px
}

.kode_detail_title ul li a {
    font-size: 16px;
    color: #999;
    display: inline-block
}

.kode_detail_title h2 {
    font-weight: 700;
    text-transform: uppercase
}

.kode_detail_text p {
    margin-bottom: 18px;
    font-size: 15px
}

.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: 0;
    right: 120px;
    bottom: 0;
    z-index: -1
}

.discover,
.hire,
.tns-blog-caption ul li a,
.tsn-news ul li a,
.tsn-search input[type=text] {
    font-family: "Source Sans Pro", sans-serif
}

.kode_quote_text h6 {
    text-transform: uppercase;
    margin-bottom: 7px
}

.kode_detail_caption p {
    font-size: 15px;
    margin-bottom: 20px
}

.kode_detail_comment_text span,
.kode_detail_post .breadcrumb li a {
    font-size: 16px;
    display: inline-block
}

.kode_detail_post {
    padding: 13px 0 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px
}

.kode_detail_share h5,
.kode_macth_text h6 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 17px
}

.kode_detail_share li {
    float: left;
    margin-right: 15px
}

.kode_detail_btn button:last-child,
.kode_detail_categories.flicker.macth.find .kode_detail_find_fig li:nth-child(4),
.kode_detail_categories.flicker.macth.find .kode_detail_find_fig li:nth-child(8),
.kode_detail_field:nth-child(3),
.kode_detail_share li:last-child,
.kode_ply_galery_list.list_2 li:nth-child(3),
.kode_ply_galery_list.list_2 li:nth-child(6),
.kode_ply_galery_list>li:nth-child(4),
.kode_ply_galery_list>li:nth-child(8) {
    margin-right: 0
}

.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 h5 a {
    display: inline-block;
    margin-right: 20px
}

.kode_detail_post .breadcrumb {
    background: 0 0;
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    top: 33px
}

.kode_detail_related {
    padding: 15px 0 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 45px
}

.kode_detail_related h2 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 24px
}

.kode_blog_fig.fig_2 {
    width: 90%;
    float: left;
    margin-right: 45px;
    margin-bottom: 0
}

.kode_detail_related .slick-next,
.kode_detail_related .slick-prev {
    height: 20px;
    width: 20px;
    background: 0 0;
    position: absolute;
    top: -30px
}

.kode_detail_related .slick-next {
    right: 34px
}

.kode_detail_related .slick-prev {
    right: 50px;
    left: auto
}

.kode_detail_related .slick-next:before,
.kode_detail_related .slick-prev:before {
    bottom: 0;
    content: "\f105";
    color: #666;
    font-family: FontAwesome;
    left: 0;
    line-height: 72px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: -32px;
    font-size: 17px
}

.kode_detail_related .slick-prev:before,
.kode_ply_gallery .slick-prev:before,
.spb-ticker .bx-wrapper a.bx-prev:before,
.spb-video-slider .slick-prev::before {
    content: "\f104"
}

.kode_detail_related.comment {
    padding: 0;
    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,
.kode_detail_find_fig ul li img:hover {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2)
}

.kode_detail_comment_list {
    padding: 40px 0;
    border-bottom: 1px solid #ddd
}

.kode-football .section_1,
.kode_detail_comment_list.list_2,
.kode_detail_title.title_2,
.spb-popular-dec:first-of-type {
    padding-top: 0
}

.kode_detail_comment_text {
    overflow: hidden;
    position: relative;
    padding: 12px 0 2px 30px
}

.kode_detail_comment_text h5 {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 40px
}

.kode_detail_comment_text p {
    font-size: 15px;
    margin: 0;
    padding: 7px 0;
    line-height: 20px
}

.kode_detail_comment_text a {
    position: absolute;
    top: 12px;
    right: 293px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

.kode_detail_comment_text.comment_2 a {
    right: 217px
}

.kode_detail_comment_text a i,
.kode_ply_icon ul li {
    margin-right: 15px
}

.kode_detail_cols ul ul {
    padding-left: 50px
}

.kode_detail_field {
    float: left;
    width: 32%;
    margin-right: 17px;
    margin-bottom: 20px
}

.kode_detail_area textarea,
.kode_detail_field input {
    width: 100%;
    height: 40px;
    font-size: 15px;
    padding: 0 10px;
    color: #999;
    border: none;
    border-bottom: 1px solid #e7e7e7;
    box-shadow: 0 0
}

.kode_404_text form input:focus,
.kode_contant_area textarea:focus,
.kode_contant_field input:focus,
.kode_detail_area textarea:focus,
.kode_detail_field input:focus,
.kode_detail_side_field input:focus {
    box-shadow: 0 2px 12px -1px #ddd;
    color: #000
}

.kode-content .aside .spb-brandadd,
.kode-content .aside .widget-form,
.kode-content .aside .widget-instagram,
.kode-content .aside .widget-result,
.kode_detail_area,
.kode_history_winner li {
    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: 700;
    background: 0 0;
    margin-right: 15px
}

.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: #999;
    padding: 0 25px;
    box-shadow: 0 0
}

.kode_detail_side_field button {
    position: absolute;
    top: 0;
    right: 0;
    height: 37px;
    width: 50px;
    font-size: 18px;
    text-align: center;
    line-height: 37px;
    color: #fff
}

.kode_detail_categories {
    background-color: #f6f6f6
}

.ftb-fixture-row>h5,
.kode_detail_categories>h5 {
    text-transform: uppercase;
    font-weight: 700;
    padding: 14px 20px;
    line-height: 18px;
    color: #fff;
    box-shadow: 0 3px 5px -2px rgba(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 a {
    display: block;
    font-size: 15px;
    color: #999;
    position: relative
}

.kode_detail_categories ul li a:hover {
    padding: 0 0 0 5px
}

.kode_detail_categories ul li a:before {
    position: absolute;
    left: -15px;
    content: "\f105";
    font-family: FontAwesome;
    bottom: 0;
    right: 0
}

.ftb-resultbg.ftb_2 .slick-dots li button:before,
.kode_detail_categories.flicker .slick-dots li button:before,
.kode_detail_fig.side_2 .slick-dots li button:before,
.kode_detail_find_fig ul li a::before {
    content: ""
}

.kode_detail_flick_text {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0 71px
}

.kode_detail_flick_text h5 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1px
}

.kode_detail_flick_text span {
    display: inline-block;
    font-size: 15px
}

.kode_detail_categories.flicker ul {
    padding: 0;
    text-align: center;
    bottom: 26px
}

.kode_detail_categories.flicker ul li {
    display: inline-block;
    margin: 0
}

.ftb-resultbg.ftb_2 .slick-dots li button,
.kode_detail_categories.flicker .slick-dots li button,
.kode_detail_fig.side_2 .slick-dots li button {
    height: 11px;
    width: 11px;
    background-color: #333;
    border-radius: 100%;
    margin: 0 7px
}

.ftb-resultbg.ftb_2 .slick-dots li,
.kode_detail_categories.flicker .slick-dots li,
.kode_detail_fig.side_2 .slick-dots li {
    height: 11px;
    width: 11px;
    border-radius: 100%;
    margin: 0 7px
}

.ftb-resultbg.ftb_2 .slick-dots .slick-active button,
.kode_detail_categories.flicker .slick-dots .slick-active button,
.kode_detail_fig.side_2 .slick-dots .slick-active button {
    background-color: #c22b2a
}

.kode_detail_categories.flicker.macth {
    padding-bottom: 66px
}

.kode_detail_categories.flicker.macth .kode_detail_macth {
    padding: 20px 0 26px;
    float: left;
    width: 100%
}

.kode_detail_categories.flicker.macth .kode_detail_macth li h6 {
    font-weight: 700;
    margin-bottom: 11px;
    color: #666
}

.kode_detail_categories.flicker.macth .kode_detail_macth>li:nth-child(2) {
    margin: 0 11px 0 0;
    position: relative;
    top: 50px
}

.kode_macth_text p {
    font-size: 16px;
    color: #666;
    margin: 0;
    line-height: 20px
}

.kode_contact_txet p span,
.kode_macth_text p span,
.spb-brandadd a,
.spb-hd-banner a {
    display: block
}

.kode_detail_categories.flicker.macth ul {
    bottom: -40px
}

.kode_detail_find_row {
    padding: 0 20px 28px
}

.kode_detail_sport {
    padding: 30px 0;
    border-bottom: 1px solid #d3d3d3
}

.kode_detail_find_row .kode_soprt_text {
    float: left;
    padding: 0 0 0 20px;
    margin-top: -2px
}

.kode_detail_find_row .kode_soprt_text h6 {
    font-weight: 700;
    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 0 18px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 15px
}

.kode_detail_find_fig p,
.kode_ticket_sig_fig figure,
.tns-gallery-caption span:last-of-type {
    margin-bottom: 15px
}

.kode_detail_categories.flicker.macth.find .kode_detail_find_fig li {
    float: left;
    margin: 0 2px 2px 0;
    overflow: hidden
}

.kode_detail_find_facebook i {
    margin-right: 20px;
    font-size: 18px
}

.kode_detail_fig.side_2 {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd
}

.kode_contant_field,
.kode_detail_title.title_2 h2,
.thumb-caption-overlay h4 a,
.tns-team-caption-overlay h5 a,
.widget-categories .aside-heading {
    margin-bottom: 10px
}

.kode_detail_text.p_2 a {
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 20px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #e5e5e5
}

.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,
.spb-latest-news .text p:first-of-type {
    margin-top: 0
}

.kode_contact_mapp .map-canvas {
    height: 530px
}

.kode_contect_office {
    padding: 20px 0 25px
}

.kode_contact_office_list {
    padding: 15px;
    border: 1px solid #e8e8e8
}

.kode_contact_office_list:hover {
    border-color: #f3f3f3
}

.kode_contact_office_list:before {
    position: absolute;
    content: "";
    top: 100px;
    left: 100px;
    right: 0;
    bottom: 0;
    z-index: -1
}

.kode_contact_office_list:hover:before {
    top: 0;
    left: 0;
    background-color: #f3f3f3
}

.kode_contact_office_list h2 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 18px;
    font-size: 22px
}

.kode_contact_office_des,
.text.text_3 span {
    margin-bottom: 8px
}

.kode_contact_office_des i {
    float: left;
    font-size: 18px;
    padding: 14px 0;
    color: #666
}

.kode_contact_txet {
    overflow: hidden;
    padding: 10px
}

.kode_contact_txet p {
    margin: 0;
    font-size: 16px
}

.kode_contact_txet a {
    display: block;
    font-size: 16px;
    color: #999
}

.kode_contact_form_hdg h2 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 2px
}

.kode-sp-new h6,
.kode_contact_form_hdg p,
.spb-latest-news5 .text h5 a {
    font-size: 15px
}

.kode_contant_field button {
    display: inline-block;
    height: 45px;
    width: 100%;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background-color: #359cf1
}

.kode_contant_field button:hover {
    background-color: #333;
    border: 1px solid #359cf1
}

.kode_contant_area textarea,
.kode_contant_field input {
    height: 42px;
    width: 100%;
    border: 1px solid #e9e9e9;
    font-size: 15px;
    color: #999;
    padding: 0 15px;
    box-shadow: 0 0
}

.kode_contant_area textarea {
    height: 69px;
    padding: 10px 15px;
    resize: none;
    margin-bottom: 10px
}

.kode_contant_area button {
    display: inline-block;
    text-align: center;
    line-height: 25px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    background-color: #da251d;
    padding: 8px 20px
}

.kode_contant_area button:hover {
    background: #666 !important
}

.kode_benner1_cols .breadcrumb {
    background-color: transparent !important;
    bottom: 0;
    padding: 8px 0
}

.kode_benner1_cols .breadcrumb::after,
.kode_benner1_cols .breadcrumb::before {
    border: none !important
}

.kode-football .section_4,
.kode_about_award,
.kode_contact_social {
    padding: 20px 0
}

.kode_contact_icon li {
    display: inline-block;
    margin-right: 30px
}

.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: #999;
    border-radius: 100%
}

.kode_fixture_wraper {
    float: left;
    width: 100%;
    padding: 70px 0
}

.ftb-resultbg.ftb_2 {
    padding: 19px 0 33px;
    margin-bottom: 70px
}

.heading5.hdg_5 {
    position: relative;
    margin-bottom: 35px
}

.ftb-final-result.result_2 {
    position: relative;
    margin: 40px 0 0
}

.ftb-result1 .text.text_2 {
    position: relative;
    padding: 0 97px 0 0
}

.ftb-result1.ftb-result2 .text.text_2 {
    position: relative;
    padding: 0 0 0 97px;
    text-align: left
}

.black.tns-heading1 span:after,
.black.tns-heading1 span:before,
.ftb-resultbg.ftb_2 .slick-dots li button {
    background-color: #666
}

.ftb-resultbg.ftb_2 .slick-dots {
    bottom: -20px
}

.ftb_tabs_drop {
    background-color: #1e2020;
    padding: 8px 30px;
    box-shadow: 0 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 0
}

.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: 0
}

.ftb_tabs_drop .btn-default span {
    display: inline-block;
    margin-left: 10px
}

.ftb_tabs_drop .btn-default.active,
.ftb_tabs_drop .btn-default.focus,
.ftb_tabs_drop .btn-default:active,
.ftb_tabs_drop .btn-default:focus,
.ftb_tabs_drop .btn-default:hover,
.ftb_tabs_drop .open>.dropdown-toggle.btn-default {
    background: 0 0;
    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: 700;
    font-size: 15px
}

.ftb-main-table .ftb-date.date_2 p {
    font-size: 16px;
    text-transform: lowercase;
    margin: 0
}

.ftb-compitatev.tev_2 .compitatev-team1 img {
    height: 47px;
    width: auto;
    float: none
}

.ftb-venue.venue_2 {
    padding: 0 35px
}

.ftb-compitatev.tev_2 span {
    height: 0;
    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-venue.venue_2 i {
    display: inline-block;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    height: 52px;
    line-height: 50px;
    width: 82px;
    box-shadow: 0 0 17px 1px #23282b
}

.ftb-main-table.table_2>li:first-child,
.ftb-venue.venue_2 .black {
    background-color: #23272a
}

.ftb-main-table.table_2>li:last-child,
.ftb-main-table.table_2>li:nth-child(2),
.ftb-venue.venue_2 .black.grey {
    background-color: #292e32
}

.ftb-main-table.table_2 li:hover {
    background: rgba(0, 0, 0, .9)
}

.ftb-tabs-wrap.wrap_3 {
    padding: 0;
    box-shadow: 0 3px 12px 1px #e5e5e5
}

.ftb-main-table.table_2>li:nth-child(3) {
    background-color: #383838
}

.ftb-main-table.table_2 li>div,
.kode_ply_first th:last-child,
.kode_ply_table .kode_ply_two>td:last-child {
    border-right: none
}

.ftb-counterup.counter_2 .heading5,
.ftb-tabs-wrap.wrap_3:last-child,
.heading5.ticket_hdg {
    margin-bottom: 39px
}

.ftb-rating-table.rating_2 .ftb-position {
    padding: 0 0 0 17px
}

.ftb-fixture-row {
    float: left;
    width: 100%;
    margin-bottom: 45px
}

.heading5.black.b_2,
.heading5.black.margin,
.heading5.hdg_5.hdg_6,
.kode_club_hdg {
    margin-bottom: 20px
}

.ftb-rating-table.rating_2 .ftb-team-points {
    padding: 0 19px 0 0
}

.kode-football .section_1.section_2 {
    padding-bottom: 0
}

.kode-football .ftb_row_des {
    padding: 70px 0;
    float: left;
    width: 100%
}

.kode-football .section_5,
.kode_ply_gallery.gallery_2,
.kode_ticket_sigle_wraper {
    padding: 70px 0
}

.kode_404_text.coming_soon figure,
.kode_blog_pagination.pag_4 {
    margin-bottom: 70px
}

.ftb-resultbg.ftb_2.ftb_3 {
    padding: 38px 10px;
    margin-bottom: 10px
}

.ftb-item.item_2 {
    margin-bottom: 5px
}

.ftb-item.item_2 figure {
    position: relative;
    overflow: hidden
}

.ftb-item.item_2 figcaption {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    opacity: 0
}

.ftb-item.item_2:hover figcaption,
.kode_about_awards_fig:hover a,
.tns-classes:hover .thumb-caption-overlay,
.tns-team:hover .tns-team-caption-overlay {
    bottom: 0;
    opacity: 1
}

.ftb-item.item_2 .like-icon.icon_2,
.tns-blog-wrap:hover .tns-date {
    top: 0
}

.text .rating.rating_3 span {
    font-size: 16px;
    color: #999
}

.kode_club_wraper {
    padding: 20px 0;
    background: #f6f6f6
}

.kode_club_wraper .container {
    padding: 30px 0;
    margin: 25px auto;
    border: 1px solid #f0f0f0;
    background: #fff
}

.nopadding {
    padding: 0 !important
}

.kode_club_hdg {
    text-align: center
}

.kode_club_hdg h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px
}

.kode_club_fig figure:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5)
}

.kode_club_fig a {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    height: 68px;
    width: 68px;
    font-size: 30px;
    color: #fff;
    border: 5px solid #fff;
    line-height: 62px;
    margin: auto;
    opacity: 0
}

.kode_about_awards_fig:hover .titile,
.kode_club_fig:hover a {
    opacity: 1;
    top: 0
}

.kode_club_training {
 padding: 15px;
}

.kode_club_training h5 {
    text-transform: uppercase;
    font-weight: 700;
    color: #666;
    margin-bottom: 18px
}

.kode_club_training p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 10px;
    text-align: justify
}

.kode_club_training p:last-child {
    margin: 0;
    float: left
}

.kode_club_training ul {
    margin-bottom: 2px
}

.kode_club_training ul li {
    float: left;
    width: 50%;
    margin-bottom: 17px
}

.kode_club_training ul li a {
    display: inline-block;
    padding-left: 25px;
    color: #a9a9a9;
    font-size: 14px;
    font-weight: 700;
    position: relative
}

.kode_club_training ul li a:before {
    position: absolute;
    content: "\f00c";
    font-family: FontAwesome;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.content-box h3 {
    font-weight: 600;
    clear: both;
    background: #333;
    padding: 5px 20px;
    color: #fff;
    text-transform: uppercase
}

.content-box p {
    background: #f6f6f6;
    padding: 20px;
    color: #666;
    border: 1px solid #ececec;
    margin-bottom: 10px !important
}

.kode_club_training ul li a::before {
    color: #333 !important
}

.kode-wrapper.wrap_2,
.kode-wrapper.wrap_2.wrap_4,
.kode_about_mision {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999
}

.kode_about_mision:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../images/clubbg1.png"), url("../images/clubbg.png");
    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: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .75;
    z-index: -1
}

.kode_about_mission_text h2 {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    margin-bottom: 19px;
    font-size: 30px
}

.kode_about_mission_text p {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin: 0
}

.kode_about_history {
    padding: 20px 0;
    background-color: #f8f8f8;
    position: relative
}

.kode_about_history:before {
    position: absolute;
    top: 0;
    content: "";
    left: 395px;
    right: 0;
    bottom: 0;
    border-left: 7px solid #e6e6e6
}

.heading5.black.black_1,
.kode_history_text>p:nth-child(2) {
    margin-bottom: 34px
}

.kode_history_winner li span {
    display: inline-block;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #333;
    border-radius: 100%;
    margin-right: 25px;
    color: #fff;
    font-weight: 700;
    font-size: 20px
}

.kode_history_winner li p {
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #666;
    margin: 0
}

.kode_history_text p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 23px
}

.kode_history_text figure {
    overflow: hidden;
    margin-bottom: 35px
}

.ftb-counterup.counter_2 {
    position: relative;
    z-index: 999
}

.ftb-counterup.counter_2:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../images/pattren1.png");
    background-position: center;
    background-size: cover;
    opacity: .2;
    z-index: -1
}

.kode_about_awards_fig .kode_awards_thumb {
    border: 1px solid #e6e6e6;
    position: relative;
    z-index: 999;
    padding: 35px 0;
    height: 235px
}

.kode_about_awards_fig:hover .kode_awards_thumb {
    background-color: #e1e0e0
}

.kode_about_awards_fig a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    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 .titile {
    text-transform: uppercase;
    font-weight: 700;
    background-color: #333;
    padding: 11px 10px;
    float: left;
    width: 100%;
    color: #fff;
    position: relative;
    top: 5px;
    opacity: 0
}

.kode-wrapper.wrap_2:after,
.kode-wrapper.wrap_2:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    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: .75
}

.football.ftb_2 {
    z-index: 999
}

.kode_404_wraper {
    padding: 45px 0 69px;
    position: relative
}

.kode_404_wraper:before {
    border-bottom: 1px solid transparent;
    border-left: 0 solid transparent;
    border-right: 814px solid #c41d21;
    border-color: transparent #c41d21 transparent transparent;
    border-style: solid;
    border-top: 197px solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 0
}

.kode_404_text h2 {
    font-size: 342px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 77px;
    line-height: 331px;
    text-shadow: -1px -9px 0 #333;
    position: relative
}

.kode_404_text h2 span {
    display: inline-block;
    line-height: 274px;
    position: relative;
    top: 42px
}

.kode_404_text h5 {
    color: #fff;
    margin-bottom: 94px
}

.kode_404_text form {
    width: 607px;
    margin: auto auto 163px;
    text-align: center;
    position: relative
}

.kode_404_text form input {
    width: 100%;
    height: 43px;
    font-size: 18px;
    color: #fff;
    border: none;
    border-bottom: 1px solid #d3d3d3;
    background: 0 0;
    box-shadow: 0 0;
    padding: 0 10px
}

.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: 0 0;
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

.kode_404_text form button i {
    margin-left: 15px
}

.kode_404_text p {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #c9c9c9;
    margin: 0
}

.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 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: #333;
    text-align: center
}

.kode_404_social li a:hover,
.tns-testimonial-silder .bx-wrapper .bx-controls-direction a:hover,
.tns-testimonial-silder .bx-wrapper .bx-controls-direction a:hover:before {
    background-color: #333;
    color: #fff
}

.kode_404_text.text_2 img {
    margin: 20px 9px 0 3px
}

.kode_404_text.text_2 h2 {
    text-shadow: 0 0 0;
    color: #161c22;
    margin-bottom: 67px
}

.kode_404_text.text_2 h3 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    color: #333;
    margin-bottom: 64px
}

.kode_404_text.text_2 form input {
    border-color: #d3d3d3
}

.kode_404_text.text_2 form input::-moz-placeholder {
    color: #999
}

.kode_404_text.text_2 form input::-webkit-input-placeholder {
    color: #999
}

.kode_404_text.text_2 form input::-o-input-placeholder {
    color: #999
}

.kode_404_text.text_2 h5 {
    color: #999;
    margin-bottom: 73px
}

.kode_404_text.text_2 form {
    margin-bottom: 100px
}

.black.tns-heading1 p,
.black.tns-heading1 span i,
.kode_404_text.text_2 form button,
.kode_404_text.text_2 p a {
    color: #666
}

.kode_404_text.text_2 p {
    text-transform: lowercase;
    font-weight: 400;
    color: #666
}

.kode_404_text.text_3 figure,
.kode_404_text.text_3 figure img {
    width: auto;
    display: inline-block;
    float: none
}

.kode_404_text.text_3 img {
    margin: 25px 9px 0 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: 700;
    color: #fff;
    background-color: #222121;
    padding: 24px 0;
    margin-bottom: 130px
}

.kode_404_wraper.wrap_3 {
    position: relative;
    padding: 40px 0 60px
}

.kode_404_wraper.wrap_3:before {
    border-right-width: 0
}

.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 a {
    background: 0 0;
    color: #fff;
    border: 1px solid #fff
}

.kode_ticket_list.list_2 {
    margin-top: 10px
}

.kode_ticket_wraper {
    padding: 68px 0 70px
}

.kode_ticket_list li {
    background-color: #333;
    padding: 16px 30px;
    margin-bottom: 10px
}

.kode_ticket_list li>span {
    display: inline-block;
    float: left;
    width: 70px;
    height: 76px;
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    padding: 5px 0
}

.kode_ticket_list li:hover>span,
.kode_ticket_sig_fig.fig_2 a:hover,
.nav4.nav5 {
    background-color: #333
}

.discover:hover,
.kode_ply_list a:hover,
.kode_ply_list a:hover span,
.kode_ticket_list li:hover .ticket_title span,
.login-wrap .open>.dropdown-menu li a:hover,
.spb-center .slick-center .spb-banner-wrap .spb-meta li a,
.spb-center .slick-center .spb-banner-wrap .spb-meta li span,
.spb-pagination .pagination li a:hover,
.spb-social1 li a:hover,
.spb-tab-dropdown .dropdown-menu li a:hover,
.spb-user-wrap a:hover,
.tennis-nav .navigation li:hover a,
.tns-blog-wrap:hover .tns-blog-caption>a,
.tns-btn2:hover,
.tns-copyright p a,
.tns-viewall:hover,
.white.tns-heading1 h4,
.white.tns-heading1 p,
.white.tns-heading1 span i {
    color: #fff
}

.kode_ticket_list li span i {
    font-style: normal;
    display: block;
    font-weight: 700;
    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_sig_row ul li,
.kode_ticket_text .ticket_title {
    display: inline-block
}

.kode_ticket_text .ticket_title h2 {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff
}

.kode_ticket_text .ticket_title span {
    font-size: 24px;
    display: inline-block;
    margin: 0 12px;
    font-weight: 700
}

.kode_ticket_text p {
    margin: 0;
    font-size: 15px;
    color: #fff;
    line-height: 24px
}

.kode_ticket_list .ticket_btn a {
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    padding: 21px 30px;
    border: 1px solid #cdcdcd;
    margin: 8px 0;
    display: inline-block
}

.kode_ticket_list li:hover .ticket_btn a {
    background-color: #333;
    border-color: #333
}

.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 0 56px;
    box-shadow: 0 0 17px 3px #c3c3c3;
    margin-bottom: 40px
}

.kode_ticket_sig_row:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: -1
}

.kode_ticket_sig_row li:nth-child(2) {
    padding: 0 85px
}

.kode_ticket_sig_fig h4 {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff
}

.kode_ticket_sig_fig.fig_2 span {
    font-size: 55px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 25px
}

.kode_satnderd_text a,
.kode_standerd_date h6,
.kode_ticket_sig_fig.fig_2 a {
    display: inline-block;
    color: #fff
}

.kode_ticket_sig_fig.fig_2 a {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    padding: 12px 30px;
    margin-bottom: 36px
}

.kode_ticket_sig_fig.fig_2 a i {
    margin-right: 20px
}

.kode_ticket_standerd_detail {
    box-shadow: 0 0 16px 3px #efefef
}

.kode_standerd_date {
    padding: 20px 30px 19px
}

.kode_standerd_date h6 i {
    font-size: 24px;
    line-height: 24px;
    margin-right: 25px
}

.kode_ticket_standerd_detail ul li {
    padding: 36px 30px;
    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 {
    float: left;
    font-size: 16px;
    padding: 16px 0 15px
}

.kode_standerd_title {
    overflow: hidden;
    padding-left: 15px
}

.kode_standerd_doller,
.kode_standerd_select .demoHeaders {
    color: #fff;
    display: inline-block;
    padding: 5px 0;
    float: left
}

.kode_standerd_title h4 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px
}

.kode_standerd_title p {
    margin: 0;
    color: #fff
}

.kode_standerd_doller {
    font-size: 24px;
    font-weight: 700;
    margin-right: 65px
}

.kode_standerd_select {
    float: left;
    width: 30%;
    padding: 10px 0
}

.kode_standerd_select .demoHeaders {
    margin-right: 20px;
    font-size: 15px;
    text-transform: uppercase
}

.kode_stand_btn,
.kode_standerd_select .ui-spinner-input {
    font-size: 18px;
    color: #fff;
    background: 0 0;
    font-weight: 700
}

.kode_standerd_select .ui-spinner-input {
    text-align: center;
    margin: 0;
    height: 33px;
    width: 130px
}

.kode_standerd_select .ui-corner-all .ui-spinner-down,
.kode_standerd_select .ui-corner-all .ui-spinner-up {
    position: absolute;
    top: 0;
    width: 33px;
    height: 100%;
    bottom: 0;
    border-right: 1px solid #b5b5b5;
    background-color: transparent
}

.kode_standerd_select .ui-corner-all .ui-spinner-up {
    background-image: url("../images/plus.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    right: 0
}

.kode_standerd_select .ui-corner-all .ui-spinner-down {
    background-image: url("../images/minus.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 999;
    left: 0
}

.kode_standerd_select .ui-button .ui-icon {
    background-image: none
}

.kode_standerd_select .ui-widget.ui-widget-content {
    border: 1px solid #b5b5b5
}

.kode_standerd_select .ui-spinner-up {
    left: auto;
    right: 0;
    border-left: 1px solid #b5b5b5
}

.kode_standerd_select .ui-corner-all,
.modal-content,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-radius: 0
}

.kode_stand_btn {
    float: left;
    line-height: 18px;
    text-transform: uppercase;
    padding: 12px 16px;
    border: 1px solid #bababa;
    margin: 6px 0 5px
}

.kode_player_wraper {
    padding: 70px 0 30px;
    border-bottom: 1px solid #e6e6e6
}

.kode_player_fig {
    padding: 0 30px 13px 0;
    overflow: hidden
}

.kode_player_fig figure {
    position: relative;
    overflow: visible
}

.kode_player_fig figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    padding: 18px 30px
}

.kode_player_fig figcaption a {
    position: absolute;
    bottom: -13px;
    left: 20px
}

.kode_player_text h6 {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    margin-bottom: 9px
}

.kode_player_fig figcaption:before {
    position: absolute;
    content: "";
    top: 0;
    left: -31px;
    right: -14px;
    opacity: .85;
    bottom: -2px;
    z-index: -1;
    transform: skewX(-19deg);
    -moz-transform: skewX(-19deg);
    -webkit-transform: skewX(-19deg)
}

.kode_player_item .kode_ply_titile {
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 30px
}

.kode_player_item .kode_ply_titile span {
    color: #666;
    margin-right: 10px
}

.kode_ply_list a {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    padding: 13px 0;
    text-align: center;
    background-color: #f5f5f5;
    position: relative;
    z-index: 999
}

.kode_ply_list a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 6px
}

.kode_ply_list a span {
    display: inline-block;
    color: #666;
    margin-left: 10px
}

.kode_ply_text {
    margin-top: -8px
}

.kode_ply_text p {
    font-size: 15px;
    color: #999;
    margin-bottom: 17px
}

.kode_ply_icon h6 {
    display: inline-block;
    float: left;
    text-transform: uppercase;
    font-weight: 700;
    color: #666;
    margin-right: 40px;
    padding: 5px 0
}

.kode_ply_icon ul li a {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #333;
    border-radius: 100%;
    font-size: 16px;
    font-weight: 700;
    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-next,
.kode_player_item .slick-prev {
    position: absolute;
    top: -52px;
    background-color: #333;
    height: 25px;
    width: 22px;
    line-height: 25px
}

.kode_player_item .slick-next:before,
.kode_player_item .slick-prev: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: 5px solid transparent;
    border-left: 9px solid transparent;
    border-right: 11px solid transparent;
    border-color: #333 transparent transparent;
    border-style: solid;
    border-top: 25px solid #333;
    bottom: -5px;
    content: "";
    height: 25px;
    position: absolute;
    right: -11px;
    width: 12px
}

.kode_player_item .slick-next:hover:after,
.kode_player_item .slick-prev:hover:after {
    border-top-color: #359cf1
}

.kode_player_item .slick-prev:after {
    border-bottom: 5px solid transparent;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-color: #333 transparent transparent;
    border-style: solid;
    border-top: 25px solid #333;
    bottom: -5px;
    content: "";
    height: 25px;
    position: absolute;
    left: -11px;
    width: 12px
}

.kode_ply_first th,
.kode_ply_table .kode_ply_two>td {
    border-right: 1px solid #888;
    color: #fff;
    text-align: center
}

.kode_ply_gallery {
    padding: 20px 0 10px;
    border-bottom: 1px solid #e6e6e6
}

.kode_ply_galery_list li {
    float: left;
    width: 24%;
    margin: 0 15px 15px 0
}

.kode_ply_galery_list li figure:before {
    position: absolute;
    content: "";
    top: 50px;
    right: 0;
    left: 80px;
    bottom: 50px;
    opacity: 0
}

.kode_ply_galery_list li:hover figure:before {
    opacity: .7;
    top: 0;
    bottom: 0;
    left: 0
}

.kode_ply_galery_list li a {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 30px;
    color: #fff;
    background: 0 0;
    margin: 0 auto auto;
    opacity: 0
}

.kode_ply_galery_list li:hover a {
    margin-top: -15px;
    opacity: 1
}

.kode_ply_galery_list li a:hover {
    background: 0 0;
    color: #000
}

.kode_ply_gallery .slick-next.slick-arrow {
    right: -80px
}

.kode_ply_gallery .slick-prev.slick-arrow {
    left: -80px
}

.kode_ply_gallery .slick-next,
.kode_ply_gallery .slick-prev {
    background-color: #05467b;
    height: 58px;
    width: 50px;
    line-height: 25px
}

.kode_ply_gallery .slick-next:before,
.kode_ply_gallery .slick-prev:before {
    content: "\f105";
    line-height: 55px;
    color: #fff;
    font-size: 30px
}

.kode_ply_table {
    border: none;
    margin-bottom: 22px
}

.kode_ply_first th {
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px 0
}

.kode_ply_table .kode_ply_two>td {
    font-size: 15px;
    padding: 11px 0
}

.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_video_fig figure:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6)
}

.kode_video_fig a {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -38px auto auto;
    font-size: 65px;
    color: #fff;
    text-align: center
}

.kode_video_fig.fig_2 {
    margin-bottom: 26px
}

.kode_ply_des {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6
}

.logo-wrap,
.topbar {
    padding: 0 30px;
    float: left
}

.kode_player_wraper.wrp_3 {
    padding-bottom: 27px
}

.kode_ply_gallery.gly_3 {
    padding-bottom: 0;
    border: none
}

.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(4),
.tns-midbar .hire {
    margin-right: 26px
}

.kode_ply_gallery.galy_2 .slick-next,
.kode_ply_gallery.galy_2 .slick-prev {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: -69px;
    margin: auto;
    height: 39px;
    width: 41px
}

.kode_ply_gallery.galy_2 .slick-next:before,
.kode_ply_gallery.galy_2 .slick-prev:before {
    line-height: 40px;
    font-size: 30px
}

.kode_ply_gallery.galy_2 .slick-prev {
    left: -125px
}

.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 0 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: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .93;
    height: 965px
}

.kode_404_text.coming_soon figure,
.kode_404_text.coming_soon figure img {
    width: auto;
    float: none
}

.kode_404_text.coming_soon h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    text-shadow: 0 0;
    line-height: 28px;
    margin-bottom: 18px
}

.kode_404_text.coming_soon h3 {
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 45px
}

.countdown {
    position: relative;
    z-index: 999;
    margin-bottom: 66px
}

.countdown li {
    display: inline-block;
    padding: 0 25px;
    position: relative
}

.countdown li:after,
.countdown li:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -8px;
    right: 0;
    bottom: 0;
    height: 11px;
    width: 11px;
    background-color: #b9b9b9;
    border-radius: 100%;
    margin-top: -10px
}

.countdown li:after {
    margin: 0;
    top: 62%
}

.countdown li span {
    display: inline-block;
    font-size: 80px;
    color: #b9b9b9;
    font-weight: 700
}

.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
}

.topbar {
    width: 100%;
    position: absolute;
    z-index: 99
}

.topbar:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6px;
    content: ""
}

.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, .4)
}

.login-wrap li {
    float: left;
    width: auto;
    border-right: 0px solid rgba(255, 255, 255, .4);
    padding: 5px 10px;
    position: relative
}

.login-wrap li:first-child {
    border-left: 0 solid rgba(255, 255, 255, .4)
}

.login-dec a,
.login-wrap .dropdown button {
    font-size: 15px;
    color: #fff;
    text-transform: none;
    font-weight: 700;
    display: inline-block;
    line-height: 15px;
    position: relative;
    margin-right: 15px;
    background: 0 0;
    padding: 0
}

.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: 700
}

.login-dec a:before {
    position: absolute;
    content: "";
    width: 0;
    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-wrap .dropdown {
    float: left;
    width: 100%;
    position: static
}

.login-wrap .dropdown button i {
    float: right;
    line-height: 15px;
    margin-left: 7px
}

.logo-wrap {
    width: 100%;
    position: absolute;
    z-index: 10;
    margin-top: 40px
}

.tennis-logo {
    position: absolute;
    left: 30px;
    top: 12px;
    width: auto
}

.tennis-nav {
    float: right;
    width: calc(100% - 130px);
    margin-top: 30px
}

.tennis-nav .navigation li a {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 15px;
    padding: 48px 12px;
    color: #fff;
    display: block
}

.ad-search {
    float: right;
    width: auto;
    padding: 45px 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: 400;
    color: #fff
}

.tns-banner-wrap:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .18;
    content: ""
}

.text-caption {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    margin: -110px auto 0
}

.tns-heading1,
.tns-heading1 span {
    position: relative;
    text-align: center
}

.text-caption span {
    font-size: 80px;
    color: #fff;
    font-weight: 700;
    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: 700;
    display: inline-block;
    box-shadow: 0 3px 4px 2px rgba(0, 0, 0, .25);
    padding: 22px 50px
}

.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: 0;
    display: block;
    height: 5px;
    margin: 0 5px;
    outline: 0;
    width: 27px;
    font-size: 0
}

.tns-heading1 {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

.spb-ticker,
.tns-classes,
.tns-event,
.tns-fixure-dec {
    margin-bottom: 30px;
    float: left
}

.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: 700;
    color: #333;
    margin-bottom: 13px
}

.tns-btn,
.tns-btn2,
.tns-heading1 span,
.tns-tabs-teams span,
.tns-tags li {
    display: inline-block
}

.tns-heading1 span {
    width: 50px;
    height: 30px;
    line-height: 30px;
    font-size: 26px;
    background: 0 0
}

.tns-btn,
.tns-event-caption h6 {
    line-height: 14px;
    text-transform: uppercase
}

.tns-heading1 span:before {
    position: absolute;
    left: -89px;
    width: 89px;
    height: 1px;
    top: 50%;
    margin-top: -.5px;
    content: ""
}

.tns-heading1 span:after {
    position: absolute;
    right: -89px;
    width: 89px;
    height: 1px;
    top: 50%;
    margin-top: -.5px;
    content: ""
}

.thumb-left figure::after,
.thumb-left figure::before,
.thumb-right figure::after,
.thumb-right figure::before {
    bottom: 0;
    height: 100%;
    width: 75px;
    z-index: 1;
    content: ""
}

.spb-ticker,
.tns-classes {
    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: -50.7%
}

.thumb-caption h4 a {
    display: block;
    font-size: 20px;
    color: #284163;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700
}

.thumb-caption p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 22px;
    opacity: 0
}

.tns-btn {
    font-size: 14px;
    border: 1px solid;
    border-radius: 2px;
    padding: 11px 25px
}

.thumb-caption .tns-btn:hover {
    color: #fff;
    opacity: 0
}

.tns-eventbg {
    position: relative;
    background: #fff
}

.tns-eventbg:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 452px;
    content: ""
}

.tns-event {
    width: 100%;
    background: #fff
}

.tns-event:hover {
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .25)
}

.tns-event .thumb {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative
}

.tns-event-caption {
    float: left;
    width: 100%;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: rgba(200, 200, 200, .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;
    color: #666;
    font-weight: 400;
    margin-bottom: 17px
}

.tns-event-caption h4 a {
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    margin-bottom: 24px
}

.tns-event-caption p {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 23px
}

.tns-event-caption a {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 14px;
    font-weight: 700;
    float: left
}

.tns-fixure-wrap {
    border-top: 1px solid #d8d8d8;
    background: #fff
}

.tns-fixure-dec,
.tns-midbar-bg,
.tns-midbar-bg-2 {
    background-size: cover;
    background-repeat: no-repeat
}

.tns-fixure-dec {
    width: 100%;
    background-image: url(../extra-images/tns-fixure-decbg.jpg);
    background-origin: center;
    padding: 25px 15px;
    border: 6px solid;
    border-radius: 3px
}

.tns-fixure-dec .text {
    float: left;
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, .95);
    padding: 80px 0
}

.thumb-left,
.thumb-right {
    float: left;
    width: 25%
}

.thumb-left figure::before {
    left: -32px;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg)
}

.thumb-left figure::after {
    right: -59px;
    position: absolute;
    top: 0;
    background-color: #fff;
    opacity: .95;
    -webkit-transform: skewX(160deg) -moz-transform: skewX(160deg);
    -ms-transform: skewX(160deg);
    -o-transform: skewX(160deg);
    transform: skewX(160deg)
}

.thumb-right figure::before {
    right: -32px;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    transform: skewX(20deg)
}

.thumb-right figure::after {
    left: -59px;
    position: absolute;
    top: 0;
    background-color: #fff;
    opacity: .95;
    -webkit-transform: skewX(-160deg);
    -moz-transform: skewX(-160deg);
    -ms-transform: skewX(-160deg);
    -o-transform: skewX(-160deg);
    transform: skewX(-160deg)
}

.tns-tabnav .active a,
.tns-tabs-teams span {
    background-color: #284163;
    color: #fff
}

.thumb-left figure,
.thumb-right figure {
    overflow: hidden;
    margin-bottom: 16px
}

.thumb-left h6 a,
.thumb-right h6 a {
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    line-height: 20px;
    font-family: Oswald, sans-serif
}

.tns-countdown-wrap h5 {
    font-weight: 400;
    font-size: 27px;
    text-transform: uppercase;
    line-height: 24px;
    margin-bottom: 20px
}

.countdown-dec h4,
.tns-btn2,
.tns-tags li {
    font-weight: 700;
    text-transform: uppercase
}

.tns-countdown {
    float: left;
    width: 50%
}

ul.tns-tags {
    margin: -3px 0 9px
}

.tns-tags li {
    font-size: 13px;
    line-height: 13px;
    padding: 0 6px;
    border-left: 1px solid
}

.spb-meta li:first-child,
.tns-tags li:first-child {
    padding-left: 0;
    border: none
}

.spb-ticker2 .bx-wrapper,
.tns-tags li:last-child {
    padding-right: 0
}

.countdown.count_2 li {
    float: left;
    width: 25%;
    padding: 0
}

.tns-countdown .countdown.count_2 li:after,
.tns-countdown .countdown.count_2 li:before {
    height: 0
}

.countdown-dec h4 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 6px
}

.countdown-dec p {
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    margin: 0
}

.tns-btn2 {
    font-size: 15px;
    line-height: 15px;
    border: 1px solid #dcdcdc;
    padding: 14px 33px
}

.tns-tabnav li a,
.tns-viewall {
    line-height: 16px;
    text-align: center
}

.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 a {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    padding: 18px 0 20px;
    background: #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 {
    font-size: 14px;
    font-weight: 400;
    width: 39px;
    height: 39px;
    line-height: 39px;
    border-radius: 100%;
    vertical-align: middle;
    margin: 5px 0
}

.discover,
.hire,
.tns-load a,
.tns-team-1 h5,
.tns-viewall {
    font-size: 16px
}

.tns-team-1>a {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 13px
}

.tns-team-1 h5 {
    float: left;
    font-weight: 400;
    line-height: normal;
    padding: 12px 0
}

.tns-team-2>a {
    float: right;
    margin-left: 13px;
    margin-right: 0
}

.tns-viewall {
    float: left;
    width: 100%;
    font-weight: 400;
    color: #666;
    text-transform: uppercase;
    padding: 10px 0 12px
}

.discover,
.hire {
    line-height: 11px
}

.discover,
.hire,
.tns-gallery-caption span,
.tns-load a,
.tns-midbar h6 {
    font-weight: 700;
    text-transform: uppercase
}

.tns-gallery-bg,
.tns-gallery2:hover {
    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, .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)
}

.spb-latest-news6:hover .spb-play,
.spb-latest-news:hover .sbp-ribbon2,
.spb-latest-news:hover .spb-play,
.spb-latest-news:hover .spb-read,
.tns-gallery-thumb:hover .tns-gallery-caption,
.tns-gallery-thumb:hover:before {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.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-caption span {
    display: block;
    font-size: 16px;
    color: #fff
}

.discover,
.hire,
.tns-load a {
    display: inline-block
}

.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-load {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 40px
}

.tns-achiv,
.tns-blog-wrap,
.tns-gallery2,
.tns-team {
    margin-bottom: 30px
}

.tns-load a {
    color: #fff;
    line-height: 15px;
    padding: 15px 30px
}

.tns-load a:hover {
    color: #fff;
    background-color: #000
}

.kode-tennis section {
    float: left;
    padding: 70px 0 40px;
    width: 100%
}

.tns-midbar-bg-2 {
    background-image: url(../images/home-image-2.jpg);
    background-position: center;
    position: relative
}

.tns-midbar-bg {
    background-image: url(../images/home-image-3.webp);
    background-position: center;
    background-attachment: fixed;
    position: relative
}

.tns-midbar-bg:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .5;
    content: ""
}

.tns-midbar {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 60px 0
}

.tns-midbar h6 {
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    margin-top: -3px;
    margin-bottom: 10px
}

.tns-midbar p {
    text-transform: capitalize;
    margin: 0 0 25px;
    font-size: 15px;
    color: #fff
}

.hire {
    color: #fff;
    border: 3px solid #fff;
    padding: 15px 45px
}

.discover {
    background: #fff;
    border: 1px solid #d1d1d1;
    padding: 17px 18px
}

.tns-blog-caption h4 a,
.tns-date {
    font-size: 18px;
    line-height: 17px;
    font-weight: 700
}

.tns-blog-wrap {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px 12px;
    border: 3px solid #f0f0f0
}

.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;
    text-transform: uppercase;
    margin-bottom: 11px
}

.tns-blog-caption ul li a,
.tns-team-caption h5 a {
    font-weight: 400;
    text-transform: uppercase;
    display: block
}

.tns-blog-caption ul {
    float: left;
    margin-bottom: 11px;
    width: 100%
}

.spb-meta2 li,
.tns-blog-caption ul li {
    float: left;
    width: auto;
    margin-right: 20px
}

.tns-blog-caption ul li a {
    font-size: 14px;
    line-height: 14px;
    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: 700;
    padding: 11px 30px
}

.tns-date {
    position: absolute;
    left: 40px;
    top: 10px;
    padding: 14px;
    color: #fff;
    background-color: #666;
    text-transform: capitalize;
    z-index: 10;
    text-align: center
}

.tns-date b {
    display: block;
    margin-bottom: 4px
}

.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: .85;
    background: #000
}

.tennis-footer,
.tns-counterup:before,
.tns-testimonial-bg {
    background-position: center;
    background-size: cover
}

.tennis-footer,
.tns-counterup:before,
.tns-testimonial-bg,
.weather-widget:before {
    background-repeat: no-repeat
}

.tns-gallery2 {
    float: left;
    width: 100%;
    background-color: #fff
}

.thumb-caption2,
.tns-team-caption {
    background-color: #333;
    text-align: center
}

.tns-gallery2:hover .thumb {
    overflow: visible
}

.thumb-caption2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100%;
    width: 100%;
    box-shadow: 0 2px 8px 1px rgba(0, 0, 0, .25);
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.tns-gallery2:hover .thumb-caption2 {
    bottom: 0;
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.thumb-caption2 li {
    display: inline-block;
    margin-right: 30px;
    padding: 10px 0
}

.thumb-caption2 li a {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    display: block
}

.tns-gallery2 .text .rating span,
.tns-team-caption h5 a {
    font-size: 18px;
    line-height: 18px
}

.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: 700;
    display: block;
    margin-bottom: 11px
}

.tns-gallery2 .text .rating {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 12px
}

.tns-gallery2 .text p {
    font-weight: 700;
    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 {
    color: #ffc501;
    content: "★";
    left: 0;
    position: absolute
}

.rating>span {
    color: #f7941d;
    display: inline-block;
    font-size: 16px;
    position: relative
}

.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);
    opacity: .12;
    content: ""
}

.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,
.tns-team,
.tns-team-caption,
.tns-testimonial {
    float: left;
    width: 100%
}

.counterup-dec h3 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    font-size: 27px;
    line-height: 27px
}

.counterup-dec h3 b {
    margin-right: 10px;
    margin-left: 20px
}

.tns-team {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.tns-team:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    bottom: 0;
    content: "";
    background-color: #ececec;
    z-index: -1
}

.tns-team-caption {
    padding: 25px 0
}

.tns-team-caption h5 a {
    color: #fff
}

.tns-team-caption p {
    color: #fff;
    margin-bottom: 14px
}

.tns-social2 li {
    display: inline-block;
    margin-right: 12px
}

.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-team-caption-overlay {
    bottom: -29.6%;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0
}

.tns-testimonial-bg {
    background-image: url(../extra-images/tns-testimonial-bg.jpg);
    position: relative
}

.tns-testimonial-bg:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    opacity: .77
}

.tns-testimonial-silder {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px
}

.tns-testimonial {
    text-align: center;
    padding: 0 40px
}

.tns-testimonial figure {
    width: 130px;
    border-radius: 100%;
    float: none;
    display: inline-block;
    margin-bottom: 10px
}

.tennis-footer,
.tns-achiv,
.tns-achiv figure {
    float: left;
    width: 100%
}

.tns-testimonial figure img {
    float: left;
    width: 100%;
    border-radius: 100%
}

.tns-testimonial h6 a {
    font-weight: 700;
    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 {
    padding-bottom: 56px
}

.tns-testimonial-silder .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 0;
    line-height: 16px
}

.tns-testimonial-silder .bx-wrapper .bx-pager.bx-default-pager a {
    background: 0 0;
    border-radius: 100%;
    display: block;
    height: 16px;
    margin: 0 5px;
    outline: 0;
    width: 16px;
    border: 1px solid #fff;
    font-size: 0
}

.tns-testimonial-silder .bx-wrapper .bx-pager.bx-default-pager a.active,
.tns-testimonial-silder .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background-color: #333 !important;
    border-color: #333
}

.tns-testimonial-silder .bx-wrapper .bx-controls-direction a {
    height: 51px;
    margin-top: -16px;
    outline: 0;
    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-achiv {
    border: 1px solid #e9e9e9;
    padding: 10px
}

.spb-logo-wrap,
.spb-nav {
    border-bottom: 1px solid #ddd
}

.tns-achiv figure {
    position: relative;
    margin: 0
}

.tns-achiv figure:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .78);
    border: 1px solid #e9e9e9;
    opacity: 0;
    content: ""
}

.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 {
    position: relative;
    background-image: url(../extra-images/tns-footerbg.jpg);
    padding: 70px 0
}

.tns-copyright,
.tsn-news ul li {
    float: left;
    width: 100%;
    padding: 20px 0
}

.tennis-footer:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    opacity: .89;
    background-color: #000
}

.tns-ftlogo {
    float: left;
    width: 100%;
    margin-top: -15px
}

.tns-text-widget p {
    float: left;
    color: #fff;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 28px
}

.tsn-contact-dec h6,
.tsn-news ul li a {
    font-weight: 700;
    text-transform: capitalize
}

.tsn-widget h4 {
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 25px
}

.tsn-contact-dec {
    float: left;
    width: 100%;
    margin-bottom: 14px
}

.tsn-contact-dec h6 {
    font-size: 16px;
    color: #ccc;
    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 li {
    border-top: 1px solid #666
}

.tsn-news ul li:first-child,
.widget-news>ul>li:first-child {
    padding-top: 0;
    border: none
}

.tsn-news ul li a {
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    float: left;
    width: 100%
}

.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: 400;
    color: #fff
}

.tsn-search input[type=text] {
    float: left;
    width: 100%;
    font-size: 15px;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid #3f403d;
    font-weight: 400;
    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: 700;
    padding: 12px 27px
}

.tns-copyright p,
.tns-copyright span {
    font-size: 15px;
    color: #fff;
    line-height: 11px;
    text-transform: uppercase
}

.tns-copyright {
    border-top: 1px solid #000
}

.tns-copyright p {
    float: right;
    width: auto;
    margin: 0
}

.tns-copyright span {
    float: left;
    font-weight: 400
}

.kode-sp-new {
    background-color: #fff;
    color: #999;
    font-family: "Open Sans", sans-serif;
    font-size: 14px
}

.kode-sp-new h1,
.kode-sp-new h1 a,
.kode-sp-new h2,
.kode-sp-new h2 a,
.kode-sp-new h3,
.kode-sp-new h3 a,
.kode-sp-new h4,
.kode-sp-new h4 a,
.kode-sp-new h5,
.kode-sp-new h5 a,
.kode-sp-new h6,
.kode-sp-new h6 a {
    color: #333;
    font-family: Raleway, sans-serif;
    margin: 0
}

.spb-helpdeck li a,
.spb-helpdeck li span,
.spb-user-wrap a {
    line-height: normal;
    color: #fff;
    float: left;
    font-weight: 400;
    text-transform: capitalize
}

.kode-sp-new h4 {
    font-size: 24px
}

.kode-sp-new h5 {
    font-size: 18px
}

.kode-sp-new section {
    padding: 70px 0 40px;
    float: left;
    width: 100%
}

.kode-sp-new ul {
    margin: 0;
    padding: 0
}

.spb-topbar {
    float: left;
    width: 100%;
    background: #4d4d4d;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .39)
}

.spb-helpdeck li {
    float: left;
    width: auto;
    padding: 7px 0
}

.spb-helpdeck li a,
.spb-helpdeck li span {
    width: 100%;
    font-size: 12px;
    padding: 3px 20px 6px
}

.spb-helpdeck li a {
    padding: 6px 20px 3px
}

.spb-helpdeck li span {
    background-color: #ff3c36
}

.spb-topbar .spb-social1 {
    margin-right: 32px
}

.spb-social1 li a {
    float: left;
    width: 25px;
    height: 41px;
    line-height: 42px;
    color: #d4d4d4;
    font-size: 16px;
    text-align: center
}

.spb-user-wrap a {
    width: auto;
    position: relative;
    font-size: 16px;
    padding: 10px 20px 12px;
    border-right: 1px solid #a9a9a9
}

.spb-tab-dropdown .dropdown-menu li {
    float: left;
    width: 100%;
    margin-right: 0
}

.spb-tab-dropdown .dropdown-menu li a {
    padding: 8px 20px
}

.spb-user-wrap a:first-of-type {
    border-left: 1px solid #a9a9a9
}

.spb-user-wrap a i {
    margin-left: 7px
}

.spb-logo-wrap {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    padding: 30px 0
}

.spb-logo {
    float: left;
    width: auto;
    padding: 24px 0
}

.spb-hd-banner {
    display: inline-block;
    width: 47%;
    margin-bottom: -5px
}

.weather-widget {
    float: right;
    margin-left: 10px;
    padding: 32px 40px;
    position: relative;
    width: 24%;
    z-index: 9999
}

.weather-widget:before {
    position: absolute;
    content: "";
    top: 0;
    z-index: -1;
    left: 0;
    right: 10px;
    bottom: 0;
    background-image: url(../images/logonav.png);
    background-position: right
}

.weather-widget i {
    color: #666;
    font-size: 24px;
    float: left
}

.weather-widget .text_widget {
    float: left;
    padding-left: 10px
}

.text_widget span {
    font-size: 16px;
    display: inline-block;
    color: #666
}

.text_widget span a {
    display: inline-block;
    font-size: 14px;
    color: #333;
    margin-left: 20px
}

.text_widget em {
    font-style: normal;
    text-align: left;
    display: block;
    line-height: 17px
}

.spb-more a,
.spb-nav .navigation li a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    width: 100%;
    text-transform: uppercase
}

.spb-nav {
    float: left;
    width: 100%
}

.spb-nav .navigation li {
    float: left;
    width: auto;
    margin-right: 37px
}

.spb-nav .navigation li a {
    float: left;
    color: #666;
    position: relative;
    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-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;
    color: #fff;
    padding: 7px 20px
}

.spb-more a:hover {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(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
}

.spb-banner .slick-slider {
    position: relative;
    float: left;
    width: 100%
}

.spb-banner-wrap .text,
.spb-banner-wrap .text:before,
.spb-banner-wrap:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.spb-center .slick-next:before,
.spb-center .slick-prev:before {
    background-color: #363536;
    opacity: .9;
    color: #fff
}

.spb-center .slick-next:hover:before,
.spb-center .slick-prev:hover:before {
    color: #fff;
    opacity: .9
}

.spb-banner-wrap:before {
    top: 0;
    opacity: .38;
    background-color: #000;
    content: ""
}

.spb-banner-wrap .text {
    vertical-align: middle;
    text-align: left;
    padding: 19px 38px 23px
}

.spb-banner-wrap .text:before {
    top: 0;
    background-color: #333;
    opacity: .83;
    content: ""
}

.spb-banner-wrap .text h3 a {
    float: left;
    position: relative;
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 17px;
    overflow: hidden;
    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 a,
.spb-meta li span {
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    color: #999;
    line-height: normal;
    text-transform: capitalize;
    float: left;
    width: 100%
}

.lable-1 {
    position: absolute;
    left: 50px;
    top: 0;
    width: 55px;
    padding: 9px 5px;
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    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
}

.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: 700;
    margin: -4px 0 13px
}

.spb-tabs-nav {
    float: right;
    width: auto;
    border: none
}

.spb-tabs-nav li {
    margin: 0 20px 0 0
}

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

.spb-tabs-nav>li.active>a,
.spb-tabs-nav>li.active>a:focus,
.spb-tabs-nav>li.active>a:hover,
.spb-tabs-nav>li>a,
.spb-tabs-nav>li>a:focus,
.spb-tabs-nav>li>a:hover {
    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 {
    float: left;
    white-space: 100%
}

.spb-tab-dropdown button i {
    margin-left: 12px
}

.spb-news-wrap {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 30px;
    margin-bottom: 50px
}

.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: #dcdcdc solid 1px;
    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: .67;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.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-btn,
.spb-read a {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    display: inline-block
}

.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 h5 a {
    float: left;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    width: 100%;
    margin: -4px 0 18px
}

.spb-latest-news2 .text h5 a,
.spb-latest-news3 .text h5 a,
.spb-latest-news4 .text h5 a {
    margin: -3px 0 18px;
    font-size: 14px
}

ul.spb-meta2 {
    margin-bottom: 17px
}

.spb-meta2 li a,
.spb-meta2 li i,
.spb-meta2 li span {
    float: left;
    width: auto;
    font-size: 12px;
    line-height: 15px;
    text-transform: capitalize;
    font-style: italic;
    font-weight: 400;
    color: #fff
}

.spb-meta2 li i {
    font-style: normal;
    margin-right: 8px
}

.spb-latest-news .text p {
    margin: -8px 0 21px
}

.spb-btn {
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px 25px
}

.spb-latest-news3 .text {
    padding: 22px 0
}

.spb-latest-news4:hover {
    box-shadow: 0 25px 24px -24px rgba(0, 0, 0, .27)
}

.spb-latest-news4 .lable-2 {
    left: 20px;
    width: 36px;
    font-size: 8px;
    text-transform: capitalize
}

.spb-latest-news4 .text h5 a {
    text-transform: capitalize
}

.spb-latest-news2 .text h5 a,
.spb-read a {
    text-transform: uppercase;
    font-weight: 700
}

.spb-latest-news4 .spb-play {
    width: 22px;
    height: 22px;
    font-size: 22px;
    line-height: 22px;
    margin-top: -11px
}

.spb-brandadd {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 50px
}

.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-read a {
    padding: 11px 14px
}

.spb-latest-news2 .text {
    float: none;
    width: auto;
    overflow: hidden;
    padding: 20px 30px
}

.spb-latest-news2 .text h5 a {
    float: left;
    line-height: normal;
    width: 100%
}

.spb-metalink .spb-meta2 {
    width: auto;
    margin: 0
}

.spb-btn2 {
    float: right;
    font-size: 11px;
    line-height: 11px;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    padding: 3px 13px 2px
}

.sbp-ribbon1,
.sbp-ribbon2,
.spb-ticker>span,
.ticker-dec a {
    text-transform: uppercase;
    font-weight: 700
}

.spb-latest-news5:hover {
    box-shadow: 0 12px 13px 0 rgba(0, 0, 0, .35)
}

.spb-latest-news5 .spb-play,
.spb-latest-news6 .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 p {
    margin-bottom: -8px
}

.spb-latest-news6 {
    margin-bottom: 30px;
    border: 1px solid #ccc
}

.kode-content .aside .widget,
.spb-pagination {
    margin-bottom: 25px
}

.spb-latest-news6:hover {
    box-shadow: 0 10px 12px 0 rgba(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
}

.sbp-ribbon2 {
    position: absolute;
    left: 15px;
    top: 15px;
    color: #fff;
    font-size: 12px;
    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)
}

.main-slide .spb-play,
.spb-flicker ul li:hover .spb-play,
.spb-popular-dec:hover .spb-play {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.sbp-ribbon1 {
    position: absolute;
    left: -1px;
    top: 20px;
    font-size: 15px;
    line-height: 15px;
    padding: 11px 10px;
    display: inline-block;
    z-index: 1;
    color: #fff
}

.sbp-ribbon1:before {
    right: -27px;
    top: 0;
    bottom: 0;
    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
}

.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: #333;
    font-size: 14px;
    font-weight: 700;
    margin: 0 15px 0 0
}

.pagination li a.pagination-store {
    border: transparent;
    line-height: 16px
}

.spb-ticker>span {
    float: left;
    width: auto;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    padding: 10px 12px
}

.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
}

.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-ticker2 {
    width: 100%;
    margin: 0;
    float: right
}

.ticker-dec a {
    font-size: 14px;
    line-height: 14px;
    color: #333;
    float: left;
    width: 82%;
    overflow: hidden
}

.ticker-dec span {
    font-size: 12px;
    line-height: 12px;
    text-transform: capitalize;
    font-weight: 400;
    font-style: italic;
    float: right;
    color: #bcbcbc
}

.sbp-ftnav li a,
.spb-btn3,
.spb-widget h4 {
    text-transform: uppercase
}

.ticker-dec span i {
    margin-right: 5px
}

.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: .9;
    content: ""
}

.spb-widget h4 {
    font-weight: 700;
    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-text-widget p a:hover {
    color: #da251d;
    transition: .2s ease-in-out
}

ul.spb-social2 {
    margin-bottom: 0;
    margin-top: 12px
}

.spb-social2 li {
    float: left;
    width: auto;
    margin-right: 15px
}

.spb-social2 li a {
    float: left;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 35px;
    font-size: 22px;
    border-radius: 50%;
    color: #fff;
    border: 0 solid #d2d2d2
}

.spb-text-widget input[type=text] {
    float: left;
    width: 100%;
    padding: 13px 70px 12px 20px;
    height: auto;
    font-size: 15px;
    background: #fff
}

.spb-text-widget input[type=text]::-moz-placeholder {
    color: #fff
}

.spb-text-widget button {
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    background-color: transparent;
    padding: 0 25px;
    border-left: 1px solid #d2d2d2;
    width: 100%
}

.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 figure {
    float: left;
    width: 99px;
    margin: 0;
    position: relative
}

.spb-popular-dec figure:after {
    outline: #dcdcdc solid 1px;
    outline-offset: -6px
}

.spb-flicker ul li:after,
.spb-flicker ul li:before,
.spb-popular-dec figure:after,
.spb-popular-dec figure:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    opacity: 0
}

.spb-flicker ul li:hover:before,
.spb-popular-dec:hover figure:before {
    opacity: .69
}

.spb-flicker ul li .spb-play,
.spb-popular-dec .spb-play {
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    margin-top: -9px;
    width: 18px
}

.spb-flicker ul li:hover .spb-play,
.spb-popular-dec:hover .spb-play {
    opacity: 1
}

.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-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 {
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    border: 1px solid #e7e7e7;
    opacity: 0
}

.spb-flicker ul li:hover:after {
    opacity: .73
}

.spb-btn3 {
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 16px;
    padding: 13px 25px
}

.spb-copyright {
    float: left;
    width: 100%;
    position: relative;
    text-align: right;
    border-top: 1px solid #9a9a9a;
    padding: 0;
    margin-top: 5px
}

.sbp-ftnav li {
    float: left;
    width: auto;
    margin-right: 15px;
    padding: 14px 0
}

.sbp-ftnav li a {
    font-weight: 100;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    float: left;
    width: 100%
}

.spb-copyright p {
    display: inline-block;
    width: auto;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 14px;
    padding: 14px 0;
    margin: 0
}

.spb-copyright #kode-topbtn {
    position: absolute;
    float: right;
    width: 48px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #666;
    padding-top: 15px;
    bottom: 59px;
    right: 0
}

.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: 700;
    line-height: 12px;
    text-align: left
}

.widget-news>ul>li {
    float: left;
    width: 100%;
    padding: 15px 0;
    border-top: 1px solid #e2e2e2
}

.widget-news .spb-latest-news6 {
    border: none;
    margin-bottom: 0
}

.kode-search::after,
.kode-search::before {
    border-right: 14px solid transparent;
    content: ""
}

.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: 700;
    margin-bottom: 3px
}

.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: 700;
    line-height: 12px;
    font-size: 16px;
    padding: 11px 0
}

.widget-social span {
    float: right;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 0
}

.facebook {
    background: #3b5998
}

.twitter {
    background: #0099e5
}

.google {
    background: #d34836
}

.widget-form p {
    font-size: 12px
}

.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-hd {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    text-align: center
}

.spb-result-hd h5 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    line-height: 14px;
    margin-bottom: 5px;
    color: #666
}

.spb-result-hd p {
    color: #aaa;
    font-size: 14px;
    line-height: 12px;
    margin: 0;
    text-transform: uppercase
}

.spb-seeall,
.spb-team1 h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase
}

.spb-team1>a {
    margin-bottom: 10px;
    display: block
}

.spb-team1 h6 {
    text-align: center;
    width: 100%;
    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: 700;
    text-transform: uppercase;
    line-height: 17px;
    margin-bottom: 10px
}

.spb-oponant em {
    display: inline-block;
    width: auto;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 11px;
    color: #fff;
    font-weight: 700;
    font-style: normal;
    padding: 3px 11px;
    margin-right: 3px
}

.spb-seeall {
    color: #333;
    display: inline-block;
    padding: 15px 30px;
    border: 1px solid #d1d1d1
}

.nav-thumb-caption .spb-meta2 i,
.spb-seeall:hover {
    color: #fff
}

.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
}

.block-nav-thumb,
.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 #ccc;
    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 img {
    opacity: .09
}

.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
}

.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: .89;
    content: ""
}

.spb-video-slider .slick-dotted.slick-slider {
    margin: 0;
    float: left;
    width: 100%
}

.spb-video-slider .block-nav {
    width: 100%;
    float: left
}

.block-video {
    width: 100%;
    float: left;
    margin-bottom: 60px
}

.main-slide iframe {
    height: 357px
}

.main-slide .spb-play {
    opacity: 1;
    transform: translate(0, 0);
    width: 90px;
    height: 90px;
    line-height: 90px;
    margin-top: -45px;
    font-size: 90px
}

.block-nav-thumb img {
    float: left;
    width: 100%;
    opacity: .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: 700;
    text-transform: uppercase;
    line-height: 15px;
    margin-bottom: 16px;
    pointer-events: none;
    cursor: default
}

.kode-loginform p a,
.kode-loginform p label span,
.kode-loginform p>span {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.nav-thumb-caption .spb-meta2 {
    float: none;
    display: inline-block;
    width: auto;
    margin: 0
}

.spb-video-slider .slick-next,
.spb-video-slider .slick-prev {
    width: 44px;
    height: 56px;
    line-height: 56px;
    left: 0
}

.spb-video-slider .slick-next {
    right: 0;
    left: auto
}

.spb-video-slider .slick-next::before,
.spb-video-slider .slick-prev::before {
    line-height: 56px;
    content: "\f105";
    color: #fff
}

.spb-video-slider .slick-slide {
    padding: 0 15px
}

.spb-video-slider .slick-list {
    padding: 0 !important;
    width: 100%
}

.modal-body {
    display: inline-block;
    padding: 15px 22px 4px;
    width: 100%
}

.modal-header h4 {
    color: #fff;
    text-transform: uppercase
}

.kode-loginform,
.kode-loginform p {
    display: inline-block;
    width: 100%
}

.kode-loginform p>span {
    display: block;
    margin-bottom: 6px
}

.kode-loginform p input[type=password],
.kode-loginform p input[type=text] {
    border: 1px solid #e2e2e2;
    float: left;
    height: 42px;
    width: 100%;
    padding: 0 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 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: 700;
    padding: 5px 30px;
    text-transform: uppercase
}

.close {
    opacity: .4
}

.kode-search {
    float: right;
    margin: 36px -14px 0 0;
    position: relative;
    width: 160px
}

.kode-search::before {
    border-bottom: 14px solid #000;
    position: absolute;
    right: 0;
    top: -14px
}

.kode-search::after {
    border-top: 14px solid #000;
    bottom: -14px;
    position: absolute;
    right: 0
}

.kode-search input[type=text] {
    border: none;
    box-shadow: none;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 29px;
    padding: 6px 15px;
    text-transform: uppercase;
    width: 100%
}

.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: 0 20px 20px;
    box-shadow: 0 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: 0 0 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: 700;
    margin-bottom: 15px
}

.login-meta .kode_modal_field input {
    height: 40px;
    width: 100%;
    border: none;
    background-color: #d3d3d3;
    padding: 0 10px;
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    box-shadow: 0 0
}

.login-meta .kode_modal_field input:focus {
    box-shadow: 0 0 9px 1px #fff;
    color: #fff
}

.login-meta .kode_model_btn button {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    padding: 10px 0;
    margin-bottom: 12px;
    border-radius: 5px;
    background-color: #000
}

.login-meta .btn.btn-primary {
    background: rgba(0, 0, 0, 0);
    border: none;
    padding: 0
}

.login-meta .modal-backdrop {
    z-index: -1
}

.login-meta.meta_2 li {
    border-right: 1px solid #ddd;
    padding: 0
}

.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 .btn.btn-primary {
    padding: 14px 20px;
    border-radius: 0
}

.kode_calendar .fc-toolbar {
    margin: 0;
    padding: 15px
}

.kode_calendar .fc-left>h2 {
    float: left;
    width: auto;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase
}

.kode_calendar .fc button {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
    line-height: normal
}

.kode_calendar .fc button:hover {
    color: #fff;
    background: 0 0
}

.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: 700;
    text-transform: uppercase;
    line-height: normal;
    font-size: 16px;
    padding: 10px 0
}

@media (max-width:767px) {
    .map-unit-2 {
        clear: both
    }

    .kode_benner1_text {
        padding: 50px 0
    }

    .kode_club_wraper {
        padding: 0
    }

    .kode_club_wraper .container {
        margin: 0 auto
    }

    .content-box h3 {
        font-size: 16px
    }

    .tns-banner .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item .bx-pager-link {
        display: none
    }

    .ftb_goal_tabs {
        padding: 20px
    }

    .ftb-gallery figure::before {
        left: 10px;
        right: 10px;
        bottom: 10px;
        top: 10px;
        opacity: 1
    }
}


.content-max,
.controller-max {
 margin: 0 auto;
 max-width: 630px;
}

.controller-max {
 margin-top: 10px;
}

/**
* EasyZoom core styles
*/
.easyzoom {
 display: flex;
 position: relative;
 /* display: inline-block; */
 width: 100%;
 height: 100%;
}

 .easyzoom > a {
  margin: auto;
  display: block;
 }

 .easyzoom img {
  vertical-align: bottom;
 }

 .easyzoom > a > img {
  margin: auto;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
 }

 .easyzoom.is-loading img {
  cursor: progress;
 }

 .easyzoom.is-ready img {
  cursor: crosshair;
 }

 .easyzoom.is-error img {
  cursor: not-allowed;
 }

.easyzoom-notice {
 position: absolute;
 top: 50%;
 left: 50%;
 z-index: 150;
 width: 10em;
 margin: -1em 0 0 -5em;
 line-height: 2em;
 text-align: center;
 background: #FFF;
 box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
 position: absolute;
 z-index: 100;
 overflow: hidden;
 background: #FFF;
}

.easyzoom--overlay .easyzoom-flyout {
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
 top: 0;
 left: 100%;
 width: 100%;
 height: 100%;
 margin-left: 20px;
}

.ratio {
 position: relative;
 width: 100%;
}

 .ratio::before {
  content: "";
  display: block;
 }

 .ratio > * {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
 }

 .ratio.ratio-4x3 {
  background-color: #FFF;
  border: 1px solid #DDD;
 }

  .ratio.ratio-4x3::before {
   padding-top: 75%;
  }

/** 
* Swiper styles
*/
.swiper .swiper-slide img {
 padding: 10px;
}

.swiper.swiper.swiper--product-detail .swiper-slide {
 display: flex;
 position: relative;
 width: 100%;
}

.swiper.swiper--product-thumbs .swiper-slide img {
 -o-object-fit: contain;
 object-fit: contain;
 cursor: pointer;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
 margin-top: 5px;
 position: relative;
 top: unset;
 bottom: unset;
 left: unset;
 width: 100%;
 height: 2px;
}

.swiper-scrollbar {
 background-color: #f0f0f0;
}

.swiper-scrollbar-drag {
 background-color: #ccc;
}

.swiper-buttons {
 margin-top: 5px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.swiper-button-prev,
.swiper-button-next {
 margin: 0 5px;
 padding: 10px 15px;
 position: relative;
 left: unset;
 right: unset;
 top: unset;
 width: unset;
 height: unset;
 margin-top: unset;
 z-index: 10;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #DDD;
 border: 1px solid #DDD;
 background-color: #FFF;
 transition: all 0.2s ease;
}

 .swiper-button-prev::after,
 .swiper-button-next::after {
  font-size: 1.2rem;
  font-weight: bold;
 }

 .swiper-button-prev:not(.swiper-button-disabled):hover,
 .swiper-button-next:not(.swiper-button-disabled):hover {
  color: #FFF;
  background-color: #ccc;
 }

 .swiper-button-prev.swiper-button-disabled,
 .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
 }