html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
figure, header, nav, section, article, aside, footer, figcaption
{margin: 0; padding: 0;	border: 0;	outline: 0;}
.clearfix:after {content: "."; display: block; clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix { display: block; }
* html .clearfix {height: 1%;}
ul, li {padding: 0; margin: 0;}
header ,nav ,section ,article ,aside ,footer ,hgroup { display: block; }
/* =RESET
===========================================*/
body, html {
    height: 100%;
    line-height: 1.8;
}

#myNavbar{
	color:#000 !important;
	background-color:#FFF;
}
.w3-navbar:hover{
	background-color:#fff !important;
}
.w3-navbar li a{
	font-size:16px;
	font-family:"Lato", sans-serif;
}
	
.hv:hover{
  background-color: #CCCCCC;
  width:auto;
  height:auto;
}
.w3-top {
	z-index:50 !important;
}

.fa-user:before{
	margin-right:5px;
}

.fa-home:before{
	margin-right:5px;
}

.fa-bed:before{
	margin-right:5px;
}

.fa-anchor:before{
	margin-right:5px;
}

.fa-th:before{
	margin-right:5px;
}

.fa-envelope:before{
	margin-right:5px;
}

@-webkit-keyframes fa-paper-plane {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fa-paper-plane {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fa-paper-plane {
  -webkit-animation-name: fa-paper-plane;
  animation-name: fa-paper-plane;
}

/*==========================================SLİDE BÖLÜMÜ BAŞLADI===============================================0*/

.slideshow-container {
  width:100%;
  position:relative;
  margin:auto;
  height:auto;
}


.dot {
  display: inline-block;
  z-index:200;
  float:left;
}

.active {
  background-color: #CCCCCC;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 4s;
  animation-name: fade;
  animation-duration: 4s;
}

@-webkit-keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

.logo{
	width:100%;
	height:100%;
}
.logoimages{
	height:50%;
	width:50%;
	z-index:1;
	position:absolute;
	padding-top:13%;
	margin-left:5%;
	margin-right:5%;
}


/*==========================================ANA BÖLÜMÜ BAŞLADI===============================================0*/
#anaicerik{
	width:100%;
	height:auto;
	font-family:"Lato", sans-serif;
}
.icerik {
	width:100%;
	height:auto;
	padding-top:0px !important;
	margin-top:0px !important;
	padding-bottom:64px;
}

.bgimg-1, .bgimg-2, .bgimg-3 {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bgimg-gal-1 {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:url(../img/ft/34.jpg);
	min-height: 400px;
}

.bgimg-1 {
	background-image:url(../img/ft/2.jpg);
	min-height: 400px;
}
.bgimg-2 {
	background-image:url(../img/ft/20.jpg);
	min-height: 400px;
}
.bgimg-3 {
	background-image:url(../img/ft/35.jpg);
	min-height: 400px;
}
	
.bgimg-about-1 {
	background-image:url(../img/ft/34.jpg);
	min-height: 400px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

}

.bgimg-contant-1 {
	background-image:url(../img/ft/12.jpg);
	min-height: 400px;
	background-attachment:fixed;
	background-position:bottom;
	background-repeat: no-repeat;
	background-size:auto;
}

.bgimg-oda-1 {
	background-image:url(../img/ft/42.jpg);
	min-height: 400px;
	background-attachment:fixed;
	background-position:bottom;
	background-repeat: no-repeat;
	background-size:cover;
}

.icerik ul li p {
color:#000 !important;
}
	
	
.sol {
	margin-top:3%;
	float:left;
}

.sol img {
	float:left;
}

.sol p {
}

.sag {
	margin-top:1%;
	float:right;
	padding-top:5%;
}

.sag img {
	float:left;
}

.sag p {
	float:left;
}

.fii {
	background-color:#F8F8F8;
}

.fii h3 {
	font-size:xx-large !important;
	margin-left:3% !important;
	font-weight:bold !important;	
}

	
.footer-social ul li a:hover {
	color:#CE1AA3 !important;	
}
.text-center {
	text-align:center;
}


#foto1 {
	transition-timing-function:ease; 
	background-image:url(../img/ft/4.jpg); 	
	background-position: center;
	background-size: cover;
	width: 15%;
    height:450px;
    transition: width 1s;
	float:left;
}
#foto2 {
	transition-timing-function:ease; 
	background-image:url(../img/ft/oda1.JPG); 	
	background-position: center;
	background-size: cover;
	width: 15%;
    height:450px;
    transition: width 1s;
	float:left;
}
#foto3 {
	transition-timing-function: ease;  
	background-image:url(../img/ft/oda2.JPG); 	
	background-position: center;
	background-size: cover;
	width: 15%;
    height:450px;
    transition: width 1s;
	float:left;
}
#foto4 {
	transition-timing-function: ease;  
	background-image:url(../img/ft/oda3.JPG); 	
	background-position: center;
	background-size: cover;
	width: 15%;
    height:450px;
    transition: width 1s;
	float:left;
}
#foto5 {
	transition-timing-function: ease; 
	background-image:url(../img/ft/oda4.JPG); 	
	background-position: center;
	background-size: cover;
	width: 15%;
    height:450px;
    transition: width 1s;
	float:left;

}

#foto1:hover {
    width: 50%;
}
#foto2:hover {
    width: 50%;
}
#foto3:hover {
    width: 50%;
}
#foto4:hover {
    width: 50%;
}
#foto5:hover {
    width: 50%;
}
.beyaz {
background-color:#CE1AA3;
height:50px;
margin-top:25px;
border-radius:4px;
margin-bottom:2%;
	}
	
	
.beyaz p {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
padding:10px 20px;
color:#fff;
text-align:center;
	}	

.galeri {
	}
	
.galeri img {
margin-top:20px;
margin-left:20px;
float:left;
	}
	
.galeri img:hover {
opacity:0.6;
	}
	
.oda-yazi {
	background-color:#CCC;
	float:right;
	height:450px;
}	

.oda-icon {
	position:absolute;
	bottom:0;
	margin-bottom:2%;
}

.oda-icon p {
 	float:left;
	margin-left:5px;
	padding-right:5px;
}

.bdrmyazi{
	float:right;
	text-align:center;	
}

.aboutyazi{
	margin-top:5%;
	padding-top:3%;
	float:right;
	text-align:center;	
}

.w3-navbar li a,.w3-navitem,.w3-navbar li .w3-btn,.w3-navbar li .w3-input{display:block;padding:8px 16px !important;}