@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Playball&subset=latin-ext');

@font-face {
    font-family: BebasNeueRegular;
    src: url(../fonts/BebasNeueRegular.otf);
}

@font-face {
    font-family: BebasNeueBold;
    src: url(../fonts/BebasNeueBold.otf);
}

@font-face {
    font-family: BebasNeueRegular;
    src: url(../fonts/BebasNeueRegular.ttf);
}

@font-face {
    font-family: BebasNeueBold;
    src: url(../fonts/BebasNeueBold.ttf);
}


html
{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	font-family: 'Open Sans', sans-serif;
}

body
{
	position:relative;
	float:left;
	width:100%;
	min-height:100%;
	height:auto;
	font-family: 'Open Sans', sans-serif;
}

header
{
	position:relative;
	float:left;
	width:100%;

}

header .bg{
	position:relative;
	float:left;
	width:100%;
	height:100px;
	background:#000;
	}
.logo{
	position:relative;
	float:left;
	z-index:777;
	margin-top:15px;
	}
.logo img{
	position:relative;
	float:left;
	}
	
.header-contact{
	position:relative;
	float:left;
	width:100%;
	padding-top:8px;
	padding-bottom:8px;
	background:#971b1e;
}
.header-contact a{
	position:relative;
	float:left;
	margin-right:15px;
	line-height:30px;
	
}

.header-contact a i{
	position:relative;
	float:left;
	color:#fff;
	line-height:30px;
	font-size:18px;
}

.header-contact a strong{
	position:relative;
	float:left;
	color:#fff;
	margin-left:15px;
	line-height:30px;
}
	
.menu{
	position:relative;
	float:left;
	margin-top:40px;
	}
	
.menu a{
	position:relative;
	float:left;
	margin-right:5px;
	margin-left:10px;
	color:#FFF;
	text-shadow: 1px 1px 1px #3D3D3D;
	font-family: BebasNeueBold;
	font-size:18px;
	letter-spacing:1px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
	
.menu a:hover,.menu a.active{
	position:relative;
	float:left;
	margin-right:5px;
	margin-left:10px;
	color:#971b1e;
	text-shadow: 1px 1px 1px #3D3D3D;
	font-family: BebasNeueBold;
	font-size:18px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	}
.button-rezervation{
	background:#971b1e;
	padding:5px;
	margin-top:-5px;
}
.button-rezervation i{
	margin-right:5px;
}
.button-rezervation:hover{
	background:#971b1e;
	padding:5px;
	margin-top:-8px;
	color:#fff !important;
}
.slider{
	position:relative;
	float:left;
	width:100%;
	z-index:55;
	
	}

.ic-sayfa-header{
	position:relative;
	float:left;
	width:100%;
	height:220px;
	background:url(../images/icsayfa-header.jpg);
}

.ic-sayfa-header h2{
	position:relative;
	float:left;
	width:100%;
	margin-top:100px;
	font-size:40px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#fff;
}
.boxedcontainer		{	max-width: 1170px; margin:auto; padding:0px 30px;}

/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}

section{
	position:relative;
	width:100%;	
	}
	
.sayfa-alt{
	top:0px !important; 
	position:relative; 
	float:left; 
	z-index:88;
	
	}
	
.slide-band{
	position:relative;
	float:left;
	width:100%;
	
}

.slide{
	position:relative;
	float:left;
	width:100%;
	border:none !important;
	margin-top:20px;
	}
	
.oda-icerik{
	position:relative;
	float:left;
	width:100%;
}
.oda-icerik h3{
	position:relative;
	float:left;
	width:100%;
	color:#373737 !important;
	text-align:left !important;
	font-size:22px !important;
	font-family: 'Playball', cursive !important;
	
}

.oda-icerik p{
	position:relative;
	float:left;
	width:100%;
	color:#a6a2a2;
	text-align:left !important;
}
	
.anasayfa-menu a {
	position:relative;
	float:left;
	width:100%;
	border:none !important;
	}
	
.anasayfa-menu img {
	position:relative;
	float:left;
	width:100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border:none !important;
	
}

.anasayfa-menu img:hover {
	position:relative;
	float:left;
	width:100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border:none !important;
	
}

.a-menu-item{
	margin-left:10px;
	margin-right:10px;
	position:relative;
	float:left;
	width:100%;
	border:none !important;
	
	}

.a-menu-item a{
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
	border:none !important;
	overflow:hidden
	
}


.a-menu-item a:hover:before {
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	top:0;
}
.a-menu-item a:hover:after {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	top:50%;
}


.a-menu-item a:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}

.a-menu-item a:before {
	background:url(../images/black-opacity-60.png) repeat 0% 0%;
	position:absolute;
	display:block;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
	top:100%;
	right:0;
	bottom:0;
	left:0;
	z-index:99;
	content:'';
}
.a-menu-item a:after {
	position:absolute;
	width:80px;
	height:80px;
	overflow:hidden;
	margin:-40px 0 0 -40px;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
	line-height:80px;
	font-family:FontAwesome;
	font-size:60px;
	font-style:normal;
	text-align:center;
	color:#fff;
	top:-40px;
	left:50%;
	z-index:100;
	content:'\f08e';
}
	
.a-menu-item img{
	position:relative;
	float:left;
	width:100%;
	border:none !important;
	
	}
	
.anasayfa-menu h3{
	position:relative;
	float:left;
	width:100%;	
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:600;
	color:#f4980d;
	text-align:center;
	margin-top:10px;
	border:none !important;
	}

	
.band-1{
	position:relative;
	float:left;
	width:100%;
	background:url(../images/band-1-bg.jpg);
	min-height:300px;
}

.band-1 h2{
	position:relative;
	float:left;
	width:100%;
	font-family: 'Open Sans', sans-serif !important;
	color:#fff;
	text-align:center !important;
	font-size:35px;
	line-height:48px;
}

.band-1 p{
	position:relative;
	float:left;
	width:100%;
	font-family: 'Open Sans', sans-serif !important;
	color:#fff;
	text-align:center !important;
	font-size:16px;
	line-height:33px;
}

.sayfa-alt h2{
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	font-family: 'Playball', cursive;
	}
	
.sayfa-alt p{
	position:relative;
	float:left;	
	width:100%;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	}
	
.band-2{
	position:relative;
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}

.band-2 h2{
	position:relative;
	float:left;
	width:100%;
	color:#000;
	text-align:center !important;
	font-size:35px;
}

.band-2 p{
	position:relative;
	float:left;
	width:100%;
	font-family: 'Open Sans', sans-serif !important;
	color:#3d3d3d;
	text-align:center !important;
	font-size:14px;
	line-height:30px;
}

.sol{
	position:relative;
	float:left;
	height:100%;
	background:#f9a893;
	}
	
.sol img{
	position:relative;
	display: block;
	width: auto;
	margin: auto;
	margin-top:120px;
	}
	
.sag{
	position:relative;
	float:left;
	background:#fff;
	height:100%;
	}
	
.sag img{
	position:relative;
	display: block;
	width: auto;
	margin: auto;
	margin-top:70px;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	}
	
	
.sag img:hover{
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	-o-transform:scale(0.9);
	transform:scale(0.9);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}	
	
.phone-icon{
	display:none;
	position:absolute;
	top:0px;
	float:right;
	right:0px;
	margin-right:15px;
	color:#fff;
	margin-top:30px;
		
	}
.phone{
	position:absolute !important;
	float:left;
	display:block;
	width:200px;
	height:100%;
	margin-top:0px;
	margin-left:-200px;
	background:rgba(255,255,255,1);
	z-index:9999;
	-webkit-box-shadow: 1px 0 3px 0 #858585;
    box-shadow: 1px 0 3px 0 #858585;
	}
	


.phone a{
	position:relative;
	float:left;
	width:100%;
	height:40px;
	line-height:40px;
	border-bottom: 1px solid #b2b2b2;
    border-top: 1px solid #cbcbcb;
	vertical-align:middle;
	text-align:left;
	margin-left:0px;
	padding-left:20px;
	color:#474747;
	font-family: BebasNeueBold;
	font-weight:700;
	font-size:14px;
	
	}
	
.back{
	position:relative;
	float:left;
	width:100%;
	height:85px;
	background:url(../images/telefon-logo.png) center center no-repeat;
	margin-top:10px;
	margin-bottom:10px;
	}
	
.back i {
	position:relative;
	float:right;
	font-size:20px;
	color:#fff;
	margin-right:10px;
	margin-top:15px;
	
	}
	
.map-anasayfa{
	position:relative;
	float:left;
	width:100%;
	height:500px;
	}
	
.map-container
{
	position:relative;
	float:left;
	width:100%;
	height:500px;
}

footer{
	position:relative;
	float:left;
	width:100%;
	padding-bottom:8px;
	padding-top:8px;
	margin-top:0px;
	background:#000;
	color:#fff;
	text-align:center;
	}
footer a{
	position:relative;
	float:left;
	margin-top:100px;
	}
	
footer a:hover i{
	position:relative;
	float:left;
	margin-top:-10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
footer a i{
	position:relative;
	float:left;
	width:60px;
	height:60px;
	background:#971b1e;
	color:#fff;
	line-height:60px !important;
	text-align:center;
	-webkit-border-radius: 30px 30px 30px 30px;
     border-radius: 30px 30px 30px 30px;
	font-size:30px !important;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
	
footer a strong{
	position:relative;
	float:left;
	width:250px;
	height:60px;
	line-height:60px;
	margin-left:10px;
	color:#272727;
	font-size:17px !important;
	}
	
footer a:first-child strong{
	position:relative;
	float:left;
	width:250px;
	height:60px;
	margin-top:10px;
	line-height:22px;
	margin-left:10px;
	color:#272727;
	font-size:17px !important;
	}
	
.ic-sayfa{
	position:relative;
	float:left;
	width:100%;
	margin-top:20px;
	margin-bottom:50px;
}
.hakkimizda img{
	position:relative;
	float:left;
	width:100%;	
	}
	
.ic-sayfa h3{
	position:relative;
	float:left;
	width:100%;
	padding-top:0px !important;
	margin-top:0px;
	}
.ic-sayfa p{
	position:relative;
	float:left;
	width:100%;
	text-align:left;
}

.ic-sayfa h2{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:0px;
	padding-bottom:15px;
	font-size:40px;
	border-bottom:1px dashed #bfbebe;
	font-family: BebasNeueBold;
	}
	
.menu-item{
	position:relative;
	float:left;
	width:100%;	
	}
	
.menu-item h4{
	position:relative;
	float:left;
	width:80%;
	font-family: BebasNeueBold;
	font-size:25px;
	text-align:left;
	font-weight:300;
	line-height:40px;
	margin-left:0px;
	padding-left:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#971b1e+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(left, rgba(236,74,33,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(236,74,33,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(236,74,33,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6971b1e', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	color:#fff;
	padding-bottom:0px;
	margin-bottom:15px;
	
	}
	
.menu-item h5{
	position:relative;
	float:left;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	text-align:left;
	font-style:italic;
	font-weight:600;
	margin-left:0px;
	
	padding-bottom:5px;
	margin-bottom:0px;
	
	}
.menu-item p{
	position:relative;
	float:left;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-align:left;
	font-style:italic;
	font-weight:300;
	margin-left:0px;
	
	padding-bottom:5px;
	margin-bottom:0px;
	}
	
.menu-item strong{
	position:relative;
	float:right;
	width:auto;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-align:left;
	font-style:italic;
	font-weight:700;
	margin-left:0px;
	padding-bottom:5px;
	margin-bottom:0px;
	margin-top:-40px;
	}
	
.menu-item ul{
	   position:relative;
	float:left;
	width:90%;
	}
	
.menu-item ul li{
	   position:relative;
	float:left;
	width:100%;
	border-bottom:1px dashed #bfbebe;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
	
.menu-item ul li:hover{
	   position:relative;
	float:left;
	width:100%;
	padding-left:10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor:pointer;
	}
	
.menu-item ul li:first-child{
	   position:relative;
	float:left;
	width:100%;
	border-top:1px dashed #bfbebe;
	}
	
.iletisim h2{
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	margin-top:0px;
	margin-bottom:15px;
	margin-left:0px !important;
	padding-bottom:15px;
	font-size:32px;
	font-family: BebasNeueBold;
	}
.iletisim-icerik{
	position:relative;
	float:left;
	width:100%;
	margin-top:15px;
	margin-bottom:20px;
	
	}	
.iletisim strong{
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px !important;
	margin-left:0px !important;
	padding-bottom:0px;
	font-size:15px;
	width:100%;
	border-bottom:none !important;
	
	}
	
.iletisim p{
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px !important;
	margin-left:0px !important;
	padding-bottom:0px;
	font-size:14px;
	font-weight:normal;
	width:100%;
	border-bottom:none !important;
	
	}
	
.contact-form
{
	position:relative;
	float:left;
	height:auto;
	margin-top:0px;
}

form,
.contact-form > form
{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	padding-right:0px !important;
}

form > .form-row,
.contact-form > form > .form-row
{
	position:relative;
	float:left;
	height:auto;
	padding-left:60px;
	min-height:45px;
	margin-bottom:10px;
	padding-right:0px !important;
}

form > .form-row > span,
.contact-form > form > .form-row > span
{
	position:absolute;
	width:60px;
	height:45px;
	background:#971b1e;
	color:#fff;
	line-height:45px;
	text-align:center;
	left:0px;
	font-size:24px;
	-webkit-transition: all 120ms ease-out;
	-moz-transition: all 120ms ease-out;
	-ms-transition: all 120ms ease-out;
	-o-transition: all 120ms ease-out;
	transition: all 120ms ease-out;
}

form > .form-row > span.focus,
.contact-form > form > .form-row > span.focus
{
	background:#ef8236;
	color:#fff;
}

form > .form-row > input,
.contact-form > form > .form-row > input
{
	position:relative;
	float:left;
	width:100%;
	height:45px;

	line-height:45px;
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	color:#282828;
	padding-left:15px;
	padding-right:15px;
	border:1px solid #e1e1e1;
	
	-webkit-transition: all 120ms ease-out;
	-moz-transition: all 120ms ease-out;
	-ms-transition: all 120ms ease-out;
	-o-transition: all 120ms ease-out;
	transition: all 120ms ease-out;
}


.select
{
	position:relative;
	float:left;
	width:100%;
	height:45px;

	line-height:45px;
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	color:#282828;
	padding-left:15px;
	padding-right:15px;
	border:1px solid #e1e1e1;
	
	-webkit-transition: all 120ms ease-out;
	-moz-transition: all 120ms ease-out;
	-ms-transition: all 120ms ease-out;
	-o-transition: all 120ms ease-out;
	transition: all 120ms ease-out;
}

form > .form-row > textarea,
.contact-form > form > .form-row > textarea
{
	position:relative;
	float:left;
	width:100%;
	line-height:21px;
	height:140px;
	line-height:45px;
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	color:#282828;
	padding-left:15px;
	padding-right:15px;
	border:1px solid #e1e1e1;
	-webkit-transition: all 120ms ease-out;
	-moz-transition: all 120ms ease-out;
	-ms-transition: all 120ms ease-out;
	-o-transition: all 120ms ease-out;
	transition: all 120ms ease-out;
}

form > .form-row > input:focus,
form > .form-row > textarea:focus,
.contact-form > form > .form-row > input:focus,
.contact-form > form > .form-row > textarea:focus
{
	border:1px solid #ef8236;
	outline:none;

}

.form-submit,
form > .form-row > .form-submit,
.contact-form > form > .form-row > .form-submit
{
	position:relative;
	float:right;
	width:auto;
	padding-left:0px;
	height:45px;
	line-height:45px;
	-webkit-transition: all 120ms ease-out;
	-moz-transition: all 120ms ease-out;
	-ms-transition: all 120ms ease-out;
	-o-transition: all 120ms ease-out;
	transition: all 120ms ease-out;

}

.form-submit > span:first-child,
form > .form-row > .form-submit > span:first-child,
.contact-form > form > .form-row > .form-submit > span:first-child
{
	position:absolute;
	left:0px;
	width:45px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#fff;
	background:#971b1e;
	
}

.form-submit > span:last-child,
form > .form-row > .form-submit > span:last-child,
.contact-form > form > .form-row > .form-submit > span:last-child
{
	position:relative;
	float:right;
	width:100%;
	height:45px;
	line-height:45px;
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	font-weight:600;
	margin-right:7px;
	padding-right:20px;
	padding-left:20px;
	color:#fff;
}

form > .form-row > .form-reset,
.contact-form > form > .form-row > .form-reset
{
	position:relative;
	float:right;
	width:auto;
	padding-left:0px;
	height:45px;
	line-height:45px;
	margin-left:0px;
	-webkit-transition: all 120ms ease-out;
	-moz-transition: all 120ms ease-out;
	-ms-transition: all 120ms ease-out;
	-o-transition: all 120ms ease-out;
	transition: all 120ms ease-out;
}

form > .form-row > .form-reset > span:first-child,
.contact-form > form > .form-row > .form-reset > span:first-child
{
	position:absolute;
	left:0px;
	width:45px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#fff;
	background:#333;
}

form > .form-row > .form-reset > span:last-child,
.contact-form > form > .form-row > .form-reset > span:last-child
{
	position:relative;
	float:left;
	width:100%;
	height:45px;
	line-height:45px;
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	font-weight:600;
	margin-right:20px;
	margin-left:20px;
	color:#fff;
}

.form-submit:hover,
.form-reset:hover,
form > .form-row > .form-submit:hover,
form > .form-row > .form-reset:hover,
.contact-form > form > .form-row > .form-submit:hover,
.contact-form > form > .form-row > .form-reset:hover
{
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	z-index:999;
}

.uyari{
	position:relative;
	float:left;
	width:100%;
	height:45px;
	line-height:45px;
	color:#FFF;
	padding-left:15px;
	margin-left:20px;
	margin-right:50px;
	display:none;
	font-family:'Open Sans',sans-serif;

	}	
	
	
.tp-caption{
	font-family: 'BebasNeueBold' !important;
	font-size:30px;
	color:#fff !important;
	text-shadow: 1px 1px 1px #3D3D3D !important;
	}


#info {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;				
	background:#fcf8e3;
	border:1px solid  #fbeed5;
	width:95%;
	max-width:900px;
	margin:0 auto 40px auto;
	font-family:arial;
	font-size:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

	#info .info-wrapper {
		padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;

	}
	
	#info a {
		color:#c09853;
		text-decoration:none;
	}
	
	#info p {
		margin:5px 0 0 0;
	}


.container { 
	position: relative; 
	width: 960px; 
	margin: 0 auto; 
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;	
}
 
#filters {
	margin:1%;
	padding:0;
	list-style:none;
	font-family: 'BebasNeueBold' !important;
	font-size:20px;
}

	#filters li {
		float:left;
	}
	
	#filters li span {
		display: block;
		padding:5px 10px;		
		text-decoration:none;
		color:#666;
		cursor: pointer;
	}
	
	#filters li span.active {
		background: #971b1e;
		color:#fff;
	}
 
.odalar{
	position:relative;
	float:left;
	height:330px;
	
}

.resim-tutucu{
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px dashed #CCC;
	padding-bottom:20px;
}
.resim-tutucu a{
	position:relative;
	float:left;
	width:100%;
}
.resim-tutucu img{
	position:relative;
	float:left;
	width:100%;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oda-h3{
	position: relative;
    float: left;
    width: 100%;
    font-family: 'Playball', cursive;
    margin-top: 10px;
    color: #971b1e;
}

.odalar-menu{
	position: relative;
    float: left;
    width: 100%;
}

.odalar-menu a{
	position: relative;
    float: left;
    width: 100%;
	color:#333;
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:#CCC dashed 1px;
		-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.odalar-menu a:hover,.odalar-menu a.active{
	position: relative;
    float: left;
    width: 100%;
	color:#971b1e;
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:#CCC dashed 1px;
	padding-left:10px;
		-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.resim-tutucu img:hover{
	position:relative;
	float:left;
	width:100%;
	opacity:0.7;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.icerik-tutucu{
	position:relative;
	float:left;
	width:100%;
	
}

.icerik-tutucu h3{
	position:relative;
	float:left;
	width:100%;
	font-family: 'Playball', cursive;
	margin-top:10px;
	color:#971b1e;
}

.icerik-tutucu p{
	position:relative;
	float:left;
	width:100%;
}


#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:23%;
	margin:1%;
	display:none;
	float:left;
	overflow:hidden;
}

#portfoliolist .portfolio a{
	position:relative;
	float:left;
	width:100%;	
}



.portfolio a:hover:before {
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	top:0;
}
.portfolio a:hover:after {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	top:50%;
}


.portfolio a:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}

.portfolio a:before {
	background:url(../images/black-opacity-60.png) repeat 0% 0%;
	position:absolute;
	display:block;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
	top:100%;
	right:0;
	bottom:0;
	left:0;
	z-index:99;
	content:'';
}
.portfolio a:after {
	position:absolute;
	width:80px;
	height:80px;
	overflow:hidden;
	margin:-40px 0 0 -40px;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
	line-height:80px;
	font-family:FontAwesome;
	font-size:60px;
	font-style:normal;
	text-align:center;
	color:#fff;
	top:-40px;
	left:50%;
	font-size:50px;
	z-index:100;
	content:'\f08e';
}


	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		background: #666;
		cursor:pointer;
	}

	.portfolio img {
		max-width:100%;
		position: relative;
	}
	
	.portfolio .label {
		position: absolute;
		width: 100%;
		height:40px;
		bottom:-40px;
	}

		.portfolio .label-bg {
			background: #e95a44;
			width: 100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
		}
	
		.portfolio .label-text {
			color:#fff;
			position: relative;
			z-index:500;
			padding:5px 8px;
		}
			
			.portfolio .text-category {
				display:block;
				font-size:9px;
			}
	
	
	



/* #Tablet (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container {
		width: 768px; 
	}
}


/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.container { 
		width: 95%; 
	}
	
	#portfoliolist .portfolio {
		width:48%;
		margin:1%;
	}		

	#ads {
		display:none;
	}
	
}


/* #Mobile (Landscape) - Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
		width: 70%;
	}
	
	#ads {
		display:none;
	}
	
}

/* #Clearing */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.medya{
	position:relative;
	float:left;
	min-height:300px;
	
	}

@media(max-width:992px) {
	
}

@media(max-width: 768px) {
	
	.menu{
		display:none;
		}
     .phone-icon{
		 display:block;
		 z-index:9999;
	 }
	 
		  .logo img{
	position:relative;
	float:left;
	height:70px;
	margin-left:-15px;
	.sayfa-alt{
	top:0px !important; 
	position:relative; 
	float:left; 
	z-index:88;
	
	}
	
	.a-menu-item a{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
	border:none !important;
	overflow:hidden
	
}

.band-2{
	position:relative;
	float:left;
	width:100%;
	margin-top:30px;
	height:auto;
}

.sol img{
	position:relative;
	display: block;
	width:100%;
	margin: auto;
	margin-top:40px;
	}
	
.sag{
	position:relative;
	float:left;
	background:#fff;
	height:100%;
	}
	
.sag img{
	position:relative;
	display: block;
	width:100%;
	margin: auto;
	margin-top:20px;
	margin-bottom:20px;
	}
	
.map-anasayfa{
	position:relative;
	float:left;
	width:100%;
	height:300px;
	}
	
.map-container
{
	position:relative;
	float:left;
	width:100%;
	height:300px;
}



footer a{
	position:relative;
	float:left;
	margin-top:10px !important;
	}	

footer a:first-child{
	position:relative;
	float:left;
	margin-top:80px !important;
	}	
	
.ic-sayfa h3{
	position:relative;
	float:left;
	width:100%;
	padding-top:20px !important;
	margin-top:0px;
	}

}

@media(max-width: 400px) {
		.menu{
		display:none;
		}
     .phone-icon{
		 display:block;
	 }
	 
	  .logo img{
	position:relative;
	float:left;
	height:70px;
	margin-left:-15px;
	}
	.sayfa-alt{
	top:0px !important; 
	position:relative; 
	float:left; 
	z-index:88;
	
	}
	.a-menu-item a{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
	border:none !important;
	overflow:hidden
	}
	
	.band-2{
	position:relative;
	float:left;
	width:100%;
	margin-top:30px;
	height:auto;
}

.sol img{
	position:relative;
	display: block;
	width:100%;
	margin: auto;
	margin-top:40px;
	}
	
.sag{
	position:relative;
	float:left;
	background:#fff;
	height:100%;
	}
	
.sag img{
	position:relative;
	display: block;
	width:100%;
	margin: auto;
	margin-top:20px;
	margin-bottom:20px;
	}
	
.map-anasayfa{
	position:relative;
	float:left;
	width:100%;
	height:300px;
	}
	
.map-container
{
	position:relative;
	float:left;
	width:100%;
	height:300px;
}


footer{
	position:relative;
	float:left;
	width:100%;
	}
footer a{
	position:relative;
	float:left;
	margin-top:10px !important;
	}	

footer a:first-child{
	position:relative;
	float:left;
	margin-top:80px !important;
	}	
	
.ic-sayfa h3{
	position:relative;
	float:left;
	width:100%;
	padding-top:20px !important;
	margin-top:0px;
	}
}