@charset "utf-8";

* > :first-child { margin-top: 0 !important; margin-left: 0 !important; }
* > :last-child { margin-bottom: 0 !important; margin-right: 0 !important; }

body{ font-family: 'Raleway', sans-serif; color:#fff; overflow-x: hidden !important; color:#000; font-size:17px; line-height: 130%;}

.clear { clear:both; }
.wrap{ width: 100%; height: 100px; }
a{ text-decoration: none; font-weight: 400; color:#bfbfbf; cursor:pointer; font-size: 14px; font-family: 'Raleway', sans-serif; letter-spacing: 1px; transition: all .3s;}
a:hover, a:focus{  color:#000000 !important; text-decoration: none !important;}
ul li{ list-style-type: none; }
img{ font-size: 0; padding: 0; margin:0; }
ul {
  margin: 0; 
  padding:0
}

h1{ font-weight: 400; font-family: 'Raleway', sans-serif; font-size: 40px; color:#231f20; line-height: 120%; }
h2{ color:#231f20; font-weight: 400; font-family: 'Raleway', sans-serif; font-size: 22px;  }
h3{ color:#efefef; font-weight: 400; font-family: 'Raleway', sans-sans-serif; font-size: 36px; line-height: 150%;  }



.center{ width: 80%; margin-left: 10% !important; font-family:'Raleway', sans-serif; text-align: center; font-weight: 300 !important }
.litCenter{ width: 60%; margin-left: 20%; line-height: 150%; font-family:'Raleway', sans-serif; font-weight: 300 !important; text-align: justify; }
.centerAlign{ text-align: center; }
.rightAlign{ text-align: right; width:100%;}
.noPadding{ padding:0 !important; margin:0 !important; }

.binYirmi{ width: 1024px; margin:0 auto; text-align: center; }
.leftAlign{text-align: left; line-height: 150%; font-size:17px;}
.leftAlign h2{ margin-top: 5px; }
.bigCenter{ width: 90%; margin-left: 5%; }
.alignRight{ text-align: right; }
.alignCenter{ text-align: center; }
.whiteArea{ width: 100%; height: 70px; background-color: #fff; }
.banners img{ width: 100%; }
.banners{ margin-top: 100px; }
.padd{ margin-top: 50px; margin-bottom: 50px; }

.headerTop{ width:100%; padding:20px; border-bottom:1px solid #e4e4e4; font-size:13px !important; background-color:#ffffff;}
.headerTop img{ width: 250px; }
.font12{ font-size:12px; text-align: left; }
.font12 img{ width: 25px; display: inline-block; margin-right: 5px; position: relative; vertical-align: middle; }

.logo img{ width: 200px; margin-bottom:10px; }
.header{ padding-top:10px; background-color:#ffffff !important; width: 100%;  top:0; left: 0; height: 80px; z-index: 9999999999 !important; -webkit-box-shadow: 0px 9px 19px -9px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 9px 19px -9px rgba(0,0,0,0.55);
box-shadow: 0px 9px 19px -9px rgba(0,0,0,0.55);}
.logoF{ width: 200px; }

.footerBottom{ padding:20px; width:100%; text-align: center; padding:20px; border-top:1px solid #e4e4e4; font-size:12px; }
.footer{ background-color:#ffffff; min-height: 250px; padding: 40px 0; border-top:1px solid #e4e4e4; }

.hLine{ width: 60px; height: 2px; background-color:#e4e4e4; margin-bottom:20px; margin-top: 5px; }
.footerLink{ display: block; color:#231f20 !important; margin-top: 10px; }
.footerLink span{ margin-right: 20px; }

.map{ width: 100%; height: 300px; }

.navContainer{ text-align: right; }
.nav li{ display: inline-block; margin-top:5px; }
.nav li a{ font-weight: 700; color:#231f20; font-size:13px; }

.lang a{ display: inline-block !important; }
.lang{ display: inline-block !important; }

.sliderTitle{ position: absolute; top:30%; left:10%; color:#fff; line-height: 130%; }
.sliderTitle h2{ color:#fff; font-size:50px; font-weight: 800; line-height: 130%; }

.mainLogos img{ padding:20px; display: inline-block !important; position: relative !important; vertical-align: middle !important; }
.mainLogos{ margin-bottom: 100px !important; }

.sliderContainer{ margin-top:-30px; z-index: 0 !important; position: relative; }
.banner img{ width: 100%;  } 
.banner{ margin-top:-30px; height: 400px;  }
.pageTitle h2{ display: inline-block; color:#fff !important; }
.titleLine{ display: inline-block; margin-right: 20px; vertical-align: middle; width: 100px; height: 2px; background-color:#e4e4e4; }
.pageTitle{ left:15%; top:50%; position: absolute; }

.drops{ padding-top:20px; background-color:#fff; }
.drops li{ padding:10px; border-bottom:1px solid #49b5e7; }
.drops li a{ color:#231f20 !important; }
.kCerceve{ text-align: center; vertical-align: middle !important; position: relative !important; display: inline-block !important; }
.kCerceve img{  }
.kText{ position: relative; vertical-align: middle; display: inline-block; margin-top:50px !important; }
.haberMain img{ width: 30% !important; float: left; margin-left: 2% !important; height: auto !important; }


.hLine{ width: 300px; height: 1px; background-color: #3b3b3b; margin-top:15px; }
.contents h2{ color:#3b3b3b; font-size:40px; }
.btns{ background-color:#49b5e7; border-radius: 5px; color:#fff; }
.divider{ width: 100%; height: 2px; background-color:#49b5e7; margin-top:100px !important; margin-bottom: 100px !important; }

.blogTitle h2{ color:#231f20 !important; }
.blogLine{ background-color:#231f20; width: 100%; height: 2px; margin-top:20px; margin-bottom:20px; }
.pageContents{ margin-top:50px; margin-bottom:50px; text-align: left; }
.pageContents b{ font-weight: 600 !important; }

.blogPic{ width: 100%; height: 30vh; }
.referansTek{ border-radius: 5px; -webkit-box-shadow: 0px 10px 5px -9px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 10px 5px -9px rgba(0,0,0,0.23);
box-shadow: 0px 10px 5px -9px rgba(0,0,0,0.23); transition: all .3s; margin-top: 20px !important; }
.referansTek:hover, .referansTek:focus{
  -webkit-box-shadow: 0px 10px 5px -9px rgba(0,0,0,0.53);
-moz-box-shadow: 0px 10px 5px -9px rgba(0,0,0,0.53);
box-shadow: 0px 10px 5px -9px rgba(0,0,0,0.53); 
}
.blogTitle h2{ color:#231f20 !important; font-size:18px !important; padding:20px; width: 100%; background:rgb(255,255,255); }
.blogLine{ background-color:#231f20; width: 100%; height: 2px; margin-top:20px; margin-bottom:20px; }

.haberBigPic{ width: 50%;}


.mpInfo{ background-color:#42474C; padding:50px 0; width: 100%; color:#fff; }
.mpInfoLine{ width:200px; background-color:#CEB994;  height: 2px;}

.hizmetlerimiz{ margin-top: 30px; margin-bottom: 50px; }
.hizmetTekCont{ padding:30px; }
.hizmetTek{ height: 15vw; margin-top:30px; margin-bottom: 30px; position: relative; width: 100%; }
.hizmetTitle{ position: absolute; width: 80%; left: 10%;  bottom: -30px; padding:20px; text-align: center !important; background-color:#fff; -webkit-box-shadow: 0px 9px 19px -9px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 9px 19px -9px rgba(0,0,0,0.55);
box-shadow: 0px 9px 19px -9px rgba(0,0,0,0.55); z-index: 999 !important; }

.projeContent{ margin-top:50px; }

.iletisim{ margin-top:50px; margin-bottom:50px; }

sup{ font-size:10px !important; }

@media screen and (max-width: 1440px) {


}


@media screen and (min-width: 1600px) {


}

@media screen and (max-width: 1300px) {




}

@media screen and (max-width: 1152px) {
  .center{ width:90%; margin-left: 5% !important; }

}

@media screen and (max-width: 750px) {

  .headerTop, .nav{display: none;}

  .logo{ margin-left: 0 !important; }
  .logo img{ width: 150px; }
  .header{ padding:20px 0px; background-color:#ffffff !important; width: 100%; height: 80px; position: fixed; top:0; left: 0; z-index: 9999999999 !important; -webkit-box-shadow: 0px 9px 19px -9px rgba(0,0,0,0.55);
  -moz-box-shadow: 0px 9px 19px -9px rgba(0,0,0,0.55);
  box-shadow: 0px 9px 19px -9px rgba(0,0,0,0.55);}
  .slider{margin-top: 80px;}
  .baslik{ font-size: 15px;}
  .slider{ height: 90vh !important; }
  .footerCol{ margin-top: 40px; }
  .banner{ margin-top: 80px; }
  .hizmetTek{ height: 40vh; }

  #hamburger {

     display: inline-block;
     float: right;

     width: 50px;
     padding: 10px 10px;
     z-index: 9999999999;
     margin-right: 10px;
     position: absolute;
     top:-110px;
     right: 20px;
    /* margin-top: -55px; */
     

  }
  #hamburger span {
     background: #134866;
     display: block;
     height: 1px;
     margin: 6px 0;
  }

  html.mm-opened #hamburger span.top-bar {
     transform: rotate( 45deg );
     top: 7px;
  }
  html.mm-opened #hamburger span.middle-bar {
     opacity: 0;
  }
  html.mm-opened #hamburger span.bottom-bar {
     transform: rotate( -45deg );
     top: -7px;
  }

  #hamburger {
     overflow: hidden;
  }
  #hamburger span {
     position: relative;
     transform: rotate( 0 );
     top: 0;
     left: 0;
     opacity: 1;

     transition: none 0.5s ease;
     transition-property: transform, top, left, opacity;
  }

  html.mm-opened #hamburger span.middle-bar {
     left: -40px;
  }




}

@-webkit-keyframes projeCar {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes projeCar {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@-webkit-keyframes projeCar-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes projeCar-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@media screen and (max-width: 320px) {
    .ozelyapim{ float: right; margin-top: 5px; }
}

.projeCar {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.projeCar:hover, .projeCar:focus, .projeCar:active {
  -webkit-animation-name: projeCar-sink, projeCar;
  animation-name: projeCar-sink, projeCar;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}




.iletisimLeft ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #134866;
    font-family: inherit;
}
.iletisimLeft :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #134866;
   opacity:  1;
   font-family: inherit;
}
.iletisimLeft ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #134866;
   opacity:  1;
   font-family: inherit;
}
.iletisimLeft :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #134866;
   font-family: inherit;
}

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: url(../img/loader.gif) center no-repeat #fff;
}