@import url('https://fonts.googleapis.com/css?family=Lato');

* { padding:0; margin:0; border:none; outline:none;box-sizing:border-box; font-family: 'Lato', sans-serif; }

body { }
	.clear { clear: both; }
	.inner { max-width: 1200px; padding-left: 5px; padding-right: 5px; margin: 0 auto; }
	a { text-decoration: none; color: #EC784D; }
	a:hover { color: #D14916; }
	img, table, iframe { max-width: 100%; }
	.counter { color: #CCC; }

div#container { }


div#container header { background: #339965; }
	div#container header div.inner { padding-top: 25px; padding-bottom: 55px; }
	div#container header div.inner a { }
	div#container header div.inner a img { float:left; margin-right: 20px; }
	div#container header div.inner h1 { margin: 12px 0 5px 0; }
	div#container header div.inner h1 a { font-size: 36px; color:#FFF; font-weight: bold; line-height: 1; }
	div#container header div.inner h2 { color: #1E5B3D; font-size: 22px; font-weight: bold; line-height: 1; }
	div#container header div.inner ul { list-style: none; float: right; }
	div#container header div.inner ul li { text-align: right; margin-bottom: 5px; }
	div#container header div.inner ul li a { color: #FFF; font-size: 13px; }
	div#container header div.inner ul li a:hover { color: #1E5B3D; }
	
	div#container header div.inner ul li a:before { font-size: 13px; content:""; font-family: 'Font Awesome 5 Pro'; font-weight: 100; margin-right: 12px; }
	div#container header div.inner ul li.tel a:before { content:"\f095"; }
	div#container header div.inner ul li.email a:before { content:"\f0e0"; }
	div#container header div.inner ul li.addy a:before { content:"\f276"; }
	

div#container nav { margin-top: -30px; }
	div#container nav div.inner { }
	div#container nav div.inner span.nav-btn { display: none; width: 100%; background: #1E5B3D; color: #FFF; height: 60px; line-height: 60px; text-align: center; font-weight: bold; cursor: pointer; }
	div#container nav div.inner span.nav-btn:before { content: "Menu"; }

	div#container nav div.inner ul { list-style: none; display: flex; box-shadow: 0 5px 0 rgba(40, 123, 82, 0.45); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
	div#container nav div.inner ul li { position: relative; background: #287B52; display: inline-block; line-height: 60px; flex-grow: 1; border-left:#539575 2px solid; }
	div#container nav div.inner ul li:hover { background:#1E5B3D }

	div#container nav div.inner ul li:first-of-type { border-left: none; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
	div#container nav div.inner ul li:last-of-type { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
	

	div#container nav div.inner ul li a { display: block; line-height: 60px; text-align: center; color: #FFF; font-weight: bold; font-size: 16px; letter-spacing: 0.5px; }
		div#container nav div.inner ul li ul { display: none; width: 220px; box-shadow: none;  }
		div#container nav div.inner ul li:hover ul { display: block; position: absolute; top:60px; left: 0; }
		div#container nav div.inner ul li ul li { background:#236D48; border-left: none; display: block; border-bottom:#539575 2px solid; }
		div#container nav div.inner ul li ul li a { display: block; width: 100%; text-align: left; line-height: 1; padding: 13px 15px; font-size: 15px; }

		div#container nav div.inner ul li ul li:first-of-type { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
		div#container nav div.inner ul li ul li:last-of-type { border-left: none; border-top-right-radius: 0; border-bottom:none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
		div#container nav div.inner ul li ul li:last-of-type a { border-bottom:none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
		
		div#container nav div.inner ul li ul li:hover { background: #1E5B3D; }

div#container div.hero { min-height: 400px; margin: -30px 0 0px 0; position: relative; z-index: -1; }
div#container div.hero img { width: auto !important; }


.message-block {
    padding: 20px;
    background: #EC784D;
    color: #fff;
    margin-bottom: 20px;
}
.message-block p {
    margin-bottom: 8px;
}
div#container div#content { }
	div#container div#content div.inner { }
	div#container div#content div.inner div.home-block { border-radius: 10px; display: inline-block; width: 31%; margin: 0 1%; float: left; margin-bottom: 30px; color:#FFF; }
	div#container div#content div.inner div.home-block div.home-block-inner { padding: 20px; }
	div#container div#content div.inner div.home-block h3 { line-height: 60px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0 20px; color:#FFF; font-size: 22px; font-weight: bold; }
	div#container div#content div.inner div.home-block h3 a { line-height: 60px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0 20px; color:#FFF; font-size: 22px; font-weight: bold; }
	div#container div#content div.inner div.home-block h3:after { content:""; float: right; width: 76px; height:76px; border-radius: 38px; text-align: center; line-height: 76px; margin-top: -7px; }
	div#container div#content div.inner div.home-block ul { list-style: none; }

	div#container div#content div.inner div.home-block.block1 { background: #EC784D; box-shadow: 0 5px 0 rgba(236, 120, 77, 0.45); }
	div#container div#content div.inner div.home-block.block1 h3 { background: #E85D2A; }
	div#container div#content div.inner div.home-block.block1 h3:after { background: #D14916; }
	div#container div#content div.inner div.home-block.block1 a { color: #FFF; font-weight: bold; font-style: italic; }
	div#container div#content div.inner div.home-block.block1 a:hover { color: #D14916; }
	div#container div#content div.inner div.home-block.block1 h3:after { content:"\f549"; font-family: 'Font Awesome 5 Pro'; font-size: 36px; font-weight: 100; }

	div#container div#content div.inner div.home-block.block2 { background: #67708D; box-shadow: 0 5px 0 rgba(103, 112, 141, 0.45); }
	div#container div#content div.inner div.home-block.block2 h3 { background: #525C7D; }
	div#container div#content div.inner div.home-block.block2 h3:after { background: #3E455E; }
	div#container div#content div.inner div.home-block.block2 strong { color:#3E455E; }
	div#container div#content div.inner div.home-block.block2 h3:after { content:"\f1ea"; font-family: 'Font Awesome 5 Pro'; font-size: 36px; font-weight: 100; }

	div#container div#content div.inner div.home-block.block3 { background: #F8C14D; box-shadow: 0 5px 0 rgba(248, 193, 77, 0.45); }
	div#container div#content div.inner div.home-block.block3 h3 { background: #F6AB10; }
	div#container div#content div.inner div.home-block.block3 h3:after { background: #E99F07; }
	div#container div#content div.inner div.home-block.block3 h3:after { content:"\f030"; font-family: 'Font Awesome 5 Pro'; font-size: 36px; font-weight: 100; }
	div#container div#content div.inner div.home-block.block3 ul { text-align: center; }
	div#container div#content div.inner div.home-block.block3 ul li { display: inline-block; }
	div#container div#content div.inner div.home-block.block3 ul li a { display: block; background: #F6AB10; color: #FFF; padding: 12px 24px; border-radius: 8px; font-weight: bold; margin: 9px; letter-spacing: 0.5px; }
	div#container div#content div.inner div.home-block.block3 ul li a:hover { color: #F6AB10; background: #FFF; }

	div#container div#content div.inner div.home-block.block4 { background: #B9D29D; box-shadow: 0 5px 0 rgba(185, 210, 157, 0.45); }
	div#container div#content div.inner div.home-block.block4 h3 { background: #86AF54; }
	div#container div#content div.inner div.home-block.block4 h3:after { background: #739746; }
	div#container div#content div.inner div.home-block.block4 h3:after { content:"\f099"; font-family: 'Font Awesome 5 Brands'; font-size: 36px; font-weight: 100; }



div#container div#content-page { }
	div#container div#content-page div.inner { padding-top: 50px; padding-bottom: 50px; }
	div#container div#content-page div.inner h1 { font-size: 22px; line-height: 1; color: #287B52; margin-bottom: 15px; }
	div#container div#content-page div.inner h1 a { font-size: 22px; line-height: 1; color: #287B52; }
	div#container div#content-page div.inner h1 a:hover { color: #1E5B3D; }
	div#container div#content-page div.inner .left { float: left; width: calc(100% - 320px); }
	div#container div#content-page div.inner .left img { height: auto !important; }
	div#container div#content-page div.inner .right { float: right; width: 280px; background: #EC784D; box-shadow: 0 5px 0 rgba(236, 120, 77, 0.45); border-radius: 10px; }
		div#container div#content-page div.inner .right h3 { background:#D14916; color:#FFF; font-weight: bold; line-height: 60px; padding: 0 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 18px; }
		div#container div#content-page div.inner .right ul { list-style: none; }
		div#container div#content-page div.inner .right ul li { }
		div#container div#content-page div.inner .right ul li a { font-weight:bold; color:#FFF; padding: 15px; display:block; border-top:#E85D2A 1px dotted; }
		div#container div#content-page div.inner .right ul li:first-of-type a { border-top: none; }
		div#container div#content-page div.inner .right ul li a:hover { background: #E85D2A; }
		div#container div#content-page div.inner .right ul li:last-of-type a:hover { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

div#container div#lower { background: #339965; }
	div#container div#lower div.inner { text-align: center; padding-top: 30px; padding-bottom: 30px; color: #FFF; }
	div#container div#lower div.inner strong { display: block; margin-bottom: 5px; }
	div#container div#lower div.inner ul { list-style: none; margin-top: 15px; }
	div#container div#lower div.inner ul li { display: inline-block; text-align: left; margin: 0 15px; padding-left: 52px; position: relative; }
	div#container div#lower div.inner ul li a { font-weight: bold; }
	div#container div#lower div.inner ul li:before { content: ""; background:#277A52; width: 42px; height: 42px; line-height: 42px; border-radius: 21px; text-align: center; position: absolute; left: 0; top: 2px; }
	div#container div#lower div.inner ul li.tel a { color: #FFF; }
	div#container div#lower div.inner ul li.tel:before { content:"\f095"; font-family: 'Font Awesome 5 Pro'; font-size: 18px; font-weight: 100; }
	div#container div#lower div.inner ul li.tel a span { color: #277A52; display: block; }
	div#container div#lower div.inner ul li.email a { color: #FFF; }
	div#container div#lower div.inner ul li.email:before { content:"\f0e0"; font-family: 'Font Awesome 5 Pro'; font-size: 18px; font-weight: 100; }
	div#container div#lower div.inner ul li.email a span { color: #277A52; display: block; }


div#container footer { }
	div#container footer div.inner { text-align: center; padding-top: 20px; padding-bottom: 20px; }
	div#container footer div.inner a { color: #339965; }
	div#container footer div.inner a:hover { color: #1E5B3D; }




@media screen and (max-width: 1055px) {
	
	div#container header div.inner ul { display: none; }
	
	div#container div#content div.inner div.home-block { width: 48%; }
	div#container nav div.inner span.nav-btn { display: block; }
	
	div#container nav div.inner ul { display: none; }	
	div#container nav div.inner ul li { display: block; width: 100%; float: none; }
	div#container nav div.inner ul li:first-of-type { border-radius: 0; }
	div#container nav div.inner ul li:last-of-type { border-top-right-radius: 0; border-bottom-left-radius: 10px; }
	div#container nav div.inner ul li:hover ul { display: none !important; }
	div#container nav div.inner ul li a { line-height: 40px; }
	div#container nav div.inner ul li ul { display: none !important; }
	
}

@media screen and (max-width: 730px) {
	
	div#container header div.inner { text-align: center; }
	div#container header div.inner a img { float: none; }
	div#container header div.inner h1 a { font-size: 4vw; }
	div#container header div.inner h2 { font-size: 3vw; }
	
	div#container div#content-page div.inner .left { float: left; width: 100%; }
	div#container div#content-page div.inner .right { float: right; width: 100%; margin-top: 30px; }

}

@media screen and (max-width: 640px) {
	
	div#container div#content div.inner div.home-block { width: 100%; margin: 0 0 30px 0; }
	div#container div#lower div.inner ul li { width: 100%; padding: 0; margin: 0; text-align: center; }
	div#container div#lower div.inner ul li:first-of-type { margin-bottom: 10px; }
	div#container div#lower div.inner ul li:before { display: none; }
	
}








.mod1, .mod2, .mod3, .mod4, .mod8 { margin-bottom:20px; }
.mod3 a { margin:0 10px 10px 0; float:left; }
.mod3 img { border:#B9D29D 3px solid; border-radius: 5px; }
.mod3 ul { margin-left:0 !important; }
.mod3 p { margin-bottom:10px !important; }
.mod1 ul, .mod2 ul { margin:20px !important; }
ul.innerNav { margin:20px; }
div#container div#content div.inner div#annou .mod1 { margin:0 !important; }

.calendar { width:100%; border-collapse:collapse;  }
.calendar tr { height:60px; } 
.calendar .calendar-head { height:20px !important; }
.calendar td { padding:5px; border:#CCC 1px solid; width:14%; vertical-align:top; } 
.calendar-day-head { line-height:20px; background-color:#666; color:#FFF; padding:5px; text-align:center; }
.calendar-day-np { line-height:30px; }
.calendar td.today { background-color:#CCC; }
.calendar .calendar-day:hover { background-color: #E6E6E6; }

.mod7 ul { padding:0; margin:15px 0 0 0!important; }
.mod7 li { list-style:none; padding:10px; margin:0 0 10px 0; }
.mod7 li:nth-child(odd) { background: #FFE0C1; margin-right:30px; }
.mod7 li:nth-child(odd) span { float: right; padding:8px; background-color: #FFA953; font-size:11px; margin:-10px -10px 0px 10px; }
.mod7 li:nth-child(even) { background: #D6F3FE; margin-left:30px; }
.mod7 li:nth-child(even) span { float: left; padding:8px; background-color:#60D0FB ; font-size:11px; margin:-10px 10px 0px -10px; }
.mod7write { padding:10px; background:#EFEFEF; border-top:#999 1px solid; border-bottom:#999 1px solid; margin-top:10px; }
.mod7write label { width:100px; float:left; }
.mod7write input { width:200px; float:left; padding:5px; border:#999 1px solid; }
.mod7write textbox { width:100px; float:left; }
.mod7write textarea { width:300px; float:left; padding:5px; border:#999 1px solid; }

.mod8 { padding-bottom:20px; border-bottom:#EDBF47 1px dotted; }
.mod8.full { border-bottom:none; }
.mod8 img.small { float:left; max-width:120px; margin:0 15px 0 0; border:#EDBF47 1px solid; padding:3px; }
.mod8 img.full { max-width:460px; max-height:510px; margin:5px 0 10px 0; border:#EDBF47 1px solid; padding:3px; display:block; }
.mod8  .title a, .mod8 .title { font-weight:bold; text-decoration:none; font-size:16px; display:block; }
.mod8 em { margin-bottom:5px; display:block; font-size:12px; }



/* Cookie Box */
#cookie_box {
	position: fixed;
	display: inline-flex;
	font-family: sans-serif;
	left: 50%;
	transform: translate(-50%);
	justify-content: center;
	align-items: center;
	bottom: 20px;
	font-size: 14px;
	z-index: 1000;
	background: #309682;
	padding: 15px 10px;
	width:35%;
	color: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 5px 4px rgb(0 0 0 / 0.2);
}
#cookie_box .cookie_box_close {
	background-color: #7fc3b6;
	border-radius: 10px;
	padding: 10px 30px;
	transition: all ease 0.25s;
}
#cookie_box .cookie_box_close:hover {
	background-color: #6cb1a4;
	color: #fff;
}
#cookie_box .box-cookie {
	width: 85%;
	padding: 0px 25px;
	text-align: justify;
	color: #fff;
}
#cookie_box .box-cookie a {
	color: #d8d8d8;
	font-weight: 600;
	text-decoration: none;
  transition: all ease 0.25s;
}
#cookie_box .box-cookie a:hover {
	color: #bdbdbd;
}
#cookie_box .box-img {
	display: inline-block;
	height: auto;
	width: 7.5%;
	text-align: center;
}
#cookie_box .box-img p{
	font-size: 3em;
	text-shadow: none;
	margin: 0px;
}
#cookie_box .box-btn {
	width: 15%;
	text-align: center;
}
#cookie_box .box-btn a{
	color: #fff;
	text-shadow: 0px 0px 8px rgb(0 0 0 / 0.5);
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
}
/**/
/* Cookie Mobile */

@media (max-width: 1600px) {
	#cookie_box {
		width: 50%;
	}
}

@media (max-width: 1300px) {
	#cookie_box {
		width: 70%;
	}
}

@media (max-width: 900px) {
	#cookie_box {
		width: 80%;
	}
}

@media (max-width: 770px) {
	#cookie_box .box-cookie {
		display: inline-block;
		vertical-align: middle;
		width: 85%;
		font-size: 12px;
		padding: 0px 5px;
	}
	#cookie_box .box-btn {
		display: inline-block;
		vertical-align: middle;
		width: 15%;
	}
	#cookie_box {
		display: inline-block;
		width: 90%;
		font-size: 12px;
		font-size: 0px;
	}
}

@media screen and (max-width: 650px) {
  #cookie_box .box-btn a { 
    font-size: 12px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 30px;
  }
  #cookie_box .box-cookie {
    width: 100%;
  }
  #cookie_box .box-btn {
    width: 100%;
    text-align: center;
    margin: 15px 0px;
    margin-bottom: 5px;
  }
  #cookie_box {
    width: 90%;
  }
}

@media screen and (max-width: 450px) {
  #cookie_box .box-cookie {
    font-size: 10px;
  }
  #cookie_box .cookie_box_close {
    padding: 5px 15px;
  }
  #cookie_box .box-btn {
    margin-bottom: 0px;
  }
  #cookie_box {
    padding: 10px;
  }
}

/**/