﻿body {
}
* {margin:0;padding:0;list-style:none;text-decoration:none;font-family:Poppins,sans-serif;}
.header {width:100%;background-color:#fcc709;height:40px;}
 .iletisim ul li img {height:20px;} a{text-decoration:none;}.iletisim ul {display:flex;}ul{padding-left:0 !important;}
.iletisim ul li a {color:#000;margin:5px;}.iletisim ul li{display:flex;align-items:center;height:40px;}.iletisim ul li:last-child::before{content:'';border-left:1px solid #000;height:20px;margin:5px;}
.iletisim ul li.ilt::before{content:'';border-right:1px solid #000;margin:5px;}.social-media ul{display:flex;justify-content:end;align-items:center;height:40px;}.social-media ul li a img{height:20px;}
.social-media ul li{padding:10px;}.logo img{height:65px;} row * {padding-left:0 !important;padding-right:0 !important;}.logo{padding:0;}.menu{height:100px;padding:0}.menu  ul.nav-menu{display:flex;justify-content:end;align-items:center;height:100px;}
.menu ul.nav-menu  li{padding-right:15px;cursor:pointer;font-size:14px;font-weight:bold;}
.menu >  ul.nav-menu > li:before{content:'';width:1px; height:20px;border-right:1px solid #000;margin-right:10px;}
.menu  ul.nav-menu > li:first-child:before{border:none;}ul.projeler li:hover{background-color:#ffc107;}ul.ft-menu li{height:30px;}ul.ft-menu li img {height:20px;margin-right:7px;}
.menu > .nav-menu > li > a{color:#000;font-size:14px;}.aktif{background-color:#ffc107;padding:10px;}
    .menu ul.acilir-menu li {
        text-align: center;
        display: none;
    }
    .menu ul.acilir-menu {
        position: absolute;
        width:100%;
        margin-top:10px;
       z-index:2;
    }
    .mobil-menu{display:none;}
        .menu ul.nav-menu > li.ilt {
            background-color: #ffc107;
            padding:10px;
        }
    .menu ul.nav-menu > li.ilt::before {
        border:none;
        margin-right:0 !important;
    }
    .sm{
        width:25px;
    }
.bilgi-devam {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 30px;
    margin-bottom:125px;
}
.menu  ul.acilir-menu li a{text-align:center;font-size:14px;color:#fff;display:block;width:100%}
.menu ul.acilir-menu li{border-bottom:1px solid #fff;padding:10px;background-color:#000;}
    .menu ul.acilir-menu li:hover{background-color:#ffc107;transition:1s;}
    .menu ul.nav-menu li.ac:hover ul.acilir-menu li {
        display: block;
        transition: 1s;
    }.hizmet-baslik{font-weight:500;display:block;text-align:left;font-size:22px;}ul.list-hizmet li img{width:28px;}ul.list-hizmet li{text-align:left;}
.slider{float:left;width:100%;position:relative;z-index:-1;}.menu-bar{float:left;width:100%;}
.carousel-caption {margin:0 auto;top:10%;width:80%;left:0 !important;right:0 !important;}.menu ul.nav-menu li.ac::after{content:'';position:absolute;display:flex;width:136px;height:55px;z-index:1;}
.menu-alan{width:100%;float:left;} .menu ul.nav-menu li.mobil{display:none;}
.hizmetler{float:left;}.hizmet-banner{float:left;padding:20px;height:auto;}.hizmet-banner a img:hover{transform:scale(120%);cursor:pointer;transition:1s;}.carousel-caption p{width:40%;padding:10px;margin:0 auto;text-align:center;background-color:#fcc709;font-size:17px;}
    .hizmet-banner a img {
        height: 230px;
        max-width: 100%;
        filter: drop-shadow(2px 4px 6px black);
        transition:1s;
    }.info .baslik-image{display:block;margin-top:20px;margin-bottom:10px;text-align:left;}.carousel-inner{height:1000px;}.carousel-caption span{font-size:46px;font-weight:500;}.mask{position:absolute;background-color:#000;height:100%;opacity:0.6;left:0;right:0; }.not-found{background-color:#e9a600;position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;}
.hata {
    position: fixed;
    top: 40%;
    left: 0;
    right: 0;
    width: 100%;
}
    .hata span {
        display: block;
        font-size: 32px;
        width: 18%;
        border-bottom: 1px solid #fff;
        text-align: center;
        margin: 0 auto;
    }
.uyari {
    background-color: #fcc709;
    padding:15px;
    width:100%;
    float:left;
    margin-top:15px;
}
    .hata a {
        color: #fff;
        text-decoration: none;
        font-size: 22px;
        padding: 10px;
    }.not-found a:hover{color:#000;}
     .link{
         padding:10px;
         border:2px solid #fff;
         color:#fff;
         margin-right:10px;
     }
     .link:hover{
         color:#fff;
         background-color:#ffc107;
     }
     .linkler{
         width:100%;
         text-align:center;
         display:none;
     }
     .slider-img{
         width:100%;
     }
.info p {
    text-align:start;
    line-height:26px;
    color: #000;
    font-weight:500;
}.info p a{border:1px solid #000;color:#000;padding:7px;font-size:12px;float:right;letter-spacing:1px;margin:15px;transition:1s;}.info p a:hover{background-color:#ffc107;color:#000;transition:1s;}
.banner{float:left;width:100%;}h2{font-size:3rem;}.banner .ces{font-size:17px;font-weight:300;}.banner h2:before{content:'';border:2px solid #ffc107;position:absolute;width:40px;margin-top:70px;left:49%;}.lokasyon-renk{background-color:#000;}ul.lk li span{color:#fff;font-weight:700;}
.lokasyon{float:left;width:100%;text-align:center;}.lokasyon-bilgi{color:#fff;float:left;width:100%;text-align:center;padding:90px;}.lokasyon b {font-size:30px;color:#fff;}ul.lk li{width:100%;display:flex;align-items:center;height:70px;}ul.lk li a {color:#fff;padding:10px;font-weight:700;}ul.lk li img{height:40px;}
.ulasim{background-color:#ffc107;width:100%;float:left;height:150px;}.mt-6{margin-top:6rem;}.uls{font-size:42px;font-weight:bold;color:#000}.elektrik{color:#000;font-size:20px;}.ft-menu li a:hover{color:#ffc107;}
.btn1 {color:#000;width:150px;border:2px solid #000;font-weight:500;padding:20px 55px;transition:ease-in-out 0.3s;}
ul.projeler {
    position: absolute;
    width: auto;
    margin-top:10px;
    z-index: 99;
    background-color:#000;
    display: none;
}ul.projeler > li > a{color:#fff;}ul.projeler li{border-bottom:1px solid #fff;padding:10px;}.menu ul.nav-menu  li.proje:hover ul.projeler{display:block;}.menu ul.nav-menu li.proje::after{content:'';position:absolute;height:50px;width:100px;display:flex;}
 .btn1:hover{background-color: #000; color: #fff; transition:ease-in-out 0.3s; }.footer{background-color:#000;float:left;width:100%;height:auto;}.footer-logo{width:220px;height:105px;}.ft{padding:60px;}
.col-md-3  .ft-span {color:#ffc107;font-size:24px;display:block;margin-bottom:10px;}ul.ft-menu li a{color:#fff;font-size:16px;}.iconlar img{height:30px;margin:10px;}.iconlar > span{display:block;color:#fff;}.footer-bilgi{color:#fff;font-size:13px;}.footer-bilgi img{height:25px;margin:2px;}.footer-bilgi a{color:#fff;}
.footer-bottom {background-color:#141619;display:flex;height:35px;color:#fff;align-items:center;}.fr{float:right;color:#fff;}.fr a {color:#ffc107;margin:5px;}.footer-bottom span{padding:0;}
/*hizmetler*/
.background {width: 100%;float: left;height: 200px;background-image: url(img/planproje.jpg);background-position: center;}.planproje{font-weight:900;color:#fff;text-align:center;margin-top:50px;}.plan{color:#fff;display:block;width:100%;text-align:center;margin-top:5px;}.plan a {color:#fff;}.plan a:hover{color:#ffc107;}.footer-bilgi ul li{margin-bottom:10px;}
.baslik{color:#fff;margin-bottom:30px;font-size:36px;display:block;text-align:center;}.bilgi{float:left;width:100%;text-align:center;}.sagmenu ul li{display:flex;align-items:center;width:80%;background-color:#ffc107;height:50px;justify-content:flex-start;margin-bottom:10px;padding-left:20px;}.sagmenu ul li a {color:#000;}.sagmenu ul li:hover{background-color:#000;color:#fff;transition:1s;}.sagmenu ul li:hover a{color:#fff;}.menu > .nav-menu > li > a:hover{border-bottom:1px solid #000;transition:1s;}.nav-menu li#r1:hover{color:#ffc107}.nav-menu li.ilt a:hover{color:#000 !important;}
.info-k{text-align:justify;line-height:26px;}.kategori-banner{float:left;width:100%;}.kategori-banner img{margin-top:10px;margin-bottom:80px;width:100%;} .testolcum{width:100%;float:left;background-position:center;height:200px;background-image:url(img/testolcum1.jpg);}.proje-danismanlik{height:200px;width:100%;float:left;background-image:url(img/elektrik.jpg);background-repeat:no-repeat;background-size:100%;}.referanslar{float:left;}.referanslar img{width:100%;;transition:1s;padding:10px;}.referanslar .col-md-3{float:left;text-align:center;padding:70px;height:300px;display:flex;align-items:center;justify-content:center;}.referanslar .col-md-3 img:hover{transform:scale(120%);cursor:pointer;}
.hakkimizda{color:#000;display:block;font-size:30px;font-weight:800;}.hk{padding:45px;}.hk img{max-height:500px;}.biten-proje img {width:100%;}.biten-proje ul li{background-color:#000;color:#fcc709;border-bottom:1px solid #e1e1e1;font-size:14px;text-align:start;font-weight:500;padding:15px;height:66px;padding:18px;}.biten-proje ul li span{color:#fff;margin-left:5px;}.ces-baslik{display:block;text-align:center;color:#ffc107;margin-top:10px;height:60px;}.relativ{position:relative;}.biten-proje{transition:1s;}.biten-proje:hover{transform:scale(110%);cursor:pointer;transition:1s;}.iletisim-baslik{display:block;}.flex{display:flex;align-items:center;text-align:center;}.iletisim-baslik{font-size:25px;font-weight:900;}.iletisim-baslik img{padding:10px;}.border-r{border-right:1px solid #000;height:116px;}.flex a{font-size:15px;color:#000;}
.contact , .contact-form{float:left;width:100%;text-align:center;margin-top:3rem;margin-bottom:3rem;}.text{display:block;width:100%;height:50px;margin-bottom:18px;padding:10px;border:1px solid #000;}.btn2{float:left;width:100px;padding:10px;font-weight:400;border:1px solid #000;letter-spacing:1px;font-size:20px;background-color:#fff;} 
/*media screen 320px and 480px*/
@media only screen and (min-width:319px) and (max-width:479px){.sagmenu{margin-top:0;}.bilgi-devam{font-size:18px;}.carousel-control-prev-icon {width:30px !important;height:30px !important;}.carousel-control-next-icon {width:30px !important;height:30px !important;}
    .background{height:150px;}.kategori-banner img{width:100%;height:auto;}ul.projeler{margin-top:10px;}.menu ul.nav-menu > li.ilt{width:25%;}.menu ul.nav-menu > li.ac:hover ul.acilir-menu li{display:block;}
   .logo .mobil-menu{display:block;}.menu ul.acilir-menu{width:auto;}.menu ul.nav-menu li.proje::after{display:none;}.menu ul.nav-menu li.ac::after{display:none;}.not-found{padding:0px;font-size:24px;}.not-found span{margin-top:300px;}
 .social-media{display:none;} .iletisim ul{justify-content:center;}.iletisim ul li a{font-size:11px;}.menu ul.nav-menu{display:block;height:auto;}.menu ul.nav-menu li:before{display:none;}.menu{height:auto;}.logo .mobil-menu .bar{height:30px;}.logo .mobil-menu span{font-weight:800;padding:10px;font-size:18px;}.logo > img{height:50px;}.menu ul.nav-menu{margin:15px 40px;}.menu ul.nav-menu > li{display:none;height:40px;}.slider{height:300px;}.w-100{height:300px !important;}ul.lk li span{font-size:11px;text-align:start;}ul.lk li img{height:33px;margin:10px;}.logo{display:flex;align-items:center;justify-content:space-around;}.mobil-menu{display:flex;align-items:center;}.mobil-menu:hover{cursor:pointer;}
    .ulasim .row{margin-top:0 !important;}.uls{font-size:30px;margin:10px;display:block;}.ulasim{height:auto;padding:15px;}.elektrik{margin-bottom:20px;display:block;}.footer-logo{max-width:190px;}.footer-bottom{padding:10px;height:auto;}.fr{float:none;}.lokasyon-bilgi{padding:0;}.btn1{margin-top:10px;display:block;text-align:center;margin:0 auto;padding:10px 30px;}.banner h2{font-size:30px;}.banner h2:before{display:none;}.lokasyon b{display:block;margin-top:25px;}.referanslar .col-md-3{float:none;}.testolcum{background-size:100%;height:150px;}.planproje{margin-top:40px;font-size:17px;}.plan a{font-size:13px;}.ces-baslik{height:auto;font-size:13px;}.referanslar img{width:140px;}.hk img{width:100%;}.iletisim-baslik img{height:60px;}.iletisim-baslik{display:flex;align-items:center;font-size:20px;}.btn2{margin-bottom:25px;}
 }
@media only screen and (min-width:480px) and (max-width:768px) {.bilgi-devam{font-size:18px;}.kategori-banner img{width:100%;height:auto;}ul.projeler{margin-top:10px;}.menu ul.nav-menu > li.ilt{width:25%;}.menu ul.nav-menu li.ac::after{display:none;}.not-found{padding:0;font-size:24px;}.not-found span{margin-top:300px;}
     .logo .mobil-menu{display:block;}.mobil-menu:hover{cursor:pointer;}.menu ul.acilir-menu{width:auto;bottom:90px;}.menu ul.nav-menu li.proje::after{height:5px;}.background{height:150px;}.kategori-banner img{width:100%;height:auto;}.sagmenu{margin-top:0;}
 .social-media{display:none;} .iletisim ul{justify-content:center;}.iletisim ul li a{font-size:11px;}.menu ul.nav-menu{display:block;height:auto;}.menu ul.nav-menu li:before{display:none;}.menu{height:auto;}.logo .mobil-menu .bar{height:30px;}.logo .mobil-menu span{font-weight:800;padding:10px;font-size:18px;}.logo > img{height:50px;}.menu ul.nav-menu{margin:15px 40px;}.menu ul.nav-menu li{display:none;height:40px;align-items:center;}.slider{height:300px;}.w-100{height:300px !important;}ul.lk li span{font-size:11px;text-align:start;}ul.lk li img{height:33px;margin:10px;}.logo{width:100%;display:flex;align-items:center;justify-content:space-around;}.mobil-menu{display:flex;align-items:center;}.referanslar .col-md-3{padding:0;height:210px;}
    .ulasim .row{margin-top:0 !important;}.uls{font-size:30px;margin:10px;display:block;}.ulasim{height:auto;padding:15px;}.elektrik{margin-bottom:20px;display:block;}.footer-logo{max-width:190px;}.footer-bottom{padding:10px;height:auto;}.fr{float:none;}.lokasyon-bilgi{padding:0;}.btn1{margin-top:10px;display:block;text-align:center;margin:0 auto;padding:10px 30px;}.banner h2{font-size:30px;}.banner h2:before{display:none;}.lokasyon b{display:block;margin-top:25px;}.referanslar .col-md-3{float:none;}.testolcum{background-size:100%;height:150px;}.planproje{margin-top:40px;font-size:17px;}.plan a{font-size:13px;}.ces-baslik{height:auto;font-size:13px;}.referanslar img{width:43%;}.hk img{width:100%;}.iletisim-baslik img{height:60px;}.iletisim-baslik{display:flex;align-items:center;font-size:20px;}.btn2{margin-bottom:25px;}}
@media only screen and (min-width:769px) and (max-width:998px) {.referanslar .col-md-3{padding:15px;}.sagmenu{margin-top:15px;}.sagmenu ul li{padding-left:0;justify-content:center;width:auto;} .logo img{height:50px;}.menu ul.nav-menu li{padding-right:2px}menu ul.nav-menu li:before{margin-right:5px;}.menu ul.nav-menu li a{font-size:12px;}.iletisim ul li a{font-size:12px;}.footer-logo{width:150px;height:110px;}.hizmet-banner img{height:300px;}.hizmet-banner{width:100%;float:none;}.lokasyon-bilgi{padding:20px;margin-top:75px;}.ulasim{padding:40px;margin-top:35px !important;height:auto;}.ulasim > .container .row{margin-top:0 !important;}.ft{padding:0;margin-top:30px;}.ft > .col-md-3{padding:0;}ul.ft-menu li a{font-size:11px;}ul.ft-menu li img{margin-right:2px;}.footer-bilgi span{font-size:11px;}.footer-bilgi img{margin:0;}.footer-bilgi ul li{margin-bottom:28px;}.iconlar img{height:20px;}.iconlar span{font-size:13px;}}
.nav-menu > li:hover {animation: animasyonAdi 0.82s cubic-bezier(.36,.07,.19,.97) both;transform: translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px;}
@keyframes animasyonAdi {10%, 90% {transform: translate3d(-1px, 0, 0);}20%, 80% {transform: translate3d(2px, 0, 0);}30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}40%, 60% {transform: translate3d(4px, 0, 0);}}
@media only screen and (min-width:999px) and (max-width:1399px){.sagmenu{margin-top:15px;}.referanslar .col-md-3{padding:40px;height:235px;}}