/* ==== Google font ==== */



@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);

@import url(https://fonts.googleapis.com/earlyaccess/notonastaliqurdudraft.css);



body {

  font-family: 'Open Sans', Arial, sans-serif;

  font-size: 14px;

  font-weight: 300;

  line-height: 1.6em;

  overflow-x: hidden; 

  position: relative;

}



body#error {

  overflow: hidden;

}

.uText,

ul.announcebox a.U,

ol.announcemodal li.U,

#news-detail.U,

.services-inner.U .our-services-text{

  font-family: 'Noto Nastaliq Urdu Draft', serif;

  direction: rtl;

}

.scrolled {

  padding-top: 120px !important;

}



hi,

h2,

h3,

h4,

h5,

h6 {

  color: #333;

  line-height: 1.1em;

}



b, strong {

  font-weight: bold;

}

p {

  color: #333;

  font-size: 13px;

}



a {

  text-decoration: none;

  transition: all 0.1s ease-in-out;

  -moz-transition: all 0.1s ease-in-out;

  -webkit-transition: all 0.1s ease-in-out;

  -o-transition: all 0.1s ease-in-out;

  outline: none;

  color: #333;

}

input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #ccc;

}

input.form-control::-moz-placeholder { /* Firefox 19+ */

  color: #ccc;

}

input.form-control:-ms-input-placeholder { /* IE 10+ */

  color: #ccc;

}

input.form-control:-moz-placeholder { /* Firefox 18- */

  color: #ccc;

}



.incl{

  background-image: url(../images/loaders/loader-dots.gif);

  background-position: center;

  background-repeat: no-repeat;

  background-size: 90px;

  min-width: 90px;

  min-height: 90px;

  position: relative;

}

.incl::after{

  display: block;

  content: "Loading content...";

  text-align: center;

  position: absolute;

  top: 10%;

  left: 0;

  right: 0;

  color: #ccc;

}



.incl-error{

  background-image: url(../images/loaders/error-circle.gif);

  background-position: center;

  background-repeat: no-repeat;

  background-size: 90px;

  min-width: 90px;

  min-height: 90px;

  position: relative;

}



.incl-error::after{

  display: block;

  content: "Something went wrong while loading content";

  text-align: center;

  position: absolute;

  top: 10%;

  left: 0;

  right: 0;

  color: red;

}

.container-fluid{

  max-width: 1600px;

}

.text-center h2 {

  margin-bottom: 30px;

}



.text-center p {

  margin-bottom: 50px;

  color: #333;

}

.textad,.textdspad{

  width: 100%;

  max-width:700px;

  overflow: hidden;

}

.ads ins{

  width: 100% !important;

  margin-left: auto !important;

  margin-right: auto !important;

}

#social{

  max-height: 400px;

  overflow: hidden;

}

.row img {

  max-width: 100%;

}



.btn-default {

  color: #333;

  background-color: #fff;

  border-color: #fff;

  text-transform: uppercase;

  font-size: 18px;

  border-radius: 30px;

  margin-left: -10px;

}



.btn-primary {

  background-color: #003a6a;

  border-color: #003a6a;

}



.btn-primary:hover {

  background-color: #003a6a;

}



#breadcrumb {

  background-color: #ddd;

  ;

}



.breadcrumb {

  background: none;

}

.breaking-space{

  padding-bottom:0!important;

  padding-top:0!important;

}

/*===========================

  Menu and Navigation

============================ */



.navbar {

  padding: 0;

  background-color: #fff;

}



.navbar-nav{

  flex-wrap: wrap;

}



#nav {

  background-color: #003a6a;

  border-bottom: 2px solid #f2f23a;

}

#nav.fixed-top{

  top:31px;

}

section#kalma {

  font-size: 1.5em;

  text-align: center;

  background: #003a6a;

  color: #fff904;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 1043;

}

.kalma-text{

  width: 160px;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  height: 31px;

  line-height: 31px;

  font-size: 21px;

  direction:rtl;

}

section#kalma> .kalma-text::after {

	content:'';

  top:-11px;

	transform:translateX(100%);

	width:100%;

	height:51px;

	position: absolute;

	z-index:1;

	animation: slide 3s infinite;

  

  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 20%, rgba(128,186,232,0) 50%, rgba(125,185,232,0) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,0.5)), color-stop(50%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(128,186,232,0) 50%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(128,186,232,0) 50%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(128,186,232,0) 50%,rgba(125,185,232,0) 100%); /* IE10+ */

	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 20%,rgba(128,186,232,0) 50%,rgba(125,185,232,0) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */

}



.navbar-brand h1 {

  padding: 5px 0 0;

  font-size: 15px;

  color: #f2f23a;

  font-weight: 900;

  line-height: 24px;

}



.navbar-brand h1 span {

  color: #fff;

  font-size: 10px;

  font-weight: normal;

}



.navbar-brand img {

  float: left;

  z-index: 1030;

  position: absolute;

  width: 120px;

  height: auto;

  left:15px;

}



.navbar-brand .brand-desc {

  float: left;

  padding-left: 125px;

}



.brand-desc-text {

  font-size: 16px;

  color: #fff;

}



#newsTab {

  border-bottom: 0;

}



#newsTab>li {

  float: left;

  margin-bottom: 0;

  overflow: hidden;

}



#smallNavbar .nav-link {

  color: #f2f23a;

  border-bottom: 3px solid transparent;

}



#mainNavbar .nav-link {

  color: #fff;

  border-bottom: 3px solid transparent;

}



.navbar-nav .nav-link {

  padding-left: 15px;

  padding-right: 15px;

  white-space: nowrap;

}



.nav-link:hover {

  transition: all 0.3s linear;

  -moz-transition: all 0.3s linear;

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

}



#smallNavbar .nav-link:hover,

#smallNavbar .nav-item.active .nav-link {

  color: #fff !important;

  border-bottom: 3px solid #fff;

}



#mainNavbar .nav-link:hover,

#mainNavbar .nav-item.active .nav-link {

  color: #fff608 !important;

  border-bottom: 3px solid #fff608;

}



.active .nav-link {

  color: #003a6a;

  border-radius: 0;

  transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}



.navbar-toggler {

  border: none;

  background: transparent !important;

  padding: 9px;

}



.navbar-toggler:hover {

  background: transparent !important;

}



.navbar-toggler:focus {

  outline: none !important;

}



.navbar-toggler .icon-bar {

  display: block;

  width: 25px;

  height: 2px;

  border-radius: 1px;

  margin-top: 5px;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

}



.small.navbar-toggler .icon-bar {

  background-color: #fff;

}



.main.navbar-toggler .icon-bar {

  background-color: #003a6a;

}



.navbar-toggler .icon-bar:nth-of-type(1) {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

  -webkit-transform-origin: 10% 10%;

  -ms-transform-origin: 10% 10%;

  transform-origin: 10% 10%;

}



.navbar-toggler .icon-bar:nth-of-type(2) {

  opacity: 0;

  filter: alpha(opacity=0);

}



.navbar-toggler .icon-bar:nth-of-type(3) {

  -webkit-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg);

  -webkit-transform-origin: 10% 90%;

  -ms-transform-origin: 10% 90%;

  transform-origin: 10% 90%;

}



.navbar-toggler.collapsed .icon-bar:nth-of-type(1) {

  -webkit-transform: rotate(0);

  -ms-transform: rotate(0);

  transform: rotate(0);

}



.navbar-toggler.collapsed .icon-bar:nth-of-type(2) {

  opacity: 1;

  filter: alpha(opacity=100);

}



.navbar-toggler.collapsed .icon-bar:nth-of-type(3) {

  -webkit-transform: rotate(0);

  -ms-transform: rotate(0);

  transform: rotate(0);

}



.header {

  min-height: 165px;

}



#ticker {

  position: fixed;

  top: 132px;

  width: 100%;

  overflow: hidden;

  height: 33px;

  background-color: #eee;

  box-sizing: content-box;

  z-index: 1028;

}

.header.shrink #kalma{

  display: none;

}

.header.shrink #smallNav {

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

}



.header.shrink .navbar-brand img {

  width: 73px;

  height: auto;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

  top: 8px;

}





.header.shrink .brand-desc {

  padding-left: 75px;

}



.header.shrink h1 {

  font-size: 13px;

  margin: 0;

  padding: 0;

  line-height: 18px;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

}



.header.shrink h1>span {

  color: #fff;

  font-size: 9px;

}



.header.shrink .brand-desc-text {

  font-size: 13px;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

}

.header.shrink #nav.fixed-top {

  top: 0;

}

.header.shrink #ticker {

  top: 84px;

  z-index: 1029;

}



.header.shrink .navbar {

  border-bottom: 1px solid#003a6a;

}



#widgets {

  padding: 10px 0 40px 0;

  ;

}



ul.news-widget,

ul.announcebox {

  margin: 0;

  padding: 0;

  color: #333;

  list-style-type: none;

}



ul.announcebox {

  width: 80%;

  margin: 0 auto;

  text-align: center;

}



ul.news-widget li {

  border-bottom: 1px dotted #ddd;

  line-height: 16px;

  overflow: hidden;

  padding: 5px 10px;

  font-size: 11px;

  text-transform: capitalize;

}

@keyframes yellowfade {

  from {

    color: yellow;

  }

  to {

    color: #333;

  }

}



ul.announcebox .news-link.highlight{

  animation: yellowfade 1s infinite;

  -webkit-animation: yellowfade 1s infinite;

}



.latest{

  position: relative;

  overflow: hidden;

}



/* Shine */

.latest:after {

	content:'';

  top:0;

	transform:translateX(100%);

	width:100%;

	height:50px;

	position: absolute;

	z-index:1;

	animation: slide 2s infinite;	 

  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */

	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */

}



/* animation */

@keyframes slide {

	0% {transform:translateX(-100%);}

	100% {transform:translateX(100%);}

}



@keyframes blink{

  0%{opacity: 0;}

  50%{opacity: .5;}

  100%{opacity: 1;}

}



ul.news-widget li a> strong{

  font-weight: bold;

  font-size: 13px;

  color: #003a6a;

  text-transform: uppercase;

}



ul.news-widget li a{

  text-decoration: none;

  color: #003a6a;

  display: block;

}

ul.news-widget li:hover a,

ul.news-widget li:hover a>strong{

  color: #248a01;

}

ul.news-widget li .item-wrapper >span {

  float: left;

  font-size: 1em;

  width: 4em;

  height: 4em;

  text-align: center;

  margin-right: 10px;

  margin-top: -2px;

  color: #003a6a;

}

ul.news-widget li >span time.icon{

  font-size: 1em;

  position: relative;

  display: block;

  width: 6em;

  height: 5em;

}

/* ul.news-widget li>.latest time>span{

  animation: blink 1s linear infinite;

  color: #fff407;

} 

ol.announcemodal> li.latest>strong{

  animation: blink 1s linear infinite;

  color: #fff407;

}

 */ul.datesheets li h3 {

  font-size: 13px;

  color: #2d94cf;

  padding-left: 45px;

  margin-bottom: 3px;

}



ul.datesheets li h4 {

  font-size: 11px;

  padding-left: 45px;

}



.card-header {

  background-color: #003a6a;

  border-bottom: 1px solid #003a6a;

  color: #fff;

  padding: .75rem;

}



.card-header h4 {

  color: #fff;

}



.card-body {

  padding: 10px;

}



#events .card-body{

  padding: 0;

}



.card-body .blockquote {

  font-size: 13px;

}



.card-footer {

  background: none;

  padding: 5px;

}



#ticker .card {

  background: none;

  border: none;

}



#ticker .card-body {

  padding: 0;

}



#ticker .card-footer {

  position: absolute;

  right: 0;

  padding: 0;

  border: none;

}



.announcebox .news-item {

  line-height: 24px;

  margin: 0 auto;

}



.announcebox .news-item a {

  color: #248a01;

}



.list-group-item.active {

  background-color: #003a6a;

  color: #fff;

}

.list-group-sub .list-group-item{

  background-color: #1BBD36;

  border: none;

}

.page-item {

  margin: 3px;

}



.page-item .page-link {

  background-color: #003a6a;

  padding: 5px 10px;

}



#ticker .page-item .page-link {

  padding: 1px 5px;

}



.page-item:hover>.page-link,

.page-link:hover {

  background-color: #003a6a;

}



.page-item .page-link span {

  color: #fff

}



#newsTab {

  flex-wrap: nowrap;

}



#newsTab>.nav-item>.nav-link {

  border: 1px solid #dfdfdf;

  color: #003a6a;

  position: relative;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



#newsTab>.nav-item>.nav-link.active {

  color: #003a6a;

  background: transparent;

}



#newsTab>.nav-item:hover>.nav-link {

  color: #eff233 !important;

}



#newsTab>.nav-item>.nav-link::after {

  content: "";

  background: #eff233;

  height: 3px;

  position: absolute;

  width: 100%;

  left: 0px;

  bottom: -1px;

  transition: all 250ms ease 0s;

  transform: scale(0);

}



#newsTab>.nav-item:hover .nav-link.active::after,

#newsTab>.nav-item:hover .nav-link::after {

  transform: scale(1);

}



#newsTab>.nav-item>.nav-link.active::after {

  background: #003a6a;

  transform: scale(1)

}



.tab-pane {

  padding: 3px 0;

}



* {

  box-sizing: border-box;

}





/*===========================

  slider

============================ */


#wowslider-container1{

  margin:0 auto 0 !important;

}

#main-slider {

  position: relative;

  background-color: #eee;

}



.no-margin {

  margin: 0;

  padding: 0;

}



#main-slider .carousel .carousel-content {

  margin-top: 150px;

}



#main-slider .carousel .slide-margin {

  margin-top: 140px;

}



/* overlay for better readibility of the caption  */

.overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0.3;

  transition: all 0.2s ease-out;

  display: none;

}



.feature {

  padding: 50px;

}



/* .text-center i {

  font-size: 40px;

  margin-top: 70px;

  margin-bottom: 30px;

  color: #fff;

  padding: 50px;

  background: #1BBD36;

  border-radius: 50%;

}



.text-center h2 {

  margin-top: 20px;

  margin-bottom: 20px;

  text-transform: uppercase;

  font-size: 18px;

  color: #1BBD36;

} */



.hi-icon-effect i.fa:hover {

  background: #fff;

  color: #1BBD36;

  -webkit-transition: color 300ms, background-color 300ms;

  -moz-transition: color 300ms, background-color 300ms;

  -o-transition: color 300ms, background-color 300ms;

  transition: color 300ms, background-color 300ms;

}





.partners ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.partners ul li {

  float: left;

  width: 20%;

}



.partners .img-thumbnail {

  border: none;

  background: none;

}



#contact-info{

  overflow: hidden;

}

#contact-info>.container {

  background: #fff url(../images/services/support.png) no-repeat right;

  padding: 73px 0;

  background-size: 305px;

}



.contact-info i {

  width: 60px;

  height: 60px;

  font-size: 40px;

  line-height: 60px;

  color: #fff511;

  background: #003a6a;

  text-align: center;

  border-radius: 50%;

}



.contact-info h2 {

  margin-top: 0;

  color: #000;

}

.contact-info a{

  text-decoration: underline;

  font-style: italic;

  color: #5db85d;

}



.contact-info {

  color: #000;

}



/* --- about us --- */



.aboutus {

  padding: 30px 0;

}



.aboutus img {

  border-radius: 6px;

}



.about-banner {

  width: 100%;

}



#quickLinks h4 {

  margin-top: 0;

}



.aboutus h3 {

  margin-bottom: 30px;

  font-weight: 800;

}



#aboutAccord {

  padding-left: 60px;

  position: relative;

  z-index: 1;

}



#aboutAccord:before {

  content: "";

  width: 5px;

  height: 100%;

  background: #003a6a;

  position: absolute;

  top: 0;

  left: 23px;

  z-index: -1;

}



#aboutAccord .panel-title a {

  display: block;

  padding: 10px 15px;

  background: #fff;

  font-size: 18px;

  font-weight: 500;

  color: #004e89;

  position: relative;

  transition: all 0.5s ease 0s;

  box-shadow: 0 1px 2px rgba(43, 59, 93, 0.30);

  text-decoration: none;

}



#aboutAccord .panel-title a:before {

  content: "\f068";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  width: 50px;

  height: 50px;

  line-height: 40px;

  border-radius: 50%;

  background: #f2f23a;

  text-align: center;

  font-size: 17px;

  color: #004e89;

  border: 6px solid #004e89;

  position: absolute;

  top: 0;

  left: -60px;

}



#aboutAccord .panel-title a.collapsed:before {

  content: "\f067";

  background: #fff;

}



#aboutAccord .panel-body {

  padding: 0px 15px;

  background: #eee;

  border: none;

  border-radius: 2px;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) inset, 0 1px 2px rgba(255, 255, 255, 0.9);

  font-size: 14px;

  color: #487677;

  line-height: 25px;

}



.skill h2 {

  margin-top: -10px;

  margin-bottom: 25px;

}



.progress-wrap {

  position: relative;

}



.progress .color1,

.progress .color1 .bar-width {

  background: #2d7da4;

}



.progress .color2,

.progress .color2 .bar-width {

  background: #6aa42f;

}



.progress .color3,

.progress .color3 .bar-width {

  background: #ffcc33;

}



.progress .color4,

.progress .color4 .bar-width {

  background: #db3615;

}



.progress,

.progress-bar {

  height: 15px;

  line-height: 15px;

  background: #e6e6e6;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border-radius: 0;

  overflow: visible;

  text-align: right;

}



.progress {

  position: relative;

}



.progress .bar-width {

  position: absolute;

  width: 40px;

  height: 20px;

  line-height: 20px;

  text-align: center;

  font-size: 12px;

  font-weight: 700;

  top: -30px;

  border-radius: 2px;

  margin-left: -30px;

}



.progress span {

  position: relative;

}



.progress span:before {

  content: " ";

  position: absolute;

  width: auto;

  height: auto;

  border-width: 8px 5px;

  border-style: solid;

  bottom: -15px;

  right: 8px;

}



.progress .color1 span:before {

  border-color: #2d7da4 transparent transparent transparent;

}



.progress .color2 span:before {

  border-color: #6aa42f transparent transparent transparent;

}



.progress .color3 span:before {

  border-color: #ffcc33 transparent transparent transparent;

}



.progress .color4 span:before {

  border-color: #db3615 transparent transparent transparent;

}

.modal-header{

  background-color: #003a6a;

}

.modal-title{

  color: #f2f23a;

}

.modal-title span{

  font-size: 1.5rem;

  margin-right: 5px;

}

.close{

  color: #f2f23a;

  font-size: 1rem;

}

.modal-footer{

  background-color: #f2f23a;

}

.modal-preview{

  display: none;

}

.modal-dialog-centered{

  max-width: 60%;

  margin-left: auto !important;

  margin-right: auto !important;

}

.modal.noFooter .modal-footer{

  display: none;

}

#filePreview{

  min-height: 810px;

  background: none;

  border: none;

}

#preLoader.show{

  padding-right: 17px; 

  display: block;

}

#showDetailCenter .modal-content{

  border: none;

  background-color: transparent;

}



#showDetailCenter h4{

  color: #fff;

}

button.close{

  outline: none;

}

#showDetailCenter button.close{

  color: #fff;

  font-size: 34px;

}



#preLoader .modal-content{

  border: none;

}



#preLoader .modal-content img{

  display: block;

  margin: 0 auto;

}

.modal-backdrop.opacity05{

  opacity: 0.8 !important;

  transition: opacity .25s ease-in-out;

  -moz-transition: opacity .25s ease-in-out;

  -webkit-transition: opacity .25s ease-in-out;

}

header >.modal-backdrop.show{

  background-color:#fff;

  opacity: 1;

  z-index: 1042;

}

#context-menu{

  position: fixed;

  z-index: 9999;

}

/* body >.modal-backdrop.show{

  background-color: #f2f23a;

}

 */#ticker >.modal-backdrop.show{

  background-color: #fff;

}

.dropdown-menu{

  background-color: #fff80b;

  border: 1px solid #ccc;

  padding: 0;

  opacity: .8;

  box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);

  z-index: 9999;

}

.dropdown-menu li{

  padding:0;

  border-bottom: 1px dotted #238801;

}

.dropdown-menu li :hover{

  background-color:#238801;

  color: #fff;

}

.dropdown-menu li a{

  text-decoration: none;

  display: block;

  padding: 5px 10px;

  font-family: Comic Sans, Comic Sans MS, cursive;

}



.loader {

  width: 250px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

  font-family: helvetica, arial, sans-serif;

  text-transform: uppercase;

  font-weight: 900;

  color: #003a6a;

  letter-spacing: 0.2em;

  

}

.loader::before, .loader::after {

  content: "";

  display: block;

  width: 15px;

  height: 15px;

  background: #f2f23a;

  position: absolute;

  animation: load .7s infinite alternate ease-in-out;

}

.loader::before {

  top: 0;

}



.loader::after {

  bottom: 0;

}

@keyframes load {

  0% { left: 0; height: 30px; width: 15px }

  50% { height: 8px; width: 40px }

  100% { left: 235px; height: 30px; width: 15px}

}



ol.announcemodal{

  list-style-type: none;

  padding: 0;

  margin: 0;

}

ol.announcemodal li{

  padding: 10px 0;

  border-bottom: 1px dotted #ddd;

  font-size: 1.3em;

}



ol.announcemodal li:last-child{

  border: none;

}

ol.announcemodal li span.desc{

  display: block;

  margin-top: 10px;

}

ol.announcemodal li a{

  color: blue;

}

ol.announcemodal li.U,

ul.announcebox a.U,

#news-detail.U,

.services-inner.U .our-services-text{

  direction: rtl;

  text-align: right !important;

  line-height: 31px;

}

.services-inner.U{

  min-height: 50px !important;

  padding-right: 5px;

}

.services-inner.U .our-services-text,

.services-inner.U .our-services-text *{

  direction: rtl;

  text-align: right !important;

  line-height: 16px !important;

}

#news-detail.U>.media-body{

  padding-right: 10px;

}

ol.announcemodal li.U>strong{

  color: #f2f23a;

  padding: 0 10px;

  text-shadow: 1px 0px 2px #003a6a;

}



ul.announcebox a.U{

  line-height: 28px !important;

}

button#dontShow{

  white-space: normal;

}

.about {

  background: #eee;

  padding-top: 20px;

}



.about h2 {

  margin-bottom: 30px;

}

body> .container>h2{

  position: relative;

}



body> .container>h2>.badge{

  position: absolute;

}

.about img {

  margin-bottom: 30px;

  border-radius: 6px;

  max-width: 100%;

}



.chmsg_block .img-thumbnail {

  width: 220px;

  height: auto;

  float: left;

  margin-bottom: 0 !important;



}

.rti_block .img-thumbnail {

  width: 520px;

  height: auto;

  float: left;

  margin-bottom: 0 !important;



}



.tab-container {

  width: 100%;

  margin: 0 auto;

}



#about .tab-content {

  padding: 30px;

}



#info,

.block,

.colored{

  padding: 40px;

  background-color: #eee;

}

.padded{

  padding: 40px;

}



.colored{

  background-color: #eee;

}



.tab-container #aboutTabs {

  position: relative;

  margin: 40px auto;

  margin-bottom: 0;

  box-sizing: border-box;

  border-bottom: none;



}

#allNews #aboutTabs{

  margin: 0;

}



.list-group-item {

  background-color: transparent;

  border-color: #5a55a3;

}

.linkico{

  font-size: 14px;

  vertical-align: top;

  padding-right: 5px;

}

.linkrel{

  line-height: 16px;

}

#news-detail.U .linkrel{

  line-height: 0 !important;

}

#news-detail.U .linkrel i{

  padding-left: 5px;

}

p.narrow {

  margin: 10px auto;

}

.blockquote,p.narrow{

  text-align: justify;

}



.liner {

  height: 2px;

  background: #f2f23a;

  position: absolute;

  width: 80%;

  margin: 0 auto;

  left: 0;

  right: 0;

  top: 50%;

  z-index: 1;

}



#aboutTabs>li>a.active,

#aboutTabs>li>a.active:hover,

#aboutTabs>li>a.active:focus {

  color: #555555;

  cursor: default;

  border: 0;

  border-bottom-color: transparent;

}



span.round-tabs {

  width: 70px;

  height: 70px;

  line-height: 40px;

  display: inline-block;

  background: white;

  z-index: 2;

  position: absolute;

  top: 0;

  text-align: center;

  font-size: 25px;

}

#allNews span.round-tabs {

  width: 100%;

  height: 70px;

  line-height: 40px;

}

span.labels {

  width: 90%;

  line-height: 12px;

  z-index: 2;

  position: absolute;

  bottom: 3px;

  left: 5%;

  text-align: center;

  font-size: 11px;

  color: #000;

  padding: 3px;

  text-transform: uppercase;

  word-break: break-all;

}



.active span.labels {

  color: #fff;

}



span.round-tabs.one {

  color: rgb(34, 194, 34);

  border: 2px solid rgb(34, 194, 34);

}



li.active span.round-tabs.one {

  background: #fff !important;

  border: 2px solid #ddd;

  color: rgb(34, 194, 34);

}



span.round-tabs.two {

  color: #febe29;

  border: 2px solid #febe29;

}



li.active span.round-tabs.two {

  background: #fff !important;

  border: 2px solid #ddd;

  color: #febe29;

}



span.round-tabs.three {

  color: #3e5e9a;

  border: 2px solid #3e5e9a;

}



li.active span.round-tabs.three {

  background: #fff !important;

  border: 2px solid #ddd;

  color: #3e5e9a;

}



span.round-tabs.four {

  color: #f1685e;

  border: 2px solid #f1685e;

}



li.active span.round-tabs.four {

  background: #fff !important;

  border: 2px solid #ddd;

  color: #f1685e;

}



span.round-tabs.five {

  color: #999;

  border: 2px solid #999;

}



li.active span.round-tabs.five {

  background: #fff !important;

  border: 2px solid #ddd;

  color: #999;

}



span.round-tabs.six {

  color: #999;

  border: 2px solid #999;

}



li.active span.round-tabs.six {

  background: #fff !important;

  border: 2px solid #ddd;

  color: #999;

}



#aboutTabs>li>a.active span.round-tabs {

  background: #003a6a;

  color: white;

  border-color: #fff;

}



#aboutTabs>li {

  width: 16%;

  position: relative;

}

#allNews #aboutTabs>li {

  width: 20%;

  position: relative;

}

/* #aboutTabs > li> a:after {

      content: " ";

      position: absolute;

      left: 45%;

     opacity:0;

      margin: 0 auto;

      bottom: 0px;

      border: 5px solid transparent;

      border-bottom-color: #ddd;

      transition:0.1s ease-in-out;

      

  }

  #aboutTabs > li>a.active:after {

      content: " ";

      position: absolute;

      left: 40%;

     opacity:1;

      margin: 0 auto;

      bottom: -20px;

      border: 10px solid transparent;

      border-bottom-color: #ddd;

      

  }

   */

#aboutTabs>li a {

  width: 70px;

  height: 70px;

  margin: 20px auto;

  padding: 0;

  display: block;

  position: relative;

  border: none;

}

#allNews #aboutTabs>li a {

  width: 80%;

  height: 70px;

  margin: 20px auto;

  padding: 0;

  display: block;

  position: relative;

  border: none;

}



#aboutTabs>li a:hover {

  background: transparent;

}





#about .tab-pane {

  position: relative;

}



#about .tab-content .head {

  font-family: 'Roboto Condensed', sans-serif;

  font-size: 25px;

  text-transform: uppercase;

  padding-bottom: 10px;

}



#about .btn-outline-rounded {

  padding: 10px 40px;

  margin: 20px 0;

  border: 2px solid transparent;

  border-radius: 25px;

}



#about .btn.green {

  background-color: #5cb85c;

  /*border: 2px solid #5cb85c;*/

  color: #ffffff;

}





.our-team {

  padding: 50px;

  background: #ddd;

}





#team .our-team {

  padding: 0;

  background: none;

}



.our-team h3 {

  margin-bottom: 30px;

  font-weight: 800;

}



.our-team h4 {

  margin-top: 20px;

  margin-bottom: 20px;

  font-weight: 600;

}



.our-team img {

  border-radius: 6px;

  margin-top: 30px;

}



.lates {

  padding: 50px;

}



.lates h3 {

  font-size: 21px;

  font-weight: 600;

  color: #333;

}



.lates img {

  margin-top: 30px;

  border-radius: 5px;

  max-height: 197px;

  max-width: 100%;

}



.wrapper {

  min-height: calc(100vh - 87px);

}



/* --- footer --- */



/*footer*/



.col_white_amrc {

  color: #FFF;

}



footer {

  height: auto;

  width: 100%;

  background-color: #003a6a;

  min-height: 250px;

  padding-top: 10px;

}



footer.thin{

  min-height: 60px !important;

  margin-top: 60px;

  background-color: transparent;

}



footer .anchor{

color: #5db85d;

text-decoration: underline;

font-style: italic;

}



footer p i{

  color: #5db85d;

}

footer>div.foot_cont2 {

  max-width: 100%;

  padding: 15px 0;

  background-color: #FFF;

  border-top: 2px solid #f2f23f;

}



.pt2 {

  padding-top: 25px;

  margin-bottom: 20px;

}



footer p {

  font-size: 13px;

  color: #CCC;

  padding-bottom: 0px;

  margin-bottom: 8px;

}



.mb10 {

  padding-bottom: 15px;

}



.footer_ul_amrc {

  margin: 0px;

  list-style-type: none;

  font-size: 14px;

  padding: 0px 0px 10px 0px;

}



.footer_ul_amrc li {

  padding: 0px 0px 5px 0px;

}

.footer_ul_amrc li.active a{

  color: #fff409;

  font-weight: bold;

}



.footer_ul_amrc li a {

  color: #CCC;

}



.footer_ul_amrc li a:hover {

  color: #fff;

  text-decoration: none;

}



.fleft {

  float: left;

}



.padding-right {

  padding-right: 10px;

}



.footer_ul2_amrc {

  margin: 0px;

  list-style-type: none;

  padding: 0px;

}



.footer_ul2_amrc li p {

  display: table;

}



.footer_ul2_amrc li a:hover {

  text-decoration: none;

}



.footer_ul2_amrc li i {

  margin-top: 5px;

}



.bottom_border {

  border-bottom: 1px solid #323f45;

  padding-bottom: 20px;

}



.foote_bottom_ul_amrc {

  list-style-type: none;

  padding: 0px;

  display: table;

  margin-top: 10px;

  margin-right: auto;

  margin-bottom: 10px;

  margin-left: auto;

  text-align: center;

}



.foote_bottom_ul_amrc li {

  display: inline;

}



.foote_bottom_ul_amrc li.active {

  background-color: #fff709;

}



.foote_bottom_ul_amrc li a {

  color: #003a6a;

  margin: 0 12px;

}



ul.social-network {

  list-style: none;

  margin: 15px auto 0 auto;

  padding: 10px;

  transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  display: table;

}



ul.social-network li {

  display: inline;

  margin: 0 18px;

  font-size: 25px;

}



ul.social-network li a {

  color: #003a6a;

  text-decoration: none;

}



.social-network li:hover .fa-twitter {

  color: #00abf0;

}



.social-network li:hover .fa-facebook {

  color: #39579a;

}



.social-network li:hover .fa-google-plus {

  color: #eb8984;

}



.social-network li:hover .fa-pinterest {

  color: #c9171e;

}



.social-network li:hover .fa-linkedin {

  color: #003a6a;

}



.social-network li:hover .fa-youtube-play {

  color: #C84941;

}



.social-network li:hover .fa-dribbble {

  color: #EA4C89;

}



.social-network li:hover .fa-pinterest-square {

  color: #EA4B49;

}



.copyright {

  margin-top: 30px;

  text-align: right;

  color: #fff;

}



.copyright a {

  color: #000;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 12px;

  text-shadow: none;

}



/* Officers */



.image-flip:hover .backside,

.image-flip.hover .backside {

    -webkit-transform: rotateY(0deg);

    -moz-transform: rotateY(0deg);

    -o-transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    transform: rotateY(0deg);

    border-radius: .25rem;

}



.image-flip:hover .frontside,

.image-flip.hover .frontside {

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    transform: rotateY(180deg);

}

.mainflip {

  transition: 1s;

  -webkit-transition: 1s;

  -ms-transition: 1s;

  -moz-transition: 1s;

  transform: perspective(1000px);

  -ms-transform: perspective(1000px);

  -moz-transform: perspective(1000px);

  transform-style: preserve-3d;

  -webkit-transform-style: preserve-3d;

  -moz-transform-style: preserve-3d;

  -ms-transform-style: preserve-3d;

  position: relative;

}



.frontside {

  position: relative;

  transform: rotateY(0deg);

  -webkit-transform: rotateY(0deg);

  -ms-transform: rotateY(0deg);

  z-index: 2;

  margin-bottom: 30px;

}



.backside {

  position: absolute;

  top: 0;

  left: 0;

  background: white;

  -webkit-transform: rotateY(-180deg);

  -moz-transform: rotateY(-180deg);

  -o-transform: rotateY(-180deg);

  -ms-transform: rotateY(-180deg);

  transform: rotateY(-180deg);

  -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

  -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

  box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

}



.frontside,

.backside {

  width: 100%;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: 1s;

  -webkit-transform-style: preserve-3d;

  -moz-transition: 1s;

  -moz-transform-style: preserve-3d;

  -o-transition: 1s;

  -o-transform-style: preserve-3d;

  -ms-transition: 1s;

  -ms-transform-style: preserve-3d;

  transition: 1s;

  transform-style: preserve-3d;

}



.frontside .card,

.backside .card {

  min-height: 347px;

}



.frontside .card .card-title{

  font-size: 1.3em;

}



.backside .card a {

  font-size: 18px;

  color: #007b5e !important;

}



.backside .card p.card-text{

  margin-bottom: 0;

}



.frontside .card .card-title,

.backside .card .card-title {

  color: #007b5e !important;

}



.frontside .card .card-body img {

  width: 120px;

  height: 120px;

  border-radius: 50%;

}



#team .frontside .card .card-body img {

  width: 90px;

  height: 90px;

  border-radius: 50%;

  margin: 15px 0;

}



#team .text-center p{

  margin-bottom: 15px;

}



/* Sitemap */

#sitemap section{

  padding:10px;

  border-radius:3px;

}

#sitemap .cols.active h3{

  color:#fff;

}

#sitemap .cols.active{

  background-color:#003a6a;

  color:#fff709;

}

#sitemap .cols.active a{

  color:#fff709;

}



#sitemap .cols {

  border-right: 1px solid #ccc;

  padding-right:13px;

}



#sitemap .cols:last-child{

  border: none;

}

#sitemap .nav-pills .nav-link.active, #sitemap .nav-pills .show>.nav-link{

  background-color:#003a6a;

}





/* --- services --- */



.services,

#services {

  padding: 40px;

}



#services {

  background-color: #fff;

  overflow: hidden;

}



#latest .services-inner {

  border: 2px solid #dfdfdf;

  margin-left: 35px;

  transition: .3s;

  margin: 10px 0px;

  border-radius: 3px;

}



#latest .our-services-wrapper {

  width: 96%;

  margin: 0 auto;

}



#latest .our-services-img {

  float: left;

  margin-left: -30px;

  margin-top: 16px;

  font-size: 58px;

  background-color: #fff;

}

#latest .row >div:nth-child(1) .our-services-img{

  color: #00abf0;

}



#latest .row>div:nth-child(2) .our-services-img{

  color: #258a02;

}



#latest .row>div:nth-child(3) .our-services-img{

  color: #5db85d;

}



#latest .row>div:nth-child(4) .our-services-img{

  color: #004e89;

}



#latest .row >div:nth-child(1) .services-inner{

  border-color: #00abf0;

}



#latest .row>div:nth-child(2) .services-inner{

  border-color: #258a02;

}



#latest .row>div:nth-child(3) .services-inner{

  border-color: #5db85d;

}

#latest .row>div:nth-child(4) .services-inner{

  border-color: #004e89;

}



#latest .our-services-text {

  padding: 0 10px;

  float: left;

  overflow: hidden;

  max-height: 80px;

  min-height: 140px;

}



#latest .services-inner h4 {

  color: #222222;

  font-size: 16px;

  font-weight: 700;

  padding: 20px 10px;

  position: relative;

  text-transform: uppercase;

  min-height: 91px;

  max-height: 91px;

  overflow: hidden;

}



#latest .our-services-text h4::before {

  background: #ec6d48 none repeat scroll 0 0;

  bottom: 0;

  content: "";

  height: 1px;

  position: absolute;

  width: 35px;

}



#latest .our-services-wrapper:hover .services-inner {

  background: #fff none repeat scroll 0 0;

  border: 2px solid transparent;

  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);

}



#latest .our-services-text p {

  font-size: 13px;

  line-height: 20px;

  font-weight: 400;

  color: #666;

  margin-bottom: 15px;

}



#latest .services-inner>a {

  font-style: italic;

  padding: 10px;

}



.services h3 {

  margin-bottom: 30px;

  font-weight: 800;

}



.services img {

  border-radius: 6px;

}



.sub-services img {

  border-radius: 6px;

}





.sub-services {

  padding: 50px;

  background: #ddd;

}



.sub-services p,

.services p {

  margin-top: 20px;

  font-size: 13px;

}



div.service-tab-container {

  z-index: 10;

  background-color: #ffffff;

  padding: 0 !important;

  border-radius: 4px;

  -moz-border-radius: 4px;

  border: 1px solid #ddd;

  margin-top: 20px;

  -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.service-tab {

  padding: 30px 0;

}



div.service-tab-menu {

  padding-right: 0;

  padding-left: 0;

  padding-bottom: 0;

  width: 100%;

}





div.service-tab-menu div.list-group {

  margin-bottom: 0;

  flex-direction: row;

}



div.service-tab-menu div.list-group>a {

  margin-bottom: 0;

  width: 20%;

  padding: .75rem;

  line-height: 13px;

}



div.service-tab-menu div.list-group>a>h4 {

  margin: 10px;

}



div.service-tab-menu div.list-group>a .fas,

div.service-tab-menu div.list-group>a .fa,

div.service-tab-menu div.list-group>a .far {

  color: #5A55A3;

}



div.service-tab-menu div.list-group>a:first-child {

  border-top-right-radius: 0;

  -moz-border-top-right-radius: 0;

}



div.service-tab-menu div.list-group>a:last-child {

  border-bottom-right-radius: 0;

  -moz-border-bottom-right-radius: 0;

}



div.service-tab-menu div.list-group>a.active,

div.service-tab-menu div.list-group>a.active .fas,

div.service-tab-menu div.list-group>a.active .far,

div.service-tab-menu div.list-group>a.active .fab {

  background-color: #5A55A3;

  background-image: #5A55A3;

  color: #ffffff;

  -webkit-transition: background-color 300ms ease;

  -ms-transition: background-color 300ms ease;

  transition: background-color 300ms ease;

}



div.service-tab-menu div.list-group>a.active:after {

  content: '';

  position: absolute;

  left: 45%;

  top: 100%;

  border-bottom: 0;

  border-left: 13px solid transparent;

  border-right: 13px solid transparent;

  border-top: 10px solid #5A55A3;

}





div.service-tab-content {

  background-color: #ffffff;

  padding-left: 20px;

  padding-top: 10px;

  min-height: 120px;

}



#noti-tab{

  min-height: 530px;

}



div.service-tab div.service-tab-content:not(.active) {

  display: none;

}



#certificate-tab .services-inner,

#student .services-inner {

  border-radius: 50%;

  width: 120px;

  height: 120px;

  margin: 15px auto;

}



#info-tab .services-inner,

#institute .services-inner{

  width: 100%;

  height: 75px;

  margin: 15px auto;

  position: relative;

}



#noti-tab .services-inner{

  width: 220px;

  height: 75px;

  margin: 15px auto;

}



#allNews .services-inner{

  width: 100%;

  min-height: 45px;

  margin: 7px auto 13px;

  border-radius: 4px;

  position: relative;

}



#exam-tab .services-inner,

#info .services-inner  {

  width: 150px;

  height: 150px;

  margin: 15px auto;

  position: relative;

}

.item-box a{

  text-decoration: none;

}

.item-box .our-services-img {

  width: inherit;

  height: inherit;

  position: absolute;

}



#allNews .our-services-img {

  position: absolute;

  top: -8px;

  left: -5px;

}

#allNews .our-services-img i{

  font-size: 30px;

}

#certificate-tab .our-services-img,

#student .our-services-img{

  text-align: center;

  padding-top: 12px;

}

#info-tab .our-services-img,

#noti-tab .our-services-img,

#institute .our-services-img{

  text-align: right;

  padding-top: 5px;

  padding-right: 10px;

}

#noti-tab .our-services-img{

  padding-top: 17px;

}



#exam-tab .our-services-img,

#info .our-services-img{

  text-align: center;

  padding-top: 25%;

}

.item-box .our-services-img i{

  font-weight: 900;

  font-size: 38px;

  color: #fff;

}



.item-box .our-services-text {

  width: inherit;

  height: 30%;

  position: relative;

  left: 3%;

  top: 65%;

  transform: skew(-20deg);

  background-color: #fff;

}



#info-tab .our-services-text,

#noti-tab .our-services-text,

#institute .our-services-text{

  background-color: transparent;

  border: none;

}



#noti-tab .our-services-text{

  top:5%;

  width: 75%;

  transform: unset;

}



#exam-tab .our-services-text,

#allNews .our-services-text{

  background-color: transparent;

  border: none;

  left: auto;

  transform: unset;

}

.item-box .our-services-text h4{

  line-height: 11px;

  padding: 3px;

  font-size: 13px;

  text-align: center;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

#info-tab .our-services-text h4,

#noti-tab .our-services-text h4,

#allNews .our-services-text h4,

#institute .our-services-text h4{

  text-align: left;

  color: #fff;

}

#allNews .our-services-wrapper{

  width: 90%;

  margin: 0 auto;

}

#allNews .our-services-text{

  top: 0;

  padding: 0.3em 0 0 5em;

}



#allNews .our-services-text h4{

  margin: 0;

}

#allNews .our-services-text .desc{

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  font-size: .8em;

  min-height: 21px;

}

#noti-tab .our-services-text h4{

  line-height: 16px;

}



#noti-tab .our-services-text span.desc {

  font-size: 11px;

  line-height: 13px;

  display: block;

  color: #ccc;

  margin-top: -5px;

  padding-left: 3px;

  max-height: 40px;

  overflow: hidden;

}



#exam-tab .our-services-text h4,

#info .our-services-text h4{

  text-align: center;

  color: #fff;

}

.item-box .services-inner.one,

.item-box .cat1 .services-inner,

.item-box .ssc .services-inner{

  background-color: #007bff;

}



.item-box .one .our-services-text,

.item-box .cat1 .our-services-text,

.item-box .ssc .our-services-text {

  border:2px solid #007bff;

}

.item-box .cat1 .our-services-text h4>i::before,

.item-box .ssc .our-services-text h4>i::before{

  content: "\f0f3";

}

.item-box .services-inner.one:hover,

.item-box .cat1 .services-inner:hover,

.item-box .ssc .services-inner:hover{

  box-shadow: 1px 0px 10px #007bff;

  color: #333 !important;

}



.item-box .services-inner.two,

.item-box .cat2 .services-inner,

.item-box .hssc .services-inner{

  background-color: #248a01;

}

.item-box .two .our-services-text,

.item-box .cat2 .our-services-text,

.item-box .hssc .our-services-text  {

  border:2px solid #248a01;

}

.item-box .cat2 .our-services-text h4>i::before{

  content: "\f1ea";

}

.item-box .services-inner.two:hover,

.item-box .cat2 .services-inner:hover,

.item-box .hssc .services-inner:hover{

  box-shadow: 1px 0px 10px #248a01;

  color: #333 !important;

}



.item-box .services-inner.three,

.item-box .cat3 .services-inner{

  background-color: #323f45;

}



.item-box .three .our-services-text,

.item-box .cat3 .our-services-text  {

  border:2px solid #323f45;

}



.item-box .services-inner.three:hover,

.item-box .cat3 .services-inner:hover{

  box-shadow: 1px 0px 10px #323f45;

  color: #333 !important;

}



.item-box .services-inner.four,

.item-box .cat4 .services-inner{

  background-color: #487677;

}



.item-box .four .our-services-text,

.item-box .cat4 .our-services-text {

  border:2px solid #323f45;

}



.item-box .services-inner.four:hover,

.item-box .cat4 .services-inner:hover{

  box-shadow: 1px 0px 10px #487677;

  color: #333 !important;

}



.item-box .services-inner.five,

.item-box .cat5 .services-inner{

  background-color: #5cb85c;

}



.item-box .five .our-services-text,

.item-box .cat5 .our-services-text {

  border:2px solid #5cb85c;

}

.item-box .cat5 .our-services-text h4>i::before{

  content: "\f03a";

}

.item-box .services-inner.five:hover,

.item-box .cat5 .services-inner:hover{

  box-shadow: 1px 0px 10px #5cb85c;

  color: #333 !important;

}



.item-box .services-inner.six,

.item-box .cat6 .services-inner{

  background-color: #c9171e;

}



.item-box .six .our-services-text,

.item-box .cat6 .our-services-text {

  border:2px solid #c9171e;

}



.item-box .services-inner.six:hover,

.item-box .cat6 .services-inner:hover{

  box-shadow: 1px 0px 10px #c9171e;

  color: #333 !important;

}



.item-box .services-inner.seven,

.item-box .cat7 .services-inner{

  background-color: #004e89;

}



.item-box .seven .our-services-text,

.item-box .cat7 .our-services-text {

  border:2px solid #004e89;

}

.item-box .cat7 .our-services-text h4>i::before{

  content: "\f0f0";

}

.item-box .services-inner.seven:hover,

.item-box .cat7 .services-inner:hover{

  box-shadow: 1px 0px 10px #004e89;

  color: #333 !important;

}

.item-box .services-inner.eight,

.item-box .cat8 .services-inner{

  background-color: #2d7da4;

}



.item-box .eight .our-services-text,

.item-box .cat8 .our-services-text {

  border:2px solid #2d7da4;

}

.item-box .cat8 .our-services-text h4>i::before{

  content: "\f19d";

}

.item-box .services-inner.eight:hover,

.item-box .cat8 .services-inner:hover{

  box-shadow: 1px 0px 10px #2d7da4;

  color: #333 !important;

}



.item-box .services-inner.nine,

.item-box .cat9 .services-inner{

  background-color: #34495e;

}



.item-box .nine .our-services-text,

.item-box .cat9 .our-services-text {

  border:2px solid #34495e;

}



.item-box .services-inner.nine:hover,

.item-box .cat9 .services-inner:hover{

  box-shadow: 1px 0px 10px #34495e;

  color: #333 !important;

}

.item-box .services-inner.ten,

.item-box .cat10 .services-inner{

  background-color: #487677;

}



.item-box .ten .our-services-text,

.item-box .cat10 .our-services-text {

  border:2px solid #487677;

}



.item-box .services-inner.ten:hover,

.item-box .cat10 .services-inner:hover{

  box-shadow: 1px 0px 10px #487677;

  color: #333 !important;

}



.item-box .services-inner.ten,

.item-box .cat11 .services-inner{

  background-color: #5cb85d;

}



.item-box .ten .our-services-text,

.item-box .cat11 .our-services-text {

  border:2px solid #5cb85d;

}



.item-box .services-inner.ten:hover,

.item-box .cat11 .services-inner:hover{

  box-shadow: 1px 0px 10px #5cb85d;

  color: #333 !important;

}



.item-box .services-inner.ten,

.item-box .cat12 .services-inner{

  background-color: #258a02;

}



.item-box .ten .our-services-text,

.item-box .cat12 .our-services-text {

  border:2px solid #258a02;

}



.item-box .services-inner.ten:hover,

.item-box .cat12 .services-inner:hover{

  box-shadow: 1px 0px 10px #5cb85d;

  color: #333 !important;

}

.item-box .hidden,

.news-item .hidden{

  display: none;

}



#news-detail{

  min-height: 420px;

}



#newsItem span.fas{

  font-size: 3.3em;

  padding-right: 10px;

  color: #003a6a;

}



p.MsoNormal, li.MsoNormal, div.MsoNormal {

  margin: 0in;

  margin-bottom: .0001pt;

  text-align: right;

  line-height: 115%;

  font-size: 11.0pt;

  font-family: "Calibri","sans-serif";

}

.hidden{

  font-size: 13px;

  line-height: 13px;

  color: #333;

}

.hidden label{

  min-width: 105px;

  padding: 3px 0;

  font-weight: bold;

  border-bottom: 1px dotted #ccc;

  margin-bottom: 2px;

}

.hidden span{

  padding-left: 10px;

  padding: 3px 0;

  border-bottom: 1px dotted #ccc;

  display: inline-block;

}

/* Time Style */

time.icon

{

  font-size: 1em; /* change icon size */

  position: relative;

  display: block;

  width: 4.3em;

  height: 4em;

  background-color: #fff;

  border-radius: 0.6em;

  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;

  overflow: hidden;

  backface-visibility: hidden;

  -webkit-backface-visibility: hidden;

  transform: rotate(0deg) skewY(0deg);

  -webkit-transform: rotate(0deg) skewY(0deg);

  -webkit-transform-origin: 50% 10%;

  transform-origin: 50% 10%;

}



time.icon *

{

  display: block;

  width: 100%;

  font-size: 0.7em;

  font-weight: bold;

  font-style: normal;

  text-align: center;

}



time.icon strong

{

  position: absolute;

  top: 0;

  padding: 0.1em 0;

  color: #fff;

  background-color: #fd9f1b;

  box-shadow: 0 2px 0 #fd9f1b;

  line-height: 1em;

}



time.icon em

{

  position: absolute;

  bottom: 0;

  color: #2f2f2f;

  line-height: 11px;

}



time.icon span

{

  width: 100%;

  font-size: 2.5em;

  letter-spacing: -0.05em;

  padding-top: 0.5em;

  color: #2f2f2f;

}

ul.news-widget li:hover time.icon, 

ul.news-widget li:focus time.icon,

#allNews .our-services-wrapper:hover time.icon, 

#allNews .our-services-wrapper:focus time.icon{

  -webkit-animation: swing 0.6s ease-out;

  animation: swing 0.6s ease-out;

}



@-webkit-keyframes swing {

  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }

  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }

  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }

  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }

  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }

}



@keyframes swing {

  0%   { transform: rotate(0deg)  skewY(0deg); }

  20%  { transform: rotate(12deg) skewY(4deg); }

  60%  { transform: rotate(-9deg) skewY(-3deg); }

  80%  { transform: rotate(6deg)  skewY(-2deg); }

  100% { transform: rotate(0deg)  skewY(0deg); }

}



.padded .services-inner {

  margin: 40px auto !important;

}

.media ul li {

  list-style: none;

}



.media i {

  color: #1BBD36;

  font-size: 21px;

}



.media h4 {

  font-size: 20px;

  font-weight: 600;

  color: #1BBD36;

}





.card-counter {

  box-shadow: 2px 2px 10px #DADADA;

  margin: 5px;

  padding: 20px 10px;

  background-color: #fff;

  height: 100px;

  border-radius: 5px;

  transition: .3s linear all;

}



.card-counter:hover {

  box-shadow: 4px 4px 20px #DADADA;

  transition: .3s linear all;

}



.card-counter.primary {

  background-color: #007bff;

  color: #FFF;

}



.card-counter.danger {

  background-color: #ef5350;

  color: #FFF;

}



.card-counter.success {

  background-color: #66bb6a;

  color: #FFF;

}



.card-counter.info {

  background-color: #26c6da;

  color: #FFF;

}



.card-counter i {

  font-size: 5em;

  opacity: 0.2;

}



.card-counter .count-numbers {

  position: absolute;

  top: 20px;

  font-size: 26px;

  display: block;

  line-height: 27px;

}



.card-counter .count-name {

  position: absolute;

  right: 35px;

  top: 80px;

  font-style: italic;

  text-transform: capitalize;

  opacity: 0.5;

  display: block;

  font-size: 18px;

}



/* --- portfolio --- */



#portfolio .center p {

  margin-top: 50px;

  margin-bottom: 50px;

  font-size: 18px;

}



.portfolio-items,

.notification-filter {

  list-style: none outside none;

  margin: 0 0 40px 0;

  padding: 0;

}



.subsec .notification-filter {

  margin: 0 0 20px 0;

}

.container.contrno{

  padding:0;

}



.notification-filter>li {

  display: inline-block;

}



.notification-filter>li a {

  background:#FFFFFF;

  font-size: 14px;

  font-weight: 400;

  margin-right: 20px;

  text-transform: uppercase;

  transition: all 0.9s ease 0s;

  -moz-transition: all 0.9s ease 0s;

  -webkit-transition: all 0.9s ease 0s;

  -o-transition: all 0.9s ease 0s;

  border: 1px solid #1BBD36;

  outline: none;

  border-radius: 3px;

}



.notification-filter>li a:hover,

.notification-filter>li a.active {

  color: #fff;

  background: #1BBD36;

  border: 1px solid #1BBD36;

  box-shadow: none;

  -webkit-box-shadow: none;

}



.portfolio-items>li {

  float: left;

  padding: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}







.overlay {

  margin-bottom: 20px;

}



.overlay a:hover {

  color: #1BBD36;

}



/* Start: Recommended Isotope styles */



/**** Isotope Filtering ****/



.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



/**** Isotope CSS3 transitions ****/



.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

  -moz-transition-property: height, width;

  -ms-transition-property: height, width;

  -o-transition-property: height, width;

  transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

  -moz-transition-property: -moz-transform, opacity;

  -ms-transition-property: -ms-transform, opacity;

  -o-transition-property: -o-transform, opacity;

  transition-property: transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

  -moz-transition-duration: 0s;

  -ms-transition-duration: 0s;

  -o-transition-duration: 0s;

  transition-duration: 0s;

}



/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/



.isotope.infinite-scrolling {

  -webkit-transition: none;

  -moz-transition: none;

  -ms-transition: none;

  -o-transition: none;

  transition: none;

}



/* --- Map --- */



.map {

  position: relative;

  margin-bottom: 40px;

}



.map iframe {

  width: 100%;

  height: 450px;

  border: 1px solid #ddd !important;

}



.map-grid iframe {

  width: 100%;

  height: 350px;

  border: none;

  margin: 0 0 -5px 0;

  padding: 0;

}



/* --- blog --- */



#blog {

  margin-top: 50px;

}



a.btn-primary:hover {

  background-color: #ddd;

  color: #1BBD36;

}



.widget {

  margin-bottom: 60px;

  padding-left: 0;

}



.single_comments {

  margin-bottom: 20px;

}



.single_comments img {

  float: left;

  margin-right: 10px;

  margin-top: 5px;

}



.single_comments p {

  margin-bottom: 0;

}



.widget .entry-meta span {

  display: inline-block;

  margin-right: 10px;

  color: #333;

}



.widget .entry-meta span a:hover {

  color: #1BBD36;

}



.widget h3 {

  color: #000;

  text-transform: uppercase;

  margin-bottom: 20px;

}



.blog_category {

  list-style: none;

  margin: 0;

  padding: 0;

}



.blog_category li {

  float: none;

  margin-bottom: 20px;

}



.blog_category li a {

  background: #f5f5f5;

  border-radius: 4px;

  color: #888;

  display: inline-block;

  padding: 5px 15px;

}



.blog_category li a:hover {

  background: #1BBD36;

  color: #fff;

}



.badge:before {

  border-color: transparent transparent transparent #f2f23a;

  border-style: solid;

  border-width: 10px;

  bottom: -8px;

  content: "";

  height: 0;

  left: 5px;

  position: absolute;

  z-index: -99999;

}



.badge {

  background-color: #f2f23a;

  border-radius: 5px;

  color: #003a6a;

  position: relative;

  top: -30px;

  font-weight: normal;

  font-size: 50%;

}



#main-contact-form .badge {

  top: -1px;

}



.blog_archieve {

  list-style: none outside none;

  margin: 0;

  padding: 0;

}



.blog_archieve li {

  padding: 10px 0;

  border-bottom: 1px solid #f5f5f5;

}



ul.blog_archieve li a:hover {

  color: #1BBD36;

}



.blog_archieve li:first-child {

  padding-top: 0;

}



ul.gallery {

  list-style: none;

  padding: 0;

  margin: 0;

}



ul.gallery li {

  display: block;

  width: 60px;

  padding: 0;

  margin: 0 4px 4px 0;

  float: left;

}



/* FAQs */



.faqsAccord .card{

  border: none;

  border-radius: 0;

  box-shadow :none;

  margin-bottom: 10px;

  position: relative;

  border-bottom: 1px solid #003a6a;

}

.faqsAccord .card-header{

  padding: 0;

  position: relative;

  border: none;

}

.faqsAccord .card-header:before{

  content: "";

  width: 40px;

  height: 100%;

  background: #003a6a;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

.faqsAccord h4.mb-0 a{

  display: block;

  padding: 10px 30px 10px 60px;

  background: #f5f5f5;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 1px;

  color: #000;

  overflow: hidden;

  position: relative;

  text-decoration:none;

}

.faqsAccord h4.mb-0 a:before,

.faqsAccord h4.mb-0 a.collapsed:before,

.faqsAccord h4.mb-0 a:after,

.faqsAccord h4.mb-0 a.collapsed:after{

  content: "\f068";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  font-size: 15px;

  color: #fff;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 2;

  transition: all 0.3s ease 0s;

  width: 40px;

  height: 100%;

  padding-top: 13px;

  padding-left: 13px;

}

.faqsAccord h4.mb-0 a:after,

.faqsAccord h4.mb-0 a.collapsed:after{

  content: "\f067";

  transform: translateY(150px);

}

.faqsAccord h4.mb-0 a.collapsed:before{ transform: translateY(-50px); }

.faqsAccord h4.mb-0 a.collapsed:after{ transform: translateY(0); }

.faqsAccord .card-body{

  padding: 10px 30px 10px 60px;

  background: #f5f5f5;

  border-top: none;

  font-size: 15px;

  color: #6f6f6f;

  letter-spacing: 1px;

  line-height: 28px;

  position: relative;

}

.faqsAccord .card-body:before{

  content: "";

  display: block;

  width: 40px;

  height: 100%;

  background: rgba(0,0,0,0.05);

  position: absolute;

  top: 0;

  left: 0;

}



ul.faq {

  list-style: none;

  margin: 0;

}



ul.faq li {

  margin-top: 30px;

}



ul.faq li:first-child {

  margin-top: 0;

}



ul.faq li span.number {

  display: block;

  float: left;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  background: #34495e;

  color: #fff;

  font-size: 24px;

}



ul.faq li>div {

  margin-left: 70px;

}



ul.faq li>div h3 {

  margin-top: 0;

}



.embed-container {

  position: relative;

  padding-bottom: 56.25%;

  padding-top: 30px;

  height: 0;

  overflow: hidden;

}



.embed-container iframe,

.embed-container object,

.embed-container embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.blog-item {

  border-radius: 0;

  overflow: hidden;

  margin-bottom: 50px;

}



.blog .blog-item .img-blog {

  border-radius: 5px;

  margin-bottom: 45px;

}



.blog .blog-item .blog-content {

  padding-bottom: 25px;

}



.blog .blog-item .blog-content h2 {

  margin-top: 0;

  font-size: 30px;

}



.readmore {

  margin-top: 0;

}



.blog .blog-item .blog-content h4 {

  margin-bottom: 40px;

  font-weight: 600

}



.blog .blog-item .blog-content p {

  font-size: 13px;

}



.blog .blog-item .entry-meta {

  border-radius: 5px;

  overflow: hidden;

}



.blog .blog-item .entry-meta>span {

  background: #f5f5f5;

  border-top: 1px solid #fff;

  display: block;

  font-size: 12px;

  overflow: hidden;

  padding: 5px;

  text-align: left;

}



#publish_date {

  background: #1BBD36;

  border-bottom: 5px solid #4e4e4e;

  color: #fff;

  padding: 5px 0;

  text-align: center;

}



.blog .blog-item .entry-meta>span {

  color: #ccc;

}



.blog .blog-item .entry-meta>span a {

  font-size: 12px;

  margin-left: 3px;

  font-weight: 300;

  color: #888;

}



.search_box {

  background-image: url("../images/search_icon.png");

  background-position: 314px 15px;

  background-repeat: no-repeat;

  border-color: #DEDEDE;

  height: 48px;

  outline: medium none;

  box-shadow: none;

}



.form-control:focus {

  box-shadow: none;

  outline: 0 none;

}



ul.tag-cloud,

ul.sidebar-gallery {

  list-style: none;

  padding: 0;

  margin: 0;

}



.tag-cloud li {

  display: inline-block;

  margin-bottom: 3px;

}



.tag-cloud li a {

  background: #f5f5f5;

  color: #888;

  border: 0;

  border-radius: 4px;

  padding: 8px 15px;

}



.tag-cloud li a:hover {

  background: #1BBD36;

  color: #fff;

}



.sidebar-gallery li {

  display: inline-block;

  margin: 0 10px 10px 0;

}



.sidebar-gallery li a {

  border-radius: 4px;

  display: inline-block;

}



/* --- contact --- */



#contact-page {

  padding-top: 0;

  background: #eee;

  margin-bottom: 50px;

}



#contact-page .contact-form .form-group label {

  color: #4E4E4E;

  font-size: 14px;

  font-weight: 300;

}



.form-group .form-control {

  padding: 7px 12px;

  border-color: #f2f2f2;

  box-shadow: none;

}



textarea#message {

  resize: none;

  padding: 10px;

}



#contact-page .contact-wrap {

  margin-top: 20px;

  position: relative;

}



.center h2 {

  font-size: 36px;

  margin-top: 0;

  margin-bottom: 20px;

  text-align: center;

}



.center p {

  text-align: center;

}



a.scrollup {

  display: none;

  color: #fff;

  height: 40px;

  width: 40px;

  font-size: 12px;

  line-height: 30px;

  text-align: center;

  text-decoration: none;

  position: fixed;

  bottom: 22px;

  right: 20px;

  opacity: 0.7;

  border-radius: 50%;

  z-index: 999;

  background-color: #eff233;

}



a.scrollup:hover {

  opacity: 1;

  background-color: #fff;

  color: #eff233;

}



/* Custom Style */



html {

  position: relative;

  min-height: 100%;

}





.recent-work-wrap {

  border: 1px solid #ccc;

  height: 100px;

  user-select: none;

  -webkit-user-select: none;

  -moz-user-select: none;

}



#portfolio .portfolio-item:not(.removed) :hover {

  background-color: #f5f5f5;

}



#portfolio .removed {

  opacity: 0.4 !important;

  cursor: not-allowed;

}



#portfolio .removed a.preview {

  visibility: hidden !important;

}



#portfolio .Up {

  opacity: 0.5 !important;

  background-color: #fff;

  cursor: not-allowed;

}



#portfolio .Up a.preview {

  visibility: hidden !important;

}



.recent-work-wrap>.file-icon {

  float: left;

}



.recent-work-wrap h4 {

  margin: 0;

  display: block;

  text-overflow: ellipsis;

  white-space: nowrap;

  max-width: 219px;

  overflow: hidden;

}



.recent-work-wrap .file-icon>i {

  font-size: 3em;

  color: #333;

}



.portfolio-item {

  border: 1px solid #ccc;

  overflow: hidden;

}



.notfound {

  padding: 50px !important;

  text-align: center;

}



.captcha {

  margin-top: 15px;

  min-width: 160px;

  max-width: 160px;

  margin: 15px auto 0;

}



.contact-form {

  color: #333;

}



#login-error {

  position: absolute;

  bottom: 0;

  left: 10%;

  width: 39%;

  z-index: 100;

  text-align: center;

}



@media all and (transform-3d),

(-webkit-transform-3d) {



  .carousel-fade .carousel-inner>.item.next,

  .carousel-fade .carousel-inner>.item.active.right {

    opacity: 0;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  .carousel-fade .carousel-inner>.item.prev,

  .carousel-fade .carousel-inner>.item.active.left {

    opacity: 0;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }



  .carousel-fade .carousel-inner>.item.next.left,

  .carousel-fade .carousel-inner>.item.prev.right,

  .carousel-fade .carousel-inner>.item.active {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

}



.carousel {

  z-index: 1028;

}



.carousel .item {

  position: fixed;

  width: 100%;

  height: 100%;

  background-size: 100% 100% !important;

}

@media (min-width:992px){

  #smallNavbar li.nav-item::after{

    content: "";

    width: 1px;

    height: 13px;

    background-color: #fff709;

    float: right;

    margin-top: -28px;

  }

  #smallNavbar li.nav-item:last-child::after{

    width: 0;

    height: 0;

  }

  .google-auto-placed,.google-auto-placed ins,.google-auto-placed iframe {

    width:100%!important;

    max-width:700px !important;

    margin-left:auto!important;

    margin-right:auto!important;

}

}





@media (max-width: 991.98px) {

  .breaking-space{

    padding-bottom:1.5rem!important;

    padding-top:1.5rem!important;

  }

  

  .list-group{

    flex-wrap: wrap;

    flex-direction: row;

  }

  .list-group-item{

    margin: 1px;

  }

  div.service-tab-menu div.list-group>a>h4 {

    display: block;

  }

  div.service-tab-menu div.list-group{

    flex-wrap: nowrap;

  }

  .navbar-expand-lg>.container,

  .navbar-expand-lg>.container-fluid {

    padding-left: 15px;

    padding-right: 15px;

  }



  ul.announcebox {

    font-size: 11px;

    width: 70%;

  }



  .navbar-nav.small{

    padding-top: 20px;

  }



  #smallNavbar .nav-link,

  #mainNavbar .nav-link{

    border-bottom: none !important;

    border-left: 3px solid transparent;

  }

  #smallNavbar .nav-link:hover, #smallNavbar .nav-item.active .nav-link{

    border-color: #fff;

  }



  #mainNavbar .nav-link:hover, #mainNavbar .nav-item.active .nav-link{

    border-color: #fff608;

  }



}



@media (min-width: 767.99px) and (max-width: 991.98px) {

  .card-counter .count-numbers {

    font-size: 21px;

  }



  #navbar .navbar-nav.small {

    padding-top: 40px;

  }

  .header.shrink #ticker{

    top: 74px;

  }

  .col-md-6 .chmsg_block .img-thumbnail,

  .rti_block .img-thumbnail{

    float: none;

    width: 100%;

    margin-bottom: 10px !important;

  }

}





@media (max-width: 767.98px) {

  #sitemap .cols:nth-child(2){

    border: none;

  }

  .display-1 {

    font-size: 3.3rem;

  }



  .display-2 {

    font-size: 2.5rem;

  }



  .display-3 {

    font-size: 2rem;

  }



  .header {

    min-height: 137px;

  }



  .navbar-brand img {

    width: 90px;

    height: auto;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

    top: 3px;

  }



  .navbar-brand .brand-desc {

    padding-left: 90px;

  }



  .brand-desc h1 {

    font-size: 13px;

    margin: 0;

    padding: 0;

    line-height: 18px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

  }

  .navbar-brand h1 span{

    font-size: 9px;

  }

  .brand-desc-text {

    font-size: 13px;

  }



  #ticker {

    top: 104px;

  }

  .header.shrink #ticker {

    top: 74px;

  }



  footer .social-network,

  footer .copyright {

    text-align: center;

    color: #333;

  }



  .lates .row>.col-md-4 {

    text-align: center;

  }



  div.service-tab-menu div.list-group>a.active:after {

    left: 38%;

  }

  .padded .services-inner{

    margin: 15px auto !important;

  }



}





@media (max-width: 575.98px) {

  .ads ins{

   max-width: 345px !important;

  }

  .notification-filter{

    position: absolute;

    right: 0;

    z-index: 1;

  }

  #sitemap .cols{

    border: none;

}

.tab-container {

    height: auto !important;

  }



  span.round-tabs {

    font-size: 16px;

    width: 50px;

  }



  .tab-content .head {

    font-size: 20px;

  }



  #aboutTabs>li a {

    width: 50px;

  }



  .btn-outline-rounded {

    padding: 12px 20px;

  }



  span.labels {

    font-size: 9px;

    bottom: 0 !important;

  }



  #about .tab-content {

    padding: 30px 10px;

  }



  .services,

  #services {

    padding: 40px 5px;

  }



  .service-tab-menu .list-group-item {

    padding: .75rem 0px;

    font-size: 11px;

  }



  div.service-tab-menu div.list-group>a {

    font-size: 9px;

    padding: 10px 0 0;

  }



  div.service-tab-menu div.list-group>a>h4 {

    margin: 0;

  }

  .navbar-brand{

    padding-bottom: .3125rem !important;

    min-height: 60px;

    max-width: 80%;

    white-space: normal;

    margin-right: 0;

  }



  .brand-desc-text {

    font-size: 11px !important;

  }

  .notification-filter>li {

    display: block;

  }

  .notification-filter>li a {

    display: block;

    margin: 0;

  }

  

  

}

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

  .modal-dialog-centered{

    max-width: 96%;

  }

  #filePreview{

    min-height: 390px;

  }

  .navbar-brand .brand-desc{

    padding-left: 75px;

  }

  .navbar-brand img {

    width: 70px !important;

    top: 5px;

  }

  footer{

    text-align: center;

  }

  .brand-desc-text {

    font-size: 7px !important;

}

.col-md-6 .chmsg_block .img-thumbnail{

  float: none;

  width: 100%;

  margin-bottom: 10px !important;

}



/* .navbar-toggler:not(:disabled):not(.disabled){

  margin: 0 auto;

} */

}