/**
    ## project name     : AntiFight TV
    ## author           : doanerkan / www.doanerkan.com
    ## date             : 2023
**/
    @charset "utf-8";
    ul, li, div, a, img, table, tr, td, input, textarea, select { box-sizing: border-box; outline:none; }
    a, a:link, a:hover, a:focus   { cursor:pointer; outline:none; }
    * { outline:none; }

    @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@200;300;400;500;600;700&display=swap');

    :root {
        --color_full_black: #000;
        --color_semi_black: #151515;
        --color_light_black: #1d1d1d;
        --color_light_black_2: #323232;
        --color_light_red: #e84118;
        --color_youtube_red: #e11e33;
        --color_white: #fff;
        --font_roboto: 'Roboto', sans-serif;
        --font_roboto_slab: 'Roboto Slab', serif;;
        --hr_style: #1d1d1d 1px solid;
    }

    body            { background: var(--color_light_black); color:#fff; font:400 12px var(--font_roboto); margin:0; overflow-x:hidden; }
    .transeffect    { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .img-responsive { width:auto; }  .DNone { display:block; }
    .col-lg-1_5     { width:20%; padding:0 15px; }
    hr              { border:none; border-top:var(--hr_style); }
    a               { color:#666; cursor:pointer; display: inline-block; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }
    object{ pointer-events: none; }

    .va-top                 { vertical-align: top !important; }
    .va-middle              { vertical-align: middle !important; }
    .va-bottom              { vertical-align: bottom !important; }
    .ta-left                { text-align:left !important; }
    .ta-right               { text-align:right !important; }
    .ta-center              { text-align:center !important; }
    .ta-justify             { text-align:justify !important; }
    .paddingnone            { padding:0; }
    .dnone                  { display:none; }
    .container-fluid        { padding:0; }

    .header_one     { background:var(--color_full_black); height:40px; border-bottom:#2d2d2d 2px solid; }
    .header_one .container      { display:flex; height: 40px; align-items: center; justify-content: space-between; font-size:11px; }

    .header_one .container div.social a         { color:var(--color_white); margin-right:10px; font-size:11px !important; }
    .header_one .container div.social a:hover       {  color:var(--color_youtube_red); text-decoration:none; }
    @media only screen and (min-width : 0px) and (max-width : 599px) {
        .header_one .container div.social a span    { display:none; }
    }

    .header_one .container div.links a          { color:var(--color_white); margin-left:15px; font-size:11px !important; }
    .header_one .container div.links a:hover        { color:var(--color_youtube_red); text-decoration:none; }
    @media only screen and (min-width : 0px) and (max-width : 599px) {
        .header_one .container div.links a span     { display:none; }
    }

    .news-photos ul, .news-photos ul li     { margin:0; padding:0; list-style:none; }
    .news-photos ul li      { float:left; width:calc(100% / 5); height:100px; padding:5px; }
    .news-photos ul li a        { width:100%; height:100%; display:block; border-radius:5px; }
    @media only screen and (min-width : 0px) and (max-width : 599px) {
        .news-photos ul li      { float:left; width:calc(100% / 2); height:100px; padding:5px; }
    }
    @media only screen and (min-width : 600px) and (max-width : 950px) {
        .news-photos ul li      { float:left; width:calc(100% / 3); height:100px; padding:5px; }
    }

    .header_two         { background:var(--color_semi_black); height:100px; border-bottom:var(--color_youtube_red) 2px solid; }
    .header_two .container      { display:flex; height: 100px; align-items: center; justify-content: space-between; font-size:11px; }
    .header_two .container .menu ul, .header_two .container .menu ul li  { margin:0; padding: 0; list-style-type: none; }
    .header_two .container .menu ul li      { margin-left:30px; float: left; font:400 14px var(--font_roboto_slab); }
    .header_two .container .menu ul li a        { color:var(--color_white); font:400 14px var(--font_roboto_slab); }
    .header_two .container .menu ul li a:hover      { color:var(--color_youtube_red); }
    .header_two .container .menu ul li a.canli-yayin-buton          { color:var(--color_white); background:var(--color_youtube_red); padding:0 10px 0 5px; border-radius:50px; font:600 10px var(--font_roboto_slab); display: flex; align-items: center; margin-top:-3px; }
    .header_two .container .menu ul li a.canli-yayin-buton:hover        { background:var(--color_light_red); text-decoration:none; }
    .header_two .container .menu ul li a.canli-yayin-buton img      { height: 25px; }
    .header_two .container .menu ul li a.canli-yayin-buton span     { padding-bottom:1px; }

    .home_step_one_news { padding:10px 15px; }
    .home_step_one_news .anarow     { margin:0 -5px !important; }

    .home_step_two_news { padding:20px 15px; background:#000; }
    .home_step_two_news .anarow     { margin:0 -5px !important; }

    .home_step_four_saloon          { padding:20px 15px; background:#000; }
    .home_step_four_saloon .anarow      { margin:0 -5px !important; }

    .home_step_three_youtube { padding:30px 15px; }

    .big_as        { margin-bottom:10px; padding:5px; }
    .big_as_1_border img   { border:#768f07 2px solid; box-sizing: border-box; }
    .big_as_2_border img   { border:#999 2px solid; box-sizing: border-box; }

    .big_ass_area   { width:100%; height:120px; background:#151515; border:#768f07 2px solid; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding:5px 10px; overflow: hidden; }
    .big_ass_area div.ass_image {
        width:calc(100% / 5);
        padding:10px;
        overflow: hidden;
    }

    .oykullan       { border:none; border-radius:5px; color:#fff; font:600 12px var(--font_roboto_slab); background-color:var(--color_youtube_red); padding:10px 15px; cursor:pointer; }

    .big_youtube_area   { width:100%; height:120px; background:#151515; border:var(--color_youtube_red) 2px solid; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding:5px 10px; overflow: hidden; }
    .big_youtube_area div.yt_image {
        width:calc(100% / 4);
        padding:10px;
        overflow: hidden;
    }

    .big_news       { height:350px; margin-bottom:10px; padding:5px; }
    .big_news .newsContent      { height:350px; border:var(--color_light_black_2) 2px solid; overflow: hidden; box-sizing: border-box; }
    .big_news .newsContent:hover    { border:var(--color_youtube_red) 2px solid; }
    .big_news .newsContent a                    { width:100%; height: 350px; display:block; }
    .big_news .newsContent div.news_summary     {
        width:calc(100% - 14px); height:calc(100% - 4px);
        position:absolute; display:flex;
        cursor:pointer; padding:30px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start; z-index:1;
        background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1.0));
    }

    .big_news .newsContent div.news_summary:hover     {
        background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,0,0,0.9));
    }
    .big_news .newsContent div.news_summary:hover > .news_ticket  {
        background:var(--color_white);
        color:var(--color_full_black);
    }
    .big_news .newsContent div.news_summary .news_ticket    {
        padding:10px; background:var(--color_full_black);
        box-sizing: border-box;
        color:var(--color_white);
        font:700 12px var(--font_roboto_slab);
        text-transform: uppercase !important;
    }
    .big_news .newsContent div.news_summary .news_detail    {
        padding:10px 100px 0 0;
        line-height:30px !important;
        color:var(--color_white);
        font:400 22px var(--font_roboto_slab);
    }

    .small_news     { height:170px; padding:5px; margin-bottom:10px; }
    .small_news .newsContent   { height: 170px; border:var(--color_light_black_2) 2px solid; overflow: hidden; box-sizing: border-box !important; }
    .small_news .newsContent:hover    { border:var(--color_youtube_red) 2px solid; }
    .small_news .newsContent a                  { width:100%; height: 170px; display:block; }
    .small_news .newsContent div.news_summary     {
        width:calc(100% - 14px); height:166px;
        position:absolute; display:flex;
        cursor:pointer; padding:15px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start; z-index:1;
        background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
    }
    .small_news .newsContent div.news_summary:hover     {
        background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,0,0,0.9));
    }
    .small_news .newsContent div.news_summary:hover > .news_ticket  {
        background:var(--color_white);
        color:var(--color_full_black);
    }
    .small_news .newsContent div.news_summary .news_ticket    {
        padding:6px; background:var(--color_full_black);
        box-sizing: border-box !important;
        color:var(--color_white);
        font:700 10px var(--font_roboto_slab);
        text-transform: uppercase !important;
    }
    .small_news .newsContent div.news_summary .news_detail    {
        padding:10px 10px 0 0;
        line-height:17px !important;
        color:var(--color_white);
        font:400 13px var(--font_roboto_slab);
    }

    .antifight_manset   {
        width:100%;
        display:block;
        padding:30px 45px 50px 45px;
        /*border:#121212 2px dashed;*/
        font:300 20px var(--font_roboto_slab);
        background:url('../images/ki_acilis.png?version=1.0.0') no-repeat -4px -10px;
        line-height:30px;
        box-sizing: border-box;
        color:#bdc3c7;
        margin-bottom:20px;
        text-align: justify;
        border-bottom:#121212 2px dashed;
    }
    .antifight_manset  b, .antifight_manset  strong  { color:#fff !important; font:600 20px var(--font_roboto_slab); }
    .antifight_manset  u { color:#fff !important; }

    .antifight_manset::before   {
        content: "";
        position:absolute;
        width: 40px;
        height: 40px;
        background:url('../images/ki_kapanis.png?version=1.0.0') no-repeat center top;
        box-sizing: border-box;
        top:0;
        right: 13px;
    }
    .antifight_desc     { color:#bdc3c7; font:300 16px var(--font_roboto); line-height:24px; }
    .antifight_desc  b, .antifight_desc  strong  { color:#fff !important; font:600 16px var(--font_roboto); }

    .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
        box-shadow: 0 10px 10px -10px rgb(0 0 0 / 50%);
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
    }

    .youtubeKanalLogo img   {
        height:40px;
    }
    .kanalaAboneOl  {
        padding:0 0 0 15px;
        height:40px;
        margin-left:15px;
        display:flex;
        align-items: center;
        border-left:#575757 1px dashed;
    }
    .kanalaAboneOl a    {
        color:var(--color_white);
        font:600 12px var(--font_roboto_slab);
        padding:5px 10px;
        border-radius:5px;
        background:var(--color_youtube_red);
    }
    .kanalaAboneOl a:hover  {
        color:var(--color_youtube_red);
        text-decoration:none;
        background:var(--color_white);
    }

    .youtubeVideoList hr    {
        border:none;
        border-top:#575757 1px dashed !important;
        margin:5px 15px;
    }

    .youtubeVideoList ul, .youtubeVideoList ul li   { margin:0; padding:0; list-style: none; }
    .youtubeVideoList ul li a {
        width:100%; height:225px; float:left;
    }
    .youtubeVideoList ul li {
        width:calc(100% / 4);
        float:left;
        padding:15px;
    }
    .youtubeVideoList ul li .ytVideoImage   {
        width:100%; height:150px;
        float:left; background:#dfdfdf;
    }
    .youtubeVideoList ul li .ytVideoImage a  { width:100%; height:100%; display:block; }
    .youtubeVideoList ul li .ytVideoText   {
        width:100%; height:75px;
        float:left; background:var(--color_full_black);
        border-bottom:var(--color_youtube_red) 2px solid;
        box-sizing: border-box;
        color:var(--color_white);
        padding:10px;
        font:500 14px var(--font_roboto_slab);
    }

    .home_step_four_saloon          { padding:30px 15px; background:#000; }
    .home_step_four_saloon .anarow      { margin:0 -5px !important; }
    .GymListIcon img  {
        height:45px;
        filter: brightness(0) saturate(100%) invert(23%) sepia(85%) saturate(2475%) hue-rotate(337deg) brightness(86%) contrast(106%);
    }
    .GymListText    {
        padding:0 0 0 15px;
        height:45px;
        margin-left:15px;
        display:flex;
        justify-content: center;
        flex-direction: column;
        border-left:#575757 1px dashed;
    }
    .GymSearchDiv    {
        width:auto;
        padding:0 0 0 15px;
        height:45px;
        margin-left:15px;
        display:flex;
        justify-content: center;
        border-left:#575757 1px dashed;
    }
    .GymSearchDiv .pull-left    {
        margin-right:15px;
    }
    .GymSearchDiv .pull-left b  {
        color:var(--color_youtube_red);
        font:400 11px var(--font_roboto_slab);
    }
    .GymSearchDiv .pull-left select  {
        width:150px;
        padding:3px;
        margin-top:4px;
        border-radius:4px;
        border:none;
    }
    .GymSearchDiv .pull-left a  {
        color:var(--color_white);
        font:500 11px var(--font_roboto_slab);
        padding:4px 8px;
        border-radius:4px;
        background:var(--color_youtube_red);
        margin-top:18px;
    }
    .GymSearchDiv .pull-left a:hover  {
        color:var(--color_youtube_red);
        text-decoration:none;
        background:var(--color_white);
    }
    .GymListText b  {
        font:600 16px var(--font_roboto_slab);
    }

    .SalonKaydet    {
        padding:13px 15px 12px 15px;
        color:var(--color_white);
        margin-top:1px;
        background:var(--color_youtube_red);
        border-radius:5px;
    }
    .SalonKaydet:hover  {
        color:var(--color_white);
        background:var(--color_light_red);
        text-decoration:none;
    }

    .SaloonListArea hr      {
        border:none;
        border-top:#575757 1px dashed !important;
        margin:15px 0;
    }

    .SArea      { margin-bottom:15px; }
    .SaloonPicture  {
        width:120px;
        height:120px;
        float:left;
    }
    .SaloonPicture a {
        width:100%;
        height:100%;
        display:block;
    }
    .ytVideoImage a {
        width:100%;
        height:100%;
        display:block;
    }
    .SaloonTextArea {
        width:calc(100% - 120px);
        height:120px;
        float:left;
        padding:15px;
        background:var(--color_white);
        color:var(--color_semi_black);
        font:400 11px var(--font_roboto_slab);
    }
    .SaloonTextArea b {
        color:var(--color_youtube_red);
        font:600 13px var(--font_roboto_slab);
        display:block;
        margin-bottom:5px;
    }
    .SaloonTextArea a {
        color:var(--color_white);
        font:500 11px var(--font_roboto_slab);
        padding:4px 8px;
        border-radius:4px;
        margin-top:5px;
        background:var(--color_youtube_red);
    }

    .categoryTitle h1  {
        color:var(--color_youtube_red);
        font:600 30px var(--font_roboto_slab);
        margin:0;
    }
    .categoryTitle hr  {
        border:none;
        border-top:#121212 2px dashed !important;
        margin:15px 0 0 0;
    }
    .categoryTitle  {
        color:var(--color_white);
        font:400 12px var(--font_roboto_slab);
    }

    .newsDescription        {
        font:400 13px var(--font_roboto);
        line-height:18px;
    }

    .newsDescription a  {
        color:var(--color_youtube_red);
        text-decoration:underline;
    }
    .newsDescription a:hover  {
        color:var(--color_white);
        text-decoration:underline;
    }


    @media only screen and (min-width : 0px) and (max-width : 599px) {
        .youtubeKanalLogo img   {
            height:30px;
        }
        .kanalaAboneOl  {
            padding:0 0 0 15px;
            height:30px;
            margin-left:15px;
            display:flex;
            align-items: center;
            border-left:#575757 1px dashed;
        }
        .youtubeVideoList ul li {
            width:calc(100% / 1);
            float:left;
            padding:15px;
        }
        .home_step_one_news { padding:10px 0; }
        .home_step_two_news { padding:20px 0 !important; background:#000; }

        .antifight_manset   {
            padding:30px 20px;
            line-height:24px !important;
            font:300 20px var(--font_roboto_slab);
        }
        .antifight_desc { padding:0 15px; }

    }

    @media only screen and (min-width : 600px) and (max-width : 768px) {
        .youtubeKanalLogo img   {
            height:30px;
        }
        .kanalaAboneOl  {
            padding:0 0 0 15px;
            height:30px;
            margin-left:15px;
            display:flex;
            align-items: center;
            border-left:#575757 1px dashed;
        }
        .youtubeVideoList ul li {
            width:calc(100% / 1);
            float:left;
            padding:15px;
        }
        .antifight_manset   {
            padding:30px 20px;
            line-height:24px !important;
        }
        .antifight_desc { padding:0 15px; }

    }

    @media only screen and (min-width : 768px) and (max-width : 1023px) {
    }
    @media only screen and (min-width : 1024px) and (max-width : 1360px) {
    }

    @media only screen and (min-width : 0px) and (max-width : 992px) {
        .telefondaGizle         { display:none; }
        .bilgisayardaGizle      { display:block; }
        .big_news .newsContent div.news_summary .news_detail    {
            padding:10px 10px 0 0;
            line-height:30px !important;
            color:var(--color_white);
            font:400 22px var(--font_roboto_slab);
        }
    }
    @media only screen and (min-width : 993px) and (max-width : 5000px) {
        .telefondaGizle         { display:block; }
        .bilgisayardaGizle      { display:none; }
    }