* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}

:root {
    /* --f_kurumsal: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;*/
    --f_kurumsal: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --f_kurumsal2: 'Times New Roman';
    --r_kurumsal: #0c6a80;
    --r_kurumsal2: #0a5162;
    --r_mobil_baslik: #0a5162;
    --r_mobil_link: #0c6a80;
    --r_mobil_link_active: #0a5162;
    --r_mobil_link_alt_link: #6da6b3;
    --r_beyaz: #ffffff;
    --r_beyaz10: #ffffff10;
    --r_beyaz20: #ffffff20;
    --r_beyaz30: #ffffff30;
    --r_beyaz40: #ffffff40;
    --r_beyaz50: #ffffff50;
    --r_gri: #c6c6c5;
    --r_haki: #85754E;
    --r_kirmizi: #802C26;
    --r_mavi: #0270f7;
    --r_mavi10: #1E398E10;
    --r_mavi20: #1E398E20;
    --r_mavi30: #1E398E30;
    --r_mavi40: #1E398E40;
    --r_mavi50: #1E398E50;
    --r_lacivert: #372B86;
    --r_portakal: #B65420;
    --r_sari: #FACF75;
    --r_siyah: #000000;
    --r_turkuaz: #00ACE9;
    --r_yesil: #005351;
    --r_gold: #b19963;
}

::-webkit-scrollbar {
    width: 8px;
}

    ::-webkit-scrollbar:hover {
        width: 8px;
    }

/* Track */
::-webkit-scrollbar-track {
    background: var(--r_beyaz);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--r_kimyon);
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: var(--r_kirmizi);
    }

body {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-family: 'Times New Roman';
    font-weight: 400;
    font-size: 12px;
    line-height: 1.8em;
    background-color: var(--r_beyaz);
    color: var(--r_kurumsal);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box !important;
}

.master_anadiv {
}

    .master_anadiv .mn-content {
        margin: 20px 0px;
    }

    .master_anadiv .container {
        overflow: hidden !important;
        position: relative;
        width: 80% !important;
        max-width: 80% !important;
    }

/*#region master_banner_ust1 */
#master_banner_ust1 {
    background-color: var(--r_kurumsal);
    height: 40px;
    line-height: 40px;
}

    #master_banner_ust1 .banner_ust1_sol {
    }

        #master_banner_ust1 .banner_ust1_sol ul {
            margin: 0 0px 0 0;
        }

            #master_banner_ust1 .banner_ust1_sol ul li {
                margin: 0 0px 0 0;
            }

                #master_banner_ust1 .banner_ust1_sol ul li p {
                    width: auto;
                    height: 40px;
                    line-height: 40px;
                    font-size: 1.3em;
                    font-family: var(--f_kurumsal);
                    box-sizing: border-box;
                    padding: 0 10px;
                    margin: 0;
                    color: var(--r_beyaz);
                }

                #master_banner_ust1 .banner_ust1_sol ul li a {
                }

                    #master_banner_ust1 .banner_ust1_sol ul li p:hover, #master_banner_ust1 .banner_ust1_sol ul li a:hover {
                        background-color: var(--r_beyaz);
                        color: var(--r_kurumsal);
                    }

                    #master_banner_ust1 .banner_ust1_sol ul li p i, #master_banner_ust1 .banner_ust1_sol ul li a i {
                        height: 40px !important;
                        line-height: 40px !important;
                        margin: 0 5px 0 0 !important;
                        color: var(--r_beyaz);
                        font-size: 1em;
                    }

                    #master_banner_ust1 .banner_ust1_sol ul li p:hover i, #master_banner_ust1 .banner_ust1_sol ul li a:hover i {
                        color: var(--r_kurumsal);
                    }

    #master_banner_ust1 .banner_ust1_sag {
        float: right;
    }

        #master_banner_ust1 .banner_ust1_sag ul {
            margin: 0;
            padding: 0 0 0 0;
        }

            #master_banner_ust1 .banner_ust1_sag ul li {
                margin: 0 !important;
                padding: 0 !important;
            }

                #master_banner_ust1 .banner_ust1_sag ul li:last-child {
                    border-right: 0px solid var(--r_beyaz50);
                }

                #master_banner_ust1 .banner_ust1_sag ul li a {
                    margin: 0;
                    padding: 0 10px;
                    text-align: center !important;
                    font-size: 1.3em;
                }

                    #master_banner_ust1 .banner_ust1_sag ul li a:hover {
                        background-color: var(--r_beyaz);
                        color: var(--r_kurumsal);
                    }

                    #master_banner_ust1 .banner_ust1_sag ul li a i {
                        height: 40px !important;
                        line-height: 40px !important;
                        margin: 0 5px 0 0 !important;
                        color: var(--r_beyaz);
                        font-size: 1.3em;
                        padding: 0px;
                        box-sizing: border-box;
                    }

                    #master_banner_ust1 .banner_ust1_sag ul li a:hover i {
                        color: var(--r_kurumsal);
                    }
/*#endregion*/

/*#region master_banner_ust2 */

.master_banner_ust2 {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    height: auto;
    display: block;
    background-color: var(--r_kurumsal2);
    color: var(--r_beyaz);
    font-weight: normal;
    font-family: var(--f_kurumsal);
    border-top: 1px solid var(--r_gold);
    box-sizing: border-box;
}

    .master_banner_ust2 .nav-wrapper, .master_banner_ust2 .row, .master_banner_ust2 .col {
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box;
    }

    .master_banner_ust2 .container {
        background-color: inherit;
        padding: 10px 0 10px 0 !important;
        box-shadow: none !important;
        box-sizing: border-box;
    }

    .master_banner_ust2 .kurum_logo img {
        margin: 0;
        padding: 0;
        width: 90px;
        float: left;
    }

    .master_banner_ust2 .kurum_adi, .master_banner_ust2 .kurum_proje_adi {
        display: block;
        width: 100%;
        color: var(--r_beyaz);
        text-align: left;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .master_banner_ust2 .kurum_adi {
        font-size: 2em;
        font-weight: bold;
        margin: 10px 0 0 0;
        font-weight: normal;
        font-family: var(--f_kurumsal2);
        color: var(--r_beyaz);
    }

    .master_banner_ust2 .kurum_proje_adi {
        margin: 10px 0 0 0;
        font-size: 2em;
        font-family: var(--f_kurumsal2);
        letter-spacing: 5px;
        color: var(--r_beyaz);
    }

/*#endregion*/

/*#region master_footer */

.master_footer {
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    height: auto;
    display: block;
    background-color: var(--r_kurumsal);
    color: var(--r_beyaz);
    font-weight: normal;
    font-family: var(--f_kurumsal);   
    box-sizing: border-box;
}
    .master_footer .card {
        box-shadow: none !important;
        margin: 0 !important;
        padding: 10px 0px !important;
        background-color: var(--r_kurumsal);
        color: var(--r_beyaz);
    }
        .master_footer .card .card-content {
            box-shadow: none !important;
            margin: 0 !important;
            padding: 0 !important;
            background-color: var(--r_kurumsal);
            color: var(--r_beyaz);
        }
        .master_footer .card .card-title {
            font-size:2em;
        }
        .master_footer .row, .master_footer .col {
            margin: 0 !important;
            padding: 0 !important;
        }
    .master_footer a {
        color:var(--r_beyaz);
        cursor:pointer;
    }
    .master_footer a:hover {
        text-decoration:underline;
    }
    .master_footer ul {
    }
        .master_footer ul li {
            float:left;
            display:block;
            text-align:left !important;           
        }
    .master_footer i {
        font-size:1.5em;
    }

/*#endregion*/


/*#region ana_menu */

.master_anadiv .container .ana_menu {
    float: left;
    min-width: 260px;
    max-width: 300px;
    height: auto;
    border: 1px solid #ddd;
    margin-right: 10px;
    box-sizing: border-box !important;
    font-family: var(--f_kurumsal);
    border-radius: 10px;
}

    .master_anadiv .container .ana_menu ul {
    }

        .master_anadiv .container .ana_menu ul li {
            float: none;
            border-bottom: 1px dashed #ddd;
        }

            .master_anadiv .container .ana_menu ul li a {
                padding: 0 10px;
                height: 32px !important;
                line-height: 32px !important;
                display: inline-block !important;
                /*width: calc(100% - 40px);*/
                width: 100%;
                background: none;
                border: none;
                color: var(--r_siyah);
                font-size: 1em;
            }

                .master_anadiv .container .ana_menu ul li a:hover {
                    background-color: var(--r_kurumsal2);
                    color: var(--r_beyaz);
                }

/*#endregion*/


/*#region SubPage_Body */

.master_anadiv .container .SubPage_Body {
    float: left;
    min-height: calc(63.7vh);
    width: 81%;
    border: 1px solid #ddd;
    height: auto;
    border-radius: 10px;
    padding:15px 20px;
    
}
.sayfa_baslik, .sayfa_govde, .sayfa_footer {
    font-family: var(--f_kurumsal);
    color: var(--r_siyah);
    font-size: 1.3em;
    text-align: justify;
}

.sayfa_baslik {
   
}
.sayfa_baslik h1{
    border-bottom: 1px dashed var(--r_kurumsal);
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    color: var(--r_kurumsal);
}
.sayfa_govde {
    margin: 0 0 50px 0;
}
    .sayfa_govde p {
        text-align: justify;
        display:block;
        margin:20px 0px;
    }
    .sayfa_govde h1 {
        font-size: 2em;
    }
    .sayfa_govde h2 {
        font-size: 2em;
    }
    .sayfa_govde h3 {
        font-size:2em;
    }
    .sayfa_govde h4 {
        font-size: 2em;
    }
    .sayfa_govde h5 {
        font-size: 2em;
    }
    .sayfa_govde h6 {
        font-size: 2em;
    }
    .sayfa_govde img {
        max-width:90%;
        width: auto;
        height: auto;        
        margin: auto auto;
        text-align: center;
        border-radius: 10px;
        display: block;
        box-sizing: border-box;
    }
    .sayfa_govde a {
        color: var(--r_mavi);
        padding:3px 10px;
        font-weight:bold;
    }
        .sayfa_govde a:hover {
            background-color: var(--r_mavi);
            color: var(--r_beyaz);
        }

    .sayfa_govde .baglantilar .card {
        text-align: center !important;
        height: 230px;
    }
        .sayfa_govde .baglantilar .card .card-image {
        }
            .sayfa_govde .baglantilar .card .card-image img {
                padding: 10px;
                height: 150px;
            }
        .sayfa_govde .baglantilar .card .card-content {
        }
            .sayfa_govde .baglantilar .card .card-content a {
                color: var(--r_mavi);
            }
                .sayfa_govde .baglantilar .card .card-content a:hover {
                    background-color: #fff !important;
                    color: var(--r_kurumsal);
                }

        .sayfa_govde .baglantilar .card .card-action a {
            color: var(--r_kurumsal) !important;
            text-transform: capitalize !important;
        }

            .sayfa_govde .baglantilar .card .card-action a:hover {
                background-color: #fff !important;
                color: var(--r_mavi) !important;
            }

.sayfa_footer {
}


/*#endregion*/


/*#region Mobil Menu */
.btn_mobil_menu {
}
.btn_mobil_menu i{
    height:40px !important;
    line-height:40px !important;
}
#panel_mobil_menu {
    font-family: var(--f_kurumsal);
    margin: 0 !important;
    padding: 0 0px !important;
}
    #panel_mobil_menu .side-nav-title {
        font-size: 2em;
        font-family: var(--f_kurumsal);
        background-color: var(--r_mobil_baslik);
        color: var(--r_beyaz);
        padding: 0px 10px !important;
        display: block;
        margin: 0 0 0 0 !important;
        height: 40px;
        line-height: 40px;
    }

        #panel_mobil_menu .side-nav-title #btn_panel_mobil_menu {
            float: right;
            margin: -10px 10px 0 0 !important;
            padding: 0 !important;
            height: 40px;
            line-height: 40px;
        }

    #panel_mobil_menu .container {
        width: 99%;
        padding: 0 !important;
        margin: 0px 0 0 0 !important;
    }
    #panel_mobil_menu ul {
        margin: 0 0 0 0 !important;
        padding: 0;
    }

        #panel_mobil_menu ul li {
            float: none;
            border-bottom: 1px dashed #ddd;
        }
        

            #panel_mobil_menu ul li a {
                padding: 0 10px;
                height: 32px !important;
                line-height: 32px !important;
                display: inline-block !important;
                /*width: calc(100% - 40px);*/
                width: 100%;
                background: none;
                border: none;
                color: var(--r_siyah);
                font-size: 1.2em;
            }
            #panel_mobil_menu ul li a:before {
                content: '-';
                padding: 0 10px;
            }

/*#endregion*/



/*#region Mobil */
@media (min-width: 0px) and (max-width: 992px) {
    .master_anadiv .container {
        width: 90% !important;
        max-width: 90% !important;
    }

        .master_anadiv .container .SubPage_Body {
            width: 100%;
            min-height: calc(50vh);
        }

    .master_banner_ust2 .kurum_adi {
        font-size: 1.5em;
        text-align: center;
    }

    .master_banner_ust2 .kurum_proje_adi {
        font-size: 1.5em;
        text-align:center;
    }
    .master_banner_ust2 .kurum_proje_adi:before {
        content:'-';
    }
        .master_banner_ust2 .kurum_proje_adi:after {
            content: '-';
        }

    .sayfa_govde h1,.sayfa_govde h2,.sayfa_govde h3,.sayfa_govde h4,.sayfa_govde h5 ,.sayfa_govde h6 {
        font-size: 1.5em;
    }



    .master_footer .card .card-title {
        font-size: 1.5em;
    }

    .master_footer .row, .master_footer .col {
        margin: 5px !important;       
        padding: 0px !important;
    }
    .master_footer p {
        margin: 5px !important;
    }

       

        .master_footer ul {
        }

            .master_footer ul li {
                width:100%;                
            }

        .master_footer i {
            font-size: 1.5em;
        }
}

/*#endregion*/