@charset "UTF-8";
/* CSS Document */
/*-----------------------------------------------
SCREENS BY SIZE
-----------------------------------------------*/
/* Smartphones (landscape) ----------- */
@import url(/css/tablet.css) screen and (min-width:641px) and (max-width:1024px);
/* Smartphones (portrait) ----------- */
@import url(/css/mobile.css) screen and (max-width:640px);
/* Desktops and laptops ----------- */
@import url(/css/desktop.css) screen and (min-width:1025px);
/*-----------------------------------------------
ALL SCREENS
-----------------------------------------------*/
a[href^=tel] {
  color: inherit;
  text-decoration: none;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
body, html {
  height: 100%;
  overflow: visible;
  padding: 0;
  margin: 0;
  /*-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  color: #343132;
  font-size: 14pt;
  line-height: 24pt;
  scroll-behavior: smooth;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
.clearit {
  clear: both;
}
#menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(8,84,43,0.95);
  z-index: 10000;
  display:none;
}
#menu p {
	line-height:1.5em;
	padding:0;
	margin:0;
}
#picturebox {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  position: relative;
  padding: 0;
  overflow: hidden;
}
.slide, .slidevis {
  display: none;
}
.container, .containermask, .containermaskb, .containerwallp {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
}
.container {
  height: auto;
}
.containermask, .containermaskb, .containerwallp {
  height: 128px;
}
.containerwallp {
	background-color:red;
	overflow:hidden;
}
.containermask, .containermaskb {
  position: absolute;
  left: 0;
  top:0;
  bottom: 0;
  width: 100%;
}
.containermask {
  clip-path: polygon(0 0, 100% 0, 0 100%);
  background-color:white;
}
.containermaskb {
  clip-path: polygon(0 0 , 0 100%, 100% 100%);
}

.pdiv img {
  border-radius: 4px;
}
.bgw {
  background-color: white;
  color: inherit;
}
.bgb {
  background-color: #24202d;
  color: white;
}
.bgy {
  background-color: rgba(255,255,255,0.75);
  color: inherit;
}
.bgg {
  background-color: #08542b;
  color: white;
}
.bglg {
  background-color:#618B2C;	
  color:white;
}
.tbc p {
  font-size: 15pt;
  background-color: #24202d;
  color: white;
  padding: 4px 8px 4px 8px;
  border-radius: 4px;
}
.slide, .coverit {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: bottom center;
}
.floatyl {
  float: left;
}
.floatyr {
  float: right;
}
.bth {
  width: 80%;
  margin: 0 auto 0 auto;
}
.table {
  display: table;
}
.table, .tablefold {
  /*width: 100%;*/
  height: 100%;
}
.cell {
  display: table-cell;
}
.cellfold {
  vertical-align: top;
  padding: 8px;
}
.row {
  display: table-row;
}
#spacer {
  display: block;
  width: 100%;
}
.footer {
  width: 100%;
  padding: 48px 2% 48px 2%;
  color: #E0E0E0;
  text-align: center;
}
.underliner a {
  position: relative;
  text-decoration: none;
}
.underliner a:hover {}
.underliner a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -4px;
  left: 0;
  background-color: #FFF;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.underliner a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*ANIM _ TEXT FADE IN AND FLOAT DOWN */
.EXE_slideshow {
  overflow: hidden;
}
#ml {
  width: 30px;
}
.menuFront {
  left: 0;
  top: 0;
  color: white;
  z-index: 1500;
  display:flex;
  width:100%;
}

.cme,.cmeb {
  display: inline-block;
  line-height: 14px;
  border-radius: 4px;
  text-decoration: none;
  vertical-align: middle;
  padding-top: 12px;
  padding-bottom: 8px;
}
.cme {
  color: inherit;
  font-weight: bold;
  font-size: 9pt;
  padding: 11px 20px 7px 20px;
  background-color:white;
}
.menuFront a {
  margin: 0 0 0 24px;
}
.cbt {
	padding-top:10px;
	color:#08542b;
	font-weight:500;
	font-weight:bold;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}
.tcell {
  vertical-align: bottom;
}
.tcell, .bcell {
  height: 50%;
}
.tcheader {
  font-size: 24pt;
  line-height: 32pt;
  font-weight: bold;
}
.tcbody {
  font-size: 14pt;
  line-height: 20pt;
}
.twm {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  font-size: 24pt;
  font-weight: bold;
  color: white;
}
.twm a {
  text-decoration: none;
  color: inherit;
}
.posrel {
  position: relative;
}
.circleshade {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0.65) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0.65) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0.65) 100%);
}
.oh {
  overflow: hidden;
}
.boxh {
  height: 500px;
}
.infobox, .infobox2nd {
  text-align: center;
}
.infobox {
  padding-top: 96px;
  padding-bottom: 96px;
}
.logo {
  background-color: rgba(255,221,00,0.95);
  cursor: pointer;
  border-radius: 12px;
  display: inline-block;
}
.logo, .cbs {
  -webkit-box-shadow: 0px 0px 2px 0px #000000;
  box-shadow: 0px 0px 2px 0px #000000;
}
.cbs {
    background-color:#24202d;
}
#b1	{
	color:white;
}
.logo img {
  display: inline-block;
}
.fbox {
  padding-top: 32px;
  padding-bottom: 32px;
  text-align: left;
}
.fbox a {
  text-decoration: none;
  color: white;
  margin-left: 12px;
  margin-right: 12px;
}
.footer {
  background-color: #202020;
  padding: 64px 0 64px 0;
}
.ftw {
  width: 100%;
}
.fcwl, .fcwr {
  vertical-align: middle;
}
.social {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 4px 0 4px;
  cursor: pointer;
}
.sb {
  margin: 8px 0 0 8px;
  height: 24px;
  width: 24px;
  background-color: white;
}
.social svg {
  position: absolute;
  left: 0;
  top: 0;
}
.plhn {
  line-height: normal;
}
.plh18 {
  line-height: 24pt;
}
.gallholdw {
  width: 200px;
}
.gallhold img {
  display: block;
  margin:2px;
}
.gallhold, .gallholdw {
  float:left;
}
.formbox input, .formbox textarea {
  width: 100%;
  padding: 12px;
  border: none;
  outline: none;
  background-color: #E0E0E0;
  font-size: 14pt;
  color: inherit;
  border-radius: 4px;
  font-weight: bold;
}
.formbox textarea {
  height: 275px;
}
::placeholder {
  color: black;
  text-transform: uppercase;
  font-size: 10pt;
}
.formbox button {
  border: none;
  outline: none;
  background-color: orangered;
  padding: 12px;
  width: 128px;
  border-radius: 12px;
  color: white;
  font-weight: bold;
}
.gallholdw {
  border-radius: 4px;
  overflow: hidden;
}
.gallholdw a, .gallholdw img {
  display: block;
}
.greystrip {
  background-color: #1A91DA;
  color: white;
}
#cliphold {
  display: none;
}
.bannerBox, .circButt {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 500;
  color: white;
}
.bannerBox {
  top: 0;
  bottom: 0;
text-shadow: 0px 0px 6px #000000;
-webkit-text-shadow: 0px 0px 6px #000000;
-moz-text-shadow: 0px 0px 6px #000000;
}
.circButt {
  text-align: center;
}
.to-top {
  color: white;
  padding-top: 1.8em;
  display: inline-block; /* or block */
  position: relative;
  border-color: white;
  text-decoration: none;
}
.to-top:before {
  content: '▲';
  font-size: 1.35em;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1.05em;
  border: solid .15em white;
  border-radius: 15em;
  width: 2.2em;
  height: 2.2em;
  line-height: 1.95em;
  transform: rotate(180deg);
}
.bgptb,.bgpt {
	padding-top: 128px;
}
.bgptb,.bgpb {
  padding-bottom: 48px;
}
.bgpb {
	padding-top:48px;
}
.ptop {
  padding-top: 48px;
}
.btw {
  padding: 0;
  margin: 0 auto 0 auto;
  text-align: center;
}
.pdiv img {
  -webkit-box-shadow: 0px 0px 4px 0px #000000;
  box-shadow: 0px 0px 4px 0px #000000;
}
.shadow {
  -webkit-box-shadow: 0px 0px 6px 0px #000000;
  box-shadow: 0px 0px 6px 0px #000000;
}
.tulb,.tulc, .tulw,#banhead {
  padding-bottom: 6px;
  font-weight: 500;
}

.tulb,.tulc, .tulw {
  font-size: 32pt;
  line-height:1.2em;
}
.tulc {
	font-size:24pt;
}
.tablist ol {
  list-style: none;
  color: #ffdd00;
}

.tablist ol li {
  font: bold 24pt helvetica, arial, sans-serif;
  position: relative;
  margin-bottom: 20px;
}

.tablist li p {
  font: 12pt helvetica, arial, sans-serif;
  color: white;
  padding-left: 60px;
}

.tablist span {
  position: absolute;
  line-height: 25px;
}
  
#scrollmenu {
	height: auto;
	padding: 12px 2% 12px 2%;
	z-index: 500;
	background-color: white;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}
#slider {
	width: 100%;
	padding: 12px 2% 12px 2%;
	z-index: 500;
	white-space: nowrap;
	overflow-x:hidden;	
}
.subtit {
	width: 94%;
	height: auto;
	font-size: 24pt;
	text-align: center;
	color: #404040;
	padding-bottom: 12px;
	margin:0 auto 0 auto;
}
.EXE_scrollControl {
	border-radius: 100px;
	background: #FFF;
	color : black;
	padding : 7px 15px 5px 15px;
	cursor: pointer;
	cursor: hand;
	width:50px;
	height:50px;
}
#rButt_l {
	float: left;
	background-color: #FFFFFF;
	color: #808080;
	border: 2px solid #C0C0C0;
	display:block;
}
#rButt_r {
	float: right;
	background-color: #FFFFFF;
	color: #808080;
	border: 2px solid #C0C0C0;
	display:block;
}
.topic {
	margin-right: 2%;
	display: inline-block;
	position: relative;
	cursor: pointer;
	cursor: hand;
	vertical-align: top;
}
.topictext h2 {
	margin: 0;
	padding: 12px 0 0 0;
	color: #404040;
	font-size: 14pt;
	width: 100%;
	text-align: center;
}
.topictext p {
	width: 100%;
	white-space: normal;
	clear: both;
	text-align: center;
	font-size: 10pt;
	color: #404040;
	line-height: 14pt
}
.topictext h2 {
	font-weight:500;
	font-size:18pt;
}
.footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.footer li {
	color: #F0F0F0;
}
.footer input, .footer textarea {
	font-size: 10pt;
	color: #000000;
	padding: 8px;
	border: none;
	width: 90%;
}
.footer textarea {
	margin: 0;
	height: 75px;
}
.footer button,.bclass {
	background-color: red;
	color: #F0F0F0;
	font-size: 12pt;
	border: none;
	padding: 12px;
	width:90%;
}
.bclass {
	text-decoration:none;
	display:inline-block;
	padding:4px;
}
.footer button {
	float: left;
}
.col1,.col2,.col3 {
	float:left;
}
.ocol {
	text-align:left;
}
.aghead {
	font-size:32pt;
	line-height:40pt;
	font-weight:bold;
}
.agyell,.agwhit {
	font-size:24pt;
	font-weight:bold;
	padding-top:24px;
}
.agyell {
	color:#ffdd00;	
}
.agwhit {
	color:white;
}
.agul li {
	float:left;
	margin-right:32px;
}
.logostrap {
	background-color:#FFDD00;
	border-radius:4px;
	font-weight:bold;
	padding:12px;
	margin-bottom:24px;
	color:#14532b;
}
.logostrap img {
	width:100%;
	display:block;
}
.dbox {
	width:100%;
	text-align:center;
}
.mb a {
	text-decoration:none;
	color:#BBD999;
	padding:8px 0;
	display:inline-block;
}
.mbb {
	border:1px solid #e0e0e0;
	padding:48px;
	margin-top:48px;
	margin-bottom:48px;
	color:black;
	overflow:hidden;
}
.mbb h1 {
	margin-top:0px;
	font-weight:500;
}
.inner2 {
	width:90%;
	margin:0 auto 0 auto;
}
.contact table {
	display:inline;
	height:auto;
}
.contact td {
	padding-left:12px;
}
.flbox {
	display:flex;
	gap:6px;
	align-items: center;
}
.chold {
  text-align:left;
  flex:0;
}
.contact {
	text-align:right;
	flex:1;
	overflow:hidden;
}
.ib {
    display:block;
}
.iw {
	display:none;
}
h1 {
	font-size:32pt;
	line-height:36pt;
}
#gdpr{
	position:fixed;
	background-color:white;
	padding:16px;
	font-size:11pt;
	line-height:18pt;
	z-index:50000;
	display:none;
}
.more {
	text-decoration:none;
	color:red;
}
.got {
	text-decoration:none;
	display:block;
	width:100%;
	background-color: #24202d;
	color:white;
	text-align:center;
	padding:4px 0;
}