@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box;
}
@font-face{
	font-family:navfont;
	src:url(fonts/FTY_IRONHORSE_NCV.ttf);
}
@font-face{
	font-family:ruppefont;
	src:url(fonts/EnglishWithIndianRupee.ttf);
}
body{
	width:100%;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	font-family:ruppefont;
}
#textcontain-top{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

#topbar{
	width:100%;
	height:50px;
	padding-left:5%;
	padding-right:5%;
	background-color:#faf7f0;
	text-align:right;
}
#topbar p{
	width:100%;
	margin:0px;
	display: inline-block;
    vertical-align: middle;
}

#top{
	width:99%;
	height:auto;
	overflow:hidden;
}

#logo{
	width:100%;
	height:auto;
	padding-left:5%;
	padding-right:5%;
	text-align:center;
	background-color:#FFF;
}
#logo p{
	width:49%;
	margin:0px;
	display:inline-block;
    vertical-align: middle;
	font-size:24px;
}

.cirt-logo{
	width:100px;
	margin:10px;
}

#banner{
	width:100%;
	height:auto;
	z-index:000;
}
#contain{
	width:100%;
	height:auto;
	margin-top:25px;
	padding-left:5%;
	padding-right:5%
}

#fullservice{
	width:100%;
	height:auto;
	overflow:auto;
	background-size:auto 100%;
	background-position:100% 200px;
	background-repeat:no-repeat;
	overflow:hidden;
	animation-name: guard;
  	animation-duration: 2s;
	animation-iteration-count:1;
	animation-fill-mode: forwards;
}

@keyframes guard {
  from {background-position:100% 200px;}
  to {background-position: 100% 0px;}
}

#servicetab{
	display:block;
	width:80%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
}
#servicetab p{
	font-size:20px;
	line-height:35px;
}

#objective{
	display:inline-block;
	width:auto;
	margin:5px;
	padding:5px;
	
}

.readmore{
	text-decoration:none;
	color:#609816;
	padding:5px;
	border:1px solid #609816;
}


#catagoryproduct{
	clear:both;
	width:100%;
	padding-top:3%;
	padding-bottom:5%;
}
#allbox{
	width:80%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display: grid;
	grid-template-columns: auto auto auto auto;
}
#catagorybox{
	width:200px;
	height:auto;
	margin:5px;
	padding-top:20px;
	border:1px solid #666;
	border-radius:10px;
	text-align:center;
	background-color:#609816;
	color:#000;
	font-size:20px;
	font-weight:bold;
	transition: 0.5s;
	line-height:normal;
}
#catagorybox:hover{
	box-shadow: 10px 10px 0px 0px #014874;
}

#optionbar{
	width:100%;
	padding-left:5%;
	padding-right:5%;
}
#optionbar1{
	width:20%;
	text-align:left;
	float:left;
}
#optionbar2{
	width:100%;
	text-align:justify
	padding-left:0%;
}

#catagory{
	width:20%;
	height:100%;
	float:left;
	background-color:#1cbbb4;
	overflow:hidden;
}
#type1, #type2{
	width:100%;
	height:auto;
	border:1px #999999 solid;
}
#catabuttom{
	width:100%;
	background:none;
	border:none;
}
#type1 a, #type2 a{
	display:block;
	margin-top:5px;
	margin-bottom:5px;
	text-decoration:none;
	color:#000;
	font-size:14px;
	padding-left:5px;
}
#head{
	display:block;
	background-color:#C0C;
	color:#FFF;
	text-align:center;
	font-size:20px;
}
#allcata{
	margin:0px;
	padding:0px;
}
#allcata li{
	display:block;
	width:100%;
	height:25px;
	vertical-align:central;
	vertical-align:middle;
	padding-left:10px;
	padding-top:5px;
	border-bottom:1px #999999 solid;
}

#products{
	width:100%;
	padding-left:0%;
	float:none;
}
#allitem{
	position:relative;
	left:0px;
	width:2500px;
	height:100%;
}
#item{
	display:inline-block;
	width:250px;
	height:310px;
	//border:5px #005285 solid;
	margin-top:5px;
	margin-right:5px;
	overflow:hidden;
	background-image:url(images/pframe1.png);
	background-repeat:no-repeat;
}
#ppict{
	display:block;
	width:248px;
	height:250px;
	overflow:hidden;
	border:1px #FFF solid;
}
#ppict img{
	width:100%;
	height:100%;
}
#vdotxt{
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#vdo{
	width:45%;
	height:auto;
	float:left;
	padding:2%;
}
#abt{
	width:45%;
	height:auto;
	float:none;
	padding:2%;
	font-size:18px;
	line-height:35px;
	text-align:justify;
}
#gap{
	clear:both;
	height:10px;
	background-color:#999;
}
#detail{
	display:block;
	width:100%;
	color:#000;
	border:none;
	text-align:center;
}
#detail a{
	color:#0CF;
}
#cart{
	width:100%;
	//background-color:#1cbbb4;
	color:#FFF;
	border:none;
}
#footer{
	clear:both;
	float:none;
	width:99%;
	height:3%;
	color:#FFF;
	background-color:#333;
}

#m2{
	clear:both;
	width:100%;
	height:223px;
	overflow:hidden;
}

#machine{
	width:7200px;
	height:223px;
	position:relative;
	left:0px;
	-webkit-animation: mcslide 30s; /* Chrome, Safari, Opera */
    animation: mcslide 50s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
}
#machine img{
	width:200px;
}

#m3{
	clear:both;
	width:100%;
	height:auto;
	overflow:hidden;
}

#machine1{
	width:2800px;
	height:auto;
	position:relative;
	left:0px;
	-webkit-animation: mcslide1 30s; /* Chrome, Safari, Opera */
    animation: mcslide1 50s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
}
#machine1 img{
	width:100px;
}

#footerback{
	width:100%;
	height:auto;
	background-image:url(images/banner-footer.jpg);
	background-size:100% 100%;
}
#contactus{
	width:553px;
	height:auto;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	padding:20px;
	background-color:rgba(0,0,0,.75);
	color:#FFF;
}
@-webkit-keyframes mcslide {
    from { left:0px;}
    to { left:-6000px;}
}

/* Standard syntax */
@keyframes mcslide {
    from { left:0px;}
    to { left:-6000px;}
}
#machine:hover {
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
}

@-webkit-keyframes mcslide1 {
    from { left:0px;}
    to { left:-1300px;}
}

/* Standard syntax */
@keyframes mcslide1 {
    from { left:0px;}
    to { left:-1300px;}
}
#machine1:hover {
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
}



@media screen and (max-width:600px) {
#top{
		height:auto;
		text-align:center;
	}
#logo,#nav{
		width:100%;
		float:none;
		text-align:center;
	}
#logo p{
	width:100%;
	margin:0px;
	display:block;
    vertical-align: middle;
	font-size:18px;
	text-align:center;
}
#navbt{
	display:inline-block;
	width:auto;
	height:100%;
	padding-top:2px;
	padding-right:3px;
	text-decoration:none;
	color:#000;
	text-align:center;
	//font-family:navfont;
	font-size:12px;
	border-right:1px #000 solid;
	}

#optionbar1, #optionbar2{
	width:100%;
	text-align:center;
	float:none;
}


#catagory{
	width:100%;
	height:100px;
	float:none;
	background-color:rgba(28,187,180,.65);
	overflow-y:scroll;
}
#products{
	width:100%;
	padding-left:0px;
	float:none;
}
#item{
	display:inline-block;
	width:250px;
	height:300px;
	border:1px #FF9900 solid;
	margin-top:5px;
	margin-right:0px;
	overflow:hidden;
}
#vdo{
	width:100%;
	height:auto;
	float:none;
	padding:0%;
}
#abt{
	width:100%;
	height:auto;
	float:none;
	padding:0%;
	font-size:18px;
	line-height:35px;
	text-align:justify;
}
#contactus{
	width:90%;
	height:auto;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	padding:20px;
	background-color:rgba(0,0,0,.75);
	color:#FFF;
}
}