body{
    margin:0;
    padding:0;
    min-width:370px;
}
.navbar-inverse {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3c5bd+0,ff6600+54,ed1f00+99 */
    background: #f3c5bd; /* Old browsers */
    background: -moz-linear-gradient(top, #f3c5bd 0%, #ff6600 54%, #ed1f00 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f3c5bd 0%,#ff6600 54%,#ed1f00 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f3c5bd 0%,#ff6600 54%,#ed1f00 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#ed1f00',GradientType=0 ); /* IE6-9 */
    border:solid 1px #f3c5bd !important;
    width:100%;
    height:auto;
    max-height:350px;
    color:white !important;
    padding:5px;
}
.navbar_telefon{
    margin:0;
    padding:1px;
    font-size:22px;
    margin-top:4px;
}
.navbar_whatsap_img{
    width:25px;
    height:auto;
}
.whatsap{
    margin:50px;
    text-align:center;
    padding:10px;
    clear:both;
    float:left;
    width:100%;
    height:auto;
     color:white;
}
.index_whatsap{
    font-size:16px;
    color:white;
}
.telefon{
    font-size:40px;
    color:white;
}

.navbar .navbar-nav > li > a {
color:#ffffff !important;
}
.navbar .navbar-nav > li > a:hover {
color:#ebebeb !important;
}

.yukseklik{
    margin-top:11px;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    color:white !important;
}
.yukseklik:hover{
    color:#ededed !important;
}
.index_img{
    width:100%;
    height:auto;
}
.index_text{
    color:#f72811;
    font-size:20px;
    font-weight:bold;
    float:left;
    clear:both;
    padding:1px;
}
.resimler{
    margin:50px;
    padding:20px;
}
.img_works_area{
    float:left;
    padding:5px 0 0 0;
    margin:10px 0 0 0;
}
@media (max-width:300px){
    .index_text{
    font-size:10px;
}
    .index_onay_img{
        width:25px;
    }
}
@media (max-width:450px)and (min-width:301px){
    .index_text{
    font-size:13px;
}
     .index_onay_img{
        width:35px;
    }
}
@media (max-width:700px)and (min-width:451px){
    .index_text {
        font-size: 15px;
    }
     .index_onay_img{
        width:40px;
    }
}
@media (min-width:452px){
     .index_onay_img{
        width:45px;
    }
}
/*index galeri alanı*/
.index_galeri_div{
    width:100%;
    clear:both;
}
.tum_calismalar_butonu{
      width:100%;
    clear:both;
    margin-top:20px;
    padding:5px;
}
.index_galeri{
    width:100%;
    height:auto;
    min-width:350px;
    margin:1px;
    padding:1px;
    margin-top:20px;
}
.index_galeri_baslik{
    text-align:center;
}
.index_galeri_baslik h1{
    font-size:30px;
    margin:15px;
    padding:15px;
    border-bottom:solid 3px #f72811; 
    border-width:thick;
    color:#f72811;
}
.index_galeri_baslik p{
    font-size:20px;
    padding:20px;
    color:#f72811;
}
.tampon{
    width:100%;
    height:15px;
    clear:both;
}
.tampon_iletisim{
    width:100%;
    height:40px;
    clear:both;
}
.adres{
    font-size:20px;
    color:#f72811;
}
/*footer area*/
.footer-dark{
    clear:both;
    position:relative;
    margin:50px 0 -50px 0;
    padding:50px 0;
    color:#ffffff;
    background-color:#f72811;
}
.footer-dark h3{
    margin-top:0;margin-bottom:12px;font-weight:700;font-size:16px
}
.footer-dark ul{
    padding:0;list-style:none;line-height:1.6;font-size:14px;margin-bottom:0;color:#ddd;
}
.footer-dark ul a{
    color:inherit;text-decoration:none;opacity:.6
}
.footer-dark ul a:hover{
    opacity:.8
}
.footer-dark .item.text{
    margin-bottom:36px
}
@media (max-width:767px){
    .footer-dark .item:not(.social){
        text-align:center;padding-bottom:20px
    }
    .footer-dark .item.text{
        margin-bottom:0
    }
}
.footer-dark .item.text p{
    opacity:.6;margin-bottom:0
}
.footer-dark .item.social{
    text-align:center
}
@media (max-width:991px){
    .footer-dark .item.social{
        text-align:center;margin-top:20px
    }
}
.footer-dark .item.social>a{
    font-size:20px;width:36px;height:36px;line-height:36px;display:inline-block;text-align:center;
    border-radius:50%;
    box-shadow:0 0 0 1px rgba(255,255,255,0.4);margin:0 8px;color:#fff;opacity:.75
}
.footer-dark .item.social>a:hover{
    opacity:0.9
}
.footer-dark .copyright{
    text-align:center;padding-top:24px;opacity:.3;font-size:13px;margin-bottom:0
}