



    @font-face {
    font-family: mallory;
    src: url(https://cdn6.agoda.net/images/fonts/mallory-light-webfont-v01.eot);
    src: url(https://cdn6.agoda.net/images/fonts/mallory-light-webfont-v01.eot?#iefix) format("embedded-opentype"), url(https://cdn6.agoda.net/images/fonts/mallory-light-webfont-v01.woff2) format("woff2"), url(https://cdn6.agoda.net/images/fonts/mallory-light-webfont-v01.woff) format("woff"), url(https://cdn6.agoda.net/images/fonts/mallory-light-webfont-v01.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: mallory;
    src: url(https://cdn6.agoda.net/images/fonts/Mallory-Book.eot);
    src: url(https://cdn6.agoda.net/images/fonts/Mallory-Book.eot?#iefix) format("embedded-opentype"), url(https://cdn6.agoda.net/images/fonts/Mallory-Book.woff2) format("woff2"), url(https://cdn6.agoda.net/images/fonts/Mallory-Book.woff) format("woff"), url(https://cdn6.agoda.net/images/fonts/Mallory-Book.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: mallory;
    src: url(https://cdn6.agoda.net/images/fonts/mallory-medium.eot);
    src: url(https://cdn6.agoda.net/images/fonts/mallory-medium.eot?#iefix) format("embedded-opentype"), url(https://cdn6.agoda.net/images/fonts/mallory-medium.woff2) format("woff2"), url(https://cdn6.agoda.net/images/fonts/mallory-medium.woff) format("woff"), url(https://cdn6.agoda.net/images/fonts/mallory-medium.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

/*==========================================================================
  Custom CSS
  Below are some css selectors you might find helpful to cusomtize your site.
  ==========================================================================*/
/* Body background */
body {
  background-color: #fff; font-family: mallory, Helvetica Neue, Helvetica, Arial, sans-serif; }

/* Links */
a,
.box-default a,
.box-default .more-link {
  color: #333333; }

/* Current link color used in category group pages and pagination */
.link-current {
  color: #333333; }

/* Current link color used sidebar categories list  */
.box-default .link-current {
  color: #333333; }

/* Buttons */
.btn-default,
.btn-primary,
.btn-search {
  border-color: #333333;
  background-color: #333333; }

/* Button hover state */
.btn-default:hover,
.btn-primary:hover,
.btn-search:hover {
  border-color: #262626;
  background-color: #262626; }

/* Tabs on product and support pages */
.tab-item {
  color: #333333;
  border-top-color: #f3f3f3;
  background-color: #f3f3f3; }

/* Current tab border color */
.tab-current {
  border-top-color: #333333;
  color: #333333; }

/* Hero box at the top of the page */
.box-hero {
  background-color: #ffffff;
  border-color: #dddddd;
  color: #333333; }

/* Change traveler numbers link on tour options page */
.box-hero .link-muted {
  color: #666666; }

/* Selected date on calendar */
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active:hover {
  background-color: #333; }

/* Segmented search find more results */
.segmented-search .find-more-results,
.segmented-search .find-more-results:hover {
  background-color: #333333; }

/* Section heading */
.section-heading,
.checkout-note-bg h2,
.checkout-note-bg .h2,
.checkout-note-empty-bg h2 {
  color: #333333; }

/* Sidebar module headings */
.box-heading {
  color: #333333; }

/* Booking process current step color */
.disc-number > li.current .inner-object {
  background-color: #333; }

/* Popup header bar */
.popup-header {
  background-color: #eeeeee;
  color: #333333; }

.popup-close {
  color: #333333; }

/*==========================================================================
  More options (Uncomment to activate)
  ==========================================================================*/
/* Remove rounded corners everywhere */
/*
.pill,
.btn,
.form-control,
.tab-item,
.box-bordered, 
.datepicker.dropdown-menu,
.datepicker td, 
.datepicker th,
.popover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.round,
.round-top, 
.round-bottom {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
*/
/* Remove header underlines from sidebar modules */
/*
.box-heading {
    border-bottom: 0;
}*/
/* Sidebar modules */
/*
.box-default {
    background-color: #ffffff;
    border-color: #dddddd;
    color: #333333;
}
*/
/*
.box-default a{
    color: inherit;
}*/
/* List border color in sidebar modules */
/*
.box-default .list-bordered > li,
.box-default .list-group-category li,
.list-group-sub-categories,
.box-default .list-border-top {
    border-color: #dddddd;
}
*/
/*
.box-default .more-link {
    color: inherit;
}*/
/* Review count color on product page */
/*
.box-hero .review-count {
    color: inherit;
}
*/
/* Color of price */
/*
.price, 
.price-amount {
    color: #333;
}
*/

/* CUSTOM CSS */
* {
	font-family: mallory;
}

.nav--custom img {
	width: 90px;
	height: 60px;
	height: auto;
	vertical-align: middle;
	margin-right: 20px;
}

.nav--link-container, .nav--link-container li {
	display: inline-block;
	padding: 0;
	margin: 0;
}

.nav--link-container a {
	font-size: 13px;
	font-weight: 500;
	color: rgba(0,0,0,.75);
	text-decoration: none;
	padding: 0 10px;
	line-height: 60px;
  min-width: 44px;
	cursor: pointer;
	display: block;
}

.separator {
	display: inline-block;
	height: 45px;
	width: 1px;
	background-color: #e0e0e0;
	margin-right: 10px;
	vertical-align: middle;
}

.nav--link-container li:hover {
	color: #488bf8;
	box-shadow: 0 4px 0 #488bf8;
}

.nav--link-container a:hover{
	color: #488bf8;
}

header.header {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.12);
    margin-bottom: 13px;
}

