/* tag styles */

@font-face {
	font-family: 'Sarabun';
	font-style: normal;
	font-weight: bold;
	src: local('Sarabun'), url('../fonts/sarabun-bold.otf') format('truetype');
}

@font-face {
	font-family: 'Explain';
	font-style: normal;
	src: local('Explain'), url('../fonts/explain.otf') format('truetype');
}

@font-face {
    font-family: 'Patrick Hand';
    src: url('../fonts/PatrickHand-Regular.woff2') format('woff2'),
        url('../fonts/PatrickHand-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


html {
	overflow: normal !important;
	}

body {
	font-family: 'Open Sans', Calibri, Tahoma, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #454545;
	background: #fff url('/public/skin/body-bg.png') repeat fixed;
    -webkit-font-smoothing: antialiased;
		padding-top: 111px;
}

body.covid {
	background: #F5F1EA !important;
}

#nav-normal-ticket-prices {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0 0 20px;
	color: #218fa6;
	font-weight: 700;
	font-family: 'Sarabun', cursive;
}

h1 {
	font-size: 65px;
	color: #fff;
	font-weight: 600;
	margin: 0;
	line-height: 80px;

	text-shadow: 0 3px 3px rgba(0,0,0,.5);
}

body.event h1 {
	margin-bottom: 30px;
}

h1.product-title,
body.account h1,
body.store h1 {
	font-size: 30px;
	color: #218fa6;
	margin-bottom: 15px;

	text-shadow: none;
	line-height: 36px;

}

body.contact-us h1 {
	font-size: 36px;
	color: #218fa6;
	margin-bottom: 15px;
	text-shadow: none;

}

p.checkout {
	min-height: 80px !important;
}

h1.product-title {
	margin-top: 0;
    display: inline-block;
}

h2 {
	font-size: 28px;
}

h2.downloads {
	margin-top: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 16px;
	margin-bottom: 5px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

a {
	color: #d151c0;
	text-decoration: none;
	-webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-ms-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
	transition: color .1s ease-in-out;
}

a:hover {
	color: #b240a3;
}

p, ul, ol {
	line-height: 24px;
	padding: 0;
	margin: 0 0 20px;
}

body.covid p,
body.covid ul,
body.covid ol {
	font-size: 16px;
}

.hidden {
	display: none;
}

body.home-covid div#video-controls {
	display:none;
}

/* Teachers */

h3 span.right {
	float: right;
	text-align: left !important;
}

h3 span.right.marg {
	margin-right: 10px;
}

div.tbanner ul#slider {
	max-height: 345px;
	overflow: hidden;
}

div.tbanner {
	position: relative;
}

div.tbanner h1 {
	position: absolute;
	top: 28%;
	text-align: center;
}

span.error {
	color: #f30 !important;
}

a.submit:hover {
    color: #FFF;
}

ul.teacher_social{
	padding-top: 10px;
	list-style: none;
}

ul.teacher_social li{
	display: inline-block;
	padding-right: 20px;
}

ul.teacher_social li img{
	width: 40px;
}

/* fixes */

#recaptcha_area input[type="text"] {
  display: inline-block;
  height: auto;
}

body .recaptchatable #recaptcha_response_field {
	position: static!important;
	margin: 9px 0 0 0!important;
}

body.application section#content {
	padding-bottom: 100px;
}

div.application_section {
	margin-bottom: 100px;
}

section#content img {
	max-width: 100%;
	height: auto !important;
}

section#content article.galleryitem img {
	margin: 0;
}

form.freeform_form.filter input[type="submit"] {
	padding: 6px 0 14px 0;
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin-top: 20px;
	box-shadow: none;
}

form.freeform_form.filter p {
	margin-bottom: 5px;
}

form.freeform_form.filter p input {
	margin-right: 5px;
}

form.freeform_form.filter h3.price {
	padding-top: 20px;
}

#coming-soon-digisea div.whats-on-intro {
	float: none;
	clear: both;
	background: #fff !important;
	border: 1px solid #ccc;
	padding: 5px 10px;
	margin-bottom: 20px;
}

/* common elements */

.skip_to_content {
	visibility: hidden;
	position: absolute;
}

.loading {
	background: url('/public/skin/bx_loader.gif') 50% 50% no-repeat;
	min-height: 32px;
	margin-bottom: 15px;
}

p.small {
	font-size: 12px;
}

.align-right {
	text-align: right;
}

.pink-grad {
	background: url('/public/skin/button-image.png'), #CF60C3;
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
	text-shadow: 2px 2px 0 rgba(149, 70, 138, 0.5);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);

	/*background: -webkit-radial-gradient(top, ellipse cover, rgb(199, 93, 134) 0%, rgb(199, 93, 134) 50%, rgb(199, 49, 89) 51%, rgb(199, 49, 89) 100%); !* Chrome10-25,Safari5.1-6 *!*/
}

.blue-grad {
	background: #29abbd;
}

hr {
	border: 0;
	border-top: 1px solid #e7e7e7;
	margin: 20px 0;
}

div#business {
	position: absolute;
	left: 0;
	right: 0;
	top: 160px;
}




#nav_list {
        cursor: pointer;
     	color: #ffffff;
     	font-size: 20px;
}

#nav_list.active {
        background-position: -33px top;
}

#find_out {
        cursor: pointer;
     	color: #fff;
     	font-size: 18px;
     	margin-top: 20px;
}

#find_out.button-blue {
	width: 100%;
	padding: 17px 0;
	text-align: center;
}

div.alert {
	padding: 15px;
	background: red;
	margin-bottom: 20px;
}

div.alert p {
	color: #fff !important;
	margin-bottom: 0;
}

/* header */


header {
	position: fixed;
	width: 100%;
	z-index: 200;
	left: 0;
	top: 0;
	background-color: #101229;
	height: 111px
}

div#top-nav {
	position: relative;
}

div#lower-nav {
	background-color: #4fa5b7;
}


div#site-search {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px 0 0;
}

div#site-search form {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}

div#site-search input#keywords {
	padding: 16px;
	font-size: 28px;
	border: 0;
	border-radius: 6px 0 0 6px;
}

div#site-search button {
	border-radius: 0 6px 6px 0;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	text-align: center;
}

div#alert {
	background-color: #2093B8;
	border-top: 2px solid #fff;
}

div#alert div#alert-inner {
	padding: 25px;
	color: #fff;
}

div#alert div#alert-inner img {
	width: 73%;
}

div#alert div#alert-inner h2 {
	line-height: 70px;
	margin: 0;
	color: #FFF;
	text-align: center;
}

div#alert div#alert-inner i {
	padding-top: 15px;
}

div#alert div#alert-inner p {
	line-height: 25px;
	margin: 0;
	color: #FFF;
	font-family: 'Open Sans', cursive;
	font-weight: 300 !important;
	font-size: 22px;
}

div#alert div#alert-inner p span {
	font-size: 28px;
	font-family: 'Sarabun';
}

div#alert i.fa-times {
	cursor: pointer;
}

div.basket-area {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 20px;
}

ul#account-links {
	text-align: left;
	margin-bottom: 0;
}

section#content ul#account-links li {
	list-style: none;
	display: inline-block;
	*display: inline;
	margin-left: 5px;
	font-size: 16px;
	text-transform: uppercase;
	padding: 0;
	background: none;
}

ul#basket-links {
	text-align: right;
	margin-bottom: 0;
}

section#content ul#basket-links li {
	list-style: none;
	display: inline-block;
	*display: inline;
	margin-right: 15px;
	font-size: 24px;
	text-transform: uppercase;
	background: none;
	padding: 0;
}

ul#basket-links li.basket a span {
	color: #333;
}

ul#basket-links li.basket a  {
	color: #218fa6;
}
div#newfixedbar {
	display: none;
}

#logo {
	margin-top: 0px;
	padding: 15px 0 15px;
	position: absolute;
	top: 0px;
	left: 40px;
	z-index: 51;
}

#logo img {
	max-width: 100%;
	height: auto;
}

img#home_logo{
	max-width: 450px;
	margin-top: 0px;
	height: auto;
}

img#print {
	display: none;
}

div#ienotice {
	margin: 0 auto;
	background: #CCC;
	color: #000;
	padding: 10px 0;
	text-align: center;
}

a.b-online {
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	display: block;
	padding: 11px 18px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);

	-webkit-transition: background .1s ease-in-out;
	-moz-transition: background .1s ease-in-out;
	-ms-transition: background .1s ease-in-out;
	-o-transition: background .1s ease-in-out;
	transition: background .1s ease-in-out;
}

a.b-online:hover {
	background: #ed81e4;
}

a.b-online span {
	font-size: 14px;
}

header .nav-buttons {
	height: 111px;
	position: relative;
	font-size: 0px;
	text-align: right;
	z-index: 50;
	background-color: #243465;
	transition: all 500ms ease-in-out;
}

header.menu-open .nav-buttons {
	background-color: #2d93b6;
}

header .nav-buttons > div,
header .nav-buttons > a {
	font-size: 18px;
	font-family: 'Sarabun', cursive;
	font-weight: bold;
	color: #FFF;
	display: inline-block;
	height: 100%;
	border-right: 1px solid rgba(32, 147, 184, .1);
	background-color: #243465;
	padding-right: 15px;
	line-height: 111px;
	cursor: pointer;
	transition: all 500ms ease-in-out;
	padding-left: 5px;
}

header .nav-buttons > div#search-buttonmobile {
	display: none;
}

header.menu-open .nav-buttons > div,
header.menu-open .nav-buttons > a {
	background-color: #2d93b6;
	border-right-color: #2D93B6;
}

header .nav-buttons > a:hover,
header .nav-buttons > div:hover {
	background-color: rgba(255,255,255,0.08);
}

header .nav-buttons > a:before,
header .nav-buttons > div:before {
	content: '';
	width: 55px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	vertical-align: middle;
}

#plan-button-m,
#buy-button-m,
#shop-button-m {
	display: none;
}

header .nav-buttons #plan-button.active {
	background-color: rgba(14,75,94,0.4);
}

header .nav-buttons #plan-button:before {
	background-image: url(/public/skin/map-locationv2.png);
	background-position: center -111px;
	transition: all 500ms ease-in-out;
}

header.menu-open .nav-buttons #plan-button:before {
	background-position: center 0px;
}

header .nav-buttons #buy-button a {
	color: #FFF;
}

header .nav-buttons #buy-button:before {
	background-image: url(/public/skin/buy_tickets.png);
	background-position: center -111px;
	transition: all 500ms ease-in-out;
}

header.menu-open .nav-buttons #buy-button:before {
	background-position: center 0px;
}

header .nav-buttons #shop-button a {
	color: #FFF;
}

header .nav-buttons #shop-button:before {
	background-image: url(/public/skin/icon-shop.png);
	background-position: center -111px;
	transition: all 500ms ease-in-out;
}

header.menu-open .nav-buttons #shop-button:before {
	background-position: center 0px;
}

header .nav-buttons #ethos-button a {
	color: #FFF;
}

header .nav-buttons #ethos-button:before {
	background-image: url(/public/skin/our_ethos.png);
	background-position: center -111px;
	transition: all 500ms ease-in-out;
}

header.menu-open .nav-buttons #ethos-button:before {
	background-position: center 0px;
}

header .nav-buttons #search-button {
	padding: 0px 15px;
}

header .nav-buttons #search-button:before {
	background-image: url(/public/skin/search.png);
	background-position: center -111px;
	transition: all 500ms ease-in-out;
}

header.menu-open .nav-buttons #search-button:before {
	background-position: center 0px;
}

header .nav-buttons #menu-button {
	padding: 0 27px;
	position: relative;
	background-color: #CF60C3;
}

header .nav-buttons #menu-button span {
    position: relative;
    top: 3px;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

@media (max-width: 1199px) {
	header .nav-buttons #menu-button span {
		display: none;
	}
}

header.menu-open .nav-buttons #menu-button {
	background-color: #2D93B6;
}

header .nav-buttons #menu-button:before {
	background-image: url(/public/skin/icon-hamburger-switcher.png);
	background-position: center -111px;
	transition: all 500ms ease-in-out;
}

header.menu-open .nav-buttons #menu-button:before {
	background-position: center 0px;
}

/* main nav */
header .nav {
	background-color: #2D93B6;
	padding: 160px 0px 50px 0px;
	position: absolute;
	bottom: 110px;
	width: 100%;
	transition: all 500ms ease-in-out;
}

header ul.nav-main > li {
	width: 16.66667%;
	float: left;
	min-height: 1px;
	padding: 0 10px;
	position: relative;
	box-sizing: border-box;
	list-style: none;
}

header ul.nav-main > li > a {
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Sarabun', cursive;
	line-height: 24px;
	border-bottom: 1px solid #93C9DB;
	padding-bottom: 20px;
	margin-bottom: 20px;
	display: block;
	margin-top: 15px;

	-webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-ms-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
	transition: color .1s ease-in-out;
}



header ul.nav-main > li > ul {
	margin-top: 20px;
	list-style: none;
}

header ul.nav-main > li > ul li {
	padding-left: 20px;
}

header ul.nav-main > li > ul li: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;
	content: '\f105';
	float: left;
	margin-left: -20px;
	width: 20px;
	color: #FFF;
	font-size: 18px;
	line-height: 24px;
}

header ul.nav-main > li > ul li a {
	font-size: 15px;
	color: #FFF;
	line-height: 24px;
	margin-bottom: 3px;
	display: block;

	-webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-ms-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
	transition: color .1s ease-in-out;
}

header ul.nav-main > li > ul li a:hover,
header ul.nav-main > li > a:hover  {
	color: #0d4558;
}

header ul.nav-main li.last {
	margin-right: 0 !important;
}

header ul.nav-main > li > a::before {
	content: "";
	display: block;
	width: 100%;
	height: 40px;
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

header ul.nav-main > li#nav-normal-conservation > a::before {
	background-image: url(/public/skin/icon-deep.png);
}

header ul.nav-main > li#nav-normal-plan-your-visit > a::before {
	background-image: url(/public/skin/icon-shark.png);
}

header ul.nav-main > li#nav-normal-deep-experiences > a::before {
	background-image: url(/public/skin/icon-world.png);
}

header ul.nav-main > li#nav-normal-private-dining > a::before {
	background-image: url(/public/skin/icon-plate.png);
}

header ul.nav-main > li#nav-normal-corporate-private-hire > a::before {
	background-image: url(/public/skin/icon-glasses.png);
}

header ul.nav-main > li#nav-normal-education > a::before {
	background-image: url(/public/skin/icon-kids.png);
}

header ul.nav-main > li#nav-normal-our-ethos > a:hover::before {
	background-image: url(/public/skin/icon-deep-blue.png);
}

header ul.nav-main > li#nav-normal-plan-your-visit > a:hover::before {
	background-image: url(/public/skin/icon-shark-blue.png);
}

header ul.nav-main > li#nav-normal-deep-experiences > a:hover::before {
	background-image: url(/public/skin/icon-world-blue.png);
}

header ul.nav-main > li#nav-normal-two-rivers-restaurant > a:hover::before {
	background-image: url(/public/skin/icon-plate-blue.png);
}

header ul.nav-main > li#nav-normal-corporate-private-hire > a:hover::before {
	background-image: url(/public/skin/icon-glasses-blue.png);
}

header ul.nav-main > li#nav-normal-education > a:hover::before {
	background-image: url(/public/skin/icon-kids-blue.png);
}

body.menu-open {
	overflow: hidden;
}

header .plan {
	background-color: #2D93B6;
	padding: 140px 0px 50px 0px;
	position: absolute;
	bottom: 110px;
	width: 100%;
	max-height: calc(100vh - 140px);
	overflow-y: auto;
	transition: all 500ms ease-in-out;
}

header .plan p {
	color: #FFF;
}

header .plan h2 {
	font-size: 55px;
	line-height: 68px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	margin-bottom: 70px;
}

header .plan h3 {
	font-size: 35px;
	line-height: 50px;
	font-weight: bold;
	color: #FFF;
	padding-bottom: 10px;
	margin-bottom: 25px;
}

header .plan h3.underline {
	border-bottom: 1px solid #FFF;
}

header .plan h3#plan-address {
	display: block;
	font-size: 30px;
	font-weight: normal;
}

header .plan h3 span {
	display: block;
	font-size: 24px;
	line-height: 20px;
	font-weight: normal;
}

header .plan ul li {
	font-size: 16px;
	line-height: 24px;
	padding-left: 20px;
	color: #FFF;
	margin-bottom: 20px;
}

header .plan ul li: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;
	content: '\f105';
	float: left;
	margin-left: -20px;
	width: 20px;
	color: #FFF;
	font-size: 18px;
	line-height: 24px;
}

header .plan .plan-content {
	margin-bottom: 60px;
}

header .plan a {
	color: #FFF;
	text-decoration: underline;
	word-break: break-word;
}

header .plan a.contact {
	/*display: block;*/
	color: #FFF;
	font-size: 25px;
	line-height: 24px;
	margin-bottom: 15px;
	text-decoration: none;
	margin-right: 15px;
}

header .plan a:hover,
header .plan a i {
	color: #1C657E;
}

header .plan table,
header .plan table tbody,
header .plan table thead,
header .plan table tr,
header .plan table tr:nth-child(odd),
header .plan table tr:nth-child(even),
header .plan table td,
header .plan table th {
	border: 0;
	border-collapse: separate;;
	background-color: transparent;
	color: #FFF;
	padding: 10px 10px 10px 5px;
	text-align: right;
}

header .plan table {
	padding-top: 0px;
}

header .plan table th:first-of-type,
header .plan table td:first-of-type {
	text-align: left;
}

header .plan table thead tr th,
header .plan table thead tr:nth-child(odd) th,
header .plan table thead tr:nth-child(even) th {
	border-bottom: 1px solid #FFF
}

header .plan table tbody tr td,
header .plan table tbody tr:nth-child(odd) td,
header .plan table tbody tr:nth-child(even) td {
	border-bottom: 1px dashed #FFF
}

header .plan #distance {
	font-size: 45px;
	line-height: 55px;
	font-weight: normal;
	text-transform: none;
	margin-bottom: 30px
}

header .plan input,
header .plan .button {
	width: 100%;
	border: 0;
	color: #FFF;
	border-radius: 8px;
	font-size: 18px;
	padding: 10px 15px;
	box-sizing: border-box;
	text-decoration: none;
}

header .plan input {
	background-color: #3E9DBC;
	font-weight: bold;
}

header .plan input::-webkit-input-placeholder {
	color: #FFF;
}

header .plan input:-moz-placeholder { /* Firefox 18- */
	color: #FFF;
}

header .plan input::-moz-placeholder {  /* Firefox 19+ */
	color: #FFF;
}

header .plan input:-ms-input-placeholder {
	color: #FFF;
}

header .plan .button {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	font-size: 16px;
}

header .plan .button:hover {
	background-color: #fff;
}

header .plan .directions-form {
	margin-bottom: 30px;
}

header .plan .transport-information p {
	font-size: 17px;
	line-height: 38px;
}

header .plan .transport-information p.subtext {
	font-size: 15px;
	line-height: 24px;
}

header .plan .transport-information p.subtext a {
	display: inline-block;
	font-size: 15px;
	color: #1c4f61;
	line-height: 24px;
	margin: 0;
}

header .plan #transport-button {
	/*background-color: #1C657E;*/
}

header .plan #transport-button:hover {
	/*background-color: #36748a;*/
	/*color: #FFF;*/
}

header .search {
	background-color: #2D93B6;
	padding: 140px 0px 50px 0px;
	position: absolute;
	bottom: 110px;
	width: 100%;
	transition: all 500ms ease-in-out;
}


header .shop {
	background-color: #2D93B6;
	padding: 140px 0px 50px 0px;
	position: absolute;
	bottom: 110px;
	width: 100%;
	transition: all 500ms ease-in-out;
}

header .categories {
	margin: 0 10px;
	margin-bottom: 50px;
	overflow: auto;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

header .category {
	text-align: center;
	color: #FFF;
	border: 1px solid #FFF;
	padding: 20px;
	margin-bottom: -1px;
	margin-right: -1px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-right: 0px;
	transition: all 500ms ease-in-out;
}

header .category:hover {
	background-color: rgba(255, 255, 255, 0.15);
}

header .category img {
	margin-bottom: 10px;
}

header .category h3 {
	font-size: 20px;
	font-family: "Sarabun";
	color: rgb(255, 255, 255);
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 0;
}

header .shop h2 {
	font-size: 55px;
	line-height: 68px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	margin-bottom: 70px;
}

header .shop .button {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	font-size: 16px;
}

header .shop .button:hover {
	background-color: #ce69c3;
}

header .shop .button {
	font-size: 24px;
	font-family: "Sarabun";
	color: rgb(255, 255, 255);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	text-align: center;
	background-color: rgb(220, 110, 208);
	box-shadow: none;
	border-radius: 0;
	padding: 30px 0;
}



/* breadcrumb */

section#content ul#breadcrumb {
	margin: 0;
	list-style: none;
	font-size: 13px;
}

section#content ul#breadcrumb li {
	display: inline-block;
	margin-right: 5px;
	background: none;
	*display: inline;
	zoom: 1;
	padding: 0;
}

a.animal-thumb {
	display: block;
	margin-bottom: 20px;
}

.animal-image img {
	border-radius: 10px;
}

.animal-image:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 3px;
	left: 0;
	right: 0;
	background: rgba(0,0,0, 0.33);
	border-radius: 10px;
}

/* video */

div#video {
	/*max-width: 1500px;*/
	margin: 0 auto;
	position: relative;
	border-top: 2px solid #fff;
}

/* div#video:before {
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: url('/public/skin/snow-banner2.png') top center repeat-x;
} */

div#video ul li {
	background-size: cover;
	background-position: 50% 50%;
}

.banner_title h1 {
	font-weight: 300!important;
}

.video-overlay-holder {
	height: 100%;
	/*padding-bottom: 140px;*/
	background-color: rgba(0, 0, 0, 0.2);
	background-size: cover;
	background-position: 50% 50%;
}

.video-overlay {
	display: table;
	height: 100%;
	/*max-width: 785px!important;*/
}

.video-overlay > div {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

body.home-covid .video-overlay {
	display: block;
	height: 100%;
	/*max-width: 785px!important;*/
}

body.home-covid .video-overlay > div {
	display: block;
	float: none;
	position: relative;
	text-align: center;
	bottom: 0;
	transform: translateY(17%);
}


@media only screen and (min-width: 767px) {

	div#video.with-video ul li {
		background-image: none !important;
	}

}

/*div#video div#video-controls .arrow {*/
/*	font-size: 60px;*/
/*	color: #FFF;*/
/*	line-height: 0px;*/
/*	height: 40px;*/
/*	-webkit-animation: throb 1s ease-in-out both infinite;*/
/*	animation: throb 1s ease-in-out both infinite;*/
/*}*/

@-webkit-keyframes throb {
	0%,100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

@keyframes throb {
	0%,100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

div#video div#video-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 20px 0;
}

div#video div#video-controls div#video-title {
	margin-bottom: 20px;
}

div#video div#video-controls div#video-title span {
	display: inline-block;
	color: #FFF;
	font-size: 16px;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 6px;
	padding: 4px 10px;
}

div#video div#video-controls a {
	display: inline-block;
	margin: 0 8px;
	border-radius: 35px;
	width: 25px;
	height: 25px;
	border: none;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.3);
}

div#video div#video-controls a:focus {
	outline: none;
}

div#video div#video-controls a:hover,
div#video div#video-controls a.active {
	background-color: #fff;
	background-position: 0 100%;
}

div#video div#video-controls a img {
	display: block;
	max-width: 100%;
	height: auto;
}

div#video div.video-overlay {
	text-align: center;
}

div#video div.video-overlay h1,
div#video div.video-overlay .h1 {
	color: #fff !important;
	font-size: 90px!important;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
	line-height: 95px !important;
	letter-spacing: -1px;
    font-weight: 700;
}

div#video div.video-overlay span {
	font-family: 'Sarabun', cursive;
	font-size: 35px;
	color: #FFF;
	display: inline-block;
	line-height: 45px;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
	margin-bottom: 30px;
}

div#video div.video-overlay span.video-line-1 {

}

div#video div.video-overlay span.video-line-2 {
	font-weight: bold;
}

a.callout-next,
a.callout-wedding  {
	right: 0;
	position: fixed;
	top: 0;  bottom: 0;
	width: 169px;
	height: 145px;
	margin: auto 0;
	z-index: 200;
	display: none;

	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a.callout-wedding {
	display: block;
}


a.callout-previous {
	display: none;
	left: 0;
	position: fixed;
	top: 0;  bottom: 0;
	width: 169px;
	height: 145px;
	margin: auto 0;
	z-index: 200;


	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


a.callout-previous img,
a.callout-next img {
	display: block;
}

a.callout-next p,
a.callout-wedding p {
	text-align: right;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	margin: 5px;
}

a.callout-previous p {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	margin: 5px;
}

a.callout-previous i,
a.callout-next i,
a.callout-wedding i {
	margin: 0 5px;
}

aside a.button-blue.small {
	margin-bottom: 30px;
	display: block;
	border-radius: 5px;
}

aside a.callout-2016-wedding-fayre {
	display: block;
  background: #C666B8;

}

aside a.callout-2016-wedding-fayre:hover {
	background: #ed81e4; /* Old browsers */

}

section#content a.small {
	margin-bottom: 30px;
	font-size: 16px;
}

#products {
    background-color: #d8d8d8;
    padding: 75px 0px;
}

#products .product-callout {
    border-radius: 10px;
    overflow: hidden;
}

#products h2 {
	text-align: center;
	color: #3B639F;
	font-size: 36px;
}

#products .row {
	background: #3b639f;
	padding: 15px 0px;
}

#products h3 {
	color: #FFF;
	margin-bottom: 0px;
	font-size: 20px;
}

#products p {
	color: #FFF;
	margin-bottom: 0px;
}

#products .bx-wrapper {
	margin: 0 auto;
}

#products .product-callout figure {
    float: none;
    display: block;
    margin: 0px auto;
    background-color: #fff;
    min-height: 200px;
}

#products .product-callout figure img {
    float: none;
    display: block;
    margin: 0 auto;
}

div#shop-search {
	margin-bottom: 40px;
}

.shop-home {
	text-align: right;
}

div.conservation-callout-large {
	background: #fff;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
}

div.conservation-callout-large div.callout-content {
	padding: 40px;
}

div.conservation-callout-large img {
	display: block;
	border-radius: 8px 0 0 8px;
}

div.conservation-callout-large div.callout-content h3 {
	font-size: 22px;
	color: #dc6ed0;
	font-weight: 600;
	margin-bottom: 25px;
}

div.conservation-callout-large div.callout-content p {
	color: #737373;
	font-size: 15px;
	margin-bottom: 40px;
}

div.conservation-callout-large div.callout-image {
	width: 100%;
	height: 370px;
	border-radius: 8px 0 0 8px;
}

div.conservation-callout-large div.callout-image img {
	display: none;
}

div.conservation-callout-large div.callout-content a.button {
	color: #fff;
	font-size: 20px;
	font-family: 'Sarabun', cursive;
	padding: 15px 20px;
	background-color: #4fa5b7;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

div.conservation-callout-large div.callout-content a.button:hover {
	background: #75c2e6;
}

div.conservation-callout {
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
}

div.conservation-callout.first {
	margin-bottom: 20px;
}

div.conservation-callout h3 {
	font-size: 22px;
	margin-bottom: 5px;
}

div.conservation-callout.first h3 {
	color: #4fa5b7;
}

div.conservation-callout.last h3 {
	color: #fff;
}

div.conservation-callout p {
	font-size: 15px;
	margin-bottom: 10px;
}

div.conservation-callout.first p {
	color: #3d3d3d;
}

div.conservation-callout.last p {
	color: #fff;
}

div.conservation-callout a.button {
	font-size: 15px;
	font-family: 'Sarabun', cursive;
	padding: 5px 10px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

div.conservation-callout a.button i,
div.conservation-callout-large div.callout-content a.button i {
	padding-left: 8px;
	position: relative;
	top: 1px;
}

div.conservation-callout.last a.button {
	background-color: #fff;
	color: #3d3d3d;
}

div.conservation-callout.last a.button:hover {
	background-color: #3d3d3d;
	color: #fff;
}

div.conservation-callout.first {
	padding: 28px 30px 28px 190px;
}

div.conservation-callout.last {
	padding: 28px 30px;
}

/* content */

div#banner-wrap {
	/* max-width: 2560px; */
	position: relative;
	/*height: 360px;*/
	height: 405px;
	overflow: hidden;
}

.page-custom-content {
	text-align: center;
}

.page-custom-content p {
	font-size: 20px;
	line-height: 28px;
	font-family: 'Sarabun';
	font-weight: 400!important;
}

div#banner-wrap-deep {
	position: relative;
	height: 553px;
	overflow: hidden;
	text-align: center;
}

@media (max-width: 768px) {
	div#banner-wrap-deep {
		height: 100vh;
	}
}

div#banner-wrap-deep .banner-bg {
	height: 100%;
}

div#banner-wrap-deep .banner-bg .banner-content-row {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

div#banner-wrap-deep .inner-content {
	max-width: 970px;
	margin: 0 auto;
}

div#banner-wrap-deep .inner-content h1 {
	font-size: 80px;
	line-height: 95px;
	margin-bottom: 21px;
}

@media (max-width: 768px) {
	div#banner-wrap-deep .inner-content h1 {
		font-size: 55px;
		line-height: 60px;
		margin-bottom: 15px;
		text-align: center;
	}
}

div#banner-wrap-deep .inner-content .intro p {
	font-size: 35px;
	line-height: 45px;
	color: #fff;
	font-family: 'Sarabun';
	font-weight: 300!important;
}

@media (max-width: 768px) {
	div#banner-wrap-deep .inner-content .intro p {
		font-size: 25px;
		line-height: 32px;
	}
}

div#banner-wrap-new {
    position: relative;
    height: 750px;
    overflow: hidden;
}

@media (max-width: 768px) {
	div#banner-wrap-new {
		height: 100vh;
	}
}

div#banner-wrap-new .banner-bg {
    height: 100%;
}

div#banner-wrap-new .inner-content .title h1 {
    font-size: 90px;
    line-height: 95px;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
	div#banner-wrap-new .inner-content .title h1 {
		font-size: 55px;
		line-height: 60px;
		margin-bottom: 15px;
		text-align: center;
	}
}

div#banner-wrap-new .banner-bg .banner-content-row {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

div#banner-wrap-new .latin-name p {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    font-style: italic;
}

@media (max-width: 768px) {
	div#banner-wrap-new .latin-name p {
		font-size: 25px;
		line-height: 32px;
		text-align: center;
	}
}

.animals-listing {
    padding: 20px 0;
}

.animals-listing .animal {
    border-radius: 10px;
    position: relative;
}

@media (max-width: 768px) {
	.animals-listing .animal {
		margin-bottom: 10px;
	}
}

.animals-listing .animal .title {
    position: absolute;
    bottom: 35px;
	padding: 0 10px;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    font-weight: 700;
	font-family: 'Sarabun';
	left: 0;
	right: 0;
	margin: auto;
}

.full-width-callouts .full-width-callout {
    height: 610px;
    position: relative;
}

@media (max-width: 1023px) {
	.full-width-callouts {
		display: none;
	}
}

@media (min-width: 1024px) {
	.full-width-callouts {
		display: block;
	}
}

@media (min-width: 1024px) {
	.full-width-callouts-mobile {
		display: none;
	}
}

@media (max-width: 1023px) {
	.full-width-callouts-mobile {
		display: block;
		position: relative;
	}

	.full-width-callouts-mobile .six {
		width: 100%;
		text-align: center;
		padding: 20px 0;
	}

	.full-width-callouts-mobile .image img {
		width: 100%;
	}

	.full-width-callouts-mobile .inner-content {
		background-color: #0F457E;
	}

	.full-width-callout-mobile .heading {
		color: #fff;
		font-weight: 700;
		font-size: 40px;
		line-height: 45px;
		text-align: center;
		padding: 25px 0;
		font-family: 'Sarabun';
	}

	.full-width-callout-mobile .text-content {
		color: #fff;
		font-weight: 400;
		font-size: 20px;
		line-height: 30px;
		text-align: center;
		font-family: 'Sarabun';
		margin-bottom: 15px;
	}

	.full-width-callout-mobile .button a {
		color: #fff;
		font-size: 25px;
		line-height: 38px;
	}
}

.full-width-callout .inner-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.full-width-callout .inner-content .heading {
    font-size: 50px;
    font-weight: 700;
    line-height: 55px;
    font-family: 'Sarabun';
    margin-bottom: 15px;
}

.full-width-callout .inner-content .text-content {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    font-family: 'Sarabun';
    margin-bottom: 15px;
}

.full-width-callout .content-black .heading {
    color: #313131;
}

.full-width-callout .content-black .text-content {
    color: #454545;
}

.full-width-callout .content-white .heading {
    color: #fff;
}

.full-width-callout .content-white .text-content {
    color: #fff;
}

.full-width-callout .button a {
    color: #fff;
}

div#banner-wrap-new .inner-content .intro p {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
	font-family: 'Sarabun';
}

@media (max-width: 768px) {
	div#banner-wrap-new .inner-content .intro p {
		font-size: 25px;
		line-height: 32px;
		text-align: center;
	}
}

body.meet-our-animals {
    background: #F5F1EA;
}

body.home div#banner-wrap {
	/* max-width: 2560px; */
	position: relative;
	height: auto;
	overflow: none;
}

body.search div#banner-wrap {
	/* height: auto; */
	/* min-height: 405px; */
}

body.search #search {
	margin: 0 0 30px;
}

div#banner-wrap div.content {
	display: table;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	z-index: 30;
	position: relative;
}

body.covid div#banner-wrap {
	height: 550px;
}

body.covid div#banner-wrap div.content {
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	z-index: 30;
	position: relative;
	text-align: center;
	transform: translateY(17%);
}

body.covid div#banner-wrap div.content h1 {
	font-size: 90px;
	color: #fff;
	margin-bottom: 40px;
	text-shadow: none;
}


body.covid section#content h3,
body.covid .box_grid h3 {
	font-size: 50px;
	color: #243465;
	margin-bottom: 40px;
	text-shadow: none;
	text-align: center;
}

body.covid section#content h2 {
	font-size: 50px;
	color: #2093B8;
	margin-bottom: 40px;
	text-shadow: none;
	text-align: center;
}


body.covid div#banner-wrap div.content div.intro p {
	font-size: 40px;
	color: #fff;
	margin-bottom: 40px;
	line-height: 55px;
}

div#banner-wrap div.content > div {
	display: table-cell;
	vertical-align: middle;
	float: none;
}

div#banner-wrap div.content.error {
	/*top: 40%;*/
}

div#banner-img {
	padding-top: 28.16%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 29;
}

body.covid div#banner-img {
	bottom: 0;
}

body.covid div#banner-img .overlay-covid {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(29,28,28,.4);
	z-index: 30;
}


div#content_wrap {
	padding-top: 30px;
	padding-bottom: 30px;
}

.support-us-new div#content_wrap {
	padding-top: 0!important;
	padding-bottom: 0!important;
}

div#banner {
	margin-bottom: 20px;
}
div#banner ul li img {
	max-width: 100%;
	height: auto;
}

.box_grid {
	padding: 20px 0px 40px 0;
}

body.covid .box_grid {
	padding: 0 0px 40px 0;
}

body.covid .box_grid.faqs {
	padding: 0 0px 80px 0;
}

body.covid .box_grid.white {
	padding: 60px 0;
	background: #fff;
	margin-bottom: 0;
}

body.covid a.callout.covid {
	display: block;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #7C2573;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
	border-radius: 10px;
}

body.covid a.callout.covid h4 {
	color: #F799ED;
	font-size: 36px;
	line-height: 44px;
	margin-bottom: 40px;
	width: 65%;
}

body.covid a.callout.covid p {
	float: none;
	clear: both;
	font-size: 16px;
	margin-bottom: 20px;
	color: #fff;
}

body.covid a.callout.covid .button {
	font-size: 24px;
	font-weight: bold;
	display: block;
	width: 100%;
	max-width: 100%;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

.home_callouts_covid {
	padding: 40px;
}

.home_callouts_covid a {
	display: block;
	background-color: #fff;
	text-align: center;
}

.home_callout_covid a p {
	font-size: 20px;
	color: #454545;
	margin-bottom: 40px;
}

.home_callout_covid.first a p {
	color: #fff;
}

.home_callout_covid.first a {
	background-color: #0F457E;
}

.home_callout_covid .title-bar h3 {
	font-size: 36px;
	color: #2093B8;
}

.home_callout_covid.first .title-bar h3 {
	color: #86DFFC;
}

.home_callouts_covid .home_callout_covid .image {
	height: 500px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 1;
	position: relative;
	overflow: hidden;
}

.home_callouts_covid .home_callout_covid {
	transition: all 500ms ease-in-out;
}

.home_callouts_covid .home_callout_covid:hover {
	transform: scale(1.03);
	overflow: hidden;
}

.home_callout_covid .title-bar {
	padding: 40px;
}

.home_callouts {
	margin-top: 1px;
	margin-left: -1px;
}

.home_callouts .callouts_slider_title {
	color: #2093B8;
	font-size: 60px;
	text-align: center;
	font-family: 'Sarabun';
	padding: 40px 0 25px 0;
    font-weight: 700;
}

.home_callouts .home_callout a,
.home_callouts .home_callout .title-bar {
	background-color: inherit;
}

.home_callouts .home_callout {
	overflow: hidden;
	border-left: 1px solid #FFF;
	margin: 0 10px;
}

.home_callouts .home_callout .title-bar {
	position: relative;
	z-index: 5;
	padding: 35px 25px;
	background-position: 25px center;
	background-repeat: no-repeat;
	transition: all 500ms ease-in-out;
	text-align: center;
}

.home_callouts .home_callout:hover .title-bar {
	transform: translateY(-25px);
}

.home_callouts .home_callout .title-bar h3,
.home_callouts .home_callout .title-bar p {
	margin-bottom: 0;
	color: #000;
}

.home_callouts .home_callout .title-bar h3 {
	font-weight: bold;
	margin-bottom: 15px;
}

.home_callouts .home_callout .image {
	height: 225px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 1;
	transition: all 500ms ease-in-out;
	position: relative;
}

.home_callouts .home_callout .image:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.21);
}

/*.home_callouts .home_callout:hover .image {*/
/*	transform: scale(1.1);*/
/*	opacity: .7;*/
/*}*/

.home_callouts h2 {
	text-align: center;
	color: #4fa5b7;
	text-shadow: none;
	font-size: 36px;
	margin-bottom: 40px;
	font-weight: 600;
}

.home_callouts h2 a {
	color: #4fa5b7;
}

.home_callouts .home_callout .content {
	background-color: #fff;
	padding: 30px 15px 20px;
	text-align: center;
	border-radius: 8px;
}

.home_callouts .home_callout figure img{
	max-width: 100%;
	height: auto;
	border-radius: 8px 8px 0 0;
}

.home_callouts .home_callout .content h3 {
	color: #c667b9;
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 10px;

	-webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-ms-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
	transition: color .1s ease-in-out;
}

.home_callouts .home_callout a:hover h3 {
	color: #FFF;
}

.home_callouts .home_callout .content p {
	color: #737373;
}

.home_calloutss {
	margin-top: 1px;
	margin-left: -1px;
}

.home_calloutss .home_callout a,
.home_calloutss .home_callout .title-bar {
	background-color: inherit;
}

.home_calloutss .home_callout {
	overflow: hidden;
	margin-bottom: 1px;
	border-left: 1px solid #FFF;
}

.home_calloutss .home_callout .title-bar {
	position: relative;
	z-index: 5;
	padding: 25px;
	background-position: 25px center;
	background-repeat: no-repeat;
	padding-left: 110px;
	transition: all 500ms ease-in-out;
}

.home_calloutss .home_callout:hover .title-bar {
	transform: translateY(-25px);
}

.home_calloutss .home_callout .title-bar h3,
.home_calloutss .home_callout .title-bar p {
	margin-bottom: 0;
	color: #FFF;
}

.home_calloutss .home_callout .title-bar h3 {
	font-weight: bold;
}

.home_calloutss .home_callout .image {
	height: 300px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 1;
	transition: all 500ms ease-in-out;
	position: relative;
}

.home_calloutss .home_callout .image:before {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.21);
}

.home_calloutss .home_callout:hover .image {
	transform: scale(1.1);
	opacity: .7;
}

.home_calloutss h2 {
	text-align: center;
	color: #4fa5b7;
	text-shadow: none;
	font-size: 36px;
	margin-bottom: 40px;
	font-weight: 600;
}

.home_calloutss h2 a {
	color: #4fa5b7;
}

.home_calloutss .home_callout .content {
	background-color: #fff;
	padding: 30px 15px 20px;
	text-align: center;
	border-radius: 8px;
}

.home_calloutss .home_callout figure img{
	max-width: 100%;
	height: auto;
	border-radius: 8px 8px 0 0;
}

.home_calloutss .home_callout .content h3 {
	color: #c667b9;
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 10px;

	-webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-ms-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
	transition: color .1s ease-in-out;
}

.home_calloutss .home_callout a:hover h3 {
	color: #FFF;
}

.home_calloutss .home_callout .content p {
	color: #737373;
}

.box_grid {
	padding: 0px 0px 40px 0;
}

.box_grid  h2 {
	text-align: center;
	color: #218fa6;
	text-shadow: none;
	font-size: 40px;
	margin-bottom: 30px;
}

.box_grid .box {
	margin-top: 20px;
}

body.covid .box_grid .box {
	margin-top: 0;
	margin-bottom: 40px;
}

.box_grid .box .content {
	background-color: #FFFFFF;
	padding: 15px 10px;
	text-align: center;
	position: relative;

	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	top: 0px;
}

body.covid .box_grid .box .content {
	padding: 20px 20px 10px;
}

.box_grid .box figure img,
.box_grid .box img {
	max-width: 100%;
	height: auto;
}

.box_grid .box .content h3 {
	color: #c667b9;
	font-weight: normal;
    font-size: 18px;
	margin-bottom: 10px;

	-webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-ms-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
	transition: color .1s ease-in-out;
}

body.covid .box_grid .box .content h3 {
	color: #2093B8;
	font-size: 30px;
	line-height: 38px;
	font-weight: bold;
}

.box_grid .box a:hover h3 {
	color: #75c2e6;
}

.box_grid .box a:hover .content {
	top: -10px;
}

.box_grid .box .content p {
	color: #000;
}

body.covid .box_grid .box .content p {
	color: #454545;
	font-size: 16px;
	line-height: 24px;
}

figure.page_image {
	float: right;
	margin: 0 0 20px 20px;
	max-width: 250px;
}

figure.product_image {

}

input#item_qty {
	width: 70px;
}

figure.product_image img {
	max-width: 100%;
	height: auto;
}

.store_product_form .button-product {
	text-align: center;
	margin: 20px 10px 0 10px;
	box-shadow: none;
}

.product-sort {
	float: right;
	margin-top: 10px;
}

figure.list_image {
	float: left;
	margin: 0 20px 20px 0;
}

figure.list_image.full {
	margin: 0 0px 20px 0;
}


figure a {
	display: block;
	*display: inline;
}

figure img {
    float: right;
    margin-bottom: 15px;
    display: inline-block;
}

.our-ethos figure img {
	float: none;
	margin-bottom: 0;
}

figure figcaption {
	font-weight: normal;
	margin: 0 0 20px;
	color: #454545;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
	padding: 5px;
}

div.intro p {
	line-height: 22px;
	font-size: 15px;
	font-weight: normal !important;
	color: #313131;
}




body.education.bookings div.intro {
	background-color: #fff;
	padding: 30px;
	margin-bottom: 20px;

}

body.general-information div.intro p strong,
body.general-information article.listitem p strong {
    font-weight: bold !important;
}

body.home div.intro {
	margin-bottom: 20px;
}

body.home div.intro p {
	color: #fff;
	text-align: center;
	font-size: 26px;
	line-height: 36px;
	text-shadow: 0 2px 2px rgba(0,0,0,.7);
	margin-bottom: 0;
	/* margin-bottom: 30px; */
}

article.listitem a p.date,
p.date {
	color: #b5b5b5;
	margin-bottom: 5px;
}

 body.home h1 {
	color: #737373 !important;
	font-size: 36px !important;
	line-height: 50px;
	text-align: center;
	text-shadow: none;
	font-family: 'Sarabun', cursive;
	font-weight: 700 !important;
	padding-bottom: 15px;
	padding-top: 30px;
}

span.underline {
	display: block;
	height: 2px;
	background-color: #d7d5d3;
	margin-bottom: 40px;
}

body.home div#content_wrap {
	display: none;
}

body.home section#content {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	float: none;
}

body.home section#content .scroll-to {
	color: #FFF;
    font-size: 80px;
    cursor: pointer;
}

body.home section#content .scroll-to:hover {
	 color: #C865BA;
}

a.button.pink-grad.gradient.take-tour{
	cursor: pointer;
	z-index: 1000;
	margin-right: 30px;
	float: left;
	margin-left: 170px;
	padding: 53px 40px;
}

a.button.pink-grad.gradient.santa {
	cursor: pointer;
	z-index: 1000;
	margin-right: 30px;
	float: left;
	margin-left: 170px;
	padding: 40px;
}

a.button.pink-grad.gradient.wedding{
	cursor: pointer;
	z-index: 1000;
	float: right;
	margin-right: 170px;
	padding: 25px 40px;
}

a.button.pink-grad.gradient.take-tour i {
	margin-left: 5px;
}

a.vote {
	float: right;
	margin-right: 170px;
	z-index: 1000;
	position: relative;
}

a.vote img {
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
}

body.deep-tour section.slide {
	background-position: top center;
	background-repeat: no-repeat;
	height: 650px;
	overflow: hidden;
}

body.deep-tour section.slide.slime h2 {
	margin-top: 205px;
}

body.deep-tour section.slide.kingdom-of-ice h2,
body.deep-tour section.slide.cool-seas h2,
body.deep-tour section.slide.bug-champions h2,
body.deep-tour section.slide.underwater-viewing-tunnel h2 {
	margin-top: 200px;
}


body.deep-tour section.slide.lagoon-of-light .intro {
	background-color: #fff;
	padding: 20px;
	margin-top: 150px;
}

body.deep-tour section.slide.lagoon-of-light .intro h2,
body.deep-tour section.slide.lagoon-of-light .intro p {
	color: #454545;
	margin-top: 0px;
	text-shadow: none;
}

body.deep-tour section.slide h2 {
	color: #fff;
	font-size: 45px;
	margin-top: 150px;

	text-shadow: 0 2px 2px rgba(0,0,0,.3);
}

body.deep-tour section.slide p {
	color: #fff;
	font-size: 18px;
	line-height: 24px;

	text-shadow: 0 2px 2px rgba(0,0,0,.3);
}

body.deep-tour div.black h2,
body.deep-tour div.black p {
	color: #000;
}

body.deep-tour section.slide img {
	margin-top:  50px;
}

body.deep-tour section.slide.lagoon-of-light img {
	margin-top:  150px;
}

body.deep-tour section.slide.slime img {
	margin-top:  200px;
}

body.deep-tour section.slide.deep-blue-one img {
	margin-top:  80px;
}


body.deep-tour section.slide.bug-champions img {
	margin-top:  150px;
}
body.deep-tour section.slide.cool-seas img {
	margin-top:  120px;
}

body.deep-tour section.slide.kingdom-of-ice img {
	margin-top: 50px;
}

body.deep-tour section.slide.amazon-flooded-forest img {
	margin-top: 130px;
}


.rtl {
	direction: rtl;
}

p.buttons {
	float: left;
	width: 50%;
	margin-top: 20px;
}

p.price {
	font-size: 24px;
}

p.price span {
	color: #218fa6;
	text-transform: uppercase;
}

a#wedding-fayre-bubble span {
	float: right;
	line-height: 130px;
}

a#wedding-fayre-bubble span i {
	color: #FFF;
	font-size: 32px;
}

a#wedding-fayre-bubble h2 {
	color: #FFF;
	margin-bottom: 10px;
}

a#wedding-fayre-bubble h3 {
	color: #FFF;
	margin-bottom: 10px;
}

a#wedding-fayre-bubble p {
	color: #FFF;
	margin: 0;
}

section#content ul.social {
	width: 100%;
	display: table;
	padding: 20px 0;
	margin: 0;
}

section#content ul.social li {
	display: inline-block;
	vertical-align: middle;
	height: 60px;
	font-size: 18px;
	padding: 0;
	margin-right: 20px;
	width: 290px;
}

section#content ul.social li a {
	color: #218fa6;
	display: block;
	padding-left: 70px;
	padding-top: 20px;
}


section#content ul.social li#facebook-f {
	background: url('/public/skin/icon-facebook-lrg.jpg')  0 0 no-repeat;
}

section#content ul.social li#twitter-f {
	background: url('/public/skin/icon-twitter-lrg.jpg')  0 0 no-repeat;
}

section#content ul.social li#youtube-f {
	background: url('/public/skin/icon-youtube-lrg.jpg')  0 0 no-repeat;
}

section#content ul.social li#instagram-f {
	background: url('/public/skin/icon-instagram-lrg.jpg')  0 0 no-repeat;
	margin-right: 0;
}

div#conservation {
	background: #3b639f;
	padding: 60px 0;
}

div#conservation h2 {
	text-align: center;
	color: #fff;
	font-size: 36px;
	margin-bottom: 45px;
}

/* gallery */

section#content .gallery li {
	background: none;
	margin: 0;
	padding: 0;
}

body.event section#content .gallery li {
	float: left;
	width: 33.3333%;
}

section#content .gallery li article.galleryitem {
    position: relative;
    overflow: hidden;
    margin: 0 10px 20px;
}

section#content .gallery li article.galleryitem .gallery-button {
	position: absolute;
	bottom: 10px;
	background: #d151c0;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	width: 40px;
	height: 40px;
	z-index: 30;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.5);
}

section#content .gallery li article.galleryitem .gallery-button.download {
	right: 10px;
}

section#content .gallery li article.galleryitem .gallery-button.view {
	left: 10px;
}

img.gallery_image {
	z-index: 20;
	position: relative;
	display: block;
	max-width: 100%;
	height: auto;
}

div.overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 28;
	text-align: center;

	background-color: rgb(25,116,145);
	background-color: rgba(25,116,145,.9);
	opacity: 0;

	-moz-backface-visibility: hidden;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

article.galleryitem:hover div.overlay {
    opacity: 1;
}

section#content article.galleryitem  h2 {
	color: #fff;
	font-size: 16px;
	padding: 10px 0;

}

section#content .gallery h4 {
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 20px;
	color: #C666B5;
}

.Absolute-Center {
    bottom: 0;
    height: 40%;
    left: 0;
    margin: auto;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80%;
}


/* content elements */

section#content div.gallery div figure {

}

section#content div.gallery div figure {
	padding-bottom:20px;
	border: 1px solid #e7e7e7;
	position: relative;
	margin-bottom: 20px;
	padding: 10px;
}

section#content div.gallery figure img {
	max-width:100%;
	width:100%!important;
	height:auto;
}

section#content code {
	background: #f3f3f3;
	font-size: 12px;
	font-family: monospace;
	margin-bottom: 20px;
	display: block;
	padding: 15px;
}

section#content code pre {
	margin: 0;
}

h3.weddings {
	font-size: 20px;
}

a.play {
	position: relative;
	display: block;
}

div.companies {
	border-bottom: 1px solid #e7e7e7;
	padding-top: 20px;
}

img.comp-logo {
	margin-bottom: 0px;
	position: relative;
	z-index: 10;
}

img.play {
	position: absolute;
	z-index: 12;
	top: 50%;
	left: 50%;
	width: 45px;
	height: 45px;
	margin-left: -22.5px;
	margin-top: -22.5px;
}


/* Accordion */

div.accordion > h4 {
	background: #218fa6 url(/public/skin/accord-down.gif) 98% center no-repeat;
	padding: 10px 20px;
	cursor: pointer;
	color: #fff;
	margin-bottom: 10px;
}

body.covid div.accordion > h4 {
	background: transparent url(/public/skin/chevron-circle-down.png) 98% center no-repeat;
	padding: 25px 40px 25px 0;
	font-size: 25px;
	color: #2093B8;
	margin-bottom: 0;
	border-bottom: 2px solid #ddd;
}

div.accordion > h4.open {
	background: #218fa6 url(/public/skin/accord-up.gif) 98% center no-repeat;
}

body.covid div.accordion > h4.open {
	background: transparent url(/public/skin/chevron-circle-up.png) 98% center no-repeat !important;
}

body.covid div.accordion div {
	padding: 20px 0
}

div.accordion div.closed {
	display: none;
}

.gmap img { max-width: none; }


.button.callout-page {
	font-size: 18px;
}


/* list items */

div.deep-products {
	margin: 40px 0;
}

div.deep-products aside {
	margin-left: 10px;
	background: #fff;
	padding: 20px;
	display: block;
	border: none;
	border-radius: 10px;
}

article.listitem a {
	display: block;
}

article.listitem.news-article p a {
	display: inline;
}

article.listitem.news-article p.date {
	color: #d252c1;
}

article.listitem {
	border-bottom: 1px solid #e6e6e6;
	padding: 20px 0;
	margin-bottom: 20px;
}

article.listitem img,
div.companies img {
	max-width: 100%;
	height: auto;
}

article.listitem a p {
	color: #454545;

}

article.listitem h3 {
	margin-bottom: 10px;
}


article.listitem:last-child,
article.eventitem:last-child {
	border-bottom: none!important;
}

article.listitem.categoryitem,
article.listitem.productitem {
    padding: 20px;
    border: none;
    background: #FFF;
    height: 270px;
    margin-bottom: 30px;
    position: relative;
		border-radius: 10px;
}

article.listitem.categoryitem a h3 {
	color: #454545;
	font-size: 16px;
	margin: 0;
	position: absolute;
	bottom: 35px;

}

.no-padding {
	padding: 0;
}

article.listitem.listitem h3 a {
	color: #218fa6;
}

article.listitem.news-article h3 a {
	display: inline-block;
}

article.listitem.news-article h3 a i {
	color: #d252c1;
	font-size: 12px;
	margin-left: 5px;
}

article.listitem.news-article .news-body {
	display: none;
}

article.listitem.news-article .news-body.accordion {
	display: none;
}

article.listitem.news-article .accordion-toggle {
	text-align: center;
}

article.listitem.news-article .accordion-toggle i {
	cursor: pointer;
}

article.listitem.listitem .button {
	font-size: 14px;
	float: left;
	padding: 10px 20px;
}

article.listitem.productitem a:hover h3,
article.listitem.categoryitem a:hover h3,
article.listitem.listitem h3 a:hover {
	color: #218fa6;
}

article.listitem.productitem a h3 {
	color: #454545;
	font-size: 20px;
	line-height: 26px;
	margin: 10px 0;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.flex-row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.h-100 {
	height: 100%;
}

.px-20 {
	padding-left: 20px;
	padding-right: 20px;
}
.mb-20 {
	margin-bottom: 20px;
}

article.list-item {
	background-color: #fff;
	border-radius: 5px;
}
article.list-item figure.list-item__image {
	display: block;
	margin: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
article.list-item figure.list-item__image img {
	display: block;
	width: 100%;
	height: auto;
	float: none;
	margin: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
article.list-item .list-item__content {
	padding: 20px;
}
article.list-item .list-item__content p:last-child {
	margin-bottom: 0;
}
article.list-item .list-item__title {
	margin-top: 0;
	margin-bottom: 10px;
	text-transform: uppercase;
}
article.list-item .list-item__date {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 80%;
}

article.categoryitem figure.list_image,
article.productitem figure.list_image {
	float: none;
	margin: 0 0 10px 0;
	border: 0;
	padding: 0;
}


article.categoryitem figure.list_image img,
article.productitem figure.list_image img {
	float: none;
	display: block;
	margin: 0 auto 20px auto;
}

article.productitem span.store_product_price_inc_tax {
	color: #d252c1;
	font-size: 20px;
	margin: 0;
	font-weight: bold;
}

article.whats-on-item {
	padding: 20px 20px 0 20px;
	border-top: 1px solid #d151c0;
	border-right: 1px solid #d151c0;
	border-left: 1px solid #d151c0;
}

article.whats-on-item .anchor-link {
	font-size: 12px;
}

article.whats-on-item img {
	max-width: 100%;
	height: auto;
	float: right;
	margin: 0 0 20px 20px;
}

article.whats-on-item a.whats-on-btn {
	display: inline-block;
	box-sizing: border-box;
	margin: 0 0 20px;
	padding: 10px 20px;
	font-family: 'Sarabun', cursive;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	font-weight: 600;
	background: #C666B5;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

article.whats-on-item a.whats-on-btn:hover {
	text-decoration: none;
}

header .plan input, header .plan .button {

}

body.breeding-culturing article.whats-on-item p + p {
	display: none;
}

body.breeding-culturing div.event-body p:first-child {
	display: none;
}

article.whats-on-box {
	padding: 20px;
	border: 1px solid #d151c0;
	margin-bottom: 20px;
}

h3.accordion.event {
	margin-bottom: 20px;
	border: 1px solid #d151c0;
	text-align: center;
	cursor: pointer;
}

h3.accordion.event.closed i {
	color: #d151c0;
}

div.event-body {
	padding: 0 20px 0 20px;
	border-right: 1px solid #d151c0;
	border-left: 1px solid #d151c0;
	margin: 0;
}

div#out-of-stock {
	background: #d151c0;
	padding: 5px;
}

div#out-of-stock p {
	color: #fff;
	text-align: center;
	font-size: 18px;
	margin-bottom: 0;
	text-transform: uppercase;
}

/* quotes */

blockquote {
	background: url('/public/skin/quotes.png') 5px 20px no-repeat;
	margin: 0px;
	padding: 20px;
	border-top: 1px solid #e7e7e7;
}

blockquote p {
	padding: 18px 0 0 24px;
	margin: 0 0 10px;
	font-style: italic;
}
blockquote cite:before {
    content: "— ";
}

blockquote cite {
	font-weight: bold;
	color: #555;
}
/* Tables */

body.groups table {
	width: 50%;
}

table {
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: separate;
	font-family: 'Sarabun', cursive;
}

table th {
	background-color: #238CAF;
	padding: 12px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	text-align: left;
}

table th.last {
	border-right: 0;
}

table td {
	vertical-align: top;
	padding: 12px;
	font-size: 16px;
	line-height: 20px;
}

table tr:nth-child(even) {
	background-color: #d1edf7;
}

table tr:nth-child(odd) {
	background-color: #72C0D9;
}


div.daily-highlights {
	padding: 0 20px 0 20px;
	border-right: 1px solid #d151c0;
	border-left: 1px solid #d151c0;
	border-bottom: 1px solid #d151c0;
	margin: 0 0 20px 0;
}

div.daily-highlights table tr:nth-child(odd) {
	background: none;
}

div.daily-highlights table td {
	width: 33%;
	border: none;
	font-size: inherit;
	font-family: 'Open Sans', Calibri, Tahoma, sans-serif;
}

section#content div.daily-highlights table td img {
	margin-bottom: 10px;
}

/* stars */
div.meet-stars {
	margin-bottom: 40px;
	position: relative;
}

div.meet-stars p {
	margin-bottom: 20px;
}

ul#slider {
	margin: 0;
	padding: 0;
}

div.star {
	border: 1px solid #e7e7e7;
	padding: 10px;
	text-align: center;
	height: 180px;

}

div.star h4 {
	color: #454545;
	margin: 0;
	line-height: 18px;
}

div.star img {
	margin-bottom: 10px;
}

h2#mstars {
	font-size: 40px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 10px;
	margin: 0 0 30px 0;
}


body.deep-tour aside .button,
body.deep-tour aside .button-blue,
.button-blue {
	font-size: 18px;
	padding: 15px 0;
	margin: 0;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

body.deep-tour aside .button i {
	margin: 0;
}

div.facts {
	background: #eee url(/public/skin/icon-goody.png) 95% 25px no-repeat;
	padding: 20px;
	margin-bottom: 30px;

/*	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0 3px 3px 0 rgba(0, 0, 0, 0.3);
	box-shadow:         0 3px 3px 0 rgba(0, 0, 0, 0.3);*/
}


div.facts.two-rivers {
	background: #eee url(/public/skin/icon-two-rivers.png) 95% 25px no-repeat;
}

div.facts h3 {
	color: #454545;
	margin-right: 60px;
	font-size: 20px;
}

div.facts h4 {
	margin-bottom: 10px;
}
div.facts p {
	margin-bottom: 10px;
}

img.facts {
	max-width: 100%;
	height: auto;

}

article.listitem div.facts {
	background: #eee url(/public/skin/info.png) 95% center no-repeat;
	padding: 15px;
	margin: 10px 0;

	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:        none;
}


article.listitem div.facts h3 {
	font-size: 16px;
	margin: 0;
}

.ui-infobox-white .ui-infobox-content h3 {
	margin-bottom: 10px;
	color: #218fa6;
	font-weight: 600;
}

.ui-infobox-white .ui-infobox-content p {
	margin-bottom: 10px;
	font-size: 14px;
}

/* sidebar */

nav.sidenav {
	margin-bottom: 20px;
}

nav.sidenav h2#top_level_title a {
	color: #218fa6;
}

nav.sidenav ul {
	list-style: none;
}

section#content ul {
	list-style: none;
}

section#content ol {
	margin-left: 30px;
}

section#content ol li {
	margin-bottom: 5px;
}

section#content ul li {
	background: transparent url(/public/skin/side-arrow.png) 0 7px no-repeat;
	padding-left: 18px;
	margin-bottom: 15px;
}

nav.sidenav ul li {
	background: transparent url(/public/skin/side-arrow.png) 0 7px no-repeat;
	padding-left: 18px;
	font-size: 18px;
	margin-bottom: 15px;
}

h3#deep-archive {
	font-size: 22px;
}

ul.archives {
	background-color: #eee;
	padding: 10px 0;
}

ul.archives li {
	list-style: none;
	padding: 0 10px 5px 10px;
	margin: 0 0 10px 0;
	color: #d7d7d7;
	border-bottom: 1px solid #fff;
}

nav.sidenav ul li ul {
	margin: 10px 0;
}

nav.sidenav ul li ul li {
	background: transparent url(/public/skin/sitemap-bullet.gif) 0 7px no-repeat;
	padding-left: 12px;

}

nav.sidenav ul li a,
ul.archives li a {
	color: #454545;
}

nav.sidenav ul li a:hover,
nav.sidenav ul li.parent-current > a,
nav.sidenav ul li.current > a,
ul.archives li a:hover  {
	color: #d151c0;
}

/* files */

h4#downloads {
	margin-top: 30px;
}

section#content ul.files {
	margin-left: 0 !important;
	margin-bottom: 20px;
}

section#content div.event-body ul.files {
	font-size: 0;
}

section#content ul.files li {
	list-style: none;
	padding: 0;
	background: none;
	margin: 0 0 4px 0;
	width: 49%;
	display: inline-block;
	box-sizing: border-box;
	font-size: 14px;
	vertical-align: top;
}

section#content ul.files li a {
	display: block;
	padding: 15px 0 15px 50px !important;
	color: #555;
	background-image: url('/public/skin/icon-other.png');
	background-color: #FFF;
	background-position: 16px 50%;
	background-repeat: no-repeat;
}

section#content ul.files li a:hover {
	color: #006699;
	background-color: #ececec;
}

section#content ul li.pdf a {
	background-image: url('/public/skin/icon-pdf.png');
}

section#content ul li.doc a, section#content ul li.docx a {
	background-image: url('/public/skin/icon-word.png');
}

section#content ul li.xls a, section#content ul li.xlsx a {
	background-image: url('/public/skin/icon-excel.png');
}

section#content ul li.zip a, section#content ul li.rar a {
	background-image: url('/public/skin/icon-zip.png');
}

/* pagination */

html.no-js div.pagination {
	display: block;
}

div.pagination {
	display: block;
	margin: 20px 0 0 0;
	float: left;
	width: 100%;
}

div.pagination a,
div.pagination strong {
	float: left;
	border: 1px solid #bfc5ca;
	background: #feffff;
	color: #4c4d4f;
	padding: 5px;
	margin-right: 5px;
	list-style: none;
}

div.pagination strong,
div.pagination a:hover {
	color: #006699;
}

div.pagination a {
	margin-bottom: 5px;
}

div.summary {
	color: #4c4d4f;
	float: left;
	border: 1px solid #bfc5ca;
	background: #feffff;
	padding: 5px;
	margin-right: 15px;
}

div.load_more_wrap {
	background: #f8f8f8;
	padding: 5px 10px;
	border: 1px solid #eee;
	margin-bottom: 20px;
	clear: both;
}

div.load_more_wrap.loading {
	background: #f8f8f8 url('/public/skin/loader.gif') 99% 50% no-repeat;
}

div.load_more_wrap a {
	text-decoration: none !important;
}

/* callouts */

article.callout {
	margin-bottom: 20px;
}

article.callout a {
	display: block;
}

article.callout img {
	display: block;
	margin: 0 auto;
}

/* Sitemap */

section#content ul#sitemap {
	width: auto;
	margin: 0;
}

section#content ul#sitemap li {
	border-left: 1px solid #ccc;
	padding-left: 10px;
	background: none;
	margin-bottom: 20px;
	list-style: none !important;
}

section#content ul#sitemap li ul {
	margin: 10px 0 10px 10px;
}

section#content ul#sitemap li ul li {
	background: url('/public/skin/sitemap-bullet.gif') 0 50% no-repeat;
	border: none;
	margin-bottom: 5px;
}

section#content ul#sitemap li ul li a {
	color: #484848;
}


/* newsletter */

div.newsletter-wrap {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

div.newsletter-wrap button.submit {
	font-size: 25px!important;
	padding: 10px 40px!important;
}

a.newsletter {
	display: block;
	width: 150px;
	height: 30px;
	padding: 10px;
	/*border-radius: 5px 5px 0 0;*/
	float: right;
}

a.newsletter span {
	text-transform: uppercase;
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	float: left;
}

a.newsletter img {
	float: right;
}

.opt-in {
	padding-top: 10px;
}
.opt-in label.title {
	margin-left: 10px;
}

/* footer */

div.awards {
	padding: 0 0 0 50px;
}

div.awards ul#logos {
	margin-bottom: 35px;
	list-style: none;
}

div.awards ul#logos li {
	display: inline-block;
	margin: 0 0 0 20px;
}

div.awards img {
/*	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;*/
}

div.awards img:hover {
/*	-ms-transform: scale(1.6); /* IE 9
	-webkit-transform: scale(1.6); /* Chrome, Safari, Opera
	transform: scale(1.6);*/
	z-index: 20;
	position: relative;
}

div#footer-wrap {
	padding: 40px 0;
	position: relative;
	/*margin-bottom: 50px;*/
	background: #243465;
	border-top: 2px solid #fff;
}

nav#info, p#bluestorm {
	display: inline-block;
}

div#contact_details {
	padding-top: 10px;
	font-size: 12px;
}

img#tripadvisor {
	margin-top: 5px;
	margin-right: 10px;
}

footer ul#social {
	padding-top: 10px;
	list-style: none;
	text-align: left;
	font-family: 'Sarabun', cursive;
}

footer  h6#social-title {
	font-size: 16px;
	color: #fff;
	margin: 0
}

footer ul#social li {
	display: inline-block;
	margin-right: 7px;
	color: #fff;
	margin-bottom: 5px;
}

footer ul#social li a i {
	font-size: 28px;
}

footer ul#social li#twitter a i {
	color: #5CADEB;
}

footer ul#social li#facebook a i {
	color: #3E5A96;
}

footer ul#social li#youtube a i {
	color: #C92026;
}

footer ul#social li#linked a i {
	color: #1A78B3;
}

footer ul#social li#instagram a i {
	color: #E04161;
}


footer ul#social li a {
	color: #fff;
	font-size: 15px;
	display: block;
}

footer ul#social li a:hover {
	color: #fff;
}

footer p#directions,
footer p#otimes {
	display: inline-block;
	margin-bottom: 30px;
	padding-left: 45px;
}

footer p#directions strong,
footer p#otimes strong {
	font-size: 15px;
}

footer p#directions span,
footer p#otimes span {
	color: #fff;
	line-height: 16px;
}

footer p#directions {
	background: url(/public/skin/marker-new.png) 0 8px no-repeat;
}

footer p#otimes {
	background: url(/public/skin/clock-new.png) 0 8px no-repeat;
}

footer ul#nav-sub {
	margin: 0;
	text-align: left;
}

footer ul#nav-sub li {
	display: inline-block;
	margin-right: 10px;
	*display: inline;
}

footer ul#nav-sub li a {
	font-size: 13px;
	color: #a7acd2;
}

footer ul#nav-sub li a:hover {
	color: #fff;
}

p#bluestorm {
	font-size: 13px;
	margin: 0;
	color: #A7ACD2;
	position: absolute;
	right: 0;
	padding-right: 10px;
}

p#bluestorm a {
	color: #A7ACD2;
	font-weight: bold;
}

p#bluestorm a img {
	position: relative;
	top: 1px;
}

/* cookie */

div#cookies {
	background-color: #444;
	padding: 10px;
	position: fixed;
	bottom: 0; left: 0; right: 0;
	z-index: 2000; text-align: left;
}

div#cookies h4 {
	font-weight: bold;
	font-size: 20px;
	color: #CCC;
	text-transform: capitalize;
}

div#cookies p {
	color: #CCC;
	font-size: 13px;

}

div#cookies div.close {
	position: relative;
}

div#cookies div#cross {
	position: absolute;
	top: 0; right: 4px;
	color: #FFF;
	font-size: 28px;
	line-height: 16px;
	cursor: pointer;
}

.disclaimer {
	display: none;
}

/* jQuery UI Date Picker */
#ui-datepicker-div {
    background-color: #EEE;
    padding: 10px;
    display: none;
}

.ui-datepicker-prev {
    cursor: pointer;
}

.ui-datepicker-next {
    float:right;
    cursor: pointer;
}

/* utils */

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* sub nav hack/fix */
#side_navigation-plan-your-visit-visit-hull ul {
	display: none;
}

div.red-intro {
	background: #b92727;
	padding: 20px;
	text-align: center;
	margin-bottom: 40px;
}

div.red-intro p {
	color: #FFF;
	font-weight: bold !important;
	margin-bottom: 0px;
}

div.red-intro a {
	color: #fff !important;
	text-decoration: underline;
}

div.red-intro a:hover {
	color: #101229 !important;
}

body.ticket-prices div.intro p:last-child {
	margin-bottom: 0;
}

form.event_tickets {
	border: 4px solid #C666B5;
	border-radius: 4px;
	padding: 20px;
	margin-bottom: 30px;
}

h2.accordion {
	background: #3895AA;
	padding: 15px;
	color: #FFF;
	cursor: pointer;
}

h2.accordion span {
	float: right;
}

h2.accordion span .fa-chevron-up,
h2.accordion.open span .fa-chevron-down {
	display: none;
}

h2.accordion.open {
	background: #242849;
}

h2.accordion.open span .fa-chevron-up {
	display: block;
}

div.accordion {
	margin-bottom: 20px;
}

h2.accordion.open + div.accordion {
	display: block;
}

.access-requirement,
.dietary-requirement {
	display: none;
}

.modifier-panel {
    padding: 20px 20px 10px;
    background: #218fa6;
    color: #fff;
    margin: 10px 0 25px;
}

#conservation-banner {
	padding: 30px 0;
	position: relative;
	background: #187d94;
	border-top: 1px solid #fff;
}

#conservation-banner::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url('/public/skin/background-gradient.png') no-repeat top center;
	background-size: 100% auto;
}

#conservation-banner::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url('/public/skin/waves.png');
	opacity: 0.3;
}

#conservation-banner .banner-content {
	z-index: 3;
	position: relative;
}

#conservation-banner .intro {
	margin-top: 10px;
}

#conservation-banner .intro p {
	line-height: 24px;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

#conservation-banner h1 {
	text-align: center;
	font-size: 45px;
	text-shadow: none;
}

#conservation-banner #conservation-map {
	margin: 25px 0 10px;
}

#conservation-banner #conservation-map svg g {
	cursor: pointer;
}

#banner-wrap .map-banner {
	border-top: 1px solid #fff;
}

#banner-wrap .map-banner .ui-infowindow {
	width: 375px !important;
	background: #fff;
	box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
}

#banner-wrap .map-banner .ui-infowindow::before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12.5px 15px 12.5px;
	border-color: transparent transparent #ffffff transparent;
	left: 50%;
	content: '';
	position: absolute;
	top: -15px;
	margin-left: -12.5px;
}

#banner-wrap .map-banner .ui-infowindow img {
    top: 15px;
	right: 15px;
}

#banner-wrap .map-banner .ui-infobox-content {
	padding: 20px 45px 20px 15px;
}

#banner-wrap .map-banner .ui-infowindow h3 {
	color: #c667b9;
	margin-bottom: 10px;
	font-size: 22px;
}

#banner-wrap .map-banner .ui-infowindow i {
	color: #c667b9;
	margin-right: 8px;
}

#banner-wrap .map-banner .ui-infowindow p {
	font-size: 16px;
	margin-bottom: 10px;
}

#banner-wrap .map-banner .ui-infowindow a {
	font-size: 16px;
}

#banner-wrap .map-banner .banner-image {
	width: 100%;
	height: 400px;
	background: #e3e3e3 url() no-repeat center center;
	background-size: cover;
}

h1.conservation-category-title {
	font-size: 40px;
	color: #198197;
	text-align: center;
	text-shadow: none;
}

.conservation_grid .box .content {
	padding: 28px 15px;
	text-align: left;
	top: 0;
}

.conservation_grid .box .content .location {
	font-family: 'Sarabun', cursive;
	font-size: 16px;
	margin-bottom: 10px;
}

.conservation_grid .box .content .location i {
	color: #c667b9;
}

.conservation_grid .box_image {
	float: none;
	margin: 0;
}

.conservation_grid .box .content h3 {
	font-size: 20px;
	/* color: #454545; */
	text-align: left;
}

.conservation_grid .box .content p {
	color: #454545;
}

.conservation_grid .box img {
	display: block;
}

.conservation_grid .box figure {
	background: #e2e2e2;
}

.other-conservations {
	margin-top: 70px;
}

.conservation-projects .panel .panel-title .fa {
	font-size: 28px;
	margin: 0;
}

.conservation-projects section#content .panel ul li {
	background: transparent url(/public/skin/star-list-icon.png) 0 7px no-repeat;
	padding-left: 22px;
}

.conservation-projects .panel.location .panel-body {
	font-size: 20px;
	padding: 20px 30px;
}

.conservation-intro p {
	font-size: 24px;
	line-height: 36px;
	font-family: 'Sarabun', cursive;
	font-weight: bold;
}

.conservation-intro {
	margin: 20px 0 10px;
}

.conservation-projects .panel .panel-body {
	padding: 30px 15px;
}

.conservation-projects .panel p:last-of-type {
	margin-bottom: 0;
}

.other-conservations h3 {
	font-weight: bold;
	text-align: center;
	font-size: 40px;
	margin-bottom: 40px;
}

h1.conservation-title {
	font-size: 40px;
	color: #198197;
	text-shadow: none;
	line-height: 1.3;
}

.conservation-gallery {
	margin: 30px 0;
}

.conservation-gallery .gallery-item {
	margin: 10px 0;
}

.share-conservation {
	margin: 50px 0 30px;
	padding: 18px 30px;
	border-radius: 5px;
	color: #fff;
	background: #2aabbe;
	font-family: 'Sarabun', cursive;
}

.share-conservation .share {
	float: right;
}

.share-conservation .share .label {
	font-size: 16px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: sub;
}

.share-conservation .a2a_kit {
	display: inline-block;
	vertical-align: middle;
}

.share-conservation .a2a_kit a:not(:last-of-type) {
	margin-right: 10px;
}

.share-conservation .a2a_kit i {
	font-size: 28px;
	margin-right: 5px;
}

.share-conservation a {
	color: #fff;
}

.share-conservation .back {
	color: #fff;
	font-size: 25px;
}

.panel {
    margin: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}

.panel .panel-heading {
	padding: 27px 30px 23px;
    background: #a9a9a9;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.panel .panel-title {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin: 0;
}

.panel .panel-title .fa {
    margin-right: 3px;
}

.panel .panel-body {
    background: #fff;
    padding: 15px 25px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}

.panel .panel-body h1,
.panel .panel-body h2,
.panel .panel-body h3,
.panel .panel-body h4,
.panel .panel-body h5,
.panel .panel-body h6 {
    font-weight: bold;
    color: #343333;
    margin: 25px 0 20px;
}

.panel .panel-body h3 {
    font-size: 20px;
}

.panel.yellow .panel-heading {
    background: #edc22e;
}

.panel.yellow .panel-body {
    background: #f4e285;
}

.panel.orange .panel-heading {
    background: #e67143;
}

.panel.orange .panel-body {
    background: #faccba;
}

.panel.green .panel-heading {
    background: #7eb34a;
}

.panel.green .panel-body {
    background: #aed08a;
}

.panel.red .panel-heading {
    background: #d16666;
}

.panel.red .panel-body {
    background: #edbbbb;
}

.panel.dark-red .panel-heading {
    background: #a21a1a;
}

.panel.dark-red .panel-body {
    background: #b03c3c;
    color: #fff;
}

#conservation-banner #conservation-buttons {
	display: none;
}

#conservation-banner #conservation-buttons .button {
	padding: 20px 10px;
	font-size: 15px;
	display: block;
	text-align: center;
	margin: 15px 0;
}

#conservation-banner #conservation-buttons .button img {
	margin: 0 auto 10px;
	display: block;
}

header ul.nav-main > li > a:after {
    font-family: FontAwesome;
    position: relative;
    content: "\f105";
    margin-left: 10px;
}

.embed-container {
    height: 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.embed-container.embed-container-16-9 {
	padding-bottom: 56.25%;
}

.embed-container.embed-container-4-3 {
	padding-bottom: 75%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container svg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.cookieshop-tab {
	display: none;
}

div#overlay-menu {
  background: #2D93B6;
  bottom: 0;
  color: #fff;
  left: 0;
  overflow-y: auto;
  padding: 10px 0 15px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
  display: none;
}

div#overlay-menu .nav-row {
	position: relative;
}

div#overlay-menu #nav-parents-ticket-prices,
div#overlay-menu #nav-mobile-ticket-prices,
div#overlay-menu #nav-children-ticket-prices {
	display: none;
}

@media (min-width: 768px) {
  div#overlay-menu {
    padding: 15px 0 29px;
  }
}

@media (min-width: 992px) {
  div#overlay-menu {
    padding: 15px 0 38px;
  }
}

div#overlay-menu .top {
  position: relative;
}

div#overlay-menu a#overlay-menu-close {
  font-size: 32px;
  line-height: 1;
  float: right;
  margin-right: 32px;
}

div#overlay-menu a#overlay-menu-close .close-icon {
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  height: 55px;
  vertical-align: middle;
  background-image: url(/public/skin/icon-hamburger-switcher.png);
  margin-top: 9px;
  background-size: 21px;
  background-position: 5px -14px;
  width: 35px;
}

@media (min-width: 768px) {
  div#overlay-menu a#overlay-menu-close .close-icon {
    width: 55px;
	background-size: auto;
    background-position: 15px -23px;
    font-size: 40px;
  }
}

@media (min-width: 992px) {
	div#overlay-menu a#overlay-menu-close {
        margin-right: 32px;
	}
}

@media (min-width: 1200px) {
	div#overlay-menu a#overlay-menu-close {
        margin-right: 32px;
	}
}

@media (max-width: 767px) {
	div#overlay-menu a#overlay-menu-close .close-icon {
		margin-top: 0;
	}
}

div#overlay-menu a:hover {
  color: #0079a9;
}

div#overlay-menu #overlay-logo {
	float: left;
	margin-left: 10px;
}

div#overlay-menu #overlay-logo img {
	max-width: 150px;
}

@media (min-width: 767px) {
	div#overlay-menu #overlay-logo img {
	    max-width: 160px;
    }
}

@media (min-width: 991px) {
	div#overlay-menu #overlay-logo {
	    margin-left: 10px;
		margin-top: 10px;
	}

	div#overlay-menu #overlay-logo img {
	    max-width: 175px;
	}
}

@media (min-width: 1200px) {
	div#overlay-menu #overlay-logo {
        margin-left: 39px;
		margin-top: 0;
	}

	div#overlay-menu #overlay-logo img {
	    max-width: none;
	}
}

div#overlay-menu nav#top {
  text-align: center;
  margin: 30px 0 40px;
}

div#overlay-menu nav#top ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#overlay-menu nav#top ul li {
  padding: 0;
  display: inline-block;
  margin: 0 10px;
}

@media (min-width: 768px) {
  div#overlay-menu nav#top ul li {
    margin: 0 20px;
  }
}

div#overlay-menu nav#top ul li.current a {
	color: #0F122A;
}

div#overlay-menu nav#top ul li a {
  font-family: 'Sarabun', cursive;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}

@media (min-width: 768px) {
	div#overlay-menu nav#top ul li a {
		font-size: 19px;
	}
}

@media (min-width: 992px) {
	div#overlay-menu nav#top ul li a {
		font-size: 25px;
	}
}

div#overlay-menu nav#top ul li a:hover {
  color: #0d4558;
}

div#overlay-menu ul#nav-parents {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#overlay-menu ul#nav-parents li {
  padding: 0;
}

div#overlay-menu ul#nav-parents li.current a,
div#overlay-menu ul#nav-parents li.parent-current a,
div#overlay-menu ul#nav-parents li a:hover {
  color: #0F122A;
}

div#overlay-menu ul#nav-parents li a {
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  font-family: 'Sarabun', cursive;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  padding: 15px 10px 15px;
}

@media (min-width: 768px) {
    div#overlay-menu ul#nav-parents li a {
		padding: 15px 10px 15px 0;
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    div#overlay-menu ul#nav-parents li a {
        font-size: 26px;
    }
}

div#overlay-menu ul#nav-parents > li:last-of-type > a {
	border-bottom: 0;
}

div#overlay-menu ul#nav-parents li#nav-parents-plan-your-visit a::before {
	background-image: url(/public/skin/icon-shark.png);
}

div#overlay-menu ul#nav-parents li#nav-parents-conservation a::before {
	background-image: url(/public/skin/icon-deep.png);
}

div#overlay-menu ul#nav-parents li#nav-parents-corporate-private-hire a::before {
	background-image: url(/public/skin/icon-glasses.png);
}

div#overlay-menu ul#nav-parents li#nav-parents-deep-experiences a::before {
	background-image: url(/public/skin/icon-world.png);
}

div#overlay-menu ul#nav-parents li#nav-parents-private-dining a::before {
	background-image: url(/public/skin/icon-plate.png);
}

div#overlay-menu ul#nav-parents li#nav-parents-education a::before {
	background-image: url(/public/skin/icon-kids.png);
}

div#overlay-menu ul#nav-parents li#nav-parents-online-shop a::before {
    background-image: url(/public/skin/shopping-cart.png);
}

div#overlay-menu ul#nav-parents li#nav-parents-visit-hull a::before {
    background-image: url(/public/skin/humber-bridge.png);
}

div#overlay-menu ul#nav-parents li a::before {
	content: '';
	width: 50px;
	margin-right: 10px;
	display: inline-block;
	height: 30px;
	background-position: center left;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}

@media (min-width: 992px) {
	div#overlay-menu ul#nav-parents li a::before {
		width: 75px;
	}
}

@media (min-width: 768px) {
	div#overlay-menu ul#nav-parents li a::before {
		width: 50px;
		height: 35px;
	}
}

div#overlay-menu ul#nav-children {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#overlay-menu ul#nav-children ul {
	list-style: none;
}

div#overlay-menu ul#nav-children li ul li {
  padding: 0;
  margin: 6px 0;
}

div#overlay-menu ul#nav-children li.current > a,
div#overlay-menu ul#nav-children li a:hover {
  color: #0F122A;
  background: #fff;
}

div#overlay-menu ul#nav-children li.current > a::after,
div#overlay-menu ul#nav-children li a:hover::after {
	display: block;
}

div#overlay-menu ul#nav-children li a {
    display: block;
    color: #fff;
    font-size: 16px;
    border-radius: 3px;
    position: relative;
    font-family: 'Sarabun', cursive;
    font-weight: bold;
    padding: 7px 25px 7px 10px;
	line-height: 1.4;
}

@media (min-width: 768px) {
    div#overlay-menu ul#nav-children li a {
	    font-size: 18px;
    }
}

@media (min-width: 992px) {
    div#overlay-menu ul#nav-children li a {
        line-height: 1.2;
		font-size: 20px;
        padding: 11px 30px 11px 15px;
	}
}

div#overlay-menu ul#nav-children li a::after {
    content: "\f054";
    display: none;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 10px;
	top: 15px;
    color: #0F122A;
}

div#overlay-menu .navigations {
	position: relative;
}

@media (max-width: 767px) {
	div#overlay-menu #children-navigation {
		position: absolute;
		top: 0;
		left: -100%;
		width: 100% !important;
		background: #2D93B6;
		height: 100%;
		transition: .3s left ease-in-out;
	}

	div#overlay-menu #children-navigation.active {
		left: 0;
	}

	div#overlay-menu #show-parents {
		display: block;
		width: 100%;
		text-align: center;
		color: #fff;
		margin: 20px 0;
		font-size: 18px;
		font-family: 'Sarabun', cursive;
		font-weight: bold;
		padding: 10px 0;
		background: transparent;
		border: none;
	}

	div#overlay-menu #show-parents i {
		margin-right: 10px;
	}
}

.personalized-message {
	margin-bottom: 20px;
}

.banner .left-side {
	float: left;
}

.home-banner {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background-position: left;
	min-height: 600px;
}

.home-banner .right-side {
	float: right;
	text-align: center;
	padding: 70px 0;
}

.home-banner .right-side h1,
.home-banner .right-side h2,
.home-banner .right-side h3,
.home-banner .right-side h4,
.home-banner .right-side h5,
.home-banner .right-side h6,
.home-banner .right-side p {
	margin: 0 auto;
}

.home-banner .right-side h1,
.home-banner .right-side h2,
.home-banner .right-side h3,
.home-banner .right-side h4,
.home-banner .right-side h5,
.home-banner .right-side h6 {
	color: #FFDC3E!important;
	font-size: 60px!important;
}

.home-banner .right-side h1 {
	margin-bottom: 20px;
}

.home-banner .right-side p {
	color: #fff;
	font-size: 30px;
	line-height: 38px;
	margin-bottom: 40px;
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);

}

.home-banner .right-side p a {
	color: #FFDC3E;
	font-size: 30px;
}

.home-banner .tint {
	background: url(), linear-gradient(to left, rgba(36,52,101,1) 68%,rgba(36,52,101,0) 89%);
	min-height: 600px;
}

.home-banner a.button {
	font-size: 40px;
}

.banner_body p {
	color: #fff;
	font-size: 40px;
	line-height: 48px;
	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	margin: 0 0 30px;
}

.slick-arrow::before {
	font-size: 50px;
	font-weight: 300;
	cursor: pointer;
	color: #243465;
	position: absolute;
	z-index: 100;
}

.fa-chevron-left::before {
	top: 45%;
	left: -50px;
}

.fa-chevron-right::before {
	bottom: 45%;
	right: -50px;
}

.callouts-slides {
	padding-bottom: 45px;
}

#mce-FNAME::placeholder, #mce-EMAIL::placeholder {
	color: #fff;
	font-family: 'Sarabun';
}

#mce-FNAME, #mce-EMAIL {
	color: #fff;
	font-family: 'Sarabun';
}

#webTicker li{
	font-size: 18px;
	margin-right: 17px;
}

.banner-image-desktop {
	display: block;
}

.banner-image-tablet {
	display: none;
}

.banner-image-mobile {
	display: none;
}

.red-list-section {
    background-color: #fff;
    padding: 70px 0;
}

.red-list-section img {
    width: 100%;
}

.product-slider {
	padding: 60px 0;
}

.product-slider h2 {
	text-align: center;
	font-size: 50px;
	color: #243465;
}

.product-slider h3 {
	text-align: center;
	font-size: 30px;
	color: #2093B8;
}

.product-slider .productitem h3 {
	text-align: left !important;
	font-weight: bold !important;
	font-size: 20px !important;
	color: #313131 !important;
	margin-bottom: 20px !important;
}

.product-slider .productitem .store_product_price_inc_tax {
	font-weight: bold !important;
}

.product-slider .productitem {
	height: auto !important;
}

.product-slider .productitem .store_product_form p {
	font-weight: bold !important;
}

.product-slider .all-products {
	text-align: center;
	padding-top: 20px !important;
}

.did-you-know {
    background-color: #2093B8;
    padding: 70px 0;
    text-align: center;
}

.did-you-know.covid {
	padding: 40px 0;
}

.did-you-know.covid h3 {
	text-align: center;
	color: #fff;
	font-size: 40px;
	margin-bottom: 40px;
}

.did-you-know.covid .dyk-text p {
	color: #fff;
	font-size: 20px;
}

.did-you-know.covid .dyk-text p span {
	font-size: 25px;
}

.did-you-know.covid .dyk-fact {
	padding-bottom: 40px;
}

.did-you-know.covid .cost,
.did-you-know.covid .habitat {
	top: 35px;
	position: relative;
	padding: 0 30px;
}

article.listitem.productitem.covid {
	border: 0 !important;
	border-radius: 10px;
}

.product-slider .productitem.covid h3 {
	font-size: 24px !important;
	margin: 0 10px 20px 10px !important;
}

article.productitem.covid span.store_product_price_inc_tax {
	margin: 0 10px !important;
}

.did-you-know.covid .income .dyk-fact {
	top: 0;
	position: relative;
	width: 100%;
	max-width: 100%;
	background-image: url('/public/skin/fact-circle.png');
	background-position: top;
	background-repeat: no-repeat;
	min-height: 130px;
}

.cost .dyk-image-animated {
    animation: zoom-in-out 1s forwards 0s ease-in-out;
}

.income .dyk-image-animated {
    animation: zoom-in-out 1s forwards 1s ease-in-out;
}

.habitat .dyk-image-animated {
    animation: zoom-in-out 1s forwards 2s ease-in-out;
}

@keyframes zoom-in-out{
    0%{
        transform: rotate(0) scale(1);
    }
    50%{
        transform: rotate(0) scale(1.2);
    }
    100%{
        transform: rotate(0) scale(1);
    }
}

.did-you-know.covid .income .dyk-fact p {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	transform: translateY(50%);
}

.did-you-know.covid .dyk-fact p {
	font-family: 'Patrick Hand';
	color: #86DFFC;
	font-size: 120px;
	line-height: .5em;
	margin-bottom: 0px;
}

.did-you-know.covid .dyk-fact p.small {
	font-size: 76px;
	line-height: 0;
	margin-bottom: 0px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}

.did-you-know.covid .income .dyk-fact p {
	color: #fff;
}

@media (max-width: 768px) {
	.did-you-know {
		padding: 35px 0;
	}
}

.did-you-know .heading p {
    font-size: 50px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    margin-bottom: 80px;
	font-family: 'Sarabun';
}

@media (max-width: 768px) {
	.did-you-know .heading p {
		font-size: 30px;
		line-height: 25px;
		text-align: center;
	}
}

.did-you-know .dyk-image {
    text-align: center;
    margin-bottom: 20px;
    /*transition: 0.3s ease-in;*/
}

.diet .dyk-image-animated {
    animation: zoom-in-out 1s forwards 0s ease-in-out;
}

.fun-fact .dyk-image-animated {
    animation: zoom-in-out 1s forwards 1s ease-in-out;
}

.habitat .dyk-image-animated {
    animation: zoom-in-out 1s forwards 2s ease-in-out;
}

@keyframes zoom-in-out{
    0%{
        transform: rotate(0) scale(1);
    }
    50%{
        transform: rotate(0) scale(1.2);
    }
    100%{
        transform: rotate(0) scale(1);
    }
}

.did-you-know .dyk-heading p {
    font-size: 40px;
    font-weight: 700;
    line-height: 35px;
    color: #86DFFC;
	font-family: 'Sarabun';
}

.did-you-know .dyk-text p {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #fff;
	font-family: 'Sarabun';
}

.animal-info {
    padding: 100px 0;
}

@media (max-width: 768px) {
	.animal-info {
		padding: 50px 0;
	}
}

.animal-info p {
    font-size: 28px;
    line-height: 41px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
	font-family: 'Sarabun';
}

@media (max-width: 768px) {
	.animal-info p {
		font-size: 20px;
		line-height: 30px;
		font-weight: 500;
		text-align: center;
		margin-bottom: 0;
		font-family: 'Sarabun';
	}
}

.lifespan-section {
	padding: 50px 0;
	background-color: #2093B8;
	text-align: center;
}

@media (max-width: 768px) {
	.lifespan-section {
		padding: 20px 0;
	}
}

.lifespan-section .number-of-years {
	font-family: 'Explain';
	font-size: 160px;
	color: #fff;
}

.lifespan-section .text {
	color: #fff;
	font-size: 20px;
	font-family: 'Sarabun';
	line-height: 28px;
}

.animal-zone {
	min-height: 750px;
	height: 750px;
}

.animal-zone-learn-more {
	margin: 5px 0;
}

@media (max-width: 768px) {
	.animal-zone {
		position: relative;
		height: 600px;
		min-height: 600px;
	}
}

.animal-zone .row {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width: 768px) {
	.animal-zone .row {
		position: absolute;
		top: unset;
		bottom: 0;
		transform: none;
	}
}

@media (max-width: 768px) {
	.animal-zone .row .seven {
		padding: 0;
	}
}

.animal-zone .inner-content {
	background: rgba(255,255,255, .93);
	padding: 35px;
	border-radius: 10px;
	text-align: left;
}

@media (max-width: 768px) {
	.animal-zone .inner-content {
		padding: 35px 9px;
		border-radius: 0;
		text-align: center;
	}
}

.animal-zone .inner-content p.zone {
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
	color: #313131;
	font-family: 'Sarabun';
	margin-bottom: 0;
}

.animal-zone .inner-content .heading p {
	color: #2093B8;
	font-size: 50px;
	line-height: 55px;
	font-weight: 700;
	font-family: 'Sarabun';
}

@media (max-width: 768px) {
	.animal-zone .inner-content .heading p {
		font-size: 40px;
		line-height: 55px;
		margin-bottom: 10px;
	}
}

.animal-zone .inner-content .subheading p {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	color: #313131;
	font-family: 'Sarabun';
}

@media (max-width: 768px) {
	.animal-zone .inner-content .subheading p {
		font-size: 20px;
		line-height: 30px;
	}
}

.animal-zone .inner-content .text-content p {
	font-weight: 500;
	font-family: 'Sarabun';
	font-size: 18px;
	line-height: 27px;
}

@media (max-width: 768px) {
	.animal-zone .inner-content .text-content p {
		font-size: 17px;
		line-height: 26px;
	}
}

.red-list-status .heading {
	font-weight: 700;
	font-family: 'Sarabun';
	font-size: 30px;
	line-height: 30px;
	color: #454545;
}

.red-list-status .status {
	font-weight: 400
	font-family: 'Sarabun';
	font-size: 25px;
	line-height: 30px;
	color: #454545;
}

.red-list-status .row {
	margin-bottom: 10px;
}

.red-list-status .more-info a {
	color: #E31F13;
	line-height: 25px;
}

.select-css {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .8em 1.4em .8em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 0 50px 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}
.select-css option {
    font-weight:normal;
}

@media (max-width: 1023px) {
	.desktop-logo {
		display: none;
	}
}

@media (min-width: 1023px) {
	.mobile-logo {
		display: none;
	}
}

.already-registered {
	text-align: center;
	padding: 20px 10px;
	border: 2px solid #CF60C3;
	font-size: 20px;
	font-weight: bold;
}

.load-more-outer {
	text-align: center;
}

.load-more-outer #loadMore {
	margin: 50px 0 20px 0;
}

.load-more-outer #loadMore a {
	color: #fff;
}

.load-more-outer #loadMore i {
	margin-left: 5px;
}

.amount-showing {
	text-align: right;
	font-size: 24px;
}

.currentlyShowing, .totalAmount {
	font-weight: bold;
}

.button-small-new {
	padding: 10px 20px!important;
	font-size: 20px!important;
	margin-top: 20px!important;
}

#zone {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: 1.5em 1.4em 1.5em 1em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 0 50px 0;
	border: none;
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

@media only screen and (max-width: 959px) and (min-width: 768px) {

	body.covid div#banner-wrap div.content h1 {
		font-size: 70px !important;
	}

	body.covid div#banner-wrap div.content div.intro p {
		font-size: 30px;
		line-height: 38px;
	}

	body.covid a.callout.covid .button {
		font-size: 15px;
	}

	.home_callout_covid {
		margin-bottom: 20px;
	}

	.row .medium-one { width: 100% !important; float: left !important; padding: 0 15px; }
	.row .medium-one:last-child { float: right; }
	.row .medium-one.end { float: left; }
	.row.collapse .medium-one { padding: 0; }

	.row .medium-two { width: 50% !important; float: left !important; padding: 0 15px; }
	.row .medium-two:last-child { float: right; }
	.row .medium-two.end { float: left; }
	.row.collapse .medium-two { padding: 0; }

}

.product-slide {
	overflow: hidden;
	margin: 0 10px;
}

@media only screen and (max-width: 767px) and (min-width: 320px) {

	body.covid div#banner-wrap div.content h1 {
		font-size: 60px;
		line-height: 64px;
	}

	body.covid div#banner-wrap div.content div.intro p {
		font-size: 20px;
		line-height: 28px;
	}

	body.covid a.callout.covid .button {
		font-size: 15px;
		width: 70%;
	}

	body.covid section#content h2 {
		font-size: 40px;
		line-height: 48px;
	}

	body.covid section#content h3, body.covid .box_grid h3 {
		font-size: 35px;
		line-height: 43px;
	}

	.box_grid .box img {
		width: 100%;
	}

	body.covid a.callout.covid p {
		width: 70%;
	}

	.home_callout_covid {
		margin-bottom: 20px;
	}

	.home_callout_covid .title-bar {
		padding: 20px;
	}

	.did-you-know.covid .dyk-fact {
    padding-top: 40px;
	}

	.did-you-know.covid .income .dyk-fact {
		top: 30px;
	}

	.did-you-know.covid .income .dyk-fact p {
		transform: translateY(38%);
	}

	.product-slide {
			overflow: hidden;
			margin: 0 10px;
	}

	.product-slider h2 {
		font-size: 40px;
		line-height: 46px;
	}

	body.home-covid .video-overlay > div {
		transform: translateY(2%);
	}

	.row .mobile-one { width: 100% !important; float: left !important; padding: 0 15px; }
	.row .mobile-one:last-child { float: right; }
	.row .mobile-one.end { float: left; }
	.row.collapse .mobile-one { padding: 0; }

	.row .mobile-two { width: 50% !important; float: left !important; padding: 0 15px; }
	.row .mobile-two:last-child { float: right; }
	.row .mobile-two.end { float: left; }
	.row.collapse .mobile-two { padding: 0; }
}

.child-pages {
	margin-top: 60px;
}

.support-callouts {
	margin-top: 80px;
	margin-bottom: 112px;
}

.support-callouts-heading {
	font-size: 40px;
	line-height: 45px;
	font-family: 'Sarabun';
	font-weight: 700;
	color: #313131;
	margin-bottom: 80px;
}

.child-page, .support-callout {
	margin-bottom: 50px;
}

.child-page-banner-image, .support-callout-banner-image {
	width: 100%;
	height: 220px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.child-page-inner-content, .support-callout-inner-content {
	background-color: #fff;
	padding: 23px 25px 30px;
	text-align: center;
}

.child-page-inner-content-title, .support-callout-inner-content-title {
	font-size: 30px;
	line-height: 36px;
	font-family: 'Sarabun';
	font-weight: 700;
	color: #2093B8;
	margin-bottom: 35px;
}

.child-page-inner-content-intro, .support-callout-inner-content-intro {
	font-size: 20px;
	line-height: 28px;
	font-family: 'Sarabun';
	margin-bottom: 25px;
	color: #454545!important;
}

.child-page-inner-content-button a, .support-callout-inner-content-button a {
	padding: 15px;
	font-size: 30px;
	line-height: 38px;
	text-align: center;
	width: 90%;
}

#itinerary {
	overflow: hidden;
	position: relative;
	margin-bottom: 60px;
}

.itinerary {
	text-align: center;
	display: inline-block;
}

.itinerary-time {
	font-size: 35px;
	line-height: 45px;
	color: #313131;
	margin-bottom: 12px;
	font-family: 'Sarabun';
	font-weight: 700;
}

.itinerary-content {
	font-size: 20px;
	line-height: 28px;
	color: #454545;
	font-family: 'Sarabun';
}

.itineraries-next-arrow:before, .itineraries-prev-arrow:before {
	bottom: unset;
	top: 55%;
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-size: 23px;
	background-color: rgba(69, 69, 69, 0.09);
	padding: 13px 20px;
	border-radius: 50%;
	font-weight: 400;
}

.itineraries-next-arrow:before {
	right: 0;

}

.itineraries-prev-arrow:before {
	left: 0;
}

#itinerary-nav {
	overflow: hidden;
	margin-bottom: 90px;
}

.itinerary-nav-item {
	display: inline-block;
	text-align: center;
	margin-right: 10px;
}

.itinerary-nav-item-time {
	font-size: 18px;
	line-height: 28px;
	color: #454545;
	font-family: 'Sarabun';
	font-weight: 700;
	border-top: 3px solid #D2D2D2;
	padding-top: 14px;
}

#itinerary-nav .slick-arrow {
	display: none!important;
}

.slick-current .itinerary-nav-item-time {
	border-top: 3px solid #CF60C3;
}

/*.child-pages-slider {*/
/*	overflow: hidden;*/
/*}*/

.child-pages-slider a {
	display: inline-block;
}

.gallery-nav-images img {
	margin-right: 10px;
}

.product-sidebar {
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;
}



.product-description {
	margin-top: 80px;
}

.product-description-content p {
	font-size: 16px;
	line-height: 28px;
	font-family: 'Sarabun';
}

.similar-products {
	overflow: hidden;
}

.similar-product {
	display: inline-block;
	margin: 0 10px 20px 0;
}

.similar-product-details {
	background-color: #fff;
	padding: 20px 35px;
	border-radius: 10px;
}

.similar-product-details-image {
	margin-bottom: 15px;
}

.similar-product-details-title {
	font-size: 24px;
	line-height: 36px;
	color: #313131;
	margin-bottom: 20px;
	font-weight: 700;
	font-family: 'Sarabun';
}

.similar-product-details-price {
	font-size: 20px;
	line-height: 36px;
	font-weight: 700;
	font-family: 'Sarabun';
}

.similar-products-heading {
	font-size: 50px;
	line-height: 55px;
	font-weight: 700;
	color: #243465;
	margin: 100px 0 50px;
	text-align: center;
	font-family: 'Sarabun';
}