:root{
	--mainColor:#103194;
	--titleColor:#2E2E2E;
	--textColor:#565656;
}
*{box-sizing: border-box; font-family: 'Visby CF', sans-serif;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Visby CF', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration: none;}
img{max-width: 100%; display: block; height: auto;}
.ty-wrapper { width: 100%; height: 100vh; display: table; background-color: #333; }
.ty-vertical { display: table-cell; vertical-align: middle; text-align: center; font-size: 25px; color: #fff; }
.w100{display: inline-block;position: relative; float: left; width: 100%;}
.container{width: 90%;max-width: 1600px; margin: 0 auto; position: relative;}
.container2{width: 90%;max-width: 1450px; margin: 0 auto; position: relative;}
.pdn{padding: 70px 0px;}
h1,h2,h3,h4,h5,h6{color: var(--titleColor);font-weight: bold;line-height: 1.2;}
h1,h2{font-size:37px;}
h3{font-size:29px;}
p{font-size: 16px;line-height: 1.6;color: var(--textColor);font-weight: 500;}
.title{width: 100%;margin-bottom: 15px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.title span{position: relative;margin-bottom: 15px;}
.title span::before, .title span::after{content: "";background-size: 100%; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); width: 55px; height: 12px;}
.title span::before{ background-image: url(../images/icons/title-before.png);  background-position: top right;right: calc(100% + 15px); }
.title span::after{ background-image: url(../images/icons/title-after.png);  background-position: top left;left: calc(100% + 15px); }
.text-center{text-align: center;}
.middleContent{
    padding: 0px 11%;
}
.title h1 strong, .title h2 strong, .title h3 strong {
    color: var(--mainColor);
}
.pattern {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 15%;
    background-size: cover;
}
.roomsCarousel article {
    width: 35%;
    text-align: center;
    padding: 120px 0px 120px 6%;
}

.roomsCarousel .items {
    width: 100%;
    position: relative;
    display: inline-block;
}

.roomsCarousel figure {
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    width: 60%;
    background-size: cover;
    background-position: center;
}
.odaOzellik {
    margin-top: -20px;
    margin-bottom: 15px;
}

.odaOzellik p {
    color: var(--mainColor);
}

.galleryList {
    width: 65%;
    float: left;
    /* margin-left: 3%; */
}

.galleryList2 {
    float: right;
    width: 34.5%;
}

.galleryList li:nth-child(1), .galleryList li:nth-child(4) {
    width: 60%;
}

.galleryList li {
    float: left;
    margin: 10px 1%;
    height: 365px;
}

.galleryList li:nth-child(2), .galleryList li:nth-child(3) {
    width: 36%;
}

.galleryList2 li {
    margin-top: 10px;
    height: 750px;
    width: 100%;
    float: left;
}

.galleryList li a, .galleryList2 li a {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .2s ease-in-out;
}
.galleryList li a img, .galleryList2 li a img {
    width: 100%;
}



.bottom{background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#F2F2F2}
.ft-50{width: 50%;float:left;}
.map{height:360px}
.contactList{width: 35%;margin:0 0;float:left;text-align: center;margin-left: 5%;padding-top: 5%;margin-right: 5%;}
.contactList span{color:var(--titleColor);font-size: 21px;display:inline-block;width:100%;margin-bottom: 10px;position:relative;letter-spacing:1px;text-align: center;font-weight: bold;}
.contactList p{font-size: 17px;line-height:1.3;color:var(--textColor); width:100%;display:inline-block;font-weight:300;line-height:1.4}
.contactList .w100{margin-bottom: 35px;}
.contactList .w100 a{color:var(--textColor);font-size: 17px;font-weight:300;text-align: center;}
.contactList ul{width:100%;display:inline-block;margin-top:25px}
.contactList ul li{display:inline-block;width:100%;margin-bottom:25px}
.contactList ul li a{display:flex;align-items:center;justify-content:flex-start}
.contactList ul li a img{margin-right:15px}
.contactList ul li:last-child{margin-bottom:0}
.ft-50:nth-child(2){margin-right:0;padding-left: 5%;}
.contactList .w100:last-child{margin-bottom:0}


.footer-1{width: 50%;display:inline-block;float: left;margin-right: 5%;}
.footer-1 span{color:var(--titleColor);font-size: 21px;margin-bottom:25px;display:inline-block;width:100%;width: 100%;text-align: center;margin-top: 20px;}
.footer-1 p{line-height:1.7;text-align: center;}
.footer-2{padding-top:50px;margin-top:50px;border-top:1px solid #225265;display:flex;align-items:center;justify-content:space-between;padding:50px 5% 0;flex-direction:row-reverse}
.footer-2 p{color:var(--textColor);font-size:20px;letter-spacing:2px;font-weight:300}
.sosyalMedya{display:flex;align-items:center;justify-content:center}
.sosyalMedya li a{color:var(--textColor);font-size:22px;letter-spacing:1px;font-weight:300;display:flex;align-items:center;justify-content:center}
.sosyalMedya li{margin: 0px 10px;}
.ft-50:first-child{padding-right:0}
.footer-1 
 .footerLogo {
    width: 130px;
    margin: 0 auto 25px;
    display: table;
}

.ft-50.left {
    width: 50%;
    position: relative;
}

.ft-50.left::before {
    content: "";
    position: absolute;
    left: 55%;
    top: 30px;
    bottom: 30px;
    width: 1px;
    background-color: #bbbbbb;
}
#map {
    width: 100%;
    height: 300px;
}
.iletisim-m{display: none;}
.ft-50.left::after {
    content: "";
    position: absolute;
    right: 0;
    top: 30px;
    bottom: 30px;
    width: 1px;
    background-color: #bbbbbb;
}
.footerLogo {
    margin: 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tesisCarousel .items {
    border: 2px solid var(--mainColor);
    padding: 30px;
    border-radius: 20px;
    flex: 1 0 auto;
    height: 100%;
}

.tesisCarousel .items img {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 25px;
}

.tesisCarousel .items span {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 15px;
    color: var(--mainColor);
}

.tesisCarousel .items p {
    font-size: 20px;
    font-weight: 400;
}
.tesisCarousel .owl-stage {
    display: flex;
    height: 100%;
}
.tesisCarousel {
    margin-top: 50px;
}


.formHolder{width:85%}
.formTitle{margin-bottom: 5px;color:#fff;font-size: 30px;line-height:1.2;font-weight:500;letter-spacing:1px}
.wd-right .whBox figure{position:relative;margin:0}
.formHolder form>ul>li{width:100%;position:relative;display:inline-block;margin-bottom:10px;float:left;margin:0 0 10px}
.formHolder form>ul>li input,.formHolder form>ul>li select,.formHolder form>ul>li textarea{width:100%;display:inline-block;height:45px;padding:0 20px;font-size:16px;outline:0;background-repeat:no-repeat;background-position:10px 50%;background-size:25px;background-color: transparent;border: 1px solid #7d93b9;color: #fff;border-radius: 4px;}
.formHolder form>ul>li:last-child{margin-bottom:0}
.form-submit{cursor:pointer;margin:0 auto;display:table;background-color: #fff;color: var(--mainColor);padding:0;width: 150px;height: 45px;border: 0px;appearance: none;font-size: 16px;font-weight: 500;border-radius: 5px;}
#gonderBtn{cursor:pointer;margin:0 auto;display:table;background-color:#b78d6b;color:#fff;float:right;padding:0;width:100%;display:inline-block;padding:0 20px;font-size:16px;padding:15px 0}
.contact_form ul LI span{width:calc(100% - 25px);float:right;position:relative;top:-3px;text-align:left;font-size:14px;color:#fff;letter-spacing:1px;line-height:1.3}
.kvkk_popup span,.kvkk_popup2 span{cursor:pointer;text-decoration:underline}
.fixedForm{text-align:center;position:fixed;right: -500px;padding: 40px 50px;box-sizing:border-box;bottom:0;display:table;width: 400px;height:auto;background-color: var(--mainColor);box-shadow:0 5px 29px 0 rgba(0,0,0,.3);transition:all .6s cubic-bezier(.42,0,.07,.99);top: 50%;transform: translateY(-50%); min-height: 300px; z-index:99;border-radius: 60px 0px 0px 0px;}
.formBtn{width:45px;position:fixed;right:0;top: 50%;transform: translateY(-50%);cursor:pointer;transition:all .2s ease-in-out;z-index:10;box-shadow:0 0 15px rgb(0 0 0 / 37%)}
.fixedForm.active{right:0}
.formBtn:hover{margin-left:10px}
.formBtn.dl{opacity:0;pointer-events:none}
.kapatForm{width: 40px;height: 40px;position:absolute;left: 0px;top: 0px;text-align:center;font-weight:300;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding: 7px;background-color: #ffffff;cursor:pointer;z-index:99;border-radius: 360px;}
.fixedForm .formHolder{width:100%}
.formHolder form>ul>li textarea{height:100px;padding-top:15px}
input[type=checkbox]:not(old),input[type=radio]:not(old){margin:0!important;padding:0!important;float:left;width:16px!important;height:16px!important}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{background:#205164!important;color:#fff!important;border:none!important}
div#ui-datepicker-div{background:#0a3545!important;border:1px solid #214a5a!important}
table.ui-datepicker-calendar{background-color:#0a3545!important}
.ui-datepicker th{color:#fff!important}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:#54879b!important;color:#fff!important;border:1px solid #214a5a!important;text-align:center!important}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.2!important}
.hidden{display:none!important}
#flight-datepicker li{margin-bottom:10px}
.form-control{border-radius:0!important;height:40px;box-shadow:none!important;border:none;outline:0;font-size:16px!important;text-align:left;box-sizing:border-box;padding-left:20px;line-height:28px!important;color:#757575!important;letter-spacing:0!important;width:100%!important}
.ui-state-default{cursor:pointer}

::placeholder{color:#c3c3c3;}
.fixedForm .formHolder p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 15px;
    width: calc(100% + 59px);
    margin-left: -30px;
    font-style: italic;
    font-weight: 400;
}
.moreBtn {
    padding: 14px 25px 13px;
    display: inline-block;
    margin-top: 10px;
    background-color: var(--mainColor);
    color: #fff;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 1;
}


.roomsCarousel .owl-dots {
    margin: 30px  auto -30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.roomsCarousel .owl-dot {
    width: 20px;
    height: 20px;
    border: 1px solid var(--mainColor) !important;
    margin: 0px 3px;
    border-radius: 360px;
}

.roomsCarousel .owl-dot.active {
    background-color: var(--mainColor) !important;
}
.roomsCarousel figure a {
    width: 100%;
    height: 100%;
    display: inline-block;
}