/*
 * 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{
 }
 /*Button*/
 .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(186, 11, 38, .9); 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;
 }
 .whyli li {margin-bottom:10px; }
 .srv li {margin-bottom:8px; font-weight: 600; }
 .iltsmgec  {background: #ba0b26}
 .iltsmgecm  {background: #7597a9}
 .iltsmgcm{    font-size: 18px;  color: #fff;  text-align: center;  padding: 30px;}
 .iltsmgcmkck{    font-size: 20px;  color: #fff;  text-align: center;  padding: 30px;}
 .iltsmgcmm{    font-size: 18px;  color: #fff;  text-align: center;  padding: 30px;}
 .iltsmgcm a {color: #fff; font-weight: 700;}

 .container>.navbar-header{
  margin-top: -30px;
 }
 .navbar-default {
  background-color: #fff;  border-color: rgba(34, 34, 34, .05);
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s
 }
 .navbar-header{
  background-color:#fff; height: 140px;
 }
 .navbar-default .navbar-header .navbar-brand {
  color: #16A085
 }
 .btn, .navbar-default .nav > li > a {
  letter-spacing: 2px
 }
 .navbar-default .navbar-header .navbar-brand:focus, .navbar-default .navbar-header .navbar-brand:hover {
  color: #16A085
 }
 .navbar-default .navbar-header .navbar-toggle {
  font-size: 12px;
  color: #fff;
  padding: 8px 10px
 }
 .navbar-default .navbar-toggle {
   background-color: #ba0b26;}
 .navbar-default .navbar-toggle:hover {
  background-color: #ba0b26;}
 .navbar-toggle {    margin-top: 35px;}
 .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(245, 245, 245, 0.9);  border-color: transparent; height: 110px;
  }
  .affix {
   position: fixed;  height: 50px;
  }
  .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(245, 245, 245, 0.9);  border-color: transparent;
  }
  .navbar-default.affix  .ustbolge{
   display: none;
  }
  .navbar-default.affix  .navbar-header{
   margin-top: 0; height: 110px;
  }

  .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: 210px; border:none; height: 87px;}
  .navbar-default.affix-top .navbar-header .navbar-brand > .logo{background: url("../images/logo.png"); width: 210px; height: 87px; margin-top: 12px;}
  .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: 210px; height: 90px; border:none;margin-top: 10px;     margin-left: -4px;}
  .navbar-brand {  padding: 0 15px;  }
  #odxmenu ul li {width: 100%;     border-bottom: solid 1px #ba0b26;    border-right: 0px!important;    padding: 7px;}
  #odxmenu {margin-top: 0!important;}
  .navbar-header {height: 108px;}
  .navbar-default .navbar-collapse {padding: 0;}
  .ichead {   margin-top: -40px;  }
 }
 @media (min-width: 768px) and (max-width: 991px) {
  .navbar-left {
   margin-left: 0;
  }
 }
 /*Menü*/
 #odxmenu {position: relative; z-index: 10; margin-top: 30px;}
 #odxmenu ul {  list-style:none;  position:relative;  float:right;  margin:0;  padding:0  }
 #odxmenu ul a { display: inline;  color: #262626;  text-decoration: none;  font-weight: 700;  font-size: 14px;  padding: 10px 10px;  letter-spacing: 1px;  }
 #odxmenu ul a:hover {color: #ba0b26; }
 #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 { }

 #odxmenu ul ul { display: none;  position: absolute;  top: 100%;  left: 0;  background: #ba0b26;  padding: 0;  margin: 8px 0;}
 #odxmenu ul ul li {  float:none;  width:270px; border-bottom: solid 1px #770c1d; border-right:0px;}
 #odxmenu ul ul li a:hover {color: #770c1d;}
 #odxmenu ul ul li:last-child {  padding-bottom: 10px;}
 #odxmenu ul ul li:hover {border-top:none;}
 #odxmenu ul ul a {line-height: 120%;  padding: 10px 15px;  color: #fff;  width: 100%;  display: block;  margin: 0;}
 #odxmenu ul ul ul {  top:0;  left:100%  }
 #odxmenu ul li:hover > ul {display:block;}



 #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: 13px;  padding: 0 10px;  letter-spacing: 1px;  }
 #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;
 }
 header {
  position: relative;  width: 100%;  overflow-y: hidden;   color: #fff;
  background-size: cover;
 }
 header h1{
  font-size: 52px; font-weight: 300; padding: 200px 0;
 }
 .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 20px 0; letter-spacing: 1px;
 }
 .srvichead{
  background: url(../images/srvhead.jpg);
  position: relative;  width: 100%;  overflow-y: hidden;  color: #fff;  height: 250px;  background-size: cover;
 }
 .srvichead h1{
  font-size: 24px; font-weight: 500; padding: 170px 20px 0; letter-spacing: 1px;
 }
 .icust{
  padding: 200px 0 0; letter-spacing: 0.5px;
 }
 .icust a{
  color:#fff; text-decoration: none;
 }
 .icust a:hover{
  color:#ba0b26; text-decoration: underline;
 }
 .hizmetler{
  background: #fff; padding: 70px 0 20px;
 }
 .hizmetler h1{
  font-size: 30px; font-weight: 400;
 }
 .hizmetler p {
  color:#6e6e6e; line-height: 24px;
 }
 .lines {
  float: none;  margin: 0 auto;  display: table;  position: relative;
 }
 .lines > span{
  height: 2px;  width: 63px;  background-color: #ba0b26;  display: block;  margin: 5px 0 25px;
 }
 .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;
  -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: #ba0b26; 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;
 }
 .tanim-block:after{
  height: 100px; width: 3px; background: #ba0b26; 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 #ba0b26;
  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: #ba0b26;  color: #515252;  text-decoration: none;  border: solid 2px #ba0b26;
 }
 .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:#ba0b26;  display: block;  margin: -10px 0 25px; cursor: pointer;
 }
 .blines > span a{
  color:#ba0b26;  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;
 }
 .projealan h1{
  font-size: 16px; font-weight: 500; color:#5a5a5a; margin: 20px 10px; padding: 0 10px;
 }
 .projealan p{
  font-size: 14px; font-weight: 400; color:#5a5a5a; margin: 10px; padding: 0 10px; line-height: 20px;
 }
 .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 #ba0b26;
  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: #ba0b26;  color: #515252; text-decoration: none; border:solid 2px #ba0b26;
 }
 .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: #ba0b26; 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 10px 40px;
 }
 .haberalan p{
 font-size: 14px; font-weight: 400; color:#5a5a5a; margin: 5px 0 10px 40px; line-height: 20px;  overflow: hidden;
  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;
 }
 .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 {
  background-color: #f3f5f7;
  background: url("../images/foot.png") bottom;
  position: relative;
  width: 100%;
  overflow-y: hidden;
  color: #fff;
  background-size: cover;
 }
 footer.page-footer .footer-copyright {
  overflow: hidden;  height: 50px;  line-height: 50px;  background-color: rgba(51,51,51,0.15);
  color:#fff;  font-size: 12px;
 }
 .footer-copyright a {color: #fff;}
 footer ul {
  padding-left: 0;  padding-top: 5px;
 }
 footer ul li {
  list-style: none;  padding: 3px 0 3px 5px;
 }
 footer ul li a {
  color:#fff;  text-decoration: none;  font-size: 14px;  cursor: pointer;  letter-spacing: 0.4px;
 }
 footer ul li a:hover{
  color:#7597a9; 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; }
 .usosyal ul li {display: inline-block; padding:0 3px}
 .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 #ba0b26;
  background:#ba0b26;
  color: #fff;
 }
 .icbaslik {
  font-size: 18px;  font-weight: 500;  text-align: left;  letter-spacing: 0.5px;  margin: 20px 0;
  border-bottom: solid 2px #dae3e9;  padding: 10px 0; color:#515252;
 }
 .icbaslik:before{
  width: 63px; height: 2px; background-color: #ba0b26; content: ' '; display: table; position: absolute;  top:65px;
 }
 .ilettext{
  padding-left: 25px; 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: #ba0b26;}
 .ibilgi .sosyal ul li a i {font-size: 20px; color:#515252;}
 .ibilgi .sosyal ul li a i:hover {color:#ba0b26;}
 .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;
 }
 .hbrdtytext{
  color: #6e6e6e;  line-height: 24px; font-size: 15px;
 }
 .hbrdtytext .gun {
  font-size: 15px;  padding-top: 0;  margin-bottom: -10px;
 }
 .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: #bdc3c7;
 }
 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;
 }
 .brdr{
  border:solid 4px #fff;
 }
 @media (min-width: 1200px){}
 @media (max-width: 1200px){}
 @media (min-width: 992px){}
 @media (min-width: 992px) and (max-width: 1050px){}
 @media (min-width: 780px) and (max-width: 850px){}
 /*iPad*/
 @media (max-width: 768px) {}
 /*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){}
 /*iPhone 6*/
 @media (max-width: 376px){}
 /*iphone 5*/
 @media (max-width: 325px){}