/*

 * 01 Genral style 
 **  1.1 SVG default css	
 **  1.2 Button style
 **  1.3 Form style
 **  1.4 mCustom Scrollbar style
 **  1.5 Slick slider navigators style

 * 02 Header style 
 * 03 Homepage content part
 * 04 Footer Style
 * 05 Model Popups
 * 06 CMS Content Style
 * 07 Inner Pages

font-family: 'Poppins', sans-serif;

*/


/* 01 Genral style */
*{padding:0; margin:0; border:none; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong, b{font-weight:bold}
em, i{font-style:italic;}
u{text-decoration:underline}
a{text-decoration: none;}
*:focus{outline: none;}
a:hover, a:focus {text-decoration: none; outline: none !important;}
button[type="button"]:focus{outline: none;}
p{line-height:1.6;font-size: 1rem;color:#666666;font-weight:400;margin-bottom:1rem;}
p:last-child{margin-bottom:0;}
a{color: #000;  transition: all 0.4s ease-in-out;}
a:hover{color: #282562;}
ul>li, ol>li{margin: 0;}

button:not(.primary){box-shadow: none; border: none;}


.dropdown-item{font-size: 0.875rem; padding: .25rem 1rem} 
.dropdown-item.active, .dropdown-item:active{background: #47b749;}

/* 1.1 SVG default css*/
svg:not(:root).svgIcon { overflow: visible }
.svgIcon{display: inline-block; font-size: inherit; width:1em; height: 1em; overflow: visible; vertical-align: middle; }
.svg-icons{ display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em }
/*SVG default css*/
.mCS_no_scrollbar_y{margin-right: 0 !important;}
.container{width: 100%; max-width: 1366px;}
img{display: block; max-width:100%; max-height:100%; width:auto; height:auto}
.imgMain{position: relative;}
.absoImg{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.wrapper{display:block; width:100%; overflow:hidden; min-height: 100vh; position: relative;}
html{font-size:16px;}
body{display:block; width:100%; padding:0; margin:0; font-family: 'Poppins', sans-serif; font-weight:400; line-height:1.4; color:#000000; background-color:#fff;}
/*body.homePage{background-color:#f0f0f0;}*/
.d-none{display:none;}
.d-display{  display:block;}
.bodyFixed{overflow: hidden;}
.trans{-moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}

.btn{display: inline-block; background: #47b749; color: #fff; width: auto; padding: 8px 25px; font-size: 16px; line-height: 1.4; font-weight: 500; letter-spacing: 0; text-align: center; border-radius: 30px; transition: all 0.4s ease-in-out;} 
.btn:hover{background:#02007e; color: #fff;}
.btn.btn-border{border: 2px solid #333;}
/*.btn.btn-white{color: #fff;}*/
.btn.btn-white.btn.btn-border{border-color: #fff; color: #fff; background-color: transparent; } 
.btn.btn-white.btn.btn-border:hover{background: #fff; color: #083863}

.pull-left{float: left;} 
.pull-right{float: right;} 

video, embed {height: auto; max-width: 100%;}

/* Header Style */
.headerMain{display: block; width: 100%; min-height: 85px; background: #fff; position: relative; z-index: 1;} 
.menuIcon{display: none; float: right; margin-top: 20px; width: 2.8125rem; height: 2.8125rem; position: relative; padding: 13px 9px; background: #47b749;}
.menuIcon span { display: block;width: 22px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 2px; background: #fff; margin: auto;}
.menuIcon span:before {content: ""; width: 22px; position: absolute; top: -8px; left: 0; right: 0; height: 2px; background: #fff;}
.menuIcon span:after{content: ""; width: 22px; position: absolute; bottom: -8px; left: 0; right: 0; height: 2px; background: #fff;}

.headermenu .navigation ul li.mobilemenu {display: none;}

.sitelogo {float: left; margin-top: 9px;}
.headermenu {float: right; margin-top: 18px;}
.headermenu .navigation {display: inline-block; vertical-align: middle;}
.headermenu .navigation ul li {display: inline-block; vertical-align: top; font-size:16px; color: #000; font-weight: 500; padding: 0 20px; position: relative;}
.headermenu .navigation ul li a {display: block; padding: 13px 0 15px; position: relative; color: #000;}
.headermenu .navigation ul li a:before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 0; height: 3px; background: #47b749; margin: auto; transition: all .4s ease-in-out; opacity: 0;}
.headermenu .navigation ul li .arrow{display: inline-block; position: absolute; right: 2px; top: 0; bottom: 0; z-index: 12;  width: 15px; height: 15px; margin: auto;  pointer-events: none}

.headermenu .navigation ul li .arrow:before {
    content: "";
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    display: inline-block;
    transform: rotate(45deg);
    vertical-align: middle;
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    bottom: 0;
    margin: auto;
}

.headermenu .navigation > ul > li.current-menu-item>a:before, .headermenu .navigation > ul > li:hover>a:before {width: 100%; opacity: 1;}
.head-btn{display: inline-block; vertical-align: middle; text-transform: uppercase;}

.headermenu .navigation li .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 260px;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    z-index: 99;
    border-top: 5px solid #47b749;
    text-align: left;
    margin-top: -3px;
}
.headermenu .navigation li .sub-menu li {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #e2e2e2
}
.headermenu .navigation li .sub-menu li a {
    display: block;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    text-transform: none
}
.headermenu .navigation li .sub-menu li a:hover{
	color: #47b749
}
.headermenu .navigation .sub-menu li.menu-item-has-children > a:after {
    right: 10px;
    transform: rotate(-45deg);
    left: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}
.headermenu .navigation li .sub-menu li .sub-menu {
    left: 100%;
    top: 0
}
.headermenu .navigation li .sub-menu li .sub-menu:before {
    display: none
}
.headermenu .navigation li .sub-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 5px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: -5px;
    left: 40px
}
.headermenu .navigation li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}




.moreNav{display: inline-block; width: auto; padding:0; margin-left:10px; margin-top: 12px; float: right;}
.moreNav .dropdown-toggle{display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 500; padding: 10px 20px 10px 15px; color: #000;  cursor: pointer;}
.moreNav .dropdown-toggle:after{content: ""; width: 8px; height: 8px; border: none; border-bottom: 2px solid #000; border-right: 2px solid #000;  transform: rotate(45deg); position: absolute;right: 3px; top: 0; bottom: 3px; margin: auto; transition:all .4s ease-in-out;}
.moreNav.dropdown.show .dropdown-toggle:after {-webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.moreNav .dropdown-toggle i {display: inline-block; vertical-align: middle; margin-right:0px;}
.moreNav .dropdown-menu .dropdown-item i {display: inline-block; vertical-align: middle; padding-right: 5px;}
.moreNav .dropdown-menu {min-width: 4rem;}
.moreNav .dropdown-toggle i {max-width: 90%;}

.sidebar-overlay{visibility: hidden; position: fixed; top: 0; left: 0; right: 0;bottom: 0; opacity: 0;    background: #000; z-index: 998; transition: visibility 0 linear .4s,opacity .4s cubic-bezier(.4,0,.2,1);}
.bodyFixed .sidebar-overlay{opacity: .5; visibility: visible;}  


/* Footer Style */
.homePage .footer {margin-top: 78px;}
.footer{background: #02007e; color: #fff; padding: 70px 0;}
.foot_link h4{font-size: 18px; color: #fff; font-weight: 600; margin-bottom: 15px;}
.foot_link p {font-size: 14px; color: #fff; line-height: 24px; font-weight: 400;}
.foot_link ul li {margin-bottom: 10px;}
.foot_link ul li a{font-size: 14px; color: #fff; font-weight: 400;}
.foot_link ul li a:hover{color: #3baf29;}
.foot_link .phonetag, .foot_link .emailtag {font-weight: 600; font-size: 16px; color: #fff; line-height: 24px;}
.foot_link .phonetag a, .foot_link .emailtag a {font-weight: 400; color: #fff;}
.foot_link .phonetag a:hover {color: #3baf29;}
.foot_link .emailtag a {color: #3baf29;}
.bot_sl {background: #03018e; color: #fff; padding: 25px 0; font-size: 13px;}
.bot_sl .copyright_sl a {font-weight: 600; color: #fff;}
.bot_sl .privacy_link {text-align: right;}
.bot_sl .privacy_link a {color: #fff; padding: 0 10px;}
.bot_sl .privacy_link a:first-child{padding-left: 0;}
.bot_sl .copyright_sl a:hover, .bot_sl .privacy_link a:hover {color: #3baf29;}

.socialmedia {margin-top: 44px;}
.socialmedia li{display: inline-block; margin-left:8px;}
.socialmedia li:first-child{margin-left: 0;}
.socialmedia li a {background: #fff; width: 38px; height: 38px; display: block; position: relative; border-radius: 50%; transition: all 0.4s ease-in-out;}
.socialmedia li a i{color: #02007e; font-size: 26px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.socialmedia li a:hover{background: #3baf29;}
.socialmedia li a:hover i {color: #fff;}

.bannersection {position: relative; text-align: center; /*height: 736px;*/ overflow: hidden;}
.bannersection img {display: inline-block;} 

#autoplayVideo {margin-top: -1px;}

.searchsection{margin-top: -130px; position: relative;}
.searchsection:before{background:url(../images/curv-bg.png) no-repeat bottom center; position:absolute; content: ''; width: 100%; height:107px; top:24px;}
.SearchInner {background: #fff;  margin-left: 90px; margin-right: 90px; position: relative; border-radius:200px; -webkit-box-shadow: 0 8px 6px -4px #ccc; -moz-box-shadow: 0 8px 6px -4px #ccc; box-shadow: 0 8px 6px -6px #ccc;}
.SearchInner .main-bl{display: inline-block;padding: 16px 0;width: calc(100% - 180px);vertical-align: top;}
.SearchInner .main-bl li{border-left:1px solid #e4e4e4;display: inline-block;padding: 15px 16px;width: 33.33%;margin: 0 -2px;vertical-align: top;}
.SearchInner .main-bl li:first-child{border-left: 0;}

.pickupbox{display: inline-block;width: 100%;}
.pickupbox .dropdown-toggle{display: inline-block;vertical-align: middle;font-size: 16px;font-weight: 600;padding: 0 20px 0 15px;color: #000;cursor: pointer;width: 100%;}
.pickupbox .dropdown-toggle:after{content: ""; width: 8px; height: 8px; border: none; border-bottom: 1px solid #03007d; border-right: 1px solid #03007d;  transform: rotate(45deg); position: absolute;right: 0px; top: 16px; bottom: 3px; margin: auto;}
.pickupbox label{display: block; font-size: 14px; color: #666666; font-weight: 400;}
.pickupbox .dropdown-menu {min-width: 220px;}
.serchlink {float: right; position: absolute; top:0; right:0;}
.serchlink a{background: #47b749;font-size: 18px;font-weight: 500;text-transform: uppercase;display: block;color: #fff;padding: 39px 40px;border-top-right-radius: 200px;border-bottom-right-radius: 200px;}
.serchlink a i {display: inline-block; vertical-align: middle; padding-right: 10px;}
.serchlink a:hover{background: #02007e;}
.pickup-icon {position: absolute; top: -8px; right: 21px; z-index: 1;}
.pickup-icon i{color: #03007d; font-size: 28px;}
.pickupbox .dropdown-item {padding: 10px 20px; font-size: 16px;}
.pickupbox .dropdown-item img {/*margin-top:px;*/ width: 19%; display: inline-block; vertical-align:middle;}
.pickupbox .dropdown-item i {color: #03007d; display: inline-block; vertical-align:middle; font-size: 28px; line-height: 18px;}
.pickupbox .dropdown-item span{display: inline-block; vertical-align: middle; padding-left:10px;}
.dropdown-item.active i, .dropdown-item:active i {color: #fff;}

.pickupbox input.form-control{vertical-align: middle; font-size: 16px; height: 1.4em; font-weight: 600; padding: 0; color: #000; cursor: pointer; border: none; box-shadow: none; outline: none;}
.pickupbox input.form-control::-webkit-input-placeholder {color: #000; }
.pickupbox input.form-control::-moz-placeholder {color: #000; }
.pickupbox input.form-control:-ms-input-placeholder {color: #000; }
.pickupbox input.form-control:-moz-placeholder {color: #000;}


.servicesection {margin-top: 70px;}
.servicesection ul{padding: 0 26px; font-size: 0;}
.servicesection ul li {padding: 0 15px; display: inline-block; width: 25%;}
.servicesection ul li .services_box .img_box {height: 331px; position: relative;}
.servicesection ul li .services_box .img_box img{position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.servicesection ul li .services_box h3 {text-align: center; font-size: 24px; margin-top: 30px;}
.servicesection ul li .services_box .delivery-bg {background: url(../images/delivery-bg.jpg) no-repeat;}
.servicesection ul li .services_box .organic-bg {background: url(../images/organic-bg.jpg) no-repeat;}
.servicesection ul li .services_box .market-bg {background: url(../images/market-bg.jpg) no-repeat;}
.servicesection ul li .services_box .stalls-bg {background: url(../images/stalls-bg.jpg) no-repeat;}
.servicesection ul li .services_box:hover{color: #3baf29;}

.servicesection ul li .services_box .img_box:after {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scale(0); background: #000; opacity: 0.2; z-index:3;
    width: 100%; height: 100%;transition: all .8s ease-in-out;}
.servicesection ul li:hover .services_box .img_box:after {transform: scale(1.4); opacity: 0;}

.appsection {margin-top: 86px; position: relative; padding: 45px 0;}
.appsection .left-bg{position: absolute; width: 37%; height: 100%; background: #dff3ff; top:0; border-top-right-radius: 34px; border-bottom-right-radius: 34px; overflow: hidden;}
.appsection .left-bg:before{content: ''; position: absolute; left: 30px; bottom: 100px; width: 350px; height: 350px; background: #47b749; border-radius: 50%; z-index: 1;}
.appsection .left-bg:after{content: ''; position: absolute; left: 30px; bottom: -60px; width: 350px; height: 350px; border:2px solid #fff; border-radius: 50%;}
.small-bg {position: absolute; left: 270px; top:207px; width: 100px; height: 100px; background: rgba(255,255,255,0.5); border-radius: 50%; z-index: 1;}
.app-mobile {background: url(../images/app-mobile.png) no-repeat; width: 291px; height: 592px; float: right; margin-right: 60px;}
.app-mobile .mobileinner {width: 262px; height: 571px; margin: 0 auto; overflow: hidden; margin-top: 7px; border-radius: 36px;}
.app-mobile .mobileinner img{max-width: inherit; max-height: inherit;}
.number_box {background: #dff3ff; font-weight: 600; width: 85px; height: 85px; color: #02007e; font-size: 50px; text-align: center; line-height: 85px; border-radius: 50%;}

.app-detail {position: relative; top: 50%; transform: translate(0, -50%);}
.app-content-box {margin-top: 30px;}
.app-detail .app-content-box:first-child{margin-top: 0;}
.appinnercontent h2{font-size: 22px; color: #02007e; font-weight: 600; margin-bottom: 5px;}
.appinnercontent p {font-size: 15px; color:#333333; line-height: 22px;}
.appinnercontent h4{font-size: 16px; color: #02007e; font-weight: 600; margin-bottom: 10px;}
.appbtnbox a {margin-right: 12px; display: inline-block;}

.marketservicesl {margin-top: 30px; position: relative;}
.marketservicesl .left-img {position: absolute; left: 0; top: 0;}
.marketservicesl .left-img img, .marketservicesl .right-img img {max-width: 70%;}
.marketservicesl .right-img {position: absolute; right: -10%; bottom: 20%;}
.marketcontent {position: relative; top: 50%; transform: translate(0%, -50%);}
.marketcontent h4 {font-size: 30px; font-weight: 600; color: #000; margin-bottom: 10px;}
.marketcontent p {font-size: 16px; color: #000; line-height: 24px;}
.marketservicesl .row {margin-bottom: 50px;}
.marketservicesl .row:nth-child(odd) .marketcontent{text-align: right; max-width: 400px; float: right; margin-right: 60px;}
.marketservicesl .row:nth-child(even) .marketcontent{text-align: left; max-width: 400px;}

.webappsection {background: url(../images/web-app-bg.jpg) no-repeat; height: 380px; background-size: cover; margin-top: 72px;} 
.webappsection .container{ position: relative;}
.webappsection .webappimg {position: absolute; right:80px; top: 32px;}
.webappdetail {padding-top: 100px; padding-left: 130px;}
.webappdetail h2 {font-weight: 600; font-size: 56px; line-height: 56px; color: #fff; text-transform: uppercase;}
.webappdetail p {font-weight: 400; font-size: 36px; color: #fff; line-height: 48px;}
.webappdetail .btn{text-transform: uppercase; margin-top: 15px; font-size: 18px; padding: 10px 35px;}

.deliverysection {background: url(../images/your-delivery-bg.jpg) no-repeat top right; height: 1000px;}
.container {position: relative;}
.deliverysection .deliveryleftimg {left: -90px; position: absolute; top: 30px;}
.deliverydetail {width: 40%; float: right; padding-top: 170px;}
.deliverydetail h2 {font-weight: 600; font-size: 40px; line-height: 40px; color:#000;}
.deliverydetail p {font-weight: 400; font-size: 22px; color: #000; line-height:40px;}
.yourDeliveryImg {margin-top:110px;}

.packagesection {margin-top: 45px; display: block;}
.packagesection h2{font-weight: 600; font-size: 40px; line-height: 40px; margin-bottom: 35px; color:#000; text-align: center;}

.packagesection .navihead {background: #dff3ff; height:126px;}
.packagesection .navihead ul {text-align: center; padding-top: 15px; border:0; display: block;}
.packagesection .navihead li {display: inline-block; padding: 0 30px;}
.packagesection .navihead li a{padding: 28px 20px; display: block; position: relative; border:0;}
.packagesection .navihead li a.active {background: #fff; border-top-left-radius: 50px; border-top-right-radius: 50px; -webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75); box-shadow: 0px -4px 0px rgba(212, 231, 249, 0.75);}

.tabinner {background:#f4fcff url(../images/tab-bg.jpg) no-repeat top center; height: 603px;}
.tabbingInner {padding-top: 75px; display: inline-block; width: 100%;}
.tabbingInner .wrap {position: relative; max-width: 1366px; min-height: 300px; margin: 0 auto;}
.Tabcontentleft {position: absolute; bottom: -20px; left: 14%;}
.Tabcontentright {float: right; margin-right: 90px;}
.singleimg {text-align: center; padding: 0 30px;}
.singleimg img {display: inline-block;}

.sticky_formBtn {background:#47b749; padding: 15px 20px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); margin-right: -15px;    
 position: fixed; top: 25%; right:-77px;  white-space: nowrap; width: 230px; text-align: center; z-index:999; cursor: pointer; color: #fff;}
.sticky_formBtn:hover{color: #fff; background:#02007e;}

.mobileSlider .slick-dots {position: absolute; text-align: center; width: 100%; margin: 0; bottom:15px;}
.mobileSlider .slick-dots li {font-size: 0; border-radius: 20px; display: inline-block;	background-color: #02007e; vertical-align: middle;	cursor: pointer;
height: 10px;width: 10px;margin: 0 2px;}
.mobileSlider .slick-dots li.slick-active {background: #47b749;}

/*.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}*/

.insight { margin-top: 70px; }
.insight h2 { font-weight: 600; font-size: 26px !important; line-height: 30px; margin-bottom: 35px; text-align: center; }

.insight .dvNumbers { 
	background-color: #1417ac; 
	-webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:5px 5px 5px rgba(68, 68, 68, 0.6);  /* Firefox 3.5 - 3.6 */
	box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
	border-radius: 5px;
	margin-bottom: 10px;
}

.insight .dvNumbers h3 { font-weight: 600; font-size: 1.0em !important; margin-top: 5px; color: #fff; text-align: center; }
.insight .dvNumbers h1 { font-weight: 600; font-size: 1.5em !important; color: #fff; text-align: center; }