@charset "utf-8";
html, body, div, span, iframe, h1, h2, h3, h4, p, a, acronym, address, code, dfn, font, img, ins, i, center, ul, li, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: middle; background: transparent; font-weight: 400; font-style: normal }
body, html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
 figcaption, footer, header, menu, nav, section { display: block }
body { line-height: 1 }
 ul { list-style: none }
:focus { outline: 0 }
::-moz-focus-inner {
border:0;
outline:0
}
ins { text-decoration: none }
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0 }
.cf { display: inline-block }
* html .cf { height: 1% }
.cf { display: block }
.al { float: left }
img { border: 0; vertical-align: top }
a { text-decoration: none; cursor: pointer!important; color: #000;
-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
a:hover { color: #114b94;}
p { padding-bottom: 25px; line-height: 24px;}
.imgWidthp {width:100%;}
.tac {text-align:center;}

/*********** Start All Form ************/

.inputText, .textarea, .button {font-family:Arial; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.inputText, .textarea {color:#333; font-size:16px; border: 1px solid #dbdbdb; padding: 10px; margin:0;  width: 100%; background: #eff0f0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.inputText:focus, .textarea:focus {border-color:#c4c4c4; outline: 0; background:#fff;}
.inputText {height:40px; line-height:40px;}
.textarea {line-height:18px; height:85px; vertical-align:top;}

.button {background:#00a751; padding:0; height:40px; line-height:40px; text-transform:uppercase; border:0; width:100%; min-width:100px; font-size:16px; color:#fff; text-align:center; cursor:pointer; display:inline-block; vertical-align:middle; overflow:visible; margin:0;}
.button:hover {background:#6f4a9e; color:#fff;}
/*********** End All Form ************/
.h1 {font-size: 36px; color: #01a750; line-height: normal;  border-left: 5px solid #01a750; padding: 5px 0 5px 18px; margin-bottom:20px;}
h2 {font-size: 36px; color:#6f4a9e; line-height:normal; padding-bottom:30px;}
h2 span {color:#00a751;}
h2 div { font-size:15px; padding:0;}
h2 img { font-size:15px; padding-top:30px;}
h3 {font-size: 22px; color:#e70083; padding-bottom:15px; line-height:normal;}
h4 {color:#e70083; font-size:20px; padding-bottom:20px;}

html, body { height: 100%; width: 100% }
body {font-family: 'Laila', Arial, Helvetica, sans-serif; font-size: 17px; color: #464646; background-color:#fff;}

.wrapper {width:1140px; margin:0 auto; padding:50px 0;}

/*********** Start Header */
.header { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100px;  background: #fff url(../images/vegetables-fruits-exotic.jpg) no-repeat center 0;
-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;
-webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
    -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
    -o-box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
    -ms-box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);}
.header .wrapper {padding:0;}
.logo { margin: 0; float: left; display: block; width:205px;
-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.logo img {width:100%; max-width:231px; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}

.letsDiscuss {float:right; display: table; height:100px; width:90px; padding:0 15px; text-align:center; font-size:16px; line-height:20px; background-color:#00a751; color:#fff;}
.letsDiscuss span {vertical-align:middle; display: table-cell;}
.letsDiscuss:hover {background-color:#6f4a9e; color:#fff;}

.topNav {float:right; padding:10px 7px 20px 0;
-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.topNav li {float:left; padding-left:20px; line-height:18px;}
.topNav li a {display:block; float:left; color:#5e5e5e; margin-left:3px;}
.topNav li a:hover { color:#114b94;}

.socialIcon svg {width:20px; fill:#5e5e5e;}
.socialIcon svg:hover { fill:#00a751;}

.mainNav {float: right; padding-top: 10px; position: relative; z-index: 1;
-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.mainNav li {float:left; position:relative; padding-bottom:0px;}
.mainNav li a {display: inline-block; color: #00a751; font-size:14px; padding:5px 15px 20px 15px;  text-transform:uppercase;}
.mainNav li a:hover, .mainNav .active a { text-decoration: none; color:#6f4a9e;}

.mobContactInfo {position:fixed; top:45%; right:0; width:36px; height:108px; background-color:#fff; z-index:9; display:none;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);
    -moz-box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
    -o-box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
    -ms-box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084);}
.mobContactInfo a {display:block; width:36px; height:36px; text-align:center; color:#00a751 ;}
.mobContactInfo a:hover {color:#6f4a9e;}
.mobContactInfo a i {display:inline-block; float:none; margin:0; height:30px; line-height:30px;}
.mobContactInfo a svg {padding-top: 3px; }
.mobContactInfo a:hover svg {fill:#6f4a9e !important;}
.mobContactInfo a:hover svg .hoverWp {fill:#6f4a9e !important;}

.smolNav {display: none;}
/*********** End Header */


/********** Start Banner *********/
.bannerBg {background:url(../images/banner-bg.jpg) no-repeat center center;}
.banner {max-width:1366px; margin:100px auto 0; position:relative;  z-index:1; overflow:hidden; }
.banner img {width:100%;}

.bannerDeta {width:1140px; position:absolute; top:0; left:50%; margin-left:-570px;}
.bannerCon {padding-top:80px; width:630px;}
.bannerCon h1 {font-size: 36px; color: #163d8e; line-height:normal;  padding:15px 0 35px 0;}
.bannerCon p {color: #464646; font-size: 17px; padding:0 0 70px 0; line-height:26px; }

.banner #nav{width:80px; height:13px; text-indent:-9999px; position:absolute; bottom:0px; margin-left:-15px; left:50%; z-index:9;}
.banner #nav span{width:11px; height:11px; margin:0 5px; float:left; display:block; cursor: pointer;
background: #325579;  border: 1px solid #325579; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

.innerBanner {background:url(../images/inner-banner-bg.jpg) no-repeat center center;}
.innerBanner h1 { padding:0 0 15px 0 !important; border:0 !important; display:block !important; color:#00a751;}
.innerBanner p {padding:0;}

.innerBanner .bannerCon {position:absolute; top:45px; left:50%; margin-left:-567px; width:1170px !important; border-left:5px solid #00a751; padding:5px 0 5px 18px !important;}
.innerBanner ul {padding-top:10px;}
.innerBanner li {display:inline-block; padding:0 10px; font-size:18px;}
/********** End Banner *********/


.moreBtn {background:#163d8e; color:#fff; font-size:14px; padding:0 30px; height:36px; line-height:36px; display:inline-block; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px;}
.moreBtn:hover {background:#00a751; color:#fff;}


.HomePage {text-align:center; border-top:1px solid #00a751;}

.greyBg {background-color:#eaeef1;}

/*********** Start sarvices */
.sarvicesPage {padding-top:60px;}
.sarvicesPage h2 {padding-top: 35px;}
.sarvicesPage > img {max-width: 100%;}
.sarvices {padding-top:70px;}
.sarvices li {float:left; width:360px; text-align:center; background-color:#fff; margin-left:30px; margin-bottom:30px;}
.sarvices li a {display:block;}
.sarvices li .icon {display:inline-block; position: relative; overflow: hidden; width:280px; height:182px; line-height:182px; margin:30px auto; color:#ffcc00; text-align:center;}
.sarvices li .icon img {vertical-align:top;}
.sarvices li .icon:hover {color:#fff;}
.sarvices li .icon:hover i {font-size:70px;}

.marginZero {margin-left:0px !important;}

.sarvInfo {padding:50px 20px 20px; background:#00a751 url(../images/sarvInfo-bg.png) no-repeat center -2px;}
.sarvices li:hover .sarvInfo {background-color: #6f4a9e;}
.sarvices li h3 {font-size:25px; color:#fff; line-height:normal;  font-weight:normal; }
.sarvices li a:hover h3 {border-color:#9acaf8; color:#fff;}
.sarvices li p {font-size:14px; line-height:24px; color:#fff; padding-bottom:0;}
/*********** End sarvices */

.approachStep {position:relative; margin:20px 0;}
.approachStep img {width:100%; max-width:1141px;}
.approachStep ul {position:absolute; top:0; left:0; z-index:1; padding-top:21px; width:100%;}
.approachStep li {float:left; width:14.28571%; }
.approachStep li a {background-color:#ffcc00; display:table;  text-align:center; position:relative; top:0;
-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.approachStep li .fa {font-size:53px; float:inherit; vertical-align:middle; display: table-cell; color:#000;}
.approachStep li a span {color:#000; font-size:14px; vertical-align:middle; display:none;}

.approachStep li a:hover .fa {display:none;}
.approachStep li a:hover span {display:table-cell;}


/*********** Start Customer Testimonials */
.testimonials {position:relative; padding-bottom:40px; margin-bottom:50px; z-index: 0;}
.customerList {width:100%;}
.customerList li {width:100%; float:left;}
.testimonials h2 {background:url(../images/coma.png) no-repeat center bottom; padding-bottom:45px; margin-bottom:30px;}
.testimonials p {color:#666; font-size:18px; line-height:28px; max-width:1005px; margin:0 auto; padding-bottom:22px;}

.customerPhoto {width:250px; margin:0 auto; font-size:17px; color:#666;}
.customerList li span {font-size:24px; color:#333; display:block; padding-bottom:3px; padding-top:20px;}

.testimonials #nav{width:90px; height:13px; text-indent:-9999px; position:absolute; bottom:0px; left:50%; margin-left:-30px; z-index:99;}
.testimonials #nav span{width:11px; height:11px; margin:0px 5px; float:left; display:block; cursor: pointer;
background: #bebebe;  border: 1px solid #bebebe; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.testimonials #nav .cycle-pager-active {background: #00a751;}
/*********** End Customer Testimonials */

/*********** Start callMe */
.callMe {}
.callMe p {color:#292c32; line-height:normal; font-size:24px; }
.callMe p a {display:inline-block; padding-top:10px;  color:#404a53;}
.callMe p a:hover {color:#5052a4;}
.callMe p a i {font-size:30px; padding-right:5px;}

.buttonCss {background-color:#00a751; font-size: 16px; min-width:170px; text-transform: uppercase; color: #fff; padding:15px 20px 13px; display:inline-block; text-align:center;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.buttonCss:hover {background-color:#6f4a9e; color:#fff;}
/*********** End callMe */


/*********** Start Footer */
.footer {background-color:#eaeef1; text-align:center;}
.footer .wrapper {padding:80px 0px 40px 0;}

.contactInfo {width:100%;}
.contactInfo li {float:left; border:1px solid #e1e1e1; background-color:#fff; margin-left:30px; width:328px; position:relative; padding:45px 15px 30px;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.contactInfo li:first-child {margin-left:0;}
.contactInfo h4 { font-weight:normal; font-size:22px; color:#333; padding-bottom:15px;}
.contactInfo p {padding:0; font-size:18px; color:#666;}
.contactInfo a {color:#666;}
.contactInfo a:hover {color:#333; text-decoration:underline;}
.contactInfo span {position:absolute; top:-45px; left:50%; margin-left:-35px; display:table;  background-color:#6f4a9e; width:70px; height:70px; text-align:center; color:#fff;
-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.contactInfo span i {font-size:35px; float:inherit; vertical-align:middle; display: table-cell;}


.footer .socialIcon {padding-bottom:15px; display:none; background-color:#fff;}
.footer .homeFoot {background-color:#eaeef1;}
.footer .socialIcon svg {width: 33px; fill: #5e5e5e;}
.footer .socialIcon a:hover svg {fill:#00a751;}
.copy {background-color:#23292c; color:#fff; padding:30px 0;}
/*********** End Footer */


/******* INNER PAGE *********
*****************************/

/******************* Start about us *****************/
.aboutUsPic {padding-right:35px; padding-bottom:15px;}
.topPa {padding-top:15px;}
/******************* End about us *****************/



/******************* Start contactPage *****************/
.contactPage {padding-top:120px;}

.sideBarLeft {float:left; width:295px; text-align:center;}
.sideBarLeft img {width:100%; max-width:262px;}
.contactDetail {background-color:#6f4a9e; text-align:left; color:#e7eaef; font-size:14px; padding:20px 15px 30px 15px;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.contactDetail h3 {font-size:19px; color:#fff; border-bottom:1px solid #9e73d5; padding-bottom:15px; margin-bottom:20px;}
.contactDetail h3 span {font-size:11px; color:#fff; font-style:italic; display: block;  }
.contactDetail li {width:100%; float:left; padding-bottom:20px; line-height:20px;}
.contactDetail li span { position: relative; overflow: hidden; float: left;}
.contactDetail a {color:#e7eaef;}
.contactDetail a:hover {color:#ffcc00;}
.contactDetail li .fa {margin-right:13px;}
.contactDetail .fa {font-size:19px;}

.contactDetail .socialIcon a {margin-right:3px;}
.contactDetail .socialIcon svg {fill:#e7eaef;}
.contactDetail .socialIcon a:hover svg {fill:#00a7e5;}

.contactRight {float:right; width:830px; padding:0 0 30px 0;}

.feedback {background-color:#fff; border:1px solid #dbdbdb; position:relative;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.feedInfo {padding:20px 20px 40px;}
.feedInfo p {padding-bottom:15px;}
.feedInfo label {width:49%; float:left; margin-left:2%; display:block; padding-bottom:10px;}
.feedInfo li label:first-child {margin-left:0px;}
.feedInfo li {width:100%; float:left;}

.securityCode {float:left;}
.securityCode .code {float:left; border:1px solid #dcdcdc; width:29%;}
.securityCode .code img {width:100%;}
.securityCode label {width:68%; float:left; padding-bottom:0;}

.map {background-color:#fff; border:1px solid #dbdbdb; padding:20px; height:331px; margin-bottom:30px;}
.map iframe {width:100%; height:100%;}

.caracal {position: absolute; bottom: -18px; left: 50%; margin-left: -18px;}
/******************* End contactPage *****************/



/******************* Start Products *****************/
.productList {margin-bottom:80px; position:relative;}
.idName {position:absolute; top:-65px; left:0; width:1px; height:1px;}
.productList h3 {padding-bottom:30px;}
.productList h4 {/*margin-top:50px;*/ position:relative;}
.productList h4 .idName {top:-100px;}
.products {}
.products li {float:left; width:315px; background-color:#fff; margin-left:97px; margin-bottom:30px; text-align:center;}
.products li h4 {padding:30px 0;}
.products .moreBtn {position:relative; bottom:-16px; text-transform:uppercase;}


/******************* Start Products *****************/



/******************* Start Product Detail *****************/
/******************* End Product Detail *****************/





.getQuote {background-color:#1d3b8e; color:#fff; padding:25px 35px; margin-bottom: 35px;}
.getQuote div {font-size:26px;  line-height:36px; float:left;}
.getQuote div p {font-size:18px; display:block;  padding:0;}
.getQuote div a {color:#9acaf8;}
.getQuote div a:hover {color:#ffe05f;}

.getQuote .buttonCss {background-color:#ffe05f; color:#292c32; float:right; margin-top:10px;}
.getQuote .buttonCss:hover {background-color:#00a751; color:#fff;}


.msgBox {padding:30px; text-align:center; margin:150px auto 30px; max-width:500px; background:#e1fec6; color:#6a8660;}
.msgBox h1 {font-size:35px; padding-bottom:15px;}
.msgBox p {padding:0;}


.twoPic img {width: 49%; padding: 0.5%; float: left;}