/** 
* Han Hamam Sauna Css Files
* @version: 0.1.0
* @author: Mert Can Yılmaz <mertcanyilmaz03@gmail.com>
* 
* by Hayalet Yazılım
**/

body {
    background-color: #f1f1f1;
}	
.navbar {
background-color:rgba(47, 46, 46, 1);
width:100%;
}
    .navbar-default {
        height:100px;
    }
    .navbar img {
        margin:0;
    }


.navbar-default .navbar-nav > li > a {
    color: rgb(255, 255, 255);
    margin-left: 30px;
    line-height:80px;
}
    .navbar-default .navbar-nav > li:hover > a {
        background-color: rgb(255, 255, 255);
    }
    

.logo {
    text-align:center;
}
    .logo .container > img {
        width:300px;
        height:auto;
    }
    .logo .container > h1 {
        color: #25328a;
        font-size:50px;
    }
    .logo .container .social-media {
		visibility:hidden;
        margin-top: 10px;
        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: #0059a7;
            color: #fff;
            font-size: medium;
        }
        .resimlerimiz .container ul li {
            width: 25%;
            float: left;
			margin-top: 30px;
            padding: 5px;
            height: 300px;
        }
		.resimlerimiz .container ul li img{
			width:100%;
			height:300px;
			
		}
            
            



.hakkimizda .container {
    width: 70%;
    background-color: #adffb6;
    padding: 100px;
    margin-top: 0px;
}
    .hakkimizda .container h1 {
        text-align:center;
    }
.video{
	width: 50%;
	height:auto;
}

.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:40%;
        height:400px;
    }

.video{
	width:100%;
	height:auto;
}

.iletisim {
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
}
    .iletisim .container {
        width: 70%;
        background-color: #adffb6;
        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;
}






.top {
    width:100%;
    height:auto;
    color:rgb(255, 255, 255);
    background-color:#000000;
}


.contact {
    background-color:rgb(255, 255, 255);
    text-align:center;
    margin-top:50px;
    padding-top:10px;
    padding-bottom:10px;
}

/* resimler.php sayfasının php kodlarına geçiyor burası */