@charset "utf-8";

/* CSS Document */

* {
	font-family: 'Catamaran', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none !important;
	outline: none !important;
	list-style: none;
	color: #666666;
}

a:hover {
	text-decoration: none;
}

p {
	margin-bottom: 0;
	line-height: 22px;
}

ul {
	margin: 0;
	padding: 0
}

.clr {
	clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0
}

.navbar-brand {
	display: none
}

.fa-envelope-o:before {
	font-size: 15px;
}

.header {
	padding: 15px 0;
}

.logo {
	width: 50%;
}


/*header end*/

#header {
	width: 100%;
	display: block;
	background: #fff;
	padding: 15px 0 0px;
	position: relative
}

#header p {
	color: #999 !important;
	font-size: 13px;
	padding: 0px 0;
	font-family: 'Catamaran', sans-serif !important;
	font-weight: bold;
}

#header strong {
	color: #222628 !important;
	font-size: 20px;
	margin: 5px 0 0;
	/*font-weight: 500;*/
	display: block;
	font-style: italic;
}

#header i {
	float: left;
	display: inline;
	font-size: 24px;
	vertical-align: text-top;
}

.m-25 {
	margin-top: 15px;
}

#header a {
	color: #999;
}

#header a:hover {
	color: #3e467b !important;
}

.fa-envelope-o:before {
	font-size: 21px;
}

.email-icon {
	float: left;
	border: #ef7100 solid 1px;
	padding: 10px 20px;
	text-align: center;
	margin: 0 auto;
	display: block;
	color: #ef7100;
	margin-right: 10px;
}

.phone-icon {
	float: left;
	border: #ef7100 solid 1px;
	padding: 10px 15px;
	text-align: center;
	margin: 0 auto;
	display: block;
	color: #fff;
	margin-right: 10px;
	background: #ef7100
}

i.email-icon,
i.phone-icon {
	margin-top: 7px;
}

.fa-mobile-phone:before,
.fa-mobile:before {
	font-size: 26px;
}

.top-social_icon {
	float: right;
}

.top-social_icon i {
	font-size: 19px !important;
	padding: 17px 0;
	text-align: center;
	width: 41px;
	background: transparent;
	color: #fff !important;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	transition: 500ms;
	float: left;
}

.top-social_icon i:hover {
	color: #525252;
	background: #525252
}

.main-menu {
	background: #ef7100;
}

.main-menu a {
	color: #fff !important;
}

#welcome {
	margin: 0;
	padding: 0;
	display: block
}

.welcome {
	margin: 60px 0
}

.welcome h1 strong {
	color: #ef7100;
	display: block;
	font-weight: 800;
}

.welcome h1 {
	margin: 0 0 30px;
	font-size: 35px;
	font-weight: 400;
	color: #222628;
	line-height: 38px;
}

.welcome span {
	background: #20bdd8;
	width: 50px;
	height: 3px;
	display: inline-block;
	vertical-align: top;
	margin-top: 18px;
}

.welcome h2 {
	font-style: italic;
	font-size: 24px;
	color: #242424;
	margin-top: 20px;
	font-family: inherit;
}

.welcome p {
	color: #222628;
	letter-spacing: 0.3px;
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 20px;
}

#we-do {
	background: url(../images/green-bg.jpg) no-repeat center top;
	padding: 60px 0;
}

#we-do h1 {
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 15px;
}

#we-do h2 {
	color: #FFFF00;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}

#we-do p {
	color: #fff;
	letter-spacing: 0.3px;
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 30px;
}

#we-do li {
	color: #fff;
	letter-spacing: 0.3px;
	line-height: 22px;
	font-size: 16px;
	margin-bottom: 10px;
	background: url(../images/dots.png) no-repeat 0px 5px;
	padding-left: 20px;
}

#we-do .all {
	margin-bottom: 30px;
}

#we-do .all a {
	background: #525252;
	color: #fff;
	display: inline;
	padding: 10px 25px;
	font-size: 15px;
	font-weight: 500;
}

#we-do .all a:hover {
	background: #CCFF00;
	color: #000;
	display: inline;
	padding: 10px 25px;
	font-size: 15px;
	font-weight: 500;
}

.why {
	margin: 60px 0
}
.why h1{
	padding-bottom: 1em;
}
.why .choose h1 strong {
	color: #525252;
	display: block;
	font-weight: 800;
}

.why .choose h1 {
	margin: 0 0 10px;
	font-size: 26px;
	font-weight: 400;
	color: #222628;
	line-height: 38px;
}

.why .choose h2 {
	margin: 0 0 10px;
	font-size: 21px;
	font-weight: 500;
	color: #222628;
	line-height: 38px;
}

.why .choose p {
	color: #222628;
	letter-spacing: 0.3px;
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 20px;
}

.why .services h2 {
	font-size: 15px;
	color: #1a1a1a;
	margin-top: 20px;
	font-family: inherit;
	font-weight: bold;
	text-transform: uppercase;
	margin: 15px 0 12px;
}

.why .services h3 {
	font-size: 19px;
	color: #ef7100;
	margin-top: 20px;
	font-family: inherit;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 12px;
}

.why .services p {
	color: #222628;
	letter-spacing: 0.3px;
	line-height: 22px;
	font-size: 14px;
	margin-bottom: 5x;
}

.why .services strong {
	color: #000;
	letter-spacing: 0.3px;
	line-height: 22px;
	font-size: 15px;
	margin-bottom: 20px;
	display: block;
	font-weight: 400
}

.why .services a.read {
	color: #ef7100;
	letter-spacing: 0.3px;
	line-height: 22px;
	font-size: 12px;
	margin-bottom: 10px;
	border: #ef7100 dotted 1px;
	padding: 2px 10px;
	margin-top: 10px;
	display: inline-table;
	text-transform: uppercase
}

.why .services a.read:hover {
	color: #fff;
	border: #fff dotted 1px;
	background: #ef7100;
}

.icon {
	background: #f5f5f5;
	padding: 5px;
}

.icon:hover {
	background: #e7e7e7;
	padding: 5px;
}

#testimonial {
	background: url(../images/testimonial-bg.jpg) no-repeat center top;
	padding: 60px 0;
}

#testimonial h1 {
	margin: 0 0 60px;
	font-size: 35px;
	font-weight: bold;
	color: #fff;
	line-height: 38px;
	text-align: center
}

#testimonial h2 {
	color: #fff;
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 20px;
	text-align: center;
	margin: 0 0 10px;
}

.white {
	background: #fff;
	border-bottom: #ef7100 solid 3px;
	padding: 35px;
}

.white span {
	border-bottom: #ef7100 solid 3px;
	width: 50px;
	margin: 0 auto 25px auto;
	display: block
}

.white img {
	margin: -25px auto 0 auto;
}

.white p {
	font-size: 14px;
	font-style: italic;
	padding: 25px 0;
	color: #8c8c8c;
	text-align: center;
	letter-spacing: 0.3px;
}

.white h3 {
	font-size: 16px;
	color: #000;
	text-align: center;
	display: block;
	font-weight: bold
}

/*button*/
.button {
	background-color: #4CAF50;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
  }
/*products*/

.products .nav-tabs {
	border-bottom: 2px solid #DDD;
}

.products .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	border-width: 0;
}

.products .nav-tabs>li>a {
	border: none;
	color: #ffffff;
	background: #ef7100;
}

.products .nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
	border: none;
	color: #ef7100 !important;
	background: #fff;
}

.products .nav-tabs>li>a::after {
	content: "";
	background: #ef7100;
	height: 2px;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -1px;
	transition: all 250ms ease 0s;
	transform: scale(0);
}

.products .nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
	transform: scale(1);
}

.products .tab-nav>li>a::after {
	background: ##ef7100 none repeat scroll 0% 0%;
	color: #fff;
}

.products .tab-pane {
	padding: 15px 0;
}

.products .tab-content {
	padding: 20px
}

.products .nav-tabs>li {
	width: 20%;
	text-align: center;
	background: none !important;
	padding-left: 0px !important;
	margin-bottom: 0 !important;
}

.products .nav-tabs>li>a:hover {
	background-color: #535353;
	cursor: pointer;
	color: #fff !important;
}

.products .nav-tabs>li.active:hover {
	color: #fff !important;
}

.products span {
	color: #fff !important;
}

.products .active span {
	color: #000 !important;
}

.card {
	background: #FFF none repeat scroll 0% 0%;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	margin-bottom: 30px;
}
.achievements{
		padding-bottom: 2em;
	}
.lsb-preview img{
    border: 4px solid #ef7100;
  }
.gallery-section .lsb-preview img {
    border: 4px solid #ef7100;
        width: 100%;
    height: 180px;
    object-fit: cover;
}
@media all and (max-width:724px) {
	.products .nav-tabs>li {
		width: 100%;
	}
}

#ourcontact {
	margin: 60px 0 20px;
	display: block
}

#ourcontact h1 {
	margin: 0 0 20px;
	font-size: 35px;
	font-weight: bold;
	color: #1a1a1a;
	line-height: 38px;
	text-align: center;
}

#ourcontact h2 {
	color: #1a1a1a;
	line-height: 28px;
	font-size: 16px;
	text-align: center;
	margin: 0 0 10px;
}

#ourcontact p {
	font-size: 15px;
	color: #8c8c8c;
	text-align: center;
	font-weight: 300;
	letter-spacing: 0.3px;
}

#ourcontact .shadow-bg {
	background: url(../images/ourcontact.jpg) no-repeat center top;
	padding: 30px;
	margin: 5px 0 0px;
}

#ourcontact .shadow-bg h4 {
	color: #1a1a1a;
	line-height: 28px;
	font-size: 17px;
	margin: 0 0 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#ourcontact .shadow-bg p {
	font-size: 14px;
	color: #8c8c8c;
	text-align: left;
	font-weight: 300;
	letter-spacing: 0.3px;
	font-weight: bold;
}

#ourcontact .shadow-bg a {
	color: #8c8c8c;
}

#ourcontact .shadow-bg a:hover {
	color: #00d41f;
}

#contact {
	margin: 0px 0 0px;
	display: block;
	background: url(../images/contact-bg.jpg) no-repeat center top;
	padding: 50px 0;
}

#contact h1 {
	margin: 0 0 20px;
	font-size: 35px;
	font-weight: bold;
	color: #1a1a1a;
	line-height: 38px;
	text-align: center;
}

#contact h2 {
	color: #1a1a1a;
	line-height: 28px;
	font-size: 16px;
	text-align: center;
	margin: 0 0 10px;
}

#contact h4 {
	font-size: 19px;
	color: #f37000;
	margin-top: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.m-20 {
	margin-bottom: 20px;
}

#contact form {
	padding: 35px 25px 20px;
	display: block;
	overflow: hidden
}

#contact .form-control {
	box-shadow: none;
	margin-bottom: 25px;
	border: #ccc solid 1px;
	background: transparent;
	border-radius: 0
}

#contact span {
	color: red;
	font-size: 15px;
}

#contact .btn {
	background: #525252;
	color: #fff;
	border-radius: 4px;
	padding: 10px 15px;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	display: block;
	width: 100%;
}

#contact .btn:hover {
	background: #222628;
	color: #fff;
}

#contact textarea {
	width: 100%;
	line-height: 24px;
	font-size: 13px;
	border: 1px solid #ddd;
	padding: 10px 15px;
	background: #fff;
	box-shadow: none;
	height: 100px;
	border-radius: 0;
}

#contact p {
	font-size: 16px;
	color: #222628;
	line-height: 28px;
	margin-bottom: 25px;
	text-align: justify
}


/*.btn-reset{
		width: 100% !important;
	}*/

.radio-control {
	display: block;
	width: 100%;
	height: 24px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: none;
	border-radius: 4px;
	box-shadow: none;
}

.fa-phone:before {
	font-size: 23px;
}

#footer {
	margin: 0px auto 0px auto;
	display: block;
	background: #1a1919;
	width: 100%;
	padding: 25px 0;
}

.social-media {
	float: left;
	display: block;
}

.social-media i {
	color: #fff;
	font-size: 19px;
	margin-right: 5px;
	border: #ef7100 solid 1px;
	width: 50px;
	text-align: center;
	height: 35px;
	padding: 8px 5px;
}

.social-media i:hover {
	color: #fff;
	background: #ef7100;
}

#footer .copy {
	text-align: right;
	display: block;
}

#footer .copy p {
	color: #a3adb2;
	text-align: left;
	font-size: 14px;
}

#footer p {
	color: #a3adb2;
	text-align: left;
	font-size: 14px;
}

#footer .copy a {
	color: #a3adb2;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #525252;
	border-top: #525252 solid 3px;
	background: transparent;
	border-radius: 0
}

.navbar-default .navbar-nav>li>a:hover {
	border-top: #525252 solid 3px;
	background: transparent;
	border-radius: 0;
	color: #525252;
}

.navbar-default .navbar-nav>ul {
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.navbar-default .navbar-nav>li {
	margin-right: 2px;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	border-top: #ef7100 solid 3px;
	padding: 15px 20px;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: bold;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.navbar-default .navbar-nav>li:last-child {
	margin-right: 0
}

.navbar {
	margin-bottom: 0;
	min-height: auto;
}

.dropdown-menu {
	background: #fe5823;
	color: #fff;
	left: 0;
	min-width: 200px;
}

.dropdown-menu li a {
	color: #fff;
	padding-top: 7px;
	padding-bottom: 7px;
}

.contactform .form-control {
	height: 44px;
	box-shadow: none;
	margin-bottom: 25px;
	border: #ddd solid 1px;
}

.contactform .btn {
	background: #35c8d0;
	border-radius: 4px;
	padding: 8px 15px;
	text-align: center;
	color: #fff;
	display: block;
	width: 171px;
}

.contactform .btn:hover {
	background: #bbc34c;
}

.contactform label {
	color: #535353;
	font-size: 13px;
	font-weight: 500
}

.contactform textarea {
	width: 100%;
	line-height: 24px;
	font-size: 13px;
	border: 1px solid #ddd;
	padding: 10px 15px;
	background: #fff;
	box-shadow: none;
	height: auto;
	border-radius: 0;
}

.q-media {
	float: left;
	display: block;
	margin-top: 15px;
}

.q-media i {
	color: #fdc900 !important;
	font-size: 19px;
	margin-right: 20px;
}

.q-media i:hover {
	color: #35c8d0;
}

#contact-us .fa-twitter:before,
#contact-us .fa-facebook:before,
#contact-us .fa-linkedin:before,
#contact-us .fa-google-plus:before {
	color: #999999;
	margin-right: 25px;
}

.line {
	border-bottom: #ddd solid 1px;
	margin: 15px 0 25px;
}

.ourbusiness img {
	margin-bottom: 25px
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fa-angle-right:before {
	margin-right: 15px;
	color: #222628;
	font-size: 17px;
}

.contact_media i {
	font-size: 25px;
	color: #1876c3;
	line-height: 45px;
	width: 45px;
	text-align: center;
	height: 45px;
	border-radius: 50%;
	border: 1px solid #1876c3;
}

.contact_media p,
.contact_media a {
	font-size: 14.5px;
	line-height: 25px;
	margin-bottom: 35px;
	color: #666666;
}

.contact-section {
	background: #F8F8F8;
	padding: 45px 40px 25px;
	display: block;
	overflow: hidden
}

.contact-section label {
	margin: 0;
	font-size: 16px !important;
	color: #404040 !important;
	line-height: 26px !important;
	font-weight: normal !important;
	margin-bottom: 6px !important;
}


/**/

.entry-header-wrapper .page-title span,
.entry-header-wrapper .entry-title span {
	position: relative;
	z-index: 2;
}

.page-title span {
	font-size: 30px;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
	color: #ffffff;
}

.entry-header-wrapper .page-title span::before,
.entry-header-wrapper .entry-title span::before {
	content: '';
	display: block;
	height: 32px;
	width: 30px;
	position: absolute;
	top: -14px;
	left: -20px;
	border: solid 2px #ef7100;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-width: 2px 0 0 2px;
}

.entry-header-wrapper .page-title span::after,
.entry-header-wrapper .entry-title span::after {
	content: '';
	display: block;
	height: 32px;
	width: 30px;
	position: absolute;
	right: -20px;
	bottom: -14px;
	border: solid 2px #ef7100;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-width: 0 2px 2px 0;
}

.entry-header-wrapper {
	position: relative;
	padding: 67px 0 67px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #333333;
	color: #ffffff;
}

#inner-page {
	margin: 80px 0;
}

.welcome h1 strong {
	color: #ef7100;
	display: block;
	font-weight: 800;
}

#inner-page h1 {
	margin: 0 0 30px;
	font-size: 33px;
	font-weight: bold;
	color: #222628;
	line-height: 38px;
}

.about {
	padding-bottom: 3em;
}

.about h5 {
	color: #000 !important;
	background: none !important;
}

#inner-page h6 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.0001;
	color: #a4a4a4;
	margin-bottom: 5px;
}

#inner-page h2 {
	font-size: 24px;
	color: #f56f00;
	margin: 15px 0px;
	font-family: inherit;
}

#inner-page li {
	color: #222628;
	letter-spacing: 0.3px;
	line-height: 25px;
	font-size: 16px;
	margin-bottom: 20px;
	background: url(../images/dots1.jpg) no-repeat 0px 8px;
	padding-left: 18px;
}

#inner-page p {
	color: #222628;
	letter-spacing: 0.3px;
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 20px;
}

#inner-page span {
	font-size: 17px;
	color: #ef7100;
	margin-top: 20px;
	font-weight: bold
}

#inner-page h4 {
	font-size: 19px;
	color: #ef7100;
	margin-top: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

h4.subtitle {
	font-size: 17px !important;
	color: #525252 !important;
	margin-top: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

#inner-page h5 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
	background: #ef7100;
	padding: 10px 5px;
	text-align: center
}

#inner-page strong {
	color: #000;
	letter-spacing: 0.3px;
	line-height: 22px;
	font-size: 16px;
	margin-bottom: 20px;
}

.inspect a {
	display: block;
	padding: 50px 50px 30px;
	color: #ef7100;
	background: white url(../images/inspect.png) no-repeat center 40px
}

.inspect a:hover {
	display: block;
	color: #fff;
	background: #ef7100 url(../images/inspect-hover.png) no-repeat center 40px
}

.inspect img {
	display: block;
	width: auto;
	margin: 0 auto .5rem;
}

.inspect h3 {
	display: block;
	text-align: center;
	font-size: 29px;
	padding-top: 95px;
}

.fix a {
	display: block;
	padding: 50px 50px 30px;
	color: #ef7100;
	background: white url(../images/fix.png) no-repeat center 40px
}

.fix a:hover {
	display: block;
	color: #fff;
	background: #ef7100 url(../images/fix-hover.png) no-repeat center 40px
}

.fix img {
	display: block;
	width: auto;
	margin: 0 auto .5rem;
}

.fix h3 {
	display: block;
	text-align: center;
	font-size: 29px;
	padding-top: 95px;
}


/**/

.optimize a {
	display: block;
	padding: 50px 50px 30px;
	color: #ef7100;
	background: white url(../images/optimize.png) no-repeat center 40px
}

.optimize a:hover {
	display: block;
	color: #fff;
	background: #ef7100 url(../images/optimize-hover.png) no-repeat center 40px
}

.optimize img {
	display: block;
	width: auto;
	margin: 0 auto .5rem;
}

.optimize h3 {
	display: block;
	text-align: center;
	font-size: 29px;
	padding-top: 95px;
}


/**/

.monitor a {
	display: block;
	padding: 50px 50px 30px;
	color: #ef7100;
	background: white url(../images/monitor.png) no-repeat center 40px
}

.monitor a:hover {
	display: block;
	color: #fff;
	background: #ef7100 url(../images/monitor-hover.png) no-repeat center 40px
}

.monitor img {
	display: block;
	width: auto;
	margin: 0 auto .5rem;
}

.monitor h3 {
	display: block;
	text-align: center;
	font-size: 29px;
	padding-top: 95px;
}

#gallery-page h1 {
	margin: 0 0 20px;
	font-size: 27px;
	font-weight: bold;
	color: #222628;
	line-height: 38px;
}

#gallery-page {
	margin: 80px 0 35px;
}

.gallery {
	-webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
	border-bottom: #ef7100 4px solid;
	margin-bottom: 45px;
}

.gallery h5 {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.0001;
	color: #ef7100;
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
}

.gallery h2 {
	font-style: normal;
	font-size: 20px;
	color: #242424;
	margin-top: 10px;
	font-family: inherit;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}

#gallery-page h4 {
	font-size: 19px;
	color: #ef7100;
	margin-top: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

#gallery-page h6 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
	background: #ef7100;
	padding: 10px 15px;
	text-align: left;
}

.gallery p {
	color: #8c8c8c;
	text-align: center;
	letter-spacing: 0.3px;
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 20px;
	padding: 0 25px
}

.single_image {
	margin-right: 0px;
	position: relative;
	transition: all 1s;
	/*margin-bottom:35px;*/
}

.single_image img {
	width: 100%;
}

.single_image:hover div.image_overlay {
	opacity: 1;
}

.image_overlay {
	position: absolute;
	height: 100%;
	background: rgba(0, 44, 230, .7);
	opacity: 0;
	transition: all 1s;
	width: calc(100%);
	height: calc(100%);
	left: 0px;
	top: 0px;
	z-index: 1
}

.image_overlay .more {
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #000;
	text-decoration: none;
	font-weight: 500;
}

.image_overlay .more:hover {
	text-decoration: underline;
	display: block
}

.image_overlay i {
	margin: 0 auto;
	text-align: center;
	display: block;
	padding: 110px 0
}

.fa-search:before {
	color: #fff;
	font-size: 25px;
	background: #ef7100;
	border-radius: 50px;
	padding: 15px;
}

.panel-default>.panel-heading {
	color: #333;
	background-color: #fff;
	border-color: #ddd;
}

.panel-default {
	border-color: #eee;
	-webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	background: #c1fab8;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body p {
	color: #026f11;
	font-size: 14px;
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
	border-top: 1px solid #f56d00;
}

.panel {
	border-radius: 0
}

.panel-group .panel {
	border-radius: 0px;
	margin-bottom: 15px;
}

.panel-title {
	font-size: 16px;
	color: #01b61b;
	font-weight: bold
}

@media screen and (max-width:1024px) {
	#header p {
		font-size: 14px;
	}
	.top-social_icon i {
		width: 32px;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 14px;
		padding: 15px 17px;
	}
}

@media screen and (max-width:980px) {
	.navbar-default .navbar-nav>li>a {
		font-size: 13px;
		padding: 10px 6px;
	}
	.navbar-default .navbar-nav>li {
		/*margin-right:10px;*/
	}
	#header p {
		font-size: 14px;
	}
	.welcome h1 {
		font-size: 21px;
	}
	#header p {
		font-size: 14px;
	}
	.navbar-default .navbar-nav>li {
		/*margin-right: 37px;*/
	}
	.top-social_icon i {
		width: 23px;
		padding: 5px;
	}
	.why .services p {
		font-size: 13px;
	}
	.why .choose h1 strong {
		line-height: 25px;
	}
	#ourcontact {
		margin: 60px 0 0;
	}
	.social-media i {
		width: 45px;
	}
	#contact {
		padding: 25px 0 0;
	}
	.page-title span {
		padding-left: 15px;
	}
	.entry-header-wrapper .page-title span::before,
	.entry-header-wrapper .entry-title span::before {
		left: 0px;
	}
	.inspect h3,
	.fix h3,
	.monitor h3,
	.optimize h3 {
		font-size: 21px;
	}
	.image_overlay i {
		padding: 62px 0;
	}
}

@media screen and (max-width:767px) {
	.navbar-toggle {
		float: right
	}
	#menu {
		float: none
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background: #525252
	}
	.navbar-default .navbar-nav>li>a {
		padding: 9px 7px;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		background: #525252
	}
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:hover,
	.navbar-default .navbar-nav>.active>a:focus {
		color: #fff;
		background: #f56d00;
	}
	.navbar-default .navbar-nav>li>a:hover {
		color: #fff
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.contactform .btn {
		margin-bottom: 45px;
	}
	.navbar-default .navbar-nav>li {
		margin-right: 0px;
	}
	.navbar-default .navbar-nav>li>a {
		padding: 13px 25px;
		color: #fff;
		margin-bottom: 3px;
		border-top: none;
	}
	.navbar-default .navbar-nav>li>a:hover {
		color: #fff !important;
		border-top: none;
		background: #f56d00;
	}
	.navbar-default .navbar-nav>li:last-child {
		margin-right: 0
	}
	.navbar-default .navbar-toggle {
		background: #525252;
		border: none
	}
	.navbar-default .navbar-nav > li {
    margin-right: 0px;
    border: 1px solid !important;
	}
	.xs-service{
		padding-bottom: 1em;
	}
	.top-social_icon {
		float: left;
	}
	.top-social_icon i {
		border-left: none;
		width: 50px;
		padding: 7px;
		margin-bottom: 10px
	}
	.top-social_icon a {
		margin-right: 2px;
		display: block;
		float: left
	}
	.welcome h1 strong {
		line-height: 35px;
	}
	.welcomeimg {
		margin-top: 25px;
		display: block
	}
	.aboutimg {
		margin-bottom: 25px;
		display: block
	}
	#contact h1 {
		line-height: 35px;
	}
	#footer .addres h1 {
		margin-top: 15px;
	}
	#footer .footer-menu a {
		line-height: 35px;
	}
	.logo {
		display: block;
		/*margin: 0 auto;*/
	}
	.navbar-brand {
		display: block
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 16px;
	}
	.welcome h1 strong,
	.welcome h1 {
		text-align: left
	}
	.welcome h1 {
		font-size: 28px;
		margin: 0 0 10px;
	}
	.welcome p {
		padding: 15px 0 15px 0px;
		border-left: none;
	}
	.welcome {
		margin: 25px 0;
	}
	#services {
		margin: 35px auto;
	}
	#services .text-holder {
		margin-bottom: 25px;
	}

	#contact p {
		margin-top: 25px;
	}
	#contact form {
		margin-top: 50px;
	}
	.footer-contact-info li {
		width: 100%;
	}
	.social-media {
		float: left;
	}
	#footer .copy {
		margin-top: 15px;
		border-top: none;
		text-align: left;
		display: block
	}
	#yellow-area .btn {
		display: block;
		float: left
	}
	.item {
		margin-bottom: 71px;
	}

	.mobile-line {
		border-bottom: #ddd solid 1px;
		margin: 0 auto 15px auto;
		display: block
	}
	.icon {
		margin-bottom: 25px;
	}
	.icon img {
		margin: 0 auto;
		display: block
	}
	.white {
		margin-bottom: 40px;
	}
	#testimonial {
		background: #040e20
	}
	#ourcontact .shadow-bg {
		border: #f1f1f1 solid 1px;
		background: transparent;
		padding: 45px 15px 20px;
		margin-bottom: 40px;
	}
	#ourcontact .shadow-bg p {
		margin-bottom: 25px;
	}
	#footer p {
		margin-bottom: 10px;
	}
	#footer {
		padding: 25px 0 15px;
	}
	#contact {
		padding: 0
	}
	.page-title span {
		padding-left: 15px;
	}
	.entry-header-wrapper .page-title span::before,
	.entry-header-wrapper .entry-title span::before {
		left: 0px;
	}
	.image_overlay i {
		padding: 59px 0;
	}
}
#red{
	color: red !important;
}

.hero-banner {
          background: linear-gradient(135deg, #ef7100, #ff9500);
    color: #fff;
    text-align: center;
    padding: 20px 10px;
    border-bottom: 6px solid #fff;
    }

    .hero-banner h1 {
      font-weight: 600;
      letter-spacing: 1px;
      font-size: 30px;
    }

    /* Profile Box */
    .profile-box {
      max-width: 1250px;
      margin: 40px auto;
      padding: 30px;
      background: #4f0202;
      border-radius: 16px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease;
    }

    .profile-box:hover {
      transform: translateY(-5px);
    }

    /* Section Titles */
    .section-title {
      color: #fff;
      margin: 25px 0 15px;
      position: relative;
      padding-left: 0px;
    }

  .profile-box p {
    color: #ffffff;
}
.qa-card p {
    color: #252525;
}

    /* Achievements List */
    .info-list {
      list-style: none;
      margin: 15px 0;
      padding: 0;
    }

    .info-list li {
      background: #fff3e6;
      margin: 8px 0;
      padding: 20px 20px;
      border-radius: 8px;
      border-left: 5px solid #ef7100;
      transition: background 0.3s ease;
    }

    .info-list li:hover {
      background: #ffe0b3;
    }

    /* Q&A Cards */
    .qa-card {
      margin: 20px 0;
      padding: 18px 22px;
      background: #fff8f2;
      border: 1px solid #ffe0b3;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .qa-card:hover {
      transform: scale(1.02);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    }

    .qa-card strong {
            font-size: 20px;
      display: block;
      color: #ef7100;
      font-weight: 600;
      margin-bottom: 8px;
    }