@import url('//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Open+Sans+Condensed:300,300italic,700|Lato:300,300i,400,400i,700,700i,900,900i');

	/* Default Styles */
	html, body																			{ margin: 0; padding: 0; width: 100%; height: 100%; font-size: 100%; }
	input, select, textarea																{ margin: 0; padding: 0; resize: none; }
	table, tr, th, td																	{ margin: 0; padding: 0; vertical-align: top; }
	a, img																				{ text-decoration: none; color: inherit; border: none; outline: 0; }
	a																					{ margin: 0; padding: 0; line-height: inherit; }
	img																					{ max-width: 100%; }
	hr																					{ margin: 0.25em 0 0.5em; height: 1px; background-color: #303030; border: 0 none; clear: both; }
	iframe																				{ border: 0 none; }
	.button,
	button																				{ margin: 0; padding: 0.25em; min-width: 180px; font-size: 0.875em; line-height: 1.667em; text-decoration: none; color: #231F20; background-color: #FFBF00; border: 0 none; display: inline-block; }

	/* Page Styles */
	html																				{ background-color: #282828; }
	body																				{ font-family: 'Open Sans', Arial, sans-serif; }

	div.page																			{ margin: auto; padding: 0; width: 100%; }
	div.offset																			{ margin: 0 auto; padding: 0 10px; width: 100%; max-width: 1220px; position: relative; clear: both; }

	div#mobile-nav																		{ display: none; }

	section.main																		{ margin: 0; padding: 1em 0 2em; width: 100%; background-color: #FFFFFF; position: relative; z-index: 5; }
	section.shop																		{ padding-bottom: 0; }

	section.main div.content															{ margin: 0; padding: 0; position: relative; }
	section.main div.content-left														{ padding-left: 0; }
	section.main div.content-right														{ padding-right: 0; }

	section.main div.content h1															{ margin: 0 0 1em; padding: 0; font-size: 1.5em; line-height: 1.25em; font-weight: 400; color: #232021; font-family: 'Lato', Arial, sans-serif; }
	section.main div.content h2															{ margin: 1.25em 0 1em; padding: 0; font-size: 1.375em; line-height: 1.5em; font-weight: 400; color: #232021; font-family: 'Lato', Arial, sans-serif; }
	section.main div.content h3															{ margin: 0 0 1em; padding: 0; font-size: 1.25em; line-height: 1.25em; font-weight: 400; text-transform: uppercase; color: #232021; font-family: 'Lato', Arial, sans-serif; }
	section.main div.content h4															{ margin: 0 0 1em; padding: 0; font-size: 0.875em; line-height: 1.25em; font-weight: 700; color: #232021; }
	section.main div.content p															{ margin: 0 0 1.5em; padding: 0; font-size: 0.875em; line-height: 1.667em; color: #232021; }

	section.main div.content ul,
	section.main div.content ol															{ margin: 1em 0; padding: 0 0 0 2em; font-size: 1em; line-height: 1.25em; color: #232021; }
	section.main div.content ul															{ list-style-type: disc; }
	section.main div.content li															{ margin: 0 0 0.5em; padding: 0; font-size: 0.875em; line-height: 1.375em; color: #232021; }
	section.main div.content li li														{ font-size: 1em; }
	section.main div.content img														{ max-width: 100%; height: auto; }

	section.main .content > div > :first-child											{ margin-top: 0; }
	section.main .content > div > :last-child											{ margin-bottom: 0; }

	section.main div.featured-products													{ margin: 1em 0; padding: 1em; background-color: #EDEDED; }
	section.main div.featured-products h2												{ margin: 0 0 0.375em; font-size: 1.625em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }

	#google-map																			{ width: 100%; height: 500px; position: relative; }
	#google-map button																	{ min-width: 0; }

	form.search																			{ position: relative; }
	.search-autosuggest																	{ padding: 10px; width: 100%; font-size: 0.875em; color: #000000; background-color: #EEEEEE; text-align: left; position: absolute; z-index: 10000001; }
	.autosuggest-container																{ border: 1px solid #D1D1D1; }

	.search-autosuggest .autosuggest_result												{ padding: 0.25em 0.75em; background-color: #FFFFFF; border-top: 1px solid #D1D1D1; }
	.search-autosuggest .autosuggest_result:first-child									{ border-top: 0 none; }
	.search-autosuggest .autosuggest_page												{ padding-top: 0.75em; padding-bottom: 0.75em; }

	.search-autosuggest .image_container												{ padding-top: 30%; width: 30%; vertical-align: middle; display: inline-block; }
	.search-autosuggest .productlisting_details											{ padding-left: 5%; width: 70%; vertical-align: middle; display: inline-block; }

	form .field-block																	{ font-size: 0.875em; color: #232021; }

	/* iCheck Plugin CSS */

	.icheckbox_square,
	.iradio_square																		{ display: inline-block; vertical-align: middle; margin: 0 1em 0 0; padding: 0; background-color: #FFFFFF; background-repeat: no-repeat; background-position: center center; border: 1px solid #282828; cursor: pointer; }

	label:hover .icheckbox_square,
	label:hover .iradio_square															{ border-color: #969696; background-color: #F8F8F8; }

	.icheckbox_square																	{ width: 16px; height: 16px; }
	.icheckbox_square.checked															{ background-image: url('../images/icheck-tick-dark.png'); }
	.icheckbox_square.disabled															{ opacity: 0.6; cursor: default; }

	.icheckbox_square.darktick.checked													{ background-image: url('../images/icheck-tick-dark.png'); }
	.icheckbox_square.lighttick.checked													{ background-image: url('../images/icheck-tick-light.png'); }

	.iradio_square																		{ width: 13px; height: 13px; border-radius: 100%; }
	.iradio_square.checked																{ background-color: #232021; box-shadow: inset 0 0 0 2px #FFFFFF; }
	label:hover .iradio_square.checked													{ background-color: #232021; }
	.iradio_square.disabled																{ opacity: 0.6; cursor: default; }

	/* Blue version */

	.icheckbox_square.blue																{ background-color: #0C7ED6; border: 0 none; }
	.iradio_square.blue																	{ border-color: #0C7ED6; }

	label:hover .icheckbox_square.blue													{ background-color: #54A4FF; }
	label:hover .iradio_square.blue														{ border-color: #54A4FF; }

	.iradio_square.blue.checked															{ background-color: #0C7ED6; box-shadow: inset 0 0 0 2px #FFFFFF; }
	label:hover .iradio_square.blue.checked												{ background-color: #0C7ED6; }

	.clear																				{ clear: both; }
	.error																				{ color: #FFFFFF !important; background-color: #E10000 !important; }

	/* Product Booking */

	div.popup-panel.booking                                 { margin: 24px 0%; padding: 0%; width: 37.5em; max-height: 540px; border-radius: 10px; overflow: hidden; box-shadow: none; }
    div.popup-panel.booking h2                              { margin: 0%; padding: 2.5rem 2.5rem; font-family: 'Poppins', sans-serif; font-size: 1.5em; font-weight: 300; line-height: 1; text-transform: uppercase; color: #FFFFFF; background-color: #154d34; }
    div.popup-panel.booking span.close                      { top: 40px; right: 32px; color: #FFFFFF; }
    div.popup-panel.booking div.form_container              { padding: 32px 32px 38px 32px; font-family: 'Poppins', sans-serif; background-color: #FFFFFF; text-align: center; overflow-y: scroll; max-height: 436px; }
    div.popup-panel.booking #datepicker                     { margin: 0% auto; max-width: 272px; }
    div.popup-panel.booking button                          { margin: 32px 0% 0% 0%; padding: 10px 13% 6px 13%; min-width: 0px; font-family: 'Poppins', sans-serif; font-size: 0.875em; line-height: 1.286em; font-weight: 500; text-transform: uppercase; display: inline-block; position: relative; color: #FFFFFF; background-color: #154d34; border: 1px solid #154d34; border-radius: 64px; transition: all 0.3s ease; }
    div.popup-panel.booking ul.productoption-list           { margin: 0%; padding: 0%; list-style: none; }
    div.popup-panel.booking ul.productoption-list li        { margin: 0% 0% 12px 0%; padding: 0%; }
    div.popup-panel.booking ul.productoption-list li label  { margin: 0%; padding: 14px 12px 12px 12px; font-family: 'Poppins', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; text-align: left; text-transform: none; display: block; color: #154d34; border: 2px solid #EEEEEE; border-radius: 2px; cursor: pointer; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; user-select: none; -webkit-user-select: none; -moz-user-select: none; -webkit-touch-callout: none; }
    div.popup-panel.booking ul.productoption-list li label:hover   { background-color: #F1F1F1; cursor: pointer; }
    div.popup-panel.booking ul.productoption-list li input[type=radio] { margin: -2px 16px 0% 4px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; }
    div.popup-panel.booking button.back-button              { margin: 0% 16px 0% 0%; color: #154d34; background-color: transparent; border: 1px solid #154d34; }
    div.popup-panel.booking button.back-button:hover        { color: #FFFFFF; background-color: #154d34; border-color: #154d34; }
    div.popup-panel.booking #select_tickets div.price-container { display: flex; align-items: center; width: 70%; vertical-align: middle; text-align: left; }
    div.popup-panel.booking #select_tickets div.form-group  { margin: 0% auto 12px auto; padding: 6px 6px 6px 16px; max-width: 340px; background-color: #e8f9f1; display: flex; align-items: center; } 
    div.popup-panel.booking #select_tickets div.price-container label { width: 50%; display: inline-block; vertical-align: middle; }
    div.popup-panel.booking #select_tickets div.quantity_select { display: inline-block; width: 30%; }
    div.popup-panel.booking textarea,
    div.popup-panel.booking input                           { padding: 9px 16px 8px 16px; display: inline-block; vertical-align: middle; background-color: #FFFFFF; border: 2px solid #e8f9f1; border-radius: 2px; }
    div.popup-panel.booking select                          { padding: 7px 16px 5px 16px; font-family: 'Roboto', sans-serif; font-size: 1em; line-height: 1.5em; display: inline-block; vertical-align: middle; position: relative; color: #154d34; background-color: #FFFFFF; border: 2px solid #e8f9f1; border-radius: 2px; overflow: hidden; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; }
    div.popup-panel.booking #select_tickets div.quantity_select select { width: 100%; }

	@media only screen and (min-width: 0px) and (max-width: 800px)
	{
		div.offset																		{ padding: 0 3%; }

		div#mobile-nav																	{ display: block; }
		#menu-container																	{ width: 100%; z-index: 100000; position: absolute; overflow: auto; }

		section.main div.content h1														{ font-size: 2em; line-height: 1.25em; text-align: center; }
		section.main div.content h2														{ font-size: 1.75em; line-height: 1.25em; }
		section.main div.content h3														{ font-size: 1.375em; line-height: 1.25em; }
		section.main div.content p														{ font-size: 1.25em; line-height: 1.5em; }
		section.main div.content ol,
		section.main div.content ul														{ padding-left: 2.375em; }
		section.main div.content li														{ font-size: 1.25em; }

		#google-map																		{ height: 250px; }
	}

	@media only screen and (min-width: 0px) and (max-width: 400px)
	{
		section.main div.content h1														{ font-size: 1.75em; }
		section.main div.content h2														{ font-size: 1.5em; }
		section.main div.content h3														{ font-size: 1.125em; }
		section.main div.content p														{ font-size: 1em; }
		section.main div.content ul														{ padding-left: 1.25em; }
		section.main div.content li														{ font-size: 1em; }
	}