/* margins in center , sides without margins */
.L {
	float: left;
	margin: 0 1% 0 0;
}
.R {
	float: right;
	margin: 0 0 0 1%;
}
.CLEAR {
	clear: both;
}
.centered { 
	text-align:center; 
}
.rightalign { 
	text-align:right; 
}
.leftalign { 
	text-align:left; 
}
.HALF {
  width: 49%;
}
.THIRD {
  width: 32.3%;
}
.THIRDx2 {
  width: 65.6%;
}
.QUARTER {
  width: 24%;
}
.QUARTERx3 {
  width: 74%;
}
.FIFTH {
  width: 19%;
}

.wrapW {
	width:100%;
}
.pageW {
	width:1140px;
	margin:0 auto;
}
.italic {
  font-style: italic;
}
.unbold {font-weight: normal;}
.red { color: #910d0d; }
.green { color: var(--GGSgreen); }


.FullWitdhPic {
  max-width: 90%;
  height: auto;
  margin: 20px 5%;
}
.ShadowPic {
	box-shadow: 7px 7px 16px #0006;
}

img {
  max-width: 100%;
  height: auto;
}
a:hover img {
	filter: opacity(0.8);
}




body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  background-color: #FFFFFF;
}


/* HEADER */
#wrapHDR {
	background-color: #FFF;
	box-shadow: 0 2px 8px #00548e3b;
}
#HDR {
	height: 140px;
    position: relative;
}
#HDR #LOGO {
	position: absolute;
	top: 20px;
	left: 0;
}
#LOGO img {
	height: 93px;
}
#HDR #CALLUS {
	position: absolute;
	bottom: 20px;
	right: 0;
}
#HDR #CALLUS a {
	color: var(--A1Bblue);
	font-size: 18pt;
	font-weight: bold;
	font-family: "Roboto", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
#HDR #CALLUS a:hover {
    cursor: pointer;    
}



/* NAVI */
#HDR #NAVI {
	z-index: 200;
	position: absolute;
	width: 66%;
	right: 0;
	top: 20px;
}
#HDR #NAVI ul.Menu {
	/* margin: -62px 0 20px; */
	padding: 0;
	text-align: right;
}
#NAVI .Menu li > a {
	padding-bottom: 35px;
}
#NAVI .Menu li > a:hover {
    cursor: pointer;    
}


/* FIXED HEADER */
/**/
#wrapHDR {
	position: fixed;
	z-index: 2000;
	top: 0;
}
/*
#wrapNAVI {
	position: fixed;
	z-index: 3000;
	top: 70px;
}
*/
body {
	padding-top: 140px;
}









/* blocks */
.pageW > .R {
	padding-left: 1.5%;
	box-sizing: border-box;
}
.pageW > .L {
	padding-right: 1.5%;
	box-sizing: border-box;
}


#wrapHERO {
  background: var(--A1BGradBlueToBlack);
}
#HERO {
	height: 570px;
    position: relative;
	background-image: url("images/SLIDER.jpg");
	background-size: cover;
}
#HERO h1 {
  color: #FFF;
  font-size: 48pt;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 30pt;
  text-shadow: 0 4px 10px #0009;
}

#INTRO {
	padding: 60px 0;
}
#INTRO .L h2 {
  color: #000;
}
#INTRO .R {
  text-align: center;
}
#INTRO .R h3, #INTRO .R h4 {
  margin: 0;
}

#wrapABOUT {
  background-color: var(--A1Bblue);
}
#ABOUT .L {
  padding: 50px 0;
}
#ABOUT .L p {
  color: #FFF;
}
#ABOUT .R img {
  height: 422px;
  width: auto;
}

#INTRO2 {
  padding: 60px 0;
}
#INTRO2 p {
  color: var(--A1Bblue);
  font-weight: 400;
}

#wrapSERVICES {
  background: var(--A1BGradBlackToBlue);
}
#SERVICES {
  padding: 60px 0;
}
#SERVICES h2{
  color: var(--A1Bbluelight);
}
#SERVICES li {
  color: var(--A1Bbluelight);
  font-weight: 400;
}

#LOGOS {
  padding: 60px 0;
  text-align: center;
}











/*
#wrapHERO {
	background-color: var(--MSGcyan);
	background-image: url("images/BCKhero.png");
	background-position: bottom;
	background-size: cover;
}
#HERO {
	padding-top: 160px;
	padding-bottom: 210px;
}
#HERO h1 {
  color: #FFF;
}
#HERO #FRAMED {
  border: solid 2px #000;
  border-radius: 15px;
  padding: 20pt;
  box-sizing: border-box;
  margin-top: 20pt;
}
#HERO #FRAMED h2 {
  color: #000;
  margin: 20pt 0;
    animation-iteration-count: infinite;
}
#BLINK1 {
    animation: Blink1Anim 2s;
    animation-delay: 0ms;
}
#BLINK2 {
    animation: Blink1Anim 2s;
    animation-delay: 500ms;
}
#BLINK3 {
    animation: Blink1Anim 2s;
    animation-delay: 1000ms;
}
#BLINK4 {
    animation: Blink1Anim 2s;
    animation-delay: 1500ms;
}
@keyframes Blink1Anim {
  0% { opacity:1; }
  75% { opacity:1; }
  100% { opacity:0; }
}
#HERO .R {
  background-color: #FFF;
  border-radius: 15px;
  padding: 20pt;
  box-sizing: border-box;
}
#HERO .R h2 {
	color: #000;
	font-size: 28pt;
	text-align: center;
	margin-bottom: 20pt;
}
#HERO #FORM .HALF {
  width: 48%;
  margin: 0 1% 0 1%;
}
#HERO #FORM .FormField {
	border: solid 2px var(--MSGcyanlight);
	font-family: Montserrat, "Myriad Pro", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #000;
	padding: 4pt 8pt;
	font-size: 12pt;
	width: 100%;
	margin: 0 0 8pt;
	border-radius: 8px;
	box-sizing: border-box;
}
.g-recaptcha {
  margin: 10pt auto;
  display: block;
  width: fit-content;
}
#HERO #FORM #BUTTON {
  width: 100%;
  border: none;
  background-color: var(--MSGcyan);
  color: #FFF;
  font-family: Montserrat, "Myriad Pro", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  font-size: 18pt;
  font-weight: 700;
  margin: 8pt 0;
  border-radius: 8px;
  padding: 15pt 0;
}
#HERO #FORM #BUTTON:hover {
  cursor: pointer;
  background-color: #000;
}
#HERO .R p {
  text-align: center;
  font-size: 18pt;
  margin-top: 8pt;
}


#MAIN {
	padding: 60px 0 80px;
}
#wrapMAIN.InnerMain {
	padding-top: 130px;
}



#wrapWHY {
	background-color: var(--MSGcyanlight);
}
#WHY {
	padding: 60px 0 80px;
}
*/


#wrapFTR {
	background-color: #000;
}
#FTR {
	padding: 60px 0;
}
#FTR p {
  font-size: 10pt;
  font-weight: 400;
  color: #FFF;
}
#FTR h4 {
  color: #FFF;
  margin-top: 0;
  font-size: 14pt;
  margin-bottom: 31px;
}
#FTR a {
  color: #FFF;
}
#FTR .R {
  text-align: right;
}




/*
#FORM #MESSAGE {
  background-color: var(--MSGcyanlight);
  padding: 10pt;
  margin-bottom: 20pt;
}
#FORM #MESSAGE h3 {
  margin-top: 0;
  font-size: 17pt;
}
#FORM #MESSAGE p {
  font-size: 14pt;
  text-align: left;
}

*/