/**
        ## author           : doanerkan / www.doanerkan.com
        ## date             : 2022
    **/
    @charset "utf-8";

    /* ######################### */
    /* ## fonts import GFonts ## */
    /* ######################### */
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

    /* ######################### */
    /* ## doanerkan reset CSS ## */
    /* ######################### */
    a,div,img,input,li,select,table,td,textarea,tr,ul{box-sizing:border-box;outline:0}a,a:focus,a:hover,a:link{cursor:pointer;outline:0}*{outline:0}.transeffect{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.img-responsive{width:auto}.col-lg-1_5{width:20%;padding:0 15px}hr{border:none;border-top:2px solid #eee}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}.container-fluid,.paddingnone{padding:0}.dnone{display:none}

    body            { background:#f5f5f5; color:#333; font: 12px/18px 'Roboto', Arial, Helvetica, sans-serif; margin:0; overflow-x:hidden; }
    a               { color:#666; cursor:pointer; display: inline-block; outline:none; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }
    .wow { visibility: hidden; }
    .owl-controls   { display:none !important; }

    .youtube_bg     { width:100%; height:400px; background:url(../images/youtube-bg.jpg) no-repeat center center; padding:30px; }
    .youtube_bg b       { color:#fff; font:600 15px 'Rubik', sans-serif; margin-top:10px; display: inline-block; }
    .youtube_bg a.link  { color:#666; font:500 10px 'Roboto', sans-serif; padding:8px; border-radius:3px; background:#fff; }
    .youtube_bg a.link:hover  { color:#fff; background:#ff0000; text-decoration:none; }


    .header_one     { background:#ffd32a; padding:10px 0; }
    .phone_head         { padding:3px 15px 0 15px; }
    .header_one ul      { margin:0; padding:0; float:right; }
    .header_one ul li       { list-style-type:none; float:left; }
    .header_one ul li:nth-child(1)       { padding:3px 5px 0 0; }
    .header_one ul li a     { width:25px; height:25px; display:flex; align-items: center; justify-content: center; margin:0 1px; border-radius:4px; }
    .header_one ul li a:hover   { color:#ffd32a; background-color:#000; text-decoration:none; }

    .header_two     { background:#000; height:100px; border-bottom:#ffd32a 2px solid; }
    .footer         { background:#000; height:100px; border-top:#ffd32a 3px solid; border-bottom:0; }
    .header_logo        { padding:4px 0 0 0; }
    .header_two ul, ul li    { margin:0; padding:0; list-style:none; }
    .header_two ul      { float:right; }
    .header_two ul li       { float:left; }
    .header_two ul li a         { color:#ffd32a; font:500 12px 'Rubik', sans-serif; height:100px; padding:0 10px; display:flex; align-items: center; text-align: center; justify-content: center; -webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out }
    .header_two ul li a:hover       { color:#000; text-decoration:none; -webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out }

    .slider_area            { padding:30px 0; background:url(../images/slider_bg_background.jpg) no-repeat center bottom; background-size:cover; min-height:350px; }

    .contentIcerik  ul, .contentIcerik ul li { padding:0; margin:0 0 15px 0; }
    .contentIcerik ul li    { list-style-type:circle; margin:5px 0 0 30px; }

    .haftalikDersProgrami   { width:100%; float:left; cursor:pointer; margin:0 0 30px 0; border-radius:5px; border:#dfdfdf 1px solid; padding:5px 5px 15px 5px; }
    .haftalikDersProgrami:hover   { background:#ffd32a; border:#ffd32a 1px solid; }
    .haftalikDersProgrami:hover hr   { border:none; border-top:#f39c12 2px solid; }
    .haftalikDersProgrami img   { margin-bottom:10px; border-radius:3px; }
    .haftalikDersProgrami hr   { border:none; border-top:#dfdfdf 2px solid; }

    .leftMenu   { margin:0 0 30px 0; }
    .leftMenu, .leftMenu li     { margin:0; padding:0; list-style:none; }
    .leftMenu li    { width:100%; }
    .leftMenu li  a { width:100%; padding:15px; background:#ffd32a; color:#000; font:600 13px 'Rubik', sans-serif; margin-top:1px; }
    .leftMenu li  a:hover   { background:#000; color:#ffd32a; text-decoration:none; }

    .iletisimFormMail input[type=text]      { width:100%; padding:7px; border-radius:5px; background:#fff; border:#dfdfdf 1px solid; margin-bottom:15px; }
    .iletisimFormMail input[type=submit]    { padding:7px 15px; border-radius:5px; background:#000; border:none; color:#ffd32a; cursor:pointer; }
    .iletisimFormMail input[type=submit]:hover    { background:#666; color:#fff; }
    .iletisimFormMail textarea          { width:100%; padding:7px; height:73px; border-radius:5px; background:#fff; border:#dfdfdf 1px solid; margin-bottom:15px; }

    .antrenorler            { width:100%; min-height:100px; padding:50px 15px 35px 15px; border-bottom:#ffd32a 2px solid; color:#fff; background: rgb(61,61,61); background: linear-gradient(0deg, rgba(61,61,61,1) 0%, rgba(0,0,0,1) 100%); }

    .ant_pic    { width:100%; height:300px; }
    .ant_pic a  { width:100%; height:100%; display:block; }
    .ant_title  { width:100%; padding:15px; margin-bottom:15px; background:#ffd32a; color:#000; font:500 15px 'Rubik', sans-serif; text-align:center; }

    .sub_bg     { width:100%; height:auto; min-height:150px; background:url(../images/alt_arkaplanjpg.jpg) repeat-y center top; }

    .subeInfo   { width:100%; border-radius:5px; border:#dfdfdf 1px solid; padding:15px; margin-bottom:30px; }
    .subeInfo h3    { font:600 18px 'Rubik', sans-serif; margin:0; }
    .subeInfo hr    { border:none; border-top:#dfdfdf 2px solid; margin:10px 0; }
    .subeInfo .area_area    { padding:15px 0; display:flex; align-items: center; font-size:10px !important; border-bottom:#dfdfdf 2px solid; }
    .subeInfo .area_area2   { padding:15px 0; border-bottom:#dfdfdf 2px solid; }
    .subeInfo .area_area i      { font-size:20px; margin:0 10px; }
    .subeInfo .area_area2 i      { font-size:20px; }
    .rightPadding0  { padding-right:0; }
    .leftPadding0   { padding-left:0; }

    .evMtho     { display:none; }

    .whatsapp_phone_bar     { position:fixed; z-index:99; right:15px; bottom:15px; }
    .whatsapp_button        { background:#3fad3f; color:#fff; display:block; padding:10px 15px; text-align:center; border-radius:50px; cursor:pointer; }
    .whatsapp_button:hover      { background:#2f862f; color:#fff; text-decoration:none; }

    .phone_button        { background:#1e1e1e; color:#fff; display:block; margin-bottom:10px; padding:10px 15px; text-align:center; border-radius:50px; cursor:pointer; }
    .phone_button:hover      { background:#151515; color:#fff; text-decoration:none; }

    .phoneMenu          { width:100%; height:100%; background:#000; position:fixed; z-index:9999; display:none; color:#fff; }
    .phoneMenu ul,
    .phoneMenu ul li    { padding:0; margin:0; list-style:none; }
    .phoneMenu h4           { display:block; padding:20px 0 0 20px; margin:0; color:#ed1c24; font:normal 28px 'Montserrat', sans-serif; }
    .phoneMenu ul           { display:block; padding:20px 0 0 20px; }
    .phoneMenu ul li                { width:95%; float:left; padding:5px 0 10px 0; }
    .tumli              { display:none; border:none; padding:7px 0 !important; width:90% !important; margin-left:5% !important; }
    .tumli a                { color:#ffd32a; padding:0 0 5px 0; font:700 15px 'Roboto', sans-serif !important; }
    .tumli a:hover          { color:#fff; }
    .phoneMenu ul li a              { display:inline-block; color:#fff; font:700 18px 'Roboto', sans-serif; text-decoration:none; }
    .phoneMenu ul li a:active,.phoneMenu ul li a:focus       { color:#fff !important; text-decoration:none; }
    .phoneMenu ul li a:hover        { text-decoration:none; color:#fff; }
    .phoneMenu .xclose              { position:absolute; z-index:9999; right:20px; top:20px; color:#fff; font-size:30px; }

    @media only screen and (min-width : 0px) and (max-width : 599px) {
        .rightPadding0  { padding-right:15px; }
        .leftPadding0   { padding-left:15px; }
        .slider_owl_home    { margin-bottom:30px; }
    }

    @media only screen and (min-width : 600px) and (max-width : 768px) {
        .rightPadding0  { padding-right:15px; }
        .leftPadding0   { padding-left:15px; }
        .slider_owl_home    { margin-bottom:30px; }
    }

    @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; }
        .whatsapp_phone_bar     {
            width:100%; position:fixed; text-align:center; z-index:99; padding:30px; right:0; bottom:0;
            background: rgb(0,0,0);
            background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        }
        .whatsapp_button        { display:inline-block; }
        .phone_button           { display:inline-block; margin-bottom:0; }
    }
    @media only screen and (min-width : 993px) and (max-width : 5000px) {
        .telefondaGizle         { display:block; }
        .bilgisayardaGizle      { display:none; }
        .whatsapp_phone_bar     { background:none !important; }
        .whatsapp_button        { display:block; }
        .phone_button           { display:block; margin-bottom:10px; }
    }

    /* ========================= */
    /* ## Lead Form (Ana Sayfa) ## */
    /* ========================= */

    .lead-form-box {
        width: 100%;
        background: linear-gradient(145deg, #0a0a0a 0%, #1a0500 30%, #b03000 65%, #ffd32a 100%);
        border-top: 4px solid #ffd32a;
        padding: 28px 25px;
        min-height: 400px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        position: relative;
        overflow: hidden;
    }

    .lead-form-box::before {
        content: '';
        position: absolute;
        top: -40px;
        right: -40px;
        width: 180px;
        height: 180px;
        background: rgba(255, 211, 42, 0.08);
        border-radius: 50%;
        pointer-events: none;
    }

    .lead-form-box h2 {
        color: #fff;
        font: 700 24px 'Rubik', sans-serif;
        margin: 0 0 8px 0;
        line-height: 1.25;
    }

    .lead-form-box > p {
        color: #999;
        font: 400 12px 'Roboto', sans-serif;
        margin: 0 0 20px 0;
        line-height: 1.7;
    }

    .lead-form-box input[type=text],
    .lead-form-box input[type=tel] {
        width: 100%;
        padding: 11px 13px;
        background: #1e1e1e;
        border: 1px solid #2e2e2e;
        border-radius: 4px;
        color: #fff;
        font: 400 13px 'Roboto', sans-serif;
        margin-bottom: 10px;
        -webkit-transition: border-color .25s ease-in-out;
        transition: border-color .25s ease-in-out;
    }

    .lead-form-box input[type=text]::placeholder,
    .lead-form-box input[type=tel]::placeholder { color: #555; }

    .lead-form-box input[type=text]:focus,
    .lead-form-box input[type=tel]:focus {
        border-color: #ffd32a;
        background: #191919;
        outline: none;
    }

    .lead-form-box select {
        width: 100%;
        padding: 11px 32px 11px 13px;
        background: #1e1e1e;
        border: 1px solid #2e2e2e;
        border-radius: 4px;
        color: #fff;
        font: 400 13px 'Roboto', sans-serif;
        margin-bottom: 14px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23ffd32a' d='M5 7L0 2h10z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 12px center;
        cursor: pointer;
        -webkit-transition: border-color .25s ease-in-out;
        transition: border-color .25s ease-in-out;
    }

    .lead-form-box select:focus { border-color: #ffd32a; outline: none; }
    .lead-form-box select option { background: #1e1e1e; color: #fff; }

    .lead-form-btn {
        width: 100%;
        padding: 13px;
        background: #ffd32a;
        color: #000;
        font: 700 14px 'Rubik', sans-serif;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        letter-spacing: 0.3px;
        -webkit-transition: background .25s, -webkit-transform .15s;
        transition: background .25s, transform .15s;
    }

    .lead-form-btn:hover  { background: #f5c800; -webkit-transform: translateY(-1px); transform: translateY(-1px); }
    .lead-form-btn:active { -webkit-transform: translateY(0); transform: translateY(0); }
    .lead-form-btn:disabled { background: #444; color: #777; cursor: not-allowed; -webkit-transform: none; transform: none; }

    .lead-form-success {
        text-align: center;
        padding: 20px 10px;
    }

    .lead-form-success i  { font-size: 48px; color: #ffd32a; margin-bottom: 14px; display: block; }
    .lead-form-success h3 { color: #fff; font: 700 20px 'Rubik', sans-serif; margin: 0 0 10px 0; }
    .lead-form-success p  { color: #999; font: 400 12px 'Roboto', sans-serif; line-height: 1.7; margin: 0; }

    .lead-form-error {
        background: #3a1010;
        color: #ff8080;
        font: 400 12px 'Roboto', sans-serif;
        padding: 9px 12px;
        border-radius: 4px;
        border: 1px solid #5a2020;
        margin-top: 8px;
    }

    @media only screen and (min-width: 0px) and (max-width: 992px) {
        .lead-form-box { min-height: auto; margin-top: 20px; }
    }