﻿/** 


* 

**/

body {
    background-image:url('../img/background.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}	
.navbar {
background-color:rgba(47, 46, 46, 1);
width:100%;

}
.navbar-default .navbar-nav>li>a {
    color:rgb(255, 255, 255);
    margin-left:30px;
}
    .navbar-default .navbar-nav > li:hover > a {
        background-color: rgb(255, 255, 255);
    }
    

.logo {
    text-align:center;
    margin-top:100px;
}
    .logo .container > img {
        width:300px;
        height:300px;
    }
    .logo .container > h1 {
        color:#000000;
        font-size:50px;
    }
    .logo .container .social-media {
        margin-top: 100px;
        text-align:center;
    }
        .logo .container .social-media > ul {
            list-style-type:none;
        }
            .logo .container .social-media > ul > li {
                text-align:center;
                margin-left:10px;
            }
                .logo .container .social-media > ul > li > a > i {
                    color: rgb(255, 255, 255);
                    font-size: 30px;
                    border: solid 1px #ffffff;
                    border-radius: 100%;
                    padding: 20px;
                }
                    .logo .container .social-media > ul > li > a > i:hover {
                        color: #000000;
                        background-color: rgb(255, 255, 255);
                    }

.resimlerimiz {
    background-color: #ffffff;
    margin-top:100px;
    padding-bottom:100px;
    text-align:center;
}
    .resimlerimiz .container {

    }
        .resimlerimiz .container ul {
            list-style:none;
        }
        .resimlerimiz .container input[type=button] {
            padding: 0;
            margin: 0;
            background-color: #eac78e;
            color: #000000;
            font-size: medium;
        }
            .resimlerimiz .container ul li {
                width:25%;
				height:300px;
				
                float:left;
                padding:5px;
            }
			.resimlerimiz .container ul li img{
				width: 100%;
				height: 100%;
				background-size: contain;
				background-repeat: no-repeat;
			}
			.resimlerimiz .container ul li a {
				
			}
			

.hakkimizda .container {
    width:70%;
    background-color:rgb(255, 255, 255);
    padding:100px;
    margin-top:100px;
}
    .hakkimizda .container h1 {
        text-align:center;
    }


.videolarimiz {
    width:100%;
    height:auto;
    text-align:center;
    margin-top:100px;
    padding-bottom:100px;
    background-color:rgb(255, 255, 255);
}
    .videolarimiz h1 {
        margin-top:100px;
    }
    .videolarimiz iframe {
        width:70%;
        height:500px;
    }



.iletisim {
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
}
.iletisim .container {
    width:70%;
    background-color:rgb(255, 255, 255);
    padding:100px;
    margin-top:100px;
}
    .iletisim .container .alan {
    }
    .iletisim .container .alan h1 {
        text-align:center;
    }
    .iletisim .container .alan .sol {
    border-right:solid 1px #000000; 
    }
        .iletisim .container .alan .sol .adres {
            margin-top: 20px;
        }
        .iletisim .container .alan .sol .telefon {
            margin-top: 20px;
        }
        .iletisim .container .alan .sol .email {
            margin-top: 20px;
        }
		.iletisim .container .alan .sol .harita iframe {
        width:100%;
        height:300px;
    }

    .iletisim .container .alan .sag .form-group .adsoyad {
        margin-top:10px;
    }
    .iletisim .container .alan .sag .form-group .email {
        margin-top:10px;
    }
    .iletisim .container .alan .sag .form-group .konu {
        margin-top:10px;
    }
    .iletisim .container .alan .sag .form-group .mesaj {
        margin-top:10px;
    }
    .iletisim .container .alan .sag .form-group .gonder {
        margin-top:10px;
    }

.bisey p{
    text-align:center;
    background-color: #ffffff;
    margin-left:0;
    margin-right:0;
    padding-left:0;
    margin-top:30px;
    padding-right:0;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:0;
}




/* resimler.php sayfasının php kodlarına geçiyor burası */

