@charset "utf-8";
/* How it Works CSS YellowFishTransfers */


/*--- DIVS ---*/
/* Header */
#bg-main {
	background-image: url(../img/bg-destinations.jpg);
	background-position: bottom;
	background-size: cover;
	position: relative;
	height: 420px;
}
#bg-main::before {
	content: "";
	background: rgba(0,0,0,.3);
	background: -moz-linear-gradient(top, rgba(0,0,0,.2),rgba(0,0,0,7));
	background: -webkit-linear-gradient(top, rgba(0,0,0,.2),rgba(0,0,0,7));
	background: linear-gradient(to bottom, rgba(0,0,0,.2),rgba(0,0,0,7));
}
@media (min-width: 992px) {
	#bg-main {background-image: url(../img/bg-destinations@2x.jpg)}
}
#trf-select {margin-top: 0}
#trf-select h2 {font-size: 130%}

@media (max-width: 991.8px) {
	h2 {font-size: 120%}
	p {font-size: 100%}
}

/* popular-destinations */

#popular-destinations {
	margin-bottom: -80px;
}
.destination-item a {
	background-position: center center;
	background-size: cover;
	border-bottom: 8px solid #FEE00D;
	border-radius: 4px;
	box-shadow: 0 4px 8px rgba(0,0,0,.5);
	color: #fff;
	min-height: 200px;
	text-align: center;
	text-decoration: none;
	display: flex;
  flex-direction: column;
  justify-content: center;
	position: relative;
	z-index: 100;
}
.destination-item a:before {
	content: "";
	background: rgba(0,0,0,.4);
	border-radius: 4px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: background 0.4s ease;
}
.destination-item a:hover:before {
	background: none;
}
.destination-item span {
	font-size: 120%;
	text-shadow: 0 2px 5px rgba(0,0,0,.8);
	position: relative;
}

/* search-destinations */
#search-destinations {
	padding-top: 100px;
}
#destination-search-form input {
	background: transparent;
	border: 1px solid #fff;
	color: #fff !important;
	font-size: 110%;
	text-align: center;
}

#search-destinations ::placeholder {
	color: #fff;
	opacity: 1;
}
#search-destinations :-ms-input-placeholder {
	color: #fff;
}
#search-destinations ::-ms-input-placeholder {
	color: #fff;
}
#search-destinations a:hover,
#search-destinations a:active {
	color: #fff;
	text-decoration: none;
}

#destination-list {position: relative}
.arrow-up {
	position: absolute;
	top: -12px;
	left: 50%;
	margin-left: -7px;
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #2FAFFF;
}

#destination-list ul {
	list-style: none;
}
#destination-list ul li {
	font-size: 70%;
	line-height: 1.5rem;
	text-align: center;
}
#destination-list ul strong {
	color: #0069B4;
}
#destination-list ul li a {
	color: rgba(255,255,255,0.8);
}
#destination-list ul li a:hover {
	color: rgba(255,255,255,1);
	text-decoration: none;
}
@media (min-width: 576px) {
	#destination-list ul {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}
@media (min-width: 768px) {
	#destination-list ul {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}
@media (min-width: 992px) {
	#destination-list ul {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
}

@media (max-width: 992px) {
	#bg-main {
		min-height: 1200px !important;
	}
}