*{
	outline:none;
	word-wrap:break-word;
	transition:all 0.2s linear 0s;
	box-sizing:border-box;
}
html{
	padding:0px;
	margin:0px;
}
body{
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	line-height:24px;
	font-weight:400;
	color:#000;
	margin:0px;
	padding:0px;
	background-color:#fff;
	/*background-image: url(../images/agbg.png);
	background-attachment: fixed;
	background-size: auto;
	background-repeat: repeat;
	background-position: center top;*/
}
ol, ul, li{
	padding:0px;
	margin:0px;
	list-style:none;
}
p
{
	margin:0px;
}
a{
	text-decoration:none;
	color:inherit;
}
hr{
	margin:40px auto;
	border:1px solid #f0f0f0;
}
/*blog*/
.blogposts{
	display:flex !important;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.posts{
	text-align:center;
	height:auto;
	width:31.6%;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	position:relative;
}
.latest{
	width:100% !important;
}
.posts a{
	width:100%;
	height:425px;
	overflow:hidden;
	position:relative;
	margin-bottom:120px;
}
.posts a::before{
/*	content:"";*/
}
.latest a{
	height:400px !important;
}
.posts div{
	width:100%;
	height:270px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:-1;
}
.latest div{
	position:absolute;
	top:0px;
	left:0px;
	height:400px !important;
	z-index:-1;
}
.posts a:hover div{
	transform:scale(1.1);
}
.posts h2{
	/*background-color:#fff;*/
	width:100%;
	font-weight:normal;
	font-size:22px;
	margin:0px 0px 5px;
	color:#000;
	line-height:1.2;
	letter-spacing:-0.3px;
	padding:10px 3% 0px;
}
.latest h2{
	background-color:#fff;
	margin:150px auto 0px !important;
	font-weight:bold;
	padding-top:20px;
}
.posts p{
	width:100%;
	color:#000;
	font-size:16px;
	line-height:1.6em;
	letter-spacing:-0.3px;
	padding:0px 3% 0px;
}
.latest p{
	background-color:#fff;
	margin:0px auto;
	padding-bottom:20px;
}
textarea{
	resize:none;
}
#testBlog2, #result{
	width:60%;
	height:auto;
	min-height:300px;
	margin:0px auto;
	display:block;
	padding:2%;
	border:1px solid #f0f0f0;
	box-sizing:border-box;
}
/*blog*/
.bar{
	width:100%;
	display:block;
	position:relative;
	padding:40px 0px;
	box-sizing:border-box;
	clear:both;
}
.box{
	width:100%;
	padding:0px 5%;
	box-sizing:border-box;
	height:auto;
	display:table;
	position:relative;
	max-width:1400px;
	margin:0px auto;
}
#bar1, #bar2, #bar3, #bar4{
	padding: 0px !important;
}
#bar2 > .box{
	padding:40px 5% !important;
}
#bar7{

}
#bar6, #bar8{
	overflow:auto;
}
@media screen and ( max-width:640px ){
#barad1 > div{
	padding:0px !important;
}
}
#bar2 > .box
{

}
/* Header */
#bar1{
	height:141px;
}
#gapfix{
	height:171px;
	display:none;
}
#bar9{
	margin-top:90px;
}
#bar99{
	height:auto;
}
#bar99 > .box{
	padding-top:20px;
}
#topmenu{
	padding-top:20px;
	display:flex;
	flex-direction:row;
	align-items:flex-end;
	align-content:flex-end;
	justify-content:space-between;
}
#logo{
	background-image:url("../images/agwhite.png");
	background-size:105px auto;
	background-position:left bottom;
	background-repeat:no-repeat;
	width:105px;
	height:91px;
	display:block;
}
#aalogo{
/*	background-image:url("../images/logo.png");*/
	background-image:url("../images/aawhite.png");
	background-size:auto 91px;
	background-position:right bottom;
	background-repeat:no-repeat;
	width:220px;
	height:91px;
	display:block;
}
#topmenu > li{
/*	height:41px;
	line-height:41px;
	display:inline-block;
	vertical-align:top;*/
}
#menus{
	/*vertical-align:top;*/
}
#menus li{
	padding:0 9px;
	line-height:41px;
}
#menus li a{
	font-weight:200;
	color:#000;
	font-size:20px;
	line-height:41px;
	text-decoration:none;
}
#menus a:hover, .now, #signin a:hover{
	color:#000 !important;
}
#sidenav{
	height:100%;
	width:250px;
	position:fixed;
	z-index:99;
	top:0;
	right:-252px;
/*	background-color:rgba(29,86,151,0.95);*/
	background-color:rgba(0,0,0,0.15);
	overflow:hidden;
	transition:all 0.3s linear 0s;
	box-shadow:-2px 0px 2px rgba(0,0,0,0.1);
}
#sidenav li{
/*	border-bottom:1px solid rgba(255,255,255,0.1);*/
	border-bottom:1px solid rgba(0,151,67,.2);
}
#sidenav li:first-child, #sidenav li:last-child{
	border-bottom:none !important;
}
#sidenav a{
	padding:5px 22px 5px 32px;
	text-decoration:none;
	font-weight:400;
	font-size:20px;
	line-height:44px;
	color:#fff;
	display:block;
	box-sizing:border-box;
	width:100%;
	height:54px;
	text-align:left;
}
#sidenav a:hover{
	text-decoration:underline;
}
.closebtn{
	font-size:42px !important;
	line-height:56px !important;
	padding-right:22px !important;
	text-align:right !important;
}
.closebtn:hover{
	text-decoration:none !important;
}
#rightmenu{
/*	float:right;*/
}
#rightmenu li{
	display:inline-block;
	vertical-align:top;
	padding-left:15px;
}
#rightmenu li:first-child{
	padding-left:0px !important;
}
#signin a{
	font-weight:400;
	color:#000;
	font-size:15px;
	height:41px;
	line-height:41px;
	text-decoration:none;
}
#ordermenu{
	display:block;
	font-size:15px;
	height:41px;
	line-height:41px;
	text-decoration:none;
/*	background-color:#f46036;*/
	/*background-color:#b2ff59;*/
	color:#000 !important;
	padding:0px 15px;
	border-radius:4px;
	font-weight:bold;
}
#contact:hover{
	text-decoration:underline;
}
#burger{
	width:41px;
	height:41px;
	display:inline-block !important;
}
#burger span{
	font-size:25px;
	cursor:pointer;
	border:1px solid #f0f0f0;
	display:block;
	text-align:center;
	line-height:39px;
}
@media screen and ( min-width:761px ){
#menus{

}
#menus ul{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-end;
	height:91px;
}
#signin{
	display:inline-block !important;
}
}
@media screen and ( max-width:760px ){
#menus{
	display:none !important;
}
#signin{
	display:none !important;
}
#rightmenu li:nth-child(2){
	padding-left:0px !important;
}
}
/*Colors*/
.clr-blue{background-color:#1982C4;}
.clr-lblue{background-color:#2AB7CA;}
.clr-red{background-color:#FF595E;}
.clr-green{background-color:#679436;}
.clr-orange{background-color:#FF7F11;}
.clr-purple{background-color:#643A71;}
.clr-black{background-color:#031926;}
.clr-grey{background-color:#f7f7f7;}
.txt-white{color:#fff !important;}
.txt-red{color:#FF595E !important;}
/*Colors*/
/**/
/**/
/* Slide Image */
.slider{
	height:290px;
	position:relative;
	margin-bottom:40px;
}

.slide{
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	height:290px;
	margin:auto;
	left:0;
	right:0;
	border-radius:0%;
}
#slide1{
	background-image:url("../images/s1.jpg");
}
#slide2{
	background-image:url("../images/eicher.jpg");
}
#slide3{
	background-image:url("../images/s3.jpg");
}
.slider div::after, .slider div::before
{
	content:'';
	display:block;
	position:absolute;
	bottom:0px;
	width:50%;
	border-bottom:25px solid #2AB7CA;
	box-sizing:border-box;
}
.slider div::before
{
	left:0px;
	border-right:125px solid transparent;
}
.slider div::after
{
	right:0px;
	border-left:125px solid transparent;
}
.top-txt{
	width:100%;
	height:290px;
	position:absolute;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
}
.slide-txt{
	text-align:center;
	color:#333;
	font-size:60px;
	line-height:75px;
	margin:0 auto;
	max-width:760px;
	font-weight:200;
	display:block;
	text-shadow:0px 0px 1px rgb(0, 0, 0);
	text-transform:uppercase;
}
/*breadcrumb*/
#breadcrumb{
	text-align:left;
	width:100%;
	border-bottom:1px solid #f0f0f0;
}
#breadcrumb li, #breadcrumb a{
	color:#000;
	font-size:14px;
	line-height:44px;
	display:inline-block;
	vertical-align:middle;
}
#breadcrumb li::after{
	content:"/";
	color:#000;
	font-size:14px;
	line-height:20px;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	width:10px;
	margin:0px 10px;
}
#breadcrumb li:last-child::after{
	content:"" !important;
}
#breadcrumb li:last-child{
	color:#000 !important;
}
#breadcrumb a:hover{
	color:#000;
	text-decoration:underline;
}
/*breadcrumb*/
/* About Info */
.discover{
	margin:0px auto 20px;
	font-size:24px;
	line-height:44px;
	text-align:center;
	color:#000;
	font-weight:700;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
}
.discover span{
	position:relative;
	height:90px;
	display: none;
}
sup, sub{
	display:inline-block;
	font-size:18px;
	font-family:'Sriracha', cursive;
	font-weight:normal;
}
sup{
	top:-25px;
	position:absolute;
}
sub{

}
.discover li:nth-of-type(1) span sup{
	left:30%;
}
.discover li:nth-of-type(2) span sup{
	left:45%;
}
.discover li:nth-of-type(3) span sup{
	left:30%;
}
.discover li:nth-of-type(4) span sup{
	left:20%;
}
.about-main{
	text-align:center;
	margin:0px auto;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.about-main img{
	max-height:220px;
}
.about-main li h4{
	color:#000;
	text-align:center;
	font-weight:600;
	font-size:18px;
	width:80%;
	max-width:280px;
	margin:0px auto;
	padding-bottom:10px;
}
.about-main li p{
	color:#000;
	text-align:center;
	width:80%;
	max-width:280px;
	text-align:center;
	font-weight:400;
	font-size:16px;
	margin:0px auto;
}
.about-main li{
	min-width:201px;
	margin:10px 0px;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
@media screen and ( min-width:1251px ){
.about-main li{
	width:25%;
}
.about-main li:first-child{
}
}
@media screen and ( min-width:651px ) and ( max-width:1250px ){
.about-main li{
	width:25%;
}
.about-main li:first-child, .about-main li:last-child{
}
.about-main li:last-child{
}
}
@media screen and ( max-width:650px ){
.about-main li{
	width:50%;
}
.about-main li:first-child{
}
}
/* Vision */
.vision{
	position:relative;
	height:auto;
	margin:0px auto 0px;
}
#vision2 > div:first-child,#vision3 > div:first-child,#vision4 > div:first-child{
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
	display:block;
	height:450px;
	width:100%;
/*	border-bottom:3px solid #f7f7f7;*/
}
#vision1 > div:first-child{
}
#vision2 > div:first-child{
	background-image:url("../images/e2.jpg");
}
#vision3 > div:first-child{
background-image:url("../images/bc.jpg");
}
#vision4 > div:first-child{
background-image:url("../images/eicher.jpg");
}
.vision p{
	margin:30px auto 0px;
	line-height:28px;
	font-size:16px;
	text-align:center;
	color:#fff;
	font-weight:400;
	max-width:745px;
	word-spacing:2px;
}
@media screen and ( min-width:1201px )
{
.vision{
	display:inline-block;
	vertical-align:top;
	width:50%;
}
.table{
	width:100% !important;
}
}
@media screen and ( max-width:1200px )
{
.vision{
	display:block;
	width:100%;
}
.table{
	width:100% !important;
}
}
/*venture*/
.venture{
	text-align:center;
	margin-top:-28px;
	margin-bottom:30px;
	position:relative;
}
.venture h3{
	border-radius:40px;
	background-color:#fff;
	color:#000;
	text-align:center;
	font-weight:300;
	font-size:32px;
	min-height:56px;
	line-height:56px;
	display:inline-block;
	margin:0;
	padding:0 45px;
}
/*venture*/
/**/
.timings{
	display:flex;
	flex-direction:column;
	height:450px;
	width:100%;
}
.plans, .menu{
	display:flex;
	flex-direction:column;
	height:auto;
	width:100%;
}
.timings li, .menu li, .plans li{
	display: flex;
	flex-direction: row;
	border-bottom: 3px solid rgba(255,255,255,0.5);
}
.timings p{
	width:20%;
	margin:1%;
	box-sizing: border-box;
	text-align: left;
}
.plans p{
	width:16.6% !important;
	margin:1% 0% !important;
	box-sizing: border-box;
	text-align: left;
	min-width:100px !important;
}
.menu p{
	width:25% !important;
	margin:1% 0% !important;
	box-sizing: border-box;
	text-align: left;
}
.plans p:nth-child(1){
	color:#031926 !important;
}
.plans p:nth-child(2){
	color:#FF595E !important;
}
.menu p:nth-child(2), .plans p:nth-child(3){
	color:#FF7F11 !important;
}
.menu p:nth-child(3), .plans p:nth-child(4){
	color:#679436 !important;
}
.menu p:nth-child(4), .plans p:nth-child(5){
	color:#1982C4 !important;
}
.plans p:nth-child(6), .menu p:nth-child(1){
	color:#643A71 !important;
}
/**/
/* Food */
.mission-txt{
	max-width:1400px;
	text-align:center;
	margin:0px auto;
}
.mission-txt p{
	margin:0px auto;
	line-height:28px;
	font-size:16px;
	color:#fff;
	font-weight:400;
	word-spacing:2px;
}
/* Callout */
.callout{
	/*background-color:rgba(29, 86, 151,0.08);*/
	margin:25px 0px 0px;
	background:url(../images/e1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	box-shadow:0px 3px 4px 0px rgba(0,0,0,0.1);
	z-index:20;
}
@media screen and ( min-width:801px )
{
.callout{
	height:390px;
}
}
@media screen and ( max-width:800px )
{
.callout{
	height:260px;
}
}
/* Footer */
#footer{
	text-align:center;
}
#footer li{
	font-size:14px;
	line-height:36px;
	height:auto;
	box-sizing:border-box;
	text-align:center;
}
@media screen and (min-width:751px)
{
#footer li{
	display:inline-block;
	vertical-align:top;
	width:25%;
}
#credit{
	background-size:120px auto;
	height:140px;
}
#footer a, #footer p{
	display:block;
}
#footerlogo, #footerlogoaa{
	height:160px;
}
}
@media screen and (min-width:601px) and (max-width:750px)
{
#footer li{
	display:inline-block;
	vertical-align:top;
	width:31.33%;
	margin:1%;
	padding:1%;
}
#footer li:last-child{
	width:40%;
}
#credit{
	background-size:120px auto;
	height:120px;
}
#footer a, #footer p{
	display:block;
}
#footerlogo, #footerlogoaa{
	height:160px;
}
}
@media screen and (max-width:600px)
{
#footer li{
	display:block;
	width:100%;
}
#footer a, #footer p{
	display:inline-block;
	vertical-align:top;
	margin:0px 10px;
}
#footer p{
}
#credit{
	background-size:120px auto;
	height:120px;
	margin:0px !important;
}
#footerlogo, #footerlogoaa{
	height:90px;
}
}
#footer p{
	color:#000;
}
#footer a{
	color:#000;
}
#footer a:hover{
	text-decoration:underline;
}
#footerlogo{
	background-image:url("../images/ag.png");
	background-position:top left;
	background-repeat:no-repeat;
	background-size:105px auto;
	width:100%;
	margin:0px !important;
}
#footerlogoaa{
	background-image:url("../images/aa.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:auto 91px;
	width:100%;
	margin:0px !important;
}
#credit{
	color:#000 !important;
	text-align:center;
	background-image:url("../images/welldoer.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	line-height:24px;
	width:100%;
}
#copyright{
	 !important;
	text-align:center;
	font-size:14px;
	line-height:40px;
	margin:40px 0px;
	padding:0px;
	display:block;
	width:100%;
}
/*Products*/
.products
{
	display:flex;
	width:100%;
	height:auto;
	flex-direction:column;
}
.products > li
{
	width:100%;
	height:auto;
	padding:0px;
	transition:all 0.1s linear 0s;
}
.products > li:first-child
{
	padding-top:0px;
}
/*compact*/
.compact
{
	display:flex;
	flex-direction:row !important;
	flex-wrap:wrap;
}
.compact > li
{
	padding:5px 0px !important;
}
@media screen and (min-width:901px)
{
.compact > li{
	width:49% !important;
}
}
@media screen and (max-width:900px)
{
.compact > li{
	width:100% !important;
}
}
/*compact*/
.prow
{
	width:100%;
	display:flex;
	height:auto;
	align-items:center;
}
@media screen and (min-width:1361px)
{
.prow
{
	flex-direction:row;
}
.products > li:nth-of-type(2n) .prow
{
	flex-direction:row-reverse;
}
.prow > li:nth-child(1)
{
	width:35%;
}
.prow > li:nth-child(2)
{
	width:64%;
	margin-left:1%;
	margin-right:0px;
}
.products > li:nth-of-type(2n) .prow > li:nth-child(2)
{
	margin-left:0px;
	margin-right:1%;
}
}
@media screen and (min-width:1001px) and (max-width:1360px)
{
.prow
{
	flex-direction:row;
}
.products > li:nth-of-type(2n) .prow
{
	flex-direction:row-reverse;
}
.prow > li:nth-child(1)
{
	width:35%;
}
.prow > li:nth-child(2)
{
	width:64%;
	margin-left:1%;
	margin-right:0px;
}
}
@media screen and (max-width:1000px)
{
.prow
{
	flex-direction:column;
}
.prow > li:nth-child(1)
{
	width:100%;
}
.prow > li:nth-child(2)
{
	width:100%;
}
}
/*compact*/
.compact .prow > li:nth-child(1)
{
	display:none !important;
}
.compact .prow > li:nth-child(2)
{
	width:100% !important;
	margin:0px !important;
}
/*compact*/
.prow div
{
	width:100%;
	height:320px;
	display:block;
	margin:0px;
	padding:0px;
	position:relative;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}
.prow ul
{
	text-align:left;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
}
.prow ul > li
{
	background-image:url("../images/v.png");
	background-repeat:no-repeat;
	background-position:20px 12px;
	padding:0px 0px 0px 45px;
	box-sizing:border-box;
	color:#000;
	font-size:16px;
	line-height:40px;
	margin:2px 0px;
	text-align:left;
	transition:all 0.1s linear 0s;
}
/*compact*/
.compact .prow ul
{
	text-align:left;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
}
.compact .prow ul > li
{
	line-height:22px !important;
	background-position:20px 3px !important;
}
/*compact*/
@media screen and (min-width:1361px)
{
.prow ul > li
{
	width:33.33%;
}
}
@media screen and (min-width:601px) and (max-width:1360px)
{
.prow ul > li
{
	width:50%;
}
}
@media screen and (max-width:600px)
{
.prow ul > li
{
	width:100%;
}
}
.subtitle
{
	background-image:none !important;
	font-weight:bold;
	font-style:italic;
	color:#000 !important;
	background-color:rgba(29, 86, 151,0.08) !important;
	display:block;
	width:100% !important;
	border-radius:2px;
}
.nv
{
	background-image:url("../images/nv.png") !important;
}
/*Products*/
/*switch*/
.switch{
	overflow:hidden;
	position:relative;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	width:168px;
	height:38px;
	border:1px solid #ddd;
	background-image:url("../images/switch.png");
	background-size:30px auto;
	background-position:right center;
	background-repeat:no-repeat;
	transition:all 0.1s linear 0s;
	cursor:pointer;
	float:right !important;
	margin:30px 0px;
}
.switch:hover{
	border:1px solid #009743;
}
@media screen and ( min-width:601px )
{
.switch{
	width:168px;
}
}
@media screen and ( max-width:600px )
{
.switch{
	width:100%;
}
}
#view{
	display:block;
	width:138px;
	height:76px;
	position:absolute;
	top:0px;
	left:0px;
	transition:all 0.1s linear 0s;
}
.move{
	top:-38px !important;
}
.switch span{
	display:block;
	color:#000;
	width:138px;
	height:38px;
	margin:0px;
	padding:0px;
	text-align:center;
	line-height:38px;
}
/*switch*/
/* Terms and Policies*/
.terms h1{
	font-size:40px;
	line-height:1.35em;
	font-weight:600;
	color:#000;
}
.policies li{
	font-size:16px;
	line-height:22px;
	margin-bottom:20px;
	text-align:justify;
}
/*terms*/
/*cperson*/
#cperson{
	width:100%;
	text-align:center;
	margin-top:40px;
}
#cperson li{
	border:1px solid #eeeeee;
/*	background-color:#f7f7f7;*/
	padding:2% .5%;
	box-sizing:border-box;
	overflow:hidden;
}
#cperson h4{
	color:#000;
	text-align:center;
	font-weight:600;
	font-size:18px;
	padding-bottom:10px;
	margin:0px;
}
#cperson h5{
	color:#000;
	text-align:center;
	font-weight:400;
	font-size:16px;
	padding-bottom:10px;
	margin:0px;
}
#cperson p{
	color:#000;
	text-align:center;
	text-align:center;
	font-weight:400;
	font-size:18px;
}
#cperson span{
	color:#000;
}
@media screen and ( min-width:951px ){
#cperson li{
	width:32%;
	display:inline-block;
	vertical-align:top;
	margin-left:2%;
}
#cperson li:first-child{
	margin-left:0px !important;
}
}
@media screen and ( min-width:751px ) and ( max-width:950px ){
#cperson li{
	width:49%;
	display:inline-block;
	vertical-align:top;
	margin-left:2%;
}
#cperson li:first-child, #cperson li:last-child{
	margin-left:0px !important;
}
#cperson li:last-child{
	margin-top:40px !important;
}
}
@media screen and ( max-width:750px ){
#cperson li{
	width:100%;
	display:block;
	margin-top:40px;
}
#cperson li:first-child{
	margin-top:0px !important;
}
}
/*cperson*/
/*brands*/
#brands, #clients{
	margin:0px auto 70px;
	width:100%;
	text-align:center;
	max-width:1200px;
}
#brands li, #clients li{
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	height:200px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center bottom;
	border:3px solid rgba(255,255,255,0.5);
}
#brands li:nth-child(1){
	background-image:url("../images/br1.jpg");
}
#brands li:nth-child(2){
	background-image:url("../images/br2.jpg");
}
#brands li:nth-child(3){
	background-image:url("../images/br3.jpg");
}
#brands li:nth-child(4){
	background-image:url("../images/br4.jpg");
}
#brands li:nth-child(5){
	background-image:url("../images/br5.jpg");
}
#brands li:nth-child(6){
	background-image:url("../images/br6.jpg");
}
#brands li:nth-child(7){
	background-image:url("../images/br7.jpg");
}
#brands li:nth-child(8){
	background-image:url("../images/br8.jpg");
}
/**/
#clients li:nth-child(1){
	background-image:url("../images/cl1.jpeg");
}
#clients li:nth-child(2){
	background-image:url("../images/cl2.jpeg");
}
#clients li:nth-child(3){
	background-image:url("../images/cl3.jpeg");
}
#clients li:nth-child(4){
	background-image:url("../images/cl4.jpeg");
}
#clients li:nth-child(5){
	background-image:url("../images/cl5.jpeg");
}
#clients li:nth-child(6){
	background-image:url("../images/cl6.jpeg");
}
#clients li:nth-child(7){
	background-image:url("../images/cl7.jpeg");
}
#clients li:nth-child(8){
	background-image:url("../images/cl8.jpeg");
}
#clients li:nth-child(9){
	background-image:url("../images/cl9.jpeg");
}
#clients li:nth-child(10){
	background-image:url("../images/cl10.jpeg");
}
#clients li:nth-child(11){
	background-image:url("../images/cl11.jpeg");
}
#clients li:nth-child(12){
	background-image:url("../images/cl12.jpeg");
}
#clients li:nth-child(13){
	background-image:url("../images/cl13.jpeg");
}
#clients li:nth-child(14){
	background-image:url("../images/cl14.jpeg");
}
#clients li:nth-child(15){
	background-image:url("../images/cl15.jpeg");
}
#clients li:nth-child(16){
	background-image:url("../images/cl16.jpeg");
}
/**/
@media screen and ( min-width:801px )
{
#brands li, #clients li{
	width:25%;
}
#brands li:nth-child(1), #brands li:nth-child(5), #clients li:nth-child(1), #clients li:nth-child(5), #clients li:nth-child(9), #clients li:nth-child(13){
}
}
@media screen and ( max-width:800px )
{
#brands li, #clients li{
	width:49.5%;
}
#brands li:nth-of-type(2n-1), #clients li:nth-of-type(2n-1){
}
}
/*brands*/
/*Admin Login box*/
#adminlogin{
	display:flex;
	justify-content: center;
	align-items: center;
	height:100vh;
}
#logn{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:flex-start;
	width:90%;
	max-width: 240px;
}
#pass{
	/*display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top:20px;*/
}
#adminuser,#adminpass{
	padding: 5px;
	width: 100%;
	margin-top: 25px;
}
#passgo{
	padding: 5px;
	margin-top: 25px;
}
/*goTop*/
#goTop{
	background:#666666;
	color:#000;
	display:block;
	position:fixed;
	bottom:20px;
	right:20px;
	padding-right:10px;
	width:40px;
	height:40px;
	font-size:10px;
	line-height:40px;
	text-align:center;
	z-index:999;
	background-image:url("../images/goTop.png");
	background-repeat:no-repeat;
	background-position:26px center;
	background-size:auto auto;
	cursor:pointer;
	letter-spacing:1px;
}
/*goTop*/
/*wait*/
#wait{
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
	background:rgba(0,0,0,0.7);
	z-index:9999;
	display:none;
}
#wait div{
	width:248px;
	height:53px;
	margin:300px auto 0px;
	display:block;
	box-shadow:0px 0px 5px #000000;
	background-color:#ffffff;
	background-image:url("../images/ll.gif");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto auto;
}
/*wait*/
/*Admin Login box*/
/*footer*/
.footer{
	font-size:12px;
	line-height:25px;
	width:100%;
	height:25px;
	color:#aaaaaa;
	margin:80px auto 40px;
}
	.footer a, .footer a:visited{
		text-decoration:none;
	}
	.footer a:hover{
		color:#000;
	}
	.footer span:nth-of-type(1){
		float:left;
		margin-left:10px;
	}
	.footer span:nth-of-type(2){
		float:right;
		margin-right:10px;
	}
/*footer*/
/**/
#links{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	align-items:normal;
}
#links li{
	padding:10px;
	margin:0px;
}
#links a, #links a:active, #links a:visited{
	padding:10px;
	color:#ccc;
	font-size:1.2em;
	line-height:1.2em;
}
#links a:hover{
	color:#000;
}
#adminbar{
	height: 141px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
@media only screen and (min-width : 601px){
#adminbar{
	justify-content:space-between;
}
/*#logo{
	width: 250px;
}*/
.titleBar{
	justify-content:space-between;
}
}
@media only screen and (max-width : 600px){
#adminbar{
	justify-content:center;
}
/*#logo{
	width:100%;
}*/
.titleBar{
	justify-content:center;
}
}
.titleBar{
	padding:0px;
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-content:normal;
	align-items:normal;
}
.pageTitle{
	background-image:url("../images/leaf.png");
	background-position:left center;
	background-repeat:no-repeat;
	background-size:24px auto;
	font-size:20px;
	line-height:40px;
	padding-left:40px;
	color:#FFD166;
	height:40px;
}
.pageTitle span{
	/*color:#fe5f55;*/
}
.controls{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-content:normal;
	align-items:normal;
}
.controls li{
	font-size:16px;
	line-height:40px;
	margin:0px;
	height:40px;
	padding:0px;
	color:#cccccc;
	box-sizing:border-box;
}
.controls li a{
	display:block;
	height:40px;
	padding:0px 15px;
	box-sizing:border-box;
	border:1px solid #555;
}
.controls li a:hover{
/*	border:1px solid #7e6551;
	border:1px solid #dbd5cf;*/
	color:#000;
}
#open{

}
#completed{

}
.enabled{
	color:#06D6A0 !important;
}
.expand a,.collapse a,.addnew a{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:25px auto;
	width:40px;
	cursor:pointer;
}
.expand a{
	background-image:url("../images/expand.png");
}
.collapse a{
	background-image:url("../images/collapse.png");
}
.addnew a{
	background-image:url("../images/addnew.png");
	margin-right:0px !important;
}
.expanded a{
	background-image:url("../images/expanded.png") !important;
	cursor:default !important;
}
.collapsed a{
	background-image:url("../images/collapsed.png") !important;
	cursor:default !important;
}
/*remarks*/
.remark{
	position:absolute;
	bottom:35px;
	left:5px;
	width:280px !important;
	height:60px;
	padding:10px;
	z-index:999;
	display:none;
	background-color:#edfbc1;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
	text-align:center;
	font-size:14px;
	line-height:20px;
	color:#222222;
/*	overflow:hidden;*/
}
.toolTip{
	background:url("../images/toolTip.png") no-repeat scroll 0px -15px transparent;
	display:block;
	height:9px;
	position:absolute;
	bottom:-9px;
	width:15px;
	z-index:999;
	left:24%;
	margin-left:-6.5px;
}
/*remarks*/
/*uiforms*/
#uiforms{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-content:normal;
	align-items:normal;
}
#uiforms > li{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-content:normal;
	align-items:normal;
	width: 100%;
	margin-bottom: 80px;
}
#bill-print, #set-tags, #kot1, #kot2, #kot3, #kot4{
	display: flex;
	flex-direction: column;
	align-items:center;
	align-content: flex-start;
	justify-content:center;
	min-width: 320px;
	width:100%;
}
#bill-print > li,#set-tags > li,#kot1 > li,#kot2 > li,#kot3 > li,#kot4 > li{
	max-width:900px;
	width: 100%;
}
.row-a{
font-weight: bold;
text-align: center;
}
.row-b{
font-style: italic;
text-align: center;
font-size: .9em;
}
.row-c{}
.row-d{}
.row-e{}
.row-f{
font-weight: bold;
}
.row-g{
	height: 15px;
}
.row-h,.row-i,.row-j,.row-o,.row-p,.row-q,.row-r,.row-s,.row-u,.row-w{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: space-between;
}
.row-h > span,.row-i > span,.row-j > span,.row-k > span,.row-o > span,.row-p > span,.row-r > span,.row-s > span,.row-u > span,.row-w > span{
display: inline-block;
}
.row-h > span:nth-child(1),.row-i > span:nth-child(1),.row-j > span:nth-child(1),.row-k > span:nth-child(1){
width:5%;
}
.row-h > span:nth-child(2),.row-i > span:nth-child(2),.row-j > span:nth-child(2){
width:20%;
}
.row-h > span:nth-child(3),.row-i > span:nth-child(3),.row-j > span:nth-child(3){
width:46%;
}
.row-h > span:nth-child(4),.row-i > span:nth-child(4),.row-j > span:nth-child(4){
width:10%;
text-align: right;
}
.row-h > span:nth-child(5),.row-i > span:nth-child(5),.row-j > span:nth-child(5){
width:7%;
text-align: right;
}
.row-h > span:nth-child(6),.row-i > span:nth-child(6),.row-j > span:nth-child(6),.row-k > span:nth-child(4){
width:12%;
text-align: right;
}
.row-k > span:nth-child(2){
width:66%;
}
.row-k > span:nth-child(3){
width:17%;
text-align: right;
}
.row-i{}
.row-j{}
.row-k{
	font-style: italic;
	font-size: .9em;
}
.row-l{}
.row-m{}
.row-n{}
.row-l,.row-m,.row-n{
	text-align: center;
}
/**/
.row-o{

}
.row-o > span{
	width:4%;
	text-align: center;
}
.row-o > span:nth-child(2){
	width:36%;
	text-align: left;
}
/**/
.row-p{

}
.row-q{

}
.row-p > span{

}
.row-p > span:nth-child(2){

}
/**/
.row-r{

}
.row-r > span:nth-child(1){
	width:10%;
	text-align: right;
}
.row-r > span:nth-child(2){
	width:4%;
	text-align: center;
}
.row-r > span:nth-child(3){
	width:86%;
}
.row-r > span:nth-child(3) > span{
	font-style: italic;
	font-size: .9em;
	margin-left: 10px;
}
.row-r > span:nth-child(3) > span::before{
	content:"-";
}
/**/
/**/
.row-s{

}
.row-s > span{
	box-sizing: border-box;
}
.row-s > span:nth-child(1){
	width:5%;
	text-align: right;
}
.row-s > span:nth-child(2){
	width:4%;
	text-align: center;
}
.row-s > span:nth-child(3){
	width:8%;
	text-align: right;
	margin-right: 5px;
}
.row-s > span:nth-child(4){
	width:83%;
}

/**/
/**/
.row-u{

}
.row-u > span{

}
.row-u > span:nth-child(1){
	width:10%;
	text-align: right;
}
.row-u > span:nth-child(2){
	width:4%;
	text-align: center;
}
.row-u > span:nth-child(3){
	width:86%;
}
.row-u > span:nth-child(3) > span{
	font-style: italic;
	font-size: .9em;
	margin-left: 10px;
}
.row-u > span:nth-child(3) > span::before{
	content:"-";
}
/**/
/**/
.row-w{

}
.row-w > span{

}
.row-w > span:nth-child(1){
	width:10%;
	text-align: right;
}
.row-w > span:nth-child(2){
	width:4%;
	text-align: center;
}
.row-w > span:nth-child(3){
	width:86%;
}
.row-w > span:nth-child(3) > span{
	font-style: italic;
	font-size: .9em;
	margin-left: 10px;
}
.row-w > span:nth-child(3) > span::before{
	content:"-";
}
/**/

/*uiforms*/
/**/
