@charset "utf-8";

/* global */
body { -webkit-font-smoothing: antialiased; background: #B3D1ED url(/img/layout/sea-safari-bg-top.jpg) no-repeat top center; color: #000000; font-family: 'Open Sans', sans-serif }
h1 { color: #FFFFFF; font-family: 'Passion One', cursive; font-size: 5em; font-weight: 700; margin: 15px 0 }
h3 { font-family: 'Passion One', cursive; font-size: 2.2em }
p { font-size: 1.3em; line-height: 1.8em; margin-bottom: 15px }
	p a { color: #000000 !important; font-weight: 600 }
a { text-decoration: none !important }
.checkbox label { font-size: 1.3em }
.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 { position: relative; padding-left: 15px; padding-right: 15px }
.col-2 { -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px; column-count: 2; column-gap: 30px }
.space10 { height: 10px }
.space15 { height: 15px }
.space20 { height: 20px }
.text-middle { vertical-align: middle !important }
.embed-responsive { -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 10px solid #FFFFFF; border-radius: 10px }
.white-box { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #FFFFFF; border: 10px solid #FFFFFF; border-radius: 10px; margin-bottom: 30px }
	.white-box ul { font-size: 1.3em; line-height: 1.8em; margin-bottom: 15px }
	.white-box ol, .white-box ul { padding-left: 15px }
		.white-box ol ol, .white-box ul ul { padding-left: 30px }
.white-box-trans { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: rgba(255,255,255,0.20); border-radius: 10px; margin-bottom: 30px; padding: 30px 30px 15px 30px }
	.white-box-trans ul { font-size: 1.3em; line-height: 1.8em; margin-bottom: 15px }
	.white-box-trans ol, .white-box-trans ul { padding-left: 15px }
		.white-box-trans ol ol, .white-box-trans ul ul { padding-left: 30px }
#navigation { -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #FFFFFF; border: none; border-radius: 0; font-family: 'Passion One', cursive; font-size: 2.3em; margin-bottom: 0; min-height: 0 }
	#navigation .navbar-collapse { position: relative; z-index: 1 }
	#navigation .navbar-nav li a { color: #0E76BC; padding: 9px 15px 4px 15px }
		#navigation .navbar-nav li.active a { background-color: #F36F21 !important; color: #FFFFFF !important }
		#navigation .navbar-nav li.open a { background-color: #F36F21 !important; color: #FFFFFF !important }
			#navigation .navbar-nav li.open ul { border: none }
				#navigation .navbar-nav li.open ul li a { background-color: #FFFFFF !important; color: #0E76BC !important; font-size: 1.5em }
				#navigation .navbar-nav li.open ul li a:hover { color: #F36F21 !important }
				#navigation .navbar-nav li.open ul li.active a { background-color: #F36F21 !important; color: #FFFFFF !important }
		#navigation .navbar-nav li a:hover { color: #F36F21 }
		#navigation .navbar-nav li a i { font-size: 0.8em }
		#navigation .navbar-nav li a.email-mask i { margin-top: -1px }
	#navigation .dropdown-menu { -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75) }
	#navigation .navbar-nav.navbar-right li a { font-size: 0.8em; padding: 12px 15px 9px 15px; text-transform: uppercase }
/*header { position: relative; top: -30px }*/
header { margin-bottom: 50px; position: relative; top: 20px }
	header #logo { -ms-filter: drop-shadow(4px 4px 5px #000000); -webkit-filter: drop-shadow(4px 4px 5px #000000); filter: drop-shadow(4px 4px 5px #000000) }
	header h2 { -moz-box-shadow: 4px 4px 5px #000000; -ms-transform: rotate(5deg); -o-transform: rotate(5deg); -webkit-box-shadow: 4px 4px 5px #000000; -webkit-transform: rotate(5deg); background-color: #F36F21; border: 4px solid #FFFFFF; border-radius: 5px; box-shadow: 4px 4px 5px rgba(0,0,0,0.75); color: #FFFFFF; font-family: 'Passion One', cursive; font-size: 2.1em; margin: 75px 0 0 65px; padding: 5px 10px; text-align: center; transform: rotate(5deg) }
#content { min-height: 1150px }
#trip-advisor h2 { font-family: 'Passion One', cursive; font-size: 1.55em; margin: 0; padding: 5px 0 0 0 }
	#trip-advisor h2 a { color: #000000 }
.carousel { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #FFFFFF; border-radius: 10px; font-size: 1.55em; font-weight: 600; margin-bottom: 30px; padding: 10px }
	.carousel i { color: #F36F21; display: inline-block; font-size: 2em; position: relative; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); width: 4% }
	.carousel .offer { display: inline-block; left: 10px; position: relative; top: -6px; width: 96% }
footer { background: #B3D1ED url(/img/layout/sea-safari-bg-bottom.jpg) no-repeat bottom center; min-height: 680px; position: relative }
#footer-content { background-color: rgba(0,0,0,0.65); bottom: 0; padding: 20px 0; position: absolute; width: 100% }
#footer-accreditations { margin-top: 12px }
#footer-contact { margin-top: 7px; text-align: right }
	#footer-contact a { padding-left: 5px }
	#footer-contact p { font-size: 0.8em; margin: 45px 0 0 0; padding: 0 }
		#footer-contact p a { color: #FFFFFF !important }

/* home */
#home-rib h2 { font-size: 1.35em; font-weight: 900; line-height: 1.4em; margin: 0; padding: 0 0 9px 0 }
#home-trips h2 { color: #FFFFFF; font-family: 'Passion One', cursive; font-size: 3.2em; font-weight: 700; margin: 0 0 15px 0 }
.home-trip h3 { font-family: 'Passion One', cursive; font-size: 3.2em; font-weight: 700; line-height: 0.9em; margin: 0 0 5px 0 }
	.home-trip h3 a { color: #F36F21 }
	.home-trip img { margin-bottom: 5px }
	.home-trip p { font-size: 1.1em; font-weight: 600; line-height: 1.4em; margin: 0; padding: 0 }
	.home-trip a i { color: #0E76BC; font-size: 2.5em; padding-top: 4px }
#home-link-trips { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #0E76BC; border: 2px solid #FFFFFF; border-radius: 10px; color: #FFFFFF; display: block; font-family: 'Passion One', cursive; font-size: 3em; font-weight: 700; line-height: normal; padding: 5px 10px }
	#home-link-trips i { display: block; float: right; padding-top: 2px }
#home-content h1 { color: #FFFFFF; font-size: 2em; font-weight: 700; line-height: 1.3em; margin: 0 0 20px 0 }
#home-link-book { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #F36F21; border: 2px solid #FFFFFF; border-radius: 10px; color: #FFFFFF; display: block; font-family: 'Passion One', cursive; font-size: 3em; font-weight: 700; line-height: normal; margin-bottom: 30px; margin-top: 43px; padding: 5px 10px }
	#home-link-book i { display: block; float: right; padding-top: 2px }

/* trips */
.trip-listing { border: 20px solid #FFFFFF }
	.trip-listing h2 { font-family: 'Passion One', cursive; font-size: 3em; font-weight: 700; margin-top: 0 }
		.trip-listing h2 a { color: #F36F21 }
.trip-listing-book { -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #34AD30; border-radius: 4px; color: #FFFFFF !important; display: inline-block; font-family: 'Passion One', cursive; font-size: 2em; font-weight: 700; padding: 0 12px }
.trip-listing-or { display: inline-block; font-size: 2em; font-weight: 700; padding: 0 10px }
.trip-listing-voucher { -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #0E76BC; border-radius: 4px; color: #FFFFFF !important; display: inline-block; font-family: 'Passion One', cursive; font-size: 2em; font-weight: 700; padding: 0 12px }
.trip-listing-price { font-family: 'Passion One', cursive; font-size: 3.2em; font-weight: 700; line-height: 1em; margin-top: 15px }
#voucher-button a { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #F36F21; border: 2px solid #FFFFFF; border-radius: 10px; color: #FFFFFF; display: block; font-family: 'Passion One', cursive; font-size: 2.8em; font-weight: 700; line-height: normal; margin-bottom: 30px; padding: 10px 15px; text-align: center }

/* book */
#how-to-book h2 { font-family: 'Passion One', cursive; font-size: 3.2em; font-weight: 700; margin-top: 0 }
#how-to-book ol { font-size: 1.3em; line-height: 1.5em; margin-bottom: 15px; padding-left: 20px }
#how-to-book p { font-style: italic }
#calendar { margin-bottom: 15px }
	#calendar .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #F0F0F0 }
	#calendar .fc-toolbar h2 { font-family: 'Passion One', cursive; font-size: 2.5em; font-weight: 700 }
	#calendar .fc-scroller { height: auto !important }
	#calendar .fc-body .fc-row { height: 80px }
	#calendar .fc-head { background-color: #F36F21; color: #FFFFFF }
	#calendar .fc-day-header { font-size: 1.1em; font-weight: 600; padding-bottom: 3px; padding-top: 3px }
	#calendar .fc-past { background-color: #B3D1ED }
	#calendar .fc-future { background-color: #FFFFFF }
	#calendar .fc-other-month { background-color: #CCCCCC }
	#calendar .fc-content { white-space: normal }
	#calendar .fc-event { font-size: 1.1em; line-height: 1.1em; margin: 1px 4px; padding: 2px 4px }
#calendar-loading { display: none; font-size: 1.2em; left: 145px; padding-top: 2px; position: absolute; width: 200px }
#calendar-error p { font-size: 1.05em; line-height: 1.4em; margin-bottom: 0 }
#booking-date { font-family: 'Passion One', cursive; font-size: 3.2em; font-weight: 700; margin-top: 0 }
#booking-times, .booking-confirm { background-color: #FFFFFF }
	#booking-times thead th, .booking-confirm thead th { background-color: #F36F21; color: #FFFFFF; font-size: 1.2em; font-weight: 600 }
	#booking-times tbody td, .booking-confirm tbody td { font-size: 1.2em }
		#booking-times tbody td.booking-price { border-left: 1px solid #DDDDDD; text-align: right; width: 20% }
		#booking-times tbody td label { font-weight: 400; left: 5px; position: relative; top: 2px }
		.booking-confirm tbody td.left { width: 40% }
		.booking-confirm tbody td.right { width: 60% }
#form-booking .btn { background-color: #F36F21; border-color: #F36F21; color: #FFFFFF; font-family: 'Passion One', cursive; font-size: 1.8em; font-weight: 700; margin-bottom: 15px; padding-bottom: 0; padding-top: 3px }
.signature-btn, #dd_saveButton { background-color: #F36F21 !important; border-color: #F36F21 !important; color: #FFFFFF !important; display: inline-block !important; font-family: 'Passion One', cursive; font-size: 1.8em; font-weight: 700; margin-bottom: 15px; padding-bottom: 0; padding-top: 3px }
#dd_saveButton { margin-left: 3px }
#ts-and-cs { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: rgba(255,255,255,0.40); border-radius: 10px; height: 400px; margin-bottom: 15px; overflow: scroll; padding: 0 20px 20px 20px }
#booking-submit { display: none }

/* gallery */
#gallery img { width: 100% }
	#gallery .white-box { max-height: 180px; overflow: hidden }

/* contact us */
#form-contact button { background-color: #F36F21; border-color: #F36F21; color: #FFFFFF; font-family: 'Passion One', cursive; font-size: 1.8em; font-weight: 700; margin-bottom: 15px; padding-bottom: 0; padding-top: 3px }

/* sitemap */
#sitemap ul { font-size: 1.3em }
	#sitemap ul ul { font-size: 1em }
#sitemap a { color: #000000 !important }

@media (max-width: 1199px) {
	/* global */
	header { margin-bottom: 30px; top: -15px }
		header h2 { font-size: 1.8em; margin: 45px 0 0 85px }
	#trip-advisor h2 { font-size: 1.2em }
	.carousel { font-size: 1.3em }
	#footer-accreditations { margin-top: 7px }
	#footer-contact p { font-size: 0.65em; margin-top: 25px }
	
	/* home */
	#home-rib h2 { font-size: 1.05em }
	#home-link-trips { margin-bottom: 25px }
	#home-link-book { margin-top: 30px }
	
	/* trips */
	#voucher-button a { font-size: 2.5em }
	
	/* gallery */
	#gallery .white-box { max-height: 145px }
}

@media (max-width: 991px) {
	/* global */
	h1 { font-size: 4.5em; margin: 10px 0 20px 0 }
	header { top: 20px }
		header h2 { margin: 10px 0 30px 0 }
	#trip-advisor { margin-top: 30px }
	.carousel { font-size: 1.4em }
		.carousel i { top: -5px; width: 5% }
		.carousel .offer { top: 0; width: 92% }
	#logo-footer { margin-bottom: 15px; margin-left: 10%; width: 80% }
	#footer-contact { margin-top: 10px }
		#footer-contact p { margin-top: 20px }
	
	/* home */
	#home-rib { margin-top: 30px }
	.home-trip h3 { font-size: 3em }
	
	/* trips */
	.trip-listing h2 { margin-top: 20px }
	
	/* gallery */
	#gallery .white-box { max-height: 120px }
}

@media (max-width: 767px) {
	/* global */
	body { background: none #B3D1ED; background: -moz-linear-gradient(top, #113863 0%, #B3D1ED 100%, #B3D1ED 100%, #207CCA 100%, #2989D8 100%, #207CCA 100%, #7DB9E8 100%, #207CCA 100%, #B3D1ED 100%, #B3D1ED 100%); background: -webkit-linear-gradient(top, #113863 0%,#B3D1ED 100%,#B3D1ED 100%,#207CCA 100%,#2989D8 100%,#207CCA 100%,#7DB9E8 100%,#207CCA 100%,#B3D1ED 100%,#B3D1ED 100%); background: linear-gradient(to bottom, #113863 0%,#B3D1ED 100%,#B3D1ED 100%,#207CCA 100%,#2989D8 100%,#207CCA 100%,#7DB9E8 100%,#207CCA 100%,#B3D1ED 100%,#B3D1ED 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113863', endColorstr='#B3D1ED',GradientType=0 ) }
	h1 { margin: 10px 0 }
	header h2 { -moz-box-shadow: none; -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-box-shadow: none; -webkit-transform: rotate(0deg); box-shadow: none; margin: 30px 0 15px 0; transform: rotate(0deg) }
	#content { min-height: 0 }
	#trip-advisor h2 { font-size: 2.3em }
	footer { background: none; min-height: 400px }
	#footer-contact p { font-size: 0.6em; margin-top: 20px }
	
	/* home */
	#home-rib { margin-top: 0 }
		#home-rib h2 { font-size: 1.8em }
	#home-trips h2 { font-size: 2.5em }
	.home-trip h3 { font-size: 2em }
	.home-trip p { font-size: 0.95em }
	#home-link-trips, #home-link-book { font-size: 2.7em }
	#home-content h1 { font-size: 1.8em }
	
	/* trips */
	/*.trip-listing-book, .trip-listing-voucher { margin-bottom: 10px }*/
	.trip-listing-price { margin-top: 15px; text-align: left }
	
	/* gallery */
	#gallery .white-box { max-height: 150px }
}

@media (max-width: 479px) {
	/* global */
	h1 { font-size: 2.8em; margin: 0 }
	.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11 { float: left }
	.col-ms-1 { width: 8.33333333% }
	.col-ms-2 { width: 16.66666667% }
	.col-ms-3 { width: 25% }
	.col-ms-4 { width: 33.33333333% }
	.col-ms-5 { width: 41.66666667% }
	.col-ms-6 { width: 50% }
	.col-ms-7 { width: 58.33333333% }
	.col-ms-8 { width: 66.66666667% }
	.col-ms-9 { width: 75% }
	.col-ms-10 { width: 83.33333333% }
	.col-ms-11 { width: 91.66666667% }
	.col-ms-12 { width: 100% }
	.col-2 { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0 }
	.white-box-trans { padding: 15px 15px 1px 15px }
	#trip-advisor h2 { font-size: 1.55em }
	.carousel { font-size: 1.2em }
		.carousel i { top: -15px; width: 8% }
		.carousel .offer { width: 87% }
	footer { min-height: 415px }
	#footer-accreditations { margin-left: 30%; width: 40% }
	#footer-contact { margin-top: 30px; text-align: center }
		#footer-contact p { margin-top: 15px }
	
	/* home */
	#home-rib h2 { font-size: 1.35em }
	#home-link-trips, #home-link-book { font-size: 2.3em }
	
	/* trips */
	.trip-listing-or { display: block; padding: 0 0 5px 0 }
	
	/* book */
	#calendar .fc-event { font-size: 0.85em; margin: 1px 2px 0 0; padding: 0 1px }
	#calendar-loading { display: none !important }
	
	/* gallery */
	#gallery .white-box { max-height: 1000px }
}

@media (max-width: 991px) {
	/* navigation */
	#navigation { background-color: #F36F21 }
	#navigation .navbar-header { float: none }
	#navigation .navbar-toggle { background-color: #0E76BC; border-color: #0E76BC; display: block }
		#navigation .navbar-toggle .icon-bar { background-color: #FFFFFF }
	#navigation .navbar-collapse { -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); background-color: #FFFFFF; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1) }
		#navigation .navbar-collapse.collapse { display: none !important }
			#navigation .navbar-collapse.collapse.in { 	display: block !important }
	#navigation .navbar-nav { float: none !important; margin: 7.5px -15px }
		#navigation .navbar-nav > li { float: none }
			#navigation .navbar-nav > li > a { padding-bottom: 10px; padding-top: 10px }
	#navigation .collapsing { overflow: hidden !important }
	#navigation .navbar-brand { color: #0E76BC; display: block; font-size: 1em; width: 80% }
}