@import('https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');
@font-face {
	font-family: 'helvetica_lightregular'; 
	src: url('../fonts/helvetica-light-webfont.woff2') format('woff2'),
         url('../fonts/helvetica-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticabold';
    src: url('../fonts/helvetica_bold-webfont.woff2') format('woff2'),
         url('../fonts/helvetica_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvlightregular';
    src: url('../fonts/helvlight_regular-webfont.woff2') format('woff2'),
         url('../fonts/helvlight_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Conv_Helvetica-Normal';
	src: url('../fonts/Helvetica-Normal.eot');
	src: url('../fonts/Helvetica-Normal.woff') format('woff'),
		 url('../fonts/Helvetica-Normal.ttf') format('truetype'),
		 url('../fonts/Helvetica-Normal.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; box-sizing:border-box;}
html, body {width:100%; height:100%;}
body {font-family: 'Open Sans', sans-serif; font-size:15px; line-height:normal; color:#616161; background:url(../images/background.jpg) no-repeat center top fixed; background-size:cover;}
a {outline:none; text-decoration:none; color:#333;}
a:hover {color:#333;}
input, textarea, select {font-size:15px; color:#616161; vertical-align:middle; font-family: 'Open Sans', sans-serif; outline:none; resize:none;}
input[type="button"] {-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
.transition {-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
.clr {clear:both !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.vAlign {vertical-align:middle !important;}
img {border:none; vertical-align:top; max-width:100%;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; }
ul {list-style:none;}
.clearfix:before, .clearfix:after {content:''; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both;}
.mainCon {width:100%; position:relative;}
.container {max-width:1190px; margin:auto; padding:0 10px;}

.midLogo{ text-align:center; padding:60px 0 10px; background:url(../images/heading-logo.png) no-repeat top center;}
.HdTwo{ font-size:35px; color:#4d4d4d; line-height:28px; font-family: 'helveticabold'; text-transform:uppercase; margin-bottom:20px;}
.HdTwo span{ display:block; font-size:16px; font-style:italic; font-family: 'Open Sans', sans-serif; text-transform:capitalize; padding-top:6px; color:#000;} 

.HdThree{ font-size:35px; color:#4d4d4d; line-height:28px; font-family: 'helveticabold'; text-transform:uppercase; margin-bottom:20px;}
.HdThree span{ display:block; font-size:16px; font-style:italic; font-family: 'Open Sans', sans-serif; text-transform:capitalize; padding-top:6px; color:#000;} 
.fontOpen{font-family: 'Open Sans', sans-serif; }

.Hdfour {font-size: 28px;color: #4d4d4d;font-family: 'helveticabold'; line-height: 26px; text-transform:uppercase; padding-bottom: 20px;}
.Hdfour span {color: #959595;font-family: 'Open Sans', sans-serif;display: block;font-size: 20px;  text-transform:capitalize;}

.black{color:#000;}

.yellow{color:#f5b70e;}
.bdb{ border-bottom:2px solid; padding-bottom:8px; margin-bottom:12px; display:inline-block;}
.hdBold{ font-weight:700;}

.MTB10{ margin:10px auto;}
.MTB20{ margin:20px auto;}
.MTB30{ margin:30px auto;}

.Mb30{ margin-bottom:30px !important;}
.Mb20{ margin-bottom:20px !important;}
.Mb10{ margin-bottom:10px !important;}

.PTB10{ padding:10px 0;}
.PTB20{ padding:20px 0;}
.PTB30{ padding:30px 0;}

.blue{ color:#029bdb;}
.bold{ font-weight:700;}
.strong{ font-weight:700; font-family: 'Open Sans', sans-serif;}
.center{ text-align:center;}
.left{ text-align:left !important;}
.block{ display:block;}
.BgLightBrown{background: #f9f9f9;}

.list{ display:block; list-style:disc outside; padding-left:20px; font-size:14px; color:#000; margin:10px auto;}
.list li{ margin-bottom:10px; font-size:15px;}
.list li:last-child{ margin-bottom:0;}
.listTwo li{ width:48%; float:left;}
.listTwo li:nth-child(2n){ float:right;}
p{ margin-bottom:26px; line-height:24px;}

/* ================ Header Css ================ */

#header{ background:#fff; position:fixed; top:0px; left:0; width:100%; z-index:999999; box-shadow:0 0 10px #dadada; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s; }
#header.top {  top: 0; background:#fff; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
#header.top .logo{ padding:8px 0;  -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
#header.top nav ul li a{ padding:16px 14px;  -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
.logo{ float:left; padding:14px 0; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}

#header nav {float:right; display:block; text-align:center;}
#header nav .mobile-menu{ display:none;}
#header nav ul{ display:inline-block;vertical-align: bottom; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s; }
#header nav ul li{ float:left; margin-right:30px;}
#header nav ul li:last-child{ margin-right:0;}

#header nav ul li a{color:#727272; font-size:14px; text-transform:uppercase;padding:22px 14px;display: block;position: relative;text-align: center; border-bottom: 3px solid transparent; position:relative; border-top:1px solid transparent;  -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}

#header nav ul li.active a, #header nav ul li a:hover{color:#000;border-bottom:3px solid #ff6600; border-top:1px solid #ff6600; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}

#header nav ul li a:after{content:'';position: absolute;bottom: 0;left: 50%; display: inline-block; margin-left: -5px;border-bottom:5px solid #ff6600 ; border-left:5px solid transparent; border-right:5px solid transparent; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s; opacity:0;}

#header nav ul li.active a:after, #header nav ul li a:hover:after{-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s; opacity:1;}

/* ================ Banner Css ================ */

.banner{ display:block; width:100%; text-align:center; position:relative;}
.banner .item:after{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:url(../images/banner-patern.png) no-repeat top left / cover; z-index:1;}
.banner .banner-text{ position:absolute;  top:0; bottom:0;  width:100%; height:100%; margin:auto; text-align:center;   z-index:999; padding:230px 0 160px; color:#fff;}
.banner .innerBanner .banner-text{ position:relative;}

.bannerHdThree{ font-size:45px; line-height:45px; text-transform:uppercase; font-family: 'helvetica_lightregular'; padding:12px 0; } 
.bannerHdOne{ font-size:60px; line-height:50px; text-transform:uppercase; font-family: 'helveticabold';padding:12px 0; }
.punchLine{display:inline-block; background:rgba(195, 80, 4, 0.59); color:#fff; font-family: 'helvetica_lightregular';  text-transform:capitalize; font-size:18px; padding:6px 20px; margin:30px 0; }

/* -----------------------------  Controle ---------------------- */
.banner .owl-controls{ position:absolute; bottom:50px; left:0; right:0; margin:0 auto;}
.banner .owl-dots{ display:inline-block;}
.banner .owl-dots .owl-dot{ display:inline-block; padding:0 6px;}
.banner .owl-dots .owl-dot span{height:12px; width:12px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#fff; display:inline-block; }
.banner .owl-dots .owl-dot.active span{ background:#c35004;}
.link { display: inline-block;  color:#fff;  font-size: 15px;line-height: 17px; padding:12px 50px; border:1px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:30px auto; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
 .link:hover{ background:#ff6600; color:#fff;-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
.bnHeading span {display: block;}


.contentBox{ display:block; padding:60px 0; border-bottom:1px solid #e5e5e5; font-size:14px; }
.contentBox p:last-child{ margin-bottom:0;}
.leftBOx{ width:65%; float:left;}
.rightBox{ width:30%; float:right;}
.waterMark{}
.waterMark .container{ position:relative; z-index:0;}
.waterMark .container::before {	content: '';position: absolute;top: 0;right: 0;bottom: 0;background: url(../images/water-mark.png) no-repeat top 35% right 38%;width: 100%;height: 100%;z-index: 1;}
.aboutImg {box-shadow: 1px 1px 10px #dadada;padding: 10px;}
.universalSol{ position:relative; display:block; overflow:hidden; color:#fff; text-align:center;}
.universalSol .container{ position:relative; z-index:2;}
.universalSol:before{ content:''; position:absolute; z-index:1; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.95); }
.universalSol:after{ position:absolute; content:''; top:0; left:0; right:0; bottom:0; background:url(../images/img2.jpg) no-repeat center center / cover; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; transform: scale(1); z-index:0;}
.universalSol:hover:after{-webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; transform: scale(1.1);}

.universalSol .HdThree, .universalSol .HdThree span{ color:#fff;}
.solutionList{ display:block; width:100%; padding:25px 0 0;}
.solutionList ul li{ width:270px; height:194px; border:1px solid #868686; background:rgba(81, 81, 81, 0.5); margin:0 30px 30px 0; text-align:center; float:left; position:relative;-webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }
.solutionList ul li:hover{ background:#ff6600; border-color:#fdb585; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }
.solutionList ul li:nth-child(4n){ margin-right:0;}
.solutionList ul li .solutionItem{ display:table; width:100%; height:100%; padding:15px;}
.solutionList ul li .solutionItem .solutionCon{ display:table-cell; vertical-align:middle; position:relative;  -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; z-index:4;}
.solutionCon:after, .solutionCon:before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:3; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;  transform:scale(1.14, 1.2); opacity:0; }
.solutionCon:before{ border-top:1px solid #fff; border-left:1px solid #fff; }
.solutionCon:after{ border-bottom:1px solid #fff; border-right:1px solid #fff; }
.solutionCon:hover:after, .solutionCon:hover:before{-webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;  transform:scale(1);  opacity:1;}
.solutionList ul li .solutionItem figure{}
.solutionList ul li .solutionItem figure img{ vertical-align:top;}
.solutionList ul li .solutionItem h4{ font-size:16px; line-height:22px; font-family: 'Open Sans', sans-serif; padding:16px 0px 0; }

/* ================ Career ListBox Css ================ */
.careerListBox{ display:block; text-align:left; padding:30px 0;}
.careerListBox .HdThree{ margin-bottom:0; padding-bottom:50px;}
.careerListBox .leftBox, .careerListBox .rightBox{ width:45%; float:left;}
.careerListBox .rightBox{ float:right;}
.careerListBox .careerList{ display:block; width:100%; padding-left:32px; padding-bottom: 20px; margin-bottom: 10px; border-left:1px solid #ccc; position:relative;}
.careerListBox .careerList:before{ content:''; position:absolute; top:0; left:-18px; height:33px; width:33px; border:1px solid #ccc; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#fff url(../images/bag.png) no-repeat center center;}
.careerListBox .careerList h4{ font-size:16px; color:#222222; text-transform:capitalize; line-height:22px; margin-bottom:16px; font-weight:600;}
.careerListBox .careerList h4 span{color:#707070; font-size:15px; font-style:italic; font-weight:400;}
.careerListBox .careerList ul li{ font-size:13px; line-height:28px; color:#4d4d4d; position:relative; padding-bottom:10px;}
.careerListBox .careerList ul li:before{ content:''; position:absolute; top:14px; left:-32px; width:14px; height:1px; background:#ccc;}
/* ================ Footer Css ================ */
footer {background: #fff;  text-align: center;  color: #000;  padding: 15px 0;  font-style: italic; font-family: 'Open Sans', sans-serif; }
.copyRight{ font-size:16px;}

/* ================ Contact Css ================ */

.map { width: 100%;position: relative; padding-top:60px; }
.map iframe { width: 100%;  border: none; height:420px; pointer-events: none; }
.contact .banner .banner-text{ padding:120px 0 80px;}
.contactUs { display:block;}
.contactUs .contactBox .formBox { position: relative;}
.contactForm { float: left; width:50%;top: 0;position: relative;padding: 0;}
.contactInfo { float: right;  width:30%;position: relative;background: #c35004;color: #fff;padding:30px 20px;}
.contactInfo .Hdfour{color:#fff;}
.contactInfo .Hdfour span{color:#fff; font-size: 13px; font-style:italic;}
.form {width: 100%;}
.fieldSet {	margin-bottom: 15px;}
.label {color: #000;font-size: 15px;text-transform: capitalize;	margin-bottom: 10px;}
.input {border: 1px solid #bab9b9;	height: 40px;	line-height: 40px;	width: 100%;	padding:0 10px;}
.half{ width:48%; float:left;}
.half:nth-child(2n){ float:right;}
.input.message {width: 100%;height: 120px;	line-height:22px;	padding:10px;}
.submit {font-size: 16px; width: 160px;height: 40px;line-height: 38px;text-transform: uppercase;color: #fff;font-weight: 400;background: #c35004;border: none;outline: none;cursor: pointer;	}
.submit:hover{ background:#ff6600}
.facilities {color: #fff;font-size: 16px;}
.facilities ul li {	padding-left: 35px;	margin-bottom: 15px; line-height:28px; }
.facilities ul li:last-child{ margin-bottom:0}
.facilities ul li a{color:#fff;}
.facilities ul li span{ display:block;}
.location{ background:url(../images/loaction.png) no-repeat left top;}
.coll{ background:url(../images/coll.png) no-repeat left top;}
.mail{ background:url(../images/mail.png) no-repeat left top;}

.contactUs footer{ background:#f6f4f4; padding:8px 0;}
.fooBotom{ display:block;}
.fooBotom .footerMenu{ float:left;}
.fooBotom .footerMenu li{ float:left; margin-right:40px;}
.fooBotom .footerMenu li:last-child{ margin-right:0;}
.fooBotom .footerMenu li a{ font-style:normal; font-size:14px; color:#727272; text-transform:uppercase; }
.fooBotom .footerMenu li a:hover{color:#c35004;}
.fooBotom .copyRight{ float:right; font-size:14px; color:#727272; font-style:normal;}