@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; }
ul, li { list-style: none; }
img { max-width: 100%; vertical-align:baseline; }
a, button, input, a:focus, button:focus, input:focus { outline: none; text-decoration: none; font-family: 'Roboto', sans-serif; }
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.container { max-width: 1200px; padding: 0 15px; margin: 0 auto; }
.row { margin: 0 -15px; }
.section { width: 100%; float:left; }
.main-header { padding-top: 20px; }
.symbol { width: 10%; float:left; }
.logo-section { width: 80%; text-align: center; float:left; }
.mob-menu { display: none; }
.navigation { margin-top: 20px; }
.navigation ul.main-menu { width: 100%; text-align: center; display: inline-block; height: 63px; position: relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 2px solid #52834a; background: rgb(51,156,56); background: linear-gradient(180deg, rgba(51,156,56,1) 0%, rgba(142,214,81,1) 100%); }
.navigation li { display: inline-block; height: 59px; position: relative; margin: 0 -2px; vertical-align: top; }
.navigation li a { width: 100%; display: inline-block; padding: 20px; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; }
.navigation li a:hover, .navigation li.active a { background-color: rgba(0,0,0,0.2); }
.navigation li:after { content: ""; width: 2px; height: 37px; background-image: url("../images/navigation-separator.png"); right: -1px; top: 0; bottom: 0; margin: auto; display: inline-block; position: absolute; }
.navigation li:last-child:after { display: none; }
.navigation ul ul.sub-menu { display: none; position: absolute; background: #71c449; width: 240px; text-align: left; border-radius: 0 0 10px 10px; border: 2px solid #52834a; border-top: none; top: 59px; z-index: 9; }
.navigation ul li.dropdown:hover ul.sub-menu { display: block; }
.navigation ul ul.sub-menu li { width: 100%; margin: 0; }
.navigation ul ul.sub-menu li:after { display:none; }
.navigation ul li.dropdown:before { position: absolute; bottom: 10px; left: 0; right: 0; margin: auto; content: ""; border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; width: 0px; }
.text-center { text-align: center; }
.lighthouse-slider .container { max-width: 400px; }

.footer { width: 100%; float:left; background-color: #eee; padding: 50px 0; text-align: center; }
.footer ul { margin-bottom: 15px; }
.footer li { display: inline-block; padding: 0 10px; font-size: 14px; }
.footer li a { color: #666; }
.footer li a:hover { color: #91d852; }
.footer p { color: #666; font-size: 14px; }

.contact { text-align: center; }
.contents { padding: 50px 0; }
.contents h3 { font-size: 30px; color: #91d852; margin-bottom: 20px; }
.contents p { font-size: 16px; color: #959085; line-height: 24px; }
.contents .container { max-width: 530px; }
.membership form { display: inline-block; width: 100%; margin-top: 40px; text-align: left; }
.membership label { font-size: 16px; color: #666; line-height: 24px; margin-bottom: 10px; display: inline-block; width: 100%;}
.membership input[type='text'], .membership input[type='number'] { width: 100%; display: inline-block; border: 1px solid #999; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 15px 15px; color: #333; margin-bottom: 20px; }
.membership input[type='submit'] { width: 100%; padding: 20px; font-size: 20px; background: rgb(51,156,56); background: linear-gradient(180deg, rgba(51,156,56,1) 0%, rgba(142,214,81,1) 100%); color: #fff; text-transform: uppercase; font-weight: 500; border: none; border-radius: 5px; cursor: pointer; }
.accept-policy { position: relative; width: 100%; display: inline-block; padding-left: 45px; }
.membership input[type='checkbox'] { position: absolute; left: 0; top: 0px; width: 25px; height: 25px; border-radius: 5px; }

@media (max-width:900px){
	.xs-hide { display:none; }
	.symbol { width: 100%; text-align: center; }
	.logo-section { width: 100%; text-align: center; }
	.mob-menu { width: auto; padding: 10px 15px; height: 47px; margin: 0 -15px; display: block; background-color: #eee; }
	.mob-menu p { float: left; color: #999; margin-top: 4px; }
	.navigation { margin-top: 10px; }
	.menu-button { float: right; width: 30px; }
	.menu-button span { width: 30px; height: 3px; background: #999; float:left; margin: 3px 0; }
	.navigation ul.main-menu { display:none; height: auto; margin: 0 -15px; width: auto; border-radius: 0px; border:none; float: left; }
	.navigation ul.main-menu.open { display: block; }
	.navigation li { width: 100%; height: auto; text-align: left; }
	.navigation li a { padding: 16px 15px; font-size: 14px; }
	.navigation ul li.dropdown:before { height: 0px; top: 22px; right: 15px; left: auto; bottom: auto; }
	.navigation ul li.dropdown ul.sub-menu { position: relative; display: block; top: 0; border: none; width: 100%; border-radius: 0px; background-color: rgba(0,0,0,0.2); }
	.contents, .lighthouse-slider { padding: 30px 0; }
}