body,html{padding:0; margin:0;   font-family: 'Roboto Condensed', sans-serif; background:#ffffff;}
header{width:100%; margin:auto; background:#fff;  position:fixed; top:0; left:0; right:0; z-index: 999999; height:100px;border-bottom: 1px solid #ddd;}
.logo{width:300px; text-align:center; margin:auto; position: absolute; left: 0; right: 0; z-index: 999999;}
.logonew{text-align:center; float:left; left: 0; right: 0; z-index: 999999; width: 20%;}
.leftmenu{float:left; width: 40%;padding-top:3px;}
.rightmenu{float:left; width: 40%;padding-top:3px;}
.menufull{float: left; width: 100%;  /* width:calc(76% + 270px); */padding-top:2px;}

.top{width: 100%; float: left;border-bottom: 1px solid #ddd;
    padding: 3px 0;}

.leftmenu ul{list-style:none; margin:0; padding:0; margin-top:15px; text-align:right;}
.leftmenu li{display:inline-block; margin-right:20px;}
.leftmenu li a{color:#2d2d2d; font-size: 16px; font-weight: 400; font-family: 'Lora', serif;}

.rightmenu ul{list-style:none; margin:0; padding:0; text-align:left; margin-top:15px;}
.rightmenu li{display:inline-block; margin-left:20px;}
.rightmenu li a{color:#2d2d2d; font-size: 16px; font-weight: 400; font-family: 'Lora', serif;}

.logomini{width:225px; text-align:center; margin:auto; position: absolute; left: 0; right: 0; z-index: 999999; top: 3px;}
.logomini img{width: 43px;}
.slider{width:100%; height:100%; background:url(../images/slide.html); margin-bottom:30px;}

.menubutton{width:30px; height:30px; background:url("../images/menu-button.png") no-repeat; background-size:30px; display:block; float:right;}

.roombox{overflow:hidden; margin-bottom:30px;}
.roombox .carouseltitle{bottom: inherit; margin-top: -84px; width: calc(100% - 30px);}
.roombox img{margin-top: -120px; width: 100%;}
.restbox{margin-bottom:30px;}
.restbox .carouseltitle{bottom: 30px; width: calc(100% - 30px); padding: 15px;}


.togglediv{width:100%; padding: 30px 0; background:#f1f0ed; z-index:999999; position:fixed; top:80px; right:0; display: none; border-top:1px solid #ddd;}/*#f1f0ed*/
.menushowbutton{width:30px; height:30px; background:url("../images/menu-button.png") no-repeat; background-size:30px; display:block; float:right; cursor:pointer; margin-right: 10px; margin-top: 10px;}
.menuhidebutton{width:30px; height:30px; background:url("../images/close-button.png") no-repeat center; background-size:25px; display:block; float:right; cursor:pointer; margin-right: 10px; margin-top: 10px;}
.togglediv ul{margin:0; padding:0; list-style:none; border-right:1px solid #ddd;}
.togglediv ul li{}
.togglediv li a{color:#1b3f7f; font-size: 15px;    font-weight: 400; margin-left:20px; font-family: 'Roboto', sans-serif;}
.callcenter{float: right;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    display: block;
    color: #616161;
    border-right: 1px solid #ddd;
    margin-right: 20px;
    padding-right: 20px;
    background: url(../images/phone.png) no-repeat;
    background-size: 16px;
    padding-left: 22px;
    background-position: 0px 2px;
    padding-bottom: 2px;
    margin-left: 0;
    /* margin-top: 17px; */}

.bigtitle{font-family: 'Domine', serif; font-size:35px; color: rgba(54,61,64,1); font-weight:400; display:block; margin-bottom:10px; margin-top:20px;}
.bottomtitle{font-family: 'Roboto', sans-serif; font-size:18px; color:#858a99; font-weight:400; display:block; margin-bottom:20px;}
.hometext{font-family: 'Roboto', sans-serif; font-size:15px; color:#858a99; font-weight:300; display:block; margin-bottom:20px;}

.topimage{position:absolute; width:90%; }
/*.bottomimage{position:absolute; width:90%; margin-left:10%; margin-top:10%;}*/

.bottomimage{width:90%; margin-left:10%; margin-top:10%;}

.homegalleryimg{width:100%; transition: all 0.5s ease-in;}
.homegalleryimg:hover{-webkit-filter: opacity(50%);}
a.kesfet {
    font-size: 16px;
    border: 1px solid #e4c1b6;
    padding: 7px 0;
    color: #dc9782;
    float: none;
    display: block;
    margin: auto;
    text-align: center;
    width: 190px;
    margin-top: 25px;
}
a.kesfet:hover{text-decoration:none; color:#dc9782;}
.carouseltitle{position: absolute; bottom: 0;font-family: 'Domine', serif; width: 100%; padding: 30px; background: rgba(0,0,0,.4); color:#fff;}

.item a:hover{text-decoration:none;}
.carouselbox{background:#fff; padding:50px; top:25%; box-shadow:1px 1px 15px 0px rgba(0,29,44,.1); width:50%; position:absolute; margin-left:15px;}
.carouselimage{width:60%; float:right;}
.carouselbox span{display:block; font-size:30px;font-family: 'Domine', serif; color:rgba(54,61,64,1); margin-bottom:10px;}
.carouselbox p{font-size:15px; color:#858a99;}
.carouselbox a.kesfet{font-size:16px; border: 1px solid #e4c1b6;  padding: 7px 42px; color:#dc9782; float:right;}

.carouselbox .restoranlar_barlar_0{width:100%; height:50px; background:url(../images/restoranlar_barlar_0.png) no-repeat center; background-size:50px; margin-bottom:10px;}
.carouselbox .spa_wellness_5{width:100%; height:50px; background:url(../images/spa_wellness_5.png) no-repeat center; background-size:50px; margin-bottom:10px;}
.carouselbox .eglence_aktivite_0{width:100%; height:50px; background:url(../images/aktiviteler_0.png) no-repeat center; background-size:50px; margin-bottom:10px;}
.carouselbox .cocuklar_icin_5{width:100%; height:50px; background:url(../images/cocuklar_icin_5.png) no-repeat center; background-size:50px; margin-bottom:10px;}
.carouselbox .havuz_plaj_0{width:100%; height:50px; background:url(../images/havuz_plaj_0.png) no-repeat center; background-size:50px; margin-bottom:10px;}
.carouselbox .dugun_balayi_0{width:100%; height:50px; background:url(../images/dugun_balayi_0.png) no-repeat center; background-size:50px; margin-bottom:10px;}

.social{float:left;/* margin-left:20px;  */ width: 115px; padding-left: 15px;}
.social a.facebook{width:20px; height:20px; display:block; background:url("../images/w_facebook.png") no-repeat; background-size:20px; float:left;}
.social a.instagram{width:20px; height:20px; display:block; background:url("../images/w_instagram.png") no-repeat; background-size:20px; float:left; margin-left:5px;}
.social a.twitter{width:20px; height:20px; display:block; background:url("../images/w_twitter.png") no-repeat; background-size:20px; float:left; margin-left:5px;}
.social a.youtube{width:20px; height:20px; display:block; background:url("../images/youtube.png") no-repeat; background-size:20px; float:left; margin-left:5px;}

.footersocial{margin-top:15px;}
.footersocial a.facebook{width:25px; height:25px; display:block; background:url("../images/w_facebook.png") no-repeat; background-size:25px; float:left;}
.footersocial a.instagram{width:25px; height:25px; display:block; background:url("../images/w_instagram.png") no-repeat; background-size:25px; float:left; margin-left:5px;}
.footersocial a.twitter{width:25px; height:25px; display:block; background:url("../images/w_twitter.png") no-repeat; background-size:25px; float:left; margin-left:5px;}
.footersocial a.youtube{width:25px; height:25px; display:block; background:url("../images/youtube.png") no-repeat; background-size:25px; float:left; margin-left:5px;}

.reservation{width:100%; position:absolute; z-index:99999; bottom:100px;}
.reservation .reservationdate{width:100%; border:none; border: 1px solid #dedede; color: #7f7f7f; padding: 8px 10px; font-family: 'Roboto', sans-serif; font-size:15px; }
.reservation .reservationdate::placeholder{color: #7f7f7f; }
.reservation .button{width:100%; border:none; border: 1px solid #e9582d; color: #fff; padding: 11px 5px; background:#e9582d; margin:0; font-size:12px;}
.reservation span{ display:block; margin-bottom:10px; font-size:14px; font-weight:400; color: #858a99; font-family: 'Roboto', sans-serif;}

.sliderdetay{width:100%; height:400px; background:#f5dbd3;}
.room_content{    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #858a99;
    font-weight: 300;}


.quantity {
    position: relative;
    width: 50px;
    height: 40px;
	display: inline-block;
	margin-left: 30px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.quantity input {
	width: 50px;
    height: 42px;
    display: inline-block;
    padding: 0;
    margin: 0;
    border: none;
    text-align: center;
	font-size: 20px;
    font-weight: 400;
	color:#124d29;    
	border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
	font-family: 'Roboto', sans-serif; 
	color: #7f7f7f;
    font-size: 15px;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
    /* float: left; */
    position: absolute;
    height: 42px;
    width: 50px;
    top: 0;
}

.quantity-button {
position: relative;
    cursor: pointer;
    text-align: center;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.quantity-button.quantity-up {
    position: absolute;
    border: 1px solid #dedede;
    border-left: none;
    right: -70px;
    font-size: 25px;
    height: 42px;
	width: 35px;    
	color:#858a99;
	line-height: 35px;
    font-weight: 500;
	background:#fff;
}
.quantity-button.quantity-up:hover{background:#efefef;}
.quantity-button.quantity-down:hover{background:#efefef;}

.quantity-button.quantity-down {
    position: absolute;
    left: 0;
    height: 42px;
    font-size: 45px;
	color:#858a99;
    font-weight: 500;
	width: 35px;    
	line-height: 32px;
    font-weight: 300;border: 1px solid #dedede;
    border-right: none;
	background:#fff;
}


.scroll {
    display: block;
    color: #fff;
    background: url(../images/scroll.png) no-repeat center bottom;
    background-size: 20px;
	display:block;
    margin: auto;
    margin-top: 70px;
    padding-bottom: 25px;
    font-size: 14px;
    text-align: center;
    letter-spacing: -1px;
	position:absolute;
	z-index:99999;
	width: 100%;
	bottom: 50px;
	font-weight:600;
}
.lang {
    float: right;
    background-size: 13px; 
	/* margin-right: 35px; */
    background-position: 0px 2px;
	
}
.language {
    width: auto;
    font-size: 14px;
    background-size: 10px;
    cursor: pointer;
    color: #444;
	float:left;
    background-position: 20px 3px;
    font-family: 'Roboto Condensed', sans-serif;margin-right: 10px;
}
.languagediv {
	float:left;margin-right: 10px;
}
.languagediv a {
    display: block;
    color: #444;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;

	float:left;
    line-height: 13px;
    margin-top: 4px;    padding-right: 7px;
    padding-left: 7px;
    border-right: 1px solid #fff;
}
.languagediv a:last-child{border:none;}

.languagediv a:hover{text-decoration:none;}

footer{width:100%; background:#ffffff; float: left; padding:30px 0 0 0;}
footer .footerlogo{width:200px;}
footer .footertitle{display:block; font-size: 16px; color: #1e4180; font-weight: 400; font-family: 'Domine', serif;}
footer ul{margin:0; padding:0; list-style:none; margin-top:15px;}
footer ul li a{color:#444; font-size:15px;}
footer p.kampanya{font-size:14px; color:#555;}
footer .copy{width: 100%; font-size:14px; padding: 20px 0; color: #666; text-align: center; background: #ffffff; margin-top: 30px; box-shadow: inset 0px 3px 5px 1px #dadada;}
.ebulten_button {
    border: none;
    float: left;
    font-weight: 400;
    font-size: 14px;
    background: #3a588f;
    height: 33px;
    /* width: 60px; */
    color: #ffffff;
	cursor:pointer;
}
.ebulten_text {    border: none;
    background: #ffffffb5;
    border: 1px solid #1b3f7f;
    padding: 5px 5px;
    font-size: 14px;
    font-weight: 300;
    float: left;
    color: #444;
}
/* These just style the content */
article {
/*  just a fancy border  */
  position: absolute;
  top: 110px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 1px solid rgba(255, 255, 255);
  z-index:99;
}


li.adres{background:url(../images/placeholder.png) no-repeat; padding-left: 20px; background-size: 16px; margin-bottom: 8px; background-position: 0 3px;}
li.info{background:url(../images/call.png) no-repeat; padding-left: 20px; background-size: 16px; margin-bottom: 8px; background-position: 0 3px;}
li.kur{background:url(../images/call.png) no-repeat; padding-left: 20px; background-size: 16px; margin-bottom: 8px; background-position: 0 3px;}
li.posta{background:url(../images/mail.png) no-repeat; padding-left: 20px; background-size: 16px; margin-bottom: 8px;}

li.posta a{font-weight:500; color:#1b3f7f;}
li.kur a{font-weight:500; color:#1b3f7f;}
li.info a{font-weight:500; color:#1b3f7f;}

.slider{width:100%; height:100%; background:#f1f0ed;margin-top:100px;}
@media only screen and (max-width: 850px)  {
    .slider{width:100%; height:100%; background:#f1f0ed; margin-top:115px;}
    .reservation-widget{
    display: none;}
    
    .callcenter{
        display: none;
    }
}
    article {
        /*  just a fancy border  */
        position: absolute;
        top: 10px!important;
        left: 10px;
        right: 10px;
        bottom: 10px;
        border: 1px solid rgba(255, 255, 255);
        z-index:99;
    }

.textbox{margin-bottom:15px; font-size:14px; padding:10px 10px; border: 1px solid #d6d6d6; border-radius: 5px; width:calc(50% - 20px); margin-right:10px; float:left;}
.textarea{margin-bottom:15px; font-size:14px; padding:10px 10px; border: 1px solid #d6d6d6; border-radius: 5px; height:100px; width:calc(100% - 30px);}
.button{float:right; margin-right:30px; border:none; background: #1b3f7f; color: #fff; padding: 5px 15px; border-radius: 3px; font-size: 14px; font-weight: 500;}




#portfolio {  
    margin: 1rem 0;
    -webkit-column-count: 3; 
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
}
.tile { 
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;

}
.tile:hover { 

}

.scale-anm {
  transform: scale(1);
}


.tile img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
  
}

.btn {
    font-size: 14px !important;
    font-weight: normal !important;
    text-decoration: none !important;
    cursor: pointer !important;
    display: inline-block !important;
    line-height: normal !important;
    padding: 4px 10px !important;
    margin: 0 !important;
    height: auto !important;
    border: 1px solid !important;
    vertical-align: middle !important;
    -webkit-appearance: none !important;
    color: #555 !important;
    background-color: rgba(0, 0, 0, 0) !important;    border-radius: 0 !important;
}


.mobilemenu{display:none;}
.mobilelogo{display:none;}

.btn:hover {
  text-decoration: none;
}

.btn::focus {
  outline: none;
}
textarea:focus, input:focus, button:focus{
    outline: none;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.konaklamadiv{width:100%; background:#f1f0ed; float:left; padding:0px 0; padding-bottom:70px;}
.rezpad{background: rgba(255, 255, 255, 1); padding-top: 25px; padding-bottom: 25px; border-radius:3px;}
@media screen and (max-width: 800px) {	
.carouselbox{background:#fff; padding:15px; top:0; box-shadow:none; width:100%; position:relative; margin-left:0px; height: 315px;text-align: center;}
.carouselimage{width:100%; float:right;}
.owl-two .owl-nav .owl-next{position:relative !important; top: 0 !important; left: 0 !important; right: 0 !important; float:none !important;}
.owl-two .owl-nav .owl-prev{position:relative !important; right: 0 !important; left: 0 !important; top: 0 !important; float: none !important;}
.owl-one .owl-nav .owl-next{position:relative !important; top: 0 !important; left: 0 !important; right: 0 !important; float:none !important;}
.owl-one .owl-nav .owl-prev{position:relative !important; right: 0 !important; left: 0 !important; top: 0 !important; float: none !important;}
.callcenter{display:none;}
.lang{display:none;}
.social{display:none;}
.logo{width:100%;}
.logo img{width:220px;}
#menubutton{z-index: 8888888888; position: relative;}
.reservation span {font-size: 12px; margin-top: 10px;}
.quantity {margin-left: 35px;}
.reservation .button {float: none; margin-right: 0px !important;}
.reservation{position:relative; bottom:0;}
.rezpad{background: #f1f0ed; padding-top: 25px; padding-bottom: 25px; border-radius:0px; }
.slider{margin-bottom: 15px;}
.brdiv{display:none;}
.konaklamadiv{width:100%; background:#f1f0ed; float:left; padding:20px 0; padding-bottom:20px;}
.bottomimage {width: 86%;}
.sliderdetay{height: 100px;}
.mobilemenu{display:block;}
.menufull{display:none;}
.mobilelogo{display:block; text-align: center;  margin-top: 16px;}
.top{display:none;}
.mobilelogo .callcenter{display: block; float: none; width: 170px; margin: auto; margin-top: auto; margin-top: 6px; border: none;}
header{height:115px;}
article{top:125px;}
.mobilephone{width:100%; border-top:1px solid #ddd; margin-top: 12px;}
.footertitle{margin-top:20px;}
.carouselbox a.kesfet{margin-bottom:20px;}
.room_content img{width:100%; height:auto;}
}








.iletisim-m {
    display: none;
}


@media only screen and (max-width:850px) {

    .iletisim-m ul {
        list-style:none;
        padding-left:0px;
    }

    .iletisim-m ul li:nth-child(2) a {
        padding-left: 15px;
    }

    .iletisim-m ul li:nth-child(1) a {
        padding-right: 15px;
    }

    .iletisim-m.home li {
        padding: 0px !important;
    }

    .iletisim-m.home ul li a {
        padding: 15px 0px;
        border-right: 1px solid #fff;
        font-size: 17px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .iletisim-m.home ul li:last-child a {
        border: none;
    }

    .iletisim-m.active {
        bottom: 0px;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20);
    }

    .iletisim-m {
        position: fixed;
        width: 100%;
        background: #9c293e;
        display: inline-block;
        box-sizing: border-box;
        bottom: 0;
        z-index: 999;
        transition: all .3s ease-in-out;
        height: auto;
    }

    .iletisim-m ul li {
        float: left;
        width: 50%;
        font-size: 22px;
        color: #0c1543;
        text-align: center;
    }

    .iletisim-m ul li i {
        display: block;
        box-sizing: border-box;
        width: 21px;
        padding-bottom: 0px;
        display: inline-block;
        margin-right: 10px;
        position: relative; /* top: 3px; */
    }

    .iletisim-m ul li:nth-child(1) {
        padding-right: 30px;
        box-sizing: border-box;
    }

    .iletisim-m ul li a {
        color: #ffffff;
        font-size: 16px;
        display: block;
        padding: 20px 0px;
    }