@import url('https://fonts.googleapis.com/css?family=Raleway:200,200i,300,300i,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700');
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?d9gerl');
  src:  url('fonts/icomoon.eot?d9gerl#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?d9gerl') format('truetype'),
    url('fonts/icomoon.woff?d9gerl') format('woff'),
    url('fonts/icomoon.svg?d9gerl#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-skype-logo:before {
  content: "\e900";
}
.icon-facebook-placeholder-for-locate-places-on-maps:before {
  content: "\e901";
}
.icon-call-answer:before {
  content: "\e902";
}
.icon-note:before {
  content: "\e903";
}
.icon-multimedia:before {
  content: "\e904";
}
.icon-technical-specialist:before {
  content: "\e905";
}
.icon-target:before {
  content: "\e906";
}
.icon-glasses:before {
  content: "\e907";
}
.icon-medal:before {
  content: "\e908";
}
.icon-arrows-3:before {
  content: "\e909";
}
.icon-arrows-2:before {
  content: "\e90a";
}
.icon-arrows-1:before {
  content: "\e90b";
}
.icon-arrows:before {
  content: "\e90c";
}
.icon-driller:before {
  content: "\e90d";
}
.icon-buildings:before {
  content: "\e90e";
}
.icon-twitter-letter-logo:before {
  content: "\e90f";
}
.icon-facebook-logo:before {
  content: "\e910";
}
.icon-technology:before {
  content: "\e911";
}

body {font-family: 'Raleway', sans-serif; color: #1b1b1b; line-height: 25px; font-weight: normal; font-size: 14px; background: url(../images/background.jpg) repeat left top; overflow-x:hidden}
a:focus {outline:none;}
.header, .middle, .footer, .inner, .topCon {width:100%; float:left; position: relative !important; clear:both; }
.section {padding:50px 0;}
.section1 {padding:80px; 0}
p {font-size:14px; color: #2d2d2d; line-height:30px; font-weight:400; font-family: 'Poppins', sans-serif;}
a {text-decoration:none !important;}
h4 {font-size:45px; margin:0; font-weight: 600; font-family: 'Raleway', sans-serif; }
h2 {font-size:30px; font-weight:bold; margin:0; font-family: 'Raleway', sans-serif;}
h3 {font-size:22px; font-weight:300; text-transform:uppercase; font-family: 'Raleway', sans-serif;}
h5 {font-size: 20px; font-weight: 600; font-family: 'Raleway', sans-serif;}
/*-----------------------------------*/
/* Page 404
/*-----------------------------------*/
#page404{text-align:center;}
#page404 img{margin:50px 0; margin-bottom:20px;}
#page404 a{padding: 15px 30px; font-weight:bold; font-size:13px; text-decoration:none}
.btn11 { background: #50b849;; display: inline-block; color: #ffffff; text-transform: uppercase;  padding: 8px 12px 5px 12px; border: none;}
.btn11:hover {background:#9f161b;}

/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #b70005; color: white; font-weight: bold; text-align:center }
td, th {  padding: 12px 12px 12px 12px;  border: 1px solid #dbdbdb; text-align:center; }

.btn-cont .btn { margin-top:25px;
  position: relative;
  padding: 10px 80px;
  background:url(../images/readbg.png) no-repeat left top;
  color: #fff;
  text-decoration: none;
  font-size: 25px;
  font-weight:bold;
  letter-spacing: 2px;
  -webkit-font-smoothing: antialiased; text-align:center;
}

.topCon {position:relative !important;color:#fff; font-size:16px; font-weight:300; padding: 5px 0 5px 0;}
.topCon{
background: #b4ddb4; /* Old browsers */
background: -moz-linear-gradient(left, #b4ddb4 0%, #718d51 0%, #4b593b 25%, #292b28 77%, #252626 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #b4ddb4 0%,#718d51 0%,#4b593b 25%,#292b28 77%,#252626 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #b4ddb4 0%,#718d51 0%,#4b593b 25%,#292b28 77%,#252626 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#252626',GradientType=1 ); /* IE6-9 */}
.links {
	margin-right: 95px !important;
width: 12%;
float: right;}
.links .circle {width: 35px; height: 35px; border-radius: 100%;background: #252626; float: right; color: #fff; text-align: center; margin-right: 10px;}
.links .circle:hover {
	background: #556741;
	color: #fff;
	transition: ease-in-out all 1s;
}
.links .circle span {line-height:2.5; font-size:12px}
.call {width: 17%; float: right;}
.call p {float:right; color:#fff; text-transform:uppercase; font-weight:400; font-size:15px; font-family: 'Roboto', sans-serif; margin:0; margin-top: 1px;}
.call span {line-height:2;}
.navbar-brand { position:relative;   width:25% !important;}
.border_red {width:100%; height:3px; background:#50b849;}
#navbar .cl-effect-11 a {padding: 0px 10px; color:#737373;
font-weight: 300;
text-transform: uppercase;
font-size: 14px;
}
.navbar-inverse .navbar-nav > .active a {color:#50b849;}
.navbar-inverse .navbar-nav > li > a {padding: 0 15px; color:#58595b; font-weight:400; font-family: 'Raleway', sans-serif;}
.navbar-inverse .navbar-nav > li > a:hover {color:#50b849;}
.navbar-nav > li {
	float: left;
	margin: 25px 0px;
	text-align: center;
}
#myCarousel h3 {background:none; margin:0; padding:0; font-size:36px; text-shadow:none; color:#58595b; text-transform:capitalize; font-weight:300; line-height:55px;}
#myCarousel .carousel-caption {left:7%; top: 38%; text-align:left; width: 35%;}
#myCarousel h4 {color:#58595b; font-size:40px; text-shadow:none; text-transform:uppercase; font-weight:bold; line-height:50px;}
#myCarousel h4 span {color:#f18326}
.dropdown-menu .hvr-sweep-to-right::before {background:#148f0c !important;}
/*-----------welcome-Section--------------*/
#welcome_Section h3 {background:url(../images/wel-logo.jpg) no-repeat left bottom; padding-bottom:60px; margin-bottom:20px;}
#welcome_Section img {margin-top:40px;}
.button {background: #fff; padding: 10px; border-radius: 50px; width: 35%; text-align: center; color: #fff !important; box-shadow: 0px -3px 0px #50b849; border:solid 1px #CCC;}
.button:hover {color:#000 !important;}
/*-----------product-Section--------------*/
#productSection {background:url(../images/productbg.jpg) no-repeat left top; background-size:100% 100%; text-align:center;}
#productSection h3, #clientSection h3 {font-size:32px; margin-bottom: 40px;}
#productSection .button1 {width:100%;}
#productSection img {width:100%;}
#productSection .button1 .col-sm-9 {background:#fff; padding: 10px 0 10px 0; text-align:center; color:#000; font-size:16px; font-weight:500}
.subtext {font-size:12px; margin:0}
#productSection .button1 {border-top:solid 5px #50b849;}
#productSection a:hover .button1 .col-sm-3 {background:#fff; color:#50b849;}
#productSection .button1 .col-sm-3 {background:#50b849; padding:20px; color: #fff;
font-size: 36px;}
#productSection .button1 .col-sm-9:hover {color:#fff;}
#productSection .owl-buttons {display:none;}
/*-----------client-Section--------------*/
#clientSection {text-align:center;}
#owl-example2 .owl-buttons {bottom:-80px !important; top:inherit}
#owl-example2 {margin: 35px 0 75px 0;}
.feature img {
	border: solid 1px;
}
/*-----------business-Section--------------*/
#businessSection {background:url(../images/businessbg.jpg) no-repeat left top; background-size:100% 100%; text-align:center}
#businessSection .col-sm-5 {margin-top: 22px;}
#businessSection h3 {color:#fff; font-size:32px; margin-bottom:30px;}
#businessSection .textBox , #businessSection .textBoxMulti{border-bottom:solid 1px #d5d5d5 !important; color:#fff;}
.enquiryBtn .subbtn {width:35%; background:#50b849; border-radius:50px !important; padding:10px ;}
.quality_blk {background:#fff; padding:50px; float:left; width: 95%;
margin-left: 20px;}
.quality_blk h6 {color:#d90f0f; font-weight:bold; text-transform:uppercase; font-size:16px; margin-top:20px;}
.quality_blk .col-sm-12 {border-bottom: solid 1px #d4d4d4;}
.quality_blk .col-sm-12:last-child {border-bottom:none;}
.quality_blk .col-sm-6 {border-right:solid 1px #d4d4d4; padding:20px}
.quality_blk .col-sm-6:last-child {border-right:none;}
.quality_blk span {font-size: 48px; color:#000;}
.quality_blk:hover span {color:#50b849}
#businessSection #security_code {background: none; color: #fff; border: solid 1px #fff; padding-left: 8px;}
/*-----------career-Section--------------*/
#careerSection {background:url(../images/careerbg.png) no-repeat left; padding:88px 0}
#careerSection img {width:100%; margin:30px 0}
#careerSection h3 {margin-top:0;}
#careerSection h4 {font-size:32px; color:#000; font-weight:300; margin-bottom:20px;}
#careerSection .col-sm-7 {padding:0 80px;}
.button1 .col-sm-2 {background:#50b849; padding:10px 0; text-align: center;
color: #fff; font-size: 25px;}
.button1 {width:50%;}
.button1 .col-sm-10 {background:#efefef; padding:10px 0px; text-align:center; color:#000; font-size:16px; font-weight:500}
.button1:hover .col-sm-10 {color:#fff;}
/*-----------contact-Section--------------*/
#contactSection h3 {font-size:32px; margin-bottom:30px;}
.mapSection iframe {
	width: 100%;
	height: 440px;
	border: none;
	padding: 5px;
	border: solid 1px #efefef;
	margin-top: -45px;
}
/*-----------footer-Section--------------*/
footer {
	position: relative;
	width: 100%; color:#fff;
	bottom: 0;
	background:url(../images/footerbg.jpg) no-repeat ;
	background-size: cover;
	padding: 25px 0;
}
footer h5 {font-weight:400; text-transform:uppercase; background:url(../images/footborder.png) no-repeat left bottom; padding-bottom:10px;}
footer p, footer a {color:#fff;}
footer a:hover {color:#50b849;}
footer ul {margin:0 auto; list-style:none; line-height:35px}
footer .col-sm-6 {padding:0;}
.border {background:#646464; height:1px; width:100%;}
.btm_footer {padding-top:20px;}
footer span {float:left; line-height: 2.2 !important; margin-right: 15px;}
/*-----------------------------------*/
/* Contact Styles
/*-----------------------------------*/
.tWidth{width:100%; float:left;}
.enquiryBtn {margin: 30px 0 30px 0 !important; font-family: 'Roboto', sans-serif; text-transform:capitalize; text-align:center;}
.textBox {width: 100% !important; height: 55px !important; background: none; border: solid 1px #d5d5d5 !important; color: #848484; font-size: 15px; padding: 5px; margin-bottom: 15px; border-bottom: solid 1px #50b849 !important;}
.textBoxMulti {width: 100% !important; height: 100px !important;background: none; border: solid 1px #d5d5d5 !important; color:#848484; font-size:15px; padding:5px; margin-bottom: 15px; border-bottom: solid 1px #50b849 !important;}
.tred{color:#C00;}
.subbtn { background:none; border:0; display:inline-block; color:#fff; text-decoration:none; border-radius:0px !important; transition: all 1s; font-size: 18px; font-weight: 400; width:100%; padding:10px; text-transform:uppercase;}
.subbtn:hover { color:#000 !important;}
form .button {padding:0; width:25%; margin-top: 30px;}



/*----innerSection-----*/
.carousel-caption.innerhead h3 {color: #fff !important; font-weight:bold !important}
.carousel-caption.innerhead {top: 45% !important;}
#aboutSection img {border: solid 1px #0a9c00; padding: 5px; box-shadow: 8px 8px 10px #e0e0e0; margin-top: 24px;}
#aboutSection h5 {color:#bb0000; font-size:16px;}
#aboutSection .list1  {margin:0; padding:0;}
#aboutSection .list1 li {padding:6px; list-style:none; font-weight:500; font-size:14px; background:url(../images/bullet.png) no-repeat left 17px; padding-left:20px; width:100%;}
#aboutSection .col-sm-4, .facility {background: #f6f6f6; padding: 30px;}
#aboutSection .col-sm-8 {padding-left: 25px;}
#aboutSection span {color:#229d19; font-weight:500}
.vision_blk img {margin:0 !important;}
.space_blk {padding:20px; clear:both}
#aboutSection .director_blk .col-sm-4 {background:none; padding:0;}
#aboutSection .director_blk img {margin:0; border: solid 1px #efefef; padding: 5px; box-shadow:none;}
#aboutSection .director_blk {box-shadow:5px 5px 10px #e7e7e7; padding:30px;}
.director_blk .col-sm-4 span, .director_blk .col-sm-6 span {color: #d00000 !important; float: left; line-height: 2; margin-right: 10px;}
.director_blk .col-sm-4 p, .director_blk .col-sm-6 p {font-size:12px;}
.director_blk .col-sm-4 a, .director_blk .col-sm-6 a {color:#000;}
.director_blk .col-sm-4 a:hover, .director_blk .col-sm-6 a:hover {color:#058401;}
.fact {float:right !important; width:40%; border:none !important}
#proSection .col-sm-4 {margin-bottom:30px;}
.details {background:#e56a00; padding:20px; border-bottom-left-radius:15px; border-top-right-radius:15px; color:#fff;}
.details h4 {font-size:18px; color:#fff; border-bottom:dashed 1px #CCC; padding-bottom:20px; margin-bottom:10px;}
.details p, .details a {color:#fff;}
.details p {border-bottom: dashed 1px rgba(255, 255, 255,0.2); padding-bottom: 10px;}
.details p:last-child {border-bottom:none;}
#aboutSection figure.effect-oscar {height: 196px; margin-bottom: 30px;}
#completed figure.effect-oscar {height: 240px;}
#owl-example3 figure.effect-oscar figcaption {padding: 82px !important;}
.equip strong {float:right;}
.equip .list1 li {border-bottom: dashed 1px #ccc;}
.equip .list1 li:last-child {border-bottom: none}
.equip1  { border: solid 1px #e7e7e7; padding: 10px; margin-bottom:20px;}
.contact p {margin:0;}
.contact iframe {margin-top:0 !important; height:300px}
.address {background: #50b849; padding: 50px 30px 50px 30px; color: #fff;}
.address span {float:left; margin-right:10px; line-height:3;}
.address a {color:#fff;}
.address p {color:#fff; border-bottom: dashed 1px #8ae084; padding: 10px 0;
margin: 0;}
.address p:last-child {border-bottom:none;}
@media (min-width: 1800px) {

}
@media (min-width: 1600px) {
.call { width: 14%}
}
@media (max-width: 1300px) {
	.navbar-inverse {right:0%; left:0}
	.call {width: 20%;float: right;}
}	
@media (max-width: 1200px) {
	.container {width:94%;}
	.navbar-inverse {left: 0; width: 100%; top:9%;}
	.call {width: 20%; float: right; }
	#myCarousel h4, #myCarousel h3 {font-size:30px}
	.icons {display:none;}
}
@media (max-width: 1100px) {
.call {width: 21%;}
#myCarousel .carousel-caption {top:17%;}
.navbar-inverse {top: 10%;}
.navbar-brand {left:0px;}
}	
@media  (max-width: 1024px) {	
.topCon {font-size:13px;}
.call {width: 23%;}
.carousel-indicators {bottom: 130px;}
#welcome_Section .col-sm-5, #businessSection .col-sm-5, #businessSection .col-sm-7 {width: 100%;}
#productSection .button1 .col-sm-9 {font-size:13px;}
.button1 .col-sm-2 {font-size:19px;}
.button1 .col-sm-10 {font-size:13px; padding: 7px 0px;}
}
@media  (max-width: 991px) {
#welcome_Section img {display: none;}
#welcome_Section h3 {font-size:20px;}
#welcome_Section a img {margin-top: 30px; display: block;}
.navbar-inverse .navbar-nav > li > a {font-size:11px;}
.navbar-inverse .navbar-nav > li > a {padding: 0 8px;}
}
@media  (max-width: 800px) {
.call {width: 29%;}
.navbar-brand {left: 0;}
#careerSection {padding: 30px 0;}
#careerSection .col-sm-7 {padding:0 40px; width:100%;}
#careerSection {background:#fff;}
#contactSection .col-sm-8, #contactSection .col-sm-4 {width:100%;}
.mapsection iframe {margin-top:0; height:200px}
footer .col-sm-4 {width:100%;}
#myCarousel .carousel-caption {display:none;}
.innerhead {display:block !important;}
.carousel-caption.innerhead { top: 25% !important;}
.carousel-caption.innerhead h3 {font-size:20px !important;}
}
@media  (max-width: 768px) {

}
@media  (max-width: 767px) {
#welcome_Section h3, #welcome_Section h4{font-size:25px;}
.quality_blk .col-sm-6 {border-right:none;}
.navbar-inverse {
	top: 10%;
}
.navbar-collapse { text-align:center;
   margin: 0 auto; color:#fff; background:#fff;
   width: 100%; z-index: -10;
}
.navbar-nav > li {width:100%;}
.navbar-nav {
    margin-left: 0; width:100%; 
}

.navbar-nav > li > a {font-size:16px !important; color:#fff;}
.navbar-inverse .navbar-nav > .active a::before, .navbar-inverse .navbar-nav > .active a:hover::before, .navbar-inverse .navbar-nav > li > a:hover::before, .navbar-inverse .navbar-nav > .active a::after, .navbar-inverse .navbar-nav > .active a:hover::after, .navbar-inverse .navbar-inverse .navbar-nav > li > a::after, .navbar-inverse .navbar-nav > li > a:hover::after {display:none !important}
.navbar-inverse .navbar-nav > li > a {border-right:none;}
#aboutSection figure.effect-oscar {
	height: 518px;
}
.button1 .col-sm-2 {width:25%; float:left;}
.button1 .col-sm-10 {width:60%;}
footer .btm_footer .col-sm-6 {text-align:center;}
#productSection .button1 .col-sm-3 {width:33.33%; float:left;}
#productSection .button1 .col-sm-9 {width:66.67%;}
.carousel-indicators {display:none;}
.links {width:20%;}
.call {width: 37%;}
.dropdown-menu > li > a {color:#000 !important;}
.icons {display:block;}
}
@media  (max-width: 600px) {
.section,.section1  {padding: 30px 0; }
.navbar-nav > li > a {font-size:12px;}
#productSection .button1 .col-sm-9 {font-size: 11px;}
.navbar-brand {width:40% !important;}
#businessSection {background:#000;}
.fact {display:none;}
}
@media  (max-width: 500px) {
.links, .call {display:none;}
.button {width:55%;}
#productSection .button1, #owl-example1 .owl-buttons, #owl-example2 .owl-buttons {display:none;}
.quality_blk {padding:30px;}
.button1 .col-sm-2 {display:none;}
.button1 .col-sm-10 {width:100%;}
form .button {font-size:12px; width:40%;} 
h3, h4 {font-size:20px !important;}
h5 {font-size:14px !important;}
.navbar-inverse {top: 0;}
.innerbanner {height:100px;}
.innerbanner img {height: 100px !important;}
#myCarousel .innerhead {width:40% !important;}
}
@media  (max-width: 400px){ 
.button1 .col-sm-10 {background:none;}
}
@media  (max-width: 320px) {
.quality_blk {margin-left:10px;}
}