section.trips {
	max-width: 1280px;
	display: block;
	margin: 0 auto;
	padding: 40px;
    padding-top: 40px;
}

section.trips nav {
	display: block;
	width: 20%;
	float: left;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	background: #fff;
}

section.trips refinement {
	display: block;
}

section.trips refinement label{
	color: #FFF;
	background: #CCC;
	padding: 10px;
	display: block;
	text-transform: capitalize;	
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
}

section.trips refinement item {
	display: block;
	font-size: 12px;
	line-height: 1.3;
	margin-bottom: 10px;
	color: #999;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

section.trips refinement item:hover {
	background: #999;
	color: #fff;
	cursor: pointer;
}

section.trips refinement item.active, section.trips refinement item.active:hover {
	background: #0b97cc;
	color: #fff;
	cursor: pointer;
}

section.trips nav h1 {
	display: block;
	padding: 10px;
	padding-bottom: 0px;
	color: #0b97cc;
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 10px;
}

section.trips results {
	display: block;
	float: right;
	width: calc(80% - 20px);
}

section.trips a {
	display: block;
	box-sizing: border-box;
	float: left;
	width: calc(50% - 10px);
	display: block;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	background: #fff;
	height: 280px;
	margin-right: 20px;
	margin-bottom: 20px;
	text-decoration: none;
	position: relative;
	background-size: cover;
	background-position: center center;
}


section.trips a:nth-child(2n) {
	margin-right: 0;
}

section.trips type {
	display: block;
	padding: 10px;
	color: #FFF;
}

section.trips icon {
	display: block;
	width: 110px;
	height: 75px;
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 10px;
	right: 10px;
	border: 2px solid #fff;
	background-color: #FFF;
}

section.trips h2 {
	display: block;
	padding: 10px;
	padding-bottom: 0px;
	color: #0b97cc;
	font-size: 18px;
	max-width: calc(100% - 130px);
	line-height: 1.3;
}

section.trips h3 {
	color: #666;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.3;
	max-width: calc(100% - 130px);
}

section.trips p {
	clear: both;
	color: #999;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	line-height: 1.3;
	margin-bottom: 10px;
}

section.trips ul {
	display: none;
	padding-left: 10px;
	padding-right: 10px;
}

section.trips li {
	display: block;
	font-size: 12px;
	line-height: 1.3;
	margin-bottom: 5px;
	color: #666;
	float: left;
	margin-right: 10px;
}

section.trips button {
	background: #0b97cc;
	color: #fff;
	padding: 10px;
	overflow: hidden;
	border-radius: 5px;
	margin-top: 10px;
	text-decoration: none;
	display: block;
	text-align: center;
	outline: none;
	border: none;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: calc(100% - 20px);
}

section.trips button:hover {
	background: #666;
	cursor: pointer;
}

section.trip {
	max-width: 1080px;
	display: block;
	margin: 0 auto;
	padding: 40px;
    padding-top: 40px;
}

section.trip iframe, section.trip trip-content  {
	display: block;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	background: #fff;
	margin-bottom: 20px;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

section.trip iframe {
	height: 600px;
}


section.trip column:nth-child(1) {
	display: block;
	float: left;
	width: 33.3%;
}

section.trip column:nth-child(2) {
	display: block;
	float: right;
	width: calc(66.6% - 20px);
}

section.trip trip-content h2 {
	padding: 20px;
	display: block;
	background: #0b97cc;
	color: #FFF;
}

section.trip trip-content content {
	padding: 20px;
	display: block;
	padding-bottom: 0px;
	box-sizing: border-box;
}

section.trip trip-content content a {
	color: #0b97cc;
}

section.trip trip-content content a:hover {
	color: #666666;
}

section.trip trip-content specs {
	padding: 20px;
	display: block;
	padding-bottom: 0px;
	box-sizing: border-box;
	float: left;
	width: 33.3%;
	padding-right: 0px;
}

section.trip trip-content photo {
	display: block;
	width: 100%;
	height: 250px;
	background-size: cover;
	background-position: center center;
	cursor: pointer;
	border-top: 2px solid #FFF;
}

section.trip trip-content specs em {
	font-size: 12px;
	line-height: 1.3;
}

section.trip trip-content img {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

section.trip trip-content p {
	font-size: 16px;
	line-height: 1.3;
	color: #666;
	margin-bottom: 20px;
}

section.trip info {
	display: block;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	background: #FFF;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

section.trip info h1 {
	color: #0b97cc;
	font-size: 24px;
	line-height: 1.3;
}

section.trip info h2 {
	color: #666;
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 20px;
}

section.trip info type {
	color: #FFF;
	background: #0b97cc;
	padding: 5px;
	display: block;
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 20px;
}

section.trip info intro {
	color: #666;
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 20px;
	display: block;
}

section.trip info specs li, section.trip trip-content specs li {
	display: block;
	color: #666;
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 10px;
}

section.trip info specs ul, section.trip trip-content specs ul {
	display: block;
	margin-bottom: 20px;
}


section.trip info p em {
	color: #999;
	font-size: 12px;
	line-height: 1.3;
	display: block;
	margin-bottom: 20px;
}

section.trip info p em:last-child {
	margin-bottom: 0px;
}

section.trip a.blog-cta {
	display: block;
	color: #0b97cc;
	margin-bottom: 20px;
	font-size: 16px;
}

section.trip a.blog-cta:hover {
	color: #666;
}

section.trip lead-image, section.trip gallery-item {
	display: block;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	background: #FFF;
	width: 100%;
	height: 200px;
	padding: 20px;
	box-sizing: border-box;
	background-size: cover;
	margin-bottom: 20px;
}

section.trip gallery-item:hover {
	cursor: pointer;
}

section.trip stars {
	display: block;
	margin-bottom: 10px;
}

section.trip star {
	font-size: 20px;
	color: #0b97cc;
}

section.trips stars {
	display: block;
	margin-bottom: 10px;
	padding-left: 10px;
}

section.trips star {
	font-size: 16px;
	color: #0b97cc;
}

stars.stars_1 star:nth-child(1):before,
stars.stars_2 star:nth-child(1):before,
stars.stars_3 star:nth-child(1):before,
stars.stars_4 star:nth-child(1):before,
stars.stars_5 star:nth-child(1):before,
stars.stars_2 star:nth-child(2):before,
stars.stars_3 star:nth-child(2):before,
stars.stars_4 star:nth-child(2):before,
stars.stars_5 star:nth-child(2):before,
stars.stars_3 star:nth-child(3):before,
stars.stars_4 star:nth-child(3):before,
stars.stars_5 star:nth-child(3):before,
stars.stars_4 star:nth-child(4):before,
stars.stars_5 star:nth-child(4):before,
stars.stars_5 star:nth-child(5):before
{
   content: "\2605";
   position: absolute;
}


@media only screen and (min-width: 0px) and (max-width: 800px) {
	section.trip column:nth-child(1), section.trip column:nth-child(2), section.trip trip-content specs {
		width: 100%;
		float: none;
	}

	section.trip trip-content specs {
		padding: 20px;
		overflow: hidden;
		padding-bottom: 0px;
	}

	section.trips a {
		widtH: 100%;
		float: none;
	}

	section.trips nav {
		width: calc(40% - 30px);
		position: fixed;
	}

	section.trips nav p {
		display: none;
	}

	section.trips results {
		width: calc(60% - 20px);
	}

	section.trips results icon {
		position: static;
		border: none;
		width: 100%;
	}

	section.trips results a {
		height: 260px;
	}

	section.trips results p {
		display: none;
	}

	section.trips results type {
		font-size: 14px;
	}

	section.trips results h2 {
		font-size: 14px;
		max-width: 100%;
	}

	section.trips results h3 {
		font-size: 12px;
		margin-bottom: 5px;
		max-width: 100%;
	}

	section.trips refinements refinement:nth-Child(2) { display: none; }
}