/* 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:1380px;
	margin:0 auto;
}
.italic {
  font-style: italic;
}
.unbold {font-weight: normal;}
.red { color: #910d0d; }


.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);
}

hr {
	height: 1px;
	background-color: var(--CDDblue2);
	border: none;
}

a.BtBlue {
  color: #FFF;
  background-color: var(--CDDblue);
  font-weight: 700;
  margin-top: 0;
  font-size: 16pt;
  text-decoration: none;
  display: inline-block;
  padding: 16px 80px;
  border-radius: 5px;
  box-shadow: 4px 4px 8px #0006;
  transition-duration: 200ms;
}
a.BtBlue:hover {
  box-shadow: none;
  background-color: #000;
  transition-duration: 200ms;
}


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 */
#wrapTOP {
	background-color: var(--CDDblue);
}
#TOP {
	text-align: center;
	padding: 5pt 0;
}
#TOP, #TOP a {
	color: #FFF;
	font-size: 10pt;
}
#TOP a:hover {
	color: var(--SIGyellow);
}


#wrapHDR {
	background-color: #FFFFFF;
	box-shadow: 0px 4px 8px #0003;
}
#HDR {
	position: relative;
	height: 100px;
}
#LOGO {
	text-align: left;
	display: inline-block;
	z-index: 300;
	position: absolute;
	top: 5px;
	bottom: 0;
	left: 0;
	width: 25%;
}
#LOGO img {
	height: 90px;
}

/* NAVI */
#NAVI {
	z-index: 200;
	position: absolute;
	width: 56%;
	left: 25%;
	top: 50%;
	transform: translateY(-50%);
}
#NAVI ul.Menu {
	/* margin: -62px 0 20px; */
	padding: 0;
	text-align: center;
}

#CALLUS {
  position: absolute;
  width: auto;
  min-width: 16%;
  background-color: var(--CDDgray);
  top: 0;
  bottom: 0;
  right: 0;
  padding: 16px;
  box-sizing: border-box;
}
#CALLUS h3 {
  font-size: 12pt;
  text-align: center;
  color: #FFF;
}
#CALLUS a {
  font-family: "Open Sans", "Myriad Pro", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  font-weight: 700;
  color: #FFF;
  font-size: 18pt;
  text-align: center;
  text-decoration: none;
  display: block;
}
#CALLUS a:hover {
  text-decoration: underline;
}


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

/* SLIDER */
#wrapSLIDER {
	background-color: var(--CDDgray);
	background-image: url('images/BCKslider.jpg');
	background-blend-mode: hard-light;
	background-size: cover;
	background-position: center;
}
#SLIDER {
	position: relative;
	padding: 40px 0;
}
#SliderTit {
	position: absolute;
	bottom: 30%;
}
#SliderTit h1 {
	color: #FFF;
	text-shadow: 4px 4px 8px #0008;
	font-size: 2.7vw;
	margin-top: 40px;
	font-weight: 900;
}
.FormDiv {
	background-color: #093264CC;
	padding: 40px 3%;
}

#BANNERwrap {
	background-size: cover;
	background-position: center;
}
#BANNER h1 {
	text-align: left;
	font-weight: normal;
	font-size: 30pt;
	padding: 150px 0;
	text-shadow: 2px 2px 2px #FFF;
	margin: 0;
}
#wrapINNERSLIDER {
	background-color: #7b8086;
	background-size: cover;
	background-position: right;
	background-repeat: no-repeat;
}
#INNERSLIDER {
	height: 30vw;
	position: relative;
}
#INNERSLIDER h1 {
  position: absolute;
  bottom: 2%;
  color: #FFF;
  font-size: 4vw;
  text-shadow: 4px 4px 8px #0006;
}

.FormDiv {
	box-sizing: border-box;
	border-radius: 10px;
}
.FormDiv h2, .FormDiv p {
	color: #FFF;
}
.FormDiv p {
	font-size: 11pt;
}
#TheForm .FormField {
	background-color: #FFF;
	margin: 20px 0;
	border-radius: 5px;
}
#TheForm .FormField label {
	color: var(--SIGblue);
	font-size: 11pt;
	text-align: center;
	width: 10%;
	display: inline-block;
}
#TheForm .FormField input {
	border: none;
	font-family: Lato, Arial, Helvetica, sans-serif;
	color: var(--CDDgray);
	font-size: 11pt;
	background-color: #F0F0F0;
	padding: 10px;
	width: 88%;
	box-sizing: border-box;
	border-radius: 5px;
	display: inline-block;
}
#TheForm #Comments {
	border: none;
	font-family: Lato, Arial, Helvetica, sans-serif;
	color: var(--CDDgray);
	font-size: 11pt;
	background-color: #F0F0F0;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
}
#TheForm .button {
	background-color: var(--CDDgray);
	color: #FFF;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	width: 100%;
	border: none;
	border-radius: 5px;
	padding: 10px;
	margin-top: 20px;
	font-weight: 700;
}
#TheForm .button:hover {
	cursor: pointer;
	background-color: #000;
}









/* blocks */
h4.preTitle {
	font-family: Lato, "Myriad Pro", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: 600;
	margin-top: 0;
	font-size: 18pt;
	margin-bottom: 0;
	color: var(--SIGbluelight);
}

#BOXES {
  padding: 60px 0;
}
#BOXES .BOX {
	box-shadow: 4px 4px 8px #0006;
	width: 22%;
	margin: 0 1.5%;
	transition-duration: 500ms;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	border: solid 1px var(--CDDblue2);
	border-radius: 5px;
}
#BOXES .BOX img {
  max-width: 100%;
  transition-duration: 500ms;
}
#BOXES .BOX:hover {
  box-shadow: 0px 0px 2px #0004;
  transition-duration: 500ms;
}
#BOXES .BOX:hover img {
  filter: grayscale(1);
  transition-duration: 500ms;
}
#BOXES .BOX .TEXT {
	text-align: center;
	min-height: 160px;
}
#BOXES .BOX .TEXT h3 {
	color: var(--CDDblue);
	font-size: 24pt;
}
#BOXES .BOX .TEXT p {
	font-size: 12pt;
	line-height: 1.2;
	color: var(--CDDblue);
}
#BOXES p {
	font-size: 12pt;
}

#wrapABOUT {
	background-color: var(--CDDblue);
}
#ABOUT {
	padding: 60px 0;
}
#ABOUT .HALF {
  width: 46%;
  margin: 0 2%;
}
#ABOUT .L h4 {
	color: var(--CDDblue2);
	font-weight: 400;
	font-size: 17pt;
}
#ABOUT h2 {
  color: #FFF;
}
#ABOUT p {
  color: #FFF;

}
#ABOUT .R h3 {
  color: #FFF;
  font-size: 23pt;
}
#ABOUT .R li {
  color: #FFF;
}

#wrapCONTACTUS {
  background-color: var(--CDDgray);
}
#CONTACTUS {
  padding: 60px 0;
}
#CONTACTUS h2 {
	color: #FFF;
	text-align: center;
	margin-bottom: 30pt;
}
#CONTACTUS h2 em {
	font-weight: 400;
}
#CONTACTUS .HALF {
  text-align: center;
}

#INDUSTRIES {
  padding: 60px 0;
  text-align: center;
}
#INDUSTRIES h2 {
  margin: 0 0 30pt;
}
#INDUSTRIES .FIFTH {
  width: 14%;
  margin: 0 3% 40px;
}
#INDUSTRIES p {
  margin: 10px 0 30px;
}
#INDUSTRIES .FIFTH p {
  margin: 10px 0 0;
}
#INDUSTRIES a {
  text-decoration: none;
}
#INDUSTRIES a:hover p {
  color: var(--CDDblue);
}
#INDUSTRIES a:hover img {
	filter: invert(100) sepia(100) hue-rotate(180deg) saturate(3);
	opacity: 1;
}
#INDUSTRIES img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}

#wrapTESTIMONIALS {
	background-color: var(--SIGgray);
	background-image: url(images/BCKtestimonials.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}
#TESTIMONIALS {
  padding: 100px 0;
  text-align: center;
}
#TESTIMONIALS h4.preTitle {
  color: var(--CDDblue2);
}
#TESTIMONIALS h2 {
  color: #FFF;
}
#TestLogos img {
	height: 66px;
	width: auto;
	border: solid 6px #FFF;
	margin: 6px;
	border-radius: 3px;
}
.Reviews {
	max-width: 960px;
	margin: 20px auto;
}
.TWhat {
	color: #FFF;
	font-size: 17pt;
	text-align: left;
	/* background-color: #0009; */
	padding: 20px 40px;
	border-radius: 20px 20px 0px 20px;
	margin: 20px 0 10px;
	font-style: italic;
}
.TWho {
	color: #FFF;
	font-size: 17pt;
	text-align: right;
	font-weight: 700;
}
.TestimonialsArrow i {
  color: var(--CDDblue2);
  font-size: 24pt;
}
.TestimonialsArrow i:hover {
  cursor: pointer;
  color: #FFF;
}



.BlueBlock {
	background-color: var(--SIGbluelight);
	padding: 30px 60px;
	box-sizing: border-box;
	margin: 40px 0;
	width: 100vw;
	_margin-left: calc( ( 1380px - 100vw ) / 2 );
	_padding: 30px 20%;
}
.BlueBlock li {
  color: #FFF;
  list-style-type: none;
}
.BlueBlock li:before {
  content: "\f14a";
  font-family: "Font Awesome 5 Free";
  padding: 0 10pt 0 0;
  font-size: 20pt;
  position: relative;
  top: 4px;
  color: var(--SIGyellow);
}

.FormDiv.FormInPage {
	background-color: var(--SIGbluelight);
}

iframe.gMap {
	margin-bottom: 30px;
	border-radius: 5px;
	border: solid 1px var(--CDDblue2) !important;
	height: 300px;
}








#MAIN {
	padding: 60px 0 60px;
	min-height: 50vh;
}
#MAIN p {
  text-align: justify;
}
#MAIN h1 {
	/*margin-top: -12pt;*/
}



/* FTR */
#wrapFTR {
	background-color: var(--CDDblue);
}
#FTR {
  padding: 60px 0;
  text-align: center;
}
#FTR h3 {
  text-align: center;
  color: #FFF;
  font-size: 14pt;
}
#FTR a {
  color: #FFF;
  text-decoration: none;
}
#FTR p {
  color: var(--CDDblue2);
  font-size: 10pt;
  /*margin-top: 40px;*/
}
#FTR5 {
	margin-top: 40px;
}
#FTR h4 {
	color: #FFF;
	margin-top: 20pt;
	font-size: 12pt;
}


/* FORM */
#wrapFORM {
	background-color: var(--CDDgray);
}
#FORM {
	padding: 60px 0;
}
#FORM h2 {
	color: #FFFFFF;
}
#RInqForm input, #RInqForm input, #RInqForm textarea {
	font-family: Lato, "Myriad Pro", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	padding: 9px;
	font-size: 14pt;
	width: 96%;
	border: none;
	background-color: #FFFFFF;
	color: #000000;
	margin: 1px 0 9px;
	font-weight: 300;
}
#RInqForm select {
	font-family: Lato, "Myriad Pro", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	padding: 6px;
	font-size: 12pt;
	_width: 96%;
	border: none;
	background-color: #FFFFFF;
	color: #000000;
	margin-left:9px;
	font-weight: 300;
	border-radius: 5px;
}

#RInqForm #Comments {
	height: 134px;
}
.g-recaptcha {
	margin: 0 0 5px;
}
#RInqForm .button {
	font-family: Lato, "Myriad Pro", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	padding: 12px 40px 11px;
	font-size: 18pt;
	font-weight: bold;
	width: auto;
	background-color: var(--BDFred);
	cursor: pointer;
	margin: 15px 0;
	color: white;
	border: solid 1px #FFF;
}
#RInqForm .button:hover {
  background-color: black;
}

#MENSAJE {
	margin: 0px 0 40px;
	/* background-color: #000000; */
	/* padding: 10px 3%; */
	width: 92%;
	font-size: 14pt;
	color: #FFF;
}
#MENSAJE p {
	font-size: 14pt;
	line-height: 16pt;
	color: #FF6666;
}
#MENSAJE h3 {
	color: #FF6666;
}