.igStory {display: flex !important;justify-content: center;}
.igStory .item {text-align: center;justify-content: center;cursor: pointer;}
.igStory .item .image {border-radius: 100%;background: linear-gradient(rgb(226, 156, 45), rgb(255, 240, 216));width: 80px;height: 80px;padding: 2px;margin: 0 auto;}
.igStory .item .image img {width: 80px;height: 75px;object-fit: cover;border-radius: 100%;margin: 0 auto;}
.igStory .item span {line-height: normal;font-weight: 400;font-size: 14px;display: block;padding: 0 12px;}

.storyWrap {position: fixed;width: 100%;height: 100vh;top: 0;z-index: 99999;background: #000;display: flex;align-items: center;justify-content: center;}
.storyWrap .wrapper {width: 450px;height: 100%;background: #fff;position: relative;}
.storyWrap .wrapper .imgWrap {height: 100%;object-fit: cover;cursor: pointer;}
.storyWrap .wrapper .load {position: absolute;width: 100%;top: 0;left: 0;padding: 10px 0px;background: #000;}
.storyWrap .wrapper .load .barWrap {background: rgba(255, 255, 255, .6);width: 100%;height: 2px;border-radius: 20px;}
.storyWrap .wrapper .load .barWrap .bar {width: 1%;background: #fff;height: 2px;}
.storyWrap .wrapper .top {position: absolute;width: 100%;top: 20px;left: 0;padding: 10px 10px;display: flex;align-items: center;}
.storyWrap .wrapper .top .thumb {display: flex;align-items: center;float: left;}
.storyWrap .wrapper .top .thumb .image {border-radius: 100%;background: linear-gradient(rgb(226, 156, 45), rgb(255, 240, 216));width: 35px;height: 35px;padding: 2px;margin-right: 5px;}
.storyWrap .wrapper .top .thumb .image img {width: 35px;height: 30px;object-fit: cover;border-radius: 100%;}
.storyWrap .wrapper .top .thumb span {display: inline-block;background: rgba(0, 0, 0, .40);color: #fff;font-size: 14px;padding: 4px 10px;border-radius: 8px;}
.storyWrap .wrapper .top .close {cursor: pointer;float: right;margin-left: auto;background: #ffffffa6;width: 35px;height: 35pxpx;text-align: center;line-height: 35px;border-radius: 6px;opacity: 1;color: #666;}
.storyWrap .wrapper .bottom {position: absolute;width: 100%;bottom: 0;left: 0;padding: 10px 10px 30px;display: flex;align-items: center;justify-content: center;
animation: bounce .6s ease-in-out infinite;animation-direction: alternate;}
.storyWrap .wrapper .bottom a {display: inline-block;background: rgba(0, 0, 0, .40);color: #fff;font-size: 14px;padding: 4px 10px;border-radius: 8px;}
@keyframes bounce {
  from {
    bottom: 2%;
  }
  to {
    bottom: 4%;
  }
}

.otelKutu {background: #fef4f5;border-radius: 15px;}
.routesSlider .slick-slide,
.themesSlider .slick-slide,
.hotelTabSlider .slick-slide {padding: 0 5px;}
.fs-12 {font-size: 12px;}
.otelKutu .ust {padding: 8px 15px;}
.otelKutu .image,
.otelKutu .image img {border-top-left-radius: 15px;border-top-right-radius: 15px;}
.otelKutu .image img {height: 170px;object-fit: cover;}
.otelKutu .cont {padding: 10px;color: #000000;font-size: 12px;}
.otelKutu .cont h5 {font-size: 16px;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.otelKutu .cont h5 a {color: #000000;}
.text-turuncu {
    color: #e30613;
}
.otelKutu .alt {padding: 8px 15px;margin-top: 10px;background: #ffe0e2;min-height: 60px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
.otelKutu .alt .oldprice {text-decoration: line-through;font-weight: bold;font-size: 15px;color: #333;line-height: normal;}
.otelKutu .alt .newprice {color: #000000;font-size: 18px;font-weight: bold;line-height: normal;}
.otelKutu .alt .detailBtn {display: inline-block;padding: 5px 15px;color: #000000;border-radius: 20px;border: 2px solid;font-weight: bold;}
.otelKutu .alt .detailBtn:hover {background: #000000;color: #fff;}

.otelKutu.v2 {text-align: center;}
.otelKutu.v2 .image img {height: 230px;object-fit: cover;}
.routesSlider .otelKutu.v2 .image img {height: 350px;object-fit: cover;}

@media(max-width: 768px) {
  .storyWrap .wrapper {width: 100%;height: 100%;}
  #detay-tabs .slick-next,
  #detay-tabs .slick-prev {display: none !important;}
}

.routes {margin: 0 -10px;width: calc(100% + 20px) !important;}
.routes .col {float: left;width: 25%;position: relative;min-height: 10px;height: 224px;border-radius: 8px;padding: 0 10px;margin-bottom: 20px;overflow: hidden;}
.routes .col:before {content: "";background: #eb1c2426;position: absolute;bottom: 0;left: 10px;width: calc(100% - 20px);height: 100%;z-index: 2;border-radius: 50px;}
.routes .col:hover:before {background: #eb1c2482;transition: ease all 600ms;}
.routes .col span {position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    bottom: 0;
    left: 0;
    background: #fe0000;
    border-radius: 0px 50px 0px 50px;;
    padding: 0px 15px;}
.routes .col img {height: 224px;width: 100%;object-fit: cover;border-radius: 50px;transition: all .5s ease;}
.routes .col a {position: absolute;z-index: 2;height: 100%;width: calc(100% - 20px);cursor: pointer;}
.routes .col:nth-child(9n+1) {width: 50%;}
.routes .col:nth-child(9n+1),
.routes .col:nth-child(9n+1) img {height: 467px;}

.popBolge ul {}
.popBolge ul li {width: calc(100% / 6);display: inline-block;}
.popBolge ul li a {color: #000;font-size: 13px;}

@media(max-width: 768px) {
	/* .banner-categories .cat-box.v2 {min-height:250px;margin: 10px 53px 0px;width: 140% !important;} */
	.banner-categories .cat-box.v2 h5 {font-size: 15px !important;}
	.banner-categories .cat-box.v2 p {font-size: 13px !important;}
	.banner-categories .cat-box.v2 a {padding: 2px 10px;}
	.routes .col:nth-child(9n+1), .routes .col:nth-child(9n+1) img {height: 224px;}
	.popBolge ul li {width: calc(100% / 2);}
	.sliderRoute{width: 1790px;margin-left: 10px;}
	.routemobil{ margin: 0 -10px;width: calc(100% + 20px) !important;    overflow: auto;}
	.routes {overflow: auto;}
	.popRouteSlider {width: 2400px;}
	.routes .col {width: calc(100% / 9) !important;}
	.routes .col span {}

	.routesSlider .tour-grid-item-01 img {object-fit: cover;}
	.campaigns .box {margin-left: 9%;}
}
.routes .col:nth-child(9n+1) {
    width: 50%;
}