@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


.temiz {clear: both;}
.navmen {width: 13%; float: left; background:#fff; height: 100vh !important;}
.navic {width:87%; float:right; padding:1%; background:#f1f1f1; height:auto}


.bgbyz {background:#fff; padding:30px; border-radius: 6px;}
.bgbyz h4 {font-weight: 600; font-size:16px; margin:0px}


.btnysl {width: 100%; display: inline-block; text-align: center; padding:14px 0px; border-radius: 6px; background:#54C194; border:2px solid #54C194; color:#fff !important; font-weight: 600;}

.btn1 {width: 100%; display: inline-block; text-align: center; padding:14px 0px; border-radius: 6px; background:#D3D3D3; border:2px solid #D3D3D3; color:#000; font-weight: 600;}
.btn2 {width: 100%; display: inline-block; text-align: center; padding:14px 0px; border-radius: 6px; background:#000; border:2px solid #000; color:#fff !important; font-weight: 600;}
.btn3 {width: 100%; display: inline-block; text-align: center; padding:14px 0px; border-radius: 6px; background:#43447D; border:2px solid #43447D; color:#fff !important; font-weight: 600;}

.btnysl:hover {background:#fff; color:#54C194 !important; border:2px solid #54C194; transition:.4s }
.btn1:hover {background:#fff; color:#000 !important; border:2px solid #000; transition:.4s }
.btn2:hover {background:#fff; color:#000 !important;border:2px solid #000;  transition:.4s }
.btn3:hover {background:#fff; color:#000 !important; border:2px solid #000; transition:.4s }



.rzb3-11 span {padding:6px 12px; font-size:11px; background-color:#000; color:#fff; font-weight: 500; border-radius: 6px}
.rzb3-12 {text-decoration: line-through; font-weight: 500; text-align: right; font-size:12px;}


.ybr {width: 100%; padding:16px; border:1px solid #f1f1f1}
.ybr ol {margin:0; padding:0; margin-top:10px}
.ybr ol li {margin-left:10px; padding:6px 0px; font-weight:400; font-size:12px}
.ybr ol li span {font-weight: 600; color: #000}

.iadebtn {padding:4px 8px; margin:0px 6px; background-color:#E6AD1E !important; color:#fff !important; font-weight: 500; border-radius: 6px;}
.btnysl2 { float: right; display: inline-block; text-align: center; padding:8px 12px; border-radius: 6px; background:#31CE75; border:2px solid #31CE75; color:#fff !important; font-weight: 600;}
.btnysl3 { float: right; display: inline-block; margin-left:10px; text-align: center; padding:8px 12px; border-radius: 6px; background:#178AE2; border:2px solid #178AE2; color:#fff !important; font-weight: 600;}

.btnysl2:hover {color:#fff !important}
.btnysl3:hover {color:#fff !important}
.iadebtn:hover {color:#fff !important}
.ybrod {width: 100%; margin-top:15px}






.bt0 {width: 100%; height: auto; margin-top:15px}
.bt1 {width:48%; float: left; margin-top:15px}
.bt2 {width:48%; float: right; margin-top:15px}

.slct { border:1px solid #f1f1f1; padding:14px !important; border-radius:6px; width:100% !important }

.margin20 {margin-top:20px}


.hd {width:100%; gap:20px; flex-wrap:wrap; display: flex;}
.hd1 {width:180px;}
.hd2 {width:550px;}
.hd3 {width:360px}


.bt0 ul {margin:0px; padding:0;}
.bt0 ul li {width: 100%; padding:6px 0px; font-size:13px; list-style: none}
.bt0 ul li span {float: right; font-weight: 600;}

.bdtur {width: 100%; height:120px; object-fit: cover; border-radius: 6px;}

.rz1 a { font-size:20px; font-weight:600; line-height:1.6rem; margin-bottom:20px }
.rz2 {margin-top:20px}
.rz2 ul {margin:0px; padding:0;}
.rz2 ul li {width: 100%; padding:6px 0px; font-size:13px; list-style: none}
.rz2 ul li span {float: right; font-weight: 600;}

.odabilgi {margin-top:15px; font-size:14px}

.sozlesme {width: 100%; padding:10px 0px; margin-left:0%; flex-wrap:wrap; display: flex; gap:20px;  margin-top:20px}
.sz1 {flex: 1 1 auto;}


.szbtn {padding:14px; display: inline-block; width: 100%; text-align: center; font-weight:500 !important; background:#f1f1f1; border-radius: 6px;}
.szbtn:hover {background:#000; color:#fff !important; transition: .4s;}

.szbtn1 {padding:14px; display: inline-block; width: 100%; text-align: center; color:#fff !important; font-weight:500 !important; background:#54C194; border-radius: 6px;}
.szbtn1:hover {color:#fff !important}
.ft1 {width: 100%;padding:10px 0px; flex-wrap:wrap; display: flex;  margin-top:10px; margin-left:-10px; margin-right:-10px;}
.ft0 {flex-wrap:wrap; width: 360px; margin:0px 10px; font-size:14px; font-weight: 500; color:#000; line-height: 1.8rem}
.ft0 span {font-size:12px; opacity: .4; font-weight: 500}
.gd {width: 100%;  gap:20; padding:3px 0px; display: flex; flex-wrap: nowrap;}
.gd span {font-size:12px; opacity: .5; font-weight: 500}
.gd1 { width:200px; margin-right: 10px; padding:6px 0px; opacity: 1; font-size:13px; font-weight: 500}
.gd2 { width:420px; margin-right: 10px; padding:6px 0px; opacity: 1; font-size:13px; font-weight: 500}
.gdbtn {padding:4px 8px; margin-left:6px; font-size:12px; background:#f1f1f1; border-radius: 6px;}







.margin50{margin-top:50px}


.ysb2 ul {margin:0; padding:0; display: flex;gap:20px; flex-wrap: wrap}
.ysb2 ul li {list-style: none; width: 48%; float: left; padding:24px; border:1px solid #f1f1f1; border-radius: 8px;}
.ysb2 ul li a {display: flex;}
.yasl1 {width:50%; float: left;}
.yasl1 img {width: 100%; height:130px; border-radius: 8px; }
.yasl2 {width:44% !important; float: right; font-size:18px; display: flex;align-items: center;
    margin-left: 5%;
    align-content: center;
    flex-wrap: wrap; font-weight: 500; line-height: 1.8rem}




.ysb1 {width:42%; float: left; margin-top:50px}
.ysb2 {width:56%; float: right; margin-top:50px}


.ysb1 img {width: 100%; height:380px; border-radius:12px; object-fit: cover}


.seot {width: 100%; margin-top:50px;}
.seot h3 {font-weight: 500; font-size:24px;}
.seot1 {width:100%; margin-top:30px;}
.seot1 ul {margin:0; padding:0;}
.seot1 ul li {float: left; list-style: none; cursor: pointer; display: inline-block; }
.seot1 ul li .active {border-bottom:3px solid #000; padding:20px 22px; color:#000 !important; font-weight: 600 !important}
.seot1 ul li a {padding:20px 28px !important; color:#000 !important;font-size:14px !important; font-weight: 600}


.seot2 {width: 100%; display: flex; flex-wrap: wrap; gap:20px;}
.seot22 {width: 100%; margin-top:32px}
.seot3 {width: 23.3%; float: left;}
.seot3 img {width: 100%; height: 200px;}

.seot3-1 {width: 100%; font-size:12px;}
.seot3-2 {width: 100%; margin-top:6px; font-weight:500; font-size:16px;}
.seot3-3 {width:100%; margin-top:8px;}


.oteldetay {width: 100%; background-color:#fff !important; padding-top:20px;}
.otelbaslik {width: 100%; margin-top:30px;}
.otelbaslik h1 {font-weight:500; font-size:28px; font-family: poppins}
.otelbaslik ol {margin:0; padding:0;}
.otelbaslik ol li {float: left; margin-left:24px; list-style: circle;}

.otelfoto {margin-top:20px; width: 100%;}
.otelf1 {width:46%; float: left; margin-top:.5%}
.otelf1 img {width: 100%; height:394px; object-fit: cover; border-radius: 12px}

.otelf2 {width:53%; float: right;}
.otelf2 ul {margin:0; padding:0;}
.otelf2 ul li {float: left; width:48%; float: left; list-style: none; margin:1%;}
.otelf2 ul li img {width: 100%; height: 190px; object-fit: cover; border-radius: 8px}


.otellink {width: 100%; margin-top:40px;}
.otellink ul {margin:0; padding:0;}
.otellink ul li {list-style: none; float: left;}
.otellink ul li a {font-family:poppins ; font-weight:400 !important; font-size:14px !important; padding:16px 24px !important;}
.oactive {border-bottom:2px solid #000}


.genelbilgiler {padding:60px 0px}

.card-collapse .card-header a {font-size:15px !important; margin-top:0px !important; width: 100%; display: inline-block; border-radius: 8px; background-color:#fff !important;}
.card-collapse .card-header a i {float: right !important;}

.otelharita {padding:60px 0px}
.card-header {background-color:#fff !important}
.card-body p {padding:18px 24px 6px 24px !important}
.card-collapse, .card-collapse .card-header {margin-top:6px !important; border-radius: 6px !important}
.card-collapse .card-body {border-radius: 0px 0px 6px 6px; margin-top:-2px}

.otelozellik {padding:60px 0px}
.otelozellik ul {margin:0; padding:0}
.otelozellik ul li {list-style: none; float: left; padding:16px 32px; margin-right: 16px; margin-top:12px; border-radius: 6px; background-color: #fff;}

.otelyorum {padding:60px 0px}
.otyor {margin-top:20px; background-color:#fff; border-radius: 12px; padding:24px;}
.oty1 {float: left; width:40%;font-size:14px;}
.oty2 {float: right; width:30%; text-align: right;}
.oty3 {width:100%; margin-top:20px; line-height: 1.6rem; font-size:14px}
.nav-pills .nav-item .nav-link.active {color:#fff !important}

.rezyap {padding:60px 0px}
.rezy1 {width:68%; float: left;}
.rezy2 {width:30%; float: right; background-color:#fff; border-radius: 8px; padding:24px;}
.rezy2 h3 {font-size:16px; margin-top:0px; margin-bottom:20px !important; padding-bottom:12px; font-weight: 500; text-align: center !important; width: 100%; border-bottom:1px solid #f1f1f1;}
.ry1 {width: 100%; margin-top:12px;}
.ry1-1 {width:30%; float: left; font-weight: 500}
.ry1-2 {width:65%; float: right; text-align: right;}

.ry2 {width: 100%; margin-top:16px; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; padding:6px 0px 16px 0px}
.ry2-1 {width:65%; float: left; }
.ry2-2 {width:30%; float: right; text-align: right;font-weight: 500}
.ry2 h4 {font-size:14px !important; margin-bottom:16px; font-weight:500 !important}
.ry3 {width: 100%; margin-top:12px;}
.ry3-1 {width:65%; float: left; }
.ry3-2 {width:30%; float: right; text-align: right;}

.ry4 {width: 100%; margin-top:12px;}
.ry4-1 {width:65%; float: left; font-weight:500; font-size:13px; }
.ry4-2 {width:35%; float: right; text-align: right; font-size:13px; font-weight:500}

.red {color:#000 !important;}
.rcizgi {text-decoration: underline !important;}
.rz5 {margin-top:24px !important; width: 100%;}
.rz5 a {font-size:13px; font-weight:600 !important; color:#fff !important; background-color:#54C194 !important; border-radius: 8px !important; display: inline-block; width: 100%; text-align: center; padding:16px }
.rz5 a:hover {background-color: #000 !important; color:#fff !important; transition: .3s!important}


.rz5 button {font-size:13px; font-weight:600 !important; border:none; color:#fff !important; background-color:#54C194 !important; border-radius: 8px !important; display: inline-block; width: 100%; text-align: center; padding:16px }
.rz5 button:hover {background-color: #000 !important; color:#fff !important; transition: .3s!important}

.mbsrzbtn {margin-top:12px; display: none;}
.mbsrzbtn a {font-size:13px; font-weight:600 !important; color:#fff !important; background-color:#54C194 !important; border-radius: 8px !important; display: inline-block; width: 100%; text-align: center; padding:16px }
.mbsrzbtn a:hover {background-color: #000 !important; color:#fff !important; transition: .3s!important}



.rzbox {width: 100%; padding:24px; background-color: #fff;margin-top:16px; display: flex;}
.rzb1 {width:20%; float: left;}
.rzb1 img {width: 100%; height:120px; border-radius: 6px;}
.rzb2 {width:42%; float: left; margin-left:2%; display: flex;flex-direction: column;justify-content: center;}

.rzb3 {width:24%; float:left; margin-left:3%;display: flex;flex-direction: column;justify-content: center; text-align: right; font-weight:600; font-size:16px; line-height:1.7rem}
.rzb2 h4 {font-size:18px; margin-top:0px}
.rzb3-1 {font-size:12px; font-weight:400;}
.rzb4 {width:0%; float: right; text-align: right;display: flex;margin-left:3%; margin-top:12px; flex-direction: column;justify-content: center;}


.rzbox2 {width: 100%; background-color:#fff; padding:16px; border-top:1px solid #f1f1f1}
.rzbox2 ul li a {padding:6px; font-size:12px; font-weight: 500;}
.rzbox2 ul li {margin-right:16px;}

.rzbox3 {margin-left:6px; width: 100%; margin-top:16px}
.rzbox3-1 {width: 40%; float: left;}
.rzbox3-1 img {width: 100%; height:240px; object-fit: cover; border-radius: 8px;}
.rzbox3-2 {width: 56%; float: right;}
.rzbox3-2 ul {margin:0; padding:0; display: flex; flex-wrap: wrap;}
.rzbox3-2 ul li {list-style: none; padding:8px 16px; margin-bottom:8px; border-radius: 6px; border:1px solid #f1f1f1; margin-right: 12px;}
.rzbox3-2 p {margin-top:16px; font-size:13px; line-height: 1.4rem}


.rbz2 {width: 100%; margin-top:15px; margin-bottom:20px}
.rbz2 ul {margin:0; padding:0; display: flex; }
.rbz2 ul li {text-align: center; list-style: none;border-radius: 6px}

.rbz2-1 {width: 100%; padding:12px; line-height: 1.4rem;}
.rbz2-2 {padding:12px 20px 20px 20px; font-size:16px;color:#000; font-weight: 500}
.rbz2-2 span {font-size:12px; text-decoration: line-through; color:#979797}


.ryesil {border:2px solid #197C4D;}
.rkirmizi {border:2px solid #D72D3C;}
.rkirbg {background-color:#FFE7E9}
.ryesbg {background-color:#E7F7ED}
.rbz5 {width: 100%; margin-top:20px;}
.rbz5 ul {margin:0; padding:0;}
.rbz5 ul li {float: left; list-style: none; margin-right: 24px; font-weight: 500}
.rbz5 span {height:12px; width: 12px; margin-right:8px; display: inline-block; border-radius: 100px;}


.rsearch {width: 100%; padding:24px; margin-bottom:30px; background-color:#fff; border-radius: 8px;}
.rsearch label {font-size:12px !important; font-weight: 500; letter-spacing: .3px; color: #999 !important; width: 100%; display: inline-block;}
.rinput {width: 100%; display: inline-block; padding:7px 0px; border:none;}

.rs1 {width:40%; float: left;}
.rs2 {width:35%; float: left; margin-left:2%; padding-left:2%; border-left:1px solid #f1f1f1;}
.rs3 {width:15%; float: right; }

.rs1-1 {width:48%; float: left;}
.rs1-2 {width:48%; float: right;}

.rsbtn {width: 100%; padding:18px 16px; background-color: red; color:#fff;border:none; font-weight:500 !important; border-radius:6px; }

.kmainselect {width: 100%; padding:12px; border:1px solid #f1f1f1 !important; border-radius: 8px;}

.dac {width:400px; padding:32px;box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07) !important; background-color:#fff; border-radius: 6px; margin-top:50px;position: absolute;z-index:9999 !important;margin-top: -7px !important;}
.dac h5 {margin:0px}
.dac1 {width: 100%; margin-top:16px}
.dac2 {width: 40%; float: left; padding:12px 0px; font-weight: 500}
.dac3 {width: 60%; float: right; text-align: right;}
.dac3in {width:50px; text-align: center; border:none;}
.btn11 {padding:12px 24px; font-weight: 500; background-color:#f1f1f1; border:none; border-radius:8px}

.otelmobilfoto img {width: 100%; height: 300px !important; object-fit: cover; border-radius: 6px;}

.otelmobilfoto {display: none; margin-top:20px}

@media (max-width: 575.98px) {

.rzzbb1 {width:50%; float: left; text-align: left;}
.rzzbb2 {width:50%; float: right;}


.mbsrzbtn {display: inline-block;}

.otelmobilfoto {display: inline-block;}
    .otelfoto {display: none;}
    .rezy1 {width: 100%;}
    .rezy2 {width: 100%; margin-top:24px}
    .rs1 {width: 100%;}
    .rs2 {width: 100%; margin-left:0px; border-left:none; padding-left:0px; margin-top:20px}
    .rs3 {width: 100%; margin-top:16px}
    .rzb4 {width:6%;}
    .rzb1 {width:36%;}
    .rzb1 img {height:90px; object-fit: cover;}
    .rzb2 {width:50%;}
    .rzb3 {width:100%; margin-top:16px;    flex-direction: row;
        justify-content: space-between; margin-left:0px}
    .rzbox {flex-wrap: wrap}
    .otelfoto {width:100%;}
    .otelf1 {width: 100%; float: none;}
    .otelf2 {width: 102%; float: none; margin-left:-1%; margin-top:1%;}
    .otelf2 ul li img {height: 164px;}
    .otelf1 img {height: 320px}
    .otellink ul li a {margin-right:10px; padding:12px 24px !important; font-size:12px !important}
    .otellink ul li {margin-top:10px}
    .otellink {margin-top:20px}
    .otelbaslik h1 {font-size:20px !important}

    .rzbox3-1 {width: 100%;}
    .rzbox3-2 {width: 100%; margin-top:24px}
    .rbz2 {overflow-y: auto; padding-bottom:12px}


    .seot22 {overflow-y: auto; padding-bottom:30px}
    .seot2 {width:230%;}
    .seot1 {padding-bottom:20px; overflow-y: auto}
    .seot1 ul {width:200%;}
    .ysb1 {width: 100%;}
    .ysb2 {width: 100%;}

    .yasl1 {width: 100%; float: none;}
    .yasl2 {width: 100%; text-align: center; }
    .ysb2 ul {display: inline-block !important;}
    .nav-pills .nav-item .nav-link.active {color:#000 !important}

.ysb2 ul li a {display: flex;flex-direction: column;align-items: center;}
    .yasl2 {margin-top:10px; font-size:13px; display: inline;}
    .yasl1 img {height: 100px; object-fit: cover;}
.ysb2 ul li {padding:16px; margin:1%;}
.ysb2 {margin-top:20px;}
.ysb1 img {height: 220px; object-fit: cover;}
.ysb1 {margin-top:20px}
.seot {margin-top:30px}
.seot1 {margin-top:0px;}
.dac {width: 100%;}
}


@media only screen and (min-width:576px) and (max-width:767px) {
.otelmobilfoto {display: inline-block;}
.mbsrzbtn {display: inline-block;}

.dac {width: 100%;}

    .otelfoto {display: none;}

.ysb2 ul li a {display: flex;flex-direction: column;align-items: center;}
    .yasl2 {margin-top:10px; font-size:13px; display: inline;}
    .yasl1 img {height: 100px; object-fit: cover;}
.ysb2 ul li {padding:16px; margin:1%;}
.ysb2 {margin-top:20px;}
.ysb1 img {height: 220px; object-fit: cover;}
.ysb1 {margin-top:20px}
.seot {margin-top:30px}
.seot1 {margin-top:0px;}



    .rezy1 {width: 100%;}
    .rezy2 {width: 100%; margin-top:24px}
    .rs1 {width: 100%;}
    .rs2 {width: 100%; margin-left:0px; border-left:none; padding-left:0px; margin-top:20px}
    .rs3 {width: 100%; margin-top:16px}
    .rzb4 {display: none;}
    .rzb1 {width:45%;}
    .rzb2 {width:50%;}
    .rzb3 {width:100%; margin-top:16px;    flex-direction: row;
        justify-content: space-between; margin-left:0px}
    .rzbox {flex-wrap: wrap}
    .otelfoto {width:100%;}
    .otelf1 {width: 100%; float: none;}
    .otelf2 {width: 102%; float: none; margin-left:-1%; margin-top:1%;}
    .otelf2 ul li img {height: 164px;}
    .otelf1 img {height: 320px}
    .otellink ul li a {margin-right:10px; padding:12px 24px !important; font-size:12px !important}
    .otellink ul li {margin-top:10px}
    .otellink {margin-top:20px}
    .otelbaslik h1 {font-size:20px !important}
    .rzbox3-1 {width: 100%;}
    .rzbox3-2 {width: 100%; margin-top:24px}
    .rbz2 {overflow-y: auto; padding-bottom:12px}
        .nav-pills .nav-item .nav-link.active {color:#000 !important}

}

@media only screen and (min-width:768px) and (max-width:990px) {
    .rezy1 {width: 100%;}
    .rezy2 {width: 100%; margin-top:24px}
    .rs1 {width: 100%;}
    .rs2 {width: 100%; margin-left:0px; border-left:none; padding-left:0px; margin-top:20px}
    .rs3 {width: 100%; margin-top:16px}
    .rzb4 {display: none;}
    .rzb1 {width:25%;}
    .rzb2 {width:50%;}
    .rzb3 {width:100%; margin-top:16px;    flex-direction: row;
        justify-content: space-between; margin-left:0px}
    .rzbox {flex-wrap: wrap}
    .otelfoto {width:100%;}
    .otelf1 {width: 100%; float: none;}
    .otelf2 {width: 102%; float: none; margin-left:-1%; margin-top:1%;}
    .otelf2 ul li img {height: 164px;}
    .otelf1 img {height: 320px}
    .otellink ul li a {margin-right:10px; padding:12px 24px !important; font-size:12px !important}
    .otellink ul li {margin-top:10px}
    .otellink {margin-top:20px}
    .otelbaslik h1 {font-size:20px !important}
        .nav-pills .nav-item .nav-link.active {color:#000 !important}


}

@media only screen and (min-width:991px) and (max-width:1140px) {


}

@media only screen and (min-width:1141px) and (max-width:1200px) {


}

@media only screen and (min-width:1201px) and (max-width:1600px) {

}


@media only screen and (min-width:1601px) and (max-width:1800px) {


}

@media only screen and (min-width:1801px) and (max-width:2000px) {

}

@media only screen and (min-width:2001px) and (max-width:2200px) {

}

@media only screen and (min-width:2201px) and (max-width:2560px) {

}