@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
body {font-size: 18px;letter-spacing: 0.6px;line-height: 1.4;font-family: 'Futura-Book';color: black;}
#check {display: none !important;}
.mescoimg {margin-right: -119px;bottom: 0;transition: 1s;width: auto;height: 25px;}
.mescoimg:hover {margin-right: 0 !important;transition: 1s;margin-right: -119px;bottom: 0;}
.back-contain {background-position: center;background-size: contain;background-repeat: no-repeat;}
.back-cover {background-position: center;background-size: cover;background-repeat: no-repeat;}
.satirgizle {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
li{list-style:none;list-style-position: inside;}
li.nav-item{list-style:none;}
ul {padding: 0;}
a,a:hover {text-decoration:none}
.vt {position:absolute;bottom:5%;width:200px;left:50%;margin-left:-100px;z-index:2;}
/* a.dil.dilEN, a.dil.dilRU, .dil {display: none;}*/
body.htmlin.bodyback {background-size: contain;background-position: center 99vh;background-repeat: no-repeat;}
div#erciyeste-kayakk,div#skiing-in-erciyess,div#ktninlzhhvrdzhiss {display: none;}
.roomtextnumber:lang(ru) h1 {font-size: 55px;}
.roomtextex:lang(ru) {font-size: 12px;margin-top: 10px;width: 100px;}
.header a.callcenter:lang(ru),.header a.callcenter:lang(en) {margin-right: 6px;}
/*header start*/
.header {background: white;position:fixed;z-index:99}
.innerpagebody .header {position:relative;}
.header-top {height: 30px;    background-color: rgba(206, 206, 206, 0.5);}
.header-top .col-dil {padding-right: 75px;}
.header-top a.dil {color: white;border-right: 1px solid;padding: 0px 12px;}
.header-top a.dil:last-child {border-right: none;}
.header .navbar-light .navbar-nav .nav-link {color: black;text-transform: uppercase;font-family: 'Oswald', sans-serif;font-size: 19px;font-weight: 500;}
.header a.callcenter {color: black;font-size: 19px;font-family: 'Oswald';font-weight: 500;margin-right: 5px;}
a.dil {font-size: 20px;font-family: 'Oswald';color: black;border: 1px solid;font-weight: 300;padding: 2px 8px 2px;margin-right: 4px;}
a.dil:hover {background: black;color: white;}
/*header end*/
.vh {
    height:100vh;
}
/*video start*/
section.slidevideo {height: 100vh;overflow:hidden}
.slidevideo video {width: 100%;}
.slogantext {font-family: 'Oswald', serif;font-size: 60px;margin-bottom: 40px;color: white;}
/*video end*/

a.whatsapp {position: fixed;z-index: 9999;left: 30px;top: 55%;}

/*homekrsect start*/
.homekrdiv {padding: 0 20px;text-align: center;display:grid;}
.homekrdiv h1 {font-family: 'Oswald', serif;font-size: 50px;font-weight: 700;margin-bottom:25px}
.homekrgallery img {width: 100%;}
.homekrdiv a span {padding: 10px 30px;background-color: #272b36;color: white;}
/*homekrsect end*/

/*homeroom start*/
.homeroomsect .homekrgallery img {width: auto;}
/*homeroom end*/

/*homerestsect start*/
.homerestsect{height: 70vh;}
.homerestdiv {background-color: #1c0a0086;color: white;width: 20%;text-align: center;position: relative;padding: 15px;height: fit-content;}
.homerestdiv h1 {font-family: 'Oswald', serif;}
.homerestdiv p {padding: 50px 21px;font-size: 22px;}
/*homerestsect end*/

/*homekesfet start*/
.homekesfet .homekesfetbigbaslik h1 {font-family:  'Oswald', serif;color: #333333;font-size: 50px;font-weight: 600;}
.homekesfetimg {height: 400px;padding: 0px;border: 7px solid white;}
.paddiv {padding: 20px;}
.homekesfethoverdiv {align-items: Start;font-family: 'Oswald';position: relative;color:black;transition: all .5s ease;-webkit-transition: all .5s ease;text-align:center;}
.homekesfetimg:hover .homekesfethoverdiv {background-color:rgba(255,255,255,0);align-items: center;background-color: #0b364d70;color:white;transition: all .5s ease;-webkit-transition: all .5s ease;}
.homekesfethoverdiv h4 {
	background-color:rgba(255,255,255,0.6);
	padding:10px 15px;
}
.homekesfetimg:first-child {height: 620px;width: 26%;}
.homekesfetimg:nth-child(2) {width: 34%;height: 300px;}
.homekesfetimg:nth-child(3) {position: absolute;left: calc(26% + 14px + 10px);top: 300px;height: 320px;width: 15%;}
.homekesfetimg:nth-child(4) {position: absolute;left: calc(26% + 26px + 15% );top: 300px;height: 320px;width: calc(17% + 2px);}
.homekesfetimg:nth-child(5) {width: 23%;height: 355px;}
.homekesfetimg:nth-child(6) {height: 355px;width: 17%;}
.homekesfetimg:nth-child(7) {position: absolute;left: calc(59% + 9px);top: 355px;height: 265px;width: 38%;}

/*homekesfet end*/

/*footer start*/
section.footersect {background-repeat: no-repeat;background-position: center;background-size: cover;margin-top: 40px;}
.sosyalmedya a {color: white;margin-left: 25px;font-size: 30px;}
.footer {color: white;}
.footeraltmenu {background-color: rgba(255,255,255,0.2);height: auto;padding: 10px;}
.footeraltmenu a.altmenulink {color: white;padding: 0 22px;border-right: 1px solid;}
.footeraltmenu .altmenulinkdiv:last-child a.altmenulink {border-right: none;}
.mfp-content {background-color: white;width: 50% !important;padding: 17px;max-height: 80vh;overflow-x: auto;overflow-y: scroll;}
.footersect h3 {border-bottom: 1px solid #75757570;padding-bottom: 15px;margin-bottom: 15px;}
.footer a {color: white;}
/*footer end*/

/*innerslider start*/
.innersliderimg.back-cover {height:87vh;}
.innerslidertext {width: 100%;height: 100%;display: flex;justify-content: center;align-items: flex-end;padding-bottom: 60px;background-color: rgba(0,0,0,0.3);}
/*innerslider end*/

/*odalaricerik start*/
.odalaricerik .back-cover {height: 420px;}
.odalaricerik .odalariceriktitle {position: absolute;z-index: 99;background-color: #ffffffad;margin-bottom: 30px;padding: 15px 25px;font-family: 'PlayfairDisplay-Regular', serif;color: black;text-transform: uppercase;letter-spacing: 4px;font-size: 45px;font-weight: 400;line-height: 1;}
.odametre, .odakapa {font-size: 22px;}
/*odalaricerik end*/

/*galeri start*/
#galerikategori ul {padding: 0px;}
#galerikategori li {display: inline-block;margin: 0 5px;background-color: #c19b76;padding: 10px;color: #fff;cursor: pointer;}
#galerikategori li:hover {background-color: #c19b76;}
.bgkoyimg {width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.sadecemobilgalerim {display: none;color: #565454;font-size: 17px;text-align: left;padding: 0 10px;margin: 10px 0;border-bottom: 1px solid #565454;cursor: pointer;width: 100%;float: left;}
.showyap {display: inline !important;}
.showyapma {display: none;}
/*galeri end*/

/*form*/
.iletisim h5 {font-family: 'PlayfairDisplay-regular';font-size: 30px;color: black;}
.iletisim label {padding: 0;font-weight: 500;}
.iletisim a {color: #5f6164;text-decoration: none;}
.maps {margin-bottom: 40px;}
.contact-form div {margin-bottom: 5px;}
.iletisim input {height: 50px;line-height: 50px;background-color: #f9f9f9;border: 1px solid #eee;padding: 0 20px;outline: none;-webkit-border-radius: 0;-khtml-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-box-shadow: 0 0 0 transparent;-khtml-box-shadow: 0 0 0 transparent;-moz-box-shadow: 0 0 0 transparent;-ms-box-shadow: 0 0 0 transparent;-o-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;-webkit-transition: all 300ms linear 0ms;-khtml-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-ms-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms;}
.iletisim input[type='text'],.iletisim input[type='email'],.iletisim input[type='password'],.iletisim input[type='search'] {width: 100%;}
.iletisim input:hover,.iletisim input:active,.iletisim input:focus {border-color: #254117;outline: none;-webkit-box-shadow: 0 0 0 transparent;-khtml-box-shadow: 0 0 0 transparent;-moz-box-shadow: 0 0 0 transparent;-ms-box-shadow: 0 0 0 transparent;-o-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;}
.iletisim textarea {border: 1px solid #eee;background-color: #f9f9f9;padding: 15px 20px;outline: none;width: 100%;-webkit-border-radius: 0;-khtml-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-box-shadow: 0 0 0 transparent;-khtml-box-shadow: 0 0 0 transparent;-moz-box-shadow: 0 0 0 transparent;-ms-box-shadow: 0 0 0 transparent;-o-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;-webkit-transition: all 300ms linear 0ms;-khtml-transition: all 300ms linear 0ms;-moz-transition: all 300ms linear 0ms;-ms-transition: all 300ms linear 0ms;-o-transition: all 300ms linear 0ms;transition: all 300ms linear 0ms;}
.iletisim textarea:hover,.iletisim textarea:active,.iletisim textarea:focus {border-color: #254117;outline: none;-webkit-box-shadow: 0 0 0 transparent;-khtml-box-shadow: 0 0 0 transparent;-moz-box-shadow: 0 0 0 transparent;-ms-box-shadow: 0 0 0 transparent;-o-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;}
.form-control{background-image: url(../images/assets/select-arrow.jpg) !important; }
div#btnIletisim {border: 2px solid #0b364d;padding: 10px;font-weight: 600;text-transform: uppercase;font-size: 13px;color: #0b364d;margin-bottom: 5px;float: right;background-color: #c19b76;}
div#btnIletisim:hover{border: 2px solid #0b364d;padding: 10px;font-weight: 600;text-transform: uppercase;color: white;font-size: 13px;background-color: #0b364d;}
.ikformgonder {border: 2px solid #1f0000;}
/*form end*/

.image_wid {height: 190px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.roomtextex {width: 90px;line-height: 1.5;margin: 5px 15px 5px 0}
.de .roomtextex {line-height: 1.8;font-size: 13px;}
.roomtextnumber {margin: 0 10px 0 0}
.roomtextnumber h1 {font-family: "Times New Roman", serif;font-size: 60px;line-height: 1}
.roominner a,.roominner a:hover {color: #000;text-decoration: none}
.roominner a:hover img {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;filter: grayscale(1)}
.roominner a img {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;filter: grayscale(.6)}
.roominner .roomimg {-webkit-transform: scale(1);transform: scale(1);/*filter: grayscale(.6);*/transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease}
.roominner a:hover .roomimg {-webkit-transform: scale(1.1);transform: scale(1.1);transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;filter: grayscale(1)}
.roominner figure {overflow: hidden}
.roominner .roomafter {text-decoration: underline}
.roomdetayimg1 {height: 550px;margin-bottom: 10px;margin-right: 10px}
.fotogaleriroomtwo .roomdetayimg1 {height: 210px;margin-bottom: 10px;margin-right: 10px}
.roomdetayimg2 {height: 210px;margin-right: 10px;margin-bottom: 10px}
.roomdetayimg3 {height: 430px;margin-bottom: 10px}
.roomdetayimg4 {height:240px}
.roominner h1 {font-family: 'Oswald', serif}
.roominner .fotodiv {width: 18%;height: 120px;}
p.icontext {font-size: 16px;margin-top: 6px;}
.roominnerpagetextdiv {/*display: grid;*/padding: 0 50px;}
.libraryerciyesaktiviteler .roominnerpagetextdiv {display: block;}
.roominner.bodyback {background-position: center 70px;background-repeat: no-repeat;background-size: cover;position: relative;}
.roominner.bodyback:before {content: "";display: block;width: 100%;height: 40%;background: linear-gradient( 180deg, rgba(255,255,255,0.2861519607843137) 45%, rgba(255,255,255,0.7819502801120448) 70%, rgba(255,255,255,1) 100%);position: absolute;bottom: 0;left: 0;}
.libraryerciyesodalar .paneldetay {font-family: 'Oswald';font-size: 23px;font-weight: 600;text-align:center}
.back-cover.roominnetimgtek {height: 550px;}

.paneldetay.paneldetaytwo {padding: 35px;}

/*rezervasyon*/

/*.rzvform {
    width: 800px;
    display: inline-block;
    position: absolute;
    bottom: 16%;
    left: 50%;
	margin-left:-400px;
    z-index: 101;
	
}*/
.rzvform {
    text-align: center;
    width: 800px;
    font-weight: 200;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 15px 20px;
    display: inline-block;
    position: absolute;
    bottom: 16%;
    left: 50%;
    margin-left: -400px;
    z-index: 101;
}


.rzvcocuksayisi {
    width: auto;
    float: none;
    display: inline-block;
    display: none;
}

.rzvform .form-control {
    background-color: #5d5d5d;
    color: #fff;
}
.form-control {
    display: block;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.rzvform a, .rzvform a .fa {
    color: rgba(255,255,255,0.6);
    font-size: 12px;
    text-decoration: none;
}

.rzvotel {
    width: auto;
    float: none;
    display: inline-block;
}

.rzvgiris {
    width: auto;
    float: none;
    display: inline-block;
}

.rzvgece {
    width: auto;
    float: none;
    display: inline-block;
}

.rzvyetiskin {
    width: auto;
    float: none;
    display: inline-block;
}

.rzvyetiskin2 {
    width: auto;
    float: none;
    display: inline-block;
}

.rzvcocuk {
    width: auto;
    float: none;
    display: inline-block;
}

.rzvcocuk2 {
    width: auto;
    float: none;
    display: inline-block;
}

.rzvbebek {
    width: auto;
    float: none;
    display: inline-block;
    margin-right: 5px;
}

    .rzvbebek a {
        padding: 7px 5px;
        border: 0.5px solid rgba(255,255,255,0.6);
    }

.rzvbtn {
    margin-bottom: 4px;
    background-color: #ff2f00;
    color: #fff;
	display: inline-block;
}

.rzvform label {
    font-size: 12px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
}

.rzvbtn:hover {
    cursor: pointer;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/*rezervasyon end*/
/*Responsive*/

@media (max-width:1400px) {
body {font-size: 15px;}
.header .navbar-light .navbar-nav .nav-link {font-size: 16px;letter-spacing: 0;}
.header .row.align-items-center.p-2 {padding: 0 .5rem !important;}
.col-md-3.text-right.col-callc.col-dil {padding: 0;}
.header a.callcenter {margin-right: 5px;font-size: 16px;}
.homekrdiv h1, .homekesfet .homekesfetbigbaslik h1 {font-size: 40px;}
.homerestdiv {width: 25%;}
.homekesfetimg:nth-child(2) {width: 34.6%;}
.homekesfetimg:nth-child(5) {width: 22.4%;}
.homekesfetimg:nth-child(7) {left: calc(59% + 12px);width: 36.7%;}
.roomtextnumber h1 {font-size: 50px;}
.roomtextnumber {margin: 0 5px;}
.roomtextex {line-height: 1.2;margin: 5px 5px 5px 0;}
a.dil {font-size: 15px;padding: 2px 3px 2px;}
}

@media (max-width:992px) {
	.logo {
		width: 150px;
	}
	.vt {
		top: 42%;
		width: 150px;
		margin-left: -75px;
	}
.vt img {
	width:100%;
}
.mytersroom {display: flex;flex-flow: column-reverse}
.header {height: 100px;}
section.slidevideo {height: auto;padding-top: 100px;}
.homekrgallery.h-100 {display: none;}
body.htmlin.bodyback {background-position: center 52vh;}
section.homekrsect {padding: 17px;}
.homerestsect {height: 40vh;margin-top: 130px;}
.homerestdiv {width: 60%;}
.homekesfetimg:first-child, .homekesfetimg:nth-child(2), .homekesfetimg:nth-child(3), .homekesfetimg:nth-child(4), .homekesfetimg:nth-child(5), .homekesfetimg:nth-child(6), .homekesfetimg:nth-child(7) {position: relative;width: 50%;height: 250px;top: auto;left: 0;}
.col-dil {position: absolute;right: 95px;max-width: fit-content;}
div#navbarNav {text-align: right;background-color: white;padding: 15px;text-transform: uppercase;}
.innersliderimg.back-cover {height: 45vh;}
.col-dil {right: 65px;top: 37px;}

}

@media (max-width:767px) {
	
.footersect h3 {border-bottom: 1px solid #75757570;padding-bottom: 3px;margin-bottom: 4px;font-size: 23px;margin-top: 15px;}
.sadecemobilgalerim {display: block !important;}
#galerikategori li {display: none;}
.roomdetayimg1 {height: 315px;margin-bottom: 10px;margin-right: 10px;}
.paneldetaythree .row {overflow: hidden;}
.paneldetaythree .row .col-12.col-lg-7, .paneldetaythree .row .col-12.col-lg-5 {overflow: scroll;padding: 0;}
.libraryerciyeserciyeste-kayak iframe {height: 236px;margin-top: 15px;}
a.callcenter {position:fixed;bottom:0;left:0;width:100%;background-color:#9e8e7e;text-align:center;padding:10px 0;}
div#navbarNav {width: 343px;}
.homekrdiv h1, .homekesfet .homekesfetbigbaslik h1, h1.homerestbaslik, .roominnerpagetextdiv h1 {font-size: 25px;}
.homerestdiv p {padding: 30px 21px;font-size: 16px;}
.homerestdiv {width: 80%;}
.homekesfetimg h4 {font-size: 19px;}
.odamisonuc {display: none !important;}
.roominner .fotodiv {width: 22%;height: 145px;}
.back-cover.roominnetimgtek {height: 333px;margin-bottom: 15px;}
    .homeslide .back-cover {
        height: 40vh;
    }
    section.sectslider {
        padding-top: 100px;
    }
    .rzvform {
    width: 100%;
    padding: 15px 20px;
    position: static;
    bottom: initial;
    left: initial;
	margin-left:initial;
    z-index: initial;
    display: block;
    text-align:initial;
	
}
    .rzvgiris, .rzvgece {
        width:48%;
    }
	
	
	@media (max-width:350px) {
		img.logo {
    width: 78%;
}.header {
    height: 78px !important;
}
	section.sectslider {
    padding-top: 78px;
}	
.col-dil {
    right: 62px;
    top: 28px;
}
}


/*responsive end*/


