body
{
	background: #f4f4f4;
	font-family: 'Myriad Pro', 'Arial';
}

nav
{
	width: 100%;
	height: 250px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	background: url('/img/menu-bg.png') repeat-x;
}

/*@media only screen and (max-width:480)
{
	nav
	{
		height: 120px;
	}

	#logo img
	{
		width: 100px;
	}
}*/

#logo
{
	text-align: center;
	padding-top: 30px;
}

nav ul
{
	margin: 30px auto;
}

nav ul li
{
	list-style-type: none;
	display: inline;
	padding: 0 10px;
	padding-bottom: 20px;
}

nav ul li.active
{
	background: url('../img/menu-active.png') no-repeat;
	/*background-position: 33px 17px;*/
	background-position: center 17px;
}

nav ul li a
{
	text-decoration: none;
	color: #105566;
	font-size: 16px;
	text-transform: uppercase;
}

.layer
{
	width: 100%;
	/*height: 750px;*/
	height: 670px;
	position: relative;
}

.layer .container
{
	width: 100%;
	height: 750px;
	background: url('../img/shadow.png') no-repeat center;
	text-align: center;
	position: relative;
}

/*.layer .container .row
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 700px;
	height: 250px;
	margin-left: -200px;
	margin-top: -150px;
	background: #ccc;
}*/

.layer.small
{
	height: 750px;
}

.layer.small .container
{
	height: 750px;
}

.layer h1
{
	padding-top: 210px;
	/*font-size: 103px;*/
	color: #fff;
	font-weight: normal;
	padding-bottom: 0;
	margin-bottom: 0;
}

.layer#welcome h1
{
	font-size: 66px;
	padding-top: 295px;
}

@media only screen and (max-width: 1024px)
{
	.layer#welcome h1, .layer h1
	{
		font-size: 40px;
		margin-bottom: 20px;
	}
}


.layer h2
{
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	padding: 0 40px;
	margin: 0;
}

.panel
{
	padding: 0;
}

.panel .content
{
	padding: 10px;
	text-align: center;
}

.panel h3
{
	font-size: 18px;
	color: #606366;
	font-weight: normal;
	text-align: center;
}

.panel hr
{
	width: 80px;
	margin: 0 auto;
	margin-bottom: 13px;
}

.boxcontent
{
	margin: 20px auto;
}

.layer#contact
{
	background: #1e8aa8;
	text-align: center;
}

#contact .columns
{
	text-align: center;
}

#contact h3
{
	color: #fff;
	font-weight: normal;
	padding-top: 40px;
}

#contact hr
{
	width: 90px;
	border: 0;
	height: 2px;
	margin: 10px auto;
	background: #fff;
}

#contact p
{
	margin-top: 10px;
	color: #fff;
}

textarea, input
{
	background: #105466 !important;
	border: 1px solid #105466 !important;
	color: #fff !important;
	padding: 10px;
	padding-top: 12px !important;
	font-size: 14px;
	border-radius: 4px;
}

textarea
{
	height: 200px;
}

.btn
{
	background: #30bae7 !important;
	border: none !important;
	padding: 20px 40px;
	border-bottom: 4px solid #299ec5 !important;
}

#footmenu .columns
{
	text-align: center;
	margin: 40px 0;
}

#footmenu a
{
	color: #fff;
	font-size: 22px;
}

@media only screen and (max-width: 1024px)
{
	#footmenu a
	{
		font-size: 16px;
	}
}

#logo-slider
{
	overflow: hidden;
	height: 108px;
}

#logo-slider-inner
{
	width: 10000px;
	height: 108px;
}

#logo-slider img
{
	margin: 30px 0;
	margin-right: 40px;
}

#side-menu
{
	z-index: 10010;
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	height: 100%;
	background: #135466;
	/*border-right: 2px solid #222;*/
	box-shadow: 0 10px 20px 0px #333;
}
	#side-menu ul
	{

	}

		#side-menu ul li
		{
			list-style-type: none;
			display: block;
			padding: 20px;
			border-bottom: 1px solid #3f7483;
		}

			#side-menu ul li a
			{
				font: 24px Roboto;
				font-weight: 300;
				color: #fff;
				text-transform: uppercase;
			}


#overlay
{
	background: #fff;
	opacity: 0.6;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 19;
	display: none;
}

.panel.news
{

}

.panel.news .content h3
{
	color: #105566;
	text-align: left;
	font-size: 20px;
}

.panel.news .content p
{
	color: #000;
	font-size: 16px;
	text-align: left;
	line-height: 100%;
}


.subpage .row
{
	padding-left: 0.9375em;
	padding-right: 0.9375em;
}
.subpage .row .columns
{
	padding-left: 3px !important;
	padding-right: 3px !important;
}

#opening
{
	color: #fff;
}

#opening h3
{
	font-size: 28px;
	color: #fff;
	font-weight: normal;
}

#opening h4
{
	font-size: 22px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 0;
}

#opening p
{
	font-size: 18px;
}

.panel.story
{
	text-align: left;
}

.panel.story h3
{
	color: #105566;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	line-height: 150%;
}

.panel.story h4
{
	font-size: 16px;
	color: #105566;
	font-weight: bold;
	text-align: left;
}

.panel.story p
{
	color: #1e1e1e;
	font-size: 16px;
	text-align: left;
	line-height: 150%;
}

.sidepanel h4
{
	color: #1e93b0;
	font-size: 18px;
	font-weight: normal;
}

.sidepanel p
{
	color: #fff;
	font-size: 16px;
}

.sidepanel hr
{
	border-top: 1px solid #777879;
}

.panel.topnews .content h3
{
	color: #105566;
	text-align: left;
	font-size: 16px;
}

.panel.topnews .content p
{
	color: #000;
	font-size: 14px;
	text-align: left;
	line-height: 100%;
}

.panel.topnews .content p:last-child
{
	margin-bottom: 0;
}

.subpage
{
	padding-bottom: 22px;
}

.subpage h1
{
	color: #fff;
	font-size: 24px;
	font-weight: normal;
}

.gallery-slider
{
	overflow: hidden;
	width: 100%;
	position: relative;
}

.gallery-slider .inner
{
	width: 100000px;
}

.gallery-slider .inner .frame
{
	position: relative;
	margin: 0 10px;
	width: 500px;
	float: left;
}

.gallery-slider .inner .frame img
{
	width: 100%;
}

.gallery-slider .inner .frame .overlay
{
	background: rgba(0, 0, 0, 0.7);
	padding: 20px 10px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
}

.gallery-slider .inner .frame:hover .overlay
{
	display: block;
}

a.gallery-nav
{
	position: absolute;
	top: 0;
	width: 37px;
	height: 100%;
	display: block;
	z-index: 5;
}

a.gallery-nav.left
{
	left: 2px;
	background: url('../img/gallery-slider-left.png') no-repeat center;
}

a.gallery-nav.right
{
	right: 2px;
	background: url('../img/gallery-slider-right.png') no-repeat center;
}

.layer2
{
	width: 100%;
	height: 750px;
	position: relative;
}

.layer2 .container
{
	background: url('../img/layer2-shadow.png') no-repeat bottom left;
	height: 750px;
}

.layer2 .row
{
	padding-top: 616px;
	height: 200px;
}

.layer2 .row img
{
	border: 1px solid #fff;
	/*padding: 3px;*/
	float: left;
	/*margin: 39px 10px;*/
	margin: 35px 10px;
}

.layer2 .row h1
{
	font-size: 73px;
	float: left;
}

@media only screen and (max-width: 480px)
{
	.layer2 .row h1
	{
		font-size: 30px;
	}

	.layer2 .row img
	{
		margin: -2px 10px;
	}
}

#shop-top .m a
{
	font-size: 24px;
	color: #fff;
	text-decoration: none;
	margin: 8px;
	font-weight: normal;
}

#shop-top .ic
{
	color: #fff;
	font-size: 15px;
	text-align: right;
	padding-right: 13px !important;
}

#shop-top .ic .icrow
{
	display: inline;
}

#shop-top .ic img
{
	margin-left: 5px;
}

#shop-top hr
{
	margin: 2px 8px;
	border-color: #777;
}

.shop-lead
{
	text-align: justify;
	text-transform: uppercase;
	color: #fff;
}

.shop-lead p
{
	margin: 10px;
	font-size: 14px;
}

.opening
{
	font-size: 15px;
	margin: 10px;
	line-height: 150%;
}

.shop-opening b
{
	padding: 0 8px;
	padding-right: 0;
	padding-left: 13px;
}

.shop-opening
{
	color: #fff;
}

.shop-opening .title
{
	text-transform: uppercase;
	font-size: 16px;
	margin-right: 8px;
}

.shop-opening .opening-day
{
	display: inline;
}


.customSelect, .searchField
{
	width: 100%;
	background: url('../img/select-arrow.png') no-repeat right center #fff !important;
	/*box-shadow: 0 0 4px #888;*/
	border-radius: 5px;
	padding: 8px 14px;
	font-size: 14px;
	text-align: left;
	margin: 15px 0;
	color: #1e8ba8;
	text-transform: uppercase;
	box-shadow: 0px 1px 4px #444;
}

.searchField
{
	margin-top: 15px !important;
	background: url('../img/icon-search.png') no-repeat right center #fff !important;
	color: #1e8ba8 !important;
	box-shadow: rgb(68, 68, 68) 0px 1px 4px 0px !important;
	border-radius: 5px !important;
}

.shoplist .large-5
{
	width: 20%;
}

.panel
{
	border: 0 !important;
	box-shadow: 0px 2px 1px #666;
}

#contact .row:first-child
{
	padding-top: 115px;
}

@media only screen and (max-width: 480px)
{
	#contact .row:first-child
	{
		padding-top: 0;
	}

	#contact
	{
		height: auto;
		padding-bottom: 20px;
	}
}

.shoplist .panel
{
	box-shadow: 0px 2px 1px #333;
}

.morenews
{
	background: #579aa9;
	color: #fff;
	cursor: pointer;
}

.morenews h3
{
	font-size: 15px !important;
	margin: 12px auto !important;
	color: #fff;
}

.subpage .panel
{
	box-shadow: 0px 2px 1px #333;
}

@media only screen and (max-width:480px)
{
	.layer, .layer .container
	{
		height: auto !important;
	}

	.layer .container
	{
		padding: 20px 0;
	}

	.layer .container h1
	{
		/*padding-top: 40px !important;*/
		font-size: 20px;
	}

	.layer .container h2
	{
		padding-bottom: 40px;
		display: none;
	}

	 .layer2, .layer2 .container
	 {
	 	height: 275px;
	 }

	.layer2 .row
	{
		padding-top: 200px;
	}

	.subpage .row .columns.m
	{
		padding: 20px 0;
		line-height: 170%;
	}

	#shop-top .m a
	{
		font-size: 18px;
	}

	#map iframe
	{
		height: 370px;
	}

	#shop-top .ic
	{
		text-align: left;
	}

	#shop-top .ic img
	{
		margin-right: 20px;
	}

	#shop-top .ic .icrow:nth-child(2) img
	{
		margin-left: 17px;
	}

	#shop-top .ic .icrow
	{
		display: block;
		margin: 22px 0;
	}

	.shop-opening .opening-day
	{
		display: block;
	}

	.shop-opening b
	{
		padding: 0;
	}
}

@media only screen and (max-width:320px)
{
	.layer2 .row h1
	{
		font-size: 28px;
	}
}

.search-block
{
	position: absolute;
	top: 187px;
	left: 0;
	width: 100%;
	height: 100px;
	background: #135466;
	z-index: 9999;
	display: none;
}

.search-block input, .mobileSearch
{
	float: right;
	background: url('../img/searchbar-bg.png') no-repeat center right #fff !important;
	margin-top: 58px;
	width: 200px;
	color: #135466 !important;
}


.ui-datepicker-header
{
	height: 25px;
	position: relative;
	text-align: center;
	background: #fff;
}

.ui-datepicker-prev, .ui-datepicker-next
{
	color: #999;
	position: absolute;
	width: 20px;
	top: 5px;
	left: 5px;
}

.ui-datepicker-next
{
	left: inherit;
	right: 5px;
}

.ui-datepicker-title
{
	text-align: center;
	color: #aaa;
	font-size: 12px;
	font-weight: normal;
	padding-top: 7px;
}

.ui-datepicker-calendar
{
	border-spacing: 1px;
	background: none;
	width: 100%;
}

.ui-datepicker-calendar thead
{
	background: none;
}

.ui-datepicker-calendar thead th
{
	font-size: 10px;
	color: #83d9f8;
	font-weight: normal;
	text-align: center;
}

.ui-datepicker-calendar tbody tr
{
	background: none;
}

.ui-datepicker-calendar tbody tr td
{
	background: #fff;
	text-align: center;
	border: 2px solid transparent;
}

.ui-datepicker-calendar tbody tr td a
{
	color: #aaa;
	font-size: 10px;
}

.ui-datepicker-current-day
{
	border: 2px solid #00b0be !important;
}

.ui-datepicker-other-month
{
	background: none !important;
}


.search-text
{
	color: #eee;
	font-size: 14px;
	position: absolute;
	top: 77px;
	left: 15px;
	display: none;
}

@media only screen and (max-width:480px)
{
	.search-text
	{
		top: 106px;
	}
}




/*
additional rules
*/

div.row.shop-lead {
	text-transform: none;
	line-height: 1.5;
	letter-spacing: 1px;
}

div.row.shop-lead div {
	padding: 0 0.6em;
}

div.content ul {
	padding-left: 30px;
}

form
{
	margin: 0 !important;
	padding: 0 !important;
}

div.realperson-challenge div.realperson-text {
	color: #fff;
}

#recaptcha_area {
	margin: 0 auto;
}

.recaptchatable #recaptcha_response_field {
	display: inline;
	background: white !important;
	color: #000 !important;
}