@font-face {
  font-family: 'ARLRDBD';
  src: url('fonts/ARLRDBD.ttf');
 /* src: url('fonts/icomoon.svg');
  src: url('fonts/icomoon.ttf');
  src: url('fonts/icomoon.woff');*/
}
 @font-face {
  font-family: 'ARLRDBD';
  src: url('../fonts/ARLRDBD.ttf');
 
}
 
 
body{
	font-family: ARLRDBD;
    font-size: 20px;
    //letter-spacing: 0.5px;
    font-weight: 500;
	}
 

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align:center;
 
}

#cssmenu {
  width: 193px;
    font-family:  ARLRDBD;
    font-size: 20px;
    //letter-spacing: 0.5px;
    font-weight: 500;
  color: #ffffff;
  
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
	 
  padding: 19px 6px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  cursor: pointer;
  z-index: 2;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  //text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  background: #fbfbfb;
 /* background: -webkit-linear-gradient(#36aae7, #1fa0e4);
  background: -moz-linear-gradient(#36aae7, #1fa0e4);
  background: -o-linear-gradient(#36aae7, #1fa0e4);
  background: -ms-linear-gradient(#36aae7, #1fa0e4);
  background: linear-gradient(#36aae7, #1fa0e4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);*/
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
  color: #000;
  background: #fbfbfb;
 /* background: -webkit-linear-gradient(#1fa0e4, #1992d1);
  background: -moz-linear-gradient(#1fa0e4, #1992d1);
  background: -o-linear-gradient(#1fa0e4, #1992d1);
  background: -ms-linear-gradient(#1fa0e4, #1992d1);
  background: linear-gradient(#1fa0e4, #1992d1);*/
}
#cssmenu > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid #ccc;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border-bottom: 1px solid #ccc;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 51px;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 8px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #eeeeee;
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#cssmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 16px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 13px;
  color: #000;
  background: #f8f8f8;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #424852;
  color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}
#cssmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
 // border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #921b20;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  //top: 12.5px;
  top: 24.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}


.nopadding{
	padding:0px;
	}
	

 

.footermenu li{
	/*color: #f00;*/
	line-height:30px;
	}
.details{
	line-height: 30px;
	}	
	a:hover{
		text-decoration:none;
	}
.text_para{
	font-family:ARLRDBD;
	line-height:25px;
	text-align:justify;
	font-size: 14px;
 
	}	
.readmore{
	font-family:ARLRDBD; 
	/*padding-left:90px;*/
	color:#474747;
	float:right;
	}	
.readmore:hover{
 
	color:#f47d20;
 
	}	
.sectiongap{
	margin:10px 0px;
	}	
.justify{
	text-align:justify;
	}	
.marg{
	margin:0px 0px 20px;
	}	
	
	
.action1{
	overflow:hidden;
	width:500px;
	height:400px;
	}	
.action1 img{
	-webkit-transition: all 0.9s ease-in;
	transition: all 0.9s ease-in;
	overflow:hidden;
	}	
.action1 img:hover{
	-webkit-transform:scale(1.1);
     transform:scale(1.1);
	
	}	
 .action{
	overflow:hidden;
 
	}	
.action img{
	-webkit-transition: all 0.9s ease-in;
	transition: all 0.9s ease-in;
	overflow:hidden;
	}	
.action img:hover{
	-webkit-transform:scale(1.1);
     transform:scale(1.1);
	
	}	
.roundimg img{
	/*border-radius:100%;*/
	border:1px solid #c2c2c2;
	padding:3px;
	}	
	
.leftfloat{
	padding-left:45px;
	}	
 
 
	.q-box .form-control {

	border-radius:3px;

	margin-bottom: 10px;

}

.mycalss{

	padding:10px 10px 0px 0px;

	font-family: 'Source Sans Pro', sans-serif;

    font-weight: 400;

}



.q-box {

    width: 280px;

    height: 200px;

    color: #fff;

	position: fixed;

    top: 330px;

    left: -235px;

    z-index: 999;

   border-radius: 5px 0px 5px 0px;

    transition: all 1s ease-out;

}

.q-box:hover {

    left: 0px;

    //border-radius: 10px 0px 10px 0px;

}

 .partboxs{
	
 
	line-height:32px; 
	border:1px solid #ccc;
	padding:10px;
	
	} 
.head_title{
	font-size: 24px;
    line-height: 26px;
    text-align: left;
    font-weight: 500;
    font-style: normal;
    background-color: #e3001c;
    padding: 15px;
	color:#fff;
	}
.bottomline{
	 border-bottom-color:#e0e0e0;
	 width:100%;
	 margin-top:5px;
	 margin-bottom:5px; 
	}		
.pdltext{
	padding-left: 70px;
	}	
	
.textcolor {
    color: #f00;
}
.textred{
	color:#f00;
	font-size:20px;
}


.linkcolor a{
	color: #ff0;
	}
.warningcolor{
	background-color:#ffc000;
	color:#f00;
	}
.alarmcolor{
	color: #2081e5;
	}		
p{
	line-height: 29px;
	}	
	
<!--tabs css-->	

 	.accordion{
		//width:500px;
		margin: 0 auto;
		 }
	.accordion-toggle {
		 
		border: 1px solid #cccccc;
		cursor: pointer;
		margin: 10px 0px;
		padding: 10px 10px;
		position: relative;
	    background-color: #e90404;
        color: #fff;
		box-shadow: 1px 3px 1px rgba(0,0,0,0.25);	
		}
	.accordion-toggle.active:after{
		content:"";
		position:absolute;
		right:0;
		top:17px;
		width:0;
		height:0;
		border-bottom:5px solid #fff;
		border-left:5px solid rgba(0,0,0,0);
		border-right:5px solid rgba(0,0,0,0);
		margin-right: 10px;
		
		}
	.accordion-toggle:before{
		content:"";
		position:absolute;
		right:0;
		top:17px;
		width:0;
		height:0;
		border-top:5px solid #fff;
		border-left:5px solid rgba(0,0,0,0);
		border-right:5px solid rgba(0,0,0,0);
		margin-right: 10px;
	 
		}
	.accordion-toggle.active:before{
		display:none;
		}
	.accordion-content {
		display: none;
	   /* display: block;*/
		/*background-color: #f9f9f9;*/
		background-image:url(../photo/bgimg.jpg);
		padding: 10px;
		}
	.accordion-toggle.active {
		color: #ff0000;
		color: #000;
		}
	
	

<!--tabs css-->
 
 
.banborder{
  border: 1px dashed #ccc;
}	
.nopadding{
padding:0px;
padding-top:15px;
}
.nz-table th {
color:#000;
font-weight:600;	
font-size:17px;	
}
.productdetails{
 font-family:ARLRDBD; 
 line-height:31px; 	
	
}

.lightback th{
	background-color:#de2020;
	color:#fff;
}
.sectiongap h3{
	background-color:#de2020;
	color:#fff;
	padding:1.5%;	
}	
	
.watermark{
	
background-image:url(assets/watermark1.png);	
background-repeat:no-repeat;
background-position:center;
}	
.hptbanner{
	width:100%;
	height:350px;
	//background-color:#de2020;

background: #bc1c1c; /* Old browsers */
background: -moz-linear-gradient(top, #bc1c1c 31%, #ef0000 82%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bc1c1c 31%,#ef0000 82%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bc1c1c 31%,#ef0000 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc1c1c', endColorstr='#ef0000',GradientType=0 ); /* IE6-9 */

	position:relative;
}	
.hptbanner h2{
        color: #fff;
    position: absolute;
    top: 45%;
    left: 7%;
    font-size: 45px;
    text-shadow: 4px 4px 0px rgba(0,0,0,0.35);
	
}	
.hptbanner h3{
          color: #fff;
    position: absolute;
    top: 44%;
    left: 16%;
    font-size: 46px;
    text-shadow: 4px 4px 0px rgba(0,0,0,0.35);
	
}
.paraborder{
	    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
}
.paraborder1{
        border: 3px dashed #f00;
    margin-top: 30px;
    padding: 20px;
    border-radius: 6px;
}	
.brder{
    border: 20px solid transparent;
    border-image: url(../photo/border.png) 50 round;
}