*{font-family:'Jost', sans-serif}.header{z-index:5}.header .topBar .topBarContent{border-color:#ffffff1a !important}.header .topBar .topBarContent .topbarRightContent a:hover{color:var(--bs-warning) !important}.header .topBar .topBarContent .topbarRightContent a:hover span{color:var(--bs-warning) !important}.header .topBar .topBarContent .topbarRightContent .favorilerim:hover .t-dropdown-menu{left:0px !important;opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible;margin-top:5px}.header .topBar .topBarContent .headerVillaSearch{height:20px;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);border-bottom-left-radius:0.3rem !important;border-bottom-right-radius:0.3rem !important}.header .topBar .topBarContent .headerVillaSearch::before{content:"";position:absolute;left:0px;bottom:calc(100% - 1px);width:100%;height:25px;background-color:var(--bs-warning);-webkit-transform:skewX(-1deg);transform:skewX(-1deg)}.header .topBar .topBarContent .headerVillaSearch *{-webkit-transform:skewX(20deg);transform:skewX(20deg)}.header .topBar .topBarContent .headerVillaSearch input{width:180px;outline:0px}.header .topBar .topBarContent .headerVillaSearch input::-webkit-input-placeholder{color:var(--bs-gray-900);font-weight:500;font-size:14px}.header .topBar .topBarContent .headerVillaSearch input:-ms-input-placeholder{color:var(--bs-gray-900);font-weight:500;font-size:14px}.header .topBar .topBarContent .headerVillaSearch input::-ms-input-placeholder{color:var(--bs-gray-900);font-weight:500;font-size:14px}.header .topBar .topBarContent .headerVillaSearch input::placeholder{color:var(--bs-gray-900);font-weight:500;font-size:14px}.header .menuBar .menuBarContent{border-color:#ffffff1a !important}.header .menuBar .menuBarContent .headerMenu li:not(:last-child){margin-right:25px}.header .menuBar .menuBarContent .headerMenu li:hover .t-dropdown-menu{left:0px !important;opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible;z-index:5;}.header .menuBar .menuBarContent .headerMenu li .t-dropdown>a::after{content:"\f078";font-family:"Font Awesome 5 Pro";display:inline-block;margin-left:7px;color:var(--bs-warning);font-size:13px;font-weight:600}.header .menuBar .menuBarContent .musteriDestekHatti div span:first-child{letter-spacing:0.5px}.header .loginBar .loginBarContent a{width:157px;height:41px}.header .loginBar .loginBarContent a::after{content:"";position:absolute;right:-10px;width:45px;height:45px;background-position:right;background-size:45px 45px;background-repeat:no-repeat;opacity:.2}.header .loginBar .loginBarContent .kulGirisi{background-color:#00adef;border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.header .loginBar .loginBarContent .kulGirisi::after{background-image:url("../img/002-laptop.svg")}.header .loginBar .loginBarContent .rezervasyonlarim{background-color:var(--bs-primary);border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.header .loginBar .loginBarContent .rezervasyonlarim::after{background-image:url("../img/002-laptop.svg")}.header .headerSearchDrop{-webkit-transition:all .3s ease;transition:all .3s ease}.header .headerSearchDrop.hide{-webkit-transform:scale(0);transform:scale(0)}.footer{margin-top:72.5px}.footer .eBultenWrap{margin-top:-72.5px}.footer .eBultenWrap .eBulten{height:145px}.footer .eBultenWrap .eBulten form label{border:2px solid #4fa53d}.footer .eBultenWrap .eBulten form label input::-webkit-input-placeholder{color:#4fa53d}.footer .eBultenWrap .eBulten form label input:-ms-input-placeholder{color:#4fa53d}.footer .eBultenWrap .eBulten form label input::-ms-input-placeholder{color:#4fa53d}.footer .eBultenWrap .eBulten form label input::placeholder{color:#4fa53d}.footer .eBultenWrap .eBulten form .buttonWrap{width:140px;height:41px;background-color:#469435}.footer .eBultenWrap .eBulten form .buttonWrap button{-webkit-transition:all .3s ease;transition:all .3s ease;max-width:103px;height:41px;margin-left:-1px;border-radius:45rem;background-color:#6dbc61;cursor:pointer;outline:0px}.footer .eBultenWrap .eBulten form .buttonWrap i{-webkit-transition:all .3s ease;transition:all .3s ease}.footer .eBultenWrap .eBulten form .buttonWrap:hover{-webkit-transition:all .5s ease;transition:all .5s ease;background-color:#6dbc61 !important}.footer .eBultenWrap .eBulten form .buttonWrap:hover button{max-width:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.footer .eBultenWrap .eBulten form .buttonWrap:hover i{margin:0px !important;visibility:hidden;opacity:0;width:0px}.footer .eBultenWrap .eBulten *{z-index:1}.footer .footerMain{border-bottom:2px solid #448dd7}.footer .footerMain .siteBilgi{max-width:300px}.footer .footerMain .siteBilgi .sosyalMedyaHesaplar .titleWrap::after{content:"";width:calc(100% - 200px);height:1px;background-color:#257dd6}.footer .footerMain .siteBilgi .sosyalMedyaHesaplar .sosyal_ikon li a{width:43px;height:43px;background-color:#00adef}.footer .footerMain .kurumsalMenu .titleWrap::after{content:"";width:calc(100% - 180px);height:1px;background-color:#257dd6}.footer .footerMain .kurumsalMenu .menuUl{-webkit-columns:3;columns:3}.footer .footerMain .kurumsalMenu .menuUl li{margin-bottom:20px}.footer .footerMain .kurumsalMenu .menuUl li a{-webkit-transition:all .2s ease;transition:all .2s ease}.footer .footerMain .kurumsalMenu .menuUl li a i{color:#00adef}.footer .footerMain .kurumsalMenu .menuUl li a:hover{color:var(--bs-warning) !important}.footer .footerMain .footerPanel a{border:2px solid #448dd7;background:#008cdf;background:-webkit-gradient(linear, left top, left bottom, from(#008cdf), to(#0268be));background:linear-gradient(180deg, #008cdf 0%, #0268be 100%)}.footer .footerMain .footerPanel .titleWrap::after{content:"";width:calc(100% - 150px);height:1px;background-color:#257dd6}.footer .footerKeyword a{color:#39a8f8;margin-right:5px}.footer .footerKeyword a.fw-5{color:#7ec9ff}.footer .footerBottom{background-color:#00adef}.footer .berkemsoft:hover{color:#f7374e !important}.customDatepicker{outline:none}.datepicker{outline:0px !important;max-width:100px;font-size:16px}.ui-datepicker{background-color:#fff;-webkit-box-shadow:0 0 2px #dedede;box-shadow:0 0 2px #dedede}.ui-datepicker td{width:38px;height:28px}.ui-datepicker td span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;color:#333;padding:0px;width:100%;height:100%;text-align:center;vertical-align:middle}.ui-datepicker td a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;color:#333;width:100%;height:100%;padding:0px;-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:.3rem}.ui-datepicker td a.ui-state-hover{border:1px solid var(--bs-primary);color:var(--bs-primary)}.ui-datepicker td a.ui-state-active{border:1px solid var(--bs-primary);background-color:var(--bs-primary) !important;color:#fff}.ui-datepicker .ui-state-disabled span{color:#9e9e9e !important}.t-rating-custom i{color:var(--bs-warning)}.t-rating-custom i.t-checked ~ i::before{content:'\f005';font-weight:400}.gridRow .gridView{-webkit-transition:all .3s ease;transition:all .3s ease}.gridRow .gridView .imgWrap .gridOWL .owl-item img{height:193px}.gridRow .gridView .imgWrap .gridOWL .owl-nav{position:absolute;bottom:5px;left:5px}.gridRow .gridView .imgWrap .discountWrap .discountAmount{z-index:1}.gridRow .gridView .imgWrap .discountWrap .discountAmount span{margin-top:12px;margin-left:14px}.gridRow .gridView .imgWrap .likeBtn{z-index:1}.gridRow .gridView .imgWrap .likeBtn i{-webkit-transition:all .3s ease;transition:all .3s ease;color:#fff !important;}.gridRow .gridView .imgWrap .likeBtn.added i{color:#f90 !important}.gridRow .gridView .descWrap .descHeader{border-color:#f0f0f0 !important}.gridRow .gridView .descWrap .descHeader .destinationWrap::after{content:"";position:absolute;top:50%;right:0px;height:1px;width:100%;background-color:#f0f0f0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.gridRow .gridView .descWrap .descHeader .destinationWrap .destinations{z-index:1}.gridRow .gridView .descWrap .descHeader .villaTitleWrap .musaitlikTakvimiBtn{width:40px;height:40px;border-color:#f0f0f0 !important}.gridRow .gridView .descWrap .descHeader .villaTitleWrap .musaitlikTakvimiBtn img{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-filter:grayscale(1) brightness(1.5);filter:grayscale(1) brightness(1.5)}.gridRow .gridView .descWrap .descHeader .villaTitleWrap .musaitlikTakvimiBtn:hover img{-webkit-filter:unset;filter:unset}.gridRow .gridView .descWrap .infoUl li:not(:last-child)::after{content:"";position:absolute;top:50%;right:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:35px;background-color:#f0f0f0}.gridRow .gridView .descWrap .infoUl li:not(.homeList):nth-last-child(-n+3){display:none !important}.gridRow .gridView .descWrap .infoUl img{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-filter:grayscale(1) brightness(1.5);filter:grayscale(1) brightness(1.5)}.gridRow .gridView .descWrap .descFooter{height:43px}.gridRow .gridView:hover{-webkit-box-shadow:0 0 20px 12px #00000020;box-shadow:0 0 20px 12px #00000020}.gridRow .gridView:hover .descWrap .descHeader .villaTitleWrap .musaitlikTakvimiBtn img{-webkit-filter:unset;filter:unset}.gridRow .gridView:hover .descWrap .infoUl img{-webkit-filter:unset;filter:unset}.listRow>div{width:100%}.listRow .gridView{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.listRow .gridView .imgWrap{max-width:290px;border-radius:.3rem}.listRow .gridView .imgWrap .gridOWL .owl-item img{height:230px}.listRow .gridView .imgWrap .gridOWL .owl-nav{position:absolute;bottom:5px;right:5px}.listRow .gridView .imgWrap .discountWrap .discountAmount{z-index:1}.listRow .gridView .imgWrap .discountWrap .discountAmount span{margin-top:12px;margin-left:14px}.listRow .gridView .imgWrap .likeBtn{z-index:1}.listRow .gridView .imgWrap .likeBtn i{-webkit-transition:all .3s ease;transition:all .3s ease}.listRow .gridView .imgWrap .likeBtn.active i{color:#f90 !important}.listRow .gridView .descWrap{width:100%;-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important;-ms-flex-wrap:wrap;flex-wrap:wrap}.listRow .gridView .descWrap .descHeader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:0px !important;width:100%}.listRow .gridView .descWrap .descHeader .destinationWrap{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.listRow .gridView .descWrap .descHeader .destinationWrap .listViewNightPrice{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.listRow .gridView .descWrap .descHeader .villaTitleWrap{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.listRow .gridView .descWrap .descHeader .villaTitleWrap .t-rating-customWrap{display:none !important}.listRow .gridView .descWrap .descHeader .villaTitleWrap .musaitlikTakvimiBtn{display:none !important}.listRow .gridView .descWrap .infoUl{max-width:50%;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;border-right:1px solid #f0f0f0;margin-bottom:0px !important}.listRow .gridView .descWrap .infoUl li{width:33.33%;margin-bottom:10px}.listRow .gridView .descWrap .infoUl li:not(:nth-child(3n))::after{content:"";position:absolute;top:50%;right:0px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:35px;background-color:#f0f0f0}.listRow .gridView .descWrap .listViewRightSection{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;max-width:50%}.listRow .gridView .descWrap .listViewRightSection .infoListUl li{width:50%}.listRow .gridView .descWrap .listViewRightSection .musaitlikTakvimiBtn{width:36px;height:36px;background-color:#00adef;border:2px solid #f0f0f0}.listRow .gridView .descWrap .listViewRightSection .musaitlikTakvimiBtn img{-webkit-filter:invert(1) brightness(100);filter:invert(1) brightness(100)}.listRow .gridView .descWrap .listViewRightSection .buttonWrap{width:175px;height:30px;background-color:var(--bs-blue)}.listRow .gridView .descWrap .listViewRightSection .buttonWrap button{-webkit-transition:all .3s ease;transition:all .3s ease;max-width:160px;height:30px;margin-left:-1px;border-radius:45rem;background-color:#00adef;cursor:pointer}.listRow .gridView .descWrap .listViewRightSection .buttonWrap i{-webkit-transition:all .3s ease;transition:all .3s ease}.listRow .gridView .descWrap .listViewRightSection .buttonWrap:hover{-webkit-transition:all .5s ease;transition:all .5s ease;background-color:#00adef !important}.listRow .gridView .descWrap .listViewRightSection .buttonWrap:hover button{max-width:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.listRow .gridView .descWrap .listViewRightSection .buttonWrap:hover i{margin:0px !important;visibility:hidden;opacity:0;width:0px}.listRow .gridView .descWrap .descFooter{display:none !important}@media (min-width: 1400px){.container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{max-width:1265px}}@media screen and (max-width: 1400px){.footer .eBultenWrap .eBulten .bultenInfo{max-width:300px}}@media screen and (max-width: 1200px){.listRow .gridView .imgWrap{max-width:250px}.listRow .gridView .descWrap .infoUl{max-width:100%;border-right:0px;border-bottom:1px solid #f0f0f0}.listRow .gridView .descWrap .infoUl li{width:16.66%}.listRow .gridView .descWrap .listViewRightSection{max-width:100%;-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important}.listRow .gridView .descWrap .listViewRightSection .buttonWrap{width:149px}.footer .footerMain .siteBilgi{max-width:255px}.footer .footerMain .siteBilgi .sosyalMedyaHesaplar .sosyal_ikon li a{width:33px;height:33px}}@media screen and (max-width: 1200px){.header .menuBar .menuBarContent .headerMenu li:not(:last-child){margin-right:15px}.header .menuBar .menuBarContent .headerMenu li a{font-size:14px}.header .menuBar .menuBarContent .headerMenu li.mobilTayfa a>span{font-size:18px !important}.header .menuBar .menuBarContent .headerMenu li.mobilTayfa img{-webkit-filter:invert(1);filter:invert(1)}}@media screen and (max-width: 991px){.footer{margin-bottom:58px}}@media screen and (max-width: 850px){.footer .footerMain .siteBilgi{max-width:100%}.footer .footerMain .siteBilgi>p{margin-bottom:0.5rem !important}.footer .footerMain .siteBilgi>a{margin-bottom:0.5rem !important}}@media screen and (max-width: 767px){.header .topBar .topBarContent{position:fixed;top:-100%;left:0;width:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.header .topBar .topBarContent.show{position:relative;top:0px}.header .topBar .topBarContent .topbarRightContent{width:100%}.header .topBar .topBarContent .topbarRightContent .headerVillaSearch{width:100%}.header .topBar .topBarContent .topbarRightContent .headerVillaSearch input{width:100%}.header .menuBar .menuBarContent .headerMenu{position:fixed;right:-100%;top:0px;height:100vh;width:60%;background-color:#fff;margin:0px;z-index:5;padding-top:50px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-align:end !important;-ms-flex-align:end !important;align-items:flex-end !important;padding-right:30px;padding-left:30px}.header .menuBar .menuBarContent .headerMenu.show{right:0px}.header .menuBar .menuBarContent .headerMenu li{text-align:end;width:100%}.header .menuBar .menuBarContent .headerMenu li:not(:last-child){margin-right:0px;border-bottom:1px solid #ededed;padding-bottom:10px;margin-bottom:10px}.header .menuBar .menuBarContent .headerMenu li:first-child{padding-bottom:0px;margin-bottom:0px;border-bottom:0px}.header .menuBar .menuBarContent .headerMenu li:hover .t-dropdown-menu{position:relative !important}.header .menuBar .menuBarContent .headerMenu li.mobilTayfa a{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:end !important}.header .menuBar .menuBarContent .headerMenu li .t-dropdown-menu{-webkit-box-shadow:unset;box-shadow:unset}.header .menuBar .menuBarContent .headerMenu li .t-dropdown-menu li{padding-bottom:5px;margin-bottom:5px;border-bottom:0px}.header .menuBar .menuBarContent .headerMenu li a{font-size:18px;color:#333 !important}.header .menuBar .menuBarContent .mobileButtons{width:43px;height:43px;outline:0}.header .menuBar .menuBarContent .mobileMenuBtn{-webkit-box-shadow:0 0 0 0.25rem rgba(3,106,181,0.25);box-shadow:0 0 0 0.25rem rgba(3,106,181,0.25)}.header .menuBar .menuBarContent .mobileSearchBtn{-webkit-box-shadow:0 0 0 0.25rem rgba(252,181,18,0.25);box-shadow:0 0 0 0.25rem rgba(252,181,18,0.25)}}@media screen and (max-width: 576px){.footer .eBultenWrap{margin-top:-40px}.footer .eBultenWrap .eBulten{border-radius:0.3rem !important}.footer .eBultenWrap .eBulten form label img{width:27px;height:27px}.footer .eBultenWrap .eBulten form label input{width:123px;font-size:14px;padding-right:0px;padding-left:5px}.footer .eBultenWrap .eBulten form .buttonWrap button{font-size:14px !important}.footer .footerMain .siteBilgi{max-width:100%}.footer .footerMain .kurumsalMenu .menuUl{-webkit-columns:2;columns:2}}@media screen and (max-width: 375px){.header .menuBar .menuBarContent .logoWrap img{width:190px;height:30px}.header .menuBar .menuBarContent .mobileButtons{width:40px;height:40px}.footer .eBultenWrap .eBulten{padding-left:0.5rem !important;padding-right:0.5rem !important}.footer .eBultenWrap .eBulten form label{width:50%;margin-left:0px !important}.footer .eBultenWrap .eBulten form label img{width:23px;height:23px}} .ribbon { background: #f7af09; position: absolute; top: 10px; left: 0; z-index: 1; padding: 2px 5px; border-radius: 0 5px 5px 0; font-size: 14px; } .ribbon2 { background: rgb(16, 137, 223); top: 44px; color: #fff; } .ribbon3 { background: rgb(218, 10, 10); top: 78px; color: #fff; } .outline-none { outline: none; } .social-instagram{ width:100px; height:100px; background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); } .social-youtube{ background-color:#ff1c1c !important; } .social-facebook{ background-color:#1351b5 !important; } .social-google{ background-color:#e82f00 !important; } @media only screen and (min-width: 992px) { .whatsappChat {max-width: 190px;} .whatsappChat a { padding: 12px !important; border-radius: 0 10px 0 0 !important; } } #WhatsappPanelIletisim { display: none; } #WhatsappPanelIletisim.active { display: block; } #WhatsappPanelIletisim .center { left: 0px; bottom: 52px; position: fixed; box-shadow: 0px 0px 26px #7d7d7d; text-align: center; z-index: 999; } #WhatsappPanelIletisim .Sel { width: 260px; max-width: calc(100vw - 60px); margin: 0 auto; background: white; padding: 10px; border-radius: 5px; position: relative; } #WhatsappPanelIletisim .Sel > a { position: absolute; right: -12px; top: -15px; font-size: 19px; background: red; color: #fff; width: 23px; height: 23px; cursor: pointer; } #WhatsappPanelIletisim .Sel > a + span { background: #24939e; width: 100%; font-size: 16px; font-weight: 500; display: table; color: #fff; padding: 10px 0px; } #WhatsappPanelIletisim .Sel .temsilciler { width: 100px; margin: 9px auto 0px; display: table; } #WhatsappPanelIletisim .Sel .temsilciler li { list-style: none; } #WhatsappPanelIletisim .Sel .temsilciler ul { list-style: none; padding: 0; margin: 0; } #WhatsappPanelIletisim .Sel .temsilciler li a { background: #17b755; color: #fff; float: left; width: 255px; margin: 4px 0px; padding: 5px 10px; transition: all 0.3s; border-radius: 4px; max-width: calc(100% - 15px); height: 50px; display:flex; } #WhatsappPanelIletisim .Sel .temsilciler li a > img:first-child { float: left; width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; } #WhatsappPanelIletisim .Sel .temsilciler li a > img:last-child { float: right; width: 40px; height: 40px; background-size: contain; background-color: #fff; border-radius: 100%; background-repeat: no-repeat; background-position: center; } #WhatsappPanelIletisim .Sel .temsilciler li a > span { float: left; width: calc(100% - 40px); padding: 8px 0px; font-size: 15px; } #WhatsappPanelIletisim .Sel .temsilciler li a:hover { box-shadow: 0px 0px 10px #17b755; } /*# sourceMappingURL=style.min.css.map */ .prices_table_st { overflow: auto; height: 345px; padding-right: 8px; } /* width */ .scroll-style::-webkit-scrollbar { width: 10px; } /* Track */ .scroll-style::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .scroll-style::-webkit-scrollbar-thumb { background: #acdcff; } /* Handle on hover */ .scroll-style::-webkit-scrollbar-thumb:hover { background: #02abf1; } .header.gradient-s { background: linear-gradient( 180deg, rgba(0,0,0,0.6867121848739496) 0%, rgba(255,255,255,0) 100%); } .ui-datepicker td.jutdolus a::before, .ui-datepicker td.jutdolus2 a::before, #calendar .ui-datepicker td.jutdolus a::before, #calendar .ui-datepicker td.jutdolus2 a::before { content: 'M�sait De�il'; width: 85px; } .ui-datepicker td.ui-state-disabled span::before, #calendar .ui-datepicker td.ui-state-disabled span::before { content: 'Ge�mi� Tarih'; width: 85px; } .ui-datepicker td a::after, .ui-datepicker td.ui-state-disabled span::after, #calendar .ui-datepicker td a::after, #calendar .ui-datepicker td.ui-state-disabled span::after { content: "\f0d7"; color: #000000; margin: 0 0 0 0; padding: 0 0 0 0; font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: absolute; bottom: 28px; left: 7px; display: none; } .ui-datepicker td a::before, .ui-datepicker td.ui-state-disabled span::before, #calendar .ui-datepicker td a::before, #calendar .ui-datepicker td.ui-state-disabled span::before { content: 'M�sait'; width: 52px; float: left; margin: 0 0; padding: 0 0; color: #fff; font-size: 12px; font-weight: 400; line-height: 20px; text-align: center; font-style: normal; position: absolute; top: -26px; left: 0; z-index: 99999; background-color: black; border-radius: 3px; display: none; } .ui-datepicker td.jutdolus > *, #calendar .ui-datepicker td.jutdolus > * { color: #fbfbfb !important; background-color: #ff5a5a !important; border-radius: 0; } .ui-datepicker td.jutdolus2 > *, #calendar .ui-datepicker td.jutdolus2 > * { background: url(jquery-ui/images/giriscikis4a8a.svg?c) center no-repeat #ff9d9d !important; background-repeat: no-repeat; background-position: center; background-size: 105px !important; cursor: pointer; color: #fff !important; } .ui-datepicker td.jutcikis > *, #calendar .ui-datepicker td.jutcikis > * { background-image: url(jquery-ui/images/cikis92eb.svg?b); background-repeat: no-repeat no-repeat; background-position: right center; background-size: cover; cursor: pointer; } .ui-datepicker td.jutgiris > *, #calendar .ui-datepicker td.jutgiris > * { background-image: url(jquery-ui/images/giris92eb.svg?b); background-repeat: no-repeat no-repeat; background-position: left center; background-size: contain; cursor: pointer; } .ui-datepicker td.jutrzrv > *, #calendar .ui-datepicker td.jutrzrv > * { color: #fbfbfb !important; background-color: #fdb714 !important; border-radius: 0; } .ui-datepicker td.jutrzvcikis > *, #calendar .ui-datepicker td.jutrzvcikis > * { background-image: url("jquery-ui/images/rzcikis92eb.html?b"); background-repeat: no-repeat no-repeat; background-position: right center; background-size: contain; cursor: pointer; } .ui-datepicker td.jutrzvgiris > *, #calendar .ui-datepicker td.jutrzvgiris > * { background-image: url("jquery-ui/images/rzgiris92eb.html?b"); background-repeat: no-repeat no-repeat; background-position: left center; background-size: contain; cursor: pointer; } td.dp-highlight2.dp-highlight > a, td.dp-highlight-giris > a { color: #fff; } .cover { background-size: cover; background-repeat: no-repeat; background-position: center; } #favoriteList .favoriDel { position: absolute; right: -4px; top: -4px; width: 20px; height: 20px; background: black !important; color: #fff; border-radius: 3px; } #calendarModal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; padding: 20px; background: rgba(0,0,0,0.2); display: none; justify-content: center; align-items: center; } #calendarModal.show { display: flex; } #calendarModal .villaCalendar { width: 1650px; height: auto; background: #fff; position: relative; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 10px #b7b7b7; max-width:100%; } #calendarModal .villaCalendar .closeBtn { position: absolute; right: -14px; top: -14px; font-size: 24px; cursor: pointer; width: 35px; height: 35px; border-radius: 100%; border: 1px solid #eee; text-align: center; color: #afafaf; background: #fff; } #calendarModal .villaCalendar .calendarBody { width: 100%; height: calc(100vh - 263px); max-height: calc(100vh - 180px); overflow: auto; } #calendarModal .villaCalendar .calendarBody #calendar { margin: 0px; box-shadow: 0px 0px 20px #eee; border-radius: 11px; border-top: 1px solid #dfdfdf; padding-top: 10px; } #calendarModal .villaCalendar .loading { width: 100%; float: left; height: 100%; background-size: 10%; background-position: center; background-repeat: no-repeat; } #calendarModal .villaCalendar .calendarInfo { width: 100%; margin: 0px 0px 10px 0px; padding: 20px 30px 0px; } #calendarModal .villaCalendar .calendarInfo .villaName { font-size: 25px; float: left; line-height: 34px; font-weight: 400; color: #1f62cc !important; } #calendarModal .villaCalendar .calendarInfo .calendarTitle { font-size: 22px; float: left; line-height: 32px; margin-bottom: 5px; font-weight: 400; } #calendarModal .villaCalendar .calendarInfo .calendarIcons { display: flex; text-align: center; flex-wrap: wrap; margin-top: 10px; font-size: 17px; } #calendarModal .villaCalendar .calendarInfo .calendarIcons .item { flex: 50%; margin: 3px 0px; } #calendarModal .villaCalendar .calendarInfo .calendarIcons .item img { float: left; width: 20px; height: 20px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-position: center; border: 1px solid #eee; } #calendarModal .villaCalendar .calendarInfo .calendarIcons .item span { float: left; } #calendarModal .villaCalendar .calendarInfo .calendarIcons .item.musait img { background: #d4d4d7; } #calendarModal .villaCalendar .calendarInfo .calendarIcons .item.dolu img { background: #ff3838; } #calendarModal .villaCalendar .calendarInfo .calendarIcons .item.bekliyor img { background: #ffbc00; } #calendar td[data-handler][data-year]:before { content: attr(title); font-size: 11px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 1px; z-index: 1; text-align: center; color: #000; background: #efefef; max-width: 100%; border-radius: 4px; width: max-content; min-width: 38px; line-height: 17px; padding: 0px 5px; } #calendar td[data-handler][data-year] { position: relative; /*border: 1px solid #f5f5f5;*/ } #calendar td[data-handler][data-year][title] a { padding-bottom: 17px; } #calendar td.ui-state-disabled span, #calendar td[data-handler][data-year] a { height: 40px; width: 100%; } .calendarBody #calendar .ui-datepicker-group { width: 33.33%; flex: auto; min-width: 330px; } .calendarBody #calendar .ui-datepicker-group:nth-child(3n + 1) { clear: both; } .calendarBody #calendar .ui-datepicker-inline { width: 100% !important; box-shadow: none; display: flex !important; flex-wrap: wrap; } .ui-datepicker td.dp-highlight a { background: #30b81a !important; color: #fff; } #calendar td[data-handler][data-year].dp-highlight:before, #calendar .ui-datepicker-current-day[data-handler][data-year]:before { background-color: transparent !important; } .ui-datepicker td.dp-highlight:before { color: #fff !important; } a.ui-datepicker-next.ui-corner-all { background: url(../img/arrow.svg); background-repeat: no-repeat; transform: rotate( -90deg ); margin: 0px 0; height: 25px; } a.ui-datepicker-prev.ui-corner-all { background: url(../img/arrow.svg); background-repeat: no-repeat; transform: rotate( 90deg ); margin: 7px 0; height: 25px; } .modalRezervationForm { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.19); z-index: 1001; display: table; padding: 20px; top: 100%; } .modalRezervationForm .contactForm { margin: 0 auto; width: 100%; vertical-align: middle; display: table-cell; position: relative; } .modalRezervationForm .closeBtn { position: absolute; right: 17px; margin: 0px; top: 20px; width: 30px; height: 30px; text-align: center; font-size: 22px; color: #fff; border-radius: 5px; cursor: pointer; } .modalRezervationForm .contactForm form { width: 600px; max-width: 100%; margin: 0 auto; display: table; float: none; box-shadow: 0px 0px 40px #292929; padding: 10px; background: rgb(250,250,250); border-radius: 7px; position: relative; transition: all 0.3s; transform: scale(0.5); overflow: hidden; border: 1px solid #eee; } .modalRezervationForm .contactForm form input, .modalRezervationForm .contactForm form select { border: 1px solid #ccc; background: #f7f7f7; padding: 10px; margin: 10px 0px; outline: none; } .modalRezervationForm .contactForm form .inputs { display: flex; float: left; width: calc(100% + 10px); margin-left: -5px; } .modalRezervationForm .contactForm form .inputs > * { flex: calc(50% - 10px); width: calc(50% - 10px); margin-left: 5px; margin-right: 5px; } .modalRezervationForm .contactForm form > span:not(.closeBtn) { padding: 5px 0px; } .modalRezervationForm .contactForm form .inputs.dates > label input { height: 0px; border: 0px; margin: 0; padding: 0; } .modalRezervationForm .contactForm form .inputs.dates > label { border: 1px solid #e4e4e4; padding: 5px 10px; background: #ffffff; cursor: pointer; position: relative; height: 60px; border-radius: 6px; box-shadow: 0px 0px 10px #e4e4e4; } .modalRezervationForm .contactForm form .inputs.dates > label span { font-size: 12px; line-height: 18px; margin: 0px 0px 0px 0px; color: #5a5a5a; font-weight: 600; } .modalRezervationForm .contactForm form .inputs.dates > label strong { line-height: 20px; font-size: 18px; float: left; width: 100%; color: #036ab5; } .modalRezervationForm .contactForm form .modalTitle { float: left; background: #036ab5; margin: 0px 0px 10px 0px; width: 100%; padding: 15px 10px; border-radius: 4px; color: #ffffff; } .modalRezervationForm .contactForm form .inputs.dates > label:before { content: "\f133"; right: 10px; top: 15px; color: #c1c1c1; position: absolute; font-weight: 500; font-size: 24px; font-family: 'Font Awesome 5 Pro'; } .modalRezervationForm .contactForm form [type='submit'] { width: 100%; text-decoration: none; margin: 10px 0px 0px 0px; height: 45px; position: relative; border: 1px solid #eee; outline: none; background: #015a0c; color: #fff; font-size: 16px; border-radius: 4px; } .modalRezervationForm .contactForm form .rzvStepsModalBtn { padding-left: 40px !important; margin: 3px 0px 0px 0px; position: relative; float: left; font-size: 12px; width: 100%; } .modalRezervationForm .contactForm form .successDate { float: left; width: 100%; display: flex; flex-wrap: wrap; margin: 0px 0px 10px 0px; background: #ffffff; border-radius: 5px; border: 1px solid #e4e4e4; } .modalRezervationForm .contactForm form .successDate .left { flex: 20%; text-align: center; } .modalRezervationForm .contactForm form .successDate .info { width: 80%; flex: 80%; color: #000; padding: 2px 0px 8px 15px; border-left: 1px solid #f1f1f1; } .modalRezervationForm .contactForm form .successDate .left i { font-size: 39px; margin: 13px 0px; color: #0dc152; } .modalRezervationForm .contactForm form .successDate .info > strong { float: left; width: 100%; font-size: 18px; margin: 5px 0px 0px 0px; color: #0dc152; text-align: center; } .modalRezervationForm .contactForm form .successDate .info strong .textVal { float: left; width: 100%; } .modalRezervationForm .contactForm form .successDate .info .textVal span { float: left; width: auto; margin: 0; font-size: 14px; font-weight: 600; color: #006527; } .modalRezervationForm .contactForm form .successDate .info .textVal { width: auto; margin: 0 auto; display: table; float: none; } .modalRezervationForm .contactForm form .successDate .info .textVal strong { float: left; font-size: 14px; margin: 0px 10px 0px 10px; color: #000000; } .modalRezervationForm .contactForm form .hesaplama_sonuclari tr:nth-child(2n + 1) { background: #f7f7f7; } .modalRezervationForm .contactForm form .rzvStepsModalBtn i { position: absolute; left: 5px; top: 7px; color: #4575cf; font-size: 27px; } .modalRezervationForm .contactForm form .rzvStepsModalBtn a { float: left; width: 100%; } .modalRezervationForm .contactForm form .hesaplama_sonuclari td:nth-child(2) { font-weight: 600; } .modalRezervationForm .contactForm form .hesaplama_sonuclari { float: left; width: 100%; border: 1px solid #ddd; background: #ffffff; border-radius: 5px; position: relative; } .modalRezervationForm .contactForm form .hesaplama_sonuclari .loading2 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-image: url('../../img/loader.gif'); background-size: contain; background-repeat: no-repeat; background-position: center; display: block; background-color: #fff; } .modalRezervationForm .contactForm form .hesaplama_sonuclari td { padding: 6px 10px; font-size: 15px; } .modalRezervationForm .contactForm form .hesaplama_sonuclari table { margin: 0px; } .modalRezervationForm .contactForm form .hesaplama_sonuclari td:first-child { border-right: 1px solid #ddd; } .modalRezervationForm .contactForm form .hesaplama_sonuclari tr.total td { font-size: 17px; font-weight: 600; color: #002b9a; } .modalRezervationForm .contactForm form [type='submit'] i { top: calc(50% - 13px); } .modalRezervationForm.show .contactForm form { transform: scale(1); } .modalRezervationForm.show { top: 0; display: table !important; } @media only screen and (max-width: 666px) { #calendar.calendarpage .ui-datepicker-multi .ui-datepicker-group { width: 100% !important; } .modalRezervationForm .contactForm { vertical-align: initial; display: block; } .modalRezervationForm .contactForm form { width: 100%; display: block; } .modalRezervationForm.show { display: block !important; } } .hata { display: table-footer-group; } .optionCategories { min-height: 92px; } .icon.icon-md { width: 24px; height: 24px; margin-right: 5px; color: #fff !important; fill: #fff !important; -webkit-filter: invert(0) !important; filter: invert(0) !important; } div#google_translate_element { background: transparent !important; } .skiptranslate.goog-te-gadget { background: transparent !important; color: #fff !important; } .goog-te-gadget-simple { background: transparent !important; border: 0 !important; } .goog-te-gadget-icon { display: none; } #google_translate_element1 { width: 100%; } #google_translate_element1 span { color: #111 !important; } .compare-panel { left: 0; width: 100%; height: 100%; bottom: -100vh; z-index: 9999; position: fixed; overflow: hidden; background-color: #fff; border-top: 5px solid #2ecc71; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: auto; height: 100vh; } .compare-panel.panel-all-show { bottom: 0; } .compare-panel.panel-action-show { bottom: calc(-100vh + 60px); } .compare-panel .closeBtn { top: 16px; right: 15px; color: #fff; position: absolute; background-color: #000; outline: 0; border: 0; width: 25px; } ul.compare-panel-actions { float: left; width: 100%; margin-bottom: 0; } ul.compare-panel-actions li { float: left; padding: 18px 15px; } ul.compare-panel-actions li.show-hide-btn { color: #2ecc71; cursor: pointer; } ul.compare-panel-actions li.clear-btn { cursor: pointer; } ul.compare-panel-actions li .mix { font-weight: 600; margin-left: 5px; } .compare-panel table thead th span { float: left; width: 100%; position: relative; } .compare-panel table thead th img[style] { box-shadow: 0 0 7px -1px #4c4c4c; } .compare-panel table thead th img { display: table; margin: 0 auto; float: none; height: 80px; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 10px; width: 100%; max-width: 200px; } .compare-panel .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; position: sticky; top: 0 !important; background: #fff; z-index: 111; min-width: 200px; } .compare-panel .table tr td:first-child { position: sticky; left: 0; background: #fff; z-index: 11; } .compare-panel .table { width: 100%; } .compare-panel .table tr td.bg-light { background: #ededed !important; padding: 7px 0px; }