/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,dfn,em,img,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul, li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,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;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none; color:#333333;}
a:hover{text-decoration:none; color:#C00000;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:left;}/* text align center */
.clear {clear:both;}
.lF {float:left;}
.rF {float:right;}
.lfbox{margin:0 20px 200px 0; padding:0px; text-align:left; width:25%;}
.rfbox{margin:0px; padding:0px; text-align:left; width:70%; float:left;}

.redColor{color:#f95e65;}
.brownColor{color:#a20707;}
.borderBox{border:1px solid #ccc;}
 strong, b {font-weight: bold;}
.lfImg{float:left; margin:0px 10px 5px 0px;}
.rfImg{float:right; margin:0px 0px 5px 10px;}
.menuIcon{float:right; margin:0px 0px 5px 10px;}

.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{vertical-align:baseline;}/* vertical align baseline */
.vertical-top{vertical-align:top;}/* vertical align top */
.underline{padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{display:block;}/* vertical menu */
nav.horizontal ul li{display: inline-block;}/* horizontal menu */
img{max-width:100%;}
.img-responsive {display: block; width: 99% \9;  max-width: 100%;  height: auto;}
/*end reset**/

body{font-family:"Open Sans", "Open Sans Light", Arial, Helvetica, sans-serif; background:#f0f0f0;}
	.wrapper{width:960px; margin: 0 auto; transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; -o-transition:all .2s linear; 	-ms-transition:all .2s linear;}
	.logo{float:left;}
	.searchBox{float:right; margin-right:10px;}
	
#header{background: #fff; width:100%; z-index:9999; top:0px; padding:12px 0;}
#mainmenu{background: #635c63;  margin:0 auto; width:100%; z-index:9999; top:0px; padding:0; clear:both;}
#navMenu{background: #635c63; margin:0 auto; width:950px; z-index:9999; padding:0; font-family: 'Oswald'; font-size:16px; font-weight:normal; color:#111; text-transform:uppercase;}
#mainbreadCrumb{background: #FFFFFF;  margin:0 auto; width:100%; z-index:9999; top:0px; padding-top:10px; clear:both;}
.breadCrumb{margin:0 auto; width:auto; height:30px; z-index:9999; padding-left:30px; font-family: "Open Sans", "Open Sans Light", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#111;}
.navTop{color:#fff!important; font-size:16px; font-weight:normal; padding:0 1px;}
.navTopdropdown{margin-left:3px;}
.navSubcol{font-size:16px; font-weight:normal; padding:5px 0px !important;}
#middlesection{float:left; text-align:left; color:#333333; font-size:14px; box-shadow: 0px 0px 5px #CCC; border: 5px solid #FFF; background: #FFF none repeat scroll 0% 0%; transform: translateZ(0px); padding:5px 10px; margin-top:111px; width:96%; }
#projects{float:left; text-align:left; color:#333333; font-size:14px; box-shadow: 0px 0px 5px #CCC; border: 5px solid #FFF; background: #FFF none repeat scroll 0% 0%; transform: translateZ(0px); padding:5px 10px; margin-top:111px; width:96%; }
#projects h2 {font-size: 1.4em; font-weight: normal; font-family:'Oswald'; color:#000; margin-bottom: 18px; line-height: 1.2em; text-transform:uppercase;}
#homeSlider{float:left; text-align:left; color:#333333; font-size:14px; box-shadow: 0px 0px 5px #CCC; border: 5px solid #FFF; background: #FFF none repeat scroll 0% 0%; transform: translateZ(0px); padding:10px 10px; margin:0px; width:71%;}
#homeboxLf{float:left; color:#333333; font-size:14px; margin-right:2%; width:23%; height:auto;}
#homeboxLf2{box-shadow: 0px 0px 5px #CCC; margin:0; padding:5px 10px;  background: #FFF none repeat scroll 0% 0%; transform: translateZ(0px);}
#homeboxLf3{box-shadow: 0px 0px 5px #CCC; margin:15px 0; padding:5px 10px;  background: #FFF none repeat scroll 0% 0%; transform: translateZ(0px);}
#innerboxLf{float:left; text-align:justify; color:#333333; font-size:14px; margin-right:2%; width:25%; height:auto;}
#productsLf{box-shadow: 0px 0px 5px #CCC; border: 5px solid #FFF; background: #FFF none repeat scroll 0% 0%; transform: translateZ(0px); padding:5px 10px; margin-bottom:11px; }
#productsLf h3 {font-family:'Oswald'; font-size: 1em; font-weight: normal; color:#000000; margin-bottom: 18px; line-height: 1.2em; text-transform:uppercase; }
#innerboxRf{float:left; text-align:left; color:#333333; font-size:14px; box-shadow: 0px 0px 5px #CCC; border: 5px solid #FFF; background: #FFF none repeat scroll 0% 0%; transform: translateZ(0px); padding:10px 10px; margin:0px; width:69%;}
#innerboxRf img {border: 1px solid #DDD; padding: 5px 5px;}
#innerboxRf .bullet{border:none !important; padding:0px; margin:0px;}
#innerboxRf p{padding-bottom: 20px;}
.innerboxLeft{width:46%; float:left; text-align:left; margin-right:3%;}
.innerboxRight{width:50%; float:left; text-align:left; margin:0;}
.innerboximage{width:37%; float:left; text-align:left; margin-right:4%;}
.innerboxcontent{width:59%; float:left; text-align:left; margin:0;}
#innerboxRf ul {list-style:none; list-style-type:none;}
#innerboxRf ul li {background:url(../images/arrow6.png) no-repeat 0px 5px; padding:0px 11px 10px 14px !important; line-height:normal; text-align:left;  }
#innerboxRf h2{font-size: 1.4em; font-weight: normal;  line-height: 1.2; font-family:'Oswald'; color:#000; margin-bottom: 18px; line-height: 1.2em; }
#innerboxRf h2 .subheading {font-family:'Oswald'; font-size: 1.1em; text-transform: uppercase;}
#innerboxRf h3{font-family:'Oswald'; font-size: 16px; font-weight: normal; color:#333333; margin-bottom: 18px; line-height: 1.2em; }
#innerboxRf .subheadingbg{font-family:'Oswald';font-size: 1.4em; font-weight: normal; color:#333333; margin-bottom: 18px; line-height: 1.2em; background-color: #DFDFDF; border: 0px solid #EFEFEF; border-bottom: none; padding:9px 5px;}

#homeboxLf h3{font-family:'Oswald'; font-size:16px; font-weight:normal; color:#333333; text-transform:uppercase; width:100%; margin:5px 0px; padding:0;}

#middlesection img {border: 1px solid #ddd; padding: 5px 5px;}
#middlesection p{padding-bottom:20px;}
#middlesection ul {list-style:none; list-style-type:none;}
#middlesection ul li {background:url(../images/arrow2.png) no-repeat 0px 7px; padding:0px 16px 10px 16px !important; line-height:normal;  }
#middlesection h1{font-size:14px; font-weight:bold; color:#4D207B; text-transform:none; width:100%; margin:0px; padding:0px 0px 9px 30px !important; background:url(../images/arrow3.png) no-repeat 0 2px; }
.gallerytitlemain{font-size:14px; font-weight:bold; color:#e4322d; text-transform:none; width:100%; margin:0px; padding:0px 0px 9px 16px !important; background:url(../images/arrow3.png) no-repeat 5px 5px; }
#middlesection h2 {font-size: 1.4em; font-weight: normal; font-family:'Oswald'; color:#000; margin-bottom: 18px; line-height: 1.2em; text-transform:uppercase;}
#middlesection h3{font-family: 'Oswald'; font-size:16px; font-weight:normal; color:#333333; text-transform:uppercase; text-transform:none; width:100%; margin:5px 0px; padding:5px 0;}
#middlesection h4{font-size:18px; font-weight:normal; color:#ec0f25; text-transform:none; width:93%; margin:25px 0px 5px 0px; padding:0px 10px 10px 32px;  background:url(../images/arrow5.png) no-repeat 0px 0px;}
#middlesection h5{font-size:14px; font-weight:bold; color:#4D207B; text-transform:none; width:100%; margin:0px; padding:0;}
	
	.middlesectionlf{float:left; text-align:left; width:45%; margin:2px 10px 20px 0px; padding:0px; }
	.middlesectionrf{float:left; text-align:left; width:45%; margin:2px 0px; padding:0px; }
	.homeMiddlelf{float:left; text-align:left; width:32%; margin:2px 10px 20px 0px; padding:0px; }
	.homeMiddlerf{float:left; text-align:left; width:33%; margin:2px 0px; padding:0px; }
	.readbn a:hover {background:#6529a2; color:#fff !important; text-decoration:none; }
	.middlesectionlf ul {list-style:none; list-style-type:none;}
	.middlesectionlf ul li {background:url(../images/arrow2.png) no-repeat 0px 9px; padding:2px 16px; line-height:normal;  }
	.middlesectionrf ul {list-style:none; list-style-type:none;}
	.middlesectionrf ul li {background:url(../images/arrow2.png) no-repeat 0px 9px; padding:2px 16px; line-height:normal;  }
	.middlesectionicon {position: relative; margin-right: 5px; padding:5px 0px 5px 0 !important; top: -2px; display: inline-block; line-height: 1; float: left; text-align: left; border:none !important;}
	
	/*****Slider Start****/
			/*****Slider Start****/
			.jssorb01 {position: absolute;}
            .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {position: absolute;/* size of bullet elment */
                		width: 12px; height: 12px; overflow: hidden; cursor: pointer; border: #000 1px solid;}
            .jssorb01 div { background-color: gray; }
            .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
            .jssorb01 .av { background-color: #fff; }
            .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
			
            .jssora05l, .jssora05r {display: block; position: absolute;/* size of arrow element */
                		width: 40px; height: 40px; cursor: pointer; background:url(../images/a17.png) no-repeat; overflow: hidden;}
            .jssora05l { background-position: -10px -40px; }
            .jssora05r { background-position: -70px -40px; }
            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05l.jssora05ldn { background-position: -250px -40px; }
            .jssora05r.jssora05rdn { background-position: -310px -40px; }
			
/*****Slider End******/
			
/*****Slider End******/
/***** Middle end *****/

/***** Footer start *****/	
#footerCopyright{width:100%; background:url(../images/footertop-background.jpg) repeat-x 20px 0px #FFFFFF; color:#555555; margin:0px auto; font-size:13px; padding:30px 0 20px 0;}
#footerCopyrightlf{width:50%; float:left; margin:0px; padding:0px; text-align:left;}
#footerCopyrightrf{width:50%; float:right; margin:0px; padding:0px; text-align:right;}
#footerCopyrightrf a{color:#555555; text-decoration:none;}
#footerCopyrightrf a:hover{color:#ed1c25; text-decoration:none;}

/***** Footer end *****/	
#crumbs { list-style: none; }
#crumbs li { display: inline; }
	
	.table-responsive {width: 99%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden;  -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	.tableBorder {border:1px solid #cbcbcb; text-align:left; padding:5px 5px;}

<!-- Place either at the bottom in the <head> of your page or inside your CSS -->

#w { display: block; margin: 0 auto; padding-top: 45px; }

/* nav menu styles */
#nav {display: block; width: 220px; margin: 0 auto;}

#nav li {font-size:13px; }

#nav > li > a {display: block; padding: 6px 0px; text-decoration: none; text-align:left; border-bottom: 1px dotted #cccccc;}
#nav > li > a:hover, #nav > li > a.open {color:#C00000;}

#nav li ul { display: none; text-align:left; border-bottom:1px solid #cccccc; }

#nav li ul li a {display: block; background: none; text-decoration: none; padding: 10px 0px 10px 20px; background:url(../images/arrow1.png) no-repeat 10px 10px;}
#nav li ul li a:hover {text-decoration:underline; color:#000000; background:url(../images/arrow1.png) no-repeat 10px 10px;}


.crossBackground{position: absolute; bottom: 0px; width: 200%; height: 200%; left: -13.4%; background-color: rgba(255, 86, 57, 0.89); transform: rotate(59.5deg);}

.breadcrumb { list-style: none; overflow: hidden; }
.breadcrumb li { float: left; }
.breadcrumb li a {color:333333;	text-decoration: none; padding-right:5px; position: relative; display: block; float: left;}
.breadcrumb li a:hover {color:#990000l;}

/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
	.wrapper{width:90%;}
#navMenu{width:90%; margin:0 auto;}
#mainmenu{width:100%;}
#homeboxLf{width:20%;}
#footerCopyright{width:100%;}
}
	
/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */
@media only screen and (max-width: 800px) {
	.wrapper{width:95%;	}
	.navTopdropdown{margin-left:0px!important;}
	.logo{margin:10px 0px 20px 0 !important;}
#navMenu, #mainmenu{width:100%; text-align:left; border-top:1px solid #999999!important; margin:0 auto;}
#homeboxLf{width:20%; height:auto;}
#homeSlider{width:70%}
#innerboxLf{width:29%; height:auto;}
#innerboxRf{width:65%;}
	.footerlf{float:left; text-align:left; width:270px; margin:5px 10px 20px 0px; padding:0px; }
	.footerrf{float:left; text-align:left; width:140px; margin:5px 10px; padding:0px; }
	.middlesectionlf{float:left; text-align:left; width:45%; margin:20px 0px; padding:0px; }
	.middlesectionrf{float:left; text-align:left; width:55%; margin:20px 0px; padding:0px;}
	.innerboxLeft{width:100%!important; float:left; text-align:left; margin-bottom:3%;}
	.innerboxRight{width:100%!important; float:left; text-align:left; margin:0;}
	.searchBox{float:right; margin-bottom:10px!important;}
	
}

/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */
@media only screen and (max-width: 768px) {
	.wrapper{width:95%;	}
#navMenu, #ubermenu-nav-main-2-primary{width:100%; float:left; left:0; text-align:left; border-top:1px solid #999999!important; border-bottom:1px solid #999999!important; margin:0 auto;}
#homeboxLf{width:20%; margin-right:12px;  height:auto;}
#homeSlider{width:70%}
#innerboxLf{width:30%;}
#innerboxRf{width:63%;}
	.footerlf{float:left; text-align:left; width:270px; margin:5px 10px 20px 0px; padding:0px; }
	.footerrf{float:left; text-align:left; width:140px; margin:5px 10px; padding:0px; }
	.lfImg {float: left; width:45%;}
	.rfImg {float: left; width:45%;}
	
}
	
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) {
	.wrapper{width:95%;}
#navMenu, #mainmenu{width:100%}
#homeboxLf{width:99%;}
#homeSlider{width:95%; margin-top:15px;}
#innerboxLf{width:99%;} 
#innerboxRf{width:95%;}
#middlesection{width:95%;}
#footerCopyright{width:99%;}
#header{padding:0; background: #fff; position:inherit !important; width:100%; z-index:9999; top:0px;}
#footerCopyrightlf{width:49%; float:left; margin:0px; padding:0px; text-align:left;}
#footerCopyrightrf{width:49%; float:left; margin:0px; padding:0px; text-align:left;}
#mainbreadCrumb{display:none !important;}
.breadCrumb{display:none !important;}
	.middlesectionlf{float:left; text-align:left; width:95%; margin:20px 0px; padding:0px; }
	.middlesectionrf{float:left; text-align:left; width:95%; margin:20px 0px; padding:0px;}
	.homeMiddlelf{float:left; text-align:left; width:95%; margin:2px 10px 20px 0px; padding:0px; }
	.homeMiddlerf{float:left; text-align:left; width:95%; margin:2px 0px; padding:0px; }
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.wrapper{width:90%;}
#navMenu, #mainmenu{width:100%;}
#homeSlider{width:90%; margin-top:15px;}
#innerboxLf{width:99%;}
#innerboxRf{width:90%; margin-top:15px;}
#middlesection{width:90%;}
#nav {width:100%;}
#footerCopyrightlf{width:99%; float:left; margin:0px; padding:0px; text-align:left;}
#footerCopyrightrf{width:99%; float:left; margin:0px; padding-top:10px; text-align:left;}
	.lfImg {float: left; width:auto}
	.rfImg {float: left; width:auto; margin:0;}
}

/*  GO FULL WIDTH AT LESS THAN 320 PIXELS */
@media (max-width:320px){
	.wrapper{width:95%;}
#navMenu, #mainmenu{width:100%;}
#homeSlider{width:90%; margin-top:15px;}
#innerboxLf{width:100%;}
#innerboxRf{width:90%; margin-top:15px;}
#middlesection{width:90%;}	
	
}