:root{
	--thm-base:#a78258;
	--thm-dark:#000000;
	--thm-second:#1a2b40;
	--thm-light:#e9ebf4;
	--main-color:rgb(126, 126, 77);
	--thm-base: #7e7e4d;
	--font1: "Marcellus", serif;
	--font2: "Host Grotesk", sans-serif;
	--thm-font-title:var(--font1);
	--thm-font-second:var(--font2);
	--thm-font-handwriting:'Dancing Script', cursive;

}

/*Header*/
header .header-lower .logo-box .logo img{width:160px}
header .sticky-header .logo img{width:160px}
.xs-sidebar-group .sidebar-info-contents .logo img{width:250px}
.xs-sidebar-group .social-box{display:flex}
.xs-sidebar-group .social-box li{
	margin-right: 10px;
    background:var(--thm-base);
    padding: 7px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.xs-sidebar-group .social-box li a{color: #fff;}
.xs-sidebar-group .social-box li:hover{background: var(--thm-dark);}
/**/

/*Mix*/
#home-news .news-block-two .inner-box {
	padding: 30px;
	height: 100%;
}
#home-news .news-block-two .image img{
    height: 340px;
    object-fit: cover;
    width: 100%;
}
#home-news .news-block-two h4{font-size: var(--font-20);}
#home-news .news-block-two h4 a {color: var(--thm-base);}
#home-news .news-block-two .read-more {margin-top: var(--margin-top-20);}
.resource-section .hotel-tabs .content-box {
    background-size: cover;
    background-position: center;
    height: 500px;
}
.resource-section  .hotel-tabs .more {
    margin-top: var(--margin-top-20);
}
.resource-section .hotel-tabs .content {
    max-width: 350px;
    padding: 25px 40px;
	background-color: var(--thm-dark);
	position: absolute;
    bottom: 0;
}
.resource-section .hotel-tabs p{color: #bfbfbf;}
.resource-section .hotel-tabs h4 {font-size: var(--font-20);}
.hotel-section .image .overlay-box {
    position: absolute;
    left: 45px;
    top: 45px;
    right: 45px;
    bottom: 45px;
    text-align: center;
    padding-top: var(--padding-top-35);
    background-color: var(--main-color);
	max-width:200px
}
.hotel-section .image .title {
    position: relative;
    font-weight: 700;
    font-size: var(--font-16);
    color: var(--white-color);
}
#imkanlar .imkan.column {
    padding: 0px 15px;
}
#imkanlar .imkan:nth-child(2n){
	display:flex;
    flex-direction: column;
}
#imkanlar .imkan:nth-child(2n) .image{
    order:-1
}
#imkanlar .imkan .hotel-block {
    margin-bottom: var(--margin-bottom-30);
}
#imkanlar .imkan .hotel-block .icon-box svg{
	width: 50px;
    height: 50px;
    fill: var(--thm-base);
	position: relative;
    margin: -10px 0 0 10px;
}
#imkanlar .imkan .image img {
    height: 300px;
    object-fit: cover;
}
#imkanlar .imkan .image {
    margin-bottom: var(--margin-bottom-30);
}
#home-taste .video-column .video-box .video-image img {
    height: 600px;
    object-fit: cover;
}
#home-taste .content-column .image {margin-top: 0;}
#home-taste .content-column .image img{
	height:500px;
	object-fit:cover;
}
#home-taste .owl-nav{
	position: absolute;
    bottom: 5%;
    width: 100%;
}
#home-taste .owl-nav .owl-prev{
    background: var(--thm-base);
    padding: 10px;
    left: 42%;
    position: absolute;
    font-size: 1.5em;
    color: #ffffff;
    font-weight: 700;
}
#home-taste .owl-nav .owl-next{
	background: var(--thm-base);
	padding: 10px;
	right: 42%;
	position: absolute;
	font-size: 1.5em;
	color: #fff;
	font-weight: 700;
}
.qrmenu {
	position: absolute;
	top: -6%;
	z-index: 2;
	right: 0;
}
.qrmenu img{
	width:250px;
	animation: shake 2s cubic-bezier(.36,.07,.19,.97) both infinite;
}

/**/


/*Animation keyframes*/

@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	
	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
	
	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}
	
	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}


/**/

/*Slider*/
.main-slider #web-slider .item-bg{
	display: grid;
	grid-template-columns: 1fr 3fr;
	height: calc(100vh - 85px);
}
.main-slider #web-slider .slide:before{
	opacity: 0;
	z-index: 2;
}
.main-slider #web-slider .slide img{
	height: 100%;
	object-fit: cover;
}
.main-slider #web-slider .content-box{
	background: var(--thm-dark);
	position: relative;
	padding: 300px 30px 240px;
}
.main-slider #web-slider .content-box h1{
	margin-bottom: var(--margin-bottom-20);
	font-size: 1.7em;
	line-height: 1.5;
	font-family: var(--thm-font-title);
}
.main-slider #web-slider .content-box .social-box{
	position: absolute;
	bottom: 5%;
	left: 5%;
}
.main-slider #web-slider .content-box .social-box li {
	position: relative;
	display: inline-block;
	margin-left: var(--margin-left-10);
	background: var(--thm-base);
	padding: 9px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.main-slider #web-slider .content-box .social-box li a{
	color: #fff;
}
.main-slider #web-slider .content-box .social-box li:hover {
	background: #fff;
}
.main-slider #web-slider .content-box .social-box li:hover a{
	color: var(--thm-base);
}
/**/


/*Haber detay*/
.page-title.detay-titlebg{padding: 260px 0px;}
.page-title .text a:first-child{margin-right:25px;padding-right: 30px;position:relative}
.page-title .text a:first-child:before {
	position: absolute;
	content: '\f054';
	font-family: 'FontAwesome';
	right: 0;
}
.page-title .text a:hover {color:#fff}
#icerik-detay .galeri .image img {
	cursor: pointer;
	height: 300px;
	object-fit: cover;
}
#icerik-detay .galeri .service-block-three:nth-child(2n) .content-column{order:2}
#icerik-detay .galeri .service-block-three .image-column .image img {height: auto;}
#icerik-detay .galeri .service-block-three .content-column h2 {
	font-size: var(--font-40);
	font-family: var(--thm-font-second);
}
#icerik-detay .dokumanlar{
    display:flex;
    flex-wrap:wrap;
    gap:1em;
}
#icerik-detay .dokumanlar .dosya {
    position: relative;
    padding: 30px 20px;
    text-align: center;
    color: var(--white-color);
    font-size: var(--font-18);
    margin-top: var(--margin-top-20);
    background-color: var(--thm-second);
    flex: 0 1 calc(50% - 1em);
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#icerik-detay .dosya .btn{
    background-color: var(--thm-base);
	color:#fff;
}
#icerik-detay .dosya a:hover{color:#fff}
#icerik-detay .dosya span{
	display: block;
	margin-bottom: 5px;
}
#icerik-detay .dosya .dicon{
    font-size: 3em;
    opacity: .4;
}
#icerik-detay .news-detail .buttons-box a{
	width: 100%;
	padding: 20px;
	font-size: 1.6em;	
	background: var(--thm-second);
}
#benzer-icerikler .offer-block .inner-box {height: 300px;}
#benzer-icerikler .offer-block .inner-box .image img{
	height: 100%;
	object-fit: cover;
}
#icerik-detay .haber h3{
	border-left: 5px solid black;
	color: var(--thm-second);
	font-size: var(--font-26);
	padding: 5px;
	font-family: var(--thm-font-second);
	background: linear-gradient(45deg, #efefef, transparent);
}
#icerik-detay .haber ul li{list-style:circle;margin-bottom:10px}
#icerik-detay .haber ol li{list-style:auto;margin-bottom:10px}
#icerik-detay .haber ul,#icerik-detay .haber ol{margin-left:40px}
#icerik-detay .haber iframe{width:100%;height:516px}
#icerik-detay .haber table {width: 100%!important;}
#icerik-detay .haber table p{color:#fff}
#icerik-detay .haber table tr {
	color: #ffffff;
	font-weight: normal;
	background-color: #737373;
	border-bottom: solid 2px #d8d8d8;
	position: sticky;
	top: 0;
}
#icerik-detay .haber table tr td {
	border-bottom: 1px solid #020202;
	border-left: none;
	border-right: 1px solid #020202;
	border-top: 1px solid #020202;
	padding: 5px 10px;
}
#icerik-detay .haber table tr:nth-child(2n) {
	color: #ffffff;
	font-weight: normal;
	background-color: #383838;
	border-bottom: solid 2px #d8d8d8;
	position: sticky;
	top: 0;
}
#icerik-detay.icerikid4 .galeri .image img {
	height: 400px;
	object-fit: contain;
	background: var(--color-five);
}
#icerik-detay .buttons-box .btn-style-one i{
	font-family: "Fontawesome";
	top: 0;
	margin-left: 5px;
	color: #d9bc9c;
}
#icerik-detay.icerikkat1032.sidebar-page-container {padding: 0 0px 60px;}
#icerik-detay.icerikkat1032 .news-detail {margin-top: 50px;}
#icerik-detay .room-detail-section {padding:0;margin:20px 0;}
#icerik-detay .room-detail-section .options-widget .options{
	display: flex;
	width: 100% !important;
	flex-wrap: wrap;
	column-gap: 1em;
}
#icerik-detay .room-detail-section .options-widget .options li{
	flex: 0 1 calc(33% - 1em);
}

.odadetay-galeri{
	position: absolute;
	background: var(--thm-second);
	width: calc(500px + 4em);
	right: 5%;
	bottom: 10%;
	padding: 2em;
}
.odadetay-galeri figure{
	margin:0
}
.odadetay-galeri img{
	padding: 8px;
	height:100px;
	width:100px;
	object-fit: cover;
	cursor: pointer;
}
.page-title.oda-titlebg{
	padding: 400px 0px;
	background-position: bottom;
}
.page-title.oda-titlebg:before{
	opacity: 0.30;
}
.page-title.oda-titlebg .title-area{
	position: absolute;
	bottom: 10%;
}
.page-title.oda-titlebg .title-area h5{
	background: var(--thm-base);
	color: #fff;
	text-align: center;
	padding: 5px;
	border-radius: 10px 0;
	font-family: var(--thm-font-handwriting);
	animation: shake 5s cubic-bezier(.36,.07,.19,.97) both infinite;
}
.page-title.oda-titlebg .title-area h6{
	color: #fff;
	text-align: center;
	margin-top: 10px;
	font-family: var(--thm-font-second);
}
.odadetay-galeri .swiper-button-prev,.odadetay-galeri .swiper-button-next{
	background-image: unset;
	color: #fff;
	z-index: 10;
	font-size: 25px;
	top: 57%;
	cursor: pointer;
}
#detay-kesfedilecek-yerler {
    padding-top: 0;
}
#detay-kesfedilecek-yerler .option-block h6 {
    font-size: var(--font-14);
	}
#detay-kesfedilecek-yerler .option-block img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 0.1;
}
#detay-kesfedilecek-yerler .option-block:hover img {
	opacity: 0.2;
}
#detay-kesfedilecek-yerler .option-block .icon {
    color: var(--thm-base);
}
/**/

/*Haberlist*/
#haberlist .news-block-five .image img {
	height: 400px;
	object-fit: cover;
}
#haberlist .news-block-five .lower-content .content {
	padding-left: 0;
}
#haberlist .news-block-five .title-area {
	position: absolute;
	bottom: 20px;
	left: 20px;
	padding: 10px;
	color: #fff;
}
#haberlist .news-block-five .title-area h5 {
	background: var(--thm-base);
	color: #fff;
	text-align: center;
	padding: 5px;
	border-radius: 10px 0;
	font-family: var(--thm-font-handwriting);
	animation: shake 5s cubic-bezier(.36,.07,.19,.97) both infinite;
	font-size: var(--font-18);
}
#haberlist .news-block-five .title-area h6 {
	color: #fff;
	text-align: center;
	margin-top: 10px;
	font-family: var(--thm-font-second);
	font-size: var(--font-15);
}
/**/


/*Rezervasyon*/
#rezervasyon-detay .image-column .news-block .oda-kapak{
	width: 40%;
}
#rezervasyon-detay .image-column .news-block .oda-kapak img{}
#rezervasyon-detay .image-column .news-block .content-box{
	width: 60%;
}
#rezervasyon-detay .image-column .news-block .content-box h4{
	margin-top:0
}
#rezervasyon-detay .uyari p{
	text-transform: none;
	font-family: var(--thm-font-second);
	font-size: 13px;
	letter-spacing: 0px;
	line-height: 1.5;
	margin:0
}
#rezervasyon-detay .odasecbaslik{
	position: relative;
	display: block;
	font-weight: 700;
	letter-spacing: 1px;
	color: var(--thm-base);
	text-transform: uppercase;
	font-size: var(--font-14);
	margin-bottom: var(--margin-bottom-5);
}
#rezervasyon-detay .odasecbaslik2{
		position: relative;
	display: block;
	font-weight: 700;
	letter-spacing: 1px;
	color: var(--thm-base);
	text-transform: uppercase;
	font-size: var(--font-12);
	margin-top: var(--margin-bottom-5);
}
#rezervasyon-detay .oda-info-btn{
	position: absolute;
	top: 8px;
	right: 20px;
	background: none;
	font-size: 1.3em;
}
#rezervasyon-detay .image-column .news-block .modal .modal-body .single-item-carousel .image img{
	height: 500px;
	object-fit:cover;
}
#rezervasyon-detay .image-column .news-block .modal .modal-body .room-detail-section .options{
	display: flex;
	width: 100% !important;
	flex-wrap: wrap;
	column-gap: 1em;
}
#rezervasyon-detay .image-column .news-block .modal .modal-body .room-detail-section .options li{
	flex: 0 1 calc(33% - 1em);
}
#rezervasyon-detay .modal-dialog {max-width: 800px;}
#rezervasyon-detay .reservation-form .form-group input[disabled]{background: #e5e5e5;}
.rezervasyonSonuc{
    background: var(--thm-base);
    padding: 1em;
    color: white;
    display: flex;
    flex-wrap: wrap;
    gap: .5em;
    font-size: 1.2em;
    margin-top: 1em
}
.rezervasyonSonuc .sonucGroup span{font-weight: 800;}
.rezervasyonSonuc .sonucGroup.fiyat{font-size: 1.5em;flex-basis: 100%;}
.oda-kapak .fotosayi{
	position: absolute;
    bottom: 10px;
    left: 15px;
    background: var(--thm-second);
    padding: 4px;
    border-radius: 20%;
    color: #cbcbcb;
}
.oda-kapak .fotosayi span{
    color: #cbcbcb;
}

#rezervasyon-detay #contactForm .contact-form .form-group select{height:35px;padding:0 25px}
/**/

#ikform {
	margin: 50px 0;
}
.contact-form-section#ikform .form-column .inner-column {
	border-right: none;
}

/*Footer*/
.main-footer {
    background: #2c393b url(../resim/upload/sb1719.jpg);
    background-size: cover;
    background-blend-mode: multiply;
    background-position: right;
}
footer .logo-column .logo img{width:200px}
footer .social-box{display:flex}
footer .social-box li{
	margin-right: 10px;
	background:var(--thm-base);
	padding: 7px;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	text-align: center;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
footer .social-box li a{color: #fff;}
footer .social-box li:hover{background: #353535;}
/**/










/*Loader*/
@keyframes loaderspin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
@-webkit-keyframes loaderspin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
@keyframes animName {
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
.preloader {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: default;
	position: fixed;
	z-index: 9999999;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff;
}
.preloader .animation-preloader {
	z-index: 1000;
}
.preloader .animation-preloader .spinner {
	position: relative;
	width: 100px;
	height: 100px;
	border: 3px solid #ebebec;
	border-radius: 50%;
	text-align: center;
	line-height: 80px;
	padding: 7px;
}
.preloader .animation-preloader .spinner::before {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	border-top: 3px solid var(--thm-base);
	border-radius: 50%;
	animation: loaderspin 1.8s infinite ease-in-out;
	-webkit-animation: loaderspin 1.8s infinite ease-in-out;
}
.preloader .animation-preloader .txt-loading .letters-loading {
	color: var(--thm-dark);
	position: relative;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}

.preloader .animation-preloader .txt-loading .letters-loading::before {
	-webkit-animation: letters-loading 4s infinite;
	animation: letters-loading 4s infinite;
	color: var(--thm-base);
	content: attr(data-text-preloader);
	left: 1px;
	opacity: 0;
	position: absolute;
	top: -11px;
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}

.preloader p {
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 8px;
	color: #243342;
}
/*Loader Bitti*/					

.home-imkanlarimiz .inner-box span i{font-size: 2em}
.home-imkanlarimiz.options-section .option-block:nth-child(8) {margin-right:254px;}
#imkanlar .imkan:nth-child(even) .hotel-block{order: 1}

@media only screen and (min-width: 1300px) and (max-width: 1800px)  {
.main-slider .box-inner{
  margin-top: -130px; 
}
.main-slider.home-slider .box-inner h1 {
  font-size: 50px;  
  line-height: 1.2;  
  word-break: keep-all; 
  white-space: normal; 
}
}
.comfort-section.home-lezzetler .auto-container .inner-column .row .room-options svg{
    position: absolute;
    left:5px;
    top: 5px;
    width:30px;
}
.icerikid48#icerik-detay .image img{max-height: 800px!important;object-fit: contain!important}
.page-title.haberlist-titlebg,.page-title.contact-titlebg,.page-title.detay-titlebg{background-size:100%}


@media(max-width:764px){
	
	 .page-title.haberlist-titlebg,.page-title.contact-titlebg,.page-title.detay-titlebg{background-size: auto;!important}
	 .page-title.detay-titlebg{ padding: 100px 0px;}
	 #icerik-detay .galeri .service-block-three .content-column {display: none } 
     #icerik-detay .galeri .service-block-three{margin: 0}
	 #icerik-detay + #benzer-icerikler .offer-block {margin-bottom: var(--margin-bottom-200);}
	 .room-detail-section .options-widget .options li {padding: 0}
	 #icerik-detay .room-detail-section .options-widget .options li,#rezervasyon-detay .image-column .news-block .modal .modal-body .room-detail-section .options li{flex: 0 1 calc(50% - 1em);}
	 .main-footer {
    background: #2c393b ;
}
}