*{
    margin:0px;
    padding:0px;
}
body {
    overflow-x:hidden;
    font-family:'Open Sans',sans-serif;
    text-rendering:optimizeLegibility !important;
    -webkit-font-smoothing:antialised !important;
}
/*----HEADER*/
.header{
    height:650px;
    width:100%;
    padding:30px 0 30px;
    margin-top:0;
    background-image:url(../imgsite/bg.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    color:#fff;
}
.header img{
    height:340px;
    width:616px;
    margin:60px 0 0 40px;
}
.header h1{
    font-size:40px;
    font-weight:700;
    padding-top:30px;
    color:#e5b40f;
}
.header h1, p, .header.button{
    margin-top:10px;
}
.header.btn{
    border-radius:0;
    margin:40px 0 20px;
}
.logo{
    width:190px;
    height:40px;
    margin-top:5px;
}
#contan{
    padding-top:40px;
    clear:both;
}
#contan h2{
    /*color:#deae0f;*/
    color:#e5b40f;
}
#contanicerik{
    text-align:center;
}
#contanicerik h1{
    padding:15px 0 0 0;
    color:#e5b40f;
}
#altsatirindex{
    width:300px;
    height:3px;
}
#indexhizmetlerimiz{
    padding:0 0 15px 0;
}
/*-------HEADER END----------*/


/*-----NAVBAR LİNK*/
.navbar-default .navbar-nav > li > a {
  color: #deae0f !important; /*sarı link rengi*/
  font-size:18px !important;
  text-transform:uppercase !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #e6500e !important; /*link üstüne gelince*/
  font-size:18px !important;
  text-transform:uppercase !important;
  background-color: transparent !important;
}
/*-------NAVBAR LİNK END---------*/

/*REFERANSLAR*/
#referans{
    text-align:center;
    padding:2px;
    padding-top:50px;
    clear:both;
    width:100%;
}
#referans h2{
    color:#e5b40f;
    padding:0 0 2px 0;
}
#refres{
    padding:15px;
}
#refresimg{
    width:340px;
    height:322px;
}
#altsatirdiv{
    padding-bottom:20px;
}
#altsatir{
    width:470px;
    height:3px;
}
#altsatir2{
    width:100%;
    height:3px;
}
/*--------REFERANSLAR END -----*/

/*HAKKIMIZDA*/
#hakkimizdayazi{
    text-align:center;
    padding:20px;
}
hakkimizdayazi p{
    padding:20px;
}
#altsatirhk{
    width:300px;
    height:3px;
}
/*--------HAKKIMIZDA END-------------*/


/*İLETİŞİM*/
#iletisimadres{
    font-size:16px;
    padding:40px 10px 110px 10px;
    margin:20px;
}
#iletisimadresindex{
    font-size:16px;
    margin-top:30px;
    margin-bottom:40px;
}
#iletisimadres span {
    text-decoration: underline;
    font-size: larger;
    color: #977b08;
}
#iletisimadresindex span {
    text-decoration: underline;
    font-size: larger;
    color: #977b08;
}
/*---------İLETİŞİM END-------*/

/*HİZMETLERİMİZ*/
#hizres{
    padding:10px 0 10px 0;
}
#hizres img{
    width:310px;
    height:100%;
}
#refresimgindex{
        width:310px;
        height:400px;
    }
.ind{
    padding-top:10px;
}
@media (max-width:400px){
    #hizres img{
    width:250px;
    height:auto;
}
    #refresimgindex{
        width:270px;
        height:350px;
    }
}
@media (max-width:320px){
    #hizres img{
    width:250px;
    height:auto;
}
    #refresimgindex{
        width:250px;
        height:350px;
    }
}

/*-------HİZMETLERİMİZ END------------*/

/*İNDEX REFERANS*/
#referance{
    padding:15px;
    clear:both;
}

.main_page_title {
    text-align: center;
    padding: 40px 0 25px 0;
}
.main_page_title_h1 {
    font-size: 2em;
    color: #977b08;
}
.under_title_img {
    padding: 5px 0 35px 0;
}
.work_in_wex {
    width: 100%;
    height: 400px;
    border-radius: 30px;
    margin: 15px;
}
.main_page_button {
    min-width: 230px;
    margin-top: 20px;
}

/*----İNDEX REFERANS END*/

/*FOOTER*/
#footer{
    width:100%;
    height:auto;
    padding:15px;
    clear:both;
}
.row_footer {
    color: #977b08 !important;
    clear: both;
    margin-bottom: -20px !important;
    background-color: #dbdbdb !important;
}
.lead {
    line-height: 1em;
    color: #977b08;
}
.whatsapp_img {
    width: 35px;
    height: auto;
}
/*------FOOTER END---*/