/*
    UTOPYA GRAFIK 2015 V1.0
    AKIN KAPLAN 5334894847,akin@utopyagrafik.com
    MEVLUT BOSTACI 5445668460,mevlutbostanci@utopyagrafik.com
*/

@import "bootstrap.min.css";
@import "jquery.fancybox.css";
@import "font-awesome.min.css";
@import "jquery-ui.css";
@import "OwlSlider/owl.carousel.css";
@import "OwlSlider/owl.theme.css";
@import "OwlSlider/HeaderSlider.css";
@import "gridNavigation.css";
@import "player/mediaelementplayer.css";
@import "player/mejs-skins.css";

@font-face {
    font-family: 'PTSansNarrowRegular';
    src: url('../fonts/PTN57F-webfont.eot');
    src: url('../fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTN57F-webfont.woff') format('woff'), url('../fonts/PTN57F-webfont.ttf') format('truetype'), url('../fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
}

@font-face {
    font-family: 'PTSansNarrowBold';
    src: url('../fonts/PTN77F-webfont.eot');
    src: url('../fonts/PTN77F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTN77F-webfont.ttf') format('truetype'), url('../fonts/PTN77F-webfont.woff') format('woff'), url('../fonts/PTN77F-webfont.svg#PTSansNarrowBold') format('svg');
}

@font-face {
    font-family: 'FontsAwesome';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.woff') format('woff'),
    /*url('../fonts/fontawesome-webfont.woff2') format('woff2'),*/
    url('../fonts/fontawesome-webfont.svg#FontsAwesome') format('svg');
}

img {
    border: none;
}

iframe {
    border: none !important;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:active {
        text-decoration: none;
    }


ul {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    background: #fff;
    font-size: 1.4em;
    height: 70%;
}

.wrapper {
    min-height: 100%;
}

/*Form*/
form {
}

    form input {
        border: 1px solid #ddd;
        height: 32px;
        width: 100%;
        padding: 0 5px 0 5px;
        margin: 0 0 10px 0;
    }

    form textarea {
        border: 1px solid #ddd;
        height: 120px;
        width: 100%;
        padding: 5px 5px 0 5px;
    }

    form .submit {
        border: 1px solid #ddd;
        height: 33px;
        width: 100px;
        background: #be3430;
        color: #fff;
        font-size: 1.3em;
        margin: 5px;
    }

    form .soru {
        width: 100px;
    }

    form select {
        border: 1px solid #ddd;
        height: 30px;
        width: 100%;
    }

        form select option {
        }

#map-canvas {
    width: 99%;
    min-height: 200px;
    border: 1px solid #ddd;
}

.navbar-brand { /*display:none !important; width:79% !important;*/
}

.navbar {
    margin-bottom: 0 !important;
}

.navbar-default {
    background: none !important;
}

.white {
    color: #fff;
}

.grey {
    color: #ddd;
}

.grey-border-bottom {
    border-bottom: 1px solid #7c7d7f !important;
}

.grey2 {
    color: #666;
}

.grey2-border-bottom {
    border-bottom: 1px solid #999 !important;
}


.head-0 {
    width: 100%;
    background: #333;
    min-height: 36px;
}

    .head-0 .dil {
        float: right;
        height: 26px;
        list-style: none;
    }

        .head-0 .dil > li {
            float: left;
            margin: 5px 0 0 7px;
        }

            .head-0 .dil > li > a {
                color: #fff;
            }

.head-1 {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    min-height: 70px;
    position: relative;
    z-index: 1;
}

    .head-1 .logo {
        padding:10px;
    }

        .head-1 .logo img {
            width: 120px;
        }

.head-0 .home {
    float: right;
    height: 30px;
    list-style: none;
}

    .head-0 .home > li {
        float: left;
        margin: 5px 0 0 7px;
    }

        .head-0 .home > li > a {
            color: #fff;
            font-size: 20px;
        }

        .head-0 .home > li > .ara {
            border: none;
            border-radius: 5px;
            height: 25px;
            margin: 2px;
            padding: 5px;
            width: 160px;
        }

    .head-0 .home li a:hover {
        color: #ddd;
    }

    .head-0 .home li div {
        color: #fff;
        padding: 4px 0 4px 15px;
    }

.nav-menu {
    width: 100%;
}

    .nav-menu .row {
        background: #ccc;
    }
/*.nav-menu .row div:nth-of-type(1)    { padding:0}*/
.logo {
    width: 100%;
}

.logo-left {
    float: left;
    margin: 8px 0 0 0;
}

.logo-orta {
    float: left;
    margin: 0 10px 0 10px;
    max-width: 50%;
}

    .logo-orta span {
        display: block;
        color: #fff;
        text-align: center;
    }

        .logo-orta span:first-child {
            margin: 15px 0 0 0;
        }

        .logo-orta span:nth-child(2) {
            line-height: 20px;
        }

        .logo-orta span:last-child {
            margin: 0;
        }

.logo-right {
    width: 7px;
    margin: 22px 0 0 0;
}

.ana-menu {
    list-style: none;
    z-index: 9999;
    float: right;
    padding: 20px 0;
}

    .ana-menu > li {
        float: left;
    }

        .ana-menu > li > a {
            color: #000;
            display: block;
            padding: 10px; /*background:url(../images/sperator.png) no-repeat right center*/
        }

        .ana-menu > li:last-child > a {
            background: none; /*padding: 65px 0px 30px 16px;*/
        }
        /*.ana-menu>li:last-child>ul>li        {margin: 5px 0 0 15px; padding: 0 0px 0 0; width: 150px; float:left;}*/
        .ana-menu > li > a:hover {
            background: #780418;
            text-decoration: none;
            color: #fff;
        }
        /*.ana-menu>li:last-child>ul           {  margin:0px -27%;}
        .ana-menu>li:nth-last-child(2)>ul    {  margin:0px -38%;}*/
        .ana-menu > li > ul {
            background: url("../images/submenubg.png");
            display: none;
            list-style: none; /*margin: 0 -20%;*/
            padding: 10px;
            position: absolute;
            width: 200px;
        }

            .ana-menu > li > ul > li {
                margin: 5px 0 0 15px;
                padding: 2px 0;
                min-width: 140px;
                float: left;
            }

                .ana-menu > li > ul > li > a {
                    color: #fff;
                    display: block;
                }

                    .ana-menu > li > ul > li > a:hover {
                        color: #ccc;
                        text-decoration: none;
                    }

                    .ana-menu > li > ul > li > a > i {
                        margin: 0 5px 0 0;
                    }

        .ana-menu > li:hover > ul {
            display: block;
        }

        .ana-menu > li > a.current {
            background: #780418;
        }

        .ana-menu > li:hover > a {
            background: #d11919;
            color: #fff;
        }

.mobilmenu {
    display: none;
}

    .mobilmenu .logo img {
        /*height: 80px;*/
        width: 130px;
    }

.navbar-brand span {
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 8px 5px 0 0;
    text-align: center;
    float: left;
}

.navbar-brand img {
    float: left;
    margin: 0;
    width: 50px;
}

h2.nav-baslik {
    width: 100%;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
}

.haber {
    width: 100%;
    overflow: hidden;
    min-height: 430px;
}

.link-duyuru {
    width: 100%;
    background: #939598;
    overflow: hidden;
}

/*ul.link                              { width: 100%; list-style:none; overflow:hidden; margin:30px 0;}
ul.link li                           { float: left; margin: 0 10px 0 0; width:32.2%; height: 104px; background:url(../images/link-shape.png) bottom center no-repeat; }
ul.link li a                         { height: 86px; display: block;}
ul.link li:nth-child(3n+3)           { margin: 0 0 0 0;}*/

/*.gri-link                            { background:url(../images/link-bg-gri.png) repeat-x top center;}*/
/*.gri-link span                       { display:none;}*/
/*.gri-link img                        { height:95%}

.red-link                            { background:url(../images/link-bg.png) repeat-x top center; }
.red-link span                       { color:#fff; padding: 33px 0 0; display: block; font-size: 14px; text-align: center;}
.red-link img                        { width: 50px; height:50px; margin: 18px 0 0 5px; float: left;}*/

ul.link {
    width: 100%;
    list-style: none;
    overflow: hidden;
    margin: 30px 0;
}

    ul.link li {
        float: left;
        margin: 0 10px 0 0;
        width: 32.2%;
        height: 104px;
        background: url(../images/link-shape.png) bottom center no-repeat;
    }

        ul.link li a {
            height: 86px;
            display: block;
            text-decoration: none;
        }

        ul.link li:nth-child(3n+3) {
            margin: 0 0 0 0;
        }

.gri-link {
    background: url(../images/link-bg-gri.png) repeat-x top center;
}

    .gri-link span {
        color: #98041e;
        padding: 33px 0 0;
        display: block;
        font-size: 14px;
        text-align: center;
    }

    .gri-link img {
        width: 50px;
        height: 50px;
        margin: 18px 0 0 5px;
        float: left;
    }

.red-link {
    background: url(../images/link-bg.png) repeat-x top center;
}

    .red-link span {
        color: #fff;
        padding: 33px 0 0;
        display: block;
        font-size: 14px;
        text-align: center;
    }

    .red-link img {
        width: 50px;
        height: 50px;
        margin: 18px 0 0 5px;
        float: left;
    }


.ana-gal {
    width: 100%;
    background: #dadada;
    padding: 0 0 20px 0;
}

.gItem {
    padding-bottom: 30px;
}

    .gItem .baslik {
        padding-bottom: 10px;
    }

ul.agaleri {
    list-style: none;
}

    ul.agaleri li {
        margin: 0 0 0 0; /*border:1px solid #999;*/
        float: left;
    }

        ul.agaleri li.galeri {
            margin: 0 0 0 0;
            width: 20%;
            float: left;
        }

        ul.agaleri li .imgcrop {
            width: 95%;
            height: 118px;
        }

        ul.agaleri li .imgcrop2 {
            width: 95%;
            margin: 5px;
            overflow: hidden;
            height: 93px;
        }

        ul.agaleri li .imgcrop img {
            width: 100%;
        }

        ul.agaleri li:nth-child(5n+5) {
            margin: 0 0 0 0;
        }

        ul.agaleri li:hover div.download {
            display: block !important;
        }

        ul.agaleri li .imgcrop .download {
            position: absolute;
            background: #fff;
            opacity: 0.7;
            margin-top: -23px;
            padding: 5px 10px 0;
            border-top-right-radius: 10px;
        }

        ul.agaleri li .imgcrop2 .download {
            position: absolute;
            background: #fff;
            opacity: 0.7;
            margin-top: 0px;
            padding: 5px 10px 0;
            border-bottom-right-radius: 10px;
        }

        ul.agaleri li.files {
            color: #666;
            border: none;
            border-bottom: 1px solid #ddd;
            padding: 5px 0px;
            margin-bottom: 5px;
            float: none;
        }

.kurumsal-tanitim {
    width: 100%;
    min-height: 180px;
    background: #198278;
}

.kurumsal-tanitim-bg {
    position: absolute;
    width: 52%;
    height: 180px;
    background: #23b1a3 url(../images/ortatantim-orta.jpg) right top repeat-y;
}

.kurumsal-tanitim .sol { /*float:left;*/
    width: 100%;
    overflow: hidden;
}

.kurumsal-tanitim .imgcrop {
    width: 120px;
    height: 140px;
    overflow: hidden;
}

    .kurumsal-tanitim .imgcrop img {
        width: 100%;
    }

.kurumsal-tanitim .text {
    display: block;
    margin: 30px 0 0 0;
    font-size: 15px;
    color: #fff;
}

    .kurumsal-tanitim .text a {
        color: #fff;
    }

        .kurumsal-tanitim .text a:hover {
            color: #ddd;
        }

.kurumsal-tanitim .sag { /*float:right*/
    width: 100%;
    overflow: hidden;
}

.grp {
    width: 60px;
    height: 120px;
    overflow: hidden;
}

.grp-left {
    float: right;
    margin: 30px;
}

.grp-right {
    float: left;
    margin: 30px;
}

.kurumsal-social {
    display: block;
    color: #ddd;
    margin: 0 5px 0 0;
}

ul.Klist {
    list-style: none;
    margin: 5px 0;
}

    ul.Klist > li {
        max-width: 200px;
    }

        ul.Klist > li > a {
            display: block;
            color: #fff;
        }

            ul.Klist > li > a:hover {
                text-decoration: none;
                color: #000;
                cursor: pointer;
            }

            ul.Klist > li > a > i {
                margin: 0 5px 0 0;
            }

.crop-left {
    margin: 30px 15px 0 0;
}

.crop-right {
    margin: 30px 0 0 15px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.footer {
    width: 100%;
    background: #01a0e2;
    min-height: 200px;
}

.footer2 {
    width: 100%;
    background: #fff;
    min-height: 200px;
}

.footer-links {
    list-style: none;
    margin: 30px 0;
}

    .footer-links > li {
        float: left;
        margin: 0 20px 10px 0;
        width: 46%;
    }

        .footer-links > li:nth-child(4n+4) {
            margin: 0 0 10px 0;
        }

        .footer-links > li > a {
            color: #f3f3f3;
            border-bottom: 0px dotted #ccc;
            display: block;
            font-weight: bold;
        }

            .footer-links > li > a:hover {
            }

            .footer-links > li > a.current {
            }

        .footer-links > li > ul {
            list-style: none;
            margin: 10px 0;
            min-height: 100px;
        }

            .footer-links > li > ul > li {
                padding: 10px 0;
                font-size: 12px;
                border-color: rgba(255, 255, 255, 0.15) -moz-use-text-color -moz-use-text-color;
                border-style: solid none none;
                border-width: 1px medium medium;
            }

                .footer-links > li > ul > li a {
                    display: block;
                }

                .footer-links > li > ul > li > a {
                    color: #fff;
                }

                    .footer-links > li > ul > li > a:hover {
                        color: #999;
                        text-decoration: none;
                        cursor: pointer;
                    }

.footer-adres {
    color: #fff;
    margin: 17% 0 0;
}

    .footer-adres .logo {
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
    }

        .footer-adres .logo span {
            color: #000;
        }

        .footer-adres .logo img {
            width: 50%;
        }

.label-copy {
    display: block;
    color: #f3f3f3;
    margin: 22% 0 0;
    font-size: 12px;
}

.label-adres {
    display: block;
}

    .label-adres a {
        color: #ddd;
    }

    .label-adres div {
    }
/*Detay*/
.detay-ara-div {
    width: 100%;
    height: 90px;
}

.Responsive-menu-in-page {
    display: none;
    cursor: pointer;
    color: #fff;
    position: absolute;
    right: 0;
    top: 7px;
    z-index: 2147483647;
    text-align: right;
    border: 1px solid #1c3361;
}

.menu-in-page {
    display: block;
}

.haber-sar-tepe {
    width: 100%;
    padding: 60px 0 15px 0;
}

.tepe-nav {
    font-size: 12px;
    padding: 10px;
    float: right;
}

    .tepe-nav a {
        color: #fff;
        display: inline !important;
    }

    .tepe-nav span.sperator {
        padding: 0px 10px;
        display: inline !important;
        color: #fff;
    }

    .tepe-nav .more {
        float: right;
    }

        .tepe-nav .more > a {
            color: #fff;
            font-size: 14px;
            margin-left: 10px;
        }

.detay {
    margin-top: 10px;
}

    .detay p {
        color: #000;
        text-align: justify;
    }

    .detay h2 {
        color: #000;
        text-align: justify;
        font-size: 18px;
    }

    .detay h3 {
        font-size: 16px;
        font-weight: normal;
        text-align: justify;
    }

.detay-sag-ic {
    padding: 20px 0px 5px;
}

    .detay-sag-ic img.ana {
        width: 100%;
    }

.inner-text {
    padding: 20px 5px;
}

    .inner-text img {
        width: 100%;
    }

    .inner-text table {
        width: 100%;
        font-size: 14px;
    }

        .inner-text table th {
            background: #0069a8;
            color: #fff;
            padding: 5px;
            font-weight: normal;
            text-align: left;
        }

        .inner-text table td {
            padding: 5px;
            border-bottom: 1px solid #ddd;
        }

        .inner-text table tr:hover {
            background: #f3f3f3;
        }

    .inner-text h2 {
        font-size: 16px;
    }

    .inner-text h3 {
        font-size: 16px;
        font-weight: normal;
    }

    .inner-text p {
        color: #000;
    }

ul.solmenu {
    height: auto;
    list-style: none;
    padding: 10px;
    text-align: left;
}

    ul.solmenu.act {
        display: block;
        background: #fff;
    }

    ul.solmenu li {
        border-bottom: 1px dotted #ddd;
        float: none;
    }

        ul.solmenu li.has-sub:last-child {
            border-bottom: 0px;
        }

        ul.solmenu li a.active {
            color: #000 !important;
            font-weight: bold;
        }

        ul.solmenu li a {
            background: url("../images/solmenu-ana-bullet.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
            color: #000;
            cursor: pointer;
            display: block;
            font-size: 14px;
            padding: 4px 15px;
        }

            ul.solmenu li a:hover {
                background: url("../images/solmenu-ana-bullet-hover.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
                color: #666;
            }

            ul.solmenu li a.current {
                background: url("../images/solmenu-ana-bullet-kirmizi.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
                border-bottom: 1px solid #ccc;
                color: #000;
                font-weight: bold;
            }

            ul.solmenu li a.open {
                background: url("../images/solmenu-ana-open.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
                border-bottom: 1px solid #ccc;
                color: #000;
                font-weight: bold;
            }

        ul.solmenu li ul {
            display: none;
            margin: 0 15px;
            padding: 0;
            list-style: none;
        }

            ul.solmenu li ul li {
                border: medium none;
            }

                ul.solmenu li ul li a {
                    background: url("../images/alt-menu-bullet-kat1.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
                    font-weight: normal;
                }

                    ul.solmenu li ul li a:hover {
                        background: url("../images/alt-menu-bullet-kat1-hover.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
                        color: #000; /*font-weight: bold;*/
                    }

                    ul.solmenu li ul li a.current {
                        background: url("../images/alt-menu-bullet-kat1-kirmizi.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
                        border: medium none;
                        color: #000;
                    }

                ul.solmenu li ul li ul {
                    margin: 0 15px;
                    padding: 0;
                }

                    ul.solmenu li ul li ul li {
                        border: medium none;
                        margin: 0;
                        padding: 0;
                    }

                        ul.solmenu li ul li ul li a {
                            background: url("../images/alt-menu-bullet-kat2.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
                        }

                            ul.solmenu li ul li ul li a:hover {
                                background: url("../images/alt-menu-bullet-kat2-hover.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
                                color: #000; /*font-weight: bold;*/
                            }

                            ul.solmenu li ul li ul li a.current {
                                background: url("../images/alt-menu-bullet-kat2-kirmizi.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
                                border: medium none;
                                color: #000;
                            }

                        ul.solmenu li ul li ul li ul {
                            margin: 0 15px;
                            padding: 0;
                        }

                            ul.solmenu li ul li ul li ul li {
                                border: medium none;
                                margin: 0;
                                padding: 0;
                            }

                                ul.solmenu li ul li ul li ul li a {
                                    background: url("../images/alt-menu-bullet-kat3.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
                                    color: #666;
                                }

                                    ul.solmenu li ul li ul li ul li a:hover {
                                        background: url("../images/alt-menu-bullet-kat3-hover.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
                                        color: #000;
                                    }

                                    ul.solmenu li ul li ul li ul li a.current {
                                        background: url("../images/alt-menu-bullet-kat3-kirmizi.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);
                                        border: medium none;
                                        color: #000;
                                    }

.sosyal-ara-div {
    width: 100%;
    height: 10px;
    border-bottom: 1px dotted #ccc;
}

.sosyal-div {
    float: left;
    min-width: 100px;
    width: 15%;
    margin: 10px 0;
}

.sosyal-div-sag {
    float: right;
    margin: 10px 25px;
}

    .sosyal-div-sag a {
        display: inline;
        color: #000;
        font-size: 15px;
    }

    .sosyal-div-sag img {
        width: 17px;
        height: 17px;
        margin: 0 4px;
    }

.detay-avadanlik {
    position: absolute;
    right: 23px;
    top: 10px;
}

.harflerb {
    border-radius: 3px;
    float: right;
    font-size: 15px;
    margin-left: 10px;
    cursor: pointer;
}

.harflerk {
    float: right;
    font-size: 15px;
    cursor: pointer;
}

.buicerigipaylas {
    background: #333;
    float: right;
    display: block;
    padding: 5px;
    color: #fff !important;
    cursor: pointer;
}

.bunupaylas {
    display: block;
    color: #000 !important;
    cursor: pointer;
}

.popup-background {
    position: fixed;
    display: none;
    background: #fff;
    opacity: .5;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

.mailgonder {
    position: fixed;
    width: 30%;
    min-height: 160px;
    top: 30%;
    left: 40%;
    background: #fff;
    border: 2px solid #ddd;
    display: none;
    z-index: 100001;
}

    .mailgonder .text {
        width: 90%;
        height: 30px;
        margin: 20px;
    }

    .mailgonder label {
        display: block;
        padding: 20px 0 0 20px;
        color: #999;
        font-size: 15px;
        float: left;
    }

    .mailgonder span { /*display:block;margin: 0 20px; color:green;*/
    }

    .mailgonder .icerigiGonder {
        background: #105690;
        float: right;
        display: block;
        padding: 4px;
        margin: 0 28px;
        color: #fff;
        border: none;
        cursor: pointer;
    }

    .mailgonder .close {
        float: right;
        width: 20px;
        margin: 5px;
        cursor: pointer;
    }

        .mailgonder .close img {
            width: 90%;
        }


.alt-bant {
    width: 100%;
    float: left;
    margin: 0 0 30px 0;
}

    .alt-bant ul li:first-child {
        border-top-left-radius: 5px;
    }

    .alt-bant ul li:last-child {
        border-top-right-radius: 5px;
    }

/*ALERT*/
.alert {
    width: 48%;
    min-height: 30px;
    height: auto;
    opacity: 0;
    display: none;
    position: absolute;
    left: 1%;
    top: 20%;
}

    .alert span {
        display: block;
        color: #fff;
        padding: 5px;
        background: #373737;
        margin: 1px 0;
    }

#t3 ul {
    list-style: none;
}

    #t3 ul li {
        float: left;
        width: 100%;
    }

        #t3 ul li a div.olg {
            padding: 0px;
            display: block;
        }

        #t3 ul li span {
            display: block;
            text-align: center;
            width: 100px;
        }

#t4 div.bilgi {
    margin: 0px 0;
}

    #t4 div.bilgi img {
        background: #000;
        width: 20px;
    }

    #t4 div.bilgi a {
        float: left;
        margin: 0 2px 0 0;
    }

.dosya-adi {
    float: left;
    padding: 0 7px;
    font-size: 14px;
}


.form label {
    display: block;
    color: #666;
    font-size: 14px;
    padding: 5px 0;
}

.form input {
    display: block;
    height: 30px;
}

.form textarea {
    display: block;
    height: 70px;
}

.form .submit {
    display: block;
    width: 80px;
    height: 40px;
    float: left;
    margin: 10px 1px;
    padding: 9px;
    background: #373737;
    border: none;
    color: #fff;
}

.haber-resimleri {
    float: right;
    margin: 0px 0px 10px 10px;
    max-width: 250px;
}

ul.haber-resim {
    list-style: none;
    width: 100%;
    margin: 10px 0;
}

    ul.haber-resim li {
        float: left;
        margin: 0;
    }

        ul.haber-resim li .imgcrop {
            width: 95%;
            overflow: hidden;
            margin: 5px; /*height:80px;*/
            height: 40px;
        }

            ul.haber-resim li .imgcrop img {
                width: 100%;
            }
/*.detay .baslik                             { font-weight:bold;}*/
.lokal-player-ikon {
    width: 133% !important;
    margin: 0 -15%;
}

.vimeo-thumb-ikon {
    width: 133% !important;
}

.youtube-thumb-ikon {
    width: 100% !important;
}


.duyuru .kisaca {
    height: 68px;
    overflow: hidden;
}

.haber .kisaca {
    height: 66px; /*height:85px;*/
    overflow: hidden;
}

.link-grid {
    width: 100%;
}

.link-grid-left {
    width: 50%;
    background: #d10a11;
    float: left;
}

.link-grid-right {
    width: 50%;
    background: #23b1a3;
    float: right;
}

.link-grid-left div {
    min-width: 240px;
    height: 75px;
    float: right;
}

.link-grid-right div {
    min-width: 240px;
    height: 75px;
    float: left;
}

/*Media elements*/
@media (max-width:980px) {
    .ana-menu > li > a {
        padding: 48px 12px 30px 12px;
    }
    .emodal-container{
        width:75% !important;
    }
    body {
        font-size: 1.2em;
    }

    ul.link li {
        width: 48.8%;
    }

        ul.link li:nth-child(2n+2) {
            margin: 0 0 10px 0 !important;
        }

        ul.link li:nth-child(3n+3) {
            margin: 0 10px 10px 0;
        }

    .grp-left {
        margin: 30px 0;
    }

    .grp-right {
        margin: 30px 0;
    }

    .footer-links > li {
        /*width: 32.4%;*/
    }

        .footer-links > li:nth-child(2n+2) {
            margin: 0 0 10px 0;
        }

        .footer-links > li:nth-child(4n+4) {
            margin: 0 10px 10px 0;
        }
}

@media (max-width:992px) {
    .nav-menu {
        display: none;
    }

    .head-1 {
        display: none;
    }

    .mobilmenu {
        display: block;
        overflow:hidden;
    }

    .navbar-brand {
        display: block !important;
    }

        .navbar-brand span {
            float: none !important;
            width: 200px;
        }
        .emodal-container{
        width:75% !important;
    }
}

@media (max-width:960px) {
    /*.nav-menu                            { display:none}
.mobilmenu                           { display:block;}
.navbar-brand                        { display:block !important;}
.navbar-brand span                   { float:none !important; width:200px;}*/
}

@media (min-width:640px) and (max-width:900px) {
    ul.link li:nth-child(2n+2) {
        margin: 0 10px 10px 0 !important;
    }

    ul.link li:nth-child(3n+3) {
        margin: 0 0 10px 0 !important;
    }

    ul.link li {
        width: 32.2%;
    }
    .emodal-container{
        width:75% !important;
    }
    
}

@media (min-width:320px) and (max-width:900px) {
    .kurumsal-tanitim-bg {
        background: #23b1a3;
        width: 100%;
    }
    .emodal-container{
        width:75% !important;
    }
    .kurumsal-tanitim .sol ul.Klist {
        margin: 30px 10%;
    }

    .kurumsal-tanitim .sag ul.Klist {
        margin: 30px 10%;
    }

    .kurumsal-tanitim .sag {
        margin: 40px 0;
    }
}

@media (max-width:800px) {
    .emodal-container{
        width:75% !important;
    }
    .menu-in-page {
        display: none;
    }

    .Responsive-menu-in-page {
        display: block;
    }

    .page-nav .title {
        text-align: center;
    }

    .page-nav .tepe-nav {
        float: none;
        text-align: center;
        position: relative;
    }

    .solmenu {
        display: none;
    }

        .solmenu li {
            padding: 5px;
        }

    .haber-resimleri {
        float: right;
        margin: 0;
    }

    ul.agaleri li.galeri .imgcrop {
        height: auto;
    }

    .link-grid-left {
        width: 50%;
        background: none;
    }

    .link-grid-right {
        width: 50%;
        background: none;
    }

    .link-grid-left div {
        width: 100%;
        text-align: right;
    }

    .link-grid-right div {
        width: 100%;
        text-align: left;
    }

        .link-grid-right div img {
            height: 100%;
        }

    .link-grid-left div img {
        height: 100%;
    }

    .link-grid-left div:first-child {
        background: #d7b201;
    }

    .link-grid-left div:last-child {
        background: #d10b11;
    }

    .link-grid-right div:first-child {
        background: #283583;
    }

    .link-grid-right div:last-child {
        background: #23b1a3;
    }
}

@media (max-width:768px) {
    
}

@media (max-width:640px) {
    .kurumsal-tanitim .sol ul.Klist {
        float: left;
        margin: 30px 10%;
    }
    .emodal-container{
        width:90% !important;
    }
    .footer-links > li {
        width: 45.8%;
    }

        .footer-links > li:nth-child(2n+2) {
            margin: 0 0 10px 0 !important;
        }

        .footer-links > li:nth-child(3n+3) {
            margin: 0 10px 10px 0;
        }

    #t3 ul li div.olg {
        float: left;
        width: 100%;
    }
}

@media (max-width:480px) {
    .kurumsal-tanitim .sol ul.Klist {
        margin: 0;
    }
    .emodal-container{
        width:90% !important;
    }
    .kurumsal-tanitim .sag ul.Klist {
        margin: 0;
    }

    .mailgonder {
        left: 4%;
        width: 90%;
    }

    .haber-resimleri {
        float: none;
        margin: 0;
    }
}

@media (max-width:360px) {
    ul.link li {
        width: 98.8%;
    }
    .emodal-container{
        width:90% !important;
    }
    .kurumsal-tanitim .kurumsal-social {
        float: left;
    }

    .kurumsal-tanitim .sol .grp-left {
        float: none;
        margin: 0;
    }

    .kurumsal-tanitim .sol .grp {
        width: 120px;
        height: 30px;
    }

    .kurumsal-tanitim .sag .grp-right {
        float: right;
        margin: 0 -20px;
    }

    .kurumsal-tanitim .sag .grp {
        width: 120px;
        height: 30px;
    }

    .footer-links > li {
        width: 100%;
    }

    .mailgonder {
        width: 70%;
    }

    .head-1 .home {
        float: none;
    }

    .haber .kisaca {
        height: 77px;
    }

    .duyuru .kisaca {
        height: 66px;
    }

    .link-grid-left {
        width: 100%;
    }

    .link-grid-right {
        width: 100%;
    }

    .link-grid-left div {
        text-align: center;
    }

    .link-grid-right div {
        text-align: center;
    }
}

@media (max-width:320px) {
    .haber .kisaca {
        height: 77px;
    }

    .duyuru .kisaca {
        height: 66px;
    }
}



/*------------*/
.all-loads {
    display: none;
}

    .all-loads .load {
        margin: 0 auto;
        position: fixed;
        left: 48%;
        top: 44%;
        z-index: 9999999;
    }

    .all-loads .bg {
        top: 0;
        left: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #fff;
        -moz-opacity: 0.8;
        opacity: 0.8;
        z-index: 999999;
    }


#anketBox {
    position: fixed;
    width: 300px;
    z-index: 9999;
    left: -600px;
    border: 2px solid #ae0f0a;
    min-height: 100px;
    bottom: 20px;
    background: #fff;
}

    #anketBox .box {
    }

    #anketBox .text {
        min-height: 80px;
        padding: 10px;
        text-align: center;
    }

    #anketBox .box a {
        font-style: italic;
        color: #333;
    }

    #anketBox .boxKapat {
        float: right;
        padding: 3px 9px;
        background: #ae0f0a;
        color: #fff;
        cursor: pointer;
        margin-top: -81px;
    }

    #anketBox .boxGosterme {
        float: right;
        padding: 3px;
        background: #ae0f0a;
        color: #fff;
        cursor: pointer;
    }


.mobilmenu .dropdown-menu a {
    color: #0f2249 !important;
}

    .mobilmenu .dropdown-menu a:hover {
        color: #ddd !important;
    }

.pageForm label {
    font-weight: normal;
    color: #222;
    font-size: initial;
    padding: 0px;
}


.uyari-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

    .uyari-danger span {
        color: #a94442 !important;
    }

.uyari {
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    cursor: pointer;
}

.uyari-success,
.uyari-success span {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

#map-canvas {
    width: 100%; /*height: 300px; border: 4px solid #fff; margin:0 auto*/
}

.route-set {
    width: 100%;
    min-height: 50px;
    max-height: 100px;
    background: #96c64f;
    margin: 20px auto;
    position: fixed;
    z-index: 9;
    max-width: 940px;
    left: 0;
    right: 0;
}

.route-set-open {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #96c64f url(../images/cark.png) no-repeat center center;
    background-size: 70%;
    margin: 4px 0;
    cursor: pointer;
}

#rotalar {
    padding: 6px;
    width: 10%;
}

.interactive-map-bg {
    width: 100%;
    position: fixed;
    margin: 0 auto;
    max-width: 940px;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    min-height: 50px;
}

.map-kit {
    float: right;
}

.map-kit-tools {
    display: none;
    height: 0px;
    position: absolute;
    width: 240px;
    background: #f8f8f8;
    top: 40px;
    overflow: hidden;
    right: 0;
}

.interactive-map-bg span.a {
    display: block;
    font-weight: bold;
    font-size: 26px;
    color: #373737;
    padding: 20px 10px;
    float: left;
}

.interactive-map-bg span.b {
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #373737;
    padding: 8px 35px;
    float: left;
}

.interactive-map-bg span.c {
    width: 20px;
    height: 20px;
    background: url(../images/down.png) no-repeat;
    position: absolute;
    background-size: 100%;
    top: 7px;
    right: 7px;
}

#mapKat {
    list-style: none;
    padding: 10px;
    margin: 0px;
}

.map-kit-tools ul > li {
    border-bottom: 1px dotted #000;
    padding: 7px 0;
}

    .map-kit-tools ul > li > a {
        display: block;
        padding: 5px 30px;
        background-size: 13% !important;
    }

.map-canvas {
    height: 90% !important;
    position: absolute !important;
    width: 100% !important; /*top:162px !important;*/
}

.search .baslik {
    padding-bottom: 1px;
    font-size: 16px;
}

.search .liste {
    font-size: 14px;
}

.search .nav,
.search .nav a {
    font-size: 14px;
    color: #999;
    padding: 2px 0;
}

    .search .nav .sperator {
        padding: 0px 5px;
    }

.ui-accordion .ui-accordion-header {
    background: #780417 url(../images/menu-bg.jpg) repeat-x center 0px !important;
    color: #fff;
}

.ui-icon-triangle-1-e {
    background: #000 !important;
    border-radius: 100% !important;
}

.ui-icon-triangle-1-s {
    background: #fff !important;
    border-radius: 100% !important;
}

.ui-accordion .ui-accordion-content {
    padding: 10px !important;
}




/*--poll--*/
#cvplr ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #cvplr ul li {
        padding: 5px;
        border-bottom: 1px dotted #666;
        margin: 0px;
    }

.gizle {
    display: none;
}

.goster {
    display: block;
}
/*.pollpage .islem .uyari               { cursor:pointer}*/
.pollList {
    list-style: none;
}

.pollList {
    padding: 5px;
}

    .pollList .pollTitle {
        padding-left: 20px;
        background: url('/library/images/icons/poll.png') left center no-repeat;
    }

#pollLst .baslik {
    font-weight: bold;
}




#owl-slider {
    z-index: 0;
}

    #owl-slider .item img {
        display: block;
        width: 100%;
        height: auto;
    }

.index-box {
    /*border: 1px solid #ccc;*/
    padding: 0;
    position: relative;
    margin-bottom: 10px;
}

    .index-box .text {
        /*background-image: url("/library/images/index/blue_a200.png");
        background-repeat: repeat;*/
        bottom: 0;
        color: #F47C20;
        font-size: 26px;
        font-weight: bold;
        /*margin-bottom: -25px;*/
        padding: 1% 0;
        position: absolute;
        text-align: center;
        /*text-transform: uppercase;*/
        width: 100%;
        z-index: 1;
    }

    .index-box img {
        width: 100%;
        max-height: 318px;
        padding: 10px;
    }

    .index-box i::after, .post-rollover i::after, .fs-entry-img i::after {
        background-position: center center;
        background-repeat: no-repeat;
        content: "";
        height: 50px;
        left: 50%;
        margin: -25px 0 0 -25px;
        position: absolute;
        top: 50%;
        width: 50px;
    }

.index-line-bg-blue {
    background: #1c3361;
    color: #fff;
}

.index-line-bg-white {
    background: #fff;
    color: #000;
}

.index-line-bg-white, .index-line-bg-blue .text-center {
    padding: 10px 0 20px 0;
}

.index-line-bg-white, .index-line-bg-blue {
    font-size: 16px !important;
    line-height: 26px;
    padding: 10px 5px;
}

.navbar-toggle {
    float: none;
    margin: 10px auto;
    width: 30%;
}

    .navbar-toggle .text {
        padding-left: 10px;
        font-weight: bold;
        color: #fff;
    }

.el {
    cursor: pointer;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: #fff;
}

    .navbar-default .navbar-toggle:focus > .text, .navbar-default .navbar-toggle:hover > .text {
        color: #000;
    }

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background: #0f2249;
}

.navbar-nav > li > a {
    padding: 10px;
}

.nav > li:nth-last-child(2) > ul.dropdown-menu {
    left: -100%;
}

.nav > li:last-child > ul.dropdown-menu {
    left: -100%;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background: #0f2249;
}

.navbar-nav .open .dropdown-menu {
    background: #fff;
}

.head-1 .dropdown-toggle,
.head-1 .dropdown-toggle2 {
    color: #0f2249;
}

.head-1 .nav {
    list-style: none;
    z-index: 9999;
    /*float: right;
    padding: 20px 0;*/
}

    .head-1 .nav > li:hover > ul {
        display: block;
    }

    .head-1 .nav > li:last-child > ul.dropdown-menu {
        left: -100%;
    }

    .head-1 .nav > li:last-child > ul.dropdown-menu {
        width: 100px;
    }

    .head-1 .nav > li:nth-last-child(2) > ul.dropdown-menu {
        left: -100%;
    }

.position-absolute {
    position: absolute;
}

.page-nav {
    background:#01a0e2; /*#1c3361;*/
}

    .page-nav .container {
        padding: 20px;
    }

    .page-nav .title {
        color: #fff;
        font-size: 20px;
        padding-top: 7px;
    }

.contact .baslik {
    padding: 10px 0;
    font-size: 18px;
}

.listBox {
    padding: 10px;
    margin-bottom: 20px;
}

    .listBox .title h4 {
        font-size: 18px;
        color: #0f3272 !important;
    }

    .listBox .title {
        line-height: 25px;
        text-align: justify;
        height: 170px;
        overflow: hidden;
    }

    .listBox .img {
        width: 100%;
        height: auto;
        position: relative;
    }

    .listBox i {
        background: url(../images/listBox.png);
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        display: none;
    }

    .listBox:hover > .listBox i {
        opacity: .6 !important;
        display: block !important;
    }
.select-product ul{ list-style:none;}
.select-product li.tab {
    background-color: rgba(136, 136, 136, 0.04);
    text-transform: uppercase;
}

div.select-product li {
    border: 1px solid rgb(240, 240, 240);
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}

.select-product li.tab a {
    color: #3a3a3a;
    display: inline-block;
    padding: 8px 12px;
    text-decoration: none;
}

    .select-product li.tab a:hover, .select-product li.active a {
        color: #fff;
        background-color: #1c3361;
    }

.right-listBox {
    padding: 10px;
    margin-bottom: 20px;
}

    .right-listBox .title h4 {
        font-size: 18px;
        color: #0f3272 !important;
    }

    .right-listBox .title {
        line-height: 25px;
        text-align: justify;
    }

    .right-listBox .img {
        width: 100%;
        height: auto;
        position: relative;
    }

    .right-listBox .btn {
        background-color: #1c3361;
        color: #fff;
    }

        .right-listBox .btn:hover {
            text-align: right;
        }
        .right-listBox .imgbtn:hover>.right-listBox .btn{
            text-align: right;
        }

.owl-page-slider li.ui-state-active {
    border: 1px solid #fff;
}

.label-adres .home {
    float: left;
    height: 30px;
    list-style: none;
}

    .label-adres .home > li {
        float: left;
        margin: 5px 7px 0 0;
    }

        .label-adres .home > li > a {
            color: #fff;
            font-size: 20px;
        }

        .label-adres .home > li > .ara {
            border: none;
            border-radius: 5px;
            height: 25px;
            margin: 2px;
            padding: 5px;
            width: 160px;
        }

    .label-adres .home li a:hover {
        color: #ddd;
    }

    .label-adres .home li div {
        color: #fff;
        padding: 4px 0 4px 15px;
    }

a.scroll-top {
    float: right;
    position: fixed;
    /*right: 90px !important;*/
    right: 10px !important;
    bottom: 15px !important;
    z-index: 9999;
}

.scroll-top.on {
    right: 15px;
    opacity: 1;
    z-index: 109;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.emailModal {
    float: right;
    position: fixed;
    right: 20px !important;
    bottom: 15px !important;
    z-index: 9999;
}

.emodal-container {
    float: right;
    position: fixed;
    right: 20px !important;
    bottom: 15px !important;
    width: 75%;
    max-width:500px;
     z-index: 9999;
}

.eModal {
    position: absolute;
    right: -1000px;
    bottom:60px;
    background-color: rgb(249, 249, 249);
    padding: 18px;
    width: 100%;
    /*min-height: 300px;*/
    top: auto !important;
    box-shadow: rgba(2, 2, 2, 0.227451) 0px 5px 20px 10px !important;
     
}

.eModal .close{
    float:right;
    top:0;
}

#owl-news .item {
    border:1px solid #ccc;
    margin:5px;
    background:#f3f3f3;
}
#owl-news .item img{
    width:100%;
    height:200px;
    overflow:hidden;
}
#owl-news .item .baslik{
    font-size:14px;
    text-align:left;
    padding:5px 10px;
    height: 50px;
    overflow: hidden;
}
#owl-news .item .text{
    text-align:left;
    padding:5px 10px;
    height:90px;
    overflow:hidden;
}
#owl-news .item a{
    margin:10px 0;
}
#owl-news .osl-buttons{
    margin: -33% auto;
}
 #owl-news .owl-pagination{
    margin-bottom: -12px;
}
 .margin-bottom-10{margin-bottom:10px}
 .margin-bottom-20{margin-bottom:20px}
 .margin-top-20{margin-top:20px;}
 .margin-top-10{margin-top:10px;}