/* Theme Name: Gujarat Metro Rail Theme URI: 
* https://wordpress.org/themes/twentysixteen/ Author: the WordPress 
team Author URI: https://wordpress.org/ Description: Website Developed 
* for Gujarat Metro Rail Project Version: 1.0 License: GNU General 
Public License v2 or later License URI: 
* http://www.gnu.org/licenses/gpl-2.0.html Tags: black, blue, gray, 
red, white, yellow, dark, light, one-column, two-columns, 
* right-sidebar, fixed-layout, responsive-layout, accessibility-ready, 
custom-background, custom-colors, custom-header, custom-menu, 
* editor-style, featured-images, flexible-header, microformats, 
post-formats, rtl-language-support, sticky-post, threaded-comments, 
* translation-ready Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* Body and General Styles Start
-------------------------------------------------- */

body { overflow-x:hidden;font-family: 'Open Sans', sans-serif; font-size:14px; color:#666666; /*line-height:24px;*/ line-height:1.5em; font-weight:400; }
body.largeFont{font-size:16px;}
body.smallFont{font-size:12px;}
h1 {font-weight:300; font-size:48px; line-height:48px; color:#fff; margin:0;}
h1 span{ font-weight:600;}
h2{ font-weight:600;color:#000; font-size:1.500em; line-height:1.125em; text-transform:uppercase;}
h3{font-weight:600;font-size:1.125em;color:#fff; margin:20px 0;}
.heading{ margin:0;font-weight:normal;padding:0 10px; display:inline-block; color:#fff;font-weight:600; background:#fb7e1c; text-transform:uppercase;}
.btn-link{ font-size:0.750em; font-style: italic;}
.btn-link i{margin-right:6px;}
.contentbox .marquee{overflow:hidden;}
.marquee .js-marquee{ margin-bottom:0 !important;}
/* Body End
-------------------------------------------------- */

/* Header Start  
-------------------------------------------------- */
header {background:#fff;width:100%; z-index:999; padding-top:35px; position:relative; }
	/* Top Header Start 
	-------------------------------------------------- */
	.top-header{background:#eff3f5; border-bottom:1px solid #dbe1e4;width:100%; position:absolute; top:0px; left:0px; }
	.top-header ul{ margin:0; list-style:none; padding:0;border-left:1px solid #dbe1e4; }
	.top-header ul li{ float:left;line-height:30px;border-right:1px solid #dbe1e4; }
	.top-header ul li a{color:#666666; font-size:12px; float:left;padding:0 10px;}
	.top-header ul li a:hover,
	.top-header ul li.active a,
	.top-header ul li a:focus{background:#fff; color:#f78b24;}
	.top-header ul li.font-size a{font-size:14px;}
	.top-header ul li.theme{padding:0 10px;}
	.top-header ul li.theme a{height:20px; width:20px; line-height:19px; border-radius:2px; text-align:center; padding:0; margin:5px;border: 1px solid transparent;}
	.top-header ul li.theme a.black{ background:#4d4d4d; color:#fff;}
	.top-header ul li.theme a.orange{ background:#fff; border-color:#cecece;}
	.rightLinks{float:right; }
	.skip-links{float:left;}
	/* Top Header End 
	-------------------------------------------------- */
	
	/* Search Start 
	-------------------------------------------------- */
	header .top-header .search-box {width:38px; position:relative;font-size: 14px} 
	header .top-header .search-box .icon {text-align:center; width:100%; cursor:pointer;}
	header .top-header .search-box .search-view {border:1px solid #dbe1e4;position:absolute; top:0px; left:100%; width:247px; padding:0 30px 0 0; background:#fff; opacity:0;}
	header .top-header .search-box .search-view input[type="text"] { border:none;width:100%; height:30px; line-height:28px; padding:5px 7px; color:#fc7d1c;}
	header .top-header .search-box .search-view input[type="submit"] {position:absolute; right:0px; top:0px; border:none; background:url(images/search-icon.png) no-repeat center 8px; width:30px; height:30px;border-left:1px solid rgba(251,126,28,0.3);}
	header .top-header .search-box .fa {line-height:48px; color:#fff; text-align:center; }
	header .search-boxSmall {width:38px;}
	header .search-boxSmall .icon {text-align:center; width:100%; cursor:pointer;}
	header .search-boxSmall .icon .fa {line-height:48px; color:#333333; text-align:center; }
	header .search-openMoblie {display:none; width:100%; background:rgba(251, 126, 28, 0.9); position:absolute; top:0px; left:0px; padding:30px 0 0 0; text-align:center; z-index:9;}
	header .search-openMoblie .closeIcon {width:100%; text-align:center; margin-bottom:10px; }
	header .search-openMoblie .closeIcon i {padding: 8px 10px; border-radius:4px;cursor:pointer; background:#646464; color:#fff; }
	header .search-openMoblie .input-box {width:100%; max-width:400px; padding:0 20px 30px 20px; display:inline-block;}
	header .search-openMoblie .input-box input[type="text"] {background: transparent ; color:#fff;width:100%; border:none; border-bottom: 1px solid #fff; line-height:20px; padding:10px; }
	header .search-openMoblie .input-box input[type="submit"]  {width:100%; max-width:300px; color:#fff; background:#646464; text-align:center; border:none; margin:20px 0 0 0;font-size: 1.125em;line-height: 2.5em;padding: 2px 40px;}
	/* Search End 
	-------------------------------------------------- */
	
	/* Top Introduction Start 
	-------------------------------------------------- */
	.top-intro {text-align:center; padding:9px 0 6px;}
	.top-intro .metro-intro{display:inline-block; text-align:left; padding-top:20px}
	.top-intro .first{ float:left;}
	.top-intro .last{ float:right;}
	.top-intro .navbar-brand{display: table-cell; float:none;}
	.top-intro .metro-intro p{display: table-cell; margin:0;vertical-align:middle;padding:0 0 0 12px; color:#333333; font-size:12px; line-height:16px;}
	/* Top Introduction End 
	-------------------------------------------------- */
	
	/* navbar Start 
	-------------------------------------------------- */
	.navbar{position:absolute; bottom:-51px; left:0; width:100%; z-index:99; border-radius:0;}
	nav {background:rgba(251,126,28,0.9);position:relative; float:left; width: 100%;}
	nav::before{ content:""; width:79px; height:55px; position:absolute; left:-79px;background:url(images/nav-left-bg.png) no-repeat top left;}
	nav::after{content:""; width:79px; height:55px; position:absolute; right:-79px;background:url(images/nav-right-bg.png) no-repeat top right;}
	.navbar-nav{ text-align:center; }
	.navbar-nav > li{position:static; float:left;}
	.navbar-nav > li > a{  position: relative; z-index:1;padding: 6px 10px;font-size:15px; line-height:38px; color:#fff; font-weight:600;}
	.navbar-nav > li > a i{margin-right:8px; font-size:19px; }
	.navbar-nav > li.active > a{background:#646464}
	.navbar-header{display:none;}
	.nav-area {float:left; }
	.nav-area .main-close { display:none;cursor: pointer; right: 0;position: absolute; top: 9px;width: 40px; height:38px; text-align:center; line-height:35px;font-size: 24px;z-index: -1; background:rgba(251, 126, 28, 0.9); color:#fff;}
	
	/* mega menu */
	.megamenu{ display:none;text-align:left;position: absolute; left:0;top: 100%;width: 100%;z-index: 2; background:#fff; padding:30px;border-bottom: 3px solid #fc7d1c;}
	.navbar-nav > li:hover .megamenu{display:block;}
	.megamenu ul{padding:0; margin:0; list-style:none;}
	.caption{color:#574f4f; font-size:12px; line-height:21px; margin:20px 0 0;}
	.sub-category > li > a{ cursor:default;color:#333333; font-size:16px; line-height:38px; font-weight:600}
	.sub-category ul li{position:relative; padding-left:15px;}
	.sub-category ul li a{color:#666666; font-size:14px;line-height:38px; }
	.sub-category ul li:before{ position:absolute; top:16px; left:0; z-index:1;font-size:18px;vertical-align:middle;font-family: "untitled-font-15";content: "\49";color:rgba(51,51,51,0.2);}
	.sub-category ul li:hover a,.sub-category ul li:hover:before{color:#fc7d1c;}
	.navbar-nav li .mobile-arrow{ display:none;z-index: 2; border-radius:2px; font-size:20px; font-weight:bold;line-height:46px;position:absolute; right:6px; top:0px;width: 24px; text-align:center;  cursor:pointer;color:#fff;}
	.navbar.fixHeader .megamenu {box-shadow: 1px 4px 8px 2px #bbbbbb;}
	.navbar-nav li .sub-category .mobile-arrow{color:#fc7d1c;}
	/* navbar End
	-------------------------------------------------- */
	
	/* FixHeader Start 
	-------------------------------------------------- */
	body.bodyfixed {overflow: hidden;}#gov_logo_1_yellow,#gov_logo_2_yellow{ display:none}
	.top-header.fixHeader {position: fixed;top: 0;z-index:999; width:100%;}
	header.fixHeader .navbar{ /* bottom: -48px;*/box-shadow:0px 3px 3px -1px #cccccc;}
	.navbar.fixHeader .navbar-nav > li > a{padding-top:5px; padding-bottom:5px;}
	.navbar.fixHeader {background:rgba(251,126,28,0.9);position:fixed; top:31px; left:0px; width:100%;bottom:auto; }
	.navbar.fixHeader nav{background:none;}
	.navbar.fixHeader nav::before,.navbar.fixHeader nav::after{background:none;}
	.navbar.fixHeader nav::before{left:0px;}
	.navbar.fixHeader nav::after{right:0px;}	
	/* FixHeader End 
	-------------------------------------------------- */

/* Header End
-------------------------------------------------- */

/* banner Start 
-------------------------------------------------- */
.banner { position:relative;}
.banner .img { width:100%; height:auto;}
.banner .banner-content {position:absolute; top:50%; left:0; width:100%;margin-top: -50px;}
.banner .slick-slide  > img{width:100%; height:auto;}
.CM{position:absolute; bottom:0; right:0; background:url(images/cm_bg.png) no-repeat bottom left;min-width: 350px;padding-left:150px;}
.CM div{display:table-cell; vertical-align:bottom;text-align:right;}

.CM label{ font-weight:normal; font-size:18px;line-height: 22px; margin:0; float:left; width:100%;}
.CM label,.CM p{color:#fff;}
.CM p{font-size:13px; line-height: 16px;color: #fff;}

.PM{position:absolute; bottom:0; left:0; background:url(images/pm_bg.png) no-repeat bottom right; min-width: 448px; background-size:100% auto;}
.PM div{display:table-cell; vertical-align:bottom;}
/*.PM div img{margin-right:20px;} */
.PM div img {
    margin-right: 20px;
    /*width: 260px;*/
    width: 100%;
}

.PM label{ font-weight:normal; font-size:18px;line-height: 22px; margin:0; float:left; width:100%;}
.PM label,.CM p{color:#fff;}
.CM div img {margin-left:20px;}
.PM p{font-size:13px;line-height: 16px; color: #fff;}
/* banner End
-------------------------------------------------- */

	 
/* content Start 
-------------------------------------------------- */
.content {position:relative; padding-bottom:60px; background:#eff3f5;} 
.overview{ position:relative;padding-bottom:24px;}
.overview .imp-info { position:relative; margin:20px 0;padding: 9px 9px 9px 222px;border:1px solid #dbe1e4; background:#fff;}
.overview .imp-info .heading{ font-size:14px; line-height:12px;position:absolute; width:220px; top:0; left:0;border:1px solid #dbe1e4;height: 100%; padding: 10px 14px;}
.overview .imp-info .heading span{top:50%;margin-top: -6px;position: absolute;width: 100%;}
.overview .imp-info p{ position:relative; padding-left:25px;font-size:0.813em; margin:0;float: left; margin:0 10px;}
.overview .imp-info p:before{ content: "\77"; position:absolute; left:0;font-family: "untitled-font-15"; color: #a8a9ad; font-size:1.5em;line-height: 2em;}
.overview .imp-info p .btn{ padding:0}
.imp-info .marquee{overflow:hidden; width:100%}
.project-status{ position:relative; margin-bottom:30px;}
.project-status label{ background:url(images/project-status-bg.png) no-repeat left top; background-size:100% auto; padding:18px; font-weight: normal;margin:0;position:absolute; top:0; left:0; font-size:1.500em; z-index:1;font-weight:700; color:#fff; text-transform:uppercase;}
.metroVideo {margin-bottom: 20px;}
.metroVideo .video { position: relative; }
.video label{ background:url(images/project-status-bg.png) no-repeat left top; background-size:100% auto; padding:18px; font-weight: normal;margin:0;position:absolute; top:0; left:0; font-size:14px; z-index:1;font-weight:700; color:#fff; text-transform:uppercase;}
.video .slick-slide iframe{width:100%;}
.project-status .slick-slide img{width:100%; height:auto;}
.project-status .slick-prev , .video .slick-prev {left: 10px;}
.project-status .slick-next , .video .slick-next {right: 10px;}
.project-status .slick-prev,.project-status .slick-next, .video .slick-prev, .video .slick-next {height:35px; width:35px; background:#272d32; padding:15px 0px 0px;}
.project-status .slick-prev:hover,.project-status .slick-next:hover , .video .slick-prev:hover, .video .slick-next:hover{opacity:0.9;}
.project-status .slick-prev::before,.project-status .slick-next::before, .video .slick-prev::before, .video .slick-next::before{font-size:20px;}

.contentbox{ margin-bottom:20px;position:relative; padding-top:40px;background:#fff; border-color:#dbe1e4; border-style:solid; border-width:1px 1px 6px;}
.contentbox .heading{position:absolute; top:0; left:0; padding:10px;}
.contentbox .box {padding:16px 15px; border-bottom:1px solid #dcdcdc;}
.contentbox .box p{ margin:0;}
.contentbox .box p img { margin-left:10px;}
.contentbox .box p.date{text-transform:uppercase; color:#333333;}
.contentbox .box-btn{ padding:0 18px; display:inline-block; width:100%;}
.contentbox .box-btn a{float:right;}
.contentbox .box-btn a:hover{color:#333; text-decoration:none;}
.contentbox .box-btn a i{font-size: 1.3em;}
.contentbox .text{ padding:57px 24px;}
.contentbox .text p:last-child{margin:0;}
.contentbox .marquee{ height:366px;}
/*.contentbox.tenders .marquee{ height:697px;}*/
.citizen .text{ min-height: 282px;}
.social-links{box-shadow: 0 0 1px 0 #a8a9ac;position:fixed; z-index:9; right:0; top:50%;width:55px; background:#fff; text-align:center;}
.social-links .heading{ min-width: 55px;position:relative; font-size:12px; line-height:16px; padding:14px 0 18px;margin-bottom: 20px;}
.social-links .heading:after{ content:""; position:absolute; left:50%;bottom:-10px; margin-left:-10px; border-top:10px solid #fb7e1c;border-left:10px solid transparent;border-right:10px solid transparent;}
.social-links ul{padding:0; margin:0; list-style:none;}
.social-links li a{ text-decoration:none;height:45px; width:55px; display:inline-block; line-height:45px;font-size: 25px;}
.social-links li a.facebook{ color:#3b5998;}
.social-links li a.twitter{ color:#55acee;}
.social-links li a.you-tube{ color:#e02f2f;}
.social-links li a.google{ color:#e02f2f;}
.social-links li a:hover{ background:rgba(0,0,0,0.1);}
.metro-alignment{ text-align:center; padding:35px 0; background:#fff;}
.metro-alignment h2{margin:20px 0 25px;}
.metro-alignment .border{ position:relative;height:1px; width:100%; background:#cfbaba; max-width:42%; margin:0 auto;}
.border .icon-box{ font-size:1.5em;color:#cfbaba;position:absolute; left:50%; top:0; background:#fff; height:36px; width:36px; border-radius:50%; line-height:36px; text-align:center; display:inline-block; margin-top:-18px; margin-left:-18px;}
.metro-alignment .metro-alignment-route{ margin:25px 0; background:#fff;}
.metro-alignment .btn-link{color:#fb7e1c;float:right; font-size:1.125em;font-weight:600; text-decoration:underline;}

/* content End
-------------------------------------------------- */

/* footer Start 
-------------------------------------------------- */
footer { background:#424141; color:#fff;}
.footer-links { padding:40px 0;}
.footer-links li,.footer-links p{opacity:0.7; color:#fff;font-size:0.85em; line-height:21px;}
.footer-links ul{list-style:none; margin:0; padding:0;}
.footer-links ul li a{color:#fff;}
.footer-links ul li:hover{opacity:1;}
.footer-links .links li{padding-left:14px; position:relative;}
.footer-links .links li:before{font-family: "untitled-font-15";content: "\49";top: 6px; position:absolute; left:0;}
.footer-links .office li{padding-left:20px; position:relative; margin-bottom:18px}
.footer-links .office li i{position:absolute; left:0;top: 0px;}
.counter {padding-top:20px;}
.counter h3{margin-bottom:10px;}
.counter span{ border:1px solid #1c1d1f; border-radius:4px; padding:2px 14px; display:inline-block;}
.bottom-footer{ background:#353434;padding:19px 0 12px;}
.bottom-footer .copy-right{ float:left;font-size:0.813em;color:#fff; opacity:0.5}
.bottom-footer .rightBar{float:right;}
.bottom-footer ul{float:left; margin:0 -5px 0 0; }
.bottom-footer ul li{float:left;}
.bottom-footer ul li a{ border-radius:50%;font-size:14px; height:26px; width:26px; text-align:center; line-height:26px; color:#fff; display:inline-block;}
.bottom-footer ul li:first-child{padding-right:13px;font-size:14px;}
.bottom-footer ul li a.facebook{ background:#4863ae;}
.bottom-footer ul li a.twitter{ background:#46c0fb;}
.bottom-footer ul li a.you-tube{ background:#ff0000;}
.bottom-footer ul li a.google{ background:#dd4b39;}
.bottom-footer ul li a.blogger{ background:#ff6600;}
.bottom-footer ul li a:hover{opacity:0.7;}
.google_translate{float:left; margin-left:45px;}
.google_translate .disclaimer{float:left; color:#fb7e1c; font-size:1.8em; display:inline-block; line-height:24px; text-align:center; margin-right:10px}

.back-to-top{ text-decoration:none;display:none;position:fixed; bottom:0; right:15px; padding:10px 12px;background:rgba(251,126,28,0.8); color:#fff; z-index:999; border-radius: 4px 4px 0 0;}
.back-to-top:hover,.back-to-top:focus{ text-decoration:none;} 
/* footer End
-------------------------------------------------- */

/* Inner Pages Start 
-------------------------------------------------- */
.innerPage h1{ text-transform:uppercase;padding:15px 25px;font-size:24px; line-height:24px; font-weight:400;text-align:center; display:inline-block; background:rgba(0,0,0,0.5);}
.innerPage h2{ margin:0; padding:14px 20px 12px; text-transform:capitalize;color:#e3721a;font-weight: 600; font-size:1.125em; line-height:1.500em; border-bottom:1px solid #dbe1e4; padding-bottom:14px;}
.innerPage .banner .banner-content {text-align:center; margin-top:-18px;}
.breadcrumb-sec { background:#fff; border-bottom:1px solid #dcdcdc;}
.darkText{ color:#000000;}
.centerBlock{ margin:36px 0 0;} 
.leftContent{}
.rightContent{ background:#fff; border:1px solid #dbe1e4; border-radius:4px;}
.rightContent .contentArea{ padding:20px;}
.rightContent .contentArea p{margin-bottom:30px;}
.rightContent .contentArea p:last-child{margin:0;} 

/* Contact Us page Start 
-------------------------------------------------- */
.contact-us p{margin:0 0 30px;}
.contact-us label{color:#333333; font-weight:400}
.contact-us address {margin-bottom:27px;}
.contact-us address label{font-weight:600;}
.contact-us address p{margin:0; position:relative; padding-left:15px;}
.contact-us address p i{position:absolute; left:0;}
/* Contact Us page End
-------------------------------------------------- */

/* Vision&Mission page Start 
-------------------------------------------------- */
.about-us h3{ background:#646464; margin:0; border-radius:4px 4px 0 0; font-size:1.000em; padding:12px 22px;}
.rightMenu,.rightMenu ul{background:#fff;margin:0; padding:0; list-style:none;}
.rightMenu{border:1px solid #dbd6d6; margin:0 0 36px; border-bottom:none;}
.rightMenu > li{ position:relative; z-index:1;}
.rightMenu > li > a{font-weight:600;}
.rightMenu li a{padding:8px 22px;background:#fff;color:#333333; border-bottom:1px solid #dbd6d6; width:100%; display:inline-block;}
.rightMenu .subMenu{/*display:none;*/}
.rightMenu .subMenu li a{background:#fff; position:relative; padding-left:40px;}
.rightMenu .subMenu li a:before{ font-size:1.375em;font-family: "untitled-font-15";content: "\49";top: 16px; position:absolute; left:20px; color:rgba(102,102,102,0.5);}

.rightMenu li a:hover{background:#eee;}
.rightMenu li.active > a,.rightMenu li.active > a:hover{/*color:#fff; background:#fc7d1c;*/color:#fc7d1c;}
.rightMenu .subMenu li.active > a:before,.rightMenu li.active > a:hover:before{/*color:#fff;*/ color:#fc7d1c;}
/*.rightMenu .mobile-arrow {z-index:1;border-radius: 50%; background:#fff;color: #666666;cursor: pointer;font-size:1.375em;line-height: 19px; position: absolute;right: 13px;text-align: center;top: 12px;width: 19px; height:19px;}*/
.rightMenu .career-with-us{border:1px solid #dbd6d6; position:relative;}
.project-aims{padding:0; list-style:none; margin:0 0 30px;} 
.project-aims li{position:relative; padding: 2px 0 2px 30px;}
.project-aims li:before{ font-family: "untitled-font-15";content: "\77"; font-size: 1.5em; color: #a8a9ad;line-height: 2em; position:absolute; left:0; top:1px; width:20px; height:14px; /*background:url(images/mega-icon.png) no-repeat;*/}
/* Vision&Mission page Start 
-------------------------------------------------- */

/* Media page Start 
-------------------------------------------------- */ 
.filter{margin:0 0 20px;}
.filter .filter-group{float:left;}
.filter label{ float:left;line-height:2.7em; margin:0 10px 0 0;}
.filter .bootstrap-select{margin:0 10px 0 0;float:left;max-width:337px;}
.filter .bootstrap-select .btn-default{ font-size:0.875em; line-height:3.2em; background:#fff; color:#9f9f9f; border-color:#dcdcdc; border-radius:4px; padding:0 10px;}
.filter .bootstrap-select .dropdown-menu{border-color:#dcdcdc;}
.filter .bootstrap-select .dropdown-menu > li > a{font-size:0.875em;}
.filter .search{font-size:1em; line-height:2.7em; padding:0 25px;}
.table{ background:#fff;text-align:center; font-size:1.000em; line-height:1.313em;margin:0;}
.table th{ text-align:center; color:#fff; font-weight:600;background:#646464;}
.table th.text-left{text-align:left;}
.table td span{display:block; font-size:0.875em;}
.media_gallery .galleryBox{ margin:15px 0; text-align:center;}
.media_gallery .galleryBox > a{display:inline-block;}
.media_gallery .galleryBox .img-responsive{border-radius:4px; }
.media_gallery .galleryBox video{background:#000;}
.media_gallery .galleryBox .img-responsive{height:230px; width:250px; max-width:100%; }
.media_gallery .galleryBox video{width:100%; max-width:100%; }
/* Media page End
-------------------------------------------------- */

/* Tenders Start 
-------------------------------------------------- */
.nav-tabs{margin:0 20px;}
.tab-content{padding:10px;border: 1px solid #dbe1e4; border-radius:4px; margin-top:-1px;}
.tenders .table td{text-align:left;}
.tenders .table td.text-center{text-align:center;}
.tenders .table td .dayLeft{ margin: 20px auto 0;width:50px; border-radius:4px;/*background:#fb7e1c;*/ color:#fff; font-weight:600; text-align:center; font-size:0.875em; line-height:1.125em;}
.tenders .table td .dayLeft span{ display:block; font-size:0.625em;}
.tenders .table-responsive {border: 1px solid #ddd;overflow: auto;width: 100%;height: 1000px;}
/* Tenders page End 
-------------------------------------------------- */

/* Careers Start 
-------------------------------------------------- */
.careers{}
.careers .table td{vertical-align:top;}
.table td .btn-link{ padding:0; font-size: 1em; line-height:1.313em;font-style:normal; font-weight:400; text-decoration:underline;}
.job-seekers{ margin:45px 0 0;}
.job-seekers p a{display: inline-block;margin: 2px 0;position:relative; padding-left:25px;}
.job-seekers p a:before{ font-family: "untitled-font-15";content: "\77"; font-size: 1.3em; color: #f78b24;line-height: 1.9em; position:absolute; left:0; top:1px; width:20px; height:14px; /*background:url(images/mega-icon.png) no-repeat;*/}
.job-seekers .attention-img{margin-bottom:15px;}
.career-form label{ color:#333333;}
.career-form .form-group {display: inline-block; width:100%;}
.career-form .form-group label{ font-weight:400;}
.career-form .form-control{ height:38px;border-color:#dedede; box-shadow:none; border-radius:0; color:#333333;line-height: 1.5em; font-size:1em;}
.career-form textarea.form-control{height:120px;}
.career-form .bootstrap-select .btn-default{ background:#fff; width:100%; padding: 6px 12px;border-color:#dedede;color:#333333;line-height: 1.5em; font-size:1em;}
.career-form .bootstrap-select.btn-group .dropdown-toggle .caret{ border-top-color:#333333;}
#FileUpload {position:relative;margin-bottom:15px;}
#BrowserVisible {position: absolute;top: 0px;right: 0px;z-index: 1;background:url(images/choose-file.png) 100% 0px no-repeat;height:38px;width:100%; padding-right:120px}
#FileField {width:100%;height:38px;border:solid 1px #dedede;font-size:1em;line-height: 1.5em;; text-indent:10px;}
#BrowserHidden {position:relative;width:100%;height:38px;text-align: right;opacity: 0;z-index: 2;}
.career-form .submit-btn .btn-default{ margin-top:25px;}
/* Careers End 
-------------------------------------------------- */

/* Directors Start 
-------------------------------------------------- */
.career-with-us{position:relative; margin-bottom:25px; border:1px solid #e2e2e2;}
.career-with-us .caption{ text-transform:uppercase;margin:0;background:rgba(231,118,30,0.9); padding:14px; line-height:1.125em;position:absolute; top:0; left:0;font-style: italic;font-weight: 600; color:#fff;}
.directors .table tr td{vertical-align:top;}
.directors .designation{ color:#333333;line-height:1.500em; margin:0 0 10px;}
.rightContent .contentArea.directors  p{margin:0 0 8px;/* font-size:0.85em; line-height:1.55em;*/}
.directors .darkText { color:#333; font-weight:600;}
.directors img{ max-width:120px; display:inline-block;}
/* Directors End 
-------------------------------------------------- */

/* Inner Pages End 
-------------------------------------------------- */

.table .pdf-detail{display:block;}
.table .pdf-detail:hover{text-decoration:underline;}
.rightContent .contentArea.contact-us  address p {margin: 0 0 10px;padding-left: 20px;}
.rightContent .contentArea.contact-us  address p:first-child{padding:0;}

.metro-alignment-route{position:relative; width:1140px; /*height:896px;*/}
.metro-alignment-route a{position:absolute; }
.metro-alignment-route a div{ min-width: 150px;display:none; background:#fff; position:absolute;left: 100%; top:100%; border:1px solid #adadad;border-radius:4px; font-weight: 600; z-index:1;}
.metro-alignment-route a:hover div{display:block;}
.metro-alignment-route a div span{display:table-cell; vertical-align:top; padding:5px;}
.metro-alignment-route a div span img{max-width:50px; vertical-align:top;}
.metro-alignment-route a.orange-circle{ color:#f37c1f;height:31px; width:31px; background:url(images/orange-circle.png) no-repeat center center;}
.metro-alignment-route a.green-circle{ color:#178040;height:21px; width:21px; background:url(images/green-circle.png) no-repeat center center;}
.metro-alignment-route a.blue-circle{ color:#2aaae0;height:21px; width:21px; background:url(images/blue-circle.png) no-repeat center center;}
.metro-alignment-route a.pink-circle{ color:#eb008a;height:21px; width:21px; background:url(images/pink-circle.png) no-repeat center center;}
.metro-alignment-route a.gray-circle{ color:#333333; height:21px; width:21px; background:url(images/gray-circle.png) no-repeat center center;}
.metro-alignment-route a.s1{left:13px; top:40.3%;}
.metro-alignment-route a.s2{left:94px; top:40.6%;}
.metro-alignment-route a.s3{left:150px; top:41.99%;}
.metro-alignment-route a.s4{left:213px; top:43.65%;}
.metro-alignment-route a.s5{left:24%; top:44.5%;}
.metro-alignment-route a.s6{left:29.6%; top:47.7%;}
.metro-alignment-route a.s7{left:34.2%; top:48.5%;}
.metro-alignment-route a.s8{left:37.7%; top:49.8%;}
.metro-alignment-route a.s9{left:47%; top:49%;}
.metro-alignment-route a.s10{left:50.7%; top:58.4%;}
.metro-alignment-route a.s11{right:38.1%; top:58.95%;}
.metro-alignment-route a.s12{bottom:29.4%;right:35.8%;}
.metro-alignment-route a.s13{bottom:25.3%;right:29.8%;}
.metro-alignment-route a.s14{bottom:23.4%;right:23.9%;}
.metro-alignment-route a.s15{bottom:20.7%;right:17.7%;}
.metro-alignment-route a.s16{bottom:19.2%;right:9.5%;}
.metro-alignment-route a.s17{bottom:16.4%;right: 4.5%;}
.metro-alignment-route a.s18{bottom: 14.4%;right: -6px;}
.metro-alignment-route a.s18 div{left:auto; right:100%;}
.metro-alignment-route a.s19{right:43.1%;top:19px;}
.metro-alignment-route a.s20{right:44.99%;top:10.5%;} 
.metro-alignment-route a.s21{right:44.7%;top: 19.6%;}
.metro-alignment-route a.s22{right:48.3%;top: 23.6%;}
.metro-alignment-route a.s23{left:43.4%;top:25.5%;}
.metro-alignment-route a.s24{left:37.5%;top:25.5%}
.metro-alignment-route a.s25{left:34.99%;top:32.2%;}
.metro-alignment-route a.s26{left:36.8%;top: 43%;}
.metro-alignment-route a.s27{bottom:38.1%;left:39.2%;}
.metro-alignment-route a.s28{bottom:30.9%;left:34.8%;}
.metro-alignment-route a.s29{bottom:27.5%;left:27.6%;}
.metro-alignment-route a.s30{bottom:24.3%;left: 20.5%;}
.metro-alignment-route a.s31{bottom:20.6%;left:18.1%;}
.metro-alignment-route a.s32{bottom: 14.1%;left: 20.3%;}
.metro-alignment .btn-link{display:none;}
#html5-watermark{ display:none !important;}

.travel_planner {background: #eeeeee;display:inline-block;min-height: 196px;padding: 14px 20px 18px;width: 100%;}
.travel_planner .filter .bootstrap-select{ max-width:100%; margin-bottom:10px;}
.travel_planner .filter label { float:none; display:inline-block;width:100%; margin:0px;}
.travel_planner .filter .search.btn{margin-top:37px; max-width:100%;padding: 0 18px;}

.travel_planner .left-search .row {margin:0 -10px; }
.travel_planner .left-search .row .col-sm-6,
.travel_planner .left-search .row .col-md-3 {padding:0 10px; }
.travel_planner .left-search {float: left; width: 79.64%;}
.travel_planner .opction-box {background: #fff; padding: 12px 10px 11px;width: 100%;}
.travel_planner .opction-box .icon {display: inline-block;margin-bottom: 10px;text-align: center;width: 100%;}
.travel_planner .opction-box .text {color: #000000;display: inline-block;font-size: 1em;line-height: 24px;text-align: center;width: 100%;}
.travel_planner .opction-box.last {width:18.58%; float:right;}

.mahatama-logo {float: left; width: 100px; margin-left: 30px; margin-top: 10px;  }
.mahatama-logo img {max-width: 100%;}
.top-intro .metro-intro {float: left; padding-top: 12px; margin-left: 30px;}
.mahatama_logo { padding-right: 30px; padding-top: 10px; }
table.civil_systems { width: 100% }
table.civil_systems tr > td { border-bottom: 1px solid #000000; }
table.civil_systems tr:last-child > td { border-bottom: 0;}
.PM, .CM {
    display: block;
}
/*  
.PM, .CM {
    display: none;
}
*/
.last-sec {float: right;}
.last-sec img {max-width: 110px;}
/* Responsive Style Start 
-------------------------------------------------- */
@media (max-width: 1300px) {
nav::before,nav::after{background:none;}
nav::before{left:0px;}
nav::after{right:0px;}	
}
@media (max-width: 1199px) {
.navbar-nav > li > a{font-size: 13px;padding:6px;}
.navbar-nav > li > a i {font-size:17px;margin-right: 6px}
.media_gallery .galleryBox .img-responsive,.media_gallery .galleryBox video{ height:190px; width:200px;}
.travel_planner .opction-box .text {font-size:0.9em;}
.travel_planner .opction-box {padding: 8px 6px; }
.travel_planner .opction-box .icon {margin-bottom:5px; }
.metro-alignment .table-responsive{ overflow-x:auto;}
}
@media (min-width: 992px) {
/* megamenu */
.megamenu ul{display:block !important;}
.navbar-nav > li:hover .megamenu{display:block !important;}
header .top-header .search-boxSmall {display:none;}
header .top-header .search-openMoblie {display:none !important;}
nav{left:0 !important;}
}

@media (max-width: 991px) {
header {padding:0px; }
.navbar-toggle{ margin:0;}
.top-intro .metro-intro {padding-top:10px; margin-left: 0px; }
/*.top-intro .first{float:none; display:inline-block;}*/
.top-intro .last{display:none;}
.top-intro .metro-intro{width:100%; text-align:center;}
.top-intro .navbar-brand{text-align:right; display:inline-block;}
.top-intro .metro-intro p{display:inline-block;}
.top-header {position:static; }
.top-header ul.skip-links{width:100%;border-bottom: 1px solid #dbe1e4; border-left:none;}
.top-header .rightLinks{float:left; border-left:none;}
.top-header.fixHeader {position:static; }
.navbar.fixHeader {position:static; }
.navbar.fixHeader nav{background:rgba(251,126,28,0.9);}
.navbar-header{ display:block;float:left;}
.navbar{position:relative; bottom:0;}
.navbar-nav > li{width:100%; display: inline-block;}
.navbar-nav > li > a{ padding:6px 10px; width:100%;font-size: 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.5); text-align:left;}
.nav-area .main-close { display:block;}
.nav-area { height: 100%; overflow-y: scroll;width: 100%;}
.navbar nav{height: 100%;position: fixed; left: -100%; top: 0;width: 80%;z-index: 9999;}
nav::before{ background:none; left:0;}
nav::after{background:none; right:0;}
header .top-header .search-box {display:none; }

/* mega-menu */
.navbar-nav li{position:relative;}
.navbar-nav > li:hover .megamenu{display:none;}
.navbar-nav li a{font-size: 16px;padding: 6px 10px; display:inline-block; width:100%; font-weight:400;}
.navbar-nav li .mobile-arrow{ display:block;}
.megamenu .imgPart{display:none;}
.megamenu{position:relative; top:0; padding:0; display:none;}
.sub-category > li > a{cursor:pointer;}
.sub-category ul {display:none;}
.sub-category ul li{padding:0;}
.sub-category ul li::before{content:"";}

.banner .navbar{position:static;}
.counter {padding-top:0px;}
.social-links{ position:static; width:100%; float:left;background:#ececec;}
.social-links .heading{ margin:0 20px 0 0;  padding: 15px 10px 14px;}
.social-links li a{width:45px;}
.social-links .heading::after{ left:auto; right:-10px; bottom:auto; top:50%; margin:-8px 0 0; border-left: 10px solid #fb7e1c;border-right: none;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.social-links ul,.social-links .heading {float:left;}
.social-links ul li{float:left;}
.back-to-top{ display:block; opacity:0;}
.back-to-top.active{opacity:1;}
.content {padding-bottom: 46px;}
.bottom-footer .rightBar{width:100%; margin:10px 0 0;}
.filter .bootstrap-select{max-width:228px;}
.nav-tabs>li>a {padding:16px 28px;}
.travel_planner .filter .search.btn{margin-top:15px;}
.travel_planner .opction-box {margin-bottom:20px; padding:20px 0;}
.travel_planner .opction-box.last {width:48%; float:left;}
.travel_planner .left-search {width:100%; }
.PM div{width:}
}

@media (max-width: 767px) {
h1 { font-size:36px; line-height:38px;}
header { position:static;}
.top-header ul li a{padding:0 8px;}
.banner {margin:0;}
.banner .banner-content { position:static; top:0; margin:0;}
.banner .banner-content h1{ color: #333333; margin:20px 0;}
.banner .slick-dots{position:static; bottom:0;}
.banner .slick-prev,.banner .slick-next{top:28%;}
.banner .slick-prev{left:15px;}
.banner .slick-next{ right:15px;}
.CM{ position:static; padding-top:10px;}
.contact-us address label {margin-top:20px;}
.citizen .text{min-height:1px;}
.innerPage .banner .banner-content {margin-top:0px;}
.innerPage h1 {background:none;}
.rightContent{margin-top:30px;}
.breadcrumb-sec{ border-top: 1px solid #dcdcdc;}
.filter label{width:100%;}
.filter .bootstrap-select{ max-width:100%; margin:0 0 10px; height:auto;}
.media_gallery .galleryBox .img-responsive,.media_gallery .galleryBox video{ height:170px; width:190px;}
.nav-tabs { margin: 0 10px;}
.nav-tabs > li > a{font-size: 0.82em;padding: 10px;}

.travel_planner .opction-box .text {font-size:1em; }
.travel_planner .opction-box .icon {margin-bottom:10px; }

}
@media (max-width: 639px) {
.bottom-footer{text-align:center;}
.bottom-footer .copy-right{ float:none;}
.bottom-footer ul{ float:none; margin:10px 0 25px;display: inline-block;}
.bottom-footer ul li:first-child {padding-right: 5px;}
.google_translate{float:none; display:inline-block; width:100%; text-align:center; margin:0;}
.CM{background-size:cover;}
.CM p{max-width:100%;}
.CM div img {margin-right: 5px;}
.CM label {font-size: 15px;}
.CM p {padding-right: 10px;font-size: 12px;}
.overview .imp-info {padding:9px;}
.overview .imp-info .heading{position:relative; margin: 0 0 10px;width: auto;}
.overview .imp-info .heading span{margin:0; top:0; position:relative;}
.top-intro .navbar-brand{float:right;}
.top-intro .metro-intro p{display:inline-block; width:100%; padding: 10px 0 0; font-size:11px;}

}
@media (max-width: 479px) {
.banner .slick-prev,.banner .slick-next{top:20%;width: 40px; height:40px;}
.banner .slick-prev::before,.banner .slick-next::before{font-size:24px;}
.top-header .quick-access{margin:0 -15px;}
.top-header ul {border:none; float:none; text-align:center;}
.top-header ul li{width:100%; text-align:center;}
.top-header .rightLinks{width:100%;}
.top-header ul.rightLinks li:first-child{border-bottom: 1px solid #dbe1e4;border-right:none;}
.top-header ul li a{float:none; display:inline-block;}
.top-header ul li.language,.top-header ul li.theme,.top-header ul li.font-size{width:auto;}
.top-header ul li.theme { padding: 0 5px; border-right:none;}
.top-header ul li.searchBox{border-top: 1px solid #dbe1e4;border-right:none;}
header .search-boxSmall{margin:0 auto;}
.top-header ul.skip-links li{border-bottom: 1px solid #dbe1e4;}
.media_gallery .col-xs-6{width:100%;}
.media_gallery .galleryBox .img-responsive,.media_gallery .galleryBox video{ height:auto; width:100%;}
.nav-tabs > li{width:100%;}
.directors .director-img, .directors .director-detail{display:inline-block; width:100%;}
.directors .director-img img{ width:auto; max-width:100%;}
.directors .director-detail{padding:20px 0 0;}

.travel_planner .left-search .col-xs-6 {width:100%; }
.travel_planner .opction-box.last {width:100%; }
.mahatama-logo  {margin-left: 10px; width: 70px; margin-top: 30px; }
}

.magnify {
    position: relative;
    display: inline-block;
    width: 100%;
}
img.imgMagnify_1544255257 {
    width: 100%;
}

.contentboxt {
    margin-bottom: 20px;
    position: relative;
    background: #fff;
    border-color: #dbe1e4;
    border-style: solid;

}