/* General ================== */
html {scroll-behavior: smooth;}

body, html {
	height: 100%;
	min-height: 100%;
}
body {
	font-family: "Instrument Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-size: 1.35rem;
	font-style: normal;
	color: #111;
	background-color: #01C5DD;
}
strong {font-weight:700;}

a {color: #002169; text-decoration: none;}

a:hover, a:focus {color: #0243B7;}

.breadcrumb {
	background-color: transparent;
	margin: 0;
	font-size:80%;
}
img {
  max-width: 100%;
  height:auto;
}
.tracking-tighter {letter-spacing: -.1em;}

.tracking-wider {letter-spacing: .1em;}

.fs-tiny {font-size: 80%;}

.headline-font {
  font-family: "Londrina Solid", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.text-shadow {text-shadow: 3px 3px #000;}

.text-shadow-success {text-shadow: 3px 3px #FFE138;}

.text-shadow-primary {text-shadow: 3px 3px #01C5DD;}

.text-shadow-light {text-shadow: 3px 3px #FFF6D7;}

.btn {
	font-weight: 600;
	text-transform: uppercase;
}
.btn, .form-control {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.btn:hover {text-decoration: none !important;}

.btn-success {background-color: #FFE138; border-color: #FFE138; color: #000;}

.btn-success:hover, .btn-success:focus, .btn-dark {background-color: #FFC703; border-color: #FFC703;color: #000;}

.btn-outline-success {color: #FFE138; border-color: #FFE138;}

.btn-outline-success:hover, .btn-outline-success:focus {background-color: #FFE138; border-color: #FFE138;}

.text-success {color: #FFE138 !important;}

.bg-success {background-color: #FFE138 !important;}

a.bg-success:hover, a.bg-success:focus {background-color: #FFC703 !important;}

.border-success {border-color: #FFE138 !important;}

.bg-primary {background-color: #01C5DD !important;}

.text-primary {color: #01C5DD !important;}

.bg-light {background-color: #FFF6D7 !important;}

.text-light {color: #FFF6D7 !important;}

.minw-100 {min-width: 100%;}

.minh-100 {min-height: 100%;}

.h-40px {height:40px;}

.h-50px {height:50px;}

.h-75px {height:75px;}

.h-100px {height:100px;}

cite {
	display: block;
	font-size: .8125rem;
	margin: 5px 0;
}
cite:before {content: "— ";}

.z-1 {z-index:-1;}

.z0 {z-index:0;}

.z1 {z-index:1;}

.z2 {z-index:2;}

/* Header
==================================== */
#mainNav {
	z-index: 999;
	position: relative;
}
#mainNav .navbar-brand, #mainNav .nav-link, #mainNav .dropdown-item {
	font-size: 70%;
	font-weight: 600;
}
#mainNav .navbar-brand {color: #002169;}

#mainNav .navbar-toggler {
	z-index: 9999;
	position: absolute;
	right: 1em;
	top: 1em;
}
/* Index
==================================== */

/* Slider
==================================== */
.index-slider .slick-list,
.index-slider .slick-track,
.index-slider .slick-slide {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #333;
}
.index-slider .slick-active>img {
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}
.index-slider .slick-dots {
	position: absolute;
	bottom: 1em;
	right: 1em;
	z-index:999;
}
/** arrows **/
.slick-prev, .slick-next {
	position: absolute;
	font-size: 0;
	bottom: 0;
	background-color: transparent;
	border: 0;
	padding: 0;
	z-index: 1;
	cursor:pointer;
}
.slick-prev {left: 0;}

.slick-next {left: 100px;}

.slick-prev:before, .slick-next:before {
	content:'';
	display: block;
	width: 30px;
	height: 15px;
	background-size: cover;
	background-position: center;
}
.slick-prev:before {
	background-image: url(https://cdn1.gttwl.net/attachments/tribesdestinationstravel.gttcms.net/ltmq6z/1673899600_original.png);
}
.slick-next:before {
	background-image: url(https://cdn1.gttwl.net/attachments/tribesdestinationstravel.gttcms.net/ltmq6z/1673899552_original.png);
}
.slick-dots {
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
	margin: 10px 0 0;
	z-index:5;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	line-height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	content: '•';
	text-align: center;
	opacity: .25;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border-radius: 20px;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	background-color: #fff;
}
/* BOOTSTRAP CARDS
-------------------------------------------------- */


/* SECTIONS
-------------------------------------------------- */


/* CTA HERO
-------------------------------------------------- */

/* FOOTER
-------------------------------------------------- */
#footer {
	font-size: 70%;
}
#footer a {}

#footer a:hover, #footer a:focus {}

#footer .credits {font-size: 80%;}

.footer-logos img {max-height: 50px;}

.social-links .nav-link {
	height: 45px;
	width: 45px;
	line-height: 45px;
	text-align: center;
	padding: 0;
	color: #fff !important;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 768px) {
	
}
@media (min-width: 768px) {
	
}
@media (min-width: 768px) and (max-width: 991px) {
	
}
@media (max-width: 991px) {
  
}
@media (min-width: 992px) {
	
}
@media (min-width: 992px) and (max-width: 1200px) {
  
}
@media (min-width: 1201px) {
  
}
/* print styles */
@media print {
	
}