﻿@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900|Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i,800,800i');*/

@font-face {
    
             font-family: 'MehrNastaliqWeb';
    
             src: url('MehrNastaliqWeb.woff2') format('woff2'),
         
                  url('MehrNastaliqWeb.woff') format('woff');
    
             font-weight: normal;
    
             font-style: normal;


}



body{color:#1a1a1a; font-size: 1.5em; font-weight: 300;}
a:hover, a:active{ text-decoration: none; color: #54adf9;}
h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto', serif;
	font-weight: 400;
	line-height:normal;
}

h1{ font-size:3em;}
h2{ font-size:2.6em; color: #333333; text-decoration: none; text-align: center; }
h2 i{ color:#C3C3C3;}
h3{ font-size:2.3em;}
h4{ font-size:2em;}
h5{ font-size:1.8em;}
h6{ font-size:1.6em;}

.sep {

    background: url("../images/sep.png") no-repeat bottom center;
    padding-bottom: 17px;
}


/*.container{ padding:40px 0px;}*/
.brdr{ border-top: #d1d1d1 1px solid;}


.srv-settings {
    background: #ffffff;
    border: #D6D6D6 1px solid;
    padding: 15px;
    height: 20%;
}
.srv-settings h4{ font-size:18px; text-decoration: none; color:#116cab;}



.nav.navbar-nav {
	font-family: roboto;
	font-style: normal;
	font-weight: 400;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none;}
.col-md-6 .navbar-form.pull-right .form-group {
	width: 100%;
}
img[src$="icon.svg"] {
	display: block;
	margin: 0px auto;
	width: 50%;
	border:#FFFFFF 2px solid;
}
img[src$="icon.svg"]:hover{transition-duration:.5s; border:#116CAB 2px solid; border-radius:100px;}
.the-icons {
	background-color: #FFFFFF;
	text-align: center;
}
.icons{ margin-top:30px;}

.solidline {
    border-top: 1px solid #f5f5f5;
    margin:30px auto;;
}

.the-icons h2 {
	font-family: roboto;
	font-style: normal;
	font-weight: 400;
	font-size: 1.2em;
	color: #6C6D6E;
	
}
.the-icons:hover img{
}
.icons-text {

}
.space-top {
	padding-top: 2%;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFFFFF;
}
.navbar-default .navbar-toggle {
	border-width: 2px;
	border-color: #FFFFFF;

}
.carousel-caption h1 {
	background-color: #fed406;
	padding: 15px;
	text-shadow: 0px 0px;
}
.navbar-default {
	border:none;
	border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -webkit-border-radius:0px;
	margin:0px;
	background-color: transparent;
}
.greenbg{
	background:#73BF45
	}
.services {
	text-align: left; z-index: 2; position: relative;}

.mbr-slider { z-index: 1; position: relative;}


/*.list-group { list-style: none;}
.list-group h6{ display: block; border-bottom: #d1d1d1 2px solid; text-transform: uppercase; padding-bottom: 8px;}
.list-group li{ list-style-type: none; border:none; margin:0px; padding:4px 0px 4px 15px; position: relative;}
.list-group li::before{content: "\f105"; font-family: "FontAwesome"; position: absolute; top: 3px; left:0px;}

*/

.list-group li, .list-group li a:link, .list-group li, .list-group li a:visited{color: #333333; }
.list-group li, .list-group li a:hover, .list-group li, .list-group li a:active{color: #116cab;}
.list-group li{padding-left:40px; display: block;}
.list-group li::before{content: "\f101"; font-family: "FontAwesome"; position: absolute; top: 9px; left:20px; color:#BFBFBF;}

.footer .list-group { list-style: none;}
.footer .list-group h6{ display: block;   padding-bottom: 8px;}
.footer .list-group li{ list-style-type: none; border:none; margin:0px; padding:4px 0px 4px 15px; position: relative;}
.footer .list-group li::before{content: "\f105"; font-family: "FontAwesome"; position: absolute; top: 3px; left:0px;}


.question{ background: #FFFFFF url("../images/question.jpg") repeat fixed center;}

.services .sr1, .services .sr2, .services .sr3, .services .sr4, .services .sr5, .services .sr6, .services .sr7, .services .sr8 {
    padding: 20px;
    color: #FFFFFF;
    min-height: 370px;
    margin-bottom: 20px;
}
.services h3 {
    font-size: 26px;
    margin-top: 5px;
}
.services ul{ margin: 0px;}
.services li::before{content: "";}
.services li{ background:none; outline: none; border: none; color: #FFFFFF; padding: 0px;}
.services li a:link, .services li a:visited{ color: #FFFFFF; padding: 10px 15px 10px 0; display: block;  border-bottom: #FFFFFF dotted 1px;  transition-duration: .5s; -webkit-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s;}

li.ShowBorder {
    color: #FFFFFF;
    padding: 21px 3px 23px 0;
    display: block;
    border-bottom: #FFFFFF dotted 1px;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
}

.services li a:hover{ padding-left: 10px; text-decoration: none;}
.services li a::before{content: "\f105"; font-family: "FontAwesome"; position: absolute; top: 10px; right:0px;}
.services li:last-child a{ border-bottom:none;}
.services .sr1 {
    background: #18bba2;
    position: relative;
}
.services .sr2 {
    background: #116cab;
    position: relative;
}
.services .sr3 { background: #3ba027; position: relative;}
.services .sr4 { background: #e24f57; position: relative;}

.services .sr5 {
    background: #0067ac;
    position: relative;
}
.services .sr6 {
    background: #3ba027;
    position: relative;
}
.services .sr7 {
    background: #8a4365;
    position: relative;
}
.services .sr8 { background: #6f735c; position: relative;}
.services i{ position: absolute; right: 8px; top: 8px;}




.footer-top{background:#FFFFFF; border-top: #D8D8D8 1px solid; text-align: center;}
.footer-top img{ max-height: 50px; width:auto; text-align: center; vertical-align: middle; margin: 0 auto;}

.footer{ background: #116cab;}
.footer .follow li::before{content: ""; padding-left: 0px;}
.footer .follow li{padding-left: 0px;}
.footer .list-group{ display:block;  margin-bottom:40px;}
.footer li{ background:none; color:#FFFFFF;}
.footer li a:link, .footer li a:visited{ color:#FFFFFF; transition-duration: .5s; -webkit-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s;}
.footer li a:hover, .footer li a:active{ color:#fcd408; padding-left: 4px; }
.footer h6{ color:#fcd408; border-color:#0b5384; border-width:1px; font-size: 1.4em;}

.panel-default > .panel-heading { background: #73bf45; border-color: #488225; border-radius: 0px;}
.panel-default > .panel-heading h4, .panel-default > .panel-heading h4 a{ color:#FFFFFF; font-weight: 800}


.cp{ background:#FFFFFF;}


.ztxt{display: inline-block; padding: 4px 10px; background: #116cab; color: #FFFFFF; }
a.ztxt {
color:#fff;
}

a.ztxt:hover {
    color: #FFFFFF !important;
}
a.ztxt:visited {
    color: yellow !important;
}


.heading{background: #FFFFFF url("../images/yellow-repeat.png") repeat fixed center;}
    .heading h1 {
        color: white;
        text-align: center;
        padding: 0 0 8px 0;
        font-size: 38px !important;
    }
    .heading p {
    color:white;
    text-align:center;
    }
    .heading i {
        color: white;
        display:inline-block;
        align-items: center;
    }

.widget {
    background: #116cab;
    color: #FFFFFF;
    padding: 20px 28px;
    margin-bottom: 20px;
}
.widget li{ background:none;}
.widget h6{border-width: 1px;}
.widget a:link, .widget a:visited { color:#FFFFFF;}
.widget a:hover, .widget a:active{ color:#fcd507;}



.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
}

	.flip-container:hover .flipper,  
  .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
    width: 280px;
    height: 280px;
    margin-bottom: 100px;
}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  
  -o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #055396;
	position: absolute;
	top: 0;
	left: 0;
}

.front {
	z-index: 2;
}

.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
	transform: rotateY(180deg);

	background: #055396;
}

.back-logo {
	position: absolute;
	top: 40px;
	left: 90px;
	width: 160px;
	height: 117px;
	background: url(../images/logo-small.png) 0 0 no-repeat;
}

.back .comp{ position:absolute; top: 120px; text-align: center;}
.back .comp .btn-danger{ margin-top:20px;}





.tab-content > .tab-pane {padding: 20px;
    border: 1px solid #ddd;
    border-top-color: transparent;}



@media screen and (max-width:899px){
.navbar-header {
	background-color: #73BF45;
}

}

@media screen and (min-width:900px){
.navbar-form.pull-right .form-group .form-control {
	margin-top: 20px;
}


}

.popup-box-on {
    display: block !important;
}
.off {
    display: none;
}
.chat_box .chat_message_wrapper ul.chat_message > li + li {
    margin-top: 4px;
}

#search.open {
    opacity: 1;
    transform: translate(0px, 0px) scale(1, 1);
	background: #fafafa;
}

@media (min-width: 800px){
#search{
	background-color: #fff;
	opacity: .9;
    height: 70%;
    right: 0;
    position: fixed;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    width: 50%;
    z-index: 2000;
	}}

@media (max-width: 799px){
#search {
    background-color: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    z-index: 2000;
    
	}}

#search .close {
    color: #be5254;
    font-size: 40px;
    opacity: 1;
    padding: 10px 17px;
    position: fixed;
    right: 15px;
    top: 15px;
}
button.close {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
}
.close {
    float: right;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
}

#search input[type="text"] {
    border:#e4e3e3 1px solid; background: #FFFFFF;
    color: #333;
    font-family: "Open Sans",sans-serif;
    font-size: 40px;
    font-weight: 200;
    margin: -51px auto 0;
    outline: medium none;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 90%;
	left: 5%;
}
#search .btn {
    left: 50%;
    margin-top: 60px;
    padding: 10px 50px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
}
.s-icon{ margin:12px 0 0 0;}
.s-icon a {
    color: #FFFFFF !important;
    font-size: 20px;
    text-align: center;
}
.btn-lg, .btn-group-lg > .btn {
    font-size: 16px;
}

.btn-site {
	background-repeat: repeat;
	background-position: 0 0;
	background-image: none;
	background-color: #116cab;
	background-attachment: scroll;
	color: #fff !important;
}

@media (max-width: 400px){
	ul.mega-dropdown, ul.mega-dropdown-menu{ background:#FFFFFF;}
	.services { margin-top: 20px;}
}




/*-------

   Slider

-------*/
.mbr-slider .carousel-inner > .active,
.mbr-slider .carousel-inner > .next,
.mbr-slider .carousel-inner > .prev {
	display: table; color: #FFFFFF;
}
.mbr-slider .carousel-control {
    background-image: none;
    width: 54px;
    height: 54px;
    top: 50%;
    margin-top: -27px;
    line-height: 54px!important;
    border: 2px solid #fff;
    opacity: 1;
    text-shadow: none;
    z-index: 5;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.mbr-slider .carousel-control.left {
	margin-left: 20px;
}
.mbr-slider .carousel-control.right {
	margin-right: 20px;
}
.mbr-slider .carousel-control:hover {
	background: #fff;
	color: #000;
}
.mbr-slider .carousel-indicators {
    bottom: 20px;
}
.mbr-slider .carousel-indicators li,
.mbr-slider .carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 3px;
    border: 2px solid #ffffff;
}

@media (max-width: 767px) {
    .mbr-slider .carousel-control {
        top: auto;
        bottom: 20px;
    }
}
.mbr-slider .mbr-overlay {
    z-index: 0;
    opacity:0.5;
}
/* boxed model */
.mbr-slider > .boxed-slider {
    position: relative;
    padding: 93px 0;
}
.mbr-slider > .boxed-slider > div{
    position: relative;

}
.mbr-slider > .container .carousel-indicators {
    margin-bottom: 3px;
}
@media (max-width: 767px) {
    .mbr-slider > .container .carousel-control {
        margin-bottom: 0px;
    }
}
.mbr-slider > .container img {
    width: 100%;
}
.mbr-slider > .container img + .row {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mbr-slider .mbr-section {
    padding-left: 0;
    padding-right: 0;
}

/* article layout */
.mbr-slider .article-slider > div {
    padding-left: 0;
    padding-right: 0;
}
.mbr-slider > .container.article-slider .carousel-indicators {
    margin-bottom: 0;
}



.is-builder .animated {
  -webkit-animation-name: none !important;
  animation-name: none !important;
}
html {
  position: relative;
  min-height: 100%;
}
.mbr-embedded-video {
  position: relative;
}
.mbr-background-video,
.mbr-background-video-preview {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.mbr-parallax-background,
.mbr-background {
  background-attachment: fixed !important;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover !important;
}
.mbr-hidden-scrollbar .mbr-parallax-background {
  background-size: auto 130%;
}
.mobile .mbr-parallax-background {
  background-attachment: scroll !important;
}
.mbr-navbar__items {
  float: left;
  padding-left: 0px;
  position: relative;
  left: -20px;
}
.mbr-navbar__items--right {
  float: right;
  left: 0;
}
.float-left {
  float: left;
}
.mbr-brand {
  display: block;
  float: left;
  position: relative;
}
.mbr-brand,
.mbr-brand:hover {
  text-decoration: none;
}
.mbr-brand__name {
  display: block;
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
}
.mbr-brand__name,
.mbr-brand__name:hover {
  text-decoration: none;
}
.mbr-brand--inline {
  display: table;
}
.mbr-brand--inline:after {
  content: "";
  display: table-cell;
  width: 1px;
}
.mbr-section__header {
  line-height: 1.5em;
  margin: -10px 0 0;
  text-align: center;
}
@media (min-width: 768px) {
  .mbr-section--short-paddings .mbr-section__container--std-padding {
    padding: 59px 0;
  }
  .mbr-section--short-paddings .mbr-section__container--std-top-padding {
    padding-top: 59px;
  }
  .mbr-section--short-paddings .mbr-section__container--std-bot-padding {
    padding-bottom: 59px;
  }
  .mbr-section--short-paddings .mbr-section__container--sm-padding {
    padding: 41px 0;
  }
  .mbr-section--short-paddings .mbr-section__container--sm-top-padding {
    padding-top: 41px;
  }
  .mbr-section--short-paddings .mbr-section__container--sm-bot-padding {
    padding-bottom: 41px;
  }
  .mbr-section--short-paddings .mbr-section__container--isolated {
    padding-bottom: 59px;
    padding-top: 59px;
  }
  .mbr-section--short-paddings .mbr-section__container--first {
    padding-top: 59px;
    padding-bottom: 41px;
  }
  .mbr-section--short-paddings .mbr-section__container--middle {
    padding-bottom: 41px;
  }
  .mbr-section--short-paddings .mbr-section__container--last {
    padding-bottom: 59px;
  }
}
@media (max-width: 767px) {
  .mbr-section__left {
    padding-right: 15px;
  }
  .mbr-section__right {
    padding-left: 15px;
    padding-top: 51px;
  }
}
.mbr-arrow {
  bottom: 71px;
  left: 0;
  line-height: 1px;
  padding: 0 20px;
  position: absolute;
  width: 100%;
  z-index: 3;
}
.mbr-arrow__link {
  display: inline-block;
  font-size: 26px;
}
.mbr-arrow__link,
.mbr-arrow__link:hover,
.mbr-arrow__link:focus {
  color: #fff;
}
.mbr-arrow--floating .mbr-arrow__link {
  -webkit-animation: floating-arrow 1.6s infinite ease-in-out 0s;
  -o-animation: floating-arrow 1.6s infinite ease-in-out 0s;
  animation: floating-arrow 1.6s infinite ease-in-out 0s;
}
@-webkit-keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(11px);
    transform: translateY(11px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.mbr-arrow--dark .mbr-arrow__link,
.mbr-arrow--dark .mbr-arrow__link:hover,
.mbr-arrow--dark .mbr-arrow__link:focus {
  color: #252525;
}
@media (max-width: 767px) {
  .mbr-arrow {
    bottom: 41px;
  }
}
@media (max-width: 320px) {
  .mbr-arrow {
    bottom: 21px;
    text-align: center;
  }
}
@media all and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  .mbr-arrow {
    bottom: 31px;
  }
}
.mbr-box {
  display: table;
  width: 100%;
}
.mbr-box--fixed {
  table-layout: fixed;
}
.mbr-box--stretched {
  height: 100%;
}
.mbr-box__magnet {
  display: table-cell;
  float: none;
  height: 100%;
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
  vertical-align: middle;
}
.mbr-box__magnet--sm-padding {
  padding: 41px 0;
}
.mbr-box__magnet--top-left,
.mbr-box__magnet--top-center,
.mbr-box__magnet--top-right {
  vertical-align: top;
}
.mbr-box__magnet--bottom-left,
.mbr-box__magnet--bottom-center,
.mbr-box__magnet--bottom-right {
  vertical-align: bottom;
}
.mbr-box__magnet--top-left,
.mbr-box__magnet--center-left,
.mbr-box__magnet--bottom-left {
  text-align: left;
}
.mbr-box__magnet--top-right,
.mbr-box__magnet--center-right,
.mbr-box__magnet--bottom-right {
  text-align: right;
}
.mbr-box__container {
  height: 50%;
}
@media (max-width: 767px) {
  .mbr-box__container {
    height: 100%;
  }
  .mbr-box--adapted {
    display: block;
  }
  .mbr-box--adapted > .mbr-box__magnet {
    display: block;
    height: auto;
  }
}
.mbr-overlay {
  background: #222;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}




.ticker-container {
	height: 60px;
	width: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-color: #ebebeb;
	color: #363636;
	/*background-color: white;
	color: black;*/
	font-size: 1em;
	margin-bottom: 0px;
}
.ticker-container .ticker-caption {
	height: 50%;
	width: 100%;
	background-color: #fcd507;
	display: table;
	position: absolute;
	color: black;
	font-size: 0.8em;
	z-index: 1;
}
.ticker-container .ticker-caption p {
	height: inherit;
	width: inherit;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
.ticker-container ul {
	list-style: none;
	padding: 0;
	height: auto;
}
.ticker-container ul div {
	overflow: hidden;
	position: absolute;
	z-index: 0;
	display: inline;
	min-width: 100%;
	left: 0;
	height: 50%;
	transition: 0.25s ease-in-out;
}
.ticker-container ul div.ticker-active {
	top: 30px;
}
.ticker-container ul div.not-active {
	top: 60px;
}
.ticker-container ul div.remove {
	top: 0;
}
.ticker-container ul div li {
	padding: 5px 0;
}
.ticker-container ul div li a {
	color: #1eaf4c;
	font-weight: 600;
	padding-left: 10px;
}

@media (min-width: 500px) {
	.ticker-container {
		height: 30px;
		text-align: left;
	}
	.ticker-container .ticker-caption {
		height: 100%;
		width: 150px;
		background: url('../images/ticker-caption-bg.png');
	}
	.ticker-container .ticker-caption p {
		text-align: left;
		padding-left: 7px;
	}
	.ticker-container ul {
		margin-left: 170px;
		height: 100%;
	}
	.ticker-container ul div {
		height: 100%;
		left: 170px;
	}
	.ticker-container ul div.ticker-active {
		top: 0;
	}
	.ticker-container ul div.not-active {
		top: 30px;
	}
	.ticker-container ul div.remove {
		top: -30px;
	}
}

@media (min-width: 768px) {
  .ticker-container {
    margin-bottom: 0px;
  }
}

@media (min-width: 992px) {
  .ticker-container {
    margin-bottom: 0px;
  }
}

/*Code Added By Muhammad Samiul Haq*/

.leftMenues .list-group {
    list-style: none;
}

    .leftMenues .list-group h6 {
        display: block;
        border-bottom: #d1d1d1 2px solid;
        text-transform: uppercase;
        padding-bottom: 8px;
    }

    .leftMenues .list-group li {
        list-style-type: none;
        border: none;
        margin: 0px;
        padding: 10px 0px 10px 15px;
        position: relative;
        border-bottom: 1px solid #73bf45;
    }

        .leftMenues .list-group li::before {
            content: "\f105";
            font-family: "FontAwesome";
            position: absolute;
            top: 8px;
            left: 0px;
            color: #eacb27;
        }

.leftMenues li a:link, .leftMenues li a:visited {
    color: #FFFFFF;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
}

.leftMenues li a:hover, .footer li a:active {
    color: #fcd408;
    padding-left: 4px;
}
.breadcrumb {
    background-color: #73bf45 !important;
    margin-bottom: 3px;
    margin-top: 3px;
}
    .breadcrumb a {
        color: black;
    }
    .breadcrumb > li + li:before {
                color: white;
    }
/*
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            content: "/\00a0";
            padding: 0 5px;
            color: #ccc;
        }
    */

    .breadcrumb > .active {
        color: white;
    }
.table-hover tbody tr:hover  {
    background-color: #EFF3FB;
}


.text-wrap {
    white-space: normal;
}

.width-200 {
    width: 500px;
}

.dataTablels 
{
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed;
   
}
.data td.centered {
    text-align: center;
}

.data tr:nth-child(even) {
    background-color: #eff3fb !important;
}

    .data tr:nth-child(even):hover {
        background-color: #5b9bd5 !important;
        color: white;
      
    }
        .data tr:nth-child(even):hover a {
            background-color: #5b9bd5 !important;
            color: white;
            text-decoration: underline;
        }

.data tr:nth-child(odd):hover {
    background-color: #d7dbdf !important;
    
}
    .data tr:nth-child(odd):hover a {
        text-decoration: underline;
    }

.data tr:nth-child(even) a:hover {
   font-weight:bold;
   text-decoration:underline;
}

.data tr:nth-child(odd) a:hover {
    color: blue !important;
    font-weight: bold;
    text-decoration: underline;
}

/*.data tr table tr:nth-child(even) a:hover {
    font-weight: bold;
    background-color:none;
}*/

.data td 
{
    border: solid 1px black;
    padding:10px;
    line-height:150%;
    vertical-align:top;

}
.data th {
    background-color: #1c5e55;
    padding: 15px;
    color: white;
    border: solid 1px white;
}

.sorting, .sorting_asc, .sorting_desc, table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-color: #1c5e55;
    padding: 15px;
    color: white;
    border: solid 1px white;
}
/*table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-color: #1c5e55;
    padding: 15px;
    color: white;
    border: solid 1px white;
}*/

.data2  td {
border: solid 1px black !important;


}

.data2 tr:nth-child(even) tr:nth-child(odd) a:hover 
{
    color: black !important;
    font-weight: bolder;
}

/* To set search button blue to look active , on QA request*/
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    background-color: #116cab !important;
}
.list-group-item.active {
    background-color: #11ab22 !important;
}

.vertical-menu {
    height: 292px;
    overflow-y: auto;
    box-shadow: 1px 0px 0.5px 2px lightgrey;
}

@media screen and (min-width: 1024px) {
            
            .services {
                text-align: left;
                z-index: 2;
                position: relative;
                font-size: 1.32rem;
                
            }
        }

/* to make featured images responsive */
.featuredArticle img{
            width:100%;
            height: auto;
        }

        @media screen and (max-width:1200px) {
           .featuredArticle .mb-10 {
                margin-bottom:10px;
            }
        }


/* to add google map */

.locateOffice {
            font-size: 60px;
        }

        .mt-87 {
            margin-top: 87px;
        }

       #fbrgooglemap .badge {
            display: inline-block;
            min-width: 10px;
            padding: 3px 7px;
            font-size: 27px;
            font-weight: 700;
            line-height: 1;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            background-color: #777;
            border-radius: 10px;
        }
/*to increase the distance between the notification section images*/

.mt-20 {
            margin-top: 20px;
        }


/* changes by adeel */

.btn-sm{ padding: 2px 15px 2px 15px !important; font-family: MehrNastaliqWeb !important; font-size:19px; line-height:27px;}

.dataTablels {
    margin: 0 auto;
    width: 100%;
    clear: both;    
    table-layout: auto !important;
}

/* changes on the request of Talha Aziz */

 .blink {
      animation: blinker 5.0s linear infinite;
      color: red;
      font-size: 30px;
      font-weight: bold;
      font-family: sans-serif;
      }
      @keyframes blinker {  
      50% { opacity: 0; }
      }
      .blink-one {
      animation: blinker-one 1s linear infinite;
      }
      @keyframes blinker-one {  
      0% { opacity: 0; }
      }
      .blink-two {
      animation: blinker-two 1.4s linear infinite;
      }
      @keyframes blinker-two {  
      100% { opacity: 0; }
      }

#noborderatall.table, #noborderatall.th,#noborderatall.td,#noborderatall.tr{
    border: none !important;
}

.m-news-m span a {
    margin: 3px 5px 0 5px;
    color: #484848;
    text-decoration: none;
}

.m-news-m span {
    margin: 3px 5px 0px;
    padding: 0px;
    font-family: Helvetica;
    font-size: 18px;
    text-decoration: none;
    list-style: none;
    line-height: 22px;
}
