/*
Theme Name: june
Theme URI: https://www.siamadventique.com/
Author: Siam Adventique
Author URI: https://plus.google.com/+Siamadventique/
Description: Official Siam Adventique WordPress Theme
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: june
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 june is based on Underscores https://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/
and Blueprint https://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
3.5 Layouts
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units https://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see https://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #FFFFFF url('../../../images/icons/twood.jpg');
	max-width: 100%;
	overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 0;
}

b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
1 Main Layout
--------------------------------------------------------------*/
header {
	position:static;
}
header#masthead {
	margin: 0 auto;
	position: relative;
}
h1.site-branding {
	margin-bottom: -7px;
}
div.slider {
	height: auto;
	height: 43vw;
	position: relative;
}
div.metaslider {
	z-index: -1;
}
main#main {
	width: 100%;
}
main.tour {
	background: #F3F3F3 url('../../../images/bgwhite.png');
}
main.site-index, main.site-excursions, main.site-packages {
	width: 100%;
	float: left;
	position: relative;
}
.fullwidth {
	width: 100%;
}
.limitwidth {
	padding: 0 3%;
	margin: 0 auto;
}
.eightywidth{
	padding: 0 10%;
	margin: 0 auto;
}
div#introduction img {
	margin-bottom: -7px;
	border-bottom: 1px solid black;
}
div.payment-intro img {
	margin-bottom: -7px;
}
header.introduction {
	padding: 45px 0 25px 0;
	margin: 0 auto;
}
main.site-excursions header.introduction, main.site-packages header.introduction {
	padding: 1em 0;
}
.bgcat {
	background: #FFFFFF url('../../../images/icons/twood.jpg');
}
div.cu-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	background: url('../../../images/contactus03.jpg') no-repeat center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
article.column{
	position: relative;
	overflow: hidden;
	margin-right: 3%;
	width: 31.33%;
	margin-bottom: 30px;
	float: left;
}
article.col-cat:nth-child(3), article.col-cat:nth-child(6), article.col-cat:nth-child(9), article.col-cat:nth-child(12), article.col-cat:nth-child(15), article.col-cat:nth-child(18), article.col-cat:nth-child(21), article.col-cat:nth-child(24), article.col-cat:nth-child(27), article.col-cat:nth-child(30), article.col-index:nth-child(4), article.col-index:nth-child(7), article.col-index:nth-child(10), article.col-index:nth-child(13), article.col-index:nth-child(16), article.col-index:nth-child(19), article.col-index:nth-child(22), article.col-index:nth-child(25), article.col-index:nth-child(28), article.col-index:nth-child(31){
	margin-right: 0%;
}
article.col-index:nth-child(5), article.col-index:nth-child(8), article.col-index:nth-child(11), article.col-index:nth-child(14), article.col-index:nth-child(17), article.col-index:nth-child(20), article.col-index:nth-child(23), article.col-index:nth-child(26), article.col-index:nth-child(29), article.col-index:nth-child(32){
	clear: both;
}
main.contact-us{
	position:relative;
	overflow:hidden;
	background-color: rgba(100, 52, 5, 0.78);
	color: #D2E0FC;
	min-height: 800px;
}
div#left{
	float: left;
	width: 65%;
	padding: 0 5% 0 3%
}
div#right{
	float: left;
	width: 35%;
	padding: 2.9em 3% 0 0;
	position: relative;
/*	margin: -90px 0 0; */
}
section#page-itinerary {
	float: left;
	width: 65%;
	padding: 1.5em 5% 0 3%;
}
aside#page-related {
	float: left;
	width: 35%;
	padding: 0 3% 0 0;
	position: relative;
}

/*--------------------------------------------------------------
1.5 Travel Styles
--------------------------------------------------------------*/
section#travel-styles{
/*	height: auto;
	background: #FFFFFF url('../../../images/icons/twood.jpg');*/
	width: 100%;
	min-height: 450px;
	overflow: hidden;
	position: relative;
	color: #D2E0FC;
	z-index: 3;
/*	background-color: rgba(100, 52, 5, 0.78); */
}
nav#nav-icons, nav.ts-icons{
	-webkit-justify-content: center;
	justify-content: center;	
	display: -webkit-flex;
	display: flex;
}
nav#nav-icons{
	padding: 10px 0 0 0;
}
nav.ts-icons{
	padding: 0 0 80px 0;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
hr#below-nav-icons{
	width:95%;
	margin-bottom: 0;
}
nav#nav-icons a{
	margin: 0 2%;
}
nav.ts-icons a{
	margin: 0px 20px;
}
img.ts-icons{
	padding: 9%;
	border-radius: 100px;
	-moz-box-shadow: 0 0 10px -0px #773C18;
	-webkit-box-shadow: 0 0 10px -0px #773C18;
	box-shadow: 0 0 10px -0px #773C18;
}
img.classic{
	background-color: #D12832;
}
img.budget{
	background-color: #F16D23;
}
img.history{
	background-color: #159826;
}
img.luxury{
	background-color: #E8AD23;
}
img.family{
	background-color: #79A740;
}
img.adventure{
	background-color: #33B3E7;
}
img.oneday{
	background-color: #7C54A2;
}
div#ts-bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	background: #5594C5 url('../../../images/travelstyles.jpg') no-repeat center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-moz-box-shadow: inset 0px 20px 18px -10px rgba(0, 0, 0, 0.55), inset 0px -20px 18px -10px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: inset 0px 20px 18px -10px rgba(0, 0, 0, 0.55), inset 0px -20px 18px -10px rgba(0, 0, 0, 0.55);
	box-shadow: inset 0px 20px 18px -10px rgba(0, 0, 0, 0.55), inset 0px -20px 18px -10px rgba(0, 0, 0, 0.55);
}

/*--------------------------------------------------------------
1.6 Option Menu
--------------------------------------------------------------*/
.option-menu-container {
	width: 100%;
	float: left;
	margin-bottom: 2em;
}
.option-menu {
	width: 49%;
	float: left;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.option-menu h3 {
	z-index: 3;
	color: #fff;
	font-family: 'Quicksand', sans-serif;
	font-size: 3em;
	font-weight: bold;
}
.option-menu img {
	position: absolute;
	object-fit: cover;
	min-width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.option-menu-left {
	margin-right: 1%;
	height: 30em;
}
.option-menu-top, .option-menu-bottom {
	margin-left: 1%;
}
.option-menu-top {
	height: 14.4em;
}
.option-menu-bottom {
	margin-top: 1.2em;
	height: 14.4em;
}

/*--------------------------------------------------------------
2 Secondary Layout
--------------------------------------------------------------*/
article.column header, article.col-random header{
	position: relative;
	line-height: 0;
}
article.column header a, article.col-random header a {
	display: block;
}
/**article.col-index {
	min-height: 38em;
}*/
article.col-index h3, article.col-cat h2, article.col-random h2{
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 9;
}
article.col-random {
	width: 85%;
	margin: 1em auto 1.5em auto;
	position: relative;
}
a.ind-img-container{
	height: 25em;
	width: auto;
	overflow: hidden;
}
a.rand-img-container {
	height: 20em;
	width: auto;
	overflow: hidden;
}
a.rand-img-container div, a.ind-img-container div{
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
main.contact-us div#cu-right{
	padding: 3em 1em 0 0;
}
main.contact-us div#cu-right p#cu-icons{
	margin: 0 0 0.5em 0;
}
section#contact-us {
	width: 100%;
	min-height: 450px;
	overflow: hidden;
	position: relative;
	color: #D2E0FC;
	background-color: rgba(100, 52, 5, 0.78);
}
div#cu-left {
	width:50%;
	float:left;
}
div#cu-right {
	width:50%;
	float:right;
}
footer.site-footer {
	background-color: black;
	color: white;
}
div.footer-column-1, div.footer-column-2 {
	width: 30%;
	margin-right: 5%;
	float: left;
}
div.footer-column-3 {
	width: 30%;
	float: right;
}
div.payment-icons{
	margin-top: 1.5em;
	max-width: 280px;
	width: 86%;
	float: left;
}
img.footer-map, div.social-network {
	padding-top: 2em;
}
div.footer-column-2{
	text-align: center;
}
div.weather {
	float: left;
}
div.search-engine, div.social-network {
	float: right;
	width: 85%;
}
div.weather, div.search-engine, div.authority-icons {
	margin-top: 1em;
	margin-bottom: 1em;
	height: 2.5em;
}

section.page-hilight ul{
    list-style-type: none;
    -moz-columns: 2;
    -webkit-columns: 2;
    columns: 2;
}
aside#page-button div{
	float: left;
	width: 33%;
}
#wxWrap {
    width: 350px;
}
div.search-engine form label input[type="search"] {
	width: 70%;
}
div.copyrighted {
	width: 50%;
	float: right;
	text-align: right;
}
div.privacy-terms {
	float: left;
	text-align: left;
}
div.privacy-terms a {
	color: #808080;
}
div.privacy-terms a:hover {
	text-decoration: underline;
}
div.like-buttons {
	width: 50%;
	float: left;
}
section.payment-methods {
	padding-top: 2.5em;
}
section.payment-methods ul {
	line-height: 2em;
}

/*--------------------------------------------------------------
3.5.4 Responsiveness - June
--------------------------------------------------------------*/
div.hfeed{
	margin: 0 auto;
}
@media screen and (min-width: 1700px) and (max-width: 1850px) {
	body {
		font-size: 18px;
	}
}
@media screen and (min-width: 1851px) and (max-width: 3000px) {
	body {
		font-size: 21px;
	}
}

@media screen and (max-width: 1150px) {
	img.ts-icons {
		padding: 3%;
		width: 85%;
		margin: 0 0 20px 0;
	}
	article.col-index a.more-link {
		position: static;
	}
	div#left{
		width: 100%;
		padding: 0 3% 0 3%
	}
	div#right{
		width: 100%;
		padding: 1.5em 3% 0 3%;
	}
	div.footer-column-1, div.footer-column-2, div.footer-column-3 {
		text-align: left;
		width: 50%;
		padding: 0 5% 0 5%;
		float: left;
		margin: 0 auto;
	}
	div.weather {
		float: none;
	}
	#wxWrap {
		width: 100%;
	}
	div.payment-icons, div.footer-column-2 div.authority-icons {
		width: 100%;
		float: none;
	}
	div.search-engine, div.social-network {
		width: 100%;
	}
	div.search-engine form label input[type="search"] {
		width: 200px;
	}
	div.copyrighted, div.privacy-terms {
		width: 100%;
		float: none;
		text-align: center;
		line-height: 2em;
	}
}
@media screen and (min-width: 768px) and (max-width: 1150px) {
	.limitwidth {
		padding: 0 2%;
	}
	.eightywidth{
		padding: 0 2%;
	}
	article.col-index {
		min-height: 0;
	}
	article.col-cat {
		margin-right: 0;
		width: 48.5%;
	}
	article.col-cat:nth-child(odd){
		margin-right: 3%;
	}
}
@media screen and (max-width: 767px) {
	div.hfeed {
		min-width: 320px;
	}
	.limitwidth {
		padding: 0 2%;
	}
	.eightywidth{
		padding: 0 2%;
	}
	article.column {
		width: 96%;
		float: none;
		margin: 0 auto 25px auto;
	}
	a.ind-img-container {
		height: 320px;
	}
	article.col-cat:nth-child(3), article.col-cat:nth-child(6), article.col-cat:nth-child(9), article.col-cat:nth-child(12), article.col-cat:nth-child(15), article#column-3, article#column-6, article#column-9, article#column-12, article#column-15, article.col-index:nth-child(4), article.col-index:nth-child(7), article.col-index:nth-child(10), article.col-index:nth-child(13), article.col-index:nth-child(16){
		margin-right: auto;
	}
	article.col-index {
		min-height: 0;
	}
	section.page-hilight ul{
	    -moz-columns: 1;
	    -webkit-columns: 1;
	    columns: 1;
	}
	aside#page-button div{
		float: left;
		width: 100%;
	}
	section#page-itinerary {
		width: 100%;
		padding: 0 3% 0 3%;
	}
	aside#page-related {
		width: 100%;
		padding: 0 3% 0 3%;
	}
	a.rand-img-container {
		height: 300px;
	}
	div#cu-left {
		width: 100%;
		padding: 0 3%;
	}
	div#cu-right {
		width: 100%;
		float: left;
		padding: 5% 10% 0 0;
	}
	main.contact-us div#cu-left{
		position: absolute;
		z-index: -1;
	}
	div.footer-column-1, div.footer-column-2, div.footer-column-3 {
		text-align: left;
		max-width: 360px;
		width: auto;
		float: none;
		margin: 0 auto;
	}
	div.authority-icons {
		height: 0.1em;
	}
	.option-menu-container {
		width: 96%;
		float: left;
		margin: 0 2% 1.5em 2%;
}
	.option-menu {
		width: 100%;
		margin: 0.7em auto;
	}
	.option-menu-left {
		margin-top: 0;
	}
/* TEMP and PROBABLY UNUSED */
	a.category-img {
		width: 100%;
	}
	div.row-content {
		padding: 3%;
		width:100%;
	}
	aside.category-price-duration {
		width: 100%;
	}
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
nav.main-navigation div.menu-menu-container{
	text-align: center;
	background-color: rgba(58, 59, 61, 0.6);
	-moz-box-shadow: inset 0 20px 20px -10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0 20px 20px -10px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 20px 20px -10px rgba(0, 0, 0, 0.5);
}
nav.main-navigation button {
	border-radius: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: 1em;
}
nav.main-navigation button:focus {
	outline: none;
}
nav.main-navigation button:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.5em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "\f0c9";
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: black;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
nav.main-navigation {
	clear: both;
	display: block;
	margin-top: -1px;
	position: absolute;
	z-index: 9999;
	width: 100%;
}
.main-navigation ul {
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	padding: 0.5em 0.9em;
}

.main-navigation ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	top: 0;
}

.main-navigation ul ul a {
	white-space: nowrap;
}

.main-navigation ul ul li {
	width: 100%;
	text-align: left;
}

.main-navigation ul li:hover {
}

.main-navigation li:hover > a {
	background-color: #1EC8BB;
	border-radius: 5px;
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li > ul{
	opacity: 0;
	top: auto;
	border-radius: 0 0 5px 5px;
	-webkit-transition: 0.5s opacity;   
	-ms-transition: 0.5s opacity;   
	-o-transition: 0.5s opacity;   
	transition: opacity 0.3s ease-in;
	-moz-transition: 0.5s opacity;   
/*    -webkit-transition-delay: 0.3s; */
/*    -moz-transition-delay: 0.3s; */
/*    -ms-transition-delay: 0.3s; */
/*    -o-transition-delay: 0.3s; */
/*    transition-delay: 1s; */
}

.main-navigation ul li:hover > ul {
	display: block;
	opacity: 1;
	left: 0;
	background-color: rgba(58, 59, 61, 0.6);
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 767px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
	div.menu-toggle {
		width: 95%;
		background-color: #555555;
		min-height: 36px;
		border-radius: 6px;
	}
	nav.main-navigation {
		position:fixed;
		top:0;
	}
	div.menu-menu-container {
		position: absolute;
		top: 0;
		z-index: -1;
	}
	.main-navigation li {
		width: 100%;
	}
	.main-navigation ul ul {
		position: relative;
	}
	.main-navigation ul ul li {
		text-align: center;
	}
	.main-navigation ul li:hover > ul {
		background-color: rgba(0, 0, 0, 0.3);
		transition: .2s all ease-in-out;
	}
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
5.9 Top Priority Styling
--------------------------------------------------------------*/
div.page-slider {
	-moz-box-shadow: inset 0 -22px 22px -10px #FFFFFF;
	-webkit-box-shadow: inset 0 -22px 22px -10px #FFFFFF;
	box-shadow: inset 0 -22px 22px -10px #FFFFFF;
}
img#slider-alt{
	z-index: -1;
	width: 100%;
	position: inherit;
	margin-bottom: -7px;
}
div.index-slider {
	-moz-box-shadow: inset 0 -22px 22px -10px #FEFCEF;
	-webkit-box-shadow: inset 0 -22px 22px -10px #FEFCEF;
	box-shadow: inset 0 -22px 22px -10px #FEFCEF;
}
main.category {
	-moz-box-shadow: inset 0px 10px 6px -7px rgba(0, 0, 0, 0.55), inset 0px -10px 6px -7px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: inset 0px 10px 6px -7px rgba(0, 0, 0, 0.55), inset 0px -10px 6px -7px rgba(0, 0, 0, 0.55);
	box-shadow: inset 0px 10px 6px -7px rgba(0, 0, 0, 0.55), inset 0px -10px 6px -7px rgba(0, 0, 0, 0.55);
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
main:before,
main:after,
section#featured-tours:before,
section#featured-tours:after,
div.menu-menu-container:after {
	content: "";
	display: table;
}

main.category:before,
main.category:after,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
section#featured-tours:after,
footer,
div.menu-menu-container:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

.byline {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
/* .entry-content, */
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
12-A Temporary - June
--------------------------------------------------------------*/


/*--------------------------------------------------------------
12-B Hover Effect - June
--------------------------------------------------------------*/


/*--------------------------------------------------------------
12-D Featured Tours - June
--------------------------------------------------------------*/


/*--------------------------------------------------------------
12-E Footer - June
--------------------------------------------------------------*/
div.footer-column-3 div ul li span {
	margin-right: 1em;
}

/*--------------------------------------------------------------
13 Styles - June
--------------------------------------------------------------*/
/* Navigation Menu */
.main-navigation a {
	text-decoration: none;
	color: white;
	font-family: 'Quicksand', sans-serif;
	font-size: 1em;
}

/*--------------------------------------------------------------
Index
--------------------------------------------------------------*/
/* Title - Introduction */
h1.main {
	font-family: 'Quicksand', sans-serif;
	text-align: center;
	font-weight: 900;
	font-size: 2.8em;
	letter-spacing: 3px;
}
/* Body - Introduction */
p.introduction {
	line-height: 2em;
	text-align: justify;
	max-width: 85%;
	margin: 0 auto 27px auto;
}
.site-index p.introduction, .site-excursions p.introduction, .site-packages p.introduction {
	margin: 0 auto 2.5em auto;
}
/* Title - Travel Styles */
section#travel-styles h2 {
	font-family: 'Quicksand', sans-serif;
	font-size: 6em;
	text-align: center;
	padding: 0.75em 0;
	line-height: 1;
	color: white;
}
/* Title - Featured Tours */
section#featured-tours h2 {
	font-size: 6em;
	font-size: 8.5vw;
	text-align: center;
	line-height: 1;
	padding: 0.5em 0;
}

h1.excursions-packages {
	font-size: 5em;
}

h1.category {
	font-family: 'Quicksand', sans-serif;
	text-align: left;
	font-weight: 900;
	font-size: 1.8em;
	color: white;
}
.bgsand {
	background: #FCFAE4 url('../../../images/bg.png');
}
.bgwhite {
	background: #F3F3F3 url('../../../images/bgwhite.png');
}
.bgnone {
	background: #ffffff;
}
.bgsquare {
	background: #FBFCF8 url('../../../images/bgwhite02.png');
}

/* Continue Reading Link - Column - Featured Tours */
a.more-link {
	display: block;
	width: 11em;
	height: 2.2em;
	margin: 15px auto;
	padding: 6px;
	text-align: center;
	font-family: "Arial";
	border-radius: 5px;
	-webkit-transition: .2s all ease-in-out;
	-moz-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out;
	transition: .2s all ease-in-out;
}
a.more-link {
	font-weight:600;
	color: white;
	/* background-color: #1EC8BB; */
	background-color: #D6341D;
}
a.more-link:hover {
	/* background-color: #00166B; */
	background-color: #1693A5;
	/* background-color: #1EC8BB; */
}

/* Main Footer */
footer.entry-footer {
	font-size: 10px;
	text-align: center;
}

/* Category Row Header */
article.category-row h3 a span {
	color: white;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
}

div.footer-column-1 ul li span{
	font-weight: 900;
	margin-right: 10px;
}



/*--------------------------------------------------------------
All pages
--------------------------------------------------------------*/
/* Navigation Menu */

nav.main-navigation a {
	text-decoration: none;
	color: white;
	font-family: 'Source Sans Pro', sans-serif;
}

/*--------------------------------------------------------------
Page - Junny
--------------------------------------------------------------*/
div#left header.entry-header {
	padding: 35px 0 10px 0;
}
div#left p.entry-content {
	margin: 0 0 35px;
}
div#left header.entry-header h1 {
	font-family: 'Quicksand', sans-serif;
	font-weight: 900;
	font-size: 2.5em;
}
figure.mini-slides img{
	float: left;
	width: 33.3%;
	margin-bottom: 35px;
	cursor: crosshair;
}
section.page-hilight header{
	margin: 0 0 10px 0;
}
section.page-hilight header h2{
	font-family: 'Quicksand', sans-serif;
	font-size: 1.2em;
	font-weight: 900;
}
section.page-hilight ul li:before {
	display: inline-block;
	font: normal normal normal 1em/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
  	content: "\f08d";
	margin-right: 8px;
}
aside#page-button div a{
	display: block;
	height: 2.3em;
	width: 12.5em;
	margin: 5px auto 0 auto;
	padding: 7px;
	text-align: center;
	font-family: "Arial";
	font-size: 1em;
	border-radius: 5px;
	color: white;
	background-color: #1EC8BB;
	text-transform: uppercase;
	-webkit-transition: .2s all ease-in-out;
	-moz-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out;
	transition: .2s all ease-in-out;
}
aside#page-button div a:hover{
	background-color: #D6341D;
}
section#page-overview {
	padding: 15px;
	background: black;
	border-radius: 7px;
	background-image: url('../../../images/overview.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.5);
}
section#page-overview h2{
	font-family: 'Quicksand', sans-serif;
	font-weight: 900;
	color: white;
}
section#page-overview table{
	width:70%;
	margin: 5px 0 0 0;
	color: #bfbfbf;
	text-align: left;
	font: 700 13px/23px 'Roboto', sans-serif;
	border-radius: 20px;
}
section#page-overview table th, section#page-overview table td {
	padding: 0px 5px;
	border-radius: 3px;
}
section#page-overview table th:hover, section#page-overview table td:hover{
	background-color: #4983B8;
}
figure.map {
	margin: 35px 0;
}
section#page-price {
	clear: both;
}
section#page-itinerary header h2{
	font-family: 'Quicksand', sans-serif;
	font-weight: 900;
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-align: center;
	background-color: rgb(0, 0, 0);
	color: #bfbfbf;
	padding: 10px 0 3px 0;
	margin-bottom: 20px;
}
span.d-icon{
	font-size: 0.9em;
	text-align: center;
	line-height: 2.7em;
	padding-left: 2px;
	font-weight: 700;
	position: relative;
	display: inline-block;
	width: 2em;
	height: 1em;
	margin: 0 0.5em 0 0;
}
span.d-icon:before {
	content: "\f133";
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	display: inline-block;
	font: normal normal normal 2.3em/0.9em FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}
section#page-itinerary h3 {
	font-family: 'Quicksand', sans-serif;
	font-weight: 100;
	font-size: 1.2em;
	line-height: 1em;
	display: inline;
}
section#page-itinerary p {
	margin: 0 0 0 3.25em;
	color: #2D2D2D;
	font: 300 0.8em/1.8em 'Roboto', sans-serif;
}
section#page-itinerary p span {
	display: block;
	margin-left: 3em;
}
section#page-itinerary p span:first-child{
	margin-top: 7px;
}
span.ovn:before, span.mel:before{
	display: inline-block;
	font: normal normal normal 1em/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	width: 2em;
	text-align: center;
}
span.ovn:before {
	content: "\f236";
}
span.mel:before {
	content: "\f0f5";
}

/* Includes Excludes */
aside#page-incexc {
	margin-top: 30px;
}
aside#page-incexc table td {
	width: 50%;
	text-align: left;
	padding: 5px;
	font-size: 0.8em;
}
aside#page-incexc table td:before {
	display: inline-block;
	font: normal normal normal 0.9em/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "\f054";
	margin-right: 0.5em;
	text-indent: 1.5em;
}

/* Table */
table.border{
	border-collapse: collapse;
}
section#page-price table td, section#page-price table th{
	border: 1px solid #dddddd;
	padding: 5px;
	text-align: center;
	font-size: 0.8em;
}
section#page-price table.border th {
	background-color: #f5f5f5;
}
table.border td:hover{
	background-color: #f5f5f5;
}
section#page-price tbody tr td:first-child:after {
	content: " Pax"
}
section#page-price tbody tr td:last-child:before{
	content: "USD "
}
section#page-price tbody tr td:last-child:after {
	content: ""
}

/* Page h2 Headers*/
section#page-price h2, h2#related, aside#page-incexc h2, section.payment-methods h2 {
	font-family: 'Quicksand', sans-serif;
	font-weight: 900;
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 3px;
}

section#page-price hr, aside#page-related hr, aside#page-incexc hr{
	margin: 0 0 1em 0;
}

/*--------------------------------------------------------------
Book Now - Junny
--------------------------------------------------------------*/
header.enquiry-intro{
	padding: 20px 0 15px 0;
	font-size: 1.5em;
}
p.enquiry-intro{
	font: 300 1em/2em 'Roboto', sans-serif;
	text-align: justify;
	text-indent: 4.5em;
	max-width: 80%;
	margin: 0 auto 27px auto;
}
main.bggray{
	background-color: whitesmoke;
}
h2.enquiry {
	font-family: 'Quicksand', sans-serif;
	font-weight: 900;
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-align: center;
	background-color: rgb(0, 0, 0);
	color: #bfbfbf;
	padding: 10px;
	margin-bottom: 20px;
}
div.container-hundred {
	width: 100%;
	margin-bottom: 30px;
	float: left;
}
div.container-fifty {
	width: 50%;
	float: left;
	margin-bottom: 15px;
}
div.container-hundred p.enquiry-box{
	width: 50%;
	margin: 5px 0;
	padding: 0 7%;
	float: left;
}
p.enquiry-box input[type="text"], p.enquiry-box input[type="email"]{
	width: 100%;
	height: 32px;
}
span.country select, span.adult select, span.children select, span.duration select, span.style select, span.period select{
	width: 100%;
	height: 32px;
}
span.dd-day select, span.dd-month select, span.dd-year select{
	width: 30%;
	height: 32px;
	float: left;
}
span.dd-month select, span.dd-year select{
	margin: 0 0 0 5%;
}
span.message textarea{
	height: 120px;
	margin-bottom: 15px;
}
div.container-fifty p.enquiry-box {
	width: 100%;
	margin: 5px 0;
	padding: 0 14%;
	float: left;
}
p.enquiry-box {
	font: 600 1em/2em 'Quicksand', sans-serif;
}
p.enquiry-box-submit{
	text-align: center;
}
span.hotel {
	font-weight: 100;
	color: #bfbfbf;
}
p.enquiry-box span {
	color: #444444;
}
p.enquiry-box-submit input[type="submit"]{
	width: 90px;
}
p.enquiry-box input, p.enquiry-box select, p.enquiry-box textarea {
	background-color: aliceblue;
}

/*--------------------------------------------------------------
Index - Contact Us - Junny
--------------------------------------------------------------*/
section#contact-us h2 {
	padding: 0.8em 0 0.5em;
	font-family: 'Quicksand', sans-serif;
	font-size: 5em;
	font-size: 12vh;
	text-align: center;
}
p#cu-text {
	font: 300 1em/2em 'Quicksand', sans-serif;
	text-align: justify;
	text-indent: 2.5em;
	width: 100%;
	padding: 0 5% 0 0;
	float: left;
}
p#cu-icons{
	width: 100%;
	padding: 0 5% 5% 0;
	float: left;
	text-align:center;
}
p#cu-icons a {
	font-size: 3em;
	color: #F9F5E6;
}
p#cu-icons a span {
	margin: 1em 5% 0 5%;
}

div#cu-form {
	text-align:center;
}
main.contact-us div#cu-form {
	padding: 0 10% 1.5em 0;
}
div#cu-form input {
	background-color: transparent;
	color: #CBC9C5;
	outline: none;
	font: 100 1em 'Source Sans Pro', sans-serif;
	margin-bottom: 1.5em;
}
div#cu-form input[type="text"], div#cu-form input[type="email"] {
	border-style: dashed;
	border-width: 0 0 1px 0;
	border-color: #FFC200;
}
input.cu-form-small {
	width: 45%;
	float: left;
	margin: 0 0 0 5%;
}
input.cu-form-big {
	width: 95%;
	float: left;
	margin: 0 0 0 5%;
}
div#cu-form input[type="submit"] {
	border: 0;
	border-radius: 25px;
	color: #FDFDFD;
	padding: 7px 20px 9px 20px;
}

div#cu-form input::-webkit-input-placeholder { /* WebKit browsers */
	color: #FFC200;
}
div#cu-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #FFC200;
	opacity: 1;
}
div#cu-form input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #FFC200;
	opacity: 1;
}
div#cu-form input:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #FFC200;
}

/* TEMP */
footer.index, footer.contact-us, footer.category{
	position: absolute;
	left: 0;
	right: 0;
}
footer.index {
	bottom: 0;
}
footer.index a, footer.category a {
	cursor: default;
}
footer.page-footer span{
	display: block;
}
footer.index a, footer.index a:visited, footer.category a, footer.category a:visited, footer.page-footer a, footer.page-footer a:visited {
	color: black;
}
footer.contact-us {
	bottom: 0;
}
footer.contact-us a, footer.contact-us a:visited {
	color: #714118;
}

/*--------------------------------------------------------------
Contact Us Page - Junny
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Form - Junny
--------------------------------------------------------------*/
/* Successfully Submitted */
div.wpcf7-mail-sent-ok {
	border: 0;
	text-align: center;
	line-height: 1em;
}

/*--------------------------------------------------------------
13 404 - June
--------------------------------------------------------------*/
section.not-found {
/*	height: 100px; */
	padding: 10%;
}

/*--------------------------------------------------------------
13 TEMP
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3 Interior Layout
--------------------------------------------------------------*/
/* Index and Category - Column Title Transparency */
article.col-index header h3 a, article.col-cat header h2 a, article.col-random header h2 a{
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	line-height: 2.5em;
}
article.col-index p.dx, article.col-random p.dx {
	float: right;
	width: 40%;
	text-align: right;
}

/* Footer */
div.footer-column-4 {
	clear: both;
	width: 100%;
	color: #808080;
	padding: 1.5em 0 2.8em 0;
	font: 300 13px 'Quicksand', sans-serif;
}
div.like-buttons div.facebook {
	display: inline-block;
	width: 90px;
}

/*--------------------------------------------------------------
4 Responsiveness
--------------------------------------------------------------*/

@media screen and (max-width: 1150px) {
}
@media screen and (min-width: 768px) and (max-width: 1150px) {
}
@media screen and (max-width: 767px) {
}

/*--------------------------------------------------------------
5 Background and Shadow
--------------------------------------------------------------*/
/* Index - Column Container Background */
article.col-index{
	-moz-box-shadow: 0 2px 1px 0px #B6B6B6;
	-webkit-box-shadow: 0 2px 1px 0px #B6B6B6;
	box-shadow: 0 2px 1px 0px #B6B6B6;
	background-color: #FFFFFF;
}

/* Page - Column Container Background */
article.col-random {
	-moz-box-shadow: 0 4px 4px -1px #B6B6B6;
	-webkit-box-shadow: 0 4px 4px -1px #B6B6B6;
	box-shadow: 0 4px 4px -1px #B6B6B6;
}

/*--------------------------------------------------------------
7 Text Layout
--------------------------------------------------------------*/
/*------------------------------------------
Column - Index Page Category
------------------------------------------*/
article aside .dx:after, table.overview td.ovr-d:after {
	content: " Day(s)";
}
article.index-random aside {
	padding: 10px 10px 5px 10px;
}
article.col-index p.entry-content {
	min-height: 6em;
}
article.index-random p.entry-content {
	padding: 0 5%;
}
article.col-cat aside {
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 1.5;
	background-color: black;
	color: white;
	z-index: 9;
	text-align: right;
	padding: 5px 10px;
	border-radius: 0 0 0 5px;
}
article.col-cat aside span:first-child, article.index-random aside span:first-child{
	margin-right: 3px;
}
article.col-cat aside p.px, article.index-random aside p.px{
	display:inline;
	margin-left: 0.2em;
}
article aside .dx:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	margin-right: 0.2em;
	content: "\f017 ";
}

/*--------------------------------------------------------------
8 Font Styles
--------------------------------------------------------------*/
/*------------------------------------------
Below Main
------------------------------------------*/
/* Main Title - Category */
header.category {
	text-align: center;
	padding: 2.8em 0 1.3em 0;
}
header.category h1 {
	font-size: 6em;
	color: #222127;
}
/* Main Title - Page */


/* Main Title - Index */


/* Main Title - Contact Us */
h1.contact-us{
	font-family: 'Quicksand', sans-serif;
	text-align: center;
	font-size: 6em;
	padding: 1em 0 0.1em;
}

/*------------------------------------------
Column - Index and Page
------------------------------------------*/
article.col-index h3 a, article.col-random h2 a{
	font-family: 'Quicksand', sans-serif;
	color: white;
	font-size: 1.2em;
}
article.index-random {
	font-size: 0.8em;
	text-align: justify;
}
/*------------------------------------------
Column - Category
------------------------------------------*/
article.col-cat h2 a{
	font-family: 'Quicksand', sans-serif;
	color: white;
	font-size: 1.2em;
}
article.col-cat aside {
	font-family: 'Roboto', sans-serif;
	font-size: 0.85em;
}
article.col-cat {
	font-family: 'Roboto', sans-serif;
	font-size: 0.85em;
	text-align: justify;
	color: #FFFFFF;
}
/* Footer */
div.weather {
	font: 300 1.1em 'Roboto', sans-serif;
}

/*------------------------------------------
Contact Us Page
------------------------------------------*/
main.contact-us div#cu-info h1 {
	letter-spacing: 1px;
	font: 300 1.5em/1.8em 'Roboto', sans-serif;
	margin: 0 0 0.5em 5%;
}
main.contact-us div#cu-info p {
	font: 300 0.9em/2.2em 'Roboto', sans-serif;
	margin: 0 0 0 5%;
}
main.contact-us div#cu-info p span {
	margin: 0 1em 0 0;
	color: #84F0FF;
}
main.contact-us div#cu-info a {
	color: #D2E0FC;
}
main.contact-us div#cu-info span.address-line-2 {
	padding: 0 1.28571429em 0 0;
}

/*--------------------------------------------------------------
9 Additional Font Styles
--------------------------------------------------------------*/
/* Index and Page - Price and Duration - Color*/
article.index-random p.dx:before, article.index-random p.dx:after, article.index-random p.px:after, article.index-random span.currencyx{
	color: #1693A5;
}
article.index-random p.dx, article.index-random p.px{
	color: red;
}

/* Category only - Price and Duration - Color*/
article.col-cat p.px, article.col-cat span.currencyx{
	color: yellow;
}
article.col-cat p.dx{
	color: white;
}

/*--------------------------------------------------------------
Weather - June
--------------------------------------------------------------*/
#wxWrap {
    color: #fff;
    padding: 2px 13px 2px 0;
}
#wxIntro {
    display: inline-block;
    color: #fff;
    vertical-align: top;
    padding-top: 9px;
}
#wxIcon {
    display: inline-block;
    width: 61px;
    height: 34px;
    margin: 2px 0 -1px 1px;
    overflow: hidden;
    background: url('../../../a/lib/ywc/img/wicons.png') no-repeat 61px 0;
}
#wxIcon2 {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 1px 6px 0 8px;
    overflow: hidden;
}
#wxTemp {
    display: inline-block;
    font: 20px/28px Arial,Verdana,sans-serif;
    color: #fff;
    vertical-align: top;
    padding-top: 5px;
    margin-left: 0;
}

/*--------------------------------------------------------------
Search Engine - June
--------------------------------------------------------------*/
/* Search Box */
div.search-engine form label input[type="search"] {
	background-color: black;
	color: #fff;
	border: 0px;
	outline: none;
	font: 300 17px 'Roboto', sans-serif;
}
::-webkit-input-placeholder { /* WebKit browsers */
	color: #808080;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #808080;
	opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #808080;
	opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #808080;
}
/* Button */
div.search-engine form button {
	border: 0px;
	background: black;
	box-shadow: none;
	color: #fff;
	text-shadow: none;
	font-size: 17px;
}
div.search-engine form button:hover {
	box-shadow: none;
}
div.search-engine form button:focus, div.search-engine form button:active {
	box-shadow: none;
}

/*--------------------------------------------------------------
6 Hovering
--------------------------------------------------------------*/
/*------------------------------------------
Category - Hover
------------------------------------------*/
article.col-cat p.entry-content {
	padding: 10px 20px;
	width: 100%;
	font-size: 0.95em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	line-height: 1.5;
	position: absolute;
	top: 60%;
	left: 100%;
	-moz-transform: translate(0,-60%);
	-o-transform: translate(0,-60%);
	-webkit-transform: translate(0,-60%);
	-ms-transform: translate(0,-60%);
	transform: translate(0,-60%);
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:9;
}
div.black{
	width: 0;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0.9;
	top: 0;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
article.col-cat:hover div.black {
	width: 100%;
	opacity: 1;
}
article.col-cat:hover p.entry-content {
	left: 0;
}
span.fa-facebook:hover {
	color: #12A5F4;
}
span.fa-skype:hover {
	color: #55ACEE;
}
span.fa-twitter:hover {
	color: #00D8FF;
}
span.fa-google-plus:hover {
	color: #E04006;
}
div.footer-column-1 a:hover, div.footer-column-1 li:hover {
	color: #3a5795;
}

/*------------------------------------------
Miscellaneous Hover
------------------------------------------*/
/* Darken */
.darken{
	opacity: 0.9;
	-webkit-filter: brightness(85%);
	filter: brightness(85%);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.darken:hover{
	opacity: 1;
	-webkit-filter: brightness(120%);
	filter: brightness(120%);
}
/* Opacity */
.darkena{
	opacity: 1;
	-webkit-filter: brightness(80%);
	filter: brightness(80%);
	border-radius: 0 0 5px 5px;
	-webkit-transition: 0.5s all;   
	-moz-transition: 0.5s all;   
	-ms-transition: 0.5s all;   
	-o-transition: 0.5s all;   
	transition: 0.5s all;
}
.darkena:hover{
	opacity: 1;
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
}
/*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
/*Blink*/
.blinker{
    opacity: 1;
    -webkit-animation: blink 2s 10;
    -moz-animation: blink 2s 10;
    animation: blink 2s 10;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
/* Shrink */
.shrink img {
  height: 400px;
  width: 400px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.shrink img:hover {
  width: 300px;
  height: 300px;
}

/*--------------------------------------------------------------
BG - Junny
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Font - Junny
--------------------------------------------------------------*/
h1.main, section#featured-tours h2, section#contact-us h2, h3.entry-title, section#travel-styles h2, header.category h1 {
	font-family: 'Quicksand', sans-serif;
	font-style: normal;
	font-weight: 300;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: none;
}
p.introduction, article.index-random, section.payment-methods ul li {
	font-family: Roboto;
	font-weight: 300;
	font-style: normal;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: none;
}
footer.site-footer h4 {
	font-weight: 700;
}
div.footer-column-1 ul, div.footer-column-3 ul, div.footer-column-1 a, div.footer-column-3 a {
	margin: 3px 0 0;
	list-style: none;
	color: #bfbfbf;
	font: 300 13px/23px 'Roboto', sans-serif;
	font: 300 0.8em/1.7em 'Roboto', sans-serif;
}
div.footer-column-1 a, div.footer-column-3 a {
	font-size: 1em;
}

/*--------------------------------------------------------------
Font Color - Junny
--------------------------------------------------------------*/
span.ovn:before, span.mel:before, span.d-icon {
	color: #1693A5;
}

/*--------------------------------------------------------------
Temp
--------------------------------------------------------------*/
div.like-buttons {
	display:none;
}

/*--------------------------------------------------------------
B2B
--------------------------------------------------------------*/
#b2b body, #b2b div#contact-form input[type="submit"] {
	color: #404040;
	/* color: white; */
	/* text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); */
}

#b2b a, #b2b a:visited {
	text-decoration: none;
	/* text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); */
}

#b2b header, #b2b main, #b2b footer {
	width: 100%;
	float: left;
}

#b2b header {
	position: relative;
	color: #404040;
	background: white url("../../../images/bg.png");
	text-align: center;
	font-family: 'Quicksand', sans-serif;
}
#b2b header img, #b2b header h1 {
	display: inline;
}
#b2b header img {
	vertical-align: middle;
}
#b2b header h1 {
	line-height: 3;
	vertical-align: middle;
	font-size: 2.3em;
	text-transform: uppercase;
}
#b2b header a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

div.mainy {
	clear: both;
	float: left;
	background: white url("../../../images/bg.png");
	font-family: 'Quicksand', sans-serif;
	-moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px -10px 6px -7px rgba(0, 0, 0, 0.55);
	-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px -10px 6px -7px rgba(0, 0, 0, 0.55);
	box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px -10px 6px -7px rgba(0, 0, 0, 0.55);
}
div.mainy a, div.mainy a:visited {
	color: #7fccbc;
}
div.mainy a:hover {
	color: midnightblue;
}

#b2b div#contact-us, #b2b div#contact-form {
	float: left;
}
#b2b div#contact-us {
	position: relative;
	width: 44%;
	margin: 3.8em 3%;
	border: 1px solid #A7A9AC;
	border-radius: 25px;
	text-align: center;
}
#b2b div#contact-us img {
	position: absolute;
	top: -25px;
	left: 45.5%;
}
#b2b div#contact-us h2 {
	margin: 1.5em 0 0 0;
}
#b2b div#contact-us h3 {
	margin: 0;
}
#b2b div#contact-us h2, #b2b div#contact-us h3 {
	line-height: 1.15;
	font-size: 2em;
	font-weight: 300;
	text-transform: uppercase;
}
#b2b div#contact-us hr {
	width: 160px;
	height: 2px;
	margin: 2em auto;
	background-color: #A7A9AC;
}
#b2b div#contact-us p, #b2b div#contact-us h4, #b2b div#contact-us > a {
	margin: 0;
	font-size: 1.7em;
	font-weight: 500;
	line-height: 1.1;
	text-transform: uppercase;
}
#b2b div#contact-us > a {
	margin-bottom: 1.2em;
	display: block;
}
#b2b div#contact-us a span {
	font-size: 1.25em;
	margin-right: 6px;
	color: #7fccbc;
}
#b2b div#contact-form {
	width: 50%;
	padding: 2.8em 3%;
	margin-bottom: 1.5em;
	text-align: left;
}

#b2b div#contact-form p:first-child {
	text-shadow: 0px 0px #381414;
}

#b2b div#contact-form hr {
	margin: 1.5em 0;
}

#b2b form.wpcf7-form p {
	float: left;
	width: 100%;
	margin-bottom: 0.5em;
}
#b2b form.wpcf7-form p span:first-child {
	width: 40%;
	float: left;
}
#b2b form.wpcf7-form p span.wpcf7-form-control-wrap {
	width: 60%;
	float: left;
}
#b2b div#contact-form input {
	width: 100%;
	height: 35px;
	outline: 0;
}
#b2b form.wpcf7-form p span.wpcf7-form-control-wrap textarea  {
	height: 80px;
	width: 100%;
}
/*
#b2b div#contact-form input[type="email"]:focus {
	color: white;
}*/
#b2b div#contact-form input[type="submit"] {
	margin-left: 40%;
	font-size: 0.8em;
	width: 80px;
	background: transparent;
	box-shadow: none;
	line-height: 1;
	padding: 0;
}
#b2b div#contact-form input[type="submit"]:hover, #b2b aside input[type="submit"]:focus {
	border: solid #1EC8BB 2px;
	box-shadow: none;
}
#b2b div.wpcf7-response-output {
	display: block;
	float: left;
	width: 100%;
	margin: 0.5em 0 0 0;
	text-align: center;
	color: #1EC8BB;
	font-size: 0.9em;
	font-weight: 600;
}
#b2b div.wpcf7-mail-sent-ok, #b2b wpcf7-validation-errors {
	border: 1px solid #A7A9AC;
}
#b2b footer {
	padding: 0 1em 0 0;
	text-align: right;
	height: 2em;
	line-height: 0;
	background-color: red;
	font-size: 0.9em;
	font-family: 'Quicksand', sans-serif;
	color: white;
}
#b2b footer a, #b2b footer a:visited {
	color: white;
}

#b2b body {
	background-color: black;
	/* background: white url("../../../images/bgwellness.jpg") no-repeat fixed center; */
}

#b2b body {
	opacity: 0;
}


/*--------------------------------------------------------------
## Place Holder Only UNUSED
--------------------------------------------------------------*/
/*
div#contact-form input[type="email"]::-webkit-input-placeholder {
    color: #eee;
}
div#contact-form input[type="email"]:-moz-placeholder {
    color: #eee;
}
div#contact-form input[type="email"]::-moz-placeholder {
    color: #eee;
}
div#contact-form input[type="email"]:-ms-input-placeholder {
    color: #eee;
}
*/
/*--------------------------------------------------------------
## Mobile
--------------------------------------------------------------*/
@media screen and (min-width:1440px) {
	body.page-template-b2b-template {
	font-size: 20px;
	}
}
@media screen and (min-width:1601px) {
	body.page-template-b2b-template {
	font-size: 23px;
	}
}
@media screen and (max-width: 1023px) {
	body.page-template-b2b-template {
		font-size: 12px;
	}
	#b2b header img {
		display: none;
	}
	#b2b header h1 {
		font-size: 1.6em;
	}
	#b2b div#contact-us {
		width: 80%;
		margin: 50px 10% 0 10%;
	}
	#b2b div#contact-form {
		width: 80%;
		margin: 0 10%;
		font-size: 1.5em;
		text-align: justify;
	}
}
@media screen and (max-width: 550px) {
	body.page-template-b2b-template {
		font-size: 10px;
	}
	body.page-template-b2b-template header h1 {
		font-size: 1em;
	}
	#b2b div#contact-us p, #b2b div#contact-us h4, #b2b div#contact-us > a {
		font-size: 1.35em;
		line-height: 1.5;
	}
	#b2b form.wpcf7-form p span:first-child, #b2b form.wpcf7-form p span.wpcf7-form-control-wrap {
		width: 100%;
		float: left;
	}
/*	#b2b form.wpcf7-form p {
		height: 3.8em;
	}*/
	#b2b div#contact-form input[type="submit"] {
		width: 100%;
		float: left;
		margin: 0;
	}
	#b2b footer {
		font-size: 0.8em;
		text-align: center;
	}
}