/* Poppins — self-hosted (Google Fonts @import yerine yerelleştirildi) */
@font-face{font-family:"Poppins";font-style:normal;font-weight:200;font-display:swap;src:url("../fonts/poppins/poppins-200-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:200;font-display:swap;src:url("../fonts/poppins/poppins-200-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/poppins/poppins-300-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/poppins/poppins-300-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/poppins/poppins-400-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/poppins/poppins-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/poppins/poppins-500-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/poppins/poppins-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/poppins/poppins-600-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/poppins/poppins-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/poppins/poppins-700-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/poppins/poppins-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/poppins/poppins-800-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/poppins/poppins-800-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/poppins/poppins-900-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Poppins";font-style:normal;font-weight:900;font-display:swap;src:url("../fonts/poppins/poppins-900-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{font-family:Poppins,sans-serif}
:root{--paragraf-color:#374151;--pembe:#d60550;--mavi:#00adee;--brown:#cc8d7c;--ten:#fff0ec;--kirmizi:#b91c1c;--tw-blur:blur(64px);--bg-light-gray:#f3f4f6;--tw-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--dd-color1:#d60550!important;--title-color:#111827;--gri:#f3f4f6}
::-webkit-scrollbar-track{-webkit-box-shadow:none;background-color:transparent;padding:5px!important}
::-webkit-scrollbar{width:5px;height:5px;background-color:transparent}
::-webkit-scrollbar-thumb{background-color:#00adee;border:none;border-radius:3px!important}
.blue-date{--dd-color1:#00adee!important}
button{outline:0!important}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none!important}
:focus{outline:0!important}
button:active,button:focus,button:visited{border:none!important}
.clear{clear:both}
img{max-width:100%;height:auto}
.container{max-width:1300px;position:relative}
.logo{width:240px;float:left}
header{width:100%;float:left;top:0;left:0;position:relative;padding:15px 0;background:#fff;z-index:10}
header .container{display:flex;align-items:center;justify-content:space-between}
.menu ul li{float:left;margin:0 2px}
.menu ul li a{color:var(--paragraf-color);padding:10px 20px;border-radius:25px;text-decoration:none!important;transition:all ease-in-out .3s}
.menu ul li.active a{background:#f1f6ff;color:var(--mavi)}
.menu ul li a:hover{color:var(--mavi)}
.header-right{float:right;display:flex;align-items:center}
.search{float:left}
.sign-btn{float:left;margin-left:30px}
.sign-btn a{padding:0 30px;background:var(--pembe);height:50px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;border-radius:25px;font-weight:500;transition:all ease-in-out .3s;text-decoration:none!important}
.sign-btn a:hover{background:var(--mavi)}
.search-btn,.search-close{font-size:20px;cursor:pointer}
.search-btn:hover,.search-close:hover{color:var(--pembe)}
.search-close{display:none;font-size:24px}
main{width:100%;float:left;margin-top:50px}
.main-content{width:90%;float:left;margin-top:70px}
.main-content h1{color:#111827;font-size:52px;margin-bottom:15px;font-weight:400;line-height:66px}
.main-content p{color:var(--paragraf-color);font-weight:300;line-height:26px}
.main-blur-row{top:10rem;padding-left:5rem;padding-bottom:6rem;padding-top:6rem;overflow:hidden;z-index:0;left:0;position:absolute;right:0}
.blur-round-blue,.blur-round-pink{width:24rem;height:24rem;-webkit-filter:var(--tw-blur);filter:var(--tw-blur);mix-blend-mode:multiply;opacity:.1;background-color:rgb(239 35 60);border-radius:9999px;display:block;float:left}
.blur-round-blue{background-color:rgb(4 134 139);margin-top:100px;left:-30px;position:relative}
.main-search{width:100%;float:left;position:relative;z-index:2;margin-top:-250px}
.main-search-tabs{width:calc(100% - 50px);float:left;position:relative;margin-bottom:15px;margin-left:0}
.main-search-tabs li{float:left;margin-right:20px;margin-left:20}
.main-search-tabs li button{padding:0;outline:0;border:none;background:0 0;color:var(--paragraf-color);padding-left:20px;position:relative;display:flex;align-items:center;font-size:17px}
.main-search-tabs li button:before{content:"";position:absolute;width:10px;height:10px;background:#111827;border-radius:50%;left:0;opacity:0;transition:all ease-in-out .3s}
.main-search-tabs li button.active:before{opacity:1}
.main-search-tabs li button.active{font-weight:600;color:#111827;margin-left:20px;float:left}
.shadow,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.main-search-content-box{width:95%;float:left;background:#fff;border-radius:25px;margin-top:15px;padding:20px 15px}
.main-search-content-box .main-search-tabs{margin-left:30px;width:calc(100% - 30px)}
.nerdenNereye{width:calc(100% - 15px);height:60px;border:1px solid #eee;border-radius:30px;margin-left:15px;display:flex;align-items:center;box-sizing:border-box;border-top-right-radius:0;border-bottom-right-radius:0}
.nerdenNereye input{width:50%;float:left;height:58px;border:none;border-radius:50px;box-sizing:border-box;padding:0 25px;font-size:14px}
.nerdenNereye input:first-child{border-right:1px solid #eee;border-top-right-radius:0;border-bottom-right-radius:0}
.nerdenNereye>span{width:30px;height:30px;background:#ededed;border:1px solid #eee;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;color:#999;margin-left:-15px;margin-right:-15px;z-index:2;cursor:pointer}
.nerdenNereye input:last-child{padding-left:35px}
.mainFormSelect,.mainSearchTarih,.otelLocation,.voucherNo,.yolcular{width:100%;height:60px;border:1px solid #eee;border-radius:0;display:flex;align-items:center;box-sizing:border-box}
.mainFormSelect select,.mainSearchTarih input,.otelLocation input,.voucherNo input,.yolcular input{width:100%;height:58px;border-radius:30px;box-sizing:border-box;padding:0 15px;font-size:14px}
.mainFormSelect>span,.mainSearchTarih>span,.otelLocation>span,.voucherNo>span,.yolcular>span{margin-left:15px;position:relative;width:30px;text-align:center;font-size:20px;color:#999}
.yolcular{width:calc(100% - 80px);float:left;border-top-right-radius:30px;border-bottom-right-radius:30px;position:relative}
.circle-button{width:60px;height:60px;margin-left:10px;float:left}
.circle-pink-btn{width:58px;height:58px;border-radius:50%;border:none;outline:0;background:var(--pembe);color:#fff;font-size:18px;cursor:pointer}
.p0{padding:0}
.main-search-content-box .row{margin-left:0;margin-right:0;float:left;width:100%}
.feribot-tabs{width:100%;float:left;margin-top:10px}
.autocomplete-suggestions{border:1px solid #999;background:#fff;overflow:auto}
.autocomplete-suggestion{padding:2px 5px;white-space:nowrap;overflow:hidden}
.autocomplete-selected{background:#f0f0f0}
.autocomplete-suggestions strong{font-weight:400;color:#39f}
.autocomplete-group{padding:2px 5px}
.autocomplete-group strong{display:block;border-bottom:1px solid #000}
.ui-widget-content{padding:0!important;border-radius:0 0 15px 15px;border:1px solid #eee!important;margin-top:10px!important;max-height:300px;overflow-y:scroll;color:var(--paragraf-color)!important}
.ui-autocomplete-group{font-weight:600;margin-top:5px!important;padding-left:5px!important}
.ui-menu-item{font-size:14px;padding-left:15px!important;padding-right:15px!important;position:relative}
.ui-menu-item .ui-menu-item-wrapper:before{content:"\f13d";font-family:'Font Awesome 5 Pro';position:absolute;left:14px;font-weight:600;font-size:12px;top:7px}
.ui-autocomplete-group:before{display:none}
.ui-menu .ui-menu-item-wrapper{padding:5px 35px!important}
.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{background:#ededed!important;color:var(--paragraf-color)!important;border:1px solid #eee!important;border-radius:15px}
input[type=checkbox]:not(old),input[type=radio]:not(old){width:0;margin:0;padding:0;opacity:0;height:1px!important}
input[type=checkbox]:not(old)+label,input[type=radio]:not(old)+label{display:inline-block;padding-left:25px;line-height:15px;cursor:pointer;font-size:12px;position:relative;font-weight:500}
input[type=checkbox]:not(old)+label:before,input[type=radio]:not(old)+label:before{content:"\f0c8";position:absolute;font-family:'Font Awesome 5 Pro';font-size:18px;left:0;font-weight:500;color:var(--mavi)}
input[type=checkbox]:not(old):checked+label:before{content:"\f14a";font-weight:800;font-family:'Font Awesome 5 Free'}
input[type=radio]:not(old)+label:before{content:"\f111"}
input[type=radio]:not(old):checked+label:before{content:"\f2f8";font-weight:800;font-family:'Font Awesome 5 Pro'}
.donus-tarih-check{float:right;position:relative;display:flex;align-items:center;margin-top:-95px;margin-right:80px}
.check-tarih-box{margin-left:25px}
.check-tarih-box label{font-weight:400!important;color:var(--paragraf-color)}
.nerdenNereyeSelectBox{position:absolute;background:#fff;width:100%;box-shadow:0 5px 20px rgb(0 0 0 / 10%);max-height:350px;overflow-y:scroll;border-radius:0 0 15px 15px;box-sizing:border-box;display:none}
.nerdenNereyeSelectBox ul li{width:100%;float:left;font-size:14px;padding:8px 30px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;color:var(--paragraf-color);cursor:pointer}
.nerdenNereyeSelectBox ul li.disabled{background:#f7f7f7;cursor:no-drop}
.nerdenNereyeSelectBox ul li img{margin-right:8px}
.yolcuAracPopup{position:absolute;width:100%;top:60px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);border-radius:15px;left:0;display:none;z-index:3}
.yolcuAracRow{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0;box-sizing:border-box;padding:10px 20px}
.sayi-input{width:100px;display:flex;align-items:center;justify-content:space-between;background:#f1f6ff;border-radius:20px}
.sayi-input input[type=text]{height:25px!important;text-align:center;padding:0!important;border-radius:0!important;background:0 0;font-size:12px!important;appearance:none;-webkit-appearence:none;background:0 0!important}
.islem-btn{width:25px;height:25px;border:none;border-radius:50%;font-size:10px;background:var(--mavi);display:flex;align-items:center;justify-content:center;color:#fff;padding:0;cursor:pointer}
.sayi-text{width:30px}
.islem-btn:disabled{opacity:.5;cursor:no-drop}
.yolcuAracLabel{color:var(--paragraf-color);font-size:14px;display:flex;align-items:center}
.yolcuAracLabel i{margin-right:5px;float:left}
.yolcuAracLabel span{font-size:12px;opacity:.8;margin-left:5px;position:relative!important;left:0!important}
.aracTuru{width:100px}
.aracTuru select{width:100%;float:left;font-size:12px;height:25px;border:none;background-color:#f1f6ff;border-radius:15px;padding:0 10px}
.kapatBtn{display:inline-block;background:var(--pembe);color:#fff;font-size:14px;padding:6px 30px;border-radius:30px;margin:15px auto;font-weight:500;cursor:pointer;transition:all ease-in-out .3s;border:1px solid var(--pembe)}
.kapatBtn:hover{color:var(--pembe);background:#fff}
.yolcuAracFooter{width:100%;float:left;display:flex;justify-content:center}
.ui-menu-item img.ui-menu-item-wrapper{float:left;padding:3px 7px 3px 0!important}
li.ui-autocomplete-group:hover .ui-menu-item-wrapper{background:0 0!important;border-radius:0}
li.ui-menu-item:hover{color:#000!important;background:0 0!important}
li.ui-menu-item:hover .ui-state-active{background:0 0!important;border-color:transparent!important}
li.ui-autocomplete-group,li.ui-autocomplete-group:hover{background:#f7f7f7!important;padding:5px 0}
.header-top{width:100%;float:left;background:#f1f6ff;padding:7px 0;border-bottom:1px solid #eee;position:relative;z-index:11}
.lang-menu{float:left;padding-right:10px;margin-right:10px;border-right:1px solid rgb(0 0 0 / 10%)}
.top-social{float:right}
.top-phone{margin-right:30px}
.top-license{margin-right:25px;font-size:12px;color:var(--paragraf-color);font-weight:300;opacity:.8;line-height:25px;white-space:nowrap}
/* uzun çevirilerde sağ grup alt satıra düşerse yine sağa yaslı kalsın */
.header-top .row > .col-md-auto:last-child{margin-left:auto}
.lang-menu a{font-size:12px;color:var(--paragraf-color);font-weight:400;position:relative;float:left;padding-left:12px;margin-right:15px;transition:all ease-in-out .3s;opacity:.7;line-height:25px}
.lang-menu a:before{content:"";position:absolute;width:6px;height:6px;border:1px solid #fff;border-radius:50%;left:0;top:7px}
.lang-menu a.active:before{background:#fff}
.lang-menu a.active{font-weight:600;opacity:1}
.lang-menu a:hover{opacity:1}
.top-menu{margin-left:10px;float:left}
.top-menu a{font-size:12px;float:left;margin-right:20px;color:var(--paragraf-color);font-weight:300;opacity:.8;transition:all ease-in-out .3s;line-height:25px}
.top-menu a:hover{opacity:1}
.top-phone a{color:var(--mavi);font-weight:500;font-size:14px;white-space:nowrap}
.top-phone a i{margin-right:10px}
.top-social a{color:var(--pembe);width:25px;height:25px;background:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-left:7px;float:left;font-size:12px;border:1px solid #d60650}
.top-social a:hover{background-color:var(--pembe);color:#fff}
/* Dar masaüstü (container 1300'e ulaşana kadar): üst bar sıkışık; belge no + telefon tek satırda kalsın diye boşluklar daraltılır */
@media (min-width:992px) and (max-width:1599px){
.lang-menu a{margin-right:8px}
.top-menu{margin-left:0}
.top-menu a{margin-right:12px}
.top-license{margin-right:12px;font-size:11px}
.top-phone{margin-right:12px}
}
.index-features{width:100%;float:left;margin-top:80px;position:relative}
.features-box{width:100%;float:left;text-align:center;box-sizing:border-box;padding:15px}
.features-box strong{font-size:14px;font-weight:600;color:var(--brown)}
.fetures-line{position:absolute;top:15%;width:100%;left:0}
.fetures-line img{width:100%}
.index-kampanyalar{width:100%;float:left;margin-top:120px}
.title{float:left;width:100%;margin-bottom:50px;position:relative;z-index:1}
.campaign-slider{width:100%;float:left;position:relative}
.title h1,.title h2{color:var(--title-color);margin-bottom:10px;font-size:34px}
.title p{font-size:18px;font-weight:300;color:var(--paragraf-color)}
.campaign-box{width:100%;float:left;display:inline-block;height:500px;border-radius:30px;box-sizing:border-box;position:relative;background-position:center;background-size:cover;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.1)}
.campaign-box:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:55%;background:#fff;background:-moz-linear-gradient(0deg,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(0deg,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:linear-gradient(0deg,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);transition:all ease-in-out .3s}
.campaign-slider .item{padding:0 10px 20px;width:100%;float:left}
.campaign-content{width:100%;float:left;position:absolute;bottom:0;box-sizing:border-box;padding:15px 25px}
.campaign-text{width:75%;float:left}
.campaign-text h3{font-size:20px;color:var(--title-color)}
.campaign-text ul{width:100%;float:left;margin-top:5px}
.campaign-text ul li{float:left;font-size:12px;margin-right:15px;color:var(--paragraf-color)}
.campaign-text ul li i{width:20px;color:var(--brown);text-align:center}
.campaign-price{width:25%;float:left;text-align:right;margin-top:5px}
.campaign-price strong{width:100%;float:left;font-size:28px;color:var(--title-color);line-height:24px}
.campaign-price span{width:100%;float:left;font-size:10px;color:#000;opacity:.8}
.campaign-price strong span{width:auto;float:none;font-size:18px}
.camp-rez-btn{width:100%;float:left;text-align:center;position:relative;margin-bottom:-60px;transition:all ease-in-out .5s}
.camp-rez-btn span{color:var(--pembe);border:1px solid var(--pembe);font-size:12px;padding:10px 30px;display:inline-block;border-radius:30px;font-weight:500;margin-top:25px;background:rgba(255,255,255,.7);transition:all ease-in-out .3s}
.camp-rez-btn span:hover{background:var(--pembe);color:#fff}
.campaign-box:hover .camp-rez-btn{margin-bottom:0}
.campaign-box:hover:before{height:100%}
.campaign-badge{position:absolute;width:70px;height:70px;display:flex;align-items:center;justify-content:center;color:#fff;right:15px;top:8px}
.campaign-badge i{position:absolute;color:var(--kirmizi);font-size:60px}
.campaign-badge strong{position:relative;width:100%;float:left;text-align:center;line-height:16px;margin-bottom:3px}
.campaign-badge span{width:100%;float:left;position:relative;font-size:10px;line-height:10px;text-align:center}
.owl-next,.owl-prev{width:40px;height:40px;border:1px solid #ccc;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--paragraf-color);transition:all ease-in-out .3s}
.owl-next:hover,.owl-prev:hover{border:1px solid var(--title-color);color:var(--title-color)}
.campaign-slider .owl-nav,.hotel-row .owl-nav{float:right;position:absolute;top:-100px;right:0}
.campaign-slider .owl-nav div,.hotel-row .owl-nav div{margin-left:10px}
.index-tour{width:100%;float:left;background-color:var(--ten);position:relative;margin-top:80px;padding:80px 0;background-size:100%;background-position:-67px 169%;background-repeat:no-repeat}
.tour-list{width:calc(100% + 30px);float:left;position:relative;margin-left:-15px}
.tour-box{width:calc(25% - 30px);float:left;margin:15px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.1);position:relative;transition:all ease-in-out .3s}
.tour-img{width:100%;height:200px;float:left;position:relative;background-size:cover;background-position:center}
.tour-img a{width:100%;height:100%;float:left;position:relative;display:block}
.dalga{width:100%;float:left;position:absolute;bottom:0;left:0}
.dalga path{fill:#fff}
.tour-badge{position:absolute;left:15px;background:#fee2e1;color:var(--brown);font-size:12px;padding:7px 20px;border-radius:15px;top:15px;font-weight:600;text-transform:uppercase;box-shadow:0 10px 20px rgba(0,0,0,.2)}
.tour-content{width:100%;float:left;position:relative;box-sizing:border-box;padding:0 15px}
.tour-icons{width:100%;float:left;display:flex;align-items:center;font-size:11px}
.tour-icons span{margin-right:15px;color:#939090}
.tour-icons span i{margin-right:5px;color:var(--brown);font-size:12px}
.tour-content h3{font-size:16px;width:100%;margin-top:8px;float:left;margin-bottom:5px}
.tour-content h3 a{color:var(--paragraf-color);letter-spacing:-.2px}
.tour-loc{width:100%;float:left;font-size:12px;color:#909090;margin-bottom:15px;display:flex;align-items:center}
.tour-loc i{margin-right:7px;float:left;font-size:14px}
.tour-footer{width:100%;float:left;border-top:1px solid #eee;padding:10px 0;display:flex;align-items:center;justify-content:space-between;min-height:60px}
.index-tour .tour-footer{padding:0 15px}/* home öne çıkan turlar: fiyat/İncele yan boşluğu (tur listelemedeki .tour-list-content .tour-footer ile aynı) */
.tour-price{width:50%;float:left}
.tour-price strong{font-size:20px;width:100%;float:left;line-height:24px;color:var(--brown)}
.tour-price span{width:100%;float:left;font-size:9px;opacity:.5}
.tour-url{width:50%;float:left;text-align:right}
.tour-url a{color:var(--title-color);transition:all ease-in-out .2s}
.tour-url i{color:var(--brown);margin-left:7px;font-weight:900}
.tour-url a:hover{color:var(--brown)}
.all-button{width:100%;float:left;margin-top:50px;display:flex;align-items:center;justify-content:center}
.brown-button{background:var(--brown);color:#fff;padding:10px 30px;border-radius:25px;text-transform:uppercase;display:inline-block;border:1px solid var(--brown);transition:all ease-in-out .3s}
.brown-button i{margin-left:10px}
.brown-button:hover{background:#fff;color:var(--brown)}
.sun{position:absolute;right:2%;width:19%;top:1%;opacity:.3}
.bird{width:9%;position:absolute;left:-5%;top:-93px}
.index-hotels{width:100%;float:left;padding:120px 0 150px;position:relative;overflow:hidden}
.hotel-row{width:100%;float:left}
.hotel-box{width:100%;float:left;box-shadow:0 0 15px rgba(0,0,0,.15);border-radius:15px;overflow:hidden;margin-bottom:15px;background-color:#fff;transition:all ease-in-out .3s}
.hotel-row .item{padding:15px}
.hotel-box-img{width:100%;float:left;position:relative;overflow:hidden}
.hotelSliderImg{width:100%;float:left;height:230px;background-size:cover;background-position:center;transition:all ease-in-out .3s}
.hotelGallerySlider .item{padding:0;overflow:hidden}
.hotel-box-img .owl-dots{width:100%;float:left;display:flex;align-items:center;justify-content:center;bottom:10px;position:absolute}
.hotel-box-img .owl-dot{width:6px;height:6px;background:#fff;position:relative;margin:3px;border-radius:50%;opacity:.7;transition:all ease-in-out .3s}
.hotel-box-img .owl-dot.active{opacity:1}
.hotel-badge{position:absolute;z-index:2;color:#166534;background-color:rgb(220 252 231);font-size:12px;font-weight:600;padding:5px 15px;border-radius:15px;left:15px;top:15px;text-transform:uppercase}
.hotel-box-content{width:100%;float:left;box-sizing:border-box;padding:15px 15px}
.hotel-tags{width:100%;float:left;font-size:14px;margin-bottom:7px;opacity:.5;display:flex;align-items:center}
.hotel-tags span{position:relative;margin-right:20px}
.hotel-tags span:before{content:"";position:absolute;width:3px;height:3px;background:#000;right:-12px;top:9px}
.hotel-tags span:last-child:before{display:none}
.hotel-box-content h3{font-size:18px;width:100%;float:left;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hotel-box-content h3 a{color:var(--title-color)}
.hotel-loc{width:100%;float:left;opacity:.5;font-size:14px;display:flex;align-items:center}
.hotel-loc i{font-size:16px;margin-right:6px}
.hotel-box-footer{width:100%;float:left;border-top:1px solid #f3f4f6;box-sizing:border-box;padding:15px 15px;display:flex;align-items:center;justify-content:space-between}
.hotel-box-price{float:left;display:flex;align-items:center;color:var(--title-color)}
.hotel-box-price span{font-size:12px;opacity:.5;margin-left:3px}
.hotel-box-puan{display:flex;align-items:center}
.hotel-box-puan i{margin-right:5px;color:var(--kirmizi)}
.hotel-box-puan span{font-size:12px;opacity:.5;margin-left:5px}
.begonvil{position:absolute;width:18%;bottom:-15px;z-index:0;left:-50px}
.butterfly{width:21%;position:absolute;right:-1%;top:6%}
.index-seferler{width:100%;float:left;position:relative}
.parallax{width:100%;float:left;height:500px;background-position:center center;background-size:cover;background-attachment:fixed;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}
.parallax:before{content:"";position:absolute;width:100%;height:100%;background:#000;opacity:.5;left:0;top:0}
.white-center-title{width:100%;float:left;position:relative;margin-top:-100px}
.white-center-title h2{font-size:40px;color:#fff;position:relative;text-shadow:0 5px 15px #000}
.c-dashed-line{position:absolute;right:0;top:0;z-index:2}
.c-dashed-line-1{right:-80px}
.c-dashed-line-2{right:unset;bottom:0;left:0;top:unset}
.c-dashed-line__dash{fill:none;stroke:#f0f0f0;stroke-dasharray:5 4;stroke-width:4}
.c-dashed-line__path{fill:none;stroke:#fff;stroke-dasharray:840;stroke-dashoffset:840;stroke-width:2;animation:c-dashed-line-path-end .5s ease forwards}
.c-dashed-line .line-icon{fill:#fff;transition:all ease 1s;transition-delay:1s;opacity:0}
.sefer-box:hover .c-dashed-line .line-icon{opacity:1;transition-delay:0s}
.sefer-box:hover svg .c-dashed-line__path{animation:c-dashed-line-path 1s ease forwards}
@keyframes c-dashed-line-path{
from{stroke-dashoffset:840}
to{stroke-dashoffset:0}
}
@keyframes c-dashed-line-path-end{
from{stroke-dashoffset:0}
to{stroke-dashoffset:840}
}
.sefer-box:hover .c-dashed-line{opacity:1}
.seferler-row{width:100%;float:left;margin-top:-170px;position:relative}
.sefer-box{width:100%;float:left;margin-bottom:15px;border-radius:15px;height:300px;background-size:cover;background-position:center;box-shadow:0 5px 15px rgba(0,0,0,.2);position:relative;overflow:hidden}
.seferlerSlider .item{padding:15px}
.sefer-box a{position:absolute;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.1);transition:all ease-in-out .3s}
.sefer-box h3{color:#fff;font-size:18px;margin-bottom:25px;transition:all ease-in-out .3s}
.sefer-box:hover a{background:rgba(0,0,0,.5)}
.sefer-box:hover h3{margin-bottom:60%}
.seferler-row .owl-item:nth-child(odd) .sefer-box{margin-top:60px}
.index-vize{width:100%;float:left;margin-top:150px}
.center-title{text-align:center}
.center-title p{width:64%;font-size:16px;font-weight:300;color:var(--paragraf-color);float:left;margin-left:18%;margin-right:18%;margin-bottom:35px;margin-top:10px;line-height:30px}
.center-title a{background:var(--mavi);color:#fff;padding:13px 30px;border-radius:30px;display:inline-block;font-size:18px}
section.index-vize img{width:100%;float:left;position:relative;margin-top:-250px;z-index:-1;opacity:.7}
.index-mobile-app{width:100%;float:left;background:#eff0f3;position:relative;padding-top:150px}
.index-mobile-app img{width:100%;float:left}
.mobile-app-content{width:40%;float:left}
.app-buttons{width:100%;float:left;margin-top:50px}
.app-button{background:#000;border-radius:50px;box-sizing:border-box;padding:15px 25px;float:left;margin-right:15px;width:200px;height:60px;display:flex;align-items:center}
.app-button img{max-height:35px;width:auto;float:left;margin-right:15px}
.app-button-text{float:left;width:calc(100% - 50px);color:#fff}
.app-button-text span{font-size:12px;font-weight:300;letter-spacing:1px}
.app-button-text strong{position:relative;width:100%;float:left}
.mobile-app-img{width:60%;float:left;position:relative;margin-top:-80px;margin-bottom:-200px}
.mobile-app-content h2{margin-bottom:15px}
.mobile-app-content p{color:var(--paragraf-color);font-weight:300;box-sizing:border-box}
.about-left{width:100%;float:left;margin-top:120px}
.about-left strong{width:100%;float:left;margin-bottom:10px;color:var(--pembe);font-size:18px}
.about-left h2{font-size:40px;line-height:58px;font-weight:300;color:var(--title-color)}
.about-center{width:100%;float:left;text-align:center}
.about-center img{width:80%;border-radius:500px}
.about-right{width:100%;float:left}
.about-right h3{font-size:18px;line-height:28px;margin-bottom:20px;margin-top:30px}
.about-right p{font-size:14px;font-weight:300;color:var(--paragraf-color);margin-bottom:30px}
.number-section{width:100%;float:left;margin-bottom:40px}
.number-box{width:33.3%;float:left;box-sizing:border-box;padding-right:20px}
.number-box strong{width:100%;float:left;font-size:36px;color:var(--pembe);line-height:44px}
.number-box span{width:100%;float:left;font-size:14px}
.line-button{border:1px solid var(--paragraf-color);font-size:14px;font-weight:500;padding:15px 30px;border-radius:30px;color:var(--paragraf-color);display:inline-flex;align-items:center;transition:all ease-in-out .3s}
.line-button i{margin-left:8px;font-size:16px;color:var(--pembe)}
.line-button:hover{color:var(--pembe);border:1px solid var(--pembe)}
.index-about{background-repeat:no-repeat;background-position:center;width:100%;float:left;margin-top:50px;margin-bottom:150px}
.circle{width:160px;position:absolute;bottom:0;left:-20px;display:flex;align-items:center;justify-content:center}
.icon-logo{position:absolute;width:60px!important}
.circle-img{-webkit-animation:rotating 10s linear infinite;-moz-animation:rotating 10s linear infinite;-ms-animation:rotating 10s linear infinite;-o-animation:rotating 10s linear infinite;animation:rotating 10s linear infinite}
.circle img{width:100%}
@-webkit-keyframes rotating{
from{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotating{
from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.footer{width:100%;float:left;border-top:1px solid #e5e7eb;padding-top:70px}
.footer-menu{width:100%;float:left;margin-bottom:50px;position:relative}
.e-bulten strong,.footer-menu strong{color:var(--title-color);width:100%;float:left;font-weight:500;font-size:17px;margin-bottom:20px}
.footer-menu ul li{width:100%;float:left;margin-bottom:7px}
.footer-menu ul li a{font-size:13px;color:#000;opacity:.5;transition:all ease-in-out .3s}
.footer-menu ul li a:hover{opacity:.8}
.e-bulten p{font-size:13px;line-height:22px;margin-bottom:20px;opacity:.5}
.e-bulten .form-text{width:100%;height:50px;font-size:13px;border:1px solid #ccc;box-sizing:border-box;padding:0 25px;border-radius:25px;float:left}
.bulten-btn{width:40px;height:40px;border-radius:50%;border:none;outline:0;float:left;position:relative;margin-left:-46px;margin-top:9px;color:var(--pembe);cursor:pointer;background:#f1f5f8;transition:all ease-in-out .3s}
.bulten-btn:hover{background:var(--pembe);color:#fff}
.copyright{width:100%;float:left;border-top:1px dashed #d4d4d6;padding:15px 0;display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.copyright-text{font-size:13px;color:#a1a1a1}
.copyright-text a{color:var(--pembe)}
.copyright-logos{width:300px}
.footer-disclaimer{width:100%;float:left;border-top:1px dashed #d4d4d6;padding:15px 0;margin-top:10px;text-align:center}
.footer-disclaimer p{font-size:13px;line-height:22px;color:#a1a1a1}
.center-title h2{font-size:44px;color:var(--title-color);margin-bottom:15px}
.user-login-popup{width:300px;position:absolute;z-index:8;background:#fff;border-radius:15px;box-sizing:border-box;padding:15px;top:65px;right:0;box-shadow:0 0 25px rgb(0 0 0 / 15%)}
.user-login-popup-head{width:100%;float:left;margin-bottom:10px}
.user-login-popup-head img{width:35px;float:left;margin-right:15px}
.user-login-popup-head strong{font-size:15px;line-height:35px;color:var(--title-color)}
.user-login-popup-head strong span{font-size:8px;background:var(--mavi);color:#fff;padding:5px 10px;border-radius:20px;display:inherit;position:relative;margin-left:5px;top:-2px}
.user-login-close{float:right;line-height:35px;cursor:pointer}
.user-login-close:hover{color:var(--blue)}
.user-login-popup p{font-size:13px;color:var(--paragraf-color);font-weight:300;line-height:23px}
.user-login-popup:before{content:"";position:absolute;border-color:transparent transparent #fff transparent;border-style:solid;border-width:10px;width:0;height:0;top:-20px;left:50%;margin-left:0}
.island-row{padding:0 0 15px 0}
.number{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--mavi);font-size:15px;float:left;font-weight:600}
.island .nerdenNereye{width:calc(100% - 30px);float:left;margin-left:10px}
.island{display:flex;align-items:center}
.island .mainSearchTarih{width:calc(100% - 20px);margin-left:-1px;border-radius:0 30px 30px 0}
.island-remove{width:20px;text-align:right;cursor:pointer;opacity:.5}
.island-footer{padding:0 15px 15px 15px}
.island-hopping-add{width:100%;height:60px;background:#fff;border:1px dashed var(--mavi);border-radius:30px;display:flex;align-items:center;outline:0;justify-content:center;cursor:pointer;appearance:none;color:var(--mavi);font-size:14px;box-sizing:border-box}
.island-hopping-add i{font-size:18px;margin-right:10px}
.island-footer .yolcular{width:100%;border-radius:30px}
.pink-btn{width:100%;height:60px;background:var(--pembe);border:none;border-radius:30px;color:#fff;display:flex;align-items:center;justify-content:center;transition:all ease-in-out .3s}
.pink-btn i{margin-right:8px;font-size:18px}
.otelLocation{border-radius:30px 0 0 30px}
.pl-15{padding-left:15px}
.room-row{width:100%;float:left;margin-top:15px}
.room-row-title{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 20px}
.room-row-title strong{color:var(--brown);text-transform:uppercase}
.room-row-title button{font-size:12px;padding:0;border:none;outline:0;appearance:none;background:0 0;color:var(--kirmizi);text-decoration-line:underline}
.odaYetiskinFooter{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:15px 20px}
.odaYetiskinFooter .kapatBtn{margin:0;width:110px}
.odaYetiskinFooter button{width:110px;height:35px;background:#fff;border:1px dashed var(--pembe);border-radius:20px;font-size:12px;color:var(--pembe);font-weight:500;display:flex;align-items:center;justify-content:center}
.odaYetiskinFooter button i{font-size:16px;margin-right:8px}
.border-radius-50{border-radius:50px}
.tour-form-col .mainSearchTarih,.tour-form-col .otelLocation{border-radius:30px}
/* Araç kiralama ana-sayfa sekmesi: tüm alan kutuları tek tip tam pill (mainFormSelect zaten 30px). */
#arac-kiralama-tab-pane .otelLocation,#arac-kiralama-tab-pane .mainSearchTarih{border-radius:30px}
.tour-switch{display:flex}
.switch{position:relative;display:inline-block;width:60px;height:34px}
.switch input{opacity:0;width:0;height:0}
.switch-row{display:flex;align-items:center}
.switch-row label{margin-right:10px}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}
input:checked+.slider{background-color:var(--mavi);opacity:1!important}
input:focus+.slider{box-shadow:0 0 1px var(--mavi)}
input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}
.slider.round{border-radius:34px}
.slider.round:before{border-radius:50%}
.switch-row p{font-size:14px;color:var(--paragraf-color)}
.mainFormSelect,.voucherNo{border-radius:30px}
.search-row{width:100%;float:left;position:relative;background:#fff;padding:30px 0;display:none}
.search-form-content{width:800px;margin:auto}
.search-form-content input{width:calc(100% - 200px);height:60px;border:1px solid #ccc;border-radius:30px;box-sizing:border-box;padding:0 30px;font-size:14px;margin-right:15px;float:left}
.search-form-content button{width:180px;height:60px;border:none;background:var(--mavi);border-radius:30px;color:#fff;font-size:14px;outline:0;appearance:none;display:inline-flex;float:left;align-items:center;justify-content:center}
.search-form-content button i{font-size:18px;margin-right:7px}
.menu-shadow,.search-shadow{position:fixed;width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:9;display:none;top:0;left:0}
.overflow{overflow:hidden}
.menu-btn,.mobile-fixed-bottom,.mobile-forms,.mobile-menu,.mobile-search-box{display:none}
.mainSearchTarih.disabled{background:#fafafa}
.mainSearchTarih.disabled input[type=text]{background:0 0;opacity:.5}
.check-tarih-box.disabled{opacity:.5}
.footer-menu strong i{display:none}
.navigationTabs{width:100%;float:left;padding:15px 0;border-top:1px solid #eee;box-shadow:0 10px 20px rgba(0,0,0,.1);margin-bottom:50px}
.navigationTabRow{width:100%;float:left;display:flex;align-items:center;justify-content:space-between}
.navigationBack button{background:var(--pembe);color:#fff;height:auto;appearance:none;padding:3px 20px;border-radius:20px;transition:all ease-in-out .3s;border:1px solid var(--pembe)}
.navigationBack button:hover{color:var(--pembe);background:#fff}
.navigationTab{color:var(--title-color);opacity:.3;display:flex;align-items:center;justify-content:center;position:relative}
.navigationTab i{margin-left:10px;font-size:20px;color:#01c3a7;display:none;font-weight:600}
.navigationTab.selected{opacity:1}
.navigationTab.selected i{display:inline-block}
.navigationTab.active{opacity:1}
.navigationTab:before{content:"";position:absolute;width:100%;height:3px;background:var(--pembe);bottom:-19px;opacity:0}
.navigationTab.active:before{opacity:1}
.navigationArrow{font-size:20px;opacity:.7}
.mainFormSelect select{border:none;width:85%}
.tour-box:hover{box-shadow:0 5px 30px rgb(0 0 0 / 25%)}
.hotelGallerySlider{position:relative;z-index:1}
.hotel-box:hover{box-shadow:0 0 15px rgb(0 0 0 / 30%)}
.hotel-box:hover .hotelSliderImg{transform:scale(1.1);z-index:2;position:relative}
.ferry-head{width:100%;float:left;background:#ddf6ff;height:60px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 20px;margin-bottom:20px}
.ferry-name{font-weight:600;color:var(--title-color);font-size:16px}
.ferry-name i{margin:0 10px}
.ferry-date{display:flex;align-items:center}
.ferry-date button{padding:0;border:none;background:0 0;color:var(--mavi);font-size:20px}
.ferry-date strong{margin:0 20px;color:var(--title-color);font-size:16px;font-weight:600}
.ferry-result{width:100%;float:left;text-align:center;margin-bottom:20px;font-size:14px}
.ferry-list{width:100%;float:left}
.alternatif-box,.ferry-box{width:100%;float:left;border:1px solid #d4d4d4;border-radius:10px;margin-bottom:15px;cursor:pointer;transition:all ease-in-out .3s}
.ferry-content{width:100%;float:left;margin-bottom:80px}
.ferry-box-content{width:100%;float:left;display:flex;align-items:center;padding:15px 15px}
.ferry-company{width:60px;height:60px;display:flex;align-items:center;border:1px solid #cccc;float:left;border-radius:10px;overflow:hidden}
.ferry-company img{float:left}
.ferry-time{width:calc(55% - 70px);float:left;margin-left:10px;display:flex;align-items:center}
.ferry-clock{width:30%;float:left;text-align:center}
.ferry-clock strong{width:100%;float:left;font-size:18px;text-align:center;font-weight:600}
.ferry-clock span{font-size:12px;float:left;text-align:center;width:100%;opacity:.5}
.ferry-second{width:40%;text-align:center;font-size:12px;opacity:.5}
.ferry-second span{margin:0 5px}
.ferry-icons{width:22%;display:flex;align-items:center;justify-content:flex-end}
.ferry-info{width:30px;float:left;height:60px;display:flex;align-items:center;justify-content:center;position:relative;margin-left:0}
.ferry-price{width:calc(22% - 30px);float:left;box-sizing:border-box;padding-left:5px}
.ferry-icons button{padding:0;border:none;background:0 0;font-size:12px;margin-right:7px;transition:all ease-in-out .3s;outline:0}
.ferry-icons button:hover{color:var(--mavi)}
.ferry-info button{background:#fff;border:none;color:var(--mavi);position:relative;transition:all ease-in-out .3s}
.ferry-info:before{content:"";position:absolute;width:1px;height:60px;background:#d4d4d4}
.ferry-price strong{width:100%;float:left;text-align:right}
.ferry-box-accordion{width:100%;float:left;border-top:1px dashed #eee;box-sizing:border-box}
.ferry-accordion-button{width:100%;float:left;font-size:12px;padding:10px 15px;font-weight:600;opacity:.7;display:flex;align-items:center}
.ferry-accordion-button i{margin-left:8px}
.ferry-accordion-content{width:100%;float:left;box-sizing:border-box;padding:0 15px 5px;display:none}
.ferry-accordion-content p{font-size:12px;opacity:.7;margin-bottom:10px}
.ferry-accordion-button strong{font-weight:500}
.alternatif-box.deactive *,.ferry-box.deactive *{opacity:.6;pointer-events:none}
.alternatif-box.deactive,.ferry-box.deactive{border:1px solid #eee;cursor:not-allowed}
.alternatif-box.deactive .ferry-box-content,.alternatif-box.deactive .ferry-info,.alternatif-box.deactive .ferry-info button,.alternatif-box.deactive .ferry-info button i,.ferry-box.deactive .ferry-box-content,.ferry-box.deactive .ferry-info,.ferry-box.deactive .ferry-info button,.ferry-box.deactive .ferry-info button i{opacity:1;pointer-events:visible}
.alternatif-box.deactive .ferry-info button,.ferry-box.deactive .ferry-info button{color:var(--pembe)}
.ferry-price span{font-size:12px;float:left}
.alternatif-box.active,.ferry-box.active{border:1px solid var(--mavi);box-shadow:0 0 10px rgb(1 173 238 / 30%)}
.alternatif-box:hover,.ferry-box:hover{box-shadow:0 0 10px rgb(0 0 0 / 20%)}
.ferry-box.deactive:hover{box-shadow:none}
.ferry-icons button.deactive,.ferry-price-col.deactive i,.modal-features-icons button.deactive{opacity:.3;position:relative}
.ferry-icons button.deactive:before,.ferry-price-col.deactive i:after,.modal-features-icons button.deactive:before{content:"";position:absolute;width:140%;height:2px;background:#000;transform:rotate(-45deg);top:7px;left:-3px;border:.5px solid #fff}
.tooltip-inner{font-size:12px!important;background-color:var(--mavi);border-radius:15px}
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{border-top-color:var(--mavi)!important}
.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{border-right-color:var(--mavi)!important}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{border-bottom-color:var(--mavi)!important}
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{border-left-color:var(--mavi)!important}
.ferry-info button:hover{transform:scale(1.1)}
.ferryDetailModal .modal-dialog{max-width:800px}
.modal-ferry-head{width:100%;float:left;background:#ddf6ff;border-radius:10px 10px 0 0;box-sizing:border-box;padding:15px;display:flex;justify-content:space-between;margin-bottom:15px}
.modal-ferry-info{width:80%}
.modal-ferry-name{width:100%;float:left;font-weight:700;color:var(--title-color);margin-bottom:10px;display:flex;align-items:center}
.modal-ferry-name i{margin:0 10px}
.modal-ferry-company-logo{width:50px;float:left;height:50px;background:#fff;border-radius:10px;margin-right:10px;overflow:hidden;border:1px solid #fafafa;display:flex;align-items:center;justify-content:center}
.modal-ferry-company-logo img{float:left}
.modal-ferry-company-info{float:left}
.modal-ferry-company-info strong{width:100%;float:left;margin-top:5px;color:var(--title-color);font-weight:600;font-size:14px}
.modal-ferry-company-info span{width:100%;float:left;font-size:12px;opacity:.6}
.ferryDetailModal .modal-dialog .modal-content{border-radius:15px;border:none;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.modal-ferry-time{width:20%;float:left}
.modal-ferry-time strong{width:100%;float:left;text-align:right;color:var(--title-color);margin-bottom:5px}
.modal-ferry-time span{font-size:14px;text-align:right;width:100%;float:left}
.modal-ferry-features{width:100%;float:left;border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:15px;margin-top:10px;padding-left:20px;padding-right:20px}
.modal-ferry-accordion .accordion-button strong,.modal-ferry-features h3,.modal-ferry-price h3{font-size:14px;color:var(--title-color);margin-bottom:5px;opacity:.7;font-weight:400}
.modal-ferry-features-row{display:flex;align-items:center;width:100%;justify-content:space-between}
.modal-ferry-features-row strong{font-size:14px}
.modal-features-icons button{padding:0;border:none;background:0 0;position:relative;font-size:18px;margin-left:10px}
.modal-features-icons button.deactive:before{top:13px;width:25px;left:-5%;transform:rotate(-50deg)}
.modal-ferry-price-row{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;margin-top:10px;margin-bottom:20px}
.ferry-price-col{width:25%;text-align:center}
.ferry-price-col i{width:100%;float:left;font-size:20px;height:30px;display:flex;align-items:center;justify-content:center;opacity:.7}
.ferry-price-col span{width:100%;float:left;font-weight:300;font-size:14px}
.ferry-price-col.deactive{opacity:.4}
.modal-ferry-accordion{width:100%;float:left;padding-left:20px;padding-right:20px;border-top:1px solid #eee}
.accordion-row{width:100%;float:left;margin-bottom:15px}
.accordion-button{padding:15px 0;display:flex;align-items:center;justify-content:space-between;width:100%;float:left}
.modal-ferry-accordion .accordion-button strong{margin:0}
.accordion-content{width:100%;float:left;display:none}
.accordion-content p{font-size:13px;font-weight:300;opacity:.7;margin-bottom:15px}
.modal-ferry-price{width:100%;float:left;padding-left:20px;padding-right:20px}
.modal-ferry-sidebar{width:100%;float:left;background:var(--bg-light-gray);box-sizing:border-box;padding:15px;border-radius:10px}
.modal-ferry-second{width:100%;float:left;text-align:center;margin-bottom:10px;font-size:12px;opacity:.7}
.modal-ferry-second i{margin-right:5px}
.modal-ferry-route{width:100%;float:left}
.modal-ferry-route-port{width:100%;float:left;position:relative;height:60px}
.modal-ferry-route-port:before{content:"";position:absolute;width:2px;height:70px;background:var(--mavi);border-radius:10px;left:50%;margin-left:-1px;top:5px}
.route-date{width:50%;float:left;text-align:right;box-sizing:border-box;padding-right:20px;position:relative}
.route-date strong{width:100%;float:left;font-size:14px;margin-top:3px}
.route-date span{width:100%;float:left;font-size:12px;opacity:.6}
.route-location{width:50%;float:left;box-sizing:border-box;padding-left:15px}
.route-location strong{font-weight:600;font-size:14px}
.modal-ferry-route-port:last-child:before{display:none}
.route-date:before{content:"";position:absolute;width:12px;height:12px;background:var(--mavi);border-radius:50%;right:-6px;box-sizing:border-box;border:1px solid var(--mavi);top:5px}
.modal-ferry-route-port.transfer strong{font-weight:300}
.modal-ferry-route-port.transfer .route-date:before{background:var(--bg-light-gray)}
.modal-footer .pink-btn{max-width:180px;height:50px}
.modal-footer .pink-btn:hover{border:1px solid var(--pembe);color:var(--pembe);background-color:#fff}
.ferry-price-col.deactive i:after{width:35px;left:38%;top:16px}
.ferry-price-col.deactive i:after{width:35px;left:38%;top:16px}
.modal-footer .pink-btn:disabled,.modal-footer .pink-btn:disabled:hover{background:var(--bg-light-gray);color:#ccc;border:none}
.ferry-modal-message{width:100%;float:left;background:#ffd9e6;margin-bottom:15px;padding:8px 25px;border-radius:30px;font-size:14px;display:flex;align-items:center;color:var(--pembe)}
.ferry-modal-message i{margin-right:10px}
.accordion-button.active i,.ferry-accordion-button.active i{transform:rotate(180deg)}
.accordion-button i,.ferry-accordion-button i{transition:all ease-in-out .3s}
.ferry-alternatif-url,.ferry-show-btn{width:100%;float:left;margin:15px 0;display:flex;align-items:center;justify-content:center;text-align:center}
.ferry-alternatif-url button,.ferry-show-btn button{background:0 0;border:none;font-size:14px;color:var(--mavi);display:inline-block;float:none}
.ferry-alternatif-url i,.ferry-show-btn i{margin:0 5px}
.ferry-alternatif-url button:hover,.ferry-show-btn button:hover{text-decoration:underline}
.ferry-show-btn{display:none}
.alternatif-route-info{width:100%;float:left;display:flex;align-items:center;font-size:13px;padding:10px 20px 0;opacity:.8}
.alternatif-route-info i{font-size:15px;margin-right:10px}
.ferry-box-alt-content{width:77%}
.ferry-box-alt-content-row{width:100%;float:left;display:flex;align-items:center}
.bekleme-suresi{width:100%;float:left;font-size:13px;opacity:.5;padding:10px 70px}
.ferry-box-alt-content .ferry-time{width:calc(71% - 70px)}
.ferry-box-alt-content .ferry-icons{width:28%}
.alternatif-box .ferry-info{height:160px}
.alternatif-box .ferry-info:before{height:160px}
.ferry-alternatif-list{display:none;width:100%;float:left}
.modal-ferry-detail-box{width:100%;float:left;border:1px solid #eee;border-radius:10px;margin-bottom:20px}
.modal-ferry-accordion .accordion-row{margin-bottom:0}
.ferryDetailModal .modal-body{max-height:60vh;overflow-y:scroll}
.modal-ferry-total-time{width:100%;float:left;text-align:center;font-size:14px;margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:10px}
.modal-ferry-sidebar-company{width:100%;float:left;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.modal-ferry-sidebar-company img{width:30px;border-radius:5px;margin-right:10px;float:left}
.modal-ferry-sidebar-company span{font-size:12px;float:left}
.modal-ferry-route{width:100%;float:left}
.modal-sidebar-bekleme-suresi{width:100%;float:left;font-size:12px;text-align:center;color:red;font-weight:300;margin-bottom:10px}
.ferry-price .badge{float:right;font-size:11px;background:var(--ten);color:var(--brown);padding:5px 10px;font-weight:500;margin-bottom:4px}
.next-btn-row{width:100%;float:left;margin-top:40px;display:flex;align-items:center;justify-content:center}
.next-btn-row .pink-btn{width:220px;transition:all ease-in-out .3s}
.next-btn-row .pink-btn i{margin-left:15px}
.next-btn-row .pink-btn:hover{border:1px solid var(--pembe);color:var(--pembe);background:#fff}
.bekleme-suresi i{margin-right:7px}
.otel-page-search{width:100%;float:left;border-top:1px solid #eee;box-shadow:0 10px 20px rgba(0,0,0,.1);padding:15px 0;z-index:3;position:sticky;background:#fff;top:0;left:0;display:none}
.otel-page-search .main-search-content-box{padding:0;margin:0;width:100%}
.otel-page-search .main-search-content-box .circle-button{float:right}
.otel-list-content{width:100%;float:left;position:relative;margin-bottom:80px;margin-top:50px;z-index:1}
.otel-filter-row{width:100%;float:left;display:flex;margin-bottom:40px}
.otel-filter-row .dropdown{margin-right:15px;float:left}
.filter-btn{background:#fff;border:1px solid #ccc;font-size:14px;color:#4a4a4a;padding:10px 20px;border-radius:30px}
.filter-btn i{margin-left:20px}
.filter-btn.active,.filter-btn:focus,.filter-btn:visited{border:1px solid var(--mavi)!important;color:var(--mavi)!important}
.location-filter{width:250px;box-sizing:border-box;margin-top:10px;border-radius:20px;box-sizing:border-box;padding:15px 20px;max-height:270px;overflow-x:hidden;overflow-y:scroll;background:#fff}
.location-filter ul li{margin-bottom:5px}
.location-filter ul li label{font-weight:300}
.price-slider{width:300px;margin-top:10px;border-radius:20px;background:#fff;padding:20px 20px;text-align:center}
.price-slider input{width:calc(50% - 10px);height:35px;border:1px solid #ccc;margin:5px;float:left;border-radius:30px;font-size:12px;text-align:center;margin-bottom:10px}
.filter-price-btn{width:100px;height:35px;border:1px solid var(--pembe);border-radius:30px;margin-top:10px;background:var(--pembe);font-size:12px;color:#fff;transition:all ease-in-out .3s}
.filter-price-btn:focus,.filter-price-btn:hover{border:1px solid var(--pembe);background:#fff;color:var(--pembe)}
.yildiz-checkbox{width:100%;float:left}
.yildiz-checkbox ul{list-style:none;padding:0;display:flex;align-items:center;justify-content:space-between;width:100%;float:left}
.yildiz-checkbox ul li{text-align:center;display:flex;align-items:center;justify-content:center;width:20%;cursor:pointer;height:35px;position:relative;margin:3px}
.yildiz-checkbox ul li input{width:35px;height:35px;margin:0;cursor:pointer;opacity:0}
.yildiz-checkbox ul li label{position:absolute;margin:0;cursor:pointer;font-size:14px;font-weight:600;color:var(--mavi);z-index:2;padding:0;opacity:0}
.yildiz-checkbox ul li:before{content:"\f005";position:absolute;width:35px;height:35px;display:flex;align-items:center;border-radius:50%;font-family:"Font Awesome 5 Pro";color:var(--mavi);font-size:28px}
.yildiz-checkbox ul li:after{content:"\f005";position:absolute;width:35px;height:35px;transition:all ease-in-out .3s;opacity:0;font-family:"Font Awesome 5 Free";font-size:28px;display:flex;align-items:center;font-weight:700;color:var(--mavi)}
.yildiz-checkbox ul li.active:after{opacity:1}
.yildiz-checkbox ul li.active label{color:#fff}
.yildiz-filter{padding:15px 20px;border-radius:20px;margin-top:10px}
.title p span{position:relative;margin-right:30px}
.title p span:before{content:"";position:absolute;width:3px;height:3px;background:#000;border-radius:50%;right:-15px;top:50%;margin-top:-2px;opacity:.7}
.title p span:last-child:before{display:none}
.filter-map-btn,.filter-map-btn:focus{background:#fff;border:1px solid var(--pembe)!important;font-size:14px;color:var(--pembe);padding:10px 20px;border-radius:30px}
.filter-map-btn i{margin-right:10px}
.filter-delete,.filter-delete:focus{background:var(--mavi);border:1px solid var(--mavi)!important;font-size:14px;color:#fff;padding:10px 20px;border-radius:30px;font-weight:600}
.filter-delete i{margin-right:10px}
.sirala-filter{width:200px;margin-top:10px;border-radius:20px;padding:10px}
.sirala-filter button,.sirala-filter button:focus{width:100%;float:left;border:none;border-bottom:1px solid #eee!important;background:#fff;font-size:14px;padding:8px 0;color:#4a4a4a;transition:all ease-in-out .3s}
.sirala-filter button:last-child{border:none!important}
.sirala-filter button:hover{color:var(--mavi)}
.otel-list-row{width:100%;float:left;margin-bottom:10px;position:relative;z-index:1}
.mb-30{margin-bottom:30px}
.otel-list-content .main-blur-row{top:-13rem}
.otel-list-content .butterfly{top:-55px}
.hotel-change{font-size:16px;padding:0;border:none;color:var(--mavi);background:0 0;font-weight:600;transition:all ease-in-out .3s}
.hotel-change i{margin-right:7px}
.hotel-change:hover{color:var(--pembe)}
.navigation{width:100%;float:left;display:flex;align-items:center;justify-content:center}
.navigation a{float:left;width:35px;height:35px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;color:#4a4a4a;margin:4px}
.navigation a.active{border:1px solid var(--pembe);color:var(--pembe)}
.otel-list-content-box{width:100%;float:left;background:var(--bg-light-gray);border-radius:20px;box-sizing:border-box;padding:30px 40px;margin-top:60px;margin-bottom:50px}
.otel-list-content-box h2{color:var(--pembe);font-size:28px;width:100%;float:left;text-align:center;margin-bottom:20px;margin-top:20px}
.otel-list-content-box p,.otel-list-content-box ul li,ol li{font-size:14px;margin-bottom:15px;line-height:24px;opacity:.7}
.otel-list-content-box ul li,ol li{margin-bottom:5px}
.otel-list-content-box ul,ol{list-style:disc;margin-left:15px;margin-bottom:15px}
/* Yukarıdaki kuralda "ol" scope dışında kaldığı için ol'ler de disc alıyor — kutu içinde numaraya çevir */
.otel-list-content-box ol{list-style:decimal}
.otel-list-content-box ul ul{list-style:circle}
.otel-list-content-box h3{font-size:24px;font-weight:500;margin-bottom:15px;margin-top:10px;width:100%;float:left;color:var(--title-color)}
.begonvil-2{width:30%;position:relative;margin-left:35%;margin-bottom:-160px}
.mapModal .modal-dialog{max-width:80%}
.otel-detail-row{width:100%;float:left;margin-top:50px;margin-bottom:80px}
.hotel-gallery-row{width:calc(100% + 10px);float:left;position:relative;margin-left:-5px;margin-bottom:30px}
.hotel-gallery-row a:nth-child(1){width:calc(50% - 10px);height:400px;display:block;background-size:cover;background-position:center;border-radius:10px;float:left;margin:5px;position:relative}
.hotel-gallery-row a:nth-child(2),.hotel-gallery-row a:nth-child(3),.hotel-gallery-row a:nth-child(4),.hotel-gallery-row a:nth-child(5){width:calc(25% - 10px);height:195px;display:block;background-size:cover;background-position:center;border-radius:10px;float:left;margin:5px;position:relative}
.hotel-gallery-row a:before{content:"";position:absolute;width:100%;height:100%;background:#000;left:0;top:0;opacity:0;transition:all ease-in-out .3s}
.hotel-gallery-row a{position:relative;overflow:hidden}
.hotel-gallery-row a:hover:before{opacity:.5}
.hotel-gallery-all-btn{float:left;position:relative;margin-top:-100px;margin-left:15px}
.hotel-gallery-all-btn a{background:var(--ten);color:var(--brown);font-size:12px;font-weight:600;padding:12px 20px;border-radius:30px;display:flex;align-items:center}
.hotel-gallery-all-btn a i{font-size:16px;margin-right:8px}
.hotel-detail-box{width:100%;float:left;background:#fff;border:1px solid #ccc;margin-bottom:20px;border-radius:15px;box-sizing:border-box;padding:15px 20px}
.hotel-detail-box .badge{background:var(--mavi);color:#fff;padding:8px 20px;border-radius:30px;font-weight:500;text-transform:uppercase;margin-bottom:15px;margin-top:5px}
.hotel-detail-box h1,.hotel-detail-box h2{font-size:28px;margin-bottom:15px;font-weight:500}
.hotel-detail-box h2{font-size:24px;margin-top:10px}
.hotel-detail-info{width:100%;float:left;display:flex;align-items:center;margin-bottom:15px}
.hotel-points{position:relative;margin-right:30px}
.hotel-points i{color:var(--kirmizi);margin-right:5px}
.hotel-points strong{color:#424242;margin-right:5px}
.hotel-points span{font-weight:300;font-size:14px;opacity:.6}
.hotel-points:before{content:"";position:absolute;width:3px;height:3px;background:#000;right:-15px;top:50%;margin-top:-1px;opacity:.7;border-radius:50%}
.hotel-location{position:relative;margin-right:20px}
.hotel-location i{margin-right:10px}
.hotel-location span{font-weight:300}
.hotel-detail-box p{font-size:14px;line-height:24px;font-weight:300;margin-bottom:15px;opacity:.7}
.hotel-info-footer{width:100%;float:left;border-top:1px solid #eee;padding-top:15px;display:flex;align-items:center;justify-content:space-between;text-align:center;margin-top:10px}
.hotel-info-footer span{width:25%;border-right:1px solid #eee;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:300;padding:5px 0}
.hotel-info-footer span i{font-size:22px;margin-right:15px;float:left;opacity:.3}
.hotel-info-footer span:last-child{border-right:none}
.room-slider{width:100%;float:left;position:relative;margin-top:10px;margin-bottom:10px}
.room-box{width:100%;border:1px solid #ddd;border-radius:15px;overflow:hidden}
.oda-image{width:100%;height:200px;background-size:cover;background-position:center;margin-bottom:15px;position:relative}
.oda-image .badge{font-size:10px;left:15px;position:absolute;bottom:0;background:var(--ten);color:var(--brown);font-weight:700}
.room-content{width:100%;float:left;box-sizing:border-box;padding:0 15px}
.room-content h3{font-size:18px;font-weight:500;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;width:100%;float:left}
.room-bed{width:100%;float:left;font-size:14px;display:flex;align-items:center;opacity:.7;margin-bottom:10px}
.room-bed i{margin-right:10px;font-size:16px}
.room-box-features{width:100%;float:left}
.room-box-features ul{list-style:disc;margin-left:15px;font-size:12px;opacity:.5}
.room-box-features ul li{width:50%;float:left;margin-bottom:5px}
.all-details{padding:0;font-size:12px;background:0 0;border:none;text-decoration:underline}
.all-details i{margin-right:7px}
.room-footer{width:100%;float:left;border-top:1px solid #ddd;margin-top:15px;padding:10px 15px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;min-height:65px}
.room-price{width:30%}
.room-action{width:70%;display:flex;align-items:center;justify-content:flex-end}
.room-price del{width:100%;float:left;font-size:14px;opacity:.5;font-weight:300;line-height:14px}
.room-price strong{font-size:20px;float:left;width:100%}
.room-price strong span{font-size:13px}
.room-total select{font-size:12px;width:80px;height:35px;border-radius:30px;padding:0 10px;margin-right:10px;border:1px solid #ddd;color:#646464;box-sizing:border-box}
.room-choose{width:60px;font-size:12px;height:35px;border:none;background:var(--mavi);color:#fff;border-radius:30px;font-weight:600;position:relative}
.room-choose:before{content:"";position:absolute;width:52px;height:29px;border:1px solid #fff;left:4px;top:3px;border-radius:30px;transition:all ease-in-out .3s;opacity:0}
.room-choose.active:before{opacity:1}
.room-choose:after{content:"\f00c";font-family:'Font Awesome 5 Free';position:absolute;width:100%;text-align:center;left:0;font-size:14px;top:0;height:35px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all ease-in-out .3s;color:#fff}
.room-choose.active{color:transparent;background:var(--pembe)}
.room-choose.active:after{opacity:1}
.room-choose:hover:before{opacity:1}
.room-not-found{width:100%;float:left;box-sizing:border-box;font-size:12px;text-align:center;color:var(--pembe)}
.room-not-found i{margin-right:5px;color:var(--pembe);font-size:14px}
.room-slider .owl-nav{position:absolute;top:-60px;right:0}
.room-slider .owl-nav>div{margin-left:10px}
.otelDetayModal .modal-dialog{max-width:650px;box-shadow:0 0 30px;border-radius:20px}
.otelDetayModal .modal-dialog .modal-content{border-radius:20px}
.oda-modal-slider{width:100%;float:left;margin-bottom:15px;position:relative;box-sizing:border-box;padding:0 10px}
.otelListThumb{width:100%;float:left;height:300px;background-size:cover;background-position:center;border-radius:10px}
.oda-modal-slider .owl-nav{position:absolute;z-index:2;top:50%;margin-top:-20px;width:100%;left:0}
.oda-modal-slider .owl-nav div{background:rgba(255,255,255,.7)}
.oda-modal-slider .owl-nav .owl-prev{left:20px;position:absolute}
.oda-modal-slider .owl-nav .owl-next{position:absolute;right:20px;left:auto}
.oda-modal-content{width:100%;float:left;box-sizing:border-box;padding:0 10px}
.oda-modal-content p,.oda-modal-content ul li{font-size:14px;line-height:22px;margin-bottom:15px;font-weight:300;opacity:.7}
.oda-modal-content ul{list-style:disc;margin-left:15px;width:calc(100% - 15px);float:left;margin-top:15px;margin-bottom:10px}
.oda-modal-content ul li{margin-bottom:5px;width:50%;float:left}
.oda-image a{position:absolute;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:all ease-in-out .3s;left:0;top:0}
.oda-image a:before{content:"\f8c4";position:absolute;font-family:"Font Awesome 5 Pro";color:#fff;font-size:30px;transition:all ease-in-out .5s;opacity:0}
.oda-image a:hover{background:rgba(0,0,0,.3)}
.oda-image a:hover:before{opacity:1}
.hotel-features-list{width:100%;float:left;margin-top:12px}
.hotel-features-list ul li{width:50%;float:left;font-size:14px;margin-bottom:15px;display:flex;align-items:center}
.hotel-features-list ul li i{font-size:18px;width:30px;text-align:center;margin-right:15px;opacity:.7;font-weight:300}
a.dahaFazla{border:1px solid var(--blue);padding:15px 40px;display:block;color:#fff;background:var(--blue);border-radius:40px;transition:all ease-in-out .3s;font-weight:600;margin:auto;font-size:14px}
a.dahaFazla:hover{color:#2d3993;border:1px solid #2d3993;background:#fff}
.dynamic-wrap{transition:max-height .25s ease-in-out;width:100%;overflow:hidden;position:relative;font-style:14px;font-weight:300}
.height-active .dynamic-wrap:before{content:"";position:absolute;left:0;right:0;bottom:0;height:49px;background:-moz-linear-gradient(top,rgba(240,249,255,0) 0,#f9f9f9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);background:-ms-linear-gradient(top,rgba(255,25,5255,0) 0,#fff 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#00f0f9ff", endColorstr="#ffffff", GradientType=0 );z-index:1}
.btn-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:10px 0}
.btn-wrapper .grey-line{height:1px;max-width:430;width:40%;background:#d8d8d8;z-index:9}
.dynamic-show-more{position:relative;display:block;margin:auto 10px 0;color:var(--mavi);background:0 0;z-index:3;padding:5px 10px;border-bottom:1px solid transparent;text-align:center;font-size:14px;font-weight:600;max-width:300px;width:210px;text-decoration:none!important;transition:all ease-in-out .3s}
.dynamic-show-more::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen}
.dynamic-show-more::after{content:"";display:block;position:absolute;width:40px;height:29px;top:0;right:-8px}
.dynamic-max-height.height-active .dynamic-show-more{display:inline-block;display:block}
.dynamic-max-height .dynamic-show-more{display:none}
.dynamic-show-more:hover{color:var(--pembe)}
.comment-row{width:100%;float:left;position:relative;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #ccc}
.comment-avatar{width:70px;height:70px;background:rgb(1 173 238 / 10%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;float:left;margin-right:30px;color:var(--mavi);border:1px solid var(--mavi)}
.comment-right{width:calc(100% - 100px);float:left}
.comment-title{width:100%;float:left;margin-bottom:15px}
.comment-title strong{font-size:18px;width:100%;float:left}
.comment-title span{color:grey;font-size:14px}
.comment-yildiz{width:100%;float:left;margin-bottom:15px;display:flex;align-items:center;color:grey;justify-content:space-between;text-align:center}
.comment-yildiz span{font-size:16px;width:19%;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;padding:7px 8px}
.comment-yildiz span i,.comment-yildiz span strong{color:#e9b306;font-weight:500}
.comment-text{width:100%;float:left;background:var(--bg-light-gray);border-radius:10px;box-sizing:border-box;padding:10px 20px;font-size:14px;margin-bottom:10px}
span.comment-date{float:right;font-style:italic}
span.comment-date i{margin-right:5px}
.yorum-yap-btn{float:right;background:var(--pembe);margin-right:5px;padding:13px 30px;color:#fff;font-weight:600;border-radius:40px;cursor:pointer;margin-bottom:30px;transition:all ease-in-out .3s;font-size:14px;border:1px solid var(--pembe)}
.yorum-yap-btn i{margin-right:10px}
.yorum-yap-btn:hover{background:#fff;color:var(--pembe)}
.yorum-form{width:100%}
.yorum-form ul{padding:0;list-style:none;width:calc(100% + 20px);margin-left:-10px}
.yorum-form ul li{width:calc(100% - 20px);display:inline-block;margin-bottom:15px;margin-left:10px;margin-right:10px;float:left}
.yorum-form ul li:nth-child(2),.yorum-form ul li:nth-child(3){width:calc(50% - 22px)}
.yorum-form ul li input[type=text]{width:100%;height:45px;font-size:12px;padding:0 15px;border-radius:5px;border:1px solid #ccc;outline:0;border-radius:30px}
.yorum-form ul li textarea{width:100%;height:100px;border:1px solid #ccc;border-radius:15px;box-sizing:border-box;padding:10px 15px;font-size:12px}
.yorum-form ul li input[type=submit]{background:var(--pembe);border:none;padding:13px 25px;color:#fff;font-size:12px;border-radius:35px;cursor:pointer;font-weight:600;margin:auto;display:block;border:1px solid var(--pembe);transition:all ease-in-out .3s}
.comments{width:100%;float:left;margin-top:15px}
.comment-yildiz span div{width:100%;float:left;font-size:12px}
.comment-text p{font-size:13px;line-height:22px}
.comment-yildiz span i{font-weight:600;margin-right:7px}
.yildiz-form-row{width:50%;float:left;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.yildiz-form-row:nth-child(odd){padding-right:15px}
.yildiz-form-row:nth-child(even){padding-left:15px}
.yildiz-form-row span{font-size:14px;opacity:.7}
.yildiz-form-row select{font-size:12px;height:30px;width:90px;text-align:center;border-radius:30px;border:1px solid #ccc;color:#646464}
.yorum-form ul li input[type=submit]:hover{background:#fff;color:var(--pembe)}
.detail-sidebar{width:100%;float:left;border:1px solid #ccc;border-radius:15px;background:#fff;box-sizing:border-box;padding:15px 20px;position:sticky;top:10px}
.detail-sidebar-head{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.sidebar-night-price{width:40%;float:left}
.sidebar-night-price strong{font-size:24px;font-weight:600}
.sidebar-night-price span{font-size:12px;margin-left:5px;opacity:.5}
.sidebar-map{font-size:13px;cursor:pointer;transition:all ease-in-out .3s}
.sidebar-map i{margin-right:7px;color:var(--kirmizi);font-size:14px}
.sidebar-map:hover{color:var(--pembe)}
.detail-sidebar-form{width:100%;float:left;border:1px solid #ddd;border-radius:25px;margin-bottom:20px}
.detail-sidebar-form form{width:100%;float:left}
.sidebar-date-input{width:50%;float:left;border-right:1px solid #ddd;box-sizing:border-box;padding:10px 10px 10px 5px;position:relative;display:flex;align-items:center}
.sidebar-date-input>i,.sidebar-guest-input>i,.sidebar-tour-input i{width:40px;font-size:24px;text-align:center;opacity:.3;float:left}
.sidebar-input{width:calc(100% - 40px);float:left;box-sizing:border-box;padding-left:5px}
.sidebar-input input{width:100%;background:0 0;color:#141414;font-weight:500;font-size:15px}
.sidebar-input>span{font-size:11px;opacity:.5;width:100%;float:left}
.sidebar-guest-input{width:100%;float:left;border-top:1px solid #ddd;padding:10px 10px 10px 5px;position:relative;display:flex;align-items:center}
.border-none{border:none}
.detail-sidebar-excerpt{width:100%;float:left;margin-bottom:20px;margin-top:10px}
.detail-sidebar-excerpt ul li{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:10px;opacity:.7}
.detail-sidebar-excerpt ul li span{width:70%;float:left;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.detail-sidebar-excerpt ul li span,.detail-sidebar-excerpt ul li strong{font-weight:400}
.total-price{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ddd;margin-top:10px;padding:10px 0;font-size:14px}
.total-price span,.total-price strong{font-weight:600}
.reservation-button{width:100%;float:left;height:50px;background:var(--pembe);border-radius:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;border:1px solid var(--pembe);transition:all ease-in-out .3s;margin-bottom:10px}
.reservation-button:hover{background:#fff;color:var(--pembe)}
.hotel-detail-box:last-child{margin-bottom:0}
.sidebar-buttons{width:100%;float:left;margin:10px 0;display:flex;align-items:center;justify-content:space-between}
.sidebar-buttons button,.sidebar-buttons button:focus,.sidebar-buttons button:visited{width:calc(50% - 7px);height:40px;font-size:12px;border:1px solid var(--mavi)!important;background:#fff;border-radius:30px;color:var(--mavi);float:left;font-weight:500;transition:all ease-in-out .3s}
.sidebar-buttons button i{margin-right:7px}
.sidebar-buttons button:hover{background:rgb(1 173 238 / 10%)}
.sizi-arayalim-form{width:100%;float:left}
.sizi-arayalim-form label{font-size:14px;font-weight:300;margin-bottom:5px;width:100%;float:left;box-sizing:border-box;padding-left:20px}
.sizi-arayalim-form .form-control,.sizi-arayalim-form textarea{height:45px;border-radius:40px;font-size:12px;padding:0 20px;border:1px solid #ddd}
.sizi-arayalim-form .form-group{width:calc(100% - 10px);margin:5px;margin-bottom:20px!important;float:left}
.sizi-arayalim-form .form-group:nth-child(1),.sizi-arayalim-form .form-group:nth-child(2){width:calc(50% - 10px);float:left;margin:5px}
.sizi-arayalim-form textarea{width:100%;height:100px;border:1px solid #ddd;border-radius:15px;padding-top:10px}
.blue-btn{background:var(--mavi);border:1px solid var(--mavi)!important;font-size:14px;padding:10px 30px;border-radius:30px}
.blue-btn:hover{background:#fff;color:var(--mavi)}
.campaign-row{width:100%;float:left;padding-top:50px;margin-bottom:80px;overflow:hidden}
.campaign-row .main-blur-row{top:-10rem}
.mb-50{margin-bottom:50px}
.mt-30{margin-top:30px}
.campaign-row .bird img{-webkit-transform:matrix(-1,0,0,1,0,0);-moz-transform:matrix(-1,0,0,1,0,0);-o-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}
.campaign-row .bird{top:0;left:auto;right:0;width:10%}
.register-row{width:100%;float:left;margin:50px 0 80px}
.register-box{width:100%;float:left;border:1px solid #ddd;border-radius:30px;box-sizing:border-box;padding:30px 50px;margin-bottom:50px;box-shadow:none;margin-top:30px;position:relative;background-image:url(images/right-bg.png);background-repeat:no-repeat;background-position:125%;background-size:auto 100%}
.register-box .begonvil-2{margin-bottom:-140px}
.login-box{width:100%;float:left;box-sizing:border-box;padding-right:40px}
.login-box h1,.signin-box h2{width:100%;float:left;margin-bottom:25px;font-size:32px;text-align:center;margin-top:10px}
.login-form,.login-form form,.login-form ul{width:100%;float:left}
.login-form ul li{width:100%;float:left;margin-bottom:20px;position:relative;display:flex;align-items:center}
.login-input{width:100%;height:60px;border:1px solid #ddd;border-radius:30px;padding-left:70px;font-size:14px;transition:all ease-in-out .3s}
.login-form ul li span{position:absolute;width:60px;text-align:center;font-size:24px;left:10px;opacity:.3}
.login-button{width:200px;height:55px;background:var(--pembe);color:#fff;font-size:14px;border-radius:30px;position:relative;left:50%;margin-left:-100px;transition:all ease-in-out .3s}
.sifremi-unuttum{width:100%;float:left;text-align:center;font-size:14px}
.sifremi-unuttum a{color:var(--pembe);font-weight:300;transition:all ease-in-out .3s}
.sifremi-unuttum a i{margin-right:5px}
.sifremi-unuttum a:hover{color:var(--mavi)}
.login-form label{font-weight:300!important;color:#646464}
.signin-box{width:100%;float:left;box-sizing:border-box;padding-left:35px}
.signin-form,.signin-form form,.signin-form ul{width:100%;float:left}
.signin-form ul li{width:calc(50% - 10px);float:left;margin:5px;position:relative;display:flex;align-items:center}
.sign-input{width:100%;height:50px;border:1px solid #ddd;border-radius:30px;font-size:12px;padding-left:50px;margin-bottom:10px;transition:all ease-in-out .3s}
.signin-form ul li>span{position:absolute;width:40px;font-size:18px;left:17px;margin-top:-10px;opacity:.5}
.iti{width:100%}
.iti__flag-container{left:6px!important}
.signin-form ul li:nth-child(5),.signin-form ul li:nth-child(6){width:calc(100% - 10px)}
.sign-button{width:200px;height:50px;border:1px solid var(--pembe);border-radius:30px;background:#fff;color:var(--pembe);font-size:14px;position:relative;left:50%;margin-left:-100px;transition:all ease-in-out .3s}
.sign-button:hover{border:1px solid var(--mavi);color:var(--mavi)}
.login-button:hover{background:var(--mavi);border:1px solid var(--mavi)}
.register-box:before{content:"";position:absolute;width:1px;height:75%;background:#000;opacity:.1;left:50%}
.login-input:focus{border:1px solid var(--pembe)}
.sign-input:focus{border:1px solid var(--mavi)}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:transparent!important}
.iti__country-list{width:240px!important}
.iti__country{width:100%!important;margin:2px!important}
.iti__country-name,.iti__flag-box{position:relative!important;width:auto!important;font-size:12px!important;left:auto!important;margin-top:0!important;opacity:1!important}
.iti__dial-code{position:relative!important;font-size:12px!important;float:right!important;width:auto!important;left:auto!important;opacity:.8!important;margin-top:0!important}
.iti__divider{width:100%!important}
.about-row{width:100%;float:left;padding:80px 0;position:relative}
.about-row .main-blur-row{top:0}
.about-content{width:100%;float:left;padding-right:8%}
.about-content h1,.content h1{font-size:38px;margin-bottom:20px}
.about-content p,.content p{font-size:14px;line-height:24px;opacity:.7;font-weight:300}
.services-row{width:100%;float:left;position:relative;margin-top:100px}
.services-row h2{width:100%;margin-bottom:50px;text-align:center}
.services-row img{width:70%;margin:0 15%}
.services-box{width:100%;float:left;margin-top:50px}
.services-box h3{font-size:22px;margin-bottom:10px;color:var(--pembe)}
.services-box p{font-size:14px;line-height:24px;font-weight:300;opacity:.7}
.explanation-widget,.sss-row{width:100%;float:left;background-color:var(--bg-light-gray);border-radius:30px;padding:50px 70px;background-size:80%;background-position:bottom right;background-repeat:no-repeat;margin-top:80px;box-shadow:0 10px 25px rgba(0,0,0,.2)}
.explanation-widget h2,.sss-row h2{font-size:28px;margin-bottom:30px}
.accordion{width:100%;float:left}
.accordionButton{width:100%;float:left;background:#fff;border:1px solid var(--mavi);padding:14px 20px 14px 20px;color:rgb(0 0 0 / 70%);font-weight:500;border-radius:30px;position:relative;font-size:14px}
.accordionContent{width:100%;float:left;background:#fff;box-sizing:border-box;padding:15px 20px;border-radius:0 0 15px 15px;display:none;border:1px solid var(--mavi)}
.accordionContent p{font-size:14px;line-height:24px;opacity:.7;font-weight:300;margin-bottom:10px}
.accordionButton:before{content:"\f078";position:absolute;right:20px;font-family:'Font Awesome 5 Free';transition:all ease-in-out .3s;color:var(--mavi)}
.accordionButton.on{border-radius:15px 15px 0 0;border-bottom:none;color:var(--mavi)}
.accordionButton.on:before{transform:rotate(-180deg)}
.contact-row{width:100%;float:left;position:relative;padding:80px 0}
.contact-row h1{text-align:center}
.contact-information{width:100%;float:left}
.contact-information ul li{width:100%;float:left;margin-bottom:30px}
.contact-information i{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-right:25px;font-size:40px;opacity:.4;font-weight:300;float:left;text-align:center}
.contact-information strong{width:calc(100% - 70px);float:left;font-size:14px;margin-bottom:5px}
.contact-information p,.contact-information p a{font-weight:300;color:#000}
.contact-row .main-blur-row{top:0}
.contact-form{width:100%;float:left}
.form-text,.form-textarea{width:100%;height:55px;border:1px solid #ddd;border-radius:40px;font-size:12px;padding:0 25px;background:#fff;appearance:none;float:left;transition:all ease-in-out .3s}
.form-textarea{height:150px;padding-top:15px;border-radius:20px}
.contact-form ul li{width:calc(100% - 14px);float:left;margin:7px}
.contact-form ul li:nth-child(1),.contact-form ul li:nth-child(2),.contact-form ul li:nth-child(3),.contact-form ul li:nth-child(4){width:calc(50% - 14px);margin:7px}
.form-text:focus,.form-textarea:focus{border:1px solid var(--mavi)}
.form-submit{background:var(--mavi);border:1px solid var(--mavi);color:#fff;padding:17px 40px;border-radius:30px;font-size:14px;float:right;cursor:pointer;transition:all ease-in-out .3s;margin-top:10px}
.form-submit:hover{background:#fff;color:var(--mavi)}
.vize-form{width:100%;float:left;background:#fff;border:1px solid var(--brown);border-radius:15px;box-sizing:border-box;padding:30px 35px}
.vize-form-input{width:100%;float:left;margin-bottom:20px}
.vize-form-input strong,.vize-form-toplam-fiyat strong{width:100%;float:left;color:#000;opacity:.6;font-weight:500;margin-bottom:5px;font-size:12px}
.vize-form .icon-input{width:100%;float:left;position:relative;display:flex;align-items:center;border:1px solid #ddd;border-radius:30px}
.vize-form .icon-input input,.vize-form .icon-input select{width:100%;float:left;height:50px;font-size:12px;box-sizing:border-box;padding-left:45px;padding-right:30px;border-radius:50px;background:#fff;border:none;color:var(--paragraf-color);background-image:url(images/icn/arrow.svg);background-repeat:no-repeat;background-size:10px;background-position:93%;-webkit-appearance:none;appearance:none}
.vize-fiyat-yetiskin{width:100%;float:left}
.vize-fiyat-yetiskin input{width:calc(100% - 70px);height:50px;background:#fff;border-radius:30px;text-align:center;font-weight:700;color:var(--brown);float:left;margin-right:20px;border:1px solid #ddd}
.vize-fiyat-yetiskin button{width:50px;height:50px;background:var(--brown);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:11px;position:relative;outline:0!important}
.vize-fiyat-yetiskin button:before{content:"";position:absolute;border-color:transparent var(--brown) transparent transparent;border-style:solid;border-width:10px;width:0;height:0;left:-17px}
.vize-form-input .icon-input input{font-size:12px;padding-left:45px}
.vize-form-toplam-fiyat input{width:100%;float:left;height:50px;box-sizing:border-box;border-radius:50px;background:var(--ten);border:none;background-color:var(--ten);text-align:center;font-weight:800;color:var(--brown);font-size:20px;border:1px solid #ddd}
.vize-form-toplam-fiyat strong{text-align:left}
.vize-form-btn{height:50px;font-weight:500;font-size:16px;width:200px;margin-top:15px;background:var(--brown);margin-bottom:15px;border-radius:30px;color:#fff;border:1px solid var(--brown);transition:all ease-in-out .3s}
.visa-row{width:100%;float:left;box-sizing:border-box;padding:60px 0}
.visa-content{width:100%;float:left;position:relative}
.visa-box{width:100%;float:left;position:relative;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);border-radius:20px;box-sizing:border-box;padding:0;overflow:hidden}
.visa-box h1,.visa-box h2{font-size:26px}
.visa-box .title p{font-size:13px}
.visa-box .title{margin-bottom:25px}
.icon-input span{position:absolute;font-size:20px;left:15px;color:var(--brown)}
.vize-sss{width:100%;float:left;margin:50px 0;box-sizing:border-box;padding:0 30px}
.vize-kurallar h3,.vize-sss h3{font-size:24px;width:100%;float:left;margin-bottom:25px;text-align:center}
.vize-kurallar{width:100%;float:left;margin-bottom:30px;box-sizing:border-box;padding:0 30px}
.visa-top{width:100%;float:left;background:var(--ten);box-sizing:border-box;padding:30px 30px 0}
.visa-dalgali{width:calc(100% + 60px);float:left;position:relative;margin-top:30px;margin-left:-30px}
.visa-dalgali svg{fill:#fff}
.vize-form-btn:hover{color:var(--brown);background:#fff}
.visa-top .title{text-align:center}
.visa-top .title h2{color:var(--brown);font-size:28px}
.vize-kurallar ul li{width:100%;float:left;margin-bottom:10px;font-size:14px;line-height:24px;font-weight:300;color:rgb(0 0 0 / 50%);box-sizing:border-box;padding-left:30px;position:relative}
.vize-kurallar ul li:before{content:"\f8a2";position:absolute;font-family:'Font Awesome 5 Free';color:var(--mavi);left:0;font-weight:700;top:0}
.visa-top .yolcuAracPopup{width:300px}
.yolcuAracLabel strong{width:auto;float:left;margin-bottom:0}
.visa-content .col-lg-6{padding:0 25px}
.vize-form .col-md-6{padding:0 7px}
.green-alert{width:100%;float:left;margin-bottom:0;text-align:center;background:#e5f6ed;color:#13882b;border:none;font-size:14px;padding:20px 0;font-weight:500;position:relative}
.alert-close{position:absolute;right:15px;top:15px;font-size:18px;cursor:pointer}
.visa-bottom-content{width:100%;float:left;position:relative;margin-top:50px}
.visa-bottom-content img{width:100%;float:left;margin-top:-50px;position:relative;z-index:-1}
.visa-bottom-content h3{font-size:24px;margin-bottom:20px}
.visa-bottom-content p{font-size:14px;line-height:24px;margin-bottom:15px;font-weight:300;opacity:.6}
.kelebek{width:17%;position:absolute;right:33%;bottom:33%}
.header-form{width:100%;float:left;border-top:1px solid #eee;margin-top:15px}
.header-form .main-search-content-box{width:100%;padding:0}
.header-form .nerdenNereye{width:100%;margin-left:0}
.header-form .circle-button{float:right}
.header-form .yolcular{width:calc(100% - 70px)}
.landing-content{width:100%;float:left;margin:60px 0}
.landing-content p{font-size:14px;line-height:24px;margin-bottom:20px;font-weight:300;opacity:.6}
.landing-content p strong{font-weight:600}
.landing-content .title{margin-bottom:25px}
.landing-content .title p{font-size:16px;margin-bottom:0}
.landing-content .bird{left:auto;right:20px;top:-40px}
.landing-content .bird img{-webkit-transform:matrix(-1,0,0,1,0,0);-moz-transform:matrix(-1,0,0,1,0,0);-o-transform:matrix(-1,0,0,1,0,0);transform:matrix(-1,0,0,1,0,0)}
.landing-features{width:100%;float:left;position:relative;margin-bottom:50px}
.landing-information{width:100%;float:left;position:relative;background-size:80%;background-position:bottom right;background-repeat:no-repeat;padding:100px 0}
.landing-information table{width:100%;float:left;border:1px solid #ddd;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.15)}
.landing-information table td{border-bottom:1px solid #ddd;padding:15px 25px;font-size:14px;vertical-align:middle}
.landing-information table tr td:first-child{font-weight:600;border-right:1px solid #ddd;width:300px;background-color:#f0f6ff}
.mt-0{margin-top:0}
.landing-information table td i{color:var(--mavi);font-size:20px;width:25px;text-align:center;margin-right:15px;float:left}
.landing-sss-row{padding-top:80px!important;background:#eff4f7}
.landing-map{width:90%;float:left;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.15);margin-bottom:-50px}
.landing-map iframe{width:100%;float:left;height:450px}
.landing-sss-row .title{margin-bottom:40px}
.landing-sss-row .title strong{font-weight:700}
.landing-sss{margin-bottom:-50px}
.toollist{width:100%;float:left;box-shadow:0 10px 20px rgba(0,0,0,.15);border-radius:15px;margin-bottom:30px;overflow:hidden;background:#fff}
.toollist-title{width:100%;float:left;text-align:center;padding:15px 0;border-bottom:1px solid #eee;background:#eff4f7;display:flex;align-items:center;justify-content:center;color:#d60550}
.toollist-title i{color:var(--pembe);font-size:22px;margin-right:10px}
.toollist-content{width:100%;float:left;box-sizing:border-box;padding:0 30px}
.toollist-content ul li{padding:10px;text-align:center;font-size:14px;border-bottom:1px solid #eee;opacity:.6;font-weight:300}
.toollist-title strong{font-weight:600}
.begonvil-3{width:100%;float:left;position:relative;margin-top:-75px}
.landing-gezilecek-yerler{margin-bottom:80px!important}
.landing-gezi-rehberi{width:100%;float:left;margin-bottom:80px}
.gezi-rehberi{width:100%;float:left;border-radius:20px;background:#eff4f7;box-shadow:0 10px 20px rgba(0,0,0,.15);box-sizing:border-box;padding:30px 50px}
.gezi-rehberi .title{margin-bottom:20px;margin-top:10px}
.gezi-rehberi .title strong{font-weight:700}
.gezi-rehberi .title strong h2{font-weight:400}
.gezi-rehberi p{font-size:14px;line-height:24px;margin-bottom:20px;font-weight:300}
.gezi-rehberi p strong{font-weight:600}
.gezi-rehberi p a{color:var(--pembe);font-weight:500}
/* Panelden gelen zengin içerik (short_content/content) maddelemesi — global "ol,ul{list-style:none}" reset'ini geri alır */
.landing-icerik ul{list-style:disc}
.landing-icerik ol{list-style:decimal}
.landing-icerik ul,.landing-icerik ol{margin:0 0 20px 20px;padding:0}
.landing-icerik ul ul,.landing-icerik ol ol,.landing-icerik ul ol,.landing-icerik ol ul{margin-bottom:0;margin-top:5px}
.landing-icerik ul ul{list-style:circle}
.landing-icerik li{font-size:14px;line-height:24px;font-weight:300;margin-bottom:5px}
.landing-icerik li strong{font-weight:600}
.landing-icerik li a{color:var(--pembe);font-weight:500}
.landing-content .landing-icerik li{opacity:.6}
/* Panel editöründe (quilleditor.js + quill1.3.7-table-module) oluşturulan tablolar — sayfadan bağımsız,
   .ql-table sınıfı modülün kendi çıktısıdır. max-width: modül tabloya editör genişliğinden hesaplanmış
   inline width basar (ör. 2448px); kapsayıcıya ancak max-width sığdırır. */
.ql-table,.landing-icerik table{width:100%;max-width:100%;margin:0 0 20px;border:1px solid #dbe3e8;font-size:14px;line-height:24px;font-weight:300;border-collapse:collapse}
.ql-table td,.ql-table th,.landing-icerik table td,.landing-icerik table th{border:1px solid #dbe3e8;padding:8px 12px;text-align:left;vertical-align:top}
.ql-table th,.landing-icerik table th{background:#eff4f7;font-weight:600}
.landing-icerik table caption{caption-side:top;font-size:14px;font-weight:600;padding-bottom:8px;text-align:left}
.odeme-box{width:100%;float:left;border:1px solid #ddd;border-radius:15px;margin-bottom:20px;box-sizing:border-box;padding:15px 20px}
.odeme-box-title{width:70%;float:left;display:flex;align-items:center;margin-bottom:25px;position:relative;margin-top:10px}
.odeme-form-row{width:100%;float:left}
.odeme-box-title h2{font-size:18px;font-weight:500;color:var(--title-color);margin-left:5px;float:left}
.odeme-box-title i{color:var(--title-color);width:30px;text-align:center;opacity:.5;font-size:20px;margin-right:5px}
.kart-input label,.odeme-form-row label{font-size:13px;color:var(--paragraf-color);width:100%;float:left;margin-bottom:7px}
.kart-input input,.kart-input select,.odeme-form-row input,.odeme-form-row select{width:100%;height:50px;border:1px solid #e3e3e3;border-radius:30px;font-size:13px;padding:0 20px;box-sizing:border-box;background-color:#fff;color:var(--paragraf-color);appearance:none;float:left}
.odeme-tel{width:100%;float:left}
.odeme-tel .iti{width:calc(100% - 110px);float:left;margin-right:15px}
.tel-badge{width:95px;float:left;height:45px;font-size:10px;display:flex;align-items:center;background:var(--mavi);border-radius:30px;justify-content:center;color:#fff;font-weight:600;position:relative;margin-top:3px}
.tel-badge:before{content:"";position:absolute;left:-14px;border-color:transparent var(--mavi) transparent transparent;border-style:solid;border-width:8px;width:0;height:0}
.mb-10{margin-bottom:10px}
.odeme-form-row p{color:var(--paragraf-color);font-size:12px;display:flex;align-items:center;justify-content:center}
.dogumTarihiRow,.ulke-row{width:calc(100% + 10px);float:left;position:relative;margin-left:-5px;margin-right:-5px}
.dogum-col{width:calc(33.3% - 10px);float:left;margin:5px}
.uyruk-col{width:calc(33.3% - 10px);float:left;position:relative;margin:5px}
.tc-col{width:calc(66.7% - 10px);float:left;margin:5px}
.kart-input select,.odeme-form-row select{background-image:url(images/icn/select-arrow.svg);background-repeat:no-repeat;background-position:90% center}
.odeme-yolcu-liste-btn{float:right;background:#f0f0f4;font-size:12px;display:inline-flex;align-items:center;height:30px;padding:0 15px;cursor:pointer;border-radius:25px}
.odeme-yolcu-liste-btn img{margin-right:5px;float:left}
.odeme-yolcu-liste-btn span{font-weight:600}
input[type=radio]:not(old)+label:before{content:"\f111"}
input[type=radio]:not(old):checked+label:before{content:"\f2f8";font-weight:800;font-family:'Font Awesome 5 Pro'}
.cinsiyet{display:flex;align-items:center}
.cinsiyet span{color:var(--paragraf-color);font-size:14px;margin-right:15px}
.cinsiyet-col{float:left;margin-right:15px;display:flex;align-items:center;font-size:12px}
.cinsiyet-col label{margin-bottom:0}
.kayitli-yolcu-list{position:absolute;background:#fff;z-index:2;border:1px solid #e3e3e3;width:calc(100% - 30px);box-sizing:border-box;padding:10px 0!important;max-height:200px;overflow-x:scroll;border-radius:0 0 15px 15px;display:none;top:75px}
.kayitli-yolcu-list ul li{font-size:14px;line-height:30px;cursor:pointer;width:100%;float:left;padding:0 20px}
.kayitli-yolcu-list ul li:hover{background:#f0f0f4}
.odeme-form-row input.active{border-radius:15px 15px 0 0}
.kabin-cinsiyet{float:left;border:1px solid var(--mavi);margin-right:15px;padding:10px 15px 3px;border-radius:25px}
.select-list-input{width:100%;float:left;position:relative}
.select-list-button{float:left;width:100%;height:55px;border:1px solid #e3e3e3;border-radius:30px;font-size:13px;padding:0 20px;box-sizing:border-box;background:#fff;display:flex;align-items:center;transition:all ease-in-out .3s;color:var(--paragraf-color)}
.yolcuTipiText{padding:0;width:75%;border:none}
.select-list-button i{width:5%;font-size:22px;color:var(--paragraf-color)}
.select-list-button p{width:35%;text-align:right;box-sizing:border-box;padding-right:15px;display:block}
.select-list-button p strong{width:100%;float:left}
.select-list-button p span{font-size:10px;width:100%;float:left;color:var(--yesil);font-weight:600}
.select-list-button.active{border-radius:15px 15px 0 0}
.select-list-button.active i{transform:rotate(180deg)}
.select-list-dropdown{width:100%;float:left;z-index:3;background:#fff;border:1px solid #e3e3e3;border-radius:0 0 15px 15px;max-height:250px;overflow-x:overlay;padding:0!important;overflow-y:scroll;display:none;position:absolute;top:54px}
.select-list-dropdown>strong{font-size:12px;padding:10px 15px;color:var(--p-color);background:#f7f9fa;width:100%;float:left}
.select-list-dropdown ul li{width:100%;float:left;padding:10px 15px;border-bottom:1px solid #e3e3e3;cursor:pointer;font-size:12px;color:var(--paragraf-color);display:flex;align-items:center;justify-content:space-between}
.select-list-dropdown ul li span{font-size:13px;width:75%}
.select-list-dropdown p{width:25%;text-align:right;display:block}
.select-list-dropdown ul li:hover{background:rgb(240 240 244)}
.select-list-dropdown p strong{width:100%;float:left}
.select-list-dropdown p span{width:100%!important;float:left;font-size:10px!important;font-weight:600}
.bay-input input[type=radio]:not(old)+label:before{content:"\f221";font-family:'Font Awesome 5 Free'}
.bay-input input[type=radio]:not(old)+label,.bayan-input input[type=radio]:not(old)+label{padding-left:20px}
.bayan-input input[type=radio]:not(old)+label:before{content:"\f222";font-family:'Font Awesome 5 Free'}
.kabin-cinsiyet.active{background:rgb(219 245 255 / 40%);color:var(--mavi)}
.ferry-head h1{font-size:20px;color:var(--title-color)}
.ferry-head h1 i{color:var(--mavi);margin:0 14px;font-size:24px;float:left}
.ferry-head h1 span{float:left}
.mb-15{margin-bottom:15px}
.kabin-cinsiyet.active label{color:var(--mavi)}
.mt-50{margin-top:50px}
.kabin-content{width:100%;float:left;position:relative;margin-bottom:80px}
.box-title{width:100%;float:left;border-bottom:1px solid #eee;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between}
.odeme-sidebar{width:100%;float:left;position:sticky;top:15px;margin-bottom:20px}
.odeme-ozet-box{width:100%;float:left;border:1px solid #ddd;box-sizing:border-box;border-radius:15px;padding:15px}
.odeme-ozet-row{width:100%;float:left;font-size:14px;display:flex;align-items:center;justify-content:space-between;line-height:24px;padding:5px 0;color:rgb(0 0 0 / 60%);margin-bottom:1px}
.odeme-ozet-row.green-del{width:calc(100% + 30px);margin-left:-15px;box-sizing:border-box;padding:5px 15px;background:#f1fbff;color:var(--mavi);font-weight:600}
.odeme-ozet-row input[type=checkbox]:not(old)+label:before{font-size:13px}
.odeme-ozet-row input[type=checkbox]:not(old)+label{font-size:11px;padding-left:20px}
.odeme-ozet-row strong{width:70%;font-weight:600}
.odeme-ozet-top-row{width:100%;float:left;border-top:1px solid #eee;margin-top:15px;padding-top:15px;display:flex;align-items:center;justify-content:space-between}
.odeme-ozet-top-row p{font-size:13px;font-weight:600}
.odeme-ozet-top-row strong{font-size:18px}
.sidebar-sefer-badge{width:100%;float:left}
.icon-badge{background:#fff;float:left;color:#545454;display:flex;align-items:center;border-radius:15px;margin-right:5px;box-sizing:border-box;padding:2px 8px;font-weight:400;cursor:pointer;position:relative;border:1px solid #ddd;font-size:10px;margin-bottom:5px;height:25px;box-sizing:border-box}
.badge-icon{margin-right:6px;font-size:13px}
.badge-icon img{width:18px}
.badge-popover{position:absolute;background:var(--mavi);width:190px;border-radius:15px;box-sizing:border-box;padding:10px;text-align:center;display:none;z-index:2;bottom:28px;left:50%;margin-left:-117px}
.badge-popover:before{content:"";position:absolute;left:50%;border-color:var(--mavi) transparent transparent transparent;border-style:solid;border-width:8px;width:0;height:0;bottom:-14px;margin-left:-10px}
.badge-popover p{font-size:10px;font-weight:400;color:#fff}
.icon-badge:hover .badge-popover{display:block}
.sidebar-sefer-box{width:100%;float:left;border:1px solid #ddd;border-radius:15px;box-sizing:border-box;margin-top:20px}
.sidebar-sefer-box-title{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;background:#ddf6ff;box-sizing:border-box;padding:10px 15px;border-radius:15px 15px 0 0}
.sidebar-sefer-title{font-size:14px}
.sidebar-sefer-title i{color:var(--mavi);margin-right:5px}
.sidebar-sefer-title strong{font-weight:600}
.sidebar-sefer-box-title a{font-size:10px;color:#000;opacity:.7}
.sidebar-sefer-box-title a:hover{opacity:1}
.sidebar-sefer-content{width:100%;float:left;box-sizing:border-box;padding:15px 15px 10px}
.sidebar-sefer-firma-row{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.sidebar-sefer-firma-logo{width:60px;border-radius:7px;overflow:hidden;border:1px solid #ddd}
.sidebar-sefer-firma-logo img{float:left}
.sidebar-sefer-firma-title{display:flex;align-items:center}
.sidebar-sefer-firma-title>i{color:var(--mavi);margin-right:10px;font-size:18px}
.sidebar-sefer-firma-title p{font-size:13px}
.sidebar-sefer-firma-title p strong{font-weight:600;margin-right:5px}
.sidebar-sefer-firma-title p i{font-size:10px;float:left;width:100%;opacity:.6}
.sidebar-sefer-bilgi{width:100%;float:left}
.sidebar-sefer-bilgi-row{width:100%;float:left;margin-bottom:15px;position:relative;box-sizing:border-box;padding-left:30px}
.sidebar-sefer-bilgi-row>strong{width:100%;float:left;font-size:13px;font-weight:600}
.sidebar-sefer-bilgi-row p{font-size:12px}
.sidebar-sefer-bilgi-row:first-child:after{content:"";position:absolute;width:1px;height:calc(100% + 15px);background:var(--mavi);left:10px;top:10px}
.sidebar-sefer-bilgi-row:before{content:"";position:absolute;width:9px;height:9px;background:var(--mavi);left:6px;border-radius:50%;top:5px}
.sidebar-sefer-bilgi-row p span{background:#ddf6ff;font-size:9px;padding:2px 7px;border-radius:20px;color:var(--mavi);font-weight:600}
.sidebar-sefer-box-footer{width:100%;height:40px;float:left;font-size:11px;display:flex;align-items:center;justify-content:center;border-top:1px dashed #eee;font-weight:300}
.sidebar-sefer-box-footer i{margin-right:3px}
.sidebar-sefer-box-footer strong{font-weight:600;margin-left:4px}
.icon-badge:last-child{margin-right:0}
.sidebar-sefer-bilgi-row p strong{text-transform:uppercase;font-weight:400;opacity:.5}
.odeme-sidebar .blue-btn{width:100%;float:left;height:60px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;margin-top:20px}
.odeme-sidebar .blue-btn i{font-size:18px;margin-left:10px}
.odeme-sidebar .blue-btn:hover{color:var(--mavi)}
.mobil-fixed-sefer-sepet{position:fixed;z-index:13;bottom:0;background:var(--mavi);width:100%;padding:10px calc(5% + 15px);box-sizing:border-box;box-shadow:0 -5px 10px rgb(0 0 0 / 20%)}
.mobil-sefer-sepet{width:45%;float:left;color:#fff}
.mobil-sefer-sepet-popup-btn{width:100%;float:left;font-size:12px;position:relative;display:flex;align-items:center;cursor:pointer}
.mobil-sefer-sepet-popup-btn i{float:left;margin-left:6px;position:relative;transition:all ease-in-out .3s;top:-2px}
.mobil-sefer-sepet-fiyat{width:100%;float:left;font-size:22px;font-weight:600}
.mobil-sefer-sepet-fiyat span{font-size:11px;position:relative;top:-6px;margin-left:4px}
.mobil-sefer-odeme-btn{width:45%;float:right;display:flex;align-items:center}
.mobil-sefer-odeme-btn a{background:#ddf6ff;color:var(--mavi);width:100%;height:50px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;border-radius:30px;border:1px solid #fff}
.mobil-sefer-odeme-btn a i{float:left;margin-left:10px;font-size:20px}
.mobil-fixed-sepet-popup{position:fixed;z-index:12;background:#fff;width:100%;bottom:-100vh;padding-bottom:120px;padding-top:15px;padding-left:5%;padding-right:5%;box-shadow:0 -10px 10px rgba(0,0,0,.2);transition:all ease-in-out .5s}
.mobil-fixed-sepet-popup ul li{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:26px;color:#545454;padding:5px 15px;margin-top:5px}
.mobil-fixed-sepet-popup.active{bottom:0}
.mobil-sefer-sepet.active .mobil-sefer-sepet-popup-btn i{transform:rotate(180deg);top:2px}
.mobil-sefer-odeme-btn a span{float:left;position:relative;top:-2px}
.red-tooltip{position:absolute;background:var(--pembe);width:auto;display:block;font-size:10px;padding:3px 10px;border-radius:15px;font-weight:600;top:-30px;left:0}
.red-tooltip:before{content:'';position:absolute;left:15px;bottom:-6px;border-style:solid;border-top-width:5px;border-right-width:5px;border-left-width:5px;border-top-color:var(--pembe);border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
.mobil-fixed-sepet-popup-shadow{position:fixed;width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:11;display:none}
.mobil-fixed-sepet-popup ul li.green-del{background:#ddf6ff;border-radius:30px}
.odeme-bilgilendirme p{text-align:left;justify-content:start}
.odeme-bilgilendirme{margin-top:10px}
.sigortaContent p,.sigortaContent ul li{font-size:14px;color:var(--paragraf-color);margin-bottom:5px}
.sigortaContent a{color:#000;font-size:12px;border-bottom:1px solid;opacity:.5}
.sigorta-chechkbox{width:100%;float:left;margin-top:20px}
.sigorta-chechkbox input[type=checkbox]:not(old)+label:before{font-size:16px;top:2px}
.sigorta-chechkbox label{font-size:12px!important;color:var(--paragraf-color)}
.sigorta-chechkbox label a{font-size:12px;color:#000;border:none;opacity:1;text-decoration:underline!important;line-height:20px}
.sigorta-firma-logo{position:absolute;bottom:0;right:15px;width:85px}
.sigortaContent ul{width:100%;float:left;margin-bottom:10px}
.sigortaContent ul li{margin-bottom:3px;box-sizing:border-box;padding-left:20px;position:relative}
.sigortaContent ul li:before{content:"\f00c";position:absolute;font-family:'Font Awesome 5 Pro';left:0;color:var(--orange)}
.odeme-box-title label h2{line-height:15px}
.sigortaContent a:hover{opacity:1}
.odeme-box-fiyat{width:100%;float:left;text-align:right}
.odeme-box-fiyat strong{color:var(--paragraf-color)}
.odeme-box-fiyat span{font-size:12px;width:100%;float:left;color:var(--p-color);font-weight:600}
.badge-blue{position:absolute;background:var(--mavi);z-index:2;color:#fff;font-size:11px;padding:3px 15px;border-radius:30px;left:0;display:inline-block}
.badge-blue:before{content:"";position:absolute;left:10px;border-color:var(--mavi) transparent transparent transparent;border-style:solid;border-width:8px;width:0;height:0;bottom:-14px}
.badge-blue.left-top-badge{top:-30px}
.fatura-detay-content{width:100%;float:left;padding-top:20px;margin-top:10px;margin-bottom:10px;display:none;border-top:1px solid #eee}
.fatura-tipi span{font-size:14px;color:var(--paragraf-color);width:100%;float:left;margin-bottom:7px}
.fatura-tipi{width:100%;float:left;margin-bottom:15px}
.fatura-tipi-radio{width:100%;float:left}
.fatura-detay-content .row{margin-left:-5px;margin-right:-5px}
.fatura-detay-content .row .col-md-10,.fatura-detay-content .row .col-md-2,.fatura-detay-content .row .col-md-4{padding:0 5px}
.faturaTipiContent{display:none;width:100%;float:left}
.faturaTipiContent.open{display:block}
.box-title-fatura{width:100%;float:left;display:flex;align-items:center;justify-content:space-between}
.box-title-fatura .odeme-box-title{margin-bottom:15px}
.title-badge{font-size:14px;color:var(--mavi);font-weight:600}
.rqMessage{float:left;width:100%;font-size:12px;margin:5px 0 10px 0;color:#ff4949}
.inputRow{float:left;width:100%;margin:0 0 10px 0}
.formStyle3 .formTitle{color:#000;margin:0 0 20px 0;font-size:18px;font-weight:700}
.formStyle3 .inputGroup{padding:0;margin:0 0 10px 0}
.formStyle3 .inputGroup label{font-weight:600;font-size:inherit}
.formStyle3 .inputGroup .radioBtn{margin:10px 0}
.formStyle3 .inputGroup .chckBox{margin:6px 0;font-weight:500}
.formStyle3 .inputGroup .chckBox input{margin-top:2px}
.formStyle3 .inputRow{margin:0 0 15px 0}
.formStyle3 .inputRow .txt{width:100%}
.formStyle3 .inputRow .txt.uyeTel{width:13%;float:left}
.formStyle3 .inputRow .txt.uyeTel2{width:83%;margin-left:13%;display:inherit;position:relative;left:23px}
.formStyle3 .inputRow .chckBox{margin:5px 0;font-weight:500}
.formStyle3 .inputs{width:100%;display:inline-block}
.formStyle3 .inputs.innerText{text-align:center}
.formStyle3 .inputs.innerText .txt{width:43%;float:left}
.formStyle3 .inputs.innerText .txt:nth-last-child(1){float:right}
.formStyle3 .inputs.innerText .text{display:inline-block;margin:12px 0 0 0}
.formStyle3 .inputs.oneCol .txt{width:100%;margin:0 0 10px 0}
.formStyle3 .inputs.twoCol .wrapper{display:inline-block;width:48%}
.formStyle3 .inputs.twoCol .wrapper:nth-last-child(1){float:right}
.formStyle3 .inputs.treeCol .wrapper{display:inline-block;width:31%}
.formStyle3 .inputs.treeCol .wrapper:nth-child(1){margin:0 3% 0 0}
.formStyle3 .inputs.treeCol .wrapper:nth-last-child(1){float:right}
.formStyle3 .inputs.fourCol .wrapper{display:inline-block;width:22%}
.formStyle3 .inputs.fourCol .wrapper:nth-child(1){margin:0 3% 0 0}
.formStyle3 .inputs.fourCol .wrapper:nth-child(2){margin:0 3% 0 0}
.formStyle3 .inputs.fourCol .wrapper:nth-last-child(1){float:right}
.formStyle3 .input{width:100%}
.cartProto{-webkit-perspective:1000;-moz-perspective:1000;-o-perspective:1000;perspective:1000}
.cartProto .cartProtoInner{-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-moz-transition:.6s;-moz-transform-style:preserve-3d;-o-transition:.6s;-o-transform-style:preserve-3d;transition:.6s;transform-style:preserve-3d;position:relative;width:350px;height:230px;max-width:100%;margin:0 auto;margin-bottom:30px}
.cartProto .cart{width:100%;height:220px;max-width:100%;margin:0 auto;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:15px;padding:0;background:var(--mavi);position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:4%;color:#fff;left:0;font-size:14px;box-shadow:0 10px 20pxhsl(231deg 55% 37% / 27%);background-size:cover!important}
.cartProto .cart.front{z-index:2;background:url(images/card-front.jpg)}
.cartProto .cart.front .content{width:90%;position:absolute;left:7%;bottom:40px;margin-bottom:0}
.cartProto .cart.front .shiny{width:50px;height:35px;border-radius:5px;background:#ccc;position:relative}
.cartProto .cart.front .shiny:before{content:" ";display:block;width:70%;height:60%;border-top-right-radius:5px;border-bottom-right-radius:5px;background:#d9d9d9;position:absolute;top:20%}
.cartProto .cart.front .cvc{float:right;position:relative;bottom:5px;opacity:0}
.cartProto .cart.front .cardNumber{font-size:18px;clear:both;margin-bottom:15px}
.cartProto .cart.front .fullName{text-transform:uppercase;font-size:14px;max-height:45px;position:absolute;bottom:0;width:65%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}
.cartProto .cart.front .cardExpiry{letter-spacing:0;position:relative;float:right;width:25%;font-size:13px}
.cartProto .cart.front .cardExpiry>.inner{padding-top:3px}
.cartProto .cart.front .cardExpiry:before{content:attr(data-before);margin-bottom:2px;text-transform:uppercase;font-size:7px;white-space:pre;display:block;opacity:.5;padding:0 0 0 6px}
.cartProto .cart.front .cardExpiry:after{position:absolute;content:attr(data-after);text-align:right;right:100%;margin-right:5px;margin-top:2px;bottom:5px;font-size:7px;display:block;opacity:.5;width:18px;line-height:1}
.cartProto .cart.back{-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);z-index:2}
.cartProto .cart.back .cardBar{background-color:#c1c1c1;width:100%;height:20%;position:absolute;top:10%}
.cartProto .cart.back .cvc{position:absolute;top:42%;left:85%;-webkit-transition-delay:.6s;-moz-transition-delay:.6s;transition-delay:.6s;font-size:14px}
.cartProto .cart.back .shiny{width:50px;height:35px;border-radius:5px;background:#ccc;position:relative;position:absolute;top:66%;left:2%}
.cartProto .cart.back .shiny:before{content:" ";display:block;width:70%;height:60%;border-top-right-radius:5px;border-bottom-right-radius:5px;background:#d9d9d9;position:absolute;top:20%}
.cartProto .cart.back .shiny:after{content:"This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free.AIt comes with no warranty.A For support issues, please visit: github.com/jessepollak/card.";position:absolute;left:120%;top:5%;color:#fff;font-size:7px;width:230px;opacity:.5}
.cartProto .cart.back:after{content:" ";display:block;background-color:#fff;width:80%;height:16%;position:absolute;top:40%;left:2%}
.cartProto .cart span.inner{padding:0 5px;display:inline-block;opacity:.8}
.cartProto .cart span.inner.active{border:1px solid #fff}
.cartProto.hover .cartProtoInner{-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.cartProto.hover .cart.back{z-index:3}
.kredi-karti{width:100%;float:left}
.sonKullanma{width:60%!important;float:left}
.slas{width:20px;float:left;display:flex;align-items:center;justify-content:center;height:50px}
.sonKullanma select{width:calc(50% - 10px);float:left}
.cvvNo{width:calc(40% - 20px);float:left;margin-left:20px!important}
.guvenlik-uyari{width:100%;float:left;background:#f0f0f4;box-sizing:border-box;padding:15px 25px;margin-top:30px;border-radius:10px;display:flex}
.guvenlik-uyari img{width:25px;float:left;margin-right:20px}
.guvenlik-uyari p{width:calc(100% - 45px);float:left;font-size:12px;color:#8b8b8b}
.taksit-message{border:1px solid #f0f0f4;width:100%;float:left;border-radius:10px;font-size:12px;color:grey;margin-top:20px;padding:10px 10px;text-align:center;background:#fff}
.taksit-message p{font-size:11px}
.taksit-secenekleri{width:100%;float:left;margin-top:20px}
.taksit-secenekleri table{width:100%}
.taksit-secenekleri table thead tr{border-bottom:2px solid #f0f0f4}
.taksit-secenekleri table thead tr td{font-size:14px;font-weight:600;height:30px;color:var(--paragraf-color)}
.taksit-secenekleri table tbody tr{border-bottom:1px solid #f0f0f4}
.taksit-secenekleri table tbody tr td{height:35px;vertical-align:middle;font-size:13px;color:var(--paragraf-color)}
.taksit-secenekleri table tbody tr td label{top:-5px}
.card-tutar{width:100%;float:left;margin-top:10px}
.card-tutar-row{width:100%;float:left;margin-bottom:10px;text-align:center}
.card-tutar-row>span{width:100%;float:left;font-size:14px;color:var(--paragraf-color)}
.card-tutar-row strong{font-size:26px;color:var(--paragraf-color);position:relative}
.card-tutar-row strong span{font-size:14px;position:relative;top:-10px;margin-right:5px}
.sozlesme-checkbox-row{width:100%;float:left;margin-top:10px}
.sozlesme-checkbox-row label{font-size:11.5px!important;padding-left:20px!important}
.sozlesme-checkbox-row label:before{font-size:14px!important}
.sozlesme-checkbox-row label a{color:var(--paragraf-color);font-weight:600}
.guvenli-odeme-btn{width:100%;height:48px;background:#7cb900;display:flex;align-items:center;justify-content:space-between;border-radius:50px;color:#fff!important;font-size:16px;box-sizing:border-box;padding:0 0 0 15px;box-shadow:0 12px 20px rgb(124 185 0 / 34%);cursor:pointer;float:left;margin-top:10px}
.guvenli-odeme-btn span{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#75ad02;border-radius:50%;font-size:20px}
.guvenli-odeme-btn i{font-size:20px}
.kart-odeme-sidebar{margin-bottom:70px}
.odeme-form-row input:disabled,.odeme-form-row select:disabled{background-color:#c1c1c1!important;opacity:1}
.odeme-box-footer{width:100%;float:left;border-top:1px solid #f0f0f4;padding-top:15px;font-size:14px;color:var(--pembe);cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:500}
.mobil-kart-tutar{width:100%;float:left}
.taksit-secenekleri table tbody tr:last-child{border-bottom:0}
.tebrikler-box{width:100%;height:230px;float:left;border:1px solid #ccc;border-radius:15px;box-sizing:border-box;padding:20px}
.tebrikler-box .tebrikler-box-baslik{font-size:18px;font-weight:600;text-align:center;margin-bottom:10px}
.tebrikler-box p{font-size:13px;line-height:20px;text-align:center;opacity:.7;margin-bottom:15px}
.tebrikler-box .pink-btn{height:40px;width:180px;font-size:13px;position:relative;left:50%;margin-left:-90px}
.tebrikler-box .pink-btn i{margin-left:10px;margin-right:0}
.tebrikler-uygulama-butons{justify-content:center}
.tebrikler-uygulama-butons img{margin:7px}
.tebrikler-mesaj{width:100%;float:left;text-align:center}
.tebrikler-mesaj h1{font-size:26px;display:flex;align-items:center;justify-content:center;margin-bottom:15px;color:#7cb904}
.thanks{width:100%;float:left;margin-top:50px}
.tebrikler-mesaj h1 span{margin-right:15px;float:left}
.tebrikler-mesaj h1 span img{float:left}
.tebrikler-mesaj p{width:100%;float:left;margin-bottom:15px}
.tebrikler-voucher{background:#01adee;display:inline-block;padding:10px 30px;color:#fff;border-radius:30px;font-size:14px}
a.text-link{width:100%;float:left;margin-top:15px;color:#d60650;font-size:14px;margin-bottom:15px}
.tebrikler-uyelik-bilgileriniz{width:100%;float:left;display:flex;font-size:13px;background:#f1f6ff;padding:10px 20px;border-radius:30px;margin-top:13px}
.tebrikler-uyelik-bilgileriniz strong{width:300px}
.tebrikler-uyelik-bilgileriniz p{margin:auto;width:50%;font-weight:600}
.tebrikler-uyelik-bilgileriniz p span{font-weight:300}
.thanks-slider-box{width:100%;float:left;margin-top:50px;border:1px solid #ccc;border-radius:15px;box-sizing:border-box;padding:20px;min-height:505px}
.thanks-slider-box h2{font-size:18px;text-align:center;margin-bottom:15px}
.thanks-slider-box h2 i{margin-right:7px}
.thanks-slider-box p{width:100%;margin-bottom:20px;text-align:center;font-size:13px;opacity:.7}
.thanks-slider-box .hotel-box{box-shadow:none;border:1px solid #ddd;box-sizing:border-box;margin-bottom:0}
.thanks-slider-box .tour-box{width:100%;margin:0;box-shadow:none;border:1px solid #ddd}
.thanks-slider-box .hotelSliderImg{height:200px}
.thanks-slider-box .hotel-box-img{height:200px}
.thanks-hemen-kartlar{width:100%;float:left;position:relative;margin-top:20px}
.thanks-card{width:100%;float:left;margin-top:30px;border:1px solid #ccc;border-radius:15px;text-align:center;overflow:hidden;height:237px;position:relative}
.thanks-card img{position:absolute;width:100%;left:0;bottom:0}
.thanks-card:first-child img{width:80%;bottom:-15px;left:10%}
.thanks-card:first-child img[src*="rentacar"]{bottom:12px}
.thanks-card h3{position:relative;z-index:2;font-size:20px;width:90%;left:5%;margin-top:15px;margin-bottom:15px}
.thanks-card a{position:relative;z-index:2;font-size:12px;background:#fff;color:var(--mavi);padding:7px 20px;border-radius:20px;border:1px solid var(--mavi);font-weight:600}
.thanks-sefer-box{width:100%;float:left;border:1px solid #ddd;border-radius:15px;margin-top:30px;box-sizing:border-box;padding:20px}
.thanks-sefer-box h2{font-size:20px;text-align:center;margin-bottom:20px;width:80%;margin-left:10%}
.thanks-sefer-box .sefer-box{height:200px}
.thanks-sefer-box .sefer-box h3{font-size:15px}
.thanks-sefer-box .c-dashed-line-1{width:70%;right:-10px;top:-20px}
.thanks-sefer-box .c-dashed-line-2{width:80%;bottom:-50px}
.thanks-oneri-box{width:100%;float:left;height:325px;margin-top:30px;border-radius:15px;background-position:center;background-size:cover;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}
.thanks-oneri-box:before{content:"";position:absolute;width:100%;height:100%;background:#000;opacity:.5;left:0;top:0}
.thanks-oneri-box .ortala{position:relative;color:#fff}
.thanks-oneri-box h3{font-size:22px;margin-bottom:10px}
.thanks-oneri-box p{font-size:14px;font-weight:300;margin-bottom:30px}
.thanks-oneri-box a{background:#fff;padding:10px 25px;font-size:14px;color:var(--pembe);border:1px solid var(--pembe);border-radius:30px;transition:all ease-in-out .3s}
.thanks-oneri-box a:hover{background:var(--pembe);color:#fff}
.tesekkurler-liman-box{width:100%;float:left;background:#fff;border:1px solid #ddd;box-sizing:border-box;padding:15px;border-radius:15px;position:relative;margin-bottom:30px;margin-top:30px}
.liman-box{width:50%;float:left;box-sizing:border-box;padding-left:10px;padding-top:5px}
.liman-box:first-child{border-right:2px solid #f0f0f4;padding-right:15px}
.liman-box:last-child{padding-left:25px}
.liman-box h2{width:100%;display:flex;align-items:center;font-size:16px;font-weight:600;margin-bottom:10px}
.liman-box h2 img{margin-right:10px}
.liman-box-content{width:100%;float:left}
.liman-box-content p{font-size:14px;color:var(--paragraf-color);margin-bottom:5px}
.liman-box-content p strong{font-weight:600}
.liman-box-content p a{color:var(--pembe);font-weight:600;margin-left:10px}
.piri-kesfet-box{width:100%;float:left;border:1px solid var(--brown);border-radius:15px;box-sizing:border-box;padding:0 20px;background:var(--ten);display:flex;align-items:center;margin-bottom:50px}
.piri-kesfet-img{width:35%;float:left}
.piri-kesfet-content{width:65%;float:left;text-align:center}
.piri-kesfet-content h3{font-size:22px;color:var(--brown);margin-bottom:10px}
.piri-kesfet-content p{font-size:14px;margin-bottom:20px;color:var(--paragraf-color)}
.piri-kod{background:var(--brown);width:auto;display:inline-block;color:#fff;font-size:14px;padding:7px 20px;border-radius:30px}
.piri-kod strong{margin-left:10px}
.profilim-bg{width:100%;float:left;padding:50px 0 50px}
.profilim-sidebar{width:100%;float:left}
.profil-sidebar-user-info{width:100%;float:left;margin-bottom:25px;display:flex;align-items:center}
.sidebar-pp{width:40px;height:40px;background-size:cover;background-position:center;border-radius:50%;border:2px solid var(--mavi);float:left;margin-right:15px}
.sidebar-user-info{width:calc(100% - 55px);float:left}
.sidebar-user-info span{width:100%;float:left;color:#424242;font-size:11px;font-weight:600}
.sidebar-user-info strong{width:100%;float:left;font-size:15px;color:var(--paragraf-color)}
.profilim-sidebar-menu{width:100%;float:left}
.profilim-sidebar-menu ul li{margin-bottom:15px;width:100%;float:left}
.profilim-sidebar-menu ul li a{width:100%;float:left;display:flex;align-items:center;font-size:15px;color:var(--paragraf-color);font-weight:500}
.profilim-sidebar-menu ul li a i{margin-right:10px;width:30px;text-align:center;font-size:18px}
.profilim-sidebar-menu ul li a:hover{color:var(--mavi)}
.profilim-sidebar-menu ul li.active a{font-weight:600;color:var(--mavi)}
.profilim-bg h1{font-size:20px;font-weight:600;color:var(--title-color);width:100%;float:left;margin-bottom:20px}
.profilim-bg h1 i{margin-right:8px}
.profil-content-box{width:100%;float:left;border:2px solid #f0f0f4;border-radius:15px;box-sizing:border-box;padding:20px}
.profilim-banner{width:100%;float:left;padding:10px 30px;background:var(--ten);border-radius:15px;color:var(--paragraf-color);border:1px solid var(--brown)}
.profilim-banner-row{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.profilim-foto-edit{width:90px;height:90px;display:block;border-radius:50%;background:#fff;margin-left:6%}
.profilim-banner-center{width:50%;text-align:center}
.destinasyon-row{width:100%;float:left;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.toplam-destinasyon{background:#fff;color:var(--brown);border-radius:20px;font-size:12px;padding:4px 10px;display:flex;align-items:center;margin-right:10px;border:1px solid var(--brown)}
.toplam-destinasyon strong{font-size:15px;float:left;margin-right:8px}
.destinasyon-col{padding:0 8px;display:flex;align-items:center;border-right:1px solid #f0d6cf}
.destinasyon-col strong{width:30px;height:30px;background:#fff;color:var(--brown);display:flex;align-items:center;justify-content:center;border-radius:50%;float:left;margin-right:5px;border:1px solid var(--brown)}
.destinasyon-col span{font-size:12px;color:var(--brown)}
.destinasyon-col:last-child{border-right:none}
.profilim-banner-center p{font-size:11px}
.profilim-banner-center p strong{font-size:14px}
.profilim-fl-puan-info{width:120px;text-align:right}
.profilim-banner .fl-puan{width:100%;float:left;display:flex;align-items:center;justify-content:end;font-size:15px;font-weight:600;color:var(--brown)}
.profilim-banner .fl-puan strong{width:auto;height:35px;background:var(--brown);border-radius:30px;display:flex;align-items:center;justify-content:center;margin-right:5px;padding:0 7px;min-width:35px;color:#fff;font-weight:600}
.profilim-fl-puan-info a{font-size:12px;color:var(--paragraf-color);text-decoration:underline!important}
.fl-nedir{width:100%;float:left;position:relative;margin-bottom:-10px}
.fl-nedir a{font-size:10px;color:var(--paragraf-color);opacity:.5;text-decoration:none!important}
.fl-nedir a:hover{opacity:1}
.ada-kesif-row{width:100%;float:left}
.ada-kesif-row strong{width:22%;float:left;text-align:center;box-sizing:border-box;padding:0 20px;font-size:12px;font-weight:400}
.ada-kesif-row ul{width:78%;float:left}
.ada-kesif-row ul li{width:11.1%;float:left;font-size:11px;text-align:center;border-right:1px solid #f0d6cf;margin-bottom:5px;color:#f0c5b9}
.ada-kesif-row ul li.active{color:var(--brown);font-weight:700}
.ada-kesif-row ul li:nth-child(9n){border-right:0}
.profil-form label{font-size:12px!important}
.profil-form{margin-top:20px}
.profil-form .col-6,.profil-form .col-md-12,.profil-form .col-md-4,.profil-form .col-md-6{padding:0 5px}
.profil-form .row{margin-left:-5px;margin-right:-5px}
.profil-form input,.profil-form select{font-size:12px;padding:0 15px}
.profil-form .dogum-col,.profil-form .tc-col,.profil-form .uyruk-col{margin:0 5px}
.profil-form .cinsiyet span{font-size:12px}
.sifre-degistir-btn{width:auto;display:inline-flex;align-items:center;font-weight:500;padding:0 30px;height:50px;border:1px solid #ddd;border-radius:30px;font-size:14px;color:#525252;transition:all ease-in-out .3s}
.sifre-degistir-btn i{margin-right:10px;width:20px;font-size:18px}
.sifre-degistir-btn:hover{color:var(--mavi);border:1px solid var(--mavi);background:var(--gri-bg)}
.blue-shadow-btn{background:var(--mavi);border:none;color:#fff!important;min-width:150px;height:50px;border-radius:30px;font-size:14px;font-weight:700;transition:all ease-in-out .3s;padding:0 20px;border:1px solid var(--mavi)}
.blue-shadow-btn:hover{background:#fff;color:var(--mavi)!important;border:1px solid var(--mavi)!important}
.avatar-upload{position:relative;max-width:90px;float:right}
.avatar-upload .avatar-edit{position:absolute;right:50%;z-index:1;bottom:0;margin-right:-12px}
.avatar-upload .avatar-edit input{display:none}
.avatar-upload .avatar-edit input+label{display:inline-block;width:24px;height:24px;margin-bottom:0;border-radius:100%;background:0 0;cursor:pointer;font-weight:400;transition:all .2s ease-in-out;background-image:url(images/icn/pp-upload-icon.svg);background-size:cover;background-position:center}
.avatar-upload .avatar-edit input+label:hover{border:1px solid #d6d6d6}
.avatar-upload .avatar-preview{width:90px;height:90px;position:relative;border-radius:100%;border:3px solid var(--brown)}
.avatar-upload .avatar-preview>div{width:100%;height:100%;border-radius:100%;background-size:cover;background-repeat:no-repeat;background-position:center}
.pass-input{position:relative;width:100%;float:left}
.pass-input i{cursor:pointer;position:absolute;right:15px;color:var(--brown);top:12px}
.sifre-botom-button .blue-shadow-btn{float:right}
.sifre-degistir-box{margin-bottom:20px}
.profil-main-title{align-items:center;margin-bottom:15px}
.profil-main-title .blue-btn{font-size:12px;font-weight:600;padding:10px 20px;height:40px;display:inline-block;color:#fff}
.profil-main-title .blue-btn i{margin-right:5px}
.profil-main-title h1{margin-bottom:0}
.head-profile{display:flex;align-items:center;justify-content:flex-end;float:right}
.head-pp{width:50px;height:50px;flex:none;background-size:cover;background-position:center;position:relative;margin-left:20px;border-radius:50%}
.head-user-info{float:left;text-align:right;white-space:nowrap}
.head-user-info span{width:100%;float:left;font-size:10px;opacity:.5;color:var(--paragraf-color)}
.head-user-info strong{width:100%;float:left;font-size:14px;color:var(--paragraf-color)}
.head-pp:before{content:"";position:absolute;width:58px;height:58px;border:2px solid var(--pembe);border-radius:50%;left:-4px;top:-4px}
.profilim-sidebar .profile-down{display:none}
.yolcu-list-row{width:100%;float:left;position:relative}
.yolcu-list-title{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding:0 20px}
.yolcu-list-title-col{width:25%;text-align:center;font-size:13px;color:var(--paragraf-color)}
.yolcu-list-title-col strong{font-weight:600}
.yolcu-list-content{width:100%;float:left}
.yolcu-list-box{width:100%;float:left;border:1px solid #f0f0f4;border-radius:30px;margin-bottom:10px;box-shadow:0 1px 2px rgb(72 72 72 / 8%);box-sizing:border-box;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}
.yolcu-list-box-col{font-size:14px;color:var(--paragraf-color)}
.yolcu-list-box-col i{color:var(--brown);margin-right:5px}
.yolcu-list-box-col:nth-child(1){width:25%}
.yolcu-list-box-col:nth-child(2){width:20%;text-align:center}
.yolcu-list-box-col:nth-child(3){width:25%;text-align:center}
.yolcu-list-box-col:nth-child(4){width:25%;text-align:center}
.yolcu-list-box-col:nth-child(5){width:5%;text-align:right}
.yolcu-list-title-col:nth-child(1){text-align:left;box-sizing:border-box;padding-left:25px}
.yolcu-list-title-col:nth-child(2){width:20%}
.yolcu-list-title-col:nth-child(4){width:30%;box-sizing:border-box;padding-right:5%}
.yolcu-list-box-col button{border:none;background:0 0;appearance:none;cursor:pointer}
.yolcu-list-box-col button i{margin-right:0}
.yolcu-list-box-col .dropdown-item{font-size:12px;color:var(--paragraf-color)}
.yolcu-list-box-col .dropdown-menu{min-width:100px;border:none;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.yolcu-list-box-col .dropdown-item:active{background-color:var(--gri-bg)}
.yolcu-ekle-cinsiyet{padding-top:35px!important}
.profil-main-title .blue-btn:hover{color:var(--mavi)}
.kredi-karti-title-center{width:100%;float:left;text-align:center;margin-bottom:15px}
.kredi-karti-title-center h2{font-size:18px;font-weight:600;color:var(--title-color)}
.kredi-karti-title-center p{font-size:14px;color:var(--paragraf-color)}
.kredi-karti-puan-form{width:100%;float:left;background:#fdfdfd;border:2px solid #f0f0f4;border-radius:15px;box-sizing:border-box;padding:20px}
.kart-input{width:100%;float:left;margin-bottom:20px}
.son-kullanma-tarihi{width:65%;box-sizing:border-box;padding-right:10px}
.son-kullanma-tarihi select{width:calc(50% - 10px);float:left}
.cvv-input{width:calc(35% - 30px);padding-left:10px}
.nedir-popover{width:20px;float:left;margin-left:10px;margin-top:30px;font-size:22px}
.nedir-popover button{padding:0;background:0 0;border:none;color:var(--p-color);float:right}
.kart-puan-yukle-btn{width:100%;float:left;margin-top:25px}
.yesil-shadow-btn{background:#7cb900;color:#fff;font-weight:600;font-size:14px;height:50px;padding:0 30px;border:none;border-radius:30px;cursor:pointer;display:flex;align-items:center}
.kart-puan-yukle-btn .yesil-shadow-btn{float:right}
.kart-puan-yukle-aciklama{width:100%;float:left;margin-top:20px;margin-bottom:20px}
.guvenle-yukleyin{width:55%;float:left;display:flex;align-items:start}
.guvenle-yukleyin-text{width:calc(100% - 50px);float:left;margin-left:20px}
.guvenle-yukleyin-text strong{font-size:14px;color:#7cb900}
.guvenle-yukleyin-text p{font-size:11px;width:100%;float:left;line-height:15px;color:var(--paragraf-color)}
.guvenle-yukleyin-kart-logos{width:45%;float:left;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding-left:50px}
.gri-info-row{width:100%;float:left;background:#f1f6ff;border-radius:15px;text-align:center;padding:7px 10px;font-size:12px;color:var(--paragraf-color);margin-bottom:20px;line-height:18px}
.gri-info-row p i{font-size:16px;margin-right:8px;display:inline-block}
.gri-info-row p a{color:var(--p-color);font-weight:600;text-decoration:underline!important}
.kart-puan-yukle-footer{width:100%;float:left;display:flex;align-items:center;justify-content:space-between}
.guvenle-yukleyin img{margin-top:8px}
.hediye-karti-banner{background:var(--ten);padding:15px 15px;box-sizing:border-box;color:var(--paragraf-color);border-radius:15px;display:flex;align-items:center;margin-bottom:20px;border:1px solid var(--brown)}
.hediye-karti-banner-content{width:80%;float:left}
.hediye-karti-banner-content p{font-size:14px}
.hediye-karti-banner-content strong{margin-bottom:3px;width:100%;float:left;color:var(--brown)}
.hediye-karti-banner-toplam-tutar{width:20%;float:left;text-align:right;color:var(--brown)}
.hediye-karti-banner-toplam-tutar span{width:100%;float:left;font-size:12px;color:var(--paragraf-color)}
.icon-title{width:100%;float:left;display:flex;align-items:center;margin-bottom:15px}
.icon-title img{margin-right:10px}
.icon-title h2{color:var(--title-color);font-size:18px;font-weight:600}
.hediye-karti-tutarlari{width:100%;float:left;margin-bottom:30px}
.tutar-radio{float:left;margin-right:30px}
.tutar-radio label{font-size:13px!important}
.kart-slider{width:100%;float:left;overflow:hidden}
.kart-slider-overflow{width:150%;float:left;margin-left:-25%}
.kartSlider .owl-item.active{opacity:.5;transition:all ease-in-out .3s}
.kartSlider .owl-item.active.center{opacity:1}
.kartSlider .owl-item img{float:left;border-radius:15px}
.kartSlider .owl-item.active.center img{border:3px solid var(--pembe)}
.kartSlider .owl-item span{width:100%;float:left;text-align:center;margin-top:10px;font-size:14px;color:var(--pembe);opacity:0;transition:all ease-in-out .3s}
.kartSlider .owl-item.center span{opacity:1}
.kartSlider .owl-nav [class*=owl-]{position:absolute;background:rgb(255 255 255)!important;box-shadow:0 2px 5px rgba(0,0,0,.35)}
.kartSlider .owl-prev{left:18%}
.kartSlider .owl-next{right:18%}
.kartSlider .owl-nav{margin-top:0!important;position:absolute;width:100%;top:34%}
.kart-mesaj{width:100%;float:left;margin-top:20px;position:relative;margin-bottom:30px}
.kart-mesaj label{width:100%;float:left;font-size:14px;color:var(--paragraf-color);margin-bottom:10px;font-weight:600}
.kart-mesaj textarea{width:100%;border:1px solid #e3e3e3;border-radius:15px;padding:10px 15px;box-sizing:border-box;font-size:14px;color:var(--paragraf-color);box-shadow:0 4px 8px rgb(83 83 83 / 8%)}
#karakter{position:absolute;right:15px;bottom:15px;font-size:12px;color:var(--p-color)}
.hediye-kart-form h3{font-size:15px;width:100%;float:left;margin-bottom:20px;margin-top:10px;color:var(--title-color);font-weight:500}
.mt-10{margin-top:10px}
.hediye-kart-form{margin-bottom:20px}
.onizleme-row{width:100%;float:left;margin-bottom:30px;text-align:center}
.onizleme-kart{display:inline-block;position:relative;margin-bottom:10px}
.onizleme-kart strong{position:absolute;bottom:15px;left:15px;color:#fff;font-size:20px}
.onizleme-kart img{border-radius:15px}
.onizleme-mesaj{width:100%;float:left;font-size:14px;color:var(--paragraf-color)}
.hediye-kart-bilgiler{width:100%;float:left;text-align:center;margin-bottom:15px}
.hediye-kart-bilgiler-row{width:80%;border:1px solid #e3e3e3;float:left;margin-left:10%;border-radius:15px}
.hediye-cart-bilgi-col{width:50%;float:left;padding:15px;box-sizing:border-box;font-size:14px}
.hediye-cart-bilgi-col:nth-child(1){border-right:1px solid #e3e3e3}
.hediye-cart-bilgi-col strong{font-weight:600;color:var(--title-color);margin-bottom:5px;width:100%;float:left}
.hediye-cart-bilgi-col p{width:100%;float:left;color:#707070;font-size:13px;line-height:18px}
.profil-content-box .odeme-bottom-info{margin-bottom:20px}
.hediye-ceki-box{margin-top:0}
.hediye-ceki-box h2{font-size:16px;font-weight:500;width:100%;float:left;margin-bottom:20px;color:var(--title-color)}
.hediye-ceki-buton .blue-shadow-btn{width:100%;height:40px;margin-top:23px;font-weight:500}
.icon-title i{font-size:18px;margin-right:10px}
.mb-20{margin-bottom:20px}
.odeme-bottom-info{width:100%;float:left;margin-bottom:80px;display:flex;align-items:center;justify-content:center;margin-top:20px}
.odeme-bottom-price{text-align:right;float:left;margin-right:20px}
.odeme-bottom-price p{color:var(--paragraf-color)}
.odeme-bottom-price strong{font-size:26px;color:var(--paragraf-color)}
.odeme-bottom-price strong span{font-size:15px;position:relative;top:-7px}
.odeme-ilerle-btn{background:var(--mavi);color:#fff;padding:12px 30px;border-radius:50px;border:1px solid var(--mavi)!important;font-weight:500;font-size:16px;border:none;transition:all ease-in-out .3s}
.odeme-ilerle-btn i{font-size:24px;margin-left:10px;position:relative;top:2px;right:0}
.odeme-ilerle-btn:hover{background:#fff;color:var(--mavi)}
.content-row{width:100%;float:left;margin:50px 0}
.content{width:100%;float:left;margin-bottom:50px}
.content p{margin-bottom:15px}
.content h2,.content h3{font-size:28px;font-weight:500;color:var(--title-color);margin-top:15px;margin-bottom:15px;width:100%;float:left}
.content h3{font-size:20px;font-weight:400}
.content p strong{font-weight:600}
.explanation-widget{margin-top:0;margin-bottom:30px}
.explanation-widget h2{margin-bottom:20px}
.explanation-widget p{font-size:14px;line-height:24px;margin-bottom:20px;opacity:.7}
.blue-line-btn{padding:10px 30px;border:1px solid var(--mavi);display:inline-block;font-size:14px;border-radius:30px;background:#fff;color:var(--mavi);transition:all ease-in-out .3s}
.blue-line-btn i{margin-right:5px}
.pink-line-btn{padding:10px 30px;border:1px solid var(--pembe);font-size:14px;border-radius:30px;color:var(--pembe);background:#fff;display:inline-block;transition:all ease-in-out .3s}
.blue-line-btn:hover{background:var(--mavi);color:#fff}
.pink-line-btn:hover{background:var(--pembe);color:#fff}
.explanation-widget a{margin-right:10px}
.biletlerim-top-col{width:100%;float:left;box-sizing:border-box;background:#f1f6ff;border-radius:15px;padding:12px 20px;border:1px solid #ddd;text-align:center;min-height:120px;margin-bottom:30px}
.biletlerim-top-title{width:100%;float:left;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.biletlerim-top-title h2{font-size:16px;color:var(--title-color);font-weight:500}
.biletlerim-top-title i{margin-right:10px}
.biletlerim-top-ticket-sayiisi{display:inline-flex;background:#fff;padding:0 30px;height:26px;align-items:center;color:var(--pembe);border-radius:30px;margin-bottom:10px;margin-top:5px;border:1px solid var(--pembe)}
.biletlerim-top-ticket-sayiisi i{transform:rotate(-55deg);margin:0 4px;font-size:12px}
.biletlerim-top-col p{font-size:12px;color:var(--paragraf-color)}
.biletlerim-top-col a{background:var(--pembe);color:#fff;padding:5px 30px;font-size:12px;display:inline-block;line-height:24px;border-radius:25px;margin-top:10px;cursor:pointer;transition:all ease-in-out .3s;border:1px solid var(--pembe)}
.biletlerim-top-col a:hover{background:#fff;color:var(--pembe)}
.biletlerimSliderBox{background:var(--ten);width:100%;float:left;display:flex;align-items:center;height:130px;border-radius:15px;box-sizing:border-box;padding:10px;justify-content:center;text-align:center;border:1px solid var(--brown)}
.biletlerimSliderBox h3{font-size:14px;color:var(--paragraf-color);font-weight:500;margin-bottom:7px}
.biletlerimSliderBox h3 strong{background:var(--brown);width:25px;height:25px;display:inline-flex;border-radius:50%;align-items:center;color:#fff;justify-content:center}
.biletlerimSliderBox p{color:var(--paragraf-color);font-size:12px;width:100%;float:left;line-height:16px;opacity:.7}
.biletler-icon{font-size:12px;color:#f7d2c8;margin-top:10px;width:100%;float:left}
.biletler-icon i{transform:rotate(-55deg);margin:0 3px}
.biletler-icon i.orange{color:var(--brown)}
.biletlerim-kesfet{width:100%;float:left;text-align:center}
.biletlerim-kesfet img{width:28px!important;display:inline-block;margin:auto}
.biletlerim-kesfet strong{color:var(--paragraf-color);font-size:13px;width:100%;float:left;margin-top:5px;font-weight:500}
.biletlerim-kesfet a{background:var(--brown);color:#fff;font-size:12px;height:24px;display:inline-flex;padding:0 30px;align-items:center;margin-top:10px;border-radius:15px;font-weight:600}
.biletlerim-tebrikler{width:100%;float:left}
.biletlerim-tebrikler h3 img{width:22px!important;display:inline-block!important;margin-left:7px}
.biletlerim-tebrikler h3{font-size:18px;display:inline-flex;width:100%;float:left;justify-content:center}
.biletlerim-tebrikler p{font-weight:600}
.biletlerim-tebrikler span{color:#eda996;font-size:10px;width:100%;float:left;margin-top:10px}
.biletlerim-slider{width:100%;float:left;box-sizing:border-box;padding:0}
.biletlerim-slider .owl-nav{position:absolute;top:50%;margin-top:-20px;width:100%}
.biletlerim-slider .owl-nav .owl-next,.biletlerim-slider .owl-nav .owl-prev{background:#fff;color:var(--brown);border:1px solid var(--brown)}
.biletlerim-slider .owl-nav .owl-prev{left:-20px;position:absolute}
.biletlerim-slider .owl-nav .owl-next{right:-20px;position:absolute;left:auto}
.biletlerim-slider .owl-nav .owl-next:hover,.biletlerim-slider .owl-nav .owl-prev:hover{color:#fff;border:1px solid var(--brown);background:var(--brown)}
.biletlerim-list-content{width:100%;float:left;position:relative;padding:0 15px}
.biletlerim-list-row{width:100%;float:left;background:#fff;border:1px solid #f0f0f4;box-shadow:0 1px 2px rgb(72 72 72 / 8%);border-radius:15px;box-sizing:border-box;padding:15px 20px;transition:all ease-in-out .3s;margin-bottom:15px}
.biletlerim-list-accordion-button{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.biletlerim-nerden-nereye{width:20%;float:left}
.biletlerim-nerden-nereye h4{font-size:13px;font-weight:600;color:var(--paragraf-color)}
.biletlerim-nerden-nereye h4 i{color:var(--brown);margin:0 5px}
.biletlerim-voucher{width:18%;font-size:12px;color:var(--paragraf-color)}
.biletlerim-voucher p,.biletlerim-voucher span{color:var(--p-color)}
.biletlerim-voucher p strong{color:var(--paragraf-color)}
.biletlerim-yon{width:20%;text-align:center}
.mt-30{margin-top:30px}
.biletlerim-yon span{background:#fdfdfd;font-size:12px;padding:8px 20px;border-radius:30px;color:var(--paragraf-color)}
.biletlerim-yon span i{color:var(--mavi);margin-right:10px}
.biletlerim-durum{width:20%;float:left;text-align:center}
.biletlerim-durum strong{color:var(--paragraf-color);font-size:12px;padding:8px 20px;border-radius:30px;min-width:150px;display:inline-block;font-weight:700;font-weight:600}
.bilet-kullanildi strong{background:#dafada}
.bilet-kullanildi strong i{width:18px;height:18px;background:#16e38a;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;margin-right:7px}
.biletlerim-fiyat{width:11%;text-align:right}
.biletlerim-fiyat strong{width:100%;float:left;color:#000;font-size:15px}
.biletlerim-fiyat span{width:100%;float:left;font-size:12px;color:var(--p-color)}
.biletlerim-arrow{width:32px;height:32px;background:var(--brown);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;margin-left:20px}
.biletlerim-arrow:before{content:"\f078";color:#fff;font-family:'Font Awesome 5 Free';left:0;top:1px;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.biletlendi strong{background:#fae9da}
.degistirildi strong{background:#efdafa}
.bilet-acikta strong{background:#daebfa}
.donus-acikta strong{background:#fafada}
.iptal-edildi strong{background:#fadada}
.biletlerim-list-row.disabled .biletlerim-list-accordion-button div{opacity:.3}
.biletlerim-list-row.disabled .biletlerim-list-accordion-button .biletlerim-durum{opacity:1}
.biletlerim-list-row.disabled span{opacity:1}
.biletlerim-list-accordion-content{width:100%;float:left;padding:30px 0 0;display:none}
.biletlerim-action-button{width:60%;float:left;margin-bottom:20px}
.biletlerim-action-button a{width:80px;float:left;margin-right:30px;text-align:center}
.biletlerim-action-button a span{width:100%;float:left;font-size:12px;color:var(--paragraf-color)}
.biletlerim-action-button a:hover span{color:var(--mavi)}
.biletlerim-sefer-row{width:100%;float:left;border:1px solid #f0f0f4;border-radius:15px;margin-bottom:10px}
.biletlerim-sefer-left{width:50%;float:left;border-right:1px solid #f0f0f4;box-sizing:border-box;padding:20px}
.biletlerim-sefer-left h3{width:100%;float:left;font-size:14px;display:flex;align-items:center;font-weight:700;color:var(--title-color);margin-bottom:10px}
.biletlerim-sefer-left h3 img{margin-right:10px;width:20px}
.biletlerim-sefer-left p{color:var(--paragraf-color);font-size:13px;width:100%;float:left;margin-bottom:5px}
.firma{font-weight:600;color:var(--title-color)}
.saat{background:var(--brown);color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;margin-left:5px}
.biletlerim-sefer-left a{color:var(--paragraf-color);font-size:13px;font-weight:700}
.biletlerim-sefer-left a i{color:var(--title-color);margin-right:3px}
.biletlerim-sefer-left a:hover{color:var(--blue)}
.biletlerim-sefer-right{width:50%;float:left;box-sizing:border-box;padding:20px;border-radius:0 15px 15px 0;background:#fdfdfd}
.sefere-kalan-sure{width:100%;float:left;padding-bottom:15px;border-bottom:1px solid #f0f0f4;text-align:center;display:flex;align-items:center;justify-content:center;font-size:14px}
.kalan-sure-title{color:#000;font-weight:600;margin-right:10px}
.kalan-sure-geri-sayim{color:var(--paragraf-color)}
.biletlerim-sefer-buttons{width:100%;float:left;padding:20px 0;display:flex;align-items:center;justify-content:center}
.biletlerim-sefer-buttons button{font-size:12px;background:var(--pembe);display:inline-flex;align-items:center;color:#fff;min-width:175px;height:35px;justify-content:center;border:none;border-radius:30px;cursor:pointer;transition:all ease-in-out .3s;margin:0 5px;border:1px solid var(--pembe)}
.biletlerim-sefer-buttons button img{margin-right:5px}
.biletlerim-sefer-buttons button:hover{background:#fff;color:var(--pembe)}
.biletlerim-sefer-info{width:100%;float:left;background:#f0f0f4;font-size:12px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:15px;color:var(--paragraf-color)}
.biletlerim-sefer-info i{margin-right:7px}
.biletlerim-list-row.active{box-shadow:0 8px 32px rgb(72 72 72 / 8%)}
.active .biletlerim-arrow{background:0 0}
.active .biletlerim-arrow:before{color:var(--paragraf-color);content:"\f00d";font-size:22px;font-weight:400;font-family:'Font Awesome 5 Pro'}
.biletlerimModal .modal-body{text-align:center;padding:20px}
.uyari-content{width:100%;float:left}
.uyari-content h4{font-size:32px;font-weight:600;color:var(--paragraf-color);margin-bottom:15px;margin-top:10px}
.uyari-content p{color:var(--paragraf-color)}
.biletlerimModal .modal-footer{display:flex;align-items:center;justify-content:center;border:none;padding-top:5px;padding-bottom:25px}
.onay-btn{background:var(--mavi);color:#fff;height:45px;border:none;padding:0 20px;border-radius:30px;margin:0 5px;cursor:pointer;font-size:14px;font-weight:500}
.vazgec-btn{background:#d33;height:45px;padding:0 30px;color:#fff;border:none;border-radius:30px;cursor:pointer;margin:0 5px;font-size:14px;font-weight:500}
.modal-sefer-title{width:100%;float:left;text-align:left;padding:20px 0;display:flex;align-items:center}
.modal-sefer-title h5{font-size:16px;font-weight:500;color:var(--title-color);display:flex;align-items:center}
.modal-sefer-title h5 img{margin-right:8px;width:20px}
.biletlerimModal h4{font-weight:600;color:var(--paragraf-color);font-size:20px}
.modal-table{width:100%;float:left;margin-bottom:10px}
.modal-table table tr td{border:1px solid #f0f0f4;padding:10px 15px;font-size:12px;color:var(--paragraf-color)}
.modal-table table tr td:nth-child(2){font-weight:600}
.modal-table table{width:100%;text-align:left;margin-bottom:5px}
.modal-input{width:100%;float:left;margin-bottom:20px;text-align:center}
.border{float:left;width:100%}
.modal-input label{width:100%;float:left;font-size:12px;font-weight:600;color:var(--brown)}
.modal-input input{width:300px;height:37px;border:2px solid #f0f0f4;border-radius:20px;margin-top:8px;text-align:center;background-image:url(images/icn/select-arrow.svg);background-repeat:no-repeat;background-size:10px;background-position:95%;font-size:12px}
.biletlerimModal .modal-content{border-radius:15px!important}
.bilet-acikta-col{background:#daebfa;border-radius:0 15px 15px 0;padding:17px 20px;height:100%}
.sefer-acik-bilet-aciklama{width:100%;float:left;text-align:center;font-size:13px;font-weight:600;color:var(--paragraf-color)}
.bilet-acikta-col .biletlerim-sefer-buttons{justify-content:center}
.bilet-kullanildi-col{height:168px;background:#dafada;display:flex;align-items:center;justify-content:center;text-align:center}
.bilet-kullanildi-col span{width:40px;height:40px;background:#16e38a;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;margin-bottom:5px}
.bilet-kullanildi-col p{width:100%;float:left;font-size:14px;font-weight:600}
.donus-acikta-col{background:#fafada}
.donus-acikta-col .biletlerim-sefer-buttons{justify-content:center}
.degistirildi-col{min-height:168px;background:#efdafa;text-align:center;display:flex;align-items:center;border-radius:0 15px 15px 0}
.degistirildi-col p{font-size:12px;margin-bottom:8px;color:var(--paragraf-color)}
.iptal-edildi-col{background:#fadada;display:flex;align-items:center;min-height:168px}
.iptal-edildi-col h5{width:100%;float:left;margin-bottom:10px;font-size:14px;font-weight:700;color:var(--paragraf-color);display:flex;align-items:center;justify-content:center}
.iptal-edildi-col h5 span{width:40px;height:40px;display:inline-flex;align-items:center;list-style:ce;font-size:30px;font-weight:400;background:#e05555;border-radius:50%;justify-content:center;color:#fff;margin-right:10px}
.iptal-edildi-col p{font-size:12px;line-height:16px;color:var(--paragraf-color)}
.campaign-box-content ul li span{float:left;line-height:11px}
.tur-popup-content .green-alert{font-size:11px;padding:10px 15px;margin-bottom:15px;border-radius:15px;border:1px solid #13882b;font-weight:400}
.bay-input input[type=radio]:not(old)+label:before{content:"\f221";font-family:'Font Awesome 5 Free'}
.bay-input input[type=radio]:not(old)+label,.bayan-input input[type=radio]:not(old)+label{padding-left:20px}
.bayan-input input[type=radio]:not(old)+label:before{content:"\f222";font-family:'Font Awesome 5 Free'}
.kabin-cinsiyet.active{background:rgb(247 147 29 / 13%)}
.odeme-bilgilendirme p{justify-content:start;font-size:14px}
.iti__flag-container{margin-left:10px!important}
.login-box .iti__flag-container{margin-left:0!important}
.login-box .iti input[type=tel]{padding-left:45px!important}
#otel-tab-pane .yolcu-arac-popup{top:230px}
.sefer-mobil-detay-row,.sefer-price .son-koltuk{display:none}
.sefer-yok{background:#fee!important}
.sefer-yok a{border:1px solid #d32f2f;color:#d32f2f;font-size:16px;padding:5px 15px;border-radius:30px;background:#fff;margin:0 5px}
.acik-donus-sefer-text img{max-width:60px}
.sefer-yok span{color:#d32f2f;font-size:16px}
.sefer-seciniz{width:35%;float:right;height:90px;display:flex;align-items:center;justify-content:center;position:relative}
.sefer-seciniz i{position:absolute;font-size:22px;left:-11px;color:#d32f2f}
.sefer-seciniz span{font-size:13px;color:var(--paragraf-color)}
.sefer-seciniz:after,.sefer-seciniz:before{content:"";position:absolute;width:1px;height:28px;border-left:1px dashed #dedede;top:0;left:0}
.sefer-seciniz:after{top:auto;bottom:0}
.biletlerim-wallet{width:40%;float:left;display:flex;align-items:center;justify-content:end;margin-bottom:15px;height:56px}
.biletlerim-wallet img{width:45px;border-radius:10px;margin-left:8px}
.biletlerim-action-button a strong{width:35px;height:35px;background:var(--mavi);display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;margin-bottom:5px}
.biletlerimModal .modal-body p{width:100%;float:left;font-size:12px;opacity:.7}
.hotel-detail-box h3{font-size:18px;margin-bottom:10px;margin-top:10px;width:100%;float:left}
.tur-detay-tab{display:flex;align-items:center;width:100%;float:left;margin-bottom:20px}
.tur-detay-tab button{border:none!important;font-size:14px;background:0 0;border-right:1px solid #eee!important;margin-bottom:10px;position:relative;padding:10px 24px}
.tur-detay-tab button:last-child{border-right:none!important}
.tur-detay-tab button:before{content:"";position:absolute;width:0;height:2px;background:var(--pembe);left:0;bottom:-10px;transition:all ease-in-out.3s}
.tur-detay-tab button.active:before,.tur-detay-tab button:hover:before{width:100%}
.tur-detay-tab button.active{color:var(--pembe)!important}
.tur-detay-tab-content{width:100%;float:left}
.tur-detay-tab button:hover:before{background:#000}
.tur-detay-tab button.active:hover:before{background:var(--pembe)}
.tur-detay-tab-content ul{list-style:circle;margin-left:20px;margin-bottom:15px}
/* ol: global "ol,ul{list-style:none}" reset'i ve .otel-list-content-box kuralından sızan disc yerine numara */
.tur-detay-tab-content ol{list-style:decimal;margin-left:20px;margin-bottom:15px}
.tur-detay-tab-content ul ul{list-style:disc}
.tur-detay-tab-content li{font-size:14px;line-height:24px;font-weight:300;opacity:.7;margin-bottom:3px}
/* Tur açıklaması (show-more sarmalayıcısı) — panelden gelen maddeleme */
.hotel-detail-box .dynamic-wrap ul{list-style:disc}
.hotel-detail-box .dynamic-wrap ol{list-style:decimal}
.hotel-detail-box .dynamic-wrap ul,.hotel-detail-box .dynamic-wrap ol{margin:0 0 15px 20px;padding:0}
.hotel-detail-box .dynamic-wrap ul ul{list-style:circle}
.hotel-detail-box .dynamic-wrap li{font-size:14px;line-height:24px;font-weight:300;opacity:.7;margin-bottom:3px}
.hotel-detail-box h4{font-size:18px;margin-bottom:10px;margin-top:10px;width:100%;float:left}
.sidebar-tour-input{width:100%;float:left;padding:10px 10px 10px 5px;position:relative;display:flex;align-items:center}
.sidebar-tour-input input{font-size:13px}
.tur-detay-tarih-araligi{width:75%!important;float:left}
.tur-detay-fiyat{width:25%!important;text-align:right;font-weight:700!important;float:left;font-size:14px!important}
.tur-detay-hareket-tarihi-list{position:absolute;background:#fff;width:100%;left:0;box-shadow:0 10px 30px rgba(0,0,0,.2);border-radius:15px;top:50px;z-index:4;max-height:300px;overflow:scroll;box-sizing:border-box;padding:10px 15px;display:none}
.tur-detay-hareket-tarihi-list>strong{width:100%;float:left;border-bottom:1px solid #eee;margin-bottom:10px;font-size:14px;padding:10px 0;font-weight:600}
.tur-detay-hareket-tarihi-list ul li{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;padding:10px;cursor:pointer}
.hareket-tarihleri{font-size:12px;width:35%}
.hareket-tarihleri span{width:100%;float:left}
.hareket-tarih-gece{font-size:11px;background:var(--ten);padding:2px 10px;border-radius:50px;color:var(--brown);font-weight:600;border:1px solid var(--brown)}
.hareket-tarih-price{font-size:14px;font-weight:600}
.tur-detay-hareket-tarihi-list ul li:hover{background:#f1f6ff}
.tour-form{width:100%;float:left;position:relative;margin-bottom:30px}
.tour-filter-box{background:#fff;border:1px solid #ccc;font-size:14px;color:#4a4a4a;padding:10px 20px;border-radius:30px;float:left;min-height:50px;display:flex;align-items:center;justify-content:space-between;margin-right:10px;cursor:pointer;position:relative}
.tour-date-box i{transition:all ease-in-out .3s}
.tour-date-box.active i{transform:rotate(180deg)}
.tour-date-box{width:100%;float:left}
.tour-date-box .month{font-weight:700;margin-right:5px}
.tour-date-box .count{font-size:12px;opacity:.7;margin-right:30px}
.tour-date-box .price{background:var(--mavi);color:#fff;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;margin-right:10px}
.tour-filter-box.blue{border:1px solid var(--mavi);color:var(--mavi)}
.tour-filter-box select{color:grey;font-size:14px;border:none;padding-right:15px;appearance:none}
.tour-tab-menu{float:right;border:1px solid #ccc;background:#fff;border-radius:30px}
.tour-tab-menu a{height:50px;display:flex;float:left;align-items:center;padding:0 30px;font-size:14px;color:grey;transition:all ease-in-out .3s}
.tour-tab-menu a.active{color:var(--pembe);border:1px solid var(--pembe);border-radius:30px;font-weight:500}
.tour-tab-menu a:hover{color:var(--pembe)}
.tour-date-list{position:absolute;z-index:9;background:#fff;top:55px;left:0;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2);box-sizing:border-box;padding:10px 5px;width:100%;max-height:340px;overflow:scroll;display:none}
.tour-date-list button{width:100%;display:flex;align-items:center;padding:10px 20px;border-radius:30px;font-size:13px;justify-content:space-between;border:none;background:#fff;transition:all ease-in-out .3s}
.tour-date-list button .month{font-weight:700;width:25%;text-align:left}
.tour-date-list button .count{font-size:12px;width:40%;margin-right:10px}
.tour-date-list button .price{text-align:right;float:right;background:var(--mavi);color:#fff;padding:3px 10px;font-size:12px;border-radius:30px}
.tour-date-list button.active,.tour-date-list button:hover{background:#f1f6ff}
.otel-list-content .sun{top:-50px}
.tour-list-content .tour-loc{margin-bottom:5px}
.tour-list-content .tour-loc i{width:15px;text-align:center}
.car-badge{position:absolute;width:32px;height:32px;background:#f1f6ff;right:15px;border-radius:50%;bottom:10px;color:var(--mavi);display:flex;align-items:center;justify-content:center;z-index:2}
.tour-list-content .tour-content{min-height:100px}
.tour-list-content .tour-footer{padding:0 15px}
.tour-list-contents{width:100%;float:left;margin-bottom:50px}
.tour-list-content{width:100%;float:left;display:none}
.tour-list-content.open{display:block}
.tour-img .campaign-badge{width:50px;height:50px;right:10px}
.tour-img .campaign-badge i{font-size:50px}
.tour-img .campaign-badge strong{font-size:12px;line-height:12px;margin-bottom:2px}
.tour-img .campaign-badge span{font-size:8px}
.tour-price span del{font-size:12px;font-style:italic}
.tour-row .tour-box{width:100%;margin:0 0 30px;cursor:pointer}
.tour-row .tour-box .tour-img{height:220px}
.tour-row .tour-box h3{font-size:18px}
.tour-aciklama{width:100%;float:left;margin-bottom:15px;font-size:13px;font-weight:300;opacity:.7;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.tour-row .tour-url{width:100%;text-align:center;cursor:pointer}
.tour-row .tour-url:hover{color:var(--brown)}
.tour-row{margin-top:15px}
.tour-detail-list-content{width:100%;float:left;position:relative;z-index:2;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15);border-radius:30px;box-sizing:border-box;padding:30px;margin-top:15px;display:none}
.tour-detail-head{width:100%;float:left;margin-bottom:15px}
.tour-detail-head h3{font-size:22px;width:100%;float:left;margin-bottom:15px}
.tour-detail-head i{position:absolute;right:30px;top:25px;font-size:30px;color:var(--pembe);transition:all ease-in-out .3s;cursor:pointer;z-index:2}
.tour-detail-head p{font-size:14px;line-height:24px;margin-bottom:15px;opacity:.7}
.tour-detail-head i:hover{opacity:.5}
.tour-create-box{width:100%;float:left;background:var(--ten);z-index:2;position:relative;border:1px solid var(--brown);border-radius:15px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 20px;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.tour-create-content{width:calc(100% - 200px)}
.tour-create-content img{width:80px;float:left;margin-right:15px;margin-bottom:5px}
.tour-create-content h4{color:var(--brown);font-size:20px;font-weight:600;margin-top:15px;margin-bottom:6px}
.tour-create-content p{font-size:13px}
.tour-create-button button{background:var(--brown);color:#fff;height:45px;padding:0 30px;font-size:14px;border:1px solid var(--brown);border-radius:30px;font-weight:500;transition:all ease-in-out .3s}
.tour-create-button button:hover{background:var(--ten);color:var(--brown)}
.tur-olustur-popup{position:fixed;z-index:13;left:0;top:0;width:100%;height:100vh;display:flex;align-items:start;justify-content:center;display:none}
.popup-shadow{width:100%;position:absolute;height:100vh;background:rgba(0,0,0,.5);left:0;top:0;backdrop-filter:blur(10px)}
.tur-olustur-popup-content{width:800px;background:#fff;position:relative;border-radius:30px;box-shadow:0 10px 30px rgba(0,0,0,.2);margin-top:50px;float:left;left:50%;margin-left:-400px}
.tur-popup-title{width:100%;height:60px;background:var(--brown);margin-bottom:15px;color:#fff;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 30px;border-radius:30px 30px 0 0}
.tur-popup-content{width:100%;float:left;box-sizing:border-box;padding:15px 30px 30px}
.tur-popup-title strong{text-transform:uppercase}
.tur-popup-title span{font-size:20px;cursor:pointer;opacity:.5;transition:all ease-in-out .3s}
.tur-popup-title span:hover{opacity:1}
.tur-popup-content .main-search-btn{width:50%;padding-left:6px}
.tur-kisi-sayisi{width:50%;float:left;position:relative;padding-right:6px}
.tur-popup-content .konuk-sayisi-popup{max-height:295px;overflow-x:scroll}
.tur-popup-content .nerdenNereye{margin:0!important;width:100%;border-radius:30px}
.tur-popup-content .mainSearchTarih{border-radius:30px}
.tur-popup-content .yolcular{width:100%;border-radius:30px}
.tur-popup-content .mobile-form-button{width:100%;height:50px;border:1px solid var(--brown);border-radius:30px;background:var(--ten);color:var(--brown);font-weight:400;transition:all ease-in-out .3s}
.tur-popup-content .mobile-form-button strong{font-weight:500;margin-left:10px}
.tur-popup-content .mobile-form-button:hover{background:var(--brown);color:#fff}
/* ── select2 tema uyarlaması: .locationSelect select2'ye dönüşünce tema kutuları (.nerdenNereye / .otelLocation) orijinal input görünümünü korur; dropdown ve main.js .wait yükleme göstergesi (v1 style.css select2 bloğunun v2/tema-palet karşılığı) ── */
.nerdenNereye .select2-container,.otelLocation .select2-container{background:transparent;border:none;border-radius:0;margin:0;display:block;position:relative;top:auto;right:auto;transform:none;z-index:auto;text-align:left;cursor:default}
.nerdenNereye .select2-container{width:50%!important;height:58px}
.otelLocation .select2-container{width:auto!important;flex:1 1 auto;min-width:0;height:58px}
.nerdenNereye .select2-container .select2-selection--single,.otelLocation .select2-container .select2-selection--single{height:100%;border:none;border-radius:50px;background:transparent;outline:0;display:flex;align-items:center;text-align:left}
.nerdenNereye .select2-container--default .select2-selection--single .select2-selection__rendered,.otelLocation .select2-container--default .select2-selection--single .select2-selection__rendered{width:100%;line-height:58px;font-size:14px;color:var(--paragraf-color);position:relative}
.nerdenNereye .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 25px}
.otelLocation .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 15px}
.nerdenNereye select+.select2-container:not(:last-child) .select2-selection--single{border-right:1px solid #eee;border-radius:50px 0 0 50px}
.nerdenNereye .select2-container:last-child .select2-selection--single .select2-selection__rendered{padding-left:35px}
.nerdenNereye .select2-container--default .select2-selection--single .select2-selection__arrow,.otelLocation .select2-container--default .select2-selection--single .select2-selection__arrow{display:none}
.select2-container--default.select2-container--disabled .select2-selection--single{background:transparent;cursor:default}
.nerdenNereye select.locationSelect{width:50%;height:58px;border:none;background:transparent;padding:0 20px;font-size:14px;-webkit-appearance:none;appearance:none}
.otelLocation select.locationSelect{width:auto;flex:1 1 auto;min-width:0;height:58px;border:none;background:transparent;font-size:14px;-webkit-appearance:none;appearance:none}
.select2-dropdown{border:1px solid #f0f0f0;box-shadow:0 5px 20px rgba(0,0,0,.1);border-radius:0 0 15px 15px;padding-bottom:15px}
.select2-search--dropdown .select2-search__field{border:1px solid #eee;border-radius:8px;height:36px;padding:0 12px;outline:0;font-size:14px}
.select2-results__option{font-size:14px}
.select2-results__option--disabled{display:none}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:var(--mavi);color:#fff;border-radius:7px;margin:0 10px}
.select2-container--default .select2-results__option .select2-results__option{padding-left:30px!important;margin:0 10px}
.select2-container--default .select2-results__group{padding-left:10px}
.select2-container--default .select2-results__group span{display:flex;align-items:center}
.select2-container--default .select2-results__group img{width:20px;margin-right:10px}
.select2-container--default .select2-selection--single .select2-selection__rendered.wait:before{content:"\f110";position:absolute;right:15px;font-family:'Font Awesome 5 Pro';font-weight:900;color:var(--mavi);font-size:16px;-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}

/* ══════ Sefer Arama Sonuçları (search.view.php, THM-030) — v1'den v2 paletine port ══════ */
.ferry-show-btn.visible{display:flex}
.ferry-date a{padding:0;border:none;background:0 0;color:var(--mavi);font-size:20px;line-height:1}
.ferry-date a:hover{color:var(--pembe)}
.ferry-box.disabled{opacity:.5;pointer-events:none;cursor:not-allowed;border:1px solid #eee}
.ferry-box.disabled:hover{box-shadow:none}
.ferry-box.disabled .ferry-box-content{opacity:.6}
.ferry-box-campaign{border:2px solid #f6931d;background:linear-gradient(135deg,#fffdf8 0%,#fff6e8 100%);box-shadow:0 2px 12px rgb(246 147 29 / 15%);position:relative;overflow:visible}
.ferry-box-campaign:hover{box-shadow:0 4px 20px rgb(246 147 29 / 25%)}
.ferry-box-campaign.active{border:2px solid #f6931d;box-shadow:0 0 10px rgb(246 147 29 / 30%)}
.ferry-campaign-badge{position:absolute;top:-10px;left:15px;background:#f6931d;color:#fff;font-size:11px;font-weight:600;padding:2px 10px;border-radius:4px;z-index:1}
.ferry-campaign-badge i{margin-right:4px}
.ferry-price .badge{background:#ffc107;color:#212529;font-size:10px;margin-bottom:3px;display:block}
/* Boş durum: sefer bulunamadı + en yakın müsait tarih CTA'sı */
.no-ferry-alert{width:100%;float:left;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:15px;padding:30px;text-align:center;border:1px solid #dee2e6}
.no-ferry-alert .alert-icon{width:70px;height:70px;margin:0 auto 20px;background:var(--mavi);border-radius:50%;display:flex;align-items:center;justify-content:center}
.no-ferry-alert .alert-icon i{font-size:28px;color:#fff}
.no-ferry-alert h4{font-size:16px;font-weight:600;color:var(--title-color);margin-bottom:10px}
.no-ferry-alert p{font-size:14px;color:#6c757d;margin-bottom:15px}
.no-ferry-alert .nearest-date{display:inline-flex;align-items:center;gap:10px;background:var(--mavi);color:#fff;padding:12px 20px;border-radius:30px;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s;border:none;cursor:pointer;box-shadow:0 3px 10px rgb(0 173 238 / 25%)}
.no-ferry-alert .nearest-date:hover{background:var(--pembe);transform:translateY(-2px);box-shadow:0 5px 15px rgb(214 5 80 / 30%)}
.no-ferry-alert .nearest-date i{font-size:16px}
.no-ferry-alert .nearest-date span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}
.no-ferry-alert .nearest-date span small{font-size:11px;opacity:.85;font-weight:400}
/* Yükleme iskeleti: gün ileri/geri gezinmesi sırasında */
.sefer-skeleton{pointer-events:none;border:1px solid #eee}
.sefer-skeleton .ferry-box-content{gap:15px}
.sefer-skeleton .sk-block{border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,#e6e6e6 37%,#f0f0f0 63%);background-size:400% 100%;animation:skShimmer 1.2s ease infinite}
.sefer-skeleton .sk-logo{width:60px;height:60px;flex:none}
.sefer-skeleton .sk-time{flex:1 1 auto;height:44px}
.sefer-skeleton .sk-icons{width:90px;height:24px;flex:none}
.sefer-skeleton .sk-price{width:70px;height:32px;flex:none}
@keyframes skShimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}
/* ══════ Checkout ortak stiller (THM-031) — fatura bloğu render_invoice_section()
 * (globalfunctions.php) ile feribot/tur/otel/rentacar/vize satın alma sayfalarında
 * ortaktır; kart stilleri v1 style.css'ten v2 paletine (--mavi) port edildi. ══════ */
.odeme-box-row{width:100%;float:left}
.odeme-box-title input[type=checkbox]:not(old)+label:before{font-size:20px;top:2px}
.acik-donus-sefer-content{width:100%;float:left;text-align:center}
.acik-donus-sefer-content strong{width:100%;float:left;color:var(--mavi)}
.acik-donus-sefer-content img{width:40px;margin-bottom:8px}
.fatura-button{float:right}
.fatura-button label{cursor:pointer;font-weight:600;color:var(--paragraf-color);margin-bottom:0;width:auto}
.fatura-button input[type=checkbox]{accent-color:var(--mavi);width:16px;height:16px;vertical-align:-2px;margin-right:6px;cursor:pointer}
.fatura-tipi-secim{width:100%;float:left}
.fatura-tipi-secim .fatura-tipi-baslik{font-size:14px;color:var(--paragraf-color);width:100%;float:left;margin-bottom:7px}
.fatura-tipi-secenekler{width:100%;float:left;display:flex;gap:12px}
.odeme-form-row .fatura-tipi-card{flex:1;width:auto;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfe3ef;border-radius:12px;padding:14px 16px;margin:0;cursor:pointer;transition:all ease-in-out .2s}
.odeme-form-row .fatura-tipi-card:hover{border-color:var(--mavi)}
.odeme-form-row .fatura-tipi-card.selected{border-color:var(--mavi);box-shadow:0 0 0 1px var(--mavi);background:#f1fbff}
.odeme-form-row .fatura-tipi-card input[type=radio]{flex:none;width:16px;height:16px;margin:0;padding:0;border:none;border-radius:0;background-color:transparent;accent-color:var(--mavi);cursor:pointer}
.odeme-form-row .fatura-tipi-card input[type=radio]:disabled{background-color:transparent!important}
.fatura-tipi-card .fatura-tipi-card-icon{flex:none;width:38px;height:38px;margin:0;float:none;border-radius:50%;background:#e8f7fd;color:var(--mavi);display:flex;align-items:center;justify-content:center;font-size:16px}
.fatura-tipi-card.selected .fatura-tipi-card-icon{background:var(--mavi);color:#fff}
.fatura-tipi-card .fatura-tipi-card-text{display:flex;flex-direction:column;width:auto;margin:0;float:none;line-height:1.35}
.fatura-tipi-card-text strong{font-size:15px;color:var(--paragraf-color)}
.fatura-tipi-card-text small{font-size:12px;color:#8a91a8}
.faturaTipiContent{padding-top:15px}
.faturaCommonFields{display:none;width:100%;float:left;padding-top:15px}
.faturaCommonFields.open{display:block}
/* Form doğrulama hata stilleri (temada yok) — tüm checkout formları */
.odeme-form-row input:user-invalid,.odeme-form-row select:user-invalid{border-color:var(--kirmizi,#b91c1c);background-color:#fff7f7}
.odeme-form-row input:user-invalid:focus,.odeme-form-row select:user-invalid:focus{box-shadow:0 0 0 3px rgba(185,28,28,.12)}
.odeme-form-row .cinsiyet input[type=radio]:user-invalid+label{color:var(--kirmizi,#b91c1c)}