body {
	font-family: "DM Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.navbar-toggler:focus {
	outline: none;
	box-shadow:none;
}
.btn {
	position: relative;
	overflow: hidden;
}
.btn:hover {
	background-color:#2b292a!important ;
	color: #fff !important;
	border-color: #ff017d!important;
}
.box-header-contact {
	background-image: url(/images/mainslideeasyexcursions2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 300px;
	position: relative;
}
.box-header-contact:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0,0.1);
	z-index: 1;
}
.accordion-button:focus {
	z-index: 3;
	outline: 0;
	box-shadow: none!important;
}
.btn span {
	position: relative;
	z-index: 1;
}
.btn span i {
	color: #ff017d;
}
.btn:hover span i {
	color: #fff;
}
.btn:hover::before {
	bottom: -50%;
	color: #FAF5EE;
}
.btn::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 150%;
	height: 150%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	transition-duration: 1200ms;
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	z-index: 0;
	background-color:#ff017d!important ;
	color: #fff !important;
}
.bg-primary {
	background-color: #2b292a !important;
}
.bg-secondary {
	background-color: #ff017d !important;	
}
.bg-footer {
	background-color: #2b292a !important;		
}
.text-primary {
	color: #fff!important;
}
.text-secondary {
	color: #2b292a!important;
}
.text-info-emphasis {
	color: #fff!important;	
}
.btn-primary {
	background-color: #2b292a !important;
	border-color: #2b292a;
}
.btn-secondary {
	background-color: transparent; !important;
	border-color: #2b292a;
}
h1 {
	color:  #fff;
	font-size: 50px;
	font-weight: 700;
	line-height: 50px;
	text-shadow: 0px 0px 20px #000;
	font-family: "Bebas Neue", sans-serif;
}
h1 small {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}
h2.home {
	color: #2b292a;
	font-weight: 700;
	background-image: url(/images/slider-1-shape-2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 60%;
	margin: 0;
	padding: 0;
}
h1.subtitle {
	color: #fff;
	font-weight: 700;
	background-image: url(/images/slider-1-shape-2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0;
	padding: 0 0 25px 0;
}
h2 {
	color: #2b292a;
	font-weight: 700;
	margin: 0;
	padding: 0;
}
p {
	color: #393939;
	font-size: 16px;
	font-weight: 400;
}
.topInfo a, .topInfo b, .topInfo span {
	font-size: 14px;
	color: #f2f2f2;
	text-decoration: none;
	font-weight: 500;
}
.topInfo i {
	color: #f2f2f2;
}
.main-slide-top {
	height: 480px;
	position: relative;
}
.main-slide-top .carousel-item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0,0.2);
	z-index: 0;
}
.main-slide-top .carousel-item{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
}
.nav-item .nav-link, .nav-item select {
	font-weight: 600;
	font-size: 17px;
	color: rgb(45, 35, 48);
}
.nav-item select {
	padding: 4px 30px 4px 11px;
}
#carouselExampleAutoplaying {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}
.accordion-section-title {
	font-size: 20px;
	color: #2b292a;
	font-weight: 600;
}
.box-location-title {
	color: #808280;
}
.box-location-title b{
	color: #111;
}
.accordion-section-title i {
	font-size: 15px;
}
.tourDescriptions p {
	font-size: 14px;
}
.main-slide-top {
	position: relative;
}
.form-slide-home {
	position: relative;
	z-index: 2;
}
.titleItinerary {
	min-width: 300px;
	font-size: 22px;
	font-weight: 600;
}
.box {
	border-radius: 10px;
	text-align: center;
	min-height: 345px;
}
.box-duration {
	background-color: #e4f9f9;
	font-size: 20px;
}
.box-info-title-duration {
	font-size: 16px;
	color: #111;
	font-weight: 600;
}
.box-info-title-duration small {
	font-size: 13px;
	color: #575756;
	font-weight: normal;
}
.box-group-size {
	background-color: #fff0ec;
	font-size: 20px;
}
.box-info-tour {
	padding: 14px 15px;
	margin-right: 8px;
	line-height: 1em;
}
.box-tour-type {
	background-color: #fcf2fa;
	font-size: 20px;
}
.box-languages {
	background-color: #e3f0ff;
	font-size: 20px;
}
.box-0 {
	background-color: #e4f9f9;
	fill: #2c5353;
}
.box-1 {
	background-color: #fcf2fa;
	fill: #795472;
}
.box-2 {
	background-color: #e3f0ff;
	fill: #2b4665;
}
.box-3 {
	background-color: #f6f3fc;
	fill: #624c8d;
}
.box .box-img svg {
	width: 70px;
	height: 70px;
}
.box-text {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	position: relative;
}
.box-title-question i{
	color: #ff017d;
}
.box-content-question {
	font-size: 14px;
	line-height: 24px;
}
.page-link {
	color: #ff017d;
}
.box-form-booking-input {
	position: relative;
}
.box-form-booking-input i{
	position: absolute;
	top: 10px;
	right: 24px;
}
.box-booking-form b {
	font-size: 21px;
}
.adults-content, .tour-prices {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 600;
}
.from-content {
	font-size: 14px;
	font-weight: 600;
}
.adults-content{
	color: #C8146B;
}
/*.box-text:after {
	content: "";
	background-image: url(/images/bx-line-1.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	height: 30px;
}*/
.box-description {
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.form-itinerary .form-group{
	position: relative;
}
.form-itinerary .form-group i{
	position: absolute;
	left: 10px;
	top: 14px;
	z-index: 1;
}
.box-range-form .form-group{
	position: relative;
}
.box-range-form .form-group i{
	position: absolute;
	right: 10px;
	top: 35px;
	z-index: 1;
}
.form-itinerary .form-group select{
	padding: 10px 10px 10px 35px;
}
.box-text-paragraph {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.box-excursion-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 15px 15px 0 0;
	position: relative;
}
.box-excursion-img:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 18px;
	background-color: #fff;
	border-radius: 20px 20px 0 0;
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
}
.box-excursion-reviews {
	color: #000;
	position: absolute;
	bottom: 7px;
	right: 20px;
	background-color: #fff;
	border-radius: 20px;
	padding: 7px 24px;
	font-size: 12px;
}
.box-excursion-reviews i {
	color: #ffc700;
}
.box-excursion-title {
	min-height: 52px;
}
.box-excursion-title a{
	font-size: 20px;
	font-weight: 500;
	color: #111;
	text-decoration: none;
	line-height: 1.2em;
}
.box-excursion-guest {
	font-size: 14px;
	color: #737373;
}
.box-excursion-guest i {
	color: #111;
}
.box-excursion-dissccount {
	background-color: #ff017d;
	position: absolute;
	top: -12px;
	left: -8px;
	padding: 0;
	border-radius: 50%;
	border: 3px solid #fff;
	font-weight: 700;
	font-size: 30px;
	height: 100px;
	width: 100px;
	line-height: 1em;
	text-align: center;
	padding: 28px 0;
}
.text-disccount small{
	line-height: 1em;
	font-size: 12px;
}
.box-reviews-stars {
	color: #ffc700;
	font-size: 12px;
}
.box-testimonials p {
	font-size: 14px;
	line-height: 24px;
}
.box-title-testimonials {
	font-size: 50px;
	line-height: 1.2em;
}
.box-subtitle-testimonials {
	background-color: #ff017d;
	border-radius: 15px;
	color: #fff;
	display: inline-block;
}
.box-testimonials .slick-arrow {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
.box-testimonials .slick-arrow.arrow-left{
	right: 70px;
}
.box-testimonials .slick-arrow.arrow-right{
	right: 15px;
}
.slideTour .slick-arrow {
	position: absolute;
	right: 0;
	top: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	z-index: 4;
	background-color: rgb(228, 230, 232);
	box-shadow: 0 0 15px #000;
}
.slideTour .slick-arrow.arrow-left{
	left: 10px;
}
.slideTour .slick-arrow.arrow-right{
	right: 10px;
}
.box-footer b {
	color: #e7e7e7;
	border-bottom: 3px solid #ff017d;
	margin-bottom: 8px;
}
.box-footer a {
	text-decoration: none;
}
.box-footer {
	color: #fff;
	font-size: 13px;
}
.faq-page.contact-number-text {
	text-decoration: none;
}
.box-footer i, .contact-number-title {
	color: #ff017d;
}
.box-link-footer a {
	font-size: 15px;
}
.box-link-footer.box-social-media a {
	font-size: 18px;
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	line-height: 30px;
}
.box-title-footer {
	font-size: 18px;
	margin-bottom: 15px;
}
#navbarSupportedContent {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	z-index: 8;
	min-width: 300px;
	transition: transform 0.6s ease-in-out;
	transform: translateX(100%);
	display: flex;
	justify-content: center !important;
	align-items: center!important ;
}
#navbarSupportedContent.showMenu{
	transform: translateX(0%);
}
#navBarContentClosebtn {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 30px;
	padding: 10px
}
.box-social-media a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
}
.wrapper-discountTour {
	background-color: #ff017d;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0;
	border-radius: 50%;
	border: 3px solid #fff;
	font-weight: 700;
	font-size: 50px;
	height: 125px;
	width: 125px;
	line-height: 1em;
	text-align: center;
	padding: 30px 0;
	z-index: 5;
	color: #fff;
}
.wrapper-discountTour small {
	font-size: 16px;
	line-height: 1em;
}
#box-content-booknow-mobile {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;	
	z-index: 7;
}
#box-content-mobile {
	position: fixed;
	height: 100vh;
	background-color: #fff;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 8;
	transform: translateY(100%);
	transition: transform 0.6s ease-in-out;
}
#box-content-booknow-mobile-button {
	background-color: transparent;
	color: #fff;
}
#box-content-mobile.show-booknow {
	transform: translateY(0);
}
.box-popular-items span {
	font-size: 16px;
	line-height: 1em;
}
.box-popular-items small {
	color: #000;
	font-size: 13px;
	line-height: 1em;
}
.box-popular-items i{
	color: #615e5e;
	font-size: 13px;
	line-height: 1em;
}
#liveAlertPlaceholder {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	z-index: 10;
	display: none;
}
#liveAlertPlaceholder > div {
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#liveAlertPlaceholder.box-open-alert {
	display: block;
}
.box-open-alert i {
	font-size: 50px;
}
.box-open-alert .alert-warning i {
	color: #d9b90e;
	margin-bottom: 15px;
}
.box-open-alert .alert-warning, .box-open-alert .alert-success{
	width: 100%;
	max-width: 320px;
	height: 200px;
}
.accordion-button:not(.collapsed) {
	color: #333;
}
.accordion-button:not(.collapsed) i {
	color: #ff017d;
}
.box-open-alert .alert-warning {
}
.box-open-alert .alert-success {
}
.box-open-alert {
	position: relative;
}
.box-open-alert .btn-close {
	position: absolute;
	top: 10px;
	right: 10px;
}
.CheckoutDetails td{
	font-size: 14px;
}
.CheckoutDetails b{
	color: #000;
}
.box-customer-details label {
	width: 200px;
}
#CheckoutButton {
	position: fixed;
	z-index: 10;
	width: 100%;
	bottom: 0;
	left: 0;
}
.box-tour-page-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2em;
}
.box-form-chekcout i {
	color: #D40067;
}
.total-checkout {
	width: 150px;
}
.box-bg-listing-tours {
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.box-bg-listing-tours.contact {	
	background-image: url("/images/stingray-underwater-with-other-fish.jpg");
}
.box-bg-listing-tours{
	position: relative;
}
.box-bg-listing-tours .box-bg-title-excursion {
	position: relative;
	z-index: 1;
}
.box-content-stars-reviews {
	color: #ffc700;
	font-size: 18px;
}
.box-content-stars-reviews b {
	font-size: 40px;
}
.box-size-excursions, .box-content-stars-reviews{
	text-shadow: 0px 0px 20px #000;
}
.img-box-content-tour {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 300px;
}
.img-box-content-tour > div {
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(51,51,51,0.44861694677871145) 80%, rgba(0,0,0,0.011642156862745057) 100%);
}
.img-box-content-tour .box-excursion-guest i{
	color: #ff017d;
}
.img-box-content-tour .box-excursion-title {
	min-height: auto;
}
.carousel-item p {
	    color: #2b292a;
    letter-spacing: 2px;
    line-height: 1.5em;
    font-size: 14px;
    font-weight: bold;
    background-color: #fff;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0;
}
div.animateText {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	color:  #fff;
	font-size: 35px;
	font-weight: 700;
	line-height: 36px;
	font-family: "Bebas Neue", sans-serif;
	text-shadow: 0px 0px 10px #333;
	letter-spacing: 2px;
}
.carousel-item.active div.animateText:first-of-type {    
	/*animation: showup 8s;
	animation-iteration-count: 1;*/
}
.carousel-item.active div.animateText:last-of-type {
	animation: reveal 8s;
	animation-iteration-count: 1;
}
.carousel-item.active div.animateText:last-of-type span {
	transform:translateX(-100%);
	animation: slidein 8s;
	animation-iteration-count: 1;
}
.carousel-item-content-text {
	border-top: 4px double #fff;
	border-bottom: 4px double #fff;
	padding: 25px 25px 10px;
	width: 100%;
	max-width: 1200px;	
	margin: 0 auto;
}
.carousel-caption {
    position: absolute;
    right: 0;
    top: 25%;
    bottom: inherit;
    left: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    width: 100%;
}
@keyframes showup {
	0% {opacity:0;}
	20% {opacity:1;}
	80% {opacity:1;}
	100% {opacity:0;}
}
@keyframes slidein {
	0% { transform:translateX(-100%); }
	20% { transform:translateX(-100%); }
	35% { transform:translateX(0); }
	100% { transform:translateX(0); }
}
@keyframes reveal {
	0% {opacity:0;width:0px;}
	20% {opacity:1;width:0px;}
	30% {width:100%;}
	80% {opacity:1;}
	100% {opacity:0;width:100%;}
}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {
	#box-content-mobile {
		position: relative;
		height: auto;
		background-color: #fff;
		width: auto;
		left: inherit;
		bottom: inherit;
		z-index: 7;
		transform: translateY(0);
	}
	#CheckoutButton {
		position: relative;
		width: auto;
		bottom: inherit;
		left: inherit;
	}
	.main-slide-top {
		height: 600px;
	}
	.titleItinerary {
		min-width: 400px;
	}
	h1 {
		font-size: 100px;
		font-weight: 700;
		line-height: 100px;
	}
	#navbarSupportedContent {
		position: relative;
		height: auto;
		width: auto;
		background-color: #fff;
		top: inherit;
		left: inherit;
		transform: translateX(0);
		justify-content: end !important;
		align-items: center!important ;
	}
	.box-header-contact {
		height: 600px;
	}
	div.animateText {

		font-size: 100px;
		font-weight: 700;
		line-height: 100px;

	}
}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}