﻿/* 
  Teta
*/

body { font-family: 'arial'; }

a, a:hover, a:focus { outline: 0; text-decoration: none; }

/* ShortClass*/
.pr { position: relative; }
.pa { position: absolute; }
.di { display: inline-block; }
.db { display: block; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.mp { margin: 0; padding: 0; }
/* Font Class */
.b { font-weight: 700 !important; }
.bl { font-weight: 500; }
.l { font-weight: 300; }
.r { font-weight: 400; }
::-webkit-input-placeholder { color: #7a7d80; }
:-moz-placeholder { color: #7a7d80 !important; opacity: 1; }
::-moz-placeholder { color: #7a7d80 !important; opacity: 1; }
:-ms-input-placeholder { color: #7a7d80; }
/* Header*/
#header h1 { margin: 20px 0 0; }
.basvuru { background: #df001a url(/images/basvuru.png) no-repeat top 7px left 11px; color: #fff; padding: 8px 16px 10px 32px; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .basvuru:hover,
    .basvuru:focus { color: #000; }
.ara { margin: 0 25px; width: 150px; }
    .ara .form-control { border: none; color: #000; display: block;
    width: 100%;
    height: 34px;
    padding: 18px 10px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	
	}
        .ara .form-control:hover,
        .ara .form-control:focus { box-shadow: none; border: none; }
#ara { background: url(/images/ara.png) no-repeat; width: 18px; height: 18px; border: none; position: absolute; top: 9px; right: 0; }
.tel { margin: 6px 0 0; background: url(/images/tel.png) no-repeat top 8px left; padding-left: 20px; }
    .tel span { font-size: 18px; position: relative; top: 1px; }
.sosyal { margin: 4px 0 0 30px; }
    .sosyal a { display: inline-block; margin: 5px 3px 0 6px; background: url(/images/sosyal.png) no-repeat; width: 21px; height: 22px; text-indent: -9999em; text-align: left; }
        .sosyal a.fb { background-position: 0 0; width: 9px; }
        .sosyal a.tw { background-position: -27px 0; width: 19px; }
        .sosyal a.in { background-position: -60px 0; }
        .sosyal a.gp { background-position: -93px 0; }
.navbar-default { margin: 10px 0 0; background: none; border: none; box-shadow: none; }
    .navbar-default .navbar-nav li { position: relative; }
        .navbar-default .navbar-nav li > a { border-left: 1px solid #ececec; font-weight: 500; font-size: 13px; color: #000; padding: 40px 8px 40px; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
        .navbar-default .navbar-nav li a:hover,
        .navbar-default .navbar-nav li a:focus,
        .navbar-default .navbar-nav li.active > a,
        .navbar-default .navbar-nav li.active > a:hover,
        .navbar-default .navbar-nav li.active > a:focus { background: #0a5587; color: #fff; }
        .navbar-default .navbar-nav li > ul.submenu { display: none; margin: 0; list-style-type: none; background: rgba(0,65,133,.7); }
        .navbar-default .navbar-nav li:hover > ul.submenu { display: block; position: absolute; top: 100px; padding: 0; z-index: 10; text-align: left !important; left: 1px;}
    .navbar-default .navbar-nav ul.submenu li > a { display: block; padding: 7px 5px 7px 15px !important; color: #fff; width: 270px; border:none; }
        .navbar-default .navbar-nav ul.submenu li > a:hover { background: #333 !important; color: #fff; }
/* Slider */
#slider .item { position: relative; }
.sliderIcerik { top: 0; width: 30%; background: rgba(0,65,133,.8); padding: 40px; color: #fff; }
    .sliderIcerik h3 { font-size: 37px; }
    .sliderIcerik .devam { color: #ffae00; font-weight: 500; }
#slider .owl-controls { position: absolute; top: 0; width: 86px; background: rgba(255,255,255,.4); height: 100%; }
#slider .owl-dots { position: absolute; top: 35%; left: 24px; }
#slider .owl-dot { display: block; }
    #slider .owl-dot.active span { background: #0a5587; }
    #slider .owl-dot span { color: #fff; width: 17px; height: 17px; }
#slider .owl-nav { position: absolute; bottom: 15px; left: 15px; }
#slider .owl-next, #slider .owl-prev { background: url(/images/owl.png) no-repeat; display: inline-block; text-indent: -9999em; width: 16px; height: 28px; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
#slider .owl-next { background-position: -34px 0; }
    #slider .owl-next:hover { background-position: -100px 0; }
#slider .owl-prev { background-position: 0 0; }
    #slider .owl-prev:hover { background-position: -65px 0; }

/* Hizmetler*/
#hizmetler { margin: 30px 0 35px; }
    #hizmetler .hizmetResim { max-height:160px; overflow:hidden; display: block;}
    #hizmetler .hizmetResim > img {height: 145px;object-fit: cover;object-position: center center;}
    #hizmetler p { color: #949494; font-size: 14px; line-height:1.5;}
    #hizmetler .devami { background: url(/images/devami.png) no-repeat top 2px left; padding-left: 25px; color: #0a5587; font-size: 14px; font-weight: 700;}
    #hizmetler .owl-nav { position: absolute; width: 100%; top: calc(50% - 14px); }
    #hizmetler .owl-next, #hizmetler .owl-prev { background: url(/images/owl.png) no-repeat; display: inline-block; text-indent: -9999em; width: 16px; height: 28px; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; position: absolute; }
    #hizmetler .owl-next { background-position: -34px 0; right: -55px; }
        #hizmetler .owl-next:hover { background-position: -100px 0; }
    #hizmetler .owl-prev { background-position: 0 0; left: -55px; }
        #hizmetler .owl-prev:hover { background-position: -65px 0; }
.hizmetBaslik { color: #0a5587; font-weight: 700; font-size: 14px; margin-bottom: 17px; display: block; }
.hizmetWrapper { padding: 15px; background: #f6f6f6 none repeat scroll 0 0;min-height: 250px;}
#ilkeMuhendislik { background: #0a5587 url(/images/ilkebg.png) no-repeat top right 15%; background-size: auto 100%; padding: 40px 0 50px; }
    #ilkeMuhendislik h2 { color: #fff; font-size: 40px; font-weight: 700; padding-bottom: 25px; border-bottom: 1px solid #bfbfbf; }
        #ilkeMuhendislik h2 span { color: #9ea2a3; font-weight: 500; font-size: 30px; }
    #ilkeMuhendislik p { color: #fff; margin-bottom: 20px; }
    #ilkeMuhendislik .pfirst { font-weight: 700; font-size: 18px; margin: 30px 0 20px; }
    #ilkeMuhendislik a.home-about-link {color: #fff;opacity: 0.3;}

#footer { padding: 20px 0 0; }
    #footer .ustFooter { border: 1px solid #dfdfdf; padding: 10px 0 13px; }
    #footer .tel {letter-spacing: -.25px; font-weight: 700; }

.copyright { margin: 12px 0 0 0px; font-size: 11px;color: #a1a4a8; }
    .copyright span { font-size: 12px; color: #4a4c4f; }

.footLink { margin: 25px 0 0; padding: 0; list-style-type: none; }
    .footLink > li { display: inline-block; position: relative; margin-right: -4px; }
        .footLink > li > a { color: #676767; font-size: 12px; border-right: 1px solid #7b7b7b; padding: 0 7px 0 10px; }
        .footLink > li:last-child > a { border: none; }

.venus { color: #a1a4a8; float: left; margin: 20px 0 0 0px; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; font-size: 11px;}
    .venus:focus,
    .venus:hover { color: #0a5587; }

#ilkeref{
	display: inline-flex;
	padding: 20px;
	margin-bottom: 20px;
	border-bottom: 1px;
	border-top:	0px;
	border-left: 0px;
	border-right: 0px;
	border-style: solid;
	border-color: #bfbfbf;
}

#ilkeortala{
	padding-top: 50px;
}

a#scroll { float: right; }

/* Master */
#masterInner { position: relative; background-color: #eee; height: 170px; background-attachment: fixed; background-repeat: repeat-x;}
    #masterInner > img {margin: auto;}
.masterInner { width: 100%; bottom: 5%; color: #fff; }
    .masterInner h1 { background: rgba(0,65,133,.7); display: inline-block; padding: 10px 15px; }
.breadcrumb { margin: 30px 0 15px; }
.btn.btn-blue.blue-big {background: #0a5587 none repeat scroll 0 0;color: #fff;font-size: 17px; box-shadow: 0 0 5px #ccc;  transition: all 0.3s ease 0s;}
.btn.btn-blue.blue-big:hover {background: rgba(0, 65, 133, 0.8) none repeat scroll 0 0;box-shadow: 0 5px 5px #ccc;transition: all 0.3s ease 0s;}

@media(max-width:767px) {

    /* Slider */
    .sliderIcerik { width: 100%; }
}

/* Faaliyet */
#faaliyetler .panel,  #referansalanlari .panel {border-radius: 0;}
    #faaliyetler .img-responsive, #referansalanlari .img-responsive { height: 200px; width: 100%; object-fit: cover; object-position: top left; }
    #faaliyetler .panel-heading, #referansalanlari .panel-heading {background: none; padding-top: 0;}


/* Projeler */
.proje { border-bottom: 1px solid #ccc; padding: 10px 0; }
    .pPic img, .pPics img { max-width: 100%; }
    .pPic img {display: block;height: 70px;margin: 15px auto;object-fit: scale-down;object-position: center center;width: 140px;}
    .pInfo h5 { font-size: 20px; }
    .pDesc { text-align: justify; }
    .pPics > a { display: inline-block; height: 50px; margin: 5px; overflow: hidden; width: 50px; }
    .pPics > a img {  height: 50px; object-fit: cover; object-position: top left; }
    .pTitle > p {color: #0a5587;}
    .pTitle strong {padding-left: 20px;}
    .pTitle strong:first-child {padding: 0;}
#referansalanlari {margin-top: 30px; display:none;}
#referansalanlari.k {display: block;}

/* İletişim */
.form-horizontal .control-label {text-align: left; padding: 5px 20px;}
.iletisim-formu .btn {margin: 30px 0;}
.iletisim-formu .btn:hover {margin: 28px 0 32px;}


/* ik */
.form.kariyer input[type="radio"] {margin: 0 7px;}
.form.kariyer input[type="radio"] , .form.kariyer label {cursor: pointer;}
.form.kariyer .tel{margin:0;background:none;padding:6px 12px;}
.form.kariyer .form-control.guvenlik {margin: 3px 0; width: auto;}
.form.kariyer h3 {background: #337ab7 none repeat scroll 0 0;border-radius: 5px;color: #fff;padding: 10px;}


/* breadcrumb */
.breadcrumb{background:rgba(0,0,0,0) none repeat scroll 0 0;border-bottom:1px solid #ddd;border-radius:0;color:#ccc;padding:10px}
    .breadcrumb a{color:#ccc}
    .breadcrumb>li+li::before{content:"»"}
    .breadcrumb .active a{color:#aaa}


/* menu */
.nav-pills>li>a{background:#eee none repeat scroll 0 0;border-radius:0;color:#888;transition:all .3s ease 0s;padding:10px 15px}
.nav-pills>li>a:Hover{background:#ccc none repeat scroll 0 0;border-radius:0;color:#555;padding:10px 15px 10px 20px;transition:all .3s ease 0s}
.nav-pills>li.active>a{padding:10px 15px 10px 20px}
.nav-pills>li>a:Hover::after{padding-right:5px;transition:all .3s ease 0s}
.nav-pills>li.active>a::after{padding-right:5px}
.nav-pills>li>a::after{content:"›";float:right;font-family:sans-serif;font-size:20px;margin-top:-5px;transition:all .3s ease 0s}


/* sosyal */
.sosyal a.fb:hover {background-position: 0 bottom;}
.sosyal a.tw:hover {background-position: -27px bottom;}
.sosyal a.in:hover {background-position: -60px bottom;}
.sosyal a.gp:hover {background-position: -93px bottom;}


/* galeri */
.gallery-img {margin-bottom: 20px;}
    .gallery-img img {border: medium none;box-shadow: none;display: block;height: 170px;margin: auto;width: auto;}
    .gallery-img > a {border-radius: 5px;box-shadow: 0 5px 5px #ccc;display: block;transition:all .3s ease 0s;}
    .gallery-img > a:hover {box-shadow: 0 0 10px #ccc;transition:all .3s ease 0s;}








@media(min-width:768px) and (max-width:992px) {
    /* genel */
    .container {width: 95%;}
    .navbar-default .navbar-nav li > a {font-size: 12px;padding: 40px 8px;}
    .footLink {text-align: right;}
    .footLink > li {padding: 5px 0;}
    .copyright {margin: 15px 0;}
    #footer .tel {margin: 0;}
    .venus {margin: 22px 0 0;}
    /* anasayfa */
    #hizmetler .owl-controls {display: none;}
}

@media(min-width:993px) and (max-width:1199px) {
    /* genel */
    .navbar-default .navbar-nav li > a {font-size: 12px;}
    .footLink {text-align: right;}
    .footLink > li {padding: 5px 0;}
    .copyright {margin: 15px 0;}
    #footer .tel {margin: 0;}
    .venus {margin: 22px 0 0;}
    /* anasayfa */
    #hizmetler .owl-controls {display: none;}

}

@media(max-width:801px) {
    /* genel */
    #header h1 img {display: block;height: 70px;margin:30px auto;}
    #header > .container > .row > div {float: none;padding: 0;width: 100%;}
    .navbar-nav > li {display: inline-block;float: none;}
    .nav.navbar-nav.navbar-right {display: block;float: none !important;margin: auto;}
    #martes{text-align:center;}
    #header .wrapper .tr, #header .headerRight {text-align: center;}
    #header .headerRight .wrapper > div {display: inline-block;float: none;margin: 0 15px;position: relative;vertical-align: middle;width: auto !important;}

}

@media(max-width:767px) {
    /* genel */
    #header .navbar{min-height:0;}
    #header .navbar-header {margin: 0;text-align: center;}
    #header .navbar-toggle {background: #0A5587 none repeat scroll 0 0;border-radius:0;border: medium none;display: block;float: none;margin: 0 auto;text-align: center;width: 100%;padding:10px 0;}
    #header .navbar-toggle .icon-bar {margin-left: auto;margin-right: auto;}
    #header .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
    #header .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #697283;}
    #header h1 img {display: block;margin: auto;height: 70px;}
    #header .navbar-nav > li {display: block;}
    .navbar-default .navbar-nav li > a {background: #949494 none repeat scroll 0 0;border-bottom: 1px solid;border-left: medium none;color: #fff;margin: 0;padding: 10px 0;text-align: center;text-shadow: none;}
    #martes, #martes ul {margin: 0;padding: 0;}
    #martes .submenu {display: none !important;}    
    #ctl00_masterRight {padding: 20px;}
    #header .wrapper > div {display: block;float: none;margin: 10px auto;max-width: 190px;text-align: center;width: auto;}
    .sliderIcerik.pa {  position: unset;}
    #header .headerRight .wrapper > div {display: block;margin: 10px auto;text-align: center;}
    #header .wrapper.tr {text-align: center;}
    .footLink > li {padding: 5px 0;}
    .copyright {margin: 15px 0;}
    #footer .tel {margin: 0;}
    .venus {margin: 22px 0 0;}
    #footer .row > div {text-align: center;}
    #footer .fl, #footer .fr {float: none;}
    #footer .flogo {margin: auto;}
    #footer .tel::before {background: rgba(0, 0, 0, 0) url("/images/tel.png") no-repeat scroll 0 0;content: "";display: inline-block;height: 15px;width: 15px;}
    #footer .tel {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
    #footer .footLink > li {border-top: 1px solid #ddd;display: block;}
    #footer .footLink > li a { border: medium none;}
    /* anasayfa */
    #hizmetler .owl-controls {display: none;}
    #ilkeMuhendislik h2 span {font-size: 21px;font-weight: bold;}
    .sliderIcerik h3 {font-size: 20px;}
    .sliderIcerik {padding: 20px;}
    #slider .owl-controls {display: none;}
    /* iç sayfa */
    .masterInner h1 {display: block;margin: 0 -15px -10px;text-align: center;}
    .pDesc, .proje {text-align: center;}

}

@media(max-width:450px) {
    /* anasayfa */
    #ilkeMuhendislik h2 {font-size: 30px;}
    #ilkeMuhendislik h2 span {font-size: 18px;}
    .sliderIcerik h3 {font-size: 16px; font-weight:bold;}
    /* iç sayfa */
    .masterInner h1 {font-size: 17px;font-weight: bold;}
}

table.org {
  border-collapse: separate;
  border-spacing: 10px;
}

.org td {
  padding: 15px;
  text-align: center;
}

.org td.b {
  border: 2px solid #0a5587;
  color: #0a5587;
}