/* Eric Meyer Reset CSS v2.0 */
@font-face {
    font-family: trt-light;
    src: url(fonts/TRT_Light.otf);
}
@font-face {
    font-family: trt-regular;
    src: url(fonts/TRT_Regular.otf);
}
@font-face {
    font-family: trt-bold;
    src: url(fonts/TRT_Bold.otf);
}
@font-face {
    font-family: 'aktivgrotesk-medium';
    src: url(fonts/AktivGrotesk_W_Md.woff);
}
@font-face {
    font-family: 'aktivgrotesk-light';
    src: url(fonts/AktivGrotesk-Thin.otf);
}
@font-face {
    font-family: 'aktivgrotesk-bold';
    src: url(fonts/AktivGrotesk-Black.otf);
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,

address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var,center,

tr,u,i,small,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,

b,th,td,article,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,ruby,

output,aside,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

body {line-height: 1}

ol,ul{list-style:none}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

table{border-collapse:collapse;border-spacing:0}



/* Fatih Turan Reset CSS :) */

input,select {padding:0;margin:0;border:none;font-family:Arial, Helvetica, sans-serif;vertical-align:middle}

input[type="submit"]{cursor:pointer}

textarea {resize:none}

h1,h2,h3,h4,h5,h6,p,div{cursor:default}

:focus{outline:none}

a{text-decoration:none;background:transparent;line-height:117%;margin:0;padding:0;vertical-align:baseline;float:left;font-size:12px;color:#666;}

a:active,a:hover{outline:0}

b,strong{font-weight:bold}

ul,ol,li{float:left}

::selection,::-moz-selection{text-shadow:none;}

.hide, .ui-tabs-hide{display:none}


/* Right Color Bars Base Css */

.bar { float:left; width:300px; margin-bottom:30px; }

.bar728 { float:left; width:728px; margin-bottom:30px; }

.bar728-center { float:left; width:728px; margin:0 0 30px 126px; /* accorting to the grid-980 */ }



.bar-green, .bar-red, .bar-white { float:left; width:300px; margin-bottom:30px; position:relative; /*min-height:285px; *min-height:285px; padding-top: 14px;*/ }

.bar-white > ul,

.bar-red > ul,

.bar-green > ul {z-index:99; position: relative;}

.bar-green .bartop, .bar-red .bartop, .bar-white .bartop,

.bar-green .bartom, .bar-red .bartom, .bar-white .bartom { width:100%; position:absolute; left:0;  z-index:-1; }

.bar-green .bartom, .bar-red .bartom, .bar-white .bartom { height:85px; bottom:0; background-position:-490px -481px; z-index: -1; }

.bar-green .bartop, .bar-red .bartop, .bar-white .bartop { height:200px; top:0; }

.bar-green .bartop  { background-position:0 -674px; }

.bar-white .bartop  { background-position:-300px -674px; z-index:10}

.bar-red .bartop        { background-position:-600px -674px; }



.bar-red .async_result {

    position: relative;

    z-index: 99;

}



.bar-green h5, .bar-red h5, .bar-white h5 { font-family:trt-bold; font-size:18px; line-height:120%; padding-left: 14px; padding-bottom: 8px; z-index: 12; position: relative}

.bar-green h5 a, .bar-red h5 a, .bar-white h5 a { font-size:14px; float: right; padding-top: 3px; padding-right: 15px; }

.bar-green h5 a, .bar-red h5 a {color:rgba(255, 255, 255, .7); }

.bar-white h5 a { color:#000; }

.bar-green h5 a:hover, .bar-red h5 a:hover { color:#fff; }

.bar-white h5 a:hover { color:#333; }

.bar-green h5, .bar-red h5 { color:#2E2E2E!important; }

.bar-white h5 { color:#2e2e2e; }



.bar .bartop h5 { font-size:20px; line-height:33px; color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .27); float:left; padding:0; width:100%; }

.bar .barcon { border-right:solid 1px #ededed; border-left:solid 1px #ededed; border-bottom:solid 1px #ededed; padding:20px 19px 0; float:left; width:260px; border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; }

.bar .bartent { float:left; width:100%; height:auto; }



/* Notification Boxes */

.result_async { float:left; width: 100%; }

.error { border-top:solid 1px #c00; border-bottom:solid 1px #c00; background-color:#FFB7B7; color:#c00; }

.success { background-color:#A6FFA6; border:solid 1px #090; color:#090; }

.error, .success { border-radius:3px; margin-top: 15px; }

.error .cab, .success .cab { padding:15px 20px; font-size:13px; display: block; }

.comment .success { margin: 0 0 15px 0;}



/* Inputs CSS */

.input_01, .input_02, .select_01, .select_02, .textarea_01, .textarea_02, .select_03 { background: url(../img/icon/sprite.png) no-repeat 0 -1260px; float: left; border: 1px solid #9b9b9b; border-radius:3px; padding: 4px 10px; }

.input_01       { height: 25px; width: 228px; }

.input_02       { height: 25px; width: 415px; }

.select_01      { height: 35px; width: 330px; }

.select_02      { height: 35px; width: 250px; }

.select_03      { height: 35px; width: 75px; }

.textarea_01    { height: 60px; width: 523px; }

.textarea_02    { height: 65px; width: 415px; }

.submit_01 { background: url(../images/button/s.png) no-repeat center top; float: left; height: 33px; width: 120px; text-indent:-999em; }

.submit_01:hover { background: url(../images/button/s.png) no-repeat center bottom; }



/* Common CSS */

html { float:left; width:100%; height:100%; }

body{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#333;line-height: 150%;width:100%;float:left;/*background: url(../img/bg/body.jpg) no-repeat center top;*/overflow-x:hidden;margin-top: 0 !important;background-position-y: 40px !important;background-position: center 40px !important;}

#wrapper { position: relative; height: 100%; width: 100%; float: left; }

.header, .banner, .content, .area, .footer { width: 100%; height: auto; float:left; position:relative; z-index:1; }

.body { width: 970px; height: 100%; margin-left:auto; margin-right: auto; position:relative; z-index:1; }

.section, .double, .triple, .quatrain, .pentad { height: 100%; float: left; position:relative; z-index:1; }

.section { width: 100%; }

.double     { width: 50%; }

.triple     { width: 33.3333%; }

.quatle     { width: 25%; }

.pentle     { width: 20%; }



/*21.11.2017 öncesi

    .all_wrapper {

    background: #fff;

    display: table;

    margin: 0 auto;

    width: 980px;

    padding-top: 11px;

    margin-top: 40px;

}*/



/*.all_wrapper pageskin reklam için güncellendi 21.11.2017*/

    .all_wrapper {

    background: #fff;

    display: table;

    margin: 0 auto;

    width: 1020px;

    padding-left:20px;

    padding-right:20px;

    padding-top: 11px;

    margin-top: 40px;

}



/*

    Sprites

    =========

    1.  8px

    2.  10px

    3.  11px

    4.  16px

    5.  26px

    6.  28px

    7.  30px

    8.  40px

    9.  48px

    10. 50px

*/

[class^="icon-"] { display: inline-block; vertical-align: text-top; background-image: url(../img/icon/sprite.png); background-repeat: no-repeat; }

/* 8s */

[class^="icon-8-"] { width:8px;height:8px;line-height:8px}

.icon-8-1 { background-position:-32px 0; }

.icon-8-2 { background-position:-32px -8px; }

/* 10s */

[class^="icon-10-"] { width:10px;height:10px;line-height:10px}

.icon-10-1 { background-position:-94px 0; }

.icon-10-2 { background-position:-94px -10px; }

/* 11s */

[class^="icon-11-"] { width:11px;height:11px;line-height:11px}

.icon-11-1 { background-position:-104px 0; }

.icon-11-2 { background-position:-104px -11px; }

/* 16s */

[class^="icon-16-"] { width:16px; height:16px;line-height:16px}

.icon-16-1 { background-position:0 0; }

.icon-16-2 { background-position:0 -16px; }

.icon-16-3 { background-position:0 -32px; }

.icon-16-4 { background-position:0 -48px; }

.icon-16-5 { background-position:0 -64px; }

.icon-16-6 { background-position:0 -80px; }

.icon-16-7 { background-position:0 -96px; }

.icon-16-8 { background-position:0 -112px; }

.icon-16-9 { background-position:0 -128px; }

.icon-16-10 { background-position:0 -144px; }

.icon-16-11 { background-position:-16px 0; }

.icon-16-12 { background-position:-16px -16px; }

.icon-16-13 { background-position:-16px -32px; }

.icon-16-14 { background-position:-16px -48px; }

.icon-16-15 { background-position:-16px -64px; }

.icon-16-16 { background-position:-16px -80px; }

.icon-16-17 { background-position:-16px -96px; }

.icon-16-18 { background-position:0 -160px; }

.icon-16-19 { background-position:0 -176px; }

.icon-16-20  { background-position:0 -192px; }

.icon-16-21  { background-position:-16px -112px; }

.icon-16-22  { background-position:-16px -128px; }

.icon-16-23  { background-position:-16px -144px; }

.icon-16-24  { background-position:-16px -160px; }

/* 26s */

[class^="icon-26-"] { width: 26px; height: 26px; line-height: 26px; }

.icon-26-1 { background-position:-40px 0px; }

.icon-26-2 { background-position:-40px -26px; }

.icon-26-3 { background-position:-40px -52px; }

.icon-26-4 { background-position:-40px -78px; }

.icon-26-42 { background-position:-40px -179px; }

.icon-26-5 { background-position:-40px -104px; }

.icon-26-6 { background-position:-40px -130px; }

.icon-26-7 { background-position:-40px -156px; }

/* 28s */

[class^="icon-28-"] { width: 28px; height: 28px; line-height: 28px; }

.icon-28-1 { background-position:-66px 0px; }

.icon-28-2 { background-position:-66px -28px; }

/* 30s */

[class^="icon-30-"] { width: 30px; height:30px; line-height:30px; }

.icon-30-1 { background-position:-163px 0px; }

.icon-30-2 { background-position:-163px -30px; }

.icon-30-3 { background-position:-163px -60px; }

.icon-30-4 { background-position:-163px -90px; }

.icon-30-5 { background-position:-163px -120px; }

/* 40s */

[class^="icon-40-"] { width: 40px; height: 40px; line-height: 40px; }

.icon-40-1 { background-position:-193px 0px; }

.icon-40-2 { background-position:-193px -40px; }

/* 48s */

[class^="icon-48-"] { width: 48px; height: 48px; line-height: 48px; }

.icon-48-1 { background-position:-115px 0px; }

.icon-48-2 { background-position:-115px -48px; }

.icon-48-3 { background-position:-115px -96px; }

/* 50s */

[class^="icon-50-"] { width: 50px; height: 50px; line-height: 50px; }

.icon-50-1 { background-position:-233px 0px; }

.icon-50-2 { background-position:-233px -50px; }



/* Top Navigation */

.top-navigation {height: 40px;background: #4e4e4e;z-index:99;}

.top-navigation .section > ul.links { margin-top: 10px; }

.top-navigation .section > ul.links > li { margin-left: 15px;border-left:1px solid #aeaeae; }
.top-navigation .section > ul.links > li:first-of-type{border-left:none;}
.top-navigation .section > ul.links > li:first-child { margin-left: 0; }

.top-navigation .section > ul > li > a { padding: 4px 1px 5px 18px; line-height: 15px; color: #ffffff; font-size: 12px; }

.top-navigation .section > ul > li > a:hover { color: lightgrey; }

.top-navigation ul.links > li:first-child a { background:none; padding-left: 0; }

.top-navigation ul.links > li > a i { float: left; margin-right:2px; }

.top-navigation ul.logbox { float: right; }

.top-navigation ul.logbox > li { position: relative; }

.top-navigation ul.logbox > li > a { background: url(../img/icon/sprite.png) no-repeat -655px 0; float: right; padding: 13px 17px 13px 22px; text-align: center; }

.top-navigation ul.logbox > li > a i { margin-top: 3px; margin-left: 10px; }

.top-navigation ul.logbox > li:hover > .hover { display: block; }

.top-navigation ul.logbox > li > ul { width: 137px; height:99px; background: url(../img/icon/sprite.png) no-repeat -563px -39px; top: 27px; left: -86px; padding-top: 21px; padding-left: 68px; }

.top-navigation ul.logbox > li > ul > li {}

.top-navigation ul.logbox > li > ul > li > a { font-weight: bold; line-height: 120%; color: #666; padding: 10px 0 7px; width: 137px; }

.top-navigation ul.logbox > li > ul > li > a:hover { color:#999; }

.menu ul li a:hover{color:#9ebec4;}

/* Header */ 

.header { margin-bottom: 26px; z-index: 4;margin-top:10px; }

/*.fourlexnew span:hover{color:#c84d50;}*/
.y_tit:hover{color:#c84d50;}

/* Logo */

.logo { float: left; margin-top: 10px; margin-right: 80px; margin-bottom: 10px; }

.logo * { float:left; }

.logo h1 {} 

.logo h1 a {} 

.logo h1 a img {}



/* Weather */

.weather { float: left; width: 170px; font-size: 14px; margin-right: 15px; }

.weather .city { color: #069; font-weight: bold; }

.weather span { float: left; padding-bottom: 4px; padding-right: 5px; }

.weather img { float: right; }

.weather .degree { color: #C00; font-weight: bold; }

.weather .text { font-size: 12px; width: 105px; }

.weather #city_list { padding: 2px; border: solid 1px #CCC; border-radius: 3px; }



/* Economics */

.economics { float: left; width: 140px;margin: 15px 15px 0 75px; }

.economics h6 { color: #069; font-weight: bold; }

.economics ul { width: 100%; height: 50px; }

.economics ul li { width: 100%; }

.economics ul li span { float: left; width: 40px; font-size: 12px; }

.economics ul li .name { }

.economics ul li .value { font-weight: bold; width: 60px; }

.economics ul li .value.up { color: #090; background: url(../img/icon/ii1.png) no-repeat center right; }

.economics ul li .value.down { color: #c00; background: url(../img/icon/ii2.png) no-repeat center right; }

.economics ul li .value.none { color: #069; background: url(../img/icon/ii3.png) no-repeat center right; }



/* WEB TV *//*

.webtv { float:left; width:250px; padding-top: 2px; position: relative; }

.webtv p { color: #3E3E3E; font-weight: bold; font-size: 12px; padding-bottom: 2px; }

.webtv .webtv-navigation { float:right; width:25px; height:40px; position: absolute; right: 0; bottom: 0; z-index: 99; }

.webtv .webtv-navigation .prev,

.webtv .webtv-navigation .next { float:left; width:25px; height:20px; text-indent: -999em; }

.webtv .webtv-navigation .prev {}

.webtv .webtv-navigation .next {}

.webtv .webtv-slide { background: url(../img/icon/sprite.png) no-repeat -518px -169px; width:250px; height:45px; }

.webtv .webtv-slide a { color:#fff; padding: 12px 0 5px 49px; font-size: 11px; line-height: 120%; width: 176px; }*/



/* Top Social */

.top-social { float: right; }

.top-social li { margin-left: 9px; }

.top-social li a {}

.top-social li span { background: url(../img/icon/sprite.png) no-repeat -600px 0; width:55px; height:26px; line-height:26px; text-align:center; color:#333; font-size:12px; font-weight:bold; float: left; margin-right: 9px; margin-left: 6px; }



/* Search */

.search { float: right; margin-top:9px; position:relative; }

.search i { position: absolute; top: 10px; left: 9px; }

.search .input { color: #666; padding-left:29px; float: left; border: solid 1px #999; height: 33px; width:241px; line-height:33px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.search .submit { background: url(../img/icon/sprite.png) no-repeat -513px -144px; text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); float: right; line-height: 25px; width:50px; height: 25px; text-align: center; color: #fff; position: absolute; top: 5px; right: 5px; font-size: 12px; font-weight: bold; }

.search .submit:hover { background: url(../img/icon/sprite.png) no-repeat -513px -119px; }



/* Menu Hover */

.menu ul li:hover .hover { display:block; }

.hover { display:none; position: absolute; z-index: +99; }

.category-hover { width:980px; margin:0 4px; padding-bottom: 5px; /*height:360px;*/ height: auto; background-color:#FFF; border-bottom:5px solid #87c540; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; left: 0; top: 46px; -webkit-box-shadow: 0 2px 8px 0px #000; -moz-box-shadow: 0 2px 8px 0px #000; box-shadow: 0 2px 8px 0px #000; }

.hover .li { float: left; display: inline-block; width:100%; }

.hover .li:hover {}

.subcategory-list { width:160px; margin: 20px 19px 0; }

.subcategory-list li { border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:-1px; width:100%; }

.subcategory-list li a { color:#333; line-height:120%; padding: 6px 0 6px; width: 160px; }

.category-select { background-color:#f6f6f6; padding:20px; float:left; }

.category-select a { position:relative; height: 320px; }

.category-select img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.category-select .title { font-family:trt-bold; font-size:18px; color:#fff; line-height:90%; background-color:rgba(0, 0, 0, 1); position:absolute; left:0; bottom:0; padding: 10px 15px;width: calc(100% - 30px); }

.category-topical { width:260px; margin: 19px 21px 0; }

.category-topical li { border-bottom:1px solid #eee; width: 100%; }

.category-topical li.title { font-family:trt-regular; font-size:19px; color:#666; line-height:120%; padding-bottom: 10px; }

.category-topical li a { font-weight:bold; color:#333; line-height:120%; width:100%; padding: 11px 0 9px; }

.category-topical li a span { font-weight:normal; font-size:10px; color:#999; float: left; width: 100%; margin-top: -1px; }

.hover .selected { background-color:#f6f6f6; padding:20px; width:200px; height: 320px; float: right; }

.hover .selected li { margin-bottom: 17px; }

.hover .selected li a { font-weight:bold; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); color: #333; }

.hover .selected li a img { margin-bottom: 7px; }



/* Media Hover */

/*.media-hover { background: url(../img/bg/repeatxsprite.png) repeat-x 0 -274px; width: 300%; top:116px; left: -100%; z-index:-9; position:absolute; height: 70px; overflow: hidden; }*/

.media-hover { background: #f6f6f6; width: 100%; bottom:-57px; z-index:-9; position:absolute; height: 70px; overflow: hidden; }

.media-hover ul { float: none; width: 980px; margin: 0 auto; }

.media-hover ul li { background: url(../img/bg/repeatxsprite.png) no-repeat 0 -382px; }

.media-hover ul li:first-child { background:none; }

.media-hover ul li a { color:#3e3e3e; font-weight:bold; padding: 33px 13px 8px; }

.media-hover ul li:first-child a { padding-left:0; }



/* Menü */

.menu { width:970px; height:38px; float:left; margin: 0 0 0 -4px; padding:0 4px; position:relative; z-index:10; }

.menu > ul { width:970px; height:38px; float:left; margin: 0 0 0 -4px; padding: 4px;background: white; }

.menu > ul > li > a { color: #333; font-weight: bold; padding: 13px 16.9px; font-size: 13px;font-family: aktivgrotesk-medium;font-weight: 100; }
.menu_red{background: #D31F20}
.menu_blue{background: #87c540}
.menu_gray{background: gray}
.menu_black{background: #000000}
.marker {
    width: 100%;
    height: 3px;
    margin-top: -2px;
    clear: both;
}

.menu li.menu_red_hover:hover>a{color: #D31F20!important;}
.menu li.menu_blue_hover:hover>a{color: #87c540!important;}
.menu li.menu_blue_hover .category-hover a:hover{color: #87c540!important;}
.menu li.menu_gray_hover:hover>a{color: gray!important;}
.menu li.menu_black_hover:hover>a{color: #000000!important;}

.menu li.menu_black_hover ul li a:hover{color: #000000!important;}

.menu li.menu_red_hover.active a{color: #D31F20!important;}
.menu li.menu_blue_hover.active a{color: #87c540!important;}
.menu li.menu_gray_hover.active a{color: gray!important;}
.menu li.menu_black_hover.active a{color: #000000!important;}


.menu > ul > li.has_submenu:hover > ul{display: block;}
.menu > ul > li.menu_red_hover > ul.header-menu-dropdown > li:hover > a{color: #D31F20;}
.menu > ul > li.menu_blue_hover > ul.header-menu-dropdown > li:hover > a{color: #87c540;}
.menu > ul > li.menu_gray_hover > ul.header-menu-dropdown > li:hover > a{color: gray;}
.menu > ul > li.menu_black_hover > ul.header-menu-dropdown > li:hover > a{color: #000000;}
.menu > ul > li.has_submenu{position: relative;}
.menu > ul > li > ul.header-menu-dropdown{list-style: none; position: absolute; top: 40px; left: 15px; background: white; z-index: 999999; display: none; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); width: min-content;}
.menu > ul > li > ul.header-menu-dropdown > li {float: left; width: calc(100% - 20px); height: 38px; margin: 0 10px; cursor: pointer; border-bottom: 1px solid #e3e3e3;}
.menu > ul > li > ul.header-menu-dropdown > li > a {display: block; width: max-content; padding: 0 10px; text-align: left; color: #333; line-height: 38px; font-size: 15px; position: relative; font-weight: 500;}

/*.menu > ul > li > a:hover,

.menu > ul > li.selected > a { background-color:#c00; -webkit-box-shadow: inset 0px 0px 22px -5px rgba(0, 0, 0, 0.65); box-shadow: inset 0px 0px 22px -5px rgba(0, 0, 0, 0.65); }
*/


/* Team Vertical List */

.teams { margin-bottom: 25px; }

.teams .section { width:970px; height:50px; padding:1px; margin-left:-1px; border-bottom: solid 1px #EEE; margin-top:-17px}

.teams p { color:#333; font-weight:bold; padding: 14px 20px; float:left;}

.teams ul { float:right; margin:9px 0; }

 /* .teams ul:hover + p { display:none; } */

.teams ul li { border-left:1px solid #eee;position: relative;}

.teams ul li span { display:none; top:43px; left:0; color:#333; font-weight:bold; padding: 4px 0 18px 2px; float:right; font-size:14px;position: absolute;z-index: 1;width: max-content;height:18px; }

.teams ul li span.float-right{right:0;left:unset;text-align: right;}
/* .teams ul li a:hover span { display:block; } */

.teams ul li a { padding: 2px 9.7px; }
.teams ul li:first-of-type{border-left: unset;}
.teams ul li a img { float: left; }



.teams-close { float:right; width: 125px!important; border:none!important; text-align:left}

.teams-close {display:none;}

.teams-close p {float:left;}



/* Headline */

.headline { float:left; width:650px; height:410px; position:relative; margin-left:-1px; margin-bottom:20px; }

.headline-slide { width:650px; height:370px; }

.headline-slide li { position: relative; }

.headline-slide li a {}

.headline-slide li a img { border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; }

.headline-slide li a span { position:absolute; left:0; color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); }

.headline-slide li a .slide-category { bottom:99px; background: url(../img/icon/sprite.png) no-repeat right -355px; padding: 3px 31px 4px 21px; font-size: 11px; white-space: nowrap; height: 14px; font-weight: bold; }

.headline-slide li a .text { bottom: 56px; color:#EEEE10; background: url(../img/icon/sprite.png) no-repeat right -376px; width: 380px; padding: 13px 30px 0 20px; font-size: 14px; line-height: 123%; height: 30px; }

.headline-slide li a:hover .text { padding-left:30px; }

.headline-slide li a .text strong { font-size: 19px; padding-bottom: 3px; float: left; width: 100%; }

.headline-slide li a .readmore { top:300px; background: url(../img/icon/sprite.png) no-repeat 0 -456px; white-space: nowrap; padding: 5px 0 0 19px; width: 106px; height: 20px; }

.headline .headline-navigation { position:absolute; bottom:0; left:0; height:40px; width:650px; background: url(../img/icon/sprite.png) no-repeat 0 -315px; z-index: 99; }

.headline .headline-navigation .prev,

.headline .headline-navigation .next { position:absolute; top:6px; text-indent:-999em; }

.headline .headline-navigation .prev { left:6px; }

.headline .headline-navigation .next { right:6px; }

.headline .headline-navigation .prev:hover { left:2px; }

.headline .headline-navigation .next:hover { right:2px; }



/*

#headline-nav { width: 100%; text-align: center; float: left; }

#headline-nav span { float: none; display: inline-block; position: relative; background: url(../img/icon/sprite.png) no-repeat -66px -96px; width:67px; height:40px; cursor:pointer; opacity:.5; }

#headline-nav span:hover,

#headline-nav span.swiper-active-switch { background: url(../img/icon/sprite.png) no-repeat -66px -56px; opacity:1 !important; }

*/

#headline-nav { width: 100%; text-align: center; float: left; }

#headline-nav span { float: none; display: inline-block; position: relative; /*background: url(../img/icon/sprite.png) no-repeat -66px -96px;*/ /*width:28px;*/ width:67px; height:40px; cursor:pointer; /*opacity:.5;*/ }

#headline-nav span:hover,

#headline-nav span.swiper-active-switch { /*background: url(../img/icon/sprite.png) no-repeat -66px -56px; opacity:1 !important;*/ }

#headline-nav span a{ padding:3px !important; width:61px; height:34px; }

#headline-nav span a img{ width:61px !important; height:34px !important; }

#headline-nav span.swiper-active-switch a{ background:#000; }





/* Headline Bottom News */

.main-item { width:100%; position:relative; float:left; margin-left: -1px; margin-bottom: 35px; }

.main-item .dont-miss { background: url(../img/icon/sprite.png) no-repeat -472px 0; width:91px; height:92px; position:absolute; top:2px; left:-3px; z-index: 99; }

.main-item .img { float: left; margin-left: -5px; margin-right: 19px; position: relative; }

.main-item .img i { width:100%; height:100%; left:0; top:0; position: absolute; }

.main-item.photo .img i { background: url("../img/icon/i1.png") no-repeat center center; }

.main-item.video .img i { background: url("../img/icon/i2.png") no-repeat center center; }

.main-item.news .img i { background:none; }

.main-item .img img { background: url(../img/icon/sprite.png) no-repeat 0 -481px; width:262px; height:175px; padding:9px; }

.main-item h3 { font-family:trt-bold; font-size:27px; color:#000; line-height:93%; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); padding-top: 15px; padding-bottom: 11px; }

.main-item p { font-size:14px; color:#666; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); line-height: 130%; padding-bottom: 16px; }

.main-item a {}

.main-item a i { margin-top: 3px; margin-right: 6px; }



/*  

    Buttons

    ==================

    1. Red Button

    2. Grey Button

    3. Facebook Button

    4. White Button

*/

/* Blue Button */

.btn3 { border:1px solid #1E528B !important; width: 112px; padding: 0 9px 0 9px; text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); height:30px; line-height:30px; font-family:trt-bold; font-size:13px; color:#fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: rgb(53,149,201); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiMTExNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNDA1MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  rgba(53,149,201,1) 0%, rgba(30,82,139,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,149,201,1)), color-stop(100%,rgba(30,82,139,1))); background: -webkit-linear-gradient(top,  rgba(53,149,201,1) 0%,rgba(30,82,139,1) 100%); background: -o-linear-gradient(top,  rgba(53,149,201,1) 0%,rgba(30,82,139,1) 100%); background: -ms-linear-gradient(top,  rgba(53,149,201,1) 0%,rgba(30,82,139,1) 100%); background: linear-gradient(to bottom,  rgba(53,149,201,1) 0%,rgba(30,82,139,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb1117', endColorstr='#a4050a',GradientType=0 ); }

.btn3:hover { background: rgb(30,82,139); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0MDUwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYjExMTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  rgba(30,82,139,1) 0%, rgba(53,149,201,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,82,139,1)), color-stop(100%,rgba(53,149,201,1))); background: -webkit-linear-gradient(top,  rgba(30,82,139,1) 0%,rgba(53,149,201,1) 100%); background: -o-linear-gradient(top,  rgba(30,82,139,1) 0%,rgba(53,149,201,1) 100%); background: -ms-linear-gradient(top,  rgba(30,82,139,1) 0%,rgba(53,149,201,1) 100%); background: linear-gradient(to bottom,  rgba(30,82,139,1) 0%,rgba(53,149,201,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4050a', endColorstr='#cb1117',GradientType=0 ); }

/* Red Button */

.btn { width: 112px; padding: 0 9px 0 9px; text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); height:30px; line-height:30px; font-family:trt-bold; font-size:13px; color:#fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: rgb(203,17,23); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiMTExNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNDA1MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  rgba(203,17,23,1) 0%, rgba(164,5,10,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,17,23,1)), color-stop(100%,rgba(164,5,10,1))); background: -webkit-linear-gradient(top,  rgba(203,17,23,1) 0%,rgba(164,5,10,1) 100%); background: -o-linear-gradient(top,  rgba(203,17,23,1) 0%,rgba(164,5,10,1) 100%); background: -ms-linear-gradient(top,  rgba(203,17,23,1) 0%,rgba(164,5,10,1) 100%); background: linear-gradient(to bottom,  rgba(203,17,23,1) 0%,rgba(164,5,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb1117', endColorstr='#a4050a',GradientType=0 ); }

.btn:hover { background: rgb(164,5,10); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E0MDUwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYjExMTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  rgba(164,5,10,1) 0%, rgba(203,17,23,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,5,10,1)), color-stop(100%,rgba(203,17,23,1))); background: -webkit-linear-gradient(top,  rgba(164,5,10,1) 0%,rgba(203,17,23,1) 100%); background: -o-linear-gradient(top,  rgba(164,5,10,1) 0%,rgba(203,17,23,1) 100%); background: -ms-linear-gradient(top,  rgba(164,5,10,1) 0%,rgba(203,17,23,1) 100%); background: linear-gradient(to bottom,  rgba(164,5,10,1) 0%,rgba(203,17,23,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4050a', endColorstr='#cb1117',GradientType=0 ); }

/* Grey Button */

.btn2 { padding: 0 19px; height: 40px; line-height: 40px; border:1px solid #4c4c4c;text-shadow: 1px 1px 0 rgba(0, 0, 0, .4); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family:trt-bold; font-size:18px; color:#fff; background: #787878; -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4Nzg3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDRkNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #787878 0%, #4d4d4d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#787878), color-stop(100%,#4d4d4d)); background: -webkit-linear-gradient(top,  #787878 0%,#4d4d4d 100%); background: -o-linear-gradient(top,  #787878 0%,#4d4d4d 100%); background: -ms-linear-gradient(top,  #787878 0%,#4d4d4d 100%); background: linear-gradient(to bottom,  #787878 0%,#4d4d4d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#4d4d4d',GradientType=0 ); }

.btn2:hover { background: #4d4d4d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NTc1NzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #4d4d4d 0%, #757575 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#757575)); background: -webkit-linear-gradient(top,  #4d4d4d 0%,#757575 100%); background: -o-linear-gradient(top,  #4d4d4d 0%,#757575 100%); background: -ms-linear-gradient(top,  #4d4d4d 0%,#757575 100%); background: linear-gradient(to bottom,  #4d4d4d 0%,#757575 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#757575',GradientType=0 ); }

/* Facebook Button */

.fb-btn {  padding:0 14px 0 0; height: 38px; line-height: 40px; border:1px solid #1C3770;text-shadow: 1px 1px 0 rgba(0, 0, 0, .4); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family:trt-bold; font-size:18px; color:#fff; background: #787878; -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15); background: rgb(58,88,151); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhNTg5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDM4NzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  rgba(58,88,151,1) 0%, rgba(29,56,113,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,88,151,1)), color-stop(100%,rgba(29,56,113,1))); background: -webkit-linear-gradient(top,  rgba(58,88,151,1) 0%,rgba(29,56,113,1) 100%); background: -o-linear-gradient(top,  rgba(58,88,151,1) 0%,rgba(29,56,113,1) 100%); background: -ms-linear-gradient(top,  rgba(58,88,151,1) 0%,rgba(29,56,113,1) 100%); background: linear-gradient(to bottom,  rgba(58,88,151,1) 0%,rgba(29,56,113,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a5897', endColorstr='#1d3871',GradientType=0 ); }

.fb-btn:hover { background: rgb(29,56,113); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkMzg3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTU4OTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  rgba(29,56,113,1) 0%, rgba(58,88,151,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29,56,113,1)), color-stop(100%,rgba(58,88,151,1))); background: -webkit-linear-gradient(top,  rgba(29,56,113,1) 0%,rgba(58,88,151,1) 100%); background: -o-linear-gradient(top,  rgba(29,56,113,1) 0%,rgba(58,88,151,1) 100%); background: -ms-linear-gradient(top,  rgba(29,56,113,1) 0%,rgba(58,88,151,1) 100%); background: linear-gradient(to bottom,  rgba(29,56,113,1) 0%,rgba(58,88,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d3871', endColorstr='#3a5897',GradientType=0 ); }

/* White Button */

.btn-white {  padding: 0 14px; height: 38px; line-height:38px; border:1px solid #bdbdbd; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family:trt-bold; font-size:18px; color:#333; -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15); background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); }

.btn-white:hover { background: rgb(238,238,238); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); }



/* Banner */

.banner {}



/* Content */

.content { /*margin-bottom: 115px;*/margin-bottom: 20px; }



/* Bars */

.leftbar{float:left;width:650px}

.rightbar{float:right;width:300px}



/* Most Watched Video */

.most-watch { width:681px; margin-left:-21px; float: left; margin-bottom:15px; }

.most-watch h2 { font-family:trt-bold; font-size:21px; color:#000; padding-bottom: 11px; padding-left: 19px; }

.most-watch h2 a { float:right; font-weight:bold; font-size:11px; color: #999; padding-right: 15px; padding-top: 7px; }

.most-watch h2 a i { margin-top: 1px; margin-right: 5px; }

.most-watch ul { width:100%; }

.most-watch ul li { margin-left:15px; width: 210px; height: 182px; margin-bottom: 13px; }

.most-watch ul li a { position:relative; }

.most-watch ul li a:hover { color:#000; }

.most-watch ul li a img { padding:9px; background: url(../img/icon/sprite.png) no-repeat -280px -481px; margin-bottom: 3px; }

.most-watch ul li a i { position:absolute; left:0; top:0; width:100%; height:100%; background: url("../img/icon/i2.png") no-repeat center 38%; }

.most-watch ul li a:hover i { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

.most-watch ul li a span { display: inline-block; padding: 0 4px; line-height: 126%; }



/* Scores - Fixture Bar */

.fixture {}

.fixture .tabs {}

.fixture .tabs > ul { padding: 0 15px; }

.fixture .tabs > ul li { position:relative; }

.fixture .tabs > ul li i { display:none; position:absolute; left: 43%; bottom: -1px; }

.fixture .tabs > ul li a {  padding: 0 7px 9px; }

.fixture .tabs > ul li a img {}

.fixture .tabs > ul li.ui-tabs-selected { background: url(../img/bg/repeatxsprite.png) repeat-x 0 -80px; }

.fixture .tabs > ul li.ui-tabs-selected i { display:block; }

.fixture .tabs > ul li.ui-tabs-selected a {}

.fixture .tab-item { float:left; width:100%; }

.fixture .tab-item ul { width: 270px; margin: 0 15px; }

.fixture .tab-item ul li { width: 100%; }

.fixture .tab-item ul li.title { font-weight:bold; color:#fff; border-top: solid 1px #676767; background-color: #2e2e2e; font-size: 12px; padding: 3px 0; margin-top: 1px; }

.fixture .tab-item ul li.title span { padding-left:14px; float: left; width: 191px; }

.fixture .tab-item ul li.title b { padding: 0 11px; }

.fixture .tab-item ul li.item { color: #000; font-size: 12px; padding: 5px 0 3px; border-bottom: solid 1px #EEE; }

.fixture .tab-item ul li.item:hover { font-weight:bold; }

.fixture .tab-item ul li.item i { width:23px; text-align: center; display: inline-block; float: left; margin: 0 5px; }

.fixture .tab-item ul li.item span { width: 169px; float: left; }

.fixture .tab-item ul li.item span a { color: #000; padding-top: 4px; }

.fixture .tab-item ul li.show-other { border-bottom: solid 1px #EEE; }

.fixture .tab-item ul li.show-other a { display: block; width: 100%; height: 26px; background: url("../img/icon/i3.png") no-repeat center center; }

.fixture .tab-item ul li.fixture-detail-link { text-align: center; }

.fixture .tab-item ul li.fixture-detail-link a { font-weight: bold; width: 100%; padding: 13px 0; }



/*.fixture .tab-item ul li.item.bg-blue, .fixture .tab-item ul li.item.bg-orange, .fixture .tab-item ul li.item.bg-grey{ color:#fff; } */

/*.fixture .tab-item ul li.item.bg-blue span a, .fixture .tab-item ul li.item.bg-orange span a, .fixture .tab-item ul li.item.bg-grey span a{ color:#fff; } */



/*.fixture .tab-item ul li.item.team-hide { display:none; }*/

.show-other { display:none; }



/* Best of Week */

.best-week {}

.best-week p { font-weight: bold; font-size: 13px; color: #333; line-height: 120%; padding: 0 15px 15px; }

.best-week label { padding: 0 15px 15px; width: 270px; display: block; margin-bottom: 10px; font-weight: bold; }

.best-week .btn { margin-left: 15px; margin-bottom: 15px; }

.best-week input { float: left; margin: 3px; }

.best-week > i { position:absolute; top:5px; right:5px; }

.best-week ul { width:270px; margin:0 15px; }

.best-week ul li { width:100%; border-bottom: solid 1px #EEE; padding-bottom: 10px; margin-bottom: 10px; }

.best-week ul li i { font-weight:bold; font-size:20px; color:#c00; float: left; line-height: 59px; width: 30px; text-align: center; }

.best-week ul li img { float: left; margin-right: 14px;}

.best-week ul li span { float: left; }

.best-week ul li .name { font-weight:bold; color:#111; width: 150px; font-size: 14px; padding-top: 5px; padding-bottom: 4px; }

.best-week ul li .vote-bg { background: url(../img/icon/sprite.png) no-repeat -650px -313px; width: 165px; height: 8px; margin-bottom: 7px; }

.best-week ul li .vote-bg span { background-color:#287A3A; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 8px; }

.best-week ul li .vote { color:#999; line-height:100%; font-size: 12px; }

.bar-all { text-align: center; font-weight: bold; width: 100%; padding:4px 0 13px; }



/* Full and Half Bars */

.fullbar-black,

.halfbar-black,

.halfbar-white { position:relative; float:left; }

.fullbar-black { margin-bottom:30px; background: url(../img/icon/sprite.png) no-repeat 0 -874px; width:980px; }



.halfbar-black,

.halfbar-white { margin-bottom:40px; width:650px; }

.halfbar-black .cat-title{ padding-left:0;margin-bottom:15px;font-size: 23px;font-family: trt-bold}
.halfbar-black .cat-title a{color:#2E2E2E!important;}

.halfbar-black .cat-title a.tumu {
    font-size: 14px;
    float: right;
    padding-top: 3px;
    padding-right: 15px;
}

.halfbar-white { background: url(../img/icon/sprite.png) no-repeat 0 -1800px; }



.fullbar-black h4,

.halfbar-black h4,

.halfbar-white h4 { font-family:trt-bold; font-size:18px; padding-top: 14px; padding-left: 13px;overflow: hidden;}



.fullbar-black h4,

.halfbar-black h4 {}

.halfbar-white h4 { color:#000; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); }



/* Web TV Slide Long */

.web-slide-long { height:220px; }

.web-slide-long .web-slide { height:175px; }

.web-slide-long .web-slide ul { width:100%; height:100%; }

.web-slide-long .web-slide ul li { width:196px; height:100%; }

.web-slide-long .web-slide ul li a { position:relative; background: url(../img/icon/sprite.png) no-repeat -686px -456px; height:175px; }

.web-slide-long .web-slide ul li a i { position:absolute; z-index:99; }

.web-slide-long .web-slide ul li a i.first { width:194px; height:5px; background: url(../img/icon/sprite.png) no-repeat -650px -326px; }

.web-slide-long .web-slide ul li a i.second { display:none; background: url("../img/icon/i4.png") no-repeat center 25%; width:100%; height:100%; }

.web-slide-long .web-slide ul li a img { margin-bottom: 9px; }

.web-slide-long .web-slide ul li a span { text-shadow: 1px 1px 0 rgba(0, 0, 0, 1); width: 182px; float: left; padding-left: 14px; }

.web-slide-long .web-slide ul li a .slide-category { font-size:11px; color:#999; }

.web-slide-long .web-slide ul li a .text { font-size:12px; color:#fff; line-height:127%; }

.web-slide-long .web-navigation { position:absolute; top:9px; right:9px; }

.web-slide-long .web-navigation a { margin-left:9px; text-indent:-999em; }

.web-slide-long .web-slide ul li a:hover,

.web-slide-long .web-slide ul li.live a { background: url(../img/icon/sprite.png) no-repeat -490px -456px; }

.web-slide-long .web-slide ul li a:hover i.first,

.web-slide-long .web-slide ul li.live a i.first { background: url(../img/icon/sprite.png) no-repeat -650px -321px; }

.web-slide-long .web-slide ul li a:hover i.second,

.web-slide-long .web-slide ul li.live a i.second { display:block; }

.web-slide-long .web-slide ul li a:hover .slide-category,

.web-slide-long .web-slide ul li.live a .slide-category { color:#fff; }



/* Web TV Slide Small */

.web-slide-small { height:200px; }

.web-slide-small .web-slide { height:155px; }

.web-slide-small .web-slide ul { width:100%; height:100%; }

.web-slide-small .web-slide ul li { width:163px; height:100%; }

.web-slide-small .web-slide ul li:first-child { margin-left: -2px; }

.web-slide-small .web-slide ul li a { position:relative; background: url(../img/icon/sprite.png) no-repeat -686px -475px; height:175px; }

.web-slide-small .web-slide ul li a:hover { background: url(../img/icon/sprite.png) no-repeat -523px -475px; }

.web-slide-small .web-slide ul li a i { position:absolute; z-index:99; }

.web-slide-small .web-slide ul li a i.first { width:163px; height:5px; background: url(../img/icon/sprite.png) no-repeat -650px -326px; }

.web-slide-small .web-slide ul li a:hover i.first { background: url(../img/icon/sprite.png) no-repeat -650px -321px; }

.web-slide-small .web-slide ul li a i.second { display:none; background: url("../img/icon/i4.png") no-repeat center 25%; width:100%; height:100%; }

.web-slide-small .web-slide ul li a:hover i.second { display:block; }

.web-slide-small .web-slide ul li a img { margin-bottom: 9px; }

.web-slide-small .web-slide ul li a span { text-shadow: 1px 1px 0 rgba(0, 0, 0, 1); width: 149px; float: left; padding-left: 14px; }

.web-slide-small .web-slide ul li a .slide-category { font-size:11px; color:#999; }

.web-slide-small .web-slide ul li a:hover .slide-category { color:#fff; }

.web-slide-small .web-slide ul li a .text { font-size:12px; color:#fff; line-height:127%; }

.web-slide-small .web-navigation { position:absolute; top:9px; right:9px; }

.web-slide-small .web-navigation a { margin-left:9px; text-indent:-999em; }



.cat-slides li span.live{ z-index:50; top:10px; right:10px; left: auto; }

.cat-slides li span.trailer{ position:absolute; z-index:50; top:10px; left:10px;}



/* Foto Slide */

.photo-slide { height:250px; }

.photo-slide h4 {}

.photo-slide .photo-slide-content { float: left; margin: 15px 50px 0; width:880px; height: 190px; }

.photo-slide .photo-slide-content ul {height:152px;}

.photo-slide .photo-slide-content ul li { width:190px; margin:0 15px; }

.photo-slide .photo-slide-content ul li a {}

.photo-slide .photo-slide-content ul li a img { margin-bottom: 12px;margin-left:auto;margin-right: auto;display: block; }

.photo-slide .photo-slide-content ul li a span { color: #000;    padding: 0 3.5px;width: 185px;display: -webkit-inline-box; }

.photo-slide .photo-navigation {}

.photo-slide .photo-navigation .prev,

.photo-slide .photo-navigation .next { width:30px; height:200px; position:absolute; top:45px; background-image:url(../img/icon/sprite.png); background-repeat:no-repeat; text-indent:-999em; z-index: 99; }

.photo-slide .photo-navigation .prev { background-position:-777px 0; left:0px; }

.photo-slide .photo-navigation .next { background-position:-789px 0; right:0px; }

.photo-slide .all { position:absolute; top: 18px; right: 17px; font-weight: bold; font-size: 11px; color: #999; }

.photo-slide .all i { margin-top: 2px; margin-right: 5px; }



/* Foto Slide Half */

.photo-slide.halfbar-black .photo-slide-content { margin: 15px 10px 0; width:630px; }

.photo-slide.halfbar-black .photo-slide-content ul li { width:192px; margin:0 9px; }



/* News List*/

.newslist { width:675px; margin-left:-25px; float: left; }

.newslist h4 { font-family:trt-bold; font-size:23px; color:#000;  margin-bottom: 30px;margin-left:23px;overflow: hidden; }

.newslist h4 a{color:#2E2E2E!important;}

.newslist h4 a.tumu {font-size: 14px; float: right; padding-top: 3px; padding-right: 15px; }

.newslist h4.category-football { color: #29B608; }

.newslist h4.category-basketball { color: #7B5F0B; }

.newslist h4.category-volleyball { color: #FC7B06; }

.newslist h4.category-other { color: #FF0600; }

.newslist ul {}

.newslist ul li { margin-left:25px; width: 200px; height: 188px; margin-bottom: 25px; overflow: hidden; }

.newslist ul.onleft li.item,

.newslist ul.onright li.item { height: 401px; }

.newslist ul.onleft li.item {  }

.newslist ul.onright li.item { float:right; }

.newslist ul li a {}

.newslist ul li a img { margin-bottom: 7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.newslist ul li a span { float:left; width:100%; }

.newslist ul li a .time{float: left; display: block; width: max-content; font-size: 11px; color: #ffffff; font-weight: bold; margin-bottom: 10px; padding: 3px 5px; background-color: #87c540; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.newslist ul li a .date{float: right; display: block; width: max-content; font-size: 11px; color: #B7B7B7; margin-bottom: 10px; padding: 5px;}

.newslist ul li a .title { font-weight:bold; color:#333; font-size: 14px; line-height: 127%; }

.newslist ul li a:hover .title { text-decoration:underline; }

.newslist ul li a .text { color:#666; line-height: 145%; }



/* Most Read News*/

.most-read {background-color: #FFF; border-radius: 4px; z-index: 5;margin-top:20px;}

.most-read ul { width:300px; position: relative; z-index: 11;}

.most-read ul li { width:100%; border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px; }

.most-read.hot-news ul li { margin-bottom:7px; padding-bottom:8px; }

.most-read.hot-news ul li a:hover span{ color:#87c540!important }

.most-read.hot-news h5 { color: #87c540!important; }

.most-read ul li a { height:auto; width:100%; position:relative; }

.most-read ul li a i { position:absolute; left:0; top:39px; font-weight:bold; font-size:11px; color:#fff; background-color:#87c540; width:17px; height:16px; line-height:16px; text-align:center; }

.most-read ul li a img { float:left; margin-right:14px; }

.most-read ul li a span { float:left; width:165px; }

.most-read ul li a:hover span { color:#000; }

.most-read ul li a .title { font-weight:bold; font-size:14px; color:#333; line-height:120%; padding-top: 2px; padding-bottom: 1px; }

.most-read ul li a .text { font-size:12px; color:#999; line-height:143%; }

.most-read ul li a .date { float: left; width: 8px; height: 8px; margin-top: 6px; margin-right: 5px; border-radius:10px ; background: #87c540; color: #87c540; font-weight: bold; }

.most-read ul li a .date + .title { width: 230px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }



/* Most Expensive Player */

.most-expensive {}

.most-expensive ul { width:270px; margin:0 15px; }

.most-expensive ul li { width:100%; border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px; }

.most-expensive ul li a { height:30px; width:100%; }

.most-expensive ul li a i { float:left; font-size:17px; color:#c00; border-right:1px solid #e2e2e2; margin-right:9px; line-height:1; width:24px; text-align:center; padding: 7px 0 6px; }

.most-expensive ul li a img { float:left; margin-right:14px; }

.most-expensive ul li a span { float:left; width:191px; line-height:120%; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); }

.most-expensive ul li a .name { color:#999; padding-bottom: 2px; }

.most-expensive ul li a:hover .name { color:#000; }

.most-expensive ul li a .price { color:#333; }

.most-expensive ul li a .price strong {}



/* Footer */

.footer { background:#000; padding-top:30px; }



/* Footer Navigation */

.footer-navigation { background: url(../img/icon/sprite.png) no-repeat 0 -1124px; height: 22px; padding: 15px 37px; width: 906px; margin-bottom: 23px; }

.footer-navigation li { background:url(../img/bg/repeatxsprite.png) no-repeat 0 -129px; }

.footer-navigation li:first-child { background: none; }

.footer-navigation li a { color:#666; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); font-weight: bold; font-size: 11px; padding: 3px 8px; }

.footer-navigation li a:hover { color:#000; }

.footer-navigation li a i { margin-right: 3px; margin-top: -1px; }



/* Footer Menu */

.footer-menu { float: left; margin-bottom: 32px; }

.footer-menu ul { width:132px; margin-right:8px; margin-bottom: 15px;}

.footer-menu ul li { width:100%; }

.footer-menu ul li.title { color:#fff; font-weight:bold; text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); margin-bottom: 7px; }

.footer-menu ul li a { font-size:11px; color:#ccc; line-height:155%; }

.footer-menu ul li a:hover { color:#fff; }



/* Footer Bottom */

.footer-bottom { background: url(../img/icon/sprite.png) no-repeat center -1176px; height:80px; position:relative; }

.footer-bottom p { text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); color:#ccc; line-height: 80px; float: right; font-size: 12px; padding-top: 11px; }

.footer-bottom .top-page { position:absolute; top:-10px; right:-4px; font-family:trt-bold; font-size:10px; color:#fff; padding: 15px; }

.footer-bottom .top-page i { margin-top: 1px; margin-left: 7px; }



/* Footer Social */

.footer-social { padding-top: 35px; }

.footer-social li { margin-right: 29px; }

.footer-social li a { text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); color:#ccc; line-height: 31px; }

.footer-social li a:hover { color:#fff; }

.footer-social li a i { margin-right:7px; margin-top: -8px; }



/* Footer Bottom Menu */

.footer-links {}

.footer-links li {}

.footer-links li a { text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); color:#ccc; padding: 19px 14px; }

.footer-links li a:hover { color:#fff; }

.footer-links li:first-child a { padding-left: 0; }


.cookie-policy-container{width: 100%; height: 60px; line-height: 60px; position: fixed; left: 0; bottom: 0; background-color: #ffffff; color: #686868; font-size: 14px; z-index: 999999999999; border-top: 1px solid #686868;}
.cookie-policy-container .cookie-policy-wrapper{width: max-content; height: 60px; margin: 0 auto;}
.cookie-policy-container .cookie-policy-wrapper .cookie-policy-text{float: left; width: max-content;}
.cookie-policy-container .cookie-policy-wrapper .cookie-policy-text a{color: #87c540; text-decoration: underline; display: contents; font-size: 14px;}
.cookie-policy-container .cookie-policy-wrapper .accept-button{float: left; background-color: #686868; border: 1px solid #000000; padding: 5px 20px; border-radius: 20px; cursor: pointer; margin: 12px 15px; line-height: 25px; color: #ffffff;}
.cookie-policy-container .cookie-policy-wrapper .accept-button:hover{background-color: #000000; color: #ffffff;}

/* Nette */

.nette { float: right; padding: 20px 0; color: #CCC; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.33); }

.nette:hover { color: #fff; }

.nette img { margin-left: 2px; }



/* Category Breadcrumb */

.creadcrumb { margin-bottom: 25px; }

.creadcrumb ul {}

.creadcrumb ul li.title { font-size:17px; color:#333; text-shadow: 1px 1px 0 rgba(255, 255, 255, .6); background: url(../img/icon/sprite.png) no-repeat right -35px; padding: 7px 39px 7px 9px; }

.creadcrumb ul li a { font-family:trt-bold; font-size:18px; color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); background: url(../img/icon/sprite.png) no-repeat right 0; padding: 8px 39px 6px 14px; }

.creadcrumb ul li:first-child a { border-left:1px solid #646464; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; }

.creadcrumb ul li.title:first-child { border-left:1px solid #c4c4c4; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; }



/* Category Headline */

.category-headline { float:left; width:650px; height:443px; position:relative; margin-bottom:37px; }

.category-slide { width:650px; height:370px; position: relative; }

.category-slide li {}

.category-slide li a {}

.category-slide li a img {}

.category-slide li a span { position:absolute; left:0; color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); bottom: 0; width: calc(100% - 84px); padding: 13px 64px 10px 20px; font-size: 14px; line-height: 123%; height: 30px; background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.7));}

/*.category-slide li a:hover span { padding-left:30px; }*/

.category-slide li a span strong { font-size: 22px; color:#ffffff; padding-bottom: 3px; float: left; width: 100%; }

.category-headline .category-navigation { position:absolute; bottom:0; left:0; height:58px; width:630px; background: url(../img/icon/sprite.png) no-repeat 0 -355px; z-index: 99; padding: 15px 10px 0; }

#category-nav { width: 100%; }

#category-nav li { display: inline-block; position: relative; padding-left:5px; width:80px; padding-right:5px; }

#category-nav li a { width:80px; height:43px; }

#category-nav li a:hover img,

#category-nav li.activeSlide a img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

#category-nav li.activeSlide { background: url(../img/icon/sprite.png) no-repeat -828px 53px; padding-bottom:18px; }

#category-nav li a img {}

/*TRT SPOR 2 Category*/
.trtspor2-category-title{float: left; width: 100%; height: auto; margin-bottom: 20px;}

.trtspor2-category-title a{display: block; float: left; width: 100%;}

.trtspor2-category-title a > img{width: 100%;}

.trtspor2-category-title a .w-50{float: left; width: 50%; height: auto;}

.trtspor2-category-title a .w-50 img.logo{float: left; cursor: pointer;}
.trtspor2-category-title a .w-50 img.slogan{float: right; margin-top: 10px;}

/* TRT SPOR 2 Headline Slider */
.trtspor2-category-headline { float:left; width:970px; height:620px; position:relative; margin-bottom:40px; }

.trtspor2-category-headline-slide { width:970px; height:525px; position: relative; }

.trtspor2-category-headline-slide li a span { position:absolute; left:0; color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); bottom: 0; width: calc(100% - 84px); padding: 50px 64px 20px 20px; font-size: 20px; line-height: 52px; background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.7));}

.trtspor2-category-headline-slide li a span strong { font-size: 46px; color:#ffffff; padding-bottom: 3px; float: left; width: 100%; }

.trtspor2-category-headline .trtspor2-category-headline-navigation { position:absolute; bottom:0; left:0; height:78px; width:948px; background-color: #f7f7f7; z-index: 99; padding: 15px 10px 0; border: 1px solid #e2e2e2; border-top: 0; }

#trtspor2-category-headline-nav { width: 100%; }

#trtspor2-category-headline-nav li { display: inline-block; position: relative; padding-left:10px; width:115px; padding-right:10px; }

#trtspor2-category-headline-nav li a { width:115px; height:60px; }

#trtspor2-category-headline-nav li a:hover img,

#trtspor2-category-headline-nav li.activeSlide a img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

#trtspor2-category-headline-nav li.activeSlide a{ border-bottom: 5px solid #87c540; }



.trtspor2-category-left{float: left; width: 455px; height: auto; margin-right: 30px;}
.trtspor2-category-left .vertical-three-news{float: left; width: 100%; height: auto;}
.trtspor2-category-left .vertical-three-news li{float: left; width: 100%; height: 285px; margin-bottom: 16px; position: relative;}
.trtspor2-category-left .vertical-three-news li a{font-weight: bold; font-size: 17px; line-height: 117%; color: #333;}
.trtspor2-category-left .vertical-three-news li a img{border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 10px;}


.trtspor2-category-right{float: left; width: 455px; height: auto; margin-left: 30px;}

.trtspor2-category-right .media-container{float: left; width: 100%; height: auto; margin-bottom: 20px;}
.trtspor2-category-right .media-container .title{float: left; width: 100%; height: 25px; line-height: 25px; font-size: 14px; font-weight: bold; color: #ffffff; background-color: #87c540; text-align: center; margin-bottom: 5px;}
.trtspor2-category-right .media-container .photo-gallery-container, .trtspor2-category-right .media-container .video-gallery-container{float: left; width: 220px; height: auto; position: relative;}
.trtspor2-category-right .media-container .photo-gallery-container{margin-right: 15px;}


/*TRT SPOR 2 Photo, Video Gallery Slider*/
.trtspor2-category-right .media-container .trtspor2-category-media-slide {width:220px; height:125px; position: relative;}
.trtspor2-category-right .media-container .trtspor2-category-media-slide li a span {width: calc(100% - 20px); height: auto; position:absolute; left:0; bottom: 0; color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); font-size: 13px; line-height: 16px; padding: 10px 10px 10px 10px; background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0.1,0.1,0.1,0.9));}
.trtspor2-category-right .media-container .trtspor2-category-media-slide li a span strong {float: left; width: 100%;}


.trtspor2-category-right .category-list-container{float: left; width: 100%; height: auto; margin-bottom: 20px;}
.trtspor2-category-right .category-list-container .main-category{float: left; width: 100%; height: 30px; margin-bottom: 10px;}
.trtspor2-category-right .category-list-container .main-category a{float: left; width: 100%; height: 30px;  line-height: 30px; font-size: 15px; font-weight: bold;}
.trtspor2-category-right .category-list-container ul{float: left; width: 100%; height: auto; list-style: none;}
.trtspor2-category-right .category-list-container ul li{float: left; width: calc(33% - 6px); margin-right: 10px; margin-bottom: 10px;}
.trtspor2-category-right .category-list-container ul li a{font-size: 11px; text-align: center; border: 1px solid #e7e7e7; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 100%; height: auto; line-height: 22px; }
.trtspor2-category-right .category-list-container ul li a:hover{background-color: grey; color: white;}
.trtspor2-category-right .category-list-container ul li.no-margin{margin: 0;}
.trtspor2-category-right .vertical-six-news{float: left; width: 100%; height: auto;}
.trtspor2-category-right .vertical-six-news li{float: left; width: 100%; height: 118px; border-bottom: 1px solid #eee; margin-bottom: 14px; padding-bottom: 15px; position: relative;}
.trtspor2-category-right .vertical-six-news li a > div{float: left; width: 220px; height: auto; position: relative; margin-right: 15px;}
.trtspor2-category-right .vertical-six-news li a div img{float: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.trtspor2-category-right .vertical-six-news li a span{float: left; width: 220px; line-height: 117%;}
.trtspor2-category-right .vertical-six-news li a .title{font-weight: bold; font-size: 14px; color: #000; padding-top: 3px; padding-bottom: 5px;}
.trtspor2-category-right .vertical-six-news li a .text{font-size: 12px; color: #000;}



.trtspor2-category-news-list{float: left; width: 100%; height: auto;}
.trtspor2-category-news-list .row{float: left; width: 100%; height: auto; margin-bottom: 20px;}
.trtspor2-category-news-list .row .news{position: relative; float: left; width: 227.5px; height: auto; margin-right: 20px;}
.trtspor2-category-news-list .row .news a{font-weight: bold; font-size: 13px; line-height: 20px; color: #333;}
.trtspor2-category-news-list .row .news a img{border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

/* Vertical News List */

.vertical-simple { width:280px; margin-right:40px; margin-bottom: 30px; }

.vertical-simple li { width:100%; height:204px; margin-bottom: 16px; }

.vertical-simple li a { font-weight:bold; font-size:17px; line-height:117%; color:#333; }

.vertical-simple li a:hover { text-decoration:underline; }

.vertical-simple li a img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom:10px; }



/* Vertical News List */

.vertical-news { width:330px; }

.vertical-news li { border-bottom:1px solid #eee; margin-bottom:15px; padding-bottom:15px; }

.vertical-news li a {}

.vertical-news li a img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-right:19px; float:left; }

.vertical-news li a span { float:left; line-height:117%; width: 161px; }

.vertical-news li a .title { font-weight:bold; font-size:14px; color:#333; padding-top: 3px; padding-bottom: 5px; }

.vertical-news li a:hover .title { color:#000; }

.vertical-news li a .text { font-size:12px; color:#666; }

.vertical-news li a:hover .text { color:#000; }



/* Right Bar Photo Gallery */

.video-bar { width:270px; margin:0 15px; float: left; height:250px; padding-bottom: 15px; }

.video-bar .video-bar-slide { border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:10px; width: 100%; height: 180px; }

.video-bar .video-bar-slide li { width:100%; }

.video-bar .video-bar-slide li a { position:relative; }

.video-bar .video-bar-slide li a i { position:absolute; width:100%; height:100%; z-index:98; background: url("../img/icon/i2.png") no-repeat center center; }

.video-bar .video-bar-slide li a img {}

.video-bar .video-bar-slide li a span { position:absolute; bottom:0; left:0; z-index:99; width:100%; text-align:center; height:30px; line-height:30px; font-weight:bold; font-size:12px; color:#fff; background-color:rgba(0, 0, 0, .7); }

.video-bar .video-bar-navigation { position:relative; width: 100%; float: left; }

.video-bar .video-bar-navigation #video-bar-nav { float: left; margin: 0 15px; width: 240px; }

.video-bar .video-bar-navigation #video-bar-nav ul {}

.video-bar .video-bar-navigation #video-bar-nav ul li { margin: 0 6px; }

.video-bar .video-bar-navigation #video-bar-nav ul li a {}

.video-bar .video-bar-navigation #video-bar-nav ul li a img { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:2px; border:1px solid #bdbdbd; }

.video-bar .video-bar-navigation #video-bar-nav ul li a:hover img { padding:1px; border:2px solid #CC0101; }

.video-bar .video-bar-navigation .video-bar-sub-navigation {}

.video-bar .video-bar-navigation .video-bar-sub-navigation .next,

.video-bar .video-bar-navigation .video-bar-sub-navigation .prev { text-indent:-999em; position:absolute; top:0; width:15px; }

.video-bar .video-bar-navigation .video-bar-sub-navigation .next { right:0; background-position: -131px -96px; }

.video-bar .video-bar-navigation .video-bar-sub-navigation .prev { left:0; background-position: -134px -48px; }



/* Right Bar Photo Gallery */

.photo-gallery-bar {}

.photo-gallery-bar ul { width:280px; margin:0 10px; }

.photo-gallery-bar ul li { width:130px; margin:0 5px 15px; height:125px; }

.photo-gallery-bar ul li a { font-weight:bold; font-size:12px; color:#333; line-height:120%; }

.photo-gallery-bar ul li a:hover { color:#000; }

.photo-gallery-bar ul li a img { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:2px; border:1px solid #cdcdcd; margin-bottom:7px; }

.photo-gallery-bar ul li a:hover img { border-color:#000; color:#000; }



/* Team Match Line */

.team-weeks { margin-bottom: 30px; z-index: 3; }

.team-weeks .section { background: url(../img/icon/sprite.png) no-repeat -790px -456px; height:90px; }

.team-weeks .team { float: left; width: 291px; height:70px; padding: 20px 0 0 18px; }

.team-weeks .team img { float: left; margin-right: 17px; }

.team-weeks .team span { font-family:trt-bold; font-size:27px; color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); float: left; padding-top: 14px; }

.team-weeks .other-teams { background: url(../img/icon/sprite.png) no-repeat -915px 0; cursor: pointer; height:90px; width: 31px; float: left; position: relative; }

.team-weeks .other-teams:hover ul { display: block; }

.team-weeks .other-teams ul { position: absolute; right: 0px; top: 100%; display: none; }

.team-weeks .other-teams ul li {}

.team-weeks .other-teams ul li a { background-color: #666; color: #FFF; padding: 4px 10px; width: 320px; }







.team-weeks .team-match { float:left; position:relative; width:630px!important; height: 90px; text-align:center;  font-family:trt-bold; color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); }

.team-weeks .team-match .league { float:left; width:100%; font-size: 12px; font-family: arial; color: #CCC; padding-top: 8px; padding-bottom: 6px; }

.team-weeks .team-match .team-name { width: 265px!important; }

.team-weeks .team-match .team-name.home-team { float:left; text-align:right; }

.team-weeks .team-match .team-name.away-team { float:right; text-align:left; }

.team-weeks .team-match .score { font-size: 37px; float: left; padding: 1px 8px 4px; width: 76px; text-align: center; }

.team-weeks .team-match .match-info { float: left; width: 100%; color: #CCC; font-family: arial; font-size: 11px; font-weight: bold; }

.team-weeks .match-navigation { width:100%; height:100%; }

.team-weeks .match-navigation .prev,

.team-weeks .match-navigation .next { text-indent: -999em; position:absolute; z-index:99; top: 32px; }

.team-weeks .match-navigation .prev { left:20px; }

.team-weeks .match-navigation .next { right:20px; }

.team-weeks .match-highlights { float: left; margin: 15px; position:relative; }

.team-weeks .match-highlights a {}

.team-weeks .match-highlights a i { background: url(../img/icon/sprite.png) no-repeat -946px 0; position:absolute; left:0; bottom:-2px; width: 100%; height: 20px; }

.team-weeks .match-highlights a img {}



/* Breadcrumb */

.breadcrumb { margin-top: -6px; padding-bottom: 18px; }

.breadcrumb ul {}

.breadcrumb ul li {}

.breadcrumb ul li.title { font-size:12px; color:#999; line-height: 1; padding-top: 1px; }

.breadcrumb ul li a { color:#999; padding-right: 3px; }



/* Detail */

.detail { padding-bottom: 21px; }

.detail h2 { font-family:trt-bold; font-size:40px; color:#000; padding-bottom: 12px; line-height: 40px;}

.detail h6 { font-family:trt-regular; font-size:20px; color:#333; line-height:100%; }

.spotbox { font-family:trt-regular; font-size:14px; line-height:16px !important; color:#666; line-height:100%; background:#eee; padding:7px; border-radius:3px; }



/* News Detail */

.news-details { float: left; border-bottom: solid 1px #EDEDED; padding-bottom: 20px; margin-bottom: 7px; }

.social-box {}

.social-box li { margin-right: 9px; }

.social-box li a {}

.news-info { float: right; margin-right:-16px; margin-bottom: 19px; }

.news-info li { border-left:1px solid #eee; }

.news-info li.date { color:#999; font-size: 12px; padding: 2px 14px; }

.news-info li:first-child { border-left:none; }

.news-info li a { padding:5px 15px; color:#999; }

.news-info li a i.icon-16-20 { margin-right: 4px; }

.news-info li a i {}

.news-info li a strong { color:#333; }

.news-detail { margin-bottom: 5px; float: left;}

.news-detail img { margin-bottom: 20px; }

.news-detail p { padding-bottom: 21px; }

.news-detail p strong {}

.news-detail a { float:none; }

.news-detail em {font-style: italic;}

.news-detail ol {list-style-type: decimal!important; width: 100%;}

.news-detail ul {list-style-type: circle!important; width: 100%;}

.news-detail li {width: 100%;}



/* Tags */

.tag-grey,

.tag-black { float:left; }

.tag-grey a,

.tag-black a,

.tag-white a{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 4px 10px; margin-right: 13px; margin-bottom: 13px;border-style:solid; border-width:1px; }



.tag-grey .label,

.tag-black .label,

.tag-white .label{float: left; font-weight: bold; padding: 2px; margin-right: 5px; font-size: 11px;}



.tag-grey {}

.tag-grey a { border-color:#ccc; background-color:#eaeaea;  text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); color:#666; }

.tag-grey a:hover { border-color:#555; color:#000; }



.tag-black {}

.tag-black a { border-color:#000; background-color:#1a1a1a; text-shadow: 1px 1px 0 rgba(0, 0, 0, 1); color:#999; }

.tag-black a:hover { border-color:#333; color:#333; text-shadow:none; }



.tag-white {}

.tag-white a { border-color:#e3e3e3; background-color:#ffffff; color:gray; }

.tag-white a:hover { border-color:#e3e3e3; background-color:#87c540; color:#ffffff; }



/* News Share */

.news-share { width: 100%; margin-bottom: 33px; }

.news-share li { margin-right: 30px; }



/* Comment Area */

.comment-enter { float:left; padding: 15px 20px; }

.comment-enter img { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float:left; margin-right: 15px; }

.comment-enter textarea { margin-bottom:10px; }

.comment-enter input,

.comment-enter .cancel-reply{ float: left; line-height: 100%; font-family:trt-bold; font-size:16px; color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .22); background-color:#AF0000; border:2px solid #8F0000; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 6px 13px; }

.comment-enter input { margin-left: 66px; }

.comment-enter .cancel-reply { display: none; float: right; }

.comment-enter input:hover { background-color:#c00; }



/* Comment List */

.comment-list { padding: 15px 20px 0; }

.comment-list li { border-bottom:1px solid #f6f6f6; padding-bottom:20px; margin-bottom:20px; }

.comment-list li.replyed { padding-left:65px; }

.comment-list li.replyed .comment { width:480px; }

.comment-list li img { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; float:left; margin-right: 14px; }

.comment-list li span { font-size:12px; }

.comment-list li .name { float:left; font-weight:bold; color:#333; padding-top: 5px; }

.comment-list li .date { float:right; color:#999; padding-top: 5px; }

.comment-list li .comment { float:left; color:#666; line-height:167%; width: 546px; padding-bottom: 14px; }

.comment-list li .reply { font-weight:bold; color:#000; margin-left: 63px; margin-top: 5px; }

.comment-list li .reply i { margin-right: 5px; }

.comment-list li .likes { float:right; }

.comment-list li .likes a { background: url(../img/bg/repeatxsprite.png) repeat-x 0 -170px; border:1px solid #d5d5d5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); padding: 5px 9px 2px; }

.comment-list li .likes.voted a { background: none; }

.comment-list li .likes.voted a:hover { background: none; cursor: default; }

.comment-list li .likes a:hover { background: url(../img/bg/repeatxsprite.png) repeat-x 0 -193px; }

.comment-list li .likes .like { color:#009900; }

.comment-list li .likes .dislike { margin-left:10px; color:#CC0000; }

.comment-list + .read-all-comment { font-family:trt-bold; font-size:18px; color:#999; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); padding: 3px 0 0 84px; }

.comment-list + .read-all-comment:hover { color:#000; }



/* Player Info Bar */

.player-info {}

.player-info .player { float:left; width:270px; margin:0 15px; }

.player-info .player img { float:left; margin-right:14px; }

.player-info .info { width:195px; padding-top: 5px; padding-bottom: 12px; }

.player-info .info li { width: 195px; }

.player-info .info li span { color:#333; font-size:12px; }

.player-info .info li .key { font-weight:bold; padding-right: 4px; }

.player-info .info li .value {}

.player-info .relation-news { border-top: 1px solid #EEE; padding-top: 14px; }

.player-info .relation-news li { border-bottom:1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; width: 100%; }

.player-info .relation-news li.title { font-family:trt-bold; font-size:18px; color:#000; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); border-bottom: none; margin-bottom: 9px; padding-bottom: 0; }

.player-info .relation-news li a { font-weight:bold; font-size:14px; color:#333; }

.player-info .relation-news li img {  }



.yazarlar-sidebar {

    width:270px!important

}

.yazarlar-sidebar li{

    width:270px!important;

    margin-top:10px;

    position:relative;

}

.yazarlar-sidebar .date{

    font-size: 11px!important;

    color: #999!important;

    position: absolute!important;

    left: 115px!important;

    bottom: 10px!important;

}

.yazarlar-sidebar .title{

    padding-top:7px;

    font-size: 15px!important;

    color: #666!important;

    width:155px!important;

    float:right!important;

    line-height:18px!important

}

.yazarlar-sidebar .name{

    padding-top:3px;

    font-weight: bold;

    font-size: 16px!important;

    color: #333!important;

    width:155px!important;

    float:right!important;

}



/* Gallery Headline */

.gallery-headline { margin-top: 27px; margin-bottom: 30px; }

.gallery-headline li { position:relative; margin-bottom:10px; margin-left:10px; }

.gallery-headline li:first-child { margin-left:0; }

.gallery-headline li a {}

.gallery-headline li a img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.gallery-headline li a span { position:absolute; left:0; font-family:trt-bold; font-size:18px; color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .65); background-color:rgba(0, 0, 0, .7); }

.gallery-headline li a .title { bottom:0; padding: 15px 0 13px 4%; width: 96%; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; }

.gallery-headline li a .count { bottom:100%; font-family:arial; font-size:11px; text-shadow: 1px 1px 0 rgba(0, 0, 0, .33);  background-color:rgba(255, 0, 0, .87); padding: 3px 15px 4px; }



/* Medias */

.medias { float: left; width: 100%; margin-bottom: 30px; }

.medias > ul {}

.medias > .tab-menu { border-bottom:1.5px solid #ccc; width: 100%; margin-bottom: 25px; }

.medias > .tab-menu > li {}

.medias > .tab-menu li:first-child a{margin-left: 0;}

.medias > .tab-menu > li > a { font-family:trt-bold; font-size:16px; color:#666; background-color: #f0f0f2; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); border-left:solid 1.5px #eaeaea; border-top:solid 1.5px #eaeaea; border-right:solid 1.5px #eaeaea; padding: 11px 12px; margin-left: 5px; position: relative; }

.medias > .tab-menu > li.ui-tabs-selected > a { background-color: #87c540; color:#000; text-shadow:none; border-color:#87c540; margin-bottom: -2px; position: relative; border-bottom: solid 1.5px #87c540; color: #FFF; }



/* Media List */

.media-list { margin-left:-25px; width:675px; border-bottom:none; }

.media-list li { width:200px; margin-left:25px; position:relative; height:180px; margin-bottom: 20px; }

.media-list li a { color:#333; line-height:127%; }

.media-list li a i { position:absolute; left:0; top:0; width:100%; height:100%; }

.media-list.video li a i { background: url("../img/icon/i2.png") no-repeat right 93px; }

.media-list.photo li a i { background: url("../img/icon/i1.png") no-repeat center 38%; }

.media-list li a img { background: url(../img/icon/sprite.png) no-repeat -950px -20px; padding: 5px 5px 8px; margin-bottom: 5px; }



/* Media Section Heading */

.media-section { float:left; border-bottom:1px solid #ededed; margin-bottom: 29px; width: 100%; }

.media-section h3 { font-family:trt-bold; font-size:21px; color:#000; padding: 7px 0 16px; }

.media-section h4 { border-bottom:2px solid #ccc; font-family:trt-bold; font-size:15px; color:#000; float: left; width: 100%; margin-bottom: 25px; }

.media-section h4 span { border-left:solid 2px #ccc; border-top:solid 2px #ccc; border-right:solid 2px #ccc; border-bottom:solid 2px #fff; padding: 6px 14px 4px; float: left; margin-left: 5px; position: relative; margin-bottom: -2px; }

.media-section h4 a { float: right; font-weight: bold; font-size: 10px; color: #999; padding-right: 10px; padding-top:14px; }

.media-section h4 a i { margin-right: 5px; }



/* Right Bar Photo Gallery */

.gallery { width:980px; float: left; height:auto; margin-top: 27px; position:relative; margin-bottom: 17px; }

.gallery .gallery-slide { border-bottom:1px solid #eee; margin-bottom:10px; width: 100%; height:auto; min-height: 300px; }

.gallery .gallery-slide li { width:100%; }

.gallery .gallery-slide li a { position:relative; width: 100%; text-align: center; }

.gallery .gallery-slide li a img {}

.gallery .gallery-navigation { position:relative; width: 100%; float: left; height:70px; background: url(../img/bg/repeatxsprite.png) repeat-x 0 -500px; }

.gallery .gallery-navigation #gallery-nav { float: left; margin:0 50px; width: 880px; }

.gallery .gallery-navigation #gallery-nav ul {}

.gallery .gallery-navigation #gallery-nav ul li { margin: 0 5px; padding:14px 0; position:relative; }

.gallery .gallery-navigation #gallery-nav ul li i { display:none; width:70px; height:9px; position:absolute; left:0; bottom:-2px; background: url(../img/icon/sprite.png) no-repeat -828px -10px; }

.gallery .gallery-navigation #gallery-nav ul li.active-slide i { display:block; }

.gallery .gallery-navigation #gallery-nav ul li a {}

.gallery .gallery-navigation #gallery-nav ul li a img { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }

.gallery .gallery-navigation #gallery-nav ul li a:hover img {}

.gallery .gallery-navigation .gallery-sub-navigation {}

.gallery .gallery-navigation .gallery-sub-navigation .next,

.gallery .gallery-navigation .gallery-sub-navigation .prev { text-indent:-999em; position:absolute; top:14px; width:30px; }

.gallery .gallery-navigation .gallery-sub-navigation .next { right:0; background-position: -198px -40px; }

.gallery .gallery-navigation .gallery-sub-navigation .prev { left:0; background-position: -198px 0; }

.gallery .gallery-current { position:absolute; left:0; top:0; width:980px; height:85%; z-index:99; }

.gallery .gallery-current a { width:50%; height:100%; text-indent:-999em; }

.gallery .gallery-current a i {margin-top: 175px; float:right; }

.gallery .gallery-current a:first-child i { float:left; }



.gallery-detail { background: url(../img/bg/gallery-bottom.png) no-repeat center bottom; padding-bottom: 15px; margin-bottom: 25px; }

.gallery-detail h2 { font-size:27px; padding-left: 17px; padding-bottom: 13px; }

.gallery-detail h6 { font-size:16px; padding-left: 18px; line-height: 126%; padding-bottom: 14px; }

.gallery-detail .social-box { margin-left: 19px; }

.gallery-detail .news-info { margin-right: 6px; }



/* Fixture */

.league-head { position:relative; }

.league-head h5 { font-family:trt-regular; font-size:18px; color:#c00; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); text-align: center; margin: 0 31px; padding:8px 0 12px; box-shadow:inset 0 0 13px -1px rgba(0, 0, 0, .12); }

.league-head .next,

.league-head .prev { text-indent:-999em; position:absolute; top:0; width:30px; }

.league-head .next { right:0; background-position: -198px -40px; }

.league-head .prev { left:0; background-position: -198px 0; }

.fixture-tab { width:650px; float:left; }

.fixture-tab ul { float:left; position: relative; width: 100%; }

.fixture-tab ul li { float:left; width:96%; }

.fixture-tab ul li.week { color:#fff; font-weight:bold; font-size:12px; line-height:120%; background: url(../img/bg/repeatxsprite.png) repeat-x 0 -570px; padding: 8px 2%; margin-bottom: 2px; margin-top: 17px; }

.fixture-tab ul li.day { color:#c00; font-weight:bold; font-size:12px; line-height:120%; padding: 8px 2% 7px; }

.fixture-tab ul li.match { background: url(../img/bg/repeatxsprite.png) repeat-x 0 -600px; padding: 0 2%; }

.fixture-tab ul li span { float:left; padding: 6px 0; }

.fixture-tab ul li .hour { font-size:12px; color:#000; width:60px; }

.fixture-tab ul li .color-red { color:#c00; }

.fixture-tab ul li .team { font-weight:bold; color:#000; font-size: 13px; }

.fixture-tab ul li .team.home { text-align: right; width:170px; padding-right: 17px; }

.fixture-tab ul li .team.away { padding-left: 18px; }

.fixture-tab ul li .score { font-weight:bold; color:#c00; text-align: center; padding: 6px 16px; border-left: solid 1px #FFF; border-right: solid 1px #FFF; margin-right: -1px; }

.fixture-tab ul li .live-comment { margin-right: -8px; float: right; width:40px; text-align:center; padding: 0 5px; font-size: 12px; height: 22px; line-height: 22px; margin: 3px 0; font-family: trt-regular; }

.fixture-tab ul li .live-comment.btn { border: 1px solid #C00; }

.fixture-tab ul li.loading { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, .5); z-index: 99; display: none; }



/* Fixtures Bar */

.fixtures-bar { width:280px; margin: 3px 0 0 4px; }

.fixtures-bar li {}

.fixtures-bar li a { font-size:11px; text-align:center; border:1px solid #e7e7e7; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; width:128px; height:24px; line-height:26px; margin-left:10px; margin-bottom:10px; }

.fixtures-bar li a:hover,

.fixtures-bar li.selected a {  border:1px solid #333; background-color:#333; color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, .4); }



/* Score Table */

.scores-table { width:650px; float:left; }

.scores-table > ul { width:100%; margin-bottom: 10px; }

.scores-table > ul li { width:100%; }

.scores-table > ul li.title { color:#fff; font-weight:bold; font-size:12px; line-height:120%; background: url(../img/bg/repeatxsprite.png) repeat-x 0 -570px; }

.scores-table > ul li.title .name { padding: 8px 53px 8px 53px; float: left; width: 138px; }

.scores-table > ul li.title i { border-left: solid 1px #979797; float: left; height: 30px; line-height: 30px; text-align: center; padding: 0 20px; }

.scores-table > ul li .row { width:26px; height:20px; line-height:20px; display:block; text-align:center; margin: 6px 6px 4px; font-size:12px; }

.scores-table > ul li .team { font-weight:bold; font-size: 12px; padding: 6px 0 0 16px; width: 190px; }

.scores-table > ul li.item span { float:left; }

.scores-table > ul li.item { border-bottom: solid 1px #E5E5E5; }

.scores-table > ul li.item.odd { background: url(../img/bg/repeatxsprite.png) repeat-x 0 -600px; }

.scores-table > ul li.item i { float: left; font-size: 12px; height: 30px; line-height: 33px; text-align: center; width: 50px; }

.scores-table .league-head { margin-bottom:17px; }

/*

.bg-blue,

.bg-orange,

.bg-grey { background:none!important; color:#fff; box-shadow:inset 0 0 13px -1px rgba(0, 0, 0, .4); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; }

.bg-blue { background-color:#0256AC!important; font-weight:bold; }

.bg-orange { background-color:#CD700B!important; font-weight:bold; }

.bg-grey { background-color:#333333!important; }*/



.row-info {}

.scores-table ul.row-info { margin-bottom: 41px; }

.row-info li { font-size:12px; color:#666; line-height: 31px; width: auto !important; display: inline; margin-right: 13px; }

.row-info li span { float:left; }



/* Most Scorers */

.most-scorers { width: 100%; }

.most-scorers li { width: 100%; }

.most-scorers li.title { color:#fff; font-weight:bold; font-size:12px; line-height:120%; background: url(../img/bg/repeatxsprite.png) repeat-x 0 -570px; }

.most-scorers li span { float:left; }

.most-scorers li.title span {}

.most-scorers li.title .name { padding: 8px 0 8px 118px; width: 332px; }

.most-scorers li.title .type { padding: 8px 21px 0; }

.most-scorers li.item { border-bottom:1px solid #eee; }

.most-scorers li.item span {}

.most-scorers li.item .row { font-family:trt-bold; font-size:22px; color:#c00; padding: 13px 0 12px; text-align: center; width: 60px; }

.most-scorers li.item img { float:left; padding: 10px 8px; }

.most-scorers li.item .name { font-weight:bold; font-size:12px; color:#000; line-height:100%; padding: 17px 0 17px 14px; width: 314px; }

.most-scorers li.item .result { font-weight:bold; font-size:12px; color:#000; line-height:100%; padding: 17px 0; width: 65px; margin-left: 37px; text-align: center; }



/* Live Score Band */

.live-score { background: url(../img/icon/sprite.png) no-repeat -651px -1256px; position:relative; margin-top: 23px; height: 170px; margin-bottom: 25px; }

.live-score p { float:left; width:100%; text-align:center; color:#fff; padding: 10px 0; text-shadow: 1px 1px 0 rgba(0, 0, 0, .27); }

.live-score .team-logo { position:absolute; top:-15px; background: #fff; border: 1px solid #333; border-radius: 4px; box-shadow: inset 0 0 15px 0px rgba(0,0,0,0.6); padding:10px; }

.live-score .logo-home { left:29px; }

.live-score .logo-away { right:29px; }

.live-score .team { width:400px; height:48px; float:left; font-size: 22px; font-weight: bold; padding: 15px 0 22px; font-family:trt-bold; }

.live-score .team small { font-size:12px; font-weight:normal; font-family:arial; }

.live-score .team-home { text-align:right; width:300px; padding:10px 0 22px 100px; }

.live-score .team-away { text-align:left; width:300px; padding:10px 100px 22px 0; }

.live-score .score { width:170px; font-family:trt-bold; font-size:51px;padding: 0; height: 70px; }

.live-score .score i { height: 49px; width: 44%; text-align: center; display: block; float: left; padding: 26px 0 0; margin: 0 0 0 5%; }

.live-score .left,

.live-score .right { padding: 7px 19px; font-size: 12px; }

.live-score .left { float:left; }

.live-score .right { float:right; }

.live-score p.info{ position:relative; }

.live-score p.info strong{ position:absolute;left:0;right:0; }



/* Live Score Stream */

.live-stream { float: left; width: 100%; }

.live-stream h5 { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; font-family: trt-bold; font-size: 18px; color: #C00; text-shadow: 1px 1px 0 #FFF; text-align: center; padding: 10px 0 7px; box-shadow: inset 0 0 13px -1px #e2e2e2; background-color:#F5F5F5; border: solid 1px #E2E2E2; }

.live-stream ul { margin-bottom: 19px; padding-top: 20px; width: 100%; }

.live-stream ul li { border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; margin-bottom:-1px; width: 100%; padding: 15px 0; }

.live-stream ul li i { font-family:trt-light; font-size:21px; color:#999; text-align: center; width: 64px; display: block; padding: 1px 0; float: left; }

.live-stream ul li span { color:#333; padding-left: 12px; line-height: 18px; }

.live-stream a { width: 648px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; font-family: trt-bold; font-size: 18px; color: #333; text-shadow: 1px 1px 0 #FFF; text-align: center; padding: 10px 0 7px; box-shadow: inset 0 0 13px -1px #e2e2e2; background-color:#F5F5F5; border: solid 1px #E2E2E2; }



/* Forms */

.forms { margin-top: 17px; }

.form-tab { float: left; }

.form-tab .form { width: 470px; margin-right: 55px; }

.form { width:100%; padding: 15px 0 0 0; }

.form li { margin-bottom: 20px; width: 100%; }

.form li.title { font-family: trt-bold; font-size: 18px; text-align:center; position: relative; width: 100%; text-align: right; padding-bottom: 16px; margin-bottom: 28px; }

.form li.title:before { height: 1px; top: 39px; left: -3px; right: -3px; bottom: -3px; background-image: -webkit-gradient(radial, right top, 10, 90% 0%, 100%, from(#DDD), to(rgba(0, 0, 0, 0))); background-image: -webkit-radial-gradient(right top, 100% 50px, #DDD, rgba(0, 0, 0, 0)); background-image: -moz-radial-gradient(right top, farthest-corner, #DDD 0%, rgba(0, 0, 0, 0) 100%); z-index: -2; }

.form li.title:after { top: 0; left: 0; bottom: 0; right: 0; z-index: -1; }

.form li.title:before,

.form li.title:after { content: ""; position: absolute; }

.form li span { float: left; }

.form li .key { text-align: right; width: 195px; font-family: trt-regular; font-size: 16px; padding-top: 8px; margin-right: 24px; }

.form li .value { line-height: 255%; }

.form li .select_03:first-child {margin-left: 0; }

.form li .select_03 { margin-left: 12px; }



/* Facebook Login Button */

.fb-login { float:left; width:455px; height:290px; background: url(../img/icon/sprite.png) no-repeat 0 -1415px; margin-top: -25px; margin-bottom: 5px; }

.fb-login a { margin: 130px 0 0 130px; }

.fb-btn i { float: left; }

.fb-btn i.icon-26-7 { margin: 10px 3px 3px 10px; }

.fb-btn i.border { background: url(../img/bg/repeatxsprite.png) repeat-x 0 -632px; width:2px; height: 40px; margin-right: 10px; margin-top: -1px; }



/* Form Button */

.form-bottom { background: url(../img/icon/sprite.png) no-repeat -460px -1430px; height:80px; }

.form-bottom .btn-white { margin-top: 20px; margin-left: 220px; }

.form-bottom .label-error { margin-top: 30px; margin-left: 29px; }

.form-bottom p {}

.form-bottom p a { float: none; }

.label-error { font-family: trt-bold; font-size: 18px; color:#c00; text-shadow: 1px 1px 0 #FFF; }



/* Video Headlines */

.video-headline { height:393px; background: url(../img/bg/video-bg.jpg) repeat; margin-bottom:30px; }



.video-main { width:770px; border-right:1px solid rgba(255, 255, 255, .1 ); margin-top: 53px; padding-right: 25px; margin-right: 20px; float: left; }

.video-main .video-slide ul li { width:370px; margin-left:30px; }

.video-main .video-slide ul li:first-child { margin-left:0; }

.video-main .video-slide ul li a i { background: url("../img/icon/i2.png") no-repeat 331px 208px; }

.video-main .video-slide ul li a img { margin-bottom: 19px; }

.video-main .video-slide ul li a span { font-family: trt-bold; font-size: 18px; color:#fff; line-height:103%; text-shadow: 1px 1px 0 rgba(0, 0, 0, .33); }



.video-asistan { width: 150px; float: left; margin-top: 53px; }

.video-asistan .video-slide ul li { width:150px; margin-bottom: 11px; }

.video-asistan .video-slide ul li a i { background: url("../img/icon/i5.png") no-repeat right 80px; }

.video-asistan .video-slide ul li a img { margin-bottom: 6px; }

.video-asistan .video-slide ul li a span { color: #FFF; line-height: 127%; }



.video-slide { width:100%; height: 294px; margin-bottom: 11px; margin-left: 6px; }

.video-slide ul { width:100%; }

.video-slide ul li a { position:relative; }

.video-slide ul li a i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }



.video-navigation { height:35px; float:left; width:100%; text-align: center; }

.video-navigation .video-nav { width: 100%; padding-top: 8px; }

.video-navigation .video-nav li { float: none; display: inline; padding: 0 2px; }

.video-navigation .video-nav li a { width:9px; height:10px; background: url(../img/icon/sprite.png) no-repeat -840px -25px; margin-left:1px; float: none; display: inline-block; }

.video-navigation .video-nav li.active-slide a { background: url(../img/icon/sprite.png) no-repeat -830px -25px; }

.video-navigation .video-nav li:first-child a { margin-left:0; }



.nav-line { background-color:#4c4c4c; background-color:rgba(255, 255, 255, .1); height:35px; position: absolute; left: 0; bottom: 0; z-index: 0; }



/* Video Detail */

.video-detail { min-height:463px; background: #f6f6f6; margin-bottom:30px;margin-top: 20px; }

.video-single { float: left; }

.video-single .video-source { float: left; width: 965px; margin-right: 27px; }

.video-single .video-source > a { width: 650px !important; height: 380px !important; }

.video-single h2 { font-family:trt-bold; font-size:29px; color:#2E2E2E; line-height:105%; padding-top: 7px; padding-bottom: 9px; }

.video-single h6 { font-family: trt-regular; font-size: 16px; color:#2E2E2E; line-height:126%; padding-bottom: 14px; }

.video-single .info { border-top:1px solid #333; border-bottom:1px solid #333; padding: 14px 0 13px; margin-bottom: 19px; }

.video-single .category { color:#2e2e2e; }

.video-single .info a  { color:#FFFF99; float: none; font-size: 16px; }



/* Survey Bar */

.survey {}

.survey .btn { margin-left:15px; margin-bottom: 15px; }

.survey p { font-weight: bold; font-size: 13px; color: #333; line-height: 120%; padding: 0 15px 15px; }

.survey label { padding:0 15px 15px; width:270px; display: block; margin-bottom: 10px; font-weight: bold; }

.survey input { float: left; margin: 3px; }

.survey ul { width:270px; margin:0 15px; }

.survey ul li { width:100%; border-bottom: solid 1px #EEE; padding-bottom: 10px; margin-bottom: 10px; }

.survey ul li span { float:left; }

.survey ul li .name { font-weight:bold; color:#111; width:270px; font-size: 14px; padding-top: 5px; padding-bottom: 4px; }

.survey ul li .vote-bg { background: url(../img/icon/sprite.png) no-repeat -816px -313px; width: 270px; height: 8px; margin-bottom: 7px; }

.survey ul li .vote-bg span { background-color:#287A3A; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 8px; }

.survey ul li .vote { color:#999; line-height:100%; font-size: 12px; float: right; padding-top: 6px; }



/* Live Score Band */

.live-score-band { background: url(../img/icon/sprite.png) no-repeat -651px -1379px; position: relative; height: 47px; margin-bottom: 25px; }

.live-score-band p { float:left; width:100%; text-align:center; color:#fff; padding: 10px 0; text-shadow: 1px 1px 0 rgba(0, 0, 0, .27); font-size: 23px; }

.live-score-band strong { margin-right:30px; }

.live-score-band .left,

.live-score-band .right { padding: 2px 19px; font-size:20px; }

.live-score-band .left { float:left; }

.live-score-band .right { float:right; }



/* Author List */

.author-list { width:100%; }

.author-list li { width:100%; border-bottom: 1px solid #EEE; margin-bottom: 10px; padding-bottom: 10px; position:relative; }

.author-list li a { width:100%; }

.author-list li a img { margin-right:15px; float:left; }

.author-list li a span { display: block; }

.author-list li a .name { font-weight: bold; font-size: 17px; line-height: 117%; color: #333; padding-top: 12px; padding-bottom: 15px; }

.author-list li a .title { font-size: 15px; color: #666; }

.author-list li a .date { font-size: 11px; color: #999; position:absolute; left:115px; bottom:10px; }

.author-list li .all { font-size: 13px; font-weight:bold; color: #c00; position:absolute; right:0; top:0; width: auto; }



/* Author tape */

.author-tape { width:100%; float:left; position:relative; margin-bottom:25px; }

.author-tape img { float:left; margin-right:15px; }

.author-tape span { display:block; }

.author-tape .name { font-size: 30px; font-weight: bold; color: #C00; margin-bottom: 16px; padding-top: 7px; }

.author-tape .email { font-size: 12px; color: #999; line-height: 120%; font-family: arial; padding-bottom: 18px; }

.author-tape .email a { color: #333; float: none; }

.author-tape .news-share { width: auto; position: absolute; bottom: 0; margin-bottom: 0; left: 115px; }



/* Article List */

.article-list { float:left; width:100%; }

.article-list h4 { font-family: trt-bold; font-size: 19px; color: #c00; line-height: 93%; text-shadow: 1px 1px 0 #FFF; padding-top: 15px; padding-bottom: 11px; }

.article-list ul { width:100%; }

.article-list ul li { width:100%; border-bottom: 1px solid #EEE; margin-bottom: 10px; padding-bottom: 10px; }

.article-list ul li a {}

.article-list ul li a span { display:block; }

.article-list ul li a .title { font-weight: bold; font-size: 17px; line-height: 120%; color: #333; padding-top: 13px; padding-bottom: 6px; }

.article-list ul li a .title i { margin-top: 6px; margin-right: 6px; }

.article-list ul li a .text { font-size: 13px; line-height: 153%; color: #666; padding-bottom: 7px; }

.article-list ul li a .date { font-size: 11px; line-height: 153%; color: #999; }



/**/

.user-info {}

.user-info a { float: none; font-size: 14px; color: #333; font-weight: bold; }

.comment-info { padding: 40px 15px 38px; font-size: 18px; }

.comment-info a { float: none; font-size: 18px; color: #C00; }



/* headline below Vertical News */

.vertical-three {}

.vertical-three ul { width:650px; margin-bottom:30px; }

.vertical-three ul li { position:relative; width:210px; height:370px; margin-left:10px; float: left; }

.vertical-three ul li:first-child { margin-left:0; }

.vertical-three ul li a { font-weight:bold; font-size:17px; line-height:117%; text-shadow: 1px 1px 0 rgba(0, 0, 0, .5); color:#fff; }

.vertical-three ul li a img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }





.bar-two {}

.bar-two .bar-red {}

.bar-two .bar-red:first-child { margin-right: 50px; }



.live-streams { background: url(../img/bg/live.png) no-repeat center center; height: 80px; }

.live-stream-top { float: left; width: 160px; }

.live-streams a, .live-stream-top a { box-shadow: none; float: right; width: 50px; height: 40px; background: url(../img/bg/livea.png) no-repeat center center; color: #FFF; font-size: 15px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); font-weight: bold; text-align: center; padding: 10px 10px; line-height: 120%; margin: 10px 10px 0 0; }



.social-stream {}

.social-stream .tabs {}

.social-stream .tabs ul { width: 100%; margin-bottom: 10px; }

.social-stream .tabs ul li { width: 50%; }

.social-stream .tabs ul li a { border-bottom: solid 3px; font: 16px/35px Arial; width: 100%; }

.social-stream .tabs ul li.ui-tabs-selected a { font-weight: bold }

.social-stream .tabs ul li a.fb { color: #036; }

.social-stream .tabs ul li a.tw { color: #32CDFD; }



.flash-news { margin-bottom: 15px; }

.flash-news h3 {}

.flash-news h3 a { width: 100%; text-align: center; color: #FFF; font-size:21px; font-weight: bold; padding: 18px 0; background: url(../img/bg/fn.png) repeat-x; }



.next-page { float: right; }

.bar pre { font-family: monospace; word-wrap: break-word; background-color: #000; padding: 15px; border: solid 1px #CCC; border-radius: 3px; color: #FFF; font-size: 11px; white-space: pre-wrap; word-break: break-all; }



/* Swiper Core CSS */

.swiper-container{ overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}

.swiper-wrapper{ position:relative -webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}

.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}

.swiper-wp8-horizontal{-ms-touch-action:pan-y;}

.swiper-wp8-vertical{-ms-touch-action:pan-x;}



/* Web TV Page */

.webtv-headline { min-height:473px; background: #f6f6f6; margin-bottom: 30px;margin-top:40px; }



.cat-slides { width: 695px; height: 390px; margin-top: 53px; }

.cat-slides li { position: relative; }

.cat-slides li a {}

.cat-slides li img {}

.cat-slides li span { position: absolute; font-family: trt-bold; color: #fff; font-size: 19px; left: 0; }

.cat-slides li .title { background: url(../img/icon/wt.png) no-repeat left top; bottom: 70px; padding: 15px 46px 10px 18px; }

.cat-slides li .spot { background:#F6F6F6; bottom: 0; font-family: trt-regular; font-size: 16px; padding:5px 0; width: 100%;color:#2e2e2e; }

.cat-slides li .spot b { font-size:19px; padding-bottom: 9px; float: left; width: 100%;font-family: trt-bold;
    font-size: 29px;
    color: #2E2E2E;
    line-height: 105%;
    padding-top: 7px;
    padding-bottom: 9px; }

.video-source+ .pagination, .cat-slides + .pagination { width:320px; height: 390px; float: right; margin-top: 53px; margin-left: -40px; overflow: hidden }

.video-source+ .pagination li, .cat-slides + .pagination li {}

.video-source+ .pagination .item, .cat-slides + .pagination .item { background: url(../img/bg/wtitem.png) repeat-x left top; padding: 10px; }

.video-source+ .pagination .item.selected, .cat-slides + .pagination .item.selected,

.video-source+ .pagination .item:hover, .cat-slides + .pagination .item:hover { background: url(../img/bg/selected.png) no-repeat left top; padding: 10px 10px 10px 50px; width: 260px; margin-left: -40px; }

.video-source+ .pagination .item a, .cat-slides + .pagination .item a { font-family: trt-regular; color: #FFF; }

.video-source+ .pagination .item a b, .cat-slides + .pagination .item a b { font-size: 16px; font-family: trt-bold; margin-top: 9px; float: left; width: 120px; }

.video-source+ .pagination .item img, .cat-slides + .pagination .item img { float: left; margin-right: 18px; }

.video-source+ .pagination .pagi, .cat-slides + .pagination .pagi { width: 275px; height: 25px; float: right; cursor: pointer; }

.video-source+ .pagination .pagi a, .cat-slides + .pagination .pagi a {}

.video-source+ .pagination .next, .cat-slides + .pagination .next { background: url(../img/icon/wtnext.png) no-repeat left top; }

.video-source+ .pagination .prev , .cat-slides + .pagination .prev { background: url(../img/icon/wtprev.png) no-repeat left top; }



.pagide { float: right; width:275px; height: 341px; overflow: visible !important; z-index: 999; }

.pagide ul { background: url(../img/bg/video-bg.jpg) repeat; height: 340px; width: 275px; }



@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px) { .header, .banner, .content, .area, .footer { padding: 0 20px; } }







/*sitene ekle*/

.siteneEkle_page form{margin-right: 45px;}

.siteneEkle_page label{display: block; margin-bottom: 5px;}

.siteneEkle_page label strong{ display:block; float:left; width:150px; }

.siteneEkle_page textarea{width: 394px;padding: 3px;margin: 0;}

.siteneEkle_page h2{font-size: 16px; font-weight: bold;padding-bottom: 5px;margin-bottom: 15px;border-bottom: solid 3px; color: #319547;}

.siteneEkle_page h2.pre {color: #1B9ACA;}

.kodKopyala{font-family: monospace;}

.siteneEkle_page a{ float:none !important; }





.siteneEkle_page .forminput { padding:8px 8px; background:url(../images/contact_inp_bg.png) no-repeat; border:1px solid #999; color:#666; border-radius:3px; }

.siteneEkle_page .forminput:focus { border:1px solid #666; }

.siteneEkle_page .formtarea { padding:8px 8px; background:url(../images/contact_inp_bg.png) no-repeat; border:1px solid #999; color:#666; border-radius:3px; }







.yanBaglar{float: right;width: 140px;}

.yanBaglar .vid{ float:left; }

.yanBaglar .bag{ float:left; }

.news-detail .yanBaglar{float:left!important;}

    .yanBaglar h2{line-height: 14px;padding: 7px 0;margin-bottom: 9px;color: #000;font-weight: bold;border-top: solid 3px;border-bottom: solid 1px #E5E5E5!important;}

    .yanBaglar ul{line-height: 17px; }

    .yanBaglar li{background: none;border-bottom: solid 1px #E5E5E5;padding:6px 0 5px 0;}

    .yanBaglar li:first-child{padding-top: 0;}

    .yanBaglar img{margin-bottom: 5px;}

    .yanBaglar a{color: #069;padding: 0;background: none;}

    .yanBaglar span{display: block;background: url(../img/bg/mcli.png) no-repeat 0 3px;}

    .yanBaglar span:first-letter{padding-left: 10px;}

    

.news-detail .yanBaglar{margin: 5px 30px 15px 0;}

    .news-detail .yanBaglar h2{font-size: 11px;margin-bottom: 0;}

    .yanBaglar .vid ul{margin-bottom: 15px;line-height: 16px;}

    .yanBaglar .vid li{padding-bottom: 7px;}

    .yanBaglar .vid h2{border-bottom: none!important; border-color:#cc0000;}

    .yanBaglar .vid span{background: none;}

    .yanBaglar .vid span:first-letter{padding-left: 0;}

    .yanBaglar .bag ul {line-height: 18px;}

    .yanBaglar .bag li{padding: 6px 0;}

    .yanBaglar .bag li:first-child{padding-top: 6px;}



.peklediv{ float:none; font:bold 14px Arial; color:#cc0000; }





.live-stream2{ float:left; width:100%; margin-bottom:20px; }

.live-stream2 .tar{ text-align:right; }

.live-stream2 ul{ float:left; width:100%; margin-bottom:20px; }

.live-stream2 li{ float:left; width:100%; margin-bottom:5px; }

.live-stream2 li span{ display:block; float:left; width:60px; text-align:center; padding:12px 0 8px 0; font:bold 16px/20px Arial; color:#696969; text-shadow: 1px 1px 0 #FFF; }

.live-stream2 li div{ float:left; width:295px; font:14px/20px Arial; color:#333; }

.live-stream2 a { width: 648px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; font-family: trt-bold; font-size: 18px; color: #333; text-shadow: 1px 1px 0 #FFF; text-align: center; padding: 10px 0 7px; box-shadow: inset 0 0 13px -1px #e2e2e2; background-color:#F5F5F5; border: solid 1px #E2E2E2; }



.live-stream2 li.title{ background:url(../img/canlimac/title_bg.png) no-repeat; }

.live-stream2 li.title div{ float:left; width:275px; padding:12px 10px 8px 10px; font:bold 16px/20px Arial; color:#696969; text-shadow: 1px 1px 0 #FFF; }



.live-stream2 li.goal div.active{ width:245px; padding:12px 0 6px 50px; background:url(../img/canlimac/evnts.png) no-repeat; border-bottom:2px solid #BBC7A3; }

.live-stream2 li.goal span{ background:#8EB40F; border-bottom:2px solid #80A20D; color:#fff; padding:9px 0 4px 0; margin:5px 3px 0 3px; width:54px; text-shadow: 1px 1px 0 #65800B; }



.live-stream2 li.rcard div.active{ width:245px; padding:12px 0 6px 50px; background:url(../img/canlimac/evnts.png) 0 -40px no-repeat; border-bottom:2px solid #D4B5AA; }

.live-stream2 li.rcard span{ background:#F0F0F0; border-bottom:2px solid #D8D8D8; color:#787878; padding:9px 0 4px 0; margin:5px 3px 0 3px; width:54px; }



.live-stream2 li.ycard div.active{ width:245px; padding:12px 0 6px 50px; background:url(../img/canlimac/evnts.png) 0 -80px no-repeat; border-bottom:2px solid #D6CFA7; }

.live-stream2 li.ycard span{ background:#F0F0F0; border-bottom:2px solid #D8D8D8; color:#787878; padding:9px 0 4px 0; margin:5px 3px 0 3px; width:54px; }



.live-stream2 li.end div.active{ width:245px; padding:12px 0 6px 50px; background:url(../img/canlimac/evnts.png) 0 -120px no-repeat; border-bottom:2px solid #bbb; margin:0; }

.live-stream2 li.end span{ background:#787878; border-bottom:2px solid #6C6C6C; color:#fff; padding:9px 0 4px 0; margin:5px 3px 0 3px; width:54px; text-shadow: 1px 1px 0 #65800B; }

.live-stream2 li.end div{ width:295px; padding:7px 0 6px 0; background:#d0d0d0; margin-top:5px; border-bottom:2px solid #bbb; }



.live-stream2 li.sin div.active{ width:245px; padding:12px 0 6px 50px; background:url(../img/canlimac/evnts.png) 0 -160px no-repeat; border-bottom:2px solid #D8D8D8; }

.live-stream2 li.sin span{ background:#F0F0F0; border-bottom:2px solid #D8D8D8; color:#787878; padding:9px 0 4px 0; margin:5px 3px 0 3px; width:54px; }



.live-stream2 li.sout div.active{ width:245px; padding:12px 0 6px 50px; background:url(../img/canlimac/evnts.png) 0 -200px no-repeat; border-bottom:2px solid #D8D8D8; }

.live-stream2 li.sout span{ background:#F0F0F0; border-bottom:2px solid #D8D8D8; color:#787878; padding:9px 0 4px 0; margin:5px 3px 0 3px; width:54px; }



.dortlu-kutu {float:left; width: 980px; margin:0px 0 20px;}

.dortlu-kutu .kapsul {width: 235px; float:left; border:1px solid #ccc; margin-right:5px; box-shadow: 1px 1px 1px #DDD; padding:2px 2px 1px 2px; position:relative;}

.dortlu-kutu .baslik { position: absolute; width: 235px; background: #FF0; height: 30px; bottom: 3px; font-size: 17px; line-height: 30px; font-weight: bold; text-align: center; color: #000; opacity: 0.8; text-shadow: 2px 2px #FF0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.dortlu-kutu .baslik:hover { background: #000; color:#FF0; text-shadow: 1px 1px #000; }

.dortlu-kutu .son {margin-right: 0!important;}



.sb-manset {float:left; width: 300px; overflow: hidden;}


.sb-manset a {height: 195px; overflow: hidden;}

.sb-manset .kapsul {width: 292px; overflow: hidden; height: 150px; float:left; border:1px solid #ccc; margin-bottom:5px; box-shadow: 1px 1px 1px #DDD; padding:2px 2px 1px 2px; position:relative;}

.sb-manset .baslik { position: absolute; width: 292px; background: #FF0; height: 30px; bottom: 3px; font-size: 17px; line-height: 30px; font-weight: bold; text-align: center; color: #000; opacity: 0.8; text-shadow: 2px 2px #FF0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.sb-manset .baslik:hover { background: #000; color:#FF0; text-shadow: 1px 1px #000; }

.sb-manset .son {margin-right: 0!important;}


.lastest-match-parent{position: relative; min-width: 980px; height: 75px; background-color: #f1f2f3; border-bottom: 1px solid #a5a6a7; z-index: 999;}

.lastest-match-parent .lastest-match-filter-container{float: left; width: 135px; height: 75px;}

.lastest-match-parent .lastest-match-filter-container .league-filter{width: 115px; height: 35px; line-height: 35px; margin: 20px auto; background-color: #f9f9fb; font-size: 12px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 1px solid lightgrey; cursor: pointer;}

.lastest-match-parent .lastest-match-filter-container .league-filter > span, .lastest-match-parent .lastest-match-filter-container .league-filter .league-filter-options > div{display: block; height: 25px; line-height: 25px; padding: 5px 10px; background-color: #f9f9fb; font-size: 12px;}

.lastest-match-parent .lastest-match-filter-container .league-filter > span{width: 86px; font-size: 11px; margin: auto; padding: 5px 0 !important;}

.lastest-match-parent .lastest-match-filter-container .league-filter > span img{float: right; height: 25px;}

.lastest-match-parent .lastest-match-filter-container .league-filter:hover .league-filter-options{display: block;}

.lastest-match-parent .lastest-match-filter-container .league-filter .league-filter-options{display: none; width: 100%; height: auto; border: 1px solid lightgrey; font-weight: bold;}

.lastest-match-parent .lastest-match-filter-container .league-filter .league-filter-options > div:hover{background-color: #f1f2f3;}

.lastest-match-parent #lastestMatchPrevPassive, .lastest-match-parent #lastestMatchPrev, .lastest-match-parent #lastestMatchNext, .lastest-match-parent #lastestMatchNextPassive{position: absolute; top: 0; width: 40px; height: 75px; z-index: 9; cursor: pointer;}

.lastest-match-parent #lastestMatchPrevPassive{left: 135px; border-left: 1px solid #a5a6a7; border-right: 1px solid #a5a6a7;}
.lastest-match-parent #lastestMatchPrev{left: 135px; border-left: 1px solid #a5a6a7; border-right: 1px solid #a5a6a7; background: url("/static/img/live-score-left-arrow.png") #f9f9f9 no-repeat center center;}
.lastest-match-parent #lastestMatchPrev:hover{background-image: url("/static/img/live-score-left-arrow-hover.png");}
.lastest-match-parent #lastestMatchNext{right: 0; border-left: 1px solid #a5a6a7; border-right: 1px solid #a5a6a7; background: url("/static/img/live-score-right-arrow.png") #f9f9f9 no-repeat center center;}
.lastest-match-parent #lastestMatchNextPassive{right: 0; border-left: 1px solid #a5a6a7; border-right: 1px solid #a5a6a7;}
.lastest-match-parent #lastestMatchNext:hover{background-image: url("/static/img/live-score-right-arrow-hover.png");}

.lastest-match {width: calc(100% - 219px); margin:0 auto; margin-left: 41px; height: 75px; overflow: hidden; background: #f1f2f3;}

.lastest-match li {width: 100%; height: 75px; line-height: 75px;}

.lastest-match li > ul{float: left; width: 100%; height: 75px;}

.lastest-match li > ul > li {width: calc(25% - 1px); height: 75px; padding:0; border-left: solid 1px #a5a6a7; float: left; background-color: #ffffff;}

.lastest-match li > ul > li a{display: block; float: left; width: 100%; height: 100%; color: black; font-size: 12px; cursor: pointer;}
.lastest-match li > ul > li.not-linked a{cursor: default;}

.lastest-match li > ul > li a .league{float: left; width: 49px; height: 75px; line-height: 75px; text-align: center; font-size: 10px; font-weight: bold; border-right: 1px solid #a5a6a7; background-color: #edeef0; cursor: pointer;}
.lastest-match li > ul > li.not-linked a .league{cursor: default;}

.lastest-match li > ul > li a .league img{margin-top: 20px;}

.lastest-match li > ul > li a .time{float: right; width: calc(100% - 60px); height: 15px; line-height: 18px; margin-bottom: 5px; padding-left: 10px; text-align: left; cursor: pointer; margin-top: 5px; font-size: 11px;}
.lastest-match li > ul > li.not-linked a .time{cursor: default;}


.lastest-match li > ul > li a .logo1, .lastest-match li > ul > li a .logo2{float: left; width: 20px; height: 20px; margin: 0 5px 5px 5px; cursor: pointer;}
.lastest-match li > ul > li.not-linked a .logo1, .lastest-match li > ul > li.not-linked a .logo2{cursor: default;}


.lastest-match li > ul > li a .team1, .lastest-match li > ul > li a .team2{float: left; width: calc(90% - 80px); height: 20px; margin-bottom: 5px; line-height: 20px; cursor: pointer; font-size: 11px;}
.lastest-match li > ul > li.not-linked a .team1, .lastest-match li > ul > li.not-linked a .team2{cursor: default;}


.lastest-match li > ul > li a .score1, .lastest-match li > ul > li a .score2{float: left; width: 6%; height: 20px; margin-bottom: 5px; line-height: 20px; text-align: right; cursor: pointer;}
.lastest-match li > ul > li.not-linked a .score1, .lastest-match li > ul > li.not-linked a .score2{cursor: default;}


.lastest-match li > ul > li a .front{display: none; float: left; width: 4%; height: 20px; background: url("/static/img/live-score-front-arrow.png") no-repeat center right; cursor: pointer;}
.lastest-match li > ul > li.not-linked a .front{cursor: default;}


.live-lastest-match-parent {position: relative; height: 104px; overflow: hidden; margin-bottom: 20px; background-color: #EDEDED;}
.lastest-match-live-button{float: left; width: 65px; height: 20px; padding: 5px 10px; line-height: 21px; background-color: #fbfbfb; font-weight: bold; font-size: 13px;}
.lastest-match-live-button img{float: right; margin-top: 3px;}
.live-lastest-match {width:844px; margin: 0 0 15px 21px; height: 30px; overflow: hidden; background-color: #EDEDED;}
.live-lastest-match li{width: 885px; height: 30px;}
.live-lastest-match li > ul > li {float: left; width: 422px; height: 30px; padding:0;}
.live-lastest-match li > ul > li a {display: block; float: left; width: 100%; height: 30px; color: #5C5C5C; line-height:30px; font-size: 14px;}
.live-lastest-match li > ul > li a .team {float: left; width: 161px; height: 30px;}
.live-lastest-match li > ul > li a .team.team1 {text-align: right;}
.live-lastest-match li > ul > li a .team.team2 {text-align: left;}
.live-lastest-match li > ul > li a .logo {float: left; width: 20px; height: 20px;}
.live-lastest-match li > ul > li a .logo1 {margin: 5px 0 5px 10px;}
.live-lastest-match li > ul > li a .logo2 {margin: 5px 10px 5px 0;}
.live-lastest-match li > ul > li a .score {float: left; width: 40px; height: 30px; text-align: center; font-weight: bold;}

.live-lastest-match-parent #liveLastestMatchPrev, .live-lastest-match-parent #liveLastestMatchNext{position: absolute; top: 0; width: 20px; height: 30px; z-index: 9; cursor: pointer;}

.live-lastest-match-parent #liveLastestMatchPrev{left: 85px; border-left: 1px solid #a5a6a7; background: url("/static/img/live-score-left-arrow-1.png") #f9f9f9 no-repeat center center;}
.live-lastest-match-parent #liveLastestMatchPrev:hover{background-image: url("/static/img/live-score-left-arrow-hover-1.png");}
.live-lastest-match-parent #liveLastestMatchNext{right: 0; background: url("/static/img/live-score-right-arrow-1.png") #f9f9f9 no-repeat center center;}
.live-lastest-match-parent #liveLastestMatchNext:hover{background-image: url("/static/img/live-score-right-arrow-hover-1.png");}

.bars { float: right; width: 300px; }

.siyah-kurdele { width: 36px; height: 65px; position: absolute; background: url(../img/siyah.png) no-repeat; z-index: 999; right: 0; top: 5px; }

#div-gpt-ad-1480002970838-0 { display: none; }
.grad {
    width: 100%;
    max-height: 220px;
    background: red;
    position: absolute;
    bottom: 0;
    background: black;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
    padding-bottom: 10px;
}
.manset_h2 {
    overflow: hidden;
    width: 600px!important;
    font-family: trt-bold;
    font-size: 20px;
    color: #d2d2d2;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 50px;
    text-shadow: 1px 1px 1px #000;
}
.lb_news_home {
    width: 5px;
    height: 24px;
    background: #87c540;
    float: left;
}
.manset_h2 h2 {
    float: left;
    background: rgba(0,0,0,0.6);
    padding: 5px 5px 2px 10px;
    font:14px trt-bold;
}
.manset_h1 {
    width: 600px!important;
    font-family: trt-bold !important;
    font-size: 27px!important;
    line-height: 38px;
    color: #ffffff!important;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 10px;
    text-shadow: 1px 1px 1px #000;
}
.headline-slide li a {
    position: relative;
}
.fourlexnew ul{
    width:100%;
}
.fourlexnew ul li {
    width: 314.5px;
    margin-left: 20px;
    height: 191.5px;
    float: left;
    background: #e3e3e3;
    font-family: trt-bold;
}
.fourlexnew ul li:last-of-type {
    width: 300px;
    margin-left: 20px;
    height: 191.5px;
    float: right;
    background: #e3e3e3;
    font-family: trt-bold;
}
.fourlexnew ul li a {
    background: #e3e3e3;
    width: 100%;
    float: left;
    font-family: trt-bold;
    font-size: 19px;
    color: #232323;
    height: 100%;
    display: flex;
    position: relative;
}
.fourlexnew ul li:first-child {
    margin-left: 0;
}
.fourlexnew {
    float: left;
    width: 100%;
    margin: 0px 0 20px 0;
}
.y_tit {
    font-family: trt-bold;
    font-size: 15px;
    color: #232323;
    padding: 12px;
}
#search_bar {
        float: right;
    margin-top: 13px;
    overflow: hidden;
    position: relative;
    margin-left: 40px;
}
#buyutec_b {
    float: left;
}
.hdrArama {
    line-height: 28px;
    float: left;
}
#aramaok_b {
    float: left;
    margin-top: 7.5px;
    margin-left: -3px;
}
label.overlabel {
    position: absolute;
    top: 8px;
    left: 7px;
    z-index: 1;
    color: #666;
}
.hdrArama label {
    color: #838383;
    left: 60px;
    top: 0px;
    font-family: trt-regular;
    font-size: 12px;
    padding-top: 1.5px;
}

.hdrArama .tb {
    width: 137px;
    height: 17px;
    margin-left: 10px!important;
    border-bottom: 1px solid #ffffff!important;
    color: #3e3e3e;
    font-size: 13px;
}

.hdrArama .tb::placeholder{
    color: white;
}

.hdrArama .tb:-ms-input-placeholder {
    color: white;
}

.hdrArama .tb::-ms-input-placeholder {
    color: white;
}

.hdrArama .tb, .hdrArama .sub {
    display: block;
    float: left;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}
.hdrArama .sub {
    width: 20px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 0;
}

.hdrArama .tb, .hdrArama .sub {
    display: block;
    float: left;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}
a, label, input[type=submit] {
    cursor: pointer;
}
.social-header{float: right;margin-top:4px;margin-right:18px;}



.hdrHava, .hdrPiyasa {
    margin-top: 0px;
    height: 50px;
    padding-left: 50px;
    overflow: hidden;
}
.hdrHava {
    padding-left: 30px;
}
.hdrHava {
    max-width: 230px;
    float: left;
    height: 61px;
}
.hhSag {
    width:116px;
    float: left;
    margin-top: 15px;
}
.hhImg {
    display: block;
    width: 48px;
    margin-right: 4px;
    float: left;
    margin-top: 3px;
}
.hdrPiyasa h3, .hhBas {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 2px;
}
.hhBas {
    color: #c00;
    font-family: trt-bold;
}
#hdlist {
    font-family: trt-regular;
    border: none;
    background: white;
    position: absolute;
    top: 55px;
    overflow: auto;
    height: 300px;
    z-index: 1000;
    display: none;
}
#hdlist {
    padding-top: 5px;
}
#hdlist li {
    padding: 2px 5px;
    cursor: pointer;
    color: #545454;
    float: none;
}
#hdlist li:hover {
    cursor: pointer;
    color: white;
    background: grey;
}
.hhBas .il {
    max-width: 150px;
    color: #545454;
}

.hhBas span {
    display: inline-block;
}
.ellips {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#drop_b {
    cursor: pointer;
    float: left;
    margin:0 5px;
}

.hhBas i {
    color: #afafaf;
}
.hhBas span {
    display: inline-block;
}

.derece {
    font-size: 16px;
    color: #afafaf;
    font-family: trt-light;
}
.hhDurum {
    color: #333;
    margin-bottom: 4px;
    margin-left: 24px;
    margin-top: -7px;
    color: #afafaf;
    font-family: trt-light;
}
.hhImg {
    display: block;
    width: 48px;
    margin-right: 5px;
    float: left;
}
.hhBas .il a {
    color: #545454;
    font-size: 14px;
}
.economics .ust{
    margin-bottom: 4px;
}
.economics .doviz{width:120px;height:12px;float: left;display: inline;}
.doviz span.title {
    float: left;
    font-family: trt-regular;
}
.doviz span.fttext {
    font-family: trt-regular;
    padding:0 15px 0 0;
    font-weight: bold;
    float: right;
    background: url(/static/img/s_v2.png) right -235px no-repeat;

}
.doviz .up {
    color: rgb(52, 126, 73);
}
.doviz .down {
    color: rgb(185, 46, 50);
    background-position: right -254px !important;
    padding:0;
}
.radio-tv{overflow: hidden;margin-top:5px;}
.radio-tv ul{float:right;margin-top:7px;}
.radio-tv ul li{float:right;}

.date-holder-main {
    margin-top:16px;
    overflow: hidden;
    float: left;
    color: #555C61;
    padding-right: 35px;
    border-right:1px solid #aeaeae;
    height:35px;
}
.todays-date {
    display: inline-block;
}
.datetime-day {
    font-family: aktivgrotesk-medium;
    font-size: 35px;
    line-height: 35px;
    float: left;
    margin-right: 5px;
}
.two-rows-date {
    height: 35px;
    float: left;
}
.datetime-day-year {
    height:12px;
}
.datetime-day-year span {
    line-height: 16px;
    font-size: 13px;
    font-family: trt-regular;
}
.datetime-month span {
    line-height: 14px;
    font-size: 13px;
    font-family: trt-regular;
}


#social_media {
    overflow: hidden;
    float: left;
    margin-top: 9px;
}
#social_media a {
    height: 48px;
    display: inline-flex;
}
.soc_icon {
    margin: 14px 9px;
    float: left;
    height: 22px;
}
#social_media a:first-of-type .soc_icon {
    margin-left: 0;
}
.display-none{display: none;}
.soc-icon-fb:hover{content: url('/static/img/facebook-svg-icon-hover.svg');}
.soc-icon-tw:hover{content: url('/static/img/new-twitter-svg-icon-hover.svg');}
.soc-icon-yt:hover{content: url('/static/img/youtube-svg-icon-hover.svg');}
.soc-icon-insta:hover{content: url('/static/img/instagram-svg-icon-hover.svg');}
.soc-icon-tiktok:hover{content: url('/static/img/tik-tok-svg-icon-hover.svg');}

.full-wh-bg-img {
    width:100%;
    width: -moz-available;
    width: -webkit-fill-available;
    height: inherit;
    object-fit: cover;
    /*position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;*/
}
.small-news-grad{
    overflow: hidden;
    padding: 10px 15px;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.7));
    position: absolute;
    bottom: 0;
    width:calc(100% - 30px);
    cursor:pointer;
}
.small-news-grad{
    font-family: trt-bold;
    font-size: 21px;
    line-height: 1.2;
    color: white;
    text-shadow: 1px 1px 1px #000;
}
.cat-title a:hover{color:#87c540!important;}
.bar-green{background: #f6f6f6}

.fixture-detail-link a{font-size: 12px;color: #666}
.cat-title a:first-of-type{font-size: 23px!important}
.cat-title{border-bottom: 1px solid #e3e3e3}

















.home-video-galeri-holder{overflow: hidden;clear: both;width: 650px;margin-bottom: 20px;}
.overflow-hidden{overflow: hidden;}
.home-video-galeri-holder .row{overflow: hidden;margin-bottom: 20px;}
.home-video-galeri-holder .row:last-of-type{margin-bottom: 0px;}
.home-video-galeri-holder .row .main-item{width: 320px;height: 310px;float: left;margin-right: 10px;margin-bottom: 0;position: relative;display: flex;}
.home-video-galeri-holder .row .small-items-holder{float: left;width: 320px;}
.home-video-galeri-holder .row .small-items-holder .item{width:155px;height:145px;float: left;margin-right:10px;display: block;cursor:pointer;}
.home-video-galeri-holder .row .small-items-holder .item:hover .txt{text-decoration:underline;}
.home-video-galeri-holder .row .small-items-holder .item:last-of-type{margin-right: 0;}
.home-video-galeri-holder .row .main-item.float-right{float: right;margin-right: 0;margin-left: 10px;}
.home-video-galeri-holder .row .small-items-holder .item .img-holder{width: 100%;height: 90px;overflow: hidden;display: flex;position: relative;cursor: pointer;}
.home-video-galeri-holder .row .small-items-holder .item .txt{font-weight: bold;font-size: 14px;color: #333;line-height: 1.1;padding-top: 5px;cursor: pointer;}
.video-home-big-play{top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%);width: 60px!important;height: auto!important;z-index: 1;}
.play-btn-home-video-small {
    position: absolute;
    width: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.home-video-galeri-holder .row .main-item:hover .small-news-grad{opacity: 0.9}

.news-block-container{overflow:hidden;margin-bottom: 30px;clear: both;}
.news-block-container .row{overflow: hidden;margin-bottom: 20px;}
.news-block-container .row:last-of-type{margin-bottom: 0px;}
.news-block-container .row .item{width: 210px;float: left;overflow: hidden;display: block;margin-right: 10px;}
.news-block-container .row .item:last-of-type{margin-right: 0px;}
.news-block-container .row .item .img-holder{height:125px;width: 100%;display: flex;position: relative;cursor: pointer!important}
.news-block-container .row .item .txt{font-weight: bold;font-size: 14px;color: #333;line-height: 1.1;padding-top: 5px;cursor: pointer;}
.news-block-container .row .item:hover .txt{text-decoration: underline;}

.news-block-container .row .main-item{width:430px;height: 340px;float:left;margin-right: 10px;display: flex;margin-bottom: 0;}
.news-block-container .row .small-items-holder{overflow: hidden;float: left;}

.news-block-container .row .main-item.float-right{float: right;margin-right: 0;margin-left: 10px;}
.news-block-container .row .main-item:hover .small-news-grad{opacity: 0.9}


/*Video Galeri Sayfası Yeni Tasarım*/
.main-video {background: #f4f7f9 !important;}
.main-video .section{margin-bottom: 20px; margin-left: 8px;}
.main-video .section .main-title{margin: 20px 0px;}
.main-video .section .main-title h2{color: #1e1e1e; font-family: trt-bold; opacity: .87; font-size: 48px; font-weight: bold; height: 40px; line-height: 40px;}
.main-video .section a{width: 100%; height: auto; display: block;}
.main-video .section a .video-link{width: 100%; height: auto; position: relative;}
.main-video .section a .video-link .video-img{width: 100%; height: inherit; object-fit: cover;}
.main-video .section a .video-link .video-home-big-play{top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); width: 60px; height: auto; z-index: 1;}
.main-video .section a .video-link .grad{position: absolute; bottom: 0; left: 0; padding: 30px; background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.7)); width: calc(100% - 60px); z-index: 2;}
.main-video .section a .video-link .grad .cat-tag{padding: 7px 15px; background: #87c540; color: white; font-family: 'aktivgrotesk-medium'; width: -moz-fit-content; width: fit-content; border-radius: 5px; margin-bottom: 10px; display: inline-flex;}
.main-video .section a .video-link .grad .title{font-family: trt-bold; font-size: 36px; color: white; line-height: 1.2; text-shadow: 1px 1px 1px #000; margin-bottom: 10px;}
.main-video .section a .video-link .grad .date{font-family: 'aktivgrotesk-light'; font-size: 14px; color: white; text-shadow: 1px 1px 1px #000;}

.video-list {margin-top: 20px;}
.video-list .body .section .cat-holder{overflow: hidden; margin-bottom: 20px; position: relative;}
.video-list .body .section .cat-holder .cat-holder-mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white; opacity: 0.6; display: none;}
.video-list .body .section .cat-holder .row{overflow: hidden; margin-bottom: 10px;}
.video-list .body .section .cat-holder .row .item{width: 186px; padding: 13px 0 12px 0; text-align: center; float: left; margin-right: 10px; background: #f4f7f9; border-radius: 5px; font-family: 'aktivgrotesk-medium'; font-size: 16px; color: gray; cursor: pointer;}
.video-list .body .section .cat-holder .row .item:last-of-type{margin-right: 0px;}
.video-list .body .section .cat-holder .row .item:hover, .video-list .body .section .cat-holder .row .item.active{color: white; background: #87c540;}
.video-list .body .section #video-list-content .anaGovde{float: left; width: 100%; height: auto;}
.video-list .body .section #video-list-content .anaGovde .row-3{float: left; width: 100%; height: auto;}
.video-list .body .section #video-list-content .anaGovde .row-3 a{float: left; display: block; background-size: cover!important; position: relative; padding-bottom: unset!important; width: calc(33% - 10.9px); margin-right: 20px; overflow: unset; height: auto;}
.video-list .body .section #video-list-content .anaGovde .row-3 a div,h2{cursor: pointer;}
.video-list .body .section #video-list-content .anaGovde .row-3 .item.height-auto:last-of-type:last-of-type{margin-right: 0px;}
.video-list .body .section #video-list-content .anaGovde .row-3 .item.height-auto .img{background-size: cover!important; padding-bottom: 56.40%; position: relative; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.14), 0 4px 20px rgba(0,0,0,.18); box-shadow: 0 2px 6px rgba(0,0,0,.14), 0 4px 20px rgba(0,0,0,.18);}
.video-list .body .section #video-list-content .anaGovde .row-3 .item.height-auto .img .full-w-h-dark{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.0); z-index: 1; transition: background-color 0.5s ease;}
.video-list .body .section #video-list-content .anaGovde .row-3 .item.height-auto:hover .img .full-w-h-dark{background-color: rgba(0,0,0,0.5);}
.video-list .body .section #video-list-content .anaGovde .row-3 .item.height-auto .img .full-w-h-dark .full-wh-bg-img{display: block; width: 100%; width: -moz-available; width: -webkit-fill-available; height: auto; object-fit: cover;}
.video-list .body .section #video-list-content .anaGovde .row-3 .item.height-auto .img .full-w-h-dark .play-btn-home-video-small{position: absolute; width: 40px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}
.video-list .body .section #video-list-content .anaGovde .row-3 .item.height-auto .tag{background: #87c540; color: white; font-family: 'aktivgrotesk-medium'; font-size: 1em; padding: 6px 10px 4px 10px; margin: 10px 0; float: left; border-radius: 10px; opacity: 0.9;}
.video-list .body .section #video-list-content .anaGovde .row-3 .item.height-auto .main-title-container{clear: both; font-family: trt-bold; color: black; font-size: 1.5em; margin-bottom: 10px; line-height: 1.5;}
.video-list .body .section #video-list-content .anaGovde .row-3 .item.height-auto .date{font-family: 'aktivgrotesk-medium'; font-size: 1em; color: silver; margin-bottom: 10px;}
.video-list .body .section #video-list-content .anaGovde .row-3 .item.height-auto .desc{font-family: 'aktivgrotesk-light'; font-size: 15px; color: #666; margin-bottom: 20px; line-height: 1.5; font-weight: 800;}
.video-list .body .section #video-list-content .sayfala{float: left; width: 100%; height: auto; margin: 20px 0px 40px 0px;}
.video-list .body .section #video-list-content .sayfala ul.btns {width: auto; float: left; text-indent: 0; height: auto; margin-top: -3px; font-size: 14px; background-position: right -927px; overflow: hidden; margin-right: 1px; text-align: center; display: inline-block;}
.video-list .body .section #video-list-content .sayfala ul.btns li a{background: #d6d5d5; display: inline-block; float: none; width: 38px; min-width: 18px; line-height: 35px; height: 35px; padding: 0; margin: 2.5px; font-weight: bold; color: black; padding-top: 3px;}
.video-list .body .section #video-list-content .sayfala ul.btns li a:hover{background: #87c540; color: white;}
.video-list .body .section #video-list-content .sayfala ul.btns li a.current{background: #87c540; color: white;}


/*Video Galeri Detay Sayfası Yeni Tasarım*/
.video-detail{background-color: white;}
.video-single{width: 970px;}
.video-single .bar{margin-bottom: 20px;}
.video-single .bar .info{margin: 0px; text-align: center; border: none; padding-top: 0px; padding-bottom: 10px;}
.video-single .bar .info .category{color: #979797; font-size: 15px; font-family: 'aktivgrotesk-medium';}
.video-single .bar .title{font: 35px trt-bold; color: #1E1E1E; margin-bottom: 15px; letter-spacing: -1px; line-height: 43px; text-align: center;}
.video-single .bar .spot{text-align: center; font-family: 'aktivgrotesk-medium'; font-weight: bold; font-size: 18px;}
.video-single .bar .date{text-align: center; font-size: 13px; font-family: 'aktivgrotesk-medium'; color: #979797; padding: 10px 0px 20px 0px;}
.video-single .video-source{width: 970px;}
.video-split{border-bottom: 1px solid #b9b9b9; float: left; width: 100%; margin-top: 20px;}
.video-single .bar .social-gal-detail{width: 100%; float: left; text-align: center;}
.video-single .bar .social-gal-detail ul{margin: 0 auto; display: inline-block; float: none;}
.video-single .bar .social-gal-detail ul li{float: left; margin-right: 10px;}

.other-videos-title{color: #4a4a4a; font-family: trt-bold; font-size: 45px; height: 45px; line-height: 55px;}
.other-videos-content{width: 100%; height: auto; float: left; margin-top: 40px;}
.other-videos-content .row-3{overflow: hidden; margin-bottom: 10px;}
.other-videos-content .row-3 .item{overflow: hidden; padding-bottom: 380px; width: calc(33% - 3.5px); float: left; margin-right: 10px; display: block; background-size: cover!important; position: relative; cursor: pointer; border-radius: 5px;}
.other-videos-content .row-3 .item div, .other-videos-content .row-3 .item h1, .other-videos-content .row-3 .item p{cursor: pointer;}
.other-videos-content .row-3 .item:last-of-type{margin-right: 0px;}
.other-videos-content .row-3 .item .full-w-h-dark{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.0); z-index: 1; transition: background-color 0.5s ease;}
.other-videos-content .row-3 .item:hover .full-w-h-dark{background-color: rgba(0,0,0,0.5);}
.other-videos-content .row-3 .item .full-wh-bg-img{width: 100%; width: -moz-available; width: -webkit-fill-available; height: inherit; object-fit: cover; display: block;}
.other-videos-content .row-3 .item .play-btn-home-video-small{top: 45px; left: 45px;}
.other-videos-content .row-3 .item .gal-slide-grad{position: absolute; bottom: 0; left: 0; padding: 30px; background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.7)); width: calc(100% - 60px); z-index: 2;}
.other-videos-content .row-3 .item .gal-slide-grad .gal-slider-cat-tag{padding: 7px 15px; background: #87c540; color: white; font-family: 'aktivgrotesk-medium'; width: -moz-fit-content; width: fit-content; border-radius: 5px; margin-bottom: 10px; display: inline-flex;}
.other-videos-content .row-3 .item .gal-slide-grad .foto-gal-slide-main-title{font-family: trt-bold; font-size: 20px; color: white; line-height: 1.4; text-shadow: 1px 1px 1px #000; margin-bottom: 10px;}
.other-videos-content .row-3 .item .gal-slide-grad p.date{font-family: 'aktivgrotesk-light'; font-size: 14px; color: white; text-shadow: 1px 1px 1px #000;}


/*Foto Galeri Sayfası Yeni Tasarım*/
.main-gallery {background: #f4f7f9 !important;}
.main-gallery .section{margin-bottom: 20px; margin-left: 8px;}
.main-gallery .section .main-title{margin: 20px 0px;}
.main-gallery .section .main-title h2{color: #1e1e1e; font-family: trt-bold; opacity: .87; font-size: 48px; font-weight: bold; height: 40px; line-height: 40px;}
.main-gallery .section a{width: 100%; height: auto; display: block; cursor: pointer;}
.main-gallery .section a .gallery-link{width: 100%; height: auto; position: relative; cursor: pointer;}
.main-gallery .section a .gallery-link .gallery-img{width: 100%; height: inherit; object-fit: cover;}
.main-gallery .section a .gallery-link .grad{position: absolute; bottom: 0; left: 0; padding: 30px; background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.7)); width: calc(100% - 60px); z-index: 2;}
.main-gallery .section a .gallery-link .grad .cat-tag{padding: 7px 15px; background: #87c540; color: white; font-family: 'aktivgrotesk-medium'; width: -moz-fit-content; width: fit-content; border-radius: 5px; margin-bottom: 10px; display: inline-flex;}
.main-gallery .section a .gallery-link .grad .title{font-family: trt-bold; font-size: 36px; color: white; line-height: 1.2; text-shadow: 1px 1px 1px #000; margin-bottom: 10px;}
.main-gallery .section a .gallery-link .grad .date{font-family: 'aktivgrotesk-light'; font-size: 14px; color: white; text-shadow: 1px 1px 1px #000;}

.gallery-list {margin-top: 20px;}
.gallery-list .body .section .cat-holder{overflow: hidden; margin-bottom: 20px; position: relative;}
.gallery-list .body .section .cat-holder .cat-holder-mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white; opacity: 0.6; display: none;}
.gallery-list .body .section .cat-holder .row{overflow: hidden; margin-bottom: 10px;}
.gallery-list .body .section .cat-holder .row .item{width: 235px; padding: 13px 0 12px 0; text-align: center; float: left; margin-right: 10px; background: #f4f7f9; border-radius: 5px; font-family: 'aktivgrotesk-medium'; font-size: 16px; color: gray; cursor: pointer;}
.gallery-list .body .section .cat-holder .row .item:last-of-type{margin-right: 0px;}
.gallery-list .body .section .cat-holder .row .item:hover, .gallery-list .body .section .cat-holder .row .item.active{color: white; background: #87c540;}
.gallery-list .body .section #gallery-list-content .anaGovde{float: left; width: 100%; height: auto;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-1,.row-2,.row-3{overflow: hidden; margin-bottom: 10px;}

.gallery-list .body .section #gallery-list-content .anaGovde .row-1 .item .gal-slide-grad, .gallery-list .body .section #gallery-list-content .anaGovde .row-2 .item .gal-slide-grad, .gallery-list .body .section #gallery-list-content .anaGovde .row-3 .item .gal-slide-grad{position: absolute; bottom: 0; left: 0; padding: 30px; background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.7)); width: calc(100% - 60px); z-index: 2;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-1 .item .gal-slide-grad .gal-slider-cat-tag, .gallery-list .body .section #gallery-list-content .anaGovde .row-2 .item .gal-slide-grad .gal-slider-cat-tag, .gallery-list .body .section #gallery-list-content .anaGovde .row-3 .item .gal-slide-grad .gal-slider-cat-tag{padding: 7px 15px; background: #87c540; color: white; font-family: 'aktivgrotesk-medium'; width: -moz-fit-content; width: fit-content; border-radius: 5px; margin-bottom: 10px; display: inline-flex;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-1 .item .gal-slide-grad .foto-gal-slide-main-title, .gallery-list .body .section #gallery-list-content .anaGovde .row-2 .item .gal-slide-grad .foto-gal-slide-main-title, .gallery-list .body .section #gallery-list-content .anaGovde .row-3 .item .gal-slide-grad .foto-gal-slide-main-title{font-family: trt-bold; font-size: 22px; color: white; line-height: 1.4; text-shadow: 1px 1px 1px #000; margin-bottom: 10px;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-1 .item .gal-slide-grad p.date, .gallery-list .body .section #gallery-list-content .anaGovde .row-2 .item .gal-slide-grad p.date, .gallery-list .body .section #gallery-list-content .anaGovde .row-3 .item .gal-slide-grad p.date{font-family: 'aktivgrotesk-light'; font-size: 14px; color: white; text-shadow: 1px 1px 1px #000;}

.gallery-list .body .section #gallery-list-content .anaGovde .row-1 a{border-radius: 5px; background-size: cover!important; position: relative; padding-bottom: 380px; width: 100%; overflow: hidden;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-1 a div,h2{cursor: pointer;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-1 .item .full-w-h-dark{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.0); z-index: 1; transition: background-color 0.5s ease;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-1 .item .full-w-h-dark .full-wh-bg-img{display: block; width: 100%; width: -moz-available; width: -webkit-fill-available; height: inherit; object-fit: cover;}

.gallery-list .body .section #gallery-list-content .anaGovde .row-2 a{border-radius: 5px; background-size: cover!important; position: relative; padding-bottom: 380px; width: calc(50% - 5px); overflow: hidden; margin-right: 10px; float: left;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-2 a:last-of-type{margin-right: 0px;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-2 a div,h2{cursor: pointer;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-2 .item .full-w-h-dark{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.0); z-index: 1; transition: background-color 0.5s ease;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-2 .item .full-w-h-dark .full-wh-bg-img{display: block; width: 100%; width: -moz-available; width: -webkit-fill-available; height: inherit; object-fit: cover;}

.gallery-list .body .section #gallery-list-content .anaGovde .row-3 a{border-radius: 5px; background-size: cover!important; position: relative; padding-bottom: 380px; width: calc(33% - 3.5px); overflow: hidden; margin-right: 10px; float: left;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-3 a:last-of-type{margin-right: 0px;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-3 a div,h2{cursor: pointer;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-3 .item .full-w-h-dark{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.0); z-index: 1; transition: background-color 0.5s ease;}
.gallery-list .body .section #gallery-list-content .anaGovde .row-3 .item .full-w-h-dark .full-wh-bg-img{display: block; width: 100%; width: -moz-available; width: -webkit-fill-available; height: inherit; object-fit: cover;}

.gallery-list .body .section #gallery-list-content .sayfala{float: left; width: 100%; height: auto; margin: 20px 0px 40px 0px;}
.gallery-list .body .section #gallery-list-content .sayfala ul.btns {width: auto; float: left; text-indent: 0; height: auto; margin-top: -3px; font-size: 14px; background-position: right -927px; overflow: hidden; margin-right: 1px; text-align: center; display: inline-block;}
.gallery-list .body .section #gallery-list-content .sayfala ul.btns li a{background: #d6d5d5; display: inline-block; float: none; width: 38px; min-width: 18px; line-height: 35px; height: 35px; padding: 0; margin: 2.5px; font-weight: bold; color: black; padding-top: 3px;}
.gallery-list .body .section #gallery-list-content .sayfala ul.btns li a:hover{background: #87c540; color: white;}
.gallery-list .body .section #gallery-list-content .sayfala ul.btns li a.current{background: #87c540; color: white;}

/*Foto Galeri Detay Sayfası Yeni Tasarım*/
.gallery-detail{background-color: white; margin-bottom:30px; margin-top: 40px;}
.gallery-single{float: left; margin-top: 25px; width: 970px;}
.gallery-single .bar{margin-bottom: 20px;}
.gallery-single .bar .info{margin: 0px; text-align: center; border: none; padding-top: 10px; padding-bottom: 20px;}
.gallery-single .bar .info .category{color: #979797; font-size: 15px; font-family: 'aktivgrotesk-medium';}
.gallery-single .bar .title{font: 35px trt-bold; color: #1E1E1E; margin-bottom: 25px; letter-spacing: -1px; line-height: 43px; text-align: center;}
.gallery-single .bar .spot{text-align: center; font-family: 'aktivgrotesk-medium'; font-weight: bold; font-size: 18px;}
.gallery-single .bar .date{text-align: center; font-size: 13px; font-family: 'aktivgrotesk-medium'; color: #979797; padding: 20px 0px 40px 0px;}
.gallery-single .bar .social-gal-detail{width: 100%; float: left; text-align: center;}
.gallery-single .bar .social-gal-detail ul{margin: 0 auto; display: inline-block; float: none;}
.gallery-single .bar .social-gal-detail ul li{float: left; margin-right: 10px;}

.galeri-detay{width: 100%; float: left; height: auto; margin: 25px 0;}
.galeri-detay .galeri-detay-resim{float: left; width: 100%; margin: 0 0 15px 0; text-align: center; position: relative;}
.galeri-detay .galeri-detay-resim .img-counter{position: absolute; top: 5px; right: 5px; width: 80px; height: 40px; background: rgba(0,0,0,0.7); color: white; font-family: 'aktivgrotesk-medium'; text-align: center; font-size: 18px; line-height: 44px;}
.galeri-detay .galeri-detay-resim img{width: 970px; height: auto;}
.galeri-detay .galeri-detay-resim .galeri-detay-no{float: left; width: 970px; height: 70px; position: absolute; top: 50%; transform: translateY(-50%);}
.galeri-detay .galeri-detay-resim .galeri-detay-no a.onceki{float: left; display: block; width: 40px; height: 70px; background: url(../img/left-chevron-galeri.svg);}
.galeri-detay .galeri-detay-resim .galeri-detay-no a.sonraki{float: right; display: block; width: 40px; height: 70px; background: url(../img/right-chevron-galeri.svg);}

.gallery-list-container .body{width: 100%;}
.gal-detail-container{overflow: hidden; width: 100%;}
.gal-detail-container .item{display: block; padding: 20px 0; background: #F0F0F2; width: 100%; overflow: hidden; margin-bottom: 20px;}
.gal-detail-container .item:first-child{z-index: 6;}
.gal-detail-container .item .full-w{width: 100%;}
.gal-detail-container .item .wrapper{width: 970px; margin: 0 auto; position: relative; clear: both;}
.gal-detail-container .item .det-gal-img{width: 100%; height: auto; display: block;}
.gal-detail-container .item .text{margin-top: 20px; padding: 5px 20px; border-left: 4px solid #87c540; font-family: 'aktivgrotesk-medium'; width: 935px; font-size: 18px;}
.gal-detail-container .item .text.full-w{width: 970px;}
.gal-detail-container .item .text.no-border{border: none;}
.gal-detail-container .item .text.no-padding{padding: 0;}



/*.news-details .news-social-media-bar{font-size: 11px; color: #999; width: 50px; left: -60px; left: calc(calc(calc(100% - 980px) / 2) - 80px); position: absolute; padding: 15px 0 15px 10px; background: white; box-shadow: -5px 0 11px -2px rgba(0,0,0,.15);}
.news-details .news-social-media-bar.sticky{position: fixed!important;top:80px;}
.news-details .news-social-media-bar ul{list-style: none;}
.news-details .news-social-media-bar ul li{width: 40px; height: 40px; margin: 5px 0px;}
.news-details .news-social-media-bar ul li a{display: block;}*/

.news-details .news-social-media-bar{float: left; font-size: 11px; color: #999; width: 100%; margin-bottom: 20px; background: white;}
.news-details .news-social-media-bar ul{list-style: none !important; width: max-content; float: none; margin: 0 auto;}
.news-details .news-social-media-bar ul li{float: left; width: 40px; height: 40px; margin: 0 5px;}
.news-details .news-social-media-bar ul li a{display: block;}
.news-details .news-category{overflow: hidden; margin-bottom: 10px; font-family: 'aktivgrotesk-medium'; font-size: 15px; color: #979797;}
.news-details .news-title{font: 35px trt-bold; color: #1E1E1E; margin-bottom: 20px; letter-spacing: -1px; line-height: 43px;}
.news-details .news-date{margin-bottom: 20px; font-family: 'aktivgrotesk-medium'; font-size: 13px; color: #979797; display: block;}
.news-details .news-spot{color: #1E1E1E; font-family: 'aktivgrotesk-medium'; font-size: 18px; line-height: 24px; font-weight: bold; margin-bottom: 20px;}
.news-details .news-detail img {width: 100% !important; height: auto !important;}
.news-details .news-detail .editor-part{float: left;font-size: 17px; line-height: 1.5;}
.news-details .news-detail .editor-part a{font-size: 17px; line-height: 1.5; color: blue;}


.newsVideo{width:50px; height:50px; position:absolute; top:0; left:0; z-index:9999;}
.habertext{text-align: center; background-color: #87c540; color: white; position: absolute; font-size: 13px; font-weight: bold; top: 5px; right: 5px; border-radius: 5px; z-index: 9999; padding: 5px 5px 2px 5px;}

.trtspor2-tag{position: absolute; z-index: 99; background-color: #000000; border-radius: 5px;}
.trtspor2-tag.big{padding: 5px 10px 3px 10px;}
.trtspor2-tag.big > img{width: 75px;}

.trtspor2-tag.medium{padding: 5px 10px 3px 10px;}
.trtspor2-tag.medium > img{width: 62px;}

.trtspor2-tag.small{padding: 1px 4px 1px 4px;}
.trtspor2-tag.small > img{width: 45px;}

.slick-list{padding: 0 !important;}
.slick-track{height: 50px !important; margin: 0 !important;}
.stream-list-container{float: left; width: 100%; height: 50px; margin-bottom: 50px; background-color: #4a4a4a; color: #ffffff;}
.stream-list-container #streamList{float: left; width: 916px; height: 50px; line-height: 25px;}
.stream-list-container #streamList > div .time{float: left; width: calc(100% - 10px); height: 25px; font-size: 16px; font-weight: bold; padding-left: 9px; border-right: 1px solid lightgrey;}
.stream-list-container #streamList > div .time i{float: right; font-size: 13px; font-style: normal; margin: 5px; padding: 0 6px; background-color: #87c540; color: #000000; line-height: 18px;}
.stream-list-container #streamList > div .program-name{float: left; width: calc(100% - 10px); height: 25px; font-size: 15px; padding-left: 9px; border-right: 1px solid lightgrey;}
#streamListPrev{float: left; width: 26px; height: 50px; border-right: 1px solid lightgrey;}
#streamListNext{float: left; width: 27px; height: 50px;}
#streamListPrev img, #streamListNext img{margin-left: 5px; margin-top: 14px;}


.match-center-container > .live-score-leagues-container{float: left; width: 250px; height: auto; margin-right: 20px; background-color: #fbfbfb;}
.match-center-container > .live-score-leagues-container .title{float: left; width: calc(100% - 20px); height: 20px; padding: 10px; line-height: 20px; font-weight: bold; text-align: center; border-bottom: 1px solid lightgrey;}
.match-center-container > .live-score-leagues-container ul{float: left; width: 100%; height: auto;}
.match-center-container > .live-score-leagues-container ul li{float: left; width: calc(100% - 20px); height: 40px; padding: 10px; border-bottom: 1px solid lightgrey;}
.match-center-container > .live-score-leagues-container ul li a{float: left; display: block; width: 100%;}
.match-center-container > .live-score-leagues-container ul li .img{float: left; width: 40px; height: 40px; margin-right: 10px; text-align: center; cursor: pointer;}
.match-center-container > .live-score-leagues-container ul li .img .helper{display: inline-block; vertical-align: middle; height: 100%;}
.match-center-container > .live-score-leagues-container ul li .img img{vertical-align: middle; max-width: 40px; max-height: 40px;}
.match-center-container > .live-score-leagues-container ul li .name{float: left; width: calc(100% - 50px); height: 40px; line-height: 40px; cursor: pointer; font-size: 14px;}
.match-center-container > .live-score-widgets-container{float: left; width: calc(100% - 270px); height: auto; padding-top: 10px;}
.match-center-container > .live-score-widgets-container > .title{float: left; width: 350px; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold;}
.match-center-container > .live-score-widgets-container > .live-score-navigation{float: right; width: auto; height: 30px; background-color: #5f5f5f;}
.match-center-container > .live-score-widgets-container > .live-score-navigation ul{float: left; width: 100%; height: 30px;}
.match-center-container > .live-score-widgets-container > .live-score-navigation ul li{float: left; padding: 8px 10px;}
.match-center-container > .live-score-widgets-container > .live-score-navigation ul li:nth-child(2){border-left: 1px solid lightgrey; border-right: 1px solid lightgrey;}
.match-center-container > .live-score-widgets-container > .live-score-navigation ul li a{color: lightgrey; font-weight: bold;}
.match-center-container > .live-score-widgets-container > #fixture_container{float: left; width: 100%; margin-bottom: 40px;}
.match-center-container > .live-score-widgets-container > #standings_container{float: left; width: 100%; margin-bottom: 40px;}
.match-center-container > .live-score-widgets-container > #livescore_container{float: left; width: 100%; margin-bottom: 20px;}



.team-detail-container > .column{float: left; width: calc(50% - 5px); height: auto; margin: 0 5px 0 0;}
.team-detail-container > .column.right{ margin: 0 0 0 5px;}
.team-detail-container > .column > .team-detail-widget-container{float: left; width: 100%; height: auto; margin-bottom: 20px;}
.team-detail-container > .column > .team-detail-widget-container > .title{float: left; width: 100%; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold;}
.team-detail-container > .column > .team-detail-widget-container > .widget{float: left; width: 100%; height: auto;}



.broadage-widgets-body .broadage-footer-logo{display: none;}
.broadage-widgets-body.broadage-livescore-ticker .broadage-content-wrapper .broadage-ticker-head .broadage-head-links .broadage-mini-logo .broadage-logo {display: none !important;}

.broadage-widgets-body h1,
.broadage-widgets-body h2,
.broadage-widgets-body h3,
.broadage-widgets-body h4,
.broadage-widgets-body h5,
.broadage-widgets-body h6,
.broadage-widgets-body p,
.broadage-widgets-body div
{
    cursor: unset;
}
.news-detail .editor-part .broadage-image{width: unset !important; height: unset !important;}
.news-detail .editor-part .broadage-team-logos{width: 100% !important; height: unset !important;}


#newsPageContainer{float: left; width: 100%; margin-bottom: 200px;}
#newsPageContainer .news-detail-container{float: left; width: 100%; height: auto; padding-top: 60px;}
#newsPageContainer .news-detail-container:first-of-type{padding-top: 0;}
#newsPageContainer .news-detail-container .leftbar .news-details .news-date .last-updated{opacity: 0.8;}
#newsPageContainer .news-detail-container .leftbar .news-details .authors-container{width: 100%; float: left; height: 50px; margin-bottom: 10px;}
#newsPageContainer .news-detail-container .leftbar .news-details .authors-container .author-image{float: left; width: 50px; height: 50px; margin-right: 5px;}
#newsPageContainer .news-detail-container .leftbar .news-details .authors-container .author-info{float: left; width: calc(25% - 55px); height: 50px; font-weight: bold; font-size: 15px; line-height: 25px;}
#newsPageContainer .news-detail-container .leftbar .news-details .authors-container .author-info a{color: #000000;}
#newsPageContainer .news-detail-container .leftbar .news-details .authors-container .author-info a div{float: left; width: 100%; cursor: pointer;}
#newsPageContainer .news-detail-container .leftbar .news-details .authors-container .author-info a div.name{height: 25px; font-size: 12px;}
#newsPageContainer .news-detail-container .leftbar .news-details .authors-container .author-info a div.job{height: 23px; font-size: 11px; margin-top: 2px; line-height: 14px; font-weight: normal;}
#newsPageContainer .news-detail-container .leftbar .news-details .news-detail{float: left; width: 100%; height: auto;}
#newsPageContainer .news-detail-container .leftbar .news-details .news-detail .news-image-bottom-ads{float: left; width: 100%; margin-bottom: 20px;}
#newsPageContainer .news-detail-container .leftbar .news-details .news-detail .news-image-bottom-ads div{width: fit-content; margin: auto;}
#newsPageContainer .news-detail-container .leftbar .news-details .news-detail .yanBaglar{width: 100%;}
#newsPageContainer .news-detail-container .rightbar .bar, #newsPageContainer .news-detail-container .rightbar .bar-white, #newsPageContainer .news-detail-container .rightbar .bar-red, #newsPageContainer .news-detail-container .rightbar .bar-green{margin-bottom: 10px;}
#newsPageContainer .news-progress-container{float: left; position: fixed; bottom: 0; width: 970px; height: 3px; background: #ccc; z-index: 9999; overflow: hidden;}
#newsPageContainer .news-progress-container .news-progress-bar{width: 0%; height: 3px; background-color: #87c540;}
#newsPageContainer .next-news{display: none; float: left; width: 970px; height: 55px; position: fixed; bottom: 0; background-color: #ffffff; font-size: 12px; font-weight: bold; border-top: 1px solid lightgrey; z-index: 9999;}
#newsPageContainer .next-news .next-news-image{float: left; width: 56px; height: 56px;}
#newsPageContainer .next-news .next-news-image div{float: left; width: 56px; height: 56px; background-size: cover; background-position: center center; cursor: pointer;}
#newsPageContainer .next-news .next-news-header{float: left; width: calc(100% - 76px); height: 15px; line-height: 15px; padding: 12px 10px 0 10px; color: #87c540; cursor: pointer;}
#newsPageContainer .next-news .next-news-title{float: left; width: calc(100% - 76px); height: 20px; line-height: 20px; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
#newsPageContainer #morePost{display: none; float: left; width: 100%; height: 50px; margin-bottom: 30px; line-height: 50px; text-align: center; font-size: 20px; font-weight: bold;}



#galleryPageContainer{float: left; width: 100%; height: auto;}
#galleryPageContainer .gallery-detail{min-height: 370px;}
#galleryPageContainer .gallery-detail .body .section .gallery-single .bar{width: 100%;}
#galleryPageContainer .gallery-detail .body .section .gallery-single .bar .author-image-container{float: left; width: 100%; height: auto;}
#galleryPageContainer .gallery-detail .body .section .gallery-single .bar .author-image-container .author-image{width: 50px; height: 50px; margin: auto;}
#galleryPageContainer .gallery-detail .body .section .gallery-single .bar .author-name-container{float: left; width: 100%; height: auto;}
#galleryPageContainer .gallery-detail .body .section .gallery-single .bar .author-name-container a{float: none; height: 20px; font-weight: bold; font-size: 15px; color: #000000; line-height: 20px;}
#galleryPageContainer .gallery-detail .body .section .gallery-single .bar .author-name-container a .author-name{width: max-content; height: 20px; margin: 15px auto; cursor: pointer;}
#galleryPageContainer #morePost{display: none; float: left; width: 100%; height: 50px; margin-bottom: 30px; line-height: 50px; text-align: center; font-size: 20px; font-weight: bold;}



.selected-programs{background-color: #f4f7f9; margin-bottom: 20px;}
.selected-programs .section{margin-bottom: 40px;}
.selected-programs .main-title{margin: 20px 0;}
.selected-programs .main-title h1{color: #1e1e1e; font-family: trt-bold; opacity: .87; font-size: 48px; font-weight: bold; height: 40px; line-height: 40px;}
.selected-programs a{position: relative;}
.selected-programs a .title{position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.8)); width: calc(100% - 30px); padding: 10px 15px; font-family: trt-bold; font-size: 22px; color: white; opacity: 0.9; text-shadow: 1px 1px 1px #000; line-height: 1.2;}
.selected-programs .selected-programs-right a .title{font-size: 13px;}
.selected-programs .selected-programs-left{float: left; width: 540px; height: 290px; margin-right: 10px;}
.selected-programs .selected-programs-left a{float: left; width: 540px; height: 290px;}
.selected-programs .selected-programs-left a img{float: left; width: 540px; height: 290px;}
.selected-programs .selected-programs-right{float: left; width: 420px; height: 290px;}
.selected-programs .selected-programs-right .row{float: left; width: 100%; height: 140px;}
.selected-programs .selected-programs-right .row:first-of-type{margin-bottom: 10px;}
.selected-programs .selected-programs-right .row a{float: left; width: 205px; height: 140px;}
.selected-programs .selected-programs-right .row a:first-of-type{margin-right: 10px;}
.selected-programs .selected-programs-right .row a img{float: left; width: 205px; height: 140px;}

.programs-list-container{float: left; width: 100%; height: auto;}
.programs-list-container ul li{float: left; width: 232px; height: 175px; margin: 0 14px 30px 0; position: relative;}
.programs-list-container ul li.none{margin: 0 0 30px 0;}
.programs-list-container ul li a{font: bold 14px/16px Arial; color: #333;}
.programs-list-container ul li a img{padding: 0 0 10px 0;}


.program-category-detail{background-color: #f4f7f9; margin-bottom: 20px;}
.program-category-detail .section{margin-bottom: 40px;}
.program-category-detail .main-title{margin: 20px 0;}
.program-category-detail .main-title h1{color: #1e1e1e; font-family: trt-bold; opacity: .87; font-size: 48px; font-weight: bold; height: auto; line-height: 45px;}
.program-category-detail .left{float: left; width: 540px; height: 290px; margin-right: 20px;}
.program-category-detail .left img{float: left; width: 540px; height: 290px;}
.program-category-detail .right{float: left; overflow: hidden; width: 410px; height: 290px; color: #4a4a4a; font-size: 16px; line-height: 1.5; font-family: 'aktivgrotesk-medium';}


.programs-list-container h1{font-size: 23px; font-weight: bold; margin-bottom: 30px;}
.programs-list-container ul li a .play-button{padding: 0; position: absolute; top: 5px; left: 5px; width: 30px;}
.program-category-list .sayfala{float: left; width: 100%; height: auto; margin: 20px 0 40px 0;}
.program-category-list .sayfala ul.btns{float: left; width: auto; height: auto; text-indent: 0; margin-top: -3px; font-size: 14px; overflow: hidden; margin-right: 1px; text-align: center; display: inline-block;}
.program-category-list .sayfala ul.btns li{float: left;}
.program-category-list .sayfala ul.btns li a{background: #d6d5d5; display: inline-block; float: none; width: 38px; min-width: 18px; line-height: 35px; height: 35px; padding: 0; margin: 2.5px; font-weight: bold; color: #000000; padding-top: 3px;}
.program-category-list .sayfala ul.btns li a.current{background: #87c540; color: #ffffff;}



.episode-detail{background-color: #f4f7f9; margin-bottom: 20px;}
.episode-detail .section{margin-bottom: 40px;}
.episode-detail .main-title{margin: 20px 0;}
.episode-detail .main-title h1{color: #1e1e1e; font-family: trt-bold; opacity: .87; font-size: 48px; font-weight: bold; height: auto; line-height: 45px;}
.episode-detail .left{float: left; width: 640px; height: 360px; margin-right: 20px;}
.episode-detail .right{float: left; overflow: hidden; width: 310px; height: 360px;}
.episode-detail .right h2{padding-bottom: 10px; height: auto; color: #4a4a4a; font-size: 16px; line-height: 1.5; font-family: 'aktivgrotesk-medium';}
.episode-detail .right .episode-content{width: 100%; height: auto; display: block; color: #4a4a4a; font-size: 16px; line-height: 1.5; font-family: 'aktivgrotesk-medium';}
.episode-detail .social-container{float: left; width: 100%; height: auto; margin-top: 40px;}
.episode-detail .social-container ul{display: table; margin: 0 auto; float: none;}
.episode-detail .social-container ul li{float: left; margin-right: 10px;}

.episodes-list-container{float: left; width: 100%; height: auto;}
.episodes-list-container h1{font-size: 23px; font-weight: bold; margin-bottom: 30px;}
.episodes-list-container ul li{float: left; width: 316px; height: 170px; margin: 0 10px 10px 0; position: relative;}
.episodes-list-container ul li.none{margin: 0 0 10px 0;}
.episodes-list-container ul li a .play-button{padding: 0; position: absolute; top: 10px; left: 10px; width: 40px; z-index: 1;}
.episodes-list-container ul li a .full-w-h-dark{position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.0); z-index: 1; transition: background-color 0.5s ease; border-radius: 5px; cursor: pointer;}
.episodes-list-container ul li a:hover .full-w-h-dark{background-color: rgba(0,0,0,0.5);}
.episodes-list-container ul li a .image{border-radius: 5px;}
.episodes-list-container ul li a .title{position: absolute; bottom: 0; left: 0; padding: 10px; width: calc(100% - 20px); height: auto; line-height: 20px; color: #ffffff; font: bold 14px/16px Arial; background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.7)); z-index: 2; border-radius: 5px;}


.genel-yazilar .leftbar a{font-size: 100%; color: #87c540; text-decoration: underline;}
.genel-yazilar .leftbar ul{padding-left: 15px;}
.genel-yazilar .leftbar table{width: 100%;}
.genel-yazilar .leftbar table,
.genel-yazilar .leftbar table tr,
.genel-yazilar .leftbar table tr td{border: 1px solid #000000;}
.genel-yazilar .leftbar table tr td{padding: 10px;}



.live-stream-list-container{float: left; width: 100%; height: auto; margin-top: 30px;}
.live-stream-list-container ul li{float: left; width: 475px; height: auto; margin: 0 20px 30px 0; position: relative;}
.live-stream-list-container ul li.none{margin-right: 0;}
.live-stream-list-container ul li a{font: bold 22px/16px Arial; font-weight: bold; color: #333;}
.live-stream-list-container ul li a > img{padding: 0 0 10px 0;}
.live-stream-list-container ul li a .title{line-height: 22px;}
.live-stream-list-container ul li a .title .blinking-button{float: left; margin-right: 5px; animation: blinker 1s linear infinite;}

@keyframes blinker{50% {opacity: 0;}}

.homepage-header-banner{width: 970px; margin: 0 auto; overflow: hidden;}