/*
 * Odaxa Bilişim Teknolojileri
 * www.odaxa.com.tr
 */
 body{
  font-family: 'Raleway', sans-serif, Helvetica, Arial, sans-serif;
  color: #515252; letter-spacing: 0.3px;
 }
 .row{margin:0; padding:0;}
 a {
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
  color: #515252
 }
 a:focus, a:hover {
  color: #646464
 }
 a:focus {text-decoration: none; color:#555;  }
 button, input, span, div,a,textarea {
  outline: none!important;
 }
 ol,ul{
  list-style: square;
 }
 /*padding*/
 .pt{padding-top: 0;} .pr{padding-right: 0;} .pb{padding-bottom: 0;} .pl{padding-left: 0;} .plr{padding: 0;}
 .ptbes{padding-top: 5px !important;} .prbes{padding-right: 5px !important;} .pbbes{padding-bottom: 5px !important;} .plbes{padding-left: 5px !important;} .padbes{padding: 5px !important;}
 .pt7b{padding-top: 7.5px!important;} .pr7b{padding-right: 7.5px!important;} .pb7b{padding-bottom: 7.5px!important;} .pl7b{padding-left: 7.5px!important;} .pad7b{padding: 7.5px!important;}
 .pton{padding-top: 10px !important;} .pron{padding-right: 10px !important;} .pbon{padding-bottom: 10px !important;} .plon{padding-left: 10px !important;} .padon{padding: 10px !important;}
/*margin*/
 .mt{margin-top: 0;} .mr{margin-right: 0;} .mb{margin-bottom: 0;} .ml{margin-left: 0;}.marsif{margin: 0 !important;}
 .mton{margin-top: 10px;} .mron{margin-right: 10px;} .mbon{margin-bottom: 10px;} .mlon{margin-left: 10px;} .maron{margin: 10px;}
 .mtbes{margin-top: 5px;} .mrbes{margin-right: 5px;} .mbbes{margin-bottom: 5px;} .mlbes{margin-left: 5px;} .marbes{margin: 5px;}
 /*Font Size*/
 .f11{font-size: 11px !important;} .f12{font-size: 12px !important;} .f13{font-size: 13px !important;} .f14{font-size: 14px !important;}
 .f15{font-size: 15px !important;} .f16{font-size: 16px !important;}  .f18{font-size: 18px !important;} .f20{font-size: 20px; !important}
 .f22{font-size: 22px !important;} .f24{font-size: 24px !important;} .f26{font-size: 26px !important;}.f36{font-size: 36px !important;}
 .fb{font-weight: bold !important;} .fb5{font-weight: 500;} .fb6{font-weight: 600;} .fb7{font-weight: 700;}
 .em1{font-size: 1em;}  .em2{font-size: 2em;} .em3{font-size: 3em;} .em4{font-size: 4em;} .em5{font-size: 5em;} .fl{font-weight: 400 !important;}
 .em6{font-size: 6em;}  .em7{font-size: 7em;} .em12{font-size: 12em;} .em20{font-size: 20em;}
 .rem18{font-size: 1.8rem !important;} .taj{text-align: justify;}
 .btel{
  position: fixed; z-index: 100; background: url("../images/telefon.png"); width: 47px; height: 174px; top: 50%; margin-top: -87px;
 }
 .bsag{
  position: fixed; z-index: 100; width:41px; height:220px; top:50%; margin-top: -90px; right:0;
 }
 .teklifiste{
 }
 legend{
  padding: 8px 0;
 }
 /*Button*/
 .navbar-brand {
  padding: 15px 10px 0 20px;
 }
 .bt{
  -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear;  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;  transition: all 300ms linear;  cursor: pointer;
 }
 .ustbolge{background-color:rgba(0,0,0,0.65); height:30px; font-size: 14px; color:#fff; padding: 5px 0 0;}
 .ustbolge span {
  margin-right: 10px;
 }
 .ustbolge span > i {
  font-size: 18px; position: relative; top:3px; margin-right: 3px;
 }

 .container>.navbar-header{
  margin-top: -30px;
 }
 .navbar-default {
  background-color: rgba(241,192,0,0.90); border:none;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
 }
 .navbar-header{
  background-color:#fff; height: 140px;
 }
 .btn, .navbar-default .nav > li > a {
  letter-spacing: 2px
 }
 .navbar-default .navbar-header .navbar-toggle {
  font-size: 12px;
  color: #222;
  padding: 8px 10px
 }
 .navbar-default .nav > li > a {
  font-size: 14px; font-weight: 400;
 }
 .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
  color: #222
 }
 .navbar-default .nav > li > a:focus:hover, .navbar-default .nav > li > a:hover {
  color: #fff
 }
 .navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus {
  color: #fff !important;
  background-color: transparent
 }
 .navbar-default .nav > li.active > a:focus:hover, .navbar-default .nav > li.active > a:hover {
  background-color: transparent
 }
 @media (min-width: 768px) {
  .navbar-default {
   background-color: rgba(241,192,0,0.90);  border-color: transparent; height: 110px;
  }
  .affix {
   position: fixed;  height: 81px;
  }
  .navbar-default .navbar-header .navbar-brand {
   height: auto;
  }
  .navbar-default .navbar-header .navbar-brand:focus, .navbar-default .navbar-header .navbar-brand:hover {
   color: #fff
  }
  .navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
   color: rgba(255, 255, 255, .7)
  }
  .navbar-default .nav > li > a:focus:hover, .navbar-default .nav > li > a:hover {
   color: #fff
  }
  .navbar-default.affix {
   background-color: rgba(241, 192, 0, 0.9);  border-color: transparent;
  }
  .navbar-default.affix  .ustbolge{
   display: none;
  }
  .navbar-default.affix  .navbar-header{
   margin-top: 0; height: 81px;
  }

  .navbar-default.affix  #odxmenu {
   margin-top: 15px;
   -webkit-transition: all 300ms ease-in-out;
   -moz-transition: all 300ms ease-in-out;
   -o-transition: all 300ms ease-in-out;
  }
  .navbar-default.affix .bt-giris  {
   margin-top: 25px;
  }
  .navbar-default.affix .navbar-header .navbar-brand {
   color: #222
  }
  .navbar-default.affix .navbar-header .navbar-brand > .logo{background: url("../images/logo.png") no-repeat; width: 149px; border:none; height: 64px; margin-top: -7px;}
  .navbar-default.affix-top .navbar-header .navbar-brand > .logo{background: url("../images/logo.png"); width: 149px; height: 64px; margin-top: 23px;}
  .navbar-default.affix .navbar-header .navbar-brand:focus, .navbar-default.affix .navbar-header .navbar-brand:hover {
   color: #fff
  }
  .navbar-default.affix .nav > li > a, .navbar-default.affix .nav > li > a:focus {
   color: #239f85;
  }
  .navbar-default.affix .nav > li > a:focus:hover, .navbar-default.affix .nav > li > a:hover {
   color: #5a9ea1
  }
 }
 .navbar-right {
  float: right!important;  margin-right: 0;  margin-top: 30px;
 }
 .navbar-left {
  float: left!important;  margin-left:35px;  margin-top: 35px;  padding-left: 20px;
 }
 @media (max-width: 415px) {
  .navbar-default .navbar-header .navbar-brand > .logo{background: url("../images/logo.png") no-repeat; width: 219px; height: 50px; border:none;}
  .navbar-brand {
   padding: 0 15px;
  }
 }
 @media (min-width: 768px) and (max-width: 991px) {
  .navbar-left {
   margin-left: 0;
  }
 }
 /*Menü*/
 #odxmenu {position: relative; z-index: 10; margin-left: 4%; margin-top: 10px;}
 #odxmenu ul {  list-style:none;  position:relative;  float:left;  margin:0;  padding:0  }
 #odxmenu ul a { display: inline;  color: #262626;  text-decoration: none;  font-weight: 600;  font-size: 13px;  padding: 0 10px;  letter-spacing: 1px;  }
 #odxmenu ul a:hover {color: #fff; }
 #odxmenu ul li {  position:relative;  float:left;  margin:0;  z-index: 6; border-right: solid 1px #1a1a1a  }
 #odxmenu ul li:first-child {}
 #odxmenu ul li:last-child{border: none}
 #odxmenu ul li:hover { }

 #odxaltmenu {position: relative; z-index: 10; margin-left: 4%; float: left; margin-top: 10px;}
 #odxaltmenu ul {  list-style:none;  position:relative;  float:left;  margin:0;  padding:0  }
 #odxaltmenu ul a { display: inline;  color: #fff;  text-decoration: none;  font-weight: 600;  font-size: 12px;  padding: 0 10px;  letter-spacing: 0.5px;  }
 #odxaltmenu ul a:hover {color: #262626; }
 #odxaltmenu ul li {  position:relative;  float:left;  margin:0;  z-index: 6; border-right: solid 1px #fff  }
 #odxaltmenu ul li:first-child {}
 #odxaltmenu ul li:last-child{border: none}
 #odxaltmenu ul li:hover { }
 .carousel {
  height: 65vh;
 }
 .item,
 .active,
 .carousel-inner {
  height: 100%;
 }
 .fill {
  width: 100%;  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
 }
 .carousel-caption{
  top: 25%; bottom:0;
 }
 header {
  position: relative;  width: 100%;  overflow-y: hidden;   color: #fff;
  background-size: cover;
 }
 header h1{
  font-size: 52px; font-weight: 300; padding: 100px 0; text-align: left; line-height: 70px;
 }
 .ichead{
  background: url(../images/ichead.jpg);
  position: relative;  width: 100%;  overflow-y: hidden;  color: #fff;  height: 250px;  background-size: cover;
 }
 .ichead h1{
  font-size: 24px; font-weight: 500; padding: 170px 0 0; letter-spacing: 1px; text-transform: uppercase;
 }
 .icust{
  padding: 200px 0 0; letter-spacing: 0.5px;
 }
 .icust a{
  color:#fff; text-decoration: none; text-transform: capitalize;
 }
 .icust a:hover{
  color:#f1c000; text-decoration: underline;
 }
 .hizmetler{
  background: #fff; padding: 70px 0 20px;
 }
 .hizmetler h1{
  font-size: 30px; font-weight: 400;
 }
 .hizmetler p {
  color:#6e6e6e; line-height: 28px; text-align: justify;
 }
 .lines {
  float: none;  margin: 0 auto;  display: table;  position: relative;
 }
 .lines:before {
  background-image: url(../images/border.png);
  content: "";  height: 3px;  left: -255px;  position: absolute;  top: -22px;  width: 130px;
 }
 .lines:after {
  background-image: url(../images/border.png);
  content: "";  height: 3px;  right: -253px;
  position: absolute;  top: -22px;  width: 130px;
 }
 .lines > span{
  height: 2px;  width: 63px;  background-color: #f1c000;  display: block;  margin: 5px 0 25px;
 }
 .lines > span:before {
  background-image: url(../images/border.png);
  position: absolute;  left: -205px;  top: -29px;  width: 80px;  height: 3px; content: "";
 }
 .lines > span:after {
  background-image: url(../images/border.png);
  position: absolute;  right: -203px;  top: -29px;  width: 80px;  height: 3px;  content: "";
 }
 .tanimlar{
  padding-bottom: 5.625rem;  padding-top: 5.625rem;
 }
 .tanim {
  position: relative;  display: block;  margin-bottom: 0.75rem;  border: 1px solid #e5e5e5;  border-radius: 0.25rem; min-height: 340px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(186,186,186,0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(186,186,186,0.1);
  box-shadow: 0px 0px 10px 0px rgba(186,186,186,0.1);
 }
.tanim:after{
  height: 100px; width: 2px; background: #f1c000; display: inline-block;
 }
 .tanimlar .tanim {
  padding-right: 0;  padding-left: 0;  margin-bottom: 3rem;  border:solid 1px #efecec;
 }
 .tanimlar .tanim-block {
  padding: 0 1.25rem; display: inline;
 }
 .tanimlar h4 {
  font-size: 16px; color:#5a5a5a; font-weight: 500;
 }
 .tanim-block>span {
  display: block;  width: 90px; margin: 25px auto;
  height: 90px;    line-height: 2.0;  text-align: center;  color: #5a9ea1;
 }
 .tanim-title:after {
  display: block;  width: 80%;  height: 1px;  margin: 15px auto 10px;  content: '';  background-color: #cee0e0;
 }
 .tanim-text {
  font-weight: 300;  font-size: 15px;  letter-spacing: 0.3px;  word-spacing: 1px; margin: 25px 0; line-height: 20px !important; text-align: center!important;
  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  padding: 0 10px;
 }
 .tanim-block:after{
  height: 100px; width: 3px; background: #f1c000; display: inline-block; position: absolute; right: -2px; top: 0;
 }
 .hizbut {
  margin: 5px auto 25px;  background: #fff;  font-size: 14px;  padding: 5px 15px;  border: solid 2px #f1c000;
  display: inline-block;  color: #515252;  font-weight: 500;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
 }
 .hizbut:hover {
  background: #f1c000;  color: #515252;  text-decoration: none;  border: solid 2px #f1c000;
 }
 .projeler{
  background: #f3f5f7; padding: 30px 0 40px;
 }
 .projeler h1 {
  font-size: 30px;
  font-weight: 400;
 }
 .blines {
  float: none;  margin: 0 auto;  display: table;  position: relative;
 }
 .blines:before {
  background-image: url(../images/border.png);
  content: "";  height: 3px;  left: -185px;  position: absolute;  top: -22px;  width: 130px;
 }
 .blines:after {
  background-image: url(../images/border.png);
  content: "";  height: 3px;  right: -185px;
  position: absolute;  top: -22px;  width: 130px;
 }
 .blines > span{
  color:#f1c000;  display: block;  margin: -10px 0 25px; cursor: pointer;
 }
 .blines > span a{
  color:#f1c000;  display: block;  margin: 5px 0 25px;
 }
 .blines > span a:hover{
  color:#705a06; text-decoration: none;
 }
 .blines > span:before {
  background-image: url(../images/border.png);
  position: absolute;  left: -135px;  top: -29px;  width: 80px;  height: 3px; content: "";
 }
 .blines > span:after {
  background-image: url(../images/border.png);
  position: absolute;  right: -135px;  top: -29px;  width: 80px;  height: 3px;  content: "";
 }
 .projealan{
  background: #fff; padding: 0 0 10px; height: 395px;
 }
 .projealan h1{
  font-size: 16px !important; font-weight: 500; color:#5a5a5a; margin: 20px 10px; padding: 0 10px;
  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  line-height: 20px;
 }
 .projealan p{
  font-size: 14px; font-weight: 400; color:#5a5a5a; margin: 10px; padding: 0 10px; line-height: 20px; height: 60px;
  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;
 }
 .projeim{
  border-bottom:solid 1px #fff;
 }
 .projeimgcover{
  object-fit: cover;  width: 100%;  height: 190px !important; max-height: 190px;
 }
 .projeimgdetaycover{
  object-fit: cover;  width: 100%;  height: 190px !important; max-height: 190px;
 }
 .pdismallcover{
  object-fit: cover;  width: 100%;  height: 120px !important;  max-height: 120px;
 }
 .projeaciklama{
  background: #fff; padding: 30px 0;
 }
 .prbut {
  background: #fff; font-size: 14px;
  margin: 15px 0 15px 20px;
  padding: 5px 15px;
  border:solid 2px #f1c000;
  display: inline-block;
  color: #515252;
  font-weight: 500;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
 }
 .prbut:hover {
  background: #f1c000;  color: #515252; text-decoration: none; border:solid 2px #f1c000;
 }
 .owl-nav{position: absolute; text-align: center; line-height: 24px; top: -60px; right:20px;}
 .owl-prev{width: 23px; height: 34px; float: right; border: solid 2px #bdc3c7; padding: 3px 0; font-weight: 500; font-size: 20px;}
 .owl-next{width: 23px; height: 34px; float: right; border: solid 2px #bdc3c7; padding: 3px 0; font-weight: 500; font-size: 20px; margin: 0 3px 0 0;}
 .haberler{
  background: #fff; padding: 30px 0 40px;
 }
 .haberler h1 {
  font-size: 30px;
  font-weight: 400;
 }
 .haberalan{
  border:solid 2px #bdc3c7; min-height: 100px; margin: 0 0 0 10px;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
 }
 .haberalan:hover{
  border:solid 2px #797d80;
 }
 .tarihalan{
  padding: 6px;  background: #ffffff;  height: 72px;  width: 64px;  position: absolute;  left: -5px;  top: 14px; text-align: center;
 }
 .gunay{
  background: #f1c000; color:#fff;
 }
 .gun{
  font-size: 15px;  padding-top: 3px;  margin-bottom: -3px;
 }
.ay{
  font-size: 12px;
 }
 .yil{
  background: #515252; color:#fff; font-size: 12px; padding: 3px 0 2px;
 }
 .haberalan h1{
  font-size: 16px; font-weight: 500; color:#5a5a5a; margin:20px 0 7px 40px; padding-right: 10px; height: 16px;
  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;
 }
 .haberalan p{
 font-size: 14px; font-weight: 400; color:#5a5a5a; margin: 5px 0 10px 40px; line-height: 20px;  overflow: hidden; text-align: left;
  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; padding-right: 15px;
 }
 .haberlink{
  display: block; text-decoration: none;
 }
 .haberlink:hover{
 text-decoration: none;
 }
 .fobaslik {
  font-size: 16px; font-weight: 700;    letter-spacing: 0.5px; margin-top: 10px;
 }
 footer.page-footer {
  padding-top: 30px;  background-color: #f3f5f7;
 }
 footer.page-footer .footer-copyright {
  overflow: hidden;  height: 50px;  line-height: 50px;  background-color: rgba(51,51,51,0.15);
  color:#262626;  font-size: 12px;
 }
 footer ul {
  padding-left: 0;  padding-top: 5px;
 }
 footer ul li {
  list-style: none;  padding: 3px 0 3px 5px;
 }
 footer ul li a {
  color:#515252;  text-decoration: none;  font-size: 14px;  cursor: pointer;  letter-spacing: 0.4px;
 }
 footer ul li a:hover{
  color:#262626; font-weight: 500;  text-decoration: none;  cursor: pointer;
 }
 .foico{
  font-size: 18px; width: 18px; text-align: center;
 }
.nobts{
 position: absolute;  top: 53px;  left: 120px; font-weight: 500;
}
 .no287{
  position: absolute;  top: 67px;  left: 120px; font-weight: 500;
 }
 .fologo {
  margin: 10px 0 0 26%;
  width: 50%;
 }
 .sosyal{text-align: center}
 .sosyal ul{ list-style: none; }
 .sosyal ul li {display: inline-block; padding:0 3px}
 .sosyal ul li :hover{cursor: pointer;}
 .sosyal ul li a i {font-size: 18px; color:#515252;}
 .sosyal ul li a i:hover {color:#262626;}
 .usosyal{text-align: center;}
 .usosyal ul{ list-style: none; text-align: right; }
 .usosyal ul li {display: inline-block; padding:0 3px}
 .usosyal ul li a {color:#fff;}
 .usosyal ul li :hover{cursor: pointer;}
 .usosyal ul li a i {font-size: 14px; color:#fff;}
 .usosyal ul li a i:hover {color:#e1e1e1;}
 .fosol{
  padding-right: 70px;
 }
 /*İletişim*/
 .iletformalan{
  padding:0;
 }
 .iletformalan input[type=text] {
  background-color: rgba(255, 255, 255, 0.1);  border:solid 1px #BDC3C7;  padding: 10px;  width: 100%;  margin: 0 0;
  color: #515252;  letter-spacing: 0.5px;  font-size: 15px;  font-weight: 500;
 }
 .iletformalan textarea{
  background-color: rgba(255, 255, 255, 0.1);  border:solid 1px #BDC3C7;  padding: 10px;  width: 100%;  margin: 0 0;
  color: #515252;  letter-spacing: 0.5px;  font-size: 15px;  font-weight: 500;
 }
 .iletformalan input::-webkit-input-placeholder{
  color:#707B7C;
 }
 .iletformalan textarea::-webkit-input-placeholder{
  color:#707B7C;
 }
 .iletformalan h1{padding:30px 0 20px 0; font-size: 28px; color:#fff; letter-spacing: 1px;}
 .iletformalan h4{
  padding:35px 0 0 0; font-size: 18px; color:#4D5656; letter-spacing: 1px; width: 100%; text-align: center; margin-bottom: 15px; font-weight: 500;
 }
 .iletformalan b{
  padding-bottom: 12px;  color: #515A5A;  float: left;  width: 97.3%;  font-weight: 400;  letter-spacing: 0.6px;
  text-align: center;  margin: auto auto 25px 15px;
 }
 .iletformalan .aciklama{
  padding: 10px 10px 10px 15px;  color: #515A5A;  font-size: 15px;  letter-spacing: 1px;  text-align: center;  font-weight: 500;
 }
 .iletformalan input[type=submit] {
  background: #fff;  border:solid 2px #BDC3C7;  padding: 10px 24px;
  margin-left: 15px;  color: #515A5A;  font-weight: 500;  text-transform: uppercase;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
 }
 .iletformalan input[type=submit]:hover {
  border:solid 2px #f1c000;
  background:#f1c000;
  color: #fff;
 }
 .icbaslik {
  font-size: 18px;  font-weight: 500;  text-align: left;  letter-spacing: 0.5px;  margin: 20px 0;
  border-bottom: solid 2px #dae3e9; color:#515252; height: 36px;
  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  line-height: 28px;
 }
 .icbaslik:before{
  width: 63px; height: 2px; background-color: #f1c000; content: ' '; display: table; position: absolute;  top:54px;
 }
 .ilettext{
  padding-left: 28px; padding-right: 15px;
 }
 .ibilgi{
  padding: 0 0 0 15px; list-style: none; margin: 0;
 }
 .ibilgi li{
  margin-bottom: 8px;
 }
 .ibilgi .sosyal{text-align: left}
 .ibilgi .sosyal ul{ list-style: none; padding: 10px 0 0; }
 .ibilgi .sosyal ul li {display: inline-block; padding:0 7px 0 0}
 .ibilgi .sosyal ul li :hover{cursor: pointer; text-decoration: none; color: #f1c000;}
 .ibilgi .sosyal ul li a i {font-size: 20px; color:#515252;}
 .ibilgi .sosyal ul li a i:hover {color:#f1c000;}
 .btsmaps{
  margin: 20px 0 0 0; padding: 20px 15px 0 15px; border-top: solid 1px #BDC3C7;
 }
 .hakkimizda{
  padding: 40px 0 60px;
 }
 .hakkimizda p{font-size: 15px; line-height: 30px;}
 .hakkimizda h2{font-size: 20px;}
 .vizyon img{
  margin-top: 40px;
 }
 .misyon h2{
  margin-top: 40px;
 }
 .kckres {
  margin: 0;
  padding: 3px;
 }
 .projeokck {
  height: 90px;
  width: 100%;
  display: table;
  text-align: center;
 }
 .projeortala {
  height: 250px;
  width: 100%;
  display: table;
  text-align: center;
 }
 .fotoimg {
  top: 50%;
  display: table-cell;
  vertical-align: middle;
 }
 .resimg{
  max-height: 240px;
 }
 .tumhaberler{
  padding: 40px 0 60px;
 }
 .tumhaber{
margin: 15px 0;
 }
 .hbrdtyhbr{
  margin: 10px 0;
 }
 .hbrdtyhbr .tarihalan{
 left: -18px;
 }
 .haberdetay .tarihalan{
  padding: 0 6px;
  background: #ffffff;
  height: 72px !important;
  width: 64px !important;
  position: inherit;
  left: inherit;
  top: inherit;
  text-align: center;
  margin: -20px 4px -4px 0;
  float: left;
  line-height: 18px;
 }
 .hbrdtytext{
  color: #6e6e6e;  line-height: 34px; font-size: 15px;
 }
 .hbrdtytext .gun {
  font-size: 15px;  padding-top: 0;
 }
 .hbrdtytext .yil{
  padding: 0;
 }
 .cover {
  object-fit: cover;  width: 100%;  height: 150px !important; max-height: 150px;
 }
 .thumbnail{
  padding: 0;  border: 2px solid #fff;  border-radius: 0; margin-bottom: 0;
 }
 a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
  border-color: #f0bf2b;
 }
 hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #dae3e9;
 }
 .projelersayfa{border-bottom: solid 2px #dae3e9; }
 .projelersayfa .proje{
  margin-bottom: 25px;
 }
 .detayimg{
  border:solid 2px #dae3e9; float:left;
 }
 .brdr{
  border:solid 4px #fff;
 }
 .kcover{
  object-fit: cover;
  width: 100%;
  height: 220px !important;
 }
 .gicerik{
  *zoom: 1
 }
 .gicerik:after{
  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0
 }
 .gicerik {
  margin: 0 auto;
 }
.misyon img, .vizyon img {
 margin: 0 auto; padding-top: 40px;
}
.taahhutbr{
 border-bottom: solid 1px #e1e1e1; margin-bottom:15px; padding-bottom: 15px;
}
 .taahhut {
  height: 210px;
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 18px !important;
 }
 .tcover{
  object-fit: cover;
  width: 100%;
  height: 210px !important;
 }
 .ikbg{
  background: url("../images/ik.png") no-repeat; width: 49px;height: 110px;
 }
 .tibg{
  background: url("../images/teklifiste.png") no-repeat; width: 49px; height: 157px;
 }
 .ikbg a:hover, .tibg a:hover{text-decoration: none;}
 .ikyazi{
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  position: relative;  color: #fdfdfd;  right: -9px;  top: 2px;  font-size: 22px;  font-weight: 300; text-decoration: none;
 }
 .tiyazi{
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  position: relative;  color: #fdfdfd;  right: 17px;  top: 81px;  font-size: 18px;  font-weight: 300;  text-decoration: none;  width: 100px;
 }




 @media (min-width: 1900px) {
  .gicerik {
   width: -webkit-calc(1900px - 302px);
   width: calc(1900px - 302px)
  }
 }
 @media (max-width: 1680px) {
  .gicerik  {
   width: -webkit-calc(1680px - 132px);
   width: calc(1680px - 132px)
  }
 }
 @media (max-width: 1600px) {
  .gicerik  {
   width: -webkit-calc(1600px - 132px);
   width: calc(1600px - 132px)
  }
 }
 @media (max-width: 1456px) {
  .gicerik {
   width: -webkit-calc(1456px - 132px);
   width: calc(1456px - 132px)
  }
 }
 @media (max-width: 1368px) {
  .gicerik {
   width: -webkit-calc(1368px - 92px);
   width: calc(1368px - 92px)
  }
 }
 @media (max-width: 1290px) {
  .gicerik {
   width: -webkit-calc(1280px - 92px);
   width: calc(1280px - 92px)
  }
 }
 @media (max-width: 1216px) {
  .gicerik {
   width: -webkit-calc(1216px - 82px);
   width: calc(1216px - 82px);
  }
 }
 @media (max-width: 1200px) {
  .gicerik {
   width: -webkit-calc(1200px - 82px);
   width: calc(1200px - 82px);
  }
 }
 @media (min-width: 1200px) {
  .ustbolge span:first-child{
   margin-left: 2.5%;
  }
 }
 @media (max-width: 1100px){
  .gicerik {
   width: -webkit-calc(1024px - 22px);
   width: calc(1100px - 22px);
  }
  .kcover{
   height: 170px !important;
  }
 }
 @media (max-width: 1024px) {
  .gicerik{
   width: -webkit-calc(1024px - 22px);
   width: calc(1024px - 22px);
  }

 }
 @media (min-width: 1024px) and (max-width: 1200px) {
  .ustbolge .col-md-4 span:first-child{
   padding-left: 15%;
  }
 }
 @media (max-width: 976px) {
  .gicerik{
   width: -webkit-calc(1246px - 242px);
   width: calc(1246px - 242px);
  }
 }
 @media (min-width: 780px) and (max-width: 850px){

 }
 @media (min-width:700px) and (max-width: 768px) {
  .misyon img{
   margin-top: 60px;
  }
  .vizyon img {
   margin-top: 80px;
  }
  .pdismallcover {
   height: 80px !important;
  }

  .kcover {
   object-fit: cover;
   width: 100%;
   height: 210px !important; margin-bottom: 15px;
  }
 }

 /*iPad*/
 @media (max-width: 768px) {
  .gicerik{
   width: -webkit-calc(768px - 72px);
   width: calc(768px - 72px);
  }
  .tbnone{
   display: none;
  }
  .tanim{
   height: 370px;
  }
  .fosol {
   padding-right: 15px;
   padding-left: 0;
  }
  .fologo {
   margin: 10px 0 0 15%;
   width: 70%;
  }
  .tplr{
   padding-right: 0; padding-left: 0;
  }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
   background-color: #fff;
  }
  .navbar-default .navbar-header .navbar-toggle {
   font-size: 22px;  color: #333;  padding: 8px 10px;  margin: 42px 15px;  position: absolute;  right: 0;
  }
  #odxmenu {
   margin-left: 3px;
  }
  #odxaltmenu{
   margin: 10px 0 0 0;
  }
  .navbar-brand{
   padding: 10px 0 10px 17px;
  }

  #odxmenu ul a{
   font-size: 12px; padding: 0 8px;
  }
  .navbar-default.affix-top .navbar-header .navbar-brand > .logo {
   background: url(../images/tlogo.png);
   width: 115px;
   height: 115px;
   margin-top: 0;
  }
  .navbar-default.affix .navbar-header .navbar-brand > .logo {
   background: url(../images/tlogo.png);
   width: 115px;
   height: 115px;
   margin-top: -23px;
  }
  .carousel-control{
   top: 145px;
  }
  .no287{
   left: 110px;
  }
  .nobts{
   left: 110px;
  }
  #odxaltmenu ul a{
   padding: 0 5px; letter-spacing: 0;
  }
 }
 @media (min-width: 740px) and (max-width: 840px){
  .ustbolge .col-sm-offset-2 {
   margin-left: 18%;
  }
  .navbar-collapse .col-sm-9{
   width: 83%;
  }
 }
 /*iPhone 5 Rotate*/
 @media (min-width: 550px) and (max-width: 580px){}
 /*iPhone 6 Rotate*/
 @media (min-width: 600px) and (max-width: 690px){}
 /*iPhone 6Plus Rotate*/
 @media (min-width: 720px) and (max-width: 750px){}
 /*iPhone 6plus*/
 @media (max-width: 415px){
  .gicerik {
   width: -webkit-calc(414px - 0px);
   width: calc(414px - 0px);
  }
  .m-mbon{
   margin-bottom: 10px;
  }
  .hizmetler h1 {
   font-size: 24px;
  }
  .lines:before {
   left: -145px;
   width: 70px;
  }
  .lines:after {
   right: -145px;
   width: 70px;
  }
  .lines > span:before {
   left: -125px;
   width: 50px;
  }
  .lines > span:after {
   right: -125px;
   width: 50px;
  }
  .blines:before {
   left: -125px;
   width: 70px;
  }
  .blines:after {
   right: -125px;
   width: 70px;
  }
  .blines > span:before {
   left: -105px;
   width: 50px;
  }
  .blines > span:after {
   right: -105px;
   width: 50px;
  }
  .projeler .blines:after{
   display: none;
  }
  .projeler .blines > span:after{
   display: none;
  }
  .mplron{
   padding: 0 10px;
  }
  .m-fomain{
   height: 240px;
  }
  .tanimlar {
   padding-bottom: 0.625rem;
   padding-top: 1.625rem;
  }
  .tanim-text{
   -webkit-line-clamp: 2;
  }
  .ustbolge span {
   font-size: 13px;
  }
  .usosyal ul{
   padding-left: 0;
  }
  .container>.navbar-header {
   margin-top: 0;
  }
  .navbar-header {
   background-color: transparent;
   height: auto;
  }
  .navbar-default .navbar-header .navbar-toggle{
   position: absolute; right: 0;
  }
  .navbar-brand {
   padding: 10px 0 0 10px;
   height: 80px;
   margin: 0;
   background-color: #fff;
   float: left;
  }
  .navbar-default.affix-top .navbar-header .navbar-brand > .logo {
   background: url(../images/tlogo.png);
   width: 115px;
   height: 115px;
   margin-top: -23px;
  }
  .hizmetler {
   padding: 30px 0 20px;
  }
  header h1 {
   font-size: 32px; line-height: 40px;
  }
  .ichead{
   height: 110px;
  }
  .ichead h1{
   padding: 150px 0 0;
  }
  .icust {
   padding: 170px 0 0;
  }
  .m-plbes{padding-left: 5px;} .m-prbes{padding-right: 5px;} .m-plon{padding-left: 10px;} .m-pron{padding-right: 10px;}
  #odxmenu ul li {
   width: 100%;
   border: none;
   border-bottom: solid 1px #6f6f6f;
   padding: 4px 0;
  }
  #odxmenu ul li:last-child {
   border-bottom: solid 1px #6f6f6f;
  }
  #odxaltmenu{
   margin-bottom: 10px;
  }
  #odxmenu ul a{
   display: block;
  }
  #odxaltmenu ul li {
   border: none;
   width: 100%;
   border-left: solid 1px #fff;
   margin: 3px 0;
  }
  #odxaltmenu ul li:last-child {
   border-left: solid 1px #fff;
  }
  .navbar-default .navbar-header .navbar-toggle {
   margin: 12px 15px;
  }
  #odxaltmenu{
   margin: 10px 0 10px 4%;
  }
  #odxmenu ul li:nth-child(5){
   border-right: none;
  }
  #odxmenu ul li:nth-child(n+6){
   float:right!important; margin-top: 0;
  }
  #odxmenu ul li:nth-child(6){
   border-bottom: solid 1px #6f6f6f !important;
   border-right: none;
   margin:0;
  }
  #odxmenu ul li:nth-child(7){
   border-bottom: 1px solid #6f6f6f;
   border-right: none;
  }
  .tfgrp{
   margin-bottom: 0;
  }
  .haberalan h1{
   font-size: 18px !important;
  }
  .cover {
   height: 110px !important;
   max-height: 110px;
  }
  .detayimg{
   margin-bottom: 10px;
  }
  .hakkimizda p{
   line-height: 24px;
  }
  .hakkimizda h2{
   text-align: center;
  }
  .vizyon img {
   margin: 40px auto 0;
  }
  .kcover {
   object-fit: cover;
   width: 100%;
   height: 210px !important;
   margin-bottom: 15px;
  }
 }
 /*iPhone 6*/
 @media (max-width: 375px){
  .gicerik {
   width: -webkit-calc(375px - 5px);
   width: calc(375px - 5px);
  }
  .mplron {
   padding: 0 5px;
  }
  .usosyal ul li a {
   font-size: 12px;
  }

 }
 /*Galaxy 5*/
 @media (max-width: 360px){
  .gicerik {
   width: -webkit-calc(360px - 5px);
   width: calc(360px - 5px);
  }
 }
 /*iphone 5*/
 @media (max-width: 325px){
  .gicerik {
   width: -webkit-calc(325px - 5px);
   width: calc(325px - 5px);
  }
  .hizmetler h1 {
   font-size: 22px;
  }
  .lines:before {
   left: -118px;
   width: 50px;
  }
  .lines:after {
   right: -118px;
   width: 50px;
  }
  .lines > span:before {
   left: -103px;
   width: 35px;
  }
  .lines > span:after {
   right: -103px;
   width: 35px;
  }
  .blines:before {
   left: -98px;
   width: 50px;
  }
  .blines:after {
   right: -98px;
   width: 50px;
  }
  .blines > span:before {
   left: -83px;
   width: 35px;
  }
  .blines > span:after {
   right: -83px;
   width: 35px;
  }
  .hizbut{
   padding: 5px 10px;
   font-size: 12px;
  }
  .projeler h1 {
   font-size: 24px;
  }
  .haberler h1 {
   font-size: 24px;
  }
  header h1 {
   font-size: 24px; line-height: 30px;
  }
  .ustbolge span > i{
   font-size: 14px;
  }
  .usosyal ul li{
   padding: 0 2px;
  }
  .ustbolge span {
   font-size: 11px;
  }
  .cover {
   height: 80px !important;
   max-height: 80px;
  }
  .pdismallcover {
   height: 80px !important;
   max-height: 80px;
  }
  .projeimgcover {
   height: 140px !important;
   max-height: 140px;
  }
  .dgrprj .owl-nav{
   top: -45px;
   right: 0;
  }
  .kcover {
   object-fit: cover;
   width: 100%;
   height: 150px !important;
   margin-bottom: 15px;
  }
 }