body {
    font-family:Arial, Helvetica, sans-serif;
}

.topbar {background-color:#175495; padding:15px; line-height:90px;}
.topbar img {height:90px;}
.topbar a {color: #fff; text-decoration:none; line-height:50px; display:inline-block; padding:0px 10px; font-size:12px; margin:0px; }
.topbar a:hover { text-decoration:none;background-color:#3d588b; color:white; padding:0px 10px; border-radius:10px; }
.topbar a.active {background-color:white; color:#2b3f65; margin:10px; padding:0px 10px; border-radius:10px;}

.topbar .logo {float:left; font-size:25px; font-weight:bold; color:white; line-height:50px;}
.topbar .menu {float:right;}

.topbar-mobile {background-color:#175495; padding:5px; height:110px;}
.topbar-mobile .logo {float:left; font-size:15px; font-weight:bold; color:white; line-height:80px;}
.topbar-mobile .logo img {max-height:90px; max-width:80%;}

.topbar-mobile .menu-link {position:absolute; top:10px; right:10px; line-height:90px;}
.topbar-mobile .menu-link a {color:white; font-size:30px;}
.topbar-mobile .menu {}

#topbar-mobile-menu { width:100%;}
#topbar-mobile-menu a {color: black; border-bottom:solid 1px silver; display:block; text-decoration:none; line-height:20px;  padding:10px 10px; }


.banner {background-color:#f7f9fa; padding:50px; }
.banner img {width:100%;}
.banner .banner-yazi { padding:100px; }
.banner .banner-yazi h1 {background-color:none; color:white; margin-top:-50px;}
.banner .banner-yazi p {padding-right:50px; color:white;}

h1 {color:#2b3f65;}
    h1:after {
        content: "";
        display: block;
        background-color: #175495;
        height: 3px;
        width: 70px;
        margin-top: 10px;
    }
h2 {text-align:center; font-weight:bold; font-size:22px; margin-top:10px; margin-bottom:40px; color:#2b3f65;}
    h2:after {
        content: "";
        display: block;
        background-color: #175495;
        height: 3px;
        width: 70px;
        margin: auto;
        margin-top: 10px;
    }

h4 {font-size:22px;color:#2b3f65; }
p {font-size:16px; line-height:24px;}
th , td {font-size:16px; line-height:24px; padding-bottom:10px;}
.card {margin-top:40px;}
.card .card-image img {width:100%; border-radius:20px;}
.card .card-heading {font-weight:bold; text-align:center; font-size:18px; margin-top:20px; margin-bottom:8px;}

.bolum {padding:60px; }
.bolum-ozellikler {background-color:#f7f9fa;}
.bolum-hakkimizda { }
.bolum-iletisim {background-color:#f7f9fa;}
.bolum-footer {background-color:#1b2126; color:#d6d7d7; padding:50px;}
.bolum-footer .app-store {text-align:right; margin-top:0px;}
.mobile-app-store {display:none;}

.golge {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.50);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.50);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.50);
}

/* Yukarı Çık Düğmesi */
.bottomMenu {position:fixed; right:60px; bottom:15px; font-size:45px; font-weight:bold;  display:none; }
.bottomMenu a {color:#d5b702;}
.bottomMenu a:visited {color:#d5b702;}


@media screen and (max-width: 1000px) {
    .banner {background-color:#f7f9fa; padding:50px; }
    .banner img {width:100%;}
    .banner .banner-yazi { padding:10px; margin-bottom:50px;}
    .banner .banner-yazi h1 {background-color:none; color:white; margin-top:20px;}
    .banner .banner-yazi p { color:white;}

    .bolum-footer .app-store {display:none;}
    .mobile-app-store {position:fixed; bottom:0px; display:block; width:100%; }
    .mobile-app-store > div {background-color:#eef1f1; border:solid 1px silver; margin:auto; padding:10px; }
}