.campaigns {padding: 20px 0px;}

.campaigns h3 {margin: 0 0 5px;font-size: 18px;}

.campaigns .box {display: flex;align-items: center;}

.campaigns .box .icon {width: 80px;}

.campaigns .box .icon img {border-radius: 100%;width: 80px;height: 80px;}

.campaigns .box .text {padding: 0 10px;width: calc(100% - 80px);}

.campaigns .box .text h3 {font-size: 15px;margin: 0 0 5px;line-height: normal;}

.campaigns .box .text p {margin: 0;font-size: 13px;line-height: normal;}



.bannerArea {padding: 20px 0px;}

.mainBanner, .mainBanner .slick-list, .mainBanner img {border-radius: 10px;}

.slick-track {margin-left: 0;}

.slick-prev, .slick-next {font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: inherit;border: none;outline: none;background: transparent;}

.slick-prev, .slick-next {z-index: 1;color: #fff !important;transition: all 0.2s ease-out;}

.slick-prev {left: 5px;}

.slick-next {right: 5px;}

.slick-prev:before, .slick-next:before {color: #fff !important;opacity: 1 !important;transition: all 0.1s ease-out;text-shadow: 0px 2px rgba(0,0,0,0.3);}

.slick-prev:before, .slick-next:before {font-size: 2.6rem;}



.bannerCampaignsSlide.slick-initialized.slick-slider{border-radius: 10px;color: #000;}

.banner-categories {}

.banner-categories .row {margin-left: -2.5px;margin-right: -3.5px;}

.banner-categories .row div[class^="col"] {padding: 0 3.5px;}

.banner-categories .cat-box {position: relative;float: left;width: 100%;margin-bottom: 10px;}

.banner-categories .cat-box a {color: #707070;}

.banner-categories .cat-box .image {max-height: 100%; width: 100%; position: absolute; top: 0; left:0; bottom: 0; overflow: hidden; z-index:-2; }

.banner-categories .cat-box .image img {width: 100%;height: 100%;border-radius: 10px;}

.banner-categories .cat-box .cont {position: relative;width: 100%;padding: 6px;background-color: #fff;height: 50px;border: 1px solid #D5D5D5;text-align: center;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;font-size: 0.9rem;}

.banner-categories .cat-box .cont a {color: #707070;}

.banner-categories .cat-box.v2 {border-radius: 10px;padding: 20px 25px;text-align: center;margin: 0 auto;text-align: center;min-height: 336px;align-items: center;display: flex;flex-direction: column;justify-content: center;}

.banner-categories .cat-box.v2 h5 {margin: 0 0 10px;line-height: 18px;padding: 6px;border-radius: 10px;background-color: #31b3e5;}

.banner-categories .cat-box.v2 p {font-size: 0.8rem;}

.banner-categories .cat-box.v2 a {color: #fff;border-radius: 10px;}

.banner-categories .cat-box.v2 .spot {display: inline-block;padding: 10px 20px;font-size: 15px;font-weight: bold;color: #000;margin-bottom: 7px;border-radius: 6px;}



.routesSlider .tour-grid-item-01 {position: relative;border-radius: 6px;}

.routesSlider .tour-grid-item-01 .content {position: absolute;top: 0;width: 100%;height: 100%;z-index: 1;background: #1cabe22e;color: #fff;text-align: center;justify-content: center;display: flex;align-items: center;}

.routesSlider .tour-grid-item-01:hover .content {background: #1cabe285;transition: ease all 600ms;}

.routesSlider .tour-grid-item-01 h5 {font-size: 18px;color: #000;background: #ffffffa6;margin: 0;padding: 5px 15px;height: auto;border-radius: 10px;}

.routesSlider .tour-grid-item-01:hover {box-shadow: none;}

.routesSlider .tour-grid-item-01 h5 a {color: #fff;}

.routesSlider .tour-grid-item-01, 

.routesSlider .tour-grid-item-01 .image, 

.routesSlider .tour-grid-item-01 img {border-radius: 6px;}

.routesSlider .tour-grid-item-01 img {height: 250px;}



.slick-prev,

.slick-next {width: 30px;height: 30px;background: #ffffff;border-radius: 100%;}

.slick-prev {left: -20px;}

.slick-next {right: -20px;}

.slick-prev:before,

.slick-next:before {color: #5a5a5a !important;font-size: 1.6rem;}





.routes {margin: 0 -10px;width: calc(100% + 20px);}

.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: 8px;}

.routes .col:hover:before {background: #eb1c2482;transition: ease all 600ms;}

.routes .col span {position: absolute;z-index: 2;color: #000;font-size: 1.2rem;font-weight: 500;bottom: 30px;left: 20px;background: #ffffffa6;border-radius: 10px;padding: 0px 10px;}

.routes .col img {height: 224px;width: 100%;object-fit: cover;border-radius: 8px;transition: all .5s ease;}

.routes .col a {position: absolute;z-index: 2;height: 100%;width: calc(100% - 0px);cursor: pointer;overflow: hidden;border-radius: 10px;}

.routes .col:nth-child(13n+1) {/* width: 50%; */}

.routes .col:nth-child(13n+1),

.routes .col:nth-child(13n+1) img {/* height: 468px; */}


.popBolge ul {}

.popBolge ul li {width: calc(100% / 6);display: inline-block;}

.popBolge ul li a {color: #000;font-size: 13px;}


.popRouteSlider img:hover {
    transform: scale(1.2);
}
@media(max-width: 768px) {
	.routes .col {
		float: left;
		width: 50%;
		position: relative;
		min-height: 10px;
		height: 150px;
		border-radius: 8px;
		padding: 0 10px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.routes .col img {
		height: 150px;
	}
	.banner-categories .cat-box .image img {object-fit: scale-down;}

	/* .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(13n+1), .routes .col:nth-child(13n+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);    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%;}

}

.p6 {
	padding-right: 6px;
}