@charset "utf-8";
/* Add here all your CSS customizations */
@font-face { font-family: SegoeUI-Regular; src: url(http://www.metroinfrasys.com/fonts/SegoeUI_gdi.eot); src: url(http://www.metroinfrasys.com/fonts/SegoeUI_gdi.eot?#iefix) format('embedded-opentype'), url(http://www.metroinfrasys.com/fonts/SegoeUI_gdi.woff) format('woff'), url(http://www.metroinfrasys.com/fonts/SegoeUI_gdi.ttf) format('truetype'), url(http://www.metroinfrasys.com/fonts/SegoeUI_gdi.svg#SegoeUI-Regular) format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range:U+0020-2666
}
@font-face { font-family: SegoeUI-SemiBold; src: url(http://www.metroinfrasys.com/fonts/SegoeUI-SemiBold_gdi.eot); src: url(http://www.metroinfrasys.com/fonts/SegoeUI-SemiBold_gdi.eot?#iefix) format('embedded-opentype'), url(http://www.metroinfrasys.com/fonts/SegoeUI-SemiBold_gdi.woff) format('woff'), url(http://www.metroinfrasys.com/fonts/SegoeUI-SemiBold_gdi.ttf) format('truetype'), url(http://www.metroinfrasys.com/fonts/SegoeUI-SemiBold_gdi.svg#SegoeUI-SemiBold) format('svg'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range:U+0020-2666
}
.page-top1 {
   
     margin-top: 0px !important;
  
}
#projects .owl-carousel-spaced .owl-item>div {
    margin: 30px 10px !important;
}#projects .img-responsive{ width:275px !important; height:172px !important;}#projects .thumb-info .thumb-info-title {
       font-size: 15px;
    font-weight: normal;
    background: #fff; text-transform:capitalize; text-shadow:none; letter-spacing:0px; font-family: SegoeUI-SemiBold;     padding: 6px 9px;}
	#projects .thumb-info-inner a, #projects .thumb-info-title a{color: #3b5990;}
	#projects .thumb-info-inner a:hover, #projects .thumb-info-title a:hover{ text-decoration:none; color:#0e0e0e;}
	#team .thumb-info .thumb-info-title {
       font-size: 15px;
    font-weight: normal;
    background: #fff; text-transform:capitalize; text-shadow:none; letter-spacing:0px; font-family: SegoeUI-SemiBold;     padding: 6px 9px;}
	#team span.thumb-info-inner{color: #3b5990;}
	#team span.thumb-info-inner:hover{ text-decoration:none; color:#0e0e0e;}


#partners{margin-top: 20px; margin-right: 100px;}
#partners1{color: #444; font-size:20px; font-weight:400;line-height:34px;}
.weighstyle{font-family:"Shadows Into Light",cursive;
font-size: 25px;
color: black;}
.weighstyle2{font-family:"Shadows Into Light",cursive;
font-size: 15px;
color: black;}
 #border{border-style: ridge;}

#info-title{
     color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
   
}

#display{display:none;}
#h5clr{color: #777;}


	 @media all 
	 and (min-width: 1024px) {
		 #solution_left_div{width: 47.667%;}
		.heading_dummys { width:100%; top:23px; padding:12px 0px; background: rgba(255,255,255,0.5); position:absolute; z-index:100; text-align:center; }
		.heading_dummys H1 { text-align:center; font-size:32px; font-family:"Lucida Sans"; color:#1f1f1f; margin:0px 0px 0px -15px; padding:0px; font-weight:200; }
		.col-md-9_dumy { width:50%; float:left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;box-sizing:border-box; text-align:left; }
		.col-md-3_dumy { width:30%; float:left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;box-sizing:border-box; text-align:left; }
		.home-intro { position:absolute; top:584px; }
		#home_space { height:90px; }
		.home-intro .get-started { text-align:left !important } 
		#bigltr{ font-size:28px;}
		#hcolr{ color:#4d4d4d;}
		
		

		.img-scroll{ height:auto; width:200px; margin-top:0px;}
		.img-scroll2{ height:50px; width:150px;}

				#content-box{
					padding: 4px;
					line-height: 1.42857;
					background-color: #FFF;
					border: 1px solid #DDD;
					border-radius: 4px;
					transition: all 0.2s ease-in-out 0s;
					display: inline-block;
					max-width: 100%;*/
					height: auto;
					margin-bottom: 20px;
	
					}
					
				
					

			#pcontent{margin-top: 10px;
						
						}

				#h2 {
					font-size: 1.5em;
					font-weight: 500;
					line-height: 34px;
					margin: 0px;
					}
		
		#h1 {
			font-size: 33px;
			line-height: 40px;
			margin: 0px 0px 44px;
			font-weight: 600;
			margin-top: 25px;
			}
	

		.content-box-margin-top{margin-top: 25px;}

	.img-enforcement-system{
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
    border-radius: 3px 0px 8px 8px;
}

			#img-thumbnail1{
				border-radius: 8px;
				position: relative;
				float: right;

				}

			#ul-left{float: left;
					}
					#ul-left1{float: left;
					margin-left:-30px;
					}


		#imgfull-width2{
						display: block;
						max-width: 100%;
						height: 350px;
						width: auto;
						border-radius: 3px 0px 8px 8px;
						}
		
.trafic-img{width: -moz-available;
			max-width: 100%;
	height: 245px;
	width: 700.5px;
	border-radius: 3px 0px 8px 8px;	
}

.trafic-img2{width: -moz-available;
			max-width: 100%;
	height: 245px;
	width: 357.5px;
	border-radius: 3px 0px 8px 8px;	
}


.img-popup{width: 430px;
			height: 350px;}

			#dnd-img2col{display: block;
						max-width: 100%;
						height: 250px;
						width: 350.5px;
						border-radius: 3px 0px 8px 8px;
							
					}

					#img-right{float: right;}

					#img-box-float{float: left;}

					.img-responsive2{
						
						max-width: 100%;
						height: auto;
						width: auto;
						border-radius: 3px 0px 8px 8px;
						margin-bottom: 40px;
					}

					.table {
						width: 100%;
						margin-bottom: 20px;
						background-color: rgba(13, 14, 14, 0.89);
						color: aliceblue;
						font-weight: 600;
						border-radius: 13px;}

						.img-res-contactus{max-width: 100%;
						height: 110px;
						width: 110px;
						border-radius: 3px 0px 8px 8px;
						margin-bottom: 40px;}


					#black-strip{margin-top:-5px;
								font-size:1.2em;
								color:#999;}	
					
					#img1{border-radius: 3px 0 8px 8px;
    display: block;
    height: 150px;
    max-width: 100%;
    width: 230px;
	}

	#project-img{height: 122px;
					width: 200px;}

					
	#pad_bott{ padding-bottom:30px;}
                  

	}
	
 @media all 
 and (min-width: 700px) 
 and (max-width: 1023px) {
	 
	 #pad_bott{ padding-bottom:80px;}
	 
	
	 
 .feature-box .feature-box-info {
padding-left: 15px;}
		.heading_dummys { width:100%; top:43px; padding:30px 0px; background: rgba(255,255,255,0.5); position:absolute; z-index:100; text-align:center; }
		.heading_dummys H1 { text-align:center; font-size:22px; font-family:"Lucida Sans"; color:#1f1f1f; margin:0px; line-height:25px; padding:0px; letter-spacing:1px; font-weight:200 }
		.home-intro { position:static; }
		.home-intro .get-started { text-align:left !important } 
		#col-md-12{ margin-top:-60px;}
		#shorth2 { margin-top:70px;}
		
		.img-scroll{ height:auto; width:200px;}
		.img-scroll2{ height:50px; width:150px}

			#h2 {
    font-size: 1.5em;
    font-weight: 500;
    line-height: 34px;
    margin: 0px;
}
		#h1 {
    font-size: 33px;
    line-height: 40px;
    margin: 0px 0px 44px;
    font-weight: 600;
	margin-top: 25px;
	}

	.img-enforcement-system{
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
    border-radius: 3px 0px 8px 8px;
}

#img-left{float: left;}


.trafic-img{width: -moz-available;
max-width: 100%;
	height: 245px;
	width: 700.5px;
    }

.trafic-img2{width: -moz-available;
			max-width: 100%;
	height: 245px;
	width: 357.5px;
	border-radius: 3px 0px 8px 8px;	
}



.img-popup{width: 430px;
			height: 350px;}

			#ul-left1{float: left;
					}

					.img-responsive2{
						
						max-width: 100%;
						height: auto;
						width: auto;
						border-radius: 3px 0px 8px 8px;
						margin-bottom: 40px;
					}

					.table {
						width: 100%;
						margin-bottom: 20px;
						background-color: rgba(13, 14, 14, 0.89);
						color: aliceblue;
						font-weight: 600;
						border-radius: 13px;}

					.img-res-contactus{max-width: 100%;
						height: 110px;
						width: 110px;
						border-radius: 3px 0px 8px 8px;
						margin-bottom: 40px;}

						#project-img{height: 122px;
								width: 200px;}

						#hcolr{ color:#4d4d4d;}

						.flt-right{float:right;}
						.flt-left{float:left;}
	}
	@media all 
 and (min-width: 599px) 
 and (max-width: 699px) {
	 
	
	 
		.flt-right{float:right;}
						.flt-left{float:left;}
		.heading_dummys { width:100%; top:43px; padding:30px 0px; background: rgba(255,255,255,0.5); position:absolute; z-index:100; text-align:center; }
		.heading_dummys H1 { text-align:center; font-size:22px; font-family:"Lucida Sans"; color:#1f1f1f; margin:0px; line-height:25px; padding:0px; letter-spacing:0px; font-weight:200 }
		.home-intro { position:static; }
		.home-intro .get-started { text-align:left !important } 
		#col-md-12{ margin-top:-60px;}
		#shorth2 { margin-top:60px;}
		.img-scroll{ height:auto; width:200px;}
		.img-scroll2{ height:50px; width:150px}

			#h2 {
    font-size: 1.5em;
    font-weight: 500;
    line-height: 34px;
    margin: 0px;
}
		#h1 {
    font-size: 33px;
    line-height: 40px;
    margin: 0px 0px 44px;
    font-weight: 600;
	margin-top: 25px;
	}

		#imgfull-width{
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
    border-radius: 3px 0px 8px 8px;
}
.trafic-img{width: -moz-available;
			max-width: 100%;
	height: 245px;
	width: 550.5px;
}

.trafic-img2{width: -moz-available;
			max-width: 100%;
	height: 245px;
	width: 357.5px;
	border-radius: 3px 0px 8px 8px;	
}




.img-popup{width: 430px;
			height: 350px;}
			#ul-left1{float: left;
					}

						.img-enforcement-system{
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
    border-radius: 3px 0px 8px 8px;
}

				.img-responsive2{
						max-width: 100%;
						height: auto;
						width: auto;
						border-radius: 3px 0px 8px 8px;
						margin-bottom: 40px;
					}

					.table {
						width: 100%;
						margin-bottom: 20px;
						background-color: rgba(13, 14, 14, 0.89);
						color: aliceblue;
						font-weight: 600;
						border-radius: 13px;}

						.img-res-contactus{max-width: 100%;
						height: 110px;
						width: 110px;
						border-radius: 3px 0px 8px 8px;
						margin-bottom: 40px;}

						#project-img{height: 122px;
								width: 200px;}

								#hcolr{ color:#4d4d4d; font-size: 1.6em;}

	
	}
	
@media all 
and (min-width: 400px) 
and (max-width: 599px) {
		.heading_dummys { width:100%; top:30px; padding:12px 0px; background: rgba(255,255,255,0.5); position:absolute; z-index:100; text-align:center; }
		.heading_dummys H1 {text-align:center; font-size:18px; font-family:"Lucida Sans"; color:#1f1f1f; margin:0px; line-height:25px; padding:0px; letter-spacing:0px; font-weight:200; }
		.home-intro { position:static; margin-bottom:20px; }
		.home-intro .get-started { text-align:left !important } 
		SPAN.logo A IMG{ max-width:180px }
	
		.img-scroll2{ height:50px; width:150px}


			#h2 {
    font-size: 1.5em;
    font-weight: 500;
    line-height: 34px;
    margin: 0px;
}
		#h1 {
    font-size: 33px;
    line-height: 40px;
    margin: 0px 0px 44px;
    font-weight: 600;
	margin-top: 25px;
	}

		#imgfull-width{
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
    border-radius: 3px 0px 8px 8px;
}


.trafic-img{width: -moz-available;
max-width: 100%;
	height: 245px;
	width: 420px;
}	

.trafic-img2{width: -moz-available;
			max-width: 100%;
	height: 215px;
	width: 317.5px;
	border-radius: 3px 0px 8px 8px;	
}

	


.img-popup{width: 400px;
			height: 350px;}
			#ul-left1{float: left;
					}


						.img-enforcement-system{
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
    border-radius: 3px 0px 8px 8px;
}

.img-responsive2{
						
						max-width: 100%;
						height: auto;
						width: auto;
						border-radius: 3px 0px 8px 8px;
						margin-bottom: 40px;
					}

					.table {
						width: 100%;
						margin-bottom: 20px;
						background-color: rgba(13, 14, 14, 0.89);
						color: aliceblue;
						font-weight: 600;
						border-radius: 13px;}

						.img-res-contactus{max-width: 100%;
						height: 110px;
						width: 110px;
						border-radius: 3px 0px 8px 8px;
						margin-bottom: 40px;}

						#project-img{height: 122px;
								width: 200px;}

								#hcolr{ color:#4d4d4d;}

	
	}
	@media all 
and (min-width: 0px) 
and (max-width: 399px) {
	.col-md-9_dumy { padding:0px 17px; }
		.heading_dummys { width:100%; top:12px; padding:2px 0px; background: rgba(255,255,255,0.5); position:absolute; z-index:100; text-align:center; }
		.heading_dummys H1 { text-align:center; font-size:16px; font-family:"Lucida Sans"; color:#1f1f1f; margin:0px; line-height:24px; padding:0px; letter-spacing:0px; font-weight:200; }
		.home-intro { position:static; margin-bottom:20px; }
		.home-intro .get-started A.btn{ margin-left:17px !important }
		.home-intro .get-started { text-align:left; }
		SPAN.logo A IMG{ max-width:180px }
		H2.word-rotator-title{font-size:20px; }

		.img-scroll2{ height:50px; width:150px}
		#word-rotate-items{ font-size:20px;}


			#h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 34px;
    margin: 0px;
}
		#h1 {
    font-size: 23px;
    line-height: 40px;
    margin: 0px 0px 44px;
    font-weight: 600;
	margin-top: 0px;
	}

		#imgfull-width{
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
    border-radius: 3px 0px 8px 8px;
}
.trafic-img{width: -moz-available;
max-width: 100%;
	height: 245px;
	width: 357.5px;
}



.img-popup{width: 250px;
			height: 250px;}

				.img-enforcement-system{
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
    border-radius: 3px 0px 8px 8px;
}
				.img-responsive2{
						max-width: 100%;
						height: auto;
						width: auto;
						border-radius: 3px 0px 8px 8px;
						margin-bottom: 40px;
					}

					.table {
						width: 100%;
						margin-bottom: 20px;
						background-color: rgba(13, 14, 14, 0.89);
						color: aliceblue;
						font-weight: 600;
						border-radius: 13px;
						}


						.img-res-contactus{max-width: 100%;
						height: 110px;
						width: 110px;
						border-radius: 3px 0px 8px 8px;
						margin-bottom: 40px;}
						#project-img{height: 122px;
					width: 200px;	}
#hcolr{ color:#4d4d4d;}
	
		
	}	
		 
	 



.imgdiv{background-color: #F6F6F6;
border: 1px solid #DFEFFF;
border-radius: 5px;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
text-align: center;
width: 212px;
height: 184px;
}



.page-top {
    
      border-bottom: none; background:#4e4e4e;
    border-top: none;
    padding: 19px 0;
    margin-top: 10px;
  
}
.page-top h1 {
   
       color: #FFF;
    display: inline-block;
    /* font-weight: 500; */
    font-weight: normal;
    margin: 0px 0px -18px;
    min-height: 37px;
    line-height: 46px;
    padding: 0px 0px 17px;
    letter-spacing: 1px;
    position: relative;
    font-size: 34px;
    margin-top: -5px;
    font-family: SegoeUI-Semibold;
}
   @media (max-width: 991px){
.btn-responsive-nav {
   
    top: 32px !important;
    
}
@media (max-width: 979px) {
	.btn.btn-responsive-nav{ padding:8px 14px !important; }
 
 .btn.btn-responsive-nav .icon-bars:before{font-size:18px !important;}
.btn-responsive-nav {
    top: 32px !important;
}
#footer{ margin-top:0px !important;}
#footer.short {
    padding-top: 5px !important;
}	
}
@media (max-width: 767px) {


 .btn.btn-responsive-nav{ padding:8px 14px !important; }
 .img-scroll{ width:180px !important; height:auto !important; margin-top:0px;}
 .btn.btn-responsive-nav .icon-bars:before{font-size:18px !important;}
.btn-responsive-nav {
    top: 32px !important;
}

}
		@media (max-width: 767px){.page-top h1 {
   
   
    
    min-height: 33px !important;
    line-height: 28px !important;
    padding: 0px 0px 19px !important;
  
    font-size: 24px !important;
    margin-top: -3px !important;
   
}
		}
		@media (max-width: 768px) and (min-width: 481px){.home-intro {
  
    padding: 0px 15px;
}}