@charset "utf-8";
 body { margin:0px; padding:0px; color: #666666;
font-family: 'Roboto Slab', sans-serif;
background-color: #f2f2f2;
margin:40px 0; font-size:13px; }
img { border:0px; }
* { outline:none; }
a { color:#333; text-decoration:none; }
#wrapper { background: #fff;
width:1050px;
margin: 0 auto;
box-shadow: 0 0px 10px rgba(0,0,0,.1);
-webkit-box-shadow: 0 0px 10px rgba(0,0,0,.1);
-moz-box-shadow: 0 0px 10px rgba(0,0,0,.1);
-o-box-shadow: 0 0px 10px rgba(0,0,0,.1);
padding:0 50px; } header { height:118px; width:100%; margin:0 auto; }
header #logo { float:left; margin:29px 0 0 0; width:155px;  } 
header #topright { float:right; width:350px; margin:50px 0 0 0; }
header #topright .call { float:left;  }
header #topright .links { float:right;  }
nav { width:1050px; clear:both; background-color:#aba9aa; height:50px; line-height:50px; font-family: 'Open Sans', sans-serif; font-size:15px; border-bottom:5px #ee1c25 solid;  }
nav ul { margin:0 0 0 125px !important; padding:0px; list-style:none;  }
nav ul li {  position:relative; margin:0px;  border-right:1px #4787b6 solid; background-color:#aba9aa; z-index:99}
nav ul li a { color:#ffffff; font-size:14px; text-decoration:none; line-height:40px; text-transform:uppercase; }
nav ul li a:hover { color:#ee1c25; text-decoration:none; }
nav ul li:hover { background-color:#ee1c25; -moz-box-shadow: inset 0 0 5px #453a2c; -webkit-box-shadow: inset 0 0 5px#453a2c; box-shadow: inner 0 0 5px #453a2c; color:#fff; border-left:0px #453a2c solid;  border-bottom:1px #e8e6e3 solid;}
nav ul li:hover a { color:#fff; }
.navactive { background-color:#ee1c25; -moz-box-shadow: inset 0 0 5px #453a2c; -webkit-box-shadow: inset 0 0 5px#453a2c; box-shadow: inner 0 0 5px #453a2c; color:#fff; color:#fff !important;}
.navactive a{ color:#fff !important;}
.brdnone{ border-right:0px !important; }
.banner { width:1050px; clear:both; margin:1px 0 0 0; }
.banner_shadow { width:1050px; height:20px; background-image:url(//www.erbeam.com/wp-content/themes/erbc/images/shadow-slider.jpg); background-repeat:no-repeat; clear:both; }
#container { width:1050px; clear:both; background-color:#fff; min-height:400px;  }
#container h1 { color:#4d4131; font-size:30px; font-weight:normal; margin:0px; padding:10px 0px; }
#container h1 span {  color:#b2b2b2; }
#container p { font-size:14px; line-height:22px; margin:0px; padding:10px 0; }
#container h2 { color:#4d4131; font-size:22px; font-weight:normal; margin:0px; display: inline-block; }
#container h3 { color:#4d4131; font-size:18px; font-weight:normal; margin:0px; padding:0px; }   #container #hp_boxes .hp_boxes {
width: 315px; min-height: 210px;
overflow: hidden;    } #container #hp_boxes {
width: 100%; max-width: 1050px; margin: 50px auto 0; padding: 0 15px; display: flex;
justify-content: center;
flex-wrap: wrap; gap: 40px; }
#container #hp_boxes .hp_boxes h2 {
color: #aba9aa;
font-size: 20px;
margin: 0 0 10px 0; 
line-height: 28px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
text-transform: uppercase;
border-left: 5px #ee1c25 solid;
padding: 0 0 0 10px;
display: inline-block;
}
.newdev {
margin-top: 50px;
text-align: center;
}
.newdev h2 {   
color: #aba9aa;
font-size: 20px;
margin: 0 0 10px 0;
padding: 0px;
line-height: 28px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
text-transform: uppercase;
border-left: 5px #ee1c25 solid;
padding: 0 0 0 10px;
} #container #hp_boxes .hp_boxes .img { padding:20px; background-color:#f2f2f2; }
#container #hp_boxes .hp_boxes .rq { padding:20px; background-color:#f2f2f2; margin:20px 0; }
#container #hp_boxes .hp_boxes h2 { color:#aba9aa; font-size:20px; margin:0 0 10px 0; padding:0px; line-height:28px; font-family: 'Open Sans', sans-serif; font-weight:normal; text-transform:uppercase; border-left:5px #ee1c25 solid; padding:0 0 0 10px; }   #container #hp_boxes .hp_boxes .gallery { background-color:#fff; padding:17px 17px 17px 43px; overflow:hidden; }
#container #hp_boxes .hp_boxes .rq .gallery  { background-color:#fff; padding:13px; overflow:hidden; }
#container #hp_boxes .hp_boxes .rq .gallery p { text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:20px; color:#000; float:left; margin:11px 0 0 10px; }
#container #hp_boxes .hp_boxes .gallery p { text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:20px; color:#000; float:left; margin:3px 0 0 10px; }
#container #hp_boxes .hp_boxes .gallery img { float:left; }
#container #hp_boxes .hp_boxes p { font-size:14px; color:#666; text-align:left; font-style:normal; line-height:22px; margin:15px 0 0 0; padding:0px; text-align:center; margin:4px 0 0 10pxs;  }
#container #hp_boxes .hp_boxes p span { font-style:italic; color:#666; }
.readmore { color:#000; font-size:13px; text-align:center; margin:10px 0 0 0;  }
.readmore a { color:#000; text-decoration:none; background-image:url(//www.erbeam.com/wp-content/themes/erbc/images/more-arrow.jpg); background-repeat:no-repeat; background-position:right; padding:0 15px 0 0;}
.readmore:hover {  } 
.readmore:hover a { color:#000; }
.tm { background-image:url(//www.erbeam.com/wp-content/themes/erbc/images/aboutus.jpg); background-repeat:no-repeat; width:1050px;  padding:60px 0;  clear:both; margin:30px 0; text-align: center; height:auto;  } .tm h2 { text-transform:uppercase !important; font-size:30px !important; color:#666 !important; text-align:center !important; border-bottom:3px #ee1c25 solid !important; font-weight:normal !important; margin:0 auto !important; width:250px !important; padding:30px 0 0 0 }
.tm p { padding:20px 0 0 0 !important; font-size:16px !important; text-align:center; font-style:normal !important; margin:0 auto !important; width:850px; }
#footer { clear:both; width:1050px; overflow:hidden; text-align:center; }
#footer p { clear:both; color:#787878; text-align:center; margin:0 0 20px 0; }
#footer p span { color:#aba9aa;}
#footer .sm { border-right:1px #ee1c25 solid ; padding:0 10px; }
.mrgnone { margin-right:0px !important; }
@media (min-width: 320px) and (max-width: 767px) {
body { margin:10px; }
#wrapper { background: #fff;
width:270px;
margin: 0 auto;
padding:0 15px; }
header #logo { margin:29px 0 0 0; width:270px; text-align:center;  } header #topright { clear:both; width:270px; margin:10px 0; text-align:center; } header #topright .call { float:none; }
header #topright .links { float:none;  } nav { width:270px; }
nav ul li {  border-bottom:1px #4787b6 solid;}
nav ul { margin:0 !important} 
.banner { width:100% !important; } .theme-default #slider { width:270px !important; height:130px !important; }
.banner_shadow { width:270px; height:6px; background-image:url(//www.erbeam.com/wp-content/themes/erbc/images/shadow-slider-m.jpg); background-position:center;}
#container { width:270px !important; }
#container #hp_boxes { width:270px !important; margin:25px 0 0 0;  }
#container #hp_boxes .hp_boxes { width:270px; clear:both; }
#container #hp_boxes .hp_boxes img { width:230px; height:auto; }
#container #hp_boxes .hp_boxes .gallery img { width:auto !important; height:auto !important;}
#container #hp_boxes .hp_boxes .rq .gallery img { width:auto !important; height:auto !important;}
#container #hp_boxes .hp_boxes .rq .gallery p { font-size:17px; margin:14px 0 0 5px; }
#container #hp_boxes .hp_boxes .gallery p { font-size:17px; margin:8px 0 0 10px; }
.client { width:220px !important; }
.tm { background-image:url(//www.erbeam.com/wp-content/themes/erbc/images/aboutus-m.jpg); background-repeat:no-repeat; width:270px; height:140px; clear:both; margin:10px 0; background-position:center; }
.tm h2 { font-size:18px; width:120px; padding:15px 0 0 0;   }
.tm p { padding:8px 0 0 0 !important; width:270px; font-size:11px !important; line-height:17px !important; }
#footer { clear:both; width:280px; overflow:hidden; text-align:center; padding:10px 0; }
#footer p { font-size:11px; }
.theme-default .nivo-controlNav { margin:92px 0 0 100px !important; }
.contactus { width:80% !important; padding:30px 10px !important; }
.contactus input textarea { width:100% }
}
@media (min-width: 768px) and (max-width: 1024px) {
body { margin:25px 0; }
#wrapper { width:680px; padding:0 25px !important;  }
nav { width:680px; }
nav ul li {  border-bottom:none;}
nav ul { margin:0 0 0 45px !important} 
.nav > li > a { padding:10px !important; }	
.banner { width:680px !important; height:304px !important; }
.banner img { width:680px; height:304px; }
.banner_shadow { width:680px; height:15px; background-image:url(//www.erbeam.com/wp-content/themes/erbc/images/shadow-slider-t.jpg);}
#container { width:680px !important; }
#container #hp_boxes { width:680px !important; margin:25px 0 0 0;  }
#container #hp_boxes .hp_boxes { width:215px; margin:0 17px 0 0 }
#container #hp_boxes .hp_boxes h2 { line-height:20px; font-size:18px; }
#container #hp_boxes .hp_boxes img { width:180px; height:auto; }
#container #hp_boxes .hp_boxes .img { padding:17px; }
#container #hp_boxes .hp_boxes .gallery img { width:auto !important; height:auto !important;}
#container #hp_boxes .hp_boxes .rq .gallery p { font-size:15px; margin:6px 0 0 7px; width:70px; line-height:18px; }
#container #hp_boxes .hp_boxes .rq .gallery { padding:15px; text-align:center;  }
#container #hp_boxes .hp_boxes .gallery p { font-size:15px; margin:7px 0 0 7px; }
#container #hp_boxes .hp_boxes .gallery { padding:17px; }
.client { width:170px!important; margin:15px 15px 15px 0 !important; padding:18px !important; font-size:16px !important; }
.contactus { width:80% !important;}
.contactus input textarea { width:100% }
.tm { background-image:url(//www.erbeam.com/wp-content/themes/erbc/images/aboutus-t.jpg); background-repeat:no-repeat; width:680px; height:181px; clear:both; margin:10px 0; }
.tm h2 { font-size:30px; width:200px; padding:30px 0 0 0; }
.tm p { padding:10px 0 0 0 !important; width:510px; font-size:13px !important; line-height:19px !important; }
#footer { clear:both; width:680px; overflow:hidden; text-align:center; padding:10px 0; }
#footer p { font-size:11px; }
.theme-default .nivo-controlNav { margin:260px 0 0 500px !important; }
} .bc { font-size:12px; padding:15px 0; margin:0 0 20px 0; border-bottom:1px solid #e8e8e8 }
.bc span { margin:0 10px;}
.bc a{ color: #ee1c25;    text-decoration: none;} .client { width:190px; background-color:#f7f7f7; border:1px #f0f0f0 solid; float:left; margin:15px 25px 15px 0; padding:20px; text-align:center; font-size:17px; transition: all 0.5s ease;  }
.client span{ font-family: 'Open Sans', sans-serif !important; font-size:13px; }
.client:hover { background-color:#ee1c25; color:#ffffff; transition:ease-out; border:1px #eabb00 solid; } .contactus { text-align:center; padding:50px; border:1px #cccccc dashed; transition: all 0.5s ease; margin:30px auto; width:50%; line-height:25px; }
.contactus h2{ font-weight:normal; font-size:22px; margin:-15px !important;} 
.contactus h3{ font-weight:normal; font-size:18px; margin:-5px !important; } 
.contactus input textarea { width:100% }