body {
  padding:0;
  font:normal 12px open_sansregular, Arial, Helvetica, sans-serif !important;
  background: #f3f2f2;
}

a:hover{text-decoration:none;}
.navbar-brand{margin-top:0; padding-left:0;}


.black_bg{background:#2d2d2a}
.red_bg{background:#CB202E}

.TopBar{list-style:none;}
.TopBar li{float:left;}
.TopBar li a{padding:5px; color:#FFF; text-decoration:none; display:block}
.TopBar .RedHover:hover{background-color:#CB202E;}

.container{padding-left:0; padding-right:0}
.navbar-collapse{padding-right:0;padding-left:0;}

.navbar-nav > li > a{padding-top:14px; padding-bottom:14px;}

.carousel {
    height: 500px;
	margin-top:30px;
    margin-bottom: 30px;
}
.carousel-caption {
    z-index: 10;
}
.carousel .item {
    background-color: #777777;
    height: 500px;
}
.carousel-inner > .item > img {
    height: 500px;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 0;
}

.navbar-toggle{padding:7px 10px; background:#CB202E; color:#FFF}
.navbar-nav{margin:0;}
.navbar-nav li a{margin-left:1px}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus{background:#fff; color:#000}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-right:0;}


.navbar-nav > li > a {
    /*display: block;*/
	color:#000000;
    font-size: 15px;
    font-weight: 400;
	background:#ffc50b;
	/*padding-top:11px;
	padding-bottom:11px;*/
	vertical-align:middle;
    text-decoration: none;
    text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	font-family:'roboto_condensedregular';
	/*padding:11px 19px !important;*/
	
}


ul.video-grid { display:block; float:left; width:100%; background:url(../images/bg.jpg) no-repeat top center;} 
.video-grid li { list-style:none; padding:10px; margin:0; display:inline-block; float:left;}
.video-grid li img { max-height:121px}
/* Small devices (tablets, 768px and up) */


@media screen and (min-width: 600px) and (max-width: 800px) {
	#menu a {
	padding: 10px 15px !important;
	}
}
@media (max-width: 479px){
.navbar-nav{background:#CB202E !important}
.home_box{border:none !important; margin-top:12px !important}
.about_box{width:100% !important}
.item {width:275px !important}
.cartoon{background:url(../images/cartoon_mobile.png) no-repeat !important;position:relative !important; height:440px; width:290px !important; top:20px;padding:38px 10px 0 40px !important;font:italic 11px open_sansitalic !important;}
.row-fluid{padding:0 10px !important;} 
.border_right{border-right:none !important}
#fades li{font-size:18px !important;width:250px !important;}
.pull_top{margin-top:0px !important; z-index: 999; position:relative}
.bl_width{width:99% !important}
.work_box1_active { display:block !important}
.work_box1  { display:block !important; width:100%}
}

@media screen and (min-width: 768px) and (max-width: 1024px)

 { 

#menu a {
	padding: 10px 13px !important;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1268px)

 { 
	#menu a {
	padding: 10px 26px !important;
	}
	
	}


.top_slider_heading {
    color: #FFFFFF;
    font: 600 16px 'open sans';
    margin: 8px 0 2px;
    text-align: left;
}


.margin-5 {margin:5px;}
.margin-10 {margin:10px;}
.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-top-15 {margin-top:15px;}
.margin-top-20 {margin-top:20px !important;}
.margin-top-30 {margin-top:30px !important;}
.margin-top-40 {margin-top:40px !important;}
.margin-top-60 {margin-top:60px !important;}
.margin-top-70 {margin-top:70px !important;}
.margin-bottom-5 {margin-bottom:5px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-bottom-15 {margin-bottom:15px;}
.margin-bottom-20 {margin-bottom:20px;}
.margin-bottom-30 {margin-bottom:30px;}
.marin-left-0{margin-left:0 !important}
.padding-left-30 {padding-left: 30px !important}
.padding-right-30 {padding-right: 30px !important}
.padding-right-0 {padding-right:0px !important}
.padding-bottom-10 {padding-bottom:10px;}
.padding-left-0 {padding-left:0px !important}
.margin-right-5 {margin-right: 5px !important;}
.margin-right-10 {margin-right: 10px !important;}

.fb{color:#fff; background:#3b5998; width:30px; height:30px; text-align:center; vertical-align:middle; padding-top:10px; margin:0 6px 6px 0; font-size:14px !important}
.twi{color:#fff; background:#00aced; width:30px; height:30px; text-align:center; vertical-align:middle; padding-top:10px;margin:0 6px 6px 0;font-size:14px !important}
.google{color:#fff; background:#dd4b39; width:30px; height:30px; text-align:center; vertical-align:middle; padding-top:10px;margin:0 0 6px 0;font-size:14px !important}


	#menu, #menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#menu {
		width: 100%;
		margin:0 auto;
	
	
	}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
	#menu {
		zoom:1;
	}
	
	#menu li {
		float: left;
		border-right: 1px solid #AEAEB1;
			position: relative;
	}
	
	#menu a {
		float: left;
		padding: 18px 43px;
		color: #a0a0a0;
		text-transform: uppercase;
		font: normal 15px HelveticaNeueLTStd-Cn;
		text-decoration: none;
		
		
	}
	
	#menu li:hover > a {
		color: #1d5da6;
	}
	
	*html #menu li a:hover { /* IE6 only */
		color: #1d5da6;
		background:#fff;
	}
	
	#menu ul {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 58px;
		left: 0;
		z-index: 9999;    
		background: #444;
		background: linear-gradient(#444154, #444154);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
		border-radius: 3px;
		transition: all .2s ease-in-out;  
		
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#menu ul ul {
		top: 0;
		left: 150px;
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#menu ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}
	
	#menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu ul a {    
		padding: 10px;
		width: 240px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
		color:#fff;
		
	}
	
	#menu ul a:hover {
		background-color: #4d485e;
		background-image: linear-gradient(#4d485e, #4d485e);
		color:#fff; 
	}
	
	#menu ul li:first-child > a {
		border-radius: 3px 3px 0 0;
	}
	
	#menu ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		
	}
	
	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#menu ul li:first-child a:hover:after {
		border-bottom-color: #04acec; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
	
	/* Mobile */
	#menu-trigger {
		display: none;
	}

	@media screen and (max-width: 600px) {
		
		

		/* nav-wrap */
		#menu-wrap {
			position: relative;
		}

		#menu-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		/* menu icon */
		#menu-trigger {
			display: block; /* show menu icon */
			height: 40px;
			line-height: 40px;
			cursor: pointer;		
			padding: 0 0 0 35px;
			border: 1px solid #8b2d08;
			color: #fafafa;
			font-weight: bold;
			background-color: #ce3a00;
			background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#ce3a00, #ce3a00);
		margin:10px 0 0 0;
		
		}
		
		/* main nav */
		#menu {
			margin:0; padding: 10px;
			
			top: 40px;
			width: 100%;
			z-index: 1;
			background-color: #9E9E9E;
			display: none;
			box-shadow: none;		
		}

		#menu:after {
			content: '';
			position: absolute;
			left: 25px;
			top: -8px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #444;
		}	

		#menu ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			background: none;
			box-shadow: none;				
		}

		#menu ul ul {
			margin: 0 0 0 20px !important;
			box-shadow: none;		
		}

		#menu li {
			position: static;
			display: block;
			float: none;
			border: 0;
			margin: 5px;
			box-shadow: none;			
		}

		#menu ul li{
			margin-left: 10px;
			box-shadow: none;		
		}

		#menu a{
			display: block;
			float: none;
			padding: 0;
			color: #ccc;
		}

		#menu a:hover{
			color: #fff !important;
		}	

		#menu ul a{
			padding: 0;
			width: auto;		
		}

		#menu ul a:hover{
			background: none;
			color:#fff;	
		}

		#menu ul li:first-child a:after,
		#menu ul ul li:first-child a:after {
			border: 0;
		}		

	}

	@media screen and (min-width: 600px) {
		#menu {
			display: block !important;
		}
		
	}	

	/* iPad */
	.no-transition {
		transition: none;
		opacity: 1;
		visibility: visible;
		display: none;  		
	}

	#menu li:hover > .no-transition {
		display: block;
	}
	
.image_centre{text-align:center; margin:auto}
.home_box{border-right:solid 1px #bdbec0; margin:22px 0}
.home_box p{padding:0 20px; font:italic 14px open_sansitalic; color:#000}
.home_box_btn{background:#24cde2;padding:4px; text-align:center; font:normal 14px open_sansregular; color:#000; margin:15px auto; width:50%; border:none}
.home_box_btn a{color:#000;}

.about_heading{font:normal 22px open_sansregular; color:#1D5DA6}

p{font:normal 12px open_sansregular; color:#000; padding:10px 0 0 0}
.contBox p{padding: 0;}
.contMap{width:100%; float: left; margin: 30px 0 0 0;}
.about_box{background:#23cde1; padding:10px; margin:20px 0; width:50%}

.service_sub_heading{font:normal 18px open_sansregular; color:#1D5DA6}

.contact_heading{color:#6D6E71l;font:bold 14px open_sansregular;}

.table1 td{font:normal 12px open_sansregular; padding:10px 0; color:#1d5da6}

.table1 input[type="text"]{width:100%; height:30px; margin:5px 0; border:solid 1px #6D6E71}
.table1 textarea{width:100%; margin:5px 0; border:solid 1px #6D6E71}

#sliderContent {  margin:auto; }
.viewer { height:338px; margin:0 auto 20px; padding:1px; overflow:hidden; position:relative;  }
.content-conveyor { width:610px; height:410px; position:relative; }
.item { width:200px; float:left; font-family:Tahoma; text-align:center;  }
.item h2 { font-size:100%; margin:10px 0; }
.item dl { margin:10px 0; }
.item dt, .item dd { float:left; width:149px; text-align:right; margin:0; font-size:70%; }
.item dt { font-weight:bold; margin-right:5px; }
.item dd { text-align:left; }
.item img { border:1px solid #898989; padding:1px; margin:0 5px 5px 0 !important }

.work_box{background:#23cde1; padding:10px; margin:20px 0 20px 20px; width:40%; font:italic 16px open_sansitalic; color:#000;}
.padding_0{padding:0 !important}
.work_box1{font:normal 15px open_sansregular; padding:10px; margin-right:1px; float:left; text-align:cente; background:url(../images/arr.png) top right no-repeat #1c5eaa;   }
.work_box1 a{ color:#fff; display:block; padding:7px 16px;  }

.work_box1 a:hover{background-color:#e11f27; color:#fff}
.cartoon{background:url(../images/cartoon.png) no-repeat;position:relative; height:500px; width:360px;padding:45px 20px 0 50px; font:italic 15px open_sansitalic; text-align:center; color:#fff}

.about_banner{background:url(../images/banner/who_we_are.jpg) no-repeat}

.abt_slide{background:url(../images/banner/about_slide.png) no-repeat; height:395px; width:1170px ;}

.border_right{border-right:solid 1px #b6b6b8}

#fades{float:left; margin:0 0 0 0; padding:0; width:100%}
#fades li{list-style:none; float:left; text-align:center; width:290px;font:italic 24px open_sansitalic; text-align:center; color:#fff}

.actives{color:#1c5ea9 !important;		float: left;
		padding: 18px 43px;
		color: #a0a0a0;
		text-transform: uppercase;
		font: normal 15px HelveticaNeueLTStd-Cn;
		text-decoration: none;}
.work_box a{color:#000 !important}

.pull_top{margin-top:-120px !important; z-index: 999; position:relative}

.bl_width{width:179px}
.menunholder { height:36px; width:100%;}
.active { background:#e11f27; color:#FFF}