@import url('https://fonts.googleapis.com/css?family=Plus Jakarta Sans');

*{padding:0px;margin:0px;text-decoration:none;list-style:none;font-weight:normal;outline:none;}
body{font-family:'Plus Jakarta Sans', Arial, Helvetica, sans-serif;font-size:15px; font-weight:normal; color:#101010;}
a{color:#e71d27;}
a:hover{text-decoration:underline;}
a:visit{}
a:active{}
h1{color:#101010;font-size:24px;}
h2{color:#e71d27;font-size:18px;}
h3{color:#101010;font-size:18px;}
h4{color:#101010;font-size:18px;}
h5{color:#101010;font-size:14px;}
h6{color:#101010;font-size:14px;}
p{text-align:justify;margin-bottom:10px;}
.g-recaptcha{float:left;margin-left:15px;}
.bg-none{background:none!important;}
.padding-0{padding:0 0 0 0!important;}
.padding-10{padding:10px 0 10px 0!important;}
.padding-5{padding:5px 0 10px 0!important;color:#808080!important;margin-left:5px;float:left;}
.margin-left{margin-left:10px!important;}
.bg-none{background:none!important;}
.clear{clear:both!important;}
.border-none{border:none!important;}
.border-botton-none{border-bottom:none!important;}
.red-btn{background:#e71d27;color:#fff;padding:0px 0px 0 25px;float:left;font-size:12px;border-radius:25px;}
.red-btn span{float:left;color:#fff!important;padding:7px 25px 7px 0px;}
.padding-l{}
.error{font-size:10px;color:#f00;width:auto!important;float:left;padding:5px 0 0 5px;}
.red{color:#f00!important;}
.padding-t{padding:4px 0 0px 5px;}
.margin{margin:15px 0 0 145px;}
.margin-1{margin:15px 0 0 180px;}
.margin-2{margin:15px 0 0 180px;}
.margin-3{margin:15px 0 0 160px;}
.margin-4{margin:15px 0 0 160px;}
.margin-5{margin:15px 0 0 200px;}
.margin-bottom{margin-bottom:20px;}
.header, .slider-wrapper, .main-panal{width:100%;float:left;}
.services-btn{float:left;background:#e71d27;color:#fff;padding:0 0 0 25px;color:#fff!important;border-radius:25px;}
.services-btn span{float:left;color:#fff!important;font-size:18px;font-weight:normal!important;padding:12px 25px 13px 0px;}
.divider-empty{float:left;width:100%;height:10px;}
.divider{float:left;border-top:#d2d2d2 1px solid;height:1px;width:100%;margin:15px 0;}
.divider-1pixel{float:left;width:100%;height:1px;border-bottom:#d2d2d2 1px solid;padding-top:10px;margin-bottom:10px;}
.float-left{float:left;}
.float-right{float:right;}
.panel-left{float:left;width:920px;margin-bottom:30px;}
.panel-left .image-holder{width:85%; margin:20px auto;}
.panel-left .image-holder img{width:100%;}
.panel-left ul, .panel-left ol{margin:0 0 2% 2%; float:left; width:98%;}
.panel-left ul li strong, .panel-left ol li strong{font-weight:bold;}
.panel-left ul li{list-style:disc; margin:0 0 1% 4%; padding:0 0 0 1%; width:94%; float:left;}
.panel-left ol li{list-style-type:decimal; margin:0 0 2% 2%; padding:0 0 0 2%; width:96%; float:left;}
.panel-left p{float:left;width:100%;padding-bottom:10px;line-height:25px;}
.panel-left p span{font-weight:bold;color:#e71d27;}
.panel-left p strong{font-weight:bold;}
.panel-left h1{float:left;padding:0 0 20px 0;font-size:34px; font-weight:bold;}
.panel-left h2{float:left;padding:2% 0;width:100%;font-size:34px;margin:0 0 3% 0;}
.panel-left h2 a{color:#555;}
.panel-left h3{float:left;padding:2% 15% 2% 0;width:85%;font-size:34px;margin:0 0 2% 0;line-height:30px;font-weight:600;}
.panel-left .content-img{float:left;width:100%;margin:0 0 2% 0;}
.panel-left .content-img img{width:100%;}
.panel-right{float:right;width:250px;}
.discrition{float:left;width:100%; margin:0 0 2% 0;}
.discrition ul{float:left;width:100%;padding-bottom:10px;}
.discrition ul li{float:left;width:710px;background:url(../images/arrow-4.jpg) 0px 14px no-repeat;padding:5px 0 5px 10px;line-height:25px;text-align:justify;}
.discrition ul li a{color:#666;}
.discrition ul li a:hover{text-decoration:underline;}
.arrow-btn{float:left;background:#e71d27 url(../images/arrow-btn.png) 98px 17px no-repeat;padding:10px 25px 10px 15px; margin:20px 15px 10px 0;color:#fff;border-radius:5px;}
.arrow-btn a:hover{text-decoration:underline;}
.arrow-btn-left{float:left;background:#e71d27 url(../images/arrow-btn.png) 98px 17px no-repeat;padding:10px 25px 10px 15px; margin:20px 15px 10px 0;color:#fff;border-radius:5px;}
.arrow-btn-left a:hover{text-decoration:underline;}
.view-botton{float:left;width:100%;border-bottom:#d2d2d2 1px solid;background:url(../portfolio/images/view-btn-bg.jpg) 7px 0px no-repeat;line-height:29px;margin-bottom:25px;}
.view-botton a{color:#FFF;text-decoration:none;font-weight:bold;margin:0 31px 0 22px;outline:none;}
.arrow-btn-1{float:left;background:url(../images/arrow-btn.jpg) bottom right no-repeat;padding:0 12px 0 0;margin:15px 0px 10px 0px;color:#808080!important;}
.numeric{float:left;width:100%;}
.numeric ol{float:left;width:100%;}
.numeric ol li{float:left;width:680px;padding:5px 0 0 20px;list-style:inside decimal;}
.numeric ol li p{margin:-15px 0 0 20px;}
.news-letter{float:left;width:238px;padding:15px 0 0 12px;margin-bottom:25px;background:url(../images/newsletter-bg.jpg) top left repeat-x;border:1px solid #ea0101;height:86px;}
.news-letter .istyle1{float:left;margin:5px 0 0px 0px;width:170px;height:26px;padding:5px 5px 5px 7px;background:url(../images/newsletter-input.jpg) no-repeat left 0;border:0;color:#fff;opacity:0.7;}
.news-letter .submit{float:left;background:url(../images/newsletter-input.jpg) no-repeat right 0;margin:5px 0 0 5px;width:38px;height:36px;border:0;cursor:pointer; color: transparent;}
.menu-wrapper{width:775px;float:left;}
.mean-container{position:relative;z-index:100;}
.nav{min-height:60px;float:right;}
.nav ul li{float:left;position:relative;font-size:14px;}
.nav ul li:first-child{border-left:none;}
.nav ul li:last-child{border-right:none;}
.nav ul li a{color:#000; display:block; padding:26px 8px; }
.nav li a:hover{text-decoration:none;}
.nav ul ul{display:none;left:0px;width:210px;position:absolute;top:58px; font-weight:normal;padding:0px;z-index:10001;}
.nav li:hover ul{display:block;}
.nav li:hover ul ul{display:none;border:none;}
.nav ul li:hover ul li{padding:0px;font-weight:normal;font-size:12px;float:none;border:none;border-top:1px solid #f73344;border-bottom:1px solid #d90d12;}
.nav ul li:hover ul li:first-child{border-top:none;}
.nav ul li:hover ul li:last-child{border-bottom:none;}
.nav ul li:hover a{background:#e71d27;color:#ececec;}
.nav li li a{display:block;line-height:18px;padding:2% 3%;width:94%;color:#fff;}
.nav li li a:hover{}
.nav ul ul li:first-child{border-top:0px;}
.nav li ul li li a{}
.nav li li:hover a{background:#c60c16;color:#fff;}
.nav li ul li li a:hover{background:#2B4A98;}
.nav li:hover ul{display:block;}
.nav li ul li:hover ul{display:block;}
.nav ul ul li:hover ul li a:hover{background:#000;}
a.meanmenu-reveal{display:none;}
.mean-container .mean-bar{float:left;width:100%;background:#a80000;padding:4px 0;height:42px;z-index:999999;}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 0px 13px;top:0px;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;font-size:1px;display:block;font-family:Arial, Helvetica, sans-serif;font-weight:700;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px;}
.mean-container .mean-nav{float:left;width:100%;background:#a80000;margin-top:9px;}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none;}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%;}
.mean-container .mean-nav ul li a{display:block;float:left;width:96%;padding:1em 2%;margin:0;text-align:left;color:#fff;border-bottom:1px solid #670000;text-decoration:none;text-transform:uppercase;}
.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-bottom:1px solid #f1f1f1;border-bottom:1px solid rgba(255,255,255,0.25);opacity:0.75;filter:alpha(opacity=75);visibility:visible;}
.mean-container .mean-nav ul li.mean-last a{border-bottom:none;margin-bottom:0;}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%;}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%;}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%;}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,0.1);}
.mean-container .mean-nav ul li a.mean-expand{width:26px;height:26px;border:none !important;padding:10px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;}
.mean-container .mean-nav ul li a.mean-expand:hover{background:none;}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both;}
.mean-nav .wrapper{width:100%;padding:0;margin:0;}
header.center{text-align:center;}
header.center nav{float:left;width:100%;}
header.center nav ul{text-align:center;}
.nav .wrapper{text-align:center;}
.top-grey-button {
  display: inline-block;
  margin:20px 10px 15px 10px;
  width:180px;
}

.top-grey-button a {
  display: inline-block;
  background-color: #626262; /* dark grey background */
  color: #ffffff;           /* white text */
  font-size: 14px;
  padding: 8px 18px;
  border-radius: 20px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  transition: background 0.3s ease;
}

.top-grey-button a:hover {
  background-color: #2e2e2e; /* slightly darker on hover */
}

#ie6-wrap{float:left;width:100%;}
.wrapper{width:1200px;margin:0 auto;}
.header{float:left;width:100%;}
.logo{float:left;margin:5px 0px;width:225px; height:60px}
.logo img{width:100%;}
.facebook-like{float:left;width:65px;padding:35px 25px 0 0;}
.top-right{float:left;width:220px;padding:12px 0 0 0px;}
.email-addres{float:left;border-bottom:1px solid #e7e7e7;width:180px;font-size:16px;color:#808080;background:url(../images/email.jpg) no-repeat left top;padding:0 0px 5px 40px;margin:5px 0px;}
.email-addres a{color:#808080;font-size:16px!important;}
.banner{float:left;width:100%;}
.slider{float:left;}
.content{float:left;width:100%;}
.content-raw{float:left;width:100%; padding:35px 0 0 0;}
.page-intro-banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 180px;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  scroll-margin-top: 80px; /* Ensures banner scrolls into view correctly */
  margin-top: 70px; /* Pushes banner content below fixed header */
}

.banner-overlay {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.page-intro-banner .wrapper {
  width: 90%;
  margin: 0 auto;
  color: #fff;
}

.page-title {
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  color: #fff;
}

.breadcrumb-wrap ul {
  list-style: none;
  display: flex;
  gap: 8px;
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: #eee;
}

.breadcrumb-wrap ul li::after {
  content: "›";
  margin-left: 8px;
}

.breadcrumb-wrap ul li:last-child::after {
  content: "";
}

.breadcrumb-wrap ul li a {
  color: #eee;
}

.right-panel-list{float:left;width:250px;}
.right-panel-list ul{float:left;width:250px;margin-bottom:12px;}
.right-panel-list ul li{float:left;width:91%;border:#e5e5e5 1px solid; font-size:14px; border-radius:15px; background-color:#ececec; padding:3% 2% 3% 6%; margin-bottom:3%;}
.right-panel-list ul li h3 a{float:left;padding:3% 2%;font-weight:bold;width:96%; margin-bottom:2%;}
.right-panel-list ul li a{color:#666;}
.right-panel-list ul li a:hover{text-decoration:underline;}
.footer{float:left;width:100%;background:#2b2e31;padding:40px 0 0px 0;}
.footer-navigation{float:left;width:575px;}
.footer h5{padding-bottom:10px;color:#fff; font-size:18px; font-weight:bold;}
.footer h5 a{font-size:18px; font-weight:bold;}

ul.footer-list{float:left;width:265px;padding-left:5px;height:auto;margin:0 15px 25px 0}
ul.footer-list li{float:left;background:url(../images/arrow-footer.jpg) 0px 10px no-repeat;padding:0 0 5px 10px;width:100%;}
ul.footer-list li a{color:#FFF; font-size:16px;}
ul.footer-list li a:hover{color:#FFF;text-decoration:underline;}
ul.footer-list li.contact{float:left;color:#FFF;padding:10px 0 0 0;}
ul.footer-list li.contact h5{font-size:12px;background:url(../images/horizontal-divider.jpg) top left repeat-x;padding-top:10px;}
.newsletter-signup {
  width:285px;
  float:left; 		
  padding: 0;
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.newsletter-signup h5 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase;
  color: #ffffff;
}

.newsletter-signup p {
  font-size: 14px;
  margin-bottom: 12px;
  line-height: 1.5;
}

.newsletter-signup form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.newsletter-signup input[type="email"] {
  padding: 10px 12px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  outline: none;
  width: 90%;
}

.newsletter-signup button {
  width: 120px;	 
  padding: 10px 6px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  background-color: #ccc;
  color: #000;
  cursor: pointer;
  transition: background 0.3s ease;
}

.newsletter-signup button:hover {
  background-color: #bbb;
}
.footer-share{float:left; width:250px; margin:0 50px 0 0 ;}
.share-icon{float:left;width:245px;}
.share-icon a{float:left;width:29px;height:29px;margin-right:10px;}
.share-icon a strong{display:none;}
.share-icon a.facebook{float:left;background:url(../images/share-icon.png) no-repeat 0 0;}
.share-icon a.linked-in{float:left;background:url(../images/share-icon.png) no-repeat -33px 0;}
.share-icon a.twitter{float:left;background:url(../images/share-icon.png) no-repeat -68px 0;}
.footer-contact{float:left;width:245px;margin:15px 0 0 0;color:#FFF;padding-top:5px; font-size:12px;}
.footer-contact p{font-size:16px; line-height:1.5;}
.footer-contact a{color:#FFF;}
.footer-contact a:hover{text-decoration:underline;}
.footer-copyright{float:left;background:#222527;width:100%;margin:20px 0 0 0;line-height:35px; font-size:14px; text-align:center;}
.footer-copyright p{margin-bottom:0; text-align:center; color:#FFF;}
.footer-copyright p a{color:#FFF; font-size:14px;}
.footer-copyright p a:hover{text-decoration:underline;}
.detail-layout{float:left;width:941px;border:#e5e5e5 1px solid;padding:30px 28px 10px 28px;background:#FFF;margin:0 0 10px 0;}
.panel-left-1{float:left;width:650px;}
.panel-right-1{float:right;width:250px;}
.status{font-size:15px;float:left;font-weight:bold;}
.status span{color:#e71d27;}
.status-btn{float:left;width:100%;padding:10px 0;}
.status-btn a{float:left;width:109px;height:35px;margin-right:15px;text-decoration:none;}
.status-btn a strong{color:#FFF;float:left;padding:9px 0 0 12px;cursor:pointer;}
.status-btn a.visit-website{float:left;background:url(../portfolio/images/gray-btn-bg.jpg) no-repeat 0 0;}
.status-btn a.request-qoute{float:left;background:url(../portfolio/images/gray-btn-bg.jpg) no-repeat -119px 0}
.thum-logo{float:left;width:100%;border:#efefef 1px solid;background:url(../portfolio/images/thum-bottom-bg.jpg) bottom repeat-x;margin-bottom:10px;}
.thum-logo img{float:left;padding:0 0 20px 17px;}
.thum-logo p{float:left;color:#FFF;padding:0 0 5px 10px;}
.sub-navigation-2{float:left;width:240px;background:url(../portfolio/images/sub-navigation-2-bg.jpg) repeat-x top left;border:#e5e5e5 1px solid;padding:8px 0 0 10px;margin-bottom:10px;}
.sub-navigation-2 h5{color:#FFF;font-weight:bold;}
.sub-navigation-2 ul{float:left;padding:10px 0 0 0;}
.sub-navigation-2 ul li{float:left;width:225px;background:url(../images/bullet.jpg) 0px 10px no-repeat;padding:5px 0 5px 15px;}
.sub-navigation-2 ul li a{color:#666;}
.about-client{float:left;width:100%;}
.about-client h4{clear:both;padding:0 0 5px 0;}
.about-client p{float:left;padding:0 0 5px;}
.msg-r{color:#f00!important;}
.msg-red{width:100%;float:left;background-color:#f00;font-size:15px;color:#fff;padding:5px 0px;margin:0px 0px 4px 0px;text-align:center;}
.msg-green{width:100%;float:left;background-color:#090;font-size:15px;color:#fff;padding:5px 0px;margin:0px 0px 4px 0px;text-align:center;}
select #works{width:100%;padding:5px 0;}