/* 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: var(--PBLbluedarker);
}


/* HEADER */
#wrapHDR {}
#HDR {
	height: 180px;
    position: relative;
}
#HDR #LOGO {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
}
#LOGO img {
	height: auto;
}



/* NAVI */
/*
#HDR #NAVI {
	z-index: 200;
	position: absolute;
	width: 66%;
	right: 0;
	top: 20px;
}
#HDR #NAVI ul.Menu {
	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: 0;
}









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

body {
	background-image: url("images/BCKtop.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

#wrapHERO {}
#HERO {
	height: 380px;
	padding: 40px 0;
}
#HERO h1 {
	text-align: center;
	text-shadow: 0 4px 10px #0009;
	text-transform: uppercase;
}
#HERO p {
	text-align: center;
}


#BOXES1 a {
  width: 31%;
  display: inline-block;
  margin: 0 1%;
  box-sizing: border-box;
}
#BOXES1 a:hover .THIRD {
  background-color: #163a55CC;
  transition: all;
  transition-duration: 1000ms;
}
#BOXES1 .THIRD {
	background-color: #163a5566;
	padding: 40px 20px;
	border: 1px solid;
	border-image: linear-gradient( 180deg, var(--PBLgray), #305b7b00 ) 1;
	box-shadow: 0 10px 20px var(--PBLbluedarker);
	width: 100%;
	margin: 0 0 20px;
	min-height: 250px;
	box-sizing: border-box;
}
#BOXES1 strong {
  white-space: nowrap;
}
#BOXES1 h2, #BOXES1 p {
  text-align: center;
  color: #FFF;
}


#ABOUT {
  padding: 10px 0 40px;
}
#ABOUT p {
  text-align: center;
}


#BOXES2 .THIRD {
	background-color: var(--PBLgray);
	padding: 40px 20px;
	box-shadow: 0 10px 20px var(--PBLbluedarker);
	width: 31.3%;
	margin: 0 1% 0;
	min-height: 300px;
}
#BOXES2 h2, #BOXES2 p, #BOXES2 a {
  text-align: center;
  color: var(--PBLbluedarker);
}







#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;
}

*/