body {
    /*  font-family: 'Ubuntu', sans-serif;*/
}



/*font-face {
    font-family: 'IconsSocial';
    src: url('/fonts/IconsSocialMedia18-8MRYM.ttf') format('truetype')
}  */

.rakamfont {
    color: #b18548;
    font-style: italic;
    font-size: 1.75em;
    font-family: 'Anton', sans-serif;
    border: 1px solid silver;
    text-align: center;
    padding: 15px;
}

.kalinfont {
    color: #a28c6d;
    font-style: italic;
    font-size: 1.75em;
    font-family: 'Anton', sans-serif;
}

.normalfont {
    font-family: 'Ubuntu', sans-serif;
}

.odemeplanFont {
    font-size: 14px !important;
    text-align: center;
    padding-top: 5px;
    color: #040404d9 !important;
    text-decoration: none;
    display: block;
    -webkit-animation: flickerAnimation 1.5s infinite;
    -moz-animation: flickerAnimation 1.5s infinite;
    -o-animation: flickerAnimation 1.5s infinite;
    animation: flickerAnimation 1.5s infinite;
    cursor: pointer;
}

@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



.drop1 {
    font-weight: bold;
    background: url(/upload/down.svg) no-repeat 90% center;
    background-size: auto 0.5em;
    outline: none;
    border: 1px solid #74c391;
    color: #a28c6d;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 205px;
    box-sizing: border-box;
    font-size: 1.25em;
    font-family: MissionGothic;
    height: 3.25em;
    padding: 1em;
    margin-top: 15px;
}

.topnavFIX {
    background: #fff;
    padding: 0 calc(1.25rem / 2);
    left: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(to right, #7f59dc, #655be6);
    position: fixed;
    top: 0px;
}


.pnl0 {
    display: flex;
    align-items: center;
}

body[data-layout=horizontal][data-layout-size=boxed] .container-fluid, body[data-layout=horizontal][data-layout-size=boxed] .navbar-header {
    max-width: 90%;
}


.displayinlineyap {
    display: inline-block;
}

.c0 {
    text-align: center;
    color: #fff;
}

    .c0 p {
        background-color: rgb(6 6 6 / 53%);
        color: #fff;
        padding: 10px;
        font-size: 15px;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
        margin-top: 15px;
    }

.c1 {
    text-align: center;
}

    .c1 a {
        color: #fff;
    }

    .c1 i {
        font-size: 25px;
        padding: 5px;
        border: 1px solid silver;
        border-radius: 13px;
        margin-top: 6px;
    }

        .c1 i:hover {
            background-color: #e0ba33;
        }

.c2 {
    position: absolute;
    left: 40px;
    top: 30px;
    max-width: 200px;
}

.c3 {
    width: 100%;
    text-align: center;
}

    .c3 img {
        /*max-width: 537px;*/
    }

.c4 {
    text-align: center;
}

.c5 {
    /* padding-top: 15%;*/
}

.c6 {
    text-align: center;
    width: 100%;
    height: calc(100vh - 95px);
}

.c7 {
    display: inline-block;
    position: relative;
    margin-top: 30px;
}

.c8 {
    position: absolute;
    background-color: rgb(6 159 6 / 100%);
    display: flex;
    cursor: pointer;
    color: #fff;
    /* padding-top: 22px; */
    text-align: center;
    /* text-shadow: 0px 0px 3px #454545; */
    font-size: 14px;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    align-content: center;
    opacity: 0.8;
    vertical-align: middle;
}


    .c8:hover, .c8:focus {
        text-decoration: none;
        color: #fff;
    }

    .c8 span {
        font-size: 15px;
        color: #ffffff;
        font-family: arial;
        font-weight: 700;
        padding-left: 3px;
        padding-right: 3px;
    }

.c8_sari {
    background-color: rgb(221 177 0 / 100%);
}

.c8_kirmizi {
    background-color: rgb(255 0 0 / 100%);
}

.c9 {
    position: absolute;
    right: 0;
    top: 32%;
    bottom: 50%;
    float: left;
    z-index: 9000;
}

    .c9 b {
        letter-spacing: 1px;
        display: block;
        text-align: center;
        margin-bottom: 7px;
        color: #fff;
    }

    .c9 ul {
        overflow: auto;
        list-style: none;
        margin: 0;
        padding: 0;
        background-color: rgba(0,0,0, 0.6);
        border-bottom-left-radius: 30px;
        border-top-left-radius: 30px;
    }

        .c9 ul li {
        }

            .c9 ul li:hover {
                background-color: rgb(31 118 205 / 92%)
            }

            .c9 ul li a {
                color: #fff;
                font-size: 17px;
                border-bottom: 1px solid #515151;
                padding: 7px 15px;
                text-align: center;
                transition: all 0.3s ease-in-out;
                display: block;
            }

.c10 {
    background-color: #004080;
}

.c9_1 {
    position: absolute;
    left: 0;
    top: 32%;
    bottom: 50%;
    z-index: 9000;
}

    .c9_1 b {
        display: block;
        text-align: center;
        margin-bottom: 7px;
        color: #fff;
        letter-spacing: 1px;
    }

    .c9_1 ul {
        overflow: auto;
        list-style: none;
        margin: 0;
        padding: 0;
        background-color: rgba(0,0,0, 0.6);
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
    }

        .c9_1 ul li {
        }

            .c9_1 ul li:hover {
                background-color: rgb(31 118 205 / 92%)
            }

            .c9_1 ul li a {
                color: #fff;
                font-size: 20px;
                border-bottom: 1px solid #515151;
                padding: 7px 15px;
                text-align: center;
                transition: all 0.3s ease-in-out;
                display: block;
            }

.c10_1 {
    background-color: red;
}

.c11 {
    float: left;
    padding: 12px 0px 0px 15px;
    font-size: 18px;
    color: #fff;
}

.c12 {
    height: 50px;
    width: 50px;
    float: right;
    background-color: #b7b7b7;
    font-size: 35px;
    color: #fff;
    /*   margin-left: 15px;*/
}

    .c12 i {
        cursor: pointer;
        margin: 5px 10px 0 12px;
    }

    .c12 a {
        color: #fff;
    }


.c13 {
    background-color: rgb(0 63 128);
    height: 50px;
}

.c14 {
    cursor: pointer;
    height: 50px;
    text-align: center;
    /* width: 219px; */
    float: right;
    background-color: #93bb02;
    font-size: 18px;
    color: #fff;
    padding: 12px 20px;
}

    .c14 a {
        color: #fff;
        text-decoration: none;
    }

    .c14:hover, .c14:focus {
        text-decoration: none;
        color: #fff;
    }

.cl15 {
    background-color: #676767;
}

.cl16 {
    background-color: #fcfcfc80;
    margin-top: 30px;
    padding: 15px;
    line-height: 25px;
}

.cl17 {
    width: 100%;
    margin-bottom: 15px;
}

    .cl17 input {
        height: 41px;
        border: 0px;
        margin-bottom: 17px;
        border-bottom: 1px solid #e3e3e3;
        box-shadow: none;
    }

    .cl17 textarea {
        height: 70px;
        border: 0px;
        margin-bottom: 17px;
        border-bottom: 1px solid #e3e3e3;
        box-shadow: none;
    }

.cl18 {
    display: flex;
    justify-content: center;
    align-items: center;
    /*    height: 93vh;*/
}

.c19 {
    text-align: center;
    padding: 10px 0px;
    color: #fff;
    font-size: 33px;
    text-shadow: 0px 0px 3px #454545;
}

.cl20 {
    width: 246px !important;
}


.cl21 {
    padding-top: 30px;
    text-align: center;
}

.cl22 {
    text-align: center;
    width: 100%;
    /*  padding-top: 46px;*/
}

.cl23 {
    background: url('/upload/anasayfa_arka_planBG.png') top center no-repeat;
    height: 665px;
    width: 890px;
    margin: 0 auto;
    position: relative;
}

.cl24 {
    background: url(/upload/liya-evleri.png) top center no-repeat;
    height: 187px;
    width: 189px;
    position: absolute;
    left: 12px;
    top: 244px;
}

.cl25 {
    background: url(/upload/doga-evleri.png) top center no-repeat;
    height: 208px;
    width: 152px;
    position: absolute;
    left: 164px;
    top: 389px;
}

.cl26 {
    background: url(/upload/asiyan-evleri.png) top center no-repeat;
    height: 208px;
    width: 152px;
    position: absolute;
    left: 370px;
    top: 464px;
}

.cl27 {
    background: url(/upload/nirvana-evleri.png) top center no-repeat;
    height: 189px;
    width: 181px;
    position: absolute;
    right: 132px;
    /* top: 464px; */
    bottom: 59px;
}

.cl28 {
    background: url(/upload/yakinda_proje.png) top center no-repeat;
    height: 189px;
    width: 193px;
    position: absolute;
    right: 8px;
    top: 240px;
}

.cl30 {
    padding: 0px;
    line-height: 23px;
    border-left: 1px solid #d9d9d9;
    height: calc(100vh -0px);
    height: calc(100vh - 90px);
    /* width: calc(25% - 65px);*/
}

.cl31 {
    display: none;
}

.cl32 {
    text-align: right;
    margin-top: 10px;
    padding: 0px;
}

    .cl32 li {
        display: inline-block;
        padding: 3px 5px;
        color: #4c4c4c;
    }

.cl32_musait {
    background-color: rgb(0 255 0 / 25%) !important;
}

.cl32_revize {
    background-color: rgb(241 196 15 / 25%) !important;
}

.cl32_dolu {
    background-color: rgb(255 0 0 / 25%) !important;
}

.cl33 {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 5px;
}

    .cl33 img {
        display: inline-block;
        max-width: 260px;
        margin-bottom: 15px;
    }

.cl34 {
    text-align: center;
    padding: 0px 15px;
}

    .cl34 img {
        display: inline-block;
    }

.cl35 {
    line-height: 23px;
    color: #454545;
    border-bottom: 1px solid #004182;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

    .cl35 h3 {
        padding-bottom: 5px;
    }

.cl35 {
}

.cl36 {
    border-right: 3px solid #93bb02;
    padding-right: 95px;
}

.cl37 {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 8px;
    color: #454545;
}

.cl38 {
    position: absolute;
    width: 100%;
    bottom: 0px;
    background-color: #fff;
    /* height: 82px; */
    z-index: 5000;
}

.cl39 {
    margin: 0;
    position: absolute;
    top: 7%;
    -ms-transform: translateX(-50%);
    /* transform: translateX(-50%); */
    left: 2%;
}

    .cl39 img {
        max-width: 210px;
    }

.cl40 {
    text-align: center;
    padding: 5px 0px;
    margin: 5px 0px;
}

    .cl40 a {
        display: block;
    }

.cl42 {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0px;
    position: fixed;
    width: 100%;
    background-color: #fff;
}

footer {
    position: fixed;
    width: 100%;
    height: 45px;
    background-color: #000;
    bottom: 0;
    z-index: 7000;
}

.input-group {
    width: 100%;
}




.poABSLT {
    position: absolute;
}

.modal-body {
    position: relative;
    padding: 0px;
    margin-bottom: -5px;
    margin-top: -1px;
}

.modal-header {
    padding: 0px;
    border-bottom: 1px solid #e5e5e5;
    background-color: black;
}

    .modal-header span {
    }

.close {
    float: right;
    font-size: 29px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #e10000;
    filter: alpha(opacity=20);
    opacity: 0.7;
    background-color: red !important;
    padding: 0px 5px 0px 5px !important;
    margin: 0px 0px 0px 0px;
}

.modal-header span {
    /* color: white; */
    padding: 0px;
    margin: 0px;
    height: 24px;
    position: relative;
    display: inline-block;
}

.close:focus, .close:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
}

.pointer1 {
    cursor: pointer;
}

.modal-lg {
    width: 1200px;
}

.cl43 {
    margin: 0px auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: rgb(255 255 255 / 83%);
    padding: 35px;
    border-radius: 10px;
    box-shadow: 0px 2px 7px 3px color(srgb 0.6 0.6 0.6);
}



.cl30 img {
    display: inline-block;
}


.cl45 {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    /* text-align: center; */
    /* padding: 0px 50px; */
    /* width: 100%; */
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 100%;
    position: relative;
}

@media (min-width:900px) and (max-width:1400px) {
    .cl30 img {
        max-height: 480px;
    }
}

@media only screen and (max-width: 768px) {
    .cl45 {
        padding: 0px 0px;
        padding-top: 15px;
        padding-bottom: 0px;
    }

    .c2 {
        position: absolute;
        left: 10px;
        top: 72px;
        max-width: 95px;
    }

    .c9 {
        position: absolute;
        right: 0;
        top: 0px;
        z-index: 9000;
        right: inherit;
        text-align: center;
        bottom: inherit;
    }

        .c9 ul li {
            display: inline-block;
        }

            .c9 ul li a {
                color: #fff;
                font-size: 13px;
                border-bottom: 1px solid #515151;
                padding: 7px 10px;
                text-align: center;
                transition: all 0.3s ease-in-out;
                display: block;
            }

        .c9 ul {
            overflow: auto;
            list-style: none;
            margin: 0;
            padding: 0;
            background-color: rgba(0,0,0, 0.6);
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
            border-bottom-right-radius: 10px;
            border-top-right-radius: 11px;
        }

    .c9_1 {
        position: absolute;
        left: 0;
        top: 270px;
        bottom: 50%;
        z-index: 9000;
    }

        .c9_1 ul li a {
            font-size: 15px;
        }

    .c7 {
        display: inline-block;
        position: relative;
        margin-left: -65px;
    }

    .cl39 {
        position: relative;
        top: 10px;
        left: inherit;
        text-align: center;
    }

        .cl39 img {
            max-width: 110px;
        }

    body {
        background-size: inherit !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
    }

    .hrt0 {
        left: 15% !important;
    }

    .ht1 {
        margin: 0px;
    }
}

.ht1 iframe {
    border: 0;
    height: 95vh;
}

.vrn100 {
    margin-top: 40px;
    margin-bottom: 40px;
}

    .vrn100 img {
        max-width: 450px
    }

/* ADMIN */
.alertify .cancel {
    background-color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
    color: #fff !important
}

.alertify .dialog .cancel {
    color: #fff !important
}


.tabl1 {
    border: 1px solid #c0c0c05e;
}

    .tabl1 th {
        font-weight: 700;
        font-size: 14px;
        border-left: 1px solid #c0c0c05e;
        background-color: rgb(113 90 225 / 22%);
    }

.tabl2 {
}

.font1_badge {
    font-size: 16px !important;
}

.pnl0 a {
    font-size: 14px;
}

.table > thead {
    background-color: #fff;
}

.CodeMirror {
    width: 100%;
}

.topnav .dropdown .dropdown-menu {
    margin-top: 0px;
}

.loading1 {
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #fff;
    z-index: 1;
    display: none;
}

.ring {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 150px;
    height: 150px;
    background: transparent;
    border: 3px solid #ededed;
    border-radius: 50%;
    text-align: center;
    line-height: 141px;
    box-shadow: 0 0 8px rgba(0,0,0,.5);
    background-color: #fff;
    z-index: 33000;
}

    .ring:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border: 3px solid transparent;
        border-top: 3px solid #208314;
        border-right: 3px solid #208314;
        border-radius: 50%;
        animation: animateC 2s linear infinite;
    }

    .ring span {
        display: block;
        position: absolute;
        top: calc(50% - 2px);
        left: 50%;
        width: 50%;
        height: 4px;
        background: transparent;
        transform-origin: left;
        animation: animate 2s linear infinite;
    }

    .ring img {
        max-width: 105px;
    }

    .ring span:before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #208314;
        top: -3px;
        right: -4px;
        box-shadow: 0 0 20px #208314;
    }

@keyframes animateC {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate {
    0% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(405deg);
    }
}

.ringINFO {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: transparent;
    margin-top: 100px;
    width: 100%;
    text-align: center;
    display: block;
    color: gray;
    font-size: 14px;
}

#social-sidebar {
    /*    right: 0;
    position: fixed;
    top: 30%;
    z-index: 9000*/

    right: 0px;
    position: fixed;
    top: 0;
    z-index: 900;
    border-left: 1px solid silver;
    height: 100vh;
    padding-top: 18%;
    background-color: #fff;
    /*height: calc(100vh - 45px);*/
    padding-left: 7px;
    padding-right: 7px;
}

    #social-sidebar li:first-child a {
        /* border-top-left-radius: 5px;*/
    }

    #social-sidebar li:last-child a {
        /* border-bottom-left-radius: 5px;*/
    }

    #social-sidebar a {
        color: #332f2f;
        text-decoration: none;
        display: block;
        height: 50px;
        width: 50px;
        font-size: 23px;
        line-height: 50px;
        position: relative;
        text-align: center;
        cursor: pointer;
    }

        #social-sidebar a:hover span {
            right: 120%;
            opacity: 1;
            color: #fff;
        }

        #social-sidebar a span {
            font: 12px "Open Sans", sans-serif;
            text-transform: uppercase;
            border-radius: 3px;
            line-height: 24px;
            right: -100%;
            margin-top: -16px;
            opacity: 0;
            padding: 4px 8px;
            position: absolute;
            transition: opacity .3s, right .4s;
            top: 50%;
            z-index: -1;
        }

            #social-sidebar a span:before {
                content: "";
                display: block;
                height: 8px;
                width: 8px;
                right: -4px;
                margin-top: -4px;
                position: absolute;
                top: 50%;
                transform: rotate(45deg);
            }

        #social-sidebar a[class*="twitter"]:hover,
        #social-sidebar a[class*="twitter"] span,
        #social-sidebar a[class*="twitter"] span:before {
            background: #00aced;
            color: #fff;
        }

        #social-sidebar a[class*="facebook"]:hover,
        #social-sidebar a[class*="facebook"] span,
        #social-sidebar a[class*="facebook"] span:before {
            background: #3B5998;
            color: #fff;
        }

        #social-sidebar a[class*="instagram"]:hover,
        #social-sidebar a[class*="instagram"] span,
        #social-sidebar a[class*="instagram"] span:before {
            background: #b70087;
            color: #fff;
        }

        #social-sidebar a[class*="mail"]:hover,
        #social-sidebar a[class*="mail"] span,
        #social-sidebar a[class*="mail"] span:before {
            background: #E34429;
            color: #fff;
        }



        #social-sidebar a[class*="dropbox"]:hover,
        #social-sidebar a[class*="dropbox"] span,
        #social-sidebar a[class*="dropbox"] span:before {
            background: #8DC5F2;
            color: #fff;
        }

        #social-sidebar a[class*="telefon"]:hover,
        #social-sidebar a[class*="telefon"] span,
        #social-sidebar a[class*="telefon"] span:before {
            background: #9C7A5B;
            color: #fff;
        }

        #social-sidebar a[class*="evernote"]:hover,
        #social-sidebar a[class*="evernote"] span,
        #social-sidebar a[class*="evernote"] span:before {
            background: #6BB130;
            color: #fff;
        }


/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 19000; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    /* background: url('/upload/arkaplan_cizgili.jpg') repeat-x;*/
    overflow-x: hidden; /* Disable horizontal scroll */

    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    background: #fff;
}

    /* The navigation menu links */
    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

    /* When you mouse over the navigation links, change their color */
    /*.sidenav a:hover {
            color: #f1f1f1;
        }*/

    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
        position: absolute;
        top: -5px;
        left: -70px;
        font-size: 36px;
        margin-left: 50px;
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 50px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        .sidenav .closebtn:hover {
            color: red;
        }



/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

.diller {
    position: absolute;
    right: 10px;
    top: 30px;
    text-align: center;
    z-index: 11000;
}

    .diller ul {
    }

    .diller li {
    }

    .diller a {
        color: #a28c6d;
        font-style: italic;
        font-size: 17px;
        font-family: 'Anton', sans-serif;
        text-decoration: none;
        display: block;
        margin-bottom: 5px;
        border: 1px solid silver;
        padding: 5px 10px;
    }

        .diller a:hover {
            background-color: #a28c6d;
            color: #fff;
        }

.solmenu {
    transition: margin-left .5s;
}

    .solmenu i {
        cursor: pointer;
    }

.mn1 {
    margin: 0px auto;
    position: fixed;
    top: 30px;
    left: 15px;
    font-size: 30px;
    color: #484848;
    z-index: 19000;
}

    .mn1:hover {
        color: rgb(255 0 0 / 100%);
    }

.slmn1 {
    position: absolute;
    left: 110px;
    top: 24px;
    max-width: 310px;
    z-index: 9000;
}

.slmn2 {
    padding-left: 90px;
    padding-right: 90px;
}

.slmn3 {
    padding-top: 100px;
    border-left: 1px solid #e5e5e5;
    height: 100vh;
    position: relative;
}

    .slmn3 h3 {
        margin-bottom: 20px;
    }

    .slmn3 i {
        color: #454545;
    }

.slmn4 {
    margin-top: 100px;
    padding-left: 20px;
}

    .slmn4 h3 {
        font-size: 21px;
        border-bottom: 1px dotted #e5e5e5;
        padding-bottom: 10px;
    }

    .slmn4 ul {
    }

    .slmn4 li {
    }

    .slmn4 a {
        font-size: 16px;
        padding: 6px 14px;
        border-bottom: 1px dotted silver;
    }

        .slmn4 a:hover {
            color: red;
        }


.slmn5 {
}

    .slmn5 p {
    }


.slmn6 {
}

    .slmn6 a {
    }


area {
    cursor: pointer;
}


map area {
}


.slmn10 {
    margin-top: 108px;
    padding-left: 20px;
}

    .slmn10 h3 {
        margin-bottom: 5px;
        border-bottom: 1px solid #c0c0c03d;
        padding-bottom: 5px;
        font-size: 18px;
        text-align: left;
    }

    .slmn10 li {
    }

    .slmn10 a {
        font-size: 16px;
        border-bottom: 1px dotted silver;
        padding-left: 15px;
        color: #161616 !important;
        cursor: pointer;
    }

        .slmn10 a:hover, .slmn4 a:hover {
            color: red !important;
            background: #f3f3f3;
        }


.pkd4_0 {
    border-bottom: 1px solid #d9d9d9;
    width: 100%;
    padding: 4px 0px;
    float: left;
}

.cl46 {
    float: left;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    font-size: 16px;
}

    .cl46 span {
        border-radius: 50%;
        margin-right: 7px;
        background: #fff;
        display: inline-block;
        padding: 10px 14px 10px 14px;
        color: #000;
        font-size: 19px;
    }

    .cl46 .feather {
        width: 25px;
        height: 25px;
    }

.ipts-katre {
    position: absolute;
    right: 15px;
    bottom: 15px;
    /* background-color: #000000cf; */
    /* padding: 4px; */
    /*opacity: 0.7;*/
}

    .ipts-katre:hover {
        opacity: 1;
    }

    .ipts-katre a {
    }

    .ipts-katre img {
        max-width: 65px;
    }


area {
    cursor: pointer;
    -webkit-transition: 0.8s ease-out;
    fill: rgba(122, 144, 73, 0);
    transition: 0.8s ease-out;
}

.fancybox__container {
    z-index: 55000 !important;
}

.btn-whatsapp-pulse {
    background: #25d366;
    color: white;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 35px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index: 5
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}

.btn-whatsapp-pulse-border {
    bottom: 120px;
    right: 20px;
    animation-play-state: paused;
}

    .btn-whatsapp-pulse-border::before {
        content: "";
        position: absolute;
        border-radius: 50%;
        padding: 25px;
        border: 5px solid #25d366;
        opacity: 0.75;
        animation-name: pulse-border;
        animation-duration: 1.5s;
        animation-timing-function: ease-out;
        animation-iteration-count: infinite;
    }

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }

    75% {
        padding: 50px;
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


.serbestKoordinat {
}

.srbst_Tooltip1 {
}

    .srbst_Tooltip1 h5 {
        font-weight: 600;
        font-size: 16px;
    }

    .srbst_Tooltip1 img {
        max-width: 200px;
        max-height: 200px;
    }


.mbl_bilgi {
    display: none;
    position: absolute;
    top: 150px;
    width: 500px;
    z-index: 4;
    background-color: #000000ba;
    color: #fff;
    text-shadow: 0px 0px 0px #454545;
    padding: 0px 0px 0px 0px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 3px #13529f;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 15px;
}

    .mbl_bilgi img {
        max-width: 45px;
        display: inline-block;
    }

    .mbl_bilgi b {
        display: block;
        font-size: 15px;
    }

    .mbl_bilgi p {
        display: inline-block;
        margin-bottom: 0px;
    }



.mbl_bilgi_1 {
    text-align: center;
}

.mbl_bilgi_2 {
    position: absolute;
    right: 8px;
    top: 3px;
    font-size: 25px;
    cursor: pointer;
}


.animasyon_fadeInOut {
    -webkit-animation: fadeinout 2s infinite;
    animation: fadeinout 2s infinite;
}

@-webkit-keyframes fadeinout {
    0%,100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@keyframes fadeinout {
    0%,100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

body[data-layout-size=boxed] #layout-wrapper {
    background-color: transparent;
}


.feather {
    width: 19px;
    height: 19px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

@keyframes flickerAnimation {
    0% {
        opacity: 0.1;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0.1;
    }
}





.cl150 {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    text-decoration: none;
    animation: flickerAnimation 3.5s infinite;
    border: 1px solid silver;
    padding: 10px;
    border-radius: 15px;
    font-weight: 600;
    transition: 0.5s all;
    background-color: brown;
}

    .cl150:hover {
        background-color: red;
        animation: none;
    }

    .cl150 .feather {
        width: 26px;
        height: 26px;
    }


.cl151 {
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #fff;
    text-decoration: none;
    /*    animation: flickerAnimation 3.5s infinite;*/
    border: 1px solid silver;
    padding: 10px;
    border-radius: 15px;
    font-weight: 600;
    transition: 0.5s all;
    background-color: #bb2929;
    cursor: pointer;
}

    .cl151:hover {
        background-color: red;
        animation: none;
    }


.cl152 {
    position: absolute;
    right: -10px;
    top: -52px;
    color: #fff;
    text-decoration: none;
    border: 1px solid silver;
    padding: 10px;
    font-weight: 600;
    overflow: hidden;
    background-color: #338b4c;
    transition: background-color 0.5s ease, transform 0.3s ease;
    animation: backgroundPulse 3s infinite;
    cursor: pointer;
    box-shadow: 0 0 8px rgba(51, 139, 76, 0.5); /* Hafif ışık efekti */
}

    /* Shine Efekti */
    .cl152::before {
        content: '';
        position: absolute;
        top: 0;
        left: -75%;
        width: 30%; /* Daha dar parlaklık */
        height: 100%;
        background: linear-gradient( 120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0) 100% );
        transform: skewX(-25deg);
        filter: blur(1px); /* Parlaklık yumuşak blur */
        animation: shine 2s infinite; /* Daha hızlı shine */
    }

/* Shine Animasyonu */
@keyframes shine {
    0% {
        left: -75%;
    }

    100% {
        left: 125%;
    }
}

/* Arka Plan Yumuşak Değişim */
@keyframes backgroundPulse {
    0%, 100% {
        background-color: #338b4c;
    }

    50% {
        background-color: #43a35d;
    }
}

/* Hover Efekti */
.cl152:hover {
    background-color: #148a35;
    animation: none;
    transform: scale(1.05); /* Hover büyüme */
    box-shadow: 0 0 15px rgba(20, 138, 53, 0.8); /* Daha yoğun glow */
}

.mdl0 {
   
 /*   padding: 15px 20px 25px 20px;*/
}

    .mdl0 .modal-header {
        background-color: #fff;
        padding-bottom: 7px;
        margin-bottom: 7px;
    }


    .mdl0  .form-label {
       
        font-weight: 500;
        font-size: 15px;
        color: #454545;
    }

/* Modal animasyonu */
@keyframes slideUp {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Bootstrap modal için override */
.slide-up .modal-dialog {
    animation: slideUp 0.5s ease-out;
}

/* Gradient Gönder Butonu */
.btn-gradient-primary {
    background: linear-gradient(45deg, #4CAF50, #81C784);
    border: none;
    color: #fff;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}

    .btn-gradient-primary:hover {
        background: linear-gradient(45deg, #43A047, #66BB6A);
        box-shadow: 0 4px 15px rgba(67, 160, 71, 0.4);
    }

/* Kapat Butonu */
.btn-light {
    border-radius: 50px;
    padding: 10px 20px;
    font-weight: 500;
    color: #6c757d;
    background-color: #f8f9fa;
    border: 1px solid #ced4da;
    transition: all 0.3s ease-in-out;
}

    .btn-light:hover {
        background-color: #e2e6ea;
        color: #495057;
    }


.logosolAlt1 {
    position: absolute;
    left: 30px;
    bottom: 1px;
    z-index: 1000;
    max-width: 105px;
    background: #fff;
    padding: 10px;
    display: none;
}

.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: rgb(127 120 161 / 22%) !important;
    color: #202020 !important;
}


/*EBRU*/
.lk1 {
    /*padding: 50px 0;*/
    padding: 0 50px;
    /*display: flex;*/
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    /*min-height: 100vh;*/
}

.lk2, .lk3, .lk4, .lk5 {
    text-align: center;
    border: 1px solid #efefef;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.lk4, .lk5 {
    /*margin-top:75px;*/
}

.lk2 img, .lk3 img {
    max-height: 50px;
    margin-bottom: 25px;
}

.lk4 img, .lk5 img {
    max-height: 65px;
    margin-bottom: 25px;
}

.lk6 {
    /*margin-top: 75px;*/
    height: 350px;
    overflow: scroll;
    background: #fff;
    border-radius: 15px;
}

    .lk6 thead {
        background: #fff;
    }

.lk7 a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

.lk7 img {
    padding-right: 15px;
}

.lk7 th, .lk7 td {
    border-right: 1px solid #d1d1d1 !important;
}

.lk9 h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.lyt1 {
    padding: 15px 50px;
    display: flex;
    background: #00000026;
}

.lyt2 img {
    max-height: 45px;
    padding-left: 15px;
}

.lyt3 {
    background: transparent;
    border-color: transparent;
}

.lyt5 {
    flex: 1;
}

.lyt4 {
    flex: 1;
    text-align: end;
    /*padding-right: 50px;*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .lyt4 span {
        background: #7b8691;
        padding: 5px;
        border-radius: 50%;
        color: #fff;
        margin-right: 15px;
    }

    .lyt4 a {
        color: #fff;
        font-weight: 600;
    }

        .lyt4 a:hover {
            color: #fff;
        }

.lyt6 {
    padding: 0;
}

.yn3 a, .yn3 a:hover {
    color: #000;
}

.ip1 table {
    background: #fff;
}

.ip2 {
    height: 350px;
    overflow: scroll;
}

.knm2 {
    height: 350px;
    overflow: scroll;
}

    .knm2 table {
        background: #fff;
    }

.ip1 h2, .knm1 h2 {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}

.st1 {
    padding: 0 50px 50px 50px;
}








/*.cns1 {
    display: flex;
    align-items: center;
    padding: 0px 22px;
    border: 1px solid #e1e0e0;
    border-radius: 8px;
}

    .cns1 img {
        max-height: 50px;
        padding-right: 50px;
    }

.cns2 {
    padding: 15px;
    background: rgba(241, 245, 246, .8);
    background: #eee;*/
/* box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);*/
/*transition: none;
}

    .cns2 img {
        max-height: 25px;
        padding-right: 15px;
    }

.cns3 {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 11px;
    background: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    border-radius: 2px;
    transition: .2s;
    cursor: pointer;
}

    .cns3:hover {
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        transition: .1s;
    }

.fx1 {
    box-shadow: 0 -2px 4px 0 #c6c9cb;
    overflow: hidden;
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 100%;
}

.fx2 {
    text-align: center;
    padding: 25px;
    opacity: 1;
    background: white;
    text-align: center;
    padding: 13px;
    opacity: 1;
    background: white;
}

.fx3 {
    padding: 10px 20px;
    background: #bbed21;
    color: #000;
    text-decoration: none;
    border-radius: 5px;
    margin-right: 25px;
    font-weight: 600;
}

.fx4 {
    text-decoration: none;
    color: #000;
    font-weight: 600;
}

.cn1 {
    display: flex;
    align-items: center;
    padding: 0px 22px;
    border: 1px solid #e1e0e0;
    border-radius: 8px;
}

    .cn1 p {
        margin-bottom: 0;
        font-size: 14px;
        padding: 10px 0;
        color: #38659f;
        font-weight: 600;
    }

    .cn1 img {
        max-height: 25px;
        padding-right: 25px;
    }

.cn2 {
    padding: 15px;*/
/*  background: rgba(241, 245, 246, .8);
    background: #eee;*/
/* box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);*/
/*transition: none;
}

    .cn2 img {
        max-height: 25px;
        padding-right: 15px;
    }

.cn3 {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 11px;
    background: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    border-radius: 2px;
    transition: .2s;
    cursor: pointer;
    border: 1px solid #efefef;
}

    .cn3:hover {
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        transition: .1s;
        background: #efefef;
    }

.cn5 {
    margin-top: 50px;
}*/

/*.sa1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 22px;
    border: 1px solid #e1e0e0;
    border-radius: 8px;
    position: relative;
}*/

/*.flt1 {
    position: absolute;
    top: 45px;
    left: 0;
    background: #fff;
    box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06);
    padding: 0 10px;
    display: none;
}

.flt1_fixed {
    display: block;
}

.flt1 h5 {
    color: #80868e;
    margin-block: 7px;
    font-size: 12px;
}

.flt4 {*/
/*display: flex;*/
/*}

.flt5 {
    text-align: center;
}

    .flt5 a {
        color: #ffffff !important;
        background: #1c324f;
        padding: 10px 25px;
        margin-top: 10px;
        margin-bottom: 10px;
        display: inline-block;
        border-radius: 5px;
    }

.flt2 {*/
/*flex: 3;*/
/*background: rgb(223 223 223 / 48%);
    height: 300px;
    overflow: scroll;
    padding: 25px 0;
}

    .flt2 ul {
        list-style: none;
    }

.flt3 {
    flex: 1;
}

    .flt3 ul {
        list-style: none;
    }

    .flt3 li > a {
        color: #535c69 !important;
        font-size: 14px;
        padding: 5px 25px;
    }

        .flt3 li > a:hover {
            background: #eef2f5;
            padding: 5px 25px;
        }

.sa1 p {
    margin-bottom: 0;
    font-size: 14px;
    padding: 10px 0;
    color: #38659f !important;
    font-weight: 600;
}

.sa1 img {
    max-height: 25px;
    padding-right: 25px;
}

.sa2 {
    padding: 15px;*/
/*  background: rgba(241, 245, 246, .8);
    background: #eee;*/
/* box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);*/
/*transition: none;
}

    .sa2 img {
        max-height: 25px;
        padding-right: 15px;
    }

.sa3 {
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 11px;
    background: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    border-radius: 2px;
    transition: .2s;
    cursor: pointer;
    border: 1px solid #efefef;
}

    .sa3:hover {
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
        transition: .1s;
        background: #efefef;
    }

.sa5 {
    margin-bottom: 50px;
}

.sa4 {
    margin-bottom: 50px;
}*/
.vrn12 figure {
    margin: 0px !important;
}

.crz2 {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    z-index: 999;
    width: 100%;
    background: #0000005c;
    top: 0px;
}

.crz1 {
    width: 30%;
    background: #171735;
    border-radius: 20px;
    padding: 50px;
    color: #fff;
}

    .crz1 a {
        background: #f90;
        color: #fff !important;
        padding: 15px 25px;
        font-weight: 600;
        margin-top: 25px;
        display: inline-block;
        text-decoration: none;
        cursor: pointer;
        transition: 0.5s all;
    }

        .crz1 a:hover {
            background: #d5922c;
        }

    .crz1 p {
        margin-top: 25px;
    }

.crz2_fixed {
    display: none;
}

.tm2 {
    display: flex;
    justify-content: flex-end;
}

.sa9 {
    padding: 0px;
    margin: 0px;
    text-align: right;
}

    .sa9 a {
        padding: 11px 10px;
        display: inline-block;
        background: #f7f7f7a3;
        margin: 0px;
    }

.sa9_sec {
    background: #6f61e5 !important;
    color: #fff;
    border-radius: 5px;
}

    .sa9_sec:hover {
        color: #fff !important;
    }


.sa9 p {
    display: inline-block;
    margin-right: 15px;
    text-align: left;
    font-weight: 700;
}

.projeGiris1 {
    margin: 0px auto;
    /*  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
}


.sagProjeResim {
    padding: 5px;
    text-align: center;
    margin-top: 10px;
}

    .sagProjeResim a {
    }

    .sagProjeResim img {
        max-width: 180px;
        height: auto;
        display: inline-block;
    }


.pdty15 {
    text-align: right !important;
}