@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-shadow: none;
    background:#FFFFFF;
    text-align: left;
    margin: 00px;
	font-weight:400;
	padding:0px;
	height:100vh;
	background-size:cover;
}

body:before, body:after {
    content: "";
    position: fixed;
    background: #FFFFFF;
    left: 0;
    right: 0;
    height: 2.5%;
	    z-index: 10;
}
body:before {
    top: 0;
}
body:after {
    bottom: 0;
}

img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}

body {
    border-left: 20px solid #FFFFFF;
    border-right:20px solid #FFFFFF;  
}


@media 

/* Fairly small screens including iphones */
only screen and (max-width: 500px)

{
	body:before, body:after {
    	display:none;
	}
	body:before {
		top: 0;
	}
	body:after {
		bottom: 0;
	}
	
	
	body {
		border-left:0px solid #FFFFFF;
		border-right:0px solid #FFFFFF;  
	}
}

@media
/* iPads */
screen and (min-width: 768px) and (max-width: 1024px) 

{
	body:before, body:after {
    content: "";
    position: fixed;
    background: #FFFFFF;
    left: 0;
    right: 0;
    height: 10px;
	}
	body:before {
		top: 0;
	}
	body:after {
		bottom: 0;
	}
	
	
	body {
		border-left: 10px solid #FFFFFF;
		border-right: 10px solid #FFFFFF;  
	}
	
	nav > li {
    	padding: 0px 0px;
	}
	
}

.header{
	padding-top:25px;
}

.langs{
	position: absolute;
    right: 75px;
    top: 15px;
}

.langs a{
	color:white;
}

.langs > a:first-child{
	padding-right:5px;
}



.langs > .active{
	color: #337ab7;
    text-decoration: none;
}


.navbar-default {
    background-color:transparent;
    border-color:transparent;
}


.navbar-nav {
    margin-top:60px;
}

.nav > li {
    padding:0px 15px;
}

.navbar-default .navbar-nav > li > a {
    color: #FFF;
 	transition:all ease-out 0.2s;
}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FFF;
	border-bottom:2px solid #FFFFFF;
}


.reservationButton{
	margin-top:50px;
}




.footer{
	margin-top:20px; 
	color:#777777;
	border-top:2px solid #E4E4E4;
	padding-top:8px;
    margin-bottom: 30px;
}

	.footer a{
		color:#777777;
	}
	
	.social a:hover{
		color:#ffd500;
	}


.homeFooter{
	position:absolute;
	bottom:40px;
	width:95%;
	
}

.homeFooter div, .homeFooter a{
	color:white !important;
}

.subPageHead{
    min-height: 400px;
}

.subPageTitle{
	    font-weight: 700;
    color: rgba(255,255,255,0.20);
    font-size: 3em;
    padding-top: 30px;
	text-transform:uppercase;
	
}

.pageContainer{
	margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}



.iletisimForm{

}

	.iletisimTitle{
		margin-bottom:10px;
		    padding-top: 14px;
	}
	
	.iletisimInput{
		margin-bottom:10px;	
	}
	
	.iletisimInput input{
		border:none;
		border-radius:0px;
		background:none;
		border-bottom:1px solid #9cc4e8;
		box-shadow:none;
	}
	
	.iletisimInput textarea{
		border:none;
		border-radius:0px;
		background:none;
		border-bottom:1px solid #9cc4e8;
		box-shadow:none;
	}
	
	.sendButton{
	
	}
		.sendButton button{
			border:1px solid #9cc4e8;
			background:none;
			color:#9cc4e8;
		}

.harita{
	margin-top:30px;
}


.galeriItem{
	margin-bottom:30px;
}

/*Reservation**/
.reservationBox{

}

	.reservationBoxItem{
		
	}
	
	.reservationBoxName{
		color:white;	
	}
	
	.reservationBoxInput{
		margin-bottom:30px;
	}
		.reservationBoxInput .input-group-addon{
			color: white;
    		background: none;
		}
	
		.reservationBoxInput input{
			background: none;
			color: white;
			border-radius: 0px;
		}
		
		.reservationBoxInput select{
			background:none;
			color:white;
			border-radius:0px;
		}
			.reservationBoxInput select option{ 
				background:rgba(35,122,185,1.00); 
			}
			
		.reservationBoxInput textarea{
			background:none;
			color:white;
			border-radius:0px;
			height:90px;
		}
		
		.reservationSend input{
			width: 100%;
			background: none;
			border: 1px solid white;
			color: white;
			padding: 7px 0px;
		}


/*Reservation**/

@media 


only screen and (max-width: 600px)

{
	.homeFooter{
		bottom:0px;
		width:100%;
	}
	
	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle {
   	 background-color: #ddd;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		    background: #e7e7e7;
			z-index: 10;
			  position: absolute;
   		 width: 100%;
	}
	.navbar-nav {
    	margin-top:60px;
	}
	
	.navbar-default .navbar-nav > li > a{
		color:black;
		border-bottom:1px solid black;
	}
	
	.pageContainer{
		margin-top:0px;
	}
}