/* 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; 
}
.HALF {
  width: 49%;
}
.THIRD {
  width: 32.3%;
}
.THIRDx2 {
  width: 65.6%;
}
.QUARTER {
  width: 24%;
}
.QUARTERx3 {
  width: 74%;
}
.wrapW {
	width:100%;
}
.pageW {
	width:1380px;
	margin:0 auto;
	/*padding: var(--RMWblockpadding);*/
}
.italic {
  font-style: italic;
}
.unbold {font-weight: normal;}
.red { color: #910d0d; }


.FullWitdhPic {
  max-width: 90%;
  height: auto;
  margin: 20px 5%;
}
.ShadowPic {
	box-shadow: var(--RMWshadow);
	border: solid 1px #FFF9;
	border-radius: 4px;
}
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: var(--RMWblue);
	box-shadow: var(--RMWshadow);
}
#HDR {
	position: relative;
	height: 120px;
}
#LOGO {
	text-align: left;
	display: inline-block;
	z-index: 300;
	position: absolute;
	top: 11px;
	bottom: 0;
	left: 0;
	width: 25%;
}
#LOGO img {
	height: 98px;
}


/* NAVI */
#NAVI {
	z-index: 200;
	position: absolute;
	width: 56%;
	right: 0;
	bottom: 16px;
	width: auto;
}
#NAVI ul.Menu {
	/* margin: -62px 0 20px; */
	padding: 0;
	text-align: center;
}

#CALLUS {
	position: absolute;
	width: auto;
	/* min-width: 16%; */
	top: 16px;
	right: 0;
}
#CALLUS h3 {
  font-family: "Montserrat", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
  font-size: 16pt;
  font-weight: 400;
  color: #FFF;
}
#CALLUS a {
  color: #FFF;	
  text-decoration: none;
}
#CALLUS a:hover {
  color: var(--RMWblue2);
}


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


/* SLIDER */
#wrapSLIDER {
	background-color: var(--RMWblue2);
	background-image: url('images/AS_476910727_241030.jpeg');
	background-size: cover;
	background-position: center;
}
#SLIDER {
	position: relative;
	height: 33vw;
}
#SLIDER h1 {
	position: absolute;
	top: 10%;
	text-align: center;
	color: var(--RMWblue);
	text-shadow: var(--RMWshadow);
	font-size: 3vw;
	animation: TitleAnim 1s;
	width: 100%;
	font-weight: 400;
}
@keyframes TitleAnim {
  0% { top: -50%; opacity:0; }
  20% { top: -50%; opacity:0; }
  100% { top: 10%; opacity:1; }
}



/*
#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: var(--SIGbluedark);
	background-image: url(images/BCNinnerbanner.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#INNERSLIDER {
	height: 160px;
}
*/




/* animations on scroll for Visible items */
.HideOverflow{
	overflow: hidden;
}
.AnimFromRight, .AnimFromLeft, .AnimFromBottom {
  position: relative;
}
.AnimFromRight.Visible {
	animation: _AnimationFromRight_ 1s;	
}
	@keyframes _AnimationFromRight_ {
	  0% { right: -50vw; opacity:0; }
	  25% { right: -50vw; opacity:0; }
	  100% { right: 0vw; opacity:1; }
	}
.AnimFromLeft.Visible {
	animation: _AnimationFromLeft_ 1s;	
}
	@keyframes _AnimationFromLeft_ {
	  0% { left: -50vw; opacity:0; }
	  25% { left: -50vw; opacity:0; }
	  100% { left: 0vw; opacity:1; }
	}
.AnimFromBottom.Visible {
	animation: _AnimationFromBottom_ 1s;	
}
	@keyframes _AnimationFromBottom_ {
	  0% { bottom: -50vh; opacity:0; }
	  25% { bottom: -50vh; opacity:0; }
	  100% { bottom: 0vh; opacity:1; }
	}




/* blocks */
#HOMEINTRO {
  padding: var(--RMWblockpadding);
}
#HOMEINTRO h2 {
  text-align: center;
  margin-bottom: 30pt;
}
#HOMEINTRO .HALF {
  width: 47%;
  margin: 0 1.5%;
}
#HOMEINTRO .L .L {
	text-align: center;
}
#HOMEINTRO .L h3 {
  text-align: center;
  margin-top: 30pt;
  font-weight: 400;
  font-style: italic;
  font-size: 24pt;
}

#wrapPRACTICEAREAS {
	background-color: var(--RMWblue2);
	background-image: url('images/BCKpareas.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
#PRACTICEAREAS {
  padding: var(--RMWblockpadding);
}
#PRACTICEAREAS .THIRD {
  width: 29.3%;
  margin: 0 1.5%;
}
#PRACTICEAREAS h2 {
  color: #FFF;
}
#PRACTICEAREAS .THIRD p {
  color: #FFF;
  text-align: center;
  margin-top: 15pt;
}
#PRACTICEAREAS .THIRD a {
	text-decoration: none;
}

#HOMEATTORNEYS {
	padding: var(--RMWblockpadding);
	max-width: 1024px;
}
#HOMEATTORNEYS h2 {
  text-align: center;
}

#HOMEATTORNEYS .HALF {
  width: 47%;
  margin: 0 1.5%;
  text-align: center;
}
#HOMEATTORNEYS .HALF img {
  margin-bottom: 20pt;
}
#HOMEATTORNEYS .HALF a {
	text-decoration: none;
}

a.AttorneysLinks {
  background-color: var(--RMWblue);
  color: #FFF;
  text-decoration: none;
  padding: 10px;
  border-radius: 5px;
  margin-right: 10px;
  display: inline-block;
  line-height: 11pt;
  font-size: 14pt;
}
a.AttorneysLinks:hover {
  background-color: var(--RMWblue2);
}










/*
.BCKtit {
	background-repeat: no-repeat;
	background-size: contain;
	padding: 40px 0px 20px;
	margin-bottom: 20px;
}
.BCKtit_services {
	background-image: url(images/BCKtit_services.png);
	background-size: cover;
}
.BCKtit_aboutus { background-image: url(images/BCKtit_aboutus.png); }
.BCKtit_commercial { background-image: url(images/BCKtit_commercial.png); }
.BCKtit_contact { background-image: url(images/BCKtit_contact.png); }
.BCKtit_plumbing { background-image: url(images/BCKtit_plumbing.png); }
.BCKtit_residential { background-image: url(images/BCKtit_residential.png); }

h4.preTitle {
	font-family: "Roboto Slab", "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);
}

#SERVICES {
	padding: var(--SIGblockpadding);
}
#SERVICES .R h3 {
  color: var(--SIGgray);
}
#SERVICES .R li {
  color: var(--SIGgray);
}
#SERVICES .R {
  border-left: solid 10px var(--SIGbluelight);
  box-sizing: border-box;
  padding-left: 30px;
}

#BOXES {
  padding: 0 0 60px;
}
#BOXES .BOX {
  box-shadow: var(--SIGshadowsoft);
  width: 30.3%;
  margin: 0 1.5%;
}
#BOXES .BOX img {
  width: 100%;
}
#BOXES .BOX .TEXT {
	margin: 40px 30px;
	background-image: url(images/BCKBOXdrop.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#BOXES .BOX .TEXT h3 {
	color: var(--SIGblue);
	font-size: 24pt;
}
#BOXES .BOX .TEXT p {
	font-size: 12pt;
	line-height: 24pt;
	color: var(--SIGblue);
}

#wrapABOUT {
	background-color: var(--SIGbluelight);
}
#ABOUT {
  padding: var(--SIGblockpadding);
}
#ABOUT .HALF {
  width: 46%;
  margin: 0 2%;
}
#ABOUT h4.preTitle {
  color: var(--SIGbluelight2);
}
#ABOUT h2 {
  color: #FFF;
}
#ABOUT p {
  color: #FFF;
  font-size: 12pt;
}
#ABOUT .L video {
  margin-top: 120pt;
}

#BRANDS {
	padding: var(--SIGblockpadding);
}
#BRANDS img {
	height: 69px;
}

#wrapOURAPPROACH {
	background-color: var(--SIGbluelight);
}
#OURAPPROACH {
  padding: var(--SIGblockpadding);
}
#OURAPPROACH .HALF {
  width: 46%;
  margin: 0 2%;
}
#OURAPPROACH h4.preTitle {
  color: var(--SIGbluelight2);
}
#OURAPPROACH h2 {
  color: #FFF;
}
#OURAPPROACH p, #OURAPPROACH li {
  color: #FFF;
}
#OURAPPROACH img {
	box-shadow: var(--SIGshadowsoft);
}

#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(--SIGgraylight);
}
#TESTIMONIALS h2 {
  color: #FFF;
}
#TWhat {
  color: #FFF;
  font-size: 18pt;
  max-width: 720px;
  margin: 100px auto 0;
  text-align: justify;
}
#TWho {
  color: var(--SIGgraylight);
  font-size: 18pt;
  max-width: 720px;
  margin: 20px auto;
  text-align: right;
}

#wrapCONTACTUS {
  background-color: var(--SIGbluelight);
}
#CONTACTUS {
  padding: var(--SIGblockpadding);
}
#CONTACTUS h2 {
  color: #FFF;
  text-align: center;
}
#CONTACTUS h4 {
  color: var(--SIGbluelight2);
  text-align: center;
  font-size: 18pt;
  margin-bottom: 40px;
}
#CONTACTUS .HALF {
  text-align: center;
}


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

*/








#MAIN {
	padding: 60px 0 60px;
	border-bottom: solid 1px var(--SIGbluelight2);
}
#MAIN .L.HALF {
	width: 48%;
	margin: 0 2% 0 0;
}
#MAIN .R.HALF {
	width: 48%;
	margin: 0 0 0 2%;
}
#MAIN p {
  text-align: justify;
}
#MAIN h1 {
	margin-top: -12pt;
}
#MAIN h3, #MAIN h4 {
	margin: 30pt 0 12pt;
}


/* FTR */
#wrapFTR {
	background-color: var(--RMWblue);
}
#FTR {
	padding: 60px 0;
}
#FTR1 {
	text-align: left;
}
#FTR2 p {
	text-align: right;
	color: #FFF;
	font-size: 10pt;
	text-transform: uppercase;
}
#FTR a {
	color: #FFF;
}



/* FORM */
#wrapFORM {
	background-color: #161d49bd;
	background-image: url('images/Dollarpc_67378399_241029.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-blend-mode: soft-light;
}
#FORM {
	padding: var(--RMWblockpadding);
}
#FORM h2 {
	color: #FFFFFF;
}
#FORM p {
	color: #FFF;
	margin-top: 20pt;
}
#RInqForm input, #RInqForm input, #RInqForm textarea {
	font-family: "Montserrat", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	padding: 9px;
	font-size: 14pt;
	width: 96%;
	border: solid 1px #FFF;
	background: #FFF3;
	color: #FFF;
	margin: 1px 0 9px;
	font-weight: 300;
}
.g-recaptcha {
	margin: 0 0 5px;
}
#RInqForm .button {
	font-family: Georgia, Constantia, "Lucida Bright", "DejaVu Serif", "serif";
	padding: 15px 40px;
	font-size: 18pt;
	font-weight: bold;
	width: 303px;
	background-color: var(--RMWblue);
	cursor: pointer;
	margin: 15px 0;
	color: white;
	border: none;
}
#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;
}
#FORM h4 {
	color: #FFFFFF;
}

div.highlighted {
	background-color: #9ba1c23d;
	padding: 20pt 40pt 40pt;
	box-sizing: border-box;
}