html {scrollbar-gutter: stable;}
body { margin:0; padding:0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#2f2f2f; font-weight:400;  overflow-x: hidden;}
body.mobile-menu-open {overflow: hidden;}
*, *:before , *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
strong { font-weight:700; }
a { outline:none; color:#005e51; text-decoration:none; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;  }
a:hover { text-decoration:none; color:#005e50; outline:none; }
a:focus { text-decoration:none; color:#005e50; outline:none; }
button { margin:0; padding:0; outline:none; background: #000; border:none; }
textarea { padding:15px 25px !important; height:130px !important; border-radius: 0; -webkit-appearance: none; }
ul,li{ margin: 0; padding: 0;list-style-type: none; line-height: auto}
.bullet ul li {margin-left:45px;list-style-type: disc;}
.displayno {display:none;}
.ginput_container_fileupload { position:relative; }
.ginput_container_fileupload input { display:none; }
#display { height:50px; line-height:50px; width:100%; float:left;  border:1px solid #ccc; height:50px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; color:#000; padding:0 15px; background:#fff; }
.ginput_container_fileupload .browse_text { position:absolute; right:0; height:50px; line-height:50px; background:#cf262d; color:#FFF; font-size:15px; font-weight:600; padding:0 15px; text-transform:uppercase;  font-family: 'Open Sans', Arial, Helvetica, sans-serif; text-transform:uppercase; cursor:pointer;   }
.ginput_container_fileupload .browse_text:hover { background:#e5323a; }
.ginput_container_fileupload { padding:0 0 25px; float: left; width: 100%; }
iframe { border:none; }
strong { font-weight:700; }
img { border:0; max-width:100%; height:auto; }
hr { border:none; outline:none; float:left; width:100%; height:1px; background:#f2f2f2; clear:both; margin:30px 0; }
.clear { clear:both; }
p { margin:0; padding: 10px 0; }
h1 { color:#fff; font-family: 'Open Sans'; font-size:60px; margin:0; padding:0; line-height: 70px; font-weight: 600;  }
h2 { color: #414141;font: 400 36px/36px 'Open Sans', sans-serif;}
h3 {color: #fff;letter-spacing: 2px;font: 600 30px/30px 'Open Sans', sans-serif;text-transform: uppercase;padding: 0;}
h4 {color: #414141;letter-spacing: 3px;font: 600 30px/30px 'Open Sans', sans-serif;text-transform: uppercase;padding: 0;margin: 0 0 45px;}
h5 { font-weight:normal; color:#cf262d; font-family:'Open Sans' , Arial, Helvetica, sans-serif; font-size:18px; line-height:28px; margin:0; padding:10px 0 10px; clear:both; font-weight:700; }
h6 { font-weight:700; color:#2f2f2f; font-family:'Open Sans' , Arial, Helvetica, sans-serif; font-size:15px; margin:0; padding:10px 0; line-height:26px; clear:both; }
.vc_row:first-of-type h2 {font-family: 'Arial', sans-serif; font-size: 52px; font-weight: 600; line-height: 1;}
strong { font-weight:700; }
.bg-img { background-size:cover; background-repeat:no-repeat; background-position:center center; }
::-webkit-input-placeholder{color:#414141;}
:-moz-placeholder{color:#414141;opacity:1;}
::-moz-placeholder{color:#414141;opacity:1;}
:-ms-input-placeholder{color:#414141;}
.grid-section { clear: both; margin:0 !important; }
.fullwidth-section .wrapper{width:100%; max-width:100%;}
.fullwidth-section .wrapper .vc_column-inner{ padding:0px;}
.fullwidth-section .container{width:100%; max-width:100%;}
.fullwidth-section .container .vc_column-inner{ padding:0px;}
@media screen and (max-width:991px) {
.vc_row:first-of-type h2 {font-size: 46px;}
}  .HeaderTop {width: 100%; padding: 14px 0 18px;}
.logo{float: left;}
.HeaderDetail{float: right; margin: 16px 0 0;}
.OrangeBtn{float: right;background: #fcb766; padding: 0 22px 0 53px; position: relative;color: #fff;display: inline-block;text-transform: uppercase;font: 400 18px/56px 'Open Sans', sans-serif;}
.OrangeBtn:after{content: "";position: absolute;left: 19px;top: 0;bottom: 0;margin: auto;background: url(https://www.rjmechanical.biz/wp-content/themes/rjmechanical/images/sprite.png) no-repeat -36px -38px;width: 24px;height: 24px;}
.headerTitle{float: left;font: 700 20px/56px 'Open Sans', sans-serif;color: #005e50;padding: 0 33px 0 0;}
.headerTitle span{color: #b1b4b3;}
.HeaderBottom{float: left;width: 100%;background: #f3f3f3;position: relative;text-align: center;}
.HeaderBottom:before{content: "";position: absolute;top: 0;background: url(https://www.rjmechanical.biz/wp-content/themes/rjmechanical/images/shadow.png) center center;width: 100%;left: 0;height: 5px;}
.HeaderBottom:after{content: "";position: absolute; bottom: 0;background: url(https://www.rjmechanical.biz/wp-content/themes/rjmechanical/images/shadow.png) center center;width: 100%;left: 0;height: 5px;}
.MenuList{ float: left; width: 100%; text-align: center; }
.MenuList li{display: inline-block;position: relative;padding: 0 29px}
.MenuList li a{ text-transform: uppercase;color: #005e50;font: 700 20px/60px 'Open Sans', sans-serif;position: relative;display: block;z-index: 1;}
.menuIcon{display: none}
.MenuList li:hover > ul { display:block; z-index: 1}
.MenuList li > ul { display:none; position:absolute; top:100%; left:50%; background:#005e50; width:150px; margin:0; padding:0; list-style:none; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align:left; z-index: 99;}
.MenuList li > ul:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(245, 245, 245, 0); border-bottom-color: #005e50; border-width: 10px; margin-left: -10px; }
.MenuList li > ul > li { border-top:1px solid #fff; display:block; position:relative; padding: 0; }
.MenuList li > ul > li > a{color: #fff;font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: 20px;}
.MenuList li > ul > li > a , .mainmenu .wrapper > ul > li > ul > li > a:visited  { color:#fff !important; text-transform:uppercase; font-size:14px;  display:block; padding:10px 20px; line-height:20px; font-weight:600; }
.MenuList li > ul > li:first-child { border-top:none; }  .Banner{float: left;width: 100%; position: relative;}
.Homeslider, .Mainbanner{position: relative;}
.BannerWrap{position: absolute;left: 0;right: 0; padding: 68px 0 74px;top: 0}
.Homeslider img, .defaultimg{background-color: #000;position: relative;height: 415px !important;}
.BannerText{text-align: center; padding: 0 80px;margin: auto;} .LearnBtn, .rev-btn a{background: #fcb766; padding: 0 32px; text-align: center;outline: none;cursor: pointer;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color: #fff;display: inline-block;text-transform: uppercase;font: 400 18px/56px 'Open Sans', sans-serif; }
.Homeslider:after, .forcefullwidth_wrapper_tp_banner:after{content: "";position: absolute;bottom: -30px;background: url(https://www.rjmechanical.biz/wp-content/themes/rjmechanical/images/shadow-bottom1.png) center center no-repeat;width: 100%;height: 32px;}
.rev-btn{padding: 0 !important;border:none !important;background-color: transparent !important;}
.fullwidthbanner-container, .fullwidthbanner-container .fullwidthabanner, .tp-fullwidth-forcer{height: 415px !important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-arrow { background: url(https://www.rjmechanical.biz/wp-content/themes/rjmechanical/images/sprite.png) no-repeat;cursor:pointer; z-index:5; position:absolute; top:50%; margin-top:-63.5px; display:inline-block; width: 29px; height: 127px; font-size:0; text-index:-9999; cursor:pointer; }
.slick-arrow:before { font-family:'FontAwesome'; font-size:14px; }
.slick-arrow.slick-prev { background-position:  -9px -56px; left: 32px; }
.slick-arrow.slick-next { background-position:  -56px -58px;right: 32px; }
.slick-arrow.slick-disabled { display:none; }
ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
ul.slick-dots { text-align:center; padding: 0; line-height: 0; position: absolute;left: 0;right: 0;margin: auto; bottom: 19px;}
ul.slick-dots li { display:inline-block; padding:0 6px; line-height: 0;}
ul.slick-dots li button, .custom .tp-bullet { display:inline-block; background:#f3f3f3;  width:66px; height:7px;font-size:0; text-index:-9999; cursor:pointer; }
ul.slick-dots li button:hover , ul.slick-dots li.slick-active button, .custom .tp-bullet:hover, .custom .tp-bullet.selected { background:#005e51; }
.tp-bullets { opacity: 1 !important; visibility: visible !important; }  .Count-section{float: left;width: 100%;text-align: center;padding: 66px 0;}
.CountTitle h2{color: #414141;font: 400 36px/36px 'Open Sans', sans-serif; padding: 0 0 56px;}
.CountList{margin: auto;text-align: center;padding: 0 10px;}
.CountBox{width: 49.1%;position: relative;}
.CountBox:last-child{width: 49.1%;position: relative;float: right;}
.countImg{height: 320px;position: relative;background-position: top center;}
.CountBox .vc_column-inner:after {content: "";position: absolute;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);left: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.countTitle{position: absolute;top: 50%;z-index: 1;transform: translateY(-50%);text-align: center;left: 0;right: 0;}
.countTitle h3{color: #fff;letter-spacing: 4px;font: 600 30px/30px 'Open Sans', sans-serif;text-transform: uppercase;padding: 0;}
.countTitle h3 a{color: #fff}
.CountBox .vc_column-inner{height: 320px;position: relative;background-size: cover; background-position: center top;}  .Service-Section{float: left;width: 100%;border-top: 5px solid #e6e6e5;padding: 42px 0 62px;background: #f3f3f3;position: relative;}
.Service-Section:after{content: "";position: absolute;bottom:-29px;background: url(https://www.rjmechanical.biz/wp-content/themes/rjmechanical/images/shadow-bottom1.png) center center no-repeat;width: 100%;height: 32px;left: 0;}
.MainTitle h2{font: 300 36px/70px 'Open Sans', sans-serif;color: #414141;padding: 0 250px;text-align: center;}
.ServiceMain{margin: 40px 0 0;float: left;width: 100%;text-align: center;}
.ServiceBox{float: left;text-align: center;}
.ServiceImg {border-radius: 50%; border: 5px solid #fff;height: 275px; width: 275px;padding: 5px;margin: auto auto;position: relative;cursor: pointer;}
.ServiceImg:after{content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0;text-align: center;border-radius: 50%;opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;-webkit-transform: scale(0.5);
-moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.35s ease-in-out 0.2s;
-moz-transition: all 0.35s ease-in-out 0.2s; transition: all 0.35s ease-in-out 0.2s;}
.ServiceImg img{border-radius: 50%; border: 5px solid #fff;height: 255px; width: 255px;}
.SerTitle {color: #414141; font: 300 22px/28px 'Open Sans', sans-serif;padding: 0 25px;}
.SerTitle h3{color: #414141;font: 300 31px/35px 'Open Sans', sans-serif;text-transform: capitalize;margin: 35px 0 18px !important;}  .Testimonial-Section{float: left;width: 100%;padding: 48px 0 0;position: relative;}
.Testimonialbg:after{content: "";position: absolute;bottom:-29px;background: url(https://www.rjmechanical.biz/wp-content/themes/rjmechanical/images/shadow-bottom1.png) center center no-repeat;width: 100%;height: 32px;left: 0;}
.Testimonialbg {background: url(//www.rjmechanical.biz/wp-content/uploads/2017/03/testimonials-a.jpg) no-repeat center center/cover;height: 100%;width: 100%;float: left;margin: 41px 0 0;position: relative;background-color: #414141;}
.TestimonialBox{float: left;width: 100%;background: rgba(65,65,65,0.6);margin: 65px 0 110px !important;position: relative;z-index: 1;text-align: center;}
.TestBox {color: #fff;font: 600 24px/38px 'Open Sans', sans-serif;padding: 50px 100px;}
.TestBox span{font: 300 16px/20px 'Open Sans', sans-serif;}
.TestimonialBox ul.slick-dots{bottom: -47px;}
.Testimonial-Section .vc_column-inner {padding: 0}  .Blogsection {width: 100%; padding: 40px 0 0;}
.Blogsection > .container {width: 100%; max-width:1380px; display: flex; flex-wrap: wrap; margin: 0px auto;}
.Blogsection > .container > .row {padding: 0px 15px; width: 100%;}
.Blogsection .MainTitle h2{padding: 0 200px;}
.BlogWrap{margin: 40px 0 0;float: left;width: 100%;}
.Blogmain{float: left;width: 100%;position: relative;margin: 0 0 60px !important;}
.Blogimg{height: 260px;}
.Blogcontent{float: left;width: 100%;margin: 39px 0 0;}
.BlogDate{float: left;background: #005e51;color: #fff;font: 600 18px/51px 'Open Sans', sans-serif;padding: 0 8px;}
.BlogTitle{width: calc(100% - 70px);float: right;color: #414141;font: 300 15px/20px 'Open Sans', sans-serif;}
.BlogTitle h3, .BlogTitle h3 a{color: #414141;font: 300 20px/22px 'Open Sans', sans-serif;margin: 0;    letter-spacing: normal;}
.BlogTitle a{text-transform: uppercase;font: 300 16px/20px 'Open Sans', sans-serif;margin: 16px 0 0;display: inline-block;}
.Blogsection .vc_column-inner {padding: 0 5px;}  .Footer{float: left;width: 100%;background: #333333;padding: 45px 0 0;position: relative;}
.Footer:before{content: "";position: absolute;left: 0;width: 100%; background: url(https://www.rjmechanical.biz/wp-content/themes/rjmechanical/images/shadow.png) center center; height: 5px;top: -5px;}
.FooterBox{font: 400 14px/22px 'Open Sans', sans-serif;color: #b1b4b3;letter-spacing: 1.3px;}
.FooterBox h3{font: 800 16px/16px 'Open Sans', sans-serif;color: #fff;text-transform: capitalize;}
.Footerlink,  #menu-footer-menu, .textwidget {margin: 10px 0 0;float: left;}
.Footerlink li, #menu-footer-menu li{float: left;width: 100%;margin: 0 0 5px;}
.Footerlink li a, #menu-footer-menu li a{color: #b1b4b3;font: 400 14px/22px 'Open Sans', sans-serif;}
.FootAddress, .FootAddress a{font: 400 14px/26px 'Open Sans', sans-serif;color: #b1b4b3;}
.FootAddress span{display: block;margin: 0 0 6px;}
.copyright{float: left;width: 100%;margin: 40px 0 0;border-top: 1px solid #4c4c4c;padding: 47px 0;text-align: center;font: 300 14px/14px  'Open Sans', sans-serif;color: #ffffff;}  .InnerBanner{
position:relative;
float:left;
width:100%;
background:#000;
min-height:400px;
display:flex;
align-items:center;
justify-content:center;
} .InnerBanner:before{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,.55);
z-index:1;
} .InnerBanner:after{
content:"";
position:absolute;
left:0;
bottom:-33px;
background:url(https://www.rjmechanical.biz/wp-content/themes/rjmechanical/images/shadow-bottom1.png) center center no-repeat;
width:100%;
height:32px;
z-index:3;
} .PageName{
position:relative;
z-index:2;
}
.PageName h1{
text-align:center;
color:#fff;
font:700 72px/1.1 'Open Sans', sans-serif;
text-transform:none;
letter-spacing:1px;
padding:0;
margin:0;
text-shadow:0 4px 20px rgba(0,0,0,.35);
} @media(max-width:991px){
.InnerBanner{
min-height:320px;
}
.PageName h1{
font-size:56px;
}
} @media(max-width:767px){
.InnerBanner{
min-height:260px;
}
.PageName h1{
font-size:40px;
}
}
.InnerPage{float: left;width: 100%;padding: 60px 0 59px;}
.SubPagetitle h2{text-align: center;padding: 0 0 45px;font: 400 36px/40px 'Open Sans', sans-serif;}
.SubDesc{color: #666766;font: 400 16px/24px 'Open Sans', sans-serif;text-align: center;padding: 0 45px 25px;}
.SubDesc > .wpb_wrapper > p{padding: 0}
.InnerDesc{color: #666766;font: 400 16px/24px 'Open Sans', sans-serif;}
.InnerDesc h3{color: #000000;font: 600 16px/24px 'Open Sans', sans-serif;text-transform: uppercase;letter-spacing: inherit;margin: 20px 0 25px}
.InnerDesc p{padding: 0 0 30px;}
.Testimonial-Section.InnerTestimonial{margin: 0;position: relative;padding: 0;background: url(//www.rjmechanical.biz/wp-content/uploads/2017/03/locations-a.jpg) no-repeat center center/cover #414141;height: 100%;width: 100%;float: left;}
.Testimonial-Section.InnerTestimonial:after{content: "";position: absolute;left: 0;bottom: -28px;background: url(https://www.rjmechanical.biz/wp-content/themes/rjmechanical/images/shadow-bottom1.png) center center no-repeat;width: 100%;height: 30px;}
.Testimonial-Section.InnerTestimonial .TestimonialWrap{margin: 29px 0 0}
.Testimonial-Section.InnerTestimonial .TestimonialBox{margin: 65px 0 !important; background: transparent}
.Testimonial-Section.InnerTestimonial .TestBox {color: #fff;font: 300 16px/24px 'Open Sans', sans-serif;padding: 60px 100px 50px;background: rgba(65, 65, 65, 0.6) none repeat scroll 0 0;text-align: center;position: relative;z-index: 1;width: 1282px;margin: auto;float: none}
.Testimonial-Section.InnerTestimonial .TestBox h3{color: #fff;font: 600 24px/26px 'Open Sans', sans-serif;text-transform: capitalize;margin: 0 0 20px;}
.EmergencySection{float: left; width: 100%; padding: 94px 0 65px;position: relative;}
.EmergencySection:after{content: "";position: absolute;left: 0;bottom: -29px;background: url(https://www.rjmechanical.biz/wp-content/themes/rjmechanical/images/shadow-bottom1.png) center center no-repeat;width: 100%;height: 30px;}
.EmerMain{width: 800px;}
.EmerWrap{border: 4px dashed #fed09d;float: none;margin: auto;text-align: center;padding: 53px 65px 40px;font: 600 16.68px/26px 'Open Sans', sans-serif;color: #000000;width: 800px;}
.EmerWrap h4 {color: #414141;letter-spacing: 3px;font: 600 30px/30px 'Open Sans', sans-serif;text-transform: uppercase;padding: 0;margin: 0 0 45px;}
.EmerInfo{color: #676767;font: 400 16px/26px 'Open Sans', sans-serif;margin: 15px 0 0;}
.ReqSection{float: left;width: 100%;padding: 85px 0 0;}
.ReqSec{text-align: center;width: 100%;float: left;}
.ReqSec h4{color: #414141;font: 400 22px/30px 'Open Sans', sans-serif;margin: 0 0 30px !important;text-transform: inherit;letter-spacing: normal;}
.ReqBtn{display: inline-block;color: #fff;font:600 18px/56px 'Open Sans', sans-serif; overflow: hidden;outline: none;cursor: pointer;padding: 0 41px;text-transform: uppercase;background: #fcb766;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;position: relative}
.ReqBtn:after {content: '';position: absolute;z-index: -1;width: 100%;height: 0;top: 50%;left: 50%;background: #005e50;opacity: 0;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.AddBottomBrd{border-top: 5px solid #e6e6e5;margin: 24px 0 0;position: relative;}
.AddBottomBrd:before{content: "";position: absolute;left: 0;top: -3px;background: url(https://www.rjmechanical.biz/wp-content/themes/rjmechanical/images/shadow-bottom1.png) center center no-repeat;width: 100%;height: 30px;}
.Blogsection.InnerBlog{padding: 7px 0 10px;}
.Blogsection.InnerBlog .BlogWrap{margin: -60px 0 0;}
.Blogsection.InnerBlog .Blogmain{margin:60px 0 0 !important;}
.blog-page-number{margin: 30px 0 0;float: left;width: 100%;text-align: center;}
.blog-page-number h2.screen-reader-text{ display: none }
.pagination{margin: 20px 0 0}
.nav-links .page-numbers.current{background: #005e51;color: #fff;padding: 5px 10px; font: 600 15px/18px  'Open Sans', sans-serif; }
.nav-links a{background: #005e51;color: #fff;padding: 5px 10px; font: 600 15px/18px  'Open Sans', sans-serif; }
.nav-links a.prev.page-numbers{margin-right: 5px;}
.nav-links .page-numbers.current{background: #fcb766;}  .BlogDetail{float: left;width: 100%;padding: 5px 0 12px;}
.BlogDetail h2{text-transform: lowercase !important;margin: 0 0 23px;}
.Blogdate{color: #b1b4b3;font: 300 20px/20px 'Open Sans', sans-serif;}
.Blogdate a{color: #005e50;}
.BlogDescription{margin: 0px 0 35px; width: 100%;color: #414141; font: 400 16px/27px 'Open Sans', sans-serif;}
.BlogDescription strong{display: block;padding: 22px 0;}
.Blogshare{background: #f1f0f0;float: left;width: 100%;text-align: center;padding: 8px 0 22px;margin: 10px 0 40px;}
.Blogshare p{font: 600 14px/14px 'Open Sans', sans-serif;text-transform: uppercase;margin: 0 0 7px;}
.SocialList li{ display: inline-block;padding-right: 30px;}
.SocialList li:nth-child(4){padding-right: 0px !important;}
.SocialList li .fa{font-size: 29px;color: #000;}
.SocialList li:hover .fa{color: #005e50;}
.BlogNav .screen-reader-text{display: none}
.BlogNav {width: 100%;}
.BlogNav .nav-links a, .BlogNav .nav-links .page-numbers.current, .trybtn {color: #fff;padding: 0px 32px;font: 600 14px/45px 'Open Sans', sans-serif;display: inline-block;margin: 0;}  .form-wrapper{margin: 30px 0 0;float: left;width: 100%;}
.ContactForm{float: left;width: 100%;}
.ContactForm li{float: left;width: 100%;margin: 0 0 13px;position: relative;}
.ContactForm li.HalfBox{display: inline-block;width: 48.5%;}
.ContactForm li.HalfBox:nth-child(4), .ContactForm li.HalfBox:nth-child(7){float: right}
.ContactForm li input, .ContactForm li select{outline:none; border: none; border-radius: 0; -webkit-appearance: none; background:#f1f0f0; color: #414141;height:55px; padding:0 25px !important; font-family:'Open Sans',sans-serif; font-weight: 600;font-size:18px; line-height: 55px; width:100% !important; -moz-box-shadow: inset 0 0 3px 3px #e3e2e2; -webkit-box-shadow: inset 0 0 3px 3px #e3e2e2; box-shadow: inset 0 0 3px 3px #e3e2e2;}
.ContactForm li select{background-image: url(https://www.rjmechanical.biz/wp-content/themes/rjmechanical/images/arrow.png);width: 20px; -moz-appearance: none; -webkit-appearance: none;background-position:  right;background-repeat: no-repeat }
.ContactForm li select option {  background:transparent;   border:0; outline: 0;   }
.ContactForm li textarea{ line-height: 20px; outline:none; border: none; border-radius: 0; -webkit-appearance: none; background:#f1f0f0; color: #414141;height:55px; padding:20px 25px !important; font-family:'Open Sans',sans-serif; font-weight: 600;font-size:18px; width:100% !important; height: 130px;resize: none;-moz-box-shadow: inset 0 0 3px 3px #e3e2e2; -webkit-box-shadow: inset 0 0 3px 3px #e3e2e2; box-shadow: inset 0 0 3px 3px #e3e2e2;float: left;}
div.wpcf7 .ajax-loader{position: absolute;top: 3px;right: 3px; }
.ContactForm li input[type=submit]{background: transparent; border-radius: 0; -webkit-appearance: none; width:auto !important;padding: 0 !important;box-shadow: none;color: #fff;}
.SubmitBtn{ margin: 5px 0 0; border-radius: 0; -webkit-appearance: none; width:auto !important;background: #fcb766;padding: 0 47px;overflow: hidden;outline: none;cursor: pointer;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;
transition: all 0.3s; color: #fff; display: inline-block; text-transform: uppercase;height: 56px; font: 400 18px/18px 'Open Sans', sans-serif;border:none; cursor:pointer; }
.SubmitBtn:after {content: '';position: absolute;z-index: -1;width: 100%;height: 0;top: 50%;left: 50%;background: #005e50;opacity: 0;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
div.wpcf7-validation-errors{float: left;width: 100%;margin: 0;}
.wpcf7-not-valid-tip{background: red;color: #fff !important;font: 400 11px/14px  'Open Sans', sans-serif !important; padding: 2px; position: absolute;top:-15px;right: 0;white-space: nowrap;    width: auto !important;}
.wpcf7-not-valid-tip:after{content: "";position: absolute;left: 10px;bottom: -5px;border-left: 5px solid transparent; border-right: 5px solid transparent;border-top: 5px solid red;}
div.wpcf7-mail-sent-ng, .wpcf7-mail-sent-ok, .wpcf7-response-output.wpcf7-spam-blocked{color: #005e50;float: left;width: 100%;border-color: #fcb766;margin: 10px 0;padding:2px 10px;}
.wpcf7-form-control-wrap { position: static;}
.wpcf7-form-control.g-recaptcha{margin: 5px 0 0;}  .LearnBtn:hover, .ReqBtn:hover, .SubmitBtn:hover, .rev-btn a:hover{color: #fff;background: #005e51;}  .MenuList li:hover a, .MenuList li.current-menu-item a, .MenuList li.current_page_parent a{ color: #fcb766}
.MenuList li > ul > li:hover > a, .MenuList li > ul > li.current-menu-item > a{ color:#fff; background:#fcb766; }
.CountList li:hover .CountBox:after, .CountBox .vc_column-inner:hover:after{background-color: transparent;}
.ServiceImg:hover:after{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); transform: scale(1);background: rgba(0,94,80,0.5);}
.EmerInfo a:hover{color: #414141;}
.comment-form input[type="submit"]:hover, .search-form button[type="submit"]:hover{background: #005e50;color: #fff;}
.Footerlink li.active a, .Footerlink li a:hover, .FootAddress span a:hover,  #menu-footer-menu li a:hover, #menu-footer-menu li.current-menu-item a, #menu-footer-menu li.current_page_parent a{color: #fff;}  .WordpressDesfultpage{float: left;width: 100%; padding: 50px 0;}
.InnerPage .WordpressDesfultpage{padding: 0}
.entry-title{font: 400 22px/22px 'Open Sans', sans-serif; color: #005e50; margin: 0 0 20px;}
.entry-content{color: #414141;  font: 400 14px/20px 'Open Sans', sans-serif;}
.page-header {margin: 0 0 15px;padding-bottom: 15px;}
.page-header .page-title, .entry-title a{color: #414141;font-size: 30px;line-height: 30px;}
.entry-header .entry-title {padding: 0}
.comment-list, .comments-title, .comment-reply-title{padding: 0;margin: 0 0 10px;}
.comments-area a{color: #414141;}
.comment-form label, .screen-reader-text, .search-form label{float: left;width: 100%;margin: 0}
.search-form label .screen-reader-text{margin: 0 0 10px;float: left;width: 100%;}
.comment-form textarea{border: 1px solid #dbdbdb;color: #414141;font: 400 12px/16px 'Open Sans', sans-serif;padding: 10px 15px !important;width: 330px !important;resize: none;margin: 10px 0 0}
.comment-form input[type="text"],.comment-form input[type="url"],.comment-form input[type="email"], .search-form input[type="search"]{height: auto;border:1px solid #dbdbdb; float: left;padding: 0 15px !important;font: 400 12px/44px 'Open Sans', sans-serif; width: 330px !important;color: #414141; margin: 10px 0 13px; letter-spacing: 2px; position: relative;}
.search-form button[type="submit"], .comment-form input[type="submit"]{border-radius: 0;-webkit-appearance: none;width: auto !important; background: #fcb766;padding: 0 47px;overflow: hidden;outline: none;cursor: pointer;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color: #fff;display: inline-block;text-transform: uppercase;height: 56px;
font: 400 18px/18px 'Open Sans', sans-serif;border: none;cursor: pointer; }
.search-form button[type="submit"]{margin: 8px 0 0 10px;height: 47px;}
.comment-form .form-submit{float: left;width: 100%;margin: 5px 0 0;padding: 0}
.capcity_gallery{float: left;width: 33.33%;text-align: center;margin: 15px 0 0;padding: 0 10px;}
.alignleft{float: left; margin: 0 15px 15px 0;}
.content-area img.alignleft{float: left; margin: 0 15px 15px 0;}
.content-area img.alignright{float: right;margin: 0 0 15px 15px;}
.content-area img.aligncenter{margin: 15px auto;display: block;}
.comment-respond small{font-size: 14px;float: left;width: 100%; margin: 15px 0;}
.comment-body{border: 1px solid #dbdbdb;padding: 15px; margin: 0 0 15px;}
.comment-list .comment-content, .comment-list .comment-metadata{margin: 10px 0 0;float: left;width: 100%;}
.searchbox {float: left;width: 100%;margin: 0 0 15px;color: #414141;  font: 400 15px/24px 'Open Sans', sans-serif;    border-bottom: 1px solid #eeeeee;padding: 0 0 15px;}
.searchbox h4{ margin: 0 0 10px;text-transform: lowercase;letter-spacing: inherit;font-size: 24px;line-height: 24px;}
.searchbox p{padding: 0}
.navigation .screen-reader-text{display: none;}  .vc_btn3-container, .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{margin-bottom: 0 !important;}
.vc_row{margin-left: 0 !important; margin-right: 0 !important; }
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{background-color: inherit !important;border: none !important;color: inherit !important;background-image: inherit !important; border-radius: 0 !important;padding: 0px !important;text-transform: inherit !important; font-size: inherit !important;margin: 0px !important;line-height: 0px !important;width: auto !important;} @media only screen and (min-width:1200px){ } @media (min-width: 768px) and (max-width: 1200px){
.logo{ width: 200px;}
.headerTitle{padding: 0 15px 0 0;font-size: 17px;line-height: 50px;}
.OrangeBtn{line-height: 50px;padding: 0 15px 0 40px}
.OrangeBtn:after{left: 12px;}
.MenuList li{padding: 0 10px;}
.MenuList li a{font-size: 16px;}
.BannerWrap{padding: 30px 0;}
.BannerText{padding: 0 10px;}
.Homeslider img,  .defaultimg, .fullwidthbanner-container, .fullwidthbanner-container .fullwidthabanner, .tp-fullwidth-forcer{height: 350px !important;} .LearnBtn, .rev-btn a{line-height: 45px;padding: 0 25px;}
.Count-section{padding:50px 0;}
.CountTitle h2{padding: 0 0 30px; font-size: 30px;}
h2{font-size: 30px;}
.countImg, .CountBox .vc_column-inner{height: 280px}
.countTitle h3{font-size: 24px;}
h3{font-size: 24px;}
.Service-Section{padding: 22px 0 42px;}
.MainTitle h2, .Blogsection .MainTitle h2{padding: 0 10px;font-size: 30px;line-height: 65px;}
.ServiceMain{margin: 15px 0 0;}
.ServiceBox .vc_column-inner {padding: 0 10px;}
.ServiceImg{width: 250px;height: 250px;margin: auto auto;}
.ServiceImg img{width: 230px;height: 230px;}
.SerTitle{padding: 0;font-size: 16px;line-height: 20px;}
.SerTitle h3{font-size: 17px;line-height: 22px;margin: 15px 0 0 !important;}
.Testimonial-Section{padding: 30px 0;}
.Testimonial-Section::after{bottom: 0}
.TestimonialWrap{margin: 25px 0 0;}
.TestimonialBox{margin: 60px 0 80px !important;}
.TestBox{padding: 40px 30px;font-size: 22px;line-height: 26px;}
.Blogsection{padding: 10px 0 0;}
.Blogimg{height: 240px;}
.Blogmain{margin: 0 0 30px !important;}
.Blogcontent{margin: 20px 0 0;}
.BlogTitle{font-size: 14px;line-height: 18px;width: calc(100% - 60px)}
.BlogTitle h3, .BlogTitle h3 a{font-size: 15px;line-height: 20px;}
.BlogTitle a{font-size: 15px;line-height: 14px;margin: 5px 0 0;}
.Footer{padding: 30px 0 0;}
.FooterBox{padding-right: 0;line-height: 20px;margin: 0;float: left;width: 100%}
.SecondBox{margin: 0;}
.Footerlink li,  #menu-footer-menu li{margin: 0 0 3px;}
.copyright{margin: 25px 0 0 ;padding: 25px 0; line-height: 20px;}
.PageName h1{font-size: 43px; line-height: 45px;padding: 60px 0;}
.InnerPage{padding: 45px 0;}
.SubPagetitle h2{font-size: 30px;line-height: 34px;padding: 0 0 30px;}
.Testimonial-Section.InnerTestimonial, .InnerTestimonial .TestimonialWrap{margin: 0;padding: 0}
.Testimonial-Section.InnerTestimonial .TestimonialBox{margin: 45px 0  !important;}
.Testimonial-Section.InnerTestimonial .TestBox{padding: 35px;}
.EmergencySection{padding: 50px 0;}
.EmerWrap{padding: 40px 25px; width: 650px;}
.EmerMain{float: none; margin: auto;  text-align: center;  width: 800px;}
.EmerWrap h4{margin: 0 0 30px; }
.ReqSection{padding: 45px 0 0;}
.ReqSec h4{font-size: 18px;margin: 0 0 25px !important;}
.SubDesc{padding: 0 15px 20px}
.InnerDesc h3{margin: 10px 0 15px;}
.AddBottomBrd{margin: 0;}
.Blogsection.InnerBlog{padding: 7px 0 0px;}
.Blogsection.InnerBlog .BlogWrap{margin: -30px 0 0;}
.Blogsection.InnerBlog .Blogmain{margin:30px 0 0 !important;}
.BlogDate{font-size: 16px;padding: 0 5px;}
.form-wrapper{margin: 15px 0 0;}
.ContactForm li input, .ContactForm li select{padding: 0 10px !important;font-size: 17px;}
.ContactForm li textarea{font-size: 17px;padding: 15px 10px !important;}
.BlogDetail, .Blogshare p{padding: 0;}
.BlogDetail h2{margin: 0 0 15px;}
.BlogDescription{margin: 10px 0 25px;}
.BlogDescription strong{padding: 15px 0;}
.Blogshare {padding: 15px 0;margin: 0 0 25px;}
.BlogNav .nav-links a, .BlogNav .nav-links .page-numbers.current, .trybtn{padding: 0 28px;}
}
@media (min-width: 992px) and (max-width: 1200px){
.wrapper { float: none; margin: auto;   width: 1000px;}
.Testimonial-Section.InnerTestimonial .TestBox {width: 940px;}
.tp-mask-wrap h1{font-size: 45px !important; line-height: 55px !important; }
}
@media (min-width: 768px) and (max-width: 991px){
.Testimonial-Section.InnerTestimonial .TestBox {width: 730px;}
.ServiceImg, .ServiceImg img{width: 100%;height: 100%;}
.BlogWrap{margin: 20px 0 0;}
.Blog{padding: 0 10px;}
.EmerMain{width: 100%;}
.ContactMain .vc_col-sm-8{width: 655px;float: none;margin: auto;} }
@media (min-width: 30px) and (max-width: 767px){
.wrapper { float: none; margin: auto;   width: 100%;}
.BannerWrap{padding:0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.BannerText{padding: 0 10px;}
.Homeslider img, .defaultimg, .fullwidthbanner-container, .fullwidthbanner-container .fullwidthabanner, .tp-fullwidth-forcer{height: 250px !important;}
.tp-mask-wrap h1{line-height: 25px !important;}
.tp-mask-wrap h2{ text-align: center; }
.LearnBtn, .rev-btn a{line-height: 30px !important;padding: 0 15px !important;font-size: 14px !important; margin: 0 auto !important; }
ul.slick-dots{bottom: 10px;}
ul.slick-dots li button{width: 50px;height: 5px;}
.custom .tp-bullet{margin-top: 15px;width: 30px;height: 5px;}
.tp-forcenotvisible, .tp-hide-revslider, .tp-caption.tp-hidden-caption{display: block !important;}
.Count-section{padding:30px 0;}
.CountTitle h2{padding: 0 0 20px; font-size: 22px; line-height: 24px;}
h2{font-size: 22px;}
.countImg, .CountBox .vc_column-inner{height: 250px}
.countTitle h3{font-size: 18px;}
h3{font-size: 18px;}
.CountList{margin: 0}
.CountBox{float: left;}
.vc_inner.CountList, .Blogsection .vc_column-inner{padding: 0}
.CountList li{padding: 0 5px}
.Service-Section{padding: 15px 0;}
.MainTitle h2, .Blogsection .MainTitle h2{padding: 0 10px;font-size: 18px;line-height: 30px;}
.ServiceMain{margin:0;}
.ServiceBox{margin: 10px 0 0;}
.ServiceImg{width: 230px;height: 230px;margin: auto auto;}
.ServiceImg img{width: 210px;height: 210px;}
.SerTitle{padding: 0;font-size: 16px;line-height: 20px;}
.SerTitle h3{font-size: 17px;line-height: 22px;margin: 10px 0 0 !important;}
.Testimonial-Section{padding: 25px 0 20px;}
.Testimonial-Section::after{bottom: -9px;}
.TestimonialWrap{margin: 20px 0 0;}
.TestimonialBox{margin: 30px 0 40px !important;}
.TestBox{padding: 5px 15px 15px;font-size: 16px;line-height: 20px;}
.TestimonialBox ul.slick-dots{bottom: -20px;}
.Testimonial-Section.InnerTestimonial .TestBox {width: 94%;}
.Blogsection{padding: 10px 0 0;}
.BlogWrap{margin: 15px 0 0;}
.Blogimg{height: 220px;}
.Blogmain{margin: 0 0 20px !important;}
.Blogcontent{margin: 20px 0 0;}
.BlogTitle{font-size: 14px;line-height: 18px;width: calc(100% - 60px)}
.BlogTitle h3, .BlogTitle h3 a{font-size: 15px;line-height: 20px;}
.BlogTitle a{font-size: 15px;line-height: 14px;margin: 5px 0 0;}
.BlogDate{padding: 0 5px;font-size: 16px;}
.Footer{padding: 20px 0 0;}
.Footerlink li,  #menu-footer-menu li{margin: 0 0 3px;}
.copyright{margin: 5px 0 0 ;padding: 15px 0; line-height: 20px;}
.FootAddress, .FootAddress a{line-height: 18px;}
.PageName h1{font-size: 26px; line-height: 26px;padding: 45px 0;}
.InnerPage{padding: 25px 0 20px;}
.SubPagetitle h2{font-size: 20px;line-height: 24px;padding: 0 0 15px;}
.InnerDesc{font-size: 14px;line-height: 20px;}
.InnerDesc p{padding: 0 0 15px;}
.Testimonial-Section.InnerTestimonial, .InnerTestimonial .TestimonialWrap{margin: 0;padding: 0}
.Testimonial-Section.InnerTestimonial .TestimonialBox{margin: 35px 0  !important;}
.Testimonial-Section.InnerTestimonial .TestBox{padding: 15px;font-size: 14px;line-height: 20px;}
.Testimonial-Section.InnerTestimonial .TestBox h3{font-size: 20px;margin: 0;}
.EmergencySection{padding: 40px 0 20px;}
.EmerWrap{padding: 30px 10px;width: 100%;}
.EmerMain{ width: 100%;}
.EmerWrap{font-size: 15px;line-height: 20px;}
.EmerInfo{margin: 0;font-size: 15px;line-height: 20px;}
.EmerWrap h4{margin: 0 0 10px; font-size: 18px;line-height: 24px;}
.ReqSection{padding: 25px 0 0;}
.ReqSec h4{font-size: 18px;margin: 0 0 20px !important;line-height: 24px;}
.ReqBtn{font-size: 16px;line-height: 50px;}
.AboutMainSection .vc_column-inner{padding: 0 10px;}
.InnerDesc .vc_column-inner{padding: 0 5px;}
.SubDesc{padding: 0 0 10px;font-size: 14px;line-height: 20px;}
.InnerDesc h3{margin: 5px 0 10px;}
.AddBottomBrd{margin: 0;}
.Blogsection.InnerBlog{padding: 7px 0 0px;}
.Blogsection.InnerBlog .BlogWrap{margin: -15px 0 0;}
.Blogsection.InnerBlog .Blogmain{margin:15px 0 0 !important;}
.comment-form textarea, .comment-form input[type="text"],.comment-form input[type="url"],.comment-form input[type="email"]{width: 100% !important;}
.WordpressDesfultpage{float: left;width: 100%; padding: 30px 0;}
.capcity_gallery{float: left;width: 50%;text-align: center;margin: 10px 0 0;padding: 0 10px;}
.entry-header h2 a{font-size: 18px;line-height: 20px;}
.content-area img.alignright, .content-area img.alignleft{margin: 15px auto;display: block;float: none;}
.page-header .page-title, .entry-title a{font-size: 20px;line-height: 22px;}
.form-wrapper{margin: 10px 0 0;}
.ContactMain .vc_column-inner {padding: 0 5px;}
.ContactForm li{margin: 0 0 10px;}
.ContactForm li:last-child{margin: 0;}
.ContactForm li.HalfBox{display: inline-block;width: 100%;}
.ContactForm li.HalfBox:nth-child(4), .ContactForm li.HalfBox:nth-child(7){float: left}
.ContactForm li input, .ContactForm li select{padding: 0 15px !important;height: 45px;line-height: 45px;font-size: 14px;}
.SubmitBtn{height: 45px;}
.ContactForm li textarea{padding: 15px !important;height: 45px;line-height: 20px;font-size: 14px;height: 100px;}
.BlogDetail, .Blogshare p{padding: 0;}
.BlogDetail h2{margin: 0 0 10px;font-size: 18px;line-height: 22px;}
.BlogDescription{margin: 0 0 20px;font-size: 14px;line-height: 22px;}
.BlogDescription strong{padding: 10px 0;}
.Blogshare {padding: 12px 0;margin: 0 0 20px;}
.BlogNav .nav-links .nav-previous, .BlogNav .nav-links .nav-next{margin: 0}
.searchbox h4{font-size: 18px; line-height: 22px;}
}
@media only screen and (max-width:415px){
.CountTitle h2{padding: 0 0 5px;}
.CountList li, .CountBox, .CountBox:last-child{width: 100%;padding:15px 0 0}
.search-form input[type="search"]{width: 100% !important; }
.search-form button[type="submit"]{margin: 0;}
}
@media (min-width: 481px) and (max-width: 767px){
.defaultimg, .fullwidthbanner-container, .fullwidthbanner-container .fullwidthabanner, .tp-fullwidth-forcer{ height: 280px !important;}
}  .Footer .wp-block-pullquote {
padding: 1em 0;
}
.Footer p.has-text-align-left.wp-block-paragraph {
font-size: 16px;
padding: 0 0px;
}
.Footer #menu-unnamed-1 > li > a {
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
}
.industrypartnersSectionAboutus .wpb_column {
padding-top: 30px !important;
}
.industryPartnerslogo .wpb_single_image img {
width: 100px !important;
height: 100px !important;
}
.custom-logo-slider {
width: 100%;
overflow: hidden;
padding: 30px 0;
}
.custom-logo-track {
display: flex;
align-items: center;
width: max-content;
animation: logoSlide 25s linear infinite;
}
.custom-logo-item {
width: calc(100vw / 8);
flex: 0 0 calc(100vw / 8);
height: 120px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 8px;
box-sizing: border-box;
overflow: visible;
}
.custom-logo-item img {
display: block;
width: auto !important;
height: auto !important;
max-width: 100%;
max-height: 90px;
object-fit: contain !important;
} .custom-logo-slider:hover .custom-logo-track {
animation-play-state: paused;
}
@keyframes logoSlide {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
} @media (max-width: 991px) {
.custom-logo-item {
width: calc(100vw / 5);
flex-basis: calc(100vw / 5);
}
} @media (max-width: 575px) {
.custom-logo-item {
width: calc(100vw / 2);
flex-basis: calc(100vw / 2);
height: 100px;
}
.custom-logo-item img {
max-height: 75px;
}
}
p {
font-size: 18px;
line-height: 1.6;
color: #555555;
}
.copyright a,
.copyright a:visited,
.copyright a:hover,
.copyright a:focus{
color:#fff !important;
text-decoration:none; }
.InnerBanner{
position:relative;
overflow:hidden;
min-height:500px;
display:flex;
align-items:center;
}
.HeroVideoMedia,
.HeroImage{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
pointer-events: none;
} .HeroVideoMedia iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
min-width: 100%;
min-height: 100%;
transform: translate(-50%, -50%) scale(1.01);
border: 0;
pointer-events: none;
}
.HeroImage{
background-size:cover;
background-position:center;
}
.InnerBanner .HeroImage::before {content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .5); z-index: 1;}
.HeroOverlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.45);
z-index:2;
}
.InnerBanner .container{
position:relative;
z-index:3;
}
.PageName h1{
color:#fff;
}
.Footer:before {
height: 0px !important;
}
.homepagemap {
padding: 0px !important;
}
.page-id-1861 .InnerPage {
padding: 0px;
}
.page-id-19 .HeroVideo {
min-height: 550px;
padding: 50px 0px;
height: 100%;
}
.page-id-19 .HeroContent {
padding-top: 0px;
}
.page-id-19 .HeroText {
padding-left: 0px;
}
.page-id-19 .case-card:first-child, .page-id-19 .case-card:nth-child(2) {
margin-top: 0px !important;
}
.page-id-19 .image-background {
margin-top: 0px !important;
}
.page-id-1973 .image-background {
margin-top: 0px !important;
}
.page-id-1973 .built-text {
top: 20px !important;
}
.page-id-1973 .built-button {
top: 30px !important;
}
.page-id-2343 .built-text, .page-id-2345 .built-text, .page-id-2341 .built-text {
top:410px !important;
}
.page-id-19 .built-text {
top: 310px !important;
}
.page-id-19 .built-button {
top: 450px !important;
}
.Footer ul#menu-unnamed-1 {
padding-left: 10px;
}
.pipingsystemsection .wrapper {
display: flex;
align-items: center;
}
.introtextforpipingsystem .wpb_column {
padding: 0px !important;
}
.introtextforpipingsystem .wpb_text_column {
max-width: 100% !important;
}
.pipingsectionleftside {
font-size: 18px;
padding: 20px 50px 0 0;
line-height: 1.8;
}
.pipingsystemsection .wpb_column {
padding-right: 50px !important;
}
.HeaderTop.SuperNav {
padding: 0;
}
.SuperNav .container {
height: 40px;
}
.page-id-1927 .vc_images_carousel {
width: 100% !important;
}
.buildforgrowthaboutuspage {
position: relative;
width: 100vw;
margin-left: calc(50% - 50vw);
background-image:
linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
url(//www.rjmechanical.biz/wp-content/uploads/2017/03/locations-a.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 60px 0;
}
.buildforgrowthpipingservicepage{
position: relative;
width: 100vw;
margin-left: calc(50% - 50vw);
background-image:
linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
url(//www.rjmechanical.biz/wp-content/uploads/2026/06/2026_RJ-MECHANICAL_BRAND_DAY-01_PSW_DJI_20260602071853_0019_D_WEB-1024x683.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 60px 0;
}
.buildforgrowthaboutuspage .wpb_column , .buildforgrowthpipingservicepage .wpb_column {
padding-top: 0px !important;
}
.aboutustestimonials {
margin-bottom: 80px;
}
.vc_row.wpb_row.vc_row-fluid.pipingsystemsection.vc_custom_1782239814770.grid-section {
margin-bottom: 70px !important;
}
.hidethissection{
display:none;} @media screen and (min-width: 768px){
.page-id-1927 .vc_images_carousel .vc_carousel-control .icon-next, .page-id-1927 .vc_images_carousel .vc_carousel-control .icon-prev {margin-top: -10px !important;}
} .Footer {background:#063c35!important;}
.Footermain {background:transparent!important;}
.Footermain a,
.Footermain p,
.Footermain span,
.Footermain li,
.Footermain h3,
.Footermain h4,
.Footermain h5,
.Footermain h6{
color:#ffffff !important;
}
.Footermain ul{
list-style:none;
padding:0;
margin:0;
}
.Footermain ul li{
margin-bottom:12px;
}
.Footermain ul li a{
display:block;
color:#ffffff !important;
text-decoration:none !important;
margin:0 !important;
padding:0 !important;
font-size:15px !important;
line-height:1.6 !important;
}
.Footermain ul li a:hover{
opacity:.8;
}
.Footermain .widget-title,
.Footermain h3{
color:#ffffff !important;
font-size:30px !important;
margin-bottom:20px !important;
}
.Footermain .fa,
.Footermain i,
.Footermain svg{
color:#ffffff !important;
}
.Footermain .menu{
display:block !important;
}
.Footermain .menu a{
margin-left:0 !important;
}
.Footermain .menu li{
display:block !important;
width:100%;
}
.Footermain .widget{
overflow:visible !important;
}
.Footermain .widget_nav_menu{
overflow:visible !important;
}
@media (min-width: 992px) {
.MainNav .container {
justify-content: space-between !important;
width: 100%;
}
.col-md-offset-1 {
margin-left:0px !important;
margin-right: 8.33333333%;
}
} .vc_row.vc_custom_testimonials {display: flex; justify-content: flex-start; align-items: flex-start;}
.vc_row.vc_custom_testimonials > .wpb_column {margin-right: 30px;}
.vc_row.vc_custom_testimonials > .wpb_column:last-child {margin-right: 0px;}
.vc_row.vc_custom_testimonials:first-of-type .vc_column_container:first-child {padding-right: 0px;}
.vc_custom_testimonials .wpb_text_column{
background:#ffffff;
padding:35px;
border-radius:20px;
box-shadow:0 15px 45px rgba(0,0,0,.08);
position:relative;
overflow:hidden;
height:100%;
transition:.3s ease;
}
.vc_custom_testimonials .wpb_text_column:hover {transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,.12);} .vc_custom_testimonials .wpb_text_column:before{
content:"“";
position:absolute;
top:15px;
right:20px;
font-size:90px;
line-height:1;
color:#0b6b5c;
opacity:.08;
font-family:Georgia, serif;
pointer-events:none;
} .vc_custom_testimonials blockquote,
.vc_custom_testimonials p{
font-size:18px;
line-height:1.9;
color:#444;
margin-bottom:25px;
} .vc_custom_testimonials strong{
display:block;
color:#0b6b5c;
font-size:16px;
line-height:1.6;
font-weight:600;
margin-top:20px;
} .vc_custom_testimonials .vc_column-inner{padding-left:0 !important; padding-right:0 !important;} @media(max-width:991px){
.vc_row.vc_custom_testimonials {display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;}
.vc_row.vc_custom_testimonials:first-of-type {padding: 12px 0;}
.vc_row.vc_custom_testimonials:first-of-type .vc_column_container:first-child {padding-right: 0px; padding-bottom: 0px;}
.vc_row.vc_custom_testimonials:first-of-type .wpb_text_column {max-width: 100%;}
.vc_row.vc_custom_testimonials > .wpb_column {margin-bottom: 30px;}
.vc_row.vc_custom_testimonials > .wpb_column.vc_col-sm-4 {width: 100%;}
.vc_custom_testimonials .wpb_text_column {margin-bottom:30px;}
.vc_custom_testimonials blockquote, .vc_custom_testimonials p {font-size:17px;}
.vc_custom_testimonials strong {font-size:15px;}
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #0e6b5c;
}
.SuperNav .container{
display:flex !important;
justify-content:space-between !important;
align-items:center;
}
.EmployeePortalBtn{
margin-right:auto !important;
}
.OrangeBtn{
margin-left:auto !important;
} .page-id-1927 .InnerPage .wrapper{
max-width:1200px !important;
margin:0 auto !important;
float:none !important; transform:translateX(60px) !important;
} .page-id-1927 .wrapper,
.page-id-1927 .container,
.page-id-1927 .wpb-content-wrapper{
max-width:1400px !important;
margin:0 auto !important;
} .page-id-1927 h2{
font-size:54px !important;
font-weight:700 !important;
margin-bottom:50px !important;
}
.page-id-1927 h3{
font-size:48px !important;
font-weight:700 !important;
margin-bottom:25px !important;
} .page-id-1927 .vc_images_carousel{
margin-bottom:0 !important;
position:relative !important;
z-index:1 !important;
} .page-id-1927 .wpb_text_column{
background:#ffffff;
padding:40px 50px !important;
border-radius:16px !important;
box-shadow:
0 20px 50px rgba(0,0,0,.08);
margin-top:-40px !important;
margin-left:60px !important;
margin-right:60px !important;
position:relative;
z-index:5;
} .page-id-1927 .wpb_text_column p{
font-size:19px !important;
line-height:1.9 !important;
color:#555 !important;
} .page-id-1927 .wpb_text_column strong{
color:#005e51 !important;
font-weight:700 !important;
} .page-id-1927 .vc_row{
margin-bottom:120px !important;
} .page-id-1927 ul{
margin-top:25px !important;
}
.page-id-1927 li{
margin-bottom:12px !important;
font-size:18px !important;
} .page-id-1927 .wpb_text_column{
background:#ffffff !important;
width:50% !important;
max-width:600px !important;
padding:35px !important;
border-radius:16px !important;
box-shadow:0 15px 40px rgba(0,0,0,.08) !important;
margin-top:-30px !important;
margin-left:0px !important;
margin-right:0 !important;
position:relative !important;
z-index:5 !important;
}
.page-id-1927 .wpb_text_column p{
font-size:18px !important;
line-height:1.8 !important;
color:#555 !important;
}
.page-id-1927 .wpb_text_column strong{
color:#005e51 !important;
font-weight:700 !important;
} .page-id-1927 h2{
position:relative;
display:inline-block;
margin-bottom:40px !important;
padding-bottom:18px !important;
}
.page-id-1927 h2:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100px;
height:2px;
background:#72b043;
} .page-id-1927 .InnerPage .wrapper{
max-width:1327px !important;
margin:0 auto !important;
float:none !important;
transform:translateX(75px) !important;
}
.page-id-1927 .wrapper,
.page-id-1927 .container,
.page-id-1927 .wpb-content-wrapper{
max-width:1400px !important;
margin:0 auto !important;
} .vc_images_carousel{
max-width:100% !important;
overflow:hidden !important;
}
.vc_images_carousel .vc_item{
height:550px !important;
overflow:hidden !important;
}
.vc_images_carousel .vc_item img{
width:100% !important;
height:550px !important;
object-fit:cover !important;
display:block !important;
}
.vc_images_carousel .vc_carousel-slideline-inner img{
width:100% !important;
height:550px !important;
object-fit:cover !important;
display:block !important;
}
.vc_images_carousel img{
border-radius:16px !important;
}
.vc_images_carousel,
.vc_images_carousel .vc_carousel-inner,
.vc_images_carousel .vc_carousel-slideline{
min-height:550px !important;
} .vc_images_carousel .vc_left,
.vc_images_carousel .vc_right{
width:64px !important;
height:64px !important;
background:rgba(0,0,0,.35) !important;
border-radius:50% !important;
opacity:1 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
.vc_images_carousel .vc_left:before,
.vc_images_carousel .vc_right:before{
color:#ffffff !important;
font-size:46px !important;
font-weight:900 !important;
}
.vc_images_carousel .vc_left{
left:20px !important;
}
.vc_images_carousel .vc_right{
right:20px !important;
}
.vc_images_carousel .vc_left:hover,
.vc_images_carousel .vc_right:hover{
background:rgba(0,94,81,.85) !important;
} .EmployeePortalBtn, .EmployeePortalBtnSmall{
float:left !important;
display:inline-block !important;
background:#005e51 !important;
color:#fff !important;
font-size:14px !important;
font-weight:600 !important;
line-height:30px !important;
padding:0 18px !important;
margin: 0 !important;
text-transform:uppercase !important;
}
.EmployeePortalBtn:hover, .EmployeePortalBtnSmall:hover, .EmployeePortalBtn:focus, .EmployeePortalBtnSmall:focus {
background:#00443a !important;
color:#fff !important;
} @media(max-width:767px){
.pipingsystemsection .wrapper {
flex-direction:column;
}
.page-id-1927 .wpb_text_column{
width:100% !important;
max-width:100% !important;
margin:20px 0 0 !important;
padding:25px !important;
}
.vc_images_carousel .vc_item,
.vc_images_carousel .vc_item img,
.vc_images_carousel .vc_carousel-slideline-inner img{
height:280px !important;
}
.vc_images_carousel,
.vc_images_carousel .vc_carousel-inner,
.vc_images_carousel .vc_carousel-slideline{
min-height:280px !important;
}
.page-id-1927 .InnerPage .wrapper{
transform:none !important;
}
}
.EmployeePortalBtn:hover{
color:#fff !important;
background:#00443a !important;
}
.SuperNav .OrangeBtn{
float:right !important;
}
.InnerBanner{
background-image:url(https://rjmechanical.flywheelsites.com/wp-content/uploads/2026/06/2026_RJ-MECHANICAL_BRAND_DAY-01_PSW11018_WEB.png) !important;
background-size:cover !important;
background-position:center center !important;
background-repeat:no-repeat !important;
background-attachment:fixed !important;
min-height:500px !important;
position:relative !important;
}
.InnerBanner::before{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,.55);
z-index:1;
}
.PageName{
position:relative;
z-index:2;
}
.PageName h1{
color:#fff !important;
font-size:72px !important;
line-height:1.1 !important;
padding:180px 0 !important;
text-shadow:0 4px 20px rgba(0,0,0,.4);
}
@media screen and (max-width:991px) {
.PageName h1{font-size:58px !important; line-height:1.1 !important; padding:100px 0 !important;}
}
@media screen and (max-width:767px) {
.PageName h1{font-size:44px !important; line-height:1.1 !important; padding:80px 0 !important;}
.InnerBanner{min-height:360px !important;}
}  .blog .InnerPage {
padding: 10px 0 0px ;
}
.Blogsection{
padding:100px 0 !important; }
.Blogdate {
display: none;
}
.single-post .BlogDetail h2 {
text-transform: math-auto !important;
}
@media (min-width: 1200px) {
.Blogimg.bg-img {
margin: -60px 0 0 !important;
}
}
.blog .Blog {
padding: 30px 30px 10px;
}
.BlogWrap {margin:0 auto;} .BlogWrap .row{
display:flex !important;
flex-wrap:wrap !important;
} .Blog{
background:#fff;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 35px rgba(0,0,0,.08);
transition:.3s ease;
display:flex;
flex-direction:column;
margin:0 14px !important;
}
.Blog:hover{
transform:translateY(-8px);
box-shadow:0 20px 50px rgba(0,0,0,.12);
} .Blogcontent{
padding: 12px 0px 25px 0px !important;
display:flex;
flex-direction:column;
flex:1;
width:100% !important;
margin:0 !important;
} .Date,
.DateWrap,
.BlogDate,
.DateBox{
display:none !important;
} .Blogcontent h2,
.Blogcontent h3,
.Blogcontent h4,
.Blogcontent h2 a,
.Blogcontent h3 a,
.Blogcontent h4 a{
font-size:24px !important;
font-weight:700 !important;
line-height:1.2 !important;
color:#1f2c4c !important;
background:none !important;
padding:0 !important;
border:none !important;
border-radius:0 !important;
text-decoration:none !important;
} .Blogcontent p{
color:#666 !important;
line-height:1.8 !important;
font-size:17px !important;
flex-grow:1;
} .Blogcontent a{
display:inline-flex !important;
align-items:center;
justify-content:center;
background:#0e6b5c !important;
color:#fff !important;
text-decoration:none !important;
padding:14px 30px !important;
border-radius:6px !important;
font-size:14px !important;
font-weight:700 !important;
letter-spacing:.5px !important;
text-transform:uppercase !important;
margin-top:25px !important;
width:auto !important;
align-self:flex-start;
transition:.25s ease;
}
.Blogcontent a:hover, .Blogcontent a:focus { color: #095346 !important;} @media(max-width:991px){
.Blogimg{
height:240px !important;
}
.Blogcontent h2,
.Blogcontent h3,
.Blogcontent h4{
font-size:26px !important;
}
} @media(max-width:991px){
.Blogimg{
height:240px !important;
}
.Blogcontent h2,
.Blogcontent h3,
.Blogcontent h4{
font-size:28px !important;
}
}
.HeaderBottom{
background:white !important;
}
.MenuList li a, .MenuList li a:visited {
text-transform: uppercase;
color: #005e50;
font: 600 15px / 30px 'Open Sans', sans-serif !important;
position: relative;
display: block;
z-index: 1;
}
.MainNav .container {
display: flex;
align-items: center;
max-width: 1680px;
margin: 0 auto;
padding: 0 0px !important;
}
@media (min-width: 1200px) {
.MenuList li > ul {
left: -45% !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.MenuList li > ul {
left: -90% !important;
}
} .SuperNav{
background:#0e6b5c;
padding:10px 0;
}
.SuperNav .container{
display:flex;
justify-content:flex-end;
align-items:center;
max-width:1380px;
margin:0 auto;
padding:0 30px;
}
.headerTitle{
display:none;
}
.SuperNav .OrangeBtn{
background:none;
border:none;
padding:0;
color:#fff;
font-size:15px;
font-weight:600;
text-decoration:none;
letter-spacing:0.2px;
transition:0.25s ease;
}
.SuperNav .OrangeBtn:hover{
opacity:0.8;
}
.SuperNav .OrangeBtn:after{
display:none;
} .MainNav{
position:relative;
left:0;
width:100%;
background:rgba(255,255,255,0.97);
z-index:9999;
backdrop-filter:blur(8px);
border-bottom:1px solid rgba(0,0,0,0.05);
transition:0.3s ease;
}
.MainNav .container{
display:flex;
align-items:center;
max-width:1680px;
margin:0 auto;
padding:0 56px;
} .logo{
flex-shrink:0;
}
.logo img{
max-height:70px;
width:auto;
display:block;
} .Navigation{
display:flex;
align-items:center;
margin-left:60px;
} .MenuList{
display:flex;
align-items:center;
list-style:none;
margin:0;
padding:0;
}
.MenuList > li{
position:relative;
margin-left:18px;
white-space:nowrap;
}
.MenuList > li:first-child{
margin-left:0;
}
.MenuList > li > a{
display:block;
padding:34px 0;
color:#005e50;
text-decoration:none;
font-size:14px;
font-weight:600;
letter-spacing:0.1px;
transition:0.25s ease;
}
.MenuList > li > a:hover, .MenuList > li > a:focus {color:#fcb766;} .MenuList > li:last-child > a{
background:#0e6b5c;
color:#fff;
padding:14px 26px;
border-radius:4px;
line-height:1;
}
.MenuList > li:last-child > a:hover{
background:#095346;
color:#fff;
} .MenuList li ul{
position:absolute;
top:100%;
left:0;
min-width:240px;
background:#fff;
list-style:none;
padding:10px 0;
opacity:0;
visibility:hidden;
transform:translateY(10px);
transition:0.25s ease;
box-shadow:0 10px 30px rgba(0,0,0,0.12);
z-index:999;
}
.MenuList li:hover > ul{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.MenuList li ul li{
margin:0;
width:100%;
}
.MenuList li ul li a{
display:block;
padding:12px 20px;
color:#333;
text-decoration:none;
font-size:14px;
transition:0.2s ease;
}
.MenuList li ul li a:hover{
background:#f5f5f5;
color:#0e6b5c;
} .MenuList > li:last-child > a{
background:#0e6b5c;
color:#fff;
padding:16px 30px;
border-radius:4px;
line-height:1;
}
.MenuList > li:last-child > a:hover{
background:#095346;
color:#fff;
} .MenuList li ul{
position:absolute;
top:100%;
left:0;
min-width:240px;
background:#fff;
list-style:none;
padding:10px 0;
opacity:0;
visibility:hidden;
transform:translateY(10px);
transition:0.25s ease;
box-shadow:0 10px 30px rgba(0,0,0,0.12);
z-index:999;
}
.MenuList li:hover > ul{
opacity:1;
visibility:visible;
transform:translateY(0);
}
.MenuList li ul li{
margin:0;
width:100%;
}
.MenuList li ul li a{
display:block;
padding:12px 20px;
color:#333;
text-decoration:none;
font-size:14px;
transition:0.2s ease;
}
.MenuList li ul li a:hover{
background:#f5f5f5;
color:#0e6b5c;
} .menuIcon span{
display:block;
width:100%;
height:3px;
background:#222;
margin:6px 0;
border-radius:2px;
transition:0.25s ease;
} .HeroVideo{
position:relative;
min-height:100vh;
height:100vh;
overflow:hidden;
display:flex;
align-items:center;
}
.HeroVideoMedia{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
} .HeroOverlay{
position:absolute;
inset:0;
background:rgba(0,0,0,0.58);
} .HeroContent{
position:relative;
z-index:2;
width:100%;
padding-top:120px;
}
.HeroText{
width: 100%;
max-width:860px;
color:#fff;
padding-left:56px;
}
.HeroText h1{
font-size:86px;
line-height:0.98;
margin-bottom:28px;
color:#fff;
font-weight:700;
letter-spacing:-2px;
}
.HeroText p{
font-size:22px;
line-height:1.5;
color:#ddd;
margin-bottom:42px;
max-width:760px;
} .HeroButtons{
display:flex;
flex-wrap:wrap;
gap:18px;
}
.HeroBtn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:17px 34px;
border-radius:4px;
text-decoration:none;
font-size:16px;
font-weight:600;
transition:0.25s ease;
}
.PrimaryBtn{
background:#0e6b5c;
color:#fff;
}
.PrimaryBtn:hover{
background:#095346;
color:#fff;
}
.SecondaryBtn{
border:2px solid #fff;
color:#fff;
}
.SecondaryBtn:hover{
background:#fff;
color:#0e6b5c;
}
nav.mobile-navigation {display: none;}
button.mobile-menu-close {display: none;}
.desktop-navigation .sub-menu {background-color: #005e50!important; padding: 0px!important;}
.desktop-navigation .sub-menu li:hover, .desktop-navigation .sub-menu li:hover a {background-color: #fcb766!important;} @media(max-width:991px){
.MainNav{top:0px; height: 99px;}
.MainNav .container {position:relative; padding:0 24px; gap:30px; height: 100%;}
.logo img {max-height: 70px; width: auto; display: block;}
.menuIcon {display:block;} nav.desktop-navigation {display: none;}
nav.mobile-navigation {display: block;}
button.mobile-menu-close {display: block;}
.mobile-navigation .sub-menu {} .mobile-menu-drawer {
position: fixed;
top: 0;
right: -300px; width: 300px;
height: 100%;
background-color: #fafafa;
box-shadow: -2px 0 5px rgba(0, 0, 0, 0.15);
z-index: 9999999!important;
transition: right 0.3s ease-in-out;
padding: 46px 20px 20px 20px;
box-sizing: border-box;
} .mobile-menu-drawer.is-active {
right: 0;
}
.mobile-navigation .sub-menu {margin-top: 12px; margin-left: 12px;}
.mobile-navigation .sub-menu li {margin-bottom: 10px;}
.mobile-navigation li a, .mobile-navigation .sub-menu li a {color: #005e50!important;}
.mobile-navigation li:hover > a {color:#fcb766!important;}
.mobile-navigation li:hover a[href="#"] {color: #0e6b5c!important; cursor: default;} .mobile-menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 9998;
display: none;
} .mobile-menu-close {
position: absolute;
top: 15px;
right: 20px;
background: none;
border: none;
font-size: 30px;
cursor: pointer;
line-height: 1;
} .mobile-menu-list {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-menu-list li {
margin-bottom: 15px;
}
.mobile-menu-list li a {
text-decoration: none;
color: #333;
font-size: 18px;
display: block;
}
.mobile-menu-trigger {
position: relative;
width: 44px;
height: 44px;
border: 0;
background: transparent;
cursor: pointer;
padding: 0;
}
.mobile-menu-trigger:focus-visible {
outline: 2px solid #0e6b5c;
outline-offset: 4px;
}
.hamburger-box {
position: relative;
width: 25px;
height: 20px;
display: block;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
position: absolute;
width: 25px;
height: 3px;
background: #0e6b5c;
border-radius: 2px;
transition: transform .25s ease,
opacity .2s ease,
top .25s ease;
}
.hamburger-inner::after, .hamburger-inner::before {margin-left: -12px;}
.hamburger-inner {
top: 50%;
transform: translateY(-50%);
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
}
.hamburger-inner::before {
top: -8px;
}
.hamburger-inner::after {
top: 8px;
}
.mobile-menu-trigger.is-active .hamburger-inner {
background: transparent;
}
.mobile-menu-trigger.is-active .hamburger-inner::before {
top: 0;
transform: rotate(45deg);
}
.mobile-menu-trigger.is-active .hamburger-inner::after {
top: 0;
transform: rotate(-45deg);
} .HeroVideo{
min-height:850px;
height:auto;
padding:180px 0 120px;
}
.HeroContent{
padding-top:80px;
}
.HeroText{
padding-left:24px;
padding-right:24px;
}
.HeroText h1{
font-size:58px;
}
.HeroText p{
font-size:18px;
}
} @media(max-width:767px){
.SuperNav .container{
padding:0 20px;
}
.MainNav{}
.MainNav .container{
padding:0 20px;
}
.logo img{
max-height:60px;
}
.HeroVideo{
min-height:720px;
padding:160px 0 100px;
}
.HeroContent{
padding-top:40px;
}
.HeroText{
padding-left:20px;
padding-right:20px;
}
.HeroText h1{
font-size:44px;
line-height:1.02;
letter-spacing:-1px;
}
.HeroText p{
font-size:17px;
line-height:1.6;
}
.HeroButtons{
flex-direction:column;
align-items:flex-start;
}
.HeroBtn{
width:100%;
max-width:320px;
}
}
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}
body{color:#222;} .super-nav{
background:#0e6b5c;
color:#fff;
font-size:13px;
}
.super-inner{
display:flex;
justify-content:space-between;
padding:6px 40px;
} .nav{
position:sticky;
top:0;
width:100%;
z-index:999;
background:#fff;
transition:all 0.3s ease;
} .nav-inner{
display:flex;
justify-content:space-between;
align-items:center;
padding:15px 40px;
} .nav.scrolled{
box-shadow:0 5px 20px rgba(0,0,0,0.08);
} .logo{
height:60px; width:auto;
} .menu{
display:flex;
align-items:center;
} .cta-nav{
background:#0e6b5c;
color:#fff !important;
padding:8px 16px;
border-radius:4px;
} .dropdown{
position:relative;
}
.dropdown-menu{
position:absolute;
top:100%;
left:0;
background:#fff;
min-width:200px;
padding:8px 0;
border-radius:6px;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
opacity:0;
visibility:hidden;
transform:translateY(10px);
transition:0.25s ease;
}
.dropdown-menu a{
display:block;
padding:10px 18px;
margin:0;
}
.dropdown-menu a:hover{
background:#f5f5f5;
color:#0e6b5c;
}
.dropdown:hover .dropdown-menu{
opacity:1;
visibility:visible;
transform:translateY(0);
} .hero{
min-height:100vh;
height:100vh;
position:relative;
display:flex;
align-items:center;
padding:0 80px;
overflow:hidden;
} .hero-video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
} .hero-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,0.5);
} .hero-content{
position:relative;
z-index:2;
max-width:650px;
color:#fff;
}
.hero h1{
font-size:58px;
margin-bottom:20px;
line-height:1.1;
}
.hero p{
font-size:18px;
margin-bottom:30px;
color:#ddd;
} .btn{
display:inline-block;
padding:14px 28px;
text-decoration:none;
font-weight:600;
border-radius:4px;
margin-right:10px;
} .primary{
background:#0e6b5c;
color:#fff;
} .secondary{
border:2px solid #fff;
color:#fff;
}
.secondary:hover{
background:#fff;
color:#0e6b5c;
}
.about-simple{
display:flex;
align-items:center;
justify-content:space-between;
padding:100px 80px;
gap:60px;
background:#f9fafb;
} .about-text{
flex:1;
max-width:550px;
}
.about-text h2{
font-size:48px;
margin-bottom:20px;
color:#1f2a44;
}
.about-text p{
font-size:16px;
line-height:1.6;
color:#555;
margin-bottom:15px;
} .btn{
display:inline-block;
padding:12px 24px;
margin-top:20px;
text-decoration:none;
font-weight:600;
}
.primary{
background:#0e6b5c;
color:#fff;
}
.page-id-1861 .image-background {
margin-top: 0px !important;
} .vc_row:first-of-type .vc_column_container{
display:flex;
align-items:center;
}
.vc_row:first-of-type .vc_custom_heading{
margin-bottom:30px !important;
}
.vc_row:first-of-type .vc_custom_heading h1,
.vc_row:first-of-type .vc_custom_heading h2,
.vc_row:first-of-type .vc_custom_heading h3,
.vc_row:first-of-type .vc_custom_heading div{
font-size:78px !important;
line-height:1.05 !important;
font-weight:700 !important;
color:#1f2a44 !important;
max-width:600px;
}
.vc_row:first-of-type .wpb_text_column{ }
.vc_row:first-of-type .wpb_text_column p{
font-size:18px !important;
line-height:1.8 !important;
color:#555 !important;
} .vc_row:first-of-type .wpb_single_image{
margin-bottom:0 !important;
}
.vc_row:first-of-type .wpb_single_image img{
width:100% !important;
height:560px !important;
object-fit:cover !important;
border-radius:16px !important;
display:block;
}  @media(max-width:991px){
.vc_row:first-of-type padding:70px 0;}
.single .vc_row:first-of-type {padding: 0px 0;}
.vc_row:first-of-type .vc_custom_heading h1,
.vc_row:first-of-type .vc_custom_heading h2,
.vc_row:first-of-type .vc_custom_heading h3,
.vc_row:first-of-type .vc_custom_heading div{
font-size:48px !important;
} .vc_row:first-of-type .wpb_single_image img{
height:auto !important;
}
}  .case-card{
position:relative;
padding:0 15px;
} .case-card:first-child,
.case-card:nth-child(2){
margin-top:50px;
}
.case-card .wpb_wrapper{
position:relative;
}
.case-card .wpb_single_image{
margin-bottom:0 !important;
}
.case-card .wpb_single_image img{
width:100% !important;
height:500px !important;
object-fit:cover !important;
display:block !important;
border-radius:16px !important;
filter:brightness(.92) !important;
} .case-card .wpb_wrapper:after{
content:'';
position:absolute;
inset:0;
border-radius:16px;
background:linear-gradient(
to top,
rgba(0,0,0,.50) 0%,
rgba(0,0,0,.32) 45%,
rgba(0,0,0,0) 100%
);
pointer-events:none;
z-index:5;
} .case-card .vc_custom_heading,
.case-card .wpb_text_column,
.case-card .vc_btn3-container{
z-index:20;
} .case-card .vc_custom_heading{
position:absolute;
left:35px;
bottom:135px;
margin:0 !important;
}
.case-card .vc_custom_heading h1,
.case-card .vc_custom_heading h2,
.case-card .vc_custom_heading h3,
.case-card .vc_custom_heading div{
color:#ffffff !important;
font-family:'Open Sans',sans-serif !important;
font-size:24px !important;
line-height:1.2 !important;
font-weight:700 !important;
margin:0 !important;
text-shadow:0 1px 3px rgba(0,0,0,.25);
} .case-card .wpb_text_column{
position:absolute;
left:35px;
bottom:90px;
width:75%;
margin:0 !important;
}
.case-card .wpb_text_column p{
color:#ffffff !important;
font-family:'Open Sans',sans-serif !important;
font-size:15px !important;
line-height:1.5 !important;
font-weight:400 !important;
opacity:1 !important;
margin:0 !important;
text-shadow:0 1px 2px rgba(0,0,0,.2);
} .case-card .vc_btn3-container{
position:absolute;
left:35px;
bottom:35px;
margin:0 !important;
}
.case-card .vc_btn3{
background:transparent !important;
border:2px solid #ffffff !important;
color:#ffffff !important;
font-family:'Open Sans',sans-serif !important;
font-size:14px !important;
font-weight:700 !important;
padding:12px 24px !important;
border-radius:4px !important;
box-shadow:none !important;
text-transform:none !important;
}
.case-card .vc_btn3:hover{
background:#ffffff !important;
color:#0e6b5c !important;
} .case-card .vc_custom_heading *,
.case-card .wpb_text_column *,
.case-card .vc_btn3,
.case-card .vc_btn3 span{
color:#ffffff !important;
} @media(max-width:991px){
.case-card{
margin-bottom:30px;
}
.case-card .wpb_single_image img{
height:400px !important;
}
.case-card .vc_custom_heading{
left:25px;
bottom:120px;
}
.case-card .wpb_text_column{
left:25px;
bottom:80px;
}
.case-card .vc_btn3-container{
left:25px;
bottom:25px;
}
.case-card .vc_custom_heading h1,
.case-card .vc_custom_heading h2,
.case-card .vc_custom_heading h3,
.case-card .vc_custom_heading div{
font-size:22px !important;
}
}
.case-card .vc_custom_heading {
color: white !important;
padding-bottom: 20px
}  .image-background{
position:relative !important;
overflow:visible !important;
margin-bottom:0 !important;
} .image-background img{
width:100vw !important;
max-width:none !important;
height:700px !important;
object-fit:cover !important;
display:block !important;
margin-left:calc(50% - 50vw) !important;
margin-right:calc(50% - 50vw) !important;
} .image-background:before{
content:'';
position:absolute;
top:0;
bottom:0;
left:calc(50% - 50vw);
width:100vw;
background:rgba(0,0,0,.75);
z-index:5;
pointer-events:none;
} .built-heading,
.built-heading h1,
.built-heading h2,
.built-heading h3,
.built-heading h4{
color:#ffffff !important;
font-family:'Open Sans',sans-serif !important;
font-size:50px !important;
font-weight:800 !important;
line-height:1.1 !important;
margin:0 !important;
} .built-text p{
color:#ffffff !important;
font-family:'Open Sans',sans-serif !important;
font-size:20px !important;
line-height:1.8 !important;
margin:0 !important;
} .built-button .vc_btn3,
.built-button a{
background:#0e6b5c !important;
border:none !important;
color:#ffffff !important;
font-family:'Open Sans',sans-serif !important;
font-size:15px !important;
font-weight:700 !important;
padding:18px 42px !important;
border-radius:6px !important;
box-shadow:none !important;
}
.built-button .vc_btn3:hover,
.built-button a:hover{
background:#095346 !important;
color:#ffffff !important;
} @media(max-width:991px){
.image-background img{
height:650px !important;
}
.built-heading,
.built-heading h1,
.built-heading h2,
.built-heading h3,
.built-heading h4{
font-size:42px !important;
}
.built-text{max-width:100%;}
.built-text p{
font-size:18px !important;
line-height:1.6 !important;
}
.built-button{}
} .vc_row,
.wpb_row{
overflow:visible !important;
}
.image-background{
margin-top:80px !important;
}
.built-heading{
top:240px !important;
}
@media (min-width: 767px) { .page-id-1973 .built-heading {
top: 30px !important;
}
.page-id-1973 .built-button {
top: 20px !important;
}
.page-id-19 .built-heading {
top: 20px !important;
}
.page-id-19 .built-button {
top: 40px !important;
}
}
@media (max-width: 766px) { .page-id-1973 .built-button {
top: 540px !important;
}
.page-id-1973 .built-text{
top:300px !important;
}
.page-id-19 .built-button {
top: 515px !important;
}
.page-id-19 .built-text{
top:300px !important;
}
}  .capabilities {background-color: #f5f6f6;}
.capabilities-clean {padding: 10px 0 0 0;}
.capabilities-clean .section-header {
max-width: 700px;
margin: 0 auto 50px;
text-align: center;
}
.capabilities-clean .section-header h2 {
font-family: 'Open Sans', sans-serif;
font-size: 44px;
font-weight: 700;
line-height: 1.1;
color: #1d2a52;
margin-bottom: 15px;
}
.capabilities-clean .section-header h2:after {
content: "";
display: block;
width: 65px;
height: 3px;
background: #14796a;
margin: 18px auto 0;
}
.capabilities-clean .section-header p {
font-size: 16px;
line-height: 1.8;
color: #555;
margin-top: 20px;
} .capabilities-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
} .cap-item {
background: #fff;
border-radius: 12px;
padding: 35px 25px;
text-align: center;
box-shadow: 0 10px 30px rgba(0,0,0,.05);
transition: all .3s ease;
}
.cap-item:hover {
transform: translateY(-6px);
box-shadow: 0 18px 40px rgba(0,0,0,.10);
} .icon-wrap {
width: 50px;
height: 50px;
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
}
.icon-wrap svg {
width: 28px;
height: 28px;
stroke: #14796a;
stroke-width: 1.7;
fill: none;
} .cap-item h3 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 700;
color: #1d2a52;
margin-bottom: 12px;
line-height: 1.3;
} .cap-item p {
font-size: 15px;
line-height: 1.7;
color: #666;
margin-bottom: 18px;
} .cap-link {
display: inline-block;
font-size: 15px;
font-weight: 700;
color: #14796a;
text-decoration: none;
transition: all .3s ease;
}
.cap-link:hover {
color: #1d2a52;
}
.cap-link:after {
content: " →";
} @media (max-width: 1200px) {
.capabilities-grid {
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 767px) {
.capabilities-clean {
padding: 50px 0;
}
.capabilities-grid {
grid-template-columns: 1fr;
}
.capabilities-clean .section-header h2 {
font-size: 34px;
}
}
.capabilities-clean .section-header,
.capabilities-clean .capabilities-grid{
width: 100%;
max-width: 1350px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
} .SubmitBtn p {
padding: 0px;
}
.contact-section {display: flex; align-items: center;}
.contact-section > .wrapper {display: flex; column-gap: 20px;} .contact-section .vc_col-sm-6:first-child {
width: 50% !important;
}
.contact-section .wpb_gmaps_widget {
margin-bottom: 0 !important;
}
.contact-section .wpb_gmaps_widget iframe,
.contact-section iframe {
width: 100% !important;
height: 500px !important;
display: block;
border: 0;
} .contact-section .vc_btn3-container {margin-top: 50px !important;} @media (max-width: 991px) {
.contact-section .wrapper {flex-direction: column-reverse;}
.contact-section .vc_col-sm-6:first-child, .contact-section .vc_col-sm-6:last-child {width: 100% !important;}
.contact-section .vc_col-sm-6:last-child .vc_column-inner {padding-top: 0px !important; margin-bottom: 32px;}
.contact-heading {font-size: 40px !important;}
.contact-section iframe {height: 350px !important;}
.contact-section .wpb_gmaps_widget .wpb_wrapper {background-color: #f7f7f7; padding: 5px 0px;}
.contact-section .vc_btn3-container {margin-top: 20px!important;}
}
.piping-heading {
color: #ffffff !important;
}
.piping-custom-text,
.piping-custom-text p,
.piping-custom-text li,
.piping-custom-text strong,
.piping-custom-text b,
.piping-custom-text span,
.piping-custom-text a {
color: #ffffff !important;
}
.piping-list {
list-style-type: disc !important;
padding-left: 22px !important;
margin: 15px 0 !important;
}
.piping-list li {
display: list-item !important;
list-style-type: disc !important;
margin-bottom: 14px;
line-height: 1.4!important;
}
.piping-list li::marker {
color: currentColor;
}
.InnerPage {
padding-bottom: 0px !important;
}   .HeaderTop.SuperNav > .container {width: 100%; max-width: 1380px; column-gap: 40px; padding: 0px 30px;}
.MainNav {}
.MainNav .container {width: 100%; max-width: 1380px; padding: 0px 30px!important;}
.MainNav .container .Navigation {margin-left: auto;}
.MainNav .container .Navigation .MenuList > li:last-child {padding-right: 0px;}
.HeaderTop.SuperNav > .container a.EmployeePortalBtn {display: block!important;}
.HeaderTop.SuperNav > .container a.EmployeePortalBtnSmall {display: none!important;}
@media screen and (max-width:400px) {
.HeaderTop.SuperNav > .container {column-gap: 8px;}
.HeaderTop.SuperNav > .container a.EmployeePortalBtn {display: none!important;}
.HeaderTop.SuperNav > .container a.EmployeePortalBtnSmall {display: block!important;}
} section.HeroVideo > .HeroContent > .container {width: 100%; max-width: 1380px; padding: 0px 30px; margin: 0px auto;}
section.InnerBanner > .container {width: 1380px; padding: 0px 30px;}
.site-main > .wpb-content-wrapper {margin: 0px auto!important;}
.site-main > .wpb-content-wrapper > .vc_row {width: 100%; max-width: 1380px; padding-top: 70px; padding-bottom: 70px;}
.vc_row.wpb_row.vc_row-fluid.grid-section:not([data-vc-full-width="true"]) {margin: 0px auto!important;}
.site-main > .wpb-content-wrapper > .vc_row[data-vc-stretch-content="true"] {width: 100%; max-width:100%;}
.site-main > .wpb-content-wrapper > .vc_row > .wrapper {padding: 0px 15px; width: 100%; max-width: 1380px; margin: 0px auto;}
.site-main > .wpb-content-wrapper > .vc_row[data-vc-stretch-content="true"] > .wrapper {padding: 0px 15px; width: 100%; max-width: 100%;}
.vc_row.vc_row-o-equal-height.vc_row-o-content-middle > .wrapper {display: flex; align-items: stretch;}
.vc_row.vc_row-o-content-middle > .wrapper > .vc_column_container {display: flex; align-items: center;}
.rounded-corners img {border-radius: 16px;}
.wpb_text_column ul {font-size: 18px; color: #555555; line-height: 1.6;}
.vc_btn3.vc_btn3-color-green {
background: #0e6b5c !important;
border: none !important;
color: #fff !important;
padding: 16px 34px !important;
border-radius: 4px !important;
font-weight: 600 !important;
margin-top: 15px;
}
.vc_btn3.vc_btn3-color-green:hover, .vc_btn3.vc_btn3-color-green:focus {background:#095346!important;}
@media screen and (max-width:991px) {
.vc_row.vc_row-o-equal-height.vc_row-o-content-middle > .wrapper {display: flex; align-items: stretch; flex-wrap: wrap;}
.vc_row:first-of-type .vc_column_container:first-child {padding-right: 0px; padding-bottom: 50px;}
.vc_row:first-of-type .vc_column_container.vc_col-sm-6 {width: 100%;}
} .home-project-reliability {padding: 50px 0px 70px 0px; height: auto; min-height: 640px; background-image:
linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(http://rjmechanical.flywheelsites.com/wp-content/uploads/2026/07/2026_RJ-MECHANICAL_BRAND_DAY-01_PSW_DJI_20260602071853_0019_D_WEB-resized-reduced-1.jpg); background-size: cover;}
.home-project-reliability .built-heading-new {color: #ffffff !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 42px !important;
font-weight: 800 !important;
line-height: 1.1 !important;
margin: 0 !important;
}
.home-project-reliability .built-text-new p {
color: #ffffff !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 18px !important;
line-height: 1.6 !important;
margin: 0 0 22px 0 !important;
}
.home-project-reliability .built-button-new .vc_btn3, .home-project-reliability .built-button-new a {
background: #0e6b5c !important;
border: none !important;
color: #ffffff !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
padding: 18px 42px !important;
border-radius: 6px !important;
box-shadow: none !important;
}
.home-project-reliability .built-button-new .vc_btn3:hover,
.home-project-reliability .built-button-new a:hover{
background:#095346 !important;
color:#ffffff !important;
} .aboutusDifferentiateHeader {padding-bottom: 30px!important;}
.aboutusDifferentiate.grid-section {padding-top: 0px!important; margin-top: 28px!important;}
.aboutusDifferentiate img {width: 100%; height: auto; max-width: 80px; margin-bottom: 12px;}
.aboutusDifferentiatethree.vc_col-sm-4 {width: calc(33.333333% - 20px);}
.aboutusDifferentiate.grid-section > .wrapper {width: 1380px; padding: 0px 30px!important; display: flex; column-gap:30px!important; flex-wrap: wrap;}
.aboutusDifferentiate.grid-section > .wrapper > .wpb_column {padding-top: 50px;}
.aboutusDifferentiatethree {background: #fff; border-radius: 12px; padding: 0px 25px 35px 25px; text-align: center; border: 1px solid #efefef; box-shadow: 0 10px 30px rgba(0, 0, 0, .05); transition: all .3s ease;}
.aboutusDifferentiatethree:hover, .aboutusDifferentiatethree:focus {transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,.10);}
.aboutusDifferentiatethree h4 {font-family: 'Open Sans', sans-serif; font-size: 18px!important; font-weight: 700; color: #1d2a52; margin-bottom: 12px; line-height: 1.3;}
.aboutusDifferentiatethree p {font-size: 15px; line-height: 1.7; color: #666; margin-bottom: 18px;}
.vc_row.aboutustestimonials {display: flex; align-items: flex-start; flex-wrap: wrap; column-gap: 30px; margin-top: 30px; padding-bottom: 0px; margin-bottom: 0px}
.vc_row.aboutustestimonials:first-of-type .vc_column_container:first-child {padding-right: 0px;}
.vc_row.aboutustestimonials .vc_col-sm-4 {width: calc(33.333333% - 20.66666px);}
.vc_row.aboutustestimonials .vc_col-sm-4:first-child {margin-left: -28px;}
.team-members-grid {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 30px;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.team-members-grid::before,
.team-members-grid::after {
display: none !important;
content: none !important;
}
.team-members-grid h4 {font-size: 22px; padding-top: 20px; margin-bottom: 10px; font-weight: 700; line-height: 1.1; letter-spacing: 2px!important;}
.team-members-grid h5 {font-size: 20px; margin-bottom: 10px; font-weight: 600; line-height: 1.1; letter-spacing: 2px!important; color: #414141; text-transform: uppercase; margin-top: -12px;}
.team-members-grid h6 {font-size: 18px; padding: 0px; margin-bottom: 20px; font-weight: 600; line-height: 1.1; margin-top: -10px!important;}
.team-members-grid > .wpb_column.vc_col-sm-4 {
float: none !important;
box-sizing: border-box;
width: calc((100% - 60px) / 3) !important;
max-width: calc((100% - 60px) / 3) !important;
flex: 0 0 calc((100% - 60px) / 3) !important;
margin: 0 !important;
padding: 0;
}
.team-members-grid > .wpb_column.vc_col-sm-3 {
float: none !important;
box-sizing: border-box;
width: calc((100% - 90px) / 4) !important;
max-width: calc((100% - 90px) / 4) !important;
flex: 0 0 calc((100% - 90px) / 4)!important;
margin: 0 !important;
padding: 0;
}
.team-members-grid > .wpb_column.vc_col-sm-4 > .vc_column-inner, .team-members-grid > .wpb_column.vc_col-sm-3 > .vc_column-inner {padding: 0px 0px;}
.team-members-grid > .wpb_column.vc_col-sm-4 > .vc_column-inner img {object-fit: cover; aspect-ratio: 6/6.5; width: 100%!important; height: auto!important;}
.team-members-grid > .wpb_column.vc_col-sm-3 > .vc_column-inner img {object-fit: cover; aspect-ratio: 6/7.3; width: 100%!important; height: auto!important;}
@media screen and (max-width:991px) {
.vc_row.aboutustestimonials:first-of-type {padding: 10px 0px 20px 0px;}
.vc_row.aboutustestimonials:first-of-type .vc_column_container:first-child {padding-right: 0px; padding-bottom: 0px;}
.team-members-grid > .wpb_column.vc_col-sm-3 {
float: none !important;
box-sizing: border-box;
width: calc((100% - 60px) / 3) !important;
max-width: calc((100% - 60px) / 3) !important;
flex: 0 0 calc((100% - 60px) / 3)!important;
margin: 0 !important;
padding: 0;
}
}
@media screen and (max-width:835px) {
.vc_row.aboutustestimonials {}
.vc_row.aboutustestimonials .vc_col-sm-4:first-child {margin-left: 0px;}
.vc_row.aboutustestimonials:first-of-type .wpb_text_column {max-width: 100%;}
.aboutusDifferentiatethree.vc_col-sm-4 {width: calc(100% - 0px); margin-bottom: 30px;}
.vc_row.aboutustestimonials .vc_col-sm-4 {width: calc(100% - 0px); margin-bottom: 30px;}
}
@media screen and (max-width:767px) {
.team-members-grid > .wpb_column.vc_col-sm-3, .team-members-grid > .wpb_column.vc_col-sm-4 {width: calc((100% - 30px) / 2) !important; max-width: calc((100% - 30px) / 2) !important; flex: 0 0 calc((100% - 30px) / 2)!important;}
}
@media screen and (max-width:560px) {
.team-members-grid > .wpb_column.vc_col-sm-3, .team-members-grid > .wpb_column.vc_col-sm-4 {width: calc((100% - 0px) / 1) !important; max-width: calc((100% - 0px) / 1) !important; flex: 0 0 calc((100% - 0px) / 1)!important;}
} .BlogWrap {display:flex; flex-wrap: wrap; column-gap: 10px; margin-bottom:50px !important;}
.Blogsection .BlogWrap > .Blog {flex: 0 0 calc((100% - 104px) / 3)!important;}
.Blogcontent a.bloglist-btn:hover, .Blogcontent a.bloglist-btn:focus {color: #ffffff!important; background-color: #095346!important;}
@media screen and (max-width:991px) {
.Blogsection .BlogWrap > .Blog {flex: 0 0 calc((100% - 66px) / 2)!important; margin-bottom: 36px!important;}
}
@media screen and (max-width:767px) {
.Blogsection .BlogWrap > .Blog {flex: 0 0 calc((100% - 30px) / 1)!important;}
.blog .Blog {padding: 10px 20px 10px;}
} .BlogDescription > .wpb-content-wrapper {}
.BlogDescription > .wpb-content-wrapper > .vc_row {width: 100%; max-width: 1380px;}
.BlogDescription > .wpb-content-wrapper > .vc_row > .wrapper {display: flex; align-items: stretch; padding: 0px 15px;}
.BlogNav {width: 100%; margin: 0px auto 36px auto;}
.BlogNav > .container {width: 100%; max-width: 1380px; margin: 0px auto; padding: 0px 30px; display: flex; flex-wrap: wrap; column-gap: 12px; row-gap: 15px;justify-content: center;}
.BlogNav > .container .nav-links a {background: #0e6b5c; border-radius: 6px;}
.BlogNav > .container .nav-links a:hover, .BlogNav > .container .nav-links a:focus {background: #095346;}
.BlogNav > .container .trybtn {background: #0e6b5c; border-radius: 6px;}
.BlogNav > .container .trybtn:hover, .BlogNav > .container .trybtn:focus {background: #095346; color: #ffffff;} .services-content-section h2 {font-size: 46px; line-height: 1.16;}
.services-cta-section h2 {font-size: 46px; line-height: 1.16;}
@media screen and (max-width:991px) {
.services-content-section h2 {font-size: 42px;}
.services-content-section > .wrapper {display: flex; flex-direction: column; row-gap: 30px;}
.page-id-1973 .services-content-section > .wrapper, .page-id-2343 .services-content-section > .wrapper {flex-direction: column-reverse;}
.services-content-section > .wrapper > div[class^="wpb_column vc_column_container vc_col-"].wpb_column {width: 100%;}
.services-content-section > .wrapper > div[class^="wpb_column vc_column_container vc_col-"].wpb_column:first-child {margin-bottom: 32px;}
.services-cta-section h2 {font-size: 42px;}
.services-cta-section > .wrapper {display: flex; flex-direction: column; row-gap: 30px;}
.services-cta-section > .wrapper > div[class^="wpb_column vc_column_container vc_col-"].wpb_column {width: 100%;}
.services-cta-section > .wrapper > div[class^="wpb_column vc_column_container vc_col-"].wpb_column:first-child {margin-bottom: 32px;}
.services-cta-section .wpb_gmaps_widget iframe,
.services-cta-section iframe {
width: 100% !important;
height: 500px !important;
display: block;
border: 0;
}
}
@media screen and (max-width:767px) {
.services-content-section h2 {font-size: 38px;}
.services-cta-section h2 {font-size: 38px;}
} .page-template-page-services {}
.whyChooseHeader {padding-bottom: 30px!important;}
.whyChooseHeader h2 {font-family: 'Open Sans', sans-serif!important; font-size: 36px!important; font-weight: 700!important; color: #414141; margin-bottom: 12px; line-height: 1;}
.whyChoose.grid-section {padding-top: 0px!important; margin-top: 28px!important; padding-bottom: 102px!important;}
.whyChoose img {width: 100%; height: auto; max-width: 80px; margin-bottom: 12px;}
.whyChoose.grid-section > .wrapper {width: 1380px; padding: 0px 30px!important; display: flex; column-gap:30px!important; flex-wrap: wrap; justify-content: center;}
.whyChoose.grid-section > .wrapper > .wpb_column {padding-top: 50px;}
.whyChoose >.wrapper > .wpb_column.vc_col-sm-6 {width: calc(50% - 15px);} .whyChoose >.wrapper > .wpb_column.vc_col-sm-4 {width: calc(33.333333% - 20px);} .whyChoose >.wrapper > .wpb_column.vc_col-sm-3 {width: calc(25% - 23px);} .whyChoose >.wrapper > .wpb_column.vc_col-sm-1\/5 {width: calc(20% - 25px);} .whyChoose >.wrapper > .wpb_column {background: #fff; border-radius: 12px; padding: 0px 25px 35px 25px; text-align: center; border: 1px solid #efefef; box-shadow: 0 10px 30px rgba(0, 0, 0, .05); transition: all .3s ease;}
.whyChoose >.wrapper > .wpb_column:hover, .whyChoose >.wrapper > .wpb_column:focus {transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,.10);}
.whyChoose >.wrapper > .wpb_column h4 {font-family: 'Open Sans', sans-serif!important; font-size: 18px!important; font-weight: 700!important; color: #1d2a52; margin-bottom: 12px; line-height: 1.3;}
.whyChoose >.wrapper > .wpb_column p {font-size: 15px; line-height: 1.7; color: #666; margin-bottom: 18px;}
@media screen and (max-width:1240px) {
.whyChoose >.wrapper > .wpb_column.vc_col-sm-4, .whyChoose >.wrapper > .wpb_column.vc_col-sm-3, .whyChoose >.wrapper > .wpb_column.vc_col-sm-1\/5 {width: calc(50% - 15px); margin-bottom: 30px;}
}
@media screen and (max-width:767px) {
.whyChoose >.wrapper > .wpb_column.vc_col-sm-6, .whyChoose >.wrapper > .wpb_column.vc_col-sm-4, .whyChoose >.wrapper > .wpb_column.vc_col-sm-3, .whyChoose >.wrapper > .wpb_column.vc_col-sm-1\/5 {width: calc(100% - 0px); margin-bottom: 30px;}
} #gform_1 .gform_fields {row-gap: 24px !important;}
#gform_1_validation_container.gform_validation_errors {display: none;}
#gform_1 .gform-field-label--type-sub, #gform_1 .gfield_description.instruction {display: none!important;}
#gform_1 .validation_message {color: #fffd8d}
.page-id-1886 #gform_1 .validation_message {color: #b22222;} .gform_wrapper #gform_1 .gfield_error input,
.gform_wrapper #gform_1 .gfield_error textarea,
.gform_wrapper #gform_1 .gfield_error select {border-color: #ccc !important; box-shadow: none !important;}
.gform_wrapper #gform_1 input::placeholder,
.gform_wrapper #gform_1 textarea::placeholder {
color: #777777 !important;
font-size: 15px !important; opacity: 1 !important;
font-family: Arial, sans-serif!important
}
.gform_wrapper #gform_1 input[type="text"]:focus,
.gform_wrapper #gform_1 input[type="email"]:focus,
.gform_wrapper #gform_1 input[type="tel"]:focus,
.gform_wrapper #gform_1 input[type="url"]:focus,
.gform_wrapper #gform_1 input[type="number"]:focus,
.gform_wrapper #gform_1 textarea:focus,
.gform_wrapper #gform_1 select:focus {
outline: 0px solid #4A90D9 !important;
border-color: transparent !important;
box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.0) !important;
}
.gform_wrapper #gform_1 .gfield_select:first-child,
.gform_wrapper #gform_1 .ginput_container_select select option[value=""] {
color: #777777 !important;
font-size: 15px !important; opacity: 1 !important;
font-family: Arial, sans-serif!important;
font-weight: normal!important;
} .gform_wrapper #gform_1 .ginput_container_select select {
color: #333333!important;
font-weight: bold!important;
}
.ginput_container_textarea textarea {padding: 12px!important;}
.gform-footer input[type=submit] {background-color: #005e50!important; font-family: 'Arial', sans-serif!important; font-size: 15px!important; font-weight: 600!important; padding: 16px 28px!important; border-radius: 6px!important; transition: all 0.2s ease-in-out!important;}
.gform-footer input[type=submit]:hover {background-color: #095346!important;}
@media screen and (max-width:639px) {
.ginput_container--name > span:first-child {margin-bottom: 12px;}
} .vc_btn3-color-btn-rjmech {font-family: 'Open Sans', sans-serif !important; font-weight:700!important; color: rgba(255,255,255,1)!important; font-size: 15px!important; border-color: rgba(14,107,92,1)!important; border: 2px solid #0e6b5c!important; text-transform: none; background-color: rgba(14,107,92,1)!important; padding: 18px 52px 18px 42px!important; border-radius: 6px!important;}
.vc_btn3-color-btn-rjmech:hover {color: rgba(255,255,255,1)!important; font-size: 15px!important; font-weight:700!important; border-color: rgba(9,83,70,1)!important; border: 2px solid #095346!important; text-transform: none; background-color: rgba(9,83,70,1)!important;}
.vc_btn3-color-btn-purple-bg {font-family: 'Open Sans', sans-serif !important; font-weight:700!important; color: rgba(255,255,255,1)!important; font-size: 15px!important; border-color: rgba(29,42,82,1)!important; border: 2px solid #1d2a52!important; text-transform: none; background-color: rgba(29,42,82,1)!important; padding: 18px 52px 18px 42px!important; border-radius: 6px!important;}
.vc_btn3-color-btn-purple-bg:hover {color: rgba(255,255,255,1)!important; font-size: 15px!important; font-weight:700!important; border-color: rgba(26,39,74,1)!important; border: 2px solid #1a274a!important; text-transform: none; background-color: rgba(26,39,74,1)!important;} .Header {position: sticky !important; top: 0px!important; left: 0; right: 0; width: 100%; z-index: 999999 !important;}
body::after {content: ""; display: table; clear: both;} .Footer > .container {width: 100%; max-width: 1380px; padding: 0px 15px; margin: 0px auto;}
.Footer h3.widget-title {font-size: 23px!important; line-height: 1; margin-bottom: 20px!important;}
.Footer ul.menu > li {margin-bottom: 4px;}
.Footer ul.menu > li > .sub-menu {margin-top: 6px; margin-left: 8px;}
.Footer ul.menu > li > .sub-menu > li {margin-bottom: 5px;}
@media screen and (max-width:835px) {
.Footer > .container > .row:not(.copyright-row) {display: flex; flex-direction: column; margin-top: 12px; row-gap: 32px;}
.Footer > .container > .row > .vc_col-sm-4 {width: 100%;}
.Footer > .container > .row > .vc_col-sm-4 > .FooterBox {display: flex; flex-direction: column;}
.Footer > .container > .row > .vc_col-sm-4:nth-child(3)  > .FooterBox {margin-bottom: -16px;}
.Footer > .container > .row > .vc_col-sm-4 p {font-size: 17px; line-height: 1.44;}
.Footer > .container > .row > .vc_col-sm-4 > .ThirdBox {display: flex; flex-direction: column-reverse; row-gap: 30px;}
.Footer > .container > .row > .vc_col-sm-4 > .ThirdBox .wp-block-pullquote blockquote {border-left: 0px; border-top: 4px solid #0e6b5c;}
}