@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: #cccccc;
  text-decoration: none;
}
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: 'Ubuntu', sans-serif;
  color: #cccccc;
  font-size: 14pt;
  line-height: 24pt;
  scroll-behavior: smooth;
  background-color: black;
}
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: teal;
  z-index: 1000;
  opacity: 0;
}
#picturebox {
  width: 100%;
  height: 850px;
  position: relative;
  padding: 0;
  overflow: hidden;
}
.slide, .slidevis {
  display: none;
}
#menubar {
  background-color: black;
  z-index: 10000;
  position: fixed;
  right: 16px;
  top: 16px;
  padding-bottom:1px;
}
#menubar img {
    display:block;
}
.container {
  position: relative;
  width: 100%;
  height: auto;
}
.slide, .coverit {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top center;
}
.table {
  display: table;
}
.table, .tablefold {
  /*width: 100%;*/
  height: 100%;
  width: 100%;
}
.cell {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.row {
  display: table-row;
  height: 100%;
}
#spacer {
  display: block;
  width: 100%;
}
.footer {
  width: 100%;
  padding: 12px 2% 12px 2%;
  color: #808080;
  font-size:9pt;
  background-color:black;
}
.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: #cccccc;
  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;
}
.bannerBox {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 500;
  color: #cccccc;
  background-color: rgba(0, 0, 0, 0.5);
}
.logo {
  cursor: pointer;
}
.menuStrip, .menuFront {
  position: absolute;
  left: 0;
  top: 0;
  padding: 24px 0 24px 0;
  width: 100%;
  color: #cccccc;
  text-align: right;
}
.menuStrip {
  z-index: 600;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(48, 48, 48, 0.5) 60%, rgba(80, 80, 80, 0) 100%);
}
.menuFront {
  z-index: 1500;
}
.menuFront a, .cme {
  display: inline-block;
  color: black;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
  border-radius: 18px;
  vertical-align: middle;
  padding-top: 12px;
  padding-bottom: 8px;
}
.cme {
  background-color: #cccccc;
  font-weight: bold;
  padding: 11px 20px 7px 20px;
}
.menuFront a {
  margin: 0 12px 0 12px;
}
#ml {
  width: 30px;
}
.twm {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  font-size: 24pt;
  font-weight: bold;
  color: #cccccc;
}
.twm a {
  text-decoration: none;
  color: inherit;
}
.formbox input, .formbox textarea {
  width: 100%;
  padding: 12px;
  border: none;
  outline: none;
  background-color: #E0E0E0;
  font-size: 14pt;
  color: black;
  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;
}
.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;
}
.area1 {
  background-image: url(/img/front1.jpg);
  background-size: cover;
  height: 100vh;
  background-position: right bottom;
  position: relative;
}
.logoholder {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: #cccccc;
}
.logoholder img {
  width: 50%;
}
.arrow {
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 24px;
}
.arrow:hover .bottom {
  border: 0.5em solid #e74c3c;
}
.arrow:hover .bottom:after {
  border-top: 0.5em solid #e74c3c;
  border-right: 0.5em solid #e74c3c;
}
.bottom {
  display: inline-block;
  width: 4em;
  height: 4em;
  border: 0.5em solid #cccccc;
  border-radius: 50%;
  margin-left: 0.75em;
  -webkit-box-shadow: 5px 5px 15px 5px #000000;
  box-shadow: 5px 5px 15px 5px #000000;
}
.bottom:after {
  content: '';
  display: inline-block;
  margin-top: 0.6em;
  width: 1.4em;
  height: 1.4em;
  border-top: 0.5em solid #cccccc;
  border-right: 0.5em solid #cccccc;
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.logos {
  display: inline-block;
  border: 1px solid #FF0000;
  padding: 0;
  margin: 0;
  background-color: #FF0000;
  margin: 0 8px 0 8px;
}
.area2, .area3,.area4 {
  text-align: center;
  padding: 96px 0 96px 0;
  min-height: 100vh;
}
.area2 {
  background-image: url(/img/wallp2.jpg);
  background-size: cover;
  background-position: bottom center;
}
.area3 {
  background-image: url(/img/wallp.jpg);
  background-size: cover;
  background-position: bottom left;
}
.area4 {
  background-image: url(/img/wallp3.jpg);
  background-size: cover;
  background-position: bottom right;
}
.infobox h2, .infobox h3 {
  margin-bottom: 12px;
}
.infobox h3 {
  color: #cccccc;
}
.imgbox {
  width: 20%;
  display: inline-block;
  margin: 0 2% 0 2%;
}
.imgtxt {
  display: none;
}
h2 {
  font-size: 36pt;
  line-height: 44pt;
}
h3 {
  font-size: 28pt;
  line-height: 36pt;
}
.textBox {
  margin-top: 96px;
}
.textBox input, .textBox textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 4px;
  border: none;
  outline: none;
  background-color: #E0E0E0;
  font-size: 14pt;
  color: black;
  border-radius: 4px;
  font-weight: bold;
  display: block;
}
.textBox textarea {
  height: 275px;
}
::placeholder {
  color: black;
  text-transform: uppercase;
  font-size: 10pt;
}
.textBox button {
  border: none;
  outline: none;
  background-color: red;
  padding: 12px;
  margin-bottom: 12px;
  width: 100%;
  border-radius: 4px;
  color: white;
  font-weight: bold;
  font-size: 11pt;
}
.gallholdw {
  width: 200px;
  display: inline-block;
}