@charset "utf-8";
/* CSS Document */
@keyframes delivery1 {
	0% { background-position:-300px 0; }
	100% { background-position:2300px 0; }
}
@-webkit-keyframes delivery1 {
	0% { background-position:-200px 0; }
	100% { background-position:2300px 0; }
}

@keyframes delivery2 {
	0% { background-position:-300px 0; }
	100% { background-position:1500px 0; }
}
@-webkit-keyframes delivery2 {
	0% { background-position:-200px 0; }
	100% { background-position:1500px 0; }
}

@keyframes delivery3 {
	0% { background-position:-300px 0; }
	100% { background-position:800px 0; }
}
@-webkit-keyframes delivery3 {
	0% { background-position:-200px 0; }
	100% { background-position:800px 0; }
}
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;
	text-decoration: none;
	-webkit-transition:all .7s;
	-moz-transition:all .7s;
	transition:	all .7s;
}
html{
	height:100%;
}
body{
	height:100%;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:300;
	color:#272727;
	background-color: #f3f3f3;
	
}
a{
	text-decoration:none;
	-webkit-transition:all .7s;
	-moz-transition:all .7s;
	transition:	all .7s;
}
.s18{height:18px;}
.s27{height:27px;}
.s36{height:36px;}
.s45{height:45px;}
.s60{height:60px;}
.s90{height:90px;}
.clr{clear:both;}
.center{ text-align:center;}
h1{
	font-size:45px;
	font-family: 'Roboto', sans-serif;
	line-height: 69px;
	font-weight:300;
	text-transform:uppercase;
	color:#121212;
	text-align:center;
	text-shadow:0 7px 9px rgba(0,0,0,.3);
}
h2{
	font-size:36px;
	font-weight:300;
	text-align:center;
	text-shadow:0 2px 3px rgba(0,0,0,.3);
}
h3{
	font-size:30px;
	font-weight:300;
	text-align:center;
}
h4{
	font-size:24px;
	font-weight:300;
	text-align:center;
}
h5{
	font-size:20px;
	font-weight:300;
	text-align:center;
}
.wrapper{
	max-width:1500px;
	padding:0;
	margin:0 auto;
}
.wrapper2{
	max-width:1000px;
	padding:0 30px;
	margin:0 auto;
}
.homebg{
	height:calc(100% - 5px);
	background-color: #000;
	position:relative;
	background-position:center;
	background-size:cover;
}
.logo{
	margin:18px 0 0 90px;
	float:left;
	width:260px;
	/* width:159px; */
	height:64px;
	background-image:url(../images/logo-w.png);
}
.menubardown .logo{
	margin:7px 0 0 90px;
	float:left;
}
#about, #journey, #service, #contact, #partner{
	outline:none;
}
.valuesbox{
	max-width:1600px;
	width: 100%;
	padding:0;
	margin:0 auto 0;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	background-color:#66F;
}
.valuebox{
	width: calc(16.7% - 54px);
	padding:27px;
	margin: -1px -2.7px 0;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	position:relative;
	height:250px;
	color:#fff;
}
.valuebox:nth-child(1){
  background-color:#da1f26;
}
.valuebox:nth-child(2){
  background-color:#f26336;
}
.valuebox:nth-child(3){
  background-color:#f1c100;
}
.valuebox:nth-child(4){
  background-color:#21b24b;
}
.valuebox:nth-child(5){
  background-color:#4993cf;
}
.valuebox:nth-child(6){
  background-color:#292a76;
}
.valuebox:hover{
	background-color:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.3);
	color:#000;
}
.valuehint{
	color:#363636;
	font-size:18px;
	font-weight:300;
	text-transform:none;
	margin: 18px auto 0;
	color:#fff;
}
.valuebox:hover .valuehint{
	color:#000;opacity:1;
}
.valuebox:hover .icon2{
	background-position:0 -90px;
}
.column2 {
	float: left;
	width: 23%;
	min-width: 210px;
	max-width: 70%;
	padding: 10px;
	height: auto; /* Should be removed. Only for demonstration */
  }
  
  .column3 {
	float: left;
	width: 12%;
	min-width: 200px;
	max-width: 70%;
	padding: 12px;
	height: auto; /* Should be removed. Only for demonstration */
  }
  
  
  .row:after {
	content: "";
	display: table;
	clear: both;
  }


  




.pictext{
	position:relative;
	height:930px;
}
.pictext h2{
	text-align:left;
}
.pictextimg{
	width:calc(45% - 45px);
	float:left;
	margin:0 63px 45px 0;
	border:1px solid #fff;
	overflow:hidden;
}
.pictextimg2, .pictextimg3{
	position:absolute;
	width:calc(60% - 45px);
	top:320px;
	left:20px;
	border:1px solid #fff;
	overflow:hidden;
}
.pictextimg img, .pictextimg2 img, .pictextimg3 img{
	width:100%;
	height:auto;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.pictextimg:hover img, .pictextimg2:hover img,  .pictextimg3:hover img{
	-ms-transform: scale(1.2, 1.2); /* IE 9 */
    -webkit-transform: scale(1.2, 1.2); /* Safari */
    transform: scale(1.2, 1.2);
	-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
}
.pictextimg3{
	width:calc(47% - 45px);
	left:auto;
	right:0;
	top:270px;
}
.sepline{
	height:27px;
	max-width:300px;
	background-image:url(../images/sepline.png);
	background-repeat:no-repeat;
	margin:0 auto 27px;
}
.knowmore{
	display:inline-block;
	color:#fff;
	background-color:#fe0032;
	padding:12px 18px;
	font-size:24px;
	border-radius:38px;
}
.knowmore:hover{
	background-color:#000;
}
.icon2{
	margin: 27px auto 18px;
	width:120px;
	height:90px;
}
.title{
	background-image:url(../images/titlebg.png);
	background-position:center 7px;
	background-repeat:repeat-x;
}
.titlea, .titleb{
	text-align:center;
	font-size:54px;
	color:#fe0032;
	font-weight:700;
	border-top:2px dotted #fe0032;
	}
.titlea{
	border-top:none;
	font-size:45px;
	font-weight:300;
	background-color:#f3f3f3;
	width:210px;
	margin:0 auto;
}
.contact .title{
	background-image:url(../images/titlebg2.png);
}
.contact .titlea{
	background-color:#5f5f5f;
}
.iso{
	width:100%;
	max-width:300px;
	margin:0 auto;
}
.iso img{
	width:100%;
	height:auto;
	border:2px solid #333;
}
.gray{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e3e3+92,c0c0c0+100 */
	background: rgb(227,227,227); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(227,227,227,1) 92%, rgba(192,192,192,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(227,227,227,1) 92%,rgba(192,192,192,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(227,227,227,1) 92%,rgba(192,192,192,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#c0c0c0',GradientType=0 ); /* IE6-9 */
	border-bottom:1px solid #999;
}
.pattern{
	background-image:url(../images/pattern.png);
}
.timeline{
	margin:70px auto 0;
	background-image:url(../images/timelinebg.png);
	background-repeat:repeat-y;
	background-position:center;
}
.timeline .currentyear{
	padding:30px 0 0;
	margin:0 auto;
	width:84px;
	height:75px;
	text-align:center;
	font-weight:700;
	color:#fff;
	font-size:24px;
	background-image:url(../images/currentyear.png);
}
.tlobject, .tlobject2{
	margin:20px 0 20px 50%;
	margin-left:calc(50% + 22px);
	width:50%;
	background-color:#f00;
	position:relative;
	border-radius:36px;
	padding:4px;
}
.tlobject2{
	margin:20px 50% 20px 0;
	margin-left:-30px;
}
.tlobjecta{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0400+0,fff300+100 */
	background: rgb(255,4,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,4,0,1) 0%, rgba(255,243,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,4,0,1) 0%,rgba(255,243,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,4,0,1) 0%,rgba(255,243,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0400', endColorstr='#fff300',GradientType=0 ); /* IE6-9 */
}
.tlobjectb{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff300+0,32ff00+100 */
	background: rgb(255,243,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,243,0,1) 0%, rgba(50,255,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,243,0,1) 0%,rgba(50,255,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,243,0,1) 0%,rgba(50,255,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff300', endColorstr='#32ff00',GradientType=0 ); /* IE6-9 */
}
.tlobjectc{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#32ff00+0,00ff8f+100 */
	background: rgb(50,255,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(50,255,0,1) 0%, rgba(0,255,143,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(50,255,0,1) 0%,rgba(0,255,143,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(50,255,0,1) 0%,rgba(0,255,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32ff00', endColorstr='#00ff8f',GradientType=0 ); /* IE6-9 */
}
.tlobjectd{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00ff8f+0,00a6ff+100 */
	background: rgb(0,255,143); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,255,143,1) 0%, rgba(0,166,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,255,143,1) 0%,rgba(0,166,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,255,143,1) 0%,rgba(0,166,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff8f', endColorstr='#00a6ff',GradientType=0 ); /* IE6-9 */
}
.tlobjecte{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a6ff+0,3100ff+100 */
	background: rgb(0,166,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,166,255,1) 0%, rgba(49,0,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,166,255,1) 0%,rgba(49,0,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,166,255,1) 0%,rgba(49,0,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a6ff', endColorstr='#3100ff',GradientType=0 ); /* IE6-9 */
}
.tlobjectf{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3100ff+0,ff00fd+100 */
	background: rgb(49,0,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(49,0,255,1) 0%, rgba(255,0,253,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(49,0,255,1) 0%,rgba(255,0,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(49,0,255,1) 0%,rgba(255,0,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3100ff', endColorstr='#ff00fd',GradientType=0 ); /* IE6-9 */
}
.tlobjectg{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff00fd+0,ff0004+100 */
	background: rgb(255,0,253); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,0,253,1) 0%, rgba(255,0,4,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,0,253,1) 0%,rgba(255,0,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,0,253,1) 0%,rgba(255,0,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00fd', endColorstr='#ff0004',GradientType=0 ); /* IE6-9 */
}
.tlobjecttxt{
	background-color:#fff;
	box-shadow:inset 0 3px  3px rgba(0,0,0,.4);
	border-radius:32px;
	padding:0 30px;
	width:800px;
	height:100px;
	display:table-cell;
	vertical-align:middle;
}
.yearl , .yearr{
	width:130px;
	text-align:right;
	font-size:50px;
	position:absolute;
	left:-160px;
	top:22px;
	color:#fe0032;
	font-weight:300;
}
.yearr{
	text-align:left;
	right:-160px;
	left:auto;
}
.dotl, .dotr{
	height:10px;
	width:10px;
	border:2px solid #fe0032;
	border-radius:12px;
	position:absolute;
	right:-29px;
	top:45px;
	background-color:#fff;
}
.dotr{
	left:-29px;
	top:46px;
}
.popbrar, .popbral{
	width:22px;
	height:28px;
	background-image:url(../images/pop1.png);
	position:absolute;
	left:-14px;
	top:39px;
}
.popbral{
	left:auto;
	right:-14px;
}
.popbraa{
	background-image:url(../images/pop1.png);
}
.popbrab{
	background-image:url(../images/pop2.png);
}
.popbrac{
	background-image:url(../images/pop3.png);
}
.popbrad{
	background-image:url(../images/pop4.png);
}
.popbrae{
	background-image:url(../images/pop5.png);
}
.popbraf{
	background-image:url(../images/pop6.png);
}
.popbrag{
	background-image:url(../images/pop7.png);
}
.services{
	position:relative;
	padding:36px 0 250px 0;
}
.serve{
	display:inline-block;
	width:calc(33.3% - 98px);
	padding:36px 45px;
	margin:0 0 4px;
	border:1px solid #ccc;
	border-radius:18px;
	background-color:#fff;
	vertical-align:top;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+52,e5fbff+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 52%, rgba(229,251,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 52%,rgba(229,251,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,255,255,1) 52%,rgba(229,251,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5fbff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.serve b{
	font-size:30px;
	font-weight:300;
}
.serveicon{
	width:90px;
	height:90px;
	margin:0 auto 18px;
	background-color:#333;
	border-radius:70px;
	border:2px solid #fe0032;
	
}
.clintlist{
	text-align:left;
	}
.grass{
	position:absolute;
	width:100%;
	height:79px;
	background-image:url(../images/grass.png);
	bottom:0;
	left:0px;
}
.geetstore{
	position:absolute;
	width:250px;
	height:225px;
	bottom:0;
	left:0px;
	background-image:url(../images/store.png);
	
}
.delivery1, .delivery2, .delivery3{
	position:absolute;
	width:100%;
	height:109px;
	background-image:url(../images/delivery1.png);
	background-repeat:no-repeat;
	bottom:0;
	animation: delivery1 15s linear infinite;
	-webkit-animation: delivery1 15s linear infinite;
}

.delivery2{
	height:125px;
	background-image:url(../images/delivery2.png);
	animation: delivery1 18s linear infinite;
	-webkit-animation: delivery1 18s linear infinite;
}
.delivery3{
	height:151px;
	background-image:url(../images/delivery3.png);
	animation: delivery1 20s linear infinite;
	-webkit-animation: delivery1 20s linear infinite;
}
.contact{
	color:#fff;
	background-color:#000;
	background-image:url(../images/geetfood.jpg);
	background-position:center;
	background-size:cover;
	text-align:center;
}
.contact a{
	color:#fecc00;
}
.contact a:hover{
	color:#fe0032;
}
.address{
	font-size:24px;
}
.contactno{
	display:inline-block;
	font-size:36px;
	font-weight:500;
	display:inline-block;
	margin:6px 30px;
}

.textfield, .message, .send{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	font-weight:300;
	border-radius:38px;
	border:1px solid rgba(0,0,0,.5);
	margin:18px 0 0;
	padding:16px 27px;
	outline:none;
	width:calc(50% - 60px);
	background-color:#cfd3d8;
}
.textfield:hover, .message:hover{
	border:4px solid #fe0032;
	padding:13px 24px;
}
.textfield:focus, .message:focus{
	border:1px solid #fe0032;
	padding:16px 27px;
	background-color:#fff;
}
.message{
	width:calc(100% - 60px);
}
.send{
	background-color:#fe0032;
	color:#fff;
	font-weight:400;
	text-transform:uppercase;
	font-size:27px;
	padding:12px 100px;
	width:100%;
}
.send:hover{
	background-color:#000;
}
.error_strings{
	color:#fff;
	font-size:18px;
	text-align:left;
	width:400px;
	margin:0 auto;
	padding:22px 36px;
	width:100%;
	max-width:500px;
	text-align:center;
	margin:0 auto;
	background-color:rgba(0,0,0,.5);
}
.error_strings ul{
	list-style:none;
	}
.error_strings a{ color:#fff;}
.error_strings a:hover{ color:#fff;}
.map{
	position: relative;
	width:100%;
	height:695px;
	z-index: -1;
	border-bottom: 5px solid #fe0032;
	
}
.bottomline{
	background-color:#000;
}
.coypright{
	padding:12px 0;
	color:#fff;
	display:inline-block;
	margin: 10px 100px 10px 0;
	vertical-align:top;
}
.social{
	display:inline-block;
}
.socialicon{
	width:50px;
	height:50px;
	margin:10px 10px 5px;
	border-radius:50px;
	background-color:#f8aa01;
	display:inline-block;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.facebook{
	background-image:url(../images/facebook.png);
}
.twitter{
	background-image:url(../images/twitter.png);
}
.linkedin{
	background-image:url(../images/linkedin.png);
}
.insta{
	background-image:url(../images/insta.png);
}
.socialicon:hover{
	background-color:#fe0032;
	background-position:0 -50px;
}
.footbot_wrap{
	position:relative;
	width:90%;
	max-width:1600px;
	min-width:200px;
	margin:0 auto;
}
.weblabs-logo{
	position:absolute;
	right:0;
	bottom:0px;
	width:50px;
	height:0px;
	padding: 7px 0 0;
	background-color:#fe0032;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-size:9px;
	line-height:15px;
	color:#000;
	text-align:center;
	background-image:url(http://www.weblabssolutions.com/weblabs-logo.png);
	background-position:center 15px;
	background-repeat:no-repeat;
	overflow:hidden;
}
.weblabs-logo:hover{
	bottom:0px;
	padding: 2px 0 0;
	height:48px;
	background-color:#ccc;
}
@media screen and (max-width: 1300px) {

	.pictextimg{width:calc(60% - 45px);}
	.pictextimg3{
		top:400px;
	}
	.pictext{
		height:800px;
	}
	.pic{width:33.3%;}
}
@media screen and (max-width: 1200px) {
	.logo{margin:18px 0 0 45px;}
	.menubardown .logo{margin:7px 0 0 45px;}
	.valuebox{
		width: calc(33.3% - 54px);
	}
	.delivery1, .delivery2, .delivery3{
		animation: delivery2 9s linear infinite;
		-webkit-animation: delivery2 9s linear infinite;
	}
	.delivery2{
		animation: delivery2 12s linear infinite;
		-webkit-animation: delivery2 12s linear infinite;
	}
	.delivery3{
		animation: delivery2 14s linear infinite;
		-webkit-animation: delivery2 14s linear infinite;
	}
	.serve{
		width:calc(50% - 78px);
		padding:36px;
	}
}
@media screen and (max-width: 1050px) {
	.pictextimg{
		width:70%;
		margin:0 30% 45px 0;
	}
	.pictextimg2{
		width:65%;
		top:600px;
		
	}
	.pictextimg3{
		top:800px;
		
	}
	.pictext{
		height:1100px;
	}
	.pic{width:50%;}
}
@media screen and (max-width: 800px) {
	.wrapper{padding:0 27px;}
	h1{
		font-size:40px;
		line-height:45px;
		text-shadow:0 4px 4px rgba(0,0,0,.3);
	}
	h2{font-size:30px;}
	h3{font-size:25px;
	}
	.valuebox{
		width: calc(50% - 54px);
	}	
	.tlobject, .tlobject2{
		margin:90px 0 0 0;
		margin-left:0;
		width:100%;
	}
	
	.yearl , .yearr{
		width:130px;
		text-align:center;
		font-size:50px;
		position:absolute;
		left:0;
		right:0;
		top:-45px;
		margin:0 auto;
		font-size:30px;
		padding:9px;
		background-color:#C00;
		border-radius:40px;
		color:#fff;
	}
	.dotl, .dotr{
		display:none;
	}
	.textfield, .message, .send{
		width:calc(100% - 60px);
	}
	.pictextimg2{
		width:65%;
		top:450px;
		
	}
	.pictextimg3{
		width:65%;
		top:650px;
	}
	.pictext{height:950px;	}
	
}
@media screen and (max-width: 650px) {
	.serve{
		width:calc(100% - 72px);
	}
}
@media screen and (max-width: 500px) {
	.logo{margin:18px 0 0 18px;}
	.menubardown .logo{margin:7px 0 0 18px;}
	.valuebox{
		width: calc(100% - 54px);
	}
	.delivery1, .delivery2, .delivery3{
		animation: delivery3 6s linear infinite;
		-webkit-animation: delivery3 6s linear infinite;
	}
	.delivery2{
		animation: delivery3 8s linear infinite;
		-webkit-animation: delivery3 8s linear infinite;
	}
	.delivery3{
		animation: delivery3 10s linear infinite;
		-webkit-animation: delivery3 10s linear infinite;
	}
	.geetstore{
		left:-110px;
	}
	.pictextimg{
		width:100%;
		margin:0 0 45px 0;
	}
	.pictextimg2, .pictextimg3{
		width:100%
	}
	.manpower{
		margin:200px 0 200px 0;
		width:calc(100% - 54px);
		padding:27px;
	}
	.pic{width:100%;}
	
}