@import url("fonts.css");

.bg-repeat {height: 88px; position: absolute;  background-image:url('../images/header-bg.png'); z-index: 10;}

.mobilDiv {background: #000; display: none; z-index: 90; position: relative;}
.searchBox form { float: right;}
.searchBox form .input-gr { float: left; margin: 15px 0; margin-left: 45px; position: relative;}
.searchBox form .input-gr label { font: 16px proxima-regular; color: #000; margin: 0 10px 0 0;}
.searchBox form .input-gr .box { width: 200px; border-radius: 4px; background: #06304a; padding: 10px 5px; border-radius: 3px; font: 14px proxima-regular; color: #fff;}
.searchBox form .input-gr .btn { background: url(../images/search.png) center no-repeat; width: 16px; height: 16px; position: absolute; top: 10px; right: 10px; cursor: pointer;}

.menuBox {}
.menuBox .container_12 .col12 > ul {}
.menuBox .container_12 .col12 > ul > li {border-bottom:1px solid #1A587E;}
.menuBox .container_12 .col12 > ul > li > a {font:19px proxima-semibold;color:#fff;display:block;padding:15px 0;}
.menuBox li ul {margin:0 0 20px 0;border-left:1px solid #1A587E;padding:0 0 0 25px;display:none;}
.menuBox li ul li {}
.menuBox li ul li a {font:18px proxima-light;color:#fff;display:block;padding:10px 0;}


h1 {
    font-size: 3em;
    margin: 20px 0;
}

.container {
    width: 100%;
    margin: 10px auto;
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}

    ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 31px;
        line-height: 31px;
        border: 1px solid #999;
        border-left: none;
        margin-bottom: -1px;
        color: #fff;
        background-image: url('images/ul.png');
        overflow: hidden;
        position: relative;
    }

        ul.tabs li a {
            text-decoration: none;
            color: #000;
            display: block;
            font-size: 1.2em;
            padding: 0 20px;
            border: 1px solid #fff;
            outline: none;
        }

            ul.tabs li a:hover {
                background-image: url('images/ul2.png');
            }

html ul.tabs li.active, html ul.tabs li.active a:hover {
    background: #fff;
    border-bottom: 1px solid #fff;
}

.tab_container {
    border: 1px solid #999;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_content {
    padding: 20px;
    font-size: 1.2em;
}

    .tab_content h2 {
        font-weight: normal;
        padding-bottom: 10px;
        border-bottom: 1px dashed #ddd;
        font-size: 1.8em;
    }

    .tab_content h3 a {
        color: #254588;
    }

    .tab_content img {
        /* float: left; */
        margin: 0 20px 20px 0;
        border: 1px solid #ddd;
        padding: 5px;
    }
/* =========== Search Box =========== */

header {position: relative; z-index: 10;}
header .container_12 {position: relative;}
header .logo {position: relative; z-index: 10; float: left; margin-top:5px;}
header .logo img {}
header .menu { position: absolute; top: 0; right: 10px; height: 88px; width: 100%; background: url('../images/header-bg.png') repeat-x;}
header .menu ul {float: right;margin: 0 0 0 0;}
header .menu ul li {float: left;margin: 0 1px 0 0;}
header .menu ul li a {font: 15px/78px 'Roboto Condensed'; color: #525252; display: block; padding: 0 13px; transition: all ease 0.3s;}
header .menu ul li:hover a , header .menu ul li a.on {background: #e10827; color:#fff;}
header .menu ul li a.home {background: url(../images/nav-icon.png) left center no-repeat; width: 15px; padding: 0; margin: 0 15px; height: 79px;}

header .menu .search { float: right;}
header .menu .search a {display: block; width: 34px; height: 79px; float: right; margin: 0 0 0 1px; background: center no-repeat #02135c;}
header .menu .search a.searchBtn {background: url(../images/arp.png); font: 15px/79px 'Open Sans Condensed'; color:#fff; text-align:center; opacity:0.8;}
header .menu .search a.MobilBtn {background-image: none; color: #fff; width: auto; font: 21px/79px 'Open Sans Condensed'; padding: 0 20px; display: none;}
header .menu .search a.MobilBtn i {font-size: 25px; position: relative; top: 2px; margin: 0 10px 0 0;}
header .menu .search a.MobilBtn span{}
header .menu .open a {display: block; width: 34px; height: 79px; float: right; margin: 0 0 0 1px; background: center no-repeat #02135c;}
header .menu .open a.searchBtn {background-image: url(../images/searchOpen.png);}

header .menu .lang {float: right;position: relative;margin: 0 0 0 1px;}
header .menu .lang a {font: 15px/79px 'Open Sans Condensed'; color: #fff; width: 34px; display: block; text-align: center; padding: 0; position: relative; z-index: 2; height: 79px;}
header .menu .lang span { position: absolute; width: 100%; height: 100%; z-index: 0;}
header .menu .lang span.en {background: url(../images/en.png);}
header .menu .lang span.tr {background: url(../images/tr.png);}
header .menu .lang span.fade {background: url(../images/langBg.png);z-index: 1;}

nav { background: #00145b; padding: 10px 0; display: none;}
nav .sub {display: none;}
nav .sub .subMenu { float: left; background: url(../images/sub-bg.png) right repeat-y;}
nav .sub .subMenu:last-child { background: none;}
nav .sub .subMenu .head { font: 14px 'Open Sans Condensed'; color: #a2ddff; margin: 0 0 5px 0;}
nav .sub .subMenu .head a{color: #a2ddff;padding: 0;font: 14px 'Open Sans Condensed';}
nav .sub .subMenu ul {}
nav .sub .subMenu ul li {float: left; width:33%; padding: 1px 0;}
nav .sub .subMenu ul li a { font: 13px 'Roboto Condensed'; color: #fff; padding: 5px 0; display:block; width:85%; text-transform:capitalize;  transition: all ease 0.4s;}
nav .sub .subMenu ul li:hover a , nav .sub .subMenu ul li.active a {background: #a2ddff; color:#fff; padding-left: 5px; }
nav .sub .subMenu > ul > li > ul{display: none;}

.iconGrp {margin:0 15px 0 0;min-height:65px; }
.iconGrp a {font: 13px 'Roboto Condensed'; color: #fff; display: block; position: relative; padding: 0 0 0 50px; }
.iconGrp a img {position: absolute; top: 0; left: 0; }

#projelerDiv {}
#projelerDiv .col3.first {width: 225px;}
#projelerDiv .col3.last {width: 270px}
#projelerDiv .col3 {width: 250px; padding: 0 20px 0 0px;}
#projelerDiv .col6 {width: 380px;}
#projelerDiv .iconGrp {width:175px;float:left;}

/* =========== Header =========== */
@media screen and (max-width: 1023px) and (min-width: 1px) {
	header .menu .search a.MobilBtn,.kmTas {display: block;}
	header .menu ul , .owl-buttons div,.kmTasDesk {display: none;}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
	.bg-repeat {width: 160px !important;}
}