body{
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-family: 'Titillium Web', sans-serif;
}

header{
    background: none;
    height: 150px;
   
}

.slidegom{


}

.hak12s{
    margin-bottom: 50px;
}

.navbar-default{
    background: none;
    border: none;
}

.bx-wrapper{
    margin-top: 0px !important;
}

.navbar-right{
    margin-top: 45px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a{
    font-size: 18px;
    color: black;
    font-weight: bold;
}


h1{
    font-weight: bold;

}

.birinci{
 

}

.dorduncu a{
    color: white;
}

.item img{
    padding: 20px;
}

.referanslar .col-md-3 img{
    border: 1px solid rgba(0,0,0,0.2);
    padding: 20px;
    margin-bottom: 30px;
}

.baslik{
    margin-top: 100px;
    margin-bottom: 40px;
}

.birinci h2{
    font-weight: 900;
}

.birinci .col-md-6{
   
}

.ikinci{
    margin-top: 70px;
}

#cerceveal{
    border: 5px solid rgba(0,0,0,0.2);
    padding: 30px;
}

.owl-nav{
    display: none !important;
}

.ucuncu{
    margin-top: 70px;
}

.gorsel img{
    width: 100%;
    margin-bottom: 30px;
}

.isim{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    top: 80px;
}

.isim p{
    font-size: 18px;
    font-weight: normal;
}

.dorduncu{
    background: #ffc202;
    color: black;
    padding: 80px;
}

.dorduncu{
    font-size: 20px;
    font-weight: bold;
    margin-top: 70px;
    text-align: center;
}

.dorduncu button{
    background: black;
    color: white;
    border: none;
    padding: 10px 20px;
    margin-top: 20px;
}
.besinci{
    margin: 100px 0;
}

.besinci ul{
    display: table;
    margin: 0 auto;
    font-size: 36px;
}

.besinci ul li{
    float: left;
    display: table;
    list-style: none;
    margin: 0 20px;
}

.liyazi{
    margin-top: 5px !important;
    display: table;
}

footer{
    background: #ffc202;
    padding: 30px 0;
}

.tekilsayfa{
    position: relative;
}

.tekilsayfabaslik{
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    font-size: 45px;
    font-weight: bold;
    top: 50%;
    margin-top: -37px;
}

.tekilicerikler{
    margin-top: 75px;
}

.tekilicerikler img{
    width: 100%;
}

.tekilicerikler .col-md-6{
    margin-bottom: 90px; 
}

.tekilicerikler .col-md-12{
    margin-bottom: 90px; 
    
}

.tekilicerikler #cerceveal{
    
    border: none !important;
    padding: 0;
}

.tekilsayfa img{
    width: 100%;
}

.autoyap{
    width: auto !important;
}

#hizmetler{
    text-align: center;
    font-size: 26px;
    font-weight: bold;
}

#hizmetler .col-md-4{
    background: #ffc202;
    border: 2px solid white;
    padding: 60px;
}

#hizmetler p{
    font-size: 16px;
    font-weight: normal;

}

.refli{
    display: table;
    margin: 0 auto;
}

.refli li{
    float: left;
    list-style: none;
    margin: 0 20px;
}

.referanslar{
    margin-top: 30px;
}

.musteriler img{
    display: table;
    margin: 0 auto;
    border: 1px solid rgba(0,0,0,0.2);
    margin-bottom: 30px;
    padding: 10px;
}

#formekle input{
    width: 100%;
    font-size: 18px;
    padding: 20px;
}

#formekle textarea{
    width: 100%;
    font-size: 18px;
    padding: 20px;
}


#formekle .col-md-6{
    margin-bottom: 20px;
}

#formekle .col-md-12{
    margin-bottom: 20px;
}

.bilgi{
    font-size: 17px;
    font-weight: normal;
}

.gonderbuton{
    background: green;
    color: white;
    border: none;
}

.loading{
    width: 100%;
    height: 100%;
    background: #e3be00;
    position: fixed;
    z-index: 9999999;
}

.loadlogo img{
    margin: auto;
    display: table;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 50%;
    margin-left: -160px;
    margin-top: -80px;
}


@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    
    .navbar{
        position: relative; z-index: 999999; 
    }
    
    .navbar-default .navbar-toggle{
        margin-top: 60px; border-radius: 0 !important; background: white; 
    }
    
    .navbar-nav{
        background: white;

    }
    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a{
        color: black;
        margin-top: 10px;
    }
    
    .tekilbaslik{
        margin-top: 30px;
        font-size: 18px;
    }
    
    .navbar-right{
        margin: 0;
    }
    

    
}