@import url("../../../use.typekit.net/qao1jye.css");
body{
    font-family: "proxima-nova", sans-serif;
    font-size:16px;
    color:#333;
    overflow-y: auto;
    overflow-x: hidden;
}
.container{
    max-width: 1160px;
}

.header{
    position: absolute;
    width:100%;
    left:0;
    top:0;
    display: flex;
    justify-content: center;
    z-index: 4;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.20) 62%, rgba(0,0,0,0) 100%);
}
.header.bg-light{
    background: white!important;
    border-bottom:1px solid #333;
    top:0px;
    position: relative
}
.header.bg-light.closemenu{
    background: white!important;
    border-bottom:1px solid #333;
    position:fixed;
    top:-68px;
    opacity: 0;
    transition:all .5s;
    z-index: 5;
}
.header.bg-light.closemenu.open{
    background: white!important;
    border-bottom:1px solid #333;
    position:fixed;
    opacity: 1;
    top:0px;
    transition:all .5s;
}

.tourcalheader{
    background: white!important;
    border-bottom:1px solid #333;
    position:fixed;
    top:-68px;
    opacity: 0;
    border-bottom: 1px solid #dee2e6;
    z-index:4;
    padding-top:5px;
    padding-bottom:5px;
    transition:all 1s;
}
.tourcalheader.open{
    background: white!important;
    border-bottom:1px solid #333;
    position:fixed;
    opacity: 1;
    top:67px;
    border-bottom: 1px solid #dee2e6;
    z-index:4;
    padding-top:5px;
    padding-bottom:5px;
    transition:all .5s;
}

.tourcalheader .tour-top-line {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border:none
}
.navbar.navbar-expand-sm>.container{
    padding:0px;
}

.header.bg-light .navbar-nav .nav-link.active, .header.bg-light .navbar-nav .nav-link.show {
    color: #333;
}

.header.bg-light .nav-link {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.header.bg-light .nav-link.basvur {
    color: white;
    background-color: #EE3C43;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 300;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 4px;
    padding-bottom: 4px;
}
.BadgeContainer__Inner-sc-1s0biz7-0.es-badge-container{
    padding-right:0px;
}

.header.bg-light .top-social {
    padding: 3px !important;
    border: 1px solid #333;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    width: 32px;
    height: 32px;
}
.header.bg-light .login-menu {
    padding: 3px !important;
    border: 1px solid #333;
    border-radius: 16px;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
a.navbar-brand>img{
    height:40px;
}
.home-intro{
    padding:0;
    position: relative;
    height:76vh;
}
.home-intro>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}

.page-intro{
    padding:0;
    position: relative;
    height:500px;
}
.page-intro>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}

.nav-link{
    color:white;
    font-size:16px;
    font-weight: 500;
    padding-left:15px!important;
    padding-right:15px!important;
}

.nav-link.basvur{
    color: white;
    background-color:#EE3C43 ;
    border-radius: 10px;
    font-size:16px;
    font-weight: 300;
    padding-left:15px!important;
    padding-right:15px!important;
    padding-top: 4px;
    padding-bottom: 4px;
}
.nav-link.basvur:hover{
    color: white important;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    color:white;
}
.dropdown-toggle::after{
    display: none;
}
.login-menu{
    padding:3px!important;
    border:1px solid white;
    border-radius: 16px;
    display: flex;
    align-items: center;
    margin-left:10px;
}
.login-menu>img{
    height:24px;
    width:24px;
    border-radius: 50%;
    overflow: hidden;
    margin-right:5px;
}
.top-social{
    padding:3px!important;
    border:1px solid white;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left:10px;
    width:32px;
    height:32px;
}
.social-list{
    background-color: #EE3C43;
    border:1px solid white;
    border-radius: 16px;
    min-width: auto;
    width:34px;
    left:9px!important;
}
.social-list>a.dropdown-item{
    background:none;
    width:32px;
    color:white;
    display: flex;
    height:32px;
    align-items: center;
    justify-content: center;
    padding:0px;
    margin-bottom:5px;
    transition: all .4s;
}

.social-list>a.dropdown-item:hover{
    background:none;
    width:32px;
    color:white;
    display: flex;
    height:32px;
    align-items: center;
    justify-content: center;
    padding:0px;
    margin-bottom:5px;
    color:#333;
    transition: all .4s;
}
.nav-item{
    display: flex;
    align-items: center;
}
.banner-area{
    display: flex;
    align-items: center;
    height:100%;
    justify-content: center;
}
.banner-container{
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.banner-container>h1{
    font-size:38px;
    text-align: center;
    font-weight: 700;
    color: white;
    text-shadow: 0 0 1em rgba(0, 0, 0, .3)
}
.banner-container>p{
    font-size:18px;
    font-weight: 400;
    text-align: center;
    color:white;
    text-shadow: 0 0 1em rgba(0, 0, 0, .3)
}
.search-area{
    background-color:white;
    box-shadow: 0 0 10px rgba(0,0,0,.16);
    border-radius: 20px;
    margin-top:-30px;
    position: relative;
    z-index: 3;
    padding:20px 30px
}
.search-area .form-str{
    padding:5px;
}
.search-area .form-str>input.form-control{
    height:46px;
    outline:none;
    box-shadow: none;
}
.dropdown-item.active, .dropdown-item:active{
    background-color:#EE3C43;
}
.search-area .form-str>input.form-control:focus{
    outline:none;
    box-shadow: none;
    border-color:#EE3C43;
    transition: all .4s;
}
.search-area .form-str>button.btn-orange{
    height:46px;
    background-color:#EE3C43;
    border-radius: 0.375rem;
    color:white;
    width: 100%;
    outline:none;
    box-shadow: none;
}
.search-area .form-str>button.btn-orange:focus{
    outline:none;
    box-shadow: none;
    border-color:#EE3C43;
}
.search-area .form-str>button.btn-orange>i{
    margin-right:5px;
}
.selected-tour{
    margin-top:60px;
}
.selected-tour h2{
    display: flex;
    justify-content: center;
    text-align: center;
    font-size:40px;
    color:#333;
    font-weight:bold;
}
.selected-tour p{
    text-align: center;
}
.home-tours{
    margin-top:40px;
}
.home-tours>.row{
    display: flex;
    justify-content: center;
}
.tour-box{
    padding:0px;
    margin-bottom:10px;
}
.tour-box>a{
    display: flex;
    flex-direction: column;
    color:#333;
    text-decoration: none;
    border-radius: 15px;
    overflow: hidden;
    background-color: white;
}
.tour-box>a>.tour-img{
    display: flex;
    position: relative;
    width: 100%; /* Genişliği tamamen doldur */
    aspect-ratio: 1 / 1; /* Kare oranı */
    overflow: hidden; /* Taşmayı gizle */
    border-radius: 15px;
}
.tour-box>a>.tour-img>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.tour-box>a>.tour-img>.overlay{
    position: absolute;
    top:100%;
    left:0px;
    width: 100%;
    height: 0%;
    background-color: rgba(238, 60, 67,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:32px;
    color:white;
    text-shadow:0 0 6px rgba(0,0,0,.2);
    transition: all .4s;
    z-index:2;
}
.tour-box>a>.tour-img>.overlay>i{
    opacity: 0;
    transition: all .4s;
}

.tour-box>a>.tour-img>.mini-info{
    position: absolute;
    bottom:5px;
    left:5px;
    border-radius: 15px;
    padding:5px 10px;
    font-size:13px;
    font-weight: 400;
    color:white;
    width:fit-content;
    transition: all .4s;
    z-index: 3;
}
.tour-box>a>.tour-img>.bottom-overlay{
    z-index: 1;
    height: 40%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: .7;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 )
}
.tour-box>a>.tour-spot{
    border-bottom:1px solid #ddd;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding:10px 10px 15px;
    background-color: white;
    line-height: 18px;
}
.tour-box>a>.tour-spot>h6{
    font-size:16px;
    font-weight:700;
    color:#333;
    margin-bottom:0;
    transition: all .4s;
    margin-bottom:5px;
}
.tour-box>a:hover>.tour-spot>h6{
    color:#EE3C43;
    transition: all .4s;
}
.tour-box>a>.tour-spot>span.tour-from{
    font-size:14px;
    font-weight: 300;
    color:#333;
}
.tour-box>a>.tour-spot>.tour-price{
    font-size:14px;
    font-weight: 700;
    color:#333;
    display: flex;
    margin-top:10px;
    transition: all .4s;
}
.tour-box>a:hover>.tour-spot>.tour-price{
    color:#333;
    transition: all .4s;
}
.tour-box>a>.tour-spot>.tour-price>span{
    font-weight: 400;
}
.favorite-tour{
    padding:0;
    position: relative;
    margin-top:120px;
}
.favorite-tour>img.bg {
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.favorite-tour>.overlay {
    display: flex;
    width:100%;
    height:100%;
    justify-content: center;
    padding-top:120px;
    padding-bottom:80px;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 28%, rgba(0, 0, 0, 0.7861519607843137) 45%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 28%, rgba(0, 0, 0, 0.7861519607843137) 45%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 28%, rgba(0, 0, 0, 0.7861519607843137) 45%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    position: relative;
    z-index:2;
}
.favorite-tour h3{
    font-size:36px;
    font-weight: 700;
    color:white;
    text-align: center;
    text-shadow: 0 0 6px rgba(0,0,0,.4);
}
.favorite-tour p{
    text-align: center;
    font-size:16px;
    font-weight: 300;
    color:white;
    text-shadow: 0 0 6px rgba(0,0,0,.4);
}
.tourstroy{
    padding-top:80px;
    padding-bottom:80px;
}
.storybox{
    padding:10px;
}
.storybox>a{
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
    color:#333;
    text-decoration: none;
}
.story-img{
    display: flex;
    width:100%;
}
.story-img>img{
    width:100%;
}
.stroy-text{
    display: flex;
    flex-direction: column;
    width:100%;
    padding:40px 30px 50px;
    justify-content: center;
    align-items: center;
}

.storybox>a>.stroy-text>h4{
    text-align: center;
    color:white;
    font-size:24px;
    font-weight: 600;
}

.storybox>a>.stroy-text>p{
    color:white;
    text-align: center;
    font-size:16px;
    font-weight: 400;
}


/* .storybox>a.orange-box{
    background-color: #d98d5b  ;
}
.storybox>a.orange-box>.stroy-text>h4{
    text-align: center;
    color:white;
    font-size:24px;
    font-weight: 600;
}
.storybox>a.orange-box>.stroy-text>p{
    color:white;
    text-align: center;
    font-size:16px;
    font-weight: 400;
}
.storybox>a.blue-box{
    background-color:#0174e9;
}
.storybox>a.blue-box>.stroy-text>h4{
    text-align: center;
    color:white;
    font-size:24px;
    font-weight: 600;
}
.storybox>a.blue-box>.stroy-text>p{
    color:white;
    text-align: center;
    font-size:16px;
    font-weight: 400;
}

.storybox>a.green-box{
    background-color:#0098bf;
}
.storybox>a.green-box>.stroy-text>h4{
    text-align: center;
    color:white;
    font-size:24px;
    font-weight: 600;
}
.storybox>a.green-box>.stroy-text>p{
    color:white;
    text-align: center;
    font-size:16px;
    font-weight: 400;
} */
.blogs-area{
    padding-top:100px;
}
.blog-box{
    padding:0px 10px;
}
.blog-box.box-1>div{
    height:500px;
}
.blog-box>div{
    display:flex;
    position: relative;
    width:100%;
    height:100%;
    border-radius: 10px;
    overflow: hidden;
}
.blog-box.box-2>div{
    height:240px;
    margin-bottom:20px;
}

.blog-box.box-3>div{
    height:240px;
}
.blog-box>div>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.blog-box>div>.blog-info{
    position: absolute;
    bottom:0px;
    left:0px;
    width: 100%;;
    display: flex;
    flex-direction: column;
    padding:20px 15px 0px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.8533788515406162) 0%, rgba(0,0,0,0.5284488795518207) 59%, rgba(0,0,0,0) 100%);   
}
.blog-box>div>.blog-info>h4{
    font-size:20px;
    font-weight: 700;
    color:white;
}
.blog-box>div>.blog-info>p{
    color:white;
    font-weight: 14px;
}
.comment-str{
    background-color:#fafafa;
}
.comments{
    padding-top:60px;
    padding-bottom:60px;
}
.comment-img{
    display: flex;
    align-items: center;
    justify-content: center;
}
.comment-img>img{
    width:100%;
    mix-blend-mode: multiply;
}
.comment-area{
    display: flex;
    align-items: center;
}
.guarantee-str{
    padding-top:80px;
    padding-bottom:80px;
}
.guarantee-str>.row{
    display: flex;
    width: 100%;
}
.guarantee-str>.row>.guarantee-box{
    display: flex;
    flex-direction: column;
    width:20%;
    align-items: center;
    padding:15px;
}
.guarantee-str>.row>.guarantee-box>img{
    height:60px;
    margin-bottom:20px;
}
.guarantee-str>.row>.guarantee-box>span.title{
    font-size:16px;
    color:#333;
    font-weight: 700;
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom:10px;
}
.guarantee-str>.row>.guarantee-box>p{
    font-size:14px;
    text-align: center;
    color:#333;
    font-weight: 400;
}
.footer{
    background-color:#191919;
}
.subs-str{
    padding-top:50px;
    padding-bottom:50px;
}
.subs-title>h5{
    color:white;
    font-size:22px;
    font-weight: 700;
    margin-bottom:0px;
}
.subs-title>p{
    color:white;
    font-size:14px;
}
.subs-form-str.form-str>input.form-control{
    height:46px;
    border-radius: 10px;
    outline:none;
    box-shadow: none;
}
.subs-form-str{
    display: flex;
    align-items: center;
    padding:7px;
}
.subs-form-str>input.form-control{
    height:46px;
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    outline:none;
    box-shadow: none;
}
.subs-form-str>input.form-control:focus{
    outline:none;
    border-color:#EE3C43;
}
.subs-form-str>button.btn.btn-orange{
    height:46px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color:#EE3C43;
    color:white;
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.subs-form-str>button.btn.btn-orange>i{
    margin-right:5px;
}
.flex-reverse-row{
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
}
.footer-logo{
    display: flex;
    margin-bottom:30px;
}
.footer-logo>img{
    height:44px;
}
ul.foot-social{
    display: flex;
    width:100%;
    list-style: none;
    padding:0px;
    margin:0px 0px 30px;
}
ul.foot-social>li{
    display: flex;
    margin-right:5px;
}
ul.foot-social>li>a{
    display: flex;
    border:1px solid white;
    color:white;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    width:36px;
    height:36px;
    font-size:14px;
    border-radius: 8px;
    transition: all .4s;
}
ul.foot-social>li>a:hover{
    border-color:#EE3C43;
    background-color:#EE3C43;
    transition: all .4s;
}
img.cards{
    height:25px;
    margin-bottom:30px;
    margin-top:10px;
}
a.tursab{
    display: flex;
    margin-bottom:50px;
}
a.tursab>img{
    height:70px;
}
span.menuTitle{
    display: flex;
    width: 100%;
    color:white;
    font-size:16px;
    font-weight: 600;
    border-bottom:1px solid white;
    padding-bottom:3px;
    margin-bottom:20px;
}
ul.foot-menu{
    display: flex;
    flex-direction: column;
    list-style: none;
    padding:0px;
    margin:0px 0px 50px;
}
ul.foot-menu>li{
    display: flex;
    width:100%;
    margin-bottom:7px;
}
ul.foot-menu>li>a{
    display: flex;
    width:100%;
    color:White;
    font-size:15px;
    font-weight: 400;
    text-decoration: none;
    transition: all .4s;
    align-items: flex-start;
}

ul.foot-menu>li>a:hover{
    color:#EE3C43;
    transition: all .4s;
}
ul.foot-menu>li>a>svg{
    height:18px;
    margin-right:7px;
    margin-top: 2px;
}
ul.foot-menu>li>a .cls-1{
    fill: #fff;
    transition: all .4s;
}

ul.foot-menu>li>a:hover .cls-1{
    fill: #EE3C43;
    transition: all .4s;
}
.copyright-str{
    border-top:1px solid rgba(221, 221, 221,.2);
    background-color:#191919;
    padding-top:10px;
    padding-bottom:10px;
}
.copyright{
    color:white;
    font-size:13px;
    font-weight: 400;
}
.tours-intro{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-top:50px;
    margin-bottom:50px;
}
.tours-title>h2{
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 28px;
    color: #333;
    font-weight: bold;
}
.tours-title>p{
    text-align: center;
}
.tours-text{
    margin-top:80px;
    margin-bottom:80px;
    text-align: center;
    display:flex;
    justify-content: center;
    flex-direction:column;
}
.tours-text>h2{
    font-weight:700;
}
.tour-header{
    margin-top:10px;
    margin-bottom:5px;
}
.tour-header>.row{
    display: flex;
    align-items: center;
}
.tour-header .google-comment{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.tour-header .google-comment>img{
    height:40px;
}
.tour-header .google-comment>.google-comment-area{
    display: flex;
}
.tour-header h1{
    font-size:32px;
    font-weight: 700;
    margin:0px;
}
.gallery{
    margin-bottom:20px;
}
.img-box{
    position: relative;
    padding:5px;
}
.img-box.img1>a{
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    overflow: hidden;
}
.img-box.img3>a{
    border-top-right-radius: 16px;
    overflow: hidden;
}
.img-box.img4>a{
    border-bottom-right-radius: 16px;
    overflow: hidden;
}
.img-box>a{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.img-box>a>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.img-box>a.img-1{
    height:440px;
}
.img-box>a.img-2{
    height:215px;
}
.img-box>a.img-3{
    height:440px;
}

.img-box>a.img-2>.overlay{
    position: absolute;
    left:0px;
    top:0px;
    width: 100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.4);
    z-index: 3;
    flex-direction: column;
}
.img-box>a.img-2>.overlay>i{
    font-size: 24px;
    color: white;
    margin-bottom: 10px;
}
.img-box>a.img-2>.overlay>span{
    font-size:16px;
    color:White;
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
}
.price-side{
    border:1px solid #C4C4C4;
    border-radius: 10px;
    margin-bottom:50px;
    height:fit-content;
}
.price-box{
    display: flex;
    width:100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:40px 15px 30px;
    border-bottom:1px solid #c4c4c4;
    margin-bottom:20px;
}
.price-box>h4{
    font-size:20px;
    font-weight: 600;
    margin-bottom:0px;
}
.price-box>.date{
    font-size:16px;
    font-weight: 400;
}
.price-box>.duration{
    font-size:16px;
    font-weight: 400;
}
.price-box>.from{
    margin-top:5px;
    font-size:14px;
    font-weight: 400;
    margin-bottom:5px;
    text-align: center;
}
.price-box>.price{
    font-size:20px;
    font-weight: 700;
    color:#EE3C43;
    margin-bottom:10px;
}
.price-box>.price>span{
    font-size:16px;
    font-weight: 400;
    color:#333;
}
.price-box>a.btn.btn-buynow{
    background-color:#EE3C43;
    height:46px;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    color:white;
    font-size:16px;
    font-weight: 500;
    margin-top:20px;
}
.price-box>a.btn.btn-default{
    border:1px solid #333;
    height:46px;
    display: flex;
    width:100%;
    align-items: center;
    justify-content: center;
    font-size:14px;
    font-weight: 600;
    color:#333;
    margin-top:5px;
}
.price-box>a.btn.btn-default>i{
    margin-right:5px;
    margin-top:-4px;
    font-size:16px;
}
.included{
    display: flex;
    width: 100%;
    padding:0px 5px 30px;
    flex-direction: column;
}
.included>h5{
    font-size:20px;
    font-weight: 800;
    color:#333;
    margin-top:0px;
    margin-bottom:15px;
}
.included>ul{
    display: flex;
    flex-direction: column;
    list-style: none;
    margin:0px;
    padding:0px;
}
.included>ul>li{
    display: flex;
    width: 100%;
    margin-bottom:8px;
    align-items: flex-start;
}
.included>ul>li>img{
    width:30px;
    margin-right:8px;
    margin-top:3px;
}
.included>ul>li>.include-text{
    display: flex;
    flex-direction: column;
}
.included>ul>li>.include-text>h6{
    font-size:16px;
    color:#333;
    font-weight: 700;
    margin-bottom:0px;
}
.included>ul>li>.include-text>p{
    font-size:14px;
    font-weight: 400;
    color:#333;
    line-height: 18px;
}
.nav-tabs .nav-link{
    color:#333;
    font-weight: 600;
    border:none;
    border-bottom:1px solid rgba(255, 103, 0,0);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border:none;
    color:#EE3C43;
    border-bottom:1px solid #EE3C43;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    isolation: isolate;
    border:none;
    color:#EE3C43;
    border-bottom:1px solid #EE3C43;
}
.tab-pane{
    padding:20px;
}
ul.programme{
    margin:0px;
    padding:0px 0px 0px 15px;
    display: flex;
    flex-direction: column;
    list-style: none;
}
ul.programme>li{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom:20px;
}
ul.programme>li>span{
    color:#EE3C43;
    font-size:14px;
    font-weight: 700;
    margin-left:-15px;
}
ul.programme>li>h4{
    font-size:22px;
    font-weight: 700;
    color:#333;
}
.accordion-button:not(.collapsed){
    background-color: #EE3C43;
    color:white;
    font-weight: 700;
}
.accordion-button:not(.collapsed)>span{
    color:white;
}
.accordion-button{
    font-size:18px;
    color:#333;
    font-weight: 700;
    align-items: center;
    outline:none;
    box-shadow: none;
}
.accordion-button>span{
    margin-right:10px;
    font-size:14px;
    color:#EE3C43;
}
button:focus:not(:focus-visible){
    outline:none;
    box-shadow: none;
}
.accordion-button::after{
    background: none;
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    color:#333
}
.accordion-button:not(.collapsed)::after{
    background: none;
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    color:white;
}
.exp-box{
    display: flex;
    width:100%;
    flex-direction: column;
    border-radius: 10px;
    border-bottom:1px solid #ddd;
    padding: 10px;
}
.exp-img-bg{
    display: flex;
    border-radius: 10px;
    background-color:#EE3C43;
    margin-bottom:10px;
    position: relative;
}
.exp-img-bg>.exp-img{
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
    width:100%;
    height:200px;
    border-radius: 10px;
    overflow: hidden;
    top:-5px;
    right:-5px;
}
.exp-img-bg>.exp-img>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.exp-text{
    display: flex;
    width:100%;
    flex-direction: column;
    justify-content: space-between;
    padding:0px 10px;
}
.exp-text>.exp-top>h5{
    font-size:15px;
    font-weight: 700;
    color:#333;
}
.exp-text>.exp-top>p{
    font-size:14px;
    font-weight: 400;
    color:#333;
}
.exp-text>.exp-bottom{
    display: flex;
    width: 100%;
    font-size:14px;
    font-weight: 400;
    color:#333;
    align-items: center;
    margin-bottom:5px;
}
.exp-text>.exp-bottom>i{
    color:#333;
    font-size:16px;
    margin-right:5px;
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:20px;
}
.exp-area{
    margin-top:20px;
    margin-bottom:30px;
}
.exp-area>h3{
    font-weight: 700;
    margin-bottom:30px;
    border-bottom:1px solid #ddd;
}
.other-title>h2{
    font-weight: 700;
    font-size:26px;
    border-bottom:1px solid #ddd;
}
.other-tours{
    margin-bottom:60px;
}
a.foot-contact{
    display: flex;
    width:100%;
    text-decoration: none;
    color:white;
    margin-bottom:20px;
}
.contact-img{
    display: flex;
    height:50px;
    margin-right:5px;
}
.contact-img>img{
    height:40px;
}
.foot-contact-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.foot-contact-text>.contact-title{
    font-size:14px;
    font-weight: 700;
    color:#EE3C43;
    line-height: 16px;
}
.foot-contact-text>.contact-no{
    font-size:20px;
    font-weight: 700;
    color:white;
    line-height: 28px;;
}
.form-str{
    padding:7px;
    display: flex;
    justify-content: space-between;
}
.form-str>input.form-control{
    height:46px;
    outline:none;
    box-shadow: none;
    transition: all .4s;
}
.form-str>input.form-control:focus{
    outline:none;
    box-shadow: none;
    border-color:#EE3C43;
    transition: all .4s;
}

.form-str>select.form-control{
    height:46px;
    outline:none;
    box-shadow: none;
    transition: all .4s;
}
.form-str>select.form-control:focus{
    outline:none;
    box-shadow: none;
    border-color:#EE3C43;
    transition: all .4s;
}
.form-str>button.btn.btn-orange{
    background-color:#EE3C43;
    display: flex;
    width:100%;
    height:46px;
    align-items: center;
    justify-content: center;
    color:white;
    font-size:16px;
}
.modal-footer{
    border:none;
    padding:0px;
}
.modal-header{
    background-color:white;
    border:none;
}
h5.modal-title{
    color:#333;
}
.modal-header .btn-close{
    color:#333;
    background:none;
    padding: 1rem 1rem;
    margin: -2rem -1rem -1rem auto;
    width: fit-content;
    font-size:26px;
}
.form-str>a{
    display: flex;
    color:#333;
    font-size:16px;
    text-decoration: none;
}
.form-str>a:hover{
    color:#EE3C43;
    transition: all .4s;
}
.navbar-expand-sm .navbar-nav .nav-link:hover, .navbar-expand-sm .navbar-nav .nav-link:focus{
    color:#EE3C43;
}
.navbar-expand-sm .navbar-nav .nav-link.basvur:hover, .navbar-expand-sm .navbar-nav .nav-link.basvur:focus{
    color:#fff;
}

.return-str{
    margin-top:80px;
    margin-bottom:80px;
}
.return-area{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    min-height: 500px;
}
.return-area>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.return-area>.overlay{
    position: absolute;
    display: flex;
    justify-content: center;
    left:0px;
    top:0px;
    min-height:40%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 );
    z-index: 2;
    padding-top:65px;
}
.return-area>.overlay>.text-area{
    display: flex;
    flex-direction: column;
    width:70%;
    align-items: center;
}
.return-area>.overlay>.text-area>h4{
    font-size:32px;
    font-weight: 800;
    color:#333;
    text-align: center;
    margin-bottom:20px;
}
.return-area>.overlay>.text-area>p{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color:#333;
}
.return-area>.overlay>.text-area>p>a.btn.btn-red{
    height:50px;
    background-color:#EE3C43;
    display: flex;
    align-items: center;
    font-size:16px;
    font-weight: 500;
    color:white;
    padding-left:40px;
    padding-right:40px;
    transition: all .4s;
}
.return-area>.overlay>.text-area>p>a.btn.btn-red:hover{
    background-color:#333;
    transition: all .4s;
}
h5.modal-title{
    line-height: 17px;
}
h5.modal-title>span{
    font-size:14px;
    font-weight: 400;
}
ul.tourlist{
    display: flex;
    list-style: none;
    margin:20px 0px;
    padding:0px;
    width: 100%;
    flex-direction: column;
}
ul.tourlist>li.liste-header{
    display: flex;
    width:100%;
    height:40px;
    font-size:14px;
    font-weight: 600;
    color:white;
    background-color:#333;
    border-radius: 10px;
    margin-bottom:15px;
    align-items: center;
    padding:0px 20px;
}
ul.tourlist>li{
    display: flex;
    width:100%;
    background-color:white;
    box-shadow: 0px 0px 6px rgba(0,0,0,.16);
    padding:20px;
    border-radius: 10px;
    margin-bottom:15px;
    align-items: flex-start;
    justify-content: space-between;
}
ul.tourlist>li>.listleft{
    display: flex;
    width:70%;
}
ul.tourlist>li>.listleft>.date{
    font-size: 28px;
    color: #333;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    line-height: 23px;
    align-items: center;
    margin-right:40px;
}
ul.tourlist>li>.listleft>.date>span{
    font-size:16px;
    font-weight: 800;
    color: #333;
    opacity: .6;
}
ul.tourlist>li>.listleft>.listtourinfo{
    display: flex;
    flex-direction: column;
    width:60%;
}
ul.tourlist>li>.listleft>.listtourinfo>h5{
    font-size:18px;
    font-weight: 700;
    color:#333;
    margin-bottom:0px;
}
ul.tourlist>li>.listleft>.listtourinfo>span{
    font-size:14px;
    font-weight: 600;
    color:grey;
}
ul.tourlist>li>.listleft>.listtourstatus{
    display: flex;
    flex-direction: column;
    width:100%;
}
ul.tourlist>li>.listleft>.listtourstatus>.vartitle{
    font-size:16px;
    font-weight: 700;
}
ul.tourlist>li>.listleft>.listtourstatus>.list-tout-range{
    display: flex;
    font-size:18px;
    font-weight: 700; 
    color:#333;
    align-items: center;
}
ul.tourlist>li>.listleft>.listtourstatus>.list-tout-range>i{
    margin-right:5px;
    color:#333;
    font-size:14px;
}
ul.tourlist>li>.listleft>.listtourstatus>.list-tout-range>svg{
    fill:#333;
    height:14px;
    margin-left:10px;
    margin-right: 10px;
}
ul.tourlist>li>.listleft>.listtourstatus>.tourstatus{
    display: flex;
    font-size:16px;
    color:#333;
    font-weight: 500;
    align-items: center;
    margin-top:0px;
}
ul.tourlist>li>.listleft>.listtourstatus>.tourstatus>i.fa-fire{
    color:red;
    margin-right:5px;
    font-size:14px;
}

ul.tourlist>li>.listleft>.listtourstatus>.tourstatus>i.fa-thumbs-up{
    color:green;
    margin-right:5px;
    font-size:14px;
}

ul.tourlist>li>.listleft>.listtourstatus>.tourstatus>i.fa-ban{
    color:#333;
    margin-right:5px;
    font-size:14px;
    opacity: .3;
}
ul.tourlist>li>.listright{
    display: flex;
}
ul.tourlist>li>.listright>.tourPrice{
    font-size:18px;
    font-weight: 700;
    color:#333;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 20px;
}
ul.tourlist>li>.listright>.tourPrice>span{
    font-size:14px;
    color:#333;
    font-weight: 400;
}
ul.tourlist>li>.listright>a.btn.btn-default{
    height:40px;
    width:auto;
    color:white;
    padding-left:30px;
    padding-right:30px;
    display: flex;
    align-items: center;
    margin-left:10px;
    font-size:16px;
    font-weight: 600;
    background-color:#EE3C43;
}
ul.tourlist>li>.listright>a.btn.btn-grey{
    height:50px;
    width:auto;
    color:grey;
    padding-left:30px;
    padding-right:30px;
    display: flex;
    align-items: center;
    margin-left:10px;
    font-size:16px;
    font-weight: 600;
    background-color:#f2f2f2;
}
.form-page-header{
    margin-top:40px;
    margin-bottom:20px;
}
.form-page-header>h3{
    font-size:26px;
    font-weight: 500;
    color:#333;
}
.form-page-header>p{
    font-size:14px;
    font-weight: 400;
    color:#333;
}
.form-str .chc {
    width: 100%;
    float: left;
    padding: 10px;
    border-radius: 2px;
    border: 1px solid #e8e8e8;
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
}
.form-str .chc input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}
.form-str .chc .bx {
    width: 22px;
    height: 22px;
    float: left;
    border-radius: 50%;
    background: #f7f7f7;
    margin-right: 10px;
    position: relative;
}
.form-str .chc .bx:after {
    position: absolute;
    left: 6px;
    top: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #EE3C43;
    content: '';
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.form-str .chc input:checked~.bx:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
.form-str .chc .after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #EE3C43;
    border-radius: 2px;
    z-index: -1;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
}
    .form-str  .chc input:checked~.after {
    width: 100%;
}
.form-str .chc input:checked~label {
    color: #fff;
    font-weight: 600;
}

.form-str .chc label {
    float: left;
    font-size: 16px;
    position: relative;
    top: 4px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    margin-bottom: 6px;
}
.appeal-form-str{
    padding:8px;
}
.appeal-form-str>select.form-control{
    height: 50px;
    appearance: auto;
    transition: all .4s;
}
.appeal-form-str>input.form-control{
    height:50px;
    outline:none;
    transition: all .4s;
    box-shadow: none;
}
.appeal-form-str>input.form-control:focus, .appeal-form-str>input.form-control:active, .appeal-form-str>select.form-control:focus, .appeal-form-str>select.form-control:active{
    outline:none;
    box-shadow: none;
    transition: all .4s;
    border-color: #EE3C43;
}
.friends-area{
    margin-top:25px;
    margin-bottom:30px;
    padding-bottom:5px;
}
.friends-area>.friends-area-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0px;
}
.friends-area>.friends-area-title>h4{
    font-size:18px;
    font-weight: 600;
    color:#333;
    margin:0px;
}
.friends-area>.friends-area-title>button.btn.btn-default{
    background-color: #EE3C43;
    border:none;
    color:white;
    font-size:14px;
    font-weight: 600;
}
#education_fields button.btn.btn-default{
    display: flex;
    width: 100%;
    background-color: #EE3C43;
    height: 50px;
    color: white;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    margin-top:31px;
}
.sozlesmeler{
    margin-bottom:30px;
}
.check-area{
    border:1px solid rgba(0, 0, 0, .2);
    padding:30px;
}
.appeal-form-str>label>a{
    color:#333;
    font-weight: 600;
}
.sozlesmeler{
    margin-bottom:30px;
    margin-top:30px;
}
.sozlesmeler button.btn.btn-default{
    display: flex;
    width: 100%;
    background-color: #EE3C43;
    height: 50px;
    color: white;
    font-size: 16px;
    align-items: center;
    justify-content: center;
}
.is-affixed .pay-board{
    margin-left:12px;
}
.pay-board{
    border:1px solid #dee2e6;
    padding:20px;
    display: flex;
    width:100%;
    margin-top:20px;
    border-radius: 10px;
    flex-direction: column;
}
.pay-board>h4{
    font-size:18px;
    font-weight: 700;
    color:#333;
    text-align: left;
    width: 100%;
    margin-bottom:5px;
}
.pay-board>.appeal-price{
    font-size:14px;
    margin-bottom:20px;
}
.pay-board>.horizontal-line{
    display: flex;
    width: 100%;
    height:1px;
    background-color:#dee2e6;
    margin-bottom:20px;
}
.is-affixed .right-board{
    margin-left:12px;
}
.right-board{
    border:1px solid #dee2e6;
    padding:20px;
    display: flex;
    width:100%;
    margin-top:40px;
    border-radius: 10px;
    flex-direction: column;
}
.right-board>h4{
    font-size:18px;
    font-weight: 700;
    color:#333;
    text-align: left;
    width: 100%;
    margin-bottom:5px;
}
.right-board>.appeal-price{
    font-size:14px;
    margin-bottom:20px;
}
.right-board>.horizontal-line{
    display: flex;
    width: 100%;
    height:1px;
    background-color:#dee2e6;
    margin-bottom:20px;
}
.tour-date{
    display: flex;
    width:100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom:20px;
}
.tour-date>img{
    width:16px;
}
.tour-date>.tour-start{
    display: flex;
    flex-direction: column;
    font-size:16px;
    font-weight: 600;
    color:#333;
    width:fit-content;
}
.tour-date>.tour-start>span{
    font-size:14px;
    color:#999999;
}

.tour-date>.tour-end{
    display: flex;
    flex-direction: column;
    font-size:16px;
    font-weight: 600;
    color:#333;
    width:fit-content;
}

.tour-date>.tour-end>span{
    font-size:14px;
    color:#999999;
}

.right-board>h5{
    font-size:16px;
    font-weight: 600;
    color:#333;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom:20px
}
.right-board>h6{
    font-size:18px;
    font-weight: 700;
    color:#333;
    width: 100%;
    margin-bottom:0px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.right-board>h6>span{
    display: flex;
    width: auto;
    font-size:18px;
    font-weight: 800;
    color: #333;
    justify-content: flex-start;
    margin-left:10px;
    margin-bottom:0px;
}


/* The actual timeline (the vertical ruler) */
ul.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    list-style: none;
    padding:0px;
    padding-right:15px;
  }
  
  /* The actual timeline (the vertical ruler) */
  ul.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
  }
  
  /* Container around content */
  li.sidecontainer {
    padding: 10px 10px;
    position: relative;
    background-color: inherit;
    width: 100%;
  }
  
  /* The circles on the timeline */
  li.sidecontainer::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    right: -17px;
    background-color: white;
    border: 4px solid #EE3C43;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
  }
  
  li.sidecontainer::before{
    content: '';
    position: absolute;
    left:-5px;
    border-left:medium solid #EE3C43;
    display: flex;
    width:1px;
    height: 100%;
  }
  li.sidecontainer:first-child::before{
    top:15px;
  }
  li.sidecontainer:last-child::before{
    height:15px;
  }
  /* Place the container to the left */
  li.leftside {
    left: 0;
  }
  
  /* Place the container to the right */
  li.rightside {
    left: 0;
  }
  
  /* Fix the circle for containers on the right side */
  li.rightside::after {
    left: -11px;
  }
  
  /* The actual content */
.content {
    padding: 6px 10px;
    background-color: white;
    position: relative;
    border-radius: 6px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0,.16);
    text-decoration: none;
    display: flex;
    width: 100%;
    transition: all .4s;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .content:hover{
    box-shadow: 0px 0px 6px rgba(0, 0, 0,.3);
    transition: all .4s;
  }
.tour-maps{
    height:400px;
}
.content>.prog-list-left{
    display: flex;
    flex-direction: column;
}
.content>.prog-list-left>h3{
    display: flex;
    flex-direction: column;
    width:100%;
    font-size:14px;
    font-weight: 700;
    color:#333;
  }
.content>.prog-list-left>h3>span{
    font-size:13px;
    display: flex;
  }
  .content>.prog-list-right{
    display: flex;
    color:#333;
  }
  .content>.prog-list-right>img{
    height:24px;
  }
  .tour-top-line{
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #dee2e6;
  }
.tour-top-info{
    display: flex;
    justify-content: flex-start;
}
.tour-top-info>span{
    display: flex;
    align-items: center;
    font-size:16px;
    font-weight: 400;
    color:#333;
    margin-right:10px;
}
.tour-top-info>span>img{
    height:20px;
    margin-right:5px;
}
.tour-top-calendar{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size:16px;
    font-weight: 400;
    color:#333;
}
.tour-top-calendar>.top-price{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size:14px;
    font-weight: 400;
    color:#333;
    line-height: 18px;
    margin-right:30px;
}
.tour-top-calendar>.top-price>div{
    display: flex;
    font-size:18px;
    font-weight: 700;
    color:#333;
    align-items: flex-end;
}
.tour-top-calendar>.top-price>div>span{
    font-size:14px;
    font-weight: 400;
}
.btn.btn-calendar{
    background-color:#EE3C43;
    height:46px;
    display: flex;
    align-items: center;
    justify-content: center;
    width:fit-content;
    padding-left:50px;
    padding-right:50px;
    color:white;
    font-size:16px;
    font-weight: 500;
}

.tour-description{
    padding-left:0px;
}
.tour-description h1{
    font-size:26px;
    font-weight: 700;
    color:#333;
}
.sidebar__inner{
    padding-bottom:50px;
}
.tour-program{
    margin-top:20px;
    padding-top:40px;
    padding-bottom:40px;
    margin-bottom:40px;
    background-color:#333;
}
.tour-program h4{
    font-size:24px;
    font-weight: 700;
    color:white;
    border-bottom:1px solid #dee2e6;
    margin-bottom:40px;
    display: flex;
    justify-content: space-between;
}
.tour-program h4>span.programme-head-title{
    font-size:18px;
}
.post-img{
    display: flex;
    width:100%;
    margin-bottom:20px;
    margin-top:20px;
    border-radius: 10px;
    overflow: hidden;
    padding-top:20px;
}
.post-img>img{
    width:100%;
}
.post-text{
    display: flex;
    width:100%;
    flex-direction: column;
}
.post-text>h2{
    font-size:28px;
    font-weight: 700;
    color:#333;
    margin-bottom:20px;
}
.post-text>p{
    font-size:14px;
    font-weight: 400;
    color:#333;
}
  
  
  /* Media queries - Responsive timeline on screens less than 600px wide */
  @media screen and (max-width: 600px) {
    /* Place the timelime to the left */
    .timeline::after {
    left: 31px;
    }
    
    /* Full-width containers */
    .sidecontainer {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
    }
    
    /* Make sure that all arrows are pointing leftwards */
    .sidecontainer::before {
    left: 60px;
    border: none;
    }
  
    /* Make sure all circles are at the same spot */
    .leftside::after, .rightside::after {
    left: 15px;
    }
    
    /* Make all right containers behave like the left ones */
    .rightside {
    left: 0%;
    }
  }
  .person-total{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
  }
  .faqbutton-area{
    padding:20px 0px;
    border-top:1px solid #c4c4c4;
  }
  .faqbutton-area>a.btn.btn-buynow{
    background-color:#EE3C43;
    height:46px;
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    color:white;
    font-size:16px;
    font-weight: 500;
    margin-top:0px;
}
.program-body{
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    max-height:650px;
}
.modal-body>h6{
    background-color: #333;
    padding:10px 15px;
    color:White;
}
.modal-body>.program-text{
    display: flex;
    width: 100%;
    flex-direction: column;
    padding:0px 15px;
}
.populer{
    background-color:#333;
}
.populer .other-tours{
    padding-bottom:60px;
    padding-top:60px;
    margin:0px;
}
.populer .other-title>h2{
    color:white;
}

.progress-container-wrapper {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.progress-box{
    display: flex;
    width:20%;
}
.progress-container {
    position: relative;
    display: inline-block;
    margin: 10px;
}

.progress-bar {
    transform: rotate(-90deg);
}

.circle-background {
    fill: none;
    stroke: #e6e6e6;
    stroke-width: 10;
}

.circle-progress {
    fill: none;
    stroke-width: 10;
    stroke-linecap: round;
    transition: stroke-dasharray 0.35s;
}

.progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.progress-text>img{
    height:46px;
}
.progress-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.progress-info>.progress-title{
    font-size: 16px;
    line-height: 20px;
}
.progress-info>.progress-percent{
    font-size:18px;
    font-weight: 700;
}
.progress-info>.progress-percent.nature{
    color:#8bc53e;
}
.progress-info>.progress-percent.relaxing{
    color:#40B0ED;
}
.progress-info>.progress-percent.history{
    color:#fabf3a;
}
.progress-info>.progress-percent.culture{
    color:#f48d38;
}   
.progress-info>.progress-percent.party{
    color:#8565f9;
}
.nav-pills .nav-link {
    color:#333;
    justify-content: flex-start;
    text-align: left;
    margin-bottom:8px;
    border-bottom:1px solid #dee2e6;
}
.page-content{
    min-height:50vh;
}
.nav.nav-pills{
    width:204px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: white;
    background-color: #EE3C43;
}
.nav-pills .nav-link:hover{
    color: white;
    background-color: #EE3C43;
}
.faq-answers{
    width: calc(100% - 220px);
}
.modal-body {
    max-height: 80vh;
    overflow-y: auto;
}
.more-btn{
    display: flex;
    justify-content: center;
}
.more-btn>a{
    text-decoration: none;
    font-size:14px;
    color:#333;
    font-weight: 700;
}
.appeal-form-str>textarea.form-control{
    height:150px;
    resize: none;
}
.appeal-form-str>textarea.form-control:focus, .appeal-form-str>textarea.form-control:hover{
    outline:none;
    box-shadow:none;
    border-color: #EE3C43;
    transition: all .4s;
}
.appeal-sections{
    margin-top:20px;
    margin-bottom:20px;
}
.appeal-sections>ul{
    display: flex;
    width:100%;
    border-bottom:1px solid #4e4e4e;
    list-style: none;
    padding:0px 0px 20px;
    justify-content: space-between;
}
.appeal-sections>ul>li{
    display: flex;
    width: 25%;
    flex-direction: column;
    align-items: center;
    padding:0px 10px;
}
.appeal-sections>ul>li>span{
    display: flex;
    width:12px;
    height:12px;
    border-radius: 6px;
    background-color: #4e4e4e;
    margin-bottom:5px;
}
.appeal-sections>ul>li>h6{
    font-size:16px;
    font-weight: 500;
    color:#333;
    text-align: center;
}
.appeal-sections>ul>li>p{
    font-size:14px;
    font-weight: 400;
    color:#333;
    text-align: center;
}
.calendarPage-header{
    margin-top:40px;
    margin-bottom:20px;
}
.calendarPage-header h1{
    font-size:40px;
    font-weight: 600;
    color:#333;
    text-align: center;
}
.calendarPage-header p{
    font-size:16px;
    color:#333;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
}
.filter-section{
    padding-bottom:15px;
    margin-bottom:30px;
    border-bottom:1px solid #DDE2E6;
}
ul.filter{
    display: flex;
    list-style: none;
    padding:0px;
    margin:0px;
    justify-content: center;
}
ul.filter>li{
    display: flex;
    margin-right:5px;
}
ul.filter>li>a.btn.btn-filter{
    display: flex;
    text-decoration: none;
    height:46px;
    padding-left:26px;
    padding-right:46px;
    align-items: center;
    font-size:16px;
    font-weight: 400;
    color:#333;
    position: relative;
    border:1px solid #DDE2E6;
    border-radius: 6px;
}
ul.filter>li>a.btn.btn-filter>img{
    height:20px;
    position: absolute;
    right:10px;
    top:13px;
}
.checkbox-area>label{
    display: flex;
    align-items: center;
    font-size:16px;
}
.checkbox-area>label>input{
    margin-right:5px;
    margin-bottom:2px;
}

#wrapper {
    width: 800px;
    margin: 0 auto;
    color: #333;
    font-family: Tahoma, Verdana, sans-serif;
    line-height: 1.5;
    font-size: 14px;
}
.filter-btn-area{
    display: flex;
    width:100%;
    padding-top:10px;
    border-top:1px solid #DDE2E6;
    justify-content: flex-end;
}
.filter-btn-area>.btn.btn-default{
    height:40px;
    width:auto;
    color:white;
    padding-left:30px;
    padding-right:30px;
    display: flex;
    align-items: center;
    margin-left:10px;
    font-size:16px;
    font-weight: 600;
    background-color:#EE3C43;
}

/* Dropdown container */
.dropdowns {
    position: relative;
    width: 300px;
  }
  
  .dropdown-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  
  .dropdowns-menu {
    display: block; /* Default olarak gizli */
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    opacity: 0;
    height:0px;
    overflow: hidden;
    transition: all .4s;
  }
  
  .dropdowns:hover .dropdowns-menu {
    display: block;
    opacity: 1;
    height:200px;
    transition: all .4s;
  }
  
  .regions-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 sütunlu grid */
    gap: 10px;
    padding: 10px;
  }
  
  .region-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
  }
  
  .region-item:hover {
    background-color: #EE3C43;
    position: relative;
  }
  
  .region-item img.itemimg {
    width: 40px;
    height: 40px;
    margin-top: -45px;
    opacity: 1;
    transition: all .4s;
  }
  .region-item:hover img.itemimg {
    width: 40px;
    height: 40px;
    margin-top: -45px;
    opacity: 0;
    transition: all .4s;
  }
  .region-item img.imghover {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
  }
  
  .region-item span {
    font-size: 14px;
    font-weight: bold;
  }
  .region-item:hover span{
    color:white;
    transition: all .4s;
  }
  .dropdowns>input{
    height: 46px;
    outline: none;
    box-shadow: none;
    border-color: #dee2e6;
  }
  .dropdowns>input:focus-visible{
    border-color:#EE3C43;
    outline:none
  }
  #sidebars{
    padding:10px 0px 0px;
  }
  .contact-header{
    border-bottom:1px solid #dee2e6;
  }
  .faq-str{
    margin-bottom:10px;
  }
  .faq-str>a{
    display: flex;
    width:100%;
    text-decoration: none;
    color:#333;
  }
  .faq-str>a>img{
    height:40px;
    margin-right:10px;
    margin-top:5px;
  }
  .faq-str>a>.faq-str-title{
    display: flex;
    flex-direction: column;
    font-size:16px;
    font-weight: 600;
    color:#333;
  }
  .faq-str>a>.faq-str-title>span{
    display: flex;
    border:1px solid #EE3C43;
    padding: 5px 15px;
    font-weight: 400;
    font-size:13px;
    border-radius: 6px;
    transition: all .4s;
    width: fit-content;
  }
  .faq-str>a:hover>.faq-str-title>span{
    background-color:#EE3C43;
    color:white;
    transition: all .4s;
  }
  ul.contact-list{
    display: flex;
    flex-direction: column;
    list-style: none;
    padding:0px;
    padding-left:50px;
    width: fit-content;
    height:0px;
    opacity: 0;
    overflow: hidden;
    margin:0px;
    transition: all .4s;
  }
  ul.contact-list.open{
    opacity: 1;
    height:fit-content;
    margin-top:20px;
    transition: all .4s;
  }
  ul.contact-list>li{
    display: flex;
    margin-bottom:5px;
    width:100%;
  }
  ul.contact-list>li>a{
    display: flex;
    text-decoration:none;
    color:#333;
    align-items: flex-start;
    font-size:14px;
    transition: all .4s;
    border:1px solid #C4C4C4;
    padding:10px  25px;
    border-radius: 6px;
    width:100%;
}

ul.contact-list>li>a:hover{
    display: flex;
    text-decoration:none;
    color:#333;
    align-items: flex-start;
    font-size:14px;
    color:#EE3C43;
    transition: all .4s;
}
ul.contact-list>li>a>img{
    height:20px;
    margin-right:10px;
}
label.pack-str{
    display: flex;
    margin-bottom:10px;
    align-items: flex-start;
    width:100%;
}
label.pack-str>input{
    margin-top:5px;
    margin-right:10px;
}
label.pack-str>.packinfo{
    display: flex;
    flex-direction: column;
    width: 100%;
}
label.pack-str>.packinfo>.pack-title-price{
    display: flex;
    justify-content: space-between;
    margin-bottom:10px;
}
label.pack-str>.packinfo>.pack-title-price>.pack-title{
    font-size:16px;
    font-weight: 600;
    color:#333;
}
label.pack-str>.packinfo>.pack-title-price>.pack-price{
    text-align: right;
    display: flex;
    justify-content: flex-end;
    font-size:16px;
    font-weight:700;
    color:#333;
}
label.pack-str>.packinfo>.pack-desc{
    display: flex;
    flex-direction: column;
}
label.pack-str>.packinfo>.pack-desc>p{
    font-size:14px;
    font-weight: 400;
    color:#999999;
}
.right-board>ul.packlist{
    display: flex;
    width: 100%;
    list-style: none;
    flex-direction: column;
    padding:0px;
    margin:10px 0px;
}
.right-board>ul.packlist>li{
    display: flex;
    justify-content: space-between;
    background-color:#ececec;
    border-radius: 6px;
    padding:5px 10px;
    margin-bottom:5px;
    font-size:14px;
    font-weight: 500;
    color:#333;
}
.right-board>ul.packlist>li>.packprice{
    font-weight: 600;
}
.Notification{
    display: flex;
    width: 100%;
    padding:20px;
    border-radius: 10px;
    background-color:rgb(252 247 239);
    border-color: rgba(245, 135, 74, .3);
    color:#333;
    font-size:14px;
    font-weight: 400;
    line-height: 24px;
    flex-direction: column;
    margin-bottom:20px;
    margin-top:10px;

}
.Notification>h5{
    font-size:16px;
    font-weight: 700;
    color:#333;
    margin-bottom:10px;
}
.Notification>p{
    color:#333;
    font-size:14px;
    font-weight: 400;
    line-height: 24px;
}
.tour-programme-side {
    position: fixed;
    display: flex;
    flex-direction: row;
    width: 100%;
    left: auto;
    right:100%;
    top: 0px;
    bottom: 0px;
    z-index: 99;
    background-color: white;
    box-shadow: 0px 3px 10px rgba(0,0,0,.16);
    overflow-y: scroll; /* Scroll aktif */
    transition: all .4s;
}
.tour-programme-side.open{
    left:0px;
    right:auto;
    transition: all .4s;
}
.tour-programme-side>span.close{
    display: none;
}
.tour-programme-side.open>span.close{
    display: flex;
    position: fixed;
    right:20px;
    top:10px;
    z-index: 9;
    font-size:24px;
    font-weight: 600;
    color:#333;
}
.tour-programme-side>.day-programme-area{
    display: flex;
    width:120px;
    background-color:#333;
    height:100%;
    padding-top:40px;
    position: fixed;
    left:auto;
    top:0px;
    right:100%;
    transition: all .4s;
}
.tour-programme-side.open>.day-programme-area{
    left:0px;
    right:auto;
    transition: all .4s;
}
.tour-programme-side > ul {
    display: flex;
    flex-direction: column;
    padding: 30px 30px 0px;
    list-style: none;
    width:40%;
}

.tour-programme-side > ul > li {
    display: flex;
    width: 100%;
    position: relative;
}
.tour-programme-side>ul>li>.prog-left{
    display: flex;
    width:60px;
    margin-right:30px;
    position: relative;
    height: 100%!important;
}
.tour-programme-side > ul > li > .prog-left > .day {
    width: 60px;
    border-radius: 30px;
    height: 60px;
    display: flex;
    box-shadow: 0px 0px 10px rgba(0,0,0,.16);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: #EE3C43;
    line-height: 16px;
    font-size: 14px;
    position: sticky!important;
    top: 20px; /* İlk öğeden itibaren sabitleme */
    z-index: 2;
    transform: none!important;
}

.tour-programme-side > ul > li > .prog-left > span.vertical-line {
    display: flex;
    width: 1px;
    border-left: 1px dashed white;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 0px;
    height: 100%;
    opacity: 0.3;
}
.tour-programme-side > ul > li:last-child > .prog-left > span.vertical-line {
    border: none;
}
.tour-programme-side>ul>li>.prog-right{
    display: flex;
    width: calc(100% - 120px);
    padding-left:30px;
    padding-right:30px;
    flex-direction: column;
    padding-bottom:60px;
}
.tour-programme-side>.big-tour-maps{
    display: none;
    width:60%;
    position: fixed;
    top:0px;
    right:0px;
    height: 100vh;
}

.tour-programme-side.open>.big-tour-maps{
    display: flex;
    width:60%;
    position: fixed;
    top:0px;
    right:0px;
    height: 100vh;
}
.info-content{
    margin-top:40px;
    margin-bottom:60px;
}
.info-content h3{
    font-size:28px;
    text-align: center;
    font-weight: 700;
    margin-bottom:20px;
}
.corporate-content{
    margin-top:40px;
    margin-bottom:60px;
}
.corporate-content h1{
    font-size:32px;
    font-weight: 700;
    margin-bottom:20px;
    text-align: center;
}
.corp-img{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    min-height: 500px;
    margin-bottom:20px;
}
.corp-img>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.pack-person{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pack-person>input.form-control.persons{
    width:80px;
    height: 40px;
    outline: none;
    transition: all .4s;
    box-shadow: none;
    margin-top: -8px;
}
.pack-person>label{
    margin-right:5px;
    font-weight: 500;
}
.ti-widget-container{
    margin-bottom:0!important;
}
.event-info{
    display: flex;
    flex-direction: column;
    margin-bottom:60px;
    padding-top:10px;
    padding-bottom:10px;
}
.eventText>span.eventlocation{
    display: flex;
    width: fit-content;
    max-width: 100%;
    border-radius: 6px;
    background-color:white;
    padding:5px 15px;
    border:1px solid #333;
    color:#333;
    font-size:14px;
    font-weight: 400;
    margin-bottom:10px;
}
.eventheader>span.eventdate{
    display: flex;
    width: fit-content;
    max-width: 100%;
    background-color:white;
    padding:5px 15px 5px 0px;
    color:#333;
    font-size:14px;
    font-weight: 500;
    align-items: center;
    margin-top:5px;
}
.eventText{
    display: flex;
    flex-direction: column;
    margin-top:10px;
    margin-bottom:10px;
}
.eventText>h4{
    font-size:22px;
    font-weight: 600;
    color:#333;
    margin-bottom:10px;
}
.eventText>div.eventdate{
    display: flex;
    align-items: center;
}
.eventText>div.eventdate>span{
    display: flex;
    font-size:14px;
    color:#333;
    align-items: center;
    margin-right:15px;
}
.eventText>div.eventdate>span>i{
    margin-right:5px;
    color:#EE3C43;
    margin-top:-3px;
}
.eventText>div.eventdate>span.price>i{
    margin-right:5px;
    color:#EE3C43;
    margin-top:-1px;
}
.eventbottom button.btn.btn-default{
    display: flex;
    width: fit-content;
    max-width: 100%;
    padding-left:20px;
    padding-right:20px;
    background-color: #EE3C43;
    height: 42px;
    color: white;
    font-size: 14px;
    align-items: center;
    justify-content: center;
}
.event-gallery{
    margin-bottom:20px;
}
.event-gallery{
    display: flex;
}
.event-gallery .row{
    width:100%;
    height:100%;
}
.event-gallery a.fancybox.gal{
    display: flex;
    height:100%;
    width:100%;
    position: relative;
}

.event-gallery a.fancybox.gal>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}

.event-gallery a.fancybox.gal-mobile{
    display: flex;
    height:250px;
    width:100%;
    position: relative;
}

.event-gallery a.fancybox.gal-mobile>img{
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    color: transparent;
}
.row.reverse{
    display: flex;
    flex-direction: row-reverse;
}