body{
    margin:0;
    padding:0;
    min-width:370px;
}
.navbar-inverse { 
    background: orangered !important; /* Old browsers */
    background: -moz-linear-gradient(top, #7c71f5 0%, #2989d8 50%, #207cca 100%, #119fff 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #7c71f5 0%,#2989d8 50%,#207cca 100%,#119fff 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7c71f5 0%,#2989d8 50%,#207cca 100%,#119fff 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c71f5', endColorstr='#119fff',GradientType=0 ) !important; /* IE6-9 */
    border:solid 2px #2989d8 !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:orangered;
}
.index_whatsap{
    font-size:16px;
    color:white;
}
.telefon{
    font-size:40px;
    color:white;
    margin-left:10px;
    padding:5px;
}

.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:#7473f2;
    font-size:20px;
    font-weight:bold;
    float:left;
    clear:both;
    padding:1px;
}
.navbar .navbar-nav > li > a {
color:#ffffff !important;
}
.navbar .navbar-nav > li > a:hover {
color:#ebebeb !important;
}
.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;
}
.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 #7c71f5; 
    border-width:thick;
    color:#7473f2;
}
.index_galeri_baslik p{
    font-size:20px;
    padding:20px;
    color:#7473f2;
}
.tampon{
    width:100%;
    height:15px;
    clear:both;
}
.tampon_iletisim{
    width:100%;
    height:40px;
    clear:both;
}
.adres{
    font-size:20px;
    color:#7c71f5;
}
/*footer area*/
.footer-dark{
    clear:both;
    position:relative;
    margin:50px 0 -50px 0;
    padding:50px 0;
    color:#ffffff;
    background-color:#0c6dbe;
}
.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
}