@font-face {
  font-family: 'El Messiri';
  src: url('../../fonts/ElMessiri-Regular.woff') format('woff'),
       url('../../fonts/ElMessiri-Regular.ttf') format('truetype'),
       url('../../fonts/ElMessiri-Regular.svg#Raleway') format('svg');
  font-weight: normal;font-style: normal;}


body, html { overflow-x:hidden; background:#333 }
* {-webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0;}

.templatemo_clear {clear: both;}
.height30 {height: 30px;}
ol, ul{list-style:none}
header{background-color: rgba(0, 0, 0, 0.4);width: 100%;position: absolute;}

.smaller {font-size:.85em!important}
.medium {font-size:.95em!important}
.larger{font-size:1.05em!important}

.clearfix {height: 0px;clear: both;}
.emblem {float:left;display:inline-block;width:40px;margin:11px 0 0 15px;padding:2px 2px;background: rgba(255, 255, 255, 1);border-radius: 5px;}

.templatemo_clear {clear: both;}
.height30 {height: 30px;}
ol, ul{list-style:none}
header{background-color: rgba(0, 0, 0, 0.43);width: 100%;position: absolute;}
a{color:yellow}
a:hover, a:focus{color:Green}
.top-bar {min-height: 40px}
.top-menu {min-height:30px; z-index: 5000; width:100%}
.templatemo-top-menu .navbar-toggle {margin-top: 38px}
.templatemo-top-menu .navbar-brand {padding: 0;margin: 30px 0 0 0}
.citizen-login{background: #5cb85c;padding: 2px 5px;border-radius: 3px;}
.citizen-login, .citizen-login:visited{color: #fff !important}
.clearfix {height: 0px;clear: both;}
.mrtn-top-20 { margin-top:20px;}

/* ------ Carousel ----- */
.section {background:#909090;padding: 20px 0;color: #fff}
.section .inner-bg {background:#1d1d1d;border-top: 3px solid #807f7e; padding-bottom:20px;}
.mrgn-top-0 {margin-top:0px;}
.min-height { min-height:450px;}
#carousel{margin-top: 105px}
#templatemo-carousel {background: url('../images/templatemo_carousel_bg.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover; overflow-x: hidden; margin-bottom:0; height: 500px}
#templatemo-carousel .carousel-caption {z-index: 10;}
#templatemo-carousel .item {height: 500px;}
#templatemo-carousel .carousel-inner > .item > img {position: absolute;min-width:100%;height:500px;left: 0;top: 0;}
.owl-pagination{display:none}
.breadcrumbDiv{background:transparent; margin-bottom: 25px;color: #fff;border-bottom: 1px dotted #fff;height: 37px;margin-top: 10px}
.breadcrumb {float: left;margin-bottom: 0px;background-color: transparent;padding: 8px 0}
.breadcrumb li {white-space:nowrap}
.print {float: right;display: inline-block;margin-bottom: 0px}

.important-link {margin-bottom: 10px;color: #fff;font-size: 14px;text-align: center;}
.important-link .homeBox {margin-bottom: 25px;cursor: inherit;min-height: 158px; background: #080808;border: 1px solid #ccc;padding: 10px;margin: 0 0 13px 0}
.important-link .homeBox:hover { background-color:#333; cursor: pointer;border-color: #ccc;color: #fc0 !important;}
.important-link .homeBox a span {background: #fc0;height: 64px;width: 64px;display: inline-block;border-radius: 50%;    margin-bottom: 15px;}
.important-link .homeBox a span img {margin: 12px 0;}
.indigov { margin-top:-30px; width:60px;}
.emblem { float:left; display:inline-block;width:40px;margin:10px 0 0 15px;}


@media (min-width: 768px) {
#templatemo-carousel .carousel-caption p {margin-bottom: 20px;line-height:1.4;font-size: 21px;}
#templatemo-carousel .carousel-caption {padding-bottom: 140px;right: 20%;left:20%;}
}

@media (max-width: 768px) {
#templatemo-carousel .carousel-caption {padding-bottom: 120px;}
}
 
    
.thumb {margin:20px 0}
.homethumb1 small, .homethumb1a small, .homethumb3 small, .homethumb4 small { font-size:70%} 
.homethumb1{background-color: #000;padding:10px;height:110px;font-size: 1.3em;color: #fff; text-align:center; line-height:130%;    border: 1px solid #666;}
.homethumb1 img {width: 120px;display: block;margin: 0 auto 15px;}
    
.homethumb1a{background-color: #000;padding: 10px;height:110px;font-size: 1.5em;color: #fff; text-align:center;line-height:130%;    border: 1px solid #666;}
.homethumb1a img {width:60px;display: block;margin: 0 auto 5px;}
    
.homethumb2{background-color:#000; padding:5px; height:94px; font-size:1.5em;  text-align:center;line-height:130%;    border: 1px solid #666;}
.homethumb2:first-child { margin-bottom:12px}
.homethumb2a{background-color:#000; padding:5px; height:94px; font-size:1.8em; text-align:center}
    
.homethumb3{background-color:#000; padding:10px; height:110px; font-size:1.5em; color:#fff; text-align:center;line-height:130%;    border: 1px solid #666;}
.homethumb3 img {width:90px;display: block;margin: 0 auto 5px;}
     
.homethumb4{background-color:#000; padding:10px; height:110px; font-size:1.5em; color:#fff; text-align:center;line-height:130%;    border: 1px solid #666;}
.homethumb4 img {width: 65px;display: block;margin: 0 auto 5px;}
    
/* ------ Welcome & Slogna ------ */
.templatemo-welcome {border-bottom: 1px solid #ccc;min-height: 230px;}
.templatemo-slogan {font-weight: normal;font-size: 42px;margin: 60px 0;color: #333;}
.templatemo-service {margin-bottom: 100px;margin-top:670px;}
.templatemo-service-item {margin-bottom: 10px;font-size: 20px;}
.templatemo-service-item p {font-weight: lighter;text-align: justify;margin-top: 25px;font-size: 14px;color: #929292;}

.subheader {font-weight: normal;margin-top: 12px;font-size: 0.93em;color: #e67e22;}
.subheader ul { float: right; position: relative; z-index:9999}
.subheader .subheadlogin{font-weight: bold;color: #e67e22;}
.btn-orange {background-color: #ff7600;border-bottom:2px solid #d35400;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;color:#fff;}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {background-color: #d35400;color:#fff;}
.btn-green {background-color:#2ecc71;border-bottom:2px solid #27ae60;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;color:#fff;}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {background-color: #27ae60;color:#fff;}

.nav > li > a {font-size:1em;font-weight: bold; padding: 10px 7px}
.nav > li > a:hover,.nav > li > a:focus {background-color: #ff7600;color:#fff}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {background-color:#5d5d5d;color:#fff;}
.nav > li > a {color: #929292;}
.navbar-default {background-color:transparent;border:none;}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {background-color: #ff7600;color:#fff;}

.navbar {margin-bottom: 0px; top: 0; position:absolute !important}
.navbar-brand {padding: 0 !important;line-height: 20px;margin: 4px 0 0 0 !important;}
.navbar-nav {margin-top: 40px !important}


/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {margin-bottom: 0;padding:0;}
.counters .carousel-inner { height:auto!important}
.carousel-control {left: -12px;}
.well .carousel-control.left {left: -12px;font-size: 50px!important; color: #fff;border-radius: 50%; height: 50px;width: 50px!important;padding: 18px 7px;top: 50%;margin-top: -58px;}
.well .carousel-control.right {right: -12px;font-size: 50px!important; color: #fff;border-radius: 50%;height: 50px;width: 50px!important;padding: 18px 7px;top: 50%;margin-top: -58px;}
.carousel-indicators {right: 50%;top: auto;bottom: 0px;margin-right: -19px;}
.carousel-indicators li {background: #c0c0c0;}
.carousel-indicators .active {background: #3333;}
.carousel-control {position: absolute;top: 0;bottom: 0;left: 0;width: 15%!important;font-size: 20px!important;color: #fff;text-align: center;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5;filter: alpha(opacity=50);}
.counters .well { background-color:transparent; border:0px; margin-bottom:0px; padding:0px;}
.subheader .list-inline > li{float: left;margin: 0 3px 0 0}
.subheader .list-inline > li a{float: left;white-space: nowrap}
.subheader li:first-child{background:#808080;  padding: 0 5px; border-radius: 3px;}
.subheader li:nth-child(2){background:#808080;  padding: 0 5px; border-radius: 3px;}
.subheader li:nth-child(3){background:#808080;  padding: 0 5px; border-radius: 3px;}
.subheader li:nth-child(-n+3) a, .subheader li:nth-child(-n+3) a:visited {color:#fff}

.width-30 { width:30px;}
.width-50 { width:50px;}

.digi-mah {margin: 9px 0 0 10px;font-size: 1.4em; padding: 15px 0 5px 10px; border-left: 1px solid #888;}
.digi-mah span{display:block}
.digi-mah .digi{color:#fff}
.digi-mah .orange{color: #fff;font-weight: bold}

.team_hr {border: 1px solid #fff; width: 35.5%; float: left;}
.team_hr_left {margin-right: 30px;margin-left: 15px; }
.team_hr_right {margin-left: 30px;}
.citizen_hr {border: 1px solid #fff;width: 39%;float: left;}
.citizen_hr_left {margin-right: 30px;margin-left: 15px; }
.citizen_hr_right {margin-left: 33px;}
.hr_gray {border: 1px dashed #f1f1f1;}

.templatemo-team {background: url('../images/background.png');min-height:590px;color:#fff;}
.templatemo-line-header {margin-top:100px;margin-bottom:50px;}
.member-thumb:hover .thumb-overlay {transition: all 0.3s ease-in-out 0s;visibility: visible;opacity: 1;}
.member-thumb {position: relative;overflow: hidden;}
.member-thumb .thumb-overlay {background-color: rgba(220, 157, 102, 0.8);position: absolute;visibility: hidden;padding-top: 35%;padding-left: 25%;height: 100%;width: 100%;opacity: 0;right: 0;top: 0;}

.thumb-overlay a {float:left;margin-right: 5px;}
.team-inner {margin-top:10px;}
.team-inner-header {font-weight:600;font-size:16px;}
.team-inner-subtext {font-weight:normal;font-size:12px;}
.row_team {margin-left:-50px;margin-top:70px;}
.row_team li {list-style: none;}

.templatemo-project-box {background-size: cover;position: relative;overflow: hidden;cursor:pointer;height: 200px;width: 200px;}
.templatemo-project-box:hover .project-overlay {transition: all 0.3s ease-in-out 0s;visibility: visible;opacity: 1;}
.project-overlay {background : rgba(0,0,0,.75);border : 2px solid #ff7600;visibility: hidden;position: absolute;text-align:center;padding-top:40px;color: #fff;height: 100%;width: 100%;opacity: 0;right: 0;top: 0;}
.project-overlay hr { width : 70%;}
.templatemo-project-gallery li {margin:15px;}
.txt_darkgrey {color: #333;}
.txt_darkgrey_strong, .txt_darkgrey_strong:hover {color: #333;text-decoration:none;	cursor:text;}
.txt_orange {color: #e67e22;}
.txt_slogan {font-size:14px; color:#929292;}
.templatemo-line-header span {font-size:1.8em;float :left;margin-top:2px;}
.team_box  div {text-align: center;padding-top: 100px;}
.blog_post {background:#000;color:#fff; overflow:hidden;padding:20px;margin-bottom:30px;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);box-shadow: 0 0 5px 0 rgba(0,0,0,.1);}
.blog_post a, .blog_post a:visited{color:yellow;font-weight: bold}
.blog_header {font-weight: bold;font-size: 1.4em;color: #ffffff;display: block}
.blog_text {text-align: justify;margin-top: 7px;clear: both;}

#templatemo-contact {margin-top:100px;border-top: 1px solid #ccc;font-size:14px;}
.templatemo-contact-map {margin-bottom: 15px;height: 378px;}

.head_contact {padding-bottom:80px;margin-bottom:0;}
.contact_right img {margin-right:5px;}
.contact_right form {padding-left:15px;padding-right:15px}
.tweet_txt {border-left:2px solid #fff;min-height:160px;}
.twitter_user {color: #FFFF33;font-size: 14px;float: right;}
.templatemo-partners {border-top: 2px solid #ccc;}
.templatemo-partners .templatemo-partner-item {margin-bottom: 5px;}

footer {border-top:1px solid #cccc;margin-top:30px;background:#636363; overflow: hidden;z-index: -1;position: absolute;width: 100%}
footer .bottomLink {display: table;font-size: 1em;line-height: 18px;margin:20px auto 15px;padding-left: 0}
footer .bottomLink li{display: inline;float: left;color:yellow;padding: 0px 6px;margin: 5px 0;border-right: 1px solid #fff}
footer .bottomLink li:last-child{border-right:0}
footer .bottomLink a, footer .bottomLink a:visited{color:yellow}
.footer_container {	margin-top:30px}
.footer_bottom_content {margin: auto;margin-bottom: 30px;color:#fff}

.social-icon-fb {background: url('../../images/social-icon-fb.png') no-repeat;width: 42px;height: 42px;display: block}
a:hover .social-icon-fb {background: url('../../images/social-icon-fb-over.png') no-repeat;}
.social-icon-rss {background: url('../../images/social-icon-rss.png') no-repeat;width: 42px;height: 42px;display: block;}
a:hover .social-icon-rss {background: url('../../images/social-icon-rss-over.png') no-repeat;}
.social-icon-twitter {background: url('../../images/social-icon-twitter.png') no-repeat;width: 42px;height: 42px;display: block;}
a:hover .social-icon-twitter {background: url('../../images/social-icon-twitter-over.png') no-repeat;}
.social-icon-youtube {background: url('../../images/social-icon-YT.png') no-repeat;width: 42px;height: 42px;display: block;}
a:hover .social-icon-youtube { background: url('../../images/social-icon-YT-over.png') no-repeat;}
.social-icon-dribbble {background: url('../../images/social-icon-dribbble.png') no-repeat;width: 42px;height: 42px;display: block;}
a:hover .social-icon-dribbble {background: url('../../images/social-icon-dribbble-over.png') no-repeat;}

ul.templatemo-project-gallery  li  a img:hover {border: 3px solid #ff7600;}
.templatemo-gallery-category a {color:#333;}
.templatemo-gallery-category a.active {color:#e67e22;text-decoration:none;}
.templatemo-gallery-category a:focus {color:#e67e22;text-decoration:none;}
.templatemo-gallery-category a:hover {color:#e67e22;text-decoration:none;}
.link_orange:hover { text-decoration:none;}
.templatemo-project-gallery {margin:0 0 0 0;margin-top:30px;margin-left: -40px;}
.templatemo-project-gallery li {list-style:none;margin-bottom:25px;}
.templatemo-project-gallery li img {cursor: pointer;}
.templatemo-tweets { background-color: #8996a0;min-height:200px;font-size:20px;color:#fff;margin-top:100px;}
.form-control {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none}
.btn_loadmore {margin-top:30px;margin-bottom:80px;}

.blog_box a i{margin-right:5px}
.blog_box .row {display: flex; flex-flow: row wrap}


#overlay-bg_1{background:rgba(0, 0, 0, 0.7); position: fixed !important; left: 0;  top: 0; z-index:9999; width: 100%; height: 100%;}
.showbox .loader {color: #fff;top: 50%;left: 50%;margin-left:-97px;position: relative; text-align:center; position:absolute; margin-top:-45px;}
.showbox .loader img {display:block; margin:0 auto; width:50px;}
.showbox .loader span{display:block; text-align:center; font-size:1.7em; font-weight:bold;color:#fff;letter-spacing:.2em}
.backstretch{position:absolute!important}
.backstretch{height:550px!important}
.section-info{position:relative;clear:both;margin-top:45px}
#services {background:#6d6c6c;overflow:hidden;padding:30px 0 0}
#services .btn-sm {padding:4px 10px;font-weight:bold;}
#citizen-tools {margin-top:10px; clear:both}
.navbar-default .navbar-nav > li > a{color:#f3f3f3;white-space:nowrap}

/* Carousel Styles */
.carousel-indicators .active {background-color:#2980b9;}
.carousel-inner{height:350px}
.carousel-inner img {width:100%;max-height:350px}
.carousel-control {width:0;font-size:15px}
.carousel-control.left, .carousel-control.right {opacity:1;filter:alpha(opacity=100);background-image:none;background-repeat:no-repeat;text-shadow:none;}

.carousel-control.left span,.carousel-control.right span {padding:10px;}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {position:absolute;top:45%;z-index:5;display:inline-block;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left:0;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right:0;}
.carousel-control.left span, .carousel-control.right span {background-color:rgba(0, 0, 0, 0.58)}
.carousel-control.left span:hover, .carousel-control.right span:hover {opacity: .7;filter: alpha(opacity=70);}

/* Recruitment Ads Css* starts*/
.col-item {background:#4a4a4a}
.col-item .photo img{margin: 0 auto;width: 100%;height: 230px;}
.col-item .info {background-color:#000;padding:10px;border-radius:0 0 5px 5px;margin-top:1px;font-weight:bold}
.col-item:hover .info {background-color:#4a4a4a}
.col-item .info span{color:#fff}
.col-item a:hover {cursor:pointer}
.col-item .price {float: left;margin-top:5px;}
.col-item .price h5 {line-height:20px;margin: 0;}

.price-text-color{color:#219FD1;}
.col-item .info .rating {color:#777;}
.col-item .rating {float:left;font-size:17px;text-align: right;line-height: 52px;margin-bottom: 10px;height: 52px;}
.col-item .separator {border-top:1px solid #d6d6d6;}
.clear-left {clear:left;}
.col-item .separator p{line-height:20px;margin-bottom:0;margin-top:10px;text-align:center;}
.col-item .separator p i {margin-right:5px;color:Yellow}
.col-item .btn-add{width: 50%;float:left;}
.col-item .btn-add{border-right:1px solid #d6d6d6;}
.col-item .btn-details {width:50%;float:left;padding-left:10px;}
[data-slide="prev"] {margin-right: 10px;}
/* Recruitment Ads Css* ends*/

.glyphicon:empty {width: auto;}
.btn-min-block {min-width: 170px;line-height: 26px;}
.btn-theme {color: #fff;background-color: transparent;border: 2px solid #fff;margin-right: 15px;}
.btn-theme:hover {color: #000;background-color:#fff;border-color:#fff;}
.top-bar a, .top-bar a:visited {color:#ffde60}
.top-bar input[type="submit"] {color:#ffde60; border:0px; background:transparent; margin:0px;}

.white{background:#fff!important;border:1px solid #2f4abb!important; color:#333!important; padding: 3px 6px 0 !important;height: 25px;}
.black{background:#333!important;color:#fff!important;border:1px solid #fff!important;padding: 3px 6px 0 !important;height: 25px;}

h1 {font-size: 1.8em!important; color: #fff; margin:0px; font-weight:normal!important}
.welcome-note {text-align:center;margin-top: 30px}
.welcome-note h1{font-size:2.5em;color:#e46100;margin:20px 0 0 0}
.welcome-note p{color:#717171;padding:5px 0;font-size: 1em;line-height: 23px;}
#recruitment .info h2{font-size:1.3em; font-weight: bold;margin-top:0; text-align:center; line-height: 1.3 !important; min-height:37px; color:#fff}
#recruitment span{font-size:1.0em; margin-top:0; text-align:center}
#recruitment .info a, #recruitment .info a:visited{display:block; font-size:1.2em}

/* Transaction Count */
.count-heading{font-size: 1.5em;padding: 38px;border-right: 1px solid #ccc}
.count-div {text-align: center;color: #fff}
.count-div p{display:inline;font-size:1em}
.count-div i{color:rgba(255, 255, 255, 0.71);margin: 0 5px;}
.count-div-brd{border-right: 1px dashed #c1c1c1}
.count-div .org{color:#fff}
.count-div .gree{color:#fff}
.count-div .blu{color:#fff}
.count{font-weight:bold; font-size:1.3em}

/* Modal Pop up */
.modal{z-index: 9999;background:rgb(69, 69, 69)}
.modal-dialog{width:800px}
.modal-header{overflow: hidden}
.modal-header h1{font-size: 1.7em;color:#fff;position: relative; margin:0}
.modal-content{background-color: #090909}
.modal-body{color: #fff}
.modal-body h2{font-size:1.4em; margin:0 0 10px; color:#fff}
.modal-body ul li {margin: 0 0 10px 0; list-style:none}
.modal-body ul li:before {font-family: 'FontAwesome'; content: '\f0a4'; margin: 0 10px 0 -25px}
.modal-footer {padding: 20px;margin-top: 0;border-top: 1px solid #e5e5e5}
.modal-body i{margin-right: 5px;}
.brd-right{border-right: 1px solid #d6d6d6;}

/* Logo Slider */
#logo-slider {margin-top:30px;}
#logo-slider .slider div{ border:1px solid #666; text-align:center; padding:10px 0; background:#000}
#logo-slider img {height:50px}
#logo-slider .templatemo-line-header {margin-bottom:70px}

/* Navigation */
.open > .dropdown-menu {-webkit-transform: scale(1, 1);transform: scale(1, 1); opacity:1;}
.dropdown-menu {opacity:.3;-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards; -webkit-transform: scale(1, 0);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.caret-up {width: 0;height: 0; border-left: 4px solid rgba(0, 0, 0, 0);border-right: 4px solid rgba(0, 0, 0, 0);border-bottom: 4px solid;display: inline-block;margin-left: 2px;vertical-align: middle;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color:#5d5d5d; color:#fff}
.dropdown-menu > li > a{padding: 6px 20px;border-bottom: 1px solid #e8e8e8; margin:0;color: #3a3a3a}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color: #fff;background-color: #f5a021}
.controls{position: absolute;right: 0;top: 160px;z-index: 999;width: 100%;font-size: 16px}
.controls a{background-color: rgba(0, 0, 0, 0.58);padding: 10px 12px;color:#fff}
.controls a:hover,.controls a:visited{text-decoration:none}
.controls .btn{border-radius:0}
/*Career CSS*/
.pnl-career{border:1px solid #fff;background:transparent;padding: 15px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
.pnl-career .row{border-bottom: 1px solid #fff;padding: 15px 0}
h2{font-size: 1.8em}
.panel-body h2,.pnl-cont h2{margin-top:0}
.pnl-cont{border-radius:3px;padding: 15px;margin:0 0 20px;border: 1px solid #fff}
#owl-demo .item{display: block;padding: 14px 15px;margin: 5px;color: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #000;background:#000;height:95px;font-weight: bold;font-size: 1.2em;}
.owl-theme .owl-controls .owl-buttons div{padding: 5px 9px;}
.owl-theme .owl-buttons i {margin-top: 2px;}
.owl-theme .owl-controls .owl-buttons div {position: absolute;}
.owl-theme .owl-controls .owl-buttons .owl-prev {left: -45px;top:32px;}
.owl-theme .owl-controls .owl-buttons .owl-next {right: -45px;top:32px;}
.nowrap {white-space: nowrap;}       
              
.serviceslider{background-color:#808080;padding:10px 30px 0;overflow:hidden}
.serviceslider .serviceBlock {width:100%;float:left;padding:16px 0;}
.serviceslider img {width:50px;float:left;padding-right:20px;display:block;margin:20px 0;}
.serviceslider .name {font-size:1.03em;}
.serviceslider span {color:#fff}
.sliderIcon {font-size:3em}
#count{background-color:rgb(0,0,0);width:100%;overflow:hidden; padding:9px 0;font-size:1.2em;border-top: 1px solid rgba(255,255,255,.15);margin: 20px 0 0;}

.transactionTrack { display:none;
    background-color: rgba(0,0,0,.25);
    width: 100%;
    overflow: hidden;
    padding: 15px 0;
    font-size: 2.2em;
    border-top: 1px solid rgba(255,255,255,.15);
    margin: 0 0 0;
    color:#fff;
    text-align:center;
    height:70px;
}

.transactionTrack a {margin-top:2px; margin-left:20px}
.search input[type="text"]{margin:10px 0}
.sec-header{background:rgba(0, 0, 0, 0.4);height: 90px;position: relative;z-index:1}

/*CSS for Admin */
.admin-bg{background-color: #efefef}
.button{background: #e95f5a;transition-property: border-color, background-color;-webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;transition: background-color 300ms ease-out;display: inline-block;margin-left: 5px;
text-align: center;padding: 7px 15px;color: #fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;border:0}
.button:first-child{margin-left:0}
.btn{vertical-align: top !important}
.admin-btn{margin-bottom:15px}
.admin-btn .btn-danger {color: #fff;background-color: #e95f5a;border-color: #e95f5a}
.admin-bg section{padding:30px 0 20px;min-height: 450px}
.admin-bg .table th{background:#efefef}
.admin-bg .table th a, .admin-bg .table th a:visited{color:#000}
.admin-bg h1{margin: 10px 0 30px;border-left: 18px double #e6a227;padding: 0 0 0 10px;line-height: 22px;font-size: 1.8em}
.admin-bg .panel-body {padding: 25px 35px}
.records{border:1px solid #ccc;margin:20px 0 0;padding: 15px}
.records ul{padding-left: 0}
.mtop20{margin-top:20px}
.mbtm20{margin-bottom:20px}
.mtop25{margin-top:25px}
.mtop30{margin-top: 30px}
.mtop32{margin-top: 32px}

/*CSS for Login Page */
.login{background: #fff none repeat scroll 0 0;border: 1px solid #dbe6f5; border-radius:3px}
.title{margin: 0 0 15px; padding:15px; background:#3f91d8;text-align: center;font-size: 1.8em;color: #fff;border-top-left-radius:3px;border-top-right-radius:3px}
.login-pnl{padding:5px 25px 25px;overflow: hidden}
#captcha img{border: 1px solid #e2e2e2;height:70px}
#captcha p{margin:15px 0 0 0}
#captcha input[type="text"]{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.428571429;color: #555;vertical-align: middle;background-color: #fff;background-image: none;border: 1px solid #cccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
.forget{float: left;margin: 8px 0 0 20px}
img {filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

/********** Rahul ***********/
.panel-title > a.collapsed:before {float: right !important;content:"\f055"}
.panel-title > a:before {float: right !important;font-family: FontAwesome;padding-right: 5px;content:"\f056"}
.panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus  {text-decoration:none;}
o.director:nth-child(2n+2) {}
.director {background:none repeat scroll 0 0 #000;display: block;float: left;margin: 0 0 3px;padding: 10px;width: 100%;}
.left-div-img img {width:86px;height:auto;padding:6px;background:#fff;}
.small-tag {font-style: italic;}
.left-containt-about {width:60%;float:left;}
.right-div-content .title-head {color:yellow;display:block;font-size:1.3em;line-height:19px;padding:6px 0 0;}
.left-div-img {float:left;}
.right-div-content {margin-left: 15px;width: 67%;float:left;}
.ul {list-style-type: none;margin: 0 0 20px -10px;line-height: 22px;}
.ul li {background: url(../../Images/menu-iconB.png) no-repeat no-repeat 0 7px!important;padding-left: 20px!important; margin-bottom: 12px!important; text-align: left;}
.ul li ul { margin-left: 15px;}
.ul li li {background: 0 0;list-style: circle;padding-left: 5px !important;}
.tagline {position: absolute;width: 100%;top: -85px;min-height: 70px;font-size: 1.6em;text-align: right;padding: 5px 10px;background: #737373;color: #fff; line-height:30px;}

.ol { list-style-type: decimal;}

.gold-img {	background: url("../../Images/gold-medal.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);height: 100px;margin: 0 auto;width: 125px;}
.silver-img {background: url("../../Images/silver-medal.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);	height: 100px;	margin: 0 auto;	width: 125px;}
.bronze-img {background: url("../../Images/bronze-medal.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);	height: 100px;	margin: 0 auto;	width: 125px;}
.medals {margin-bottom:20px;}
.medals h4 {color:#00ffff;}
.medals h5 {font-weight:bold;}
.medals p {background: #616161; padding: 8px;/* height:100px;*/}
.medaldiv {height:285px; flex-wrap: wrap;}
.note-2{font-size: 90%;color: #fff;font-weight: normal;}
section h1 {font-size:2.3em!important;position:absolute;margin:15px 0 0 10px;z-index:99;color:#fff;}
.content{margin-top:115px; position:relative}
.new-reg-bg {background:#333!important;margin: 0 0;padding: 12px 15px 7px;background: none repeat scroll 0 0 #faf5e4; text-align: center;min-height: 160px;}
.add-box { background:#333; padding:10px 12px; }
.sprite{padding:15px; border:1px solid #444;-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);}

.new-reg-bg i{font-size: 5.5em;color: #f3f3f3;margin: 10px 0;}

/*Citizen Services CSS */ 
 .cs{text-align: left;margin-bottom: 20px;}
 .cs img{border: #e89143 solid 3px;margin-right: 20px;padding: 8px;background: #fff}
 .cs a{color: yellow;text-decoration: none;font-size: 1.2em; background: #0c0c0c; display: block;}
 .cs a:hover {color: #fff;font-size:1.2em;background: #5d5d5d;display: block;}
 
.modal-backdrop.in{opacity:0;display: none}
.btn-primary, .btn-danger, .btn-info, .btn-success, .btn-warning {color:#000;background-color:Yellow;border-color:Yellow;}
.print a:before {content:"\f02f";font-family:FontAwesome;margin-right:4px;padding:6px;background:#434343;border-radius:50%;}

/* Citizen Services css */
/*  bhoechie tab */
div.bhoechie-tab-container{/*z-index: 10;*/background-color: #3e3e3e;padding: 0 !important;border-radius: 4px;-moz-border-radius: 4px;border:2px solid #f0f7f9; margin-top: 20px;/*margin-left: 50px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);*/background-clip: padding-box;opacity: 0.97;filter: alpha(opacity=97);}
div.bhoechie-tab-menu{padding-right: 0;padding-left: 0;padding-bottom: 0;}
div.bhoechie-tab-menu div.list-group{margin-bottom: 0;}
div.bhoechie-tab-menu div.list-group>a{margin-bottom: 0;padding: 15px 0;}
div.bhoechie-tab-menu div.list-group>a .glyphicon, div.bhoechie-tab-menu div.list-group>a .fa {color: #5A55A3;}
div.bhoechie-tab-menu div.list-group>a:first-child{border-top-right-radius: 0;-moz-border-top-right-radius: 0;}
div.bhoechie-tab-menu div.list-group>a:last-child{border-bottom-right-radius: 0;-moz-border-bottom-right-radius: 0;}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{background-color: #232323;background-image: #232323;color: #fff;}
div.bhoechie-tab-menu div.list-group>a.active:after{content: '';position: absolute;left: 100%;top: 50%;margin-top: -13px;border-left: 0;border-bottom: 13px solid transparent;border-top: 13px solid transparent;border-left: 10px solid #222;}
div.bhoechie-tab-content{padding-left: 20px;padding-top: 10px;}
div.bhoechie-tab div.bhoechie-tab-content:not(.active){display: none;}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {    border-color: #222;}

@import "http://fonts.googleapis.com/css?family=Roboto:400,500";

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative;margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #737373; vertical-align: middle; }
.box > .icon:hover > .image { background: #333; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -24px; background: rgba(105, 105, 105, 0.52); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; min-height: 301px;}
.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0;/* color: white; */}
.box > .icon > .info > h3.title {font-size: 16px; color: #fff; font-weight: 500; background:none; }
.box > .icon > .info > p {font-size: 13px; color: #fff; line-height:150%; margin: 20px;}
.box > .icon:hover > .info > .more > a { color: #222; }
.box > .icon > .info > .more a { font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
.box .space { height: 30px; }

.mtop10 { margin-top:10px;}
.mbtm20{margin-bottom:20px}

.sitemap { clear:both; padding-top:20px;}
.sitemap ul {list-style:none;}
.sitemap ul li {margin:10px 0 10px 15px;float:left; width:30%;}
.sitemap ul li a, .sitemap ul li a:visited {font-weight:bold; color:#000000; border-left:1px solid #D52C26; padding:0 0 0 3px; font-size:1.1em;}
.sitemap ul li a:hover, .sitemap ul li a:focus { color:#d9534f; }
.sitemap ul li ul {width:100%; list-style:none; margin-left:5px;}
.sitemap ul li ul li {margin:0 0 0 20px; clear:both; list-style-type:square; width:100%}
.sitemap ul li ul li a {display:inline-block; border-left:0; color:#333333; font-weight:normal; font-size:0.9em; padding:3px 0 0; line-height:20px;}

.panel-default > .panel-heading {color: yellow;background-color: #000;border-color: #444;}
.panel-default {border-color: #444;}
.panel-default > .panel-heading + .panel-collapse .panel-body {border-top-color: #444;}
.panel-body {background: #222;}

.panel-info > .panel-heading { color: #222;background-color: #d0d0d0;border-color: #444;}
.panel-info {border-color: #444;}
.alert-info {color: #fff;background-color: #575757; border-color: #dedede;}
.ui-jqgrid .ui-jqgrid-htable th div {background: #575757!important;}
.vlelist .ui-jqgrid .ui-jqgrid-htable th:before {background: #575757!important;}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #525252;}

/*Service Content */
#lblDescription ol {margin-left: 2px;margin-bottom: 15px;padding-left: 0;}
#lblDescription ol li {list-style: inside;margin-bottom: 5px;padding: 7px;background: transparent;border: 1px solid #fff;color: #fff}
.success-tab h5 {background: transparent;color:yellow;margin: 0 0 5px;padding: 5px;text-transform: capitalize;}

/**Media Query**/

@media (min-width: 768px) {
#templatemo-carousel .carousel-caption p {margin-bottom:20px;line-height:1.4;font-size:21px;}
#templatemo-carousel .carousel-caption {padding-bottom:140px;right:20%;left:20%;}
.navbar-nav > li > a {padding-top: 9px;padding-bottom:9px;}
.navbar-nav.navbar-right:last-child{margin-right:0}
.tagline{padding: 5px 10px;}
#carousel-example-generic img{height:350px}
.count-div p{font-size: 0.95em}
.deptName{width:75%}
.modal-dialog{width:800px}
}

@media (max-width:1320px){
.navbar-brand img {width: 160px;margin-top:5px;margin-left:-5px;}
.digi-mah {margin:19px 0 0 10px;font-size:1em;padding:5px 0 5px 10px;border-left:1px solid #888;}
.subheader ul {font-size:70%;}
.subheader .list-inline > li {padding-right:1px;padding-left:1px;}
.top-bar {min-height: 57px}
.navbar-nav {margin-top: -6px !important}
.navbar-brand{margin: 12px 0 0 0 !important}
.nav > li > a {font-size:1em;padding:7px 10px;}
.emblem {
    width: 36px;
    margin: 27px 0 0 20px;
}
}

@media (max-width:1024px){
.navbar-brand img {width: 120px;margin-top:5px;margin-left:-5px;}
.digi-mah {margin:0px 0 0 10px;font-size:1em;padding:5px 0 5px 10px;border-left:1px solid #888;}
.subheader ul {font-size:70%;}
.subheader .list-inline > li {padding-right:1px;padding-left:1px;}
.navbar-container{margin: 15px 0 0}

.navbar-nav {margin-top:-5px!important;}
.nav > li > a {font-size: 0.8em;padding: 7px 5px}
.carousel-inner {height: 330px}
.count-div p {display: block}
.navbar-brand{margin: 0 !important}
.top-menu {min-height: 43px}
.modal-dialog{width:auto}
}

@media (max-width:767px) {.modal-dialog{width:auto}}

@media (max-width: 540px)
{.modal-dialog{width:auto} }